@charset "utf-8";

.gray-bg {background:#fafafa;}

.doc-cnt {padding:var(--space-120) 0;}
.doc-cnt:first-child {padding-top:0;}

.sub-tab {margin-bottom:var(--space-100);}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; margin-right:var(--space-10);}
.sub-tab ul li:last-child {margin-right:0;}
.sub-tab ul li a {height:clamp(40px, calc(60 / var(--inner) * 100vw), 60px); border-radius:8px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.sub-tab ul li.active a {background:#111; border-color:#111; color:#fff;}

.s-heading {text-align:center; margin-bottom:var(--space-50);}

.s-en {font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#8f8f8f;}
.s-en.type2 {color:var(--color-primary);}

.s-head {margin-top:var(--space-15); font-size:var(--font-size-34); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.overview {border-bottom:1px solid #ddd; text-align:center; padding-bottom:var(--space-120); margin-bottom:var(--space-120);}
.overview h2 {margin:var(--space-60) 0 var(--space-50); font-size:var(--font-size-34); font-weight:700; letter-spacing:-.03em; line-height:1.5em;}
.overview h2 span {color:var(--color-secondary);}
.overview .txt {font-weight:400; color:#454545;}
.overview .txt strong {color:#242424;}

.history-area .sub-tab {margin-bottom:var(--space-60);}
.history {max-width:750px; margin:0 auto;}
.history .item {position:relative; padding-bottom:var(--space-60); display:flex;}
.history .item:after {content:''; position:absolute; left:24.5%; top:.5em; width:1px; height:100%; background:#ddd; z-index:-1;}
.history .item:last-child {margin-bottom:0;}
.history .item:last-child:after {display:none;}
.history .year {position:relative; font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:.8em; width:24.5%;}
.history .year:after {background:#fff; position:absolute; right:0; top:.2em; content:''; margin-right:-7px;  width:13px; height:13px; border-radius:100%; border:2px solid var(--color-secondary);}
.history .list {flex:1; padding-left:var(--space-70);}
.history .list ul li {display:flex; margin-bottom:var(--space-12); font-weight:400; color:#454545; line-height:1.4em;}
.history .list ul li:last-child {margin-bottom:0;}
.history .list ul li strong {font-weight:700; min-width:60px;}

.greeting {display:flex; align-items:center; gap:0 var(--space-80);}
.greeting .image {width:42%; max-width:580px;}
.greeting .content {flex:1;}
.greeting .content h2 {margin-bottom:var(--space-40); font-size:var(--font-size-34); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting .content h2 span {color:var(--color-secondary);}
.greeting .content p {color:#454545; line-height:1.63em;}

.vision-1 {text-align:center; margin-bottom:var(--space-100);}
.vision-2 {text-align:center;}

.location-content {overflow:hidden; position:relative; height:0; opacity:0;}
/* .cases-content:after {content:" "; display:block; clear:both;} */
.location-content.active {z-index:1; height:auto; opacity:1;}

.location {display:flex; border-radius:80px; overflow:hidden;}
.location .map-area {flex:1;}
[lang="en"] .location .map-area {height:clamp(250px, calc(570 / var(--inner) * 100vw), 570px);}
[lang="en"] .location .map-area iframe {width: 100%; height: 100%;}
.location .root_daum_roughmap .wrap_map {height:clamp(250px, calc(570 / var(--inner) * 100vw), 570px) !important;}
.location .root_daum_roughmap_landing {width:100% !important;}
.location .root_daum_roughmap .cont {display:none !important;}
.location .info-area {background-repeat:no-repeat; background-position:center center; background-size:cover; padding:var(--space-40) var(--space-35); display:flex; flex-direction:column; justify-content:flex-end; width:32.5%; color:#fff;}
.location .info-area h2 {font-size:var(--font-size-34); font-weight:700; letter-spacing:-.03em; line-height:1.4em; margin-bottom:var(--space-30);}
.location .info-area .info dl {margin-bottom:var(--space-8); display:flex; align-items:center;}
.location .info-area .info dl:last-child {margin-bottom:0;}
.location .info-area .info dl dt {margin-right:var(--space-8); font-weight:600; display:flex; align-items:center; gap:0 var(--space-15);}
.location .info-area .info dl dt img {vertical-align:middle;}
.location .info-area .info dl dd {flex:1; line-height:1.5em;}

.product-intro .image {text-align:center; margin-bottom:var(--space-60);}
.product-intro .content {margin-bottom:var(--space-60); padding:var(--space-60) var(--space-40); box-shadow:6px 6px 30px 0 rgba(0, 0, 0, 0.16); background:#fff;}
.product-intro .content .tit {display:flex; align-items:center; gap:0 var(--space-30); margin-bottom:var(--space-40); font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.product-intro .content .tit img {width:clamp(40px, calc(104 / var(--inner) * 100vw), 104px);}
.product-intro .content .txt {color:#454545;}
.product-intro .button {display:flex; align-items:center; justify-content:center;}
.product-intro .button .btn {gap:0 var(--space-25); display:flex; align-items:center; justify-content:center; width:260px; height:clamp(45px, calc(72 / var(--inner) * 100vw), 72px); border-radius:72px; background:var(--color-primary); color:#fff; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.product-intro .button .btn:after {content:'→';}

.advantage .item {background:#fff; margin-bottom:var(--space-20); border:1px solid #ddd; padding:var(--space-40);}
.advantage .item:last-child {margin-bottom:0;}
.advantage .item .title {font-size:var(--font-size-24); font-weight:700;}
.advantage .item .title span {vertical-align:middle; margin-right:var(--space-25); font-size:var(--font-size-16); font-weight:500; display:inline-block; color:#fff; background:var(--color-primary); border-radius:60px; width:60px; line-height:30px; text-align:center;}
.advantage .item .list {margin-top:var(--space-30);}
.advantage .item .list ul li {padding-left:15px; position:relative; margin-bottom:var(--space-10); font-weight:400; color:#454545; line-height:1.5em;}
.advantage .item .list ul li:before {content:'·'; position:absolute; left:0; font-weight:800;}
.advantage .item .list ul li:last-child {margin-bottom:0;}