 /* ================================================================================
	Main
================================================================================ */



@media (max-width: 1024px) {
	/*사이트맵*/
	.sitemap .content01 .title > li .site a { padding: 2% 0 2% 16%;}
	
	/*메인페이지*/
	.max-width { padding:0 3%;}
	#content_wrap .gallery_wrap .bx-viewport { height: 347px !important; }

	/*비지니스 - 비점오염저감시설*/
	.business01_wrap {     padding: 0 3%; width: 94%; margin: 0 auto;}
	#sub_wrap .business01_wrap .content01 ul li { width:96% !important; padding:2%; }
	#sub_wrap .business01_wrap .content01 ul li:first-child { border:1px solid #ddd; text-align:center;}

	.tap_container #tab3 .content07 ul > li { width:96% !important; padding:2%;}
	.tap_container #tab3 .content07 ul > li:first-child { border:1px solid #ddd;}
	.tap_container #tab3 .content07 .number ul > li { width: 14% !important; border: none; padding: 1% 1%;}
	.tap_container #tab3 .content07 ul > li:last-child {padding:2%;}
	.tap_container #tab3 .content07 .number ul > li:last-child { padding:1% 1%;}

	/*비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container { width:94%; padding:0 3%;}

	/*비점오염저감시설 - 도로,교량,초기우수처리시설*/
	.tap_container #tab3 .content02 .number ul li { height:42px;}
	.tap_container #tab3 .content03 .number ul li { height:42px;}
	.tap_container #tab3 .content03 .atype .title { width:40%;}
	.tap_container #tab3 .content04 .atype .title { width:40%; }
	.tap_container #tab3 .content05 .atype .title {} 

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info { width:34%;}
	#sub_wrap .subcon_wrap { padding:0 3% 3% 3%;}
	#sub_wrap .subcon_wrap article .bus .bus-list ul li span { width:15%;}
	#sub_wrap .subcon_wrap article .bus .bus-list > p { width:8%;}
	#sub_wrap .subcon_wrap article .bus .bus-list ul { width:92%;}

	/*회사소개 - 연혁*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right { width:48%;}
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(2) { width:8%;}

	/*board*/

	.btn { padding:0 3%;}
	#btn { padding:0;}

	/*온라인문의*/
	#sub_wrap .online .content01 { width:100%;}

	/*비지니스 - 빗물 재이용 시설*/
	#sub_wrap .business02 .content01 ul li:last-child { padding:1% 0;}
	#sub_wrap .business02 .content01 ul li:last-child img { width:95%;}
	#sub_wrap .business02 .content03 .number ul li { width: 49%; margin-right: 0%;}
	#sub_wrap .business02 .content03 .number ul li:before { content:""}


	/* 비지니스 - 개인하수처리시설*/
	#sub_wrap .business04 .content01 ul li { width:90% !important;  padding:4% 5% !important;}
	#sub_wrap .business04 .content01 ul li:first-child { text-align:center; border:none; outline:1px solid #ddd;}
	#sub_wrap .subcon_wrap article .big-title { margin:3% 0 0;}

	/*비지니스 - 연수설비 및 폐수처리시설*/
	#sub_wrap .business07 .content01 ul li { width:100% !important; }
	#sub_wrap .business07 .content01 ul li:first-child { padding:2% 0;}
	#sub_wrap .business07 .content01 ul li:last-child { padding:2%; width:96% !important;}
	#sub_wrap .business07 .content01 ul li .facility .title { margin:0 0 2% 0;}
	#sub_wrap .business07 .content03 ul li { width:100% !important;  }
	#sub_wrap .business07 .content03 ul li div.Characteristic p { margin:2% 0;}
	#sub_wrap .business07 .content03 ul li:last-child { padding:2%; width:96% !important;}
	#sub_wrap .business07 .content04 ul li { width:100% !important;}
	#sub_wrap .business07 .content04 ul li:last-child { padding:2%; width:96% !important;}
	#sub_wrap .business07 .content04 ul li .facility .title { margin:0 0 2% 0;}
	#sub_wrap .business07 .content05 { width:100%; float:none;}
 	#sub_wrap .business07 .content06 { width:100%; float:none;}
	#sub_wrap .business07 .content06 ul { margin:2% 0;}

	/* 하수 슬러지 저감시설 */
	#sub_wrap .business06 .content01 ul li { width:96% !important; }
	#sub_wrap .business06 .content01 ul li:first-child { padding:1% 1.6% 0.8% 2%; text-align:center;}
	#sub_wrap .business06 .content01 ul li:last-child { padding:2%; }
	#sub_wrap .business06 .content02 ul li { width:96% !important; padding:2% !important;}
	#sub_wrap .business06 .content02 ul li .facility .title { margin:0 0 2% 0;}
	#sub_wrap .business06 .content02 ul li:last-child { text-align:center; }

	/*열수탄화 시스템*/
	#sub_wrap .business05 .content01 ul li { width:96% !important; padding:2% !important;}
	#sub_wrap .business05 .content01 ul li .facility .title{ margin:0 0 2% 0; }
	#sub_wrap .business05 .content03 ul li { width:100%; margin:0;}
}

@media (max-width:960px){
	/*사이트맵*/
	.sitemap .content01 .title > li .site a { padding: 2% 0 2% 10%;}


	/*회사소개 - 특허/면허*/
	#sub_wrap .subcon_wrap article .license_wrap li div h4 { font-size:16px;:}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info { width:37%;}

	/* 비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container #tab1 .content02 .btype .title { width:27%; }
	.tap_container #tab1 .content02 .btype .title { width:35%;}
	.tap_container #tab1 .content04 .ctype .title { width:28%;}

	/*비점오염저감시설 - 도로,교량,초기우수처리시설*/
	.tap_container #tab3 .content04 .number ul li { height:42px;}

	/*비점오염저감시설 - 하천수질정화시설 */
	.tap_container #tab4 .content01 .number .number01 li { width:96%; margin-right:2%; padding:2% 2% !important;}
	.tap_container #tab4 .content01 .number .number01 li:nth-child(2n) {  margin-right:0% !important;}
	.tap_container #tab4 .content02 .drawing li { width:100%; }
	.tap_container #tab4 .content02 .drawing li .img { text-align:center;}
	.tap_container #tab4 .content02 .drawing li .big-title { margin:1% 0;}
	.tap_container #tab4 .content01 .number .number01 { margin: 1% 0;}
	.tap_container #tab4 .content02 .characteristic li { width:100%; margin:0 0 1% 0;}
	.tap_container #tab4 .content02 .characteristic li.pad { }

	/*회사소개 - 연혁 -*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right { width:49%;}

}




@media (max-width: 800px){
	/*사이트맵*/
	.sitemap .content01 .title > li { width:48%; margin-right:2%; float: none; display: inline-table;}
	.sitemap .content01 .title > li:nth-child(2n) { margin-right:0}
	.sitemap .content01 .title > li a.big-title { padding:5% 0;}

	header .hd_bot nav > .menu-toggle { display:block;}
	#sub_wrap .business_subm {position:relative !important;}

	/*메인페이지*/
	header .hd_bot nav > .gnb { display:none;}
	.main-visual-wrap .main-visual { height:400px;}
	.main-visual-wrap .main-visual .main-slider li { height: 400px;}
	.main-visual-wrap .bx-controls { display:none;}
	#content_wrap .gallery_wrap .bx-controls { display:none;}
	#content_wrap .customer_wrap .customer_list ul li a dl dt { font-size:20px;}
	.more { padding:6px 31px;}
	#content_wrap .gallery_wrap .bx-viewport { height:284px !important;}

	/*회사소개 - ceo인사말*/
	#sub_wrap .subcon_wrap { padding:0 3% 3%;}
	#sub_wrap .subcon_wrap .content .comp_creat h2 { font-size:25px;}
	#sub_wrap .subcon_wrap .comp_wrap {background:none;}
	#sub_wrap .subcon_wrap .content .comp_txt { padding: 4% 0 0%;}
	#sub_wrap .subcon_wrap article .top {    padding: 50px 0 26px;}

	/* 메인페이지 - 특허 면허*/
	#sub_wrap .subcon_wrap article .license_wrap li {     width: 49%; margin-right: 2%;}
	#sub_wrap .subcon_wrap article .license_wrap li:nth-child(3n) { margin-right:2%;}
	#sub_wrap .subcon_wrap article .license_wrap li:nth-child(2n) { margin:0}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info { width:45%;}

	/*회사소개 - 연혁 -*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .left .title { margin:0; padding:2% 0 0 0;}
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .left .title > br { display:none;}
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content img { display:none; }
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .left { width:100% }
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right { width:100%; margin:3% 0;}
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li {margin: 0 0 2% 0; border-bottom:1px solid #ddd; padding:0 0 2% 0;} 

	/*비점오염저감시설*/
	#sub_wrap .business_subm ul.taps { width:94%; padding:0 3%;}
	#sub_wrap .business_subm ul.taps li {  font-size:14px; }
	#sub_wrap .business01_wrap .content05 ul li span { width:88%;}
	#sub_wrap .business01_wrap .content06 .flowchart .img li { padding:2%;}

	.tap_container #tab3 .content06 .number ul li:before { content:""; }
	.tap_container #tab3 .content06 .number ul li { width:45%; margin:1% 2% 1% 0; padding:2%;}
	.tap_container #tab3 .content06 .number ul li:nth-child(2n) { margin:1% 0 1% 0;}
	.tap_container #tab3 .content07 .number ul > li:before { content:"";}
	.tap_container #tab3 .content07 .number ul > li { width:45% !important; margin:1% 2% 1% 0; padding:2% !important;}
	.tap_container #tab3 .content07 .number ul > li:nth-child(2n) { margin:1% 0 1% 0;}

	/*비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container #tab1 .content01 .number ul li:before { content:""; }
	.tap_container #tab1 .content01 .number ul li { width:96%; margin:1% 0;}
	.tap_container #tab1 .content02 .number ul li:before { content:"";}
	.tap_container #tab1 .content02 .number ul li { width:96%; margin:1% 0;}
	.tap_container #tab1 .content03 .number ul.number01 li { width:96%;}
	.tap_container #tab1 .content03 .number ul li { width:96%;}
	.tap_container #tab1 .content04 .ctype .title { width:35%;}
	.tap_container #tab1 .content04 .number ul li:before { content:"";}
	.tap_container #tab1 .content04 .number ul li { width:96%; margin:1% 0; padding:2% !important;}


	/*비점오염저감시설 - 도로 교량 초기우수처리시설*/ 
	.tap_container #tab3 .content01 .atype .title { width:40%; }
	.tap_container #tab3 .content02 .atype .title { width:40%; }
	.tap_container #tab3 .content01 .number ul li { width:96%; padding:2%; margin:0 0 2% 0; height:auto;}
	.tap_container #tab3 .content02 .number ul li { width:96%; padding:2%; margin:0 0 2% 0; height:auto;}
	.tap_container #tab3 .content03 .number ul li { width:96%; padding:2%; margin:0 0 2% 0; height:auto;}
	.tap_container #tab3 .content04 .number ul li { width:96%; padding:2%; margin:0 0 2% 0; height:auto;}


	/*비지니스 - 빗물 저류시설*/
	#sub_wrap .business03 .content02 ul { width:100%;}
	#sub_wrap .subcon_wrap article .big-title { font-size:21px;}

	/* 개인하수처리시설*/
	#sub_wrap .business04 .content03 ul li { width:100% !important; }
	#sub_wrap .business04 .content03 ul li:first-child { width:96% !important; margin:0; }

	/*하수 슬러지 저감시설*/
	#sub_wrap .business06 .content03 .number ul li { width:46%; margin-right: 0; padding: 2%; text-align:left;} 


	/*비지니스 - 연수설비 및 쳬수처리시설*/
	#sub_wrap .business07 .content02 ul.strong li { margin-right:0%; width: 50%;  margin-bottom:2%;}
	#sub_wrap .business07 .content02 ul.strong{ margin:1% 0 -2% 0;}

	/*비지니스 - 열수탄화시스템*/
	#sub_wrap .business05 .content04 { width:100%; margin:0;}
	#sub_wrap .business05 .content04 ul { margin:2% 0;}
	#sub_wrap .business05 .content04 ul li { border-bottom:1px solid #ddd; padding:0 0 2% 0;}
	#sub_wrap .business05 .content04 ul li .strong { margin:1% 0;}
	#sub_wrap .business05 .content05 { width:100%; margin:0;}
	#sub_wrap .business05 .content05 ul { margin:2% 0;}
	#sub_wrap .business05 .content05 ul li { border-bottom:1px solid #ddd; padding:0 0 2% 0;}
	#sub_wrap .business05 .content05 ul li .strong { margin:1% 0;}
	#sub_wrap .business05 .content04-wrap { border:none; }

	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table { }
	#sub_wrap .online .content01 .Privacy  table tr { }
	#sub_wrap .online .content01 .Privacy  table tr td { }
	#sub_wrap .online .content01 .Privacy  table tr td input { width:100% !important; }
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:31.2% !important;}


}


@media (max-width:768px){

	/*메인페이지*/
	#content_wrap .customer_wrap .customer_list ul li a dl dt { font-size:18px;}
	#content_wrap .gallery_wrap .bx-viewport { height: 286px !important; }
	
	/*비점오염시설*/
	#sub_wrap .business01_wrap .content05 ul li span { width:88%;}
	#sub_wrap .business_subm ul.taps li { font-size:12px; }
	#sub_wrap .business01_wrap .content07 ul { float:none; width:100%;}
	#sub_wrap .business01_wrap .content07 ul li { width:96%;}
	#sub_wrap .business01_wrap .content07 .img { width:100%; text-align:center;}
	#sub_wrap .business01_wrap .content03 .swirl ul li { width:100%; margin:2% 0; }
	#sub_wrap .business01_wrap .content03 .swirl ul li img { width:100%}

	#sub_wrap .business01_wrap .content06 .detail ul li { float:none; width:100%; margin:2% 0;}

	/*비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container #tab1 .content01 .atype .title { width:30%; }

	/*비지니스 - 빗물 저류시설*/
	#sub_wrap .subcon_wrap article .big-title { font-size:20px;}


	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:31% !important;}
}
@media (max-width:667px){

	#sub_wrap .business_subm { top:15% !important;}	

	/*메인페이지*/
	#content_wrap .business_wrap {    margin: 3% 0 3%;}
	#content_wrap .gallery_wrap .bx-viewport { height: 577px !important; }
	#content_wrap .customer_wrap .customer_list ul li a dl dt { font-size:16px;}
	#content_wrap .business_wrap .business_list > ul > li > a > dl dt { font-size:16px;}
	#content_wrap .business_wrap .business_list > ul > li > a > dl dd p { font-size:12px;}
	#content_wrap .business_wrap .business_list > ul > li { width:50%;}
	#content_wrap .customer_wrap .customer_title { width:100%; margin:0 0 3% 0; padding: 1% 0 0 0;}
	#content_wrap .customer_wrap .customer_list { width:100%;}
	#content_wrap .gallery_wrap .gallery_list ul li dl { outline:none; border:1px solid #ddd; }

	/*회사소개 - ceo인사말*/
	#sub_wrap .subcon_wrap .content .comp_creat h2 { font-size:22px;}
	#sub_wrap .subcon_wrap .content .comp_creat p { font-size:30px;}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info { width: 75%; padding: 0 0 0 25%;}
	#sub_wrap .subcon_wrap article .bus .bus-list ul li span { width:100%;}
	#sub_wrap .subcon_wrap article .bus .bus-list > p { width:100%; margin:0 0 2% 0;}
	#sub_wrap .subcon_wrap article .bus .bus-list ul li { padding-left: 30px !important; width:100%;}

	/*비지니스 - 비점오염저감시설*/
	#sub_wrap .business01_wrap .content01 ul li .facility .title { font-size:16px;}

	.tap_container #tab3 .content07 ul > li .title { font-size:16px;}

	#sub_wrap .business01_wrap .content02 .standard .table-title span { margin:0; padding-left: 5%;}
	#sub_wrap .business01_wrap .content .table-title { margin:2% 0; }
	#sub_wrap .business01_wrap .content01 ul li .Characteristic .title { margin:1% 0;}
	#sub_wrap .business01_wrap table { font-size:12px; }
	#sub_wrap .business01_wrap .content01 ul li .facility .title { margin:4% 0 1% 0; }

	.tap_container #tab3 .content07 ul > li .title { margin:4% 0 1% 0; }

	#sub_wrap .business01_wrap .content05 .img { width:100%; float:none; text-align:center;}
	#sub_wrap .business01_wrap .content05 ul { width:100%; float:none;}

	/*비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container #tab1 .content02 .btype .title { width:45%;}
	.tap_container #tab1 .content04 .ctype .title { width:45%;}

	/*비점오염저감시설 - 합류식 월류수 처리시설*/
	.tap_container #tab2 .content03 ul li { width:100%; margin:0 0 2% 0;}
	.tap_container #tab2 .content03 ul li  img { width:100%;}
	.tap_container #tab2  table { font-size:12px !important;}

	/*비점오염저감시설 - 하천수질정화시설*/
	.tap_container #tab4 .content02 .photo li { width:100%; margin-right:0;}
	.tap_container #tab4 .content02 .photo li img{ width:100%;}

	/*비지니스 - 빗물재이용시설*/
	#sub_wrap .business02 .content03 .number ul { width:100%;}
	#sub_wrap .business02 .content03 .number ul li { width:100%;}
	#sub_wrap .business02 .content01 ul li { width:100%; text-align:center; margin:2% 0 0 0;}
	#sub_wrap .business02 .content01 ul li:last-child { width:100%; }

	/*비지니스 - 빗물 저류시설*/
	#sub_wrap .subcon_wrap article .big-title { font-size:20px;}
	#sub_wrap ..business01_wrap .content04 ul li span { width:86%;}
	#sub_wrap .business03 .content03 ul li { width:100%; margin:0; text-align:center;}
	#sub_wrap .business03 .content02 ul li { width: 27%; margin-right: 0%; }
	#sub_wrap .business03 .content02 ul li:before { content:"";}
	#sub_wrap .business03 .content06 ul li { width:49%; margin-right:2%;}
	#sub_wrap .business03 .content06 ul li:nth-child(3n) { margin-right:2%;}
	#sub_wrap .business03 .content06 ul li:nth-child(2n) { margin-right:0%;}
	#sub_wrap .business03 .content07 ul li { width:49%; margin-right:2%;}
	#sub_wrap .business03 .content07 ul li:nth-child(2) { margin-right:0;}

	/*개인하수처리시설*/
	#sub_wrap .business04 .content04 .title { margin:3% 0 0 0;}
	#sub_wrap .business04 .content04 p { font-size:12px;} 

	/*연수설비 및 폐수처리시설*/
	#sub_wrap .business07 .content02 ul.field li { width:49%; margin:0 2% 2% 0; padding:2% 0;}
	#sub_wrap .business07 .content02 ul.field li:nth-child(2n) { margin:0;}


	/*납품실적 - 시공사진 */
	.gallery_con ul li { width:49% !important; margin-right:2% !important;}
	.gallery_con ul li:nth-child(3n) { margin-right:2% !important; }
	.gallery_con ul li:nth-child(2n) { margin-right:0% !important; }

	/*납품실적 - 실적현황 */


	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:30.6% !important;}

}
@media (max-width:640px){

	/*메인페이지*/
	header .hd_bot nav > .menu-toggle { padding: 4% 0;}
	#content_wrap .customer_wrap .customer_list ul li a { padding:22px 16px;}
	#content_wrap .business_wrap .business_list > ul > li > a > dl { padding:6% 0;}
	#content_wrap .gallery_wrap .bx-viewport { height:559px !important }

	/*비지니스 - 비점오염저감시설*/
	#sub_wrap .business01_wrap .content05 ul li { width:94%; margin:0 0 2% 0;}

	/*비지니스 - 비점오염저감시설 - 도로 교량 초기우수처리시설*/
	.tap_container #tab3 .content03 .atype .title { width:60%;}
	.tap_container #tab3 .content04 .atype .title { width:60%;}
	.tap_container #tab3 .content05 .atype .title { width:60%;}

	/*비지니스 - 빗물 저류시설*/
	#sub_wrap .business03 .content02 ul li { width:94%; margin:0 0 2% 0;}





}
@media (max-width:600px){
	/*메인페이지*/
	#content_wrap .gallery_wrap .bx-viewport {height: 531px !important;}

	/*회사소개 - ceo인사말*/
	#sub_wrap .subcon_wrap .content .comp_creat h2 { font-size:20px;}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map #map {height: 280px;}
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info { width: 80%; padding: 0 0 0 20%;}

	/*비지니스 - 비점오염저감시설*/
	#sub_wrap .business_subm ul.taps li { width:16%; margin-right:12%;}
	#sub_wrap .business_subm ul.taps li:last-child { margin-right:0; }
	#sub_wrap .business01_wrap .content06 .flowchart .title { width:30%; }

	/*비지니스 - 연수설비 폐수처리시설*/
	#sub_wrap .business07 .content07 .img img { width:50%;}
	#sub_wrap .business07 .content04 ul li:first-child{ padding:4% 0;}
	#sub_wrap .business07 .content04 ul li img { width:80%;}

}


@media (max-width:480px){
	/*사이트맵*/
	.sitemap .content01 .title > li { width:100%; margin-right:0%;display:block;}

	/*메인페이지*/
	.main-visual-wrap .main-visual { height:300px;}
	.main-visual-wrap .main-visual .main-slider li { height: 300px;}
	header .hd_bot nav > .menu-toggle { padding: 5% 0;}
	#content_wrap .gallery_wrap .gallery_title > .more { margin:0;}
	#content_wrap .gallery_wrap .bx-viewport { height:450px !important;}
	#content_wrap .business_wrap .business_list > ul > li { width:100%; border-bottom:1px solid #e5513c;}
	#content_wrap .customer_wrap .customer_list ul li { margin:0 0 2% 0; width:100%; }
	#content_wrap .customer_wrap .customer_list ul li a div .more {padding: 7px 30px;}


	/*회사소개 - ceo인사말*/
	#sub_wrap .subcon_wrap .content .comp_creat h2 { font-size:16px;}
	#sub_wrap .subcon_wrap article .top .sub_title { font-size:14px; }
	#sub_wrap .subcon_wrap .content .comp_creat p { font-size:20px; margin: 8px 0 0 0;}

	/* 메인페이지 - 특허 면허*/
	#sub_wrap .subcon_wrap article .license_wrap li {     width: 100%; margin:0 0 2% 0 ; text-align:center;}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info { width: 100%;  padding:0; }
	#sub_wrap .subcon_wrap .comp_map .adress .tel-info li { width: 44%;}

	/*연혁*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .left .title { font-size:50px; }
	
	/*비점오염저감시설*/
	#sub_wrap .business_subm ul.taps li { width: 48%; margin-right: 2%; padding:4% 0;}
	#sub_wrap .business_subm { padding:0;}
	#sub_wrap .business01_wrap .content .big-title { font-size:16px;}
	#sub_wrap .business01_wrap .content .table-title  { font-size:14px;}
	#sub_wrap .business01_wrap .content01 .big-title span { padding-left:6%; margin:0; }
	#sub_wrap .business01_wrap .content02 .standard .table-title span { padding-left:6%; }
	.tap_container #tab3 .content06 .number ul li { width:96%; }
	.tap_container #tab3 .content07 .number ul > li { width:96% !important; }

	/*비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container .tab_content .big-title { font-size:16px; }
	.tap_container #tab1 .content01 .atype .title { width:45%;}
	.tap_container #tab1 .content02 .btype .title { width:70%;}
	.tap_container #tab1 .content03 .flowchart .title { width:70%;}
	.tap_container #tab1 .content04 .ctype .title { width:70%;}
	.tap_container #tab1 table { font-size:12px; }

	/*비점오염저감시설 - 도로 교량 초기우수처리시설*/
	.tap_container #tab3 .content05 ul.img img { width:90%; }

	/*납품실적 - 시공사진 */
	.gallery_con ul li { width:100% !important; margin-right:0% !important; text-align:center;}
	.gallery_con ul li img { width:100%;}

	/*비지니스 - 빗물재이용시설*/
	#sub_wrap .business02 article .big-title span { padding-left:6%; margin:2% 0 0%;}
	#sub_wrap .business02 .content02 { margin:4% 0; padding-bottom:4%;}
	#sub_wrap .business02 .content03 { margin:4% 0;}
	#sub_wrap .business02 .content03 .img { padding:7% 0;}

	/* 빗물저류시설 */
	#sub_wrap .business03 .content06 ul li { width:100%; margin:0 0 2% 0;}
	#sub_wrap .business03 .content06 ul li img { width:100%;}
	#sub_wrap .business03 .content07 ul li { width:100%; margin:0 0 2% 0;}
	#sub_wrap .business03 .content07 ul li img { width:100%;}
	#sub_wrap .business03 .content06 ul li .photo_title { font-size:16px;}
	#sub_wrap .subcon_wrap article .big-title { font-size:16px; margin:4% 0 2% 0;}
	#sub_wrap .business03 .content07 ul li .photo_title { font-size:16px;}

	/*개인하수처리시설*/
	#sub_wrap .business04 .content03 ul li:last-child p span { display:inline; font-size:12px; }

	/*연수설비 폐수처리시설*/
	#sub_wrap .business07 .content01 ul li .facility .title { font-size:16px; }
	#sub_wrap .business07 .content01 ul li:last-child p { font-size:12px;}
	#sub_wrap .business07 .content04 ul li .facility .title { font-size:16px; }
	#sub_wrap .business07 .content04 ul li:last-child p { font-size:12px;}
	#sub_wrap .business07 .content06 ul li img { text-align:center;}
	#sub_wrap .business07 .content06 ul li:first-child { text-align:center; float:none;}
	#sub_wrap .business07 .content02 ul.field li { width:100%; margin:0 0 2% 0; padding:4% 0;}
	#sub_wrap .business07 .content02 ul.strong li { width:100%; }

	/*열수탄화시스템*/
	#sub_wrap .business05 .content01 ul li .facility .title { font-size:16px; }
	#sub_wrap .business05 .content02 ul li .facility .title { font-size:16px; }
	#sub_wrap .business05 p { font-size:12px;}
	#sub_wrap .subcon_wrap article .big-title { margin:0;}

	/*하수 슬러지 저감시설*/
	#sub_wrap .business06 .content03 .number ul { width:100%; }
	#sub_wrap .business06 .content03 .number ul li { width:96%; margin-right: 0; padding: 2%; } 
	#sub_wrap .business06 .content04  table { font-size:12px; }
	#sub_wrap .business06 .content01 ul li .facility .title { font-size:16px;}
	#sub_wrap .business06 .content02 ul li .facility .title { font-size:16px;}
	#sub_wrap .business06 .content01 ul p { font-size:12px; }
	#sub_wrap .business06 .content02 ul p { font-size:12px; }
	#sub_wrap .business05 .content04 ul li { margin:3% 0 0 0;}



	/*공지사항 */
	#sub_wrap .notice table { font-size:12px;}
	#sub_wrap .notice table tr td:nth-child(2) { padding: 0 0 0 5%;}

	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:29.6% !important;}




}
@media (max-width:414px){
	/*네비*/
	#sub_wrap .sub_visu .navi_wrap dl dd { font-size:18px; }

	#sub_wrap .business_subm { top:13% !important;}

	/*메인페이지*/
	.main-visual-wrap { padding:94px 0 0 0;}
	header { height:94px;}
	.main-visual-wrap .main-visual { height:200px;}
	.main-visual-wrap .main-visual .main-slider li { height: 200px;}
	header .hd_bot nav > .menu-toggle { padding: 4% 0;}
	#content_wrap .gallery_wrap .bx-viewport { height:405px !important;}
	footer .site-info .footer-logo { float:none; width: 100%; margin-right: 5%; text-align: center;}
	footer .site-info .footer_txt { float:none; width:100%; text-align:center;}

	/*회사소개 - ceo인사말*/
	#sub_wrap { padding: 94px 0 0 0; }

	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:29.2% !important;}
	#sub_wrap .online .content01 .Privacy  table tr th { font-size:12px;}

	/*비점오염저감시설*/
	#sub_wrap .business01_wrap .content02 .standard .table-title span { margin:1% 0; }
	#sub_wrap .business01_wrap .content01 .big-title span  { margin:1% 0; }

	/*비지니스 - 비점오염저감시설 - 도로 교량 초기우수처리시설*/
	.tap_container #tab3 .content01 .atype .title { width:80%;}
	.tap_container #tab3 .content02 .atype .title { width:80%;}
	.tap_container #tab3 .content03 .atype .title { width:80%;}
	.tap_container #tab3 .content04 .atype .title { width:80%;}
	.tap_container #tab3 .content05 .atype .title { width:80%;}

	/* 회사소개 - 연혁*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:first-child { width:100%; margin:0 0 2% 0; }
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li { padding:0 0 4% 0; }
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(3) { font-size:12px; }
}
@media (max-width:400px){

	/*메인페이지*/
	#content_wrap .gallery_wrap .bx-viewport { height:395px !important;}
	#content_wrap h3.title { font-size:20px;}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress p { font-size:15px;}

}
@media (max-width:360px){

	#sub_wrap .business_subm { top:12% !important;}

	/*메인페이지*/
	#content_wrap .gallery_wrap .bx-viewport { height:368px !important;}	
	#content_wrap h3.title { font-size:18px;}
	#content_wrap .gallery_wrap .gallery_list ul li dl dt { font-size:16px;}

	/*회사소개 - 오시는길 */
	#sub_wrap .subcon_wrap .comp_map .adress p { font-size:14px;}

	/*연혁*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .left .title { font-size:40px; }
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(2) { width:6%;}

	/*비점오염저감시설*/
	#sub_wrap .business01_wrap .content03 .swirl ul li { width:96%;}
	#sub_wrap .business01_wrap .content03 .swirl ul li .title { width:63%; }

	/*비점오염저감시설 - 분류식 초기우수 처리시설*/
	.tap_container #tab3 .content06 .flowchart .title { width:90%;}


	/*비지니스 - 빗물재이용시설*/
	#sub_wrap .business02 article .big-title span {padding-left: 9%;}

	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:28.5% !important;}

}
@media (max-width:320px){
	/*네비*/
	#sub_wrap .sub_visu .navi_wrap dl dd { font-size:16px; }

	/*메인페이지*/
	#content_wrap .gallery_wrap .bx-viewport { height:341px !important;}	
	#content_wrap h3.title { font-size:16px;}
	#content_wrap p.m-txt { font-size:14px; margin: 5px 0 0 0;}


	/*연혁*/
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .left .title { font-size:36px; }
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(2) { width:5%; font-size:12px;}
	#sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(3) { font-size:12px; letter-spacing:-1px}

	/*온라인 문의*/
	#sub_wrap .online .content01 .Privacy  table tr td input#phone { width:27.9% !important;}
}













