/* /css/nav.css — 상단 메뉴 풀다운(Hosting & CDN · 고객지원) + 모바일 서브메뉴  2026-10-16 */
.nav-dd{position:relative;display:flex;align-items:center;height:80px}
.nav-dd>a{cursor:pointer}
.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);min-width:200px;padding:10px 0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 12px 32px rgba(21,23,42,.12);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.nav-dd-menu::before{content:"";position:absolute;top:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-top:0;border-bottom-color:#fff}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dd-menu a{display:block;padding:10px 22px;font-size:15px;font-weight:600;color:#4B4F5E;white-space:nowrap;text-decoration:none;cursor:pointer;transition:.12s}
.nav-dd-menu a:hover{color:#7C5CFF;background:#F6F4FF}
/* 모바일 메뉴 서브 */
.m-sub{display:flex;flex-direction:column;margin:-4px 0 4px 12px;padding-left:12px;border-left:2px solid #EEE9FF}
.m-sub a{padding:8px 12px;font-size:14px;font-weight:500;color:#6B7280;border-radius:8px;cursor:pointer}
.m-sub a:hover{color:#7C5CFF;background:#F6F4FF}
/* 모바일: 메뉴 패널 스크롤 (header 가 fixed 라 화면 높이를 넘는 부분이 안 보이던 문제) */
#mobileMenuPanel{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}
/* 모바일: 햄버거 왼쪽 로그인 버튼 */
.m-login{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;margin-left:auto;margin-right:10px;border:1px solid rgba(124,92,255,.35);border-radius:9999px;font-size:13px;font-weight:700;color:#7C5CFF;white-space:nowrap;cursor:pointer}
.m-login svg{color:#7C5CFF}
@media(min-width:1024px){.m-login{display:none}}
/* 태블릿(768~1023px): 상단 검정 바 — 슬로건 숨기고 항목 줄바꿈 방지 */
@media(min-width:768px) and (max-width:1023px){
  header>div:first-child p:first-child{display:none}
  header>div:first-child a,header>div:first-child span{white-space:nowrap}
  header>div:first-child .container{justify-content:flex-end}
}