/* ============ 모바일 공통 (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; }


.title {
    font-size: 6.5vw !important;
    line-height: 1.3 !important;
}
.subtt {
    font-size: 3.5vw !important;
    margin-top: 2vw !important;
    line-height: 1.4 !important;
}




    /* ── GLOBAL ── */
    .my-place-label {
        bottom: 50px;
    }

    /* ── MAIN ── */
    .main{
        overflow: hidden;
    }
.main_section {
    padding-top: 18vw;
    padding-bottom: 40vw;
    background-size: cover;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}

.main_visual {
    width: 93%;
    /* flex-basis: 100%; */
}

    .main_video_media {
        aspect-ratio: 4 / 3;
        border-radius: 0;
    }

.main_logo_img {
    top: -2vw;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 22vw;
}

    .main_content_stack {
        top: 12vw;
    }

    .main_deco_row {
        width: 14vw;
        gap: 1vw;
    }

    .main_title {
        margin-top: 1vw;
        font-size: 5.5vw;
        width: 70%;
    }

    .main_counter {
        margin-top: 2vw;
        font-size: 14vw;
        width: 90%;
    }

.main_desc {
    margin-top: 3vw;
    font-size: 3.6vw;
    width: 86%;
    white-space: normal;
}

.main_bowl_img {
    top: auto;
    bottom: -102vw;
    left: 50%;
    transform: translateX(-50%);
    width: 70vw;
    z-index: 7;
}
.main_bowl_img_layer {
    transform: translateY(6vw);
}

    .main_box {
        position: relative;
        top: auto;
        left: auto !important;
        width: 44%;
        margin-top: 4vw;
        align-self: center;
        display: inline-flex;
    }

    .main_box_left {
        margin-right: 3.5vw;
    }

    .main_box_right {
        margin-left: 1vw;
    }

.main_box_label {
    margin-top: 8vw;
    font-size: 4.2vw;
}

.main_box_value {
    margin-top: 2.5vw;
}
.main_box_unit_img {
    width: 4.5vw;
    margin-left: 1vw;
}

    .main_box_num {
        font-size: 11vw;
    }

    .main_box_unit {
        font-size: 7vw;
    }

.main_checker_img {
    width: 160%;
}

    .con1 {
        padding-top: 15vw;
        padding-bottom: 30vw;
        overflow: visible;
        background-size: auto 100%;
    }

    .c1_scene {
        width: 90%;
        overflow: visible;
        margin-top: 0;
    }

    .c1_white_panel {
        width: 100%;
    }

.c1_why_img {
    top: 8vw;
    left: 50%;
    transform: translateX(-50%);
    width: 24vw;
}

.c1_title {
    margin-top: 17vw;
    font-size: 7vw;
    white-space: nowrap;
    line-height: 1.25;
}

.c1_body {
    margin-top: 3vw;
    font-size: 3.3vw;
    white-space: nowrap;
    line-height: 1.5;
    letter-spacing: -0.05em;
    padding-bottom: 10vw;
}

    .c1_center_cup {
        width: 72%;
        margin-top: 6vw;
        display: none;
    }

    .c1_big_word_img {
        top: 60vw;
        left: -14%;
        width: 145vw;
        display: none;
    }

    .c1_food_marquee {
        top: 82.5vw;
        left: -30%;
        width: 160%;
    }

    .c1_food_img {
        width: 31vw;
    }

    .c1_food_set {
        gap: 6vw;
        padding-right: 6vw;
    }

.c1_strip {
    top: auto;
    bottom: -28vw;
    left: -3.8vw;
    width: 100vw;
    scale: 1.3;
}

.c1_text_marquee {
    top: 4.5vw;
    width: 160vw;
}

    .c1_text_slide_img {
        width: 160vw;
    }

    .con2 {
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
    }

.c02_title {
    width: 100%;
    margin-top: 13vw;
}

    .c02_title_main {
        font-size: 7vw;
        line-height: 1.25;
        white-space: nowrap;
    }

    .c02_title_sub {
        margin-top: 4vw;
        font-size: 3.3vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        white-space: nowrap;
    }

    .c02_frame {
        width: 90%;
        margin-top: 8vw;
        padding-bottom: 12vw;
    }

    .c02_competitive_badge,
    .c02_timeline_layer {
        display: none !important;
    }

    .c02_frame_body {
        margin-top: 6vw;
        flex-direction: column;
        align-items: center;
    }

    .c02_left_sticky {
        position: relative;
        top: auto;
        width: 88%;
        margin-top: 0;
        margin-left: 0;
        align-self: center;
        align-items: center;
        text-align: center;
    }

    .c02_left_icon {
        width: 8vw;
        margin-left: 0;
        align-self: center;
    }

    .c02_left_title {
        margin-top: 3vw;
        text-align: center;
        font-size: 7vw;
        line-height: 1.25;
        white-space: nowrap;
    }

    .c02_left_body {
        margin-top: 4vw;
        text-align: center;
        font-size: 3.3vw;
        line-height: 1.5;
        letter-spacing: -0.08em;
        white-space: nowrap;
    }

    .c02_right_stack {
        width: 88%;
        margin-top: 9vw;
        margin-left: 0;
        align-self: center;
    }

    .c02_card01_media,
    .c02_card02_media,
    .c02_card03_media {
        width: 100%;
        margin-left: 0;
    }

.c02_card_title, .c02_card02_title, .c02_card03_title {
    width: 100%;
    text-align: center;
    margin-top: 5vw;
    margin-left: 0;
    font-size: 5.5vw;
    line-height: 1.3;
    white-space: nowrap;
}

.c02_card_body, .c02_card02_body, .c02_card03_body {
    width: 100%;
    text-align: center;
    margin-top: 2vw;
    margin-left: 0;
    font-size: 3.5vw;
    line-height: 1.5;
    letter-spacing: -0.08em;
    white-space: nowrap;
}

    .c02_separator01,
    .c02_separator02 {
        margin-top: 8vw;
        height: 0.5vw;
        display: none;
    }

    .c02_card02,
    .c02_card03 {
        margin-top: 10vw;
    }
.c02_gauge_stage {
    top: 29.6vw;
    left: 68%;
    width: 28%;
}

    .con04 {
        width: 100%;
        padding-top: 15vw;
        padding-bottom: 0;
        overflow: hidden;
    }
    .con04_badge {
    top: 3vw;
    left: auto;
    width: 24%;
}
.con04_badge_text {
    top: 2.2vw;
    left: 34.545455%;
    font-size: 5vw;
}
.con04_grid_band_img {
    display: none;
}

    .con04_panel {
        width: 90%;
        margin-top: 0;
        overflow: hidden;
    }

    .con04_copy_stack {
        width: 86%;
        margin-top: 12vw;
    }

    .con04_title {
        font-size: 7vw;
        line-height: 1.25;
        white-space: nowrap;
    }

    .con04_center_banner_img {
        width: 88%;
        margin-top: 4vw;
    }
.con04_ball_stage {
    display: none;
}
    .con04_body {
        margin-top: 5vw;
        font-size: 3.4vw;
        line-height: 1.7;
        letter-spacing: -0.05em;
        white-space: nowrap;
    }

    .con04_bottom_foods {
        width: 88%;
        margin-top: 8vw;
        margin-block-start: 8vw;
        transform: none;
        display: flex;
        justify-content: center;
    }

.con04_bottom_food_right_img {
    width: 49%;
    top: 14vw;
    margin-left: auto;
    right: 0;
}
.con04_bottom_food_left_img {
    top: 14vw;
    left: 0;
    width: 49%;
}
.con04_menu_tiles {
    top: -2vw;
    left: 20%;
    width: 60%;
    gap: 2vw;
}
.con04_side_food_left_img , .con04_side_food_right_img , .con04_top_food_img{
    display: none;
}
.con05 {
    padding-bottom: 0;
    background: url("/images/con05_07.webp") no-repeat;
    background-size: 490%;
    /* background-size: cover; */
    background-position: center;
}
.con05_badge_img {
    top: 75vw;
    left: auto;
    width: 20%;
}
.con05_scooter_img {
    top: 38vw;
    left: 72%;
    width: 19%;
}
.con05_word_img {
    left: 2.5%;
    width: 95%;
}

    .con05_title_stack {
        width: 88%;
        margin-top: 15vw;
    }

    .con05_label {
        width: 24vw;
    }

    .con05_title {
        margin-top: 3vw;
        font-size: 7vw;
        line-height: 1.25;
        white-space: nowrap;
    }

    .con05_desc {
        margin-top: 3vw;
        font-size: 3.3vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        white-space: nowrap;
    }

    .con05_showcase {
        width: 100%;
        margin-top: 7vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .con05_cards_row {
        position: relative;
        top: auto;
        left: auto;
        width: 93%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        gap: 2vw;
    }

    .con05_card {
        width: calc((100% - 2vw) / 2);
        padding-top: 5vw;
        padding-bottom: 5vw;
        box-sizing: border-box;
    }

    .con05_card_title {
        font-size: 5vw;
        line-height: 1.35;
        white-space: nowrap;
    }

.con05_card_body {
    margin-top: 0vw;
    font-size: 3.3vw;
    line-height: 1.5;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

    .con05_store_img {
        width: 63%;
        margin-top: 8vw;
        align-self: center;
    }

    /* ── CON03 ── */
    .con03 {
        padding-top: 10vw;
        padding-bottom: 15vw;
    }

.c3_stripe {
    top: 8vw;
    bottom: 8vw;
    height: 100%;
    aspect-ratio: unset;
    position: absolute;
}

.c3_red_panel {
    left: 6%;
    width: 88%;
    overflow: hidden;
    height: 43vw;
}
.c3_title_img {
    top: 4vw;
    left: 11%;
    width: 76%;
}

    .c3_left,
    .c3_right {
        position: static;
        width: 88%;
        height: auto;
        margin: 8vw auto 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .c3_left{
        margin-top: 45vw;
    }
    .c3_stripe img {
    filter: brightness(1.5);
}

    .c3_left_top_img,
    .c3_right_top_img {
        display: none !important;
    }

    .c3_left_title,
    .c3_right_title {
        position: static;
        width: 100%;
        margin: 4vw 0 0 0;
        font-size: 5.5vw;
        text-align: center;
        white-space: nowrap;
    }
    .c3_left_top{
        font-family: 'MBC1961', sans-serif;
        color: #e80012;
        font-size: 4.5vw;
    }

    .c3_left_desc,
    .c3_right_desc {
        position: static;
        width: 100%;
        margin: 2vw 0 0 0;
        font-size: 3.5vw;
        text-align: center;
        white-space: nowrap;
    }

.c3_main_img {
    width: 60%;
    margin-top: 10vw;
    left: 18%;
}

    .con06 {
        padding-top: 18vw;
        padding-bottom: 18vw;
        overflow: visible;
    }

 .c6_panel {
    width: 94%;
    overflow: visible;
    padding-bottom: 7vw;
}

.c6_top_bowl_img {
    top: -16vw;
    left: 19.5%;
    width: 58%;
}

.c6_title_box {
    width: 50%;
    margin-top: 42vw;
}
.c6_panel_bg_img {
    top: 0;
    width: 100%;
    height: 100%;

}
.c6_panel_bg_img img{
        width: 100%;
    height: 100%;
    object-fit: cover;
}

    .c6_title_black {
        font-size: 12vw;
        line-height: 0.95;
        white-space: nowrap;
    }

.c6_desc {
    margin-top: 3vw;
    font-size: 3.5vw;
    line-height: 1.5;
    white-space: nowrap;
    white-space: nowrap;
}

.c6_compare_table {
    width: 90%;
    margin-top: 15vw;
}

    .c6_left_table,
    .c6_right_red_panel {
        padding-top: 5vw;
        padding-bottom: 4vw;
    }

    .c6_table_head {
        font-size: 4.3vw;
        white-space: nowrap;
    }

    .c6_rows {
        margin-top: 2vw;
    }

    .c6_rows p {
        height: 9vw;
    }

    .c6_left_rows p {
        font-size: 3.2vw;
        white-space: nowrap;
    }

    .c6_right_rows p {
        font-size: 3.5vw;
        white-space: nowrap;
    }

    .c6_logo_badge_img {
        top: -12vw;
        left: 39%;
        width: 22%;
    }

    .c6_food_group_img {
        top: 95vw;
        left: 44%;
        width: 95%;
        display: none;
    }

.c6_bottom_text_slide {
    width: 320%;
    margin-top: 9vw;
    margin-left: -65%;
    position: absolute;
    bottom: -12vw;
}

    .c6_bottom_text_img {
        width: 400vw;
    }

    .con07 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .c07_panel {
        width: 100%;
        padding-bottom: 0;
    }

    .c07_red_grid_img {
        width: 180%;
        left: -40%;
    }

 .c07_food_img {
    top: auto;
    bottom: 0;
    width: 370%;
    left: -40%;
}

    .c07_title_stack {
        width: 88%;
        margin-top: 15vw;
    }

    .c07_title_main {
        font-size: 7.4vw;
        line-height: 1.12;
        white-space: nowrap;
        white-space: nowrap;
    }

    .c07_title_desc {
        margin-top: 4vw;
        font-size: 3.2vw;
        line-height: 1.45;
        white-space: nowrap;
        white-space: nowrap;
    }

  .c07_badge {
    top: 100vw;
    left: 73%;
    width: 29%;
}
.c8_pie_img {
    margin-top: 5vw;
}
.c8_pie_margin_num {
    top: 24vw;
    left: 63%;
    font-size: 6vw;
}
.c8_pie {
    width: 75%;
    margin-left: 0;
}
.con08 {
    padding-bottom: 10vw;
}
.c8_table_rate_num {
    top: 54.3vw;
    left: 77.5%;
    font-size: 4.5vw;
}
.c8_table {
    position: relative;
    width: 65%;
    margin-top: 3vw;
    margin-left: 0;
}
.c8_icon {
    width: 8%;
    margin-bottom: 2vw;
}
.c8_left {
    width: 100%;
    margin-top: 10vw;
    align-items: center;
}
.c8_title , .c8_desc {
    text-align: center;

}
.c8_inner{
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3vw;
}

    .c07_sales_strip {
        top: 78vw;
        left: -80%;
        width: 260%;
        height: 18vw;
    }

    .c07_sales_cell {
        padding-top: 3vw;
    }
    .c07_sales_cell {
    width: 40vw !important;
}
.con07_slide_btm {
    padding: 3vw 0;
    font-size: 7vw;
}.con07_slide_top {
    padding: 2vw 0;
    font-size: 3.3vw;
}
.con07_slide {
    width: 39.5vw;
}
.swiper_con07 {
    top: 40%;
    margin: 8vw 0 95vw 0;
    position: static;
}

    .c07_sales_month {
        font-size: 2.5vw;
        white-space: nowrap;
        white-space: nowrap;
    }

    .c07_sales_value {
        margin-top: 3vw;
        font-size: 5vw;
        white-space: nowrap;
        white-space: nowrap;
    }

.c07_phone_stage {
    width: 105%;
    margin-top: 15vw;
    margin-bottom: 0;
    margin-left: 0;
    align-self: center;
    position: absolute;
    bottom: -9%;
    left: -27%;
}

    .c07_phone_video_mask {
        border-radius: 2.4vw;
        aspect-ratio: 268 / 505;
    }

.c07_sales_box {
    top: 82vw;
    left: 9%;
    width: 82%;
    height: 20vw;
}

    .c07_sales_label {
        margin-left: 5vw;
        margin-right: 2.2vw;
        font-size: 3vw;
        white-space: nowrap;
        white-space: nowrap;
    }

    .c07_sales_amount {
        font-size: 12.4vw;
        white-space: nowrap;
        white-space: nowrap;
    }

    /* ── CON09 ── */
.c09_cup_img {
    top: 75%;
    width: 45vw;
    left: 28%;
}
    .con09 {
        --c09-scale: 1.2;
    }

    .c09_copy_row {
        width: 90%;
        height: auto;
        margin-top: 15vw;
        margin-left: 0;
        align-self: center;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 4vw;
        margin-bottom: 25vw;
    }
.c09_orbit_field {
    width: 80%;
    margin-bottom: -63vw;
}
.c09_clock_img {
    width: 7%;
}
.c09_orbit_label {
    font-size: 4vw;
}
    .c09_left_copy {
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .c09_24h_img {
    font-size: 24vw;
    margin-top: -4vw;
    margin-bottom: -12vw;
}
.c09_orbit_badge {
    width: 12vw;
}
    .c09_eyebrow {
        width: 100%;
        text-align: center;
        font-size: 4vw;
    }
.c09_photo_img {
    left: -50%;
    width: 250%;
}
    .c09_title {
        width: 100%;
        text-align: center;
        font-size: 7vw;
        line-height: 1.25;
    }

    .c09_body {
        width: 100%;
        margin: 0;
        text-align: center;
        font-size: 3.5vw;
        line-height: 1.6;
        opacity: 0.92;
    }

.c10_menu_logo {
    width: 38%;
    margin-top: 20vw;
}

    .c10_title {
        font-size: 6.5vw;
        margin-top: 4vw;
        white-space: nowrap;
    }

    .c10_desc {
        font-size: 3.5vw;
        margin-top: 2vw;
        white-space: nowrap;
    }

    .c10_panel {
        width: 92%;
        margin-top: 6vw;
        padding-bottom: 6vw;
    }
.c10_grid_line {
    display: none;
}
    .c10_grid_left_img,
    .c10_grid_right_img {
        display: none;
    }

    .c10_tab {
        margin-top: 4vw;
        gap: 3vw;
    }

    .c10_tab_item {
        font-size: 4vw;
        padding: 2vw 4vw;
        white-space: nowrap;
    }

    .c10_divider {
        margin-top: 3vw;
    }

    .c10_menu_grid {
        margin-top: 6vw;
        width: 86%;
        gap: 4vw 4vw;
    }

    .c10_card {
        width: calc((100% - 4vw) / 2);
    }

    .c10_card_name {
        font-size: 4vw;
        margin-top: 3vw;
        white-space: nowrap;
    }

    .c10_more_img {
        width: 18%;
        margin-top: 8vw;
    }

    /* ── CON11 ── */
    .con11 {
        padding-top: 10vw;
        padding-bottom: 13vw;
    }

    .c10_bottom_strip {
        margin-top: 13vw;
    }

.c10_nam_mae_img {
    width: 32vw;
    top: 11%;
}

    .c11_eyebrow {
        margin-top: 8vw;
        font-size: 5.5vw;
        letter-spacing: 0.3em;
    }

    .c11_title {
        margin-top: 4vw;
        font-size: 7vw;
        line-height: 1.3;
    }

    .c11_subtitle {
        margin-top: 3vw;
        font-size: 3.4vw;
        white-space: normal;
        padding: 0 6vw;
    }

    .c11_gauge {
        margin-top: 6vw;
        aspect-ratio: 1905/180;
    }

    .c11_gauge_icon_1 {
        top: 2vw;
        width: 5vw;
    }

    .c11_gauge_icon_2 {
        top: 2vw;
        width: 6vw;
        left: 32%;
    }

    .c11_gauge_icon_3 {
        top: 3vw;
        width: 5.5vw;
          left: 66%;
    }

    .c11_gauge_counter {
        font-size: 6.5vw;
        top: 1.8vw;
    }

    .c11_steps {
        flex-direction: column;
        padding: 0 5vw;
        margin-top: 8vw;
        gap: 4vw;
        align-items: center;
    }
.c11_step {
    width: 80vw !important;
}
.c11_step_media {
    height: 38vw;
}




    .c11_step_badge_img {
        width: 18vw;
    }
.c11_step_label {
    width: 100%;
    margin-top: 3vw;
    align-items: center;
    justify-content: center;
    gap: 3vw;
}
.c11_step_2 {
    transform: translateY(0);
}
    .c11_step_text {
        font-size: 4vw;
    }

    /* ── CON12 ── */
    .con12 {
        padding-bottom: 0;
    }

    .c12_namae_img {
        width: 22vw;
        margin-top: 0;
    }

    .c12_eyebrow {
        margin-top: 6vw;
        font-size: 3.6vw;
        line-height: 1.6;
        letter-spacing: -0.02em;
        white-space: nowrap;
    }

    .c12_title {
        margin-top: 4vw;
        font-size: 7.5vw;
        line-height: 1.25;
        white-space: nowrap;
    }

    .c12_subtitle {
        margin-top: 4vw;
        font-size: 3.4vw;
        line-height: 1.6;
        white-space: nowrap;
        padding: 0 6vw;
    }

    /* 좌/우 슬라이드 — PC absol을 rltv로 다시 풀고 세로 배치 */
    .c12_left_swiper,
    .c12_right_swiper {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-top: 6vw;
        width: 100%;
        height: auto;
        order: 9;
    }

    .c12_left_swiper .swiper-slide,
    .c12_right_swiper .swiper-slide {
        width: 55vw;
    }

    /* 컵 스테이지 — 모바일에서 더 크게 */
.c12_cup_stage {
    margin-top: -20vw;
    width: 50%;
    margin-right: 2vw;
}
.c12_food_media {
    left: 4.4444%;
    width: 92%;
    top: 12%;
}
.swiper_con12{
    position: static;
}
.swiper_con12_slide {
    width: 46vw;
    height: 65vw;
}
.swiper_con12.left{
    margin: 8vw 0 5vw 0;
}
    .c12_cup_img {
        margin-top: 32vw;
    }

    .c12_cup_rim_img {
        top: 32vw;
    }

.c12_logo {
    width: 17vw;
    top: 38vw;
}

.c12_subgrp_lbl {
    top: 47vw;
    font-size: 3vw;
    white-space: nowrap;
}

 .c12_grp_title {
    top: 53.5vw;
    font-size: 5.5vw;
    white-space: nowrap;
}

    /* 하단 마퀴 — rltv로 풀어서 세로 배치 후 컵 아래 */
    .c12_marquee {
        position: relative;
        top: auto;
        left: auto;
        margin-top: -1vw;
        width: 100%;
        height: auto;
        order: 10;
        padding-top: 2vw;
    }

    .c12_marquee .swiper-slide {
        width: 43vw !important;
    }

    /* ── CON13 ── */
    .con13 {
        padding-top: 10vw;
        padding-bottom: 10.498688vw;
    }

    .c13_left_edge_img,
    .c13_right_food_img,
    .c13_chicken_img {
        display: none !important;
    }

    .c13_title_group {
        width: 88%;
    }

    .c13_marker_img {
        width: 10%;
    }

    .c13_eyebrow {
        margin-top: 3vw;
        font-size: 3.6vw;
        white-space: nowrap;
    }

    .c13_title {
        margin-top: 3vw;
        font-size: 7vw;
        line-height: 1.2;
        white-space: nowrap;
    }

    .c13_cards {
        margin-top: 7vw;
    }

    .c13_card_text {
        font-size: 3.5vw;
        line-height: 13vw;
        white-space: nowrap;
    }

    .c13_card_num {
        left: 8%;
        top: 1.8vw;
        font-size: 9vw;
        white-space: nowrap;
        transform: translateY(-120%);
    }

    /* ── CON14 ── */
    .con14 {
        padding-bottom: 12vw;
    }

    .c14_inner {
        width: 100%;
        margin-top: 12vw;
        flex-direction: column;
    }

.c14_left {
    width: 100%;
    margin-left: 0;
    align-items: center;
    justify-content: center;
}

    .c14_label_img {
        width: 21%;
    }

    .c14_copy_stack {
        width: auto;
        margin-left: 0;
        margin-top: 5vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .c14_title {
        font-size: 7vw;
        line-height: 1.22;
        white-space: nowrap;
        text-align: center;
    }

    .c14_desc {
        margin-top: 5vw;
        font-size: 3.3vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        white-space: nowrap;
        text-align: center;
    }

    .c14_word_img {
        width: 92%;
        margin: 0 auto;
        margin-top: 5vw;
    }

.c14_nav {
    width: 30%;
    margin: 0 auto;
    margin-top: 0;
    transform: translateY(0);
    margin-top: -8vw;
    margin-bottom: 5vw;
    gap: 1vw;
}

    .swiper_con14_wrap{
        width: 100%;
        position: static;
    }
    .swiper_con14_top {
    width: 80vw;
    margin: 0 auto;
    display: none;
}
.con14_btm_slide {
    width: 64vw;
}

    .c14_media {
        width: 94%;
        margin-left: 6%;
        margin-top: 8vw;
    }

    .c14_main_swiper {
        width: 94%;
        margin-left: 0;
        height: auto;
    }

    .c14_main_slide img {
        width: 100%;
        margin-left: 0;
    }

    .c14_thumb_slide {
        width: 38%;
    }

    /* ── CON15 ── */
    .con15 {
        padding-top: 0;
        padding-bottom: 12vw;
    }

    .c15_scene {
        height: auto;
        min-height: 178vw;
        padding-bottom: 10vw;
        margin-top: 0;
    }

.c15_awning_img {
    top: -4px;
    left: auto;
    width: 130%;
}

 .c15_bowl_img {
    left: auto;
    width: 58%;
    top: -7%;
}

 .c15_wordmark_img {
    top: 25vw;
    left: 8%;
    width: 84%;
}

  .c15_head {
    width: 82%;
    margin-top: 50vw;
}

    .c15_title {
        font-size: 8vw;
        line-height: 1.18;
    }

    .c15_desc {
        margin-top: 3vw;
        font-size: 3.2vw;
        line-height: 1.45;
    }

    .c15_parts {
        margin-top: 8vw;
        height: 160vw;
    }

    .c15_part_label {
        top: 0;
        font-size: 4.6vw;
        opacity: 0.5 !important;
        transition: 0.3s;
    }
    .c15_part_label.on{
        opacity: 1 !important;
    }

    .c15_part_label_left {
        left: 7%;
    }

    .c15_part_label_right {
        left: auto;
        right: 7%;
    }

    .c15_card_group {
        width: 82%;
        top: 10vw;
        left: 9%;
        margin-left: 0;
        margin-top: 0;
        flex-direction: column;
        gap: 3vw;
        opacity: 0 !important;
        transition: 0.5s;
    }
    .c15_card_group.on{
        opacity: 1 !important;
    }

    .c15_card {
        width: 100%;
        height: auto;
        min-height: 42vw;
        padding-bottom: 6vw;
    }

    .c15_card .c15_card_icon {
        width: 13%;
        margin-top: 6vw;
    }

    .c15_card h3 {
        margin-top: 4vw;
        font-size: 5vw;
    }

    .c15_card p {
        margin-top: 3vw;
        font-size: 3.1vw;
        line-height: 1.55;
    }

    .c15_stack_preview {
        display: none;
    }

    .c15_scene.is-stable .c15_card_group_right {
        transform: translateX(0);
    }

    /* ── CON17 ── */
    .c17_table_panel {
        width: 94%;
        margin-top: 6vw;
        padding: 4vw 0 0 0;
    }

    .c17_table {
        width: 92%;
        margin-top: 0;
    }

    .c17_table thead th {
        height: 9vw;
        font-size: 3.3vw;
        padding: 0 1vw;
    }

    .c17_table tbody tr:nth-child(1) td,
    .c17_table tbody tr:nth-child(2) td,
    .c17_table tbody tr:nth-child(3) td,
    .c17_table tbody tr:nth-child(4) td,
    .c17_table tbody tr:nth-child(5) td,
    .c17_table tbody tr:nth-child(6) td,
    .c17_table tbody tr:nth-child(7) td,
    .c17_table tbody tr:nth-child(8) td {
        height: 8vw;
        font-size: 2.9vw;
        padding: 0 1vw;
    }

    .c17_table tbody tr.this {
        height: 14vw;
    }

.con17 .c17_callout_img {
    width: 28vw;
    height: 5.7vw;
    object-fit: cover;
}
.con17 {
    padding-top: 15vw;
}
.c17_dish_img {
    top: -14vw;
    left: -17%;
    width: 36%;
}
.c17_cup_img {
    display: none;
}
    .c17_table_total {
        padding: 3.5vw 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 3vw;
    }

    .c17_total_label,
    .c17_total_value {
        margin-left: 0;
        font-size: 3.2vw;
        text-align: center;
    }

    .c17_summary_row {
        width: 94%;
        margin-top: 2vw;
        gap: 2vw;
    }

    .c17_summary_box {
        height: 12vw;
        gap: 3vw;
    }

    .c17_summary_change {
        width: calc(50% - 1vw);
    }

    .c17_summary_new {
        width: calc(50% - 1vw);
        margin-left: 0;
    }

    .c17_summary_label {
        font-size: 3.5vw;
    }

    .c17_summary_divider {
        height: 5vw;
    }

    .c17_summary_value {
        font-size: 6vw;
    }

    .c17_summary_unit {
        font-size: 3.5vw;
        margin-left: -1.5vw;
    }

    .c17_disclaimer {
        width: 94%;
        margin: 4vw auto 0 auto;
        align-self: center;
        font-size: 3.2vw;
        line-height: 1.6;
        text-align: center;
        white-space: normal;
    }



.c18_arrow_img {
      display: none;
}
.c18_steps_row1, .c18_steps_row2 {
    width: 90%;
    justify-content: center;
    gap: 2vw;
    flex-wrap: wrap;
}
.c18_step_img {
    width: 48%;
}
.c18_panel {
    width: 95%;
    padding-top: 13vw;
    padding-bottom: 10vw;
    margin-bottom: 4vw;
    margin-top: -3.5vw;
}
.c18_steps_row1 {
    margin-top: 5vw;
}
/* ── CON19 ── */
    .c19_title {
        width: 94%;
        margin-top: 8vw;
        align-self: center;
    }

    .c19_title_icon {
        width: 20vw;
    }

    .c19_main_title {
        margin-top: 3vw;
        font-size: 7vw;
        text-align: center;
    }

    .c19_sub {
        margin-top: 3vw;
        font-size: 3.5vw;
        text-align: center;
        white-space: normal;
    }

    /* 카드 — 지도(상단 정사각형) + 패널(하단 풀폭) */
    .c19_map_card {
        width: 94%;
        height: 165vw;
        margin-top: 6vw;
        align-self: center;
    }

    /* 지도 영역 — 카드 상단 정사각형 (96vw × 96vw) */
    .c19_map_pic,
    .c19_kakaomap {
        top: 0;
        left: 0;
        width: 100%;
        height: 60vw;
    }

    /* 좌측 패널 → 모바일에선 지도 아래 풀폭 */
    .c19_panel {
        top: 60vw;
        left: 0;
        width: 100%;
        border: none;
        border-top: 1px solid #000;
    }

    /* 탭 */
    .c19_tab {
        padding: 3vw 0;
        font-size: 3.5vw;
    }

    /* 빨간 strip + 검색박스 */
    .c19_panel_strip {
        padding: 2.5vw 0;
    }

    .c19_search {
        width: 92%;
        padding: 2.5vw 3vw;
    }

    .c19_search_input,
    .c19_region_select {
        font-size: 3.2vw;
    }

    .c19_search_icon {
        width: 5vw;
        margin-left: 2vw;
    }

    /* 매장 리스트 */
    .c19_panel_body {
        width: 100%;
        height: 80vw;
    }

    .c19_store_list {
        margin-top: 4vw;
        margin-left: 5%;
        width: 90%;
        height: calc(100% - 8vw);
    }

    .c19_store_list::-webkit-scrollbar {
        width: 1vw;
    }

    .c19_store {
        padding-bottom: 4vw;
    }

    .c19_store + .c19_store {
        margin-top: 4vw;
    }

    .c19_store_name {
        margin-left: 2vw;
        font-size: 3.6vw;
    }

    .c19_store_addr {
        margin-top: 3vw;
        margin-left: 2vw;
        font-size: 3.4vw;
    }

    .c19_store_tel {
        margin-top: 2vw;
        margin-left: 2vw;
        font-size: 3.4vw;
    }

    .c19_empty {
        margin-top: 10vw;
        font-size: 3.5vw;
    }

.c18_namrae_img {
    margin-top: 10vw;
    width: 38%;
}

    

    /* ── CON20 ── */
.c20_bowl_img {
    width: 40%;
    top: -21vw;
    left: 30%;
}
.c20_history_panel {
    padding-bottom: 14vw;
}

    .c20_title_group {
        width: 86.089239%;
        margin-top: 14.435696vw;
    }

    .c20_title_main {
        font-size: 5.511811vw;
        white-space: nowrap;
        line-height: 1.2;
    }

    .c20_title_sub {
        margin-top: 2.624672vw;
        font-size: 2.519685vw;
        white-space: nowrap;
        line-height: 1.45;
    }

    .c20_divider,
    .c20_bottom_line {
        width: 86.089239%;
    }

    .c20_story_slide {
        width: 86.089239%;
    }

    .c20_story_title {
        font-size: 4vw;
        white-space: nowrap;
    }
.c20_divider {
    margin-top: 10vw;
}
.c20_story_body {
    margin-top: 3vw;
    font-size: 3.3vw;
}
    .c20_marquee_strip {
    width: 200vw;
}
.c20_marquee_track {
    top: 4.1vw;
}

    /* ── CON21 ── 좌측 카피 + 폼 패널을 vertical stack 으로 재배치 */
    .con21 {
        padding-top: 14vw;
        padding-bottom: 0;
    }

    /* NAM.MAE 빨강 박스 — 섹션 상단 걸침 키움 */
    .c21_top_logo_box {
        top: -8vw;
        width: 16vw;
        box-shadow: inset 0 0 0 0.5vw #ffffff;
    }

    /* 우측 음식 deco — 모바일 숨김 */
    .c21_right_food_img {
        display: none;
    }

    .c21_content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 좌측 카피 — absol 해제, flow item 가운데 정렬 */
    .c21_left {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin-top: 4vw;
        align-self: center;
        align-items: center;
        text-align: center;
    }

    .c21_title {
        font-size: 7vw;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
    }

    .c21_subtitle {
        margin-top: 4vw;
        font-size: 3.5vw;
        line-height: 1.5;
        text-align: center;
        white-space: normal;
    }

    .c21_call {
        margin-top: 6vw;
        gap: 2.5vw;
        justify-content: center;
    }

    .c21_call_icon_img {
        width: 7vw;
    }

    .c21_call_num {
        font-size: 8vw;
    }

    /* 폼 패널 — 좌측 카피 아래 풀폭 */
    .c21_form_panel {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8vw;
        padding: 8vw 6vw 6vw 9vw;
    }

    .c21_form_row {
        font-size: 3.5vw;
        gap: 1.5vw;
        flex-wrap: wrap;
        line-height: 1.6;
    }

    .c21_row_1 { margin-top: 0; }
    .c21_row_2 { margin-top: 5vw; }
    .c21_row_3 { margin-top: 4vw; }
    .c21_row_4 { margin-top: 4vw; }
    .c21_row_5 { margin-top: 4vw; }

    .c21_input {
        padding: 0.5vw 1vw;
        font-size: 3.5vw;
        border-bottom-width: 0.4vw;
    }

    .c21_input_a    { width: 25vw; }
    .c21_input_b    { width: 20vw; }
    .c21_input_wide { width: 50vw; }
    .c21_input_c    { width: 40vw; }

    .c21_row_radio {
        gap: 2vw;
    }

    .c21_radio + .c21_radio {
        margin-left: 1vw;
    }

    .c21_chip {
        width: 22vw;
        height: 8vw;
        font-size: 3.3vw;
    }

    .c21_divider {
        margin-top: 6vw;
        margin-left: -6vw;
        margin-right: -6vw;
        height: 0.5vw;
    }

    .c21_line {
        margin: 5vw 0 4vw 0;
        margin-left: -10%;
        width: 120%;
    }

    .c21_agree {
        gap: 2vw;
        flex-wrap: wrap;
    }

    .c21_agree input {
        width: 4vw;
        height: 4vw;
        border-width: 0.4vw;
    }

    .c21_agree input:checked::after {
        width: 1.5vw;
        height: 1.5vw;
    }

    .c21_agree_text {
        font-size: 3.2vw;
        white-space: normal;
    }

   .c21_submit {
    margin-top: 5vw;
    width: 70vw;
    height: 10vw;
    font-size: 3.8vw;
}

    /* 바닥 컵밥 — 풀폭, 음수 마진 제거 */
    .c21_bottom_food_img {
        margin-top: 6vw;
        margin-left: 0;
        margin-bottom: -10vw;
        align-self: center;
        width: 100%;
    }

}