/* ============ 모바일 공통 (max-width: 599px) ============ */
@media screen and (max-width:599px) {
    section { font-size: 3.2vw; }

    .pc-mobile { display: none; }
    .mobile-pc { display: flex; }
    .pc        { display: none !important; }
    .pc-inline { display: none !important; }
    .tablet    { display: none; }
    .mobile    { display: flex; }
    .mobile-flex { display: flex; }

    /* 클라이언트별 모바일 스타일은 아래에 추가 */
    
    /* ===== 메인 인트로 비주얼 모바일 반응형 ===== */
    .main .mv {
        position: fixed !important;
        height: 100vh !important;
        width: 100% !important;
    }
    
    /* 상하 2분할 레이아웃 */
    .main .mv_left_scene {
        width: 100% !important;
        height: 50vh !important;
        top: 0 !important;
        left: 0 !important;
    }
    .main .mv_right_scene {
        width: 100% !important;
        height: 50vh !important;
        top: 50vh !important;
        left: 0 !important;
    }
    
    /* 클릭 링크 영역 분할 */
    .main .mv_half_link_left {
        width: 100% !important;
        height: 50vh !important;
        top: 0 !important;
        left: 0 !important;
    }
    .main .mv_half_link_right {
        width: 100% !important;
        height: 50vh !important;
        top: 50vh !important;
        left: 0 !important;
    }
    
    /* 배경 미디어 영역 */
    .main .mv_base_media {
        height: 50vh !important;
    }
    .main .mv_right_media {
        height: 50vh !important;
    }
    .main .mv_right_media img {
        width: 100% !important;
    }

    /* 마키 애니메이션 조절 */
    .main .mv_marquee_layer {
        height: 50vh !important;
    }
    .main .mv_marquee_track {
        width: 480vw !important;
    }
    .main .mv_marquee_bottom {
        top: auto !important;
        bottom: 0 !important;
    }

    /* ===== BRAND (상단) 콘텐츠 ===== */
    .main .mv_brand_content {
        position: absolute !important;
        top: 13vh !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: auto !important;
    }
    .main .mv_brand_title {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 52vw !important;
        margin-bottom: 2.5vh !important;
    }
    .main .mv_brand_desc {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        font-size: 4.2vw !important;
        line-height: 1.5 !important;
        text-align: center !important;
        white-space: nowrap !important;
        margin-bottom: 3.5vh !important;
    }
    .main .mv_brand_button_wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 32vw !important;
        height: 8.5vw !important;
    }
    .main .mv_brand_button_shape,
    .main .mv_brand_button_text {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    .main .mv_brand_button_shape {
        border-radius: 4.25vw !important;
    }
    .main .mv_brand_button_text {
        font-size: 3.5vw !important;
    }
    
    .main .mv_left_burger {
        top: 25vh !important;
        left: -5% !important;
        width: 32vw !important;
    }
    .main .mv_right_burger {
        top: -3vh !important;
        right: -3% !important;
        width: 25vw !important;
    }

    /* ===== FRANCHISE (하단) 콘텐츠 ===== */
    .main .mv_franchise_content {
        position: absolute !important;
        top: 8vh !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: auto !important;
    }
    .main .mv_franchise_title {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 68vw !important;
        margin-bottom: 2.5vh !important;
    }
    .main .mv_franchise_desc {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        font-size: 4.2vw !important;
        line-height: 1.5 !important;
        text-align: center !important;
        white-space: nowrap !important;
        margin-bottom: 3.5vh !important;
    }
    .main .mv_franchise_button_wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 32vw !important;
        height: 8.5vw !important;
    }
    .main .mv_franchise_button_shape,
    .main .mv_franchise_button_text {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    .main .mv_franchise_button_shape {
        border-radius: 4.25vw !important;
    }
    .main .mv_franchise_button_text {
        font-size: 3.5vw !important;
    }

    .main .mv_store_media {
        top: auto !important;
        bottom: 0vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 76vw !important;
    }
}