@charset "utf-8";
/* UTIL */
#top_nav_wrap{position:relative;display:flex;align-items:center;max-width:1750px;width:100%;height:var(--hd-height);margin:0 auto}
#top_nav_wrap .h_util{display:flex;align-items:center;justify-content:space-between;width:100%}
#top_nav_wrap .h_util .util__guest{display:flex;gap:8px}
#top_nav_wrap .h_util .util__guest li a{display:flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--primary);font-family:var(--main-font);transition:background-color 0.3s, color 0.3s}
#top_nav_wrap .h_util .util__guest li a.link-join{border:1px solid var(--primary)}
#top_nav_wrap .h_util .util__guest li a.link-log{background-color:rgba(233,72,18,0.1)}

/* LOGO */
#top_logo img{width:134px}

/* LNB */
#top_nav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
#top_nav > ul{display:flex}
#top_nav > ul > li{position:relative}
#top_nav > ul > li > a{position:relative;padding:0 30px;font-family:var(--main-font);font-size:17px;color:#000;line-height:var(--hd-height)}
#top_nav > ul > li.list06 a{color:var(--primary);font-weight:600}
#top_nav > ul > li.list06 a::after{position:absolute;content:'';top:0;right:22px;width:4px;aspect-ratio:1;border-radius:10px;background-color:var(--primary)}
#top_nav > ul > li > a + ul{position:absolute;display:none;left:50%;top:calc(100% - 20px);padding:10px 0;transform:translateX(-50%);width:calc(100% + 20px);text-align:center;background-color:#fff;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.05)}
#top_nav > ul > li > a + ul li a{position:relative;display:block;padding:12px 20px;color:#888;font-family:var(--main-font);font-size:15px;font-weight:normal;letter-spacing:-0.5px;transition:color 0.3s}

#sh_hd.sub #top_nav > ul > li > a + ul{box-shadow:1px 1px 5px rgba(0,0,0,0.1)}

@media (hover:hover){
#top_nav_wrap .h_util .util__guest li a:hover{background-color:var(--primary);color:#fff}
#top_nav > ul > li > a + ul li a:hover{color:var(--primary)}
}