/* ==========================================================================
   갈매IT 컴퓨터아트학원 - 과정 상세 페이지 레이아웃 정상화 패치
   ========================================================================== */

/* 1. 메가메뉴 투명 레이어가 본문을 가려 먹통이 되는 현상 방지 */
.mega-menu-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.has-mega:hover .mega-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. 서브 비주얼 영역 (상단 타이틀 배경) 강제 정상화 */
.sub-visual {
    background-image: url('/images/sub_background.png') !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

.sub-visual::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 35, 75, 0.7) !important;
    z-index: 1 !important;
}

.sub-visual .container {
    position: relative !important;
    z-index: 2 !important;
}

/* 3. 본문 텍스트 및 레이아웃 가시성 확보 */
.reveal {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* 4. 우측 사이드바 스티키 고정 효과 안전장치 */
.sticky-sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important;
    z-index: 10 !important;
}

/* 5. 모바일 환경에서 테이블이나 그리드가 깨지는 현상 방지 */
@media (max-width: 991px) {
    .sub-visual .hero-text-area {
        height: auto !important;
        padding: 20px 0 !important;
    }
    .table-responsive {
        border: none !important;
    }
}