@charset "utf-8";
#topmenu_wrapper{position:relative;z-index:97;width:100%;margin:0 auto}
#topBnr{font-family:var(--k-point);text-align:center;background:var(--primary-gr)}
#topBnr a{display:block;padding:15px 0;font-size:22px;color:#111}
#topBnr span{color:#111}
#topBnr em{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50px;border:1px solid rgba(000,000,000,.2);vertical-align:-4px;transition:all .3s}
#topBnr svg{width:15px}
#topBnr a:hover em{border:1px solid #fff;color:#333;background:#fff}

#shGnb{display:flex;max-width:var(--mainsize);justify-content:space-between;align-items:center;margin:0 auto}

/* Top Menu */
#top_nav{display:flex;align-items:center}
#top_nav li a{display:block}
#top_nav > li{position:relative}
#top_nav > li > a{padding:0 38px;font-size:18px;font-weight:600;line-height:90px;color:#111;transition:all 0.3s}
#top_nav > li > a:hover{color:var(--primary)}
#top_nav ul{display:none;position:absolute;top:75px;left:50%;transform:translateX(-50%);min-width:140px;width:max-content;padding:10px;border-radius:10px;text-align:center;background:rgba(0, 0, 0, .75)}	
#top_nav ul a{display:block;font-size:15px;line-height:32px;color:#fff;text-transform:uppercase}
#top_nav ul a:hover{opacity:.75}
#top_user{display:flex;gap:15px}
#top_user a{font-size:14px;font-weight:600;color:#777;transition:all .3s}
#top_user a:hover{color:#111}