@charset "utf-8";

.fz30 {font-size:var(--fz30) !important;}

.sub-tab {margin-bottom:60px; position:relative; background:#fafafa;}
.sub-tab:after {content:''; position:absolute; left:0; top:0; bottom:0; right:0; border:1px solid #ddd; border-bottom:0; border-radius:20px 20px 0 0;}
.sub-tab ul li {position:relative; width:auto; flex:1; text-align:center;}
.sub-tab ul li:after {pointer-events:none; content:''; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:20px 20px 0 0; border-bottom:1px solid var(--color-primary);}
.sub-tab ul li a {font-size:var(--fz18); padding:0 13px; border-radius:20px 20px 0 0; height:60px; font-weight:600; line-height:1.33em; color:#898989; display:flex; align-items:center; justify-content:center; text-align:center;}
.sub-tab ul li.active:after {border:1px solid var(--color-primary); border-bottom:0;}
.sub-tab ul li.active a {color:var(--color-primary); background:#fff;}

.gray-bg {background:#fafafa;}

.doc-cnt {padding:100px 0;}
.doc-cnt.pt0 {padding-top:0;}
.doc-cnt:last-child {padding-bottom:0;}

.doc-tit {margin-bottom:30px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; display:inline-block;}
.doc-tit:after {margin-left:10px; content:''; display:inline-block; width:6px; height:6px; border-radius:100%; background:#1baf47;}

.mdo-txt {margin-bottom:50px; font-weight:400; line-height:1.63em; text-align:center;}

.mdo-wrap {margin-bottom:100px;}
.mdo-wrap .row {display:flex; margin:-5px -30px;}
.mdo-wrap .row .col {padding:5px 30px; position:relative;}
.mdo-wrap .row .col:nth-child(1) {width:52.5%;}
.mdo-wrap .row .col:nth-child(1):after {content:''; position:absolute; right:0; top:50%; width:28px; height:18px; margin:-9px -14px 0 0; background:url('/images/sub/mdo-arrow.png') no-repeat 50% 50% /contain;}
.mdo-wrap .row .col:nth-child(2) {flex:1 1 auto; min-width:0; width:1%;}
.mdo-wrap .box {height:100%; min-height:80px; position:relative; padding:5px; display:flex; justify-content:center; align-items:center; border-radius:40px; background:#e6f4ee;  text-align:center;}
.mdo-wrap .box.ico-box {padding-left:30px;}
.mdo-wrap .box .ico {position:absolute; left:5px;}

.mdo-cnt .img {margin-bottom:38px;}
.mdo-cnt .small {color:#454545; margin-bottom:23px; line-height:1.5em;}

.grad-wrap {border-top:1px solid #242424;}
.grad-wrap .row {padding:36px 37px; display:flex; border-bottom:1px dashed #ddd;}
.grad-wrap .row:last-child {padding-bottom:0; border-bottom:0;}
.grad-wrap .title {width:153px;}
.grad-wrap .title .tit {margin-bottom:5px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.grad-wrap .title .txt {font-size:var(--fz15); font-weight:400; letter-spacing:-.03em; line-height:1.47em; color:#ababab;}
.grad-wrap .cnt {flex:1 1 auto; min-width:0; width:1%;}

.dot-list li {margin-bottom:7px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.dot-list li:before {margin-right:5px; content:'·'; color:#1baf47; font-weight:700; font-size:var(--fz20);}
.dot-list li:last-child {margin-bottom:0;}

.property-table table {text-align:center; border-top:2px solid var(--color-primary); width:100%; border-collapse:collapse; border-spacing:0;}
.property-table thead th {padding:10px 2px; font-size:var(--fz14); font-weight:600; line-height:1.4em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#e6f4ee;}
.property-table thead th.bg1 {background:#edf7f3;}
.property-table thead th.bg2 {background:#f7fcfa;}
.property-table tbody td {padding:10px 2px; font-size:var(--fz14); font-weight:400; color:#454545; line-height:1.4em;border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.property-table tbody td:last-child {border-right:0;}
.property-table tbody td.bg {background:#fafafa; font-weight:500; color:#242424;}
.property-table tr.line {border-bottom:1px solid #ababab;}

.table-tt {padding-left:.8em; text-indent:-.8em; margin-top:24px; line-height:1.6em; color:#454545;}

.lang-tab {border-radius:17px; width:108px; background:#f2f2f2;}
.lang-tab ul {display:flex;}
.lang-tab ul li {width:50%; text-align:center;}
.lang-tab ul li a {border-radius:17px; display:block; line-height:34px; font-size:var(--fz14); font-weight:600; letter-spacing:-.03em; color:#ababab;}
.lang-tab ul li.active a {background:#000; color:#fff;}

.greeting-wrap {position:relative;}
.greeting {margin-top: 65px; display:flex; justify-content:space-between;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%; margin-right:60px;}
.greeting .cnt h2 {margin-bottom:38px; font-size:var(--fz30); font-weight:600; letter-spacing:-.03em; line-height:1.47em; color:#242424;}
.greeting .cnt h2 strong {color:var(--color-primary);}
.greeting .cnt .t {margin-bottom:35px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; color:#242424; line-height:1.6em;} 
.greeting .cnt .mg-txt p {margin-bottom:24px; color:#454545; line-height:1.75em;}
.greeting .cnt .mg-txt p:last-child {margin-bottom:0;}
.greeting .cnt .ceo {margin-top:40px; font-size:var(--fz18); font-weight:600; color:#242424; line-height:1.4em;}
.greeting .cnt .ceo img {margin-left:20px; vertical-align:middle;}
.greeting .img {padding-top: 133px;}

.history-wrap {position:relative;}
.history-wrap .lang-tab {position:absolute; right:0; top:50px;}

.history-title {margin-bottom:32px;}
.history-title h2 {font-size:var(--fz30); font-weight:600; letter-spacing:-.03em; line-height:1.47em;}
.history-title h2 strong {color:var(--color-primary);}

.history {border-top:1px solid #000; padding-top:77px;}
.history .group {position:relative;}
.history .group:before {content:''; position:absolute; left:50%; top:10px; width:1px; height:110%; background:#ddd;}
.history .group:last-child:before {display:none;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(even) {padding-right:50%;}
.history .group:nth-child(odd) .con {padding-left:80px;}
.history .group:nth-child(even) .con {text-align:right; padding-right:80px;}
.history .group .con h3 {position:relative; margin-bottom:25px; font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:1em; color:var(--color-primary);}
.history .group .con h3:before {content:''; position:absolute; left:-80px; top:-14px; margin-left:-32px; width:64px; height:66px; background:url('/images/sub/history-dot.png') no-repeat 50% 50% /contain;}
.history .group:nth-child(even) .con h3:before {left:auto; right:-80px; margin:0 -32px 0 0;}
.history .group .con ul li {margin-bottom:13px; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545; display:flex;}
.history .group .con ul li strong {min-width:65px; color:#242424;}
.history .group:nth-child(even) .con ul li {flex-direction:row-reverse;}

.esg-group {display:flex; align-items:center;}
.esg-group.reverse {flex-direction:row-reverse;}
.esg-group .img {width:550px;}
.esg-group:not(.esg-group.reverse) .img {margin-right:80px;}
.esg-group.reverse .img {margin-left:80px;}
.esg-group .cnt {flex:1 1 auto; min-width:0; width:1%;}
.esg-group .cnt .t1 {margin-bottom:10px; font-size:var(--fz40); font-weight:500; line-height:1.35em;}
.esg-group .cnt .t2 {font-size:var(--fz20); font-weight:600; line-height:1.4em; color:var(--color-primary);}

.activity-tit {margin-bottom:55px; text-align:center; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.42em;}

.activity-info {border:2px solid #ededed; margin-bottom:40px; border-radius:20px; background:#fafafa; display:flex;}
.activity-info .col {position:relative; padding:55px 100px; width:50%;}
.activity-info .col:after {content:''; position:absolute; right:0; top:50%; width:1px; height:106px; margin-top:-53px; background:#ddd;}
.activity-info .col:last-child:after {display:none;}
.activity-info .tit {margin-bottom:15px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.tech-info {margin-bottom:80px; padding:40px 60px; display:flex; align-items:center; background:#f8f8f8;}
.tech-info .title {margin-right:60px;}
.tech-info .title h2 {font-size:var(--fz42); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.tech-info .title p {font-weight:600; line-height:1.4em;}
.tech-info .cnt p {letter-spacing:-.03em; color:#454545;}
.tech-info .cnt p + p {margin-top:15px;}

.better {margin:30px 0 55px; text-align:center;}
.better .t1 {color:#1baf47; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.better .t2 {color:var(--color-primary); font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}

.certi-list {margin-bottom:80px;}
.certi-list ul {flex-wrap:wrap; display:flex; margin:-15px;}
.certi-list ul li {width:25%; padding:15px;}

.certi-info {position:relative; min-height:180px; border-radius:90px; display:flex; align-items:center; justify-content:center; background:#f8f8f8; text-align:center;}
.certi-info .con {position:absolute; left:10px; padding:30px 10px 10px;box-shadow:4px 4px 9px rgba(0,0,0,.2); width:160px; height:160px; font-size:var(--fz24); font-weight:500; letter-spacing:-.02em; line-height:1.25em;border-radius:100%; background:var(--color-primary); color:#fff;}
.certi-info .con p {line-height:2em; color:#454545;}

.location-content {overflow:hidden; position:relative; height:0; opacity:0;}
.location-content.active {z-index:1; height:auto; opacity:1;}

.directions {margin-top:40px; padding-top:60px; border-top:1px solid #242424;}
.directions .group {padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #ddd; display:flex; align-items:center;}
.directions .group:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.directions .info {width:360px; padding-right: 30px;}
.directions .info h2 {margin-bottom:30px; font-size:var(--fz32); font-weight:600; letter-spacing:-.04em; color:#121212;}
.directions .info h2:before {margin-bottom:21px; width:7px; height:7px; background:var(--color-primary); content:''; display:block;}
.directions .info .addr {margin-bottom:38px; color:#454545; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.67em;}
.directions .info .tel dt {margin-bottom:5px; font-size:var(--fz15); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:var(--color-primary);}
.directions .info .tel dd {font-size:var(--fz22); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.directions .map {border-radius:24px; overflow:hidden; height:380px; flex:1 1 auto; min-width:0; width:1%;}
.directions .map iframe {width:100%; height:100%;}
.root_daum_roughmap {width:100% !important; height:100% !important;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3, 
.root_daum_roughmap_landing .border4 {display:none;}
.root_daum_roughmap .wrap_controllers {display:none;}