@charset "UTF-8";
/* 석촌칼국수보리밥 모바일 전용 스타일 (신규 작성 영역) */

@media screen and (max-width:599px) {

  #section_wrap {
    margin-top: 15vw;
  }

  /* ===== hero ===== */
  .hero {
    overflow: hidden;
  }

  /* 모바일: 문(main_door) 숨김 — 좁은 화면에선 거슬려서 제거 (인트로 애니도 자동 비표시) */
  .main_door {
    display: none;
  }

  .hero_inner {
    padding-top: 20vw;
  }

  .hero_t1 {
    font-size: 3.9vw;
    margin-bottom: 5vw;
  }

  .hero_t3 {
    font-size: 3.3vw;
    line-height: 1.5;
  }

  /* 🟡 헤드라인·그릇 확대 + 좌우 라벨 추종 (서버 미가동 → 실측 보정 필요) */
  .main_11 {
    width: 68%;
  }

  .main_02 {
    display: none;
  }

  .main_01 {
    width: 9vw;
    top: 0;
  }


  .main_05 {
    margin-top: 39vw;
    width: 87%;
    margin-bottom: -28vw;
  }

  .main_10 {
    top: 70vw;
    left: 11vw;
    width: 37vw;
  }

  .main_09 {
    top: 70vw;
    right: 11vw;
    width: 37vw;
  }

  .main_08 {
    top: -3.4vw;
  }

  .main_07 {
    top: -4vw;
  }

  /* ===== con01 (메인 비주얼) ===== */
  .con01_iner {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  /* 상단 로고 아이콘 */
  .con01_01 {
    width: 16vw;
    margin-bottom: 4vw;
  }

  /* 타이틀 로고 */
  .con01_02 {
    width: 52vw;
  }

  /* 본문 카피 */
  .con01_t3 {
    width: 86vw;
    font-size: 3.6vw;
    line-height: 1.6;
    text-align: center;
  }

  /* "월 평균 매출액" 라벨 */
  .con01_t4 {
    margin-top: 8vw !important;
    margin-bottom: 2vw;
    font-size: 3.8vw;
    text-align: center;
  }

  /* 매출 그래프(+1억8천만원) — 자연 619px → 화면폭 제한 */
  .con01_03 {
    width: 75vw;
  }

  .con01_03 img {
    width: 100%;
    height: auto;
  }

  /* 우상단 뱃지 (부모 확대분 반영) */
  .con01_04 {
    width: 9vw;
    right: -7.2vw;
    top: -5vw;
  }

  /* 좌우 세로 슬라이드(PC) → 모바일은 가로 1줄만 살리고 흐름에 편입 */
  .con01_swiper {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
  }

  /* 정방향 1줄만 유지 */
  .con01_swiper.left {
    margin-top: 10vw;
    left: auto;
  }

  /* 역방향 줄은 숨김 */
  .con01_swiper.right {
    display: none;
  }

  .con01_sitem {
    width: 30vw;
  }

  /* ===================== con02 : 영수증 + 매출카운터 + 음식 ===================== */
  /* 컨테이너: aspect-ratio·mask 해제 → 콘텐츠 높이로 흐르게 */
  .con02_iner {
    aspect-ratio: auto;
    -webkit-mask-image: none;
    mask-image: none;
    padding: 12vw 0 23vw;
  }

  /* 영수증 5개 가로 유지 (폭만 보정) */
  .con02_paper_wrap {
    width: 97vw;
    gap: 1vw;
    margin-top: -4vw;
  }

  .con02_paper {
    width: 14.4vw;
    flex-shrink: 0;
  }

  .con02_paper>img {
    width: 100%;
    height: auto;
  }

  /* 파란 카피 (로고 + 큰글씨 + 본문) */
  .con02_12 {
    width: 30vw;
    margin-top: 12vw;
    margin-bottom: 3vw;
  }

  .con02_13 {
    width: 64vw;
  }

  .con02_t3 {
    font-size: 3.4vw;
    line-height: 1.5;
    margin-top: 5vw;
  }

  /* 매출 카운터 슬라이드 (모바일 3개 노출) */
  .con02_swiper {
    margin-top: 7vw;
  }

  .con02_sitem {
    width: 38vw;
  }

  .con02_shead {
    height: 9vw;
    font-size: 3.3vw;
  }

  .con02_sbody {
    height: 11vw;
    font-size: 5vw;
  }

  /* 음식 이미지 */
  .con02_15 {
    width: 92vw;
    margin-top: 8vw;
    margin-bottom: -10vw;
    margin-left: 0;

    display: none;
  }

  /* ===================== con03 ===================== */
  .con03 {
    margin-top: -13vw;
  }

  .con03_01 {
    width: 94vw;
    aspect-ratio: 775 / 21;
  }

  .con03_t1 {
    font-size: 4.4vw;
  }

  .con03_1st {
    padding-top: 14vw;
    padding-bottom: 8vw;
  }

  .con03_02 {
    width: 18vw;
    bottom: -4.3vw;
  }

  .con03_2nd_iner {
    margin-top: 0;
    padding-top: 4vw;
  }

  .con03_03 {
    display: none;
  }

  .con03_bg_cc {
    width: 133%;
    top: 32vw;
  }

  .con03_05 {
    width: 70vw;
    aspect-ratio: 588 / 139;
    margin-top: 5vw;
  }

  .con03_t3 {
    font-size: 3.3vw;
  }

  .con03_season_box {
    width: 138vw;
    bottom: 4vw;
  }

  .con03_season_txt>p {
    font-size: 4.1vw;
  }

  /* 접시+파란 원형 키우고 타이틀과 간격 + 아래 공간(계절띠 분리/con04 겹침 해소) */
  .con03_06 {
    width: 78vw;
    margin-top: 10vw;
    margin-bottom: 8vw;
  }

  /* 4계절 아이콘 키우고 원형 둘레 재배치 */
  .con03_cc {
    width: 15vw;
  }

  .con03_cc.item2 {
    top: 50vw;
    left: 18vw;
  }

  .con03_cc.item3 {
    top: 50vw;
    right: 18vw;
  }

  .con03_cc.item1 {
    top: 69vw;
    left: 7vw;
  }

  .con03_cc.item4 {
    top: 69vw;
    right: 7vw;
  }

  /* ===== con04 ===== */
  .con04_center {
    width: 76vw;
  }

  .con04_center_iner {
    padding-top: 17vw;
    padding-bottom: 15vw;
  }

  .con04_01 {
    width: 78%;
    margin-top: 4vw;
    margin-bottom: 5vw;
  }

  .con04_light {
    width: 12vw;
  }

  .con04_t1 {
    font-size: 3.5vw;
  }

  .con04_t3 {
    font-size: 3.3vw;
    line-height: 1.5;
  }

  .con04_side_txt {
    display: none;
  }

  .con04_04 {
    width: 37vw;
    left: -14vw;
    bottom: -3vw;
  }

  .con04_10 {
    width: 27vw;
    top: -8.3vw;
  }

  .con04_07 {
    width: 37vw;
    right: -14vw;
    bottom: -3vw;
  }

  /* ===== con05 : 가로 3분할 → 세로 1열 재구성 ===== */
  /* 컨테이너: aspect-ratio·mask 해제하고 콘텐츠 높이로 흐르게 */
  .con05_iner {
    aspect-ratio: auto;
    -webkit-mask-image: none;
    mask-image: none;
    padding: 15vw 0 24vw;
  }

  /* 상단 톱니 라인 숨김 */
  .con05_01 {
    display: none;
  }

  /* 좌측 타이틀+설명 블록 → relative 중앙 */
  .con05_twrap {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    align-items: center;
  }

  /* 타이틀 이미지(599px에서 con05_02m 자동 전환) */
  .con05_02 {
    width: 72vw;
  }

  /* 설명문 */
  .con05_t3 {
    width: 88%;
    margin-top: 4vw;
    font-size: 3.5vw;
    line-height: 1.6;
    text-align: center;
  }

  /* 칼국수 그릇 이미지 → relative 중앙 */
  .con05_07 {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: 62vw;
    margin-top: 6vw;
  }

  /* 세로 구분선 숨김 */
  .con05_line {
    display: none;
  }

  /* 숫자뱃지 그룹 → relative, 가로 일렬 */
  .con05_center_tab_wrap {
    position: relative;
    top: auto;
    flex-direction: row;
    gap: 6vw;
    margin-top: 10vw;

    display: none;
  }

  /* 라벨(말풍선) 숨김 — 숫자뱃지만 노출 */
  .con05_center_tab_txt {
    display: none;
  }

  /* 숫자뱃지 확대 + on 탭도 숫자 보이게 */
  .con05_center_tab_number {
    width: 14vw;
  }

  .con05_center_tab.on .con05_center_tab_number {
    opacity: 1;
  }

  /* 정보박스 그룹 → relative 세로 스택 */
  .con05_box_wrap {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    gap: 5vw;
    margin-top: -18vw;
    z-index: 100;
  }

  /* 박스 폭 */
  .con05_box {
    width: 88vw;
  }

  /* 테이프 — 박스 상단 모서리에 비스듬히 (좌·우·좌) */
  .con05_tape {
    width: 22vw;
  }

  .con05_tape.item1 {
    top: -3vw;
    left: -2vw;
    right: auto;
    bottom: auto;
    rotate: -32deg;
  }

  .con05_tape.item2 {
    top: -3vw;
    right: -2vw;
    left: auto;
    bottom: auto;
    rotate: 32deg;
  }

  .con05_tape.item3 {
    top: -3vw;
    left: -2vw;
    right: auto;
    bottom: auto;
    rotate: -32deg;
  }

  /* 검정 헤더 */
  .con05_box_head {
    height: auto;
    padding: 3.5vw;
    font-size: 4vw;
    justify-content: center;
  }

  /* 흰 바디 */
  .con05_box_body {
    height: auto;
    padding: 4.5vw 4vw;
    font-size: 3.4vw;
    line-height: 1.6;
    justify-content: center;
    text-align: center;
  }

  /* ===== con06 : 비교표 레이아웃 → 세로 흐름 + 표 가로2단 ===== */
  /* 컨테이너: aspect-ratio 해제, 가로 wrap 흐름으로 전환 */

  .con06 {
    margin-top: -13.5vw;
  }

  .con06_iner {
    aspect-ratio: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    column-gap: 3vw;
    padding: 18vw 0 17vw;
  }

  /* 아이콘·타이틀·손이미지 = 각각 단독 줄(중앙) */
  .con06_01,
  .con06_02,
  .con06_05 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: auto;
  }

  /* 작은 아이콘 */
  .con06_01 {
    order: 1;
    margin-bottom: 0;
  }

  .con06_01 img {
    width: 9vw;
    aspect-ratio: 66 / 95;
    /* lazy 로드 전 높이 예약 → ScrollTrigger 위치 밀림 방지 */
  }

  /* 타이틀 이미지 */
  .con06_02 {
    order: 2;
    margin-top: 4vw;
  }

  .con06_02 img {
    width: 72vw;
    aspect-ratio: 611 / 137;
    /* lazy 로드 전 높이 예약 → ScrollTrigger 위치 밀림 방지 */
  }

  /* 설명문 */
  .con06_t3 {
    order: 3;
    width: 100%;
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.6;
  }

  /* 손 이미지(메인비주얼) → absolute 해제, 단독 줄 */
  .con06_05 {
    order: 4;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    margin-top: 6vw;
  }

  .con06_05 img {
    width: 72vw;
    aspect-ratio: 583 / 692;
    /* ★ 가장 큰 점프원(높이 약 85vw): lazy 로드 전 높이 예약 → 아래 섹션 누적 밀림 방지 */
  }

  /* 비교표 2개 → absolute 해제, 가로 2단 */
  .con06_table {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 46vw;
    margin-top: -12vw;
    z-index: 100;
  }

  .con06_table1 {
    order: 5;
  }

  .con06_table2 {
    order: 6;
  }

  /* 표 헤더 */
  .con06_thead {
    height: auto;
    padding: 3.2vw 0;
    font-size: 3.6vw;
  }

  /* 표 행 */
  .con06_trow {
    height: auto;
    padding: 3vw 0;
    font-size: 3.3vw;
  }

  /* PICK 도장 */
  .con06_04 {
    width: 40%;
    right: -2vw;
    top: -13vw;
  }

  /* 면발 장식 숨김 */
  .con06_03 {
    display: none;
  }

  /* ===== con07 : 인터랙티브(버튼·페이지네이션 전환) 박스 → 세로 재구성 ===== */
  /* 시안+코드 기반 1차안 (Docker 미설치로 실측 불가 → 서버 뜨면 보정 필요) */
  .con07 {
    margin-top: -5.9vw;
  }

  .con07_tsd {
    margin-bottom: 6vw;
  }

  .con06_07 {
    width: 36vw;
    top: -1.9vw;
  }

  .con06_08 {
    width: 480vw;
  }

  .con07_iner {
    padding-top: 14vw;
    padding-bottom: 0;
  }

  /* 검정 박스: 가로 aspect 해제 → 콘텐츠가 높이 결정 */
  .con07_box {
    width: 100vw;
    height: auto;
    padding: 12vw 0 9vw;
  }

  /* 박스 상단 타이틀 이미지 */
  .con07_01 {
    width: 72%;
    margin-top: 3vw;
  }

  /* 흰 설명 텍스트 */
  .con07_t3 {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 4vw;
  }

  /* 좌측 세로 데코 숨김 */
  .con07_03 {
    display: none;
  }

  /* 종이 컨테이너: 납작 aspect 해제 → 높이는 보이는 콘텐츠가 결정 (위쪽에 탭버튼 공간) */
  .con07_paper_container {
    width: 92vw;
    margin-top: 20vw;
    margin-bottom: 8vw;
  }

  /* content: absolute 겹침 해제 → 보이는(.on) 것만 흐름에 참여 (부모 height 無 → 자연 높이) */
  .con07_pct_content {
    position: relative;
  }

  .con07_pct_content:not(.on) {
    display: none;
  }

  .con07_pct_content.on {
    display: flex;
  }

  /* 콘텐츠 레이아웃 3종: column 스택 + 중앙 + 종이 안쪽 패딩 */
  .con07_layout1,
  .con07_layout2,
  .con07_layout3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 120vw;
    padding: 10vw 9vw;
    text-align: center;
  }

  /* 비디오: 텍스트 아래로 통일 (order) */
  .con07_vd {
    order: 1;
    width: 72vw;
    height: 41vw;
    margin-right: 0;
    margin-top: 5vw;
    margin-bottom: 0;
  }

  .con07_layout2 .con07_title {
    margin-bottom: 2.5vw;
  }

  /* 텍스트 묶음 중앙 */
  .con07_twrap {
    align-items: center;
    text-align: center;
  }

  /* 번호 이미지 */
  .con07_number {
    width: 9vw;
    margin-bottom: 2vw;
  }

  /* 타이틀 */
  .con07_title {
    font-size: 4.5vw;
    margin-top: 2vw;
    margin-bottom: 2.5vw;
  }

  /* 서브 텍스트 */
  .con07_sub {
    font-size: 3.3vw;
    line-height: 1.6;
  }

  /* 보조데코·작은원형만 숨김 (큰 음식사진은 살림) */
  .con07_09,
  .con07_10 {
    display: none;
  }

  /* layout2·3 음식사진: absolute 해제 → 텍스트 아래 중앙 배치 */
  .con07_08,
  .con07_14 {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 62vw;
    margin-top: 5vw;
  }

  /* 탭 버튼: 박스 밖(right:-4vw 세로) → 종이 위 가로 3분할 (콘텐츠 위에 노출) */
  .con07_pct_btn {
    width: 28vw;
    right: auto;
    bottom: auto;
  }

  .con07_pct_btn.btn1 {
    left: 2vw;
    top: -15vw;
  }

  .con07_pct_btn.btn2 {
    left: 32vw;
    top: -15vw;
  }

  .con07_pct_btn.btn3 {
    left: 62vw;
    top: -15vw;
  }

  /* 페이지네이션: 탭으로 전환 가능 → 숨김 */
  .con07_pct_pgnt_wrap {
    display: none;
  }

  /* ===== con08 : 수익구조(파이+표 가로 2단 → 세로) + 하단 파란띠 ===== */
  .con08_iner {
    padding-top: 10vw;
    padding-bottom: 0;
  }

  /* 수익구조 뱃지 */
  .con08_02 {
    width: 24vw;
  }

  /* 타이틀 이미지 */
  .con08_01 {
    width: 89vw;
    margin-top: 5vw;
  }

  /* 소제목 텍스트 */
  .con08_t3 {
    font-size: 3.5vw;
    line-height: 1.6;
    margin-top: 4vw;
  }

  /* 파이차트 + 표 : 가로 2단 → 세로 1열 */
  .con08_iwrap {
    flex-direction: column;
    gap: 9vw;
    margin-top: 9vw;
  }

  /* 파이차트 */
  .con08_03 {
    width: 82vw;
  }

  /* 표 (글자 작아 크게) */
  .con08_05 {
    width: 94vw;
  }

  /* 파이차트 위 뱃지 (부모 확대분 반영) */
  .con08_04 {
    top: 15.9vw;
    left: 14.8vw;
  }

  /* 표 위 뱃지 */
  .con08_06 {
    right: 6.5vw;
    bottom: 5.8vw;
  }

  /* 하단 파란띠 : 좌우 슬라이드 숨기고 중앙 텍스트만 → 띠 두께 확보 */
  .con08_bottom {
    width: 100%;
    aspect-ratio: 1920 / 540;
    margin-top: 13vw;
  }

  /* 파란띠 이미지 채우기 (세로 줄무늬라 늘어나도 무방) */
  .con08_bottom>img {
    width: 100%;
    height: 100%;
  }

  /* 좌우 음식 슬라이드 숨김 */
  .con08_swiper {
    display: none;
  }

  /* 중앙 텍스트 정중앙 배치 */
  .con08_btxt {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
  }

  .con08_bt1 {
    font-size: 4.6vw;
  }

  .con08_bt2 {
    font-size: 6.5vw;
    margin-top: 1vw;
  }

  /* ===== con09 : 좌우 음식배경 분할 → 상하 스택 (중앙콘텐츠 위 / 홀·배달 음식 아래) ===== */
  /* 시안+코드 기반 1차안 (Docker 미설치로 실측 불가 → 서버 뜨면 보정 필요) */
  /* 컨테이너: 가로 flex → 세로 column, 고정높이 해제 */
  .con09_iner {
    flex-direction: column;
    height: auto;
  }

  /* 중앙 콘텐츠: absolute 해제 → relative 풀폭, order로 맨 위 */
  .con09_center {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    order: -1;
    overflow: hidden;
  }

  .con09_center_iner {
    padding-top: 15vw;
    padding-bottom: 0;
  }

  /* 타이틀 (홀은 만석/배달은 폭주/마지믹은 철벽) */
  .con09_01 {
    width: 42vw;
  }

  /* 설명문 */
  .con09_t3 {
    width: 86%;
    margin-top: 4vw;
    font-size: 3.4vw;
    line-height: 1.6;
    text-align: center;
  }

  /* "식자재 코스트 최대" 라벨 */
  .con09_03 {
    width: 42vw;
    margin-top: 5vw;
    margin-bottom: 0;
  }

  /* 32% 빨강 숫자 */
  .con09_02 {
    width: 30vw;
    margin-top: 1.5vw;
    margin-bottom: 0;
  }

  /* 칼국수 그릇 */
  .con09_04 {
    width: 79vw;
    margin-top: -4vw;
    margin-bottom: -19vw;
  }

  /* 우측 갈색 데코 숨김 */
  .con09_08 {
    display: none;
  }

  /* 좌우 음식카드: 폭 50%→100%, 위아래 스택 */
  .con09_lr {
    width: 100%;
    height: 56vw;
  }

  /* on 토글(4초 자동순환+클릭) 그대로 살림: filter:none 안 줌 → on 시 음식 brightness(0.4) 어둡게 유지 */

  /* 홀/배달 배지: 카드 정중앙 (기본 표시, on 시 전역 룰로 자동 숨김) */
  .con09_lr_badge {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

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

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

  .con09_lr_badge img {
    width: 26vw;
  }

  /* on 설명텍스트: 카드 정중앙 노출 (display 살리고 음식 위 가독성 확보) */
  .con09_hv_twrap {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 8vw;
  }

  .con09_hv_twrap.left {
    left: 0;
    right: 0;
  }

  .con09_hv_twrap.right {
    left: 0;
    right: 0;
  }

  .con09_hv_t3 {
    font-size: 3.4vw;
    line-height: 1.6;
    opacity: 1;
  }

  /* on 전환 타이틀 "홀"(정사각)/"배달"(가로 2:1) 확대 — 높이 맞춰 폭 차등 */
  .con09_hv_t1 {
    margin-bottom: 3vw;
  }

  .con09_09_2 {
    width: 8vw;
  }

  .con09_10_2 {
    width: 16vw;
  }

  /* ===== con15 : 가족점 안내(검색+리스트+지도) → 세로 스택 ===== */
  .con15_iner {
    padding-top: 15vw;
    padding-bottom: 25vw;
  }

  /* 검색바 : 고정폭 → 90vw 가운데 */
  .con15_search {
    width: 92vw;
    height: 12vw;
    padding-left: 5vw;
    margin-top: 4vw;
    margin-bottom: 3vw;
  }

  .con15_search input {
    font-size: 3.5vw;
  }

  /* 박스 : 가로배치 → 세로 스택 */
  .con15_box {
    flex-direction: column;
    width: 92vw;
    height: auto;
  }

  /* 리스트 : 좌측 27% → 풀폭(위), 우측 보더 제거 */
  .con15_list {
    width: 100%;
    max-height: 55vw;
    border-right: none;
  }

  .map_mid_map_search_item {
    padding: 4vw;
  }

  .con15_item_txt {
    gap: 1.5vw;
  }

  .con15_name {
    font-size: 4vw;
  }

  .con15_addr {
    font-size: 3.3vw;
    line-height: 1.5;
  }

  .con15_arrow {
    width: 5vw;
    top: 4vw;
    right: 4vw;
  }

  /* 지도 : 풀폭(아래) + 높이 명시 */
  .con15_map_wrap {
    width: 100%;
    order: -1;
  }

  .con15_ga {
    width: 40vw;
    left: 23vw;
  }

  #map {
    height: 55vw;
  }

  .map_marker_text {
    padding: 1.4vw 3vw;
    border-radius: 10vw;
    font-size: 3.3vw;
  }

  .map_marker_tail {
    width: 2.6vw;
    height: 2.6vw;
    margin-top: -1.4vw;
  }

  /* 타이틀 간판 확대 (sign 키우고, ga/badge 위치 비례 보정) */
  .con15_sign {
    width: 92vw;
  }

  .con15_badge {
    width: 25vw;
    left: 73vw;
    top: 0.3vw;
  }

  /* ===== con11 : 리얼리뷰(박스 카드흐름 + 손폰목업 + 해시태그뱃지) ===== */
  /* 설명문: 폰트 키우고 중앙 */
  .con11_t3 {
    font-size: 3.3vw;
    line-height: 1.6;
  }

  /* 우측 "리얼리뷰" 세로데코 → 좁은 화면서 어색 → 숨김 */
  .con11_03 {
    display: none;
  }

  /* 박스: 납작 aspect(1920/759) 해제 → 카드·폰 들어갈 높이 확보 */
  .con11_box {
    aspect-ratio: auto;
    height: auto;
    margin-top: 6vw;
    margin-bottom: 0;
    order: 3;
  }

  /* 카드 크게(가로 흐름 유지) */
  .con11_sitem {
    width: 68vw;
  }

  /* 카드 위 여백 */
  .con11_swiper {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  /* 손폰목업: 중앙 + 확대 (내부 스크린 좌표 58/47.14 비례) */
  .con11_phone {
    width: 58vw;
    left: 21vw;
    bottom: 6vw;

    display: none;
  }

  .con11_phone_iner {
    width: 19.7vw;
    height: 41.6vw;
    left: 32.4vw;
    top: 1vw;
  }

  /* 해시태그 뱃지: 폰트 키우고 wrap 허용 */
  .con11_badge_wrap {
    flex-wrap: wrap;
    gap: 1.5vw;
    bottom: auto;
    width: 100%;
    position: relative;
    margin-top: 6vw;
  }

  .con11_badge {
    height: auto;
    padding: 2vw 4.2vw;
    font-size: 3.6vw;
  }

  /* ===== con14 : 창업절차 8개 카드(4열×2) → 2열 그리드 + 화살표 숨김 ===== */
  /* 좌측 세로 간판 데코 숨김 */
  .con14_03 {
    display: none;
  }

  /* 타이틀 이미지 */
  .con14_02 {
    width: 55vw;
  }

  /* 설명문 */
  .con14_t3 {
    font-size: 3.3vw;
    line-height: 1.6;
  }

  /* 카드 박스 : 폭 확대 + aspect 해제(콘텐츠 높이로 흐름) */
  .con14_box {
    width: 94vw;
    margin-top: 6vw;
  }

  .con14_box_iner {
    aspect-ratio: auto;
    width: 100%;
  }

  /* 그리드 : 좌우 패딩 축소 + 두 묶음 세로 간격 */
  .con14_grid {
    padding: 4vw;
    row-gap: 2vw;
  }

  /* 각 줄(카드4) → 2열 wrap (1234 / 5678 순서 유지) */
  .con14_row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vw;
  }

  /* 카드 : 2열 폭 (텍스트 가독 위해 최대 확보) */
  .con14_card {
    width: 42vw;
  }

  .con14_01 {
    width: 6vw;
    margin-bottom: 6vw;
  }

  /* 카드 사이 가로 흐름 화살표 숨김 */
  .con14_arrow {
    display: none;
  }

  /* OPEN 뱃지 : 마지막 카드 우상단 걸침 (카드 축소분 반영) */
  .con14_badge_open {
    width: 19vw;
    right: -3vw;
    top: -3vw;
  }

  /* ===== con12 : 메뉴 라인업 슬라이드 → 세로 스택 중앙 ===== */
  /* iner: height 고정 해제 → 콘텐츠 높이로 흐름 + 중앙정렬 */
  .con12_iner {
    height: auto;
    padding-left: 0;
    padding-top: 15vw;
    padding-bottom: 15vw;
    align-items: center;
  }

  /* 타이틀 묶음 중앙 */
  .con12_twrap {
    align-items: center;
  }

  /* 타이틀 이미지(con12_02m 자동전환) 확대 */
  .con12_02 {
    width: 44vw;
    margin-top: 6vw;
  }

  /* 슬라이드 absolute 해제 → 흐름 복귀, 중앙 */
  .con12_swiper {
    position: relative;
    right: auto;
    width: 92vw;
    margin-top: 8vw;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  }

  /* 카드 확대 (slidesPerView auto → 카드 폭이 슬라이드 폭 결정) */
  .con12_sitem {
    width: 60vw;
  }

  /* 카드 이미지 높이 비례 확대 */
  .con12_simg {
    height: 51vw;
  }

  /* 텍스트박스 높이 고정 해제 + 중앙 */
  .con12_stxt {
    height: auto;
    padding: 4vw 4vw 5vw;
    text-align: center;
  }

  /* 메뉴명 */
  .con12_st1 {
    font-size: 4.2vw;
    margin-bottom: 1.5vw;
  }

  /* 재료 설명 */
  .con12_st2 {
    font-size: 3.3vw;
    line-height: 1.5;
  }

  /* 버튼 absolute 해제 → 슬라이드 아래 중앙 */
  .con12_btn_wrap {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 6vw;
    gap: 3vw;
  }



  /* 좌하단 음식 데코 숨김 (화면밖 + 슬라이드에 음식 이미 있음) */
  .con12_01 {
    display: none;
  }

  /* ===== con13 : 창업비용 표 (px폰트→vw 전환 + 종이/표 확대) ===== */
  /* 박스 상하 여백 */
  .con13_box_iner {
    padding-top: 11vw;
    padding-bottom: 11vw;
  }

  /* 타이틀 확대 */
  .con13_01 {
    width: 36vw;
  }

  .con13_col3 {
    width: 35vw;
  }

  .con13_02 {
    width: 38vw;
    margin-top: 4vw;
    margin-bottom: 7vw;
  }

  /* 그릇+연기 데코 숨김 (표 가림) */
  .con13_08 {
    display: none;
  }

  /* 종이 배경 aspect 해제 → 표 자연높이로 흐르고 종이가 따라 늘어남 */
  .con13_table_iner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 94vw;
  }

  .con13_iner {
    padding-top: 0;
  }

  .con13_box {
    width: 100vw;
  }

  /* 종이 안쪽 여백 (표가 종이 테두리 안에) */
  .con13_tbox {
    padding: 13vw 5% 17vw 5%;
  }

  .con13_box_bottom {
    width: 100vw;
    background: #041e4c;
  }

  .con13_box_bottom_inner {
    aspect-ratio: 1869 / 260;
  }

  .con14_iner {
    padding-top: 37vw;
  }

  .con13_box_bottom>.bg_img {
    display: none;
  }

  .con13_13 {
    width: 76vw;
  }

  .con13_12 {
    width: 10vw;
  }

  /* 표 헤더 행 */
  .con13_thead {
    height: auto;
    padding: 1.6vw 0;
  }

  /* 표 데이터 행 */
  .con13_trow {
    height: auto;
    padding: 1.3vw 0;
  }

  /* 헤더 글자 */
  .con13_th {
    font-size: 3.6vw;
  }

  /* 데이터 글자 */
  .con13_td {
    font-size: 3.3vw;
  }

  /* 비고 뱃지 */
  .con13_badge {
    width: 26vw;
  }

  /* 합계 띠 */
  .con13_total {
    height: auto;
    padding: 2.2vw 0;
    gap: 2vw;
  }

  .con13_total_tt {
    font-size: 4.2vw;
  }

  .con13_total_img {
    width: 22vw;
  }

  /* 별도공사 노트 (nowrap 해제 → 줄바꿈) */
  .con13_note {
    margin-top: 2vw;
    font-size: 2.8vw;
  }

  /* 테이프 데코 종이 모서리 위치 보정 */
  .con13_tape01 {
    width: 22vw;
    left: -2%;
    top: -3vw;
  }

  .con13_tape02 {
    width: 22vw;
    left: 80%;
    top: auto;
    bottom: -3vw;
  }

  /* ===== con10 : 레트로 TV 영상(유튜브) → 세로 스택 중앙 ===== */
  /* iner 고정높이(49.87vw) 해제 → 콘텐츠 흐름 + 세로 패딩 */
  .con10_iner {
    height: auto;
    padding: 15vw 0;
  }

  .con10_08 {
    width: 230vw;
  }

  .con11_02 {
    width: 72vw;
  }

  .con11_01 {
    width: 39vw;
    margin-top: 12vw;
    margin-bottom: 4vw;
  }

  /* 타이틀+설명 → relative, 맨 위 중앙 */
  .con10_twrap {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    align-items: center;
    order: 1;
  }

  .con10_01 {
    width: 71vw;
  }

  .con10_t3 {
    margin-top: 3vw;
    font-size: 3.3vw;
    line-height: 1.6;
    text-align: center;
  }

  /* HOT 뱃지 → 흐름 진입, TV 좌상단에 겹침 */
  .con10_02 {
    z-index: 200;
    width: 20vw;
    top: 50vw;
    left: 4vw;
  }

  .con10_swiper2 {
    width: 100%;
  }

  /* TV → relative 중앙, 크게 */
  .con10_tv {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 90vw;
    margin-top: 6vw;
    order: 3;
    aspect-ratio: 16 / 9;
  }

  .con10_sitem2 {
    width: 49vw;
    border-radius: 3vw;
    aspect-ratio: 480 / 320;
  }

  .con10_tv_img {
    display: none;
  }

  /* TV 안쪽 영상영역: TV(86vw) 비율 재계산 */
  .con10_content_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    left: auto;
    top: auto;
  }

  /* 탭+네비 → relative, TV 아래 세로(탭 위·네비 아래) */
  .con10_nav {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    flex-direction: column;
    gap: 4vw;
    margin-top: 6vw;
    width: 100%;
    order: 4;
  }

  .con10_tab_wrap {
    order: 1;
    gap: 2vw;
  }

  .con10_btn_wrap {
    order: 2;
    gap: 3vw;
  }

  .con10_tab {
    width: 34vw;
    height: auto;
    padding: 2.6vw 0;
    font-size: 3.5vw;
  }

  .swiper_btn {
    width: 12vw;
  }

  /* 썸네일 무한슬라이드 → relative, TV 아래 가로 띠 */
  .con10_05 {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100vw;
    margin-top: 10vw;
    order: 5;
  }

  /* 하단 큰 데코 숨김 */
  .con10_07 {
    display: none;
  }

  /* ===== con16 : 창업문의(상단 데코 + 좌텍스트/우폼 2단) → 세로 스택 ===== */
  /* 컨테이너: aspect-ratio·mask 해제 → 콘텐츠 높이로 흐름 (상단 데코 공간 padding) */
  .con16 {
    margin-top: -15vw;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .con16_iner {
    padding-top: 50vw;
    padding-bottom: 24vw;
  }

  /* 상단 데코: width를 vw 고정 → --px 큰 환경에서도 부풀지 않게 (환경 무관 일정 크기) */
  .con16_tent {
    width: 86vw;
  }

  .con16_food {
    width: 44vw;
  }

  .con16_steam {
    width: 22.2vw;
  }

  .con16_lant {
    display: none;
  }

  .con16_14 {
    width: 200Vw;
    top: 13vw;
  }

  /* .con16_lant_L1 {
    width: 5.6vw;
  }

  .con16_lant_L2 {
    width: 5.2vw;
  }

  .con16_lant_L3 {
    width: 6vw;
  }

  .con16_lant_L4 {
    width: 5.2vw;
  }

  .con16_lant_L5 {
    width: 6.6vw;
  }

  .con16_lant_R1 {
    width: 6.4vw;
  }

  .con16_lant_R2 {
    width: 5.7vw;
  }

  .con16_lant_R3 {
    width: 5.2vw;
  }

  .con16_lant_R4 {
    width: 6.7vw;
  }

  .con16_lant_R5 {
    width: 6vw;
  } */

  /* 박스: 가로 2단(row) → 세로 스택, aspect 해제 */
  /* z-index ↑ : 데코(tent z2/food z3)가 박스 타이틀 못 덮게 박스를 위로 */
  .con16_box {
    width: 95vw;
  }

  .con16_box_iner {
    flex-direction: column;
    align-items: center;
    padding: 9vw 0 10vw;
  }

  /* 좌측 텍스트: 풀폭 중앙 (order 1 = 맨 위 / 전화 order 2 / 폼 order 3) */
  .con16_left {
    order: 1;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    text-align: center;
  }

  /* "창업문의" 뱃지: absolute → 흐름 상단 중앙 */
  .con16_badge {
    position: relative;
    left: auto;
    top: auto;
    padding: 1.4vw 4vw;
  }

  .con16_badge span {
    font-size: 3.3vw;
  }

  /* 타이틀/서브 이미지 */
  .con16_title {
    width: 51vw;
    margin-top: 4vw;
  }

  .con16_sub {
    width: 67vw;
    margin-top: 6vw;
  }

  /* 설명문 */
  .con16_desc {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 4vw;
    text-align: center;
  }

  /* 전화 묶음: absolute(데스크탑 상속) 해제 → 컬럼 흐름 정상 참여, order로 desc 바로 아래·중앙 */
  .con16_call {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    order: 2;
    width: 60vw;
    height: 18vw;
    margin: 5vw 0 0 0;
    justify-content: center;
  }

  .con16_tel {
    margin-left: 14vw;
    font-size: 6.7vw;
  }

  /* 폼: absolute → 흐름 복귀, 풀폭, 높이 auto, 내부 중앙 (order 3 = 맨 아래) */
  .con16_form {
    order: 3;
    position: relative;
    left: auto;
    top: auto;
    align-items: center;
    width: 84vw;
    height: auto;
    margin-top: 8vw;
    padding-bottom: 6vw;
    padding-top: 5vw;
  }

  /* 필드: 부모 center 정렬 → margin-left 제거 */
  .con16_field {
    width: 86%;
    margin-left: 0;
    padding-bottom: 4.5vw;
    margin-top: 4.5vw;
  }

  .con16_field:first-child {
    margin-top: 8vw;
  }

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

  .con16_star {
    left: -4vw;
    font-size: 4.5vw;
  }

  /* 동의 */
  .con16_agree {
    width: 86%;
    margin-left: 0;
    margin-top: 4vw;
    font-size: 3.5vw;
  }

  .con16_check {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: 2vw;
  }

  .con16_check:checked::before {
    width: 1.5vw;
    height: 2.8vw;
    border-width: 0 0.5vw 0.5vw 0;
  }

  /* 버튼 */
  .con16_btn {
    width: 86%;
    height: auto;
    margin-left: 0;
    padding: 4vw 0;
    font-size: 4.2vw;
    margin-top: 6vw;
  }

  #content_wrap {
    padding-bottom: 0;
    margin-bottom: -16vw;
  }


}