@charset "utf-8";

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

/* logo 위치 조정 및 사이즈 지정 */
h1{padding:33px 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-family:'notokr-medium'}
#top_menu li.list a:hover{color:#666;overflow:visible}

#top_menu li ul{position:absolute;top:52px;display:none;padding:12px 0;width:1905px;clear:both;background-color:rgba(255,255,255,0.5)}
#top_menu li ul li{display:inline;font-size:14px}
#top_menu li ul li a{position:relative;float:left;line-height:18px;color:#222;font-family:'notokr-regular'}
#top_menu li.list ul a:hover{color:#222}

/* 소메뉴 위치 */
#top_menu li ul.sub_ul1{left:-728px;padding-left:728px}
#top_menu li ul.sub_ul2{left:-868px;padding-left:835px}
#top_menu li ul.sub_ul3{left:-1008px;padding-left:1041px}
#top_menu li ul.sub_ul4{left:-1148px;padding-left:1154px}

/* 메뉴 전체보기 버튼 ----------------------------------------- */
#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:59px;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}