@charset "utf-8";

#top_nav_wrap{position:relative;min-width:1070px;width:100%;height:72px;line-height:1.5;background:rgba(255,255,255,.7);font-family:'notokr-regular'}

/* 로고 */
.main_logo{position:absolute;top:43px;left:37%;opacity:0}
.sub_logo{position:absolute;top:25px;left:40px}

/*탑메뉴 메인,서브공통 */
.top_nav{position:absolute;visibility:visible}
.top_nav:after{display:block;content:"";visibility:hidden;clear:both}
.top_nav > li{float:left;position:relative}
.top_nav > li > a{display:block;font-size:15px;color:#222;letter-spacing:-0.3px;transition:all .2s}
.top_nav > li > ul{display:none;position:absolute;top:80%;left:13px;z-index:1002;min-width:150px;width:auto;border:1px solid #e7e7e7;background-color:#fff}
.top_nav > li > ul > li{float:none;padding:10px 20px;transition:all .2s}
.top_nav > li > ul > li:hover{background-color:#f7f7f7}
.top_nav > li > ul > li a{display:block;position:relative;font-size:13px;color:#666;transition:all .2s}
.top_nav > li > ul > li a:hover{color:#222}
.top_nav > li > ul > li a:before{position:absolute;left:10px;top:8px;width:3px;height:3px;border-radius:30px;background-color:#92917b;opacity:0;content:'';transition:all 0.2s}
.top_nav > li > ul > li a:hover:before{opacity:1;left:-10px}

/*메인 탑메뉴 스타일*/
#main_hd_wrapper{position:absolute;width:67.5%;height:100%;right:0;top:-90px;background:#fff}
#main_top, #main_top *, #main_top:before, #main_top:after{box-sizing:border-box}
#main_top > ul{width:900px;height:70px;margin:0 auto;}
#main_top .top_nav{top:0;left:10%;height:70px}
#main_top .top_nav .list{padding:0 30px;line-height:70px}

/*서브 탑메뉴 스타일 */
#sub_hd_wrapper{position:relative;width:95%;height:81px;margin:0 auto;font-family:'notokr-regular'}
#sub_top, #sub_top *{box-sizing:border-box}
#sub_top .top_nav{top:30px;right:30px}
#sub_top .top_nav > li{padding:0 20px 28px}

/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap {position:absolute;top:0;right:0;z-index:1002;}
#allmn_btn_wrap, #allmn_btn_wrap * {box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:92px;height:70px;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:35px;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 {background:#222;-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 {background:#222;-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg)}

.tip_menu{position:absolute;overflow:hidden;top:43px;left:61%;opacity:0;font-family:'notokr-medium'}
.tip_menu > li{float:left;font-size:13px}
.tip_menu > li:first-child{margin-right:30px}
.tip_menu > li a{color:#787878;transition:all .3s}
.tip_menu > li a:hover{color:#222}