@charset "utf-8";

#top_nav_wrap{position:relative;min-width:1070px;width:100%;height:80px;line-height:1.5;background:rgba(255,255,255,.7)}

/* 로고 */
.main_logo{position:fixed;top:25px;left:50px}
.sub_logo{position:absolute;top:15px;left:40px}

/*메인 탑메뉴 스타일*/
#main_hd_wrapper{position:fixed;right:-52%;width:308px;height:100%;background:rgba(255,255,255,.9)}
#main_top, #main_top *, #main_top:before, #main_top:after{box-sizing:border-box}
#main_top > ul{margin-top:104px}
#main_top li.bmenu:hover{ background-color:rgba(0,0,0,.06)}
#main_top li.bmenu > a{display:block;position:relative;width:100%;height:50px;padding-left:30px;font-size:15px;line-height:50px;color:#333; letter-spacing:.5px; transition:all .2s;font-family:notokr-medium}
#main_top li.bmenu > a:after{display:block;position:absolute;top:0;right:37px;content:"\f105";font-size:20px;font-weight:normal;color:#666666;font-family:FontAwesome;transform:rotate(90deg)}
#main_top li.bmenu > a.active:after{transform:rotate(-90deg)}
#main_top li.bmenu > ul.smenu{display:none;padding-bottom:10px}
#main_top li.bmenu > ul.smenu li a{display:block;width:100%;padding-left:30px;font-size:13px;line-height:26px;color:#777;transition:color .2s;font-family:'notokr-regular'}
#main_top li.bmenu > ul.smenu li a:hover{color:#333}
#main_hd_wrapper .t_tel{display:block;margin-top:20px;height:64px;font-size:20px;line-height:64px;color:#222;text-align:center;background:rgba(0,0,0,.07);font-family:'notokr-medium'}
#main_hd_wrapper .adress{font-size:13px;color:#666;line-height:50px;text-align:center;font-family:'notokr-medium'}

/*서브 탑메뉴 스타일 */
#sub_hd_wrapper{position:relative;width:100%;height:81px;background:rgba(255,255,255,.9)}
#sub_top, #sub_top *{box-sizing:border-box}
#sub_top .top_nav{position:absolute;top:33px;right:50px;visibility:visible}
#sub_top .top_nav:after{display:block;content:"";visibility:hidden;clear:both}
#sub_top .top_nav > li{float:left;position:relative;padding:0 20px 28px}
#sub_top .top_nav > li > a{display:block;font-size:14px;color:#666;transition:all .2s;font-family:'notokr-regular'}
#sub_top .top_nav > li > ul{display:none;position:absolute;top:70%;left:0;z-index:1002;min-width:140px;width:auto;padding:15px 10px 15px 25px;border:1px solid #e7e7e7;border-radius:2px;background-color:#fff;word-break:keep-all}
#sub_top .top_nav > li > ul > li{float:none;padding:7px 0}
#sub_top .top_nav > li > ul > li a{font-size:13px;color:#666;transition:all .2s;font-family:'notokr-regular'}
#sub_top .top_nav > li > ul > li a:hover{color:#222}


/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap{position:absolute;top:20px;right:12px;z-index:1002}
.main_btn_wrap{top:32px !important;right:35px!important}
#allmn_btn_wrap, #allmn_btn_wrap *{box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:57px;height:40px;font-size:22px;cursor:pointer;transition:all .1s;font-family:'notokr-medium'}
#allmn_btn span, #allmn_btn span:before, #allmn_btn span:after{position:absolute;z-index:20;width:20px;height:2px}
#allmn_btn span{position:absolute;top:50%;left:18px;width:15px;margin-top:-1px;-webkit-transition:all ease .1s;transition:all ease .1s;background:#222}
#allmn_btn span:before, #allmn_btn span:after{content:'';right:0;z-index:-1;-webkit-transition:all ease .1s;transition:all ease .1s}
#allmn_btn span:before{top:-6px;background:#222}
#allmn_btn span:after{top:6px;background:#222}
#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);background:#222}
#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);background:#222}


/* 상단메뉴 고정 */
.bg.fixed {position:fixed;top:0;width:100%;height:100px;border-bottom:none;background-color:rgba(0,0,0,0.7);-ms-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03);z-index:9999;box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03)}