@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:1200px;  margin:auto; padding-top:10px;}
#logo{width:228px; float:left; margin-top:17px;}
#header{float:right; }
/* ��ƿ */	
#utile{float:right;}
#utile li{float:left; margin-left:20px;}
#utile li a{font-weight:bold; font-size:14px; color:#979595;}

/* ����ϸ޴� */
#gnb_area{display:none;}


/* �޴� */	
#menu_box{clear:both; position:relative; float:right; width:840px; height:55px; }
#gnb {position:relative; width:100%;}

#gnb dt {visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
#gnb #gnb_list{ width:1000px; }

#gnb #gnb_tour{ float:left; width:65px;  padding:12px 0 0 0; text-align:center;}
#gnb #gnb_tour a{text-decoration:none; text-align:center; font-size:20px; color:#FFF; letter-spacing:-1px;}
#gnb #gnb_tour a:hover {color:#f06410; text-decoration:none; line-height:100%; font-weight:bold}

#gnb ul {overflow:hidden;}
#gnb ul li { float:left; padding:25px 0px 0 50px; font-weight:bold; text-align:center; }
#gnb ul li a { text-decoration:none; text-align:center; font-size:20px; color:#000; letter-spacing:-1px;}
#gnb ul li a:hover, #gnb ul li.on a {}

#gnb #gnb_t05 {}

#gnb ul ul {position:absolute; display:none;  z-index:11000;  }
#gnb01 {width:770px; padding:2px 0 3px 30px;}
#gnb02 {width:640px; padding:2px 0 3px 160px;}
#gnb03 {width:510px; padding:2px 0 3px 250px;}
#gnb04 {width:500px; padding:2px 0 3px 300px;}
#gnb05 {width:80px; padding:2px 0 3px 670px; }

#gnb ul li.on ul {display:block; height:26px; position:absolute; left:50px; top:68px; background:#FFF; opacity:0.8;  line-height:100%;  padding-top:5px; z-index:10000; }
#gnb ul li.on ul li {position:relative;  text-align:center; font-family:'Nanum Gothic'; float:left;  padding:4px 10px 0 10px; white-space:nowrap;}
#gnb ul li.on ul li a {font-size:14px; color:#333;  text-decoration:none; }
#gnb ul li.on ul li.on a,
#gnb ul li.on ul li a:hover {color:#1e2287; text-decoration:none; line-height:100%;  font-weight:bold}
#gnb ul ul a.new_win {padding:0 29px 3px 0; background:url(/images/common/icoNewWin2.gif) no-repeat right top;}

#contents{clear:both; position:relative; width:1200px; margin:auto; margin-top:0px;  }
.con_bg{clear:both; position:relative; float:left; width:1200px; padding-top:20px; background:url("/images/mayor/sub/con_bg.gif") 29px 0% repeat-y;}
/* ����Ʈ�޴� */
#snb{position:relative; width:241px; float:left; margin:0 0 0 29px; padding:0px 0px 0 0px;}
#snb h1{position:relative; clear:both; width:100%; height:30px; text-align:center; letter-spacing:-1px; padding:20% 0 20% 0%; font-size:26px; font-weight:bold; color:#283852; border-bottom:3px solid #124071; z-index:10; }
#snb #snb_show{position:absolute; top:90px; width:16px; right:5px; height:15px; padding:0px 5px 0px 0px; text-align:right; z-index:100;}

#snb #snb_show a{color:#FFF;}
#snb #snb_show a:hover{color:#fff000; }
#snb #snb_show img{vertical-align:-3px;}

#snb .depth01{position:relative; width:100%; margin-top:20px; }
#snb .depth01 li.close .depth02 {display:none;}
#snb .depth01 li {display:block;  text-align:left; color:FFF; font-size:15px; border-bottom:1px solid #d8d6d6; margin:0 0px 0px 0px; font-weight:600; padding:12px 10px 12px 15px; background:url('/images/mayor/sub/arrow_off.gif') 90% 50% no-repeat;}
#snb .depth01 li a{color:#555c63; }
#snb .depth01 li a:hover {color:#268d1e;}
#snb .depth01 li.on {display:block; color:#FFF; background:#6482bb url('/images/mayor/sub/arrow_on.gif') 90% 50% no-repeat;}
#snb .depth01 li.on a {color:#FFF; font-size:17px;}
#snb a {display:block;}
#snb .depth01 ul li a:hover {text-decoration:underline;}
#snb .depth01 li.more ul li a {background:none;}
#snb .depth01 .depth02 {display:block; font-size:12px;  }

#snb .depth01 .depth02 {background:#FFF; margin:7px -10px -10px -15px; padding:7px 0px 20px 5px;  border-left:1px solid #d8d6d6;}
#snb .depth01 .depth02 li {width:90%; line-height:18px; font-size:12px;  padding:5px 0px 0px 5px; color:#6d6c6c; border-bottom:0; margin:0 0 0 5px;}

#snb .depth01 .depth02 li.on {box-sizing: border-box; width:98%; font-weight:bold !important; background:#FFF;  font-size:12px; padding:5px 0px 0px 10px; color:#6d6c6c; border-bottom:0; }

#snb .depth01 .depth02 li a {color:#6d6c6c; text-decoration:none; font-size:13px; }
#snb .depth01 .depth02 li.on {color:#3366ff; font-weight:bold; font-size:13px; margin:0px 0px 0px 0px;}
#snb .depth01 .depth02 li.on a {color:#3366ff;  font-weight:bold; font-size:13px; margin:0px 0px 0px 0px; letter-spacing:-1px;}

#snb a.new_win {padding:0 0px 0 0; background:url(/images/www/sub/icoNewWin5.gif) no-repeat right 0 !important;}
#snb ul.depth02 a.new_win {display:inline-block; padding:0 20px 0 0; background:url(/images/www/sub/icoNewWin5.gif) no-repeat 100% 4px !important;}

#snb2{display:none;}

#sub_con{ width:840px; float:right; margin-right:10px; margin-top:25px; padding:0px 25px 25px 25px; }

 #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{float:right;  margin-right:10px; padding:30px 0 20px 0px;}
  #title_box .excel_word ul{}
  #title_box .excel_word li{float:left; margin-right:2px;}

.list_table {background:url(/images/board/board_thead.gif) repeat-x;}

  /* qr code */
#qrcode { border:1px solid #b3d8e7; float:left; clear:both; width:100%; margin-top:40px; padding:0; height:140px; }
#qrcode dt { position:relative; top:16px; left:140px;}
#qrcode .img { position:relative; top:-58px; left:5px; }
#qrcode .img img { width:120px; height:120px; border:3px solid #0099cc; }
#qrcode .txt {  position:relative; top:26px; left:140px;}
#qrcode .txt span { color:#ff7200; font-weight:bold;}



#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:1200px;  margin:auto;}
#copy .add{float:left;  color:#FFF;}
#copy .boho_list{float:right;}
#copy .boho_list li{float:left;  margin-left:15px;  font-weight:600;}
#copy .boho_list li a{ color:#FFF;}