@charset "utf-8";

.sub-tab {margin:0 -10px 80px; text-align:center;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; padding:0 10px;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; padding:0 15px; height:60px; color:#333; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; border:1px solid #ddd; border-radius:30px;}
.sub-tab ul li.active a {background:#8cc63f; border-color:#8cc63f; color:#fff;}

.s-title {text-align:center; color:#333; font-size:30px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}

.doc-tit {padding-left:25px; margin-bottom:23px; color:#333; font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; background:url("../images/sub/bullet.png") 0 8px no-repeat;}

.doc-cnt {margin-bottom:100px; font-weight:300; line-height:1.625em;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt.indent {margin-left:25px;}

.doc-indent {margin-left:25px;}

.dot-list.mg > li {margin-bottom:20px;}
.dot-list > li {position:relative; padding-left:18px; margin-bottom:6px;}
.dot-list > li:last-child {margin-bottom:0;}
.dot-list > li:before {content:""; position:absolute; top:10px; left:0; width:6px; height:6px; background:#8cc53f; border-radius:100%;}
.dot-list > li strong {font-weight:500;}
.dot-list ol {margin-top:4px;}
.dot-list .box {background:#f8f8f8; padding:20px; margin-top:6px;}
.dot-list .box li {margin-bottom:4px;}
.dot-list .box li:last-child {margin-bottom:0;}

.num-list > li {padding-left:1.2em; text-indent:-1.2em; margin-bottom:4px;}
.num-list > li:last-child {margin-bottom:0;}
.num-list.mg > li {margin-bottom:10px;}

.num-list2 > li {padding-left:1em; text-indent:-1em;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em; margin-bottom:4px;}
.hypen-list > li:last-child {margin-bottom:0;}

.ol-box {padding:26px 29px; border:1px solid #ddd;}
.ol-box > ol > li {padding-left:1em; text-indent:-1em; margin-bottom:6px;}
.ol-box > ol > li:last-child {margin-bottom:0;}
.ol-box > ol > li  > ol {margin-left:-.8em;}
.ol-box > ol > li  > ol > li {padding-left:3em; text-indent:-3em;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686; line-height:1.5em;}
.table01 table th,
.table01 table td {padding:17px 15px; border:1px solid #ddd; border-top:0;}
.table01 table thead th {background:#e5eef6;}
.table01 table tbody th {font-weight:500;}
.table01 table tbody td {text-align:center; font-weight:300;}
.table01 table tbody td.left {text-align:left; padding-left:30px; padding-right:30px;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.table02 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686; line-height:1.625em;}
.table02 table th,
.table02 table td {padding:17px 15px; border-bottom:1px solid #ddd; border-top:0;}
.table02 table th {font-weight:500; background:#f8f8f8;}
.table02 table td {padding-left:30px; padding-right:30px; font-weight:300;}

.table-desc {margin-top:15px;}

.greetings {position:relative; padding-bottom:100px;}
.greetings:before {content:""; position:absolute; top:129px; left:0; right:0; bottom:0; background:#f8f8f8;}
.greetings .contain {position:relative; display:flex;}
.greetings .img {width:290px; margin-right:47px;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .cnt h3 {color:#0059a9; font-size:28px; font-weight:500; line-height:1.5em; letter-spacing:-.03em; margin-bottom:60px;}
.greetings .cnt p {font-weight:300; line-height:1.625em; margin-bottom:8px;}
.greetings .cnt p:last-child {margin-bottom:0;}
.greetings .cnt .sign {text-align:right; margin-top:50px;}
.greetings .cnt .sign strong {display:inline-block; color:#333; font-size:18px; font-weight:500; line-height:1.3em; margin-top:6px;}

.biz-area {text-align:center;}
.biz-area ul {display:flex; flex-wrap:wrap; margin:-10px;}
.biz-area ul li {width:33.33333333%; padding:10px;}
.biz-area .box {position:relative;}
.biz-area .img {position:relative;}
.biz-area .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:.6; transition:.4s;}
.biz-area .txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; color:#fff; font-size:24px; font-weight:500; line-height:1.333em; letter-spacing:-.03em;}
.biz-area .txt .in {width:100%; padding:20px;}
.biz-area .txt img {display:block; margin:0 auto 30px;}
.biz-area .box:hover .img:after {opacity:.2;}

.history-wrap {padding-bottom:97px; background:url("../images/sub/his_bg.jpg") 50% 100% repeat-x;}

.history {position:relative; padding-top:80px;}
.history:before {content:""; position:absolute; top:0; left:50%; bottom:0; width:1px; background:#ddd;}
.history .group {position:relative; padding-bottom:30px;}
.history .group .year {font-family:"Roboto",sans-serif; color:#0059a9; font-size:36px; line-height:1.1em; letter-spacing:0; margin-bottom:30px;}
.history .group .year strong {font-weight:500;}
.history .group .bullet {position:absolute; top:10px;}
.history .group .bullet:before {content:""; position:absolute; top:0; width:20px; height:20px; background:url("../images/sub/his_dot.png") 50% 50% no-repeat;}
.history .group .bullet:after {content:""; position:absolute; top:9px; width:76px; height:1px; background:#ddd;}
.history .group ul li {position:relative; line-height:1.625em; font-weight:300; margin-bottom:18px;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {position:absolute; top:2px; font-family:"Roboto",sans-serif; color:#666; font-weight:500;}
.history .group:nth-child(odd) {margin-left:50%; padding-left:105px;}
.history .group:nth-child(odd) .bullet {left:-10px;}
.history .group:nth-child(odd) .bullet:before {left:0;}
.history .group:nth-child(odd) .bullet:after {left:20px;}
.history .group:nth-child(odd) ul li {padding-left:70px;}
.history .group:nth-child(odd) ul li .month {left:0;}
.history .group:nth-child(even) {margin-right:50%; padding-right:105px; text-align:right;}
.history .group:nth-child(even) .bullet {right:-10px;}
.history .group:nth-child(even) .bullet:before {right:0;}
.history .group:nth-child(even) .bullet:after {right:20px;}
.history .group:nth-child(even) ul li {padding-right:70px;}
.history .group:nth-child(even) ul li .month {right:0;}

.org {text-align:center; padding:95px 0; background:#f8f8f8;}
.org h3 {margin-bottom:77px;}

.certifications {text-align:center; padding-top:95px;}
.certifications h3 {margin-bottom:90px;}
.certifications .list {max-width:890px; margin:0 auto;}
.certifications .list ul {display:flex; flex-wrap:wrap; margin:-24px;}
.certifications .list ul li {width:33.33333333%; padding:24px;}
.certifications .list ul li a {display:block;}
.certifications .list ul li .img {margin-bottom:9px; border:1px solid #ddd;}
.certifications .list ul li .txt {padding:7px 0; line-height:1.625em; font-weight:500; border-top:1px solid #5c5c5c; border-bottom:1px solid #5c5c5c;}

.root_daum_roughmap {width:100% !important;}

.location-info {display:flex; text-align:center; margin-top:30px; line-height:1.625em;}
.location-info .col {width:25%; padding:0 15px; position:relative;}
.location-info .col:before {content:""; position:absolute; top:50%; left:0; width:1px; height:62px; background:#ddd; margin-top:-31px;}
.location-info .col:first-child::before {display:none;}
.location-info .col:first-child {padding:0 40px;}
.location-info dt {margin:14px 0 5px; font-weight:500; color:#333;}
.location-info dd {font-weight:300;}

.gray-box {padding:50px 0; background:#f8f8f8;}

.round-box {padding:48px; text-align:center; border:1px solid #ddd; border-radius:6px;}

.biz-step.mg {margin-bottom:45px;}

.biz-between {display:flex; justify-content:space-between; padding-top:30px;}
.biz-between .box {position:relative; width:calc(50% - 10px); padding:65px 40px 40px; border:1px solid #ddd;}
.biz-between .tit {position:absolute; top:-30px; left:70px; right:70px; color:#fff; text-align:center; font-size:20px; font-weight:500; line-height:60px; border-radius:6px;}
.biz-between .tit.st1 {background:#0059a9;}
.biz-between .tit.st2 {background:#8cc53f;}

.biz-flow2 {margin:30px 0;}

.request-step {position:relative; display:flex; justify-content:space-between; padding-top:11px; margin-top:44px;}
.request-step:before {content:""; position:absolute; top:8px; left:5%; right:30.5%; height:46px; background:url("../images/sub/request_step_arrow.png") 100% 50% no-repeat;}
.request-step .box {width:calc(33.33333333% - 20px); background:#f8f8f8; border:2px dashed #ddd; border-radius:6px;}
.request-step .in {padding:25px 40px;}
.request-step h4 {position:relative; margin:-11px 25px 0; padding:0 20px; height:57px; display:flex; align-items:center; justify-content:center; color:#333; font-size:20px; font-weight:500; line-height:1.3em; text-align:center; background:#fff; border:4px solid #5f96c6; border-radius:6px;}
.request-step h4 .num {position:absolute; top:-24px; left:-24px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:500; line-height:1.3em; font-family:"Roboto",sans-serif; background:#5f96c6; border-radius:100%;}
.request-step h4.st2 {border-color:#3078b7;}
.request-step h4.st2 .num {background:#3078b7;}
.request-step h4.st3 {border-color:#0059a9;}
.request-step h4.st3 .num {background:#0059a9;}
.request-step strong {font-weight:500;}
.request-step ol li {padding-left:1.2em; text-indent:-1.2em; margin-bottom:10px;}
.request-step ol li:last-child {margin-bottom:0;}
.request-step ul li {padding-left:.6em; text-indent:-.6em; margin-bottom:4px;}
.request-step ul li:last-child {margin-bottom:0;}
.request-step p {padding-left:1.2em; text-indent:-1.2em;}
.request-step .mgt {margin-top:20px;}

.biz-type {text-align:center;}
.biz-type ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.biz-type ul li {width:33.33333333%; padding:0 10px;}
.biz-type .tit {font-size:18px; line-height:1.4em; margin:13px 0 5px;}
.biz-type .tit strong {font-weight:500;}
.biz-type .txt {margin:0 15px;}

.biz-box {display:flex; align-items:center; width:100%; height:320px; text-align:center; color:#fff; font-size:20px; line-height:1.5em; letter-spacing:-.03em; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.biz-box .in {width:100%; padding:40px;}
.biz-box.bg1 {background-image:url("../images/sub/biz3_img.jpg");}
.biz-box.bg2 {background-image:url("../images/sub/biz4_img.jpg");}
.biz-box.bg3 {background-image:url("../images/sub/biz5_img.jpg");}

.biz-related ul {display:flex; flex-wrap:wrap; margin:-10px;}
.biz-related ul li {width:calc(33.33333333% - 20px); margin:10px; padding:20px; font-weight:500; display:flex; align-items:center; justify-content:center; text-align:center; background:#fafafa; border:2px solid #ddd; border-radius:6px;}
.biz-related ul li:nth-child(odd) {color:#fff; background:#8cc53f; border-color:#8cc53f;}
.biz-related ul li.lg {width:calc(50% - 20px);}
.biz-related.type2 ul li:nth-child(odd) {color:#fff; background:#0059a8; border-color:#0059a8;}
.biz-related.type2 ul li:nth-child(3) {color:#454545; background:#fafafa; border-color:#ddd;}
.biz-related.type2 ul li:nth-child(4) {color:#fff; background:#0059a8; border-color:#0059a8;}
.biz-related.type2 ul li:nth-child(5) {color:#454545; background:#fafafa; border-color:#ddd;}

.construction-period {display:flex; align-items:center; font-size:18px; font-weight:500; line-height:1.444em; text-align:center;}
.construction-period h4 {display:flex; align-items:center; justify-content:center; width:143px; height:143px; font-weight:500; padding:20px; background:#0059a8; color:#fff; border-radius:100%;}
.construction-period .inequal {margin:0 80px 0 60px; color:#0059a9; font-size:40px; line-height:1.1em;}
.construction-period .step {flex:1 1 auto; min-width:0; width:1%; padding:35px 0; background:#f2f7fb; border-radius:6px;}
.construction-period .step ol {display:flex;}
.construction-period .step ol li {flex:1 0 auto;}
.construction-period .step ol li .txt {position:relative; padding:0 20px; margin-top:20px;}
.construction-period .step ol li .txt:after {content:"+"; position:absolute; top:0; right:0; transform:translate(50%,0);}
.construction-period .step ol li:last-child .txt:after {display:none;}
.construction-period.type2 {margin-bottom:30px;}
.construction-period.type2 h4 {background:#8cc53f;}
.construction-period.type2 .inequal {color:#8cc53f;}
.construction-period.type2 .step {background:#f9fcf5;}

.biz-imgs {display:flex; flex-wrap:wrap; margin:-23px;}
.biz-imgs > div {width:50%; padding:23px;}

.lcc {padding:17px 230px 17px 30px; margin:30px 0 80px; border:1px solid #ddd; border-radius:6px; background:url("../images/sub/lcc_bg.png") right 38px top 1px no-repeat;}
.lcc h4 {color:#0059a9; font-size:20px; font-weight:500; line-height:1.3em; margin-bottom:8px;}
.lcc p {max-width:820px;}

.biz-method {padding:80px 0; margin-bottom:50px; background:#f2f7fb; text-align:center;}
.biz-method ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -20px;}
.biz-method ul li {width:33.33333333%; max-width:330px; padding:0 20px;}
.biz-method .tit {font-size:20px; line-height:1.4em; margin:15px 0 10px;}
.biz-method .tit strong {font-weight:500;}

.biz-flow3 {padding:80px 0; background:#f9fcf5; text-align:center;}