@charset "utf-8";
/*----------------------------------------------------------------------------------------------------
 HEARDER
----------------------------------------------------------------------------------------------------*/

#header {position:relative; width:100%; font-family: '나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif; }
#header.index_cl {
background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 53%, #f4f4f4 93%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#fafafa), color-stop(93%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 53%,#f4f4f4 93%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
border-bottom:1px solid #062C3F;
}

.header_box {position:relative; display:block; height:65px; }
.header_box .lg  {padding:0 66px;height:100%}
.header_box .nv {position:absolute;top:0;width:65px; height:100%;left:0;border-right:1px solid #D5D5D5}
.header_box .sb {position:absolute;top:0;width:65px; height:100%;right:0;border-left:1px solid #fff}
.header_box .nv a,
.header_box .sb a {display:block; width:100%; height:100%; padding:0; opacity:.5;}
.header_box .nv a {background:url("../images/btn_sitemap_open.png") no-repeat 12px center transparent;  z-index:9998}
.header_box .nv a.close {background-image:url("../images/btn_sitemap_close.png");}
.header_box .sb a {background:url("../images/btn_searchbox_open.png") no-repeat center center transparent;}
.header_box .sb a.bc {background-image:url("../images/btn_back.png")}

.header_box .lg h3.lb {display:block; border-left:1px solid #fff;   text-align:center; border-right:1px solid #D5D5D5;  }
.header_box .lg h3.lb a {display:block; padding:10px; padding-top:15px; height:40px; letter-spacing: -1px; white-space: nowrap;} 
.header_box .lg h3.lb a em.stxt { display:block;  font-size:12px; line-height:15px; }
.header_box .lg h3.lb a span.itxt {display:block;  font-size:24px; line-height:27px; font-weight:bold;}
.header_box .lg h3.lb a img {max-width:100%; height:auto; max-height:40px; border:0}

/*----------------------------------------------------------------------------------------------------
 Nav-box
----------------------------------------------------------------------------------------------------*/
#navBoxBlock {position:absolute;left:0; top:65px; width:100%; background:transparent; display:none;  overflow:hidden; height:100%;  z-index:3;  }
#navBox {position:absolute;left:0; top:0; width:235px; background:#161819; display:none; overflow:hidden; height:auto; min-height:100%; z-index:9998;  }
#navBox .nav_wrap {position:relative; width:235px;overflow:hidden; height:100%;  }
#navBox div.gd {position:absolute; right:0; top:0; display:inline-block; z-index:50; width:8px; height:100%; text-indent:-5000em; background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5))); background:-moz-linear-gradient(left, rgba(0,0,0,0) 0.3%, rgba(0,0,0,0.5) 100%); background:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5));}
#navBox a {font-size:14px; font-weight:600;}
#navBox a img {vertical-align:middle;}
#navBox .nav_box {display:block}

#navBox h2.nv_home {border-top:1px solid #4c4f51; border-bottom:1px solid #1f2122; background:#333739;}
#navBox h2.nv_home a {display:block; width:235px; height:38px; line-height:38px; text-align:left; color:#bfbab8; text-indent:45px; background:#333739 url(../images/btn_home.png) no-repeat 16px 8px;}

#navBox ul.nv_btn_box {overflow:hidden; background:#333739;}
#navBox ul.nv_btn_box h3.line {display:block; width:100%; height:5px; line-height:5px; border-top:1px solid #575b5c; border-bottom:1px solid #1f2122;  background:#414547}
#navBox ul.nv_btn_box li {overflow:hidden; display:block;  border-top:1px solid #4c4f51; border-bottom:1px solid #232425;}
#navBox ul.nv_btn_box li:first-child {border-top:0}
#navBox ul.nv_btn_box li a {display:block; color:#ececec; text-shadow: 0 2px #131414;}
#navBox ul.nv_btn_box li a {height:38px; line-height:38px; text-indent:48px; }
#navBox ul.nv_btn_box li.nv_login a {background:#333739 url(../images/btn_login.png) no-repeat 17px 11px;}
#navBox ul.nv_btn_box li.nv_join a {background:#333739 url(../images/btn_join.png) no-repeat 17px 11px;}
#navBox ul.nv_btn_box li.nv_pcgo a {background:#333739 url(../images/btn_pcgo.png) no-repeat 17px 11px;}
#navBox ul.nv_btn_box li.nv_lang a {background:#333739 url(../images/btn_lang.png) no-repeat 17px 11px;}
#navBox ul.nv_btn_box li.nv_myinfo a {background:#333739 url(../images/btn_myinfo.png) no-repeat 17px 11px;}
#navBox ul.nv_btn_box li.nv_logout a {background:#333739 url(../images/btn_logout.png) no-repeat 17px 11px;}

/* Member Info */
#navBox ul.nv_btn_box li.nv_myinfo ul{position:relative;margin:0 10px 5px 5px; background:#272A2B; }
#navBox ul.nv_btn_box li.nv_myinfo ul li{list-style:none;padding:0 5px;margin:0;color:#a09c9a; border-top:1px solid #4c4f51; border-bottom:1px solid #1f2122; line-height:19px}
#navBox ul.nv_btn_box li.nv_myinfo ul li:last-child {border-bottom:0}
#navBox ul.nv_btn_box li.nv_myinfo ul li.profile_img{padding:0;border:1px solid #4c4f51; }
#navBox ul.nv_btn_box li.nv_myinfo ul li.profile_img label{display:none;}
#navBox ul.nv_btn_box li.nv_myinfo ul li.profile_img img{width:50px;height:50px;padding:3px;margin-top:2px;background:#333}
#navBox ul.nv_btn_box li.nv_myinfo ul li span.profile_title{display:inline-block;width:70px;margin-right:5px;font-size:12px}
#navBox ul.nv_btn_box li.nv_myinfo ul li span.profile_title:after{float:right;content:"›";color:#888;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
#navBox ul.nv_btn_box li.nv_myinfo ul li div.profile_info{display:inline-block;vertical-align:top;font-size:11px}


#navBox .nv_list_box {overflow:hidden; position:relative;}
#navBox .nv_list_box h2 a {display:block; width:100%; height:33px; line-height:33px; border-top:1px solid #575b5c; border-bottom:1px solid #1f2122; font-size:12px; font-weight:400; color:#a09c9a; text-shadow:0 1px #000; text-indent:11px; background:#414547}
#navBox .nv_list_box ul.nv_list {overflow:hidden; width:100%;}
#navBox .nv_list_box ul.nv_list ul.open {display:block}
#navBox .nv_list_box ul.nv_list li {position:relative; display:block; border-top:1px solid #4c4f51; border-bottom:1px solid #1f2122; background:#333739;}
#navBox .nv_list_box ul.nv_list li li {background:#272A2B;}
#navBox .nv_list_box ul.nv_list li li li{background:#181A1B;}
#navBox .nv_list_box ul.nv_list li a { display:block; height:35px; line-height:35px; padding-left:15px; color:#dcdad9; font-size:14px; font-weight:500; }
#navBox .nv_list_box ul.nv_list li .more_btn {background: url("../images/btn_nv_list_plus.png") no-repeat center center transparent; cursor:pointer; border:0; display: block; opacity:.6;  height:35px;  position: absolute; right: 0;  top: 0; width: 40px; z-index:9999}
#navBox .nv_list_box ul.nv_list li .more_btn.close {background-image:url("../images/btn_nv_list_minus.png")}
#navBox .nv_list_box ul.nv_list li li a{padding-left:45px; font-size:13px; background: url("../images/bg_nv_list.png") no-repeat 30px 8px transparent;  }
#navBox .nv_list_box ul.nv_list li li li a{padding-left:60px;font-size:12px;background-position:45px 8px; }
#navBox .nv_list_box ul.nv_list li li li li a{padding-left:75px;font-size:11px; background-position:60px 8px;}
#navBox .nv_list_box ul.nv_list li li li li li a{padding-left:90px;background-position:75px 8px;}