#logo { width:1200px; margin:0 auto; padding:10px 0;}
/*#logo #logo-bg {display:inline-block; width:193px; height:30px; background-image:url(/theme/game/img/logo.png); background-repeat:no-repeat;}*/
#logo #logo-bg {display:inline-block; width:303px; height:36px; background-image:url(/theme/game/img/logo.png); background-repeat:no-repeat;}
#logo_box {border-bottom:1px solid #333; /*border-bottom-color:rgba(255,255,255,0.3);*/}
.scrolled #logo #logo-bg {background-image:url(/theme/game/img/logo.png);}
.scrolled #logo_box {border-bottom:1px solid #333;}

#category-wrap{position:fixed;top:0;z-index:3000;width:100%;border-bottom:1px solid #333; /*border-bottom-color:rgba(255,255,255,0.3);*/background-color:#101E30;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}
header.main {height:106px;}

#m-nav li,
#m-nav ul{list-style:none;margin:0;padding:0}
#m-nav img{border:0}
#m-nav a{text-decoration:none}
#m-nav{position:relative;width:1200px;margin:0 auto}
#m-nav .m-line{position:absolute;left:0;top:-1px}
#m-nav .m-main{float:left;position:relative;padding:10px 0;border-left:0px solid #333;width:120px;text-align:center;}
#m-nav .last{border-right:1px solid #333}
#m-nav .m-main a{color:#999;line-height:30px;font-size:18px;letter-spacing:1px;-webkit-transition:color 0.5s;transition:color 0.5s;/*text-shadow: 0 1px 0 rgba(0, 0, 0, .75)*/;

/*출처: http://webdir.tistory.com/410 [WEBDIR]*/}
#m-nav .m-main a:hover{color:#009ce7}
#m-nav .m-main.on a{color:#009ce7}
.scrolled #m-nav .m-main a{color:#999;text-shadow:none;}
.scrolled #m-nav .m-main a:hover{color:#009ce7}

#m-nav .m-main .m-sub{position:absolute;left:0;top:50px;width:240px;border:1px solid #333;display:none;background:#063749;opacity:0.9;padding:30px 10px 20px 20px;z-index:100;text-align:left}
#m-nav .m-main .m-sub li a{color:#ddd;line-height:40px;font-size:15px;height:30px;letter-spacing:1px;font-weight:100}
#m-nav .m-main .m-sub li a:hover{color:#009ce7;font-weight:100}
#m-nav>ul:after{content:" ";visibility:hidden;display:block;height:0;clear:both}


#tnb {border-bottom:0px solid #ddd; margin-top:10px; position:absolute; right:0; top:0;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;width:500px;zoom:1; float:right;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:0px solid #ddd;margin-bottom:-1px;font-size:14px; border-right:0px solid #333; border-radius:0px; margin-left:0px;}
#tnb .last {border-right:0px solid #ddd;}
#tnb a {display:inline-block;padding:0 20px;color:#646464;line-height:35px;}
#tnb a:focus, #tnb a:hover {color:#ec3b81;}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{;padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}