@charset "utf-8";

#topmenu_wrapper{position:relative;z-index:99;width:100%;height:100px;border-bottom:1px solid #e5e5e5;margin:0 auto;text-align:center}

/* Logo */
#top_logo{position:absolute;top:28px;left:80px;z-index:3}
#top_logo > a{display:block;}

/* Top Menu */
#top_nav{display:inline-block}
#top_nav > li{position:relative;float:left;font-size:18px;font-family:'SBAggroL';}
#top_nav > li > a{display:block;width:155px;line-height:100px;text-align:center;color:#333}
#top_nav li a:hover{color:#ed8d54}
#top_nav ul{display:none;position:absolute;top:85px;right:0;width:155px;background:rgba(0, 0, 0, 0.6)}	
#top_nav ul li{margin-left:0;font-size:13px}
#top_nav ul a{display:block;line-height:40px;color:#fff;font-family:'SBAggroL';}

/* 메뉴 가로사이즈 조절 */
#top_nav ul, #top_allmenu_show ul{text-align:center} 

/* 메뉴 전체보기 버튼 */
#allmn_btn_wrap{position:absolute;top:34px;right:80px;z-index:1002;width:25px;height:25px}
#allmn_btn_wrap, #allmn_btn_wrap *{box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:100%;height:100%;cursor:pointer;transition:all .2s}
#allmn_btn span, #allmn_btn span:before{position:absolute;z-index:20;width:25px;height:2px;background-color:#000}
#allmn_btn span, #allmn_btn span:after{position:absolute;z-index:20;width:25px;height:2px;background-color:#000}
#allmn_btn span{top:50%;right:0;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before, #allmn_btn span:after{content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before{top:-8px}
#allmn_btn span:after{top:8px}
#allmn_btn.active{z-index:200}
#allmn_btn.active span{background-color:transparent}
#allmn_btn.active span:before{-webkit-transform:translateY(4px) translateX(0) rotate(45deg);-ms-transform:translateY(4px) translateX(0) rotate(45deg);transform:translateY(4px) translateX(0) rotate(45deg)}
#allmn_btn.active span:after{width:25px;top:2px;-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg)}

/* 메뉴 전체보기 */
#allmn_view_wrap{display:none;position:absolute;top:100px;z-index:1001;width:100%;height:190px;padding-top:20px;background:rgba(255,255,255,.9)}
#allmn_view{overflow:hidden;position:absolute;left:0;width:100%;height:100%;text-align:center}
#allmn_view_wrap, #allmn_view_wrap *{box-sizing:border-box}
#allmn_view_wrap .allmn_view_cont{display:inline-block}
#allmn_view ul{float:left;position:relative;width:155px;text-align:center}
#allmn_view li a{display:block;width:155px;font-size:14px;line-height:28px;-ms-transition:all .2s;-ms-transition:all .2s;transition:all .2s;font-family:'notokr-medium';}
#allmn_view li a:hover{color:#ff7e00}