﻿/*메인 비주얼*/
#mainVisual{position:relative; width:100%;  overflow: hidden;  height:792px;  z-index: 2;  color: #fff;}
#mainVisual #visual .visual_item{overflow:hidden;}
#mainVisual #visual .visual_item img.v_bg{display: block; position: relative; margin-left: -960px; left: 50%; }
#mainVisual #visual .visual_item .v_txt{position:absolute; top:50%; left:50%; margin-left:-550px; margin-top:-50px;  text-align:center; transition:all 0.2s;}
#mainVisual #visual .visual_item .v_txt img.mobile{display:none;}

.LR_btn{width:100%;}
.LR_btn li{display:inline-block;  position:absolute; top:45%; font-size:50px; color:#fff; opacity:0.9; cursor:pointer; z-index:5;}
.LR_btn li i{font-weight:700; text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.LR_btn li.prev{left:50px;}
.LR_btn li.next{right:50px;}

#mainVisual .P_btn{position:absolute;left:50%;bottom:41px; margin-left:-2px;}
#mainVisual .P_btn button i{font-size:20px; color:#fff; opacity:1;}
#mainVisual .P_btn .play{display:none;}

.main_dots {position:absolute;left:50%; bottom:80px;  margin-left:-550px;}
.main_dots-list li {display: inline-block; vertical-align:top; cursor: pointer;	width:36px; height:36px; line-height:35px; position: relative; z-index: 0; text-align: center; font-size:0;}
.main_dots-list li:after {content: "";	display: block;	position: absolute;	left:50%; top:50%; transform:translate(-50%, -50%);	width:7px; height:7px; border-radius:999px; background:#fff;  }
.main_dots-list li.slick-active {display:inline-block;  text-align:center; color: #fff; border:1px solid #fff; border-radius: 999px; font-size: 16px; font-family:'Poppins', 'sans-serif'; font-weight:500;}
.main_dots-list li.slick-active:after {display:none;}

/*공통 제목, 버튼*/
.inner{max-width:1200px; margin:0 auto; }
.inner_1000{max-width:1000px; margin:0 auto;}
.m_tit_box{text-align:center; margin-bottom:50px;}
.m_tit_box.line{padding-bottom:25px; border-bottom:1px solid #000;}
.m_tit_box .t01{font-size:3.5rem; font-weight:400;}
.m_tit_box .t02{font-size:2rem; text-transform: uppercase;}
.black_bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}

#department_cont{margin:100px 0 150px;}
#department_cont .cont_list{font-size:0;}
#department_cont .cont_list li{position:relative; display:inline-block; margin-left:30px; width:calc((100% - 60px)/3); font-size:1.8rem;}
#department_cont .cont_list li:first-child{margin-left:0;}
#department_cont .cont_list li a{display:block; height:100%; color:#fff;}
#department_cont .cont_list li .top_txt{position:absolute; top:0; left:0; font-size:1.7rem; font-family:"Poppins", "sans-serif"; font-weight:400; margin:30px; text-shadow:0 0 10px rgba(0,0,0,1); z-index: 1;}
#department_cont .cont_list li .img_box{overflow:hidden;}
#department_cont .cont_list li .img_box img{width:100%; -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1); -o-transform:scale(1);  transform:scale(1); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
#department_cont .cont_list li:hover .img_box img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);    -o-transform:scale(1.1);  transform:scale(1.1);}
#department_cont .cont_list li .tit{position:absolute; bottom:-60px; left:0; background:#fff; padding:30px 65px 0 30px;; color:#333; font-size:3.6rem; font-weight:400; line-height:1.2em;}
#department_cont .cont_list li:hover .tit{color:#f47629;}

#situation_cont{background:#f5f5f5; padding:80px 0;}
.power_list{font-size:0; margin-top:70px; opacity:0;  transition: all .5s ease;}
.power_list.show{opacity:1; transform:none;}
.power_list dl{position:relative; display:inline-block; background:#fff; width:calc((100% - 60px)/3); margin-left:30px; padding:70px; font-size:1.8rem; box-sizing:border-box; box-shadow:0px 6px 15px 6px rgba(0,0,0,0.1); vertical-align:top;}
.power_list dl:first-child{margin-left:0;}
.power_list dt{text-align:center; position:absolute; top:-25px; left:50%; transform:translateX(-50%);width: 80%;}
.power_list dt span{position:relative; display:inline-block; padding:10px 20px; background:#ea1f41; color:#fff; border-radius:999px; font-weight:400; font-size:2rem;}
.power_list dt span:after{content:""; display:block; width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ea1f41; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); }
.power_list .pb02 dt span{background:#32c7c9;}
.power_list .pb02 dt span:after{border-top-color:#32c7c9;}
.power_list .pb03 dt span{background:#7c37d9;}
.power_list .pb03 dt span:after{border-top-color:#7c37d9;}
.power_list dd{text-align:center;}
.power_list dd .tit{margin-bottom:20px;}
.graph_box.first{margin-bottom:50px;}
.graph_cont { margin: 0 auto; padding: 0; list-style-type: none; overflow: hidden; position: relative; width: 240px; height: 120px;}
.graph_cont *, .graph_cont::before { box-sizing: border-box;}
.graph_cont::before { position: absolute; left:0; content: ''; width: inherit; height: inherit; border: 40px solid rgba(211, 211, 211, .3); border-bottom: none; border-top-left-radius: 120px; border-top-right-radius: 120px;}
.graph_cont:after{content:""; display:block; width:177px; height:109px; background:url("../../images/main/graph_shadow.png") no-repeat; position:absolute; top:16px; left:50%; transform:translateX(-50%); z-index:10;}
.graph_cont.sum:after{background-image:url("../../images/main/graph_shadow_sum.png");}
.graph_cont p{position: absolute; top: 100%; left: 0; width: inherit; height: inherit; border: 40px solid transparent; border-top: none; border-bottom-left-radius: 120px; border-bottom-right-radius: 120px;  transform-origin: 50% 0;}
.power_list.show .pb01 .graph_cont.now p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#c40001  0%,#fec63f 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.2s linear 1 forwards;}
.power_list.show .pb01 .graph_cont.sum p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#c40001  0%,#fec63f 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.7s linear 1 forwards;}
.power_list.show .pb02 .graph_cont.now p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#1050c0  0%,#38e0e1 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.2s linear 1 forwards;}
.power_list.show .pb02 .graph_cont.sum p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#1050c0  0%,#38e0e1 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.7s linear 1 forwards;}
.power_list.show .pb03 .graph_cont.now p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#4804a3  0%,#f69ede 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.2s linear 1 forwards;}
.power_list.show .pb03 .graph_cont.sum p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#4804a3  0%,#f69ede 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.7s linear 1 forwards;}

@keyframes chartAni{
    0%{transform: rotateZ(0);}
    60%{transform: rotateZ(100deg)}
    100%{transform: rotateZ(180deg)}
}
.graph_box .num{font-size:1.5rem;font-weight:400; line-height:1.6em; margin-top:-50px;position:relative; z-index:10;}
.graph_box .num em{display:block; font-size:3rem; font-weight:600;}

#situation_cont .notice_txt{text-align:center; font-size:1.6rem; margin-top:30px;}

/*발전현황 220113*/
.power_list.txt_22{opacity:1;}
.power_list.txt_22 dl{padding:70px 25px 40px;}
.power_list.txt_22 .pl_item{padding:25px 30px 20px; border-radius:20px; text-align:left;}
.power_list.txt_22 .today_box{border:2px solid #ea1f41;}
.power_list.txt_22 .pb02 .today_box{border-color:#32c7c9;}
.power_list.txt_22 .pb03 .today_box{border-color:#7c37d9;}
.power_list.txt_22 .total_box{background:#f3f3f3; margin-top:30px;}
.power_list.txt_22 .pl_item .tit{font-weight:400;}
.power_list.txt_22 .today_box .tit{position:relative;}
.power_list.txt_22 .today_box .tit .weather{position:absolute; top:-10px; right:-10px;}
.power_list.txt_22 .today_box .tit .weather img{height:36px;}
.power_list.txt_22 .pl_item .cont li .icon{display:inline-block;  margin-right:15px;}
.power_list.txt_22 .pl_item .cont li img{height:30px;}
.power_list.txt_22 .pl_item .cont li{font-size:2.4rem; font-weight:600;}
.power_list.txt_22 .pl_item .cont li em{font-size:3.2rem; display:inline-block; margin-right:10px;}
.power_list.txt_22 dd .total_box .tit{margin-bottom:5px;}
.power_list.txt_22 .pl_item .cont li.knum em{font-size:3.5rem;}


#price_cont{margin:100px 0;}
.two_picture .cont_list{font-size:0;}
.two_picture li{position:relative; display:inline-block; width:calc((100% - 40px)/2); font-size:1.8rem; margin-left:40px; vertical-align:top; background-size:cover; background-repeat:no-repeat;}
.two_picture li:first-child{margin-left:0;}
#price_cont.two_picture li.cl_01{background-image:url("../../images/main/bg_calc.jpg");}
#price_cont.two_picture li.cl_02{background-image:url("../../images/main/bg_price.jpg");}
.two_picture li a{position:relative; display:block; padding:60px 0 40px; text-align:center; color:#fff;}
.two_picture li .tit{font-size:2.4rem; font-weight:400; margin-bottom:15px;}
.two_picture li .txt{font-size:2rem;}
.two_picture li .btn{margin-top:60px;}
.two_picture li .btn span{display:inline-block; background:#fff; color:#333; padding:10px 30px; border-radius:999px; font-weight:600;  -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.two_picture li:hover .btn span{background:#f47629;  color:#fff;}

.num_script{opacity:0; transition: all .5s ease;}
.num_script.show1{opacity:1; transform: none;}
#example_cont .cont_list{font-size:0; position: relative;}
#example_cont .cont_list li{display:inline-block; margin-left:30px; width:calc((100% - 60px)/3); background:#fff; padding:60px; box-sizing:border-box; text-align:center; box-shadow:0px 5px 10px rgba(0,0,0,0.11);}
#example_cont .cont_list li:first-child{margin-left:0;}
#example_cont .cont_list li .img_box{margin-bottom:30px;}
#example_cont .cont_list li .img_box img{height:94px;}
#example_cont .cont_list li .txt_box p{font-weight:600;}
#example_cont .cont_list li .txt_box .tit{font-size:2.1rem;}
#example_cont .cont_list li .txt_box .tit br{display:none;}
#example_cont .cont_list li .txt_box .num{font-size:4rem;}
#example_cont .gray_bg{background:#f5f5f5; margin-top:-130px; padding-top:210px; padding-bottom:100px;}
#example_cont .gray_bg .cir_img_box{text-align:center;}
#example_cont .gray_bg .cir_img_box img{max-width:100%;}
#example_cont .gray_bg .cate_list{margin-top:80px;}
#example_cont .gray_bg .cate_list ul{font-size:0;}
#example_cont .gray_bg .cate_list li{display:inline-block; width:calc((100% - 36px)/3); margin-left:18px; font-size:1.8rem;}
#example_cont .gray_bg .cate_list li:first-child{margin-left:0;}
#example_cont .gray_bg .cate_list li a{display:block;}
#example_cont .gray_bg .cate_list li .img_box{position:relative; overflow:hidden; height:190px;}
#example_cont .gray_bg .cate_list li .img_box:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
#example_cont .gray_bg .cate_list li .img_box img{position:absolute; top:50%; left:50%;  max-width: 120%; -webkit-transform:translate(-50%, -50%) scale(1);  -moz-transform:translate(-50%, -50%) scale(1);  -ms-transform:translate(-50%, -50%) scale(1); -o-transform:translate(-50%, -50%) scale(1);  transform:translate(-50%, -50%) scale(1); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s; }
#example_cont .gray_bg .cate_list li:hover .img_box img{-webkit-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%, -50%) scale(1.1);    -o-transform:translate(-50%, -50%) scale(1.1);  transform:translate(-50%, -50%) scale(1.1);}
#example_cont .gray_bg .cate_list li .img_box .top_txt{color:#fff; font-size:1.7rem; font-weight:400; position:absolute; top:20px; left:20px; z-index:1;}
#example_cont .gray_bg .cate_list li .img_box .top_txt .num{font-size:3rem;}
#example_cont .gray_bg .cate_list li .txt_box{background:#f47629; padding:12px 20px;}
#example_cont .gray_bg .cate_list li .txt_box p{display:inline-block;  vertical-align:middle; }
#example_cont .gray_bg .cate_list li .txt_box .icon_box img{height:42px;}
#example_cont .gray_bg .cate_list li .txt_box .tit{float:right; font-size:2.1rem; font-weight:400; color:#fff; line-height:42px;}
#example_cont .gray_bg .cate_list li.cate02 .txt_box{background:#19a34d;}
#example_cont .gray_bg .cate_list li.cate03 .txt_box{background:#f9bf10;}
#example_cont .gray_bg .cate_list .more_btn{text-align:center; margin-top:50px;}
#example_cont .gray_bg .cate_list .more_btn a{display:inline-block; padding:15px 30px; background:#fff; border:1px solid #cfcfcf; border-radius:999px; font-size:2.1rem; font-weight:400; }
#example_cont .gray_bg .cate_list .more_btn a i{font-size:2.5rem; display:inline-block; vertical-align:middle; margin-left:30px; margin-top:-5px; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
#example_cont .gray_bg .cate_list .more_btn a:hover i{margin-left:45px;}

#news_cont{padding-top:90px; }
#news_cont .inner{font-size:0; padding-bottom:65px; border-bottom:1px solid #d9d9d9;}
#news_cont .board_list{display:inline-block; width:calc((100% - 40px)/2); margin-left:40px; font-size:1.8rem;}
#news_cont .board_list.notice{margin-left:0;}
#news_cont .board_list .tit{font-size:2.4rem; font-weight:400; position:relative; margin-bottom:20px;}
#news_cont .board_list .tit a{position:absolute; top:0; right:0; }
#news_cont .board_list .tit a i{display:inline-block; font-size:2.4rem; color:#ea1f41;}
#news_cont .board_list ul{font-size:0;}
#news_cont .board_list li{display:inline-block; font-size:2rem; width:calc((100% - 10px)/2); margin-left:10px;}
#news_cont .board_list li:first-child{margin-left:0;}
#news_cont .board_list li .img_box{margin-bottom:10px; position:relative; height:180px; overflow:hidden; background:#f5f5f5; border:1px solid #e0e0e0;}
#news_cont .board_list li .img_box img{display: inline-block; width: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height: 180px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#news_cont .board_list li .txt_box{font-weight:400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#news_cont .board_list li:hover .txt_box{text-decoration:underline;}

#online_cont{padding:100px 0;}
#online_cont.two_picture li{min-height:293px;}
#online_cont.two_picture li.cl_01{background:url("../../images/main/bg_online.jpg") no-repeat; background-size:cover;}
#online_cont.two_picture li.cl_02{background:url("../../images/main/bg_partner.jpg") no-repeat; background-size:cover;}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1400px) {
#mainVisual #visual .visual_item .v_txt{margin-left:-520px;}
#mainVisual #visual .visual_item .v_txt img{height:120px;}
.LR_btn li.prev{left:20px;}
.LR_btn li.next{right:20px;}
.inner{padding:0 15px; box-sizing:border-box;}
}


@media (max-width:1200px) {

/*메인 비주얼*/
#mainVisual{height:600px;}
#mainVisual #visual .visual_item img.v_bg{height:600px; margin-left:-695px;}
#mainVisual #visual .visual_item .v_txt{ margin-left:-410px; }
#mainVisual #visual .visual_item .v_txt img{height:100px;}
.LR_btn li.prev{left:10px;}
.LR_btn li.next{right:10px;}
.main_dots{margin-left:-415px;}

/*컨텐츠 공통 */
#mainContents{width:100%;}
.inner{width:100%; max-width:100%;}

/*발전현황*/
.power_list dl{padding:70px 0;}

/*발전현황 220113*/
.power_list.txt_22 .pl_item .cont li{font-size:2.2rem;}
.power_list.txt_22 .pl_item .cont li em{font-size:3rem;}
.power_list.txt_22 .pl_item .cont li.knum em{font-size:3.3rem;}
.power_list.txt_22 .total_box{padding:25px 20px 20px;}
.power_list.txt_22 .total_box .cont li .icon{margin-right:10px;}


/*시공사례*/
#example_cont .cont_list li{padding:40px;}
#example_cont .gray_bg .cate_list li .img_box{height:155px;}

#news_cont .board_list li .img_box{height:160px;}
#news_cont .board_list li .img_box img{height:160px;}
}

@media (max-width:1024px) {
/*메인 비주얼*/
#mainVisual{height:550px;}
#mainVisual #visual .visual_item img.v_bg{height:550px;}
#mainVisual #visual .visual_item .v_txt{margin-left:0; left:7%;}
#mainVisual #visual .visual_item .v_txt img{height:80px;}
.LR_btn li{font-size:30px;}
.main_dots{margin-left:0; left:7%;}


/*사업분야*/
#department_cont{margin:50px 0 100px;}
#department_cont .cont_list li .tit{font-size:3rem; padding:20px 28px; padding-left:0;}
#department_cont .cont_list li:hover .img_box img{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);    -o-transform:scale(1);  transform:scale(1);}
#department_cont .cont_list li:hover .tit{color:#333;}

/*발전현황*/
#situation_cont{padding:50px 0 70px;}
.power_list{text-align:center;}
.power_list dl{display:inline-block; width:100%; margin-left:0; padding:50px 0; margin-top:80px;}
.power_list dl:first-child{margin-top:0;}
.power_list .graph_box{display:inline-block; margin-left:50px;}
.power_list .graph_box.first{margin-left:0; margin-bottom:0;}
.power_list.show .pb01 .graph_cont.now p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#c40001  0%,#fec63f 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0s linear 1 forwards;}
.power_list.show .pb01 .graph_cont.sum p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#c40001  0%,#fec63f 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 0.5s linear 1 forwards;}
.power_list.show .pb02 .graph_cont.now p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#1050c0  0%,#38e0e1 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 1s linear 1 forwards;}
.power_list.show .pb02 .graph_cont.sum p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#1050c0  0%,#38e0e1 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 1.5s linear 1 forwards;}
.power_list.show .pb03 .graph_cont.now p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#4804a3  0%,#f69ede 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 2s linear 1 forwards;}
.power_list.show .pb03 .graph_cont.sum p{ z-index: 4; background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right,#4804a3  0%,#f69ede 100%); background-origin: border-box; background-clip: content-box, border-box; animation: chartAni 1s 2.5s linear 1 forwards;}


/*분석, 견적*/
#price_cont{margin:50px 0;}
#price_cont.two_picture li{height:278px;}
.two_picture li a{padding:50px 20px 30px;}
.two_picture li .txt{word-break:keep-all;}
.two_picture li .btn{margin-top:40px;}
.two_picture li:hover .btn span{background:#fff;  color:#333;}

/*시공사례*/
#example_cont .cont_list li{padding:35px;}
#example_cont .cont_list li .txt_box .tit br{display:block;}
#example_cont .cont_list li .txt_box .num{font-size:3rem;}

/*발전소 갤러리*/
#example_cont .gray_bg .cate_list ul{text-align:center;}
#example_cont .gray_bg .cate_list li .img_box .top_txt p{text-align:left;}
#example_cont .gray_bg .cate_list li .img_box{height:150px;}
#example_cont .gray_bg .cate_list li .img_box img{width:100%;}
#example_cont .gray_bg .cate_list li .txt_box{text-align:left; padding:15px 20px ;}
#example_cont .gray_bg .cate_list li .txt_box p{display:block;}
#example_cont .gray_bg .cate_list li .txt_box .tit{float:none; font-size:2rem;}


/*뉴스*/
#news_cont{padding-top:50px;}
#news_cont .board_list li .img_box{height:120px;}
#news_cont .board_list li .img_box img{height:120px;}


}

@media (max-width:767px) {
/*공통*/
.m_tit_box{ margin-bottom:30px;}
.m_tit_box .t01{font-size:2.3rem;}
.m_tit_box .t02{font-size:1.6rem;}
.m_tit_box .more{padding-top:7px;}
.btn_box .more_btn{line-height:42px}

/*메인 비주얼*/
#mainVisual{height:500px;}
#mainVisual #visual .visual_item img.v_bg{ height:500px;}
#mainVisual #visual .visual_item .v_txt img.pc{display:none;}
#mainVisual #visual .visual_item .v_txt img.mobile{display:block; height:110px;}
.main_dots-list li{width:30px; height:30px; line-height:33px;}
.main_dots-list li.slick-active{font-size:14px;}
.LR_btn{display:none;}


/*사업분야*/
#department_cont{margin:50px 0;}
#department_cont .cont_list{text-align:center;}
#department_cont .cont_list li{display:inline-block; width:100%; margin-left:0; max-width:400px; margin-top:40px;}
#department_cont .cont_list li:first-child{margin-top:0;}
#department_cont .cont_list li .top_txt{text-align:left;margin:20px;}
#department_cont .cont_list li .img_box{position:relative; height:140px;}
#department_cont .cont_list li .img_box img{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#department_cont .cont_list li .tit{ bottom:0px; left:auto; right:0; display:inline-block; font-size:2rem; padding:10px 20px;box-sizing:border-box; text-align:left;}
#department_cont .cont_list li .tit br{display:none;}


/*발전현황*/
.power_list dd .tit{margin-bottom:10px;}
.power_list .graph_box{display:block; margin-left:0;}
.power_list .graph_box.first{margin-bottom:40px;}


/*분석, 견적*/
#price_cont.two_picture li{height:auto;}
.two_picture li{display:block; width:100%; margin-left:0; }
.two_picture li:first-child{margin-bottom:30px;}
.two_picture li a{padding:30px 20px;}
.two_picture li .tit{font-size:2rem;}
.two_picture li .txt{font-size:1.6rem;}
.two_picture li .btn{margin-top:20px;}
.two_picture li .btn span{font-size:1.6rem;}

/*시공사례*/
#example_cont .cont_list li{display:block; width:100%; margin-left:0; padding:20px 25px; text-align:left;}
#example_cont .cont_list li > div{display:inline-block; vertical-align:middle;}
#example_cont .cont_list li .img_box{margin-bottom:0;}
#example_cont .cont_list li .img_box img{height:60px;}
#example_cont .cont_list li .txt_box{margin-left:30px;}
#example_cont .cont_list li .txt_box .tit{font-size:1.6rem;}
#example_cont .cont_list li .txt_box .tit br{display:none;}
#example_cont .cont_list li .txt_box .num{font-size:2.3rem;}

#example_cont .gray_bg{padding:170px 0 50px;}

/*발전소 갤러리*/
#example_cont .gray_bg .cate_list{margin-top:50px;}
#example_cont .gray_bg .cate_list li{width:100%; margin-left:0px; margin-bottom:10px;}
#example_cont .gray_bg .cate_list li:nth-child(1), #example_cont .gray_bg .cate_list li:nth-child(2){margin-bottom:10px;}
#example_cont .gray_bg .cate_list li .img_box{height:135px;}
#example_cont .gray_bg .cate_list li .img_box .top_txt{top:15px; left:15px;}
#example_cont .gray_bg .cate_list li .img_box .top_txt .num{font-size:2.3rem;}
#example_cont .gray_bg .cate_list li .txt_box{padding:10px 20px; text-align:center;}
#example_cont .gray_bg .cate_list li .txt_box p{vertical-align:text-top; display:inline-block;}
#example_cont .gray_bg .cate_list li .txt_box .icon_box img{height:30px;}
#example_cont .gray_bg .cate_list li .txt_box .tit{font-size:1.8rem; line-height:32px; float:none; margin-left:10px; vertical-align:text-top;}
#example_cont .gray_bg .cate_list .more_btn{margin-top:20px; }
#example_cont .gray_bg .cate_list .more_btn a{font-size:1.8rem; padding:12px 30px 8px;} 


/*뉴스*/
#news_cont .inner{padding-bottom:50px;}
#news_cont .board_list{display:block; width:100%; margin-left:0;}
#news_cont .board_list.notice{margin-bottom:40px;}
#news_cont .board_list .tit{font-size:2rem; margin-bottom:10px;}
#news_cont .board_list li{font-size:1.6rem;}
#news_cont .board_list li .img_box{height:95px;}
#news_cont .board_list li .img_box img{height:95px;}

/*온라인 문의, 파트너즈*/
#online_cont{padding:50px 0;}
#online_cont.two_picture li{min-height:auto;}


}