@media screen and (max-width:599px) {
  :root {
    /* 모바일 display 티어 캡 — library.css 모바일 :root 가 누락한 display 토큰 보강 */
    --displayXL: var(--size-45);
    --displayL: var(--size-42);
    --displayM: var(--size-40);
    --displayS: var(--size-36);

    --titleXL: var(--size-30);
    --titleL: var(--size-28);
    --titleM: var(--size-26);
    --titleS: var(--size-25);
    --titleXS: var(--size-24);

    --headL: var(--size-22);
    --subheadL: var(--size-21);
    --headM: var(--size-20);
    --subheadM: var(--size-19);
    --headS: var(--size-18);

    --bodyXL: var(--size-17);
    --bodyL: var(--size-16);
    --bodyM: var(--size-15);
    --subheadS: var(--size-15);
    --bodyS: var(--size-14);
    --bodyXS: var(--size-13);
  }

  section img {
    width: 100%;
  }

  /* ============================================================
   * 섹션별 모바일 재정의 (프로젝트별 작성 — 골격)
   *   PC 흐름 레이아웃을 .mob-col 등으로 재배치하고, 토큰(--size-N)은
   *   library.css 의 모바일 @media :root 에서 vw 로 일괄 override 됨.
   *   absol → 흐름 전환 시 좌표 리셋(left/top/right/bottom:auto + transform:none) 주의.
   *   상세: /mobile-workflow 스킬 참조.
   * ============================================================ */

  /* ============================================================
   * 서브 공통: 서브 히어로 + 앵커 탭바 (전 subNN 공유 — library.css 컴포넌트 모바일 변환)
   *   PC 헤더 11rem → 모바일 헤더 15vw 기준으로 위치 재정렬.
   *   폰트(eyebrow bodyL / title displayM)는 토큰 유지 → 모바일 :root 자동 vw 재매핑.
   * ============================================================ */

  /* 히어로: 헤더(15vw) 아래로 내리고 높이 축소. 배경 cover */
  .sub-hero {
    height: 40vw;
    margin-top: 15vw;
  }

  /* 배경 cover 강제 — ImgResize 인라인 width 무력화 */
  .sub-hero__bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }

  /* 앵커 탭바: 가로 스크롤 1줄 (탭 넘치면 좌우 스크롤) */
  .tabnav--hero {
    top: 15vw;
    width: 90vw;
    height: 13vw;
    margin: -6vw auto -7vw;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 4vw;
    box-sizing: border-box;
  }

  .tabnav--hero::-webkit-scrollbar {
    display: none;
  }

  /* 헤더 접힘(insert)/펼침(drop) 동기 — 모바일 헤더 높이 기준 */
  .tabnav--hero.insert {
    top: 0;
  }

  .tabnav--hero.drop {
    top: 15vw;
  }

  /* 리스트: 한 줄 nowrap. 탭 적어 스크롤 없으면 중앙정렬(min-width:100% 폭 안에서 center), 넘치면 max-content 가 100% 초과해 center 무효→좌측시작+스크롤 */
  .tabnav__list {
    flex-wrap: nowrap;
    flex-shrink: 0;          /* max-content 폭 유지(축소 금지) — 없으면 100%로 줄어 nowrap 항목이 양옆 넘쳐 잘림 */
    justify-content: center;
    box-sizing: border-box;  /* padding 을 폭에 포함 — 없으면 content-box 라 max-content/min-width 에 padding 이 더해져 컨테이너 미세초과→center 무효(우측 쏠림) */
    width: max-content;
    min-width: 100%;
    gap: 6vw;
    padding: 0 5vw;
  }

  /* 링크: 줄바꿈 금지 (세로 중앙은 nav align-center 가 처리) */
  .tabnav__link {
    white-space: nowrap;
  }

  /* main: approved M2 portrait stack — copy flows above the central fire stage. */
  .main {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15vw 0 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  .main__bg {
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

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

  .bg-texture {
    position: relative;
    background-image: url(/images/m_con01_06.webp);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }

  .bg-texture > * {
    position: relative;
    z-index: 1;
  }

  .bg-texture::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40rem;
    background: linear-gradient(to bottom, rgba(14, 13, 13, 0) 0%, rgba(45, 12, 12, 0.9) 100%);
    pointer-events: none;
    z-index: 0;
  }

  .main__food-left,
  .main__food-right {
    display: none;
  }

  .main__copy {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    order: 1;
    max-width: 92vw;
    height: auto;
    gap: 2vw;
    z-index: 4;
    margin-top: 11vw;
  }

  .main__copy-sub,
  .main__title-line,
  .main__title-line--accent {
    white-space: normal;
    text-align: center;
  }

  .main__title-line,
  .main__title-line--accent {
    font-size: 5.8rem;
  }

  .main__stage {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    order: 2;
    width: 100vw;
    height: 120vw;
    margin-top: -18vw;
    z-index: 1;
  }

  .main__stage-bg {
    display: none;
  }

  .main__fire {
    top: 0;
    left: -15vw;
    width: 130vw;
    height: 120vw;
    clip-path: none;
    object-fit: cover;
    opacity: 0.65;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000000 16%, #000000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000000 16%, #000000 100%);
  }

  .main__line {
    top: 113.5vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
  }

  .main__line img {
    width: 300vw !important;
    height: auto !important;
  }

  .main__meat-wrap {
    top: 44vw;
    right: -20vw;
    left: auto;
    width: auto;
    height: auto;
  }

  .main__meat img {
    width: 112vw !important;
    height: auto !important;
  }

  .main__smoke {
    top: 11vw;
    left: 12.5vw;
  }

  .main__smoke img {
    width: 61.5vw !important;
    height: auto !important;
  }

  .main__deco-yuk,
  .main__deco-sik,
  .main__hanja-yuk,
  .main__hanja-sik {
    opacity: 0.28;
    pointer-events: none;
    z-index: 2;
  }

  .main__deco-yuk {
    top: 83vw;
    left: 1vw;
  }

  .main__deco-yuk img {
    width: 15vw !important;
    height: auto !important;
  }

  .main__deco-sik {
    top: 98vw;
    right: 3vw;
  }

  .main__deco-sik img {
    width: 15vw !important;
    height: auto !important;
  }

  .main__hanja-yuk {
    top: 98vw;
    left: 2vw;
  }

  .main__hanja-yuk img {
    width: 14vw !important;
    height: auto !important;
  }

  .main__hanja-sik {
    top: 80vw;
    right: 2vw;
  }

  .main__hanja-sik img {
    width: 16vw !important;
    height: auto !important;
  }

  .main__deco-yuk img,
  .main__deco-sik img,
  .main__hanja-yuk img,
  .main__hanja-sik img {
    filter: brightness(0) invert(1);
  }

  .con01__wrap {
    height: auto;
    padding-bottom: 7vw;
  }

  .con01__inner {
    width: 100%;
    height: auto;
  }

  .con01__logo {
    margin-top: 8vw;
  }

  .con01__logo img {
    width: 27vw !important;
    height: auto !important;
  }

  .con01__head {
    width: 100%;
    margin-top: 5vw;
    gap: 3vw;
    text-align: center;
  }

  .con01__head-title {
    width: auto;
    max-width: 92vw;
    white-space: normal;
    word-break: keep-all;
  }

  .con01__head-title-text,
  .con01__head-title-em,
  .con01__head-label {
    white-space: normal;
  }

  .con01__head-title-text,
  .con01__head-title-em {
    font-size: var(--titleM);
  }

  .con01__compare {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    margin-inline: auto;
    margin-top: 9vw;
  }

  .con01__col {
    width: 89vw;
    margin-inline: auto;
    gap: 4vw;
  }

  .con01__col--bad,
  .con01__col--good {
    width: 89vw;
  }

  .con01__col-title--bad,
  .con01__col-title--good {
    margin-top: 0;
    white-space: normal;
    text-align: center;
  }

  .con01__list {
    width: 100%;
    gap: 0;
  }

  .con01__list-item {
    width: 100%;
    padding-block: 3.5vw;
    white-space: normal;
  }

  .con01__visual {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 90vw;
    height: 71.11vw;
    margin-inline: auto;
    margin-top: -5vw;
    z-index: 2;
  }

  .con01__circle {
    position: absolute;
    top: 5.21vw;
    left: 12.51vw;
    width: 64.99vw;
    margin: 0;
  }

  .con01__circle img {
    width: 64.99vw !important;
    height: auto !important;
  }

  .con01__cooker {
    left: 8.92vw;
    top: 23.84vw;
  }

  .con01__cooker img {
    width: 36.08vw !important;
    height: auto !important;
  }

  .con01__wok {
    left: 45vw;
    top: 0;
  }

  .con01__wok img {
    width: 53.92vw !important;
    height: auto !important;
  }

  .con01__col--good {
    margin-top: 9vw;
    z-index: 1;
  }

  .con01__badge {
    top: -4vw;
    right: -2vw;
    left: auto;
    z-index: 2;
  }

  .con01__badge img {
    width: 20vw !important;
    height: auto !important;
  }

  .con01__desc {
    width: auto;
    max-width: 92vw;
    margin-top: 12vw;
    margin-bottom: 0;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con02 {
    height: auto;
    padding: 12vw 0;
  }

  .con02__panel {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding: 10vw 0 0;
    gap: 0;
  }

  .con02__copy {
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding: 0 6vw;
    box-sizing: border-box;
    gap: 4vw;
    align-items: center;
    text-align: center;
  }

  .con02__title {
    width: 100%;
    align-items: center;
    white-space: normal;
    text-align: center;
  }

  .con02__title-main,
  .con02__title-point,
  .con02__description {
    white-space: normal;
    text-align: center;
  }

  .con02__title-point {
    margin-top: 0;
    margin-bottom: 0;
  }

  .con02__description {
    width: 100%;
    max-width: 92vw;
  }

  .con02__cards {
    display: none;
  }

  .con02__cards-mobile {
    display: block;
    width: 100%;
    margin-top: 8vw;
    overflow: hidden;
  }

  .con02__cards-mobile .swiper-slide > img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  .con02__visual {
    position: relative;
    top: auto;
    left: auto;
    width: 72%;
    height: auto;
    margin-top: 0;
    overflow: visible;
    margin-left: auto;
    margin-bottom: -11vw;
  }

  .con02__food {
    width: 100%;
  }

  .con02__food img {
    width: 100% !important;
    height: auto !important;
  }

  .con02__smoke {
    left: auto;
    right: auto;
  }

  .con03 {
    height: auto;
    padding: 9vw 0;
  }

  .con03__inner {
    width: 100%;
    height: auto;
  }

  .con03__hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 122vw;
    margin-top: 0;
    text-align: center;
  }

  .con03__eyebrow {
    top: auto;
    left: auto;
    margin-top: 0;
    line-height: normal;
    white-space: normal;
    text-align: center;
  }

  .con03__title {
    top: auto;
    left: auto;
    justify-content: center;
    align-items: baseline;
    align-content: flex-start;
    width: auto;
    max-width: 92vw;
    height: auto;
    margin-top: 2vw;
    text-align: center;
  }

  .con03__title-prefix,
  .con03__title-accent,
  .con03__title-suffix,
  .con03__timer-value,
  .con03__card-label--grill,
  .con03__card-label--serve,
  .con03__proof-title-prefix,
  .con03__proof-title-accent,
  .con03__proof-body {
    white-space: normal;
    text-align: center;
  }

  .con03__title-prefix,
  .con03__title-final {
    flex-basis: 100%;
  }

  .con03__title-suffix-line {
    margin-left: 0;
  }

  .con03__photo {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 9vw;
  }

  .con03__photo img {
    width: 90vw !important;
    height: auto !important;
  }

  .con03__wok {
    top: 58vw;
    left: 3vw;
    width: 104vw;
    z-index: 1;
  }

  .con03__wok img {
    width: 104vw !important;
    height: auto !important;
  }

  .con03__timer-wrap {
    top: 87vw;
    left: 22vw;
    width: 23vw;
    height: 23vw;
    display: grid;
    place-items: center;
    z-index: 2;
  }

  .con03__timer,
  .con03__timer-value {
    grid-area: 1 / 1;
  }

  .con03__timer img {
    width: 30vw !important;
    height: auto !important;
  }

  .con03__timer-value {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 6.9vw;
    transform: none;
  }

  .con03__bottom {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 12vw;
  }

  .con03__cards {
    display: none;
  }

  .con03__cards-mobile-stage {
    width: 100%;
  }

  /* 좌우는 잘라야 하지만(이웃 슬라이드) 아래는 오버레이가 떨어져 나갈 여유가 필요하다.
     한 축만 visible 은 CSS 가 허용하지 않으므로 패딩으로 여유를 만들고 음수 마진으로 레이아웃을 되돌린다. */
  .con03__cards-mobile {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 18vw;
    margin-bottom: -18vw;
  }

  .con03__cards-mobile .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con03__card--put,
  .con03__card--grill,
  .con03__card--serve {
    width: 100%;
    height: 48vw;
    border-radius: 6vw;
  }

  .con03__card-video--put,
  .con03__card-video--grill,
  .con03__card-video--serve {
    width: 100%;
    height: 48vw;
    object-fit: cover;
  }

  /* 카드 radius 6vw 를 자르는 래퍼와 떨어져 나가는 딤이 함께 따라야 한다. */
  .con03__card-image--put,
  .con03__card-image--grill,
  .con03__card-image--serve,
  .con03__card-bg--put,
  .con03__card-bg--grill,
  .con03__card-bg--serve {
    border-radius: 6vw;
  }

  /* 라벨은 PC 처럼 절대좌표(left/top)로 두면 카드 크기가 달라 어긋난다 — 오버레이가 중앙정렬을 소유한다. */
  .con03__card-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  .con03__card-label--put,
  .con03__card-label--grill,
  .con03__card-label--serve {
    position: static;
    left: auto;
    top: auto;
  }

  /* 활성 슬라이드만 오버레이가 아래로 떨어져 나간다. loop 복제 슬라이드도 클래스로 같이 따라온다.
     되덮일 때는 딜레이 없이 즉시 — 넘어가는 카드가 밝은 채로 끌려가면 안 된다. */
  .con03__cards-mobile .con03__card-overlay {
    transition: opacity 0.35s ease, transform 0.4s ease;
  }

  .con03__cards-mobile .swiper-slide-active .con03__card-overlay {
    opacity: 0;
    transform: translate(-12%, 115%) rotate(-9deg);
    transition: opacity 0.45s ease 0.3s, transform 0.6s cubic-bezier(0.55, 0, 0.85, 0.4) 0.3s;
  }

  .con03__proof {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 0;
    gap: 6vw;
    text-align: center;
  }

  .con03__proof-emblem img {
    width: 22vw !important;
    height: auto !important;
  }

  .con03__proof-copy {
    align-items: center;
    max-width: 92vw;
    margin-top: 0;
    gap: 4vw;
    text-align: center;
  }

  .con03__proof-title {
    align-items: center;
    text-align: center;
  }

  .con03__proof-body {
    max-width: 92vw;
    margin-left: 0;
    word-break: keep-all;
  }

  .con04 {
    background-position: center;
    background-size: auto 110vw;
  }

  .con04__spotlight {
    background-position: center;
    background-size: auto 110vw;
  }

  .con04__stage {
    height: 95.7vw;
  }

  .con04__top-band {
    height: 19.7vw;
  }

  .con04__tagline {
    top: auto;
    left: auto;
    letter-spacing: 0.32em;
    text-align: center;
    white-space: nowrap;
  }

  .con04__copy {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }

  .con04__copy-sub {
    height: auto;
    white-space: nowrap;
  }

  .con04__title img {
    width: 65vw !important;
    height: auto !important;
  }

  .con05 {
    background-position: center top;
    background-size: cover;
  }

  .con05__stage {
    left: auto;
    top: auto;
    height: auto;
    padding: 12vw 0 8vw;
    box-sizing: border-box;
  }

  .con05__copy {
    order: 1;
    margin-top: 0;
    margin-left: 0;
    gap: 4vw;
    text-align: center;
  }

  .con05__heading {
    margin-bottom: 0;
    gap: 3vw;
  }

  .con05__eyebrow,
  .con05__title,
  .con05__description {
    max-width: 92vw;
    text-align: center;
    white-space: normal;
  }

  .con05__title {
    margin-top: 0;
    margin-left: 0;
  }

  .con05__title-em,
  .con05__title-text {
    font-size: 8vw;
    /* white-space: nowrap; */
  }

  .con05__diagram {
    position: relative;
    left: auto;
    top: auto;
    order: 2;
    display: block;
    width: 100%;
    height: 96vw;
    /* margin-top: 10vw; */
    row-gap: 8vw;
  }

  .con05__hero {
    position: absolute;
    left: 50%;
    top: 20vw;
    width: 78vw;
    height: 52vw;
    transform: translateX(-50%);
    z-index: 2;
  }

  .con05__hero-caption {
    left: 17vw;
    top: 0;
  }

  .con05__hero-caption img {
    width: 47vw !important;
    height: auto !important;
  }

  .con05__hero-product {
    left: 0;
    top: 13vw;
  }

  .con05__hero-product img {
    width: 78vw !important;
    height: auto !important;
  }

  .con05__callout--juiciness,
  .con05__callout--reorder,
  .con05__callout--texture,
  .con05__callout--crispy {
    position: absolute;
    left: auto;
    top: auto;
    width: 31vw;
    height: 31vw;
    z-index: 3;
  }

  .con05__callout--juiciness {
    left: 2vw;
    top: 4vw;
  }

  .con05__callout--texture {
    right: 2vw;
    top: 4vw;
  }

  .con05__callout--reorder {
    left: 2vw;
    bottom: 1vw;
  }

  .con05__callout--crispy {
    right: 2vw;
    bottom: 1vw;
  }

  .con05__connector--juiciness,
  .con05__connector--reorder,
  .con05__connector--texture,
  .con05__connector--crispy {
    display: none;
  }

  .con05__callout-circle--juiciness,
  .con05__callout-circle--reorder,
  .con05__callout-circle--texture,
  .con05__callout-circle--crispy {
    left: auto;
    top: auto;
  }

  .con05__callout-circle--juiciness img,
  .con05__callout-circle--reorder img,
  .con05__callout-circle--texture img,
  .con05__callout-circle--crispy img {
    width: 27vw !important;
    height: auto !important;
  }

  .con05__callout-text--juiciness,
  .con05__callout-text--reorder,
  .con05__callout-text--texture,
  .con05__callout-text--crispy {
    left: auto;
    top: auto;
    transform: none;
    text-align: center;
    white-space: normal;
  }

  .con05__meat-slider {
    position: relative;
    left: auto;
    top: auto;
    order: 3;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    /* margin-top: 10vw; */
    /* padding: 0 4vw; */
    gap: 4vw;
    overflow: hidden;
    box-sizing: border-box;
  }

  .con05__meat-track--left,
  .con05__meat-track--right {
    flex-shrink: 0;
    width: auto;
    height: auto;
  }

  .con05__meat-slide {
    margin-right: 4vw;
  }

  .con05__meat-slide img {
    width: 36vw !important;
    height: auto !important;
  }

  /* con06 */
  .con06__inner {
    height: auto;
    /* padding: 18vw 0; */
    gap: 10vw;
  }

  .con06__heading,
  .con06__title {
    width: 92vw;
    height: auto;
    text-align: center;
  }

  .con06__title {
    width: 100vw;
    max-width: none;
  }

  .con06__title-line--01,
  .con06__title-line--02 {
    width: 100%;
    font-size: var(--titleXL);
    white-space: nowrap;
    text-align: center;
  }

  /* 모바일은 카드 스택을 쓰지 않는다(핀이 좁은 폭에서 답답) → PC 스택 프레임 해제 */
  .con06__card-deck {
    width: 100%;
    height: auto;
    clip-path: none;
    gap: 7vw;
  }

  .con06__card {
    width: 91vw;
    height: auto;
    flex-direction: column;
    align-items: center;
    border-radius: 6vw;
    box-sizing: border-box;
  }

  .con06__card-bg--01,
  .con06__card-bg--02,
  .con06__card-bg--03,
  .con06__card-bg--04 {
    width: 100%;
    height: 100%;
  }

  .con06__card-bg--02 img,
  .con06__card-bg--03 img,
  .con06__card-bg--04 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }

  .con06__card-badge--01,
  .con06__card-badge--02,
  .con06__card-badge--03,
  .con06__card-badge--04 {
    top: 0;
  }

  .con06__card-badge--01,
  .con06__card-badge--02 {
    left: 5vw;
  }

  .con06__card-badge--03,
  .con06__card-badge--04 {
    left: 50%;
    transform: translateX(-50%);
  }

  .con06__card-badge--02 {
    transform: none;
  }

  .con06__card-badge--01 {
    right: 5vw;
    left: auto;
    z-index: 3;
  }

  .con06__card-badge--01 img,
  .con06__card-badge--02 img,
  .con06__card-badge--03 img,
  .con06__card-badge--04 img {
    width: 28vw !important;
    height: auto !important;
  }

  .con06__card-content--01 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 6vw;
    text-align: center;
  }

  .con06__card-media--01,
  .con06__card-copy-wrap--01 {
    width: auto;
    height: auto;
  }

  .con06__card-media--01 {
    width: 100%;
    border-radius: 4vw;
  }

  .con06__card-video--01 {
    width: 100% !important;
    height: auto !important;
  }

  .con06__card-copy-wrap--01,
  .con06__card-copy--01,
  .con06__card-copy--02,
  .con06__card-apps--02 {
    align-items: center;
    gap: 2.4rem;
  }

  .con06__card-copy-wrap--01 {
    padding: 0 6vw 10vw;
  }

  .con06__card-hand--02 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    height: 50vw;
    align-items: start;
    left: auto;
    margin-top: -4vw;
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
  }

  .con06__card-hand--02 img {
    width: 78vw !important;
    height: auto !important;
  }

  .con06__card-content--02 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 5vw;
    text-align: center;
  }

  .con06__card-copy-wrap--02 {
    width: auto;
    height: auto;
    padding: 0 6vw 10vw;
  }

  .con06__card-apps--02 {
    flex-direction: row;
  }

  .con06__card-app img {
    width: 14vw !important;
    height: auto !important;
  }

  .con06__card-copy--03 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    gap: 4vw;
    padding: 29vw 6vw 0;
    text-align: center;
  }

  .con06__card-title--03 {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .con06__card-menu--03 {
    display: none;
  }

  .con06__card-menu-marquee--03 {
    display: flex !important;
    width: 100%;
    margin-top: 7vw;
    padding: 2vw 0;
    overflow: hidden;
    position: relative;
    top: auto;
  }

  .con06__card-menu-marquee-track--03 {
    display: flex;
    flex-shrink: 0;
    animation: marqueeX 22s infinite linear;
  }

  .con06__card-menu-marquee-set--03 {
    align-items: center;
    gap: 3vw;
  }

  .con06__card-menu-marquee-set--clone {
    top: 0;
    left: 100%;
  }

  .con06__card-menu-marquee-item--03 {
    flex-shrink: 0;
  }

  .con06__card-menu-marquee-item--03 img {
    width: auto !important;
    height: 34vw !important;
  }

  .con06__card-content--04 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 6vw;
    text-align: center;
  }

  .con06__card-title-wrap--04,
  .con06__card-title--04,
  .con06__card-body-wrap--04 {
    width: auto;
    height: auto;
  }

  .con06__card-title-wrap--04,
  .con06__card-media-copy--04,
  .con06__card-body-wrap--04 {
    align-items: center;
  }

  .con06__card-title-wrap--04 {
    padding: 30vw 6vw 0;
  }

  .con06__card-body-wrap--04 {
    padding: 0 6vw 10vw;
  }

  .con06__card-media-copy--04 {
    flex-direction: column;
    gap: 5vw;
  }

  .con06__card-meat--04 img {
    width: 72vw !important;
    height: auto !important;
  }

  .con06__card-title--01,
  .con06__card-title--02,
  .con06__card-title--03,
  .con06__card-title--04,
  .con06__card-body--01,
  .con06__card-body--02,
  .con06__card-body--03,
  .con06__card-body--04 {
    text-align: center;
    white-space: normal;
  }

  .con06__card-title-line--01,
  .con06__card-title-line--01-em,
  .con06__card-title-line--02,
  .con06__card-title-line--02-em,
  .con06__card-title-line--03,
  .con06__card-title-line--03-em,
  .con06__card-title-line--04,
  .con06__card-title-line--04-em {
    white-space: normal;
    text-align: center;
  }

  .con06__card-side--01,
  .con06__card-side--02,
  .con06__card-side--03,
  .con06__card-side--04,
  .con06__pagination {
    display: none;
  }

  /* con07 */
  .con07 { height: auto; background-position: center top; background-size: cover; }
  .con07__section, .con07__content, .con07__head { height: auto; }
  .con07__content { width: 100%; padding-top: 18vw; }
  .con07__head { gap: 4vw; padding: 0 4vw; text-align: center; }
  .con07__eyebrow, .con07__title-line--1, .con07__title-line--2 { height: auto; white-space: normal; transform: none; }
  .con07__title { height: auto; margin-top: 0; text-align: center; }

  .con07__timeline { width: 100%; height: auto; margin-top: 10vw; overflow: visible; align-items: center; }
  .con07__timeline-stage { width: 96vw; height: 25vw; flex-shrink: 0; margin-left: 0; }
  .con07__timeline-track {
    top: 2.674vw;
    left: 0;
    width: 96vw;
    height: 14.38vw;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.86) 12%, rgba(0, 0, 0, 0.86) 88%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
  }
  .con07__timeline-track::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 17.7%;
    left: 17.7%;
    height: 0.2667vw;
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0 1.2vw, transparent 1.2vw 2vw);
    transform: translateY(-50%);
  }
  .con07__timeline-track img { display: none; }
  .con07__timeline-progress { width: 100%; height: 25vw; margin-left: 0; gap: 2vw; justify-content: center; }
  .con07__timeline-phase--1, .con07__timeline-phase--2, .con07__timeline-phase--3, .con07__timeline-group--2, .con07__timeline-group--3, .con07__timeline-growth { height: 25vw; }
  .con07__timeline-phase--1, .con07__timeline-phase--2, .con07__timeline-phase--3, .con07__timeline-group--2, .con07__timeline-group--3 { gap: 2vw; }
  .con07__timeline-step--1, .con07__timeline-step--2, .con07__timeline-step--3, .con07__timeline-arrow--1, .con07__timeline-arrow--2, .con07__timeline-arrow--3 { top: auto; }
  .con07__timeline-step--3, .con07__timeline-arrow--3 { left: auto; }
  .con07__timeline-step--1 { top: 1.215vw; }
  .con07__timeline-step--2, .con07__timeline-step--3 {
    top: 4.364vw;
    width: 11vw;
    height: 18vw;
    justify-content: center;
  }
  .con07__timeline-arrow--1, .con07__timeline-arrow--2, .con07__timeline-arrow--3 { top: -2.502vw; width: 2.7vw; }
  .con07__timeline-step--1 { width: 16vw; }
  .con07__timeline-step--1 img, .con07__timeline-arrow--1 img, .con07__timeline-arrow--2 img, .con07__timeline-arrow--3 img { width: 100% !important; height: auto !important; }
  .con07__timeline-step--2 img, .con07__timeline-step--3 img { width: auto !important; height: 100% !important; }
  .con07__timeline-growth { top: 0.228vw; width: 28vw; }
  .con07__growth-badge img { width: 28vw !important; height: auto !important; }
  .con07__growth-percent { left: 5vw; top: 9vw; width: 17vw; }
  .con07__growth-percent img { width: 100% !important; height: auto !important; }

  .con07__stabilization { width: 88vw; height: auto; margin-top: 8vw; margin-left: 0; gap: 4vw; }
  .con07__stabilization-bracket { display: none; }
  .con07__stabilization-pill { position: relative; top: auto; left: auto; }
  .con07__stabilization-pill img { width: 73vw !important; height: auto !important; }
  .con07__stabilization-copy { position: relative; left: auto; height: auto; margin-top: 0; text-align: center; white-space: normal; }
  .con07__lead { height: auto; margin-top: 10vw; padding: 0 6vw; text-align: center; white-space: normal; transform: none; }

  .con07__cards { width: 100%; height: auto; margin-top: 8.5vw; margin-bottom: 15.3vw; flex-direction: column; align-items: center; gap: 4.25vw; }
  .con07__card { width: 82vw; height: 68vw; flex-shrink: 0; overflow: hidden; border-radius: 4.659vw; }
  .con07__card-head { height: 19.2vw; }
  .con07__card-icon { width: 17.5vw; margin-top: 6.5vw; }
  .con07__card-icon img { width: 100% !important; height: auto !important; }
  .con07__card-copy { height: auto; margin-top: 4vw; padding: 0 3.5vw; text-align: center; white-space: normal; }
  .con07__card-image--analysis, .con07__card-image--launch, .con07__card-image--data, .con07__card-image--settle { left: 0.466vw; top: 0.466vw; width: 81.068vw; }
  .con07__card-image--analysis img, .con07__card-image--launch img, .con07__card-image--data img, .con07__card-image--settle img { width: 100% !important; height: auto !important; }
  .con07__card-title--analysis, .con07__card-title--launch, .con07__card-title--data, .con07__card-title--settle { left: 0; top: 30.04vw; width: 100%; height: auto; text-align: center; white-space: normal; transform: none; }

  /* 모바일 카드 활성은 스크롤 위치(ani_con07 의 카드별 ScrollTrigger)가 소유한다.
     터치 후 남는 sticky :hover 가 활성을 뺏지 않도록 PC hover 경로만 무력화한다. */
  .con07__cards:hover .con07__card--active .con07__card-panel { opacity: 1; visibility: visible; transform: none; }
  .con07__cards:hover .con07__card--active .con07__card-title { opacity: 0; }
  .con07__cards:hover .con07__card--active .con07__card-head { transform: none; }
  .con07__cards:hover .con07__card--active .con07__card-icon { opacity: 1; transform: none; }
  .con07__cards:hover .con07__card--active .con07__card-copy { opacity: 1; transform: none; }
  .con07__cards:hover .con07__card:hover:not(.con07__card--active) .con07__card-panel { opacity: 0; visibility: hidden; transform: translateY(2rem); }
  .con07__cards:hover .con07__card:hover:not(.con07__card--active) .con07__card-title { opacity: 1; }
  .con07__cards:hover .con07__card:hover:not(.con07__card--active) .con07__card-head { transform: translateY(-4rem); }
  .con07__cards:hover .con07__card:hover:not(.con07__card--active) .con07__card-icon { opacity: 0; transform: translateY(1rem) scale(0.9); }
  .con07__cards:hover .con07__card:hover:not(.con07__card--active) .con07__card-copy { opacity: 0; transform: translateY(1rem); }

  /* con08 */
  .con08 { height: auto; overflow: hidden; }
  .con08__scene { height: auto; display: flex; flex-direction: column; align-items: center; padding: 13vw 0 13vw; }
  .con08__visual, .con08__lead, .con08__description-swiper, .con08__conclusion { position: relative; top: auto; left: auto; right: auto; bottom: auto; }
  .con08__lead { order: 1; width: 92vw; height: auto; align-items: center; gap: 7vw; text-align: center; }
  .con08__lead-label { top: auto; width: auto; }
  .con08__lead-label img { width: 20vw !important; height: auto !important; }
  .con08__lead-title { left: auto; top: auto; width: auto; height: auto; text-align: center; white-space: normal; }
  .con08__visual { order: 2; width: 88vw; height: 88vw; /* margin-top: 10vw; */ overflow: visible; }
  .con08__circle--outer, .con08__circle--inner { width: auto; height: auto; }
  .con08__circle--outer img { width: 88vw !important; height: auto !important; }
  .con08__circle--inner { left: 15vw; top: 15vw; }
  .con08__circle--inner img { width: 58vw !important; height: auto !important; }
  .con08__image-swiper { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: 2; }
  .con08__image-swiper .swiper-wrapper { align-items: center; }
  .con08__image-swiper .swiper-slide { width: 44vw; opacity: 0.8; transition: opacity 500ms ease; z-index: 1; }
  .con08__image-swiper .swiper-slide img { width: 28vw !important; height: auto !important; transition: width 500ms ease; }
  .con08__image-swiper .swiper-slide-active { opacity: 1; z-index: 2; }
  .con08__image-swiper .swiper-slide-active img { width: 60vw !important; }
  .con08__description-swiper { order: 3; width: 100%; margin-top: -7vw; overflow: visible; contain: paint; }
  .con08__description-swiper .swiper-slide { width: 60vw; }
  .con08__description-swiper .con08__daypart { width: 60vw; height: 60vw; flex-shrink: 0; }
  .con08__description-swiper .con08__daypart-bg { left: 0; top: 0; width: auto; height: auto; }
  .con08__description-swiper .con08__daypart-bg img { width: 60vw !important; height: auto !important; }
  .con08__description-swiper .con08__daypart-bg-image { transition: opacity 500ms ease; }
  .con08__description-swiper .con08__daypart-bg-image--default { opacity: 1; }
  .con08__description-swiper .con08__daypart-bg-image--active { inset: 0; opacity: 0; }
  .con08__description-swiper .swiper-slide-active .con08__daypart-bg-image--default { opacity: 0; }
  .con08__description-swiper .swiper-slide-active .con08__daypart-bg-image--active { opacity: 1; }
  .con08__description-swiper .con08__daypart-title, .con08__description-swiper .con08__daypart-desc { left: 0; width: 100%; height: auto; white-space: normal; }
  .con08__description-swiper .con08__daypart-title { top: 20.294vw; }
  .con08__description-swiper .con08__daypart-desc { top: 31.765vw; padding: 0 7.059vw; box-sizing: border-box; }
  .con08__conclusion { order: 4; width: 92vw; height: auto; margin-top: 16vw; align-items: center; gap: 5vw; text-align: center; }
  .con08__conclusion-title { width: auto; height: auto; align-items: center; text-align: center; }
  .con08__conclusion-title-lead, .con08__conclusion-title-point, .con08__conclusion-desc { width: auto; height: auto; margin-left: 0; text-align: center; white-space: normal; }
  .con08__conclusion-desc { max-width: 92%; }

  /* con09 */
  .con09 { height: auto; background-position: center top; background-size: auto 100%; }
  .con09__scene { height: auto; gap: 0; overflow: hidden; }
  .con09__fire-video { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .con09__stage-mask {
    top: 6vw;
    right: 4vw;
    bottom: 0;
    left: 4vw;
    border-style: solid;
    border-width: 12.5vw;
    border-image-source: url("/images/con09_05.webp");
    border-image-slice: 16.6% 13.5% 16.7% 13.5% fill;
    border-image-repeat: stretch;
    box-sizing: border-box;
  }
  .con09__stage-mask img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    clip-path: inset(50%);
  }

  .con09__hero { width: 100%; height: auto; /* padding-top: 12vw; */ padding-bottom: 14vw; box-sizing: border-box; overflow: visible; }
  .con09__hanja--meat { top: 22vw; left: 5vw; }
  .con09__hanja--food { top: 21vw; right: 5vw; left: auto; }
  .con09__hanja--meat img { width: 22vw !important; height: auto !important; }
  .con09__hanja--food img { width: 26vw !important; height: auto !important; }
  .con09__hero-visual { position: relative; top: auto; left: auto; width: 90vw; height: 81vw; }
  .con09__smoke { top: 5vw; left: 1vw; }
  .con09__pork { top: auto; left: auto; }
  .con09__smoke img { width: 80vw !important; height: auto !important; }
  .con09__pork img { width: 77vw !important; height: auto !important; }
  .con09__hero-copy { position: relative; top: auto; left: auto; width: 92vw; height: auto; margin-top: 3vw; gap: 3vw; text-align: center; }
  .con09__hero-title, .con09__hero-description { height: auto; white-space: normal; text-align: center; }
  .con09__hero-title { max-width: 92%; }

  .con09__business { width: 100%; height: auto; gap: 8vw; padding-bottom: 8vw; box-sizing: border-box; }
  .con09__business-headline { height: auto; gap: 1vw; text-align: center; }
  .con09__business-title, .con09__business-title-point { top: auto; left: auto; height: auto; text-align: center; white-space: normal; }
  .con09__metrics { width: 92vw; height: auto; padding-bottom: 5vw; flex-direction: column; align-items: center; justify-content: flex-start; }
  .con09__metrics-panel {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.1rem solid rgba(144, 129, 111, 0.76);
    border-radius: 2vw;
    background: #000;
    box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
  }
  .con09__metrics-panel img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    clip-path: inset(50%);
  }
  .con09__metrics-content { position: relative; top: auto; left: auto; width: 100%; height: auto; padding-top: 12vw; gap: 9vw; flex-direction: column; align-items: center; }
  .con09__chart { top: auto; width: 78vw; height: 78vw; }
  .con09__chart-ring img { width: 78vw !important; height: auto !important; }
  .con09__chart-label { top: 26.6vw; left: 29.1vw; }
  .con09__chart-value { top: 33.1vw; left: 22.2vw; }
  .con09__chart-food { top: 43.1vw; left: 13vw; clip-path: circle(25.6vw at 26vw -4.1vw); }
  .con09__chart-label img { width: 20.3vw !important; height: auto !important; }
  .con09__chart-value img { width: 33.3vw !important; height: auto !important; }
  .con09__chart-food img { width: 46.6vw !important; height: auto !important; }
  .con09__table { width: 88vw; height: 69vw; }
  .con09__table-graphic img { width: 88vw !important; height: auto !important; }
  .con09__table-total-value { top: 63.5vw; left: 73.1vw; }
  .con09__table-total-value img { width: 9vw !important; height: auto !important; }

  /* con10 */
  .con10 {
    min-height: auto;
    padding: 16vw 0;
    background-position: center top;
    background-size: auto 100%;
  }

  .con10__inner {
    width: 100%;
    margin-top: 0;
    padding: 0 4vw;
    box-sizing: border-box;
  }

  .con10__head {
    gap: 3vw;
    text-align: center;
  }

  .con10__title {
    margin-bottom: 0;
    text-align: center;
  }

  .con10__title-line,
  .con10__title-line--point {
    white-space: normal;
    text-align: center;
  }

  .con10__description {
    max-width: 92vw;
    margin-bottom: 0;
    white-space: normal;
    text-align: center;
  }

  .con10__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 92vw;
    margin-top: 8vw;
    gap: 2vw;
  }

  .con10__tab-divider {
    display: none;
  }

  .con10__tab {
    width: 100%;
    height: 12vw;
    padding: 0;
  }

  /* PC 는 pill 배경을 좌우로 넓혀 쓰지만, 모바일은 grid 칸 전체가 곧 pill 이라 확장분을 되돌린다 */
  .con10__tab--active::before {
    inset: 0;
  }

  .con10__card-grid {
    width: 92vw;
    margin-top: 8vw;
    overflow: visible;
    contain: paint;
  }

  .con10__empty {
    margin-top: 8vw;
    padding: 12vw 0;
    font-size: var(--bodyL);
  }

  .con10__card-wrapper {
    flex-wrap: nowrap;
  }

  .con10__card {
    height: 56vw !important;
    border-radius: 4vw;
  }

  .con10__card:nth-child(n + 5) {
    margin-top: 0 !important;
  }

  .con10__card-media {
    flex-basis: 42vw;
  }

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

  .con10__card-name {
    margin-top: 3vw;
    text-align: center;
  }

  .con10__card-name-text {
    padding: 0 2vw;
  }

  /* con12 */
  .con12 {
    height: auto;
    padding: 14vw 0 0;
    background-position: center top;
    background-size: cover;
  }

  .con12__inner {
    width: 100%;
    margin: 0;
    gap: 8vw;
  }

  .con12__head {
    gap: 4vw;
    padding: 0 4vw;
    box-sizing: border-box;
    text-align: center;
  }

  .con12__heading {
    gap: 2vw;
  }

  .con12__title {
    gap: 1vw;
    text-align: center;
  }

  .con12__description {
    max-width: 92vw;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con12__benefits {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 3vw;
  }

  .con12__benefit-row--top,
  .con12__benefit-row--bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 92vw;
    margin: 0 auto;
    gap: 2vw;
  }

  .con12__benefit-row--top {
    order: 1;
  }

  .con12__benefit-row--bottom {
    order: 2;
  }

  .con12__card {
    width: 100%;
    height: 28.7383vw;
  }

  .con12__card-bg {
    display: block;
    border-width: 0.2667vw;
    border-radius: 3.5047vw;
  }

  .con12__card-content {
    top: 0;
    width: 42vw;
    height: 100%;
    justify-content: center;
    gap: 1.5vw;
  }

  .con12__card--05 .con12__card-content {
    top: 0;
    gap: 1.5vw;
  }

  .con12__card-head--01,
  .con12__card-head--02,
  .con12__card-head--03,
  .con12__card-head--04,
  .con12__card-head--05,
  .con12__card-head--06,
  .con12__card-head--07,
  .con12__card-head--08 {
    position: relative;
    width: 42vw;
    flex-direction: column;
    justify-content: center;
    gap: 0.5vw;
  }

  .con12__card-badge-wrap {
    position: relative;
    right: auto;
  }

  .con12__card-badge-wrap img {
    width: 15vw !important;
    height: auto !important;
  }

  .con12__card-title--04,
  .con12__card-title--05 {
    font-size: var(--subheadS);
  }

  .con12__card-desc--01,
  .con12__card-desc--02,
  .con12__card-desc--03,
  .con12__card-desc--04,
  .con12__card-desc--05,
  .con12__card-desc--06,
  .con12__card-desc--07,
  .con12__card-desc--08 {
    font-size: var(--bodyS);
    white-space: normal;
    text-align: center;
  }

  .con12__visual-wrap {
    position: relative;
    top: auto;
    order: 3;
    width: 100%;
    margin-top: 7vw;
    z-index: 2;
  }

  .con12__meat img {
    display: block;
    width: 97.9vw !important;
    height: auto !important;
  }

  .con12__eight-free-wrap {
    top: 5vw;
  }

  .con12__eight-free-wrap img {
    width: 32vw !important;
    height: auto !important;
  }

  .con10__pagination {
    width: 100%;
    margin-top: 8vw;
    justify-content: center;
  }

  /* con13 */
  .con13 {
    height: auto;
    padding: 16vw 0 14vw;
    background-position: center;
    background-size: cover;
  }

  .con13__inner {
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  .con13__heading {
    width: 100%;
    padding: 0 4vw;
    box-sizing: border-box;
    text-align: center;
  }

  .con13__title {
    max-width: 92vw;
    margin-top: 4vw;
    white-space: normal;
    text-align: center;
  }

  .con13__title-accent {
    transform: none;
  }

  .con13__description {
    max-width: 92vw;
    margin-top: 4vw;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con13__notice {
    position: relative;
    left: auto;
    top: auto;
    width: 100.8038vw;
    height: auto;
    margin-top: 10vw;
  }

  .con13__notice-paper {
    margin: 0.7703vw 0 0 4.8421vw;
  }

  .con13__notice-paper img {
    display: block;
    width: 92vw !important;
    height: auto !important;
  }

  .con13__tape--left {
    left: 0;
    top: 2.7512vw;
  }

  .con13__tape--left img {
    width: 20.2488vw !important;
    height: auto !important;
  }

  .con13__tape--right {
    left: 80.6651vw;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
  }

  .con13__tape--right img {
    width: 20.1388vw !important;
    height: auto !important;
  }

  .con13__notice-content {
    left: 15.8421vw;
    top: 18.7464vw;
    width: 70vw;
    height: auto;
    align-items: center;
  }

  .con13__notice-stamp {
    align-self: center;
  }

  .con13__notice-stamp img {
    width: 42.1483vw !important;
    height: auto !important;
    transform: translate(-0.11vw, -2.7512vw);
  }

  .con13__notice-message {
    margin-top: -0.4vw;
    white-space: normal;
    text-align: center;
  }

  .con13__notice-cost {
    margin-top: 1.8vw;
    white-space: nowrap;
  }

  .con13__brand-list {
    display: none;
  }

  .con13__brand-swiper {
    display: block;
    width: 100%;
    margin-top: -8vw;
    overflow: hidden;
    z-index: 4;
  }

  .con13__brand-swiper .swiper-slide {
    width: 42vw !important;
  }

  .con13__brand-slide img {
    display: block;
    width: 42vw !important;
    height: auto !important;
  }

  .mo-hide {
    display: none !important;
  }

  /* con11 */
  .con11 {
    height: auto;
    padding: 8vw 4vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .con11__scene {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 7vw;
    padding-bottom: 7vw;
  }

  .con11__scene-base {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .con11__scene-base-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    transform: none;
  }

  .con11__scene::after {
    border-radius: 7vw;
  }

  .con11__copy {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 92%;
    margin-top: 17vw;
    margin-inline: auto;
    align-items: center;
    text-align: center;
  }

  .con11 .con11__title {
    margin-top: 4vw;
    margin-left: 0;
    max-width: 92%;
    align-items: center;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con11 .con11__description {
    margin-top: 5vw;
    max-width: 92%;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con11__reorder-badge {
    position: relative;
    top: auto;
    left: auto;
    width: 28vw;
    margin-top: 1.2vw;
    margin-inline: auto;
    transform: none;
  }

  .con11__reorder-badge-img {
    width: 28vw !important;
    height: auto !important;
  }

  .con11__review-swiper {
    width: 100%;
    margin-top: -7vw;
    flex-shrink: 0;
    overflow: hidden;
    z-index: 1;
  }

  .con11__review-swiper .swiper-slide {
    width: 72vw !important;
  }

  .con11__review-slide {
    overflow: hidden;
    border-radius: 4vw;
    background: #ffffff;
  }

  .con11__review-slide img {
    display: block;
    width: 72vw !important;
    height: auto !important;
  }

  .con11__phone {
    top: 107.190476vw;
    left: 0;
    width: 100%;
    height: 221.688889vw;
    transform: none;
  }

  .con11__phone-img {
    width: 100% !important;
    height: 221.688889vw !important;
    object-fit: cover;
    object-position: -8.4vw center;
  }

  .con11__phone-overlay {
    top: 118.03492vw;
    left: 50%;
    width: 56vw;
    height: 70.4vw;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .con11__phone-review-img {
    width: 51.2vw !important;
    height: auto !important;
  }

  .con14 {
    height: 90vw;
    background-size: cover;
    background-position: center;
    overflow: visible;
  }

  .con14__pan {
    top: 35vw;
    left: 5vw;
    width: 90vw;
    margin: 0;
  }

  .con14__pan img {
    width: 90vw !important;
    height: auto !important;
  }

  .con14__title--yook {
    top: 14vw;
    left: 3vw;
    width: 30vw;
  }

  .con14__title--sik {
    top: 18vw;
    right: 3vw;
    left: auto;
    width: 30vw;
  }

  .con14__title--yook img,
  .con14__title--sik img {
    width: 30vw !important;
    height: auto !important;
  }

  /* con16 */
  .con16 {
    height: auto;
    padding: 13.3333vw 0 16vw;
    background-position: center;
  }

  .con16__content {
    width: 88%;
    margin-top: 0;
  }

  .con16__heading {
    height: auto;
    transform: none;
    text-align: center;
  }

  .con16__title-accent,
  .con16__title-main {
    max-width: 92%;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con16__description {
    margin: 5vw 0 0;
    transform: none;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .con16__form {
    width: 100%;
    margin-top: 8vw;
    padding: 8vw 6vw;
  }

  .con16__form::before,
  .con16__form::after {
    display: none;
  }

  .con16__field--name,
  .con16__field--phone,
  .con16__field--region {
    height: 14vw;
  }

  .con16__field--detail {
    height: 25vw;
  }

  .con16__field-label {
    flex-basis: 26vw;
    width: 26vw;
    padding-left: 0;
    text-align: left;
  }

  .con16__field-input[type='text'],
  .con16__field-input[type='tel'],
  .con16__field-textarea {
    flex: 1 1 auto;
    width: auto;
    text-align: left;
  }

  .con16__field-textarea {
    padding-block: 2vw;
  }

  .con16__privacy {
    height: auto;
    margin-top: 4vw;
    gap: 1.3333vw;
    text-align: center;
  }

  .con16__privacy-input {
    flex-basis: 4.2667vw;
    width: 4.2667vw;
    height: 4.2667vw;
  }

  .con16__privacy-input:checked::after {
    top: 0.5vw;
    left: 0.5vw;
    right: 0.5vw;
    bottom: 0.5vw;
  }

  .con16__privacy-label {
    text-align: center;
  }

  .con16__submit {
    height: 14vw;
    margin-top: 5vw;
    text-align: center;
  }

  .con16__submit-label {
    text-align: center;
  }

  .con16__side-column--left,
  .con16__side-column--right,
  .con16__hanja--meat,
  .con16__hanja--food {
    display: none;
  }

  /* con15 */
  .con15 {
    height: auto;
  }

  .con15__inner {
    height: auto;
    padding-top: 10.6667vw;
    padding-bottom: 8vw;
  }

  .con15__brand-mark img {
    width: 28vw !important;
    height: auto !important;
  }

  .con15__title {
    margin-top: 2.6667vw;
    gap: 1.6vw;
    text-align: center;
  }

  .con15__search {
    position: relative;
    left: auto;
    top: auto;
    width: 88vw;
    height: 14.6667vw;
    margin-top: 6.6667vw;
    margin-bottom: -6vw;
    padding: 0 5.3333vw 0 6.6667vw;
    border-radius: 7.3333vw;
    z-index: 3;
  }

  .con15__search-btn {
    flex-basis: 6vw;
  }

  .con15__search-icon {
    width: 6vw !important;
    height: auto !important;
  }

  .con15__workspace {
    width: 88vw;
    height: 154vw;
    margin-top: 0;
    flex-direction: column-reverse;
    border-radius: 0 0 5.3333vw 5.3333vw;
  }

  .con15__store-list {
    flex: 0 0 82vw;
    padding: 0;
    gap: 0;
    border-right: 0;
    overflow-y: auto;
  }

  .con15__store-card {
    flex: 0 0 27.3333vw;
    width: 100%;
    padding: 5.3333vw;
  }

  .con15__store-more {
    flex-basis: 9vw;
  }

  .con15__store-more img {
    width: 9vw !important;
    height: auto !important;
  }

  .con15__map {
    flex: 0 0 72vw;
    width: 100%;
    height: 72vw;
    border-radius: 0;
  }

  /* 지도 터치 잠금 오버레이 안내문 (map.js 주입 — 모바일 전용 노출) */
  .map-touch-lock-text {
    padding: 0 5.3333vw;
    font-size: 4.2667vw;
  }

  /* 매장 상세 팝업 — 가로(사진|정보) → 세로(사진 위, 정보 아래) */
  .store__pop {
    flex-direction: column;
    width: 92vw;
  }

  .store__pop-photo {
    width: 100%;
    height: 22rem;
  }

  .store__pop-body {
    padding-top: 2.4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .store__pop-name {
    margin-top: 0;
  }
}