@charset "utf-8";
/* 수정 모음: 메인 등장 시간 / 드롭다운 시간 / 이동 거리 */
:root { --bpn-main-enter-time: 350ms; --bpn-dropdown-time: 180ms; --bpn-dropdown-distance: 6px; }
/* 첫 화면만 페이드: 배너 슬라이드의 이동·크기에 영향을 주지 않습니다. */
#middle.main .top-visual.bpn-main-enter { animation: bpn-main-enter var(--bpn-main-enter-time) ease-out; }
@keyframes bpn-main-enter { from {opacity:.25;} to {opacity:1;} }
/* PC 헤더: 닫힐 때도 부드럽게 사라집니다. */
body > .wrapper > #header .nav > ul > li > .depth {
 display:block !important;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translateY(calc(-1 * var(--bpn-dropdown-distance)));
 transition:opacity var(--bpn-dropdown-time) ease, transform var(--bpn-dropdown-time) ease, visibility 0s var(--bpn-dropdown-time);
}
body > .wrapper > #header .nav > ul > li:hover > .depth,
body > .wrapper > #header .nav > ul > li:focus-within > .depth {
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transform:translateY(0);
 transition-delay:0s;
}
/* 모바일 메뉴의 기존 여닫기 동작은 그대로 사용합니다. */
#menu_category.on > ul,
#menu_category > ul > li.active > .depth { animation:bpn-dropdown-enter var(--bpn-dropdown-time) ease-out; }
@keyframes bpn-dropdown-enter { from {opacity:0;transform:translateY(calc(-1 * var(--bpn-dropdown-distance)));} to {opacity:1;transform:translateY(0);} }
@media (prefers-reduced-motion: reduce), print {
 #middle.main .top-visual.bpn-main-enter,
 #menu_category.on > ul,
 #menu_category > ul > li.active > .depth { animation:none !important; }
 body > .wrapper > #header .nav > ul > li > .depth { transition:none !important;transform:none; }
}