/* 로고 */
#sh_logo{display:flex;position:fixed;top:20px;left:50px;z-index:99;align-items: center;}
#sh_logo > a{display:block}
#sh_logo .call{border-left:1px solid #fff;padding-left:17px;margin-left:17px;font-size:13px;color:#fff;font-family:'notokr-medium'}

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

@media (max-width:1600px){
#allmn_btn_wrap{position:absolute}
}

/* 탑메뉴 영역 */
#top_menu_wrapper{position:fixed;right:-52%;z-index:9998;width:323px;height:100%;background-color:rgba(0,0,0,0.7)}
#top_menu_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* nav_depth */
#top_menu {padding-top:90px}
#top_menu li.list {display:block;position:relative;z-index:999;color:#fff;font-size:14px;font-family:'notokr-medium'}
#top_menu li.list > a{overflow:hidden;display:inline-block;position:relative;padding:0 15px 0 10px;margin:5px 0 5px 20px;line-height:28px;letter-spacing:2px;color:#fff;transition:color .2s}
#top_menu li.list > a:hover{color:#745ca6}
#top_menu li > ul {display:none;position:absolute;top:0;left:-152px;width:152px;padding:22px 0 18px 30px;background:#f2f2f2}
#top_menu li > ul a{overflow:visible;display:block;position:relative;line-height:25px;color:#333;zoom:1;margin:0 0 5px;letter-spacing:.5px;transition:color .2s}
#top_menu li > ul a:hover {color:#714dbd}

/* 상단메뉴 고정 */
#top_nav_wrap.fixed {position:fixed;top:0;width:100%;height:90px;border-bottom:none;background-color:rgba(0,0,0,0.7);-ms-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03);z-index:9999;box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03)}
#top_nav_wrap.fixed #allmn_btn_wrap{display:none}
#top_nav_wrap.fixed #top_nav {left:auto;right:33px;top:35px}
#top_nav_wrap.fixed #sh_logo{}

/* 대분류  */
#top_nav_wrap.fixed #top_nav{display:block}
#top_nav {display:none;position:absolute;top:52px;right:0;visibility:visible}
#top_nav:after {display:block;content:"";visibility:hidden;clear:both}
#top_nav > li {float:left;position:relative;padding:0 20px 56px;font-family:'notokr-medium'}
#top_nav > li > a {display:block;min-width:96px;font-size:15px;color:#fff;letter-spacing:2px;text-align:center;transition:all .2s}
/* 소분류 */
#top_nav > li > ul {display:none;position:absolute;top:70%;left:0;z-index:1002;min-width:140px;width:auto;padding:15px 10px 15px 25px;background-color:#f4f4f4;behavior:url(/js/PIE.htc)}
#top_nav > li > ul > li {float:none}
#top_nav > li > ul > li a {font-size:14px;line-height:28px;color:#515151;letter-spacing:0.5px;-webkit-transition:color .2s;transition:color .2s}
#top_nav > li > ul > li:hover a{color:#714dbd}