/* 메인 페이지 컨테이너 패딩 제거 (헤더가 처음부터 fixed이므로 보상 불필요) */
    body.main #main.container,
    body.main .header.is_active~#main.container {
        padding-top: 0 !important;
    }

    /* 히어로 스와이퍼 영역 — 폭에 비례해 높이도 줄어듦
    clamp(최소 260px, 폭의 75%, 뷰포트 100%)
    · 데스크톱(1280px+): 75vw > 100vh → 100vh (전체화면)
    · 태블릿(768px):     75vw ≈ 576px ✓
    · 모바일(400px):     75vw = 300px ✓ */
    .section_spot.is_intro .spot_images,
    .section_spot.is_intro .swiper-container,
    .section_spot.is_intro .swiper-slide,
    .section_spot.is_intro .img_cover {
        height: clamp(260px, 75vw, 100vh) !important;
    }

    /* spot_images: 항상 fluid, 슬라이드가 넘쳐도 클립 */
    .section_spot.is_intro .spot_images {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* swiper-container도 항상 fluid */
    .section_spot.is_intro .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 인디케이터 위치: 슬라이드 하단 중앙 */
    .section_spot.is_intro .indicator.swiper-pagination {
        position: absolute;
        bottom: 24px;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 20;
        pointer-events: none;
    }

    /* 비활성 점 */
    .section_spot.is_intro .swiper-pagination-switch {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.55);
        margin: 0 5px;
        cursor: pointer;
        pointer-events: auto;
        transition: width 0.2s, height 0.2s, background 0.2s;
        vertical-align: middle;
    }

    /* 활성 점: 조금 더 크게 */
    .section_spot.is_intro .swiper-active-switch {
        width: 10px;
        height: 10px;
        background: #ffffff;
    }