@charset "utf-8";

#topNav{height:100%;padding:0 95px;border-bottom:1px solid rgba(255,255,255,.15);text-align:center;-webkit-transition:all .2s;transition:all .2s}
#topNav h2{position:absolute;left:95px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

/* 메뉴 */
.nav_lnb{display:inline-block;overflow:hidden}
.nav_lnb li{position:relative;float:left}
.nav_lnb li+li{margin-left:60px}
.nav_lnb li a{display:block;font-size:16px;color:#fff;line-height:85px}
.nav_lnb li:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:0;background-color:#535b8c;-webkit-transition:height .2s;transition:height .2s}
.nav_lnb li.on:before{height:3px}
.nav_lnb li.on a{color:#535b8c!important}

/* TEL */
#topNav dl{position:absolute;right:95px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:21px;font-weight:700;letter-spacing:.5px;color:#fff;font-family:'Play','notokr-regular'}
#topNav dl dt{display:inline-block}
#topNav dl dt:after{display:inline-block;content:"";width:1px;height:15px;margin:0 8px 0 12px;background-color:rgba(255,255,255,.4)}
#topNav dl dd{display:inline-block;font-size:25px}

#topNav.active{background-color:rgba(255,255,255,.95)}
#topNav.active .nav_lnb li a{color:#222}
#topNav.active dl{color:#222}
#topNav.active dl dt:after{background-color:#ccc}