@charset "utf-8";

/* 공통 */
.txt-white {color:#fff !important;}
.font-mont {font-family: "Montserrat", sans-serif;}

.doc-tit {position:relative; padding-left:38px; margin-bottom:35px; font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-0.02em; color:#242424;}
.doc-tit:before {content:''; position:absolute; width:23px; height:23px; background:url('../images/sub/bullet.png') no-repeat 50% 50%; background-size:contain; left:0; top:3px;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table02 table {border-top:2px solid #242424;}

.page-menu {margin-bottom:80px;}
.page-menu.ver2 {margin-bottom:40px;}
.page-menu ul {display:flex; justify-content:center; flex-wrap:wrap; margin:-10px;}
.page-menu ul li {padding:10px;}
.page-menu ul li a {display:inline-block; min-width:210px; padding:15px; text-align:center; font-weight:400; line-height:1.2em; letter-spacing:0; color:#454545; border:1px solid #ddd; border-radius:100vh;}
.page-menu ul li a:hover,
.page-menu ul li.active a {background:#079d9c; color:#fff;}

.page-tab {margin-bottom:80px;}
.page-tab ul {display:flex; justify-content:center;}
.page-tab ul li {position:relative; padding:0 30px;}
.page-tab ul li:before {content:''; position:absolute; width:1px; height:10px; background:#ddd; right:0; top:50%; margin-top:-5px;}
.page-tab ul li:last-child:before {display:none;}
.page-tab ul li a {font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#454545;}
.page-tab ul li a:hover,
.page-tab ul li.active a {color:#079d9c; font-weight:600; text-decoration:underline;}


/* 회사소개 */
.company .group {margin-bottom:160px;}
.company .group:last-child {margin-bottom:0;}
.company .top-cont {position:relative; display:flex; align-items:flex-start; margin:0 -27px 60px -27px}
.company .top-cont.type1 .img:before {content:''; position:absolute; height:420px;; right:-360px; bottom:-50px; width:865px; background: linear-gradient(to right, #4ab8a0, #1990bc); z-index:-1;}
.company .top-cont.type2 {flex-direction:row-reverse;}
.company .top-cont.type2 .img:before {content:''; position:absolute; height:420px; left:-360px; bottom:-50px; width:865px; background: linear-gradient(to right, #004e8a, #047cb9); z-index:-1;}

.company .top-cont > div {widtH:50%; padding:0 27px;}
.company .top-cont .tit-wrap {display:flex; flex-direction:column; justify-content:space-between; padding-top:50px;}
.company .top-cont .img {position:relative; margin-top:-20px;}
.company .top-cont .tit {margin-bottom:100px; font-size:50px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#242424;}
.company .table-wrap table {border-top:2px solid #01539b;}
.company .table-wrap th {border-bottom:1px solid #ddd; text-align:left; padding-left:30px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424;}
.company .table-wrap td {border-bottom:1px solid #ddd; height:60px; padding:18px 10px; font-weight:400; line-height:1.8em; letter-spacing:-0.02em; color:#454545;}
.company .ci ul {display:flex; justify-content:space-between;}
.more-btn {margin-top:40px;}
.more-btn a {position:relative; display:inline-block; padding:25px 60px 25px 30px; border:2px solid #005e89; border-radius:5px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#242424;}
.more-btn a:before {content:''; position:absolute; width:16px; height:17px; background:url('../images/sub/icon-more.png') no-repeat 50% 50%; background-size:contain; right:30px; top:50%; margin-top:-8.5px;}

/* ceo인사말 */
.greeting .top-bg {position:relative; margin-bottom:50px;}
.greeting .top-bg:before {content:''; position:absolute; width:100px; height:100px; right:-40px; top:-40px; background: linear-gradient(to right, #47b19b, #09649d); z-index:-1;}
.greeting .top-bg img {border-top-left-radius:150px;}
.greeting .tit {margin-bottom:30px; font-size:40px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em;background: linear-gradient(to right, #48b29b, #07619c); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.greeting .txt {margin-bottom:30px; font-weight:400; letter-spacing:-0.02em; color:#454545;}
.greeting .txt:last-child {margin-bottom:0;}
.greeting .sign {margin-top:60px; font-size:18px; line-height:1.2em; font-weight:600; letter-spacing:-0.02em; color:#242424;}

/* 연혁 */
.history {background:url('../images/sub/history-bg.jpg') no-repeat right 150px center;}
.history .group {position:relative; display:flex; padding-bottom:110px;}
.history .group:before {content:''; position:absolute; width:2px; height:100%; left:50%; margin-left:-1px; top:5px; background:url('../images/sub/line.jpg') repeat-y top center;}
.history .group:after {content:''; position:absolute; width:26px; height:26px; border:5px solid #004e89; left:50%; margin-left:-13px; top:5px; background:#fff; border-radius:100%;}
.history .group > .year {width:50%; padding-right:80px; text-align:right; font-size:35px; font-weight:700; line-height:1em; letter-spacing:-0.02em; color:#53bf99;}
.history .group .month {display:inline-block; min-width:35px; font-weight:700;}
.history .group > ul {position:relative; flex:1 1 auto; min-width:0; width:1%; padding-left:80px; padding-top:7px;}
.history .group > ul:before {content:''; position:absolute; width:60px; height:1px; background:#ddd; left:0; top:17px;}
.history .group > ul > li {display:flex; margin-bottom:14px; font-weight:400; line-height:1.3em; letter-spacing:-0.02em; color:#242424;}
.history .group > ul > li:last-child {margin-bottom:0;}
.history .group:nth-child(even) {flex-direction:row-reverse;}
.history .group:nth-child(even) > .year {padding-right:0; padding-left:80px; text-align:left;}
.history .group:nth-child(even) > ul {padding-left:0; padding-right:80px; text-align:right;}
.history .group:nth-child(even) > ul > li {flex-direction:row-reverse;}
.history .group:nth-child(even) > ul:before {left:auto; right:0;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}

/* 오시는 길 */
.location .map {margin-bottom:35px;}
.location .root_daum_roughmap {width:100% !important; height:430px !important;}
.location .root_daum_roughmap .wrap_map {height:430px !important;}
.local-info {display:flex;}
.local-info .box {flex:1; text-align:center; position:relative;}
.local-info .box:before {content:''; position:absolute; width:1px; height:30px; background:#ddd; right:0; top:50%; margin:-15px;}
.local-info .box:last-child:before {display:none;}
.local-info .icon {margin-bottom:25px;}
.local-info dt {margin-bottom:15px; font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424;}
.local-info dd {font-weight:400; line-height:1.6em; left:-0.02em; color:#454545;}

/* 사업분야 */
.business .group {margin-bottom:var(--header-height);}
.business .group:last-child {margin-bottom:0;}
.business .group-tit {margin-bottom:32px; position:relative; padding-left:20px; font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-0.02em; color:#242424;}
.business .group-tit:before {content:''; position:absolute; width:6px; height:6px; background:#079d9c; left:0; top:11px; border-radius:100%;}

.energy .gr1 .img {margin-bottom:40px;}

.realty .img-wrap {display:flex; flex-wrap:wrap; margin:-15px -20px;}
.realty .img-wrap .img {padding:15px 20px;}
.realty .img-wrap2 {display:flex; flex-wrap:wrap; margin:-20px;}
.realty .img-wrap2 .box {padding:20px; text-align:center; width:50%;}
.realty .img-wrap2 .img {margin-bottom:15px;}
.realty .img-wrap2 .tit {font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-0.02em; color:#454545;}

.table02 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; border-bottom:1px solid #ddd; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.table02 table th {padding:12px 20px; border:1px solid #ddd; background:#f4f4f4; font-weight:600; color:#242424;}
.table02 table td {padding:20px 24px; border:1px solid #ddd; color:#505050;}
.table02 tr th:first-child,
.table02 tr td:first-child {border-left:0;}
.table02 tr th:last-child,
.table02 tr td:last-child {border-right:0;}
.table02 tr:last-child th,
.table02 tr:last-child td {border-bottom:0;}
.table02 td > ul > li {position:relative; padding-left:10px;}
.table02 td > ul > li:before {content:''; position:absolute; width:5px; height:1px; background:#454545; left:0; top:11px;}

/* 인재상 */
.talent .group {display:flex; align-items:center; margin-bottom:80px;}
.talent .group:nth-child(even) {flex-direction:row-reverse;}
.talent .group:last-child {margin-bottom:0;}
.talent .group > div {width:50%;}
.talent .group .img {position:relative; position:relative;}
.talent .group .img:before {content:''; position:absolute; z-index:-1; width:100px; height:100px; left:-20px; bottom:-20px; background:#ddd;}
.talent .group:nth-child(even) .img:before {left:auto; right:-20px;}
.talent .group:nth-child(1) .img:before {background:#53bf99;}
.talent .group:nth-child(2) .img:before {background:#079d9c;}
.talent .group:nth-child(3) .img:before {background:#0685c2;}
.talent .group:nth-child(4) .img:before {background:#01539b;}
.talent .group .tit-wrap {text-align:center;}
.talent .group .icon {margin-bottom:34px;}
.talent .group .tit {font-size:25px; font-weight:600; line-height:1.6em; letter-spacing:-0.01em; color:#454545;}