@charset "utf-8";

#wrap.main{background:#fff}

/*메인 비주얼 영역*/
/*비주얼*/
.mvisual_wrap{height:500px;margin-bottom:70px;background:url(/images/water/main/mvisual_pattern.gif)}
.mvisual_wrap .mvisual{position:relative;min-width:1000px;max-width:1240px;height:100%;margin:0 auto;background:url(/images/water/main/mvisual_bg.jpg) no-repeat 50% 0}

.mvisual_wrap .mvisual p{width:1000px;margin:0 auto;padding-top:250px;line-height:1.4}

.mvisual_wrap .mvisual ul{width:1000px;margin:0 auto;overflow:hidden;padding-top:30px}
.mvisual_wrap .mvisual ul:after{content:"";display:block;clear:both}
.mvisual_wrap .mvisual ul li{float:left}

.mvisual_wrap .mvisual ul li a{display:block;width:63px;height:63px}
.mvisual_wrap .mvisual ul .btn1 a{background:url(/images/water/main/mvisual_btn1.png) no-repeat}
.mvisual_wrap .mvisual ul .btn1 a:hover{width:188px;background:url(/images/water/main/mvisual_btn1_ov.png) no-repeat}
.mvisual_wrap .mvisual ul .btn2 a{margin-left:15px;background:url(/images/water/main/mvisual_btn2.png) no-repeat}
.mvisual_wrap .mvisual ul .btn2 a:hover{background:url(/images/water/main/mvisual_btn2_ov.png) no-repeat}
.mvisual_wrap .mvisual ul .btn3 a{margin-left:15px;background:url(/images/water/main/mvisual_btn3.png) no-repeat}
.mvisual_wrap .mvisual ul .btn3 a:hover{background:url(/images/water/main/mvisual_btn3_ov.png) no-repeat}

/*서비스 메뉴*/
.mvisual_wrap .service_wrap{position:relative;width:1000px;margin:-80px auto 0;background:url(/images/water/main/service_bg.gif) repeat 0 -10px}
.service_wrap .service{overflow:hidden;padding:10px}
.service_wrap .service:after{content:"";display:block;clear:both}

.service .tit{float:left;margin-top:30px;padding-left:75px;background:url(/images/water/main/service_img1.png) no-repeat 10px 50%}
.service .tit p{margin-bottom:10px;color:#fff;font-size:1.563em;font-weight:400}
.service .tit p span{color:#f7e337}
.service .tit p + p{margin:0;color:#eeeeee;font-size:0.875em;line-height:1.3}

.service_menu{position:relative;overflow:hidden;float:right;width:732px}
.service_menu .obj{position:relative;width:10000px;overflow:hidden;background:#fff;padding:18px 41px}
.service_menu .obj:after{content:"";display:block;clear:both}

.service_menu .obj li{position:relative;float:left;margin-left:10px}
.service_menu .obj li:first-child{margin-left:0}
.service_menu .obj li:after {position:absolute;display:block;content:"";top:10px;left:-5px;width:1px;height:71px;background:url(/images/water/main/service_bar.png) no-repeat}
.service_menu .obj li a{display:block;width:100px;height:32px;padding:60px 0 10px;text-align:center;line-height:1.2;font-weight:400}
.service_menu .obj .btn1 a{background:url(/images/water/main/service_btn1.png) no-repeat 50% 10px}
.service_menu .obj .btn2 a{background:url(/images/water/main/service_btn2.png) no-repeat 50% 10px}
.service_menu .obj .btn3 a{background:url(/images/water/main/service_btn3.png) no-repeat 50% 10px}
.service_menu .obj .btn4 a{background:url(/images/water/main/service_btn4.png) no-repeat 50% 10px}
.service_menu .obj .btn5 a{background:url(/images/water/main/service_btn5.png) no-repeat 50% 10px}
.service_menu .obj .btn6 a{background:url(/images/water/main/service_btn6.png) no-repeat 50% 10px}

.service_menu .control{position:absolute;top:0px;left:0px}
.service_menu .control a{position:absolute;display:block;top:0;left:0;width:41px;height:138px;font-size:0}
.service_menu .control a[rel="prev"]{background:url(/images/water/main/service_prev.gif) no-repeat}
.service_menu .control a[rel="next"]{left:691px;background:url(/images/water/main/service_next.gif) no-repeat}


/*컨텐츠영역*/
/*공지사항*/
.mcon1{float:left;position:relative;width:340px;height:214px;border:1px solid #acacac;background:#f4f4f4}

.mcon1 h3{position:absolute;top:0px}
.mcon1 .tab1{left:0}
.mcon1 .tab2{left:90px}
.mcon1 .tab3{left:180px}
.mcon1 .tab1:after,
.mcon1 .tab2:after{position:absolute;content:"";display:block;width:2px;height:12px;top:16px;left:89px;border-left:1px solid #a5a7ac}

.mcon1 h3 a{display:block;width:90px;height:45px;color:#000;text-align:center;line-height:45px;font-size:0.9em;font-weight:400}
.mcon1 h3 a.on,
.mcon1 h3 a:hover,
.mcon1 h3 a:focus,
.mcon1 h3 a:active{color:#fff;background:#1499d1;font-size:1em}

.mcon1 .grap{position:absolute;top:45px;left:0;width:100%}
.mcon1 .grap ul{padding:13px 20px;border-top:3px solid #1499d1;background:#fff}
.mcon1 .grap ul li{overflow:hidden;position:relative;margin-bottom:5px;padding:5px 0 5px 10px;border-top:1px solid #acacac}
.mcon1 .grap ul li:first-child{border-top-width:0}
.mcon1 .grap ul li:before{position:absolute;content:"";display:block;width:2px;height:2px;top:18px;left:3px;border-left:2px solid #1499d1}
.mcon1 .grap ul li:after{content:"";display:block;clear:both}
.mcon1 .grap ul li a{float:left;display:block;width:65%;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}

.mcon1 .grap ul li .date{float:right}

[id^="mcon1_"] .more1{position:absolute;top:-34px;right:12px;border:1px solid #acacac}
[id^="mcon1_"] .more1 a{display:block;width:26px;height:24px;background:url(/images/water/main/notice_more.gif) no-repeat}


/*상수도 요금안내*/
.mcon2{float:left;height:214px;margin-left:29px;padding:0 10px;background:#fafafa;border:1px solid #acacac;}
.mcon2 h3{font-size:1.25em;padding:18px 0 20px 18px;font-weight:400}
.mcon2 h3 span{color:#409cc1}

.mcon2 ul{overflow:hidden}
.mcon2 ul:after{content:"";display:block;clear:both}
.mcon2 ul li{float:left}

.mcon2 ul li a{display:block;width:100px;padding:90px 0 0;text-align:center;font-weight:400;line-height:1.3;}
.mcon2 ul .btn1 a{background:url(/images/water/main/mcon2_img1.png) no-repeat 50% 0}
.mcon2 ul .btn2 a{background:url(/images/water/main/mcon2_img2.png) no-repeat 50% 0}
.mcon2 ul .btn3 a{background:url(/images/water/main/mcon2_img3.png) no-repeat 50% 0}



/*맑은물 소식*/
.mcon3{float:left;position:relative;width:276px;height:214px;margin-left:29px;border:1px solid #acacac}
.mcon3 h3{position:absolute;top:16px;left:16px;font-size:1.25em;font-weight:400}
.mcon3 h3 span{color:#409cc1}

.mcon3 .obj{position:absolute;top:61px;left:0;width:276px;height:152px;border-top:1px solid #acacac}
.mcon3 .obj li{position:absolute;top:0;left:0}
.mcon3 .obj li a{display:block;width:276px;height:152px}

.mcon3 .control{overflow:hidden;position:absolute;top:18px;right:18px;border:1px solid #dcdcdc}
.mcon3 .control:after{content:"";display:block;clear:both}
.mcon3 .control a{float:left;display:block;width:20px;height:21px;border-left:1px solid #dcdcdc;font-size:0}
.mcon3 .control a[rel="stop"]{background:url(/images/water/main/pop_btn_stop.gif) no-repeat;border-left-width:0}
.mcon3 .control a[rel="play"]{background:url(/images/water/main/pop_btn_play.gif) no-repeat}
.mcon3 .control a[rel="prev"]{background:url(/images/water/main/pop_btn_prev.gif) no-repeat}
.mcon3 .control a[rel="next"]{background:url(/images/water/main/pop_btn_next.gif) no-repeat}