/* logo 위치 조정 및 사이즈 지정 */
#top_logo{float:left;line-height:76px}
/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_nav 와 간섭 해결 */
#sh_tip_menu{position:absolute;right:0;top:0px;height:28px;line-height:28px;overflow:hidden;z-index:13}
#sh_tip_menu li{float:left;padding:0 5px}
#sh_tip_menu li.last{background:none}
#sh_tip_menu li a{font-size:11px;color:#333;letter-spacing:-0.05em}

/* nav_depth  */
#top_nav {float:right;margin:16px 63px 0 0}
#top_nav li.list {float:left;display:inline-block;position:relative;z-index:999;color:#999;font-size:16px;height:50px;text-align:center;margin:0 27px}
#top_nav li a {display:block;color:#333;zoom:1;padding:10px 0;overflow:visible;letter-spacing:-0.02em;font-family:'notokr-medium'}
#top_nav li ul { background:url(/sh_img/hd/top_menu/menu_bg.png) top repeat-x/* 메인배너 간섭 때문에 배경 이미지로 대체 */;
position:absolute;display:none;clear:both;text-align:left;top:43px;min-width:130px;margin:0 0 0 -20px;padding:30px 0 15px 22px}
#top_nav li ul a {position:relative;color:#fff;font-size:13px;font-weight:normal;padding:5px 0;*margin-bottom:-1px;letter-spacing:-0.5px}
#top_nav li ul a:hover, #nav li a.hov {opacity:0.9;filter:alpha(opacity=90)} 

/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap {position:absolute;top:15px;right:0;z-index:1002}
#allmn_btn_wrap, #allmn_btn_wrap * {box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:47px;height:47px;border-radius:10em;background-color:#a6a6a6;cursor:pointer;transition:all .2s}
#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:14px;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:-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)}

/* 메뉴 전체보기 */
#allmn_view_wrap {display:none;overflow:hidden;position:absolute;top:100%;left:0;right:0;z-index:1001;width:92%;margin:auto;background:url(/sh_img/hd/top_menu/allmn_view_wrap_bg.png) left bottom no-repeat #fff;-webkit-box-shadow:0px 6px 10px -6px rgba(0,0,0,0.35);-moz-box-shadow:0px 6px 10px -6px rgba(0,0,0,0.35);box-shadow:0px 6px 10px -6px rgba(0,0,0,0.35)}
#allmn_view_wrap:before {display:block;position:absolute;bottom:-19px;left:0;content:'연주각';font-size:50px;font-weight:bold;font-style:italic;color:#dadada;font-family:'notokr-bold'}
#allmn_view_wrap, #allmn_view_wrap * {box-sizing:border-box}
#allmn_view {float:right;position:relative;width:757px;padding:5px 15px 35px;overflow:hidden}
#allmn_view ul{position:relative;float:left;width:auto;margin:0 25px;text-align:center}
#allmn_view li a{display:block;font-size:14px;line-height:24px;color:#666;transition:color .2s}
#allmn_view li a:hover {color:#333}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx1 {}
#allmn_view ul.listx2 {margin-left: 35px;}
#allmn_view ul.listx3 {margin-left: 16px;}
#allmn_view ul.listx4 {margin-left: 9px;}
#allmn_view ul.listx5 {margin-left:36px}
#allmn_view ul.listx6 {margin-left:22px}