/* ========== 색상 ========== */
:root {
  --primary: #7a9418;   /* 진한 초록 */
  --accent : #b0c64d;   /* 밝은 초록 */
}

/* ========== 레이아웃 ========== */
.nav-box { position: relative; }

.nav-inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ========== 메뉴 링크 ========== */
.navbar-nav .nav-link {
  font-weight: 500;
  color: #222;
  position: relative;
  transition: color .2s;
  margin: 0 !important;
  padding: 0 !important;
}
.navbar-nav .nav-link:hover { color: var(--primary); }

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  content: '';
  position: absolute;
  left: 0; bottom: -6px;
  width: 100%; height: 3px;
  background: var(--accent);
}



/* ========== Mega Dropdown ========== */
.mega-menu {
  display: none;
  position: absolute;
  top: 100%; left: 0; right: 0;
  background: #fff;
  border-top: 1px solid #e3e3e3;
  box-shadow: 0 6px 12px rgba(0,0,0,.07);
  z-index: 800;
}

.navbar-nav:hover + .mega-menu,   /* 메뉴 hover 시 */
.mega-menu:hover                 /* 드롭다운 위 유지 */
{ display: block; }

.mega-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
  gap: 2rem 3rem;
  padding: 2rem 0;
}

.mega-title { font-weight:600; margin-bottom:.75rem; }
.mega-link  { display:block; margin:.35rem 0; white-space:nowrap;
              color:#222; text-decoration:none; transition:color .15s; }
.mega-link:hover { color: var(--primary); text-decoration:underline; }

/* ========== 모바일 (≤992px): 드롭다운 비활성 ========== */
@media (max-width: 992px) {
  .mega-menu { display:none!important; }
}