@charset "utf-8";
/* CSS Document */

#wrap{position: relative; width:100%;}
#warp_bg{position: relative;  width:100%; background: url("/images/mayor/main/top_bg.gif") 0 1px repeat-x;}
#header_bg{position: relative; width:100%; height:100px;  margin-top:0px; }
#header_box{clear:both; position: relative; width:100%; margin:auto; padding-top:10px;}
#logo{width:228px; float:right; margin-top:10px;}
#header{float:right; }
/* ��ƿ */	
#utile{display:none;}

/* ����ϸ޴� */
#gnb_area{position: absolute; z-index:99999; float:left; margin-top:17px; margin-left:10px;}
#gnb_area h3{display:none;}
.btn_menu a{display:block; height:40px; width:40px; background:url("/images/council/main/all_m.png") no-repeat 0 0; border:0; text-indent:-9999px; cursor:pointer;}

#aside{position:absolute; width:300px; left:-320px; top:-20px; z-index:200; background:#fff;}
.bg_allmenu{position: fixed; top:0px; left:0; cursor:pointer; width:100%; height:100%; z-index:9999; background:#000; opacity:.5; filter:alpha(opacity=50); background-size:cover;}
.allmenu_wrap{}
.allmenu_list{}
.allLi{}
.allLi a{}
.allLi,.allsub_list li{border-bottom:1px solid #cecece;}
.allLi a.new_win,a.li_a{display:block;padding:8px 10px;position:relative;overflow:hidden;font-size:15px;font-weight:600;}
a.li_a1{background:#fff;}

a.li_a1:hover{background:#8cd6e0; color:#000;}
.allLi a.new_win,a.li_a2{color:#fff;background:#515151;}
.allLi a.new_win:hover,a.li_a2:hover{background:#8e8e8e;}
a.li_a1.on{color:#fff;background:#00adc3;}

.allListTxt{float:left;padding:.2em;display:block;text-overflow:ellipsis;white-space:nowrap;}
.allLi .ico{float:right;position:absolute;top:17px;right:17px;font-size:10px;}
.allsub_list li:last-child{border-bottom:none;}

.allLi a.new_win,.subLi a.li_a{border-bottom:1px solid #8d8d8d;}
.allmenu_btn{width:100%; text-align:center; padding:20px 0; background:#fff;}
.allmenu_btn img{width:118px;}
.allmenu_btn li a{background:#f3f3f3; padding:5px 20px; border: 1px solid #dedede;}
.allmenu_btn a.fst{margin-right:5px;}
.allmenu_btn a.btn_logout img{width:133px;}


/* �޴� */	
#menu_box{display:none;}


#contents{clear:both; position:relative;  width:100%;  margin:auto; margin-top:0px;}

#visual_wrap{position:relative; width:100%; height:200px; }
#visual_img_wrap { width:100%; z-index:1;}
.visual_cover{display:none;}
.visual_cover2{display:none;}
.visual_cover3{display:none;}

/* ���־� */

/*���ν����̴����*/
.photoslider-bullets1 .sliderkit-nav{position:absolute;  top:20px; right:25px; z-index:250; }
.photoslider-bullets1 .sliderkit-nav-clip {overflow:visible !important; }
.photoslider-bullets1 .sliderkit-nav-clip ul{ padding-left:0px !important;}
.photoslider-bullets1 .sliderkit-nav-clip ul li{float:left;margin:0 3px 0 0;}
.photoslider-bullets1 .sliderkit-nav-clip ul li a{width:16px;height:16px;background:transparent url("/images/mayor/main/btn_pagin_off.png") no-repeat 0 0;}
.photoslider-bullets1 .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/mayor/main/btn_pagin_on.png") no-repeat 0 0;}


.sliderkit .sliderkit-panel{top:0px;width:100%; height:100%; z-index:10; position:absolute; overflow:hidden; }
.sliderkit .sliderkit-panel-active{z-index:25;}
.sliderkit .sliderkit-panel-old{z-index:4;}


.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden; margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block; overflow:hidden;}

/*���־󿵿�*/
.photoslider-bullets1{width:100%; }

#right_box{clear:both; position:relative; width:98.5%; }

#notice_box{position:relative;  width:98%; margin:20px 0 0 10px; clear:both;}
#notice_box h3{ font-size:17px;}
#notice_box .more{ position:absolute; top:5px; right:5px;}
#notice_box .notice_n{margin:10px 0 0 0px;}
#notice_box li{ padding-left:13px; background:url("/images/mayor/main/notice_icon.gif") 0 50% no-repeat;}
#notice_box li a{ color:#6e6e6e;}
#notice_box span{float:right;  font-size:13px; color:#888;}

#photo_box{position:relative; width:98%;  margin:20px 0 0 10px; clear:both;}
#photo_box h3{ font-size:17px;}
#photo_box .more{ position:absolute; top:5px; right:5px;}
#photo_box .photo_n{margin:10px 0 0 0px;}
#photo_box li{width:48%; float:left; margin:3px 0px 0 3px;}

@media screen and (min-width: 500px) and (max-width: 669px){
#photo_box li{width:24%; float:left; margin:3px 0px 0 3px;}

}



#quick_box{clear:both; width:98.5%; position:relative; padding-top:20px; margin-left:10px; }
#quick_box li{ width:83%; border:1px solid #e2e0e0; padding:23px;}
#quick_box .quick_t{color:#565555; font-size:13px; font-weight:bold;}
#quick_box .quick_t a{color:#565555; }
#quick_box .quick_t span{font-size:18px;}
#quick_box .quick_n{display:none;}
#quick_box .quick_01{ background:url("/images/mayor/main/quick_icon01.gif") 93% 50% no-repeat;}
#quick_box .quick_02{ background:url("/images/mayor/main/quick_icon02.gif") 93% 50% no-repeat;}
#quick_box .quick_03{ background:url("/images/mayor/main/quick_icon03.gif") 93% 50% no-repeat;}


#foooter_box{clear:both; position:relative;  width:100%; padding-top:45px; }
#foooter{clear:both; position:relative;  width:100%; background:#545454; padding:25px 0 25px 0px; float:left;}
#copy{clear:both; position: relative; width:100%;  margin:auto;}
#copy .add{clear:both; color:#FFF; text-align:center;}
#copy span{display:none;}
#copy .boho_list{display:none;}