@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:10px; 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;  }
.con_bg{clear:both; position:relative; width:100%; }
/* ����Ʈ�޴� */
#snb{display:none;}

#snb2{position:relative; clear:both; margin-top:0px; z-index:100; }
.blackSheet { display:none;position:absolute;width:100%;height:100%; filter: alpha(opacity=30);opacity:0.60;;z-index:100; }
.blackSheet.active { display:block;z-index:1009;height:100%;  }
.blackSheetIn { display:none;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);z-index:10000; }
.blackSheetIn.active { display:block;  }
/* Navigation */
div.topNav {; border-top:1px solid #079a7c; height:40px;  background:url('/images/www/sub/snb2_bg.jpg') left top no-repeat;}
	div.topNav ul.firstDepth { position:relative;clear:both;width:100%; }
	div.topNav ul.firstDepth li { position:relative; width:95%;  color:#afaeb1; height:40px;line-height:40px; font-size:14px; font-weight:bold;  background:url('/images/www/sub/snb2_arrow1.png') right center no-repeat; }
	div.topNav ul.firstDepth li a { display:block; width:100%; color:#FFF; height:100%; padding-left:20px; }
	div.topNav ul.firstDepth li span { display:inline-block; height:34px; margin:3px 0; color:#FFF; text-indent:-9999px; overflow:hidden; }
	div.topNav ul.firstDepth li.civic span {color:#FFf;}
	div.topNav ul.firstDepth li.civic.active span { color:#FFf; }
	div.topNav ul.firstDepth li.civic.activeIn span {color:#FFf; }
	ul.secondDepth {
		position:absolute;top:40px;left:0;		
		width:100%;height:0;overflow:hidden;z-index:10000;		
	} 
	ul.secondDepth.active { height:auto;overflow:visible }
		ul.secondDepth.active li { min-height:35px;line-height:35px; font-size:14px; font-weight:bold; }
		ul.secondDepth.active li a { display:block;letter-spacing:-0.05em; }
		ul.secondDepth.active li > a { padding:0 20px; }
		
		ul.secondDepth.active li dl {	width:100%;height:30px;overflow:hidden; }
		ul.secondDepth.active li.active dl { height:auto;overflow:visible; }
		ul.secondDepth.active li dl dt {  height:35px;line-height:35px;padding:0 20px; font-size:14px; }
		ul.secondDepth.active li dl dt a { background:url('/images/www/sub/snb2_arrow2.png') right center no-repeat; }
		ul.secondDepth.active li dl dd { padding:0 25px;height:30px;line-height:30px; }
		ul.secondDepth.active li dl dd a { padding: 0 10px; font-size:0.875em;/*14/16*/font-weight:normal;background:url('/images/www/sub/snb_dot.gif') 0 15px no-repeat; }

		ul.secondDepth.active li dl dd:last-child {  }

		ul.secondDepth.blue { background-color:#f7f7f7; }
		ul.secondDepth.blue li { border-top:1px solid #d4d4d4;color:#555c63; }
		ul.secondDepth.blue li a { color:#555c63; }
		ul.secondDepth.blue li dl dt { color:#fff; }
		ul.secondDepth.blue li dl dd { color:#282828;background-color:#D5DBE3;border-bottom:1px solid #bdc5d1; }
		ul.secondDepth.blue li dl dd a { color:#555c63; }

		ul.secondDepth.active li:first-child { border-top:0; }

	ul.secondDepth li.secondLast {background-color:#fff;}
	ul.secondDepth li.secondLast a {font-size:0.8em;font-weight:normal;padding:3px 8px;;line-height:20px;
	background-color:#586e91;color:#fff;
	}


#sub_con{ width:100%; margin-top:25px; padding:0 2%; box-sizing:border-box}

 #title_box{position:relative; clear:both; height:65px; margin-bottom:20px; border-bottom:1px solid #d8d6d6; }	
 .title{float:left; font-size:30px; color:#333333; padding:25px 0 5px 12px; }

  #title_box .excel_word{ display:none;}
.list_table {background:url(/images/board/board_thead.gif) repeat-x;}

  /* qr code */
#qrcode { display:none;}

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

.satisfaction_survey_comment .satisfaction_survey dd{ box-sizing:border-box}