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

html,body{margin:0;padding:0; background:#ffffff;}
body{font:90% "Tahoma", 바탕체, arial,sans-serif;color: #333;text-align:center; padding:0px}
h1,h2{ margin: 0;}
h2{font-size: 160%;color: #555}
h2 a:link, a:visited{color:#202020; text-decoration: none;}
h2 a:hover{color: #202020; text-decoration: underline;}

p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}

div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

div#container{width:800px; margin: 0 auto;background-color: #C0CDF2;text-align: left}

div#header{clear:left;width:100%; background-color:#e7e7e7; }
div#loading{background:url(./images/etc/msload.gif) no-repeat 0% 50%;}
/* div#login_icon{background:url(./images/etc/ms_login.gif) no-repeat 0% 50%;}  */

div#menu{width:100%;overflow:auto;background: #e7e7e7;}

div#sub_menu a:link, a:visited{color:#202020; text-decoration: underline;}
div#sub_menu a:hover{color: #202020; text-decoration: underline;}

div#vdividermenu a:link, a:visited{color:#202020; text-decoration: none;}
div#vdividermenu a:hover{color: #202020; text-decoration: underline;}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;background: #FFD;color: #999}
ul#nav li.active a,ul#nav a:hover{color: #999}
div#menu #menu_selected  a li{color: #ccc; background: #FFC}

div#content{clear:left;width:100%;border:0px solid #999;background: #fff;}
div#footer{ clear:left;width:100%;text-align: center;font-size: 90%;background: #8395CB;color: #FFF; }


div#box{float:right;display:inline;width:150px;margin: 5px 15px 0 5px;background:#E4E7F2;text-align:center}
div#box p{padding:0 5px}

div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}

.rtop,.rbottom{display: none}
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.rtop,.rbottom{display: none}

/*****************************************************************************/
/* 버티컬 메뉴 CSS */
/*****************************************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 0em;
float: left;
text-align: center;
text-decoration:none;
/* font: bold 100% Tohoma; */
width: 100%;
border: 0px solid #625e00;
background-color: #FFC;

}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: #999;
padding: 2px 12px;
text-decoration: none;
background: transparent url(media/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: #999;
}

#vdividermenu ul li a:hover{
color:  #999;
background-color: #ffe84f;
}

#vdividermenu #sub_nav_selected a{
color:  #123;
background-color: #FF8;
}
#vdividermenu #nav_seleted a{
color:  #123;
background-color: #FF3;
}

/*****************************************************************************/
/* 제로보드의 CSS */
/*****************************************************************************/
#layout_zx { cursor:default; }

#layout_zx .lo_top       { background:url(./images/common/top_bg.gif) repeat-x; height:100px; text-align:center; }
#layout_zx .lo_top .logo { background:url(./images/common/top_bg_center.gif) no-repeat; width:600px; height:100px; text-align:center; margin-left:auto; margin-right:auto; }
#layout_zx .lo_menu              { background:url(./images/menubar/bg.gif) repeat-x; height:45px; }
#layout_zx .lo_menu .a_left      { background:url(./images/menubar/opening.gif) right no-repeat; height:35px; }
#layout_zx .lo_menu .a_right     { background:url(./images/menubar/closing.gif) left  no-repeat; height:35px; }
#layout_zx .lo_menu .a_center       { width:878px; }
#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; font-family:Tahoma;font-size:11px; font-weight:bold; cursor:pointer; text-align:center; padding:11px 5px 0px 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#layout_zx .lo_menu .a_center .i_nm { background:url(./images/menubar/item_bg.gif) no-repeat; color:#EFD8ED}
#layout_zx .lo_menu .a_center .i_ov { background:url(./images/menubar/item_bg_over.gif) no-repeat; color:#FFFFFF; }
#layout_zx .lo_menu .a_center .i_se { background:url(./images/menubar/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
#layout_zx .lo_menu .a_search              { float:right; text-align:center; margin-top:5px; margin-right:10px; }
#layout_zx .lo_menu .a_search input.input  { width:91px; height:17px; background:url(./images/menubar/search_input_bg.gif) no-repeat; border:none; margin-top:0px; padding:6px 8px 0px 8px; text-align:center; color:#A43E9C; }
#layout_zx .lo_menu .a_search input.submit { width:32px; height:23px; background:url(./images/menubar/search_input_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }
#layout_zx .lo_menu .shadow { background:url(./images/menubar/shadow.gif) repeat-x; height:10px; }

#layout_zx .main_body_cell { width:900px; margin-left:auto; margin-right:auto; }
#layout_zx .tbl_home_layout           { height:400px; margin-top:-10px; }
#layout_zx .tbl_home_layout .l_left   { width:180px; background:#F6F6F6; }
#layout_zx .tbl_home_layout .l_center { }
#layout_zx .tbl_home_layout .l_line   { width:1px; background:#F1F2F3; }
#layout_zx .tbl_home_layout .l_right  { width:189px; }

#layout_zx .box_login { padding:9px; border:solid 3px #D5D8DB; background:#FFFFFE; }
#layout_zx #fo_login .form_field     { float:left; width:108px; }
#layout_zx #fo_login .form_submit    { text-align:right; }
#layout_zx #fo_login .form_keepalive { height:25px;margin-left:10px; }
#layout_zx #fo_login input.submit    { width:45px; height:45px; background:url(./images/common/login_btn_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }
#layout_zx #fo_login .item           { clear:both; background:url(./images/common/bul_01.gif) no-repeat left; height:13px; padding:3px 0px 0px 12px; margin-left:5px; margin-top:2px; }
#layout_zx #logged div.item           { cursor:pointer; font-size:11px; letter-spacing:-1px; margin-right:10px; padding:3px 0px 0px 14px; white-space:nowrap; }
#layout_zx #logged div.new            { font-weight:bold; color:#FF7200; }
#layout_zx #logged div.logout         { display:block; font-weight:bold; float:right; margin-right:0px; margin-top:2px; }
#layout_zx #logged div.profile        { float:left; background:url(./images/common/icon_profile.gif) no-repeat left; }
#layout_zx #logged div.message        { float:left; background:url(./images/common/icon_note.gif) no-repeat left; }
#layout_zx #logged div.administrative { float:right; background:url(./images/common/icon_key.gif) no-repeat left; color:#D80D0F; margin-right:0px; }

#layout_zx .submenu { padding:10px; }
#layout_zx .submenu .title  { background:url(./images/leftmenu/smenu_title.gif) no-repeat; height:23px; font-weight:bold; font-family:Tahoma; font-size:11px; color:#FFFFFF; padding:6px 10px 0px 10px; }
#layout_zx .submenu .a_item { background:#FFFFFF; padding:9px; border:solid 1px #E0E8EE; border-top-width:0px; padding-top:2px;}
#layout_zx .submenu .item   { border-bottom:solid 1px #E0E8EE; margin-top:2px; padding-top:3px; padding-bottom:5px; }
#layout_zx .submenu .depthin       { clear:both; padding:5px 0px 2px 15px; }
#layout_zx .submenu .depthin .item { border-bottom:none; padding:2px 0px 1px 0px; margin-top:0px; }
#layout_zx .submenu .depthin .item a      { color:#9A9893; }
#layout_zx .submenu .depthin .item a.i_se { font-weight:normal; background:none; color:#A43E9C; }
#layout_zx .submenu .a_item a      { color:#797771; display:block; padding-top:3px; }
#layout_zx .submenu .a_item a.i_se { background:url(./images/leftmenu/bul_01.gif) no-repeat right; font-weight:bold; color:#A43E9C; }
#layout_zx .submenu .last { border-bottom:none; }

#layout_zx .cprt { height:55px; background:url(./images/common/copyright_bg.gif); text-align:center; }
#layout_zx .cprt .fixed { width:880px; margin-left:auto; margin-right:auto; text-align:left; }
#layout_zx .cprt .desc { width:500px; margin-left:190px; font-family:Tahoma; font-size:11px; color:#797771; position:absolute; text-align:center; padding-top:20px; }
#layout_zx .cprt .logo { background:url(./images/common/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }

#layout_zx .hr_dot_01 { background:url(./images/common/hr_dot_01.gif) repeat-x; height:2px; overflow:hidden; clear:both; margin:4px 0px 4px 0px; }
#layout_zx .clear     { clear:both; }
#layout_zx .input     { border:solid 1px #E1E1E1; padding:2px; height:14px; margin:0px; cursor:text; }
#layout_zx .checkbox  { width:15px; height:15px; margin:-1px 0px 0px -1px; }
#layout_zx label      { cursor:pointer; }
#layout_zx form       { display:inline; border:none; margin:0px; padding:0px; }
#layout_zx textarea   { cursor:text; }

#layout_zx .bold  { font-weight:bold; }
#layout_zx .fc_00 { color:#000000; }
#layout_zx .fc_01 { color:#797771; }
#layout_zx .fc_02 { color:#9A9893; }
#layout_zx .fc_11 { color:#A43E9C; }
#layout_zx .fc_12 { color:#9EAB1A; }
#layout_zx .fc_13 { color:#FF7200; }
#layout_zx .fc_14 { color:#D80D0F; }
#layout_zx .fc_20 { color:#E3E6E8; }

#layout_zx div.nickicon { height:20px; overflow:hidden; margin-top:-4px; float:left; }
#layout_zx div.lv30 { background:url(../../../../common/images/level/icon_lv_30.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv29 { background:url(../../../../common/images/level/icon_lv_29.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv28 { background:url(../../../../common/images/level/icon_lv_28.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv27 { background:url(../../../../common/images/level/icon_lv_27.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv26 { background:url(../../../../common/images/level/icon_lv_26.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv25 { background:url(../../../../common/images/level/icon_lv_25.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv24 { background:url(../../../../common/images/level/icon_lv_24.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv23 { background:url(../../../../common/images/level/icon_lv_23.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv22 { background:url(../../../../common/images/level/icon_lv_22.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv21 { background:url(../../../../common/images/level/icon_lv_21.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv20 { background:url(../../../../common/images/level/icon_lv_20.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv19 { background:url(../../../../common/images/level/icon_lv_19.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv18 { background:url(../../../../common/images/level/icon_lv_18.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv17 { background:url(../../../../common/images/level/icon_lv_17.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv16 { background:url(../../../../common/images/level/icon_lv_16.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv15 { background:url(../../../../common/images/level/icon_lv_15.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv14 { background:url(../../../../common/images/level/icon_lv_14.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv13 { background:url(../../../../common/images/level/icon_lv_13.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv12 { background:url(../../../../common/images/level/icon_lv_12.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv11 { background:url(../../../../common/images/level/icon_lv_11.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv10 { background:url(../../../../common/images/level/icon_lv_10.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv09 { background:url(../../../../common/images/level/icon_lv_09.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv08 { background:url(../../../../common/images/level/icon_lv_08.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv07 { background:url(../../../../common/images/level/icon_lv_07.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv06 { background:url(../../../../common/images/level/icon_lv_06.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv05 { background:url(../../../../common/images/level/icon_lv_05.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv04 { background:url(../../../../common/images/level/icon_lv_04.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv03 { background:url(../../../../common/images/level/icon_lv_03.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv02 { background:url(../../../../common/images/level/icon_lv_02.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv01 { background:url(../../../../common/images/level/icon_lv_01.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }
#layout_zx div.lv00 { background:url(../../../../common/images/level/icon_lv_00.gif) no-repeat left; padding-left:30px; padding-top:4px; height:16px; }