@charset "utf-8";

#top_nav_wrap{position:relative;margin:0 auto;min-width:1200px;width:100%;line-height:1.5;font-family:'notokr-medium'}
#nav_btn{position:absolute;top:15px;right:25px;z-index:1002;padding:15px;cursor:pointer}
#top_logo{position:absolute;top:10px;left:40px}

/* 대분류  */
#top_nav{position:absolute;top:-52px;right:75px;opacity:0;-webkit-transition:all .4s;transition:all .4s}
#top_nav:after{display:block;content:"";visibility:hidden;clear:both}
#top_nav > li{float:left;position:relative;padding:0 20px 28px}
#top_nav > li > a{display:block;font-size:16px;letter-spacing:-0.5px;color:#fff;transition:all .2s}
#top_nav.active{top:29px;opacity:1}

/* 소분류 */
#top_nav > li > ul{display:none;position:absolute;top:70%;left:50%;margin-left:-69px;z-index:1002;min-width:140px;width:auto;background-color:#fff}
#top_nav > li > ul > li{float:none;text-align:center}
#top_nav > li > ul > li a{display:block;padding:12px 0;font-size:14px;color:#222}
#top_nav > li > ul > li a:hover{color:#fff;background-color:#323232}

/* 서브 */
#nav_btn.sub{display:none}
#top_nav.sub{top:29px;right:20px;opacity:1}
#top_nav_wrap.sub{height:80px}