@charset "utf-8";

#sh_hd{position:fixed;top:0;left:50%;z-index:25;transform:translateX(-50%);max-width:1920px;min-width:1450px;width:100%;height:120px;font-family:'AritaBuri'} 
#topNav{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 2%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(5px)}
#topNav h1 a{display:block}
#topNav h1 img{width:416px}

/* 메뉴 */
#topNav .nav_lnb{display:flex;flex-wrap:wrap}
#topNav .nav_lnb li{position:relative;line-height:120px}
#topNav .nav_lnb li+li{margin-left:40px}
#topNav .nav_lnb li a{font-size:20px;color:#fff;transition:all .2s}
#topNav .nav_lnb li:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:0;background-color:var(--primary);transition:all .2s}
#topNav .nav_lnb li.on:before{height:5px}
#topNav .nav_lnb li.on a{color:var(--primary)}

/* 모바일 메뉴 */ 
#topNavMo{display:none;height:105px;padding:12px 0 0;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#topNavMo h1{text-align:center}
#topNavMo h1 a{display:inline-block}
#topNavMo h1 img{width:400px}
#topNavMo .scr_wrap{overflow-x:scroll;scroll-behavior:smooth}
#topNavMo .scr_wrap::-webkit-scrollbar{height:5px}
#topNavMo .scr_wrap::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(255,255,255,.5)}
#topNavMo .nav_lnb{display:flex;align-items:center;height:40px;justify-content:center;}
#topNavMo .nav_lnb li{margin:0 10px;word-break:keep-all}
#topNavMo .nav_lnb li a{position:relative;padding:6px 0;font-size:15px;color:#fff}
#topNavMo .nav_lnb li a:before{opacity:0;display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--primary);transition:all .2s}
#topNavMo .nav_lnb li.on a{color:var(--primary)}
#topNavMo .nav_lnb li.on a:before{opacity:1}

@media (max-width:1690px){
    #topNav{display:none}
}
@media (max-width:1690px){
    #topNav{display:none}
    #topNavMo{display:block}
}

@media (max-width:680px){
    #topNav{display:none}
    #topNavMo .nav_lnb li a{font-size:25px;}
}

/*
@media (max-width:1460px){
#sh_hd{height:100px}
#topNav{padding:0 20px}
#topNav h1 img{width:340px}	
#topNav .nav_lnb li+li{margin-left:25px}
#topNav .nav_lnb li a{font-size:17px}
}

 반응형 [s] 
@media (max-width:1360px){
#sh_hd{height:100px}
#topNav{padding:0 15px}
#topNav h1 img{width:240px}	
#topNav .nav_lnb li+li{margin-left:25px}
#topNav .nav_lnb li a{font-size:17px}
}
@media (max-width:1024px){
#topNav{display:none}
#topNavMo{display:block}
#topNavMo .nav_lnb{justify-content:center}
}
@media (max-width:680px){
#topNavMo .nav_lnb{justify-content:normal}
}*/
/* 반응형 [e] */