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

/**
 * CSS Document 
 **/

body,td,th,input,select,textarea {
  font-family: Gulim,Dotum,Sans;
  font-size: 12px;
  color: #646464;
}
body {
  margin : 0px 5px 5px 5px;
}

form {
  display : inline;
}

table {
  border : 0px;
}

a.a_permalink { display:block; margin:2px 0px 3px 0px; padding-left:13px; color:#828282; font-size:9px; font-family:Tahoma; height:10px; background:url(./images/icon_s_link.gif) no-repeat left; }
a.a_trackback { display:block; margin:2px 0px 3px 0px; padding-left:13px; color:#828282; font-size:9px; font-family:Tahoma; height:10px; background:url(./images/icon_s_glink.gif) no-repeat left; }
a.a_file      { display:block; margin:2px 0px 3px 0px; padding-left:13px; color:#828282; font-size:9px; font-family:Tahoma; height:10px; background:url(./images/icon_s_file.gif) no-repeat left; }


button { overflow:hidden; border:none; padding:0px; margin:0px; cursor:pointer; }
ul,li,ol { margin:0px; border:0px; padding:0px;list-style:none; }
li { padding-left:14px; height:15px;padding-top:3px;margin-left:2px; }
li { width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:block;color:#828282; }
#li_category   li { padding:0px; margin:0px; height:18px; overflow:hidden; }
.input { height:13px; padding:3px 2px 2px 2px; border:solid 1px #EAEAEA; background-color:#FFFFFF; }

#layout { }
.full   { margin:0px 10px 10px 10px; }
.fixed  { width:800px; margin-left:auto; margin-right:auto; }

#top      { height:65px; }
#top .bar { height:5px; overflow:hidden; }
#top .rss { float:right; background:url(./images/icon_rss.gif) no-repeat; width:12px; height:12px; margin:4px 0px 0px 0px; cursor:pointer; }

#top .bar_title {  margin:16px 10px 0px 10px; font-family: Arial, Trebuchet MS; }
#top .bar_title .icon  { width:35px; height:30px; background:url(./images/icon_b_smile.gif) no-repeat top left; float:left;}
#top .bar_title .title { font-size:25px; font-weight:bold; letter-spacing:-1px; margin-top:-3px; text-decoration:none;}
#top .bar_title .desc  { font-size:11px; color:#A6A6A6; margin-top:-3px; text-indent:3px; }

#search { float:left; width:180px; height:40px; }
#search input.input  { width:117px;height:12px;border:solid 4px #FFFFFF; margin:0px 0px 0px 6px;padding:0px;text-align:center; }
#search input.submit { width:20px; height:20px; padding:0px; margin:0px; border:none; overflow:hidden; }
#menu   { height:40px; }
#menu .item1, #menu .item1s { margin-left:5px; }
#menu .item1,  #menu .item2,  #menu .item3 { width:60px; height:40px;cursor:pointer;float:left; }
#menu .item1s, #menu .item2s, #menu .item3s { width:80px; height:40px;float:left; }

.col_left { position : absolute; left:14px; width:179px;}
.col_right { position : absolute; left:0px; margin-left:825px; width:179px;}
.box { width:174px; margin-bottom:5px; }
.col_left .box { margin:10px 0px 0px 0px; }
.col_right .box { margin:10px 0px 0px 0px; }
.col_body { padding-top:13px; margin:0px 190px 5px 190px; width:610px;}
.border { padding:11px; }
.col_body .border { padding:16px; }

.gl_tt { height:17px; border-bottom:solid 1px #F2F2F2;margin-bottom:5px; text-align:right; }
.gl_li { margin-bottom:20px; }


#login input.submit { background:url(./images/btn_login_submit.gif) no-repeat; width:140px; height:25px; border:none; padding:0px; margin:0px; }
#login td.text      { padding-top:2px; }
#login .gl_li       { margin-bottom:0px; }
#login td           { color:#828282; }
#login a            { color:#828282; }
#login .open { background:url(./images/licon_open.gif) left top no-repeat; width:14px; height:14px; float:right;}

.col_body .bar_title { height:19px; border-bottom:dotted 1px #EAEAEA; padding-top:5px; }
.col_body .bar_title .title { float:left; font-weight:bold; color:#646464; }
.col_body .bar_title span { display:block; float:left; color:#C0C0C0; padding:0px 5px 0px 5px; }
.col_body .bar_title .category { float:left; color:#828282; }
.col_body .bar_title .date { float:right; color:#C0C0C0; font-family:Verdana; font-size:10px; }
.col_body .content { padding:10px 0px 15px 0px; line-height:150%; }
.col_body .links { padding:10px 0px 10px 0px; }

.col_body .control { border-top:dotted 1px #EAEAEA; padding-top:10px; margin-bottom:16px; }
.col_body .control .comment { display:block; float:left; font-weight:bold; height:14px; text-decoration:underline; }
.col_body .control .new { background:url(./images/icon_new.gif) no-repeat right top; padding-right:20px; }
.col_body .control .trackback { display:block; float:left; font-weight:bold; height:14px; text-decoration:underline; }
.col_body .control .modify { display:block; float:right; height:14px; text-decoration:underline; color:#828282; }
.col_body .control .delete { display:block; float:right; height:14px; text-decoration:underline; color:#828282; }
.col_body .control span.l { display:block; float:left; color:#C0C0C0; padding:0px 5px 0px 5px; }
.col_body .control span.r { display:block; float:right; color:#C0C0C0; padding:0px 5px 0px 5px; }

.col_body .box_comment { margin:0px -5px 0px -5px; background:#F9F9F9; padding:5px 12px 10px 12px; border-top:solid 10px #FFFFFF; }
.col_body .box_comment .item { width:99%; margin-bottom:10px; }
.col_body .box_comment .item td { vertical-align:top;border-bottom:dotted 1px #EAEAEA; }
.col_body .box_comment .item .icon { width:16px; padding:8px 0px 10px 0px; padding-right:4px; }
.col_body .box_comment .item .name { width:55px; padding:10px 0px 10px 0px; text-overflow:ellipsis; overflow:hidden; }
.col_body .box_comment .item .comment { padding:9px 0px 10px 0px; line-height:150%;  }
.col_body .box_comment .item .comment .date { height:12px; color:#C0C0C0; font-family:Verdana; font-size:10px; float:left; margin-right:5px; }
.col_body .box_comment .item .comment .thread { display:block; float:left; width:12px; height:12px; background:url(./images/icon_s_comment_reply.gif) no-repeat; margin-right:1px; margin-top:3px; }
.col_body .box_comment .item .comment .delete { display:block; float:left; width:12px; height:12px; background:url(./images/icon_s_comment_delete.gif) no-repeat; margin-right:1px; margin-top:3px; }

.col_body .box_comment .editor .boxicon { width:16px; height:16px; padding:1px; border:solid 1px #EAEAEA; background-color:#FFFFFF;float:left; }
.col_body .editor .input { }
.col_body .editor .sep { width:3px; }
.col_body .box_message { height:14px; padding:14px; text-align:center;; }

.col_body .box_trackback { margin:0px -5px 0px -5px; background:#F9F9F9; padding:5px 12px 10px 12px; border-top:solid 10px #FFFFFF; }
.col_body .box_trackback .item { width:99%; margin-bottom:10px; }
.col_body .box_trackback .item td { vertical-align:top;border-bottom:dotted 1px #EAEAEA; padding-bottom:10px; }
.col_body .box_trackback .item .icon { width:16px; padding:8px 0px 0px 0px; padding-right:4px; }
.col_body .box_trackback .item .name { float:left; padding:12px 5px 5px 0px; }
.col_body .box_trackback .item .from { padding:12px 0px 5px 0px; }
.col_body .box_trackback .item .date { height:12px; color:#C0C0C0; font-family:Verdana; font-size:10px; float:left; margin-right:5px; }
.col_body .box_trackback .item .delete { display:block; float:left; width:12px; height:12px; background:url(./images/icon_s_comment_delete.gif) no-repeat; margin-right:1px;}



/**
 * site_search
 **/

div.site_search_header {
  width : 100%;
  text-align : right;
  font-weight : bold;
  border : 1px dotted #CCCCCC;
  padding : 5px 0px 5px 0px;
  margin-bottom : 10px;
}


#top .bar              { background:#F9CE00; }
#top .bar_title .title { color:#FC8800; cursor:pointer;}
#nav         { background:url(./images/bg_top_menu.gif) repeat-x; }
#search { background:url(./images/bg_top_search.gif) no-repeat; }
#search input.submit { background:url(./images/btn_top_search.gif); }

#menu .sub_menu { height:40px; float:left; font-size:11pt; color:white; font-weight:bold;padding-top:15px;margin-left:20px;}
#menu .sub_menu a { color:white; text-decoration:none; }
#menu .sub_menu a:hover { color:white; text-decoration:underline; }

#menu .sub_menu_sel_left { width:13px; height:40px; background:url('./images/menu_sel_left.gif') no-repeat top; float:left;margin-left:20px;}
#menu .sub_menu_sel_bg { height:40px; float:left; color:#F7C200; background:url('./images/menu_sel_bg.gif') repeat-x;font-size:11pt; font-weight:bold;padding-top:17px;}
#menu .sub_menu_sel_right { width:13px; height:40px; background:url('./images/menu_sel_right.gif') no-repeat top;float:left;}

.box                                 { border:solid 3px #FEF9D5; }
.box .border                         { border:solid 1px #FCE799; }
.col_body .outborder                 { border:solid 3px #F9F9F9; }
.col_body .border                    { border:solid 1px #EAEAEA; }

#login a { text-decoration : none; }
#login a:hover { text-decoration : none; border-bottom:1px dotted #AAAAAA;}
#login img { margin-right: 3px; }
#login .user_name a {color:#000000; font-weight:bold;}
#login ul,li,ol { margin:0px; border:0px; padding:0px;list-style:none; }
#login li { padding:3px 0px 3px 14px; height:15px;margin-left:2px; }
#login li { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:block;color:#828282; }
#login li { background:url(./images/licon_bullet.gif) left no-repeat; }
#login .myuserid  { background:url(./images/licon_bullet.gif) left no-repeat; padding:3px 0px 3px 16px;}
#login .mylevel { background:url(./images/licon_bullet.gif) left no-repeat; padding:3px 0px 3px 16px;}
#login .myinfo { background:url(./images/licon_myinfo.gif) left top no-repeat; padding:3px 0px 3px 16px; height:14px; margin:2px 0px 3px 0px; }
#login .messagebox { background:url(./images/licon_messagebox.gif) left top no-repeat; padding:3px 0px 3px 16px; height:14px; margin:2px 0px 3px 0px; }
#login .logout { background:url(./images/licon_logout.gif) left top no-repeat; padding:3px 0px 3px 16px; height:14px; margin:2px 10px 3px 0px; }
#login .admin { background:url(./images/licon_admin.gif) left top no-repeat; padding:1px 0px 1px 16px; height:14px; margin:2px 10px 3px 0px; }
#login .module_manager { background:url(./images/licon_module_manager.gif) left top no-repeat; padding:1px 0px 1px 16px; height:14px; margin:2px 10px 3px 0px; }

#li_login      .title { background:url(./images/s_title_login.gif) left top no-repeat; }
#li_myinfo     .title { background:url(./images/s_title_myinfo.gif) left top no-repeat; }
#li_category   .title { background:url(./images/s_title_category.gif) left top no-repeat; }

#post_article {padding:0px; text-align:center;}
#post_article button { width:90px; height:30px; overflow:hidden; border:none; padding:0px; margin:0px; cursor:pointer; background:url(./images/s_title_post.gif) center top no-repeat;}

.col_body .control .comment { color:#FB6900; }
.col_body .box_trackback .item .name a { color:#FB6900; }
.col_body .box_trackback .item .from a { color:#646464; }

#li_category .cg_tree_1 { background:url(./images/tree_1.gif) no-repeat top; width:10px; height:18px; margin-right:2px; float:left; }
#li_category .cg_tree_2 { background:url(./images/tree_2.gif) no-repeat top; width:20px; height:18px; margin-right:2px; float:left; }
#li_category .cg_tree_3 { background:url(./images/tree_3.gif) no-repeat top; width:20px; height:18px; margin-right:2px; float:left; }
#li_category .cg_tree_4 { background:url(./images/tree_4.gif) no-repeat top; width:20px; height:18px; margin-right:2px; float:left; }
#li_category .cg_tree_5 { background:url(./images/tree_5.gif) no-repeat top; width:20px; height:18px; margin-right:2px; float:left; }
#li_category .cg_tree_10 { background:url(./images/tree_10.gif) no-repeat top left; width:11px; height:18px; float:left; }
#li_category .cg_tree_11 { width:11px; height:18px; float:left; }
#li_category label { display:block; height:18px; padding-top:2px; padding-left:2px; width:123px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#li_category label.sel a { font-weight:bold; color:#FB6900; text-decoration:none; }
#li_category label.sel a:hover { font-weight:bold; color:#FB6900; text-decoration:none; }
#li_category label a { color:#666666; text-decoration:none; }
#li_category label a:hover { color:#666666; text-decoration:none; border-bottom:1px dotted #AAAAAA;}
#li_category .menu_article_cnt { color:#CCCCCC; font-family:verdana; font-size:7pt; letter-spacing:-1px;}
#li_category .menu_article_new { color:#FB6900; font-family:tahoma; font-size:7pt;}