/* content.php .container 래퍼 무력화 */
.sub06 .container { display: none !important; }

/* sticky 탭바 동작용 — 조상 overflow:hidden 체인 해제 (이 페이지 한정, 스크롤러=html).
   ★ !important 필수: basic_css.php 인라인 <style> 의 body/#content_wrap{overflow:hidden} 을 이기기 위함(특히 모바일). */
.sub06,
#content_wrap,
body {
    overflow: visible !important;
    /* 가로만 클립(세로/sticky 유지) — 100vw 풀블리드가 세로 스크롤바 폭(15px)만큼 넘쳐 생기는 가로 스크롤 차단 */
    overflow-x: clip !important;
}

/* ===== sticky 탭바 (히어로 배너 없이 단독) ===== */
.sub06 .tabnav--hero {
    margin: 11.9rem auto -10.5rem;
}
.sub06 .tabnav__list {
    padding-left: 0;
    padding-right: 0;
}

/* ===== con01: 프랜차이즈 메인비주얼(인트로) ===== */
.con01 {
    height: 98.3rem;
    background: #0d0e28 url(/images/sub06/f_con01_01.webp) center top / 100% auto no-repeat;
    overflow: hidden;
}
.con01__box {
    margin-top: 12.5rem;
    width: 96.5%;
    height: 85.9rem;
    background: #ffcd30 url(/images/sub06/f_con01_02.webp) center top / 100% auto no-repeat;
    border-radius: 6rem 6rem 0 0;
    overflow: hidden;
}
.con01__wordmark {
    left: 53.2rem;
    top: 45.1rem;
}
.con01__food--fried {
    left: -9.5rem;
    top: 42.4rem;
}
.con01__food--yangnyeom {
    left: 111.8rem;
    top: 45.4rem;
}
.con01__food--drip {
    top: 0;
    right: -6.5rem;
}
.con01__model {
    left: 63.6rem;
    top: 35.8rem;
}
.con01__copy {
    position: relative;
    z-index: 2;
    align-items: center;
    padding-top: 11.8rem;
    text-align: center;
}
.con01__title {
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #0d0e28;
}
/* con01 강조어 교체 ('기준' → '노하우') — '노하우' 기준 고정폭으로 { } 간격 안정(textContent 교체) */
.con01__title-swap {
    display: inline-block;
    width: 16.6rem;
    text-align: center;
    white-space: nowrap;
}
.con01__desc {
    margin-top: 1.6rem;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #000000;
}
/* con01→con02 이동 배지: 브릿지 div 안 fixed (con01/con02 overflow 무관). 초기 = con01 시각 위치(top 77.8rem),
   JS(con01 pin scrub)가 y 로 con02 상단까지 이동 + 텍스트 교체. 중심 ≈ 화면중앙 → left 50%. */
.con-badge-bridge {
    position: relative;
    height: 0;
    z-index: 20;
}
.con01__badge {
    position: fixed;
    top: 77.8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: 39.9rem;
    height: 4.5rem;
    background: #0d0e28;
    border-radius: 1rem;
    font-size: var(--bodyXL);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #ffffff;
    white-space: nowrap;
}

/* ===== con02: 압도적인 브랜드 — 3카드 호버 아코디언 ===== */
.con02 {
    height: 106rem;
    background: #e2e2f9;
    overflow: hidden;
}
.con02__bg {
    left: 7.25rem;
    top: -0.2rem;
    z-index: 0;
}
.con02__line {
    left: -0.85rem;
    top: 60.4rem;
    z-index: 1;
}
.con02__wordmark {
    z-index: 1;
}
.con02__wordmark--left {
    left: 13.75rem;
    top: 62rem;
}
.con02__wordmark--right {
    right: 16.1rem;
    top: 62rem;
}

.con02__head {
    position: relative;
    z-index: 2;
    margin-top: 18.9rem;
}
.con02__title {
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #000000;
}
.con02__title-em {
    color: #0d0e28;
}
.con02__lead {
    margin-top: 2.3rem;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #000000;
}

.con02__cards {
    position: relative;
    z-index: 2;
    margin-top: 6.1rem;
    justify-content: center;
    gap: 0.9rem;
}

/* 카드 (outer = 레이아웃 폭만, overflow:visible 로 닭다리 노출) */
.con02__card {
    position: relative;
    width: 17.9rem;
    height: 55.1rem;
    overflow: visible;
    transition: width .45s ease;
}
/* 카드 본체(알약) = inner. bg/radius + overflow:hidden 으로 콘텐츠 클립 */
.con02__card-inner {
    position: absolute;
    inset: 0;
    background: #0d0e28;
    border-radius: 2rem;
    overflow: hidden;
    transition: background-color .45s ease, border-radius .45s ease;
}
/* 펼침 상태 = .is-active (JS 토글 — sub06.js con02HoverAccordion).
   기본 .con02__card 가 이미 접힘(다크/17.9rem)이라 접힘 selector 불필요.
   CSS :hover 대신 JS 로 단일 active 관리 → gap 깜빡임 제거 + 이탈 시 마지막 카드 유지 */
.con02__card.is-active {
    width: 85.1rem;
}
.con02__card.is-active .con02__card-inner {
    background: #ffcd30;
    border-radius: 27.45rem;
}

/* 접힘/펼침 두 블록 — 카드 박스 채움 + opacity 토글.
   세로위치는 margin-top 으로 제어하므로 flex-cc 의 center 상쇄 방지 위해 start 정렬 */
.con02__card-collapsed,
.con02__card-expanded {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    transition: opacity .45s ease, visibility .45s ease;
}
.con02__card-collapsed {
    opacity: 1;
    visibility: visible;
}
.con02__card-expanded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.con02__card.is-active .con02__card-collapsed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.con02__card.is-active .con02__card-expanded {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.con02__card-icon {
    margin-top: 3.4rem;
}
.con02__card-vlabel {
    left: 50%;
    bottom: 5rem;
    transform: translateX(-50%);
}

/* 뱃지 = webp(원+숫자 baked, PaytoneOne) — 05/08/10. 크기는 ImgResize 자연크기(37×37) */
.con02__badge {
    margin-top: 4.8rem;
    display: flex;
    justify-content: center;
}
.con02__card-title {
    margin-top: 2.3rem;
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #000000;
}
.con02__card-desc {
    margin-top: 1.2rem;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #000000;
}
.con02__media {
    margin-top: 4.2rem;
}
/* 닭다리 겹침 (absol — card 직속, inner 밖 → overflow 안 잘림. 펼침 카드에서만 노출) */
.con02__leg {
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    transition: opacity .45s ease, visibility .45s ease;
}
.con02__card.is-active .con02__leg {
    opacity: 1;
    visibility: visible;
}
.con02__leg--1 {
    left: -3.7rem;
    top: 26.6rem;
}
.con02__leg--2 {
    right: 8.5rem;
    top: 1rem;
}
.con02__leg--3 {
    right: -3.3rem;
    top: 24.9rem;
}
.con02__video-frame {
    width: 51.4rem;
    height: 27.3rem;
    background: #000000;
    border-radius: 2rem;
    overflow: hidden;
}
.con02__video-el {
    object-fit: cover;
}

/* ===== con03: 유행 없이 선택받아온 이유 — 좌 텍스트 + 우 사진(clip)·배지 ===== */
.con03 {
    height: 71rem;
    padding-left: 23.25rem;
    padding-right: 23.25rem;
    background: #e2e2fa;
}

.con03__dot {
    margin-top: 13.9rem;
    width: 2.3rem;
    height: 2.3rem;
    background: #ffcd30;
    border-radius: 50%;
}
.con03__eyebrow {
    margin-top: 1.7rem;
    font-size: var(--headM);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.3;
    color: #000000;
}
.con03__title {
    margin-top: 3.1rem;
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #0d0e28;
}

.con03__photo {
    margin-top: 11.5rem;
    width: 79.8rem;
    height: 25.4rem;
    background: #0d0e28;
    border-radius: 2rem;
    overflow: hidden;
}
.con03__photo-img {
    left: -3.6rem;
    top: -57rem;
}
.con03__desc {
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1.4;
    color: #000000;
}
.con03__desc--1 {
    margin-top: 5.1rem;
}
.con03__desc--2 {
    margin-top: 2.8rem;
}
.con03__badge {
    right: 8.55rem;
    top: 32.1rem;
}

/* ===== con04: 가맹하고 싶은 프랜차이즈 — 다크네이비 인증 섹션 ===== */
.con04 {
    height: 94.5rem;
    background: #090a22;
    overflow: hidden;
}
.con04::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/images/sub06/f_con04_08.webp) center top / cover no-repeat;
    opacity: 0.05;
    z-index: 0;
    pointer-events: none;
}

.con04__bg {
    z-index: 0;
}
.con04__bg-glow--center {
    left: -5.45rem;
    top: -7.6rem;
    mix-blend-mode: lighten;
}
.con04__bg-glow--soft {
    left: 46.25rem;
    top: 37.5rem;
    opacity: 0.7;
}
/* 스트릭(커튼): PSD overlay op1 이나 webp 불투명 blue 라 blend 재현 불가 → opacity 로 시안 광량 매칭 */
.con04__streak--left {
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.22;
}
.con04__streak--right {
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.22;
}

.con04__head {
    position: relative;
    z-index: 4;
    margin-top: 12.9rem;
}
.con04__eyebrow {
    font-size: var(--subheadL);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.5;
    color: #ffffff;
}
.con04__title {
    margin-top: 0.1rem;
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: #ffffff;
}
.con04__title--accent {
    color: #ffcd30;
}
.con04__desc {
    margin-top: 1.7rem;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #ffffff;
}

/* 콜라주 컨테이너 (cert 메인 static, 나머지는 cert 기준 데코 absol) */
.con04__collage {
    position: relative;
    z-index: 4;
    width: 36rem;
    margin-top: 5.1rem;
}
.con04__cert {
    position: relative;
    z-index: 5;
}
/* 상시 플로팅(둥둥) — 박스는 GSAP 등장(scale)이라 안쪽 img 에만 적용해 충돌 회피 */
.con04__cert img {
    animation: floating 3.5s ease-in-out infinite alternate;
}

.con04__badge {
    left: -45.9rem;
    top: 9.7rem;
    z-index: 6;
}
.con04__person {
    left: 41.3rem;
    top: -10.8rem;
    z-index: 2;
}
.con04__chicken {
    left: -23.6rem;
    top: 24.2rem;
    z-index: 3;
}

/* ===== con05: 치킨마루의 경쟁력 — 4카드 GSAP pin 잠금 스택 ===== */
/* 흐름 컨테이너, 데코 absol 기준. height 는 카드 자연 적층(252.6rem). 핀 거리는 ScrollTrigger spacer 가 흡수 */
.con05 {
    background: #ffffff;
    padding-bottom: 10rem;
}

.con05__head {
    position: relative;
    z-index: 2;
    padding-top: 9.8rem;
}
.con05__logo {
    width: 17.5rem;
    height: 7.8rem;
    background: #0d0e28;
    border-radius: 3.8rem;
}
.con05__head-sub {
    margin-top: 2.2rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: #000000;
}
.con05__head-title {
    margin-top: 1.4rem;
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #000000;
}
.con05__head-title--accent {
    color: #0d0e28;
}

.con05__deco {
    top: 45.7rem;
    z-index: 1;
    font-size: 20.5rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #0d0e28;
}
.con05__deco--l {
    left: 9.66%;
}
.con05__deco--r {
    left: 87.61%;
    transform: scaleX(-1);
}

.con05__stack {
    position: relative;
    z-index: 2;
    margin-top: 1.4rem;
}

.con05__card {
    width: 131rem;
    min-height: 46.4rem;
    border-radius: 3rem;
    overflow: hidden;
}
.con05__card-bg {
    z-index: 0;
    border-radius: 3rem;
    overflow: hidden;
}
.con05__card-bg img {
    width: 100%;
    height: 100%;
}
.con05__card--1 {
    background: #e2e2f9;
}
.con05__card--2 {
    background: #ffcd30;
}
.con05__card--3 {
    background: #000000;
}
.con05__card--4 {
    background: #0d0e28;
}

.con05__card-text {
    position: relative;
    z-index: 3;
    padding-top: 12.3rem;
    padding-left: 10.4rem;
}
.con05__card--3 .con05__card-text,
.con05__card--4 .con05__card-text {
    padding-left: 0;
}
.con05__card--4 .con05__card-text {
    padding-top: 11.5rem;
}

.con05__num {
    width: 7.1rem;
    height: 7.3rem;
    background: #ffcd30;
    border-radius: 50%;
    font-size: var(--bodyM);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.27;
    color: #000000;
    white-space: nowrap;
}
.con05__card--2 .con05__num,
.con05__card--3 .con05__num {
    background: #0d0e28;
    color: #ffffff;
}

.con05__card-title {
    margin-top: 1.2rem;
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.19;
    color: #000000;
}
.con05__card--3 .con05__card-title,
.con05__card--4 .con05__card-title {
    color: #ffffff;
}
.con05__card--3 .con05__card-title--accent {
    color: #fcd30f;
}
.con05__card--4 .con05__card-title--accent {
    color: #ffcd30;
}

.con05__card-desc {
    margin-top: 4.8rem;
    font-size: var(--bodyL);
    font-family: var(--font-pretendard);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1.44;
    color: #000000;
}
.con05__card--3 .con05__card-desc,
.con05__card--4 .con05__card-desc {
    margin-top: 2.5rem;
    color: #ffffff;
}

.con05__media {
    inset: 0;
    z-index: 2;
}
.con05__clip {
    top: 0;
    right: 0;
    /* width: 39.5rem; */
    height: 46.4rem;
    background: #000000;
    border-radius: 3rem 0 0 3rem;
    overflow: hidden;
}
.con05__clip img {
    width: 100%;
    height: 100%;
}
.con05__truck {
    left: 65.2rem;
    top: 8.7rem;
}
.con05__badges {
    left: 46.88%;
    top: 10rem;
}
.con05__badge {
    width: 11rem;
    height: 11rem;
    background: #0d0e28;
    border-radius: 50%;
    font-size: var(--headS);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.03;
    color: #ffffff;
    white-space: nowrap;
}
.con05__bag {
    left: 56.6rem;
    top: 8rem;
}
.con05__plate {
    left: 85.8rem;
    top: 8rem;
}

/* 카드3 배경 video 박스 (이미지wrapper 크기CSS 예외 — 배경 미디어 박스) */
.con05__video {
    z-index: 1;
    border-radius: 3rem;
    overflow: hidden;
}
.con05__video-el {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.con05__video-dim {
    background: rgba(0, 0, 0, 0.48);
}

.con05__powder {
    z-index: 1;
}
.con05__powder--back {
    left: -30.5rem;
    top: 20.5rem;
}
.con05__powder--front {
    left: 11.8rem;
    top: 39.4rem;
    z-index: 3;
}
.con05__oil {
    left: 9.1rem;
    top: 7.6rem;
}
.con05__powder-bag {
    left: 96.1rem;
    top: 8.4rem;
}

/* 정적 fallback(reduced-motion): 카드 세로 나열 간격 0(흐름 적층) */
@media (prefers-reduced-motion: reduce) {
    .con05__card + .con05__card {
        margin-top: 0;
    }
}

/* ===== con06: 소자본 창업 — 3카드 호버 신호등 인터랙션 ===== */
.con06 {
    height: 111.5rem;
    box-sizing: border-box;
    background: #fff8e5;
}

.con06__top {
    padding-top: 11.5rem;
    padding-bottom: 5.55rem;
}
.con06__eyebrow {
    font-size: var(--subheadL);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: #000000;
}
.con06__title {
    margin-top: 1.4rem;
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #0d0e28;
}
.con06__desc {
    margin-top: 3rem;
    font-size: var(--bodyXL);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #000000;
}

.con06__dark {
    height: 60.3rem;
    overflow: hidden;
}
.con06__dark-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.con06__overlay {
    background: rgba(0, 0, 0, 0.35);
}

.con06__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    height: 52rem;
    margin-top: 3.9rem;
    z-index: 1;
}

.con06__card {
    height: 52rem;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 3rem;
    transition: background-color 0.5s ease;
}
.con06__card.is-active {
    background: transparent;
}

.con06__icon,
.con06__card-dim,
.con06__navybox,
.con06__bubble,
.con06__dish {
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.con06__icon,
.con06__card-dim {
    opacity: 1;
}
.con06__card.is-active .con06__icon,
.con06__card.is-active .con06__card-dim {
    opacity: 0;
    transform: translateY(-2rem);
}
.con06__navybox,
.con06__bubble,
.con06__dish {
    opacity: 0;
}
.con06__bubble,
.con06__dish {
    transform: translateY(3rem);
}
.con06__card.is-active .con06__navybox,
.con06__card.is-active .con06__bubble,
.con06__card.is-active .con06__dish {
    opacity: 1;
}
.con06__card.is-active .con06__bubble,
.con06__card.is-active .con06__dish {
    transform: translateY(0);
}

.con06__navybox {
    left: 50%;
    top: -3.9rem;
    transform: translateX(-50%);
    width: 63.6rem;
    height: 16.5rem;
    background: #0d0e28;
    border-radius: 0 0 3rem 3rem;
}
.con06__card-title {
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: #ffffff;
}

.con06__bubble {
    left: 7.1rem;
    top: 16.4rem;
}

.con06__dish {
    left: 50%;
    top: 39.1rem;
    transform: translate(-50%, 3rem);
}
.con06__card.is-active .con06__dish {
    transform: translate(-50%, 0);
}
.con06__card--3 .con06__dish {
    top: 38.1rem;
}

.con06__card--1 .con06__icon {
    left: 15.3rem;
    top: 13.2rem;
}
.con06__card--2 .con06__icon {
    left: 18.6rem;
    top: 12.4rem;
}
.con06__card--3 .con06__icon {
    left: 19.8rem;
    top: 9.2rem;
}

.con06__card-dim {
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.4);
}
.con06__card--1 .con06__card-dim {
    left: 16.5rem;
    top: 35.8rem;
}
.con06__card--2 .con06__card-dim {
    left: 16.1rem;
    top: 36rem;
}
.con06__card--3 .con06__card-dim {
    left: 17rem;
    top: 35.3rem;
}

/* ===== con07: 가성비 경쟁력 — 가격 비교 막대 차트 ===== */
.con07 {
    height: 103.7rem;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
}
.con07__inner {
    width: var(--max-grid);
    padding-top: 13.2rem;
}
.con07__hairline {
    top: 14rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: #000;
    opacity: 0.078;
}

.con07__eyebrow {
    font-family: var(--font-paytone);
    font-size: var(--bodyS);
    letter-spacing: 1.8em;
    line-height: 1;
    color: #fdd000;
}
.con07__title {
    margin-top: 3.8rem;
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #0d0e28;
}
.con07__subhead {
    margin-top: 2.4rem;
    font-size: var(--bodyXL);
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #000;
}

.con07__chart {
    margin-top: 8.1rem;
    margin-left: 56.25rem;
    align-items: flex-start;
}
.con07__bar {
    box-sizing: border-box;
    height: 7.9rem;
    border-radius: 2rem;
    background: #ebecf9;
    padding-right: 2.4rem;
}
.con07__bar + .con07__bar {
    margin-top: 1.4rem;
}
.con07__bar--a { width: 97rem; }
.con07__bar--b { width: 80.9rem; }
.con07__bar--maru {
    width: 63.6rem;
    margin-top: 1.5rem;
    background: #131329;
}
.con07__bar--c { width: 85.7rem; }
.con07__bar--d { width: 92rem; }

.con07__bar-label {
    font-size: var(--bodyXL);
    font-weight: 600;
    letter-spacing: -0.06em;
    line-height: 1.3;
    color: #000;
}
.con07__bar-price {
    font-family: var(--font-paytone);
    font-size: var(--titleXS);
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #000;
}
.con07__bar-divider {
    width: 1px;
    height: 2rem;
    background: #131329;
    opacity: 0.2;
}
.con07__bar--maru .con07__bar-label,
.con07__bar--maru .con07__bar-price {
    color: #fbcf0d;
}
.con07__bar-divider--maru {
    background: #fff;
}

.con07__bar-icon {
    right: -7.4rem;
    top: 2rem;
}
.con07__badge {
    right: -23.3rem;
    top: 1.5rem;
    height: 4.8rem;
    padding: 0 1.6rem;
    border-radius: 2.4rem;
    background: #ffcd30;
}
.con07__badge-tail {
    position: absolute;
    left: -1.3rem;
    width: 1.8rem;
    height: 1.4rem;
    background: #ffcd30;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.con07__badge-text {
    font-size: var(--bodyL);
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 1.4;
    color: #000;
}

.con07__promo {
    box-sizing: border-box;
    top: 37.9rem;
    left: -16.35rem;
    width: 94rem;
    height: 55.6rem;
    padding: 11.2rem 6rem 0 22.6rem;
    border-radius: 0 26.7rem 26.7rem 0;
    background: #ffcd30;
}
.con07__promo-title {
    font-size: 10.86rem; /* 토큰 최대 displayS(65px)와 43px 초과 — raw rem 예외 */
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 0.9;
    color: #fff;
}
.con07__promo-desc {
    margin-top: 12rem;
    font-size: var(--bodyM);
    font-weight: 800;
    letter-spacing: 0.38em;
    line-height: 1;
    color: #131329;
}

.con07__chicken {
    top: 37.9rem;
    left: 36rem;
}

/* ============================================================
   con08: 메뉴 구성 — 한 메뉴로 더 많은 선택 (다크네이비 풀블리드)
   ============================================================ */
.con08 {
    height: 83.5rem;
    box-sizing: border-box;
    background: #0d0e28 url(/images/sub06/f_con08_03.webp) center / cover no-repeat;
}

.con08__inner {
    width: var(--max-grid);
    height: 100%;
}

/* 좌측 intro 텍스트블록 (align-self flex-start = inner align-c 세로중앙 무력화 차단) */
.con08__intro {
    align-self: flex-start;
    flex-shrink: 0;
    padding-top: 20.4rem;
    margin-left: 15.1rem;
}

.con08__intro-title {
    margin-top: 1.8rem;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
    white-space: nowrap;
    color: #ffffff;
}

/* 중앙 노란 메뉴카드. 좌우 패딩 없음 → 내부 ul(w-100)이 카드 전체폭을 차지해
   검정바·구분선이 카드 끝까지 자연스럽게 참(음수마진 불필요). 가로 패딩은 세로만(10.1 0). */
.con08__card {
    align-self: flex-start;
    flex-shrink: 0;
    margin-top: 15.5rem;
    margin-left: 11.2rem;
    width: 49.1rem;
    height: 54rem;
    padding: 10.1rem 0;
    box-sizing: border-box;
    border-radius: 4rem;
    background: #ffcd30;
    z-index: 2;
}

.con08__card-title {
    font-size: var(--titleL);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -0.03em;
    text-align: center;
    white-space: nowrap;
    color: #000000;
}

.con08__menu {
    margin-top: 3.3rem;
}

/* 메뉴 항목 공통 (전 항목 동일 골격 → 신호등 모션으로 active 순환).
   height/배경/색 transition 으로 부드러운 순환. */
.con08__menu-item {
    position: relative;
    height: 6.9rem;
    font-size: var(--subheadM);
    font-family: var(--font-pretendard);
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #000000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: height .45s ease, background-color .45s ease, color .45s ease;
}

.con08__menu-item span {
    display: block;
    text-align: center;
}

.con08__menu-item--active {
    height: 8.4rem;
    border-bottom: 0;
    background: #0a0b1f;
    color: #ffffff;
}

.con08__menu-icon {
    left: 3.9rem;
    top: -1.9rem;
    opacity: 0;
    transition: opacity .45s ease;
}

.con08__menu-item--active .con08__menu-icon {
    opacity: 1;
}

/* 우측 원형 부위카드 (Swiper 마퀴) — 첫 그릇이 카드 우측 뒤로 tuck (카드 z-index:2 위) */
/* 마퀴 뷰포트: 991(카드 우측 뒤 tuck) → 화면우단(1905), 폭 91.4.
   overflow:hidden 으로 슬라이드가 컨테이너보다 넘쳐야 Swiper loop·스크롤 동작.
   좌측(991~1203)은 카드(z-index:2)가 덮어 그릇이 카드 뒤로 사라짐, 우측은 화면끝 클립. */
.con08__rolling {
    margin-left: -21.2rem;
    margin-top: 24.5rem;
    align-self: flex-start;
    flex-shrink: 0;
    width: 91.4rem;
    overflow: hidden;
    z-index: 1;
}

.con08__part {
    width: auto;
}

/* ============================================================
   con09: 불필요한 비용 부담 ZERO! — 수익구조/비용절감
   (Swiper centeredSlides 3카드 + 고정 겹침 레이어 + 하단 마퀴)
   ============================================================ */
.con09 {
    height: 102rem;
    overflow: hidden;
    background: #dcddfd url(/images/sub06/f_con09_08.webp) center top / cover no-repeat;
}

/* 고정 겹침 레이어 (Swiper 바깥, 슬라이드 안 됨) */

.con09__chicken {
    left: 39.75rem;
    top: 54.6rem;
    z-index: 2;
}

.con09__person {
    left: 65.15rem;
    top: 34.4rem;
    z-index: 3;
}

.con09__head {
    margin-top: 11.8rem;
    z-index: 5;
}

.con09__title {
    margin-top: 1.5rem;
    font-size: var(--displayS);
    font-family: var(--font-paperlogy);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #000000;
}

.con09__title-em {
    color: #0e0f2e;
}

.con09__desc {
    margin-top: 0.7rem;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #000000;
}

.con09__slider {
    top: 37.5rem;
    z-index: 6;
    overflow: visible;
}

.con09__card {
    width: 48rem;
    height: auto;
    min-height: 29rem;
    box-sizing: border-box;
    padding: 6.2rem 0 0;
    border-radius: 4rem;
    border: 2px solid #cecfea;
    background: #ffffff;
    align-items: center;
    text-align: center;
    overflow: visible;
    transition: transform .45s ease, background-color .45s ease, border-color .45s ease;
}

.con09__card-title {
    margin-top: 2.2rem;
    font-size: var(--titleS);
    font-family: var(--font-paperlogy);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #000000;
}

.con09__card-desc {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.06em;
    color: #000000;
    transition: height .45s ease, margin-top .45s ease;
}

.con09__slider .swiper-slide-active.con09__card {
    background: transparent;
    border-color: transparent;
    transform: translateY(30.1rem);
}

.con09__slider .swiper-slide-active .con09__card-desc {
    height: auto;
    margin-top: 1.7rem;
}

.con09__card:not(.swiper-slide-active) .con09__card-title {
    min-height: 9.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.con09__arrow {
    top: 49.5rem;
    z-index: 7;
    background: none;
    border: 0;
    cursor: pointer;
}

.con09__arrow--prev {
    left: 66.05rem;
}

.con09__arrow--next {
    left: 119.15rem;
    transform: scaleX(-1);
}

.con09__marquee {
    top: 91.4rem;
    height: 10.7rem;
    background: #ffcd30;
    overflow: hidden;
    /* 치킨다리·인물이 노란띠를 덮도록 z 최하(배경 위, chicken z2/person z3 아래) */
    z-index: 1;
}

.con09__marquee-track {
    flex-shrink: 0;
    animation: con09Marquee 30s linear infinite;
    will-change: transform;
}

.con09__marquee-track img {
    flex-shrink: 0;
}

@keyframes con09Marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-260.2rem);
    }
}

/* ===== con10: 원팩 시스템으로, 누구나 가능한 조리 시스템 (STEP 갤러리) ===== */
.con10 {
    height: 98rem;
}

.con10__line {
    top: 14.5rem;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
    opacity: 0.1;
    z-index: 1;
}

.con10__head {
    margin-top: 12.2rem;
    z-index: 5;
}

.con10__badge {
    width: 28.1rem;
    height: 5.7rem;
    border-radius: 2.75rem;
    border: 1px solid #0d0e28;
    background: #ededfb;
    font-size: var(--headS);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;
    color: #000000;
}

.con10__title {
    margin-top: 3.5rem;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #000000;
}

.con10__title-em {
    color: #0d0e28;
}

.con10__gallery {
    margin-top: 4.7rem;
    z-index: 4;
    overflow: visible;
}

/* 카드 (다크박스 r4rem, 영상 컨테이너이므로 고정치수 허용)
   원형배지가 카드 우하단에서 카드 밖으로 삐져나오므로 card 는 overflow:visible.
   배경/radius/클립은 inner .con10__card-media 로 이전(영상+dim 만 클립). */
.con10__card {
    width: 73.2rem;
    height: 43.6rem;
    overflow: visible;
}

.con10__card-media {
    overflow: hidden;
    border-radius: 4rem;
    background: #0d0e28;
}

.con10__video {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

/* 비활성 다크 오버레이 (기본 on, 활성카드만 off) */
.con10__card-dim {
    background: #0d0e28;
    opacity: 0.7;
    z-index: 2;
}

.con10__gallery .swiper-slide-active .con10__card-dim {
    opacity: 0;
}

/* STEP 워터마크 텍스트 (3카드 전부, 비활성카드만 표시 — 활성은 원형배지로 대체) */
.con10__card-step {
    top: 19.5rem;
    left: 0;
    right: 0;
    z-index: 3;
    font-family: var(--font-paytone);
    font-size: var(--titleXL);
    line-height: 1;
    letter-spacing: -0.03em;
    color: #ffffff;
    mix-blend-mode: soft-light;
}

.con10__gallery .swiper-slide-active .con10__card-step {
    opacity: 0;
}

.con10__circle {
    top: 24.3rem;
    left: 58.7rem;
    width: 20.1rem;
    height: 20.1rem;
    border-radius: 50%;
    background: #0d0e28;
    z-index: 4;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 9px #0d0e28;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.con10__gallery .swiper-slide-active .con10__circle {
    opacity: 1;
}

.con10__circle-num {
    font-family: var(--font-paytone);
    font-size: var(--headM);
    line-height: 1;
    letter-spacing: -0.03em;
    color: #f4cc0f;
}

.con10__circle-desc {
    margin-top: 1.2rem;
    font-size: var(--bodyXL);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.06em;
    color: #ffffff;
}

.con10__arrow {
    top: 59.1rem;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    background: #f4cc0f;
    border: 0;
    cursor: pointer;
    z-index: 6;
}

.con10__arrow--prev {
    left: 48.05rem;
}

.con10__arrow--next {
    left: 137.15rem;
}

/* ===== con11: 고객이 먼저 인정합니다 — 리뷰월 + 재구매율 80% (PC 정적) ===== */
.con11 {
    height: 96.1rem;
    background: #07081c;
    overflow: hidden;
}

.con11__watermark {
    top: 73.7rem;
    left: 27.55rem;
    z-index: 1;
    opacity: 0.35;
}

/* 좌우 가장자리 리뷰카드 = SD모션 세로 마퀴 Swiper (좌/우 컬럼 각각 vertical loop, 섹션 overflow:hidden 으로 위아래 bleed 잘림) */
.con11__reviews {
    inset: 0;
    z-index: 2;
}

/* 컬럼 = vertical swiper 컨테이너. height 로 마퀴 노출영역 확보(섹션 높이만큼 bleed) */
.con11__review-col {
    position: absolute;
    top: 0;
    width: 32.1rem;
    height: 96.1rem;
    overflow: hidden;
}
.con11__review-col--left { left: 3.35rem; }
.con11__review-col--right { left: 154.65rem; }

/* 마퀴 핵심: 등속 + 호버/드래그 무력화 */
.con11__review-col .swiper-wrapper {
    transition-timing-function: linear !important;
    pointer-events: none;
}
.con11__review-col .swiper-slide {
    height: auto !important;
    margin-bottom: 1.8rem;
}

.con11__review img {
    width: 100%;
    height: auto;
    border-radius: 2rem;
}

/* 중앙 박스 = 메뉴 채워지는 변형컷 vertical Swiper (parallax reveal) */
.con11__box-swiper {
    width: 78.3rem;
    height: 68.5rem;
    overflow: hidden;
}
.con11__box-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.con11__box-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.con11__center {
    z-index: 3;
}

/* 노란 라운드배경 블록 (배지+헤드라인 center)
   hero-bg 가 absol inset-0 라 hero 에 명시 height 필요(노란라운드 510px).
   세로위치는 flex-cc 중앙정렬이 margin-top 을 상쇄하므로 align-c(가로중앙)+title margin-top 으로 제어. */
.con11__hero {
    margin-top: 4.4rem;
    width: 110.9rem;
    height: 51.2rem;
}

.con11__hero-bg {
    z-index: 1;
}

.con11__badge {
    top: 8.1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.con11__title {
    margin-top: 18.1rem;
    z-index: 2;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #000000;
}

.con11__sub {
    margin-top: 0.5rem;
    z-index: 2;
    font-size: var(--bodyXL);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #000000;
}

.con11__box {
    margin-top: -19.4rem;
    z-index: 4;
}

.con11__emoji--left {
    top: -3.2rem;
    left: 1.65rem;
    z-index: 5;
}
/* 상시 플로팅(둥둥) — 박스는 GSAP 등장(scale/rotation)이라 안쪽 img 에만 적용 */
.con11__emoji--left img {
    animation: floating 3.5s ease-in-out infinite alternate;
}

.con11__emoji--right {
    top: 6.1rem;
    left: 64.85rem;
    z-index: 5;
}
.con11__emoji--right img {
    animation: floating 4s ease-in-out 0.4s infinite alternate;
}

.con11__quote {
    top: 74rem;
    left: 50%;
    transform: translateX(-50%);
    width: 118.5rem;
    height: 12.5rem;
    gap: 3.8rem;
    z-index: 6;
}

.con11__quote-bg {
    z-index: 1;
}

.con11__quote-left {
    z-index: 2;
}

.con11__quote-text {
    font-size: var(--bodyXL);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #ffffff;
}
/* con11 인용구 로테이터 — 후기 문구 크로스페이드 교체 */
.con11__quote-text--rotate {
    transition: opacity 0.4s ease;
}
.con11__quote-text--rotate.is-out {
    opacity: 0;
}

.con11__quote-divider {
    width: 0.3rem;
    height: 2.9rem;
    background: #ffffff;
    opacity: 0.149;
    z-index: 2;
}

.con11__quote-right {
    z-index: 2;
}

.con11__quote-label {
    font-size: var(--bodyXL);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #ffffff;
}

.con11__quote-rate {
    margin-left: 1.2rem;
    z-index: 2;
    font-family: var(--font-paytone);
    font-size: var(--displayS);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #f4cc0f;
}

/* ===== con12 + con13: 풀블리드 씨즐 영상 → 수익구조 (공유 영상 1개 GSAP pin+scrub) ===== */
/* 공유 pin 래퍼 (con12 영상 + con13 수익구조). 영상이 con12→con13 으로 축소·암전되며 이어짐 */
.revenue-seq {
    height: 100vh;
    background: #fef3d5;
}

/* 공유 영상 (absol inset-0, z0). GSAP scale 1→0.85. transform-origin 중앙 */
.revenue-seq__video {
    z-index: 0;
    overflow: hidden;
    transform-origin: center center;
}

.revenue-seq__video-el {
    object-fit: cover;
}

/* 암전 오버레이 (absol inset-0, z1). GSAP opacity 0→0.8 */
.revenue-seq__dim {
    z-index: 1;
    background: #07081c;
    opacity: 0;
}

/* con13: 수익구조 (공유 영상 위 absol 겹침 레이어, z2. revenue-seq 100vh 한 화면에 영상과 함께 pin.
   내부 panel 은 흐름(margin-top 6.9rem) + mx-auto 로 시안 좌표 유지) */
.con13 {
    z-index: 2;
}

.con13__panel {
    position: relative;
    margin-top: 6.9rem;
    width: 163.8rem;
    min-height: 78.6rem;
}

/* 치킨소스 누끼 (absol, 패널 우상단 우측 bleed — 우측요소라 right 기준)
   FOUC 방지: GSAP reveal 전 opacity:0 (ani_con12_13 가 autoAlpha 1 로 노출) */
.con13__source {
    top: -22.1rem;
    right: -21.3rem;
    z-index: 2;
    opacity: 0;
}

/* FOUC 방지: GSAP reveal 전 opacity:0 (PC 전용 ani_con12_13 가 autoAlpha 1 로 노출) */
.con13__text-wrap {
    z-index: 2;
    top: 15.4rem;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
}

.con13__head-sub {
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #ffffff;
    font-weight: 600;
}

.con13__head-main {
    display: block;
    margin-top: 1.2rem;
    font-size: var(--displayS);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #ffffff;
    font-weight: 800;
}

.con13__head-em {
    color: #ffcd30;
}

.con13__desc {
    margin-top: 3.6rem;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #ffffff;
    font-weight: 500;
}

.con13__strip {
    z-index: 2;
    top: 50.7rem;
    left: 0;
    width: 100vw;
    height: 22.1rem;
    background: #ffffff;
    border: 1px solid #0b0d2d;
    overflow: hidden;
    /* opacity: 0; */
}

.con13__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: var(--bodyXL);
    letter-spacing: -0.06em;
    color: #888;
}

.con13__slider {
    width: 100%;
    height: 100%;
}
.con13__slider .swiper-wrapper {
    transition-timing-function: linear !important;
    pointer-events: none;
}
/* 슬라이드 = 카드 동일 요소 → 폭 35.1rem 직접(PSD 세로선 간격 351px). auto 면 콘텐츠폭으로 수축 */
.con13__slider .swiper-slide {
    width: 35.1rem !important;
    height: 100%;
}

.con13__card {
    height: 100%;
    padding-top: 4.6rem;
    border-right: 1px solid #0b0d2d;
}

.con13__card-chip {
    width: 12rem;
    height: 3.6rem;
    background: #0b0d2d;
    border-radius: 1.7rem;
}

.con13__card-chip span {
    line-height: 1.4;
    letter-spacing: -0.06em;
    color: #ffffff;
    font-weight: 500;
}

/* 금액 (PaytoneOne 45px #000 — data-font 미등록 폰트라 family 직접 지정) */
.con13__card-amount {
    margin-top: -0.2rem;
    font-family: var(--font-paytone);
    line-height: 1;
    letter-spacing: -0.02em;
    color: #000000;
    font-weight: 400;
}

.con13__card-line {
    margin-top: 1rem;
    width: 24.8rem;
    height: 0.1rem;
    background: #0b0d2d;
    opacity: 0.149;
}

.con13__card-meta {
    margin-top: 1.5rem;
    width: 24.8rem;
    justify-content: space-between;
}

.con13__card-store,
.con13__card-date {
    line-height: 1.5;
    letter-spacing: -0.06em;
    color: #000000;
    font-weight: 500;
}

/* ===== con14: 수익구조 ===== */
.con14 {
    height: 82.1rem;
    overflow: hidden;
    background: #fef3d4;
    padding-top: 7.5rem;
    box-sizing: border-box;
}

.con14__head {
    font-family: var(--font-paperlogy);
    font-size: var(--displayS);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #000000;
    text-align: center;
}

.con14__head-line2 {
    color: #0b0d2d;
}

.con14__sales {
    margin-top: 8.4rem;
}

.con14__label {
    margin-top: 4.4rem;
    font-size: var(--subheadM);
    line-height: 1;
    letter-spacing: -0.07em;
    color: #000000;
}

.con14__amount {
    margin-top: -0.1rem;
}

.con14__amount-num {
    font-family: var(--font-paytone);
    font-size: var(--displayM);
    line-height: 1;
    letter-spacing: -0.03em;
    color: #0b0d2d;
}

.con14__won {
    position: relative;
    top: 1rem;
}

.con14__graph {
    top: 23.3rem;
    left: -29.95rem;
    z-index: 1;
}

.con14__arc {
    top: 3.3rem;
    left: 3.6rem;
}

.con14__table {
    top: 20.5rem;
    left: 126.85rem;
}

/* ===== 유튜브 파사드 공통 (con15 성공스토리 갤러리) =====
   .vf = 카드 박스에 추가하는 훅. 썸네일 img(.vf__thumb) 위 재생버튼(.vf__play), 클릭 시 iframe(.vf__frame) 주입.
   박스 크기(width/height/radius)는 .con15__card 가 담당 — vf 는 내부 배치만. */
.vf {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.vf__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vf__play {
    position: relative;
    z-index: 1;
    width: 9rem;
    height: 6.4rem;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 1.6rem;
    transition: background-color 0.2s;
}
.vf:hover .vf__play { background-color: #e60000; }
.vf__play::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.3rem 0 1.3rem 2.2rem;
    border-color: transparent transparent transparent #fff;
    margin-left: 0.5rem;
}
.vf__frame {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ===== con15: 실제 점주님이 말하는 성공스토리 — centeredSlides 갤러리 + 매출 캡션 배지 ===== */
.con15 {
    height: 99.8rem;
    padding-top: 9.6rem;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

.con15__title {
    margin-top: 2rem;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 0.99;
    letter-spacing: -0.03em;
    color: #000000;
}

.con15__title-em {
    color: #0b0d2d;
}

.con15__desc {
    margin-top: 2rem;
    font-size: var(--bodyXL);
    font-family: var(--font-pretendard);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #000000;
}

.con15__empty {
    margin-top: 6rem;
    font-size: var(--bodyXL);
    letter-spacing: -0.06em;
    color: #888;
}

.con15__slider {
    margin-top: 3.9rem;
    z-index: 1;
    overflow: visible;
}

.con15__slide {
    width: 78.6rem;
}

.con15__card {
    width: 78.6rem;
    height: 43.3rem;
    border-radius: 3rem;
    background: #292929;
    overflow: hidden;
}

.con15__card img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

.con15__arrow {
    top: 57.75rem;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    background: #0d0e28;
    border: 0;
    cursor: pointer;
    z-index: 3;
}

.con15__arrow--prev {
    left: 45.7rem;
}

.con15__arrow--next {
    left: 141rem;
    transform: scaleX(-1);
}

.con15__badge {
    margin-top: -0.4rem;
    width: 78.7rem;
    height: 7.8rem;
    border-radius: 2rem;
    background: #ffcd30;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1.5rem);
    /* 사라질 때: 페이드/슬라이드 후 visibility 토글(0.4s 지연) */
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s 0.4s;
}

.con15__slide.swiper-slide-active .con15__badge {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    /* 나타날 때: visibility 즉시 + 페이드/슬라이드업 */
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s 0s;
}

.con15__badge-txt {
    max-width: 73rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--headS);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #000000;
}

/* ===== con16: 치킨마루 창업비용 (비용표 — PC 정적) ===== */
.con16 {
    height: 117.3rem;
    background: #ffffff;
    overflow: hidden;
    isolation: isolate;
}

.con16::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -76.5rem;
    left: 50%;
    width: 355rem;
    height: 194rem;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #ffcd30;
}

.con16::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.8rem;
    background: url("/images/sub06/f_con14_04.webp") center top / 192rem 3.8rem repeat-x;
}

.con16__scrolldot {
    z-index: 2;
    top: 16.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: #07081c;
}

.con16__inner {
    position: relative;
    z-index: 2;
    max-width: 128.7rem;
    width: 100%;
    padding-top: 20.1rem;
}

.con16__title {
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #000000;
}

.con16__title-accent {
    color: #0b0d2d;
}

.con16__unit {
    margin-top: 0.5rem;
    text-align: right;
    font-size: var(--bodyM);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.06em;
    color: #000000;
}

.con16__table {
    margin-top: 0.2rem;
    width: 128.7rem;
    table-layout: fixed;
    border-collapse: collapse;
    border-radius: 3rem;
    overflow: hidden;
}

.con16__col--div { width: 17.4rem; }
.con16__col--item { width: 18.9rem; }
.con16__col--basic { width: 21.6rem; }
.con16__col--hof { width: 24.5rem; }
.con16__col--note { width: 46.3rem; }

.con16__thead-row {
    height: 7.3rem;
    background: #eeeeee;
}

.con16__thead-row th {
    font-size: var(--bodyXL);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid rgba(11, 13, 45, 0.102);
}

.con16__thead-row th:first-child {
    border-left: 0;
}

.con16__th-grade {
    white-space: nowrap;
}

.con16__badge {
    display: inline-flex;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: 0.7rem;
    border-radius: 50%;
    background: #fbcf0d;
    vertical-align: middle;
    font-size: var(--bodyL);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.06em;
    color: #000000;
}

.con16__table tbody {
    background: #ffffff;
}

.con16__row {
    height: 6.3rem;
}

.con16__row th,
.con16__row td {
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid rgba(11, 13, 45, 0.102);
    border-left: 1px solid rgba(11, 13, 45, 0.102);
    font-size: var(--bodyXL);
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #000000;
}

.con16__row th:first-child,
.con16__row td:first-child {
    border-left: 0;
}

/* rowspan 행그룹(계약비용/공사비용)의 2번째 행부터 item 이 first-child 가 되어
   행그룹 헤드와의 경계 세로선이 사라짐 → first-child item 만 좌측선 복원 */
.con16__row td.con16__item:first-child {
    border-left: 1px solid rgba(11, 13, 45, 0.102);
}

.con16__rowhead {
    font-weight: 600;
}

.con16__item,
.con16__amount,
.con16__note {
    font-weight: 500;
}

.con16__amount s {
    margin-right: 0.6rem;
    text-decoration: line-through;
}

.con16__chip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.55rem 2.1rem;
    border-radius: 0.5rem;
    /* border: 1px solid #999bcf; */
    background: #0b0d2d;
    font-size: var(--bodyS);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.06em;
    color: #ffffff;
    white-space: nowrap;
}
/* 깜빡임은 GSAP 등장 완료 후 JS가 코어 유틸 .animate-blk(style.css) 부여 — opacity 충돌 회피 */

.con16__sum-row {
    height: 7.8rem;
    background: #0b0d2d;
}

.con16__sum-row th,
.con16__sum-row td {
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
}

.con16__sum-label {
    font-size: var(--bodyXL);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.06em;
}

.con16__sum-num {
    font-family: var(--font-paytone);
    font-size: var(--headL);
    line-height: 1;
    letter-spacing: -0.02em;
}
/* td 는 transform(scale) 미적용 → 숫자를 inline-block span 으로 감싸 GSAP scale/opacity 타겟 */
.con16__sum-num-val {
    display: inline-block;
}

.con16__notes {
    margin-top: 1.4rem;
    font-size: var(--bodyM);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.06em;
    color: #000000;
}

.con16__deco {
    z-index: 2;
    top: 36.1rem;
    left: 122.25rem;
}

.con16__curve-mask {
    z-index: 3;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 177.5rem 97rem at 50% 20.5rem, transparent 99.6%, #ffffff 99.7%);
}
/* con16-con17 경계 로고: 섹션 overflow 에 묶이지 않는 bridge */
.sub06__bridge-logo {
    position: relative;
    z-index: 10;
    height: 0;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.sub06__bridge-logo img {
    /* transform: translateY(-5.6rem); */
}

/* ===== con17: MEDIA/MARKETING 탭 섹션 ===== */
.con17 {
    height: 181.6rem;
    overflow: hidden;
    background: #ffffff;
}

.con17 p,
.con17 h2,
.con17 h3,
.con17 button {
    white-space: nowrap;
    word-break: keep-all;
}

.con17__panel-bg {
    top: 48.1rem;
    left: 4.85rem;
    width: 180.5rem;
    height: 120.8rem;
    border-radius: 4rem 4rem 0 0;
    background: #e7e8ff;
    z-index: 0;
}

.con17__head,
.con17__media,
.con17__marketing,
.con17__closing {
    z-index: 2;
}

.con17__head {
    margin-top: 14.1rem;
}

.con17__eyebrow {
    width: 27.3rem;
    font-size: var(--headL);
    font-weight: 800;
    line-height: 1.07;
    letter-spacing: -0.03em;
    color: #000000;
}

.con17__headline {
    width: 64.7rem;
    margin-top: 1rem;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.03em;
    color: #000000;
}

.con17__headline-em {
    color: #0b0d2d;
}

.con17__label-img--media {
    margin-top: 3.3rem;
}

.con17__video-list {
    width: 144.2rem;
    margin-top: 1.8rem;
    gap: 2.9rem;
}

.con17__video-card {
    width: 70.6rem;
}

.con17__video-card--wide {
    width: 70.7rem;
}

.con17__video-frame {
    height: 38.7rem;
    overflow: hidden;
    border-radius: 3rem;
    background: #000000;
}

.con17__video-iframe {
    display: block;
    border: 0;
}

.con17__video-caption {
    margin-top: 3.6rem;
    font-size: var(--headS);
    font-weight: 600;
    line-height: 0.91;
    letter-spacing: -0.06em;
    color: #000000;
}

.con17__label-img--marketing {
    margin-top: 7.8rem;
}

.con17__tab-wrap {
    --con17-dot-x: 14.9rem;
    width: 125.8rem;
    height: 8.7rem;
    margin-top: 3.6rem;
}

.con17__tabs {
    width: 112.45rem;
}

.con17__tab {
    padding: 0;
    border: 0;
    background: transparent;
    font-family: var(--font-paperlogy);
    font-size: var(--subheadM);
    font-weight: 500;
    line-height: 0.96;
    letter-spacing: -0.03em;
    color: #000000;
    cursor: pointer;
}

.con17__tab.is-active {
    font-weight: 800;
    color: #0b0d2d;
}

.con17__tab-line {
    top: 5.8rem;
    left: 0;
    width: 125.8rem;
    height: 0.1rem;
    background: rgba(12, 12, 36, 0.102);
}

.con17__tab-dot {
    top: 4.5rem;
    left: var(--con17-dot-x);
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background: #0b0d2d;
    transition: left 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.con17__tab-panel {
    margin-top: 3.8rem;
}

.con17__tab-title {
    min-width: 30.3rem;
    font-size: var(--titleS);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.03em;
    color: #000000;
}

.con17__tab-desc {
    margin-top: 1.9rem;
    font-size: var(--bodyXL);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.06em;
    color: #000000;
}

/* .con17__cards = Swiper 컨테이너(고정폭) · .con17__card-list = swiper-wrapper(간격=spaceBetween) */
.con17__cards {
    width: 143.5rem;
    margin-top: 6.7rem;
    overflow: hidden;
}

.con17__card {
    height: 33.4rem; /* width = Swiper slidesPerView:4 자동계산 */
}

.con17__card-frame {
    overflow: hidden;
    border-radius: 4rem;
    background: #000000;
    text-decoration: none;
}

.con17__card-frame--placeholder {
    background: #d9d9d9;
    color: #555555;
    font-size: var(--bodyM);
    text-align: center;
    white-space: normal;
    word-break: keep-all;
    line-height: 1.4;
    padding: 0 2rem;
}

.con17__card-img {
    display: block;
    object-fit: cover;
}

.con17__cards-empty {
    width: 143.5rem;
    margin-top: 6.7rem;
    font-size: var(--headS);
    color: #888888;
}

.con17__closing-bg {
    top: 168.4rem;
    left: 0;
    width: 100%;
    height: 13.3rem;
    background: #ffcd30;
    z-index: 0;
}

.con17__closing {
    width: 180.5rem;
    height: 13.4rem;
    margin-top: 11.8rem;
    border-radius: 0 0 4rem 4rem;
    background: #0b0d2d;
}

.con17__closing-text {
    font-size: var(--bodyXL);
    font-weight: 500;
    line-height: 1.13;
    letter-spacing: -0.06em;
    color: #ffffff;
}

/* ===== con19: 창업문의 폼 (네이비 박스 / 좌 카피 · 우 폼) ===== */
.con19 {
    height: 96.8rem;
    overflow: hidden;
    background: #ffcd30;
}

.con19__bg {
    z-index: 0;
}

.con19__dish {
    left: -0.8rem;
    top: 47.8rem;
    z-index: 1;
}

.con19__inner {
    box-sizing: border-box;
    width: 190.5rem;
    padding: 18.4rem 18.8rem 0 24.1rem;
    z-index: 2;
}

.con19__badge {
    justify-content: flex-start;
    margin-top: 0.8rem;
}

.con19__title {
    margin-top: 1rem;
    font-size: 6.5rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #ffffff;
}

.con19__title-em {
    color: #ffcd30;
}

.con19__desc {
    margin-top: 1.3rem;
    font-size: var(--bodyXL);
    line-height: 1.3;
    letter-spacing: -0.06em;
    color: #ffffff;
}

.con19__tel {
    margin-top: 3.9rem;
}

.con19__tel-icon {
    position: relative;
    /* top: -1.1rem; */
}

.con19__tel-num {
    font-family: var(--font-paytone);
    font-size: var(--titleXL);
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #ffffff;
}

.con19__form {
    width: 63.9rem;
    margin-top: -0.6rem;
}

.con19__field {
    padding: 2.9rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.con19__field--memo {
    align-items: flex-start;
}

.con19__label {
    position: relative;
    box-sizing: border-box;
    width: 23.6rem;
    flex-shrink: 0;
    padding-left: 2rem;
    padding-right: 7.8rem;
    font-family: var(--font-paperlogy);
    font-weight: 600;
    font-size: var(--headS);
    color: #ffffff;
    text-align: justify;
    text-align-last: justify;
}

.con19__star {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.con19__input,
.con19__select,
.con19__textarea {
    flex: 1;
    font-family: var(--font-pretendard);
    font-size: var(--bodyL);
    line-height: 1.4;
    letter-spacing: -0.06em;
    color: #ffffff;
    background: transparent;
    border: none;
    outline: none;
}

.con19__textarea {
    height: 6.4rem;
    resize: none;
}

.con19__input::placeholder,
.con19__textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.con19__select {
    appearance: none;
    -webkit-appearance: none;
    padding-left: 1.4rem;
    color: rgba(255, 255, 255, 0.5);
}

.con19__select option {
    color: #000000;
}

.con19__select-tri {
    right: 3.5rem;
    z-index: 1;
    pointer-events: none;
}

.con19__agree {
    margin-top: 2.9rem;
}

.con19__agree-label {
    cursor: pointer;
}

.con19__agree-check {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.5rem;
    accent-color: #ffcd30;
    cursor: pointer;
}

.con19__agree-text {
    font-size: var(--bodyL);
    line-height: 1.5;
    letter-spacing: -0.06em;
    color: #b5aeda;
}

.con19__agree-view {
    margin-left: 1.4rem;
    padding: 0.6rem 1.6rem;
    font-size: var(--bodyM);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #0d0e28;
    background: #ffcd30;
    border: none;
    border-radius: 0.6rem;
    cursor: pointer;
}

.con19__submit {
    width: 63.6rem;
    height: 6.4rem;
    margin-top: 4.5rem;
    font-family: var(--font-paperlogy);
    font-size: var(--headS);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #000000;
    background: #ffcd30;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
}

/* ===== con18: 띠배너 — 가로 "CHICKEN MARU" 마퀴 + 캡슐 안 치킨 세로 롤링 ===== */
@keyframes marqueeX { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@keyframes marqueeY { from { transform: translateY(0); } to { transform: translateY(-50%); } }

.con18 {
    height: 48.9rem;
    /* background: #ffcd30; */
    /* overflow: visible; */
    /* isolation: isolate; */
    max-width: 100%;
}

.con18::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0rem;
    left: 50%;
    width: 355rem;
    height: 194rem;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #ffcd30;
}

.con18__marquee {
    top: 18rem;
    left: 0;
    width: 100vw;
    height: 13rem;
    overflow: hidden;
    z-index: 1;
}
.con18__marquee .image_sd { width: max-content; animation: marqueeX 35s infinite linear; }
.con18__marquee .image_sd .absol { left: 100%; top: 0; }

.con18__person {
    left: 72.15rem;
    top: 0rem;
    z-index: 2;
}

.con18__pill {
    left: 67.95rem;
    top: 25.9rem;
    width: 54.6rem;
    height: 23.1rem;
    background: #0d0e28;
    border-radius: 11.45rem;
    overflow: hidden;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con18__marqueeY {
    top: 0;
    left: 11.8rem;
    animation: marqueeY 25s infinite linear;
}
.con18__chick { margin-bottom: 5.1rem; }


/* ============================================================
   모바일 (max-width:599px) — sub06
   ============================================================ */
@media screen and (max-width:599px) {

/* ===== sticky 탭바 (히어로 배너 없이 단독) ===== */
.sub06 .tabnav--hero {
    margin: 8.1rem auto -10.5rem;
}

/* ===== con01: 메인비주얼 인트로 ===== */
.sub06 .con01 {
    height: auto;
    overflow: hidden;
    padding-top: 28vw;
    background-size: 100% auto;
}

/* con01 pin(+=50%) 이 만든 pin-spacer 는 con01 아래 빈 띠로 노출됨(모바일은 섹션이 화면보다 짧아 눈에 띔).
   흰 body 대신 이어질 con02 배경색으로 채워 이음새를 감춘다. sub06 의 다른 pin(con05/revenue-seq)은 제외. */
.sub06 .pin-spacer:has(> .con01) {
    background: #e2e2f9;
}
.sub06 .con01__box {
    margin-top: -4vw;
    width: 94%;
    height: auto;
    min-height: 112vw;
    border-radius: 5vw 5vw 0 0;
    overflow: hidden;
    background-position: center 42%;
    background-size: 155% auto;
    /* margin: 0 4vw; */
    /* box-sizing: border-box; */
}
.sub06 .con01__copy {
    position: relative;
    z-index: 5;
    padding-top: 11vw;
}
.sub06 .con01__desc {
    margin-top: 3vw;
    line-height: 1.4;
}
/* 모바일도 PC 와 동일 = fixed 배지 → con02__head 안착 absolute 핸드오프(JS ani_con01_badge).
   position:fixed / left:50% / transform:translateX(-50%) 는 PC 규칙 상속. top 만 화면높이 비율(PC 77.8% 일관). */
.sub06 .con-badge-bridge {
    height: auto;
    display: flex;
    justify-content: center;
}
.sub06 .con01__badge {
    top: 78vh;
    width: fit-content;
    height: auto;
    margin: 0;
    padding: 2.6vw 6vw;
    font-size: 3.6vw;
    white-space: nowrap;
}
.sub06 .con01__food--fried {
    left: -11vw;
    top: auto;
    bottom: 0;
    z-index: 2;
}
.sub06 .con01__food--fried img {
    width: 56vw !important;
    height: auto !important;
}
.sub06 .con01__food--yangnyeom {
    left: auto;
    right: -9vw;
    top: auto;
    bottom: 0;
    z-index: 2;
}
.sub06 .con01__food--yangnyeom img {
    width: 53vw !important;
    height: auto !important;
}
.sub06 .con01__food--drip {
    left: auto;
    right: -3vw;
    top: 0vw;
    z-index: 3;
}
.sub06 .con01__food--drip img {
    width: 30vw !important;
    height: auto !important;
}
.sub06 .con01__model {
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 4;
}
.sub06 .con01__model img {
    width: 47vw !important;
    height: auto !important;
}

/* ===== con02: 압도적인 브랜드 — 3카드 세로 스택(전부 펼침) ===== */
.sub06 .con02 {
    height: auto;
    padding-bottom: 12vw;
}
.sub06 .con02__head {
    margin-top: 28vw;
}
.sub06 .con02__lead {
    margin-top: 3vw;
    padding: 0 8vw;
    text-align: center;
    line-height: 1.4;
}
.sub06 .con02__cards {
    flex-direction: column;
    align-items: center;
    gap: 6vw;
    margin-top: 11vw;
}
.sub06 .con02__card {
    width: 84% !important;
    height: auto;
    overflow: visible;
}
.sub06 .con02__card-inner {
    position: relative;
    inset: auto;
    background: #ffcd30 !important;
    border-radius: 7vw !important;
}
.sub06 .con02__card-collapsed {
    display: none;
}
.sub06 .con02__card-expanded {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 8vw 0 9vw;
}
.sub06 .con02__badge {
    margin-top: 0;
}
.sub06 .con02__badge img {
    width: 5rem !important;
}
.sub06 .con02__card-title {
    margin-top: 4vw;
}
.sub06 .con02__card-desc {
    margin-top: 2.4vw;
    padding: 0 8vw;
    text-align: center;
    line-height: 1.4;
}
.sub06 .con02__media {
    margin-top: 6vw;
}
.sub06 .con02__photo img {
    width: 66vw !important;
    height: auto !important;
}
.sub06 .con02__video-frame {
    width: 70vw;
    height: 39vw;
    border-radius: 3vw;
}
.sub06 .con02__leg {
    opacity: 1 !important;
    visibility: visible !important;
}
.sub06 .con02__leg img {
    width: 23vw !important;
    height: auto !important;
}
.sub06 .con02__leg--1 {
    left: -6vw;
    top: auto;
    bottom: 9vw;
}
.sub06 .con02__leg--2 {
    right: -5vw;
    left: auto;
    top: -2vw;
}
.sub06 .con02__leg--3 {
    right: -6vw;
    left: auto;
    top: auto;
    bottom: 11vw;
}

/* ===== con03: 유행 없이 선택받아온 이유 — 좌우 2단 → 세로 stack ===== */
.sub06 .con03 {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    padding: 0 6vw 14vw;
}
.sub06 .con03__left {
    width: 100%;
    align-items: center;
    text-align: center;
}
.sub06 .con03__dot {
    margin-top: 0;
}
.sub06 .con03__right {
    width: 100%;
    margin-top: 9vw;
    align-items: center;
    text-align: center;
}
.sub06 .con03__photo {
    margin-top: 0;
    width: 88vw;
    height: 53vw;
}
.sub06 .con03__photo-img {
    left: -3.97vw;
    top: -62.86vw;
    width: 92.49vw !important;
    height: auto !important;
}
.sub06 .con03__desc--1 {
    margin-top: 7vw;
}
.sub06 .con03__desc--2 {
    margin-top: 4vw;
}
.sub06 .con03__badge {
    right: 3vw;
    top: 41vw;
}
.sub06 .con03__badge img {
    width: 18vw !important;
    height: auto !important;
}

/* ===== con04: 가맹하고 싶은 프랜차이즈 — 다크 인증 콜라주 ===== */
.sub06 .con04 {
    height: auto;
    padding-bottom: 8vw;
    overflow: hidden;
}
.sub06 .con04__head {
    margin-top: 16vw;
}
.sub06 .con04__streak--left {
    left: -20vw;
    top: 0;
}
.sub06 .con04__streak--right {
    left: auto;
    right: -20vw;
    top: 0;
}
.sub06 .con04__streak--left img,
.sub06 .con04__streak--right img {
    width: 44vw !important;
    height: auto !important;
}
.sub06 .con04__bg-glow--center {
    left: 50%;
    right: auto;
    top: 40vw;
    transform: translateX(-50%);
}
.sub06 .con04__bg-glow--center img {
    width: 105vw !important;
    height: auto !important;
}
.sub06 .con04__bg-glow--soft {
    left: 50%;
    right: auto;
    top: 52vw;
    transform: translateX(-50%);
}
.sub06 .con04__bg-glow--soft img {
    width: 72vw !important;
    height: auto !important;
}
.sub06 .con04__desc {
    padding: 0 6vw;
    line-height: 1.45;
}
.sub06 .con04__collage {
    width: 56vw;
    margin-top: 20vw;
}
.sub06 .con04__cert img {
    width: 100% !important;
    height: auto !important;
}
.sub06 .con04__badge {
    left: 50%;
    right: auto;
    top: -14vw;
    bottom: auto;
    transform: translateX(-50%);
}
.sub06 .con04__badge-img {
    width: 50vw !important;
    height: auto !important;
}
.sub06 .con04__chicken {
    left: 50%;
    right: auto;
    top: 48vw;
    bottom: auto;
    transform: translateX(-50%);
}
.sub06 .con04__chicken img {
    width: 100vw !important;
    height: auto !important;
}

/* ===== con05: GSAP pin 4카드(PC) → 모바일 흐름 세로 스택 ===== */
/* JS ani_con05 는 PC 전용(!isDesktop return) → 모바일은 pin 미적용, 카드 흐름 적층 */
.sub06 .con05__head {
    padding-top: 16vw;
}
.sub06 .con05__logo {
    width: 24vw;
    height: 10.6vw;
    border-radius: 5vw;
}
.sub06 .con05__logo img {
    width: 14vw !important;
    height: auto !important;
}
.sub06 .con05__stack {
    margin-top: 5vw;
    gap: 6vw;
    padding: 0 6vw;
}
/* overflow:visible = 트럭/파우더 등 카드 밖 bleed 허용. 배경 radius clip 은 card-bg 가 담당 */
.sub06 .con05__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: auto;
    border-radius: 5vw;
    /* overflow: hidden; */
    padding-bottom: 5vw;
}
.sub06 .con05__card-bg {
    overflow: hidden;
}
.sub06 .con05__card-bg,
.sub06 .con05__card-bg img {
    border-radius: 5vw;
}
.sub06 .con05__card-bg img {
    width: 100% !important;
    height: 100% !important;
}
.sub06 .con05__card-text {
    padding: 5vw 6vw 0;
    align-items: center;
    text-align: center;
}
.sub06 .con05__card-desc {
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con05__media {
    position: relative;
    inset: auto;
    margin-top: 5vw;
}

.sub06 .con05__card--1 {
    padding-bottom: 3vw;
}
.sub06 .con05__card--1 .con05__media {
    height: 44vw;
}
.sub06 .con05__truck {
    left: 50%;
    top: 4vw;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}
.sub06 .con05__truck img {
    width: 70vw !important;
    height: auto !important;
}
.sub06 .con05__badges {
    left: 50%;
    top: -2vw;
    transform: translateX(-50%);
    justify-content: center;
    z-index: 2;
}
.sub06 .con05__badge {
    width: 17vw;
    height: 17vw;
}

.sub06 .con05__card--2 .con05__media {
    height: 44vw;
}
.sub06 .con05__bag {
    left: -6vw;
    top: 10vw;
    bottom: 0;
    z-index: 1;
}
.sub06 .con05__bag img {
    width: 44vw !important;
    height: auto !important;
}
.sub06 .con05__plate {
    left: auto;
    right: -3vw;
    top: 8vw;
    bottom: 0;
    z-index: 2;
}
.sub06 .con05__plate img {
    width: 63vw !important;
    height: auto !important;
}

.sub06 .con05__card--4 .con05__media {
    order: 2;
    height: 52vw;
}
.sub06 .con05__powder {
    display: block;
    z-index: 1;
}
.sub06 .con05__powder--back {
    left: 50%;
    top: auto;
    bottom: -6vw;
    transform: translateX(-50%);
}
.sub06 .con05__powder--back img {
    width: 137vw !important;
    height: auto !important;
}
.sub06 .con05__powder--front {
    left: 50%;
    top: auto;
    bottom: -5vw;
    transform: translateX(-50%);
    z-index: 4;
}
.sub06 .con05__powder--front img {
    width: 108vw !important;
    height: auto !important;
}
.sub06 .con05__oil {
    left: 9vw;
    top: auto;
    bottom: 3vw;
    z-index: 3;
}
.sub06 .con05__oil img {
    width: 32vw !important;
    height: auto !important;
}
.sub06 .con05__powder-bag {
    left: auto;
    right: 7vw;
    top: auto;
    bottom: 3vw;
    z-index: 3;
}
.sub06 .con05__powder-bag img {
    width: 30vw !important;
    height: auto !important;
}

/* ===== con06: 소자본 창업 — 3카드 신호등 → 모바일 전용 Swiper(전부 활성) ===== */
.sub06 .con06 {
    height: auto;
}
.sub06 .con06__top {
    padding-top: 14vw;
    padding-bottom: 8vw;
    padding-left: 5vw;
    padding-right: 5vw;
}
/* displayS 는 모바일 토큰 재매핑 누락(size-65=17.3vw 거대) → raw vw 예외 */
.sub06 .con06__title {
    margin-top: 3vw;
    font-size: 7.4vw;
    line-height: 1.3;
}
.sub06 .con06__desc {
    margin-top: 4vw;
    white-space: normal;
    line-height: 1.5;
}
.sub06 .con06__dark {
    height: auto;
    padding: 9vw 0 11vw;
}
.sub06 .con06__dark-bg img {
    height: 100%;
}
/* 카드열 → 모바일 Swiper (JS 가 .swiper / .swiper-wrapper / .swiper-slide 동적 부여) */
.sub06 .con06__cards-swiper {
    overflow: visible;
}
.sub06 .con06__cards {
    display: flex;
    height: auto;
    margin-top: 0;
    column-gap: 0;
    gap: 0;
    align-items: stretch;
}
.sub06 .con06__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    background: transparent;
}
.sub06 .con06__navybox,
.sub06 .con06__bubble,
.sub06 .con06__dish {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1 !important;
    transform: none !important;
}
.sub06 .con06__navybox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5vw 0;
    border-radius: 4vw;
}
.sub06 .con06__bubble {
    width: fit-content;
    margin: 6vw auto 0;
}
.sub06 .con06__bubble img {
    width: 82vw !important;
    height: auto !important;
}
.sub06 .con06__dish {
    width: fit-content;
    margin: 4vw auto 0;
}
.sub06 .con06__dish img {
    width: 56vw !important;
    height: auto !important;
}
.sub06 .con06__cards-swiper .swiper-pagination {
    position: relative;
    margin-top: 7vw;
}
.sub06 .con06__cards-swiper .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.4;
}
.sub06 .con06__cards-swiper .swiper-pagination-bullet-active {
    background: #ffcd30;
    opacity: 1;
}

/* ===== con07: 가성비 경쟁력 — 가격 비교 막대 차트 ===== */
.sub06 .con07 {
    height: auto;
    padding-bottom: 16vw;
    overflow: visible;
}
.sub06 .con07__inner {
    width: 100%;
    padding-top: 18vw;
}
.sub06 .con07__hairline {
    top: 20vw;
}
.sub06 .con07__header {
    padding: 0 6vw;
}
.sub06 .con07__eyebrow {
    letter-spacing: 0.55em;
    text-indent: 0.55em;
    white-space: nowrap;
}
.sub06 .con07__subhead {
    white-space: normal;
    word-break: keep-all;
}

.sub06 .con07__chart {
    margin-top: 70vw;
    margin-left: 4vw;
    width: 88vw;
    align-items: flex-start;
}
.sub06 .con07__bar {
    padding-right: 3vw;
}
.sub06 .con07__bar--a { width: 100%; }
.sub06 .con07__bar--b { width: 83.4%; }
.sub06 .con07__bar--maru { width: 65.6%; }
.sub06 .con07__bar--c { width: 88.4%; }
.sub06 .con07__bar--d { width: 94.8%; }

.sub06 .con07__bar-icon {
    right: -10vw;
    top: auto;
}
.sub06 .con07__bar-icon img {
    width: 7vw !important;
    height: auto !important;
}
.sub06 .con07__badge {
    right: -34vw;
    top: auto;
    height: auto;
    padding: 1.2vw 2.6vw;
}

.sub06 .con07__promo {
    top: 80vw;
    left: -10vw;
    width: 90vw;
    height: 53.2vw;
    padding: 10.7vw 6vw 0 21.6vw;
    border-radius: 0;
}
.sub06 .con07__promo-title {
    font-size: 10.4vw;
}
.sub06 .con07__promo-desc {
    margin-top: 11.5vw;
    letter-spacing: 0.2em;
    white-space: normal;
    word-break: keep-all;
}

.sub06 .con07__chicken {
    top: 80vw;
    left: 56.2vw;
    right: auto;
}
.sub06 .con07__chicken img {
    width: 53.2vw !important;
    height: auto !important;
}

/* ===== con08: 메뉴 구성 — 가로 3단 → 세로 스택(intro→노란카드→원형 마퀴) ===== */
.sub06 .con08 {
    height: auto;
}
.sub06 .con08__inner {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 13vw 0 14vw;
}
.sub06 .con08__intro {
    align-self: center;
    align-items: center;
    text-align: center;
    padding-top: 0;
    margin-left: 0;
}
.sub06 .con08__intro-logo img {
    width: 13vw !important;
    height: auto !important;
}
/* 노란 메뉴카드 — 중앙 88%, PC margin 해제, 상단 여백만(하단 0).
   overflow:hidden = 마지막행 active 검은바가 카드 하단 radius 밖 직각 침범 방지 */
.sub06 .con08__card {
    align-self: center;
    margin: 9vw 0 0;
    width: 88%;
    height: auto;
    padding: 8vw 0 0;
    overflow: hidden;
}
.sub06 .con08__menu {
    margin-top: 6vw;
}
.sub06 .con08__menu-item {
    height: 14vw;
}
.sub06 .con08__menu-item--active {
    height: 17vw;
}
.sub06 .con08__menu-icon {
    left: 5vw;
    top: -3vw;
}
.sub06 .con08__menu-icon img {
    width: 9vw !important;
    height: auto !important;
}
.sub06 .con08__rolling {
    margin: 9vw 0 0;
    width: 100%;
}
.sub06 .con08__part-card img {
    width: 46vw !important;
    height: auto !important;
}

/* ===== con09: 비용절감 — 인물 풀폭 배경화(하단 잘림) + 카드 슬라이더 ===== */
.sub06 .con09 {
    height: 218vw;
    overflow: hidden; /* 인물 다리 하단 잘림 */
    background-size: cover;
}
.sub06 .con09__badge img {
    width: 14rem !important;
}
.sub06 .con09__head {
    margin-top: 14vw;
    padding: 0 6vw;
}
.sub06 .con09__desc {
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con09__person {
    left: 50%;
    transform: translateX(-50%);
    top: 63vw;
}
.sub06 .con09__person img {
    width: 100vw !important;
    height: auto !important;
}
.sub06 .con09__chicken {
    left: 50%;
    transform: translateX(-50%);
    top: 173vw;
    z-index: 4;
}
.sub06 .con09__chicken img {
    width: 92vw !important;
    height: auto !important;
}
.sub06 .con09__slider {
    top: 117vw;
}
.sub06 .con09__card {
    width: 72vw;
    min-height: auto;
    padding-top: 9vw;
    border-radius: 6vw;
}
.sub06 .con09__card-desc {
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con09__slider .swiper-slide-active.con09__card {
    transform: none;
}
.sub06 .con09__card:not(.swiper-slide-active) .con09__card-title {
    min-height: auto;
}
.sub06 .con09__arrow {
    top: 136vw;
}
.sub06 .con09__arrow img {
    width: 9vw !important;
    height: auto !important;
}
.sub06 .con09__arrow--prev { left: 3vw; }
.sub06 .con09__arrow--next { left: auto; right: 3vw; }
.sub06 .con09__marquee {
    top: auto;
    bottom: 0;
    height: 14vw;
    z-index: 10;
}

/* ===== con10: 원팩 조리 STEP 갤러리 — centeredSlides 카드 폭 축소(좌우 부분노출 유지) ===== */
.sub06 .con10 {
    height: auto;
    padding-bottom: 18vw;
    overflow: hidden;
}
.sub06 .con10__line {
    top: 9vw;
}
.sub06 .con10__head {
    margin-top: 14vw;
    padding: 0 6vw;
}
.sub06 .con10__gallery {
    margin-top: 9vw;
}
.sub06 .con10__card {
    width: 80vw;
    height: 47.7vw;
}
.sub06 .con10__card-step {
    top: 21.3vw;
}
/* 활성 슬라이드를 다음 슬라이드 위로 — 우측 삐짐 원형배지가 다음 카드에 덮여 잘리는 것 방지 */
.sub06 .con10__gallery .swiper-slide-active {
    z-index: 3;
}
.sub06 .con10__circle {
    top: 27vw;
    left: 55vw;
    width: 30vw;
    height: 30vw;
}
.sub06 .con10__circle-num {
    font-size: var(--headM);
}
.sub06 .con10__circle-desc {
    margin-top: 1.8vw;
    font-size: 3.8vw; /* bodyXL(4.27vw) 보다 작게 — 원형 협소공간 수용, 토큰 예외 raw vw */
}

/* ===== con12+con13: 씨즐 영상 배경 + 수익구조 겹침 (pin 시퀀스 해제, 정적 겹침) ===== */
/* pin 래퍼 100vh → 콘텐츠 수용 높이. 영상은 inset-0 배경(JS fallback scale 1).
   width 100vw 강제 = 부모폭(420px) 누수로 패널/텍스트 우측 잘리는 것 차단 */
.sub06 .revenue-seq {
    height: 122vw;
    width: 100vw;
    overflow: hidden;
}
.sub06 .revenue-seq__video {
    border-radius: 0 !important;
}
.sub06 .con13__panel {
    margin-top: 0;
    width: 100%;
    min-height: 0;
}
.sub06 .con13__text-wrap {
    top: 18vw;
    padding: 0 6vw;
    box-sizing: border-box;
}
.sub06 .con13__desc {
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con13__strip {
    top: 72vw;
    height: 34vw;
}
.sub06 .con13__slider .swiper-slide {
    width: 56vw !important;
}

/* ===== con14: 수익구조 (좌측 absol bleed graph·우측 absol table → 세로 흐름 스택) ===== */
.sub06 .con14 {
    height: auto;
    padding: 16vw 0 18vw;
}
.sub06 .con14__head {
    line-height: 1.2;
}
.sub06 .con14__sales {
    order: 2;
    margin-top: 0vw;
}
.sub06 .con14__leg img {
    width: 22vw !important;
    height: auto !important;
}
.sub06 .con14__graph {
    order: 1;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 12vw;
}
.sub06 .con14__donut img {
    width: 62vw !important;
    height: auto !important;
}
.sub06 .con14__arc {
    top: 4.3vw;
    left: 4.7vw;
}
.sub06 .con14__arc img {
    width: 36vw !important;
    height: auto !important;
}
.sub06 .con14__table {
    order: 3;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 12vw;
}
.sub06 .con14__table img {
    width: 78vw !important;
    height: auto !important;
}

/* ===== con15: 성공스토리 centeredSlides 갤러리 — 카드 폭 축소(좌우 부분노출 유지) ===== */
.sub06 .con15 {
    height: auto;
    padding: 14vw 0 18vw;
}
.sub06 .con15__head {
    padding: 0 6vw;
}
.sub06 .con15__title {
    font-size: 8vw; /* displayS(size-65=17.3vw 거대) 모바일 재매핑 누락 → raw vw 예외 */
}
.sub06 .con15__desc {
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con15__slider {
    margin-top: 9vw;
}
.sub06 .con15__slide {
    width: 80vw;
}
.sub06 .con15__card {
    width: 80vw;
    height: 44.07vw;
}
.sub06 .con15__badge {
    width: 80vw;
    height: 7.93vw;
}
.sub06 .con15__badge-txt {
    max-width: 74.2vw;
}
/* 파사드 재생버튼 = 모바일 vw 재사이징(rem 방치 시 쪼그라듦) */
.sub06 .vf__play {
    width: 16vw;
    height: 11.4vw;
    border-radius: 2.8vw;
}
.sub06 .vf__play::after {
    border-width: 2.5vw 0 2.5vw 4.1vw;
    margin-left: 0.9vw;
}

/* ===== con16: 창업비용 표 (PC 5컬럼 128.7rem → 모바일 화면폭 축소·5컬럼 유지) ===== */
.sub06 .con16 {
    height: auto;
    background: #ffcd30;
    padding-bottom: 18vw;
}
.sub06 .con16::before {
    display: none;
}
.sub06 .con16__scrolldot {
    top: 18vw;
    width: 3vw;
    height: 3vw;
}
.sub06 .con16__inner {
    display: block;
    max-width: none;
    width: 92%;
    padding-top: 23vw;
}
.sub06 .con16__title {
    line-height: 1.15;
}
.sub06 .con16__unit {
    font-size: 2.8vw;
}
/* 표 화면폭 축소 — colgroup rem 폭 → % 재배분, 셀 폰트 raw vw(폰트 토큰은 5컬럼 압축에 과대 → 표 한정 예외) */
.sub06 .con16__table {
    width: 100%;
    margin-top: 3vw;
    border-radius: 2.5vw;
}
.sub06 .con16__col--div { width: 14%; }
.sub06 .con16__col--item { width: 18%; }
.sub06 .con16__col--basic { width: 17.5%; }
.sub06 .con16__col--hof { width: 17.5%; }
.sub06 .con16__col--note { width: 33%; }
.sub06 .con16__thead-row { height: auto; }
.sub06 .con16__thead-row th {
    font-size: 3vw;
    padding: 2.6vw 0.5vw;
}
.sub06 .con16__th-grade {
    white-space: normal;
}
.sub06 .con16__badge {
    width: 5.4vw;
    height: 5.4vw;
    margin-left: 0.6vw;
    font-size: 2.6vw;
}
.sub06 .con16__row {
    height: auto;
}
.sub06 .con16__row th,
.sub06 .con16__row td {
    font-size: 2.9vw;
    padding: 2.4vw 0.5vw;
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con16__chip {
    padding: 0.35vw 1.7vw;
    font-size: 3vw;
    border-radius: 0.7vw;
}
.sub06 .con16__amount s {
    margin-right: 1vw;
}
.sub06 .con16__sum-row {
    height: auto;
}
.sub06 .con16__sum-label {
    font-size: 3.1vw;
    padding: 3vw 0;
}
.sub06 .con16__sum-num {
    font-size: 4.6vw;
    padding: 3vw 0;
}
.sub06 .con16__notes {
    position: relative;
    z-index: 4;
    margin-top: 4vw;
    font-size: 2.7vw;
    line-height: 1.5;
}
.sub06 .con16__notes p {
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.sub06 .con16__deco {
    top: auto;
    bottom: -1vw;
    left: auto;
    right: -9vw;
}
.sub06 .con16__deco img {
    width: 34vw !important;
    height: auto !important;
}

/* ===== con17: MEDIA(영상 세로) / MARKETING(탭·카드 2x2) — panel-bg 섹션배경 전환 ===== */
.sub06 .con17 {
    height: auto;
    background: linear-gradient(#ffffff 0, #ffffff 36.8vw, #e7e8ff 55.8vw, #e7e8ff 100%);
    padding-bottom: 0;
}
.sub06 .con17__head {
    margin-top: 14vw;
    padding: 0 6vw;
}
.sub06 .con17__eyebrow {
    width: auto;
}
.sub06 .con17__headline {
    width: auto;
    font-size: 8vw; /* displayS 모바일 재매핑 누락(거대) → raw vw 예외 */
    line-height: 1.1;
    white-space: normal;
    word-break: keep-all;
}
.sub06 .con17__video-list {
    width: 88vw;
    flex-direction: column;
    gap: 6vw;
    margin-top: 5vw;
}
.sub06 .con17__video-card,
.sub06 .con17__video-card--wide {
    width: 100%;
}
.sub06 .con17__video-frame {
    height: 48vw;
}
.sub06 .con17__video-caption {
    margin-top: 3vw;
    white-space: normal;
}
.sub06 .con17__label-img--marketing {
    margin-top: 12vw;
}
.sub06 .con17__tab-wrap {
    width: 88vw;
    height: auto;
    margin-top: 6vw;
}
.sub06 .con17__tabs {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3vw 4vw;
}
.sub06 .con17__tab {
    white-space: normal;
    font-size: 4vw;
    line-height: 1.2;
    width: 100%;
    text-align: center;
}
.sub06 .con17__tab-panel {
    width: 88vw;
    margin-top: 8vw;
}
.sub06 .con17__tab-title {
    min-width: 0;
    font-size: 6vw;
}
.sub06 .con17__tab-desc {
    margin-top: 3vw;
    white-space: normal;
    word-break: keep-all;
    line-height: 1.4;
}
.sub06 .con17__cards,
.sub06 .con17__cards-empty {
    width: 88vw;
    margin-top: 7vw;
}
.sub06 .con17__card {
    height: auto;
    aspect-ratio: 1 / 1; /* Swiper slidesPerView 가 정한 가로폭에 1/1 묶음 */
}
.sub06 .con17__closing {
    width: 100%;
    height: auto;
    margin-top: 14vw;
    padding: 7vw 5vw;
    box-sizing: border-box;
}
.sub06 .con17__closing-text {
    white-space: normal;
    word-break: keep-all;
    line-height: 1.5;
}
.sub06 .con17__closing-bg {
    top: auto;
    bottom: 0;
    height: 16vw;
}

/* ===== con11: 고객 인정 — 세로 흐름(hero→box→리뷰 swiper→quote) ===== */
.sub06 .con11 {
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 14vw 0 5rem;
}
.sub06 .con11__watermark {
    top: auto;
    bottom: 34vw;
    left: 50%;
    transform: translateX(-50%);
}
.sub06 .con11__watermark > img {
    width: 100vw !important;
}
.sub06 .con11__center {
    order: 1;
}
.sub06 .con11__hero {
    width: 90vw;
    height: 44vw;
    margin-top: 0;
}
.sub06 .con11__badge {
    top: -1vw;
}
.sub06 .con11__badge img {
    width: 30vw !important;
    height: auto !important;
}
.sub06 .con11__title {
    margin-top: 14vw;
    font-size: 7vw; /* displayS 는 모바일 토큰 재매핑 누락(size-65=17.3vw 거대) → raw vw 예외 */
}
.sub06 .con11__sub {
    margin-top: 2vw;
    padding: 0 8vw;
    white-space: normal;
    word-break: keep-all;
    text-align: center;
}
.sub06 .con11__box {
    margin-top: -8vw;
}
.sub06 .con11__box-swiper {
    width: 82vw;
    height: 71.74vw;
    margin-top: 3vw;
    pointer-events: none;
}
.sub06 .con11__box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
.sub06 .con11__emoji--left {
    top: auto;
    bottom: 4vw;
    left: 2vw;
}
.sub06 .con11__emoji--left img {
    width: 12vw !important;
    height: auto !important;
}
.sub06 .con11__emoji--right {
    top: auto;
    bottom: 10vw;
    left: auto;
    right: 2vw;
}
.sub06 .con11__emoji--right img {
    width: 16vw !important;
    height: auto !important;
}
.sub06 .con11__reviews {
    order: 2;
    position: relative;
    width: 100%;
    margin-top: 10vw;
    overflow: hidden;
}
.sub06 .con11__review {
    position: relative;
    top: auto !important;
    left: auto !important;
    width: auto; /* slidesPerView:1.4 가 폭 계산 */
}
.sub06 .con11__review img {
    width: 100% !important;
    height: auto !important;
}
.sub06 .con11__quote {
    order: 3;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 90vw;
    height: auto;
    margin: 0vw auto 0;
    flex-direction: column;
    padding: 6vw 4vw;
    gap: 3vw;
    background: linear-gradient(90deg, rgba(13, 14, 40, 0.3) 0%, rgba(13, 14, 40, 1) 50%, rgba(13, 14, 40, 0.3) 100%);
}
.sub06 .con11__quote-left,
.sub06 .con11__quote-right {
    margin-left: 0;
    justify-content: center;
    gap: 2vw;
}
.sub06 .con11__quote-left {
    flex-wrap: wrap;
}
.sub06 .con11__quote-icon img {
    width: 8vw !important;
    height: auto !important;
}
.sub06 .con11__quote-text {
    white-space: normal;
    word-break: keep-all;
    text-align: center;
}
.sub06 .con11__quote-divider {
    margin-left: 0;
    width: 60vw;
    height: 0.2rem;
}
.sub06 .con11__quote-label {
    margin-left: 0;
}
.sub06 .con11__quote-rate {
    margin-left: 0;
    font-size: 9vw; /* displayS 는 모바일 토큰 재매핑 누락(size-65=17.3vw 거대) → raw vw 예외 */
}

/* ===== con19: 창업문의 폼 — 좌우 2컬럼 → 상하 stack ===== */
.sub06 .con19 {
    height: auto;
    padding: 14vw 0 0;
}
/* 네이비 배경 풀폭 유지 (bg img 는 인라인 width 이김) */
.sub06 .con19__bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.sub06 .con19__inner {
    flex-direction: column;
    width: 88%;
    padding: 0 0 34vw;
}
.sub06 .con19__left {
    align-items: center;
    text-align: center;
}
.sub06 .con19__badge img {
    width: 26vw !important;
    height: auto !important;
}
.sub06 .con19__title {
    margin-top: 4vw;
    font-size: 11vw; /* raw rem 직접값(토큰 아님) → 자동 재매핑 없어 raw vw 예외 */
    line-height: 1.1;
}
.sub06 .con19__desc {
    margin-top: 3vw;
    line-height: 1.4;
}
.sub06 .con19__tel {
    margin-top: 6vw;
}
.sub06 .con19__tel-icon img {
    width: 9vw !important;
    height: auto !important;
}
.sub06 .con19__form {
    width: 100%;
    margin-top: 9vw;
}
.sub06 .con19__field {
    padding: 4.5vw 0;
}
.sub06 .con19__label {
    width: 32vw;
    padding-left: 3.5vw;
    padding-right: 1vw;
    text-align: left;
    text-align-last: left;
}
.sub06 .con19__star img {
    width: 2.4vw !important;
    height: auto !important;
}
.sub06 .con19__textarea {
    height: 18vw;
}
.sub06 .con19__select-tri {
    right: 1vw;
}
.sub06 .con19__select-tri img {
    width: 4vw !important;
    height: auto !important;
}
.sub06 .con19__agree {
    margin-top: 7vw;
    justify-content: center;
}
.sub06 .con19__agree-check {
    width: 4vw;
    height: 4vw;
    margin-right: 2vw;
}
.sub06 .con19__agree-text {
    font-size: 3.4vw;
}
.sub06 .con19__agree-view {
    margin-left: 3vw;
    padding: 1.4vw 3.2vw;
    font-size: 3.2vw;
    border-radius: 1.4vw;
}
.sub06 .con19__submit {
    width: 100%;
    height: 14vw;
    margin-top: 8vw;
    border-radius: 2vw;
}
.sub06 .con19__dish {
    left: -22vw;
    top: auto;
    bottom: -2vw;
    z-index: 1;
}
.sub06 .con19__dish img {
    width: 120vw !important;
    height: auto !important;
}

/* ===== con18: 띠배너 — 중앙 겹침 데코(가로 마퀴 + 모델 누끼 + 네이비 캡슐) 유지, 좌표만 vw ===== */
.sub06 .con18 {
    height: 75vw;
    overflow: hidden;
}
.sub06 .con18__marquee {
    top: 27vw;
    height: 24vw;
}
/* ImgResize 인라인 width 무시 → 텍스트 높이 기준 재스케일(폭 자동, 마퀴 스크롤) */
.sub06 .con18__marquee .image_sd img {
    width: auto !important;
    height: 16vw !important;
}
.sub06 .con18__person {
    left: 50%;
    top: 0;
    transform: translateX(calc(-50% + 6.6vw));
    width: 74vw;
}
.sub06 .con18__person img {
    width: 100% !important;
    height: auto !important;
}
.sub06 .con18__pill {
    left: 50%;
    top: 40vw;
    transform: translateX(-50%);
    width: 84vw;
    height: 35.5vw;
    border-radius: 17.8vw;
}
.sub06 .con18__pill-deco img {
    width: 40vw !important;
    height: auto !important;
}
/* 캡슐 안 접시 세로 롤링 — 캡슐폭 기준 중앙(left 고정: 애니 translateY 충돌 회피) */
.sub06 .con18__marqueeY {
    left: 16vw;
    top: 0;
}
.sub06 .con18__chick {
    margin-bottom: 8vw;
}
.sub06 .con18__chick img {
    width: 52vw !important;
    height: auto !important;
}

}
/* ===== /모바일 ===== */