@charset "utf-8";

/*공통*/
.bg-gray {background:#f4f4f4;}
.sub-cont {padding:80px 0;}
.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}

.q-link #wrapper {padding-top:100px;}

.txt-red {color:#e93139 !important;}

.gray-box {position:relative; z-index:1;}
.gray-box:after {content:""; position:absolute; width:100vw; height:100%; left:50%; transform:translateX(-50%); top:0; z-index:-1; background:#f8f8f8;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table {text-align:center;}
.table01 th {background:#224d82; padding:16px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; border-right:1px solid #eee;}
.table01 td {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; border-bottom:1px solid #eee; border-right:1px solid #eee; padding:16px; background:#fff;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}

.table02 table {text-align:center;}
.table02 th {border-right:20px solid #fff; background:#f4f4f4; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding:20px 0;}
.table02 td {height:65px; border-right:20px solid #fff; font-weight:400; letter-spacing:-0.03em; color:#454545; padding:10px; border-bottom:1px solid #ddd; line-height:1.6em;}
.table02 td.space-left {padding-left:30px;}
.table02 th:last-child,
.table02 td:last-child {border-right:0;}
.table02 .small-txt {font-size:13px;}

.page-menu {margin-bottom:70px;}
.page-menu ul {display:flex; justify-content:center; margin:-10px;}
.page-menu ul li {padding:10px;}
.page-menu ul li a {min-width:180px; height:54px; display:flex; align-items:center; justify-content:center; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#686868; border:1px solid #ddd;}
.page-menu ul li.active a {border-color:#f4989c; color:#e93139;}

/* about 회사소개 */
.about .top-txt-wrap h3 {font-size:32px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545; padding-bottom:115px; position:relative; margin-bottom:35px;}
.about .top-txt-wrap h3:before {content:""; position:absolute; height:80px; width:1px; left:50%; margin-left:-0.5px; bottom:0; background:#ddd;}
.about .top-txt-wrap h3:after {content:""; position:absolute; width:1px; height:35px; bottom:0; left:50%; margin-left:-0.5px; background:#e93139;}
.about .top-txt-wrap .tt {font-size:32px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.about .top-txt-wrap .tx {font-size:20px; font-weight:400; line-height:1.9em; letter-spacing:-0.03em; color:#454545; margin-top:32px;}
.about .table-wrap {margin-top:50px;}
.about .table-wrap .inner {width:100%; max-width:960px; margin:0 auto;}
.about .img-wrap {display:flex; justify-content:space-between;}

/* local 주소 */
.local .box {display:flex; flex-wrap:wrap; align-items: center; padding-bottom:38px; margin-bottom:50px; border-bottom:2px solid #242424;}
.local .box:last-child {margin-bottom:0;}
.local .box .tit {flex: 1 1 auto; min-width: 0; width: 1%; font-size:30px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.local .box .cnt {min-width:690px;}
.local .box dl {display:flex; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545; min-width:500px;}
.local .box dt {position:relative; padding-left:30px; font-weight:600; color:#224d82; min-width:123px;}
.local .box dt:before {content:""; position:absolute; width:18px; height:26px; background:url("../images/sub/local_icon.png") no-repeat 50% 50%; background-size:contain; left:0; top:-2px;}
.local .box .more a {display:inline-block; padding:15px 25px; border:1px solid #4e719b; font-weight:400; line-height:1em; letter-spacing:-0.03em; color:#224d82;}

/* business 사업영역 */
.business .bg-area .img {margin-bottom:50px;}
.business .bg-area .videoArea {max-width:1020px; margin:0 auto 50px auto;}
.business .bg-area .txt {font-size:24px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545; margin-bottom:30px; text-align:center;}
.business .bg-area .txt:last-child {margin-bottom:0;}

.business .imgBox .img-tit {text-align:center; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:38px;}
.business .imgBox .wrap {display:flex; flex-wrap:wrap; margin:-10px;}
.business .imgBox .wrap .box {width:50%; padding:10px;}
.business .imgBox .wrap .box.wide {width:100%;}
.business .imgBox .wrap .box img {width:100%;}
.business .imgBox .tt {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-top:35px; text-align:center;}
.business .imgBox .info-txt {margin-top:45px; text-align:center;}
.business .imgBox .info-txt p {font-size:24px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.business .imgBox .info-small {text-align:center; margin-top:34px; font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}

.business.biz1 .imgWrap {display:flex; justify-content: space-between;}
.business.biz1 .imgWrap .box {text-align:center;}
.business.biz1 .imgWrap .tit {font-size:18px; font-weight:500; line-height:1.6em; letter-spacing:-0.03em; color:#454545; margin-top:15px;}
.business.biz1 .panel .tit {text-align:center; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px;}
.business.biz1 .panel .sub-txt {text-align:center; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#909090; margin-bottom:38px;}
.business.biz1 .panel ul {display:flex; margin:-15px; justify-content:center; flex-wrap:wrap;}
.business.biz1 .panel ul li {padding:15px;}
.business.biz1 .panel ul li .in {text-indent:-999em; overflow:hidden; border:1px solid #ddd; width:160px; height:160px;}
.business.biz1 .panel ul li .in.bg1 {background:#eee;}
.business.biz1 .panel ul li .in.bg2 {background:#949494;}
.business.biz1 .panel ul li .in.bg3 {background:#2a4a70;}
.business.biz1 .panel ul li .in.bg4 {background:#fff;}
.business.biz1 .panel ul li .in.bg5 {background:#2d8f4b;}

.biz-effect {position:relative; padding:40px 0;}
.biz-effect:before {content:""; position:absolute; width:100vw; left:50%; transform:translateX(-50%); top:0; height:100%; z-index:-1; background:url("../images/sub/biz_effect_bg.jpg") no-repeat right center; background-size:auto 100%;;}
.biz-effect.ver2 {padding:80px 0;}
.biz-effect.ver2:after {background:#f8f8f8 url("../images/sub/farm_bg.png") no-repeat right 19% center;}
.biz-effect.ver2:before {display:none;}
.biz-effect ul li {display:flex; align-items:center; margin-bottom:63px;}
.biz-effect ul li:last-child {margin-bottom:0;}
.biz-effect ul li .icon {margin-right:37px;}
.biz-effect ul li .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.biz-effect ul li .tit {font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:13px;}
.biz-effect ul li .txt {font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

.station-info {display:flex; align-items:flex-end;}
.station-info .group.left {min-width:480px; margin-right:50px;}
.station-info .group .wrap {background:#224d82; padding:40px;}
.station-info .group dl {display:flex; justify-content:space-between; margin-bottom:22px; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.station-info .group dl:last-child {margin-bottom:0;}
.station-info .group dd {text-align:right;}
.station-info .group dd span {font-size:14px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#c2c2c2;}
.station-info .group.right {flex: 1 1 auto; min-width: 0; width: 1%; position:relative;}
.station-info .group.right  .tit {font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding-left:20px; margin-bottom:35px;}
.station-info .group .slick-dots {position:absolute; left:50%; transform:translateX(-50%); bottom:30px; display:flex;}
.station-info .group .slick-dots li {padding:0 5px;}
.station-info .group .slick-dots li.slick-active button {background:#224d82;}
.station-info .group .slick-dots li button {display:block; width:10px; height:10px; background:#fff; border:0; border-radius:100%; text-indent:-999em; overflow:hidden;}

.imghover {padding:100px 0; position:relative;}
.imghover .img {position:relative; width:100%; max-width:1138px;}
.imghover .img2 {position:absolute; width:50%; right:0; top:50%; transform:translateY(-50%); text-align:right;}
.imghover .pop-content {position:absolute; text-align:left; padding:28px; background:#fff; box-shadow:4px 4px 10px rgba(0,0,0,0.1); z-index:1;}
.imghover .pop-content .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:7px;}
.imghover .pop-content .txt {font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}
#cont1 {right:28%; top:0;}
#cont2 {left:0; bottom:20%;}
#cont3 {right:28%; bottom:0;}


.biz5 .cnt ul {display:flex;}
.biz5 .cnt ul li {width:50%; border-right:1px solid #ddd; text-align:center; padding:0 20px;}
.biz5 .cnt ul li:last-child {border-right:0;}
.biz5 .cnt ul li .icon {margin-bottom:37px;}
.biz5 .cnt ul li .tit {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:22px;}
.biz5 .cnt ul li .tit strong {font-size:24px; font-weight:600;}
.biz5 .cnt ul li .txt {font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}