@charset "utf-8";

/*ceo소개*/
.ceo {padding:60px 0;}
.ceo .cont01 .flR {right: 100px; bottom: 0;}
.ceo .cont01 .flL p {padding-left:120px;}
.ceo .cont01 .line01 {position: absolute; left:0;}
.ceo .cont01 .line02 {position: absolute; bottom:0; right:0;}
.ceo .cont02 h3 {margin-bottom: 40px;}
.ceo .cont02 img.sign {margin-left: 20px; margin-top: -5px;}

/*오시는길*/
.direction .cont01 {width: 900px; height: 150px; margin-top: 20px; margin-bottom: 100px; position: relative; background-color: #fff; box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);}
.direction .cont02 .circle {width: 20px; height: 20px; border-radius: 50px; display: inline-block; font-size: 12px; line-height: 20px; margin-right: 10px;}
.direction .cont02 .bus_box {padding: 5px 20px; position: absolute; left: 0; top: -5px;}
.direction .cont02 .first {top: 0;}

/*에너지컨설팅및진단사업*/
.sub2_01 .triangle {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 30px solid #f5f5f5; margin: 0 auto; position: absolute; top: -30px; left: 50%; margin-left: -30px;}

/*에너지관리시스템*/
.sub2_02 .h_250 {height: 250px;}

/*에너지경영시스템*/

/*공기압축기*/
.sub3_01 .h_300 {height: 300px;}
.sub3_01 .mgr_25 {margin-right: 25px;}
.sub3_01 .triangle {width: 0; height: 0; border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-left: 20px solid #0b5e88; margin: 80px auto auto 5px;}
.sub3_01 .cap01::before {content: ""; width: 8px; height: 8px; border-radius: 50px; position: absolute; left: 0; top: 5px; background-color: #154a5e;}
.sub3_01 .cap02::before {content: ""; width: 8px; height: 8px; border-radius: 50px; position: absolute; left: 0; top: 5px; background-color: #aaaaaa;}
.sub3_01 .cap03::before {content: ""; width: 8px; height: 8px; border-radius: 50px; position: absolute; left: 0; top: 5px; background-color: #983132;}
.sub3_01 .triangle2 {width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #f5f5f5; margin: 0 auto;}

/*지능형멀티제어시스템*/
.sub3_02 .h_250 {height: 240px;}

/*폐열회수시스템*/
.sub3_03 .h_230 {height: 230px;}

/*부대설비*/
.sub3_04 .h_200 {height: 200px;}
.sub3_04 .h_245 {height: 245px;}
.sub3_04 .pdt_160 {padding-top: 160px;}

/*조명기기*/
.sub3_05 .h_240 {height: 240px;}

/*에너지저장시스템*/
.sub4_01 .h_185 {height: 185px;}

/*준비중 페이지*/
.loading img{width:auto;}s


@media(max-width:1279px)
{
	/*서브*/
	.sub3_01 .cont02 ul.graph > li {width: 30%;}
	.sub3_01 .cont02 ul.graph > li:nth-child(3) {width: auto;}
	.sub3_01 .triangle {margin: 60px auto 0 auto;}
	.sub3_02 .h_250 {height: 200px;}
	.sub3_03 .cont04 ul li:first-child {width: 70%; padding-right: 20px;}
	.sub3_03 .cont04 ul li:last-child {width: 30%; padding-left: 20px;}
	.sub3_04 .h_200 {height: 220px;}
	.sub3_04 .h_245 {height: 307px;}
	.sub3_05 .h_240 {height: 280px;}
	.sub4_01 .h_185 {height: 210px;}

	/*사이트맵*/
	.sitemap .dpb {display: inline;}
	.sitemap h2 {margin-bottom: 30px;}
	.sitemap > li > ul > li {padding-right: 50px;}
	.sitemap > li > ul > li:last-child {padding-right: 0;}

	/*ci*/
	.ci .black_opa4 {height: 260px;}
}

@media(max-width:1024px)
{
	/*서브*/
	.sub3_04 .h_200 {height: 240px;}
	.sub3_04 .h_245 {height: 330px;}
	.sub3_05 .h_240 {height: 305px;}
	.sub5_01 .w_30p {width: 30%;}
	.sub5_01 .w_70p {width: 70%;}

	/*사이트맵*/
	.sitemap .sitemap01 ul li {padding-right: 30px;}
	.sitemap .sitemap02 > ul > li {width: 33.333%; padding-right: 0;}
	.sitemap .sitemap02 > ul > li:nth-child(5), .sitemap .sitemap02 > ul > li:nth-child(6){margin-top: 20px;}
	.sitemap .sitemap03 > ul > li:nth-child(2), .sitemap .sitemap03 > ul > li:nth-child(3), .sitemap .sitemap03 > ul > li:nth-child(4) {height: 160px;}

	/*준비중페이지*/
	.loading img{width:30%;}
	.loading .fs30{font-size:26px;}

}

@media(max-width:900px)
{
	/*ceo소개*/
	.ceo .cont01 .flR {display: none;}
	.ceo .cont01 .line02 {left: auto;}
	.ceo .cont01 .line02 {right: 0;}
	.ceo .cont02 h3 {margin-bottom: 20px;}
	.ceo .cont01 {padding-top: 30px;}
	.ceo .cont01 .flL p {padding-left: 50px;padding-right: 50px;}

	/*ci*/
	.ci .black_opa4 {height: auto;}

	/*오시는길*/
	.direction .cont01 {width: 100%; height: auto; margin-top: 0; padding-top: 60px; padding-bottom: 60px; background-color: #f5f5f5; box-shadow: none;}
	.direction .mgt_15 {margin-top: 15px;}
	
	/*서브*/
	.sub2_01 .triangle {border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #f5f5f5; top: -15px; margin-left: -5px;}
	.sub2_02 .h_250 {height: auto;}
	.sub3_01 .h_300 {height: auto;}
	.sub3_01 .mgr_25 {margin-right: 0; float: none;}
	.sub3_01 .triangle {border-top: 15px solid #0b5e88; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 15px; margin: 0 auto; border-bottom: 0;}
	.sub3_01 .cont02 ul.graph > li {width: auto;}
	.sub3_01 .cont02 ul.graph > li:nth-child(3) {width: auto;}
	.sub3_02 .h_250 {height: auto;}
	.sub3_03 .h_230 {height: auto;}
	.sub3_03 .cont04 ul li:first-child {width: 100%; padding-right: 0;}
	.sub3_03 .cont04 ul li:last-child {width: 100%; padding-left: 0; margin-top: 30px;}
	.sub3_04 .h_200 {height: auto;}
	.sub3_04 .h_245 {height: 190px; margin-top: 20px;}
	.sub3_04 .pdt_160 {padding-top: 10px;}
	.sub3_05 .h_240 {height: 190px; margin-top: 20px;}
	.sub4_01 .h_185 {height: auto; display: inherit;}
	.sub4_01 .h_245 {height: 170px;}
	.sub5_01 .w_30p {width: 100%;}
	.sub5_01 .w_70p {width: 100%;}
	
	/*사이트맵*/
	.sitemap h2 {margin-bottom: 0;}
	.sitemap .sitemap03 > ul > li:nth-child(2), .sitemap .sitemap03 > ul > li:nth-child(3), .sitemap .sitemap03 > ul > li:nth-child(4) {height: auto;}

}

@media(max-width:600px)
{
	.sub3_04 .h_245 {height: auto;}
	.sub3_05 .h_240 {height: auto;}
	.sub4_01 .h_245 {height: auto;}

	/*준비중페이지*/
	.loading img{width:35%;}
	.loading .fs30{font-size:14px;}

}