#logo {float:left;padding:22px 50px 10px 0}
#logo #logo-bg {display:inline-block; width:133px; height:42px; background-image:url(/theme/panmagic/img/logo_w.png); background-repeat:no-repeat;}
.scrolled #logo #logo-bg {background-image:url(/theme/panmagic/img/logo.png);}


#category-wrap{position:absolute;top:0;z-index:3000;width:100%;border-bottom:1px solid #333;background-color:transparent;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}
#category-wrap.scrolled{position:fixed;background-color:#fff}

#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:30px 0 20px;border-left:0 solid #f7a8c2;width:203px;text-align:center}
#m-nav .last{border-right:0 solid #f7a8c2}
#m-nav .m-main a{color:#fff;line-height:40px;font-size:20px;letter-spacing:1px;font-weight:bold;-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:#333;text-shadow:none;}
.scrolled #m-nav .m-main a:hover{color:#009ce7}

#m-nav .m-main .m-sub{position:absolute;left:0;top:90px;width:240px;border:1px solid #333;display:none;background:#fff;opacity:1.8;padding:30px 10px 20px 20px;z-index:100;text-align:left}
#m-nav .m-main .m-sub li a{color:#333;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}