/* clear */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

/* table */
.newworksTable{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1;margin-bottom:10px;border-collapse:collapse !important;word-break:break-all}
.newworksTable tr th, .newworksTable tr td{padding:12px 5px 12px 5px;border:1px solid #ececec;text-align:center;vertical-align:middle;}
.newworksTable tr th{color:#323232;font-weight:bold;padding:10px 0;background:#f7f8fb;border-left:1px solid #ececec}
.newworksTable .taLeft28{text-align:left;padding-left:28px;}
.newworksTable th:first-child, .newworksTable td:first-child{border-left:none!important}
.newworksTable th:last-child, .newworksTable td:last-child{border-right:none!important}
.newworksTable .bL0{border-left:0 !important}
.newworksTable .bR0{border-right:0 !important}
.newworksTable td.left{text-align:left; !important}

/* swmi */
.s_grayBox01{margin-top:50px;} 
.s_grayBox01 p{font-family:'NanumGothicBold';font-size:18px;color:#3f7fc9;line-height:27px; line-height:20px}
.s_grayBox02{line-height:24px; background: #f8f8f8; padding:25px} 
.s_grayBox02 ul{list-style:none; padding:0px; margin:0px}
.s_grayBox02 li{padding:0 0 5px 10px; background-size:3px;line-height:16px}
.s_grayBox02 p{line-height:20px}
.s_grayBox02 strong{font-weight: bold; font-family:'NanumGothicBold';font-size:16px;color:#3f7fc9;line-height:27px}



/* 건강한 물공급 추가 페이지 */
.titleBox{position:relative;overflow:hidden;padding:15px;border:1px solid #eee;background:url('/web/images/busi/outline_titlebg.gif') repeat;font-weight:normal}
.titleBox > p{float:right}
.titleBox > p img{padding:4px;border:1px solid #ddd;background:#fff}
.titleBox > h5{margin-bottom:5px;font-family:'NanumGothicBold';font-size:24px;color:#555;line-height:27px}
.titleBox > h4{font-family:'NanumGothicBold';font-size:24px;color:#000;line-height:30px}
.titleBox > ul{overflow:hidden}
.titleBox > ul.mT0{margin-top:0px !important}
.titleBox > ul.mT10{margin-top:10px !important}
.titleBox > ul li{font-family:'NanumGothicBold';font-size:13px;color:#333;font-weight:bold;letter-spacing:-0.03em}
.titleBox > ul li small{display:block;margin-top:5px}
.titleBox > ul li.mB5{margin-bottom:5px}
.titleBox > ul li.mB0{margin-bottom:0}

.coment_02{display:inline-block;width:16px;height:12px;margin-left:5px;background:url('/web/images/cust/blit_11.png') left top no-repeat}
.bulletBox03 > li{padding-left:8px;background:url('/web/images/busi/bulletBox03.png') left 8px no-repeat}

dl.bB0{border-bottom:0 !important}
.mob_img{width:100%}
.mob_img65{width:65%;}
.mob_img55{width:55%;}
.mob_img45{width:45%;}
.swc_img_center {text-align:center;}
.bT0{border-top:0 !important}
.bB0{border-bottom:0 !important}
.subTitle{margin:30px 0 0;padding-bottom:15px;border-bottom:1px solid #eaeaea;font-size:20px;font-weight:bold;color:#323232}
.sliceLine{margin-bottom:10px !important;padding-bottom:10px;border-bottom:1px solid #eee}
.sliceLine.mB0{margin-bottom:0 !important}
.sliceLine.pB0{padding-bottom:0 !important}
.sliceLine ul{overflow:hidden;margin-bottom:10px}
.wAuto{width:auto !important}
.pT0{padding-top:0 !important}
.p0{padding:0 !important}
.b1{border:1px solid #cbcbcb !important}
.pB0{padding-bottom:0 !important}
.mL0{margin-left:0 !important}
.mL5{margin-left:5px !important}
.mL10{margin-left:10px !important}
.mL15{margin-left:15px !important}
.mL20{margin-left:20px !important}
.mR0{margin-right:0px !important}
.mT5{margin-top:5px !important}
.mT10{margin-top:10px !important}
.mT20{margin-top:20px !important}
.mT30{margin-top:30px !important}
.mT40{margin-top:40px !important}
.mT50{margin-top:50px !important}
.mB0{margin-bottom:0 !important}
.mB5{margin-bottom:5px !important}
.mB10{margin-bottom:10px !important}
.mB20{margin-bottom:20px !important}
.mB30{margin-bottom:30px !important}
.mB40{margin-bottom:40px !important}
.guidEx .imgSubject{display:block;width:100%;font-size:12px;color:#666;text-align:center}
.wAuto dd .br{display:block}
.wAuto li.nobg{background:none !important}
.wAuto li.p0{padding:0 !important}
.wAuto.pB0{padding-bottom:0 !important}
.text11B{text-align:center; font-size:11px; font-weight:600; color:#777}

.persent_graph{position:relative;overflow:hidden;width:100%;margin-top:20px}
.persent_graph p{display:block}
.persent_graph p > img{width:100%;margin-top:20px}
.persent_graph dl{float:left;overflow:hidden;margin-bottom:10px}
.persent_graph dl dt{font-size:14px;font-weight:normal}
.persent_graph dl dd{font-family:'NanumGothicBold';font-size:20px;color:#d72e2e;font-weight:bold}
.persent_graph dl.graph01{display:inline-block;height:108px;margin-right:20px;padding-left:115px;background:url('/web/images/busi/icon_outline01.jpg') no-repeat}
.persent_graph dl.graph02{display:inline-block;height:108px;padding-left:115px;background:url('/web/images/busi/icon_outline02.jpg') no-repeat}

.divideForm{position:relative;overflow:hidden;width:100%}
.divideForm.mT20, .divideForm .mT20{margin-top:20px}
.divideForm .mT35{margin-top:35px}
.divideForm ul li.L{float:left;width:58%;margin-right:3%;}
.divideForm p.tit{font-size:13px; font-weight:600; text-align:left; padding-bottom:5px}
.divideForm ul li.R{float:right;width:35%;font-size:11px; font-weight:600}
.divideForm ul li.R img, .imgboxB{width:100%;}

.divideForm2{position:relative;overflow:hidden;width:100%}
.divideForm2 ul li{float:left;width:32%;margin-right:2%;text-align:center}
.divideForm2 ul li.mR0{margin-right:0}


.busioutline_explain{position:relative;overflow:hidden;margin:15px;padding-left:105px;background:url('/web/images/busi/busioutline_bg.png') no-repeat;line-height:18px}
.busioutline_explain a{display:inline-block;width:60px;height:16px;background:#464646;font-size:11px;color:#fff;text-align:center;line-height:16px}

.positionC{text-align:center}
.positionC .mT30{margin-top:30px !important}


.supplyintroForm{position:relative;overflow:hidden;width:100%}
.supplyintroForm ul{overflow:hidden;margin-bottom:20px}
.supplyintroForm ul.mB0{margin-bottom:0 !important}
.supplyintroForm ul li{float:left;width:48.5%;border:1px solid #ededed}
.supplyintroForm ul li.R{float:right;width:48.5%}
.supplyintroForm ul li p{height:35px;background:#047ab3;font-family:'NanumGothicBold';font-size:15px;color:#fff;text-align:center;line-height:35px}
.supplyintroForm ul li dl{overflow:hidden;padding:15px;border-bottom:1px dashed #ededed}
.supplyintroForm ul li dl.bB0{border-bottom:0 !important}
.supplyintroForm ul li dl dd a{float:right;display:block;width:60px;height:18px;background:#464646;font-size:12px;color:#fff;text-align:center;line-height:18px}
.supplyintroForm ul li dl dd.mT19{margin-top:19px !important}
.supplyintroForm ul li dl.bullet dd{margin-bottom:5px;padding-left:8px;background: url('/web/images/busi/busiTabicon_dot.gif') left 7px no-repeat}
.supplyintroForm ul li.height114{min-height:161px}

.waterTable{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #ececec;border-collapse:collapse;word-break:break-all}
.waterTable tr th, .waterTable tr td{padding:7px 5px;border:1px solid #ececec;font-size:12px;color:#666;text-align:center;vertical-align:middle}
.waterTable th{color:#323232;font-size:13px;font-weight:bold;background:#f7f8fb}
.waterTable th:first-child, .waterTable td:first-child{border-left:0 !important}
.waterTable th:last-child, .waterTable td:last-child{border-right:0 !important}

td.txtL{padding-left:10px !important;text-align:left !important}

.detailBox{position:relative;overflow:hidden;padding:10px;border:1px dashed #dedede;background:#f9f9f9}

.focus{font-family:'NanumGothicBold';font-size:14px;color:#047ab3}
.focus01{font-weight:600;font-size:14px;}
.lh24{line-height:24px}

/* 통합물관리 */
.divideForm3{position:relative;overflow:hidden;width:100%}
.divideForm3 ul li{float:left;width:49.5%;text-align:center}
.divideForm3 ul li img{width:95%;padding:4px;border:1px solid #ededed}
.divideForm3 ul li.R{float:right}

.busiTabList, .busiTabList2{position:relative;overflow:hidden;margin:30px 15px 0}
.busiTabList ul li > p, .busiTabList2 ul li > p{margin-bottom:10px;font-size:16px;color: #323232;font-weight:bold}
.busiTabList ul li.L, .busiTabList2 ul li.L{float:left;width:49.5%}
.busiTabList ul li.L small a.btn_link, .busiTabList2 ul li.L small a.btn_link{display:inline-block;width:60px;height:20px;margin-top:10px;background:#464646;font-size:12px;color:#fff;text-align:center;line-height:20px}
.busiTabList ul li.R, .busiTabList2 ul li.R{float:right;width:49.5%}
.busiTabList ul li dl, .busiTabList2 ul li dl{overflow:hidden}
.busiTabList ul li dl dd, .busiTabList2 ul li dl dd{margin-bottom:5px;padding-left:8px;background: url('/web/images/busi/busiTabicon_dot.gif') left 7px no-repeat}
.busiTabList ul li span, .busiTabList2 ul li span{float:left;width:48%;margin-right:1%}
.busiTabList ul li span.R, .busiTabList2 ul li span.R{float:right;width:49%}
.busiTabList ul li span p, .busiTabList2 ul li span p{font-size:12px;color:#666;font-weight:normal;text-align:center}
.busiTabList ul li span img, .busiTabList2 ul li span img{width:95%;padding:4px;border:1px solid #ededed}


/* 고객지원 > 요금 및 공급규정 */
.support_intro_Form{position:relative;overflow:hidden;width:100%;margin-top:20px}
.support_intro_Form ul{overflow:hidden;width:100%}
.support_intro_Form ul li{float:left;margin-right:20px}
.support_intro_Form ul li img{width:100%}
.support_intro_Form p{display:block;margin-top:10px}

.waterTable2{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #ececec;border-collapse:collapse;word-break:break-all}
.waterTable2 tr th, .waterTable2 tr td{padding:7px !important;border:1px solid #ececec;font-size:12px;color:#666;text-align:center;vertical-align:middle}
.waterTable2 tr td{text-align:left}
.waterTable2 th{color:#323232;font-size:13px;font-weight:bold;background:#f7f8fb}
.waterTable2 th:first-child, .waterTable2 td:first-child{border-left:0 !important}
.waterTable2 th:last-child, .waterTable2 td:last-child{border-right:0 !important}

.graycontentBox{display:block;margin-bottom:20px;padding:15px;background:#f8f8f8;text-align:center}



.idpwBoxForm{position:relative;overflow:hidden;margin:5%;border-radius:20px;border:1px solid #3695c2}
.idpwBoxForm ul{overflow:hidden;padding:5%}
.idpwBoxForm ul li.L{float:left;width:30%}
.idpwBoxForm ul li.txt{float:left;width:60%;margin-left:4.5%;padding-left:4.5%;border-left:1px solid #9bcae1;text-align:left;line-height:18px}
.idpwBoxForm ul li.txt > .blue{margin-bottom:10px;font-size:16px;color:#047ab3;font-weight:bold}

.nloginBox{clear:both;display:block;overflow:hidden;margin-top:10px;padding:20px;background:#ececec;text-allign:center}
.nloginBox dl{overflow:hidden}
.nloginBox dl dt{float:left;width:65%;margin-right:5%;text-align:right}
.nloginBox dl dt p label{font-size:14px;color:#494949;font-weight:bold;text-align:right;padding-right:3%}
.nloginBox input[type="text"], .idpwBoxForm input[type="password"]{width:50%;padding:10px;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
.nloginBox .chargeSelect{width:55%;margin-top:5px;padding:10px;border:1px solid #f2f2f2;border-top:1px solid #b2b2b2}
.nloginBox input[type="password"]{margin-top:5px}
.nloginBox dl dd{float:left;width:30%;margin-top:20px;text-align:left}
.nloginBox dl dd input[type="submit"]{cursor:pointer;display:block;width:42px;border:0;background:url(/web/images/comm/btn_on.png) 0 0 no-repeat;font-size:13px;color:#fff;font-weight:bold;text-align:center;line-height:42px;vertical-align:middle}
.nloginBox > p{margin-top:10px}



/* 검색창 한글 우선입력 */
input[type="text"]{ime-mode:active;}
textarea{ime-mode:active;}

@media all and (max-width: 767px){
	.wAuto dd .br{display:inline}
	.mobWidth{width:auto !important;padding:0 15px}
	.mB40 .br{display:block;margin-top:10px}
	
	.mobmT30{margin-top:30px !important}
	
	.damListmap{display:none}
	.img > .mob_img{max-width:100% !important}
	
	.clickBtnForm{position:relative;overflow:hidden;margin:0 5px}
	.clickBtnForm ul li a{display:block;float:left;width:23.5%;height:30px;margin:0 1% 1% 0;border:1px solid #ddd;font-size:1em;color:#085d86;text-align:center;line-height:30px}
	.clickBtnForm ul li a.construct{color:#12a3cc}
	.clickBtnForm ul li a:nth-child(4n+4){margin:0 0 1% 0}
	.clickBtnForm ul li a:hover{background:#047ab3;color:#fff}
	
	.support_intro_Form ul li{float:left;width:48%;margin-right:2%}
	.support_intro_Form ul li.mR0{float:right;width:48%;margin-right:0}
	
	
	.idpwBoxForm ul li.L{float:none;width:100%}
	.idpwBoxForm ul li.txt{float:none;width:100%;margin-left:0%;margin-top:20px;padding-left:0%;border-left:0;text-align:center}
	.nloginBox dl dt{float:none;width:100%;margin-right:0%;text-align:center}
	.nloginBox input[type="text"]{margin-left:12px}
	.nloginBox input[type="text"], .idpwBoxForm input[type="password"]{width:65%;padding:10px}
	.nloginBox .chargeSelect{width:69%;padding:10px}
	.nloginBox input[type="password"], .nloginBox .chargeSelect{margin-top:5px}
	.nloginBox dl dd{display:block;float:none;width:100%;margin-top:20px;text-align:center}
	.nloginBox dl dd input[type="submit"]{cursor:pointer;clear:both;display:inline-block}
	.mob_mR-5{margin-right:-5px}
	.mob_mR10{margin-right:10px}
	.mob_mR12{margin-right:12px}
	.mob_mR22{margin-right:22px}
	
}








@media all and (max-width: 640px){
	.titleBox{position:relative;overflow:hidden;padding:15px;border:1px solid #eee;background:url('/web/images/busi/outline_titlebg.gif') repeat}
	.titleBox > p{float:none;display:none}
	
}	
	






@media all and (max-width: 568px){	

	.busiTabList ul li.L, .busiTabList2 ul li.L{float:none;width:100%}
	.busiTabList ul li.R, .busiTabList2 ul li.R{float:none;width:100%}
	.busiTabList ul li span{margin-top:20px}	

	.busiTabList2 ul li span.R{float:left;width:100%;margin-top:20px;margin-right:0}
	
	.clickBtnForm ul li a{width:32%}
	.clickBtnForm ul li a:nth-child(4n+4){margin:0 1% 1% 0}
	.clickBtnForm ul li a:nth-child(3n+3){margin:0 0 1% 0}
	
}






@media all and (max-width: 480px){
	.divideForm ul li.L{float:none;width:100%;margin-right:0}
	.divideForm ul li.R{float:none;width:100%;margin-top:10px;text-align:center}
	.divideForm2 ul li{float:none;width:100%;margin-top:15px}
	
	.supplyintroForm ul li, .supplyintroForm ul li.R{float:none;width:99.5%;margin-top:20px}
	.supplyintroForm ul li:first-child{margin-top:0 !important}
	.supplyintroForm ul li dl dd.mT19{margin-top:0 !important}
	
	.divideForm3 ul li{float:none;width:100%;margin-top:15px}
	
	.support_intro_Form ul li{float:none;width:100%;margin-right:0;margin-bottom:10px}
	.support_intro_Form ul li.mR0{float:none;width:100%;margin-right:0;margin-bottom:0px}
	
	.nloginBox input[type="text"], .idpwBoxForm input[type="password"]{width:55%;padding:10px}
	.nloginBox .chargeSelect{width:61%;padding:10px}
	
	.mob_block{display:block !important;margin-top:10px !important;margin-left:0 !important}
	
	
}

@media all and (max-width: 360px){
	
	.clickBtnForm ul li a{width:48%}
	.clickBtnForm ul li a:nth-child(4n+4){margin:0 1% 1% 0}
	.clickBtnForm ul li a:nth-child(3n+3){margin:0 1% 1% 0}
	.clickBtnForm ul li a:nth-even{margin:0 0 1% 0}
	
}




@media all and (max-width: 320px){
	.supplyintroForm ul li, .supplyintroForm ul li.R{float:none;width:98.5%;margin-top:20px}
	.supplyintroForm ul li dl dd a{margin-top:10px}
	
}	


/*** 기관소개 ***/
/* 인사말 */
.greeting {width:100%; height:auto;}
.greeting:after {content:::; display:blck; clear:both;}
.greeting img {display:block; float:left; margin:0 30px 450px 0; width:25%; min-width:120px;}
.greeting h2 {margin-top:0;}
.greeting p {line-height:20px;}
.greeting p.sign {font-weight:600; text-align:right; margin-top:30px; font-size:16px;}


/*** 주요사업 ***/
.busi_h2 {color:#11a3cc; font-size:20px; line-height:28px; font-weight:600; margin-bottom:15px; min-height:26px; background:url(/web/images/busi/h2_bul.jpg) no-repeat left top; padding:0 0 0 30px;}
.busi_summery {width:auto; background:#f8f8f8; padding:30px 30px 30px 150px; margin:0 0 40px 0; height:auto; min-height:90px;} 
.busi_summery p {line-height:18px;}
.busi_summery.ty1 {background:#f8f8f8 url(/web/images/busi/busi_summery_ico01.png) no-repeat 30px 50%;}
.busi_summery.ty1 p {padding-top:7px;}

	/* 통합물관리사업 - 사업내용 */						
	.water_management_chart {width:100%; height:auto;}
	.water_management_chart img {display:block; margin:0 auto; width:100%;}
	.water_management {width:100%; height:auto; margin-top:60px;}
	.water_management li {margin-top:60px;}
	.water_management li:first-child {margin-top:0;}
	.water_management li .title {width:auto; height:auto; min-height:90px; padding:30px 30px 30px 150px; position:relative;}
	.water_management li .title span {display:block; width:88px; height:88px; position:absolute; left:30px; top:50%; margin-top:-45px; overflow:hidden; border:1px solid #d4d5d5; text-align:center; font-size:19px;
	-moz-border-radius:45px; -ms-border-radius:45px; -o-border-radius:45px; -webkit-border-radius:45px; border-radius:45px;}
	.water_management li .title p {line-height:18px;}
	.water_management li .title .subject {font-size:18px; line-height:24px; margin-bottom:10px;} 
	.water_management li .work {margin-top:30px;}
	.water_management li .work:after {content:""; display:block; clear:both;}
	.water_management li .work li {margin:0; float:left; width:33.333%; text-align:center;}
	.water_management li .work li p {margin:0 auto; width:198px; height:60px; color:#fff; padding:21px 15px 0 0; font-size:15px;}
	.water_management li img {display:block; margin:30px auto 0 auto; width:100%;}
	.water_management li.cont1 .title {background:#e5f1f7;}
	.water_management li.cont1 .title span {color:#11a3cc; background:url(/web/images/busi/water_management_numbg1.jpg) no-repeat center top;}
	.water_management li.cont1 .title .subject {color:#11a3cc;}
	.water_management li.cont1 .work li p {background:url(/web/images/busi/water_management_workbg1.png) no-repeat center top;}
	.water_management li.cont2 .title {background:#e7f6fa;}
	.water_management li.cont2 .title span {color:#037ab2; background:url(/web/images/busi/water_management_numbg2.jpg) no-repeat center top;}
	.water_management li.cont2 .title .subject {color:#037ab2;}
	.water_management li.cont2 .work li p {background:url(/web/images/busi/water_management_workbg2.png) no-repeat center top;}
	.water_management li.cont3 .title {background:#fff2e7;}
	.water_management li.cont3 .title span {color:#fe7c13; background:url(/web/images/busi/water_management_numbg3.jpg) no-repeat center top;}
	.water_management li.cont3 .title .subject {color:#fe7c13;}
	.water_management li.cont3 .work li p {background:url(/web/images/busi/water_management_workbg3.png) no-repeat center top;}
	.water_management li.cont4 .title {background:#f1f8e9;}
	.water_management li.cont4 .title span {color:#72ba2c; background:url(/web/images/busi/water_management_numbg4.jpg) no-repeat center top;}
	.water_management li.cont4 .title .subject {color:#72ba2c;}
	.water_management li.cont4 .work li p {background:url(/web/images/busi/water_management_workbg4.png) no-repeat center top;}

	/* 통합물관리사업 - 사업내용 2017-02-07 */			
	.new_water_management_chart {width:100%; height:auto;}
	.new_water_management_chart img {display:block; margin:0 auto; width:100%;}
	.new_water_management {width:100%; height:auto; margin-top:60px;}
	.new_water_management li {margin-top:60px;}
	.new_water_management li:first-child {margin-top:0;}
	.new_water_management li .title {width:auto; height:auto; min-height:90px; padding:30px 30px 30px 150px; position:relative;}
	.new_water_management li .title span {display:block; width:88px; height:88px; position:absolute; left:30px; top:30px; overflow:hidden; border:1px solid #d4d5d5; text-align:center; font-size:19px;
	-moz-border-radius:45px; -ms-border-radius:45px; -o-border-radius:45px; -webkit-border-radius:45px; border-radius:45px;}
	.new_water_management li .title p {line-height:18px;}
	.new_water_management li .title .subject {font-size:18px; line-height:24px; margin-bottom:10px;} 
	.new_water_management li .work {margin-top:30px;}
	.new_water_management li .work:after {content:""; display:block; clear:both;}
	.new_water_management li .work li {margin:8px 0 0 0; padding:0 0 0 15px; background:url(/web/images/busi/facility_map_bul.gif) no-repeat 5px 7px;}
	.new_water_management li .work li p {margin:0; background:none !important;}
	.new_water_management li img {display:block; margin:30px auto 0 auto; width:100%;}
	.new_water_management li.cont1 .title {background:#e5f1f7;}
	.new_water_management li.cont1 .title span {color:#11a3cc; background:url(/web/images/busi/new_water_management_numbg1.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont1 .title .subject {color:#037ab2; font-weight:bold;}
	.new_water_management li.cont1 .work li p.work1 {background:url(/web/images/busi/new_water_management_workbg1.png) no-repeat center top;}
	.new_water_management li.cont1 .work li p.work2 {background:url(/web/images/busi/new_water_management_workbg2.png) no-repeat center top;}
	.new_water_management li.cont1 .work li p.work3 {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}
	.new_water_management li.cont2 .title {background:#fff7e7;}
	.new_water_management li.cont2 .title span {color:#f28421; background:url(/web/images/busi/new_water_management_numbg2.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont2 .title .subject {color:#f28421; font-weight:bold;}
	.new_water_management li.cont2 .work li p.work1 {background:url(/web/images/busi/new_water_management_workbg1.png) no-repeat center top;}
	.new_water_management li.cont2 .work li p.work2 {background:url(/web/images/busi/new_water_management_workbg2.png) no-repeat center top;}
	.new_water_management li.cont2 .work li p.work3 {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}
	.new_water_management li.cont3 .title {background:#e7f6fa;}
	.new_water_management li.cont3 .title span {color:#11a3cc; background:url(/web/images/busi/new_water_management_numbg3.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont3 .title .subject {color:#11a3cc; font-weight:bold;}
	.new_water_management li.cont3 .work li p.work1 {background:url(/web/images/busi/new_water_management_workbg1.png) no-repeat center top;}
	.new_water_management li.cont3 .work li p.work2 {background:url(/web/images/busi/new_water_management_workbg2.png) no-repeat center top;}
	.new_water_management li.cont3 .work li p.work3 {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}
	.new_water_management li.cont4 .title {background:#e5f1f7;}
	.new_water_management li.cont4 .title span {color:#11a3cc; background:url(/web/images/busi/new_water_management_numbg4.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont4 .title .subject {color:#037ab2; font-weight:bold;}
	.new_water_management li.cont4 .work li p.work1 {background:url(/web/images/busi/new_water_management_workbg1.png) no-repeat center top;}
	.new_water_management li.cont4 .work li p.work2 {background:url(/web/images/busi/new_water_management_workbg2.png) no-repeat center top;}
	.new_water_management li.cont4 .work li p.work3 {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}
	.new_water_management li.cont5 .title {background:#fff7e7;}
	.new_water_management li.cont5 .title span {color:#f28421; background:url(/web/images/busi/new_water_management_numbg5.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont5 .title .subject {color:#f28421; font-weight:bold;}
	.new_water_management li.cont5 .work li p.work1 {background:url(/web/images/busi/new_water_management_workbg1.png) no-repeat center top;}
	.new_water_management li.cont5 .work li p.work2 {background:url(/web/images/busi/new_water_management_workbg2.png) no-repeat center top;}
	.new_water_management li.cont5 .work li p.work3 {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}
	.new_water_management li.cont6 .title {background:#e7f6fa;}
	.new_water_management li.cont6 .title span {color:#11a3cc; background:url(/web/images/busi/new_water_management_numbg6.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont6 .title .subject {color:#11a3cc; font-weight:bold;}
	.new_water_management li.cont6 .work li p {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}
	.new_water_management li.cont6 .title .txt {color:#e34064; font-size:15px; font-weight:600; padding:15px 0px 0px 0px;}
	.new_water_management li.cont7 .title {background:#e5f1f7;}
	.new_water_management li.cont7 .title span {color:#11a3cc; background:url(/web/images/busi/new_water_management_numbg7.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont7 .title .subject {color:#037ab2; font-weight:bold;}
	.new_water_management li.cont7 .work li p {background:url(/web/images/busi/new_water_management_workbg1.png) no-repeat center top;}
	.new_water_management li.cont8 .title {background:#fff7e7;}
	.new_water_management li.cont8 .title span {color:#f28421; background:url(/web/images/busi/new_water_management_numbg8.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont8 .title .subject {color:#f28421; font-weight:bold;}
	.new_water_management li.cont8 .work li p {background:url(/web/images/busi/new_water_management_workbg2.png) no-repeat center top;}
	.new_water_management li.cont9 .title {background:#e7f6fa;}
	.new_water_management li.cont9 .title span {color:#11a3cc; background:url(/web/images/busi/new_water_management_numbg9.jpg) no-repeat center top; font-weight:bold;}
	.new_water_management li.cont9 .title .subject {color:#11a3cc; font-weight:bold;}
	.new_water_management li.cont9 .work li p {background:url(/web/images/busi/new_water_management_workbg3.png) no-repeat center top;}


	/* 통합물관리사업 - 유역시범사업 */
	.watershed_issue1 {width:100%; height:auto; margin-top:30px;}
	.watershed_issue1:after {content:""; display:block; clear:both;}
	.watershed_issue1 li {float:left; width:25%; text-align:center;}
	.watershed_issue1 li span {display:block; height:auto; min-height:53px; margin:0 0 0 -8px; padding:12px 0 0 0; color:#000; font-size:15px;
	-moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); 
	-moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; -webkit-border-radius:40px; border-radius:40px;}
	.watershed_issue1 li:first-child span {margin-left:0;}
	.watershed_issue1 li span.bn01 {border:8px solid #037ab2;}
	.watershed_issue1 li span.bn02 {border:8px solid #11a3cc;}
	.watershed_issue1 li span.bn03 {border:8px solid #fead13;}
	.watershed_issue1 li span.bn04 {border:8px solid #037ab2;}
	.watershed_issue2 {width:100%; height:auto; margin-top:30px;}
	.watershed_issue2 dt {text-align:center; font-size:18px; line-height:24px; font-weight:600; color:#037ab2; padding-top:25px; background:url(/web/images/busi/page_b1.jpg) no-repeat center top;}
	.watershed_issue2 dd {margin-top:30px;}
	.watershed_issue2 dd img {display:block; margin:0 auto; width:100%; max-width:735px;}
	
	/* 통합물관리사업 - 수자원시설현황 */
	.facility_map {width:auto; height:auto !important; position:relative; padding:0 0 0 0; margin:0 0 0 0;}
	.facility_map img {display:block; width:100%; max-width:100%;}
	.facility_map ul {width:300px; height:auto; position:absolute; right:0; top:0;}
	.facility_map ul li {border:1px solid #cbcbcb; margin-top:10px; padding:10px 15px; position:relative;}
	.facility_map ul li:first-child {margin-top:0;} 
	.facility_map ul li a {display:block; text-decoration:none;}
	.facility_map ul li p {color:#037ab2; font-size:16px; line-height:22px; font-weight:600; margin:0 0 5px 0;}
	.facility_map ul li ul {position:relative; right:auto; top:auto; width:auto;}
	.facility_map ul li ul li {border:0; margin-top:3px; padding:0 0 0 10px; background:url(/web/images/busi/facility_map_bul.gif) no-repeat 2px 9px;}
	.facility_map ul li a span.ico {display:block; width:38px; height:38px; border:1px solid #cbcbcb; background:#fff url(/web/images/busi/facility_map_bul2.gif) no-repeat center 50%; position:absolute; right:15px; top:50%; margin-top:-20px; -webkit-transition:all .2s ease; transition:all .2s ease;}
	.facility_map ul li a:hover span.ico, .facility_map ul li a:active span.ico {background:#cbcbcb url(/web/images/busi/facility_map_bul2.gif) no-repeat center 50%;}
	.facility_tab {display:none; width:100%; height:auto; position:relative; width:auto; height:auto; padding:35px 3.5%; margin-top:30px; background:#f8f8f8; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; display:none;}
	.facility_tab img {display:block; width:100%; max-width:575px;}
	.facility_tab h2 {color:#f28421; font-size:22px; line-height:28px; font-weight:600; margin:0 0 20px 0; min-height:26px; background:url(/web/images/busi/h5_bul.png) no-repeat left top; padding:0 0 0 30px;}
	.facility_tab h3 {font-size:16px; font-weight:600; color:#323232; margin-top:20px;}
	.facility_map.map06 {min-height:648px;}

	/* 통합물관리사업 - 댐주변지역 지원사업 현황 */
	.surround_support {width:100%; height:auto; margin-top:25px;}
	.surround_support:after {content:""; display:block; clear:both;}
	.surround_support li {float:left; width:16.666%;}
	.surround_support li span {display:block; margin:0 auto; width:82px; padding:90px 0 0 0; text-align:center; font-size:16px;} 
	.surround_support li.bn01 span {background:url(/web/images/busi/surround_support_bg01.png) no-repeat center top;}
	.surround_support li.bn02 span {background:url(/web/images/busi/surround_support_bg02.png) no-repeat center top;}
	.surround_support li.bn03 span {background:url(/web/images/busi/surround_support_bg03.png) no-repeat center top;}
	.surround_support li.bn04 span {background:url(/web/images/busi/surround_support_bg04.png) no-repeat center top;}
	.surround_support li.bn05 span {background:url(/web/images/busi/surround_support_bg05.png) no-repeat center top;}
	.surround_support li.bn06 span {background:url(/web/images/busi/surround_support_bg06.png) no-repeat center top;}
	.surround_target {width:100%; height:auto; margin-top:25px;}
	.surround_target li {width:100%; margin-top:25px;}
	.surround_target li:first-child {margin-top:0;}
	.surround_target li dl {width:auto; height:auto; min-height:76px; padding:0 0 0 32%; position:relative;}
	.surround_target li dl dt {position:absolute; left:0; top:0; width:32%;}
	.surround_target li dl dt span {display:block; text-align:center; margin-right:20px; height:42px; padding:18px 0 0 0; font-size:16px; overflow:hidden;
	-moz-border-radius:38px; -ms-border-radius:38px; -o-border-radius:38px; -webkit-border-radius:38px; border-radius:38px;}
	.surround_target li dl dd {width:auto; padding-top:29px;}
	.surround_target li.cont1 dl dt span {border:8px solid #037ab2;}
	.surround_target li.cont1 dl dd {padding-top:21px;}
	.surround_target li.cont2 dl dt span {border:8px solid #11a3cc;}
	.surround_target li.cont3 dl dt span {border:8px solid #fead13;}
	.surround_target_img {width:100%; height:auto; position:relative; text-align:center; margin-top:20px; padding:40px 0 10px 0;}
	.surround_target_img span {display:inline-block; vertical-align:top; margin:0 5px 15px 5px; position:relative; z-index:10;}
	.surround_target_img span img {display:block; border:1px solid #e0e0e0; margin:0 auto 5px auto;}
	.surround_target_img span.trianglebg {display:block; margin:0; position:absolute; z-index:1}
	.surround_target_img span.trianglebg.ty1 {width:134px; height:134px; left:0; top:0; background:url(/web/images/busi/surround_target_bg1.png) no-repeat left top;}
	.surround_target_img span.trianglebg.ty2 {width:92px; height:107px; right:0; bottom:0; background:url(/web/images/busi/surround_target_bg2.png) no-repeat left top;}

	/* 건강한물공급사업 - 사업내용 */
	.busi_summery.ty2 {background:#f8f8f8 url(/web/images/busi/busi_summery_ico02.png) no-repeat 30px 50%;}
	.busi_summery.ty2 p.title {color:#085d86; font-size:18px; font-weight:600; line-height:24px; margin-bottom:15px;}
	.busi_summery.ty2 ul {width:auto;}
	.busi_summery.ty2 ul li {padding:0 0 0 10px; background:url(/web/images/busi/facility_map_bul.gif) no-repeat left 8px; margin-top:5px;}
	.busi_summery.ty2 ul li:first-child {margin-top:0;}
	.water_supply_sum {width:100%; height:auto; margin-bottom:30px;}
	.water_supply_sum img {display:block; width:100%;}
	.water_supply {width:100%; height:auto; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #e2e2e2;}
	.water_supply:after {content:""; display:block; clear:both;}
	.water_supply .img {float:left; width:47%; margin-right:3%;}
	.water_supply .img span {display:block; border:1px solid #dadbdb; padding:3px;}
	.water_supply .img span img {display:block; width:100%; margin:0 auto;}
	.water_supply .img p {font-size:15px; font-weight:600; margin-top:5px;}
	.water_supply .txt {float:left; width:50%;}
	.water_supply .txt p {line-height:20px;}
	.water_supply .txt .ac_txt {color:#f27e16; font-size:15px; font-weight:600;}
	.water_supply.fl_none .img {float:none; width:auto; margin-right:0;}
	.water_supply.fl_none .txt {float:none; width:auto; margin-top:20px;}

	/* 건강한물공급사업 - SWC시범사업 */
	.swc_chart {width:100%; height:auto;}
	.swc_chart img {display:block; margin:0 auto; width:100%;}
	.swc_txt {width:auto; padding:20px 25px; background:#e7f6fa; line-height:18px;}
	.swc_img {width:100%; height:auto; margin-top:30px;}
	.swc_img img {display:block; width:100%;}
	.swc_list {width:100%; height:auto;}
	.swc_list:after {content:""; display:block; clear:both;}
	.swc_list li {float:left; width:49%; margin-right:2%; margin-bottom:40px;}
	.swc_list li + li + li + li + li {margin-bottom:0;}
	.swc_list li.even {margin-right:0;}
	.swc_list li h3 {font-size:15px; font-weight:600; margin-bottom:0; min-height:40px;}
	.swc_list li div:after {content:""; display:block; clear:both;}
	.swc_list li div span {display:block; width:46%; float:left; position:relative;}
	.swc_list li div span span.num {width:28px; height:24px; line-height:24px; text-align:center; color:#fff; position:absolute; left:0; top:0;}
	.swc_list li div span img {display:block; width:100%;}
	.swc_list li div p {display:block; width:44%; float:left; padding:20px 5%; line-height:18px;} 
	.swc_list li.list05 {margin-bottom:0;}
	.swc_list li.list01 h3 {color:#085d86;}
	.swc_list li.list02 h3 {color:#085d86;}
	.swc_list li.list03 h3 {color:#12a3cc;}
	.swc_list li.list04 h3 {color:#12a3cc;}
	.swc_list li.list05 h3 {color:#fead12;}
	.swc_list li.list06 h3 {color:#fead12;}
	.swc_list li.list01 div {border:1px solid #085d86; background:#e6eef3;}
	.swc_list li.list02 div {border:1px solid #085d86; background:#e6eef3;}
	.swc_list li.list03 div {border:1px solid #12a3cc; background:#e7f6fa;}
	.swc_list li.list04 div {border:1px solid #12a3cc; background:#e7f6fa;}
	.swc_list li.list05 div {border:1px solid #fead12; background:#fff7e7;}
	.swc_list li.list06 div {border:1px solid #fead12; background:#fff7e7;}
	.swc_list li.list01 div span span.num {background:#085d86;}
	.swc_list li.list02 div span span.num {background:#085d86;}
	.swc_list li.list03 div span span.num {background:#12a3cc;}
	.swc_list li.list04 div span span.num {background:#12a3cc;}
	.swc_list li.list05 div span span.num {background:#fead12;}
	.swc_list li.list06 div span span.num {background:#fead12;}
	
	/* 건강한물공급사업 - 건강한물공급사업 */
	.supply_facility {width:100%; height:auto;}
	.supply_facility li {border-bottom:1px solid #e2e2e2; padding:40px 0 40px 0; position:relative;}
	.supply_facility li:first-child {padding-top:20px;}
	.supply_facility li .summery {width:auto; position:relative; padding:25px 25px 25px 270px; height:auto; min-height:113px; background:#33b7e8; border:1px solid #33b7e8; color:#fff; overflow:hidden;}
	.supply_facility li .summery span {display:block; position:absolute; left:0; top:0; z-index:10;}
	.supply_facility li .summery span span.num {background:#33b7e8; width:28px; height:24px; line-height:24px; text-align:center; color:#fff;}
	.supply_facility li .summery p {line-height:18px;}
	.supply_facility li .more_btn {display:block; margin:20px auto 0 auto; background:#f9aa00; color:#fff; text-align:center; font-size:15px; padding:10px 0; width:130px;}
	.supply_facility li .more_btn span {display:inline-block; vertical-align:top; padding:0 18px 0 0; background:url(/web/images/busi/supply_facility_more.png) no-repeat right 50%;}
	.supply_facility li .more_btn.on span {background:url(/web/images/busi/supply_facility_more_on.png) no-repeat right 50%;}
	.supply_facility li.even .summery {color:#494949; background:#fff;}
	.supply_facility li .more_cont {width:auto; height:auto; padding:35px 3.5%; margin-top:30px; background:#f8f8f8; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; display:none;}
	.supply_facility li .more_cont dl.cont_summ {width:auto; margin-bottom:30px; background:#fff; border:3px solid #037ab2; padding:25px 3% 30px 3%;}
	.supply_facility li .more_cont dl.cont_summ dt {font-size:18px; line-height:24px; color:#f99200; margin:0 0 15px 0;}
	.supply_facility li .more_cont dl.cont_summ dd {line-height:18px;}
	.supply_facility li .more_cont table td {background:#fff;}
	.supply_facility li .more_cont .link_btn {width:100%; height:auto; text-align:right; margin-top:25px;}
	.supply_facility li .more_cont .link_btn a {display:inline-block; vertical-align:top; background:#25bbdc url(/web/images/busi/supply_facility_btn.gif) no-repeat 94% 50%; color:#fff; padding:12px 32px 12px 20px; margin-left:10px;}
	.supply_facility li .more_cont .link_btn a:first-child {background:#037ab2 url(/web/images/busi/supply_facility_btn.gif) no-repeat 94% 50%; margin-left:0;}
	.supply_facility li .more_cont .list {width:auto; padding:0 0 0 260px; position:relative; min-height:148px;}
	.supply_facility li .more_cont .list span.img {display:block; position:absolute; left:0; top:0; border:1px solid #d4d4d4; background:#fff; padding:3px;}
	.supply_facility li .more_cont .list span.img img {display:block;}
	.supply_facility li .more_cont .list dl {width:auto;}
	.supply_facility li .more_cont .list dl dt {color:#037ab2; font-size:15px; margin:0 0 10px 0;}	
	.supply_facility li .more_cont .list dl dd {line-height:18px;}
	.supply_facility li .more_cont .state_img {width:100%;}
	.supply_facility li .more_cont .state_img img {display:block; width:100%; max-width:740px; margin:0 auto;}

	/* 수변사업 - 사업현황 */
	.busi_summery.ty3 {background:#f8f8f8 url(/web/images/busi/busi_summery_ico03.png) no-repeat 30px 50%;}
	.busi_summery.ty3 p.title {color:#085d86; font-size:18px; font-weight:600; line-height:24px; margin-bottom:15px;}
	.waterside_info {width:100%; height:auto; margin-bottom:50px;}
	.waterside_info:after {content:""; display:block; clear:both;}
	.waterside_info li {float:left; width:32.333%; text-align:center; margin:0 0.5%;}
	.waterside_info li span {display:block; font-size:18px; color:#037ab2; font-weight:600; margin:0 0 15px 0; padding:25px 0 0 0; background:url(/web/images/busi/page_b1.jpg) no-repeat center top;}
	.waterside_info li img {display:block; margin:0 auto; width:100%; max-width:257px;}
	.waterside_list {width:100%; height:auto;}
	.waterside_list li {border-top:1px solid #e2e2e2; padding:50px 0 40px 0;}
	.waterside_list li:first-child {border-top:0; padding-top:0;}
	.waterside_list li img {display:block; width:100%; max-width:730px; margin:30px auto 0 auto;}
	.waterside_list li div {width:auto; position:relative; padding:0 0 0 160px;}
	.waterside_list li div h2 {position:absolute; left:0; top:0; width:145px;}
	.waterside_list li div h2 strong {display:block; text-align:center; background:#27b2e6; color:#fff; font-size:16px; line-height:20px; padding:40px 0; margin-bottom:10px;}
	.waterside_list li div h2.even strong {background:#0178b0;}
	.waterside_list li div h2 span {display:block; color:#037ab2; line-height:18px;}
	.waterside_list li div img {display:block; width:100%; margin:0; max-width:100%;}
	.waterside_list li div h3 {font-size:15px; font-weight:600; color:#037ab2; margin:15px 0 10px 0;}
	.waterside_list li div ul {}
	.waterside_list li div ul li {border:0; padding:0 0 0 10px; margin-top:5px; line-height:18px; background:url(/web/images/busi/facility_map_bul.gif) no-repeat left 8px;}

	/* 청정에너지사업 - 사업현황 */
	.busi_summery.ty4 {background:#f8f8f8 url(/web/images/busi/busi_summery_ico04.png) no-repeat 30px 50%;}
	.busi_summery.ty4 p {padding-top:7px;}
	.purity_info {width:100%; height:auto; padding-top:20px;}
	.purity_info li {margin-top:40px;}
	.purity_info li:first-child {margin-top:0;}
	.purity_info li h2 {text-align:center; font-size:18px; line-height:24px; font-weight:600; color:#037ab2; padding-top:25px; background:url(/web/images/busi/page_b1.jpg) no-repeat center top;}
	.purity_info li .img {width:100%; height:auto; margin-top:20px;}
	.purity_info li .img:after {content:""; display:block; clear:both;}
	.purity_info li .img img {display:block; float:left; width:50%; max-width:397px;}
	
	/* 해외사업 - 사업내용 */
	.busi_summery.ty5 {background:#f8f8f8 url(/web/images/busi/busi_summery_ico05.png) no-repeat 30px 50%;}
	.oversea_img {width:100%; height:auto; margin:20px 0 20px 0;}
	.oversea_img img {display:block; width:100%; max-width:795px; margin:0 auto;}
	.oversea_busi {width:100%; height:auto;}
	.oversea_busi:after {content:""; display:block; clear:both;}
	.oversea_busi li {float:left; width:48.5%; margin:0 3% 0 0;}
	.oversea_busi li + li {margin-right:0;}
	.oversea_busi li + li + li {margin-right:3%; margin-top:25px;}
	.oversea_busi li + li + li + li {margin-right:0;}
	.oversea_busi li + li + li + li + li {margin-right:3%;}
	.oversea_busi li + li + li + li + li + li {margin-right:0;}
	.oversea_busi li + li + li + li + li + li + li {margin-right:3%;}
	.oversea_busi li + li + li + li + li + li + li + li {margin-right:0;}
	.oversea_busi li + li + li + li + li + li + li + li + li {margin-right:3%;}
	.oversea_busi li + li + li + li + li + li + li + li + li + li {margin-right:0;}
	.oversea_busi li div {width:auto; height:220px; position:relative; padding:30px 10% 0 10%;}
	.oversea_busi li div span.num {display:block; font-size:14px; width:27px; height:24px; line-height:24px; text-align:center; color:#fff; position:absolute; left:0; top:0;}
	.oversea_busi li div span.flag {display:block; width:56px; height:57px; position:absolute; right:5%; top:20px; background:url(/web/images/busi/oversea_busi_flag.png) no-repeat;}
	.oversea_busi li div span.flag.f01 {background-position:0 0;}
	.oversea_busi li div span.flag.f02 {background-position:0 -57px;}
	.oversea_busi li div span.flag.f03 {background-position:0 -114px;}
	.oversea_busi li div span.flag.f04 {background-position:0 -171px;}
	.oversea_busi li div span.flag.f05 {background-position:0 -228px;}
	.oversea_busi li div span.flag.f06 {background-position:0 -285px;}
	.oversea_busi li div span.flag.f07 {background-position:0 -342px;}
	.oversea_busi li div span.flag.f08 {background-position:0 -399px;}
	.oversea_busi li div span.flag.f09 {background-position:0 -456px;}
	.oversea_busi li div span.flag.f10 {background-position:0 -513px;}
	.oversea_busi li div span.flag.f11 {background-position:0 -574px;}
	.oversea_busi li div span.flag.f12 {background-position:0 -632px;}
	.oversea_busi li div span.flag.f13 {background-position:0 -689px;}
	.oversea_busi li div span.flag.f14 {background-position:0 -755px;}
	.oversea_busi li div .country {font-size:22px; line-height:28px; margin:0 0 10px 0; position:relative; font-weight:600; padding-top:7px;}
	.oversea_busi li div .country span {display:block; width:23px; height:2px; position:absolute; left:0; top:0;}
	.oversea_busi li div .txt {font-size:16px; line-height:22px; margin:0 0 15px 0; font-weight:600;}
	.oversea_busi li div ul {}
	.oversea_busi li div ul li {float:none; width:auto; margin:3px 0 0 0 !important; background:url(/web/images/busi/oversea_busi_bul.gif) no-repeat left 9px; padding:0 0 0 10px;}
	.oversea_busi.ty1 li div {border:1px solid #b9b9b9; background:url(/web/eng/images/busi/oversea_busi_bg.jpg) no-repeat right top;}
	.oversea_busi.ty1 li div span.num {background:#b9b9b9;}
	.oversea_busi.ty1 li div .country {color:#717171;}
	.oversea_busi.ty1 li div .country span {background:#717171;}
	.oversea_busi.ty2 li div {border:1px solid #f8aa00; background:url(/web/eng/images/busi/oversea_busi_bg2.jpg) no-repeat right top;}
	.oversea_busi.ty2 li div span.num {background:#f8aa00;}
	.oversea_busi.ty2 li div .country {color:#fe8c12;}
	.oversea_busi.ty2 li div .country span {background:#fe8c12;}
	.oversea_busi.ty3 li div {border:1px solid #33b7e8; background:url(/web/eng/images/busi/oversea_busi_bg3.jpg) no-repeat right top;}
	.oversea_busi.ty3 li div span.num {background:#33b7e8;}
	.oversea_busi.ty3 li div .country {color:#008cc0;}
	.oversea_busi.ty3 li div .country span {background:#008cc0;}
	.oversea_pdf {width:auto; border:1px solid #8099be; position:relative; padding:25px 25px 25px 200px; margin-bottom:40px;}
	.oversea_pdf p {font-size:16px; line-height:21px; font-weight:600; margin:0 0 15px 0;}
	.oversea_pdf .link_select {width:auto; height:auto; position:relative;}
	.oversea_pdf .link_select .btn {display:block; width:150px; border:1px solid #c4c4c4; padding:5px 10px; height:20px; line-height:20px; background:url(/web/images/busi/oversea_pdf_bul_off.png) no-repeat 92% 50%;}
	.oversea_pdf .link_select .btn.on {background:url(/web/images/busi/oversea_pdf_bul_on.png) no-repeat 92% 50%;}
	.oversea_pdf .link_select ul {position:absolute; left:0; bottom:32px; width:auto; border:1px solid #c4c4c4; width:160px; background:#fff; border-bottom:0; padding:5px; display:none;}
	.oversea_pdf .link_select ul li {}
	.oversea_pdf .link_select ul li a {display:block; padding:5px;}
	.oversea_pdf span.ico {position:absolute; left:0; top:0; width:170px; height:100%; display:block; background:#8099be url(/web/images/busi/oversea_pdf_ico.png) no-repeat center 50%;}
	.oversea_tab {margin:0; color:#fff; background:#0b69af; font-size:14px; text-align:center; padding:10px; width:100px;}
	.oversea_complete {width:100%; height:auto; border-top:2px solid #0b69af;}
	.oversea_complete li {width:100%; height:auto; padding:30px 0; border-top:1px solid #c4c4c4;}
	.oversea_complete li:after {content:""; display:block; clear:both;}
	.oversea_complete li:first-child {border-top:0;}
	.oversea_complete li .img {width:27%; float:left;}
	.oversea_complete li .img img {display:block; border:1px solid #c4c4c4; width:100%;}
	.oversea_complete li .txt {width:73%; float:left;}
	.oversea_complete li .txt h3 {font-size:16px; line-height:22px; font-weight:600; margin:0 0 15px 7%; position:relative; padding:0 0 0 40px;}
	.oversea_complete li .txt h3 span {position:absolute; left:0; top:0; display:block; text-align:center; color:#fff; background:#f8aa00; font-weight:normal; width:30px;}
	.oversea_complete li .txt ul {width:auto; margin-left:7%;}
	.oversea_complete li .txt ul li {padding:0; border:0; margin-top:20px;}
	.oversea_complete li .txt ul li:first-child {margin-top:0;}
	.oversea_complete li .txt ul li h4 {color:#037ab2; font-size:15px; line-height:20px; font-weight:600; margin:0 0 10px 0;}
	.oversea_complete li .txt ul li p {line-height:18px;}	
	
					
/*** 서브메인(고객광장) ***/
.submain_title {width:88%; height:auto; min-height:100px; background:url(/web/images/cust/cust_square_titlebg.gif) no-repeat right top; padding:55px 6% 0 6%; position:relative; margin:0 0 50px 0;}
.submain_title span.category {display:block; width:42px; height:37px; padding:5px 0 0 0; position:absolute; left:4%; top:0; text-align:center; color:#fff; font-size:13px; margin:0;}
.submain_title p {font-size:17px; line-height:24px; font-weight:600; margin:0;}
.submain_title p span {display:block; line-height:24px;}
.submain_title span.ico {display:block; width:120px; height:120px; background:#fff; position:absolute; right:8%; top:50%; margin-top:-60px; overflow:hidden;
-moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;
-moz-box-shadow:-1px 1px 2px #d9d9d9; -ms-box-shadow:-1px 1px 2px #d9d9d9; -o-box-shadow:-1px 1px 2px #d9d9d9; -webkit-box-shadow:-1px 1px 2px #d9d9d9; box-shadow:-1px 1px 2px #d9d9d9;
-moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}	
.submain_cont {width:100%; height:auto; border-bottom:1px solid #d5d5d5;}
.submain_cont li {width:100%; height:auto;}
.submain_cont li:after {content:""; display:block; clear:both;}
.submain_cont li .l_box {width:50%; float:left;}
.submain_cont li .l_box div {border-left:1px solid #d5d5d5; min-height:130px; padding:35px 6%; position:relative;}
.submain_cont li .l_box h2 {font-size:23px; line-height:28px; font-weight:600; margin:0 0 13px 0; padding-top:7px; position:relative;}
.submain_cont li .l_box h2 span {display:block; position:absolute; left:0; top:0; width:23px; height:2px; background:#000;}
.submain_cont li .l_box p {line-height:18px; margin-right:110px;}
.submain_cont li .l_box span.ico {display:block; position:absolute; right:4%; bottom:35px; width:100px; height:100px; background-position:center 50% !important;}
.submain_cont li .r_box {width:50%; float:left;}
.submain_cont li .r_box div {position:relative; width:auto; height:auto; min-height:200px;}
.submain_cont li .r_box ul {width:88%; padding:0 6% 0 6%; position:absolute; left:0; bottom:20px;}
.submain_cont li .r_box ul:after {content:""; display:block; clear:both;}
.submain_cont li .r_box ul li {width:50%; margin-top:5px;}
.submain_cont li .r_box ul li:first-child {margin-top:0;}
.submain_cont li .r_box ul li a {display:block; font-weight:600; padding:4px 8px; line-height:18px; border:1px solid #ccc; background:#fff url(/web/images/cust/cust_square_bul.gif) no-repeat 92% 50%;
-moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);
-webkit-transition:all .3s ease; transition:all .3s ease;}
.submain_cont li .r_box ul li a:hover, .submain_cont li .r_box ul li a:active {background-position:96% 50%;}
 
	/* 고객지원 */
	.submain_title span.category.support {background:url(/web/images/cust/cust_support_categorybg.png) no-repeat center top;}
	.submain_title span.ico.support {background:#fff url(/web/images/cust/cust_support_title_ico.png) no-repeat 50% 50%;}
	.customer_support li.cont1 .l_box {background:#33b7e8;}
	.customer_support li.cont1 .l_box div {border-left:0;}
	.customer_support li.cont1 .l_box h2 {color:#fff;}
	.customer_support li.cont1 .l_box h2 span {background:#fff;}
	.customer_support li.cont1 .l_box p {color:#d0ebf8;}
	.customer_support li.cont1 .l_box p.call {font-size:18px; color:#fff600; margin-top:10px;}
	.customer_support li.cont1 .l_box span.ico {background:url(/web/images/cust/cust_support_ico01.png) no-repeat;}
	.customer_support li.cont2 .l_box {background:#fff;}
	.customer_support li.cont2 .l_box h2 {color:#12a0d4;}
	.customer_support li.cont2 .l_box h2 span {background:#12a0d4;}
	.customer_support li.cont2 .l_box p {color:#838383;}
	.customer_support li.cont2 .l_box span.ico {background:url(/web/images/cust/cust_support_ico02.png) no-repeat;}
	.customer_support li.cont3 .l_box {background:#ed3b67;}
	.customer_support li.cont3 .l_box div {border-left:0;}
	.customer_support li.cont3 .l_box h2 {color:#fff;}
	.customer_support li.cont3 .l_box h2 span {background:#fff;}
	.customer_support li.cont3 .l_box p {color:#fad2d9;}
	.customer_support li.cont3 .l_box span.ico {background:url(/web/images/cust/cust_support_ico03.png) no-repeat;}
	.customer_support li.cont4 .l_box {background:#fff;}
	.customer_support li.cont4 .l_box h2 {color:#12a0d4;}
	.customer_support li.cont4 .l_box h2 span {background:#12a0d4;}
	.customer_support li.cont4 .l_box p {color:#838383;}
	.customer_support li.cont4 .l_box span.ico {background:url(/web/images/cust/cust_support_ico04.png) no-repeat;}
	.customer_support li.cont1 .r_box div {min-height:190px; border:5px solid #33b7e8; border-left:0; background:url(/web/images/cust/cust_support_bg01.jpg) no-repeat right top;}
	.customer_support li.cont2 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/cust/cust_support_bg02.jpg) no-repeat right top;}
	.customer_support li.cont3 .r_box div {min-height:190px; border:5px solid #ed3b67; border-left:0; background:url(/web/images/cust/cust_support_bg03.jpg) no-repeat right top;}
	.customer_support li.cont4 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/cust/cust_support_bg04.jpg) no-repeat right top; border-left:1px solid #d5d5d5;}

	/* 고객광장 */
	.submain_title span.category.square {background:url(/web/images/cust/cust_square_categorybg.png) no-repeat center top;}
	.submain_title span.ico.square {background:#fff url(/web/images/cust/cust_square_title_ico.png) no-repeat center 50%;}
	.customer_square li.cont1 .l_box {background:#33b7e8;}
	.customer_square li.cont1 .l_box div {border-left:0;}
	.customer_square li.cont1 .l_box h2 {color:#fff;}
	.customer_square li.cont1 .l_box h2 span {background:#fff;}
	.customer_square li.cont1 .l_box p {color:#d0ebf8;}
	.customer_square li.cont1 .l_box span.ico {background:url(/web/images/cust/cust_square_ico01.png) no-repeat;}
	.customer_square li.cont2 .l_box {background:#fff;}
	.customer_square li.cont2 .l_box h2 {color:#12a0d4;}
	.customer_square li.cont2 .l_box h2 span {background:#12a0d4;}
	.customer_square li.cont2 .l_box p {color:#838383;}
	.customer_square li.cont2 .l_box span.ico {background:url(/web/images/cust/cust_square_ico02.png) no-repeat;}
	.customer_square li.cont3 .l_box {background:#f9aa00;}
	.customer_square li.cont3 .l_box div {border-left:0;}
	.customer_square li.cont3 .l_box h2 {color:#fff;}
	.customer_square li.cont3 .l_box h2 span {background:#fff;}
	.customer_square li.cont3 .l_box p {color:#fde8cb;}
	.customer_square li.cont3 .l_box span.ico {background:url(/web/images/cust/cust_square_ico03.png) no-repeat;}
	.customer_square li.cont4 .l_box {background:#fff;}
	.customer_square li.cont4 .l_box h2 {color:#12a0d4;}
	.customer_square li.cont4 .l_box h2 span {background:#12a0d4;}
	.customer_square li.cont4 .l_box p {color:#838383;}
	.customer_square li.cont4 .l_box span.ico {background:url(/web/images/cust/cust_square_ico04.png) no-repeat;}
	.customer_square li.cont1 .r_box div {min-height:190px; border:5px solid #33b7e8; border-left:0; background:url(/web/images/cust/cust_square_bg01.jpg) no-repeat right top;}
	.customer_square li.cont2 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/cust/cust_square_bg02.jpg) no-repeat right top;}
	.customer_square li.cont3 .r_box div {min-height:190px; border:5px solid #f9aa00; border-left:0; background:url(/web/images/cust/cust_square_bg03.jpg) no-repeat right top;}
	.customer_square li.cont4 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/cust/cust_square_bg04.jpg) no-repeat right top;}



/*** 서브메인(열린경영) ***/	
	/* 물이야기 */
	.submain_title span.category.story {background:url(/web/images/info/info_story_categorybg.png) no-repeat center top; height:47px; padding:2px 0 0 0;}
	.submain_title span.ico.story {background:#fff url(/web/images/info/info_story_title_ico.png) no-repeat 60% 50%;}
	.operation_story li.cont1 .l_box {background:#33b7e8;}
	.operation_story li.cont1 .l_box div {border-left:0;}
	.operation_story li.cont1 .l_box h2 {color:#fff;}
	.operation_story li.cont1 .l_box h2 span {background:#fff;}
	.operation_story li.cont1 .l_box p {color:#d0ebf8;}
	.operation_story li.cont1 .l_box span.ico {background:url(/web/images/info/info_story_ico01.png) no-repeat;}
	.operation_story li.cont2 .l_box {background:#fff;}
	.operation_story li.cont2 .l_box h2 {color:#12a0d4;}
	.operation_story li.cont2 .l_box h2 span {background:#12a0d4;}
	.operation_story li.cont2 .l_box p {color:#838383;}
	.operation_story li.cont2 .l_box span.ico {background:url(/web/images/info/info_story_ico02.png) no-repeat;}
	.operation_story li.cont3 .l_box {background:#6abc46;}
	.operation_story li.cont3 .l_box div {border-left:0;}
	.operation_story li.cont3 .l_box h2 {color:#fff;}
	.operation_story li.cont3 .l_box h2 span {background:#fff;}
	.operation_story li.cont3 .l_box p {color:#d9ebd1;}
	.operation_story li.cont3 .l_box span.ico {background:url(/web/images/info/info_story_ico03.png) no-repeat;}
	.operation_story li.cont4 .l_box {background:#fff;}
	.operation_story li.cont4 .l_box h2 {color:#12a0d4;}
	.operation_story li.cont4 .l_box h2 span {background:#12a0d4;}
	.operation_story li.cont4 .l_box p {color:#838383;}
	.operation_story li.cont4 .l_box span.ico {background:url(/web/images/info/info_story_ico04.png) no-repeat;}
	.operation_story li.cont5 .l_box {background:#33b7e8;}
	.operation_story li.cont5 .l_box div {border-left:0;}
	.operation_story li.cont5 .l_box h2 {color:#fff;}
	.operation_story li.cont5 .l_box h2 span {background:#fff;}
	.operation_story li.cont5 .l_box p {color:#d0ebf8;}
	.operation_story li.cont5 .l_box span.ico {background:url(/web/images/info/info_story_ico05.png) no-repeat;}
	.operation_story li.cont6 .l_box {background:#fff;}
	.operation_story li.cont6 .l_box h2 {color:#12a0d4;}
	.operation_story li.cont6 .l_box h2 span {background:#12a0d4;}
	.operation_story li.cont6 .l_box p {color:#838383;}
	.operation_story li.cont6 .l_box span.ico {background:url(/web/images/info/info_story_ico06.png) no-repeat;}
	.operation_story li.cont1 .r_box div {min-height:190px; border:5px solid #33b7e8; border-left:0; background:url(/web/images/info/info_story_bg01.jpg) no-repeat right top;}
	.operation_story li.cont2 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/info/info_story_bg02.jpg) no-repeat right top;}
	.operation_story li.cont3 .r_box div {min-height:190px; border:5px solid #6abc46; border-left:0; background:url(/web/images/info/info_story_bg03.jpg) no-repeat right top;}
	.operation_story li.cont4 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/info/info_story_bg04.jpg) no-repeat right top;}
	.operation_story li.cont5 .r_box div {min-height:190px; border:5px solid #33b7e8; border-left:0; background:url(/web/images/info/info_story_bg05.jpg) no-repeat right top;}
	.operation_story li.cont6 .r_box div {border-right:1px solid #d5d5d5; background:url(/web/images/info/info_story_bg06.jpg) no-repeat right top;}


/*** 기관소개 ***/	
	/* CEO - CEO활동 */
	.ceo_work {width:auto; height:auto; padding:40px 10% 40px 10%; background:#f5f7f8;}
	.ceo_work h2 {font-size:24px; line-height:30px; font-weight:600; color:#1e1e1e; text-align:center;  margin:0 0 25px 0;}
	.ceo_work img {display:block; width:100%;  margin:0 0 25px 0;} 
	.ceo_work p {font-size:15px; line-height:22px; margin-top:15px;}
	.ceo_work span.pdf {top:25px;right:15px}
	.ceo_work span.pdf a {font-size:13px;font-weight:bold;color:#323232;text-decoration:underline}
	.ceo_work span.pdf img {width:20px;margin-right:5px;vertical-align:middle;display:inline;margin:0 0 0 0;}

	/* 일반현황 - 기관개요 */
	.busi_summery.state1 {background:#e5f1f7 url(/web/images/water/state_ico01.png) no-repeat 30px 50%;}
	.busi_summery.state2 {background:#e7f6fa url(/web/images/water/state_ico02.png) no-repeat 30px 50%;}
	.busi_summery.state3 {background:#f1f8e9 url(/web/images/water/state_ico03.png) no-repeat 30px 50%;}
	.busi_summery.state4 {background:#fff2e7 url(/web/images/water/state_ico04.png) no-repeat 30px 50%;}
	.accent_txt {text-align:center; font-size:18px; line-height:24px; font-weight:600; color:#037ab2; padding-top:25px; margin:10px 0 30px 0; background:url(/web/images/busi/page_b1.jpg) no-repeat center top;}
	.state_img {width:100%; height:auto;}
	.state_img img {display:block; margin:0 auto; width:auto; max-width:100%;}


/*** 서브메인(주요사업) ***/	
.business li .l_box div {padding:25px 6%; min-height:140px;}
.business li .l_box h2 {font-size:24px; line-height:28px; padding:0; margin:0; letter-spacing:-1px;}
.business li .l_box h2 strong {display:block; font-size:14px; line-height:18px; margin-bottom:7px;}
.business li .l_box h2 span {display:inline-block; vertical-align:middle; font-size:13px; line-height:16px; background:none; font-weight:normal; width:auto; height:auto; position:relative; left:auto; top:auto; margin-left:8px; padding-left:8px;
-moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
.business li .l_box .link_btn {display:inline-block; vertical-align:top; position:absolute; left:6%; bottom:25px; border:1px solid #fff; color:#fff; font-size:15px; line-height:20px; padding:7px 10px;}					
.business li .l_box .link_btn span {display:inline-block; vertical-align:top; padding:0 50px 0 0; background:url(/web/images/busi/busi_index_btnbg.png) no-repeat 94% 50%;
-moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);
-webkit-transition:all .3s ease; transition:all .3s ease;}
.business li .l_box .link_btn:hover span, .business li .l_box .link_btn:active span {background-position:98% 50%;}
.business li .r_box div {min-height:190px;}
.business li.cont1 .l_box {background:#33b7e8;}
.business li.cont1 .l_box div {border-left:0;}
.business li.cont1 .l_box h2 {color:#fff;}
.business li.cont1 .l_box h2 strong {color:#ffe400;}
.business li.cont1 .l_box h2 span {color:#fff; background:url(/web/images/busi/busi_index_bar1.png) no-repeat left 3px;}
.business li.cont2 .l_box {background:#fff;}
.business li.cont2 .l_box h2 {color:#13a0d4;}
.business li.cont2 .l_box h2 strong {color:#56b2dc;}
.business li.cont2 .l_box h2 span {color:#13a0d4; background:url(/web/images/busi/busi_index_bar2.png) no-repeat left 3px;}
.business li.cont2 .l_box .link_btn {border:1px solid #1c87ba; background:#1c87ba;}		
.business li.cont3 .l_box {background:#ee3a67;}
.business li.cont3 .l_box div {border-left:0;}
.business li.cont3 .l_box h2 {color:#fff;}
.business li.cont3 .l_box h2 strong {color:#ffe400;}
.business li.cont3 .l_box h2 span {color:#fff; background:url(/web/images/busi/busi_index_bar1.png) no-repeat left 3px;}	
.business li.cont4 .l_box {background:#fff;}
.business li.cont4 .l_box h2 {color:#13a0d4;}
.business li.cont4 .l_box h2 strong {color:#56b2dc;}
.business li.cont4 .l_box h2 span {color:#13a0d4; background:url(/web/images/busi/busi_index_bar2.png) no-repeat left 3px;}
.business li.cont4 .l_box .link_btn {border:1px solid #1c87ba; background:#1c87ba;}				
.business li.cont5 .l_box {background:#6bbc46;}
.business li.cont5 .l_box div {border-left:0;}
.business li.cont5 .l_box h2 {color:#fff;}
.business li.cont5 .l_box h2 strong {color:#ffe400;}
.business li.cont5 .l_box h2 span {color:#fff; background:url(/web/images/busi/busi_index_bar1.png) no-repeat left 3px;}		
.business li.cont1 .r_box div {min-height:180px; border:5px solid #33b7e8; border-left:0; background:url(/web/images/busi/busi_index_bg1.jpg) no-repeat right top;}
.business li.cont2 .r_box div {background:url(/web/images/busi/busi_index_bg2.jpg) no-repeat right top;}
.business li.cont3 .r_box div {min-height:180px; border:5px solid #ee3a67; border-left:0; background:url(/web/images/busi/busi_index_bg3.jpg) no-repeat right top;}
.business li.cont4 .r_box div {background:url(/web/images/busi/busi_index_bg4.jpg) no-repeat right top;}
.business li.cont5 .r_box div {min-height:180px; border:5px solid #6bbc46; border-left:0; background:url(/web/images/busi/busi_index_bg5.jpg) no-repeat right top;}


/*** 사이트맵 ***/
.sitemap {width:100%; height:auto;}
.sitemap:after {content:""; display:block; clear:both;}
.sitemap li {margin-top:50px;}
.sitemap li:first-child {margin-top:0;}
.sitemap li h2 {font-size:22px; line-height:26px; margin:0 0 10px 0; font-weight:600;}
.sitemap li ul {border-bottom:1px solid #c3c3c3; margin-left:0;}
.sitemap li ul li {border-top:1px solid #c3c3c3; margin-top:0; padding:0 0 0 140px; min-height:45px; position:relative;}
.sitemap li ul li:first-child {border-top:2px solid #c3c3c3;}
.sitemap li ul li a {display:inline-block; vertical-align:top; font-size:17px; line-height:24px; position:absolute; left:10px; top:10px; color:#017eba; font-weight:600;}
.sitemap li ul li ul {border-bottom:0; }
.sitemap li ul li ul li {border-top:1px dotted #c3c3c3; padding:0 0 0 160px; min-height:44px;}
.sitemap li ul li ul li:first-child {border-top:0;}
.sitemap li ul li ul li a {font-size:15px; line-height:21px; top:11px; color:#4e4e4e;}
.sitemap li ul li ul li ul {width:auto; padding:10px;}
.sitemap li ul li ul li ul li {float:left; padding:0; min-height:10px; border:0; margin-right:15px;}
.sitemap li ul li ul li ul li a {font-size:13px; line-height:18px; position:relative; left:auto; top:auto; padding:3px; font-weight:normal;}
.sitemap li ul li ul li ul li ul {display:none;}


@media all and (max-width:1024px){
/*** 서브메인(주요사업) ***/
.business li .l_box h2 span {display:block; margin:8px 0 0 0; padding-left:0; background:none !important;}
}


@media all and (max-width:1000px){
	/* 통합물관리사업 - 댐주변지역 지원사업 현황 */
	.surround_target_img span.trianglebg {display:none;}	
}


@media all and (max-width:900px){
	/* 통합물관리사업 - 사업내용 */	
	.water_management li .work li p {width:170px; height:54px; padding:14px 10px 0 0; background-size:100% auto !important;}	


/*** 서브메인(고객광장) ***/
.submain_cont li .l_box p {margin-right:0;}	
.submain_cont li .l_box span.ico {display:none;}
}


@media all and (max-width:840px){
	/* 건강한물공급사업 - SWC시범사업 */
	.swc_list li {float:none; width:auto; margin-right:0; margin-bottom:0 !important; margin-top:30px;}
	.swc_list li.list01 {margin-top:0;}
	.swc_list li h3 {min-height:10px; margin-bottom:10px;}
	.swc_list li div {position:relative; padding:0 0 0 170px; overflow:hidden; min-height:160px;}
	.swc_list li div span {width:170px; position:absolute; left:0; top:0;}
	.swc_list li div p {width:auto;}
}


@media all and (max-width:768px){
/*** 기관소개 ***/
/*CED */
.greeting img {margin:0 20px 20px 0;}	
	
	
/*** 주요사업 ***/
/*.busi_summery {margin-top:20px;}*/

	/* 통합물관리사업 - 수자원시설현황 */
	.facility_map {padding:0; margin:20px 0 40px 0;}
	.facility_map img {display:none;}
	.facility_map ul {position:relative; right:auto; top:auto; width:auto;}
	/*.facility_title {font-size:22px; line-height:30px; padding:20px 5%; width:auto;}*/
	.facility_map.map06 {min-height:10px;}


/*** 서브메인(고객광장) ***/
.submain_title {padding-top:45px; margin-top:20px;}	
.submain_title span.ico {width:100px; height:100px; background-size:100% 100% !important; margin-top:-50px;}	


/*** 사이트맵 ***/
.sitemap {padding-top:30px;}
}


@media all and (max-width:640px){
/*** 주요사업 ***/
.busi_summery {background-size:70px 70px !important; padding:20px 20px 20px 110px; background-position:20px 20px !important; min-height:70px;}	
.busi_summery.ty1 p {padding-top:0;}	

	/* 통합물관리사업 - 사업내용 */		
	.water_management {margin-top:40px;}
	.water_management li {margin-top:40px;}	
	.water_management li .title {padding:20px 20px 20px 55px;}
	.water_management li .title span {color:#fff !important; border:0; margin:0; width:28px; height:28px; line-height:28px; padding:0; top:18px; left:20px;}
	.water_management li.cont1 .title span {background:#11a3cc;}
	.water_management li.cont2 .title span {background:#037ab2;}
	.water_management li.cont3 .title span {background:#fe7c13;}
	.water_management li.cont4 .title span {background:#72ba2c;}
	.water_management li .work {margin-top:20px;}
	.water_management li .work li {float:none; width:auto; margin-top:10px;}	
	.water_management li .work li:first-child {margin-top:0;}
	.water_management li img {margin-top:20px;}

	/* 통합물관리사업 - 유역시범사업 */
	.watershed_issue1 {margin-top:20px;}
	.watershed_issue1 li:first-child {margin-top:0;}
	.watershed_issue1 li {float:none; width:auto; margin-top:10px;}
	.watershed_issue1 li span {width:auto; max-width:200px; margin:0 auto !important;}
	.watershed_issue1 li span.bn01 {border:5px solid #037ab2;}
	.watershed_issue1 li span.bn02 {border:5px solid #11a3cc;}
	.watershed_issue1 li span.bn03 {border:5px solid #fead13;}
	.watershed_issue1 li span.bn04 {border:5px solid #037ab2;}

	/* 통합물관리사업 - 댐주변지역 지원사업 현황 */
	.surround_support li {width:33.333%; margin-bottom:20px;}	
	.surround_support li + li + li + li {margin-bottom:0;}
	.surround_support li span {background-size:70px 70px !important; padding:75px 0 0 0;}
	.surround_target li dl {padding:0;}
	.surround_target li dl dt {width:auto; position:relative; left:auto; top:auto;}
	.surround_target li dl dt span {height:auto; padding:10px 0; margin-right:0;}
	.surround_target li.cont1 dl dt span {border:5px solid #037ab2;}
	.surround_target li.cont2 dl dt span {border:5px solid #11a3cc;}
	.surround_target li.cont3 dl dt span {border:5px solid #fead13;}
	.surround_target li dl dd {padding:10px 25px 0 25px !important;}
	.surround_target_img {padding:0; margin-top:30px;}
C
	/* 수변사업 - 사업현황 */
	.water_supply {margin-bottom:30px;}
	.water_supply .img {float:none; width:auto; margin:0 0 15px 0;}	
	.water_supply .txt {float:none; width:auto;}

	/* 수변사업 - 사업현황 */
	.waterside_info li {float:none; width:auto; margin:25px 0 0 0;}	
	.waterside_info li:first-child {margin-top:0;}
	.waterside_list li {padding:40px 0;}
	.waterside_list li div {padding:0;}
	.waterside_list li div h2 {position:relative; left:auto; top:auto; width:auto; margin-bottom:20px;}
	.waterside_list li div h2 strong {padding:10px 0;}

	/* 청정에너지사업 - 사업현황 */
	.purity_info li {margin-top:30px;}
	.purity_info li .img img {float:none; width:100%; margin:0 auto;}

	/* 건강한물공급사업 - 건강한물공급사업 */
	.supply_facility li .summery {min-height:80px; padding:20px 20px 20px 200px;}
	.supply_facility li .summery span img {width:180px;}
	.supply_facility li .more_cont .link_btn a {display:block; width:206px; margin:5px auto 0 auto;}
	.supply_facility li .more_cont .link_btn a:first-child {margin:0 auto;}
	.supply_facility li .more_cont .list {padding:0 0 0 200px; min-height:118px;}
	.supply_facility li .more_cont .list span.img {width:180px;}
	.supply_facility li .more_cont .list span.img img {width:100%;}


/*** 서브메인(고객광장) ***/
.submain_title {min-height:80px;}	
.submain_title p {margin-right:100px;}
.submain_title p span {display:inline;}
.submain_title span.ico {width:80px; height:80px; margin-top:-40px; right:6%;}
.submain_cont li .r_box ul li {width:85%;}


/*** 사이트맵 ***/
.sitemap li ul li {padding-left:0;}
.sitemap li ul li a {position:relative; left:auto; top:auto; padding:10px 0 0 10px;}
.sitemap li ul li ul li {padding-left:100px;}
.sitemap li ul li ul li a {position:absolute; left:10px; top:11px; padding:0;}
.sitemap li ul li ul li ul li a {padding:3px;}
}


@media all and (max-width:560px){
	/* 해외사업 - 사업내용 */
	.oversea_busi li {float:none; width:100%; margin:0 0 10px 0 !important;}	
	.oversea_busi li div {height:auto; padding-bottom:30px;}
	.oversea_pdf {padding:15px 5%;}
	.oversea_pdf span.ico {display:none;}
	.oversea_complete li .img {width:210px; float:none; margin:0 auto 20px auto;}	
	.oversea_complete li .txt {width:auto; float:none;}	
	.oversea_complete li .txt h3 {margin-left:0;}	
	.oversea_complete li .txt ul {margin-left:0;}
}


@media all and (max-width:480px){
/*** 주요사업 ***/	
.busi_summery {background-size:50px 50px !important; padding:20px 20px 20px 85px; min-height:50px;}

	/* 건강한물공급사업 - SWC시범사업 */
	.swc_list li {margin-top:25px;}
	.swc_list li div {padding:0 0 0 130px;}
	.swc_list li div span {width:130px;}
	.swc_list li div p {padding:15px 5%;}

	/* 건강한물공급사업 - 건강한물공급사업 */
	.supply_facility li .summery {min-height:40px; padding:20px 20px 20px 140px;}
	.supply_facility li .summery span img {width:120px;}
	.supply_facility li .more_cont .list {padding:0 0 0 160px; min-height:94px;}
	.supply_facility li .more_cont .list span.img {width:140px;}


/*** 서브메인(고객광장) ***/
.submain_title {min-height:10px; padding-bottom:30px;}
.submain_title p {margin-right:0px;}
.submain_title span.ico {display:none;}
.submain_cont li {margin-top:15px;}
.submain_cont li:first-child {margin-top:0;}
.submain_cont li .l_box {width:auto; float:none;}
.submain_cont li .l_box div {min-height:10px; border-right:1px solid #d5d5d5; padding:25px 6%;}
.submain_cont li .r_box {width:auto; float:none;}
.submain_cont li .r_box div {background-size:433px auto !important; background-position:center top !important;}
.submain_cont li .r_box ul li {width:70%;}

	/* 고객지원 */		
	.customer_support li.cont1 .l_box div {border-right:0;}
	.customer_support li.cont1 .r_box div {border-left:5px solid #33b7e8;}
	.customer_support li.cont2 .l_box div {border-top:1px solid #d5d5d5;}
	.customer_support li.cont2 .r_box div {border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
	.customer_support li.cont3 .l_box div {border-right:0;}
	.customer_support li.cont3 .r_box div {border-left:5px solid #ed3b67;}
	.customer_support li.cont4 .l_box div {border-top:1px solid #d5d5d5;}
	.customer_support li.cont4 .r_box div {border-left:1px solid #d5d5d5;}

	/* 고객광장 */
	.customer_square li.cont1 .l_box div {border-right:0;}
	.customer_square li.cont1 .r_box div {border-left:5px solid #33b7e8;}
	.customer_square li.cont2 .l_box div {border-top:1px solid #d5d5d5;}
	.customer_square li.cont2 .r_box div {border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
	.customer_square li.cont3 .l_box div {border-right:0;}
	.customer_square li.cont3 .r_box div {border-left:5px solid #f9aa00;}
	.customer_square li.cont4 .l_box div {border-top:1px solid #d5d5d5;}
	.customer_square li.cont4 .r_box div {border-left:1px solid #d5d5d5;}
	

/*** 서브메인(열린경영) ***/	
	/* 물이야기 */	
	.operation_story li.cont1 .l_box div {border-right:0;}
	.operation_story li.cont1 .r_box div {border-left:5px solid #33b7e8;}
	.operation_story li.cont2 .l_box div {border-top:1px solid #d5d5d5;}
	.operation_story li.cont2 .r_box div {border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
	.operation_story li.cont3 .l_box div {border-right:0;}
	.operation_story li.cont3 .r_box div {border-left:5px solid #6abc46;}
	.operation_story li.cont4 .l_box div {border-top:1px solid #d5d5d5;}
	.operation_story li.cont4 .r_box div {border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
	.operation_story li.cont5 .l_box div {border-right:0;}
	.operation_story li.cont5 .r_box div {border-left:5px solid #33b7e8;}
	.operation_story li.cont6 .l_box div {border-top:1px solid #d5d5d5;}
	.operation_story li.cont6 .r_box div {border-left:1px solid #d5d5d5;}


/*** 서브메인(주요사업) ***/
.business li .l_box div {padding:20px 6% 25px 6%;}
.business li .l_box h2 {letter-spacing:-0.5px;}
.business li .l_box .link_btn {position:relative; left:auto; top:auto; bottom:0; margin-top:20px;}	
.business li .r_box div {background-position:right top !important; min-height:160px;}
.business li.cont1 .l_box div {border-right:0; padding-bottom:20px;}
.business li.cont1 .r_box div {min-height:160px; border-left:5px solid #33b7e8;}
.business li.cont2 .l_box div {border-top:1px solid #d5d5d5;}
.business li.cont2 .r_box div {border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.business li.cont3 .l_box div {border-right:0; padding-bottom:20px;}
.business li.cont3 .r_box div {min-height:160px; border-left:5px solid #ee3a67;}
.business li.cont4 .l_box div {border-top:1px solid #d5d5d5;}
.business li.cont4 .r_box div {border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-position:right -25px !important;}
.business li.cont5 .l_box div {border-right:0; padding-bottom:20px;}
.business li.cont5 .r_box div {min-height:160px; border-left:5px solid #6bbc46;}
}

.newletter_box { position:relative; }
.newletter_box img { position:relative; z-index:10; }
.newletter_box .newletter_tx { overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;
	-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; }
	
		
	

/*2018.12.21 천예정*/
.busi-type{ color:#0E0E0E;}
.busi-type h1{ font-weight:normal; color:#0E0E0E; font-size:32px; text-align:center}
.busi-type h2{ text-align:center; font-size:22px; position:relative; margin:20px 0 0 0; padding-top:8px; font-weight:bold}
.busi-type h2:after{ display:block; clear:both; content:""; width:50px; height:1px; background:#333; position:absolute; top:0; left:50%; margin:0 0 0 -25px}
.description{ text-align:center;  font-size:25px; line-height:1.3} 
.description:before{ display:inline-block; content:""; width:55px; height:62px; background:url(/web/eng/images/busi/busi-leaf.jpg) no-repeat; position:relative; top:15px}
.busi-top-ul{ font-size:15px; margin:0 0 10px 0}
.busi-top-ul > li{ margin-bottom:5px}
.busi-top-ul li li{background:url(/web/eng/images/busi/busi2-top-lili.gif) no-repeat left 10px; padding-left:10px }
.busi-top-ul li p{font-size:14px; padding-left:10px }
.busi-top-ul br{font-size:14px; padding-left:10px }
.busi-bottom { margin:30px 0 0 0}
.busi-bottom:after{ display:block; clear:both; content:""}
.busi-bottom > ul{ margin:0 -10px 0 -10px}
.busi-bottom > ul > li{ float:left; width:50%; box-sizing:border-box; padding:10px}
.busi-bottom ul li div{ background:#f8f8f8; margin:0 0 0 10px; }
.busi-bottom .num{ display:inline-block; background:#000; color:#fff; width:45px; height:45px; text-align:center; position:relative; line-height:45px; top:-10px; left:-10px; font-size:20px}
.busi-bottom dl{ padding:0 15px 30px 30px}
.busi-bottom dl dt{ font-size:18px; font-weight:bold; margin:0 0 10px 0}
.busi-bottom dl dd li{background:url(/web/eng/images/busi/li-bg.gif) no-repeat left 13px; padding-left:10px; font-size:15px}

/*물안심*/
.busi-type1 h1 strong{ color:#005696}
.busi-type1 h2{ color:#005696}
.busi-type1  .description{color:#01acd7}
.busi-type1 .busi1-top{background:url(/web/eng/images/busi/busi1-top-bg.jpg) no-repeat center right; padding:15px 150px 15px 0; }
.busi-type1 .busi-top-ul > li{ background:url(/web/eng/images/busi/busi1-top-li.gif) no-repeat left 5px; padding-left:20px;  }
/*.busi-type1 .busi-bottom{background:url(/web/eng/images/busi/busi1-bottom-bg.jpg) no-repeat left bottom; padding-bottom:150px;}*/
.busi-type1 .busi-bottom img {max-width:100%; position:relative; right:0; top:-120px; left:10%; z-index:-1;}
.busi-type1 .busi-bottom .num{ background:#01acd7;}
.busi-type1 .busi-bottom ul li div{ min-height:320px}
.busi-type1 .busi-bottom .ul-default span{ color:#d93841}
.busi-type1 .busi-bottom ul li:nth-child(1) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico01.png) no-repeat 93% 88%; }
.busi-type1 .busi-bottom ul li:nth-child(2) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico02.png) no-repeat 93% 88%; }
.busi-type1 .busi-bottom ul li:nth-child(3) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico03.png) no-repeat 93% 88%; }
.busi-type1 .busi-bottom ul li:nth-child(4) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico04.png) no-repeat 93% 88%; }
.busi-type1 .busi-bottom ul li:nth-child(5) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico05.png) no-repeat 93% 88%; }
.busi-type1 .busi-bottom ul li:nth-child(6) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico06.png) no-repeat 93% 88%; }
.busi-type1 .busi-bottom ul li:nth-child(7) div{background:#f8f8f8 url(/web/eng/images/busi/busi1-ico07.png) no-repeat 93% 88%; }

/*물나눔*/
.busi-type2 h1 strong{ color:#d93841}
.busi-type2 h2{ color:#d93841}
.busi-type2  .description{color:#ed7379}
.busi-type2 .busi2-top{background:url(/web/eng/images/busi/busi2-top-bg.jpg) no-repeat center right; padding:15px 200px 15px 0;}
.busi-type2 .busi2-top .busi-top-ul span{color:#d93841;}
.busi-type2 .busi-top-ul > li{ background:url(/web/eng/images/busi/busi2-top-li.gif) no-repeat left 5px; padding-left:20px; }
/*.busi-type2 .busi-bottom{background:url(/web/eng/images/busi/busi2-bottom-bg.jpg) no-repeat left bottom; padding-bottom:370px;}*/
.busi-type2 .busi-bottom img {max-width:100%;}
.busi-type2 .busi-bottom .num{ background:#ed7379;}
.busi-type2 .busi-bottom ul li div{ min-height:350px}
.busi-type2 .busi-bottom ul li:nth-child(1) div{background:#f8f8f8 url(/web/eng/images/busi/busi2-ico01.png) no-repeat 93% 88%; }
.busi-type2 .busi-bottom ul li:nth-child(2) div{background:#f8f8f8 url(/web/eng/images/busi/busi2-ico02.png) no-repeat 93% 88%; }
.busi-type2 .busi-bottom ul li:nth-child(3) div{background:#f8f8f8 url(/web/eng/images/busi/busi2-ico03.png) no-repeat 93% 88%; }
.busi-type2 .busi-bottom ul li:nth-child(4) div{background:#f8f8f8 url(/web/eng/images/busi/busi2-ico04.png) no-repeat 93% 88%; }
.busi-type2 .busi-bottom ul li:nth-child(5) div{background:#f8f8f8 url(/web/eng/images/busi/busi2-ico05.png) no-repeat 93% 88%; }
.busi-type2 .busi-bottom ul li:nth-child(6) div{background:#f8f8f8 url(/web/eng/images/busi/busi2-ico06.png) no-repeat 93% 88%; }

/*물융합*/
.busi-type3 h1 strong{ color:#370f63}
.busi-type3 h2{ color:#370f63}
.busi-type3  .description{color:#7e77b7}
.busi-type3 .busi3-top{background:url(/web/eng/images/busi/busi3-top-bg.jpg) no-repeat center right; padding:15px 200px 20px 0;}
.busi-type3 .busi-top-ul > li{ background:url(/web/eng/images/busi/busi3-top-li.gif) no-repeat left 5px; padding-left:20px;}
/*.busi-type3 .busi-bottom{background:url(/web/eng/images/busi/busi3-bottom-bg.jpg) no-repeat left bottom; padding-bottom:370px;}*/
.busi-type3 .busi-bottom img {max-width:90%; position:relative; right:0; top:-150px; left:38%; z-index:-1;}
.busi-type3 .busi-bottom .num{ background:#7e77b7;}
.busi-type3 .busi-bottom ul li div{ min-height:320px}
.busi-type3 .busi-bottom ul li:nth-child(1) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico01.png) no-repeat 93% 88%; }
.busi-type3 .busi-bottom ul li:nth-child(2) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico02.png) no-repeat 93% 88%; }
.busi-type3 .busi-bottom ul li:nth-child(3) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico03.png) no-repeat 93% 88%; }
.busi-type3 .busi-bottom ul li:nth-child(4) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico04.png) no-repeat 93% 88%; }
.busi-type3 .busi-bottom ul li:nth-child(5) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico05.png) no-repeat 93% 88%; }
.busi-type3 .busi-bottom ul li:nth-child(6) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico06.png) no-repeat 93% 88%; }
.busi-type3 .busi-bottom ul li:nth-child(7) div{background:#f8f8f8 url(/web/eng/images/busi/busi3-ico07.png) no-repeat 93% 88%; }


@media all and (max-width: 890px){
.busi-type h1{  font-size:30px;}
.busi-type h2{ font-size:20px} 
/* .description{ font-size:30px} */
.description:before{ width:31px; height:38px; background-size:contain;top:10px }
.busi-bottom > ul > li{ float:none; width:100%;}
.busi-bottom dl dt{ font-size:16px}
.busi-bottom dl dd li{ font-size:14px}

.busi-type1 .busi-bottom ul li div{ min-height:auto}
.busi-type1 .busi1-top{padding:15px 200px 15px 0}
.busi-type1 .busi-bottom img {max-width:100%; position:relative; right:0; top:-10px; left:0%; z-index:-1;}

.busi-type2 .busi-bottom ul li div{ min-height:auto}
.busi-type2 .busi2-top{ padding:15px 200px 15px 0}

.busi-type3 .busi-bottom ul li div{ min-height:auto}
.busi-type3 .busi3-top{ padding:15px 200px 15px 0}
.busi-type3 .busi-bottom img {max-width:100%; position:relative; right:0; top:0px; left:20%; z-index:-1;}

/*
.busi-type1 .busi-bottom ul li div{ min-height:auto}
.busi-type1 .busi-bottom{ background:none; padding-bottom:0}
.busi-type1 .busi1-top{ padding:15px 200px 15px 0}

.busi-type2 .busi-bottom ul li div{ min-height:auto}
.busi-type2 .busi-bottom{ background:none; padding-bottom:0}
.busi-type2 .busi2-top{ padding:15px 200px 15px 0}

.busi-type3 .busi-bottom ul li div{ min-height:auto}
.busi-type3 .busi-bottom{ background:none; padding-bottom:0}
.busi-type3 .busi3-top{ padding:15px 200px 15px 0}
}
*/

@media all and (max-width: 760px){
.busi-type1 .busi1-top{ padding:15px 0; background:none}
.busi-type2 .busi2-top{ padding:15px 0; background:none}
.busi-type3 .busi3-top{ padding:15px 0; background:none}
.busi-type3 .busi-bottom img {max-width:50%; position:relative; right:0; top:0px; left:0%; z-index:-1;}		
	
/*.busi-type2 .busi2-top{ padding:15px 0; background:none}*/
}