@charset "utf-8";

#wrap.main{background:none}

/*비주얼 영역*/
.mvisual_wrap{}
.mvisual_wrap .mvisual{position:absolute;width:1400px;height:611px;margin-left:-700px;left:50%}
.mvisual .obj{position:relative}
.mvisual .obj .item{position:absolute;top:0;left:0;}

.mvisual .pnote{position:absolute;top:371px;left:610px;}
.mvisual .pnote a{display:block;float:left;width:14px;height:14px;margin-left:11px;background:url(/images/public/main/mvisual_out.png) no-repeat;font-size:0;}
.mvisual .pnote a.ov,
.mvisual .pnote a:hover,
.mvisual .pnote a:focus,
.mvisual .pnote a:active{background:url(/images/public/main/mvisual_on.png) no-repeat}

.mvisual .control{position:absolute;top:370px;left:760px}
.mvisual .control a{position:absolute;float:left;display:block;top:0;left:10px;width:24px;height:15px;font-size:0;}
.mvisual .control a[rel="stop"]{background:url(/images/public/main/mvisual_stop.png) no-repeat}
.mvisual .control a[rel="play"]{background:url(/images/public/main/mvisual_play.png) no-repeat}
.mvisual .control a[rel="prev"]{top:-190px;left:-720px;width:28px;height:50px;background:url(/images/public/main/mvisual_prev.png) no-repeat}
.mvisual .control a[rel="next"]{top:-190px;left:570px;width:28px;height:50px;background:url(/images/public/main/mvisual_next.png) no-repeat}

.con_wrap{position:relative;margin-top:-24px;background:url(/images/public/main/spring_wrap_bg.gif) repeat-x 50% 106%;z-index:10}
.con_wrap:before{content:"";position:absolute;bottom:0;left:-1000px;width:1000px;height:191px;background:#2980b9}
.con_wrap:after{content:"";position:absolute;bottom:0;right:-1000px;width:1000px;height:191px;background:#2980b9}
.con_wrap .con{overflow:hidden;width:1000px;margin:0 auto;padding-top:18px}
.con_wrap .con:after{content:"";display:block;clear:both}
.con .tit1{float:left;width:233px;margin-top:-16px;padding:140px 0 7px;background:url(/images/public/main/visual_title_01.png) no-repeat;color:#fff;text-align:center;font-size:1.571em; line-height:1.4;}
.con .tit2{float:left;width:233px;margin-top:-16px;padding:140px 0 7px;background:url(/images/public/main/visual_title_02.png) no-repeat;color:#fff;text-align:center;font-size:1.571em;  line-height:1.4;}
.con .tit3{float:left;width:233px;margin-top:-16px;padding:140px 0 7px;background:url(/images/public/main/visual_title_03.png) no-repeat;color:#fff;text-align:center;font-size:1.571em; line-height:1.4;}
.con .tit4{float:left;width:233px;margin-top:-16px;padding:140px 0 7px;background:url(/images/public/main/visual_title_04.png) no-repeat;color:#fff;text-align:center;font-size:1.571em; line-height:1.4;}
.con .tit5{float:left;width:233px;margin-top:-16px;padding:140px 0 7px;background:url(/images/public/main/visual_title_05.png) no-repeat;color:#fff;text-align:center;font-size:1.571em; line-height:1.4;}
.con .tit6{float:left;width:233px;margin-top:-16px;padding:140px 0 7px;background:url(/images/public/main/visual_title_06.png) no-repeat;color:#fff;text-align:center;font-size:1.571em; line-height:1.4;}
.con .tit1 span{font-size:0.727em}
.con .tit2 span{font-size:0.727em}
.con .tit3 span{font-size:0.727em}
.con .tit4 span{font-size:0.727em} 
.con .tit5 span{font-size:0.727em}
.con .tit6 span{font-size:0.727em}



.con .photo{float:left;width:233px;height:192px;}

.con .service_menu{overflow:hidden;float:left;padding-left:30px}
.con .service_menu:after{content:"";display:block;clear:both}

.service_menu p{margin-top:35px;color:#fff; font-size:1.063em;}

.service_menu ul{margin-top:30px}
.service_menu ul li{float:left}
.service_menu ul li a{display:block;height:41px;padding-left:41px;line-height:41px;color:#fff;}
.service_menu ul li a:hover{text-decoration:underline}

.service_menu ul .btn1 a{width:90px;margin-right:10px;background:url(/images/public/main/service_btn1.gif) no-repeat}
.service_menu ul .btn2 a{width:90px;margin-right:10px;background:url(/images/public/main/service_btn2.gif) no-repeat}
.service_menu ul .btn3 a{width:120px;background:url(/images/public/main/service_btn3.gif) no-repeat}


/*컨텐츠 영역 */
.main #container{margin-top:611px}
.main #container #contents{min-height:0}

[class^="mcon"]{float:left;height:190px;padding-top:25px}

/*사진자료방*/
.mcon1{position:relative;width:467px;border-right:1px solid #e7e7e7}

.mcon1 .obj_wrap{position:relative;overflow:hidden;width:379px;height:140px;margin-left:38px}
.mcon1 ul{position:relative;overflow:hidden;top:21px;left:0;width:10000px;}	
.mcon1 ul:after{content:"";display:block;clear:both}
.mcon1 ul li{float:left;padding:0 5px;}
.mcon1 ul li a{position:relative;display:block;width:179px;height:120px;}
.mcon1 ul li a span{position:absolute;display:block;bottom:0;width:100%;height:30px;}
.mcon1 ul li a img{height:100%}

.mcon1 .control{position:absolute;top:108px;left:0}
.mcon1 .control a{position:absolute;display:block;top:0;left:8px;width:21px;height:36px;font-size:0}
.mcon1 .control a[rel="prev"]{background:url(/images/public/main/mcon1_prev.gif) no-repeat}
.mcon1 .control a[rel="next"]{left:425px;background:url(/images/public/main/mcon1_next.gif) no-repeat}

.mcon1 .more{position:absolute;top:31px;right:24px}
.mcon1 .more a{display:block;width:15px;height:15px;background:url(/images/public/main/mcon1_more.gif) no-repeat;}



/*공지사항*/
.mcon2{position:relative;width:265px;padding:25px 20px 0;border-right:1px solid #e7e7e7}

.mcon2 ul{margin-top:15px;padding-top:15px;border-top:1px solid #e7e7e7}
.mcon2 ul li{margin-bottom:5px;overflow:hidden;}
.mcon2 ul li:after{content:"";display:block;clear:both}

.mcon2 ul li a{float:left;display:block;width:58%;padding-left:15px;background:url(/images/public/main/mcon2_bul.gif) no-repeat 0 50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.mcon2 ul li a:hover{text-decoration:underline}
.mcon2 ul li .date{float:right;}
.mcon2 .more{position:absolute;top:31px;right:25px}
.mcon2 .more a{display:block;width:15px;height:15px;background:url(/images/public/main/mcon1_more.gif) no-repeat}


/*공공시설사업소*/
.mcon3{padding-left:20px}
.mcon3 ul{margin-top:15px;}
.mcon3 ul li{}
.mcon3 ul li a{display:block;width:99px;height:55px;margin-bottom:5px;padding-left:106px;line-height:55px;color:#000}
.mcon3 ul li a:hover{text-decoration:underline}

.mcon3 ul .btn1 a{background:url(/images/public/main/mcon3_btn1.gif) no-repeat;}
.mcon3 ul .btn2 a{background:url(/images/public/main/mcon3_btn2.gif) no-repeat;}