@charset "utf-8";

.gray-bg {background:#F8F8F8;}

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

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

.s-tit {font-size:var(--font-size-40); font-weight:700; color:#242424;}

.s-txt {font-size:var(--font-size-16); color:#686868; margin-top:var(--space-20);}

.ico-tit {margin-bottom:var(--space-40); padding-left:13px; position:relative; font-size:var(--font-size-22); font-weight:600; letter-spacing:-.03em; line-height:1em;}
.ico-tit:before {content:''; position:absolute; left:0; top:0; height:clamp(16px, calc(22 / var(--inner) * 100vw), 22px); width:3px; background:var(--color-primary);}

.sub-tab ul {display:flex; justify-content:center; gap:0 var(--space-20);}
.sub-tab ul li a {border-radius:30px; display:flex; align-items:center; justify-content:center; text-align:center; height:42px; padding:0 var(--space-20); font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.3em; color:#999;}  
.sub-tab ul li.active a {background:var(--color-secondary); color:#fff;}

.balance {text-align:center;}
.balance h3 {font-size:var(--font-size-32); line-height:1.4em; font-weight:700; color:#133486; margin-bottom:var(--space-20);}
.balance p {font-size:var(--font-size-16); font-weight:400; line-height:1.75em; color:#454545;}

.mission {text-align:center; background:url('/images/sub/mission-bg.jpg') no-repeat center center / cover;}
.mission .s-tit {color:#fff;}
.mission .s-txt {color:#fff;}

.core .items {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-40);}
.core .items .item {border-radius:100%; aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:var(--space-12);}
.core .items .item:nth-child(odd) {background:var(--color-primary);}
.core .items .item:nth-child(even) {background:var(--color-secondary);}
.core .items .item .ico img {height:clamp(34px, calc(62 / var(--inner) * 100vw), 62px);}  
.core .items .item p {font-size:var(--font-size-18); font-weight:500; color:#fff;}

.about .items {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-30);}
.about .items .item {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:230px; padding:var(--space-30) var(--space-20); background:#fff; border-radius:20px; box-shadow:0 3px 0 var(--color-primary); text-align:center;}
.about .items .item .ico img {height:clamp(34px, calc(64 / var(--inner) * 100vw), 64px);}
.about .items .item .tit {margin:var(--space-5) 0 3px; font-size:var(--font-size-18); font-weight:700; line-height:1.4em; color:#242424;}
.about .items .item .txt {font-size:var(--font-size-18); line-height:1.4em; color:#454545;}
.about .items .item .txt span {display:inline-block; margin-top:var(--space-8); font-size:var(--font-size-14); line-height:1.5em; color:#868686;}

.greeting {display:flex; gap:var(--space-40);}
.greeting .image {width:46%;}
.greeting .content {flex:1;}
.greeting .lead {font-size:var(--font-size-24); font-weight:700; line-height:1.35em;}
.greeting .text {margin:var(--space-25) 0; letter-spacing:-.03em; font-size:var(--font-size-18); line-height:1.35em; color:#454545;}
.greeting .ceo {font-size:var(--font-size-18); font-weight:700; line-height:1.6em; color:#242424;}

.history-group {border-bottom:1px dashed #ddd; display:flex; padding-bottom:var(--space-90); margin-bottom:var(--space-90);}
.history-group:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.history-group .heading {width:36%;}
.history-group .heading h3 {line-height:1.1em; font-size:var(--font-size-40); font-weight:700; color:var(--color-primary); margin-bottom:var(--space-10);}
.history-group .heading p {font-size:var(--font-size-18); color:#454545; line-height:1.5em; font-weight:500;}
.history-group .content {position:relative; flex:1;}
.history-group .content:after {z-index:-1; content:''; position:absolute; left:100px; top:.6em; bottom:.8em; width:1px; background:#ddd;}
.history-group .item {display:flex;}
.history-group .year {width:100px; font-size:var(--font-size-24); font-weight:700; color:var(--color-primary);}
.history-group .desc {padding-bottom:var(--space-55); padding-left:var(--space-40); position:relative; flex:1;}
.history-group .desc:before {margin-left:-6px; content:''; position:absolute; left:0; top:.4em; width:12px; height:12px; background:url('/images/sub/history-dot.png') no-repeat center center / cover;}
.history-group .desc .text {padding-left:var(--space-15); position:relative; display:flex;}
.history-group .desc .text:before {content:''; position:absolute; left:0; top:.67em; width:5px; height:5px; background:var(--color-primary); border-radius:100%;}
.history-group .desc .text + .text {margin-top:var(--space-20);}
.history-group .desc .month {min-width:60px; font-size:var(--font-size-18); font-weight:600; color:#242424;}
.history-group .desc .txt {font-size:var(--font-size-16); line-height:1.7em; color:#484848;}
.history-group .item:last-child .desc {padding-bottom:0;}

.certi-items {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-20); text-align:center;}
.certi-items .item .img {aspect-ratio:225/295;}
.certi-items .item .img img {width:100%; height:100%; object-fit:contain;}
.certi-items .item p {margin-top:var(--space-20); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.certi-items .item p small {display:block; color:#686868;}

.tech {display:flex;}
.tech .heading {width:41%;}
.tech .content .item {display:flex; align-items:center; padding-bottom:var(--space-30); margin-bottom:var(--space-30); border-bottom:1px solid #ddd;}
.tech .content .item:last-child {margin-bottom:0;}
.tech .content .item .year {width:125px; font-size:var(--font-size-28); font-weight:700; color:var(--color-primary);}
.tech .content .item .list {flex:1;}
.tech .content .item .list li {padding-left:var(--space-15); position:relative; margin-bottom:var(--space-8); font-size:var(--font-size-18); line-height:1.6em; color:#242424; display:flex;}
.tech .content .item .list li:before {content:''; position:absolute; left:0; top:.6em; width:3px; height:3px; background:var(--color-secondary); border-radius:100%;}
.tech .content .item .list li:last-child {margin-bottom:0;}
.tech .content .item .list strong {font-weight:600; min-width:85px;}

.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(370 / var(--inner) * 100vw), 370px) !important;}

.directions .map-area {display:flex; align-items:stretch;}
.directions .map-area .image {width:50%;}
.directions .map-area .image img {width:100%; height:100%; object-fit:cover;}
.directions .map-area .map-cnt {flex:1;}
.directions .info-area {display:flex; flex-wrap:wrap; gap:0 15px; margin-top:var(--space-40);}
.directions .item {display:flex; align-items:center; gap:0 var(--space-20);}
.directions .item:nth-child(1) {width:41%;}
.directions .item:nth-child(2) {width:29%;}
.directions .item:nth-child(3) {flex:1;}
.directions .item .ico img {width:clamp(40px, calc(88 / var(--inner) * 100vw), 88px);}
.directions .item .text {flex:1;}
.directions .item .tit {font-size:var(--font-size-20); font-weight:600; color:#242424; margin-bottom:var(--space-12);}
.directions .item .txt {font-size:var(--font-size-18); line-height:1.5em; color:#454545;}

.cvd-items {max-width:1050px; margin:0 auto; display:flex; gap:0 15px; justify-content:space-between;}
.cvd-items .item {text-align:Center;}
.cvd-items .item .tit {margin-top:var(--space-20); font-size:var(--font-size-18); font-weight:500; color:#242424;}
.cvd-items .item .txt {margin-top:2px; font-size:var(--font-size-18); font-weight:400; color:#454545;}

.cvd-table table {width:100%; border-collapse:collapse; border-spacing:0; font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em; color:#454545; text-align:center;}
.cvd-table thead th {border-right:1px solid #ddd; text-align:center; padding:var(--space-15); background:var(--color-primary); color:#fff; font-weight:500;}
.cvd-table tbody td {padding:var(--space-15); color:#454545; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.cvd-table tbody th:last-child,
.cvd-table tbody td:last-child {border-right:0;}

.environment-intro {margin-bottom:var(--space-60); text-align:center;}
.environment-intro .label {margin-top:var(--space-40); display:inline-block; padding:var(--space-10) var(--space-25); background:var(--color-primary); color:#fff; font-size:var(--font-size-18); font-weight:500; border-radius:50px;}
.environment-intro .line {margin:var(--space-20) auto var(--space-40); display:block; width:8px; height:clamp(40px, calc(71 / var(--inner) * 100vw), 71px); background:url('/images/sub/env-label.png') no-repeat center center / contain;}
.environment-intro .txt {font-size:var(--font-size-20); line-height:1.6em; color:#242424;}
.environment-items {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-30);}
.environment-items .item {border-radius:24px; overflow:hidden; border:1px solid #ddd;}
.environment-items .img img {width:100%;}
.environment-items .cnt {padding:var(--space-40);}
.environment-items .cnt h3 {font-size:var(--font-size-16); line-height:1.4em; font-weight:600; color:var(--color-primary); margin-bottom:var(--space-12);}
.environment-items .cnt .sub {font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em; margin-bottom:var(--space-12);}
.environment-items .cnt .txt {font-size:var(--font-size-16); line-height:1.6em; color:#454545;}
.environment-items.col-2 {grid-template-columns:repeat(2,1fr);}
.environment-items + .buttons {margin:var(--space-60) 0 0;}

.talent-intro {margin-bottom:var(--space-40);}
.talent-intro .line {margin:var(--space-40) auto 0; display:block; width:8px; height:clamp(40px, calc(71 / var(--inner) * 100vw), 71px); background:url('/images/sub/env-label.png') no-repeat center center / contain;}
.talent-intro p {font-size:var(--font-size-20); line-height:1.75em; text-align:center; font-weight:500;}

.talent-items {display:flex; justify-content:space-between;}
.talent-items .item {text-align:center;}
.talent-items .item p {margin-top:var(--space-20); font-size:var(--font-size-16); line-height:1.6em; color:#454545;}

.process-cnt {margin-bottom:var(--space-60);}
.process-cnt:last-child {margin-bottom:0;}
.process-cnt .ico-tit {padding-bottom:var(--space-25); margin-bottom:var(--space-25); border-bottom:1px solid #ddd;}

.process-steps {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-40);}
.process-steps .item {padding:var(--space-40); display:flex; align-items:center; gap:0 var(--space-20); border-radius:16px; border:1px solid #ddd;}
.process-steps .item .ico img {width:clamp(50px, calc(80 / var(--inner) * 100vw), 80px);}
.process-steps .item .text {flex:1;}
.process-steps .item .text h4 {font-size:var(--font-size-20); font-weight:600; color:#242424; margin-bottom:var(--space-12);}
.process-steps .item .text h4 span {width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; font-size:var(--font-size-14); font-weight:700; letter-spacing:-.03em; color:#fff; border-radius:100%; vertical-align:middle; background:var(--color-primary); margin-right:var(--space-10);}
.process-steps .item .text p {font-size:var(--font-size-18); line-height:1.6em; color:#454545;}

.process-doc p {font-size:var(--font-size-18); line-height:1.6em; color:#454545;}

.apply-info .link {font-size:var(--font-size-18); color:#454545;}
.apply-info .link strong {color:var(--color-secondary); font-weight:600;}
.apply-info .txt {font-size:var(--font-size-18); line-height:1.6em; color:#454545;}