@charset "utf-8";


.layout{position:relative;margin:0 auto;width:100%;max-width: 1260px;}
.clear {clear:none;}
.clear:after,
.layout:after{display:block;visibility:hidden;clear:both;content:""}

#ajaxLayer {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background: rgba(0,0,0,.85);}

#tnb {position: relative;z-index: 10;border-bottom:1px solid #e9e9e9;background: #fff;}
#tnb ul {height: 50px;text-align: center;}
#tnb ul li {display: inline-block;height: 100%;padding: 0 5px;}
#tnb ul li a,
#tnb ul li button {display:block;position:relative;height: 50px;line-height:1;padding: 25px 15px 0;background: #fff;font-size:14px;color:#2f3236;vertical-align: top;transition: all 0.3s;-webkit-transition: all 0.3s;}
#tnb ul li.n7 a {background:url(/images/kor/common/tnb_obj.png)no-repeat 10px bottom;}
#tnb ul li a:before,
#tnb ul li button: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,
#tnb ul li button: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; width:50px;}
#tnb ul li a:hover,
#tnb ul li a:focus {color:#0097e5;}
#tnb ul li a:hover:before,
#tnb ul li a:focus:before,
#tnb ul li button:hover:before,
#tnb ul li button:focus:before {left:0; width:100%;}
#tnb ul li a:hover:after,
#tnb ul li a:focus:after,
#tnb ul li button:hover:after,
#tnb ul li button:focus:after {left:-8px; right:-8px; width:auto;}

#tnb ul li.lang {position:relative;vertical-align: top;}
#tnb ul li.lang > a {}
#tnb ul li.lang a.clickClose {position:absolute;left:0;top:0;width: 100%;color: #0097e5;}
#tnb ul li.lang > a em,
#tnb ul li.lang a.clickClose em {display:inline-block; margin-left:5px; margin-top:-3px;border-right:4px solid transparent; border-left:4px solid transparent; vertical-align:middle; font-size:0; }
#tnb ul li.lang > a em {border-top:5px solid #2f3236; }
#tnb ul li.lang a.clickClose em {border-bottom:5px solid #0e76bc;}
#tnb ul li.lang > a:hover em,
#tnb ul li.lang > a:focus em {border-top:5px solid #0e76bc; }
#tnb ul li.lang > div {display:none;}
#tnb ul li.lang.on > div {display:block;}
#tnb ul li.lang > div .inner {position:absolute;left:0;top:50px;width: 100%;}
#tnb ul li.lang > div .inner:before {display:block;position:absolute;z-index: 4;content:'';left:0;top: 0px;width:100%;height:1px;background:#0097e5;}
#tnb ul li.lang > div .inner:after {display:inline-block;position:absolute;z-index: 1;top: 0px;left:-8px;right:-8px;z-index:1;bottom:-1px;content:'';width: auto;height:1px;background:#fff;}
#tnb ul li.lang > div .inner span {display:block; width:100%;}
#tnb ul li.lang > div .inner span a {height:40px; line-height:40px; padding:0; }
#tnb ul li.lang > div .inner span:first-child a {border-bottom:1px dashed #ddd;}
#tnb ul li.lang > div .inner span a:before,
#tnb ul li.lang > div .inner span a:after {display:none;}


@media(max-width:1339px){
    .layout {max-width:100%; padding:0 40px;}
}

@media(max-width:1023px){
    .layout {padding:0 35px;}
    #tnb {display:none;}
}

@media(max-width:767px){
    .layout {padding:0 20px;}
}