@charset "utf-8";
@import url("button.css");

.popup_bg {background-color:#efefef;}
.main_bg {background-color:#edead9;  }
.body_bg {background:url(../Images/bg.png) repeat 0 0 #edead9; }
#wrap{/*width:100%;*/width:1200px;margin:0 auto;}/*width:1000px; ->1200*/
#wrap_main{width:100%;}
#wrap_pop{width:700px;}
.line_main_wrap {border-top:2px solid #000;width:100%;background:url(../Images/admin_main_bg.jpg) no-repeat 0 0;}
#admin_main {width:430px;height:344px;margin:0 auto; margin-top:250px; padding:175px 0 0 50px;background:url(../Images/admin_login_bg.gif) no-repeat 0 0 }

#wrapper{width:1150px;margin:0 auto;}
#header {position:relative;overflow:hidden;height:140px;}
#container {overflow:hidden;width:100%;background-color:#f9f9f9;}
#contents {overflow:hidden;width:96%;margin:25px 2% ;}

.basic_switch_popup {width:670px;} /*760px ->960px*/

#footer {overflow:hidden;float:left;width:100%;margin-bottom:20px;font:normal 11px "µ¸¿ò"; color:#969696;text-align:center;}
#footer .copyright {width:100%;margin-top:20px;font-weight:bold;}
#footer .foot_txt{width:100%;}
/*header*/
#header .logo{overflow:hidden;width:100%;height:96px;text-align:center;}
#header .logo img{width:250px;height:40px;padding:20px 10px 0;}
#header .logo a img{}
#header .welcome_txt{overflow:hidden;position:absolute;top:60px; width:100%;font:bold 11px "µ¸¿ò"; color:#969696;text-align:center;vertical-align:middle;}

.pop_width {width:200px;margin-top:10px;}
.gnb{overflow:hidden;position:absolute;top:96px;width:100%;height:36px;background:url(../Images/gnb_bg.png) repeat-x 0 0;background-color:#edead9;}
.gnb ul{overflow:hidden;float:left;}
.gnb .menu{float:left;}
.gnb .menu a{display:block;padding:13px 30px;font:bold 12px "µ¸¿ò"; color:#efefef;letter-spacing:-1px}
.gnb .menu a:hover{color:#9c9c9c;}

.tit_bg1,.tit_bg2 {float:left;height:27px;padding-top:13px;}
#contents .tit_bg1 {width:50%;background:url(../Images/admin_box.gif) no-repeat left 0px;}
#contents .tit_bg1 h3 {padding-left:15px;font:bold 14px "µ¸¿ò";color:#505050;}

#contents .tit_bg2 {position:relative;width:50%;background:url(../Images/admin_box.gif) no-repeat right 0px; text-align:right;}
#contents .tit_bg2 .access_time {position:absolute;right:20px;font:normal 11px "µ¸¿ò";color:#505050;}

#contents .tit_bg2 .find_box {position:absolute;right:20px;font:normal 11px "µ¸¿ò";color:#505050;}
#contents .tit_bg2 .btn_box {position:absolute;top:10px;right:20px;width:700px;font:normal 11px "µ¸¿ò";color:#505050;}
#contents .tit_bg2 a img {vertical-align:middle;}

#contents .contents_mid {min-height:400px;height:auto;!important;height:100%}
#contents .contents_mid2 {min-height:300px;height:auto;!important;height:100%}

#contents .contents_mid, #contents .contents_mid2 {overflow:auto;padding:20px 20px 0 20px;border-left:1px solid #bebebe; border-right:1px solid #bebebe; background-color:#fff;}
.contents_bot1 ,.contents_bot2 {float:left;margin-bottom:10px;height:30px;} 
#contents .contents_bot1 {width:10%;background:url(../Images/admin_box.gif) no-repeat left -70px;}
#contents .contents_bot2 {width:90%;background:url(../Images/admin_box.gif) no-repeat right -70px;}


#contents h4, #contents_popup h4 {width:97%;height:25px;padding:15px 0 0 15px;font-size:12px;background:url(../Images/admin_ico.gif) no-repeat 0px 16px;}
#contents .btn, #contents_popup .btn {width:100%; margin-top:15px;text-align:center;}
#contents .btn input {margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle}
#contents .btn2, #contents_popup .btn2 {width:100%; margin-top:15px;text-align:right;}
#contents .btn3, #contents_popup .btn3 {width:100%; margin-top:5px;text-align:center;}

#contents .info1{float:left;width:200px; margin-top:15px;}
#contents .info2{float:left;width:200px; margin-top:15px;}
#contents .info3{float:left;width:300px; margin-top:15px;}


/*container*/
.tit{padding:8px 0 5px 25px;border-top:1px solid #dfdfdf;font:bold 12px "µ¸¿ò";background:url(../Images/admin_ico.gif) no-repeat 5px 8px;background-color:#efefef;}
.form_box{width:97%;padding:1% 0 1% 3%;background:url(../Images/admin_ico.gif) no-repeat 25px -31px;background-color:#f4f4f4}
.btn_box{width:100%;margin:25px 0;text-align:center;}
.btn_box2{width:100%;margin:5px 0 0 0;text-align:right;}

/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'µ¸¿ò',dotum;font-size:12px;text-align:center;border-collapse:collapse}
.tbl_type caption{display:none}
.tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
.tbl_type th{padding:15px 0 11px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'µ¸¿ò',dotum;font-size:12px;font-weight:bold}
.tbl_type td{padding:11px 0 9px;border:1px solid #e5e5e5;color:#4c4c4c}
.tbl_type td.number{font-weight:bold;font-family:'µ¸¿ò',Century Gothic ,dotum,;font-size:15px;letter-spacing:-1px;}
.tbl_type a img {vertical-align:middle;}
.tbl_type .align01{text-align:left;}
.tbl_type .align02{text-align:right;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #dddee2;font-family:'µ¸¿ò',dotum;font-size:12px;table-layout:fixed}
.tbl_type2 caption{display:none}
.tbl_type2 th{padding:8px 0 5px 20px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;font-weight:bold;text-align:left;vertical-align:top}
.tbl_type2 td{padding:8px 5px 5px 12px;border-top:1px solid #dddee2;line-height:16px;vertical-align:top}
 
/* ±âº» °£°Ý¾øÀ½ */
.tab_menu{overflow:hidden;width:100%;background:url(http://html.nhndesign.com/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%}
.tab_menu li{_display:inline;float:left;margin-right:-1px;border:1px solid #d4d4d4;color:#333}
.tab_menu li a{display:block;_float:left;height:20px;padding:9px 18px 0 19px;color:#666;text-decoration:none}
.tab_menu li a:hover{background:#f4f4f4;color:#333}
.tab_menu li.selected{border-bottom:1px solid #f4f4f4;background:#f4f4f4}
.tab_menu li.selected a{color:#333;font-weight:bold;letter-spacing:-1px}

/* ±âº» °£°ÝÀÖÀ½ */
.tab_menu2{overflow:hidden;width:600px;background:url(http://html.nhndesign.com/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%}
.tab_menu2 li{_display:inline;float:left;margin-right:3px;border:1px solid #d4d4d4;color:#333}
.tab_menu2 li a{display:block;_float:left;height:20px;padding:9px 18px 0 19px;color:#666;text-decoration:none}
.tab_menu2 li a:hover{background:#f4f4f4;color:#333}
.tab_menu2 li.selected{border-bottom:1px solid #f4f4f4;background:#f4f4f4}
.tab_menu2 li.selected a{color:#333;font-weight:bold;letter-spacing:-1px}

.form_table{margin:1em 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:8px;border:0;vertical-align:top}
.form_table th{color:#333}
.form_table td{color:#666}
.form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table tfoot th{border-bottom:1px solid #ddd}
.form_table tbody td{border-bottom:1px solid #ddd}
.form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form_table .item{position:relative;margin:-4px 0}
.form_table .item .i_help{position:absolute;top:4px;right:0}
.form_table .item .i_label{ top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}

.paginate{overflow:hidden;clear:both;margin:0 auto;padding:29px 0 30px;text-align:center;zoom:1}
.paginate a{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;color:#666;font-family:'µ¸¿ò',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 0 0 !important}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-3px;padding:0 0 0 5px;background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 0 0 !important;color:#666;font-family:'µ¸¿ò',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate strong{color:#01939c !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 100% 0 !important;text-decoration:underline;cursor:pointer}
.paginate strong span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;background:url(http://static.naver.com/common/paginate/bg_page_nav_ru.gif) no-repeat 100% 0 !important;zoom:1}
/* user option */
.paginate a.pre,.paginate a.next{position:relative;top:9px;background:none !important;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim, AppleGothic, Sans-serif;font-size:12px}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:8px}
/* //UI Object */

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../Images/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}