@charset "utf-8";

/* 탑메뉴 기본 설정 크기 및 넓이 */
#topmenu_wrapper{position:relative;z-index:99;width:1200px;height:90px;margin:0 auto}

/* 로고 */
#top_logo{position:absolute;top:23px;left:0;z-index:3}

/* 탑메뉴 */
#top_nav{position:absolute;top:0;right:195px}
#top_nav li{display:block;float:left;position:relative;font-size:15px;letter-spacing:-0.6px;font-family:'notokr-medium'}
#top_nav li a{display:block;padding:0 26px;line-height:90px;color:#222;-webkit-transition:all .2s;transition:all .2s;zoom:1}
#top_nav li:hover{font-family:'notokr-bold'}
#top_nav ul {display:none;position:absolute;top:80%;left:50%;margin-left:-70px;background-color:#222}	
#top_nav ul li{float:none;font-size:13px;border-bottom:1px solid #363636}
#top_nav ul a{display:block;padding:10px 0;line-height:24px;color:#fff;text-transform:uppercase;text-align:center;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-regular'}
#top_nav ul a:hover{background-color:rgba(255,255,255,.06);font-family:'notokr-regular'}

/* 소메뉴 가로사이즈 조절 */
#top_nav ul, #top_allmenu_show ul {width:140px} 

/* 메뉴 전체보기 버튼 */
#allmn_btn_wrap{display:flex;align-items:center;gap:5px;position:absolute;z-index:1002;top:20px;right:-15px}
#allmn_btn_wrap .user_menu{display:flex;gap:10px}
#allmn_btn_wrap .user_menu li a{font-size:14px;color:#888;transition:all .2s;font-family:'notokr-medium'}
#allmn_btn_wrap .user_menu li a:hover{color:var(--primary)}
#allmn_btn{display:block;position:relative;width:50px;height:50px;cursor:pointer;transition:all .2s}
#allmn_btn span:before, #allmn_btn span:after{position:absolute;z-index:20;width:20px;height:2px;background-color:#222}
#allmn_btn span {position:absolute;top:45%;left:70%;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before, #allmn_btn span:after{z-index:-1;content:'';right:0;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before{top:-3px}
#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(-3px) translateX(0) rotate(-45deg);-ms-transform:translateY(-3px) translateX(0) rotate(-45deg);transform:translateY(-3px) translateX(0) rotate(-45deg)}

/* 메뉴 전체보기 */
#allmn_view_wrap{display:none;position:absolute;z-index:9999;width:100%;background-color:rgba(34, 34, 34, 0.7)}
#allmn_view{overflow:hidden;position:relative;width:1100px;margin:0 auto;padding:18px 0}
#allmn_view ul{float:left;position:relative;width:auto;margin:0 25px;text-align:center}
#allmn_view li a{display:block;font-size:13px;line-height:24px;letter-spacing:-0.3px;color:#fff;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-regular'}
#allmn_view li a:hover{color:#ff006e}

/* 메뉴 전체보기 - ul 개별 */
#allmn_view ul.listx1{margin-left:346px}
#allmn_view ul.listx2{margin-left:9px}
#allmn_view ul.listx3{margin-left:5px}
#allmn_view ul.listx4{margin-left:21px}
#allmn_view ul.listx5{margin-left:31px}
#allmn_view ul.listx6{margin-left:34px}