@charset "utf-8";

#top_nav_wrap{position:relative;margin:0 auto;min-width:1200px;width:100%;height:130px;line-height:1.5; background-color:#fff}
#top_nav_wrap .nav_inner{position:relative;width:1200px;margin:0 auto}
/* 로고 */
#top_logo{position:absolute;top:20px;left:0}
#logo_fixed{display:none;font-size:18px;color:#222;letter-spacing:.3px;font-family:'notokr-bold'}
/* GNB */
#top_gnb{overflow:hidden;position:relative;width:100%;background-color:#f1f1f1}
#top_gnb .gnb_inner{width:1200px;margin:0 auto}
#top_gnb ul{overflow:hidden;float:right}
#top_gnb ul li{float:left;margin:0 3px}
#top_gnb ul li a{display:block;padding:0 5px;font-size:12px;line-height:35px;font-family:'notokr-medium'}
#top_gnb ul li.tel{margin:0;padding:0 20px;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:35px;color:#fff;background-color:#333;font-family:'Montserrat'}
#top_gnb ul li.tel i{padding-right:5px;font-size:13px}
#top_gnb ul li.support{margin:0 0 0 10px;letter-spacing:-.5px;background-color:#1db8f5}
#top_gnb ul li.support a{ padding:0 20px;font-size:13.5px;color:#fff}
#top_gnb ul li.support i{padding-right:5px;font-size:12px}

/* 대분류  */
#top_nav{position:absolute;top:50px;right:0;visibility:visible}
#top_nav:after{display:block;content:"";visibility:hidden;clear:both}
#top_nav > li{float:left;position:relative;padding:0 20px 28px;font-family:'notokr-medium'}
#top_nav > li > a{display:block;font-size:16px;letter-spacing:-0.5px;color:#222;transition:all .2s}
#top_nav > li:hover{-webkit-text-shadow:0 0 .05px, 0 0 25px, 0 0 25px}
/* 소분류 */
#top_nav > li > ul{display:none;position:absolute;top:70%;left:50%;margin-left:-89px;z-index:1002;min-width:180px;width:auto;background-color:#222}
#top_nav > li > ul > li{float:none;border-bottom:1px solid #363636;text-align:center}
#top_nav > li > ul > li a{display:block;padding:12px 0;font-size:14px;letter-spacing:-.5px;color:#fff;transition:all .2s;font-family:'notokr-regular'}
#top_nav > li > ul > li a:hover{color:#ccc}
/* 상단메뉴 고정 */
#top_nav_wrap.fixed{position:fixed;top:0;left:0;width:100%;height:85px;border-bottom:none;background-color:#fff;-ms-box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.04);box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.04);-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s}
@-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_nav_wrap.fixed #top_gnb{display:none}
#top_nav_wrap.fixed #top_logo{top:12px}
#top_nav_wrap.fixed #top_nav{top:45px}