/* content.php ??れ삀????????????ル∥???*/
.container { display: none !important; }

/* ===== con01 : 癲ル슢????????뱀낄?????ル∥?????ル∥???===== */
.con01 {
    height: 106.8rem;
    padding-top: var(--headerH);
    overflow: hidden;
}

.con01__bg {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;        /* ???ル∥?θ뿥?????ル∥?ら툣????ル∥?????ル∥????absol bg ??좊읈? ???ル∥??????ル∥??????怨멸텭??쀂€?좊펱????? ???ル∥???癲ル슔?됭짆??눀????關履??*/
}
.con01__bg img {
    width: 100%;
}

.con01__slider {
    width: 93.54%;
    height: 79.2rem;
    margin-top: 0.99rem;
    border-radius: 4rem;
    overflow: hidden;
    background: #eef0fd;
}
/* swiper init ??display:block ???ル∥?ι쨹?.mx-auto ???????????????????ル∥???????ル∥??????щ뮝????ル∥?ζ뤆????鴉딅끼由???좊즴甕??*/
.con01__slider.swiper {
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.con01__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.con01__pager {
    position: relative;
    z-index: 1;
    margin-top: 4.5rem;
    gap: 1.4rem;
}
.con01__arrow {
    width: 3.8rem;
    height: 3.8rem;
}
.con01__arrow img {
    width: 100%;
}
.con01__arrow--prev img {
    transform: scaleX(-1);
}
.con01__dots.swiper-pagination-horizontal {
    gap: 0.8rem;
    width: auto;       /* swiper-pagination width:100% ??????(2???ル∥?????ル∥?ι쨹????ル∥吏??????낆뒩???width:100% ???ル∥??? */
    position: static;  /* swiper absolute ???ル∥吏?? flex pager ???ル∥?θ뿥????ル∥吏?? */
}
.con01__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.4);
    color: transparent;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    transition: width 0.3s, height 0.3s, border-radius 0.3s;
}
.con01__dot--active {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background: #ffd400;
    color: #0b0e28;
    font-family: var(--font-paperlogy);
    font-size: var(--bodyXL);
    letter-spacing: -0.02em;
    font-weight: 800;
}

.con01__copy {
    position: relative;
    z-index: 1;
    margin-top: 7rem;
}
.con01__copy-text {
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.2;
}
.con01__copy-typed::after {
    content: "_";
    animation: con01-caret 1s step-end infinite;
}
@keyframes con01-caret {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}
.con01__bracket--r {
    transform: scaleX(-1);
}

/* ===== con02 : ??怨쀫뮛?????????貫??===== */
.con02 {
    height: 97.9rem;
    overflow: hidden;
}

.con02__bg {
    z-index: 0;
}
.con02__bg img {
    object-fit: cover;
}

.con02__inner {
    position: relative;
    z-index: 1;
}

.con02__badge {
    margin-top: 9.7rem;
}

.con02__title {
    margin-top: 3rem;
    font-size: var(--displayS);
    letter-spacing: -0.03em;
    color: #000000;
}
.con02__title--accent {
    color: #0d0e28;
}

.con02__desc {
    margin-top: 2.5rem;
    font-size: var(--bodyXL);
    letter-spacing: -0.04em;
    color: #000000;
}

.con02__frame-link {
    width: 76.80%;
    margin-top: 4.8rem;
    cursor: none;
}

/* ???ル∥??????ル∥???④쑴??춯癒?걞獒??????ル∥?ょ뼨????ル∥???????????ル∥?ょ뼨?, ???ル∥????濡ろ떟???placeholder */
.con02__frame {
    width: 100%;
    height: 51.1rem;
    clip-path: inset(0 round 25.4rem);
    background: #000000;
}
/* ???ル∥??????ル∥???????袁⑸즲??㏓き????ル∥?ょ뼨??????ル∥?ょ뼨??棺??짆?승€????濡ろ떟???placeholder ???ル∥吏?? */
.con02__video {
    object-fit: cover;
}

/* ?????롪퍓??????ル∥吏?? ???ル∥?ょ뼨????ル∥????(GSAP: ???ル∥???clip-path ?????????롪퍓???. ??れ삀??????ル∥吏??, pin ????쐠????ル∥??臾먯뒚?????ル∥???*/
.con02__reveal {
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    clip-path: inset(0 round 25.4rem);
}
.con02__reveal-video {
    object-fit: cover;
}

.con02__food {
    top: 63.74%;
    left: 29.40%;
    z-index: 6;           /* ???ル∥吏?? ???ル∥?ょ뼨?reveal z:5) ?怨뚮옖??????????ル∥?ょ뼨???節뗪콬鶯????怨멸땀?쀫갑苡?????ル∥???????ル∥??沃섓퐢?????ル∥????돲壤???*/
    pointer-events: none; /* ???ル∥????濡ろ뜐????????ル∥??????節뗪콬????ル∥?ι쨹????좊읈??棺??짆?볤턀?洹ｌ맶??袁⑸젻泳?? */
}

/* ??節뗪콬????ル∥?ι쨹????JS mousemove ??⑤베毓쇤큺? ??れ삀??????ル∥吏?? */
.con02__cursor {
    top: 0;
    left: 0;
    z-index: 7;           /* 癲ル슔?됭짆?묐Ь????reveal(z5)/food(z6) ?? GSAP ???ル∥?ょ뭐???reveal ???ル∥?????ル∥?????節뗪콬??????좊읈????ル∥吏????*/
    opacity: 0;
    pointer-events: none;
    will-change: transform;
    transition: opacity 0.25s ease;
}
.con02__cursor.is-on {
    opacity: 1;
}

/* ===== con03 : ???ル∥?? ???ル∥???===== */
.con03 {
    height: 107.8rem;
    background: var(--c-yellow);
    overflow: hidden;
}

.con03__arch {
    top: 0;
    left: 0;
    z-index: 2;
}
.con03__arch img {
    width: 100%;
}

.con03__inner {
    position: relative;
    z-index: 1;
    width: 96%;
    margin: -0.2rem auto 0;
    padding-bottom: 16.1rem;
    background: var(--c-white);
    border-radius: 6rem;
}

.con03__title {
    margin-top: 17.2rem;
    font-size: var(--displayS);
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--c-navy);
    font-weight: 800;
}

.con03__desc {
    margin-top: 1.3rem;
    letter-spacing: -0.04em;
    line-height: 1.5;
    color: var(--c-navy);
}

.con03__stats {
    margin-top: 4.7rem;
    width: 89.27%;
}
.con03__stat {
    flex: 1;
}
.con03__stat--left,
.con03__stat--center,
.con03__stat--right {
    padding-top: 5.1rem;
}
/* ???ル∥?????ル∥???ON ???ル∥吏??: ????嶺????좊읈????ル∥???ON(???ル∥????, ???????ル∥?????ON ?????ル∥???壤?????????ル∥?????좊읈????ル∥????off ???ル∥??鈺곗뼔???怨뚮옖甕??) */
.con03__stat-icon {
    transition: opacity 0.45s ease, transform 0.45s ease;
}
.con03__stat-card {
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0.92);
    opacity: 0;
    pointer-events: none;
    z-index: 3;
    transition: opacity 0.45s ease, transform 0.45s ease;
}
/* ??좊읈????ル∥??? ????嶺??ON (???ル∥???????ル∥??? off ???ル∥??鈺곗뼔?????ル∥吏??) */
.con03__stat--center .con03__stat-icon {
    opacity: 0;
    transform: translateY(2rem);
}
.con03__stat--center .con03__stat-card {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}
/* ???????ル∥??? ???ル∥?????濡ル㎥??ON */
.con03__stat--left:hover .con03__stat-icon,
.con03__stat--right:hover .con03__stat-icon {
    opacity: 0;
    transform: translateY(2rem);
}
.con03__stat--left:hover .con03__stat-card,
.con03__stat--right:hover .con03__stat-card {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}
/* ?????ル∥????????ル∥???????좊읈????ル∥????off(??れ삀??????ル∥??鈺곗뼔?????怨뚮옖甕?? */
.con03__stats:has(.con03__stat--left:hover) .con03__stat--center .con03__stat-icon,
.con03__stats:has(.con03__stat--right:hover) .con03__stat--center .con03__stat-icon {
    opacity: 1;
    transform: translateY(0);
}
.con03__stats:has(.con03__stat--left:hover) .con03__stat--center .con03__stat-card,
.con03__stats:has(.con03__stat--right:hover) .con03__stat--center .con03__stat-card {
    opacity: 0;
    transform: translateX(-50%) scale(0.92);
}

.con03__sep {
    top: 47.96%;
    height: 24.40%;
    width: 0.1rem;
    background: var(--c-navy);
    opacity: 0.2;
    z-index: 2;
}
.con03__sep--left {
    left: 35.32%;
}
.con03__sep--right {
    left: 65.11%;
}

.con03__footer {
    position: relative;
    z-index: 1;
    margin-top: 0;
    width: 100%;
}
.con03__footer-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    margin-top: 3rem;
    box-sizing: border-box;
    padding: 0 23.4rem 0 23.2rem;
}
.con03__footer-title {
    font-family: var(--font-paytone);
    letter-spacing: 0;
    line-height: 1.1;
    color: var(--c-navy);
}
.con03__footer-cap {
    letter-spacing: -0.04em;
    line-height: 1.1;
    color: var(--c-navy);
}
.con03__footer-cap--left {
    justify-self: start;
}
.con03__footer-cap--right {
    justify-self: end;
}

/* ===== con04 : ?怨멸땀?쀫갑苡?퉪?뱀떴???곕젵 ???ル∥?????ル∥???癲ル슢?????===== */
.con04 {
    height: 95.5rem;
    background: #eef0fb;
}
.con04__bg {
    z-index: 0;
    background: url(/images/a_con04_07.webp) no-repeat center / cover;
}
.con04__inner {
    z-index: 1;
    max-width: 190.5rem;
}
.con04__heading {
    margin-top: 11.5rem;
}
.con04__ci img {
    width: 4.3rem;
}
.con04__title {
    margin-top: 2.5rem;
    font-size: var(--displayS);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--c-navy);
    white-space: nowrap;
}
.con04__carousel {
    margin-top: 4.5rem;
    height: 47.6rem;
}
.con04__swiper {
    width: 164.4rem;
    margin-inline: auto;
    overflow: visible;
}
.con04__swiper .swiper-slide {
    width: 74.6rem !important;
    height: 47.6rem;
}
.con04__card {
    width: 74.6rem;
    height: 47.6rem;
    padding-top: 10rem;
    box-sizing: border-box;
    transition: transform 0.35s, opacity 0.35s, padding 0.35s;
}
.con04__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 74.6rem;
    height: 44.8rem;
    border: 0.1rem solid #d7daf4;
    border-radius: 4.5rem;
    background: #ffffff;
    opacity: 0;
    transition: opacity 0.35s;
}
.con04__swiper .swiper-slide-prev .con04__card {
    transform: translateX(10rem);
}
.con04__swiper .swiper-slide-next .con04__card {
    transform: translateX(-10rem);
}
.con04__swiper .swiper-slide-active .con04__card {
    z-index: 2;
    padding-top: 4.4rem;
}
.con04__swiper .swiper-slide-active .con04__card::before {
    opacity: 1;
}
.con04__product-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}
.con04__product-img {
    width: 37.8rem;
    height: 100%;
    object-fit: contain;
    transition: transform 0.35s;
}
.con04__swiper .swiper-slide-prev .con04__product-img,
.con04__swiper .swiper-slide-next .con04__product-img {
    transform: translateY(-2.4rem) scale(0.8);
}
.con04__swiper .swiper-slide-active .con04__product-img {
    transform: translateY(0);
}
.con04__badges {
    left: 30.1rem;
    top: 37.2rem;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.25s;
}
.con04__badges img {
    width: 6.8rem;
}
.con04__swiper .swiper-slide-active .con04__badges {
    opacity: 1;
}
.con04__menu-name {
    position: absolute;
    left: 23.1rem;
    top: 42.9rem;
    width: 28.5rem;
    height: 5.9rem;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2.8rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
    color: #000000;
    background: transparent;
    white-space: nowrap;
    transition: top 0.35s, background 0.35s, color 0.35s;
}
.con04__swiper .swiper-slide-active .con04__menu-name {
    top: 41.7rem;
    background: var(--c-yellow);
}
.con04__arrow {
    top: 20.5rem;
    z-index: 4;
    width: 6.5rem;
    height: 3.9rem;
}
.con04__arrow img {
    width: 6.5rem;
}
.con04__arrow--prev {
    left: calc(50% - 33.1rem);
}
.con04__arrow--prev img {
    transform: scaleX(-1);
}
.con04__arrow--next {
    right: calc(50% - 33.1rem);
}
.con04__actions {
    margin-top: 3.2rem;
}
.con04__menu-btn {
    /* width: 7.4rem; */
    /* height: 7.4rem; */
    border-radius: 50%;
    transition: transform 0.25s;
}
.con04__menu-btn img {
    width: 7.4rem;
    transition: opacity 0.25s;
}
.con04__menu-btn-full {
    top: 0;
    left: 0;
    opacity: 0;
}
.con04__menu-btn:hover,
.con04__menu-btn:focus-visible {
    transform: translateY(-0.2rem);
}
.con04__menu-btn:hover .con04__menu-btn-plus,
.con04__menu-btn:focus-visible .con04__menu-btn-plus {
    opacity: 0;
}
.con04__menu-btn:hover .con04__menu-btn-full,
.con04__menu-btn:focus-visible .con04__menu-btn-full {
    opacity: 1;
}

/* ===== con05 : ??癲ル슪?ｄ펺??눀??熬곣뫕???貫?????ル∥?????ル∥?η뛾?===== */
.con05 {
    height: 92.5rem;
    background: #0d0e28;
    overflow: hidden;
}

.con05__bg {
    top: 0;
    right: 0;
    z-index: 0;
}

.con05__watermark {
    top: 20.5rem;
    left: 56.95rem;
    z-index: 1;
}

.con05__slider {
    z-index: 2;
}
.con05__slider .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.con05__title {
    top: 36.3rem;
    left: 23.81rem;
    z-index: 4;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #ffffff;
    white-space: nowrap;
}
.con05__title--accent {
    color: #ffcd30;
}

.con05__dish {
    top: 19.4rem;
    left: 60.72rem;
    z-index: 3;
}

.con05__maru {
    top: 65.7rem;
    left: 69.06rem;
    z-index: 4;
}

.con05__desc {
    top: 45.1rem;
    left: 138.01rem;
    z-index: 4;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #ffffff;
    white-space: nowrap;
    text-align: right;
}

.con05__nav {
    bottom: 15.2rem;
    left: 0;
    right: 0;
    z-index: 5;
    width: 143.6rem;
    gap: 2.4rem;
}

.con05__arrow {
    cursor: pointer;
    transition: transform 0.25s, filter 0.25s;
}
.con05__arrow:hover,
.con05__arrow:focus-visible {
    filter: brightness(1.1);
}
.con05__arrow--next img {
    transform: scaleX(-1);
}
/* ???ル∥??????ル∥?????ル∥?η뛾??Swiper ??좊읈? ?????類?€????disabled(opacity 0.35) ??딅텑????????ル∥??????됰씭?????떻??怨룻꼧????????*/
.con05__arrow.swiper-button-disabled {
    opacity: 1;
}

.con05__nav-line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

/* ===== con06 : MEDIA ?????ル∥?ょ뼨???ル∥?ι쨹??怨뚮옖????怨멸땀?쀫갑苡?퉪?뱀떴???곕젵 ===== */
.con06 {
    height: 79.5rem;
    background: #eff0f8;
}

.con06__inner {
    width: 100%;
    max-width: 190.5rem;
    height: 100%;
}

.con06__text {
    margin-left: 23.9rem;
    margin-top: 23.8rem;
}

.con06__badge img {
    width: 8.5rem;
}

.con06__title {
    margin-top: 2.7rem;
    font-size: var(--displayS);
    font-weight: 800;
    line-height: 1.077;
    letter-spacing: -0.03em;
    white-space: nowrap;
}
.con06__title--line1 { color: #000000; }
.con06__title--line2 { color: #0d0e28; }

.con06__subcopy {
    margin-top: 5.6rem;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #000000;
    white-space: nowrap;
}

.con06__media {
    left: 70.3rem;
    top: 18.2rem;
    width: 120.2rem;   /* 캔버스 우측 경계까지(1905−703) — swiper 페이징 기준 폭. 미지정 시 슬라이드 합폭으로 부풀어 isEnd 고정(페이징 불가). overflow:visible 로 다음 슬라이드 우측 bleed 유지 */
}

.con06__swiper {
    overflow: hidden;   /* 페이징 시 좌측 이전 슬라이드 클립(텍스트 침범 방지). 우측 peek 는 width(120.2rem=캔버스 우측 경계) 안이라 유지 */        /* ???ル∥??????ル∥?????ル∥?η뛾??싷㎗? ???ル∥???flowhid 嚥싲갭큔??? ???ル∥????돲壤????ル∥?ι쨹????ル∥???????ル∥??? */
}
.con06__slide {
    width: 73rem;
    height: 40rem;
}

.con06__empty {
    padding-top: 18rem;
    font-size: var(--bodyXL);
    letter-spacing: -0.06em;
    color: #888;
}

/* iframe embed ?袁⑸즴甕??(iframe 癲ル슣???嚥△뫕猿€?????aspect-ratio ???ル∥?????ル∥???????? */
.con06__embed {
    width: 100%;
    height: 100%;
    border-radius: 1.6rem;
    overflow: hidden;
    background: #0d0e28;      /* iframe ?棺??짆?승€???placeholder */
}
.con06__embed--wide {
    aspect-ratio: 16 / 9;
}
.con06__embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.con06__controls {
    margin-top: 2.2rem;
    gap: 0.6rem;
}

.con06__arrow {
    cursor: pointer;
    transition: transform 0.25s, filter 0.25s;
}
.con06__arrow img,
.con06__plus img {
    width: 4.9rem;
}
.con06__arrow--next img {
    transform: scaleX(-1);
}
.con06__arrow:hover,
.con06__arrow:focus-visible,
.con06__plus:hover,
.con06__plus:focus-visible {
    filter: brightness(1.1);
}
/* ???ル∥?????ル∥?η뛾????ル∥???swiper ??좊읈? lock/disabled ??딅텑???????????ル∥????< > ???ル∥?や벧?????ル∥??????ル∥???(?熬곣뫀毓??.swiper-button-lock{display:none} ?????? */
.con06__arrow.swiper-button-lock,
.con06__arrow.swiper-button-disabled {
    display: flex !important;
    opacity: 1;
}

/* + = ?????鈺곗뼔??癲???紐????ル∥???癲ル슢??湲룹물?a) */
.con06__plus {
    cursor: pointer;
    transition: transform 0.25s, filter 0.25s;
}

/* ===== con08 : ?怨멸땀?쀫갑苡?퉪?뱀떴???곕젵 ???ル∥?????? (NOTICE / EVENT) ===== */
.con08 {
    height: 121.8rem;
}

.con08__bg {
    z-index: 0;
}
.con08__bg img {
    object-fit: cover;
}

.con08__inner {
    z-index: 1;
    width: 142.9rem;
    max-width: 142.9rem;
}

.con08__head {
    margin-top: 8rem;
}
.con08__logo img {
    width: 17.3rem;
}
.con08__title {
    margin-top: 1.4rem;
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: var(--c-navy);
}
.con08__subcopy {
    margin-top: 1rem;
    letter-spacing: -0.05em;
    line-height: 1.4;
    color: var(--c-navy);
}

.con08__divider {
    margin-top: 7rem;
    height: 1px;
    background: rgba(13, 13, 41, 0.15);
}

.con08__cols {
    margin-top: 7rem;
    gap: 9.9rem;
}
.con08__col {
    width: 66.5rem;
}

.con08__col-head {
    margin: 0 2rem;
}
.con08__label {
    font-family: var(--font-paytone);
    letter-spacing: -0.05em;
    line-height: 1.1;
    color: var(--c-navy);
}
.con08__more img {
    width: 4.9rem;
}

.con08__card {
    margin-top: 2rem;
    padding: 1.6rem 4rem;
    border-radius: 3rem;
    background: var(--c-white);
    /* 4줄(7.6rem×4) 기준 — 글 부족/준비중 폴백에도 박스 높이·좌우 균형 유지(content-box) */
    min-height: 30.4rem;
}

.con08__list {
    width: 100%;
}
.con08__item {
    padding-block: 2.4rem;
    border-bottom: 0.1rem solid rgba(13, 13, 41, 0.1);
}
.con08__item:last-child {
    border-bottom: 0;
}
/* 게시판 글 0개 폴백 — 카드 전체 높이 차지 + 중앙 정렬 */
.con08__item--empty {
    min-height: 30.4rem;
    border-bottom: 0;
}
.con08__item-empty {
    letter-spacing: -0.04em;
    line-height: 1.4;
    color: rgba(13, 13, 41, 0.4);
}

.con08__item-link,
.con08__item-text {
    position: relative;
    display: inline-block;
    letter-spacing: -0.04em;
    line-height: 1.4;
    color: var(--c-navy);
}
.con08__item-link::after,
.con08__item-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.2rem;
    width: 0;
    height: 0.1rem;
    background: var(--c-navy);
    transition: width 0.3s ease;
}
.con08__item:hover .con08__item-link::after,
.con08__item:hover .con08__item-text::after {
    width: 100%;
}
.con08__badge {
    width: 7.3rem;
    flex-shrink: 0;
    margin-left: 2rem;
}

.con08__bubble {
    margin-top: 5rem;
    width: 19.3rem;
    height: 7rem;
}
.con08__bubble-img {
    width: 19.3rem;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.con08__bubble-img.is-active {
    opacity: 1;
}
.con08__bubble-img--1 {
    position: relative;   /* ???????????ル∥??????ル∥??? ???ル∥????????ル∥????????absol ?濡ろ뜐???*/
}
.con08__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9rem;
    z-index: 1;
}
.con08__strip-track {
    width: max-content;
    animation: con08StripMarquee 36s linear infinite;
}
.con08__strip-item {
    margin-right: 6rem;
}
.con08__strip-item img {
    width: 37.8rem;
}

/* ???ル∥????怨뚮옖甕??2????-50% ???ル∥???= ???ル∥吏?????ル∥??????뺤깙????룸Ŧ爾??*/
@keyframes con08StripMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* ===== con07 : INSTAGRAM ?????ル∥?????ル∥???????ル∥?η뛾?===== */
.con07 {
    height: 83.2rem;
    background: #ffffff;
}

.con07__inner {
    width: 100%;
    max-width: 190.5rem;
}

.con07__head {
    margin-top: 9.5rem;
}

.con07__logo img {
    width: 6rem;
}

.con07__title {
    margin-top: 1.7rem;
    font-family: var(--font-paytone);
    font-size: 7rem;
    letter-spacing: 0;
    line-height: 0.85;
    color: #000000;
    white-space: nowrap;
}

.con07__handle {
    margin-top: 1.9rem;
    height: 6.7rem;
    padding: 0 3rem;
    border-radius: 3.35rem;
    font-family: var(--font-paytone);
    letter-spacing: 0;
    line-height: 1;
    color: #0d0e28;
    background: #ffcd30;
    white-space: nowrap;
}

.con07__feed {
    margin-top: 4.1rem;
}

/* ?怨멸텭?????좊즲??좊뙀???swiper spaceBetween:38 ??癲ル슪?ｇ몭??CSS gap 濚욌꼬?댄꺇????ヂ€????). ???ル∥?ι쨹???overflow:hidden ???ル∥?ι쨹???좊읈???*/
.con07__track {
    width: 135.8rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.con07__track .swiper-slide {
    width: 31.1rem !important;
}

.con07__card {
    border-radius: 2rem;
    overflow: hidden;
}

/* 인스타 연동 이미지는 원본 비율이 제각각(정사각 1:1 / 세로 4:5 / 가로 1.91:1)이라
   시안 비율(311x344)을 고정하고 cover 로 크롭해야 슬라이드 높이가 흔들리지 않는다 */
.con07__card-img {
    width: 31.1rem;
    height: 34.4rem;
}
.con07__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.con07__arrow {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: transform 0.25s, filter 0.25s;
    z-index: 1;
}
.con07__arrow img {
    width: 4.9rem;
}
.con07__arrow--prev {
    left: 19.1rem;
}
.con07__arrow--next {
    right: 17.5rem;
}
.con07__arrow--next img {
    transform: scaleX(-1);
}
.con07__arrow:hover,
.con07__arrow:focus-visible {
    filter: brightness(1.1);
}
/* ???ル∥?????ル∥?η뛾????ル∥???swiper ??좊읈? lock/disabled ??딅텑???????????ル∥????< > ???ル∥?や벧?????ル∥??????ル∥???(con06 ?????????ル∥??? */
.con07__arrow.swiper-button-lock,
.con07__arrow.swiper-button-disabled {
    display: flex !important;
    opacity: 1;
}
/* ?怨멸텭???= button ???ル∥???ⓥ뫖??????れ삀????類?€??????ル∥吏?????域밸Ŧ遊???袁⑸즲??㏓き??怨뚮옖??????ル∥??? + ???ル∥?????節뗪콬??*/
.con07__card {
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

/* ===== con07 ???ル∥?????ル∥????癲ル슢?꾤땟???===== */
.con07__lightbox {
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
.con07__lightbox.is-open {
    opacity: 1;
    visibility: visible;
}
.con07__lb-backdrop {
    background: rgba(0, 0, 0, 0.8);
}
.con07__lb-dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.96);
    width: 90rem;
    max-width: 92vw;
    height: 52.6rem;
    max-height: 88vh;
    background: #ffffff;
    border-radius: 1.6rem;
    overflow: hidden;
    transition: transform 0.25s ease;
}
.con07__lightbox.is-open .con07__lb-dialog {
    transform: translate(-50%, -50%) scale(1);
}
.con07__lb-media {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    background: #000000;
}
.con07__lb-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.con07__lb-nav {
    top: 50%;
    transform: translateY(-50%);
    width: 4.4rem;
    height: 4.4rem;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    transition: background 0.2s ease;
    z-index: 2;
}
.con07__lb-nav:hover,
.con07__lb-nav:focus-visible {
    background: #ffffff;
}
.con07__lb-nav img {
    width: 2.4rem;
}
.con07__lb-nav--prev {
    left: 1.6rem;
}
.con07__lb-nav--next {
    right: 1.6rem;
}
.con07__lb-nav--next img {
    transform: scaleX(-1);
}
.con07__lb-details {
    flex: 0 0 32rem;
    width: 32rem;
    padding: 3rem 2.6rem;
    gap: 2rem;
}
.con07__lb-profile {
    gap: 1.4rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid #eeeeee;
}
.con07__lb-avatar {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 auto;
}
.con07__lb-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.con07__lb-user {
    gap: 0.2rem;
    text-decoration: none;
    color: #0d0e28;
}
.con07__lb-handle {
    color: #8e8e8e;
}
.con07__lb-caption {
    flex: 1 1 auto;
    line-height: 1.6;
    color: #262626;
    white-space: normal;
    overflow-y: auto;
}
.con07__lb-cta {
    flex: 0 0 auto;
    height: 5rem;
    border-radius: 0.8rem;
    background: #0d0e28;
    color: #ffffff;
    text-decoration: none;
    transition: background 0.2s ease;
}
.con07__lb-cta:hover,
.con07__lb-cta:focus-visible {
    background: #2a2c52;
}
.con07__lb-close {
    top: 1.2rem;
    right: 1.2rem;
    width: 4rem;
    height: 4rem;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #ffffff;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease;
    z-index: 3;
}
.con07__lb-close-icon {
    width: 2.2rem;
    height: 2.2rem;
    fill: currentColor;
}
.con07__lb-close:hover,
.con07__lb-close:focus-visible {
    background: rgba(0, 0, 0, 0.7);
}

/* ===== con09 : ???ル∥???2??됰슣維??CTA (??癲ル슢???影€琉듬윾??濡〓탿 ?濡ろ떟???/ ??癲ル슓???듭틙??곕떛嶺뚮ㅎ?닺린? ===== */
.con09 {
    height: 79.2rem;
}

.con09__panel {
    flex: 1 1 50%;
}

.con09__bg img {
    object-fit: cover;
}

.con09__inner {
    z-index: 2;
    margin-top: 20rem;
    padding-left: 17.35rem;
}
.con09__inner--right {
    padding-left: 17.8rem;
}

.con09__title {
    font-size: var(--titleL);
    color: var(--c-white);
}
.con09__title--right {
    color: var(--c-navy);
}
.con09__title-accent {
    color: var(--c-yellow);
}
.con09__title--right .con09__title-accent {
    color: var(--c-navy);
}

.con09__desc {
    margin-top: 0.8rem;
    letter-spacing: -0.04em;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
}
.con09__desc--right {
    color: var(--c-navy);
}

.con09__search {
    box-sizing: border-box;
    margin-top: 3.9rem;
    width: 60.3rem;
    height: 8.1rem;
    padding: 0 3.4rem;
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.06);
}

.con09__search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: none;
    background: transparent;
    letter-spacing: -0.03em;
    line-height: 1.4;
    color: var(--c-white);
}
.con09__search-input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
.con09__search-input:focus {
    outline: none;
}

.con09__search-btn {
    flex: 0 0 auto;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}
.con09__search-btn img {
    width: 2.8rem;
}

.con09__btn {
    margin-top: 4.1rem;
    width: fit-content;
}
.con09__btn img {
    width: 23.4rem;
}

.con09__photo--store {
    left: 7.25rem;
    top: 50.9rem;
    z-index: 1;
}
.con09__photo--store img {
    width: 81.6rem;
}

.con09__photo--chicken {
    left: 64rem;
    top: 10.7rem;
    z-index: 1;
}
.con09__photo--chicken img {
    width: 52rem;
}

.con09__photo--combo {
    left: 20.4rem;
    top: 49.7rem;
    z-index: 1;
}
.con09__photo--combo img {
    width: 55.3rem;
}

/* ===== con04 시그니처 메뉴 상세 모달 (sub03 con02-modal 재활용) ===== */
.con02-modal {
    z-index: 100;
}
.con02-modal[hidden] {
    display: none;
}
.con02-modal__dim {
    background: rgba(55, 55, 55, 0.6);
}
.con02-modal__box {
    box-sizing: border-box;
    width: 85rem;
    height: 36rem;
    padding: 3.1rem 2.8rem;
    border-radius: 3rem;
    border: 1px solid #c3c4e5;
    background: #fff;
}
.con02-modal__thumb {
    width: 36.1rem;
    height: 30rem;
    border-radius: 3rem;
    background: #f5f5f5;
    overflow: hidden;

    & img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}
.con02-modal__body {
    margin-left: 5.3rem;
    padding-top: 8.2rem;
}
.con02-modal__title {
    font-family: var(--font-paperlogy);
    font-weight: 800;
    font-size: var(--subheadM);
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: #000;
}
.con02-modal__badge {
    margin-left: 1.5rem;
}
.con02-modal__line {
    margin-top: 2.2rem;
    width: 33.9rem;
    border-top: 1px dashed #c3c4e5;
}
.con02-modal__desc {
    margin-top: 2.4rem;
    width: 33rem;
    font-family: var(--font-pretendard);
    font-weight: 500;
    font-size: var(--bodyL);
    letter-spacing: -0.05em;
    line-height: 1.55;
    color: #000;
    white-space: pre-line;
}
.con02-modal__close {
    top: 3.1rem;
    right: 4.1rem;
    width: 4.3rem;
    cursor: pointer;
}

/* ===== sub01 mobile ===== */
@media screen and (max-width:599px) {
    .sub01 {
        overflow: hidden;
    }

    .sub01 .con01,
    .sub01 .con02,
    .sub01 .con03,
    .sub01 .con04,
    .sub01 .con05,
    .sub01 .con06,
    .sub01 .con07,
    .sub01 .con08,
    .sub01 .con09 {
        height: auto;
        min-height: 0;
    }

    .sub01 .con01 {
        padding-top: var(--headerH);
        padding-bottom: 16vw;
    }
    .sub01 .con01__bg img {
        width: auto !important;
        min-width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
    .sub01 .con01__slider {
        width: 90vw;
        height: auto;
        margin-top: 4vw;
        border-radius: 6vw;
    }
    .sub01 .con01__slide-img,
    .sub01 .con01__slide-img a {
        aspect-ratio: 3 / 4;
        height: auto;
    }
    .sub01 .con01__slide-img a {
        display: block;
    }
    .sub01 .con01__slide-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    .sub01 .con01__pager {
        margin-top: 5vw;
        gap: 3vw;
    }
    .sub01 .con01__arrow {
        width: 9vw;
        height: 9vw;
    }
    .sub01 .con01__dot {
        width: 3vw;
        height: 1.6vw;
        border-radius: 1vw;
    }
    .sub01 .con01__dot--active {
        width: 8vw;
        height: 8vw;
        font-size: var(--bodyS);
        border-radius: 999px;
    }
    .sub01 .con01__copy {
        margin-top: 9vw;
        gap: 3vw;
        padding-inline: 5vw;
    }
    .sub01 .con01__copy-text {
        font-size: var(--headS);
        white-space: normal;
    }
    .sub01 .con01__bracket {
        flex: 0 0 auto;
    }

    .sub01 .con02 {
        padding-bottom: 20vw;
    }
    .sub01 .con02__inner {
        padding-inline: 6vw;
        box-sizing: border-box;
    }
    .sub01 .con02__badge {
        margin-top: 16vw;
    }
    .sub01 .con02__badge img {
        width: 24vw !important;
        height: auto !important;
    }
    .sub01 .con02__title,
    .sub01 .con03__title,
    .sub01 .con04__title,
    .sub01 .con05__title,
    .sub01 .con06__title,
    .sub01 .con08__title,
    .sub01 .con09__title {
        font-size: var(--titleXL);
        white-space: normal;
    }
    .sub01 .con02__desc,
    .sub01 .con03__desc,
    .sub01 .con06__subcopy,
    .sub01 .con08__subcopy,
    .sub01 .con09__desc {
        font-size: var(--bodyM);
        line-height: 1.55;
        white-space: normal;
        word-break: keep-all;
    }
    .sub01 .con02__frame-link {
        width: 88vw;
        margin-top: 8vw;
    }
    .sub01 .con02__frame {
        height: auto;
        clip-path: none;
        border-radius: 44vw;
    }
    .sub01 .con02__video {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .sub01 .con02__food {
        position: absolute;
        left: 50%;
        right: auto;
        top: auto;
        bottom: 0;
        z-index: 3;
        /* display: block; */
        margin-top: 0;
        transform: translateX(-50%);
        pointer-events: none;
    }
    .sub01 .con03 {
        padding-bottom: 10vw;
    }
    .sub01 .con03__arch {
        left: 0;
        top: 0;
        right: 0;
        width: auto;
        overflow: hidden;
        /* border-radius: 8vw 8vw 0 0; */
        /* top: 4vw; */
    }
    .sub01 .con03__arch img {
        display: block;
        width: 100% !important;
        max-width: none;
        height: auto !important;
        transform: none;
    }
    .sub01 .con03__inner {
        width: auto;
        margin: 0 4vw;
        padding: 0 5vw 7vw;
        box-sizing: border-box;
        background: var(--c-white);
        border-radius: 8vw;
    }
    .sub01 .con03__title {
        margin-top: 15vw;
    }
    .sub01 .con03__desc {
        margin-top: 4vw;
    }
    .sub01 .con03__stats {
        flex-direction: column;
        width: 100%;
        margin-top: 8vw;
        gap: 9vw;
    }
    .sub01 .con03__stat {
        position: relative;
        width: 100%;
        padding-top: 6vw;
    }
    .sub01 .con03__stat-icon {
        position: relative;
        width: 52vw !important;
        height: auto !important;
        transform: none;
        opacity: 1;
        transition: opacity 0.45s ease, transform 0.45s ease;
    }
    .sub01 .con03__stat-card {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 64vw !important;
        height: auto !important;
        opacity: 0;
        pointer-events: none;
        transform: translateX(-50%) scale(0.92);
        transition: opacity 0.45s ease, transform 0.45s ease;
    }
    .sub01 .con03__stat--center .con03__stat-icon {
        opacity: 1;
        transform: none;
    }
    .sub01 .con03__stat--center .con03__stat-card {
        opacity: 0;
        transform: translateX(-50%) scale(0.92);
    }
    .sub01 .con03__stat.is-active .con03__stat-icon {
        opacity: 0;
        transform: translateY(2vw);
    }
    .sub01 .con03__stat.is-active .con03__stat-card {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
    .sub01 .con03__footer {
        margin-top: 12vw;
    }
    .sub01 .con03__footer-row {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        margin-top: 5vw;
        padding: 0;
    }
    .sub01 .con03__footer-title {
        font-size: var(--titleM);
    }

    .sub01 .con04 {
        padding: 15vw 0;
    }
    .sub01 .con04__heading {
        margin-top: 0;
        padding-inline: 6vw;
    }
    .sub01 .con04__ci img {
        width: 10vw !important;
        height: auto !important;
    }
    .sub01 .con04__carousel {
        height: auto;
        margin-top: 9vw;
    }
    .sub01 .con04__swiper {
        width: 100vw;
        overflow: hidden;
    }
    .sub01 .con04__swiper .swiper-slide {
        width: 100vw !important;     /* 한 장씩 — 인접 슬라이드를 화면 밖으로 (겹침 방지) */
        height: auto;
        display: flex;
        justify-content: center;
    }
    .sub01 .con04__card,
    .sub01 .con04__swiper .swiper-slide-active .con04__card {
        width: 82vw;
        height: auto;
        padding: 8vw 0 16vw;
        transform: none;
    }
    /* PC prev/next 카드 시프트(translateX ±10rem) 누수 차단 — 모바일은 1장씩이라 인접카드 밀림 방지 */
    .sub01 .con04__swiper .swiper-slide-prev .con04__card,
    .sub01 .con04__swiper .swiper-slide-next .con04__card {
        transform: none;
    }
    .sub01 .con04__card::before {
        width: 82vw;
        height: calc(100% - 2vw);
        border-radius: 8vw;
        opacity: 1;
    }
    .sub01 .con04__product-img {
        transform: none !important;
    }
    .sub01 .con04__badges {
        left: 50%;
        top: auto;
        bottom: 6.3vw;
        transform: translateX(-50%);
        opacity: 1;
    }
    .sub01 .con04__menu-name,
    .sub01 .con04__swiper .swiper-slide-active .con04__menu-name {
        position: relative;
        left: auto;
        top: auto;
        width: 58vw;
        height: auto;
        min-height: 10vw;
        margin-top: 5vw;
        border-radius: 6vw;
        background: var(--c-yellow);
        white-space: normal;
    }
    .sub01 .con04__arrow {
        top: 33vw;
        width: 12vw;
        height: auto;
    }
    .sub01 .con04__arrow img {
        width: 12vw !important;
        height: auto !important;
    }
    .sub01 .con04__arrow--prev {
        left: 3vw;
    }
    .sub01 .con04__arrow--next {
        right: 3vw;
    }
    .sub01 .con04__actions {
        margin-top: 3vw;
    }
    .sub01 .con04__menu-btn,
    .sub01 .con04__menu-btn img {
        /* width: 16vw !important; */
        /* height: 16vw !important; */
    }

    .sub01 .con05 {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 16vw 0 18vw;
    }
    .sub01 .con05__bg {
        inset: 0;
    }
    .sub01 .con05__bg img {
        width: auto !important;
        min-width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
    .sub01 .con05__watermark {
        top: 52vw;
        left: 8vw;
    }
    .sub01 .con05__watermark img {
        width: 84vw !important;
        height: auto !important;
    }
    .sub01 .con05__slider {
        position: relative;
        inset: auto;
        height: auto;
    }
    .sub01 .con05__slider .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        min-height: 0;
        /* padding-inline: 6vw; */
        text-align: center;
    }
    .sub01 .con05__title,
    .sub01 .con05__dish,
    .sub01 .con05__desc {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }
    .sub01 .con05__title {
        order: 1;
        text-align: center;
    }
    .sub01 .con05__dish {
        order: 2;
        margin-top: 7vw;
    }
    .sub01 .con05__dish img {
        width: 84vw !important;
        height: auto !important;
    }
    .sub01 .con05__desc {
        order: 3;
        margin-top: 7vw;
        font-size: var(--bodyM);
        line-height: 1.55;
        text-align: center;
        white-space: normal;
    }
    .sub01 .con05__maru {
        /* position: relative; */
        top: auto;
        left: 22vw;
        bottom: 15vw;
        margin-top: 4vw;
        text-align: center;
    }
    .sub01 .con05__maru img {
        width: 56vw !important;
        height: auto !important;
    }
    .sub01 .con05__nav {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: 88vw;
        margin-top: 8vw;
        gap: 4vw;
    }
    .sub01 .con05__arrow img {
        width: 11vw !important;
        height: auto !important;
    }

    .sub01 .con06 {
        padding: 16vw 0;
    }
    .sub01 .con06__inner {
        display: flex;
        flex-direction: column;
        height: auto;
        padding-inline: 6vw;
        box-sizing: border-box;
    }
    .sub01 .con06__text {
        margin: 0;
        text-align: center;
        align-items: center;
    }
    .sub01 .con06__badge img {
        width: 18vw !important;
        height: auto !important;
    }
    .sub01 .con06__subcopy {
        margin-top: 5vw;
    }
    .sub01 .con06__media {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 9vw;
        width: 100%;
    }
    .sub01 .con06__swiper {
        overflow: hidden;
    }
    .sub01 .con06__slide {
        width: 88vw;
        height: auto;
    }
    .sub01 .con06__embed {
        height: auto;
    }
    .sub01 .con06__embed iframe {
        height: 49.5vw;
    }
    .sub01 .con06__controls {
        justify-content: center;
        margin-top: 5vw;
        gap: 2vw;
    }
    .sub01 .con06__arrow img,
    .sub01 .con06__plus img {
        width: 11vw !important;
        height: auto !important;
    }

    .sub01 .con07 {
        padding: 16vw 0;
    }
    .sub01 .con07__head {
        margin-top: 0;
        padding-inline: 6vw;
    }
    .sub01 .con07__logo img {
        width: 13vw !important;
        height: auto !important;
    }
    .sub01 .con07__title {
        font-size: var(--titleXL);
        line-height: 1;
        white-space: normal;
    }
    .sub01 .con07__handle {
        height: auto;
        min-height: 10vw;
        padding: 0 6vw;
        border-radius: 6vw;
        font-size: var(--bodyM);
    }
    .sub01 .con07__feed {
        margin-top: 8vw;
    }
    .sub01 .con07__track {
        width: 78vw;
    }
    .sub01 .con07__track .swiper-slide {
        width: 78vw !important;
    }
    .sub01 .con07__card-img img {
        width: 78vw !important;
        height: auto !important;
    }
    .sub01 .con07__arrow {
        top: 50%;
    }
    .sub01 .con07__arrow img {
        width: 10vw !important;
        height: auto !important;
    }
    .sub01 .con07__arrow--prev {
        left: 4vw;
    }
    .sub01 .con07__arrow--next {
        right: 4vw;
    }
    .sub01 .con07__lb-dialog {
        flex-direction: column;
        width: 88vw;
        height: auto;
        max-height: 88vh;
    }
    .sub01 .con07__lb-media {
        flex: 0 0 auto;
        height: 88vw;
    }
    .sub01 .con07__lb-details {
        flex: 0 0 auto;
        width: auto;
        padding: 6vw;
    }

    .sub01 .con08 {
        padding: 16vw 0 18vw;
    }
    .sub01 .con08__inner {
        width: 88vw;
        max-width: 88vw;
    }
    .sub01 .con08__head {
        margin-top: 0;
    }
    .sub01 .con08__divider {
        margin-top: 9vw;
    }
    .sub01 .con08__cols {
        flex-direction: column;
        margin-top: 9vw;
        gap: 8vw;
    }
    .sub01 .con08__col {
        width: 100%;
    }
    .sub01 .con08__col-head {
        margin: 0;
    }
    .sub01 .con08__label {
        font-size: var(--titleM);
    }
    .sub01 .con08__more img {
        width: 11vw !important;
        height: auto !important;
    }
    .sub01 .con08__card {
        padding: 2vw 5vw;
        border-radius: 5vw;
    }
    .sub01 .con08__item {
        padding-block: 5vw;
    }
    .sub01 .con08__item-link,
    .sub01 .con08__item-text {
        font-size: var(--bodyM);
        white-space: normal;
    }
    .sub01 .con08__badge {
        margin-left: 3vw;
    }
    .sub01 .con08__bubble {
        margin-top: 9vw;
        width: 38vw;
        height: 14vw;
    }
    .sub01 .con08__strip {
        bottom: -8vw;
    }
    .sub01 .con08__strip-item {
        margin-right: 4vw;
    }
    .sub01 .con08__strip-item img {
        width: 44vw !important;
        height: auto !important;
    }

    .sub01 .con09 {
        flex-direction: column;
    }
    .sub01 .con09__panel {
        flex: 0 0 auto;
        min-height: 110vw;
        padding: 13vw 6vw;
        box-sizing: border-box;
    }
    .sub01 .con09__inner,
    .sub01 .con09__inner--right {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 0;
        padding-left: 0;
    }
    .sub01 .con09__search {
        width: 100%;
        height: 14vw;
        margin-top: 8vw;
        padding: 0 5vw;
        border-radius: 4vw;
    }
    .sub01 .con09__search-btn img {
        width: 6vw !important;
        height: auto !important;
    }
    .sub01 .con09__btn img {
        width: 42vw !important;
        height: auto !important;
    }
    .sub01 .con09__photo--store {
        left: 50%;
        right: auto;
        top: auto;
        bottom: -12vw;
        transform: translateX(-50%);
    }
    .sub01 .con09__photo--store img {
        width: 102vw !important;
        height: auto !important;
    }
    .sub01 .con09__photo--chicken {
        left: auto;
        right: -16vw;
        top: 38vw;
    }
    .sub01 .con09__photo--chicken img {
        width: 50vw !important;
        height: auto !important;
    }
    .sub01 .con09__photo--combo {
        left: 50%;
        right: auto;
        top: auto;
        bottom: -12vw;
        transform: translateX(-50%);
    }
    .sub01 .con09__photo--combo img {
        width: 84vw !important;
        height: auto !important;
    }
    /* mobile image scale pass: override ImgResize inline widths */
    .sub01 .con01__arrow img {
        width: 7.5vw !important;
        height: auto !important;
    }
    .sub01 .con01__bracket {
        width: 2.5vw !important;
        height: auto !important;
    }
    .sub01 .con02__badge > img {
        width: 16vw !important;
        height: auto !important;
    }
    .sub01 .con02__food > img {
        width: 64vw !important;
        height: auto !important;
    }
    .sub01 .con03__stat-icon {
        width: 36vw !important;
        height: auto !important;
    }
    .sub01 .con04__ci > img {
        width: 8vw !important;
        height: auto !important;
    }
    .sub01 .con04__product-img {
        width: 48vw !important;
        height: auto !important;
    }
    .sub01 .con04__badges img {
        width: 15vw !important;
        height: auto !important;
    }
    .sub01 .con04__arrow img {
        width: 10vw !important;
        height: auto !important;
    }
    .sub01 .con04__menu-btn img {
        width: 13vw !important;
        height: auto !important;
    }
    .sub01 .con05__dish > img {
        width: 68vw !important;
        height: auto !important;
    }
    .sub01 .con05__watermark > img {
        width: 84vw !important;
        height: auto !important;
    }
    .sub01 .con05__arrow img {
        width: 9vw !important;
        height: auto !important;
    }
    .sub01 .con06__badge > img {
        width: 14vw !important;
        height: auto !important;
    }
    .sub01 .con06__arrow img,
    .sub01 .con06__plus img {
        width: 9vw !important;
        height: auto !important;
    }
    .sub01 .con07__logo > img {
        width: 10vw !important;
        height: auto !important;
    }
    .sub01 .con07__card-img > img {
        width: 68vw !important;
        height: auto !important;
    }
    .sub01 .con07__arrow img {
        width: 8vw !important;
        height: auto !important;
    }
    .sub01 .con08__logo img {
        width: 24vw !important;
        height: auto !important;
    }
    .sub01 .con08__more > img {
        width: 9vw !important;
        height: auto !important;
    }
    .sub01 .con08__badge {
        width: 13vw !important;
        height: auto !important;
    }
    .sub01 .con08__bubble-img {
        width: 28vw !important;
        height: auto !important;
    }
    .sub01 .con08__strip-item > img {
        width: 34vw !important;
        height: auto !important;
    }
    .sub01 .con09__search-btn img {
        width: 5vw !important;
        height: auto !important;
    }
    .sub01 .con09__photo--store > img {
        width: 102vw !important;
        height: auto !important;
    }
    .sub01 .con09__photo--chicken > img {
        width: 50vw !important;
        height: auto !important;
    }
    .sub01 .con09__photo--combo > img {
        width: 68vw !important;
        height: auto !important;
    }
}