@charset "utf-8";
/* ===== brand page styles ===== */

/* ===== bcon01 — 브랜드 인트로 (plan: .planning/bcon01/plan.md) ===== */
.bcon01 {
    align-items: flex-start;
    padding-top: calc(var(--px) * 822);
    padding-bottom: calc(var(--px) * 64);
}

.bcon01_inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 53.2808%;
    margin-left: 23.8%;
}

.bcon01_pic {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1015 / 363;
}

/* bcon01-m01 — --bcon01-p 0(섹션 상단 풀폭) → 1(슬롯). 기본 1 = 종료 상태 (JS 없음·모바일·reduced-motion)
   --bcon01-q = 세로 위치 전용(스크롤과 1:1, 화면 고정 착시 유지) / --bcon01-p = 크기·가로 (부드럽게 따라오는 scrub) — 유저 지시 2026-10-22 */
.bcon01_frame {
    --bcon01-p: 1;
    --bcon01-q: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: calc(var(--px) * -822 * (1 - var(--bcon01-q)));
    left: calc(-44.669% * (1 - var(--bcon01-p)));
    width: calc(100% + 87.6849% * (1 - var(--bcon01-p)));
    height: calc(100% + 88.4299% * (1 - var(--bcon01-p)));
    overflow: hidden;
}

.bcon01_word {
    top: 13.3vw;
    right: -0.7%;
    font-family: var(--font-poppins);
    font-weight: 800;
    font-size: calc(var(--px) * 140);
    line-height: 6.3vw;
    letter-spacing: 0;
    color: #000;
}

.bcon01_word_line {
    display: block;
    white-space: nowrap;
    text-align: right;
}

.bcon01_word_point {
    color: var(--color-point);
}

.bcon01_title {
    margin-top: 4.4vw;
    margin-left: 0.1%;
    font-family: var(--font-nexon);
    font-weight: 700;
    font-size: calc(var(--px) * 55);
    line-height: calc(var(--px) * 58);
    letter-spacing: -0.17vw;
    color: #000;
}

.bcon01_title_line {
    display: block;
    white-space: nowrap;
}

.bcon01_title_point {
    color: var(--color-point);
}

.bcon01_row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.2vw;
}

.bcon01_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1px;
    height: calc(var(--px) * 344);
    margin-top: 0.3vw;
    margin-left: 31.1%;
    background: rgba(76, 25, 15, 0.2);
}

.bcon01_body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: calc(var(--px) * 32);
    margin-left: 9.7%;
}

.bcon01_desc {
    font-family: var(--font-free);
    font-weight: 400;
    font-size: calc(var(--px) * 19);
    line-height: calc(var(--px) * 32);
    letter-spacing: -0.01vw;
    color: #000;
    white-space: nowrap;
}

.bcon01_desc strong {
    font-weight: 800;
}

/* ===== bcon03 — 우기파스타 BI (plan: .planning/bcon03/plan.md) ===== */
.bcon03 {
    padding-top: 3.5vw;
    padding-bottom: 3.7vw;
}

.bcon03_title {
    font-family: var(--font-nexon);
    font-weight: 700;
    font-size: calc(var(--px) * 50);
    line-height: 2.4vw;
    letter-spacing: -0.16vw;
    color: #000;
}

.bcon03_cards {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    column-gap: calc(var(--px) * 30);
    margin-top: 1.7vw;
}

.bcon03_card {
    width: calc(var(--px) * 628);
    height: calc(var(--px) * 348);
}

.bcon03_card_01 {
    background-image: url('/images/bcon03_03.png');
}

.bcon03_card_02 {
    background-image: url('/images/bcon03_04.png');
}

.bcon03_logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.bcon03_logo_01 {
    width: calc(var(--px) * 228);
    aspect-ratio: 228 / 202;
}

.bcon03_logo_02 {
    width: calc(var(--px) * 268);
    aspect-ratio: 268 / 74;
}

.bcon03_label {
    width: calc(var(--px) * 145);
    height: calc(var(--px) * 47);
    margin-top: 1.5vw;
    background-color: #000;
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: calc(var(--px) * 18);
    line-height: 0.7vw;
    letter-spacing: 0;
    color: #fff;
}

.bcon03_colors {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    column-gap: calc(var(--px) * 17);
    margin-top: 0.9vw;
}

.bcon03_color {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    height: calc(var(--px) * 104);
    padding-bottom: calc(var(--px) * 23);
    border: 1px solid #000;
}

.bcon03_color_01 {
    width: calc(var(--px) * 633);
    background-color: #4c190f;
}

.bcon03_color_02 {
    width: calc(var(--px) * 631);
    background-color: var(--color-cream);
}

.bcon03_color_hex {
    font-family: var(--font-free);
    font-weight: 600;
    font-size: calc(var(--px) * 20);
    line-height: 0.8vw;
    letter-spacing: -0.03vw;
}

.bcon03_color_hex_01 {
    color: #fff;
}

.bcon03_color_hex_02 {
    color: #000;
}

.bcon03_desc {
    margin-top: 2.4vw;
    font-family: var(--font-free);
    font-weight: 400;
    font-size: calc(var(--px) * 20);
    line-height: 1.8vw;
    letter-spacing: 0;
    color: #000;
}

.bcon03_desc_tt {
    font-weight: 800;
}

/* ===== bcon04 — 대표 인사말 (plan: .planning/bcon04/plan.md) ===== */
/* 공통 재사용: c_marquee_word(_stripe) · flow_sd 가로 마퀴 — 차이값만 아래 .bcon04_* 에 */
.bcon04 {
    align-items: flex-end;
    padding-top: 4.1vw;
    padding-bottom: 6.2vw;
}

.bcon04_band {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 73.2808%;
    box-sizing: border-box;
    padding-left: calc(var(--px) * 76);
    background-color: #000;
}

.bcon04_band_txt {
    flex-shrink: 0;
    font-family: var(--font-nexon1);
    font-weight: 700;
    font-size: calc(var(--px) * 18);
    line-height: 0.9vw;
    letter-spacing: -0.03vw;
    color: #fff;
}

.bcon04_band_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 9.3182%;
    height: 1px;
    margin-left: 3.3%;
    background-color: rgba(255, 255, 255, 0.102);
}

.bcon04_word {
    flex-shrink: 0;
    margin-left: 2.4%;
    font-size: calc(var(--px) * 140);
    line-height: 5.6vw;
    white-space: nowrap;
}

.bcon04_panel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 73.2808%;
    padding-top: 7.6vw;
    padding-bottom: 7.1vw;
    background-color: #f7f4ea;
}

.bcon04_photo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: calc(var(--px) * 553);
    aspect-ratio: 553 / 634;
    margin-top: 9vw;
    margin-left: -19.8%;
}

.bcon04_txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 12%;
}

.bcon04_title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0.2vw;
    font-family: var(--font-nexon1);
    font-weight: 700;
    font-size: calc(var(--px) * 50);
    line-height: 3.3vw;
    letter-spacing: -0.08vw;
    color: #000;
}

.bcon04_title_line_01 {
    opacity: 0.2;
}

.bcon04_title_line_02 {
    margin-top: 2.6vw;
}

.bcon04_title_pt {
    color: var(--color-point);
}

.bcon04_lead {
    margin-top: 3.7vw;
    font-family: var(--font-free);
    font-weight: 800;
    font-size: calc(var(--px) * 22);
    line-height: 1.8vw;
    letter-spacing: 0;
    color: var(--color-point);
}

.bcon04_body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: calc(var(--px) * 34);
    margin-top: 2.8vw;
}

.bcon04_desc {
    font-family: var(--font-free);
    font-weight: 500;
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 34);
    letter-spacing: 0;
    color: #000;
}

.bcon04_sign {
    margin-top: 1.8vw;
}

.bcon04_sign_strong {
    font-weight: 800;
}

.bcon04_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 21.9vw;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
}

.bcon04_bottom {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 73.2808%;
    margin-top: 2vw;
}

.bcon04_label {
    width: calc(var(--px) * 166);
    margin-top: 2.7vw;
    font-family: var(--font-free);
    font-weight: 500;
    font-size: calc(var(--px) * 18);
    line-height: 1.9vw;
    letter-spacing: -0.03vw;
    color: #fff;
    background-color: #31140e;
}

/* 마퀴 (flow_sd 가로 R→L, 공통 marqueeX 20s) — 공통 width 100% 덮음 */
.bcon04_flow {
    flex-shrink: 0;
    width: 83.9542%;
    margin-left: 4.2%;
    /* 유저 지시: 좌측 끝 5% 투명 그라데이션 — 움직이는 트랙이 아니라 고정 컨테이너에 걸어 fade 위치 고정 */
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 5%);
    mask-image: linear-gradient(to right, transparent 0%, #000 5%);
}

/* 공통 .flow_sd_move_item align-items center → top 정렬 */
.bcon04_flow_item {
    align-items: flex-start;
}

.bcon04_flow_img {
    margin-right: calc(var(--px) * 49);
}

.bcon04_flow_img02 {
    width: calc(var(--px) * 166);
    aspect-ratio: 166 / 136;
}

.bcon04_flow_img03 {
    width: calc(var(--px) * 160);
    aspect-ratio: 160 / 139;
}

.bcon04_flow_img04 {
    width: calc(var(--px) * 155);
    aspect-ratio: 155 / 163;
}

.bcon04_flow_img05 {
    width: calc(var(--px) * 160);
    aspect-ratio: 160 / 154;
}

.bcon04_flow_img06 {
    width: calc(var(--px) * 163);
    aspect-ratio: 163 / 161;
}

.bcon04_flow_img07 {
    width: calc(var(--px) * 163);
    aspect-ratio: 163 / 137;
}

.bcon04_flow_img08 {
    width: calc(var(--px) * 154);
    aspect-ratio: 154 / 140;
}

.bcon04_flow_img09 {
    width: calc(var(--px) * 163);
    aspect-ratio: 163 / 156;
}

.bcon04_flow_img10 {
    width: calc(var(--px) * 162);
    aspect-ratio: 162 / 139;
}

.bcon04_flow_img11 {
    width: calc(var(--px) * 161);
    aspect-ratio: 161 / 157;
}

/* ===== bcon02 — 배달 파스타의 한계를 넘어 (plan: .planning/bcon02/plan.md) ===== */
.bcon02 {
    padding-top: 3.7vw;
    padding-bottom: 4.2vw;
}

.bcon02_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 97.8478%;
    padding-top: 7.3vw;
    background-image: url('/images/bcon02_01.jpg');
    overflow: hidden;
}

.bcon02_title {
    margin-top: 1.5vw;
    font-family: var(--font-nexon);
    font-size: calc(var(--px) * 55);
    font-weight: 700;
    line-height: 3.5vw;
    letter-spacing: -0.17vw;
    color: #000;
}

.bcon02_title_point {
    color: var(--color-point);
}

.bcon02_flow {
    margin-top: 1.8vw;
}

.bcon02_flow_move {
    animation-delay: -7.93s;
}

.bcon02_flow_word {
    margin-right: calc(var(--px) * 51);
    font-size: calc(var(--px) * 160);
    line-height: 6.3vw;
    letter-spacing: -0.25vw;
}

.bcon02_flow_word_01 {
    color: var(--color-point);
}

.bcon02_flow_word_02 {
    color: #000;
}

.bcon02_desc {
    margin-top: 2.5vw;
    font-family: var(--font-free);
    font-size: calc(var(--px) * 22);
    font-weight: 500;
    line-height: 1.4vw;
    letter-spacing: -0.01vw;
    color: #000;
}

.bcon02_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 77.2532%;
    height: calc(var(--px) * 2);
    margin-top: 4.5vw;
    background-color: var(--color-point);
}

.bcon02_cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 77.2532%;
    margin-top: 0.4vw;
}

.bcon02_card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 31.9444%;
    box-sizing: border-box;
    padding-top: calc(var(--px) * 65);
    padding-bottom: calc(var(--px) * 58);
    border: 1px solid var(--color-point);
    background-color: #fff;
}

.bcon02_card_tt {
    font-family: var(--font-poppins);
    font-size: calc(var(--px) * 34);
    font-weight: 800;
    line-height: 1.8vw;
    letter-spacing: -0.05vw;
    color: #000;
}

.bcon02_card_txt {
    margin-top: 1.1vw;
    font-family: var(--font-free);
    font-size: calc(var(--px) * 22);
    font-weight: 500;
    line-height: 1.4vw;
    letter-spacing: -0.03vw;
    color: #000;
}

.bcon02_band {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(var(--px) * 139);
    bottom: 0;
    background-position: calc(var(--px) * -3) 0;
}

.bcon02_bowl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: calc(var(--px) * 938);
    aspect-ratio: 938 / 475;
    margin-top: 2.3vw;
}

.bcon02_word {
    width: calc(var(--px) * 444);
    top: 7.6vw;
}

.bcon02_divider {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 71.706%;
    margin-top: 1.7vw;
}

.bcon02_divider_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 39.7511%;
    height: 1px;
    background-color: #000;
}

.bcon02_divider_txt {
    font-family: var(--font-free);
    font-size: calc(var(--px) * 22);
    font-weight: 800;
    line-height: 1.4vw;
    letter-spacing: -0.01vw;
    color: var(--color-point);
}

/* ===== 모바일 (599 이하) — 브랜드 bcon01~04 ===== */
@media (max-width: 599px) {
    /* --- bcon01 — m01 축소 모션은 PC 전용(gsap.matchMedia min-width:600) → 모바일은 종료 상태(사진 슬롯) 고정
       PC padding-top 822(모션 스크롤 거리) 해제 · 사진 → WOOGI/PASTA(사진 하단 걸침) → 제목 → 세로선 → 본문 세로 스택 --- */
    .bcon01 {
        align-items: center;
        padding-top: 13.3vw;
        padding-bottom: 13.3vw;
    }

    .bcon01_inner {
        align-items: center;
        width: 89.3%;
        margin-left: 0;
    }

    /* 슬롯 1015/363 은 375 에서 띠처럼 얇음 → 숫자 height 로 비율 덮음 (aspect-ratio 리셋은 훅 차단) */
    .bcon01_pic {
        height: 58vw;
    }

    /* WOOGI 줄 = 사진 하단 위, PASTA 줄 = 사진 아래로 걸침 (PC 겹침 구도 유지, 가운데 정렬) */
    .bcon01_word {
        top: 45.5vw;
        left: 0;
        right: 0;
        font-size: 15vw;
        line-height: 12.5vw;
    }

    .bcon01_word_line {
        text-align: center;
    }

    .bcon01_title {
        margin-top: 17.3vw;
        margin-left: 0;
        font-size: 6.4vw;
        line-height: 8.7vw;
        letter-spacing: -0.2vw;
        text-align: center;
    }

    .bcon01_row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 5.3vw;
    }

    .bcon01_line {
        height: 10.7vw;
        margin-top: 0;
        margin-left: 0;
    }

    .bcon01_body {
        align-items: center;
        row-gap: 5.3vw;
        margin-top: 5.3vw;
        margin-left: 0;
    }

    .bcon01_desc {
        font-size: 3.5vw;
        line-height: 5.9vw;
        letter-spacing: -0.05vw;
        white-space: normal;
        word-break: keep-all;
        text-align: center;
    }

    /* --- bcon02 — 박스 풀폭 · 마퀴 워드 16vw · 카드 3열 → 세로 스택 · 그릇 풀폭(워드블록·띠 비율 스케일) --- */
    .bcon02 {
        padding-top: 0;
        padding-bottom: 5.3vw;
    }

    .bcon02_box {
        width: 100%;
        padding-top: 13.3vw;
    }

    .bcon02_title {
        margin-top: 3.2vw;
        font-size: 6.1vw;
        line-height: 8.5vw;
        letter-spacing: -0.15vw;
    }

    .bcon02_flow {
        margin-top: 4vw;
    }

    .bcon02_flow_word {
        margin-right: 5.3vw;
        font-size: 16vw;
        line-height: 17vw;
        letter-spacing: -0.5vw;
    }

    .bcon02_desc {
        max-width: 89.3%;
        margin-top: 4vw;
        font-size: 3.6vw;
        line-height: 5.6vw;
        text-align: center;
        word-break: keep-all;
    }

    .bcon02_line {
        width: 89.3%;
        height: 0.5vw;
        margin-top: 8vw;
    }

    .bcon02_cards {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        row-gap: 2.7vw;
        width: 89.3%;
        margin-top: 4vw;
    }

    .bcon02_card {
        width: 100%;
        padding-top: 5.9vw;
        padding-bottom: 5.9vw;
    }

    .bcon02_card_tt {
        font-size: 5.3vw;
        line-height: 6.4vw;
        letter-spacing: -0.1vw;
    }

    .bcon02_card_txt {
        margin-top: 1.6vw;
        font-size: 3.6vw;
        line-height: 5.3vw;
    }

    /* 그릇 86vw = PC 대비 1.75배 → 띠 139/475 · 워드블록 top 7.6vw 같은 비율 (풀폭이면 띠가 그릇 뒤로 다 가려짐) */
    .bcon02_bowl {
        width: 86vw;
        margin-top: 10.7vw;
    }

    .bcon02_band {
        height: 12.7vw;
    }

    .bcon02_word {
        width: 52vw;
        top: 13.3vw;
    }

    .bcon02_divider {
        width: 89.3%;
        margin-top: 8vw;
    }

    .bcon02_divider_line {
        width: 21%;
    }

    .bcon02_divider_txt {
        font-size: 3.6vw;
        line-height: 5.3vw;
    }

    /* --- bcon03 — BI 카드 2열 → 세로 스택(배경 자연비 628/348 유지) · 컬러 견본 2열 유지 --- */
    .bcon03 {
        padding-top: 10.7vw;
        padding-bottom: 13.3vw;
    }

    .bcon03_title {
        font-size: 6.4vw;
        line-height: 8.7vw;
        letter-spacing: -0.2vw;
    }

    .bcon03_cards {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        row-gap: 4vw;
        column-gap: 0;
        margin-top: 8vw;
    }

    /* 카드 테두리는 이미지 가장자리 1px 선인데, 53% 로 줄면서 좌우 선이 뭉개져 사라짐 → CSS 1px 로 다시 그림 (유저 지시 2026-10-23)
       background-origin border-box: 배경이 테두리 밑까지 깔려 크기·위치는 그대로 */
    .bcon03_card {
        width: 89.3vw;
        height: 49.5vw;
        border: 1px solid #000;
        box-sizing: border-box;
        background-origin: border-box;
    }

    .bcon03_logo_01 {
        width: 32.4vw;
    }

    .bcon03_logo_02 {
        width: 38.1vw;
    }

    .bcon03_label {
        width: 30vw;
        height: 9.6vw;
        margin-top: 10.7vw;
        font-size: 3.5vw;
        line-height: 3.5vw;
    }

    .bcon03_colors {
        column-gap: 2.4vw;
        margin-top: 4vw;
    }

    .bcon03_color {
        height: 21.3vw;
        padding-bottom: 4vw;
    }

    .bcon03_color_01,
    .bcon03_color_02 {
        width: 43.4vw;
    }

    .bcon03_color_hex {
        font-size: 3.6vw;
        line-height: 4.3vw;
    }

    .bcon03_desc {
        max-width: 89.3%;
        margin-top: 8vw;
        font-size: 3.5vw;
        line-height: 5.9vw;
        word-break: keep-all;
    }

    .bcon03_desc_tt {
        font-size: 4vw;
    }

    /* --- bcon04 — 우측 73% 정렬 해제 → 풀폭 · 띠 WOOGIPASTA 는 PC 처럼 화면 우측에서 잘림(의도)
       패널 row → 사진 → 텍스트 세로 스택 · 전폭 가로선(타이틀 사이 고정좌표) 숨김 · 하단 라벨 위 / 마퀴 아래 --- */
    .bcon04 {
        align-items: center;
        padding-top: 13.3vw;
        padding-bottom: 13.3vw;
    }

    .bcon04_band {
        width: 100%;
        padding-left: 5.3vw;
    }

    .bcon04_band_txt {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }

    .bcon04_band_line {
        width: 8vw;
        margin-left: 3.2vw;
    }

    .bcon04_word {
        margin-left: 3.2vw;
        font-size: 7vw;
        line-height: 13.3vw;
    }

    .bcon04_panel {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding-top: 10.7vw;
        padding-bottom: 13.3vw;
    }

    .bcon04_photo {
        width: 64vw;
        margin-top: 0;
        margin-left: 0;
    }

    .bcon04_txt {
        align-items: center;
        max-width: 89.3%;
        margin-top: 8vw;
        margin-left: 0;
        text-align: center;
    }

    .bcon04_title {
        align-items: center;
        margin-top: 0;
        font-size: 6.1vw;
        line-height: 8.5vw;
        letter-spacing: -0.15vw;
    }

    .bcon04_title_line_02 {
        margin-top: 1.6vw;
    }

    .bcon04_lead {
        margin-top: 5.3vw;
        font-size: 3.8vw;
        line-height: 5.9vw;
        word-break: keep-all;
    }

    .bcon04_body {
        align-items: center;
        row-gap: 4.8vw;
        margin-top: 6.4vw;
    }

    .bcon04_desc {
        font-size: 3.5vw;
        line-height: 5.9vw;
        word-break: keep-all;
    }

    .bcon04_sign {
        margin-top: 6.4vw;
    }

    .bcon04_line {
        display: none;
    }

    .bcon04_bottom {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 10.7vw;
    }

    .bcon04_label {
        width: 26.7vw;
        margin-top: 0;
        font-size: 3.5vw;
        line-height: 8vw;
    }

    /* 마퀴 — 이미지 폭 PC px × 0.1875vw (평균 ≈ 30vw), 루프 트랙 ≈ 396vw */
    .bcon04_flow {
        width: 100%;
        margin-top: 5.3vw;
        margin-left: 0;
        -webkit-mask-image: none; /* 유저 지시(2026-10-23): 좌측 투명 그라데이션은 PC 만 */
        mask-image: none;
    }

    .bcon04_flow_img {
        margin-right: 7.5vw;
    }

    .bcon04_flow_img02 {
        width: 31.1vw;
    }

    .bcon04_flow_img03 {
        width: 30vw;
    }

    .bcon04_flow_img04 {
        width: 29.1vw;
    }

    .bcon04_flow_img05 {
        width: 30vw;
    }

    .bcon04_flow_img06 {
        width: 30.6vw;
    }

    .bcon04_flow_img07 {
        width: 30.6vw;
    }

    .bcon04_flow_img08 {
        width: 28.9vw;
    }

    .bcon04_flow_img09 {
        width: 30.6vw;
    }

    .bcon04_flow_img10 {
        width: 30.4vw;
    }

    .bcon04_flow_img11 {
        width: 30.2vw;
    }
}