@charset "utf-8";

/*
 * Header mega menu hover fix
 * 기존 공통 디자인 CSS는 수정하지 않고, PC 메뉴의 빈 여백 hover만 차단합니다.
 * 1차 메뉴 글자(.tm-gnb__link)에 마우스를 올렸을 때만 JS가 .is-mega-open을 붙여 메뉴를 엽니다.
 */
@media (min-width: 981px) {
    .tm-header:not(.is-mega-open):hover .tm-mega,
    .tm-header:not(.is-mega-open):focus-within .tm-mega {
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) !important;
    }

    .tm-header.is-mega-open .tm-mega {
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    .tm-gnb__item {
        pointer-events: none !important;
    }

    .tm-gnb__link {
        pointer-events: auto !important;
    }
}