.nav-container.cat-nav ul li {
  position: relative;
  height: 100%;
}

.nav-container.cat-nav .hidden_cate,
.nav-container.cat-nav .hidden_board {
  position: absolute;
  top: calc(100% + 10px);
  left: -8px;
  border-radius: 5px;

  min-width: 160px;
  /* padding: 8px 0; */

  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);

  /* 살짝 위에 있다가 내려오도록 */
  transition: all 0.2s ease-in-out;
  /* 빠른 전환 속도 */
  z-index: 50;

  /* 숨김 상태 초기값 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);

  /* opacity: 1;
  visibility: visible;
  transform: translateY(-5px); */
}

/* Hover 시 노출 (JS 없이 CSS로 처리) */
.nav-category:hover .hidden_cate,
.nav-board:hover .hidden_board {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 링크 스타일 (움직임 제거, 배경색만 변경) */
.nav-container.cat-nav .hidden_cate a,
.nav-container.cat-nav .hidden_board a {
  display: block;
  padding: 12px 16px;
  color: #0a0a0a;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.2s;
}

.nav-container.cat-nav .hidden_cate a:hover,
.nav-container.cat-nav .hidden_board a:hover {
  background-color: #f3f4f6;
  color: #111827;
}

/* 드롭다운 내 구분선 */
.nav-container.cat-nav .hidden_cate hr,
.nav-container.cat-nav .hidden_board hr {
  margin: 4px 0;
  border: 0;
  border-top: 1px solid #e5e7eb;
}