/* ══════════════════════════════════════════════════════════════
   상단 메뉴 드롭다운 — 행사 유형 / 체험 프로그램
   전 페이지 공통. index.html과 press.css 양쪽에서 함께 씁니다.

   · PC(1081px 이상)에서만 드롭다운이 뜹니다.
   · 1080px 이하에서는 .nav-menu 자체가 숨겨지고 햄버거 메뉴가 뜨므로,
     그쪽에는 아래 .m-sec / .m-sub 로 제목과 들여쓰기를 줍니다.
   · 메뉴에 페이지를 추가할 때는 HTML의 .nav-drop 과 .m-menu 두 곳에
     같은 링크를 넣어 주세요. (PC용 / 휴대폰용)
   ══════════════════════════════════════════════════════════════ */

/* ── PC 드롭다운 ─────────────────────────────────────────────── */
.nav-item{position:relative;display:flex;align-items:center}

.nav-top{
  display:inline-flex;align-items:center;gap:5px;
  background:none;border:0;padding:0;margin:0;cursor:pointer;
  font:inherit;color:inherit;letter-spacing:-.02em;
  transition:color .2s;
}
.nav-top svg{width:9px;height:9px;flex:none;transition:transform .2s}
.nav-top:hover,
.nav-item:hover .nav-top,
.nav-item.on .nav-top{color:#FF4547}
.nav-item:hover .nav-top svg,
.nav-item.on .nav-top svg{transform:rotate(180deg)}
.nav-top:focus-visible{outline:3px solid #FF4547;outline-offset:4px;border-radius:4px}

.nav-drop{
  position:absolute;top:100%;left:-14px;
  min-width:216px;
  background:#fff;border:1px solid #E8EBEF;border-radius:16px;
  box-shadow:0 16px 44px rgba(43,41,41,.14);
  padding:10px;
  display:none;flex-direction:column;
  z-index:120;
}
/* 메뉴와 드롭다운 사이가 떠 있으면 마우스가 빠지므로 여백을 투명하게 채운다 */
.nav-item::after{content:"";position:absolute;top:100%;left:0;right:0;height:14px}
.nav-item:hover .nav-drop,
.nav-item.on .nav-drop{display:flex}

.nav-drop a{
  display:block;padding:11px 13px;border-radius:10px;
  font-size:16px;font-weight:600;color:#2B2929;white-space:nowrap;
  transition:.15s;
}
.nav-drop a:hover{background:#FFF2F2;color:#FF4547}
.nav-drop a.cur{color:#FF4547}
.nav-drop .sep{border:0;border-top:1px solid #E8EBEF;margin:7px 5px}

/* ── 휴대폰 햄버거 메뉴의 구역 제목·들여쓰기 ─────────────────── */
.m-menu .m-sec{
  display:block;padding:16px 28px 4px;
  font-size:13px;font-weight:800;color:#999;letter-spacing:.03em;
}
.m-menu a.m-sub{padding-left:44px;font-size:16px}