/* 기본 상태: 서브 메뉴 숨김 */
.header .lnb_min .sub_menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 10;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

/* 활성화 상태: 서브 메뉴 보임 */
.header .lnb_min .sub_menu.active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}

/* 키보드 탐색 시 초점 명확하게 표시 */
:focus,
:focus-visible {
  outline: none;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0 0 0.5rem #e2147f;
}

.header .lnb_min .sub_menu a:focus,
.header .lnb_min .sub_menu a:hover {
  background-color: #fff;
  color: #333;
  outline: 2px solid #e2147f;
  outline-offset: 2px;
}

/* 활성화된 상태의 서브 메뉴 링크 스타일 */
.header .lnb_min .active .sub_menu a {
  color: #333;
  background-color: #f9f9f9;
}

/* 메뉴 활성화 시 애니메이션 */
.header .lnb_min .sub_menu.active {
  animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

/* 메뉴 비활성화 시 애니메이션 */
.header .lnb_min .sub_menu {
  animation: fadeOut 0.3s ease forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}