@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {font-size:18px; padding-left:17px; margin-bottom:20px; letter-spacing:-.01em; line-height:1.3em; color:#202020; position:relative;}
.doc-tit:before {position:absolute; content:''; width:11px; height:11px; top:5px; left:0; background-size:contain; background-repeat:no-repeat; background-image:url('../images/sub/doctit.png');}
.doc-tit span {padding-left: 10px; color: #909090; font-weight: 400;}
.doc-cnt50 {margin-bottom:50px;}
.doc-cnt60 {margin-bottom:60px;}
.doc-cnt140 {margin-bottom:140px;}

.panel-img {text-align: center;}

.energy-wrap {display:flex;}
.energy-wrap .col-l {display:flex; width: 1%; flex: 1 1040px; max-width: 1040px;}
.energy-wrap .col-l .cnt {padding-left: 13px;}
.energy-wrap .col-l .cnt .tit {font-size: 20px; margin-bottom: 15px; font-weight: 700; letter-spacing:-.01em; color: #05508e;}
.energy-wrap .col-l .cnt .tit span {padding-left: 10px; color: #2c2c2c;}
.energy-wrap .col-l .cnt ul li {padding-left: 12px; text-indent:-12px; margin-bottom: 15px; line-height:1.3em;}
.energy-wrap .col-l .cnt ul li:last-child {margin-bottom: 0;}
.energy-wrap .col-l .cnt ul li span {font-size: 15px; color: #909090;}
.energy-wrap .col-l .cnt .round {margin:35px 0 20px; padding: 0 30px; line-height:30px; display: inline-block; font-weight: 600; background-color:#000; border-radius:30px; color: #fff;}

.energy-wrap .col-r {flex: 1 360px; width: 1%; min-width: 360px;}
.energy-wrap .col-r .box {padding: 15px 24px; background-color: #f5f5f5;}
.energy-wrap .col-r .box .img {margin-bottom: 12px; text-align: center;}
.energy-wrap .col-r .box .tit {font-size: 18px; font-weight: 700; letter-spacing:-.01em; color: #2c2c2c;}
.energy-wrap .col-r .box .tit span {font-size: 15px; letter-spacing:-.01em;}
.energy-wrap .col-r .box ul li {padding-left: 12px; text-indent:-12px; margin-bottom: 15px;}
.energy-wrap .col-r .box ul li:last-child {margin-bottom: 0;}

.heat-bridge {padding: 67px 0; background-image:url('../images/sub/sub02_5.jpg'); background-size:cover; background-repeat:no-repeat; color: #fff; text-align: center;}
.heat-bridge .tit {font-size: 32px; margin-bottom: 50px; font-weight: 700; letter-spacing:-.01em; line-height:1em; position: relative;}
.heat-bridge .tit:after {position: absolute; content: ''; width:26px; height: 3px; bottom:-15px; left: 50%; margin-left: -13px; background-color: #fff;}
.heat-bridge p {line-height:1.5em;}

.impact-num {padding: 0 50px; display:flex;}
.impact-num li {width: 33.3333%;}

.interpretation {display:flex;}
.interpretation .col {width: 50%; color: #202020;}
.interpretation .col .title {margin-bottom: 10px; font-weight: 700; color: #05508e; letter-spacing:-.01em;}
.interpretation .col-l .table {margin-top: 100px; margin-right: 20px; border-top:1px solid #000; border-bottom:1px solid #000;}
.interpretation .col-l .table table {border-collapse:collapse; width:100%; text-align: center;}
.interpretation .col-l .table table thead th {padding: 10px 5px; font-size: 18px; font-weight: 600; color: #000; border-bottom:1px solid #000; background-color: #f6f6f6; border-left:1px solid #ddd;}
.interpretation .col-l .table table thead th:first-child {border-left: 0;}
.interpretation .col-l .table table tbody th {padding: 10px 5px; font-size: 18px; font-weight: 600; color: #000; border-bottom:1px solid #ddd;}
.interpretation .col-l .table table tbody td {padding: 10px 5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.greeting {position: relative;}
.greeting .cnt {padding:49px 53px; position: absolute; bottom:-15px; right: 0; background-color: #06244f;}
.greeting .cnt p {margin-bottom: 25px; font-weight: 500; letter-spacing:-.01em; color: #fff; line-height:2em;}
.greeting .cnt p:last-child {margin-bottom: 0;}

.philosophy-img {margin-bottom: 70px; text-align: center;}

.philosophy {padding:65px 0 70px; background-image:url('../images/sub/philosophy_bg.jpg'); background-size:cover; background-repeat:no-repeat; color: #fff;}
.philosophy .tit {font-size: 32px; margin-bottom:65px; font-weight: 700; letter-spacing:-.01em; text-align: center; position: relative;}
.philosophy .tit strong {color: #3580e7; display: block; line-height: 1.5em;}
.philosophy .tit:after {position: absolute; content: ''; width:26px; height: 3px; bottom:-15px; left: 50%; margin-left: -13px; background-color: #fff;}
.philosophy ul {display:flex; margin:0 -13px;}
.philosophy ul li {padding: 0 13px; width: 25%; text-align: center;}
.philosophy ul li .box {padding: 48px 0; min-height: 200px; border-top-left-radius:30px; border-bottom-right-radius:30px;}
.philosophy ul li .box .big {font-size: 32px; margin-bottom: 15px; font-weight: 700; letter-spacing:-.01em;}
.philosophy ul li .box .big b {font-size: 50px; font-weight: 700; letter-spacing:-.01em; color: #fff;}
.philosophy ul li.bg1 .box {background-color:rgba(24,155,212,.5);}
.philosophy ul li.bg2 .box {background-color:rgba(35,140,163,.5);}
.philosophy ul li.bg3 .box {background-color:rgba(62,109,179,.5);}
.philosophy ul li.bg4 .box {background-color:rgba(114,133,164,.5);}

.philosophy ul li.bg1 .box .big {color: #9ac2ea;}
.philosophy ul li.bg2 .box .big {color: #8bbbcc;}
.philosophy ul li.bg3 .box .big {color: #8b9fb9;}
.philosophy ul li.bg4 .box .big {color: #829dc3;}

.root_daum_roughmap {width:100% !important;}

.local {display:flex;}
.local .col-l {flex: 1 806px; max-width: 806px; width: 1%;}
.local .col-r {margin-left: 35px;}
.local .col-r h4 {font-size: 32px; font-weight: 700; letter-spacing:-.01em; color: #154d9b; line-height:1.3em;}
.local .col-r p {font-size: 24px; margin:10px 0 25px; font-weight: 600; color: #2c2c2c; letter-spacing:-.01em; line-height:1.3em;}
.local .col-r ul li {margin-bottom: 10px; font-weight: 500; color: #2c2c2c;}
.local .col-r ul li:last-child {margin-bottom: 0;}
.local .col-r ul li img {margin:-2px 12px 0 0; vertical-align: middle;}