@charset "utf-8";

#top_nav_wrap{position:absolute;top:20px;width:100%;line-height:1.5;letter-spacing:-.5px;background-color:rgba(255,255,255,.2);-webkit-transition:all .2s;transition:all .2s}

/* 로고 */
#top_logo{position:absolute;top:24px;left:50px;z-index:20}

/* 상단메뉴 고정
#top_nav_wrap.fixed{position:fixed;top:0;width:100%;height:75px;border-bottom:none;background-color:#fff;-ms-box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.03);box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.03);-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s}
@-webkit-keyframes updown{from{top:-40px}to{top:0}}
@-ms-keyframes updown{from{top:-40px}to{top:0}}
@keyframes updown{from{top:-40px}to{top:0}}
#top_nav_wrap.fixed #top_nav{left:auto;right:30px;top:27px}
#top_nav_wrap.fixed #allmn_btn_wrap{display:none}
#top_nav_wrap.fixed #top_quick{display:none}
#top_nav_wrap.fixed #top_logo{display:none}
#top_nav_wrap.fixed #logo_fixed{display:block;position:fixed;top:28px;left:30px;z-index:50;font-size:15px;opacity:1;-webkit-animation:slide .4s;-ms-animation:slide .4s;animation:slide .4s}
@-webkit-keyframes slide{from{left:-100px}to{left:30px}}
@-ms-keyframes slide{from{left:-100px}to{left:30px}}
@keyframes slide{from{left:-100px}to{left:30px}} */

/* 대분류  */
#top_nav{position:relative;padding-left:50px;height:90px;text-align:center}
#top_nav:after{display:block;content:"";visibility:hidden;clear:both}
#top_nav > li{display:inline-block;position:relative;padding:0 35px;margin:0 -5px;line-height:90px;font-family:'notokr-medium'}
#top_nav > li > a{display:block;font-size:17px;letter-spacing:-0.5px;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#top_nav > li:hover{-webkit-text-shadow:0 0 .05px, 0 0 25px, 0 0 25px}

#top_gnb{overflow:hidden;position:absolute;top:34px;right:50px;font-family:'Titillium'}
#top_gnb li{float:left}
#top_gnb li:first-child:after{display:inline-block;content:"";width:1px;height:10px;margin:0 15px;background-color:rgba(255,255,255,.5)}
#top_gnb li a{font-size:14px;font-weight:600;letter-spacing:0;color:#fff;-webkit-transition:all .2s;transition:all .2s}

#top_nav_wrap.active{background-color:#fff}
#top_nav_wrap.active #top_nav > li > a{color:#222}
#top_nav_wrap.active #top_gnb li a{color:#222}
#top_nav_wrap.active #top_gnb li:first-child a{color:#5287c6}
#top_nav_wrap.active #top_gnb li:first-child:after{background-color:#ddd}

/* 소분류 */
#top_nav > li > ul{display:none;position:absolute;top:100%;z-index:1002;width:1030px;height:67px;line-height:67px}
#top_nav > li > ul > li{float:left;margin-right:20px}
#top_nav > li > ul > li a{font-size:14px;color:#aaa;transition:all .2s;font-family:'notokr-medium'}
#top_nav > li > ul > li a:hover{color:#fff}
#top_nav > li > ul.sub_ul2{left:-360px;width:1343px}
#top_nav > li > ul.sub_ul3{left:37px;width:200px}
#top_nav > li > ul.sub_ul4{left:-27px;width:500px}
#top_nav > li > ul.sub_ul5{left:-20px;width:720px}

.top_nav_bg{display:none;position:absolute;top:110px;width:100%;height:67px;background-color:rgba(0,0,0,.7)}

/* 익스 8 rgba 대체 */
@media \0screen{
#top_nav_wrap{background-color:#aaa}
.top_nav_bg { background-color:#333}
}