@charset "utf-8";

#topNavWrap{position:relative;width:100%;height:100px;padding:0 120px;transition:all .3s;}

/* 마우스온 */
#topNavWrap.on{border-color:#e1e1e1;background-color:#fff}
#topNavWrap.on #topNav > li > a{color:#111}
#topNavWrap.on #menuLine{background-color:#666}

/* 로고 */
#top_logo{float:left;position:relative;top:50%;transform:translateY(-50%);}

/* 대분류  */
#topNav{position:absolute;z-index:1;height: 100px;width: 724px;left: 725px;top: 0;transform:translateX(-50%);}
#topNav:after{display:block;content:"";visibility:hidden;clear:both}
#topNav > li{float:left;position:relative;padding:0 25px;line-height: 100px;}
#topNav > li > a{display:block;font-size:17px;color:#222;letter-spacing:-.1px;transition:all .2s;font-family:'notokr-medium'}
#menuLine{position:absolute;bottom: -1px;left:50%;width:0;height:1px;background-color:transparent;transition:all 0.5s ease-in-out;}

/* 소분류 */
.top_nav_s{display:none;position:absolute;width:100%;min-height:165px;left:50%;transform:translateX(-50%);padding-top: 20px;}
.top_nav_s li a{display:block;margin:0px;font-size:14px;line-height:26px;text-align:center;color:#08151d;transition:color .2s;font-family:notokr-regular}
.top_nav_s li a:hover{color:#999}

/* 전체메뉴배경 */
.top_nav_bg{position:fixed;width:100%;display:none;top:100px;height:140px;border-top:solid 1px #e1e1e1;background:#fff;box-shadow:0px 12px 12px -17px rgba(0,0,0,0.25);}


.booking{display:inline-block;position:relative;float:right;top:50%;width:144px;height:44px;border-radius:30px;font-size:14px;color:#fff;text-align:center;background-color:#282828;transform:translateY(-50%);font-family:notokr-medium}
.booking span{position:absolute;transition:all .3s}
.booking span:after{display:inline-block;padding-left:3px;content:'\f017';font-family:'FontAwesome'}
.booking span.t1{left: 17px;top:11px;font-size:15px;font-weight:700;font-family:'mulish'}
.booking span.t2{left: 32px;top:33px;opacity:0;}
.booking:hover span.t1{top:0;opacity:0}
.booking:hover span.t2{top:11px;opacity:1}