@charset "utf-8";

#top_menu_wrap {position:relative;margin:0 auto;width:1070px;zoom:1}
#top_menu_wrap a img{width:200px}

/* logo 위치 조정 및 사이즈 지정 */
h1{height:82px;padding:40px 0 0 7px}

/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu{position:absolute;float:right;top:6px;right:0;font-size:13px;z-index:9999;overflow:hidden}
#sh_tip_menu li{float:left;position:relative;padding:0 15px 0 10px}
#sh_tip_menu li:before{position:absolute;left:0;top:8px;content:'';width:3px;height:3px;background:#777}
#sh_tip_menu li a{color:#888;font-family:'notokr-medium'}
#sh_tip_menu li.last{padding-right:0}

#top_menu_wrapper{position:absolute;right:60px;top:37px}

/* nav_depth  */
#top_menu{float:left;height:50px;width:700px}
#top_menu li.list{float:left;display:inline-block;position:relative;z-index:999;color:#999;font-size:16px;width:20%;height:50px;text-align:center}
#top_menu li a{display:block;line-height:52px;color:#222;zoom:1;padding:0px 8px;overflow:visible;font-weight:500}
/* #top_menu li.list a:hover{color:#ececec;overflow:visible} */

#top_menu li ul{display:none;padding-top:12px;width:500px;clear:both}
#top_menu li ul li{display:inline;font-size:14px}
#top_menu li ul li a{position:relative;float:left;line-height:18px;color:#efefef}
#top_menu li.list ul a:hover{color:rgba(255,255,255,.8)}

/* 소메뉴 가로 위치 */
#top_menu li ul.sub_ul1{margin-left:-36px}
#top_menu li ul.sub_ul2{margin-left:-94px}
#top_menu li ul.sub_ul3{margin-left:-25px}
#top_menu li ul.sub_ul4{margin-left:38px}
#top_menu li ul.sub_ul5{margin-left:-31px}

/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap{position:absolute;top:30px;right:0;z-index:1002}
#allmn_btn_wrap, #allmn_btn_wrap * {box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:57px;height:60px;cursor:pointer;transition:all .2s;background-color:#555}
#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:18px;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;position:absolute;top:89px;z-index:1001;width:100%;background-color:#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, #allmn_view_wrap * {box-sizing:border-box}
#allmn_view {position:relative;width:1070px;margin:0 auto;padding:15px 15px 20px;overflow:hidden}
#allmn_view:before{display:block;position:absolute;bottom:-16px;left:0;content:'SHINING co.';font-size:50px;letter-spacing:-1px;font-style:italic;color:#f5f5f5;font-family:'notokr-bold'}
#allmn_view ul{position:relative;float:left;width:140px;text-align:center}
#allmn_view li a{display:block;font-size:13px;line-height:24px;color:#888;transition:color .2s;font-family:'notokr-regular'}
#allmn_view li a:hover{color:#333}

/* 메뉴 전체보기 - ul 개별 ---------------------------------- */
#allmn_view ul.listx1{margin-left:295px}