@charset "utf-8";

.sub-tab {margin-bottom:80px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {border-radius:10px;}
.sub-tab ul li a {border-radius:10px; margin-right:10px;display:flex; align-items:center; justify-content:center; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#9c9c9c;text-align:center; min-width:120px; height:50px; background:#f8f8f8;}
.sub-tab ul li:last-child:after {display:none;}
.sub-tab ul li.active a {background:var(--color-primary); color:#fff;}

.sub-tab2 {margin-bottom:40px;border:1px solid #ddd;}
.sub-tab2 ul li {width:auto; flex:1; border-right:1px solid #ddd;}
.sub-tab2 ul li:last-child {border-right:0;}
.sub-tab2 ul li a {font-size:var(--font-size-18); color:#686868;display:flex; align-items:center; justify-content:center; text-align:center; height:60px; padding:0 13px;}
.sub-tab2 ul li.active a {background:var(--color-primary); color:#fff; font-weight:500;}

.ico-tit {margin-bottom:35px;font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;text-align:center;}
.ico-tit:before {margin:0 auto 18px;display:block; content:''; width:24px; height:24px; background:url('../images/sub/ico-tit.png') no-repeat 50% 50% /contain;}
 
.doc-txt {font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424; line-height:1.5em;}
.doc-txt2 {text-align:center; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; line-height:1.67em;}

.greeting-top {padding-left:40px;margin-bottom:55px; display:flex; align-items:flex-end;}
.greeting-top .img {margin-right:115px;}
.greeting-top .cnt {flex:1 1 auto; min-width:0; width:1%;padding:75px 0 85px;position:relative; color:#fff;}
.greeting-top .cnt:before {content:''; position:absolute; top:0;left:-999em; right:-999em; height:100%; background:var(--color-primary); z-index:-1;}
.greeting-top .cnt.st2 {padding:60px 0 75px;}
.greeting-top .cnt.st2:before {background:var(--color-secondary);}
.greeting-top .cnt.st2 h2 {margin-bottom:45px;}
.greeting-top .cnt h2 {margin-bottom:70px;font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.45em;}
.greeting-top .cnt .sign {display:flex; align-items:center; font-size:var(--font-size-22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.greeting-top .cnt .sign img {margin-left:25px;}

.greeting {font-size:var(--font-size-18);}

.vision-bg {border-radius:20px; margin-bottom:55px;background:url('../images/sub/vision.png') no-repeat 50% 50% / cover; height:400px;}

.vision .row {display:flex;}
.vision .row .col {padding:0 10px;text-align:center; width:33.333%;}
.vision .tit {margin:24px 0 5px;font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.vision .txt {color:#686868;}

.history .group {padding-bottom:80px;display:flex; position:relative;}
.history .group:last-child {padding-bottom:0;}
.history .group:after {content:''; position:absolute;left:153px; top:6px; width:1px; height:100%; background:#ddd;}
.history .group:last-child:after {display:none;}
.history .year {position:relative;font-size:var(--font-size-36); font-weight:700; letter-spacing:-.03em; line-height:.8em; color:#242424;width:153px;}
.history .year:after {content:''; position:absolute; z-index:1; right:0; top:0; margin-right:-14px; width:28px; height:28px; background:url('../images/sub/dot.png') no-repeat 50% 50% /contain;}
.history .cnt {padding-left:74px;flex:1 1 auto; min-width:0; width:1%;}
.history .cnt p {display:flex;font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.5em;}
.history .cnt p strong {display:inline-block;color:#242424; min-width:40px;}

.certi-list {margin-top:30px;}
.certi-list ul {display:flex; flex-wrap:wrap; margin:-6px;}
.certi-list ul li {width:25%; padding:6px;}
.certi-list a {display:block;position:relative; border:1px solid #ddd;}
.certi-list .hover {opacity:0; transition:.3s; background:rgba(0,0,0,0.3);position:absolute; left:0; top:0; width:100%; height:100%; padding:20px; display:flex; justify-content:center; align-items:center;}
.certi-list a:hover .hover {opacity:1;}

.certi-custom {width:90vw !important; max-width:600px !important;}
.certi-custom .fancybox-inner {width:90vw !important; max-width:600px !important; height:auto !important;}
.certi-custom .fancybox-image {width:90vw !important; max-width:600px !important;}

.root_daum_roughmap_landing {width:100% !important;}
.directions h2 {margin:40px 0 26px;position:relative;padding-left:47px;font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.directions h2:before {content:''; position:absolute; left:0; top:2px; width:30px; height:27px; background:url('../images/sub/direction-tit.png');}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; border-top:2px solid #242424;}
.table01 tbody th {border-bottom:1px solid #ddd; background:#f2f3f4; color:#242424; font-weight:500; padding:22px 10px;}
.table01 tbody td {border-bottom:1px solid #ddd; padding:22px 40px;}

.dot-list>li {padding-left:9px;position:relative;font-size:var(--font-size-18);}
.dot-list>li:before {content:'·'; position:absolute;left:0; top:0;font-weight:500; color:var(--color-primary);}

.design-img {margin-bottom:44px;height:520px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.jobs-top {margin-bottom:40px;border-radius:10px; padding:30px;height:300px; background:url('../images/sub/jobs-top.jpg') no-repeat 50% 50% /cover; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff;}
.jobs-top h2 {margin-bottom:17px;font-size:var(--font-size-30); line-height:1.5em;font-weight:600;}
.jobs-top p {font-size:var(--font-size-18); line-height:1.5em;font-weight:400;}