@charset "utf-8";

.mr10 {margin-right:10px !important;}

.pb0 {padding-bottom:0 !important;}

.sub-tab {margin-bottom:55px;}
.sub-tab li {border:1px solid #ddd; border-right:0; flex:1; text-align:center;}
.sub-tab li:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:var(--color-primary);}
.sub-tab li:last-child {border-right:1px solid #ddd;}
.sub-tab li a {padding:0 12px; height:60px; font-weight:500; line-height:1.4em; font-size:var(--fz18); display:flex; align-items:center; justify-content:center;}
.sub-tab li.active {border:2px solid var(--color-primary); border-bottom:0;}
.sub-tab li.active:after{display:none;}
.sub-tab li.active + li {border-left:0;}
.sub-tab li.active a {color:var(--color-primary);}

.sub-tab2 {margin-bottom:30px;}
.sub-tab2 ul {display:flex; justify-content:center;}
.sub-tab2 ul li {position:relative;}
.sub-tab2 ul li:not(:last-child):after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:14px; background:#ddd;}
.sub-tab2 ul li a {display:block; padding:0 16px; font-size:var(--fz18); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.sub-tab2 ul li.active a {color:var(--color-primary);}

.ico-tit {padding-bottom:27px; margin-bottom:27px; border-bottom:1px solid #ddd; font-size:var(--fz26); font-weight:600; line-height:1.4em; letter-spacing:-.03em; position:relative; padding-left:27px;}
.ico-tit:before {content:''; position:absolute; left:0; top:.32em; width:18px; height:18px; border:5px solid var(--color-primary); border-radius:100%;}
.ico-tit.border0 {border-bottom:0;}

.doc-tit {font-size:var(--fz32); font-weight:500; letter-spacing:-.03em; line-height:1.38em;}

.doc-txt {font-size:var(--fz16); line-height:1.63em; letter-spacing:-.03em; color:#454545;}

.doc-btn {font-weight:500; border-radius:8px; min-width:160px; height:50px; background:var(--color-primary); color:#fff; display:inline-flex; align-items:center; justify-content:center;}
.doc-btn.catalog-btn:after {content:''; margin-left:10px; width:17px; height:14px; background:url('/images/sub/catalog-ico.png') no-repeat 50% 50% / contain;}
.doc-btn.st1 {background:#8c8c8c;}
.doc-btn.st2 {background:#dc1111;}

.greeting {display:flex; align-items:center; justify-content:center;}
.greeting .img {width:870px; margin:0 90px 0 -360px;}
.greeting .img img {border-radius:0 80px 0 0;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt h2 {font-size:var(--fz30); font-weight:700; letter-spacing:-.03em; line-height:1.33em; color:#242424;}
.greeting .cnt .txt {margin:20px 0 24px; font-size:var(--fz22); font-weight:400; line-height:1.4em;}
.greeting .cnt .txt strong {font-weight:600;}
.greeting .cnt .txt2 {margin-bottom:23px; font-weight:400; line-height:1.63em; color:#454545;}
.greeting .cnt .everyone {color:#242424;}
.greeting .cnt .everyone strong {font-size:var(--fz18); font-weight:500;}

.ideology {position:relative;}
.ideology .center {width:38%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.ideology .text-wrap .row {display:flex; flex-wrap:wrap;}
.ideology .text-wrap .col {width:50%;}
.ideology .text-wrap dl dt {margin-bottom:16px; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.ideology .text-wrap dl dd {letter-spacing:-.03em; line-height:1.63em;}
.ideology .text-wrap .col:nth-child(odd) {padding-right:260px; text-align:right;}
.ideology .text-wrap .col:nth-child(even) {padding-left:260px;}
.ideology .text-wrap .col:nth-child(1),
.ideology .text-wrap .col:nth-child(2) {padding-top:53px; padding-bottom:82px;}
.ideology .text-wrap .col:nth-child(3),
.ideology .text-wrap .col:nth-child(4) {padding-top:140px;}

.history {position:relative;}
.history .top-ico {text-align:center;}
.history .group {padding-bottom:50px; position:relative;}
.history .group:first-child {margin-top:80px;}
.history .group:first-child:after {top:-80px !important; height:200% !important;}
.history .group:last-child {padding-bottom:0;}
.history .group:before {content:''; position:absolute; left:50%; top:1px; margin:-13px 0 0 -13px; width:26px; height:26px; border-radius:100%; border:8px solid #e0e0e0; border-radius:100%; background:#fff; z-index:1;}
.history .group:not(:last-child):after {position:absolute; left:50%; top:0; content:''; width:1px; height:100%; background:#ddd;}
.history .group h2 {margin-bottom:63px; font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:0; color:var(--color-primary);}
.history .group ul li {margin-bottom:8px; display:flex; font-size:var(--fz18); line-height:1.4em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li strong {color:#242424;}
.history .group:nth-child(odd) {text-align:right; padding-right:50%;}
.history .group:nth-child(odd) .inner {padding-right:50px;}
.history .group:nth-child(odd) ul li {flex-direction:row-reverse;}
.history .group:nth-child(odd) ul li strong {margin-left:10px;}
.history .group:nth-child(even) {padding-left:50%;}
.history .group:nth-child(even) .inner {padding-left:50px;}
.history .group:nth-child(even) ul li strong {margin-right:10px;}

.vision {padding:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.vision>ul {display:flex; justify-content:space-between; margin:-10px;}
.vision>ul>li {padding:10px;}
.vision .tit {margin:22px 0 17px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#000;}

.dot-list>li {text-indent:-.5em; padding-left:.5em; line-height:1.4em; margin-bottom:5px;}
.dot-list>li:last-child {margin-bottom:0;}

.dot-list2>li {margin-bottom:6px; padding-left:14px; position:relative; line-height:1.4em;}
.dot-list2>li:last-child {margin-bottom:0;}
.dot-list2>li:before {content:''; position:absolute; left:0; top:.5em; width:4px; height:4px; background:#d4d4d4;}

.certi ul {display:flex; margin:-10px;}
.certi ul li {padding:10px; text-align:center;}
.certi ul li p {margin-top:20px; font-size:var(--fz18); font-weight:500; line-height:1.4em; color:#242424;}

.root_daum_roughmap_landing {width:100% !important;}
.contact-info {margin-top:40px; display:flex;}
.contact-info dl {width:50%;}
.contact-info dl dt {font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424; display:flex; align-items:center;}
.contact-info dl dt img {margin-right:20px;}
.contact-info dl dd {padding-left:80px; margin-bottom:9px; font-weight:400; line-height:1.4em; color:#454545; display:flex; align-items:center;}
.contact-info dl dd:last-child {margin-bottom:0;}
.contact-info dl dd strong {color:#242424;}

.solution ul {display:flex; margin:-15px;}
.solution ul li {width:33.333%; padding:15px;}
.solution ul li a {height:100%; border-radius:12px; padding:40px 24px; display:block;background:#f8f8f8;}
.solution .ico {margin-bottom:20px;}
.solution .tit {font-size:var(--fz24); font-weight:500; line-height:1.4em; color:#242424;}
.solution .txt {margin:18px 0 34px; line-height:1.63em;}
.solution .more {padding:0 35px; border-color:var(--color-primary); color:var(--color-primary);}
.solution ul li a:hover .more {color:#fff; background:var(--color-primary);}

.esg-top .bg {height:340px; background:url('/images/sub/esg.jpg') no-repeat 50% 50% / cover;}
.esg-top .cnt {padding:47px 30px 0; border-radius:20px; max-width:940px; margin:-20px auto 0; text-align:center; background:#fff;}
.esg-top .cnt p {font-size:var(--fz18);}

.matters ul {display:flex; flex-wrap:wrap; margin:-10px;}
.matters ul li {width:50%; padding:10px;}
.matters dl {height:100%; padding:32px 30px; border-radius:12px; background:#f3f8fc;}
.matters dl dt {margin-bottom:10px; font-size:var(--fz20); font-weight:600; line-height:1.4em; color:#242424;}
.matters dl dt span {min-width:40px; display:inline-block; color:var(--color-primary);}
.matters dl dd {padding-left:40px;}

/* ENG */
[lang=en] .greeting {align-items:flex-start;}