@charset "utf-8";


/* sub_visual */
.sub_visual {position:relative; display:table; width:100%; height:350px; }
.sub_visual:before {content:''; position:absolute; bottom:0; left:50%; width:1px; height:120px; background-color:#fff; }
.sub_visual .inner {display:table-cell; vertical-align:middle; width:100%; text-align:center; }
.sub_visual span {padding-left:10px; font-size:14px; color:#fff; letter-spacing:0.6em; }
.sub_visual h3 {padding-top:10px; font-size:34px; font-weight:bold; color:#ffffff; letter-spacing:-0.025em; }

.sub_visual.type01 {background:url('/img/sub_visual01.jpg') no-repeat center center; }
.sub_visual.type02 {background:url('/img/sub_visual02.jpg') no-repeat center center; }
.sub_visual.type03 {background:url('/img/sub_visual03.jpg') no-repeat center center; }
.sub_visual.type04 {background:url('/img/sub_visual04.jpg') no-repeat center center; }
.sub_visual.type05 {background:url('/img/sub_visual01.jpg') no-repeat center center; }
.sub_visual.type06 {background:url('/img/sub_visual01.jpg') no-repeat center center; }



/* about - 연혁 */
.history_con01 {padding:50px 0; }
.history_con01 ul {}
.history_con01 .container > ul > li {font-size:0; border-bottom:1px solid #ddd; padding:30px 0; }
.history_con01 .container > ul > li:last-of-type {border-bottom:0 none; }
.history_con01 ul li p.year {position:relative; display:inline-block; vertical-align:middle; width:140px; font-size:40px; line-height:40px; font-weight:bold; color:#666666; text-align:left; font-style:italic; }
.history_con01 ul li p.year.on {color:#1069a0;}
.history_con01 ul.date {display:inline-block; vertical-align:top; width:calc(100% - 140px); }
.history_con01 ul.date li {margin-bottom:15px; font-size:0; line-height:30px; box-sizing:border-box; padding-left:60px; }
.history_con01 ul.date li:last-of-type {margin-bottom:0; }
.history_con01 ul.date b {position:relative; display:inline-block; vertical-align:top; width:60px; font-size:18px; color:#222222; font-weight:500; }
.history_con01 ul.date b:before {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; background-color:#e5e5e5; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.history_con01 ul.date span {display:inline-block; vertical-align:top; width:calc(100% - 60px); padding-left:20px; font-size:18px; color:#666666; box-sizing:border-box; }


@media all and (max-width:1000px){
	.history_con01 ul li p.year {width:100%; padding-bottom:20px; }
	.history_con01 ul.date {width:100%;}
	.history_con01 ul.date li {padding-left:0; }
}


/* about - 인증현황 */
.certification_con01 {padding-top:100px; }


/* about - 오시는길 */

.location_con01{padding:100px 0 0;}
.location_con01 .tap_box {margin-bottom:60px;}
.location_con01 .tap_box ul {font-size:0; letter-spacing:-4px; text-align:center; }
.location_con01 .tap_box ul li {display:inline-block; vertical-align:top; min-width:278px; height:67px; background-color:#f7f7f7; cursor:pointer; }
.location_con01 .tap_box ul li a {display:block; font-size:20px; font-weight:500; color:#666666; letter-spacing:-0.025em; line-height:67px; }
.location_con01 .tap_box ul li.on {background-color:#1069a0; }
.location_con01 .tap_box ul li.on a {color:#fff; }
.location_con01 .tap_contents {}
.location_con01 .tap_contents > div {display:none; }
.location_con01 .tap_contents > div.on {display:block; }
.location_con01 .address ul li:first-of-type{width:50%;}
.location_con01 .address ul li p{font-size:20px; color:#444;}
.location_con01 .address ul li p span{font-size:16px; font-weight:300;}
.location_con01 .map_box{height:600px; margin-top:40px;}
.location_con01 .map_box iframe{width:100%; height:100%;}

@media all and (max-width:991px){
	.location_con01 .address ul li:first-of-type{width:100%;}
}


@media all and (max-width: 767px){
	.location_con01 .tap_box ul li {min-width:50%; }
}



/* 태양광발전 */
.sunlight_con01 {padding:100px 0; }
.sunlight_con01 h5 {position:relative; display:inline-block; padding:0 15px; }
.sunlight_con01 h5:before {content:''; z-index:-1; position:absolute; left:0; bottom:0; width:100%; height:60%; background-color:#e5f0f7; }
.sunlight_con01 img {max-width:100%; margin:50px auto 100px; }


/* 관련제도 */
.institution_con01 {padding:100px 0; }
.institution_con01 .tap_box {}
.institution_con01 .tap_box ul {font-size:0; letter-spacing:-4px; text-align:center; }
.institution_con01 .tap_box ul li {display:inline-block; vertical-align:top; min-width:278px; height:67px; background-color:#f7f7f7; cursor:pointer; }
.institution_con01 .tap_box ul li a {display:block; font-size:20px; font-weight:500; color:#666666; letter-spacing:-0.025em; line-height:67px; }
.institution_con01 .tap_box ul li.on {background-color:#1069a0; }
.institution_con01 .tap_box ul li.on a {color:#fff; }
.institution_con01 .tap_contents {}
.institution_con01 .tap_contents > div {display:none; }
.institution_con01 .tap_contents > div.on {display:block; }

.institution_con01 .institution_box {padding:60px 0; }
.institution_con01 .institution_box .hr {width:100%; height:1px; background-color:#e5e5e5; }
.institution_con01 .institution_box .hr.type02 {height:4px; }
.institution_con01 .institution_box h4 {padding-bottom:50px; font-size:30px; font-weight:bold; color:#444444; letter-spacing:-0.025em; text-align:Center; }
.institution_con01 .institution_box .txt_box {padding:30px 0; }
.institution_con01 .institution_box .txt_box h5 {padding-bottom:10px; font-size:22px; font-weight:300; color:#444444; letter-spacing:-0.075em; }
.institution_con01 .institution_box .txt_box h5.center {text-align:center; }
.institution_con01 .institution_box .txt_box h5 b {font-weight:bold; }
.institution_con01 .institution_box .txt_box > p {position:relative; padding-left:10px; font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; line-height:30px;}
.institution_con01 .institution_box .txt_box > p:before {content:'-'; position:absolute; left:0; top:0; }
.institution_con01 .institution_box .txt_box > p b {font-weight:500; }
.institution_con01 .institution_box .txt_box > p strong {font-weight:500; color:#d60000}
.institution_con01 .institution_box .desc_box {padding:10px 15px; }
.institution_con01 .institution_box .desc_box p { font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; line-height:1.8; }
.institution_con01 .institution_box .desc_box ul {}
.institution_con01 .institution_box .desc_box ul li {font-size:0; letter-spacing:-4px; line-height:30px; }
.institution_con01 .institution_box .desc_box ul li > * {display:inline-block; vertical-align:top; font-size:18px; color:#444444; font-weight:300; letter-spacing:-0.025em;  }
.institution_con01 .institution_box .desc_box ul li b {position:relative; padding-left:15px; box-sizing:border-box; font-weight:500; }
.institution_con01 .institution_box .desc_box ul li b:before {content:''; position:absolute; left:0; top:50%; width:4px; height:4px; background-color:#1069a0; border-radius:50%; box-sizing:Border-box; 
-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.institution_con01 .institution_box .desc_box ul li b.w100 {width:100px; }
.institution_con01 .institution_box .desc_box ul li span.wc100 {width:calc(100% - 100px); }
.institution_con01 .institution_box .table_box {}
.institution_con01 .institution_box .table_box h5 {padding:25px 0; font-size:22px; font-weight:300; color:#444444; letter-spacing:-0.075em; text-align:left; }
.institution_con01 .institution_box .table_box h5 b {font-weight:bold; }
.institution_con01 .institution_box .table_box p.right {text-align:right; font-size:16px; letter-spacing:-0.075em; color:#666666; }
.institution_con01 .institution_box .table_box table {width:100%; }
.institution_con01 .institution_box .table_box table thead th {border-right:1px solid #e1e1e1; padding:10px 0; background-color:#1069a0; font-size:20px; color:#fff; font-weight:200; letter-spacing:-0.075em; text-align:center; }
.institution_con01 .institution_box .table_box table thead th b {font-weight:normal; }
.institution_con01 .institution_box .table_box table thead th:last-of-type {border-right:0 none; }
.institution_con01 .institution_box .table_box table tbody tr:first-of-type td {border-top:1px solid #e1e1e1; }
.institution_con01 .institution_box .table_box table tbody th {border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:30px 0; background-color:#eff5f9; font-size:20px; color:#1069a0; letter-spacing:-0.075em; font-weight:normal; text-align:center; }
.institution_con01 .institution_box .table_box table tbody td {border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:30px 10px; font-size:18px; font-weight:200; color:#666666; letter-spacing:-0.025em; text-align:center; }
.institution_con01 .institution_box .table_box table tbody td.aling_left {text-align:left; }
.institution_con01 .institution_box .table_box table tbody td:last-of-type {border-right:0 none; }
.institution_con01 .institution_box .img_box {padding-bottom:40px; }
.institution_con01 .institution_box .img_box .col-lg-4 {margin-bottom:20px; }
.institution_con01 .institution_box .img_box img {max-width:100%; margin:0 auto; }
.institution_con01 .institution_box .img_box p {padding:15px 0; text-align:center; font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; }
.institution_con01 .institution_box .table_box{}
.institution_con01 .institution_box .table_box ul{padding:50px 0;}
.institution_con01 .institution_box .table_box ul li{margin-bottom:50px; font-size:0;}
.institution_con01 .institution_box .table_box ul li:nth-of-type(3){margin-bottom:0;}
.institution_con01 .institution_box .table_box ul li p{display:inline-block; vertical-align:middle; width:138px; border-radius:50%; font-size:20px; box-sizing:border-box; }
.institution_con01 .institution_box .table_box ul li p strong{display:table; width:130px; height:130px; }
.institution_con01 .institution_box .table_box ul li p b{display:table-cell; vertical-align:middle; text-align:center; font-weight:bold;}
.institution_con01 .institution_box .table_box ul li:nth-of-type(1) p{ border:4px solid #1069a0; color:#1069a0}
.institution_con01 .institution_box .table_box ul li:nth-of-type(2) p{ border:4px solid #09ad75; color:#09ad75}
.institution_con01 .institution_box .table_box ul li:nth-of-type(3) p{ border:4px solid #c41e51; color:#c41e51}
.institution_con01 .institution_box .table_box ul li span{display:inline-block; vertical-align:middle; width:calc(100% - 138px); padding:0 50px; box-sizing:border-box; font-size:18px; font-weight:200; color:#666666; letter-spacing:-0.025em; text-align:left; word-break:keep-all}


@media all and (max-width: 767px){
	.institution_con01 .tap_box ul li {min-width:50%; }
}


/* 태양광 발전 접속함 */
.solar_con01{padding:100px 0 130px;}
.solar_con01 h4 {padding-bottom:50px; font-size:30px; font-weight:bold; color:#444444; letter-spacing:-0.025em; text-align:Center; }
.solar_con01 h5 {margin:40px 0 10px; font-size:22px; font-weight:300; color:#444444; letter-spacing:-0.075em; }
.solar_con01 .img_box{background:#eee; min-height:400px;}
.solar_con01 .img_box img{max-width:100%; margin:}
.solar_con01 ul li {position:relative; padding-left:10px; font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; line-height:30px;}
.solar_con01 ul li:before {content:'-'; position:absolute; left:0; top:0; }

.case_con01{padding-top:100px;}
.case_con01.latest-project .single-block .overlay{background:rgba(16,105,160,0.9); cursor:pointer;}
.case_con01.latest-project .single-block .overlay > div{display:table; width:100%; height:100%;}
.case_con01.latest-project .single-block .overlay > div h6{display:table-cell; vertical-align:middle; width:100%; word-break:break-word; font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#fff;}

/*----- 프로그램 부분 -----*/
.program_tit{}
.program_tit h3{}


.top_header ul li:nth-of-type(1){background:#1069a0}


/* 시공사례 */
.case_con01 {}
.case_con01 .tap_box {}
.case_con01 .tap_box ul {font-size:0; letter-spacing:-4px; text-align:center; }
.case_con01 .tap_box ul li {display:inline-block; vertical-align:top; min-width:278px; height:67px; background-color:#f7f7f7; cursor:pointer; }
.case_con01 .tap_box ul li a {display:block; font-size:20px; font-weight:500; color:#666666; letter-spacing:-0.025em; line-height:67px; }
.case_con01 .tap_box ul li.on {background-color:#1069a0; }
.case_con01 .tap_box ul li.on a {color:#fff; }
.case_con01 .tap_contents {}
.case_con01 .tap_contents > div {display:none; }
.case_con01 .tap_contents > div.on {display:block; }