@charset "utf-8";

#tnb {border-bottom:1px solid #e9e9e9;}
#tnb ul {height: 50px;text-align: center;}
#tnb ul li {display: inline-block;height: 100%;padding: 0 5px;}
#tnb ul li a {display:block;position:relative;height: 100%;line-height:1;padding: 25px 15px 0;font-size:16px;color:#2f3236;transition: all 0.3s;-webkit-transition: all 0.3s;}
#tnb ul li.n1 em{width:32px;height:22px;background:url('/images/kor/common/flag.jpg') no-repeat;position:absolute;left: -26px; top:45%;}
#tnb ul li.n7 a {padding-left:55px;}
#tnb ul li a:before{display:inline-block;position:absolute;z-index:2;left:50%;bottom:-1px;content:'';width: 0;height:1px;background:#0097e5;transition: all 0.3s;-webkit-transition: all 0.3s;}
#tnb ul li a:after {display:inline-block;position:absolute;z-index:1;bottom:-1px;content:'';width: 0;height:1px;background:#fff;}
#tnb ul li span {display:inline-block;position: absolute;left:0;bottom:0;width: 55px;height:34px;background: url(/template/A/images/tnb_obj.png)no-repeat 13px bottom;}
#tnb ul li span:before {display:block;position:absolute;left: 1px;z-index: -1;content:'';width: 16px;height:17px;margin: 6px 0 0;background:url(/template/A/images/h.png)no-repeat;vertical-align: middle;}
#tnb ul li a:hover,
#tnb ul li a:focus {color:#0097e5;}
#tnb ul li a:hover:before,
#tnb ul li a:focus:before {left:0; width:100%;}
#tnb ul li a:hover:after,
#tnb ul li a:focus:after {left:-8px; right:-8px; width:auto;}

@media(max-width:1279px){
    #tnb ul li a {padding: 25px 5px 0;}
}

@media (max-width:1170px){
	    #tnb ul li a {font-size:14px;}
}

@media(max-width:1023px){
    #tnb {display:none;}
}