@charset "utf-8";

.blue-bg {background:#F3FCFE;}

.doc-cnt {padding:var(--space-100) 0;}

.s-head {font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.4em; margin-bottom:var(--space-60); text-align:center;}

.greeting-img {height:clamp(200px, calc(400 / var(--inner) * 100vw), 400px); border-radius:24px; overflow:hidden; margin-bottom:var(--space-56);}
.greeting-img img {width:100%; height:100%; object-fit:cover;}
.greeting-txt {padding:0 var(--space-25);}
.greeting-txt .intro {margin-bottom:var(--space-40); font-size:var(--font-size-24); font-weight:600; line-height:38px; color:var(--color-primary);}
.greeting-txt .txt {font-weight:400; line-height:1.88em; color:#484848;}
.greeting-txt .txt strong {font-weight:600;}

.vision-hero {padding:0 30px; height:clamp(280px, calc(400 / var(--inner) * 100vw), 400px); position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; overflow:hidden; color:#fff;}
.vision-hero .txt-1 {position:relative; z-index:2; display:flex; gap:var(--space-8); font-size:var(--font-size-36); font-weight:700; line-height:1.3em; margin-bottom:var(--space-30);}
.vision-hero .txt-1:before,
.vision-hero .txt-1:after {content:''; width:20px; height:14px; background-size:contain; background-repeat:no-repeat; background-position:center center; margin-top:var(--space-8);}
.vision-hero .txt-1:before {background-image:url('/images/sub/hero-quote1.png');}
.vision-hero .txt-1:after {background-image:url('/images/sub/hero-quote2.png');}
.vision-hero .txt-2 {position:relative; z-index:2; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; margin:0;}

.vision-section {padding:var(--space-100) 0;}
.vision-section .contain {display:flex;}
.vision-section .title {width:19%;}
.vision-section .title h2 {border:1px solid var(--color-primary); border-radius:8px; padding:0 var(--space-25); display:inline-block; font-size:var(--font-size-18); font-weight:600; line-height:45px; color:var(--color-primary);}
.vision-section .content {flex:1;}

.dashed-line {max-width:1440px; margin:0 auto; height:1px; background:url('/images/sub/dashed.png') repeat-x;}

.nari-vision {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-24); text-align:center;}
.nari-vision .item .tit {margin:var(--space-25) 0 var(--space-5); font-size:var(--font-size-20); font-weight:600; line-height:1.4em;}
.nari-vision .item .txt {font-weight:500; color:#999;}

.core-items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-25);}
.core-items .item {text-align:center; background:#fff; border-radius:48px; box-shadow:0 0 24px 0 rgba(19,104,173,0.08); padding:var(--space-40);}
.core-items .item .ico {margin-bottom:var(--space-25);}
.core-items .item .ico img {height:clamp(64px, calc(120 / var(--inner) * 100vw), 120px);}
.core-items .item .tit {margin-bottom:var(--space-8); font-size:var(--font-size-20); font-weight:600; color:#222; text-align:center;}
.core-items .item .txt {font-weight:400; color:#484848; line-height:1.88em; text-align:center;}

.strategy-items {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-45) var(--space-24);}
.strategy-items .item .tit {font-size:var(--font-size-20); font-weight:600; color:#222; margin-top:var(--space-25); text-align:center;}

.company-img {text-align:center; border:1px solid #ddd; border-radius:48px; padding:var(--space-65);}

.history {position:relative;}
.history:before {content:''; width:1px; top:.3em; bottom:0; background:#ddd; position:absolute; left:50%; transform:translateX(-50%);}
.history .group {position:relative; margin-bottom:var(--space-75);}
.history .group:last-child {margin-bottom:0;}
.history .group:after {content:''; width:32px; height:32px; background:url('/images/sub/history-dot.png') no-repeat center center /contain; position:absolute; top:.4em; left:50%; transform:translateX(-50%);}
.history .group .year {font-size:var(--font-size-36); font-weight:700; line-height:1.2em; margin-bottom:var(--space-30); color:var(--color-primary);}
.history .group .list ul li {margin-bottom:var(--space-12); position:relative; font-size:var(--font-size-18); font-weight:400; line-height:1.5em; color:#484848;}
.history .group .list ul li:before {content:''; border-radius:100%; background:var(--color-primary); width:4px; height:4px; position:absolute; top:.6em;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) .inner {padding-left:var(--space-70);}
.history .group:nth-child(odd) .list ul li {padding-left:15px;}
.history .group:nth-child(odd) .list ul li:before {left:0;;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) .inner {padding-right:var(--space-70);}
.history .group:nth-child(even) .list ul li {padding-right:15px;}
.history .group:nth-child(even) .list ul li:before {right:0;}

.location {display:flex; align-items:stretch; justify-content:space-between;}
.location .map-area {border-radius:24px; overflow:hidden; width:calc(50% - var(--space-12));}
.location .root_daum_roughmap_landing {width:100% !important;}
.location .root_daum_roughmap .cont {display:none;}
.location .root_daum_roughmap .wrap_map {height:clamp(250px, calc(470 / var(--inner) * 100vw), 470px) !important;}
.location .info-area {padding:var(--space-75) var(--space-55); border-radius:24px; overflow:hidden; box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.08); width:calc(50% - var(--space-12));}
.location .info-area h2 {border-bottom:1px solid #ddd; padding-bottom:var(--space-25); margin-bottom:var(--space-30); font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.location .info-area .text {display:grid; gap:var(--space-30) 0;}
.location .info-area .text .item {font-size:var(--font-size-18); font-weight:400; color:#484848;}
.location .info-area .text .item img {vertical-align:middle; margin-right:var(--space-15);}

.partners ul {display:flex; flex-wrap:wrap; margin:calc(var(--space-12) * -1);}
.partners ul li {width:25%; padding:var(--space-12);}
.partners ul li .img {border-radius:16px; overflow:hidden; border:1px solid #ddd; aspect-ratio:342/120;}
.partners ul li .img img {width:100%; height:100%; object-fit:contain;}

.solution-intro {padding:var(--space-110) 0 var(--space-90); text-align:center;}
.solution-intro h1 {font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} 
.solution-intro .ico {margin:var(--space-45) 0;}
.solution-intro .txt {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.78em; color:#484848;}

.solution-banner {height:clamp(200px, calc(600 / var(--inner) * 100vw), 600px); background-size:cover; background-position:center center; background-repeat:no-repeat;}

.solution-about {display:flex; align-items:center; gap:var(--space-65);}
.solution-about .image {width:41.66%;}
.solution-about .content {flex:1;}
.solution-about .content h2 {font-size:var(--font-size-32); font-weight:600; line-height:1.4em; margin-bottom:var(--space-30);}
.solution-about .content p {font-weight:400; line-height:1.88em; color:#484848; margin:0;}

.solution-feature .items {display:flex; flex-wrap:wrap; justify-content:center; margin:calc(var(--space-12) * -1);}
.solution-feature .items .item {width:33.333%; padding:var(--space-12); color:#fff;} 
.solution-feature .items .box {background-size:cover; background-position:center center; background-repeat:no-repeat; height:100%; border-radius:24px; overflow:hidden; padding:var(--space-50) var(--space-35) var(--space-35); display:flex; flex-direction:column; justify-content:flex-end; min-height:240px;}
.solution-feature .items .box p {margin-top:var(--space-25); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.58em;}
.solution-feature .items .box .list {margin-top:var(--space-15);}
.solution-feature .items .box .list ul li {padding-left:15px; position:relative; font-weight:500; letter-spacing:-.03em; line-height:1.88em;}
.solution-feature .items .box .list ul li:before {content:''; width:4px; height:4px; background:#fff; border-radius:100%; position:absolute; top:.8em; left:0;}