@charset "utf-8";

/* hidden */
#skip_menu, .hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

#hd_login { text-align:right; padding:5px 25px 0 0; color:#999; font-size:0.8em;}
#hd_login > span {padding:0 7px; color:#ccc;}
#hd_login > a { color:#999; }
/* 탑바 */
#top_bar { background: url(../img/topbar_bg.gif) repeat-x; padding: 0; margin: 0 auto; height: 30px; width:100%; }
#top_bar h1 { position:absolute; padding:0; margin-left:40px; top:0; z-index:999 }

/* 탑바 로그인 */
#login_box {margin: 0 auto;width: width:95%; max-width:1600px; min-width:800px; height:30px; padding:0; text-align:right;}
#login_box ul {float: right; padding:0; height: 20px;text-align:right; margin:5px 10px 0 0;}
#login_box ul li {float:left; display:inline; margin:0 5px; font-size:12px; color:#666;text-align:right;}
#login_box input.topInput { height:12px; width:80px; }


/* 로그인 */
#mb_login {margin:0 auto; padding:100px 0;width:500px; }
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label {letter-spacing:-0.1em}
#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px;width:162px}
#mb_login #login_fs .btn_submit {position:absolute;top:20px;right:95px;width:60px;height:53px}
#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
#mb_login #login_info div {text-align:right}



/* 상단 메인메뉴 */
#header { margin: 0; padding: 0; width:100%; background-color:#777; }
#head_box{ position:relative; margin: 0 auto; padding-top: 0px; width:95%; max-width:1600px; min-width:800px; height:40px; }

#gnb { float:right; margin:0; padding:0; border-width:0; border-left:1px solid #888; border-right:1px solid #666; }

#gnb a:hover { color:#2BACC8; }
#gnb>li { display:inline;float:left; width:120px;}

#gnb li h4>a { display:block; font-size:1.2em; margin:0; width:120px; height:29px; padding:10px 0 0 0; margin:0; text-align:center; color:#cecccb; background-color:#777; border-right:1px solid #888; border-left:1px solid #666; }
#gnb li.on h4>a { color:#cf4;  border-left:1px solid #333; border-right:1px solid #ccc; background-color:#555; }
#gnb li h4>a:hover, #gnb li.sub_over h4>a {  color:#fff;  border-left:1px solid #666; border-right:1px solid #fff; background-color:#999897; }

#gnb ul { position:absolute; padding:10px; border: 1px solid #ccc; width:100px; background-color:#f9f7f5; z-index:9999; display:none; }
#gnb ul li { background:url(../img/bullet_2.gif) 0 7px no-repeat; padding: 2px 0 2px 10px; border-bottom:1px dotted #eee; }
/*#gnb li.on > ul { display:block; }*/

#gnb ul>li>a { text-decoration:none; color:#777; }
#gnb ul>li.on>a { color:#f60; }

#container { clear:both; margin: 0 auto; padding: 0;width:100%; }
/*#lnb { float:left; margin: 0; padding: 0; width:180px;  }
#lnb li { padding: 10px; }*/
#contents {  width:95%; max-width:1600px; min-width:800px; margin: 0 auto; padding: 20px 10px; background-color:white; /*border-left:1px solid #ccc;*/ }
#contents div.bo_content_head > h2 { font-family:"나눔고딕", "맑은 고딕", "돋움", "돋움체"; font-size:18px; font-weight:bold; 
		color:#659403; padding:3px 0 10px 0; background:url(../img/bullet_iconic.gif) 2px 0px no-repeat; padding-left:30px; }
		
#board_write div.title_msg { display:none; }

#footer{clear:both; width:100%; background-color:#eceae6;padding-bottom:15px;border-top:1px solid #e1e1e1;}
#foot_box { margin: 0 auto; padding: 0; width:95%; max-width:1600px; min-width:800px; height:90px; }
#foot_box>a {float:left; display:block;  margin: 5px 5%; }
#foot_logo {  } 
#foot_menu { float:right; width:70%; border-bottom:1px dotted #ccc;  } 
#foot_menu li { float:left; text-align:center; padding:0; width:11%; padding: 10px 0; }

#foot_menu li a {  display:block; padding: 0; width:100%; font-weight:bold; color:#766; border-left: 1px dotted #ccc;  }

#foot_menu li a.end {border-right: 1px dotted #ccc;}
#foot_menu li a:hover { color:#f96; text-decoration:none; }
#foot_menu li.on a, #foot_menu li.on a:hover { background-color:#766; color:white;  }
#foot_address { float:right;  width:75%; padding:10px 0; color:#987; } 
#foot_address > a { color:#987; }