@charset "utf-8";

/*
	최초 작성자 : 김윤희
	
 */
 
.img100{width:100%}
 
/* 20181227 */
.recr_box4{position:relative; overflow:visible; width:100%;	margin:10px 0px 0px 0px; padding-bottom:0px;}
.recr_box4 ul {list-style:none; clear:both; }
.recr_box4 li{float:left;}
.recr_box4 li.text1{width:10%; margin-top:30px; text-align:center}
.recr_box4 li.text1 ul {list-style:none; clear:both; }

.recr_box4 li.text2{width:17%}
.recr_box4 p.title{width:100%; height:30px; background-color:#047ab3; font-weight:600; color:#FFFFFF; line-height:30px; text-align:center;}
.recr_box4 p.box{line-height:16px; border:solid 1px #dddddd; margin-top:5px; padding:5px; height:70px; ; background-color:#ffffff}
.recr_box4 li.arrow{text-align:center; width:3%; height:140px; background: url(/web/images/recr/recr_arrow.png) no-repeat center 70px;} 
.recr_box4 p.end{width:100%; height:30px; line-height:30px; text-align:center; border:solid 1px #dddddd; margin-top:5px; ; background-color:#ffffff}
 

.recr_box3{position:relative; overflow:visible; width:100%;	margin:10px 0px 0px 0px; padding-bottom:0px;height:170px}
.recr_box3 ul {list-style:none; clear:both; }
.recr_box3 li{float:left;}
.recr_box3 li.text{width:30%}
.recr_box3 p.title{width:100%; height:50px; background-color:#047ab3; font-weight:600; color:#FFFFFF; line-height:30px; text-align:center}
.recr_box3 p.box{line-height:14px; border:solid 1px #dddddd; margin-top:5px; padding:5px; height:50px; background-color:#ffffff}
.recr_box3 li.arrow{text-align:center; width:3%; height:110px; background: url(/web/images/recr/recr_arrow.png) no-repeat center center;}
.recr_box3 p.end{width:100%; height:30px; line-height:30px; text-align:center; border:solid 1px #dddddd; margin-top:5px; ; background-color:#ffffff}


.recr_box2{position:relative; overflow:visible; width:100%;	margin:10px 0px 0px 0px; padding-bottom:0px;}
.recr_box2 ul {list-style:none; clear:both; }
.recr_box2 li{float:left;}
.recr_box2 li.text1{width:10%; margin-top:30px; text-align:center}
.recr_box2 li.text1 ul {list-style:none; clear:both; }

.recr_box2 li.text2{width:18%}
.recr_box2 p.title{width:100%; height:30px; background-color:#047ab3; font-weight:600; color:#FFFFFF; line-height:30px; text-align:center;}
.recr_box2 p.box{line-height:16px; border:solid 1px #dddddd; margin-top:5px; padding:5px; height:70px; ; background-color:#ffffff}
.recr_box2 li.arrow{text-align:center; width:3%; height:140px; background: url(/web/images/recr/recr_arrow.png) no-repeat center 70px;} 
.recr_box2 p.end{width:100%; height:30px; line-height:30px; text-align:center; border:solid 1px #dddddd; margin-top:5px; ; background-color:#ffffff}
 
 
.recr_box{position:relative; overflow:visible; width:100%;	margin:10px 0px 0px 0px; padding-bottom:0px;height:100px}
.recr_box ul {list-style:none; clear:both; }
.recr_box li{float:left;}
.recr_box li.text{width:30%}
.recr_box p.title{width:100%; height:30px; background-color:#047ab3; font-weight:600; color:#FFFFFF; line-height:30px; text-align:center}
.recr_box p.box{line-height:14px; border:solid 1px #dddddd; margin-top:5px; padding:5px; height:70px; background-color:#ffffff}
.recr_box li.arrow{text-align:center; width:3%; height:110px; background: url(/web/images/recr/recr_arrow.png) no-repeat center center;}

.recr_box1{position:relative; overflow:visible; width:100%;	margin:10px 0px 10px 0px; padding-bottom:0px;height:100px}
.recr_box1 ul {list-style:none; clear:both; }
.recr_box1 li{float:left}
.recr_box1 li.text{width:22%}
.recr_box1 p.title{width:100%; height:30px; background-color:#047ab3; font-weight:600; color:#FFFFFF; line-height:30px; text-align:center}
.recr_box1 p.box{line-height:16px; border:solid 1px #dddddd; margin-top:5px; padding:5px; height:70px; background-color:#ffffff}
.recr_box1 li.arrow{text-align:center; width:3%; height:110px; background: url(/web/images/recr/recr_arrow.png) no-repeat center center;}
.recr_box1:after{content:""; display:block; clear:both}

.tourTop{position:relative; background: url(/web/images/cust/tourmap.png) no-repeat; width:100%;}
.tourTop:after{content:""; display:block; clear:both}

.tourMap{position:relative; width:100px; height:510px; float:left}	width:285px;
.tourMap ul{list-style:none; clear:both;}
.tourMap li{color:#fff; font-size:12px; font-weight:600; line-height:40px;text-align:center; display:block; height: 51px; width: 39px;}
.tourMap li a{color:#fff; }
.tourMap li a:hover{color:#fff;	text-decoration: none;}
.tourMap li.mapOff{background: url(/web/images/cust/tourmap_iconOff.png) no-repeat;} 
.tourMap li.mapOn{background: url(/web/images/cust/tourmap_iconOn.png) no-repeat;z-index:1;}
.jangheung{position:absolute; left:80px; top:352px;}
.deacheong{position:absolute; left:108px; top:174px;}
.buan{position:absolute; left:46px; top:260px;}
.ulsan{position:absolute; left:238px; top:267px;}
.yeosu{position:absolute; left:107px; top:363px;}
.chuncheon{position:absolute; left:160px; top:52px;}
.jinan{position:absolute; left:90px; top:230px;}
.jinju{position:absolute; left:160px; top:320px;}
.cheongsong{position:absolute; left:180px; top:203px;}
.imsil{position:absolute; left:75px; top:260px;}

.tourMent{position:relative; float:right; font-weight:600; border-bottom:1px solid #EEE; width:60%; text-align:right}
.tourMent p.text1{font-size:16px;color:#666; padding:30px 20px 0px 0px}
.tourMent p.text2{font-size:26px; color:#000; background:url(/web/images/cust/tourmap_icon01.png) no-repeat right 12px; padding:6px 20px 10px 0px}
.tourMent p.text3{font-size:13px;color:#777; padding:0px 20px 50px 0px; line-height:20px;  font-weight:100;}
.tourMent p.text4{font-size:26px; color:#000; background:url(/web/images/cust/tourmap_icon01.png) no-repeat right 45px; padding:6px 20px 10px 0px}

.tourMember{position:absolute; right:0px; bottom:50px; width:75%}
.tourMember ul{list-style:none; clear:both;}
.tourMember li.L{float:left; text-align:right; width:68%; font-size:12px;color:#666;line-height:18px; }
.tourMember li.R{float:right; width:30%}
.tourMember li.R img{width:100%}
.tourMember:after{content:""; display:block; clear:both}

.restaurant{position:relative; width:100%; margin-top:30px}	
.restaurant:after{content:""; display:block; clear:both}
.restaurant ul{list-style:none; clear:both;}
.restaurant li p.tit_img{}
.restaurant li p.tit_img img{width:50%}
.restaurant li p.title{color:#76493b; font-size:15px; font-weight:600; padding-bottom:10px}
.restaurant li p.tel{font-weight:600; padding-top:10px}
.restaurant li p.talk{position:absolute; bottom:0px;}
.restaurant li p.talk img{width:100%;}
.restaurant li p.talk3{padding-top:10px}
.restaurant li p.talk3 img{width:100%;}
.restaurant li p.etc{color:#FF3300;	font-size:14px;	font-weight:600; padding:10px 0px 5px 0px}

.restaurant li.L img{width:100%}

.restaurant.aType li.L{float:left; width:50%}
.restaurant.aType li.R{float:right; width:47%}

.restaurant.bType li.L{float:left; width:47%;}
.restaurant.bType li.L p.talk2 img{width:100%}
.restaurant.bType li.R{float:right; width:50%}
.restaurant.bType li.R img{width:100%}

.restaurant p.line{border-top:1px solid #EEE; margin-top:20px; padding-top:30px}
 
/* 물사랑퀴즈 */ 
 
#quiz{position:relative; background-image: url(/web/images/info/quiz_bg.jpg);	background-repeat: no-repeat; width:100%; padding:120px 0px 40px 0px; margin-top:10px }
#quiz:after{content:""; display:block; clear:both} 

#quiz .question{margin:0px 0px 35px 65px; padding:50px 10px 50px 70px; width:60%;border:solid 1px #12a3cc; 	color:#666;	font-weight:600;line-height:30px; background-color: #FFF;	font-size: 18px;}
#quiz .num{position:absolute;top:70px;left:17px;color:#fff;	font-weight:600; font-size:30px;	background: url(/web/images/info/quiz_num.png) no-repeat;	height: 107px;	width: 78px;
	text-align:right; padding:25px 23px 0px 0px; line-height:28px}
#quiz .num p{font-size:25px}
#quiz .ment_01{position:absolute; top:70px; left:137px}

#quiz .chracter{position:absolute; top:25px; right:10px; width:258px}
#quiz .off{display:none;}

#quiz .btn{margin:0px 0px 35px 60px; width:73%; text-align:center}
#quiz .btn ul{list-style:none; clear:both;}
#quiz .btn li.L{width:60%; float:left; text-align:right}
#quiz .btn li.text{width:65px; float:right;padding-top:3px; font-weight:600; font-size:14px; color:#000; height:25px}
#quiz .btn li.R{width:65px; float:right;}
#quiz .btn:after{content:""; display:block; clear:both}	

#quiz .answer{margin:0px 0px 35px 65px; padding:35px 35px 50px 55px; width:60%;border:solid 1px #12a3cc; background-color: #FFF;}
#quiz .answer ul{list-style:none; clear:both;}
#quiz .answer li.L{width:70px; float:left;padding-bottom:15px}
#quiz .answer li.R{width:70%; float:left;font-weight:600; font-size: 28px;color:#666; padding-top:10px}
#quiz .answer li.B{border-top:1px #EEE solid; clear:both; float:none; padding-top:15px}
#quiz .answer li.B p.title{font-size:14px;font-weight:600;color:#0077cb;padding:0px 0px 5px 20px; background: url(/web/images/info/quiz_icon.png) no-repeat 0px 2px;}
#quiz .answer li.B p{font-size:13px; font-weight:600; color:#666; line-height:18px}

#quiz .ment_02{position:absolute; top:50px; left:65px}
#quiz .result{margin:0px 0px 20px 65px; padding:35px 20px 25px 30px; width:65%;border:solid 1px #12a3cc; background-color: #FFF;}
#quiz .result ul{list-style:none; clear:both;}
#quiz .result li.title{font-weight:600; font-size:24px; color:#666; padding-bottom:30px; clear:both}
#quiz .result li.title span{color:#01528a}
#quiz .result li.L{float:left; width:60%; font-weight:600; font-size:16px; color:#666; line-height:24px}
#quiz .result li.R{float:right;width:39%; text-align:right; padding-top:40px}
#quiz .result:after{content:""; display:block; clear:both}


 
.referTxt{margin-top:3px;font-size:13px;color:#e87b7b;font-weight:normal} 
.movie_dro{position:relative; overflow:visible; width:100%; margin:0px; padding-bottom:10px;} 
.movie_dro ul{list-style:none; clear:both;}
.movie_dro li.L{width:70%; float:left; margin-top:-20px; }
.movie_dro li.R{width:26%; float:right; border:solid #eee 1px;  height:295px;  overflow-y: scroll; padding:1%}
.movie_dro li.R p{padding-bottom:15px}
.movie_dro:after{content:""; display:block; clear:both} 
 
.swmi05_year{position:relative; overflow:visible; width:100%; margin:0px; padding-bottom:10px; background: url(/web/images/busi/year_01.png) no-repeat 82px 5px;}
.swmi05_year li.L{float:left; width:110px;background-image: url(/web/images/busi/year_02.png);	background-repeat: no-repeat;	background-position: 75px 0px;}
.swmi05_year li.L p{color:#037ab2;	font-size:16px;	font-weight:600;	}
.swmi05_year li.R{float:left;width:70%}
.swmi05_year li.R p{float:left; background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:0 0 5px 10px; background-size:3px;line-height:16px}
.swmi05_year:after{content:""; display:block; clear:both}
.swmi05_year.year{position:relative; overflow:visible; width:100%; margin:0px; clrar:both}
.swmi05_year.year:after{content:""; display:block; clear:both}
 
.bgcolor_01{font-weight:600; color:#FFF; background-color:#085d86;}
.bgcolor_02{font-weight:600; color:#FFF; background-color:#037ab2;}
.bgcolor_03{font-weight:600; color:#FFF; background-color:#11a3cc;}
.bgcolor_04{font-weight:600; color:#FFF; background-color:#fead13;}
.bgcolor_05{font-weight:600; color:#FFF; background-color:#717171;} 
 
.waterquality_01{background:url(/web/images/busi/waterquality_01.png) no-repeat 0px 10px;}
.waterquality_01 h4{margin-left:290px}
.waterquality_01 ul{margin-left:290px}

.waterquality_02{background: url(/web/images/busi/waterquality_02.png) no-repeat right 20px; padding-bottom:30px}
 
 
 /* SWMI R&D  정책 */
 
.policy_02 {position:relative; overflow:visible; width:100%;	margin:0px 0px 0px 0px; padding-bottom:0px;height:100px}
.policy_02 ul {list-style:none; clear:both; }
.policy_02 li{background:url(/web/images/main/bul_blit01.gif) 120px 7px no-repeat; padding:0px 0px 3px 130px; background-size:3px;line-height:16px}
.policy_02 h4{font-weight:600; font-size:14px; font-weight:600; padding:0px 0px 10px 120px}
.policy_02.bg1{background:url(/web/images/busi/icon_policy01.png) no-repeat;}
.policy_02.bg2{background:url(/web/images/busi/icon_policy02.png) no-repeat;}
.policy_02.bg3{background:url(/web/images/busi/icon_policy03.png) no-repeat;}
.policy_02.bg4{background:url(/web/images/busi/icon_policy04.png) no-repeat;}
.policy_02.bg5{background:url(/web/images/busi/icon_policy05.png) no-repeat;}
.policy_02.bg6{background:url(/web/images/busi/icon_policy06.png) no-repeat;}
.policy_02_arrow{text-align:center;border-top-width: 1px;	border-top-style: solid;	border-top-color: #eee;}


 /* SWMI R&D  정책 */
 
.policy_01 {position:relative; overflow:visible; width:100%;	margin:10px 0px 0px 0px; padding-bottom:10px;height:100px}
.policy_01 ul {list-style:none; clear:both; }
.policy_01 li{background:url(/web/images/main/bul_blit01.gif) 120px 7px no-repeat; padding:0px 0px 3px 130px; background-size:3px;line-height:16px}
.policy_01 h4{font-weight:600; font-size:14px; font-weight:600; padding:10px 0px 10px 120px}
.policy_01.bg1{background:url(/web/images/busi/icon_policy01.png) no-repeat;}
.policy_01.bg2{background:url(/web/images/busi/icon_policy02.png) no-repeat;}
.policy_01.bg3{background:url(/web/images/busi/icon_policy03.png) no-repeat;}
.policy_01.bg4{background:url(/web/images/busi/icon_policy04.png) no-repeat;}
.policy_01.bg5{background:url(/web/images/busi/icon_policy05.png) no-repeat;}
.policy_01.bg6{background:url(/web/images/busi/icon_policy06.png) no-repeat;}
 
 
/* UNESCO i-WSSM 교육프로그램 추진경위 */
 
.share_01 {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.share_01 ul {list-style:none; clear:both;}
.share_01 li.L{float:left; width:30%}
.share_01 li.R{float:right; width:69%}
.share_01 li.R p{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding-bottom:3px; padding-left:10px}
 
.collabo_01{background: #f8f8f8; padding:10px 10px 5px 15px ;  margin:0px;} 
.collabo_01 li.L{float:left; width:15%}
.collabo_01 li.R{float:right; width:83%;margin-top:15px}
.collabo_01 p{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:2px 0px; padding-left:10px}
.collabo_01:after{content:""; display:block; clear:both}


/* plan-P */
 
.planP {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.planP ul {list-style:none; clear:both;}
.planP li.L{float:left; width:50%}
.planP li.R{float:right; width:40%}
.planP li.R p{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding-bottom:3px; padding-left:10px}



.planP_bg{position:relative;  padding-left:10px;	background: url(/web/images/busi/plan04_04.png) no-repeat 80% 20px;width:100%;	padding-bottom:20px}
.planP_bg:after{content:""; display:block; clear:both}

 
/* WWC 회장메세지 */
 
.wwc {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.wwc ul {list-style:none; clear:both;}
.wwc li.L{float:left; width:35%;}
.wwc li.R{float:right; width:60%}
.wwc li p{padding-bottom:90px}
.wwc li img{width:100%} 


/* 표준화개념 */
 
.outline_01 {position:relative;overflow:hidden;width:100%;margin:40px 0px 0px 0px; padding-bottom:10px;}
.outline_01 ul {list-style:none; clear:both;}
.outline_01 li.L{float:left; width:170px;}
.outline_01 li.R{float:left;margin-left:10px}
.outline_01 p{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:0 0 5px 10px; background-size:3px;line-height:20px}
.outline_01:after{content:""; display:block; clear:both}


 
 /* swmi ol*/
.swmi_ol{position:relative;overflow:hidden;width:100%; margin:5px 0px 0px 0px; padding-bottom:10px;}
.swmi_ol ol {list-style-type:none;}
.swmi_ol li{padding:7px 0px 0px 10px;list-style-type:decimal!important;}
 
 .table_TL{position:relative; width:100%;}
 .table_TL ul{width:100%; }
 .table_TL li{height:24px; float:left; padding-right:20px }
 
 
/*2017 물사랑공모전*/
/*
.love_listk{text-align: center;}
.love_listk h2{font-size: 16px;font-weight: bold;padding:175px 0px 10px 0px;text-align: center;}
.love_listk h3{font-size: 16px;font-weight: bold;padding:185px 0px 10px 0px;text-align: center;}
.love_listk span{display: block ;padding-top:0px;height:15px; overflow: hidden;}
.love_listk a{display: block;}
.love_listk img{padding:11px 0 45px;width:31px;}
.love_listk li{display: inline-block;float: left;border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width:19.5%; height:300px}
.love_listk_01{background: url(/web/images/news/love_icon_01.png) no-repeat center 54px;}
.love_listk_02{background: url(/web/images/news/love_icon_02.png) no-repeat center 54px;background-color: #f7f9fa;}
.love_listk_03{background: url(/web/images/news/love_icon_03.png) no-repeat center 55px}
.love_listk_04{background: url(/web/images/news/love_icon_04.png) no-repeat center 50px;background-color: #f7f9fa;}
.love_listk_04 img {padding: 18px 0 45px;width:31px;}
.love_listk_05{background: url(/web/images/news/love_icon_05.png) no-repeat center 55px; border-right: 1px solid #e0e0e0;}
.love_listk_05 img {padding: 18px 0 45px;width:31px;}
*/

/*2019 물사랑공모전*/
.love_listk{text-align: center;}
.love_listk h2{font-size: 16px;font-weight: bold;padding:225px 0px 10px 0px;text-align: center;}
.love_listk h3{font-size: 16px;font-weight: bold;padding:185px 0px 10px 0px;text-align: center;}
.love_listk span{display: block ;padding-top:0px;height:15px; overflow: hidden;}
.love_listk a{display: block; background:url('/web/images/news/love_icon_line.gif') no-repeat right 84px}
.love_listk a.end{background:none}
.love_listk img{padding:11px 0 45px;width:31px;}
.love_listk li{display: inline-block;float: left;width:24.5%; height:300px}
.love_listk_01{background: url(/web/images/news/love_icon_01.png) no-repeat center 50px;}
.love_listk_02{background: url(/web/images/news/love_icon_02.png) no-repeat center 50px;}
.love_listk_03{background: url(/web/images/news/love_icon_03.png) no-repeat center 50px;}
.love_listk_04{background: url(/web/images/news/love_icon_04.png) no-repeat center 50px;}
.love_listk_04 img {padding: 18px 0 45px;width:31px;}
.love_listk_05{background: url(/web/images/news/love_icon_05.png) no-repeat center 58px; border-right: 1px solid #e0e0e0;}
.love_listk_05 img {padding: 18px 0 45px;width:31px;}

 
.drought_tit{position:relative; width:100%;}
.drought_tit ul{width:100%; margin-bottom:40px;}
.drought_tit li.L{float:left; width:210px; color:#323232; font-size:20px; font-weight:600; }
.drought_tit li.R{float:right; width:170px;height:40px; padding:0px 0px 0px 23px; font-weight: 600; background: url(/web/images/busi/btn_wide.png) no-repeat;} 
 
.support_down{float:right; background: url(/web/images/comm/btn_ask.gif) no-repeat;	width:130px; font-size:13px; height:30px; line-height:25px;}
.support_down a{color:#000}
.support {background: #f8f8f8; margin:20px 0px; border:solid 1px #eeeeee;width:100%;} 
.support table{}
.support ul{width:100%;padding:25px 0px 0px 0px}
.support li.L{width:60px; float:left; font-weight:600; color:#000;padding-left:25px}
.support li.C{width:83%; float:left}
.support li.R{width:28px; float:left; text-align:right}
.support li.B1{width:55%; float:left; padding:20px 10px 0px 85px;color:#ba522a; clear:both}
.support li.B2{width:200px; float:right; padding:10px 0px 15px 0px;}
.support input{padding:7px 0; border:1px solid #f2f2f2;border-top:1px solid #b2b2b2;color:#717171;float:left; width:100%;}


/* 건강한 수돗물 250 */
.WR250 {position:relative; width:100%;margin:0px; padding-top:20px; border-top:solid 2px #12a3cc;}
.WR250 ul{width:100%; padding-top:27px}
.WR250 li.L{float:left; width:73%; }
.WR250 li.L img{vertical-align:left; padding:0 40px 20px 0}
.WR250 li.L p.tit1{font-size:16px; font-weight:600; clolr:#323232; padding-bottom:20px}
.WR250 li.L p.tit2{font-size:14px; font-weight:600; clolr:#323232; padding-bottom:20px}
.WR250 li.L p.date{text-align:center; padding-top:30px}
.WR250 li.L p.sign{text-align:right; padding-top:20px; font-size:14px; font-weight:600}
.WR250 li.L p.sign img{text-align:right; padding:0px 10px; vertical-align:middle}
.WR250 li.R{float:right; width:25%; text-align:right}
.WR250 p.pdf {margin-top:10px;}
.WR250 p.pdf a {font-weight:bold;color:#323232;text-decoration:underline}
.WR250 p.pdf img {width:19px;margin-right:10px;vertical-align:middle}
.WR250 p.pdf span {display:none}
 
 
/* 채용팝업 */
#popup_top{position:relative; width:100%;}
#aa1 {position:absolute; width:350px;height:240px;z-index:1;left:30px; top:20px;}
#aa1 ul.tit{weight:100%; height:60px; background-color:#047ab3; }
#aa1 li.L{float:left; width:200px; padding:20px; font-size:16px; font-weight:600; color:#ffffff;}
#aa1 li.R{float:right; width:50px; padding:18px 0px 0px 20px; }
#aa1 li.R img{width:50%;}
.aa2{padding:20px;background-color:#ffffff; font-size:13px; line-height:20px}

/*포럼 테이블*/
.forum_table{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #e5e6e8; word-break:break-all}
.forum_table th{color:#323232;font-weight:bold;padding:10px 0;background:#f7f8fb; vertical-align: middle;border-left:1px solid #e5e6e8; border-bottom:1px solid #e5e6e8;}
.forum_table th:first-child{border-left:none;}
.forum_table th:last-child{border-right:none;}
.forum_table td{padding:7px;text-align:left; border-right:1px solid #e5e6e8; border-top:1px solid #e5e6e8;vertical-align: middle;}
.forum_table td:first-child{border-left:none; padding-left:5px;padding-right:5px;}
.forum_table strong{font-weight: bold;}
.forum_table td:last-child{border-right:none;}
.forum_table td.left{text-align:left!important; padding-left:10px}
.forum_table .Bborder{padding-bottom:15px;border-bottom:1px solid #e5e6e8; }
.forum_table .Lborder{border-left:1px solid #e5e6e8; }

.forum_sch {border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; border-left: 1px solid #DDD;}
.forum_sch table {width:100%;}
.forum_sch th {text-align:center; font-weight:600; padding:8px 2px; background:#f7f7f7; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD;}
.forum_sch td {text-align:center;  padding:7px 2px; color:#fff; border-bottom: 1px solid #fff; border-right: 1px solid #DDD;}
.forum_sch td.end {border-bottom: 1px solid #DDD;}

.forum_sch2 {position:relative; width:100%;}
.forum_sch2 ul{list-style:none; clear:both; }
.forum_sch2 li{float:left; padding:0px 15px 10px 17px}
.forum_sch2 li.C01{background: url(/web/images/info/bgC_01.jpg) no-repeat left 3px;}
.forum_sch2 li.C02{background: url(/web/images/info/bgC_02.jpg) no-repeat left 3px;}
.forum_sch2 li.C03{background: url(/web/images/info/bgC_03.jpg) no-repeat left 3px;}
.forum_sch2 li.C04{background: url(/web/images/info/bgC_04.jpg) no-repeat left 3px;}
.forum_sch2 li.C05{background: url(/web/images/info/bgC_05.jpg) no-repeat left 3px;}
.forum_sch2 li.C06{background: url(/web/images/info/bgC_06.jpg) no-repeat left 3px;}
.forum_sch2 li.C07{background: url(/web/images/info/bgC_07.jpg) no-repeat left 3px;}
.forum_sch2 li.C08{background: url(/web/images/info/bgC_08.jpg) no-repeat left 3px;}
.forum_sch2 li.C09{background: url(/web/images/info/bgC_09.jpg) no-repeat left 3px;}

.bgC_01{background: url(/web/images/info/bgC_01.jpg)}
.bgC_02{background: url(/web/images/info/bgC_02.jpg)}
.bgC_03{background: url(/web/images/info/bgC_03.jpg)}
.bgC_04{background: url(/web/images/info/bgC_04.jpg)}
.bgC_05{background: url(/web/images/info/bgC_05.jpg)}
.bgC_06{background: url(/web/images/info/bgC_06.jpg)}
.bgC_07{background: url(/web/images/info/bgC_07.jpg)}
.bgC_08{background: url(/web/images/info/bgC_08.jpg);}
.bgC_09{background: url(/web/images/info/bgC_09.jpg)}
.bgC_10{background: url(/web/images/info/bgC_10.jpg)}

/*인사말*/
.greeting {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.greeting li.L{float:left; width:60%;}
.greeting li.R{float:right; width:38%}
.greeting li.R img{width:100%}
.greeting li p{margin-bottom:10px}

/*프로그램*/
.program {position:relative;overflow:hidden;width:100%;margin:0px; padding-bottom:10px; border-bottom:solid 1px #eee; padding-bottom:20px}
.program li.L{float:left; width:60%;}
.program li.R{float:right; width:38%}
.program li.R img{width:100%}
.program li p{padding:0px 0px 10px 10px; background: url(/web/images/main/bul_blit01.gif) no-repeat 0px 8px;}


/*글로벌 테이블*/
.global_table{width:100%;border-top:2px solid #12a3cc;border-bottom:1px solid #ececec;word-break:break-all}
.global_table th{color:#323232;font-weight:bold;padding:10px 0;background:#f7f8fb;vertical-align: middle;border-left: 1px solid #e5e6e8;border-bottom: 1px solid #e5e6e8;}
.global_table th:first-child{border-left:none;}
.global_table td{background-color:#fff; border-top:1px solid #ececec;padding:6px 3px;text-align:center;border-left:1px solid #ececec;vertical-align: middle;line-height: 20px;}
.global_table td:first-child{border-left:none; padding-left:5px;padding-right:5px;text-align:center;}
.global_table strong{font-weight: bold;}

/*글로벌포토*/
.global_photo{position:relative; clear:both;width:100%; margin:10px 0px}
.global_photo ul {list-style:none; clear:both; }
.global_photo li{float:left; padding-bottom:15px; width:32%; margin-right:1% }
.global_photo li p{padding-top:2px; text-align:left; font-size:11px; font-weight:600; color:#666666}
.global_photo img{width:100%}


/* 수변사업-사업현황 */
.gumi_01 {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.gumi_01 ul {list-style:none; clear:both;}
.gumi_01 li.L{float:left; width:47%;}
.gumi_01 li.R{float:right; width:50%}
.gumi_01 li p{font-weight:600; padding-bottom:10px}


/*송산*/
.songsan_01 {position:relative;overflow:hidden;width:100%;margin:10px 0px 40px 0px; padding-bottom:10px;}
.songsan_01 ul {list-style:none; clear:both;}
.songsan_01 li{float:left; width:23%;margin-right:2%}
.songsan_01 li p{font-weight:600; font-size:11px; color:#777777; text-align:center; padding-bottom:40}
.songsan_01 li img{width:100%} 


/*에코델타*/
.Edelta01 {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.Edelta01 ul{list-style:none}
.Edelta01 ul.L{float:left; width:32%}
.Edelta01 ul.R{float:right; width:66%; text-align:left}
.Edelta01 ul.R img{width:47%; padding-left:2%}
.Edelta01 li.txt1{font-size: 16px; color: #323232; font-weight:600; margin-bottom:5px; clear:both; width:100%}
.Edelta01 li.txt2{font-size: 16px; color: #323232; font-weight:600; margin-bottom:5px; clear:both; width:100%; padding-left:2%}
.Edelta01 img{width:100%}


.Edelta02 {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.Edelta02 ul{list-style:none;	clear:both;	margin-bottom: 40px;	padding-bottom: 40px;}
.Edelta02 li.L{float:left; width:72%}
.Edelta02 li.R{float:right; width:27%; text-align:right}
.Edelta02 li.txt1{width:100%;font-weight:600; color:#0d83cd; font-size:16px; clear:both; margin-bottom:5px}
.Edelta02 li.txt2{width:100%;font-weight:600; color:#088345; font-size:16px; clear:both; margin-bottom:5px}
.Edelta02 li.txt3{width:100%;font-weight:600; color:#847920; font-size:16px; clear:both; margin-bottom:5px}
.Edelta02 p{padding:40px 0px 20px 0px}

.Edelta03 {position:relative; overflow:hidden; width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.Edelta03 ul{list-style:none; clear:both;}
.Edelta03 li.L{float:left; width:60%}
.Edelta03 li.R{float:right; width:39%; text-align:right}

.Edelta04 {position:relative; overflow:hidden; width:100%;margin:20px 0px 0px 0px; padding-bottom:10px;}
.Edelta04 ul{list-style:none; clear:both;}
.Edelta04 li{float:left; width:24%; margin-right:1%}
.Edelta04 li img{width:100%}


/*나주*/
.najuB01{line-height:24px;	padding:60px;	background: url(/web/images/busi/naju_01.jpg) no-repeat;	width: 100%; margin: 10px 0px}
.najuB01 ul{list-style:none; padding:0px; margin:0px}
.najuB01 li{padding:0px 20px 3px 80px; line-height:22px}
.najuB01 li.tit{font-size:19px; color:#777777; font-weight:600; padding:0px 0px 20px 30px; background: url(/web/images/cust/blit_12.png) no-repeat;}

.naju02 li{float:left; padding-right:2px}


.naju03 {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.naju03  ul {list-style:none; clear:both;}
.naju03  li.L{float:left; width:69%; text-align:center}
.naju03  li.R{float:right; width:29%; text-align:center}

.h3_zone {float:left; font-size: 16px; color: #323232; font-weight:600; width:74%; margin-bottom:5px}
.h4_zone {float:left; font-size: 13px; color: #323232; width:74%; margin-bottom:5px}
.unit_zone{float:right; width:25%; color:#777777; text-align:right; font-size:12px; padding-top:5px}

 
/*부여*/
.buyeo01{line-height:24px;	padding:60px;	background: url(/web/images/busi/buyeo_01.jpg) no-repeat;	width: 100%; margin: 10px 0px}
.buyeo01 ul{list-style:none; padding:0px; margin:0px}
.buyeo01 li{background:url(/web/images/main/bul_blit01.gif) 20px 8px no-repeat; padding:0px 0px 3px 33px; background-size:3px;line-height:20px}
.buyeo01 li.tit{font-size:19px; color:#777777; font-weight:600; padding:0px 0px 20px 30px; background: url(/web/images/cust/blit_12.png) no-repeat;}

.buyeo02 {position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.buyeo02  ul {list-style:none; clear:both;}
.buyeo02  li.L{float:left; width:49%; text-align:center}
.buyeo02  li.R{float:right; width:49%; text-align:center}


/* 사업단지 하단 탭 */

.tabBtn02 {position:relative;border-bottom:2px solid #737373;margin-bottom:30px;}
.tabBtn02.subTab{margin-bottom:60px;}
.tabBtn02 a{float:left;position:relative;top:2px;z-index:1; background:#fff; color:#252525;
		line-height:30px; padding:0 1.5%; border:1px solid #e1e1e1; border-bottom:2px solid #737373; margin-left:-1px;}
.tabBtn02.size01 a{padding:0 2.30%;}
.tabBtn02 a:first-child{margin-left:0;}
.tabBtn02 a:hover,
.tabBtn02 a:focus{position:relative;z-index:2;border:1px solid #737373;border-bottom:2px solid #737373;}
.tabBtn02 a:active,
.tabBtn02 a.on{position:relative;z-index:5;font-weight:bold;padding:0 1.5%;border:2px solid #737373;border-bottom:none;height:31px;}
.tabBtn02.size01 a.on{padding:0 2.18%;}
.tabBtn02 ul{margin:0 auto;padding-left:20%;width:80%;position:absolute;top:35px;left:0;border-bottom:1px solid #737373;}
.tabBtn02 ul li{float:left;padding:0 14px;background:url(/web/images/water/bg_line.gif) 0 15px no-repeat;}
.tabBtn02 ul li:first-child{background:none;}
.tabBtn02 ul li a{border:none;margin:0;padding:0;top:0;height:42px;line-height:42px;}
.tabBtn02 ul li a:hover,
.tabBtn02 ul li a:focus{border:none;margin:0;}

 
/*물절약 */ 
.Wsave01 {position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; padding-bottom:10px;}
.Wsave01 .title {color:#047abd!important}
.Wsave01 ul {list-style:none; clear:both;}
.Wsave01 li.L{float:left; width:50%; padding-top:20px}
.Wsave01 p{font-size:14px; padding-bottom:15px; font-weight:600; color:#047abd; line-height:20px }
.Wsave01 li.R{float:right; margin-right:2%}
.Wsave01 li.R img{width:100%} 

.Wsave02{position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.Wsave02 ul {list-style:none; clear:both;}
.Wsave02 li.L{float:left; width:49%;}
.Wsave02 li.R{float:right; width:49%}
.Wsave02 li p{font-weight:600}
.Wsave02 li img{width:100%} 

.Wsave03{position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; }
.Wsave03 ul {list-style:none; clear:both;}
.Wsave03 li.L{float:left; font-size: 14px; color: #323232; font-weight:600; width:49%; margin-bottom:5px}
.Wsave03 li.R{float:right; width:49%; color:#777777; text-align:right; font-size:12px; padding-top:5px}

/*건강한 물 */
.health01{position:relative;overflow:hidden;width:100%;margin:10px 0px 0px 0px; padding-bottom:10px;}
.health01 ul {list-style:none; clear:both;}
.health01 li.L{float:left; width:49%;}
.health01 li.R{float:right; width:37%}
.health01 li p{font-weight:600; margin-top:5px} 

/*사업실명제*/
.Rname01{font-weight:600; font-size:14px; color:#777777; line-height:25px}
.Rname01 strong{font-size:17px; color:#017eba}

.Rname02{position:relative; margin-top:30px; padding:0px; overflow:hidden; clear:both;width:100%; font-size:14px}
.Rname02 ul {overflow:hidden; margin-bottom:10px;}
.Rname02 li {padding:0px 0px 20px 100px; line-height:18px; clear:both}
.Rname02 li span{display: none;}
.Rname02 li p{font-size:12px;padding-top:5px; line-height:16px}
.Rname02 li.a1 {background: url(/web/images/gov3/Rname_01.png) no-repeat;}
.Rname02 li.a2 {background: url(/web/images/gov3/Rname_02.png) no-repeat;}
.Rname02 li.a3 {background: url(/web/images/gov3/Rname_03.png) no-repeat;}
.Rname02 li.a4 {background: url(/web/images/gov3/Rname_04.png) no-repeat;}

.Rname03{position:relative; margin-top:10px; padding:0px; overflow:hidden; clear:both;width:100%}

.Rname04{position:relative; padding:0px; overflow:hidden; clear:both;width:100%}
.Rname04 ul {list-style:none;}
.Rname04 li{float:left; height:83px;}
.Rname04 li.L{width:80px; padding-top:10px }
.Rname04 li.C{width:50%; padding-top:10px}
.Rname04 li.R{width:30%; }


 
/*물이야기*/
.info_list01{position:relative; clear:both;width:100%}
.info_list01 ul {list-style:none; }
.info_list01 li{float:left; padding-bottom:20px; width:33.333%;}
.info_list01 li p{padding-top:2px; text-align:left}
.info_list01 li a {display:block; margin:0 2%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.info_list01 li a img {display:block; width:100%; height:auto; margin:0 0 5px 0;}




/*사보로보는 50주년만화*/
.ct_list01 {margin:0 -7px 10px -7px}
.ct_list01:after{content:""; display:block; clear:both}
.ct_list01 h3 {font-size:16px; color:#323232; font-weight:bold; margin-bottom:10px;}
.ct_list01 li {float:left; width:23.5%; padding:0 7px 0 7px;margin: 0 0 10px 0; box-sizing:border-box;}
.ct_list01 li a {display:block; margin:0 1%;}
.ct_list01 li span.img img {display:block; width:100%; height:auto; margin:0 0 10px 0; border:1px solid #ddd;}
.ct_list01 li span.go {display:block; padding-left:25px; background:url(/web/images/cust/icon_link_plus.png) no-repeat 0 3px; text-decoration:underline;}
.ct_list01 li:after{content:""; display:block; clear:both} 



@media (max-width: 720px){
.ct_list01 li {width:33.333%;}    
.ct_list01 li span.go {min-height:44px}
.ct_list01.ct_list01_type1 li:nth-child(1) span.go,
.ct_list01.ct_list01_type1 li:nth-child(2) span.go,
.ct_list01.ct_list01_type1 li:nth-child(3) span.go{min-height:100px}
}
@media (max-width: 600px){
.ct_list01 ul{width:70%; margin:0 auto}
.ct_list01 li {width:100%; float:none; margin:0 0 15px 0}     
.ct_list01 li span.go {min-height:auto}

}  



/*카드뉴스*/
/*
.card_list01{position:relative; clear:both;width:100%}
.card_list01 ul {list-style:none; }
.card_list01 li{float:left; padding-bottom:25px; width:265px; }
.card_list01 li p{padding-top:2px; text-align:left}
*/
.card_list01{position:relative; clear:both;width:100%}
.card_list01 ul {list-style:none;}
.card_list01 li{float:left; width:48%; margin-right:11px; margin-bottom:25px;}
.card_list01 li p{text-align:left}
.card_list01 li a img{width:100%;border:1px solid #D4D4D4;}

/*
.prev_card{position:fixed; width:43px; height:84px; margin-top:308px; left:0; font-weight:bolder; font-size:5em; color:gray; z-index:99; cursor:pointer;}
.next_card{position:fixed; width:43px; height:84px; margin-top:308px; right:0; font-weight:bolder; font-size:5em; color:gray; z-index:99; cursor:pointer;}

.prev_card{position:fixed; width:43px; height:84px; margin-top:308px; left:0; background:url('/web/images/news/btn_cardPrev.gif') no-repeat;z-index:99;cursor:pointer;}
.next_card{position:fixed; width:43px; height:84px; margin-top:308px; right:0; background:url('/web/images/news/btn_cardNext.gif') no-repeat;z-index:99;cursor:pointer;}
*/
.prev_card{position:fixed; width:54px; height:54px; top:323px; left:0; background:url('/web/images/news/btn_cardPrev_02.png') no-repeat;z-index:99;cursor:pointer;}
.next_card{position:fixed; width:54px; height:54px; top:323px; right:0; background:url('/web/images/news/btn_cardNext_02.png') no-repeat;z-index:99;cursor:pointer;}
.card_content{width:700px;}

/*물절약투표*/
.vote_list{position:relative; clear:both;width:100%}
.vote_list ul {list-style:none;}
.vote_list li{width:370px; vertical-align:middle;margin-top:20px}
.vote_list li img{width:100%; border:solid 1px #eeeeee; }
.vote_list li.L{float:left}
.vote_list li.R{float:right}
.vote_list li p{padding-top:7px; text-align:center}

.vote_list:after{content:""; display:block; clear:both}


/*물포럼*/
.forum_intro{position:relative; margin-top:10px; padding:0px; overflow:hidden; clear:both;width:100%}
.forum_intro ul {overflow:hidden; margin-bottom:10px;}
.forum_intro li {padding:5px 20px 5px 0px; line-height:22px; clear:both}
.forum_intro strong{font-weight:600; color: #FFF;background: url(/web/images/news/forum_02.png) no-repeat; height:24px; width:75px;	margin-right:22px; text-align: center; display: inline-block; float:left}
.forum_intro img{float:left}

.forum_video{position:relative; margin-top:10px; overflow-y:scroll; clear:both; height:150px;  padding:20px; border:solid #eeeeee 1px}
.forum_center{position:relative; margin:10 auto;	width:100%;	text-align: center;}
.forum_center video{width:100%}

.forum_down{position:relative; margin-top:10px; padding:0px; overflow:hidden; clear:both;width:100%}
.forum_down ul {overflow:hidden; margin-bottom:10px;}
.forum_down li {background:url(/web/images/cust/icon_link_plus.png) 0 5px no-repeat; padding:5px 0px 5px 25px;	text-decoration: underline;}


/* 리스트 Dl 스타일 */
.listDl2{border-bottom:1px solid #d1d1d1;}
.listDl2 dd div{float:left;padding:9px 0;color:#717171;text-align:center;}
.listDl2 dt,
.listDl2 dd{border-top:1px solid #e2e2e2; background-color:#ffffff}
.listDl2 dd{display:none;}
.listDl2 img,
.listDl2 span,
.listDl2 strong,
.listDl2 a{vertical-align:middle;display:inline-block;}
.listDl2 strong{color:#323232;}
.listDl2 .open strong{font-weight:bold;}
.listDl2 .fileBtn{padding:0;}
.listDl2 .fileOn{width:185px;}

/* 리스트 Dl a형식 */
.listDl2 dt a{width:95.8%;padding:9px 0;color:#717171;background:url(/web/images/list/btn_dd_off.gif) right center no-repeat;display:inline-block;}
.listDl2 dt a.open{background:url(/web/images/list/btn_dd_on.gif) right center no-repeat;}
.listDl2 dt a span{display:inline-block;text-align:center;}
/* 3개 */
.listDl2.size03 dt span.th01{line-height:28px; font-weight:600; color:#FFF; background:url(/web/images/news/forum_03.png) no-repeat; text-align:center;	height:28px; width:28px;}
.listDl2.size03 dt span.th02{padding-left:14px; font-size:14px; color:#000; font-weight:600;}
.listDl2.size03 dt span.th03{padding-left:20px;}
.listDl2.size03 dd{padding:10px 10px 10px 45px}
.listDl2.size03 dd p.th04{width:52%; float:left; line-height:22px}
.listDl2.size03 dd p.th05{width:42%; float:right }
.listDl2.size03 dd p.th05 img{width:100%}
.listDl2.size03 dd p.th06{width:100%;  }


 
/*설문조사*/
.label_blind{display:none}


.mobile_show{visibility: hidden; height:0px;}

.poll{position:relative; margin-top:-30px; padding:0px; overflow:hidden; clear:both;width:100%}
.poll p{display:block; font-size:16px; font-weight:600; padding:30px 0px 5px 0px}
.poll ul {overflow:hidden;margin-bottom:10px;}
.poll li {float:left; display:block; padding:2px 10px 2px 0px}
.poll li.textB{width:100%!important;}
.poll li.textR{clear:both;display:block;width:100% !important;color:#F30; font-size:11px; padding-top:10px}


.textB textarea{overflow:hidden;width:99%;border:1px solid #ededed;height:80px}

.pollCT{font-size:16px; font-weight:600; padding-bottom:10px; text-align:center; padding-top:10px}



/* 라인 */
.lineT{border-top:solid 1px #eee; padding-top:40px}
.lineT2{border-top:solid 1px #eee; padding-top:30px}
.lineB{border-bottom:solid 1px #eee; padding-bottom:40px}

.bltList2 strong{font-weight: bold;}
.bltList2 ul {padding-bottom:10px }
.bltList2 li {padding:0px 0 5px 10px;background:url('/web/images/comm/bg_blit2.gif') no-repeat left 7px;}

/* 링크 */
.linkL{background:url(/web/images/cust/icon_link_plus.png) 0 5px no-repeat; height:25px;  padding:5px 0px 0px 25px; color:#000; text-decoration: underline;}
.linkR{background:url(/web/images/cust/icon_link_plus.png) 0 15px no-repeat; height:30px; padding:15px 0px 0px 25px; color:#000; font-weight:600;text-decoration: underline;	float:right}
.link01{background:url(/web/images/cust/icon_link_plus.png) no-repeat; height:18px; color:#000;text-decoration: underline; display:block}

/*텍스트스타일 */
.text10{font-size:10px!important}
.text9{font-size:8px!important; line-height:-100px}
.text11_nor{font-size:11px; font-weight:400!important;text-align:right}
.text11{font-size:11px; clear:both; width:100%}
.text11BL{font-weight:600; font-size:12px; padding-bottom:5px}
.text24BK{font-weight:600; font-size:24px;}
.text16{font-weight:600; font-size:16px;}
.text16BL{font-weight:600; font-size:16px; color:#017eba}
.text15{font-weight:600; font-size:15px;}
.text18BL{font-weight:600; font-size:18px; color:#017eba}
.text24BL{font-weight:600; font-size:24px; color:#017eba}
.text14{font-weight:600; font-size:14px; font-weight:normal}
.text14_bold{font-weight:600; font-size:14px; font-weight:600}
.text_blue{color:#017eba}
.text14blue{font-size:14px; color:#017eba}
.text14BL{font-weight:600; font-size:14px; color:#017eba}
.text14BB{font-weight:600!important; font-size:14px; background-size:3px; line-height:20px; background: url(/web/images/main/bul_blit01.gif) no-repeat 0px 8px!important; padding: 0px 0px 3px 10px;}
.u_line {text-decoration: underline;}
.textG28{font-size:24px; color:#666; font-weight:600}
.textB30{font-size:30px; color:#000; font-weight:700}
.text14RedB{color:#FF3300;	font-size:14px; font-weight:600}

.mgT60{margin-top:60px}
.mgT50{margin-top:50px}
.mgT35{margin-top:35px}
.mgL50{margin-left:50px}
.mgL10{margin-left:10px}
.mgB20{margin-bottom:20px}
.mgT15{margin-top:15px}
.mgT5{margin-top:5px}
.mgB10{margin-bottom:10px}
.mgB5{margin-bottom:5px}
.mg3{margin:5px 0px}
.down_01{background:url(/web/images/cust/icon_link_plus.png) 0 4px no-repeat; height:30px;  padding:5px 0px 0px 25px; color:#000; font-size:12px; font-weight:600; text-decoration:underline}
.text_cen{text-align:center}
.text_rig{text-align:right!important}

 
/*swmi*/
.swmi01 {position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; padding-bottom:10px; border-bottom:solid 1px #eee}
.swmi01 ul {list-style:none; clear:both;}
.swmi01 li.L{float:left; width:50%;}
.swmi01 li.L p.text1{padding-bottom:10px; color:#000; font-weight:600;font-size:16px;}
.swmi01 li.L p.text2{padding-bottom:20px; font-size:13px;}
.swmi01 li.L ul{border:none;}
.swmi01 li.L li{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding-bottom:3px; padding-left:10px}
.swmi01 li.L li.none{background:url(/web/images/cust/icon_link_plus.png) 0 14px no-repeat; height:30px;  padding:15px 0px 0px 25px; color:#000; font-size:12px; font-weight:600}
.swmi01 li.R{float:right; width:45%;margin-right:5%}
.swmi01 li.R img{} 


.swmi02 {position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; padding-bottom:30px; border-bottom:solid 1px #eee}
.swmi02 ul {list-style:none; clear:both;}
.swmi02 li{background:url(/web/images/main/bul_blit01.gif) 0px 13px no-repeat; padding-bottom:3px; padding:5px 0px 0px 10px}
.swmi02 h3{padding:10px 0px 5px 0px; margin:0px; font-size:16px; font-weight:600}
 
 
/* 통합물관리 */ 
.busi01{position:relative;overflow:hidden;margin:40px 15px 40px 0px}
.busi01 ul li > p{margin-bottom:10px;font-size:16px;color: #323232;font-weight:bold}
.busi01 ul li.L{float:left;width:49.5%}
.busi01 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}
.busi01 ul li.R{float:right;width:49.5%}
.busi01 ul li dl{overflow:hidden}
.busi01 ul li dl dd{margin-bottom:5px;padding-left:8px;background: url('/web/images/busi/busiTabicon_dot.gif') left 7px no-repeat}
.busi01 ul li span{float:left;width:48%;margin-right:1%}
.busi01 ul li span.R{float:right;width:49%}
.busi01 ul li span p{font-size:11px;color:#777;font-weight:600;text-align:center}
.busi01 ul li span img{width:95%;padding:4px;}

/*클린에너지 */
.cleanEnergy{position:relative;overflow:hidden;width:100%;margin:30px 0px 10px 0px;padding:0}
.cleanEnergy ul{list-style:none}
.cleanEnergy ul li.L{float:left;width:40%;}
.cleanEnergy ul li.L dl{overflow:hidden; }
.cleanEnergy ul li.L dl dd{color:#555;line-height:22px; padding:0px 20px 0px 0px}
.cleanEnergy ul li.R{float:right;width:60%;}



/*상단박스형태*/
.grayBox01{line-height:24px; background: #f8f8f8; padding:25px;  margin:10px 0px; }
.grayBox01 ul{list-style:none; padding:0px; margin:0px}
.grayBox01 li{background:url(/web/images/main/bul_blit01.gif) 20px 7px no-repeat; padding:0px 0px 3px 33px; background-size:3px;line-height:16px}
.grayBox01 li.tit{font-size:19px; color:#777777; font-weight:600; padding:0px 0px 20px 30px; background: url(/web/images/cust/blit_12.png) no-repeat;line-height:30px}
.grayBox01 p{line-height:20px}

.grayBox02{line-height:24px; background: #f8f8f8; padding:25px;  margin:10px 0px;} 
.grayBox02 ul{list-style:none; padding:0px; margin:0px}
.grayBox02 li{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding:0 0 5px 10px; background-size:3px;line-height:16px}
.grayBox02 p{line-height:20px}


.grayBox03{line-height:24px; background: #f8f8f8; padding:15px 25px;  margin:20px 0px; border:solid 1px #eeeeee;} 
.grayBox03 ul{list-style:none; padding:0px; margin:0px}
.grayBox03 li{background:url(/web/images/main/bul_blit01.gif) 5px 6px no-repeat; padding:0 0 5px 15px; background-size:3px;line-height:15px}
.grayBox03 p{line-height:20px}
.grayBox03 p strong{color:#000; font-size:14px}

.grayBox04{line-height:24px; background: #f8f8f8; padding:15px;  margin:10px 0px; border:1px solid #eee} 
.grayBox04 ul{list-style:none; padding:0px; margin:0px}
.grayBox04 li{background:url(/web/images/main/bul_blit01.gif) 5px 8px no-repeat; padding:0 0 5px 15px; background-size:3px;line-height:15px}


.grayBox05{line-height:24px; background:#f8f8f8; padding:15px;  margin:10px 0px; border:1px solid #eee; } 
.grayBox05 h4{font-size:15px!important; font-weight:600!important}
.grayBox05 td{ background:#ffffff;}


.grayBox06{background: #f8f8f8; padding:10px;  margin:10px 0px;} 
.grayBox06 h4{font-weight:600;padding-bottom:5px}
.grayBox06 ul{list-style:none; padding:0px; margin:0px}
.grayBox06 li{background:url(/web/images/main/bul_blit01.gif) 5px 8px no-repeat; padding:0 0 3px 15px; background-size:3px;}
.grayBox06 p{line-height:20px}

.grayBox07{border:1px solid #ececec; padding:20px}

.grayBox08{line-height:24px; background:#f8f8f8; padding:15px;  margin:10px 0px;}

.grayBox09{margin:10px 0px; border:3px solid #f24f1c; width:100% }
.grayBox09 td{line-height:24px; padding:15px; text-align:left; font-weight:600 }

.grayBox10{line-height:24px; background:#f8f8f8; padding:25px;  margin:10px 0px;}

.blit011{position:relative; overflow:hidden;width:100%;}
.blit011 ul{list-style:none; padding:0px; margin:0px}
.blit011 li{background:url(/web/images/busi/blit_011.jpg) 0px 10px no-repeat; padding:0px 0px 2px 8px; line-height:16px}

.blit012{position:relative; overflow:hidden;width:100%;}
.blit012 ul{list-style:none; padding:0px; margin:0px}
.blit012 li{background:url(/web/images/recr/blit012.png) 0px 4px no-repeat; padding:0px 0px 2px 14px; line-height:16px}

.blit013{position:relative; overflow:hidden;width:100%;color:#ba522a}
.blit013 ul{list-style:none; padding:0px; margin:0px}
.blit013 li{background:url(/web/images/recr/blit013.png) 0px 4px no-repeat; padding:0px 0px 2px 14px; line-height:16px}

td.bL1 {border-left:1px solid #ececec!important}


/*독자의견코너 명단*/
.eventBox01{width:100%; line-height:24px; background:url(/web/images/cust/bg_event.png) 0px 0px; padding:10px 0px;  margin:0px 0px; }
.eventBox01 ul{list-style:none; margin:0px}
.eventBox01 li{list-style:none; text-align:center; font-size:19px; color:#007191; font-weight:600; padding:0px 0px 10px 0px; line-height:20px;}
.eventBox01 p{line-height:25px; font-size:15px; text-align:center;}



/*  동일한 사진이 좌우로 두장일경우 */
.photo02{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo02 ul{list-style:none; clear:both;}
.photo02 li.L{float:left;width:49%;}
.photo02 li.R{float:right;width:49%;}
.photo02 li img{width:100%}
.photo02 li p{font-size:11px; font-weight:600; color:#777777; text-align:left}
.photo02 li p.cen{text-align:center; padding-bottom:20px}
.photo02:after{content:""; display:block; clear:both}
.newclear{clear:both;}





/*  우측사진, 좌측텍스트 */
.photo03{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo03 ul{list-style:none; clear:both;}
.photo03 li.L{float:left;width:30%;}
.photo03 li.R{float:right;width:70%;}
.photo03 li img{width:100%}
.photo03 li p{text-align:left; padding-bottom:10px; font-size:11px; font-weight:600; color:#666}
.photo03 ul.txt{list-style:none}
.photo03 p.txt {text-align:left; font-size:14px; font-weight:600; color:#3c7eba; padding:0px 0px 10px 25px}
.photo03 .txt li{background:url(/web/images/main/bul_blit01.gif) 1px 8px no-repeat;padding-left:10px; background-size:3px; margin:0px 0px 8px 30px}
.photo03:after{content:""; display:block; clear:both}

/*  사진 세장 */
.photo03_1{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo03_1 ul{list-style:none; clear:both;}
.photo03_1 li{float:left;width:31%; margin:5px 2% 0px 0px}
.photo03_1 li img{width:100%}
.photo03_1 P {font-weight:600; font-size:11px; color:#777777;}
.photo03_1:after{content:""; display:block; clear:both}


.photo03_2{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo03_2 ul{list-style:none; clear:both;}
.photo03_2 li.L{float:left;width:60%;}
.photo03_2 li.R{float:right;width:40%;}
.photo03_2 li img{width:100%}
.photo03_2:after{content:""; display:block; clear:both}


/*  사진 네장 */
.photo04_1{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo04_1 ul{list-style:none; clear:both;}
.photo04_1 li{float:left;width:24%; margin-right:1%}
.photo04_1 li p{font-size:11px; font-weight:600; color:#777777; text-align:left}
.photo04_1 li img{width:100%}
.photo04_1:after{content:""; display:block; clear:both}



/* 사진 6장 */
.photo06{position:relative;overflow:hidden;width:100%;margin:10px 0px 30px 0px;padding:0}
.photo06 ul{list-style:none; clear:both;}
.photo06 li{float:left;width:16%; margin:5px 4px 0px 0px}
.photo06 li img{width:100%}
.photo06 P {font-weight:600; font-size:11px; color:#777777;}
.photo06:after{content:""; display:block; clear:both}


/* 아라뱃길슬라이드 */
.photo04{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo04 ul{list-style:none}
.photo04 li.L{float:left;width:10%;}
.photo04 li.C{float:left;width:80%;}
.photo04 li.R{float:right;width:10%;}
.photo04 li img{width:100%}



/*  image slide */ 
.slidesBox{margin:0 auto}
.slidesBox #slides{padding:8px;border:1px solid #eee;background:#f9f9f9}
#slides{display:none}
#slides img{max-width:100%;width:auto\9;height:auto;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
#slides .slidesjs-navigation{margin-top:10px}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop{
	display:block;float:left;overflow:hidden;width:12px;height:18px;margin-right:5px;
	background:url('/web/images/busi/btns-next-prev.png') no-repeat;text-indent:-9999px
}
    
a.slidesjs-next{margin-right:10px;background-position:-12px 0}
a:hover.slidesjs-next{background-position:-12px -18px}
a.slidesjs-previous{background-position:0 0}
a:hover.slidesjs-previous{background-position:0 -18px}
a.slidesjs-play{width:15px;background-position:-25px 0}
a:hover.slidesjs-play{background-position:-25px -18px}
a.slidesjs-stop{width:18px;background-position:-41px 0}
a:hover.slidesjs-stop{background-position:-41px -18px}
.slidesjs-pagination{float:right;margin-top:12px !important;list-style:none;clear:none !important;padding:0 0 !important}
.slidesjs-pagination li{float:left;margin:0 1px}
.slidesjs-pagination li a{display:block;float:left;overflow: hidden;width:13px;height:0;padding-top:13px;background:url('/web/images/busi/pagination.png') left top}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active{background-position:0 -13px}
.slidesjs-pagination li a:hover{background-position:0 -26px}
#slides a:link, #slides a:visited{color:#333}
#slides a:hover, #slides a:active{color:#9e2020}
.navbar{overflow:hidden}
#slides{display:none}

.floatR{float:right}


.cleanE_02 {padding:40px 0;}
.cleanE_02 dt {font-weight:bold;font-size:16px;margin-bottom:10px;color:#323232}
.cleanE_02 ul {margin-top:5px}
.cleanE_02 .txt14{font-size:14px; padding-bottom:10px }


/*수변사업*/

.futu01{position:relative;overflow:hidden;width:100%;margin:50px 0px 10px 0px;padding:0}
.futu01 ul{list-style:none}
.futu01 ul li.L{float:left;width:30%;}
.futu01 ul li.L dl{overflow:hidden;}
.futu01 ul li.L dl dd{color:#555;line-height:24px; padding:0px 30px 10px 0px}
.futu01 ul li.R{float:right;width:70%;}


.futu02 {position:relative;overflow:hidden;width:100%;margin:50px 0px 0px 0px;padding:0; border-top:solid 1px #eee}
.futu02 ul {list-style:none; clear:both; padding:20px 0}
.futu02 li.L{float:left; width:63%;}
.futu02 li p.txt1{padding-bottom:15px; color:#3c80c9; font-weight:600;font-size:14px}
.futu02 li p.txt2{background:url(/web/images/main/bul_blit01.gif) 0px 8px no-repeat; padding-bottom:3px; font-weight:600; padding-left:10px}
.futu02 li p.txt3{padding:0px 0px 15px 5px}
.futu02 li p.txt4{padding:0px 0px 2px 5px}
.futu02 li.R{float:right;width:35%;}
.futu02 li img{width:100%}


.futu_tit{position:relative;overflow:hidden;width:100%; margin:30px 0px 5px 0px;padding:0; font-weight:600;}
.futu_tit ul{list-style:none}
.futu_tit li.L{float:left; width:50%; font-size:13px;  background:url(/web/images/main/bul_blit01.gif) 0px 5px no-repeat; padding-left:10px; background-size:3px; }
.futu_tit li.R{float:right; width:30%; color:#717171; text-align:right; text-size:11px}


p.futu02_tit {color:#047ab3; font-weight:600; font-size:16px; text-align:center; padding-top:50px}

/*해외사업*/
.coment_01{	background: url(/web/images/cust/blit_10.png) no-repeat 5px 23px; padding:20px 20px 50px 25px; font-size:14px; color:#444; font-weight:600; line-height:24px}


.global01 {position:relative;overflow:hidden;width:100%; margin:10px 0px 0px 0px;padding:0}
.global01 ul {clear:both; padding:10px 0}
.global01 ul li.L{float:left;width:54%;  font-weight:normal; border-top:solid 1px #eee}
.global01 li.L strong{line-height:30px; color:#3c80c9; font-weight:600;font-size:14px}
.global01 ul li.L li {background:url(/web/images/main/bul_blit01.gif) 3px 7px no-repeat; padding-left:10px; background-size:2px;}
.global01 ul li.R{float:right;width:45%; padding-bottom:20px}
.global01 ul li.B ul{clear:both;}
.global01 li.B strong{line-height:30px; color:#3c80c9; font-weight:600;font-size:14px;}
.global01 ul li.B li{float:left; width:30%; padding:1% 2% 0 0 ; text-align:center; font-weight:normal}
.global01 ul li.B p{font-size:11px; font-weight:600; color:#777777; text-align:left}
.global01 li img{width:100%}



.global02 { position: relative; overflow: hidden; padding: 0; margin: 0; }
.global02 li { height: 8.5625em; float: left; padding: 8px 0; margin: 0; }
.global02 li.photo, 
.global02 li.photo2 { width: 23%; padding-right: 3%; }
.global02 li.photo2 { height: auto; }
.global02 li.photo3 { width: 30%; height: auto; padding-right: 3%; }
.global02 li.photoLast { width: 29%; height: auto; text-align: center; }
.global02 li p.txtFirst {background: url(/web/images/cust/bgNumBlue.png) no-repeat; color:#047ab3; font-weight:600; height:27px;padding:4px 0px 10px 5px;  font-size:14px;}
.global02 li p.txtFirst span{color:#fff;padding-right:10px}
.global02 li.txt,
.global02 li.txt2 { width: 74%; text-align: left; line-height: 22px; font-weight: normal;}
.global02 li.txt2 { height: auto; }
.global02 li.txt3 { width: 66.5%; height: auto; text-align: left; line-height: 18px; font-weight: normal;}
.global02 img { width: 100%; } 
.global02 li .tiLeft { float: left; width: 15%; }
.global02 li .cntRight { float: left; width: 83%; }


@media (min-width: 1200px){
	.slidesBox{width:795px}
	.w70{width:70%!important}	
	

}

@media (min-width: 1000px){
	.slidesBox{width:795px}
	.w70{width:70%!important}	
	
	

}


@media(max-width: 979px){
.tourMent p.text2{background: url(/web/images/cust/tourmap_icon01.png) no-repeat right 45px}
.restaurant li p.tit_img{display:none}
.tourMember li.L br{display:none}
	
.slidesBox{width:auto}
.Moff{display:none;}

#quiz{padding:100px 0px 40px 0px; margin-top:10px }
#quiz .chracter img{width:60%}
#quiz .question{margin:0px 0px 35px 65px; padding:50px 10px 50px 70px; width:60%;border:solid 1px #12a3cc; 	color:#666;	font-weight:600;line-height:30px; background-color: #FFF;	font-size: 18px;}
#quiz .num{top:50px;}
#quiz .ment_01{top:50px; left:120px}
#quiz .chracter{right:1px; text-align:right}
#quiz .chracter img{width:70%}



.waterquality_02{background: url(/web/images/busi/waterquality_02.png) no-repeat right 20px; padding-bottom:30px}

/*물절약투표*/
	.vote_list li{width:48%;}

}

@media (max-width: 860px) {

#quiz .result{margin:10px 0px 20px 65px;}
#quiz .result li.title{padding-bottom:5px;}
#quiz .result li.L{float:none; width:100%;}
#quiz .result li.R{float:none;width:100%;}	 



.support li.C{width:70%;}
.support li.R{width:31px; float:left; padding-left:5px; text-align:right}}

@media (max-width: 800px) {
.support li.C{width:70%;}
.support li.R{width:31px; float:left; padding-left:5px; text-align:right}}



@media (max-width: 767px) {
    .slidesBox{width:auto}
	
	

.info_list01 li{width:50%;}		
}



@media all and (max-width: 768px) {
/* WWC 회장메세지 */
 

.wwc li.L{float:left; width:48%;}
.wwc li.R{float:right; width:48%}
.wwc li p{padding-bottom:5px}

/* 물사랑공모전*/ 	
.love_listk{text-align: right;}
.love_listk img{width:31px;position: absolute;right: 20px;padding: 0;top:22px;}
.love_listk h2{font-size: 15px;font-weight: bold;padding: 28px 0 0 72px;text-align: left;}
.love_listk span{font-size: 11px; padding: 6px 0 0 72px;height: 15px;overflow: hidden;text-align: left;}
.love_listk li{display: block;border-top: 1px solid #e0e0e0;border-bottom:none; width: 100%;height: 72px;position: relative;}
.love_listk_01{background: url(/web/images/news/love_icon_01.png) no-repeat 20px center;background-size: 36px 35px;}
.love_listk_02{background: url(/web/images/news/love_icon_02.png) no-repeat 20px center;background-size: 35px 34px;}
.love_listk_03{background: url(/web/images/news/love_icon_03.png) no-repeat 20px center;background-size: 39px 35px;}
.love_listk_04{background: url(/web/images/news/love_icon_04.png) no-repeat 20px center;background-size: 35px 35px;border-bottom: 1px solid #e0e0e0!important;}
	
	
	
.arrowBox a{display:none}
.mobile_show{padding:10px; background-color:#f7f7f7; visibility: visible; height:auto}
/*물포럼*/	
.forum_intro img{visibility: hidden; height:0px}


/* 사진 네장 */
.photo04_1{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo04_1 ul{list-style:none}
.photo04_1 li{float:left;width:48%; margin-left:1%}
.photo04_1 li img{width:100%}

/*카드뉴스*/
.card_list01{position:relative; clear:both;width:100%}
.card_list01 ul {list-style:none;}
.card_list01 li{width:98%; margin-right:11px; margin-bottom:25px;}
.card_list01 li p{text-align:left}
.card_list01 li a img{width:100%;border:1px solid #D4D4D4;}
}



@media all and (max-width: 720px) {
/*나주노안지구*/ 
.najuB01, .buyeo01{font-size:12px; line-height:24px; background: #f8f8f8; padding:10px;  margin:10px 0px; background:none}
.najuB01 li, .buyeo01 li{background:url(/web/images/main/bul_blit01.gif) 5px 7px no-repeat; padding:0px 0px 3px 12px; background-size:3px;font-size:12px;line-height:16px}
.najuB01 li.tit, .buyeo01 li.tit{font-size:13px; color:#777777; font-weight:600; padding:0px 0px 5px 0px; background:none;}
.najuB01 li.tit img, .buyeo01 li.tit img{visibility: hidden;}	

/*송산*/

.songsan_01 li{float:left; width:48%;margin-right:2%}


/* 사업단지 하단 탭 */



.tabBtn02 {position:relative;border-bottom:0;margin:0 15px;}
.tabBtn02.subTab{margin-bottom:60px;}
.tabBtn02.open a{display:block;}
.tabBtn02 a{display:none;float:none; position:static;top:0;	background:#409fcd; color:#fff;
			line-height:35px;
			padding:0 0 0 14px;
			border:0;
			margin:0 0 2px 0;
		}
.tabBtn02 a.on:before{content:'▼';color:#fff;position:absolute;right:15px;}
.tabBtn02 a:hover,
.tabBtn02 a:focus,
.tabBtn02 a:active,
.tabBtn02 a.on{background:#047ab3;}
.tabBtn02 a:hover,
.tabBtn02 a:focus{position:static;border:0;}
.tabBtn02 a:active,
.tabBtn02 a.on{display:block;position:static;font-weight:bold;padding:0 0 0 14px;border:0;line-height:35px;height:35px;}

	
	
/*물절약 */ 
.Wsave01 {position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; padding-bottom:10px;}
.Wsave01 li{float:none; width:100%}
.Wsave01 li.L p{text-size:12px; padding-bottom:5px}
.Wsave01 li.L{float:none; width:100%;}
.Wsave01 li.R{float:none; width:100%;}


.Wsave02{position:relative;overflow:hidden;width:100%;margin:30px 0px 0px 0px; padding-bottom:10px;}
.Wsave02 li.L{float:none; width:100%;}
.Wsave02 li.R{float:none; width:100%}

/*건강한 물 */

.health01 img{width:100%}
.Rname04 li.R img{width:100%;}


/*청정에너지*/
	
.cleanEnergy ul li.L{float:none;width:100%}
.cleanEnergy ul li.R{float:none;width:100%}
.cleanEnergy ul li.L dl{overflow:hidden; padding-top:5px}
.futu01 ul li.L dl dd{color:#555;line-height:16px; padding:0px 20px 10px 0px}
.mob_img{width:100%}
.mob_img img{width:100%}

.textG28{font-size:20px; color:#666}
.textB30{font-size:20px; color:#000; font-weight:700}

/*수변사업*/


.photo03 p.txt {text-align:left; font-size:14px; font-weight:600; color:#3c7eba; padding:0px 0px 10px 5px}
.photo03 .txt li{background:url(/web/images/main/bul_blit01.gif) 1px 8px no-repeat;padding-left:10px; background-size:3px; margin:0px 0px 3px 5px}


.global01 ul {margin-top:15px; clear:both}
.global01 ul li.L{float:none;font-weight:normal;line-height:10px;width:100%}
.global01 ul li.L strong{background:url(/web/images/main/bul_blit01.gif) 0px 5px no-repeat; padding:0px 0px 20px 10px; background-size:6px;  font-size:14px; }
.global01 ul li.L li {background:url(/web/images/main/bul_blit01.gif) 0px 10px no-repeat; padding-left:10px; background-size:3px;line-height:16px}
.global01 ul li.R{float:none;width:100%; padding-bottom:10px }
.global01 ul li.B ul{clear:both;}
.global01 ul li.B li{float:left; width:30%; padding-right:3%; text-align:center; font-weight:normal}
.global01 li img{width:100%}

.global02 li p.txtFirst {background:none; color:#047ab3; font-weight:600; height:27px;padding:4px 0px 10px 5px;  font-size:14px;}
.global02 li p.txtFirst span{color:#047ab3 ;padding-right:5px}

.swmi01 ul {list-style:none; clear:both; padding: 0; margin:0; border:none;}
.swmi01 li.R img{width:100%}
.swmi01 li.R{float:right; width:40%;margin-right:0%}
.swmi01 li.L{float:left; width:58%;}

.link01{background:none; height:18px; color:#000;text-decoration: underline; display:block}

}


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

.recr_box2{font-size:11px!important}
.recr_box2 p.end{width:100%; height:50px; line-height:16px; text-align:center; border:solid 1px #dddddd; margin-top:5px}



.recr_box p.box{line-height:12px!important; padding:1px!important; height:120px!important}



.tourMap{width:285px;}
.tourMent{position:relative; width:100%; float:none; border:none; padding-top:30px}
.tourMent br{display:none}

.tourMember{position:relative; width:100%; padding:20px 0px 0px 20px}
.tourMember li.L{float:left; text-align:left; width:60%;}
.tourMember li.R{float:right; width:38%}

.tourMember br{display:none}

.restaurant.aType li.L{float:none; width:100%;}
.restaurant.aType li.R{float:none; width:100%;}
.restaurant.aType li p.talk{position:relative;}

.restaurant.bType li.L{float:none; width:100%;}
.restaurant.bType li.R{float:none; width:100%}

	

#quiz .chracter{display:none}
#quiz .question{padding:20px 10px 20px 50px}
	
.movie_dro{position:relative; overflow:visible; width:100%; margin:0px; padding-bottom:10px;} 
.movie_dro ul{list-style:none; clear:both;}
.movie_dro li.L{width:100%; float:none}
.movie_dro li.R{width:98%; float:none;height:100px;}
.movie_dro li br{display:none}
	
.planP_bg{padding-bottom:0px;	background: none}
	
.waterquality_01{background:none;}
.waterquality_01 h4{margin-left:0px}
.waterquality_01 ul{margin-left:0px}

.waterquality_02{background: url(/web/images/busi/waterquality_02.png) no-repeat right 40px;}
.waterquality_02 h4{margin-right:300px}
.waterquality_02 ul{margin-right:300px}
	
.share_img img{width:100%}

.support li.L{padding-left:10px;}
.support li.B1{padding:10px 0px 10px 10px; text-align:left; font-size:12px}
.support li.B2{padding-top:10px;}
	
.Rname03 img {width:100%}


.Edelta02 li.L{width:60%}
.Edelta02 li.R{width:39%;}

.Edelta03 li img{width:100%}


.drought_tit ul{width:100%; margin-bottom:10px;}
.drought_tit li.L{float:none; width:100%; padding:10px 0px}
.drought_tit li.R{float:none; width:100%; height:20px; } 

.share_img{width:100%}
}


@media all and (max-width: 560px) {
.tourMent p.text2{background: url(/web/images/cust/tourmap_icon01.png) no-repeat right bottom}


.recr_box4 li.text1{width:20%; margin-top:40px;}

.recr_box4 li.text2{width:40%}
.recr_box4 p.title{margin-top:10px}
.recr_box4 li.arrow{padding:0px 5px} 


.recr_box2 li.text1{width:20%; margin-top:40px;}

.recr_box2 li.text2{width:40%}
.recr_box2 p.title{margin-top:10px}
.recr_box2 li.arrow{padding:0px 5px} 

.recr_box1{font-size:11px!important}
.recr_box1 li.text{width:40%}
.recr_box1 p.title{margin-top:10px}
.recr_box1 p.box{height:60px}
.recr_box1 li.arrow{padding:0px 5px}


}


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



	
.tourMap{float:none}
.tourMent p.text2{background: url(/web/images/cust/tourmap_icon01.png) no-repeat right 45px}
.tourMember li.L{float:none;width:95%;}
.tourMember li.R{float:none; width:95%}


#quiz{padding:30px 10px; margin:0 auto;}
#quiz .question{margin:0 auto 20px  auto ; padding:20px 5px 20px 20px; font-size: 14px; line-height:20px; width:90%;}
#quiz .num{display:none}
#quiz .ment_01{display:none}
#quiz .off{display:block;font-size: 18px;	font-weight: 600;	color: #000;	padding-bottom:10px}
#quiz .answer{margin:0 auto 20px  auto ; padding:20px 5px 20px 20px; font-size: 14px; line-height:20px; width:90%;}
#quiz .answer ul{list-style:none; clear:both;}
#quiz .answer li.L{width:15%;}
#quiz .answer li.L img{width:100%;}
#quiz .answer li.R{width:80%; float:right; font-size: 18px; padding-top:5px }
#quiz .answer li.B{border-top:1px #EEE solid; clear:both; float:none; padding-top:15px}
#quiz .answer li.B p.title{font-size:14px;font-weight:600;color:#0077cb;padding:0px 0px 5px 20px; background: url(/web/images/info/quiz_icon.png) no-repeat 0px 2px;}
#quiz .answer li.B p{font-size:13px; font-weight:600; color:#666; line-height:18px}

#quiz .ment_02{top:20px; left:15px}
#quiz .ment_02 img{width:70%}
#quiz .result{margin:30px auto 20px  auto ; padding:20px 5px 20px 20px; font-size: 14px; line-height:20px; width:90%;}
#quiz .result li.title{font-size:18px;}
#quiz .result li.L{font-size:13px;}
#quiz .result li.R img{width:10%}


#quiz .btn{margin:0px 0px 35px 0px; width:100%; text-align:left}
#quiz .btn li.L{width:145px; float:left; text-align:left}
#quiz .btn li.text{width:60px; float:right; padding-top:3px;}
#quiz .btn li.R{width:55px; float:right;}

	
	
.policy_02_arrow{padding-bottom:20px}
	
	
.swmi05_year{background:none}
.swmi05_year li.L{float:none; width:100%;background-image: none;border-top:#eeeeee solid 1px; padding:5px 0px 0px 5px}
.swmi05_year li.R{float:none;width:100%}

	
	
/* WWC 회장메세지 */
 

.wwc li.L{float:none; width:100%;}
.wwc li.R{float:none; width:100%}
	
	
.waterquality_02{background:none}
.waterquality_02 h4{margin-right:0px}
.waterquality_02 ul{margin-right:0px}
	
 /* SWMI R&D  정책 */
 
.policy_01 h4{padding:0px 0px 10px 0px}
.policy_01 li{background:url(/web/images/main/bul_blit01.gif) 0px 7px no-repeat; padding:0px 0px 3px 10px; background-size:3px;line-height:16px}
.policy_01.bg1, .policy_01.bg2, .policy_01.bg3, .policy_01.bg4{background:none;}
	
.support ul{width:100%;padding:10px 10px 0px 10px}
.support li.L{width:100%; float:none;}
.support li.B1{width:100%; float:none;}
.support li.B2{width:100%; float:none;text-align:center}


.forum_table img{width:100%}
	
/*포럼 테이블*/


.photo01 img{width:100%}
	
/* 사진 세장 */
.photo03_1{position:relative;overflow:hidden;width:100%;margin:10px 0px 10px 0px;padding:0}
.photo03_1 ul{list-style:none}
.photo03_1 li{float:left;width:100%;}
.photo03_1 li img{width:100%}

.photo06{position:relative;overflow:hidden;width:100%;margin:10px 0px 30px 0px;padding:0}
.photo06 li{float:left;width:49%; margin:5px 2px 0px 0px}	


	
.WR250 {border-top:none;}
.WR250 li.L{float:none; width:100%;}
.WR250 li.R{float:none; width:100%; text-align:left; padding-bottom:20px}

	
/*인사말*/
.greeting li.L{float:none; width:100%;}
.greeting li.R{float:none; width:100%;}
	
/*프로그램*/
.program li.L{float:none; width:100%;}
.program li.R{float:none; width:100%;}

/*글로벌포토*/

.global_photo li{float:none; width:100%;}

	
#aa1 {position:absolute; width:100%;height:auto;z-index:1;left:0px; top:0px;}

/* 수변사업-사업현황*/


.h4_zone {float:none; width:100%; }
.unit_zone{float:right; width:50%; color:#777777; text-align:right; font-size:12px; padding-top:5px}

.gumi_01 li.L{float:none; width:100%;}
.gumi_01 li.R{float:none; width:100%}
	

.naju03  li.L{float:none; width:100%}
.naju03  li img{width:100%}
.naju03  li.R{float:none; width:100%}



.Edelta01 ul.L{float:none; width:100%}
.Edelta01 ul.R{float:none; width:100%;}
.Edelta01 ul.R img{width:100%; padding-left:0%}
.Edelta01 li.txt1{font-size: 14px;}
.Edelta01 li.txt2{font-size: 14px; padding:10px 0px 0px 0px}

.Edelta02 ul{margin-bottom:10px; padding-bottom:10px;}
.Edelta02 li.L{float:none; width:100%}
.Edelta02 li.R{float:none; width:100%; text-align:left; padding-top:5px}
.Edelta02 p img{width:100%}


.Edelta03 li.L{float:none; width:100%}
.Edelta03 li.R{float:none; width:100%; text-align:right}

.Edelta04 img{width:100%}

.buyeo01{font-size:12px; line-height:24px; background: #f8f8f8; padding:10px;  margin:10px 0px; background:none}


.buyeo02  li.L{float:none;width:100%}
.buyeo02  li.R{float:none;width:100%}
	
	
/*건강한 물 */

.health01 li.L{float:none; width:100%;}
.health01 li.R{float:none; width:100%}


/*정책실명제*/
	
.Rname04 li.L{height:16px; float:none}
.Rname04 li.C{float:none; width:100%; height:auto;}
.Rname04 li.R{width:0px; height:0px;  display:none;}


	
/* 물포럼 */
.listDl2.size03 dt span.th01{line-height:18px;	font-weight:600; color: #000;	background:none; text-align: left;	height: 20px;	width: 20px;}
.listDl2.size03 dt span.th02{padding-left:0px; font-size:13px;}
.listDl2.size03 dt span.th03{padding-left:10px;font-size:12px;}
.listDl2.size03 dd{padding:10px 10px 10px 0px }
.listDl2.size03 dd p.th04{width:100%; float:none; line-height:18px }
.listDl2.size03 dd p.th05{width:100%; float:none }
.listDl2.size03 dd p.th06 img{width:100%;}	


.forum_intro{position:relative; margin-top:10px; padding:0px; overflow:hidden; clear:both;width:100%}
.forum_intro ul {overflow:hidden; margin-bottom:10px;}
.forum_intro li {padding:3px 0px 3px 0px; line-height:18px; clear:both}
.forum_intro strong{color: #000;background:url(/web/images/main/bul_blit01.gif) 0px 6px no-repeat; padding-left:10px; height:18px; width:40px;	margin-right:5px; text-align:left; display: inline-block; float:left}


.forum_video{height:120px; padding:10px; font-size:12px}
	
	
/*설문조사*/
.poll p{font-size:13px;}
.poll li {float:none; display:bolck; padding-right:0px}	
.textB textarea{width:97%}
	
.cleanEnergy ul li.L{float:none;width:100%}
.cleanEnergy ul li.R{float:none;width:100%}
.cleanEnergy ul li.L dl{overflow:hidden; padding-top:5px}

.textG28{font-size:14px; color:#666}
.textB30{font-size:16px; color:#000; font-weight:700}

.photo02 li.L{float:none;width:100%}
.photo02 li.R{float:none;width:100%}

.futu01  ul li.L{float:none;width:100%}
.futu01  ul li.R{float:none;width:100%}

.cleanEx .txt14{font-size:12px; padding-bottom:10px }
.blit {font-size:12px}

.grayBox01{font-size:12px; line-height:24px; background: #f8f8f8; padding:10px;  margin:10px 0px; }
.grayBox01 li{background:url(/web/images/main/bul_blit01.gif) 5px 7px no-repeat; padding:0px 0px 3px 12px; background-size:3px;font-size:12px;}
.grayBox01 li.tit{font-size:13px; color:#777777; font-weight:600; padding:0px 0px 5px 0px; background:none;}
.grayBox01 li.tit img{visibility: hidden;}
.grayBox01 p span{color:#3c80c9; font-weight:600;font-size:14px;}

.grayBox03{line-height:20px; padding:10px; font-size:12px} 
.grayBox03 li{background:url(/web/images/main/bul_blit01.gif) 0px 6px no-repeat; padding:0 0 5px 10px;}
.grayBox03 p strong{ font-size:12px}

.futu02{margin:20px 0px 0px 0px; }
.futu02 ul li.L{float:none;width:100%; margin:0; padding:0 }
.futu02 ul li.R{float:none;width:100%;}


.photo03 li.L{float:none; width:100%;}
.photo03 li.R{float:none; width:100%;}
.photo03 li p{text-align:center; padding-bottom:10px}



.global01 ul li.B li{float:none; width:100%; padding-right:0%; text-align:center; font-weight:normal}

.global02 li.photo3 {float:none; width: 100%; padding-right: 0%; }

.global02 li p.txtFirst {color:#047ab3; font-weight:600; height:30px; font-size:13px; height:20px; }
.global02 li.txt3 {float:none; width:100%; font-size:12px }

.busi01{position:relative;overflow:hidden;margin:20px 15px 40px 0px}
.busi01 ul li.L{float:none;width:100%}
.busi01 ul li.R{float:none;width:100%}


.swmi01 li.L{float:none; width:100%;}
.swmi01 li.L p.text1{padding:20px 0px 5px 0px; color:#000; font-weight:600;font-size:13px;}
.swmi01 li.L p.text2{font-size:13px;}
.swmi01 li.R{float:none; width:100%;}


.link01{background:none; height:18px; color:#000;text-decoration: underline; display:block}

.slidesBox{width: auto}


}





/* 나의보상 페이지 */

.resulterr { border-bottom:2px solid #df5d5c; padding:10px 0px; color:#df5d5c; font-weight:bold;}
.resulterr div{width:980px; margin:0 auto;}
.resulterr img {float:left; margin-right:10px;}

.resulterr2 {width:100%;  padding:30px 0px 8px; background:#feae31; border-radius:4em; color:#202020;}
.resulterr2 p{ text-align:center; padding:0 30px;}
.resulterr2 p img {margin-right:10px;position:relative; top:-5px}

@media screen and (max-width: 1180px) {
.resulterr2 p img {display:block; width:35x; height:33px; margin:0 auto}
}


@media screen and (max-width: 585px) {
.resulterr div {width:auto; text-align:center}
.resulterr img {float:none; margin-right:0px; margin-bottom:5px}
}




 /* 20160407 추가_채용 */
 
.boxx_list {}
.boxx_list ul {overflow:hidden;}
.boxx_list ul li {float:left; padding-left:30px; margin:5px 0; background:url(/web/images/recr/recr_arrow.png) no-repeat 10px center; box-sizing:border-box;}
.boxx_list ul li:first-child{padding-left:0; background:none;}
.boxx_list ul li .con {display:table-cell; width:140px; height:70px; padding:0 10px; vertical-align:middle; text-align:center; border:1px solid #dddddd; box-sizing:border-box;}

.boxx_list ul li.bg_01 .con {background-color:#cae7f5;}
.boxx_list ul li.bg_02 .con {background-color:#ffffff;}


@media screen and (max-width: 500px) {
	.boxx_list ul li {padding-left:0; padding-top:30px; background:url(/web/images/recr/recr_arrow3.png) no-repeat center 5px;}
	.boxx_list ul li {width:100%;}
	.boxx_list ul li:first-child{padding-top:0; background:none;}
	.boxx_list ul li .con {display:block; width:100%; height:auto; padding:10px 0;}
}


/* 20160419 추가_물산업지원센터 */
.recr_box3 {position:relative; overflow:hidden; width:100%; margin:15px 0px 0px 0px; padding-bottom:0px;}
.recr_box3 ul{list-style:none; clear:both;}
.recr_box3 li{float:left;}
.recr_box3 li.text1{width:10%; margin-top:30px; text-align:center}
.recr_box3 li.text1 ul {list-style:none; clear:both; }

.recr_box3 .text3 {width:32%; margin-right:2%;}
.recr_box3 .text3_end {width:32%; margin:0;}
.recr_box3 p.title{width:100%; height:30px; background-color:#047ab3; font-weight:600; color:#FFFFFF; line-height:30px; text-align:center; box-sizing:border-box;}
.recr_box3 p.box{line-height:18px; border:solid 1px #dddddd; margin-top:5px; padding:10px; height:90px; background-color:#ffffff; box-sizing:border-box;}
.recr_box3 dl.end{line-height:30px; padding:10px; overflow:hidden; border:solid 1px #dddddd; margin-top:5px; ; background-color:#ffffff; box-sizing:border-box;}

@media screen and (max-width: 600px) {
	.recr_box3 {margin:0;}
	.recr_box3 .text3 {width:100%; margin-top:10px;}
	.recr_box3 .text3_end {width:100%; margin-top:10px;;}
	.recr_box3 p.box{line-height:18px; border:solid 1px #dddddd; margin-top:5px; padding:10px; height:auto; background-color:#ffffff; box-sizing:border-box;}
	.recr_box3 dl.end{line-height:30px; padding:10px; overflow:hidden; border:solid 1px #dddddd; margin-top:5px; ; background-color:#ffffff; box-sizing:border-box;}
	.recr_box3 dl.end li {display:block; overflow:hidden;}

}

/** 나의보상 - 보상정보 추가 **/
p.err-msg{display:inline-block}
.img-max{max-width:100%}
.b-bottom-box{border-bottom:1px solid #dedede; padding-bottom:20px}
.black{color:#181818}
a.btn-default{display:inline-block; padding:10px 50px; background:#137baf url(/web/images/cust/btn-default-bg.gif) no-repeat 95% center; color:#fff !important; font-size:15px}

.mycomp-form{padding:25px 45px !important}
.mycomp-form .col-right{float:right}
.mycomp-form:after{display:block; clear:both; content:""}
.mycomp-form select{width:130px}
.mycomp-form input[type="text"]{width:100px}
.mycomp-form input[type="submit"]{background:#047ab3; border:1px solid #047ab3}
.mycomp-form select, .mycomp-form input[type="text"]{height:34px !important ; border:1px solid #dedede !important; box-sizing:border-box !important; padding:5px 5px 5px 10px !important}
.mycomp-form a{display:inline-block; background:#4b4b4b;height:33px !important ; box-sizing:border-box !important; padding:5px 10px !important; color:#fff !important}
.mycomp-form .add-input{background:#fff; width:35% !important}
@media screen and (max-width: 1320px) {
	.mycomp-form select{width:100px}
	.mycomp-form input[type="text"]{width:90px}
}

@media screen and (max-width: 1210px) {
	.mycomp-form {text-align:center; padding:25px !important}
	.mycomp-form .col-right{float:none; display:block;margin-top:7px}
}

@media screen and (max-width: 480px) {
	.mycomp-form { padding:20px 10px !important}
	.mycomp-form select, .mycomp-form input[type="text"]{padding:5px }
	.mycomp-form select{width:80px}
	.mycomp-form input[type="text"]{width:80px}
	.mycomp-form input[type="submit"]{display:block; margin:7px auto 0}
	.mycomp-form .add-input{ width:70% !important}
}

.mycomp-step{}
.mycomp-step li{text-align:center}
.mycomp-step li:after{display:block; clear:both; content:""}
.mycomp-step li{width:49%;float:left; margin-bottom:20px}
.mycomp-step li img{max-width:100%; margin-bottom:10px}
.mycomp-step li:nth-child(1){width:100%}
.mycomp-step li:nth-child(3){float:right}
.mycomp-step li p{font-weight:bold; font-size:15px;color:#333}

@media screen and (max-width: 600px) {
	.mycomp-step li{width:100%; float:none}
	.mycomp-step li:nth-child(3){float:none}
}