@charset "utf-8";

#top_nav_wrap{position:relative;margin:0 auto;width:100%;line-height:1.5;font-family:'notokr-medium'}

#sh_hd.move {position:fixed;top:0;z-index:9999;width:100%;min-width:1072px;height: 100px;background-color:#fff;-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s;box-shadow:0 0 12px rgba(0, 0, 0, 0.12);}
@-webkit-keyframes updown {from{top:-40px}to{top:0}}
@-ms-keyframes updown {from{top:-40px}to{top:0}}
@keyframes updown {from{top:-40px}to{top:0}}

.top_quick_btn{position:absolute;top:40px;right:150px}
.top_quick_btn li{float:left;font-size:16px;font-family: 'Rozha One', serif}
.top_quick_btn li:first-child{margin-right:30px}
.top_quick_btn li i{display:inline-block;margin-right:5px}
.top_quick_btn li a{color:#939393}
.top_quick_btn li a:hover{color:#333}

.new_latest{overflow:hidden;position:absolute;top:35px;left:410px;display:block;display:block}
.new_latest .new_lt_tit{float:left;font-size:16px;color:#41220f;font-family:'notokr-bold'}
.new_latest .new_lt_tit span{display:inline-block;margin-left:10px;padding:0 10px;border-radius:10px;color:#fff;background:#404041}
.new_latest .lt_cont{position:relative;overflow:hidden;float:left;width:300px;height:27px;line-height:27px;margin-left:20px;background:rgba(255,255,255,.4)}
.new_latest .lt_cont li{display:inline;position:absolute;float:left;width:160px;height:27px;text-align:center;opacity:0}
.new_latest .lt_cont li:before{position:absolute;right:-2px;top:8px;content:'';width:1px;height:10px;background:rgba(0,0,0,.3)}

#sh_hd.move .new_latest .new_lt_tit span{color:#fff;background:#f2b700}
#sh_hd.move .new_latest .new_lt_tit{color:#41220}
#sh_hd.move .new_latest .lt_cont{background:#f7f7f7}

#top_nav_wrap .top_quick_btn .top_tel{position:relative;top:-42px;margin-left:25px;font-size:16px;text-align:center;font-family:'notokr-bold'}
#top_nav_wrap .top_tel_txt{display:block;padding:0 10px;border-radius:30px;font-size:13px;line-height:30px;color:#fff;background:#404041;font-family:'notokr-medium'}
#top_nav_wrap .top_tel_txt span{color:#f3bd01;font-family:'notokr-bold'}


#main_logo{position:absolute;top:7px;left:150px;z-index:15}


/* 메뉴 전체보기 버튼 ----------------------------------------- */
#allmn_btn_wrap {position:fixed;top:0;right:0;z-index:9999;}
#allmn_btn_wrap, #allmn_btn_wrap * {box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:100px;height:100px;cursor:pointer;transition:all .2s;background:#404041}
#allmn_btn:before{position:absolute;top:69px;left:32px;content:'MENU';font-weight:600;font-size:13px;color:#fff;font-family:'Poppins';opacity:0}
#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:50%;margin:-1px 0 0 -10px;-webkit-transition:all ease .2s;transition:all ease .2s;background:none}
#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:-4px}
#allmn_btn span:after {top:4px}
#allmn_btn.active {z-index:9999;background:none}
#allmn_btn.active span {background-color:transparent}
#allmn_btn.active span:before {top:-6px;-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 {top:6px;-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg)}

/* 대분류  */
#main_nav{position:fixed;top:0;right:-50%;z-index:1000;width:50%;height:100%;opacity:0;background-color:rgba(0,0,0,.9);-webkit-transition:all .4s;transition:all .4s}
#top_nav:after{display:block;content:"";visibility:hidden;clear:both}
#top_nav > li{position:relative;width:200px;padding:0 20px 28px}
#top_nav > li > a{display:block;position:relative;font-size:25px;letter-spacing:-0.5px;color:#fff;transition:all .2s;font-family:'notokr-medium';}
#top_nav > li.active > a{color:#f2b700}
#main_nav.active{right:0;opacity:1}
#main_nav > ul{margin-top:205px;padding-left:100px}

/* 소분류  */
#top_nav > li > ul{display:none;position:absolute;top:0px;right:-140px;margin-left:-69px;z-index:1002;min-width:140px;width:auto}
#top_nav > li > ul > li{float:none}
#top_nav > li > ul > li a{display:block;position:relative;padding:6px 0;font-size:16px;color:rgba(255, 255, 255, 0.71);transition:all .3s}
#top_nav > li > ul > li a:hover{padding-left:10px}
#top_nav > li > ul > li a:before{display:inline-block;position:absolute;left:10px;top:15px;width:3px;height:3px;border-radius:50%;background-color:#b1a19a;content:'';opacity:0;transition:all .3s}
#top_nav > li > ul > li a:hover:before{left:0;opacity:1}

/* 서브 */
#sub_hd_wrapper{position:relative;width:1265px;height:100px;margin:0 auto;font-family:'notokr-medium'}
#sub_hd_wrapper #top_logo{position:absolute;top:9px}
#sub_nav #top_nav{position:absolute;top:37px;right:0}
#sub_nav #top_nav > li{float:left;width:auto}
#sub_nav #top_nav > li > a{font-size:16px;color:#333;font-family:'notokr-bold'}
#sub_nav #top_nav > li > a:hover{color:#333}
#sub_nav #top_nav > li > ul{top:32px;right:auto;margin-left:-19px}
#sub_nav #top_nav > li > ul > li a{padding:12px 20px;border-bottom:solid 1px #3c3c3c;font-size:14px;background-color:#212121}
#sub_nav #top_nav > li > ul > li a:hover{padding-left:20px;background-color:#333}
#sub_nav #top_nav > li > ul > li a:before{display:none}

#sub_nav #top_nav > li .sub_ul2{width:157px;margin-left:-33px}

/**/
#allmn_btn_wrap.move #allmn_btn{position:fixed;right:0;top:0;background:none;transition:all 1s}
#allmn_btn_wrap.move #allmn_btn:before{opacity:1;transition:all 1s}
#allmn_btn_wrap.move #allmn_btn span:before,#allmn_btn_wrap.move #allmn_btn span:after{background:#fff}
#allmn_btn_wrap.move #allmn_btn.active span{background:none}

.sub_logo_img{display:none}

#sh_hd.move .sub_logo_img{display:block}
#sh_hd.move .main_logo_img{display:none}

.tel_tit{letter-spacing:-1px;}
.tel_tit span{font-size:36px;}