/* ===== 공통 유틸리티 ===== */
.hide{ display: none !important; }

/* ===== elephantcafe 메인 비주얼 (Figma 정확값, 1920px 기준) ===== */
/* 섹션 y범위: figma -183~831, 총 1014px = 52.8125vw */

/* --- 섹션 배경 (main_08.png 줄무늬 텍스처) --- */
.main_visual{
    background: url('/images/main_08.png') center top / 100% auto no-repeat;
    background-color: #ffe254;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -4%;
}

/* --- 타원 (외곽) --- */
/* 실제 size=609.65x456.42, 회전 21.73°, 중심=(960.54, 484.00) from section top */
/* boundingBox 735.3x649.7은 회전 후 AABB. 실제 타원은 더 납작하고 기울어져있음 */
.mv_ellipse_out{
    left: 50.0281%;             /* center_page_x 960.54/1920 */
    top: 25.2083vw;             /* center_from_top 484.00/1920 */
    width: 31.7526%;            /* 609.65/1920 */
    aspect-ratio: 609.65 / 456.42;
    border-radius: 50%;
    background: #ffffff;
    border: 0.1042vw solid #91a8b8; /* 2/1920 */
    z-index: 2;
    transform: translate(-50%, -50%) rotate(-21.73deg);
}

/* --- 타원 (내부) --- */
/* 실제 size=596.64x463.78, 회전 2.50°, 중심=(960.53, 484.01) from section top */
.mv_ellipse_in{
    left: 50.0276%;             /* center_page_x 960.53/1920 */
    top: 25.2089vw;             /* center_from_top 484.01/1920 */
    width: 31.0750%;            /* 596.64/1920 */
    aspect-ratio: 596.64 / 463.78;
    border-radius: 50%;
    background: #ffffff;
    border: 0.1042vw solid #91a8b8;
    z-index: 3;
    transform: translate(-50%, -50%) rotate(-2.50deg);
}

/* --- 코끼리 캐릭터 (wrapper) --- */
/* 원본(1:494) x=743.3, y=172.0, w=337, h=411 */
/* page_x=803.0, from-top=355.0 */
.mv_character{
    left: 41.8229%;             /* 803/1920 */
    top: 18.4896vw;             /* 355/1920 */
    width: 17.5521%;            /* 337/1920 */
    display: flex;
    flex-direction: column;
    z-index: 4;
}
/* Coffee&Dessert 문구 (h=46 of 411) */
.mv_cd_text{
    width: 100%;
    display: flex;
}
.mv_cd_text img{ width: 100%; }
/* 코끼리 본체 (h=365 of 411) */
.mv_elephant{
    width: 100%;
    display: flex;
}
.mv_elephant img{ width: 100%; }

/* --- 연기1 (큰) --- */
/* page_x=1140, from-top=284px, w=52 */
.mv_steam1{
    left: 59.3750%;             /* 1140/1920 */
    top: 14.7917vw;             /* 284/1920 */
    width: 2.7083%;             /* 52/1920 */
    display: flex;
    z-index: 5;
    animation: steamFloat 3s ease-in-out infinite;
}
.mv_steam1 img{ width: 100%; }

/* --- 연기2 (작은) --- */
/* page_x=1114, from-top=272px, w=29 */
.mv_steam2{
    left: 58.0208%;             /* 1114/1920 */
    top: 14.1667vw;             /* 272/1920 */
    width: 1.5104%;             /* 29/1920 */
    display: flex;
    z-index: 5;
    animation: steamFloat 2.5s ease-in-out infinite 0.5s;
}
.mv_steam2 img{ width: 100%; }

/* --- 장식 아이콘 --- */
/* page_x=1031, from-top=592px, w=49 */
.mv_icon{
    left: 53.6979%;             /* 1031/1920 */
    top: 30.8333vw;             /* 592/1920 */
    width: 2.5521%;             /* 49/1920 */
    display: flex;
    z-index: 5;
    animation: sparkle 2s ease-in-out infinite;
}
.mv_icon img{ width: 100%; }

/* --- 장식 원 --- */
/* page_x=725, from-top=679px, w=23, h=23 */
.mv_dot{
    left: 37.7604%;             /* 725/1920 */
    top: 35.3646vw;             /* 679/1920 */
    width: 1.1979vw;            /* 23/1920 */
    height: 1.1979vw;
    border-radius: 50%;
    background: #91a8b8;
    z-index: 5;
}

/* --- 좌측 텍스트 --- */
.mv_text_left{
    left: 14.4531%;             /* 277.5/1920 (타이틀 기준) */
    top: 18.0833vw;             /* 347.2/1920 (서브 기준) */
    z-index: 6;
}
.mv_text_left .mv_sub{
    font-family: 'Paperlogy';
    font-weight: 600;
    font-size: 1.2500vw;        /* 24/1920 */
    color: #203342;
    letter-spacing: -0.0500vw;  /* -0.96/1920 */
    margin: 0;
    line-height: 1;             /* Figma h=24 = font-size */
}
.mv_text_left .mv_title{
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 6.5104vw;        /* 125/1920 */
    color: #203342;
    letter-spacing: -0.2604vw;  /* -5.0/1920 */
    margin-top: 1.1198vw;       /* gap 21.5px: figma main_y(209.7) - sub_bottom(188.2) */
    margin-bottom: 0;
    line-height: 1.05;
}

/* --- 우측 텍스트 --- */
.mv_text_right{
    left: 73.7448%;             /* 1415.9/1920 */
    top: 18.0833vw;             /* 347.2/1920 */
    z-index: 6;
}
.mv_text_right .mv_sub{
    font-family: 'Paperlogy';
    font-weight: 600;
    font-size: 1.2500vw;        /* 24/1920 */
    color: #000000;
    letter-spacing: -0.0500vw;
    margin: 0;
    line-height: 1;             /* Figma h=24 = font-size */
}
.mv_text_right .mv_title{
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 6.5104vw;        /* 125/1920 */
    color: #010101;
    letter-spacing: -0.2604vw;
    margin-top: 1.1667vw;       /* gap 22.4px: figma main_y(210.6) - sub_bottom(188.2) */
    margin-bottom: 0;
    line-height: 1.05;
}

/* --- 하단 음식 슬라이드 --- */
/* from-top=785px(40.8854vw), 섹션 overflow:hidden으로 하단 잘림 */
.mv_food{
    top: 40.8854vw;             /* 785/1920 */
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 7;
}
.mv_food_track{
    display: flex;
    align-items: flex-start;
    gap: 6.8229vw;              /* ~131/1920 평균 간격 */
    animation: foodSlide 25s linear infinite;
    width: max-content;
}
.mv_food_item{
    display: flex;
    flex-shrink: 0;
}
.mv_food_item img{
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
}

/* 음식 개별 크기 + y오프셋 (food_row_2=0 기준) */
.mv_fi1{ width: 9.2188vw; margin-top: 2.6042vw; }   /* food_row_4: 177/1920, y+50 */
.mv_fi2{ width: 9.8958vw; margin-top: 2.1354vw; }   /* food_row_3: 190/1920, y+41 */
.mv_fi3{ width: 9.4271vw; margin-top: 0; }           /* food_row_2: 181/1920, baseline */
.mv_fi4{ width: 9.4792vw; margin-top: 2.0313vw; }   /* food_row_1: 182/1920, y+39 */
.mv_fi5{ width: 9.8958vw; margin-top: 0.8333vw; }   /* food_row_5: 190/1920, y+16 */
.mv_fi6{ width: 9.5833vw; margin-top: 1.4063vw; }   /* food_row_6: 184/1920, y+27 */
.mv_fi7{ width: 10.0000vw; margin-top: 0.6250vw; }  /* food_row_7: 192/1920, y+12 */
.mv_fi8{ width: 10.2604vw; margin-top: 2.4479vw; }  /* food_row_8: 197/1920, y+47 */

/* --- 하단 구분선 (rltv → 섹션 높이 생성) --- */
/* 가는선: from-top=991px, 2px, #203342 */
.mv_line_thin{
    margin-top: 51.6146vw;     /* 991/1920 */
    width: 101.3021%;           /* 1945/1920 */
    margin-left: -0.3646%;     /* -7/1920 */
    border-top: 2px solid #203342;
    z-index: 8;
}
/* 굵은선: gap 6px from thin, 15px, #203342 */
.mv_line_thick{
    margin-top: 0.3125vw;      /* 6/1920 */
    width: 101.3021%;
    margin-left: -0.3646%;
    border-top: 0.7813vw solid #203342; /* 15/1920 */
    z-index: 8;
}

/* --- 애니메이션 --- */
@keyframes steamFloat{
    0%, 100%{ transform: translateY(0); opacity: 0.7; }
    50%{ transform: translateY(-0.5vw); opacity: 1; }
}
@keyframes sparkle{
    0%, 100%{ transform: scale(1); opacity: 1; }
    50%{ transform: scale(1.15); opacity: 0.6; }
}
@keyframes foodSlide{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
}

/* ===== CON1 브랜드 (Figma y=829.5~1900, 1920px 기준) ===== */
/* section_top = figma y=829.5, from_sec_top = figma_y - 829.5 */
/* page_x = figma_x + 59.7, left% = page_x / 1920 * 100 */

.con1{
    background: url('/images/con01_04.jpg') center top / 100% auto no-repeat;
    background-color: #fff9db;
    overflow: visible;
    align-items: flex-start;
}

/* --- 좌/우 세로 라인 --- */
.con1::before,
.con1::after{
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #91a8b8;
    z-index: 1;
}
.con1::before{ left: 12.45%; }
.con1::after{ left: 87.55%; }

/* --- 메인 타이틀 --- */
.c1_title{
    left: 37.0885%;
    top: 9.9323vw;
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 3.9063vw;
    color: #000000;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    z-index: 1;
}
.c1_title .ttl_acc{ color: #203342; }

/* --- 서브 텍스트 --- */
.c1_sub{
    left: 30.4896%;
    top: 21.6406vw;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 1.1458vw;
    color: #000000;
    line-height: 1.45;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    z-index: 1;
}

/* --- 키워드 원형 공통 (4개: 다양성/매출/맛/감성, 이미지 호버 스왑) --- */
.c1_kw{
    width: 9.1667%;             /* 176/1920 */
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    z-index: 5;
    cursor: pointer;
}
.c1_kw img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;
    transition: opacity 0.3s;
}
.c1_kw_hover{ opacity: 0; }
.c1_kw:hover .c1_kw_default, .c1_kw.auto-hover .c1_kw_default{ opacity: 0; }
.c1_kw:hover .c1_kw_hover, .c1_kw.auto-hover .c1_kw_hover{ opacity: 1; }

/* --- 각 원형 위치 --- */
.c1_kw_div{ left: 7.8646%; top: 15.5990vw; }
.c1_kw_rev{ left: 7.8646%; top: 32.5781vw; }
.c1_kw_taste{ left: 82.9688%; top: 8.2031vw; z-index: 6; }
.c1_kw_emo{ left: 82.9688%; top: 35.2344vw; z-index: 6; }

/* --- 좌: 연기 아이콘 --- */
.c1_steam{
    left: 11.0938%;
    top: 27.0052vw;
    width: 2.7083%;
    display: flex;
    z-index: 5;
}
.c1_steam img{ width: 100%; }

/* --- 우: 작은 점 --- */
.c1_dot{
    left: 87.2917%;
    top: 33.2552vw;
    width: 0.6250vw;
    height: 0.6250vw;
    border-radius: 50%;
    background: #91a8b8;
    z-index: 6;
}

/* --- 중앙: 메뉴 사진 (pill 클리핑, 사각형6: 996.9x389, r=194.5) --- */
.c1_menu{
    left: 24.0417%;
    top: 28.0208vw;
    width: 51.9219%;            /* 996.9/1920 */
    aspect-ratio: 996.9 / 389;
    border-radius: 10.1302vw;   /* 194.5/1920 */
    overflow: hidden;
    background: #203342;
    display: flex;
    z-index: 2;
}
.c1_menu img{ width: 100%; height: 100%; object-fit: cover; }

/* --- 중앙: 말풍선 (이미지) --- */
.c1_speech{
    left: 66.7188%;
    top: 29.7135vw;
    width: 15.0521%;
    display: flex;
    z-index: 4;
}
.c1_speech img{ max-width: 101% !important; min-width: unset !important; }

/* --- 중앙: 코끼리 캐릭터 --- */
.c1_elephant{
    left: 62.9688%;
    top: 35.7552vw;
    width: 14.4271%;
    display: flex;
    z-index: 3;
}
.c1_elephant img{ width: 100%; }

/* --- 섹션 높이 (rltv margin-top 체인) --- */
.c1top1st{
    margin-top: 55.7813vw;
}

/* ===== CON2 경쟁력 (Figma y=1900~3478, 1920px 기준) ===== */
/* section_top = y=1900, page_x = figma_x + 59.7 */
/* Figma z-order: t(0) < left(1) < right(2), 패널: 2(2)<3(3)<1(4) */

.con2{
    background-color: unset;
    overflow: visible;
    align-items: flex-start;
    isolation: isolate;
    z-index: 2;
}

/* --- 좌측 메인 타이틀 --- */
.c2_title{
    left: 12.4427%;
    top: 9.5938vw;
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 3.9063vw;
    color: #000000;
    line-height: 1.2;
    white-space: nowrap;
    margin: 0;
    z-index: 1;
}
.c2_title .ttl_acc{ color: #203342; }

/* --- 좌측 서브 텍스트 --- */
.c2_sub{
    left: 12.5208%;
    top: 21.5104vw;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 1.1458vw;
    color: #000000;
    line-height: 1.45;
    white-space: nowrap;
    margin: 0;
    z-index: 1;
}

/* --- 세로 구분선 --- */
.c2_divider{
    left: 50.0000%;
    top: -0.1563vw;
    width: 0.0521vw;
    height: 48.4375vw;
    background: #203342;
    z-index: 2;
}

/* --- 카드 공통 (nested wrapper) --- */
/* 각 카드 = absol in section + 내부 요소의 positioning context */
.c2_card{
    left: 50.0000%;
    width: 50.0000%;
    overflow: visible;
    cursor: pointer;
    transition: background 0.3s;
    border-bottom: 0.0521vw solid rgba(32,51,66,0.3);
    border-left: 0.0521vw solid rgba(32,51,66,0.3);
}

/* --- 01 카드 (디폴트 흰색, 호버→다크) --- */
/* from_sec_top=0, height=310.4px=16.1667vw */
.c2_card1{
    top: 0;
    height: 16.1667vw;
    background: #ffffff;
    z-index: 14;
}

/* --- 02 카드 (디폴트 흰색, 호버→다크) --- */
/* from_sec_top=310.4px=16.1667vw, height=(619-310.4)=308.6px=16.0729vw */
.c2_card2{
    top: 16.1667vw;
    height: 16.0729vw;
    background: #ffffff;
    z-index: 13;
}

/* --- 03 카드 (디폴트 흰색, 호버→다크) --- */
/* from_sec_top=619px=32.2396vw, height=(928-619)=309px=16.0938vw */
.c2_card3{
    top: 32.2396vw;
    height: 16.0938vw;
    background: #ffffff;
    z-index: 13;
}

/* 호버 → 다크 전환 (3카드 전부) */
.c2_card:hover{ background: #203342; z-index: 15; }
.c2_card:hover .c2_desc{ color: #ffffff; }
.c2_card:hover .c2_num{ background: #ffe254; }

/* --- 번호 배지 (nested in card) --- */
/* SVG: pill shape (border-radius=19.5px=width/2) = 1.0156vw */
/* badge page_x=941, card left=960 → badge left in card = (941-960)/960*100 = -1.9792% */
.c2_num{
    position: absolute;
    left: -1.9792%;
    width: 4.0625%;           /* 39/960 */
    height: 2.9688vw;         /* 57/1920 */
    border-radius: 1.0156vw;  /* pill: 19.5/1920 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.c2_num span{
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 0.8698vw;
    color: #203342;
    white-space: nowrap;
}

/* 카드별 배지 위치 (top은 카드 내 상대값) */
/* card1: badge from_sec_top=126, card top=0 → 126/1920=6.5625vw */
.c2_card1 .c2_num{ top: 6.5625vw; background: #d2d2d2; }
/* card2: badge from_sec_top=435, card top=310.4 → (435-310.4)/1920=6.4896vw */
.c2_card2 .c2_num{ top: 6.4896vw; background: #d2d2d2; }
/* card3: badge from_sec_top=747, card top=619 → (747-619)/1920=6.6667vw */
.c2_card3 .c2_num{ top: 6.6667vw; background: #d2d2d2; }

/* --- 설명 텍스트 (nested in card) --- */
/* desc page_x=1089.9, card left=960 → left in card = (1089.9-960)/960*100 = 13.5313% */
.c2_desc{
    position: absolute;
    left: 13.5313%;
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 1.4;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}
/* card1: desc from_sec_top=110.5, card top=0 → 5.7552vw */
.c2_card1 .c2_desc{ top: 5.7552vw; color: #000000; transition: color 0.3s; }
/* card2: desc from_sec_top=420.5, card top=310.4 → 5.7344vw */
.c2_card2 .c2_desc{ top: 5.7344vw; color: #000000; transition: color 0.3s; }
/* card3: desc from_sec_top=730.5, card top=619 → 5.8073vw */
.c2_card3 .c2_desc{ top: 5.8073vw; color: #000000; transition: color 0.3s; }

/* --- 01 카드 코끼리 이미지 (디폴트 숨김, 호버 시 등장) --- */
/* img page_x=1561, card left=960 → left in card = (1561-960)/960*100 = 62.6042% */
.c2_card_img{
    position: absolute;
    left: 62.6042%;
    top: 8.0208vw;           /* from_sec_top=154, card top=0 */
    width: 30.6250%;          /* 294/960 */
    display: flex;
    z-index: 2;
    opacity: 0;
    transform: translateY(0.5vw);
    transition: opacity 0.4s, transform 0.4s;
}
.c2_card:hover .c2_card_img{
    opacity: 1;
    transform: translateY(0);
}
.c2_card_img img{ width: 100%; }

/* --- 02/03 사이 수평 구분선 --- */
.c2_hline{
    left: 50.0000%;
    top: 32.2396vw;
    width: 53.1250%;
    height: 0.0521vw;
    background: #203342;
    z-index: 3;
}

/* --- 하단 메뉴 배경 이미지 --- */
.c2_menu_bg{ display: none; }

/* --- 노랑 배너 --- */
.c2_banner{
    left: -2.9167%;
    top: 39.9479vw;
    width: 52.9167%;
    height: 8.3854vw;
    background: #ffe254;
    z-index: 8;
}

/* --- 배너 텍스트 (Swiper 무한 슬라이드) --- */
.c2_banner_txt{
    left: -2.9167%;
    top: 42.7083vw;
    width: 105.8333%;
    overflow: hidden;
    z-index: 9;
}
.c2_banner_swiper .swiper-slide{
    width: auto !important;
}
.c2_banner_swiper .swiper-slide img{
    height: 2.9167vw;          /* 56/1920 */
    width: auto;
    object-fit: contain;
}

/* --- 좌측 와플 이미지 (노랑 배너 위로, Figma: clipping 위) --- */
.c2_waffle{
    left: -5.6250%;
    top: 27.8646vw;
    width: 34.5313%;
    display: flex;
    z-index: 11;
}
.c2_waffle img{ width: 100%; }

/* --- 하단 다크 마스크 --- */
/* c2_dark, c2_ellipse → con03_01.png이 전환을 대체 */
.c2_dark{ display: none; }
.c2_ellipse{ display: none; }

/* --- 섹션 높이 (rltv margin-top 체인) --- */
.c2top1st{
    margin-top: 82.1875vw;
}

/* ===== CON3 경쟁력 포인트 (Figma y=2997~4509, 1920px 기준) ===== */
/* section_top=2997, page_x=figma_x+59.7, left%=page_x/1920*100 */
/* 두 상태(P01활성/P02활성)를 data-active로 토글 */

section#move_04{
    margin-top: -25%;
}

.con3{
    background-color: #ffffff;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* --- 상단 배경 (다크→화이트 전환, con03_01.png 1920x280) --- */
.c3_topbg{
    left: 0;
    top: -8.8542vw;
    width: 100%;
    display: flex;
    z-index: 1;
}
.c3_topbg img{ width: 100% !important; }

/* --- 상태 토글 (카드 표시/숨김) --- */
.c3_card{ transition: opacity 0.5s ease; }
.con3[data-active="1"] .c3_p1sm,
.con3[data-active="1"] .c3_p2lg{ opacity: 0; pointer-events: none; }
.con3[data-active="2"] .c3_p1lg,
.con3[data-active="2"] .c3_p2sm{ opacity: 0; pointer-events: none; }

/* --- 연기 아이콘 --- */
/* px=934, fy=0, 52x61 */
.c3_steam{
    left: 48.6458%;
    top: 0;
    width: 2.7083%;
    display: flex;
    z-index: 2;
}
.c3_steam img{ width: 100%; }

/* --- 서브 라벨 --- */
/* px=884.9, fy=85.3, Paperlogy 22px 600 #000 */
.c3_label{
    left: 46.0885%;
    top: 4.4427vw;
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 1.1458vw;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}

/* --- 메인 타이틀 --- */
/* Figma: center_x=978.02px → 978.02/1920=50.9385%, text-center + translateX(-50%) */
.c3_title{
    left: 50.9385%;
    top: 6.5208vw;
    transform: translateX(-50%);
    text-align: center;
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 3.9063vw;
    color: #000000;
    line-height: 1.2;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}
.c3_title .ttl_acc{ color: #203342; }

/* ===== 카드 공통 ===== */
.c3_card{ overflow: visible; }
.c3_sm{ cursor: pointer; overflow: hidden; }

/* --- P01 대형 카드 (state 1, 좌측) --- */
/* px=57, fy=356, 1378x543 */
.c3_p1lg{
    border: 1px solid #FFE254;
    left: 2.9688%;
    top: 18.5417vw;
    width: 71.7708%;
    height: 28.2813vw;
    z-index: 4;
    border-radius: 2vw;
}

/* P01 대형: 카드 배경 (40px=2.0833vw radius from vector path) */
.c3_p1lg .c3_lg_bg{
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: #fff9db;
    border-radius: 2.0833vw;
    z-index: 0;
}

/* P01 대형: 다크 클리핑 + 메뉴 사진 */
/* 596/1378=43.2510% */
.c3_lg1_dark{
    left: 0; top: 0;
    width: 43.2510%;
    height: 100%;
    background: unset;
    border-radius: 2.0833vw 0 0 2.0833vw;
    overflow: hidden;
    display: flex;
    z-index: 1;
}
.c3_lg1_dark img{
    width: 100%; height: 100%;
    object-fit: cover;
}

/* P01 대형: Point 01 라벨 (이미지, 텍스트 baked-in) */
/* (759-57)/1378=50.9434%, (464.8-356)/1920=5.6667vw, 98x32 */
.c3_lg1_ylbl{
    left: 50.9434%;
    top: 5.6667vw;
    width: 7.1117%;
    display: flex;
    z-index: 2;
}
.c3_lg1_ylbl img{ width: 100%; }

/* P01 대형: 타이틀 */
/* (760.2-57)/1378=51.0305%, (520.9-356)/1920=8.5885vw, KERIS 35px #000 */
.c3_lg1_ttl{
    left: 51.0305%;
    top: 8.5885vw;
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 1.8229vw;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}

/* P01 대형: 설명 */
/* (760.4-57)/1378=51.0450%, (598-356)/1920=12.6042vw, Paperlogy 22px 500 #000 */
.c3_lg1_desc{
    left: 51.0450%;
    top: 12.6042vw;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 1.1458vw;
    color: #000000;
    line-height: 1.4545;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}

/* P01 대형: 코끼리 캐릭터 */
/* Figma 좌측상단: (715-57)/1378=47.7503%, (622-356)/1920=13.8542vw, w=275/1378=19.9564% */
.c3_char{
    left: 74.7503%;
    top: 13.8542vw;
    width: 19.9564%;
    display: flex;
    z-index: 3;
}
.c3_char img{ width: 100%; }

/* P01 대형: 카테고리 원형 공통 (이미지, 텍스트 baked-in) */
.c3_circ{
    display: flex;
    z-index: 4;
}
.c3_circ img{ width: 100%; }

/* 원형 "음료" */
/* (978.1-57)/1378=66.8433%, (744.1-356)/1920=20.2135vw, 98/1920=5.1042vw */
.c3_circ1{
    left: 66.8433%;
    top: 20.2135vw;
    width: 5.1042vw;
}

/* 원형 "토스트" */
/* (1215.1-57)/1378=84.0421%, (546.1-356)/1920=9.9010vw */
.c3_circ2{
    left: 84.0421%;
    top: 9.9010vw;
    width: 5.1042vw;
}

/* 원형 "와플" */
/* (1320.9-57)/1378=91.7198%, (738.8-356)/1920=19.9375vw, 74/1920=3.8542vw */
.c3_circ3{
    left: 91.7198%;
    top: 19.9375vw;
    width: 3.8542vw;
}

/* ===== 소형 카드 공통 ===== */
.c3_sm{
    top: 18.5417vw;
    width: 20.4167%;
    height: 28.2813vw;
    border-radius: 2.0833vw;
    z-index: 5;
}

/* 소형: 배경 이미지 */
.c3_sm_bg{
    left: 0; top: 0;
    width: 100%; height: 100%;
    display: flex;
    z-index: 0;
}
.c3_sm_bg img{ width: 100%; height: 100%; object-fit: cover; }

/* 소형: 배지+아이콘 콤보 (이미지, 텍스트 baked-in) — Figma center = card center */
/* 132x96, width=33.6735%, left:50%-w/2=33.1633% → centered */
.c3_sm_combo{
    left: 50%;
    transform: translateX(-50%);
    top: 8.1771vw;
    width: 33.6735%;
    display: flex;
    z-index: 2;
}
.c3_sm_combo img{ width: 100%; }

/* 소형: 타이틀 공통 — Figma에서 text-center + translate-x-1/2 */
.c3_sm_ttl{
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 14.5156vw;
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 2.0833vw;
    color: #000000;
    line-height: 1.2;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}


/* --- P02 소형 위치 (우측) --- */
.c3_p2sm{ left: 76.4583%; }

/* --- P01 소형 위치 (좌측) --- */
.c3_p1sm{ left: 3.1250%; }

/* ===== P02 대형 카드 (state 2, 우측) ===== */
/* px=482, fy=969→repositioned to 356, 1378x543 */
.c3_p2lg{
    left: 25.1042%;
    top: 18.5417vw;
    width: 71.7708%;
    height: 28.2813vw;
    z-index: 4;
    overflow: hidden;
}

/* P02 대형: 카드 배경 (40px=2.0833vw radius from vector path) */
.c3_p2lg .c3_lg_bg{
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: #fff9db;
    border-radius: 2.0833vw;
    z-index: 0;
}

/* P02 대형: Point 02 라벨 (이미지, 텍스트 baked-in) */
/* (610-482)/1378=9.2888%, (1093.8-969)/1920=6.5000vw, 98x32 */
.c3_lg2_ylbl{
    left: 9.2888%;
    top: 6.5000vw;
    width: 7.1117%;
    display: flex;
    z-index: 2;
}
.c3_lg2_ylbl img{ width: 100%; }

/* P02 대형: 타이틀 */
/* (613.1-482)/1378=9.5138%, (1166.9-969)/1920=10.3073vw */
.c3_lg2_ttl{
    left: 9.5138%;
    top: 10.3073vw;
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 1.8229vw;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}

/* P02 대형: 설명 */
/* (611.4-482)/1378=9.3904%, (1256-969)/1920=14.9479vw */
.c3_lg2_desc{
    left: 9.3904%;
    top: 14.9479vw;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 1.1458vw;
    color: #000000;
    line-height: 1.4545;
    white-space: nowrap;
    margin: 0;
    z-index: 2;
}

/* P02 대형: 다크 라벨 */
/* (1363-482)/1378=63.9333%, (1207-969)/1920=12.3958vw, 162x48, pill */
.c3_lg2_dlbl{
    left: 63.9333%;
    top: 12.3958vw;
    width: 11.7562%;
    height: 2.5000vw;
    background: #203342;
    border-radius: 1.2500vw;
    z-index: 3;
}

/* P02 대형: 메뉴명 (롤링) — dlbl과 동일 left/width로 가운데 정렬 */
.c3_mname{
    left: 63.9333%;
    top: 12.3958vw;
    width: 11.7562%;
    height: 2.5000vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 1.0938vw;
    color: #ffffff;
    white-space: nowrap;
    margin: 0;
    z-index: 4;
}

/* P02 대형: 레이어9 이미지 */
/* (1284-482)/1378=58.2003%, (1270-969)/1920=15.6771vw, w=319/1378=23.1495% */
.c3_lg2_img{
    left: 58.2003%;
    top: 15.6771vw;
    width: 23.1495%;
    display: flex;
    z-index: 2;
}
.c3_lg2_img img{ width: 100%; }

/* P02 대형: 음식 원형 공통 */
.c3_food{
    width: 8.9583vw;
    height: 8.9583vw;
    border-radius: 50%;
    background: #ffffff;
    overflow: hidden;
    display: flex;
    z-index: 2;
    will-change: left, top;
}
.c3_food img{
    width: 100%; height: 100%;
    object-fit: cover;
}

/* pos0 상단중앙: 비빔우동 */
.c3_food1{ left: 63.5704%; top: 2.5521vw; }
/* pos1 우상: 컵 경주쫀드기 */
.c3_food2{ left: 78.5921%; top: 7.3438vw; }
/* pos2 우하: 컵냉면 */
.c3_food3{ left: 84.7605%; top: 17.9167vw; }
/* pos3 좌하: 말차컵빙수 (시계방향 순서) */
.c3_food5{ left: 43.0334%; top: 17.9167vw; }
/* pos4 좌상: 라면땅 */
.c3_food4{ left: 47.8954%; top: 7.3438vw; }

/* --- 섹션 높이 (rltv margin-top 체인) --- */
.c3top1st{
    margin-top: 55.2292vw;
}

/* ===== CON4 창업 간편 (Figma y=4509~5755, 1920px 기준) ===== */
/* section_top=4509, container: page_x=57.03 y=4816 w=1803 h=1058 */
/* 컨테이너 내부: rel_left=(page_x-57.03)/1803*100, rel_top=(fy-4816)/1920*100 */

.con4{
    background-color: #D1E4F1;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* --- 상단 라벨 (section 직접 자식, absol) --- */
.c4_lbl_icon{
    left: 44.5313%;
    top: 2vw;
    width: 12.6042%;
    display: flex; justify-content: center; align-items: center;
    z-index: 2;
}
.c4_lbl_icon img{ width: 100%; }

.c4_lbl_left{
    left: 29.5312%;
    top: 4.5833vw;
    width: 13.6979%;
    display: flex; justify-content: center; align-items: center;
    z-index: 5;
}
.c4_lbl_left img{ width: 100%; }

.c4_lbl_right{
    left: 56.6146%;
    top: 4.5833vw;
    width: 14.0625%;
    display: flex; justify-content: center; align-items: center;
    z-index: 5;
}
.c4_lbl_right img{ width: 100%; }

/* --- 흰색 컨테이너 (rltv → 섹션 높이 생성, spacer 불필요) --- */
/* margin-top으로 위치, padding-bottom으로 내부 공간 확보 (height 금지) */
.c4_container{
    margin-left: 2.9703%;
    margin-top: 10.3125vw;
    width: 93.9063%;
    padding-bottom: 55.1042vw;
    background: #ffffff;
    border-radius: 1.0417vw;
    overflow: hidden;
    z-index: 3;
}

/* --- 타이틀 --- */
.c4_title{
    left: 31.7194%;
    top: 6.8229vw;
    width: 36.6611%;
    font-family: 'KERIS KEDU';
    font-weight: bold;
    font-size: 3.9063vw;
    color: #203342;
    line-height: 1.2;
    letter-spacing: -0.1953vw;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    z-index: 5;
}
.c4_title .ttl_acc{ color: #000000; }

/* --- 서브텍스트 --- */
.c4_sub{
    left: 33.0838%;
    top: 17.0292vw;
    width: 34.0544%;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 1.1458vw;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    z-index: 5;
}

/* --- 중앙 노란 원 --- */
.c4_ycircle{
    left: 38.2518%;
    top: 20.1917vw;
    width: 23.6624%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #ffe254;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 2px solid #ffe254;
    outline-offset: 8px;
}

.c4_yc_inner{
    width: 94.8125%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c4_center_img{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.6s ease;
}
.c4_center_img.c4_ci_active{ opacity: 1; }

/* --- 회색 원 (개별 absol, 스텝 슬라이드) --- */
.c4_gc{
    top: 25.5729vw;
    width: 13.3666%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #eeeeee;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: transform 0.8s ease;
}
.c4_gc img{ max-width: 90%; max-height: 90%; object-fit: contain; }

/* 왼쪽 디저트 원 (gc1=가장왼쪽, gc3=가장오른쪽) */
.c4_gc1{ left: -9.1514%; }
.c4_gc2{ left: 6.7110%; }
.c4_gc3{ left: 22.5180%; }

/* 오른쪽 음료 원 (gc4=가장왼쪽, gc6=가장오른쪽) */
.c4_gc4{ left: 64.5036%; }
.c4_gc5{ left: 80.0333%; }
.c4_gc6{ left: 95.5075%; }

/* --- OK 배지 --- */
.c4_badge{
    top: 30.2865vw;
    width: 11.2131%;
    display: flex; justify-content: center; align-items: center;
    z-index: 4;
}
.c4_badge img{ width: 100%; }
.c4_badge_l{ left: 10.1822%; }
.c4_badge_r{ left: 78.7155%; }

/* --- OK 카드 --- */
.c4_okcard{
    top: 43.9703vw;
    width: 17.0882%;
    padding: 1.3021vw 1.2500vw;
    border: 0.0521vw solid #203342;
    border-radius: 0.7813vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 5;
}
.c4_ok_desc{
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 1.1458vw;
    margin: 0;
    white-space: nowrap;
}
.c4_ok_mark{
    font-family: 'KERIS KEDU';
    font-weight: bold;
    font-size: 2.2948vw;
    margin: 0;
    white-space: nowrap;
}

.c4_ok1{ left: 23.7082%; }
.c4_ok2{ left: 41.5669%; }
.c4_ok3{ left: 59.4256%; }

/* 디폴트: 밝은 배경 */
.c4_okcard{
    background: #f4fbff;
    transition: background 0.3s ease, transform 0.3s ease;
}
.c4_ok_desc{ color: #000000; transition: color 0.3s ease; }
.c4_ok_mark{ color: #203342; transition: color 0.3s ease; }

/* 호버: 다크 */
.c4_okcard:hover, .c4_okcard.auto-hover{
    background: #203342;
    transform: translateY(-0.3vw);
}
.c4_okcard:hover .c4_ok_desc, .c4_okcard.auto-hover .c4_ok_desc{ color: #ffffff; }
.c4_okcard:hover .c4_ok_mark, .c4_okcard.auto-hover .c4_ok_mark{ color: #ffe254; }

/* ===== CON5 홀과 배달 (CON4 section 안, 배경 #d1e4f1 공유) ===== */
/* con4 section_top = figma y4509, canvas 1920px */
/* absol top = (figma_y - 4509) / 1920 * 100 vw */

/* --- absol: 좌측 매장사진 vertical 슬라이드 --- */
/* figma: x=-1.67 y=5789, page_x=58.03, 301x1140 */
.c5_store_left{
    left: 3.0224%;
    top: 60.3125vw;
    width: 15.6771%;
    padding-bottom: 59.3750vw;
    overflow: hidden;
    z-index: 1;
}

.c5_store_right{
    left: 81.1474%;
    top: 55.8854vw;
    width: 15.6771%;
    padding-bottom: 59.3750vw;
    overflow: hidden;
    z-index: 1;
}

/* --- 슬라이드 트랙 (absol inside store container) --- */
.c5_store_track{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.9115vw;
}
.c5_store_track img{
    width: 100%;
}
.c5_track_left{
    animation: c5slideV 20s linear infinite;
}
.c5_track_right{
    animation: c5slideV 20s linear infinite reverse;
}
@keyframes c5slideV{
    0%{ transform: translateY(0); }
    100%{ transform: translateY(-50%); }
}

/* --- absol: 다크 바 (con05_01 이미지) --- */
/* figma: x=728.33 y=5862, page_x=788.03, 345x52 */
.c5_darkbar{
    left: 41.0432%;
    top: 65.0625vw;
    width: 17.9688%;
    display: flex;
    z-index: 2;
}
.c5_darkbar img{
    width: 100%;
}

/* --- absol: 코끼리 실루엣 배경 (con05_02, 차트 뒤 글로우) --- */
/* figma: 레이어512 x=303.3 y=6020 1219x1007 */
/* page_x=363.0, top=(6020-4509)/1920=78.6979vw */
/* ★ z-index: 0 → 모든 요소 뒤에 (글로우 배경) */
.c5_elephant_bg{
    left: 18.9063%;
    top: 72.3438vw;
    width: 63.4896%;
    display: flex;
    z-index: 0;
}
.c5_elephant_bg img{
    width: 100%;
}

/* --- absol: 캐릭터 (차트 뒤, 글로우 위) --- */
/* figma bbox: x=452.3 y=6107 663x734, 이미지 359x226 (alpha-trim) */
/* 이미지 1:1 width=359/1920=18.6979% */
/* 센터 맞춤: bbox center_x=843.5 → left=(843.5-179.5)/1920=34.5833% */
.c5_character{
    left: 26.5833%;
    top: 103.2292vw;
    width: 18.6979%;
    display: flex;
    z-index: 11;
}
.c5_character img{
    width: 100%;
}

/* --- absol: 장식 원 (이미지, 차트 우측) --- */
.c5_deco{
    display: flex;
    z-index: 4;
}
.c5_deco_lg { animation: c5pop1 1.5s ease-out infinite alternate; }
.c5_deco_md { animation: c5pop2 1.8s ease-out infinite alternate; }
.c5_deco_sm { animation: c5pop3 2s ease-out infinite alternate; }
@keyframes c5pop1 { 0% { transform: scale(0.8); opacity: 0.6; } 100% { transform: scale(1.1); opacity: 1; } }
@keyframes c5pop2 { 0% { transform: scale(0.7); opacity: 0.5; } 100% { transform: scale(1.15); opacity: 1; } }
@keyframes c5pop3 { 0% { transform: scale(0.6); opacity: 0.4; } 100% { transform: scale(1.2); opacity: 1; } }
.c5_deco img{
    width: 100%;
}
/* figma: x=1125.69 y=6317.35, page_x=1185.39, 197px */
.c5_deco_lg{
    left: 61.7391%;
    top: 89vw;
    width: 10.2604%;
}
/* figma: x=1180.42 y=6372.09, page_x=1240.12, 88px */
.c5_deco_md{
    left: 31% !important;
    top: 30% !important;
    width: 39.5833%;
}
/* figma: x=1212.33 y=6404, page_x=1272.03, 24px */
.c5_deco_sm{
    left: 45% !important;
    top: 44% !important;
    width: 12.25%;
}

/* --- absol: 원형 홀/배달 (section 직접 자식) --- */
/* figma: y=6262.40, 147.19px = 7.6661% */
.c5_circle{
    width: 7.6661%;
    display: flex;
    z-index: 8;
}
.c5_circle img{
    width: 100%;
}
/* figma: x=239.74, page_x=299.44 */
.c5_hol{
    left: 15.5958%;
    top: 84.8438vw;
}
/* figma: x=1401.74, page_x=1461.44 */
.c5_delivery{
    left: 76.1167%;
    top: 84.8438vw;
}

/* === CON5 rltv 콘텐츠 스택 (margin-top 체인 → 섹션 높이) === */

/* --- rltv 1st: 타이틀 "홀과 배달, 선택이 아닌 기본" --- */
/* figma: x=655.48 y=6048.69, page_x=715.18 */
/* margin-top = (6048.69 - c4_container_bottom_5874) / 1920 = 174.69/1920 */
.c5_top{
    margin-top: 9.5833vw;
    width: 100%;
    z-index: 7;
}
.c5_title{
    margin: 0;
    margin-left: 0;
    font-family: 'KERIS KEDU';
    font-size: 3.9063vw;
    font-weight: 700;
    color: #203342;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
}
.c5_title .ttl_acc{
    color: #000000;
}

/* --- rltv 2nd: 서브텍스트 --- */
/* figma: x=542.73 y=6260.96, page_x=602.43 */
/* gap = 6260.96 - (6048.69+180) = 32.27px */
.c5_top2nd{
    margin-top: 1.6807vw;
    width: 100%;
    z-index: 7;
}
.c5_sub{
    margin: 0;
    margin-left: 31.3766%;
    font-family: 'Paperlogy';
    font-size: 1.1458vw;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
}

/* --- rltv 3rd: 바 차트 영역 --- */
/* gap = (6346.58 - sub_bottom_6283) / 1920 = 63.58/1920 */
.c5_top3rd{
    margin-top: 3.3115vw;
    width: 100%;
    z-index: 7;
}

/* chartarea: bar1_left(680.53) ~ trendline_right(1280.95), width=600.42px */
.c5_chartarea{
    margin-left: 35.4443%;
    width: 31.2719%;
    padding-bottom: 19.9911vw;
}

/* 바 차트 (chartarea 안 absol, 하단 정렬) */
.c5_bar{
    position: absolute;
    bottom: 0;
    display: flex;
}
.c5_bar img{
    width: 100%;
}
/* bar1: (680.53-680.53)/600.42=0%, w=123.99/600.42=20.6514% */
.c5_bar1{
    left: 0%;
    width: 20.6514%;
}
/* bar2: (825.03-680.53)/600.42=24.0660% */
.c5_bar2{
    left: 24.0660%;
    width: 20.6514%;
}
/* bar3: (970.54-680.53)/600.42=48.3021% */
.c5_bar3{
    left: 48.3021%;
    width: 20.6514%;
}
/* bar4: (1115.16-680.53)/600.42=72.3854% */
.c5_bar4{
    left: 72.3854%;
    width: 20.7147%;
}

/* 트렌드 라인 (chartarea 안 absol) */
/* figma: 598x216, left=(682.95-680.53)/600.42=0.4031% */
.c5_trendline{
    position: absolute;
    left: 0.4031%;
    top: 3.7161vw;
    width: 99.5968%;
    display: flex;
}
.c5_trendline img{
    width: 100%;
}

/* 다크 라벨 "꾸준한 매출 상승" (chartarea 안 absol) */
/* ★ 이미지에 이미 rotate 포함 — CSS rotate 금지! */
/* con05_07.png: 237x126, figma AABB: x=772.8 y=6454.5 */
.c5_label{
    position: absolute;
    left: 25.3038%;
    top: 6.6214vw;
    width: 39.4726%;
    display: flex;
}
.c5_label img{
    width: 100%;
}

/* --- rltv 4th: 하단 배너 (#203342) --- */
/* gap = (6817 - chart_bottom_6730) / 1920 = 87/1920 */
/* ★ z-index: 매장 슬라이드(z:1) 위에 표시 */
.c5_top4th{
    margin-top: 4.5313vw;
    width: 100%;
    z-index: 9;
    position: relative;
}

.c5_banner_bg{
    width: 102.3438%;
    margin-left: -1.3005%;
    padding-bottom: 4.6354vw;
    background: #203342;
    border-top: 0.0521vw solid #a1c5dd;
    border-bottom: 0.0521vw solid #a1c5dd;
}

.c5_banner_txt{
    position: absolute;
    left: -1.3005%;
    top: 0;
    bottom: 0;
    width: 102.3438%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c5_banner_track{
    display: flex;
    white-space: nowrap;
    animation: c5slideH 25s linear infinite;
}
.c5_banner_track img{
    display: block;
    height: 1.0833vw;
    min-width: unset;
    width: auto;
    flex-shrink: 0;
    object-fit: contain;
    max-width: unset;
}

@keyframes c5slideH{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-50%); }
}

/* ===== CON6 메뉴 라인업 (Figma y=6904~7899, 1920px 기준) ===== */
/* section_top=6904, page_x=figma_x+59.7, 높이 995px=51.8229vw */

.con6{
    background-color: #fffbe7;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* --- 배경 스트라이프 텍스처 (absol, con06_06.png) --- */
.c6_bg{
    left: 0; top: 0;
    width: 100%;
    display: flex;
    z-index: 0;
}
.c6_bg img{ width: 100% !important; }

/* --- rltv 1st: 타이틀 + 탭 (rltv margin-top 체인) --- */
/* 서브 텍스트 from_sec_top=124.1px → 6.4635vw */
.c6top1st{
    margin-top: 6.4635vw;
    width: 100%;
    text-align: center;
    z-index: 4;
}

/* --- 서브 라벨 "코끼리카페" (rltv, 센터정렬) --- */
/* Paperlogy 22px 700 #203342 */
.c6_label{
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 1.1458vw;
    color: #203342;
    letter-spacing: -0.0458vw;
    white-space: nowrap;
    margin: 0;
}

/* --- 메인 타이틀 "꽉 찬 메뉴 라인업" (rltv, 센터정렬) --- */
/* gap from label: 16.1px = 0.8385vw */
/* KERIS KEDU 75px #203342, charOverrides: "라인업" = #000000 */
.c6_title{
    font-family: 'KERIS KEDU';
    font-weight: 700;
    font-size: 3.9063vw;
    color: #203342;
    letter-spacing: -0.1953vw;
    white-space: nowrap;
    margin: 0.8385vw 0 0 0;
}
.c6_title .ttl_acc{ color: #000000; }

/* --- 탭 컨테이너 (rltv, 센터정렬) --- */
/* gap from title bottom to tab top: 78px = 4.0625vw */
.c6_tabs{
    position: relative;
    margin-top: 4.0625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.5208vw;
}

/* --- 코끼리 아이콘 (absol, 활성 탭 위에 겹침) --- */
/* Figma: 92x70, overlap 26px(1.3542vw) 탭과 겹침 */
/* z-index: 탭 버튼(z:auto)보다 위 */
.c6_elephant{
    position: absolute;
    bottom: calc(100% - 1.3542vw);
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 4.7917vw;
    display: flex;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1),
                transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),
                left 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c6_elephant.c6_elephant_hide{
    opacity: 0;
    transform: translateX(-50%) translateY(0.3vw) scale(0.85);
}
.c6_elephant img{
    width: 100% !important;
    min-width: auto !important;
    max-width: none !important;
}

/* --- 탭 버튼 공통 --- */
.c6_tab{
    width: 6.8750vw;
    padding: 0.7813vw 0;
    border-radius: 1.5625vw;
    font-family: 'Paperlogy';
    font-size: 1.1458vw;
    font-weight: 600;
    letter-spacing: -0.0458vw;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.35s cubic-bezier(0.23, 1, 0.32, 1),
                color 0.35s cubic-bezier(0.23, 1, 0.32, 1),
                border-color 0.35s cubic-bezier(0.23, 1, 0.32, 1),
                transform 0.2s cubic-bezier(0.23, 1, 0.32, 1),
                box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    border: 0.0521vw solid #374759;
    background: #ffffff;
    color: #000000;
}
.c6_tab:hover{
    transform: translateY(-0.1vw);
    box-shadow: 0 0.2vw 0.6vw rgba(32, 51, 66, 0.12);
}
.c6_tab_active{
    background: #203342;
    color: #ffffff;
    font-weight: 700;
    border-color: #203342;
    box-shadow: 0 0.15vw 0.5vw rgba(32, 51, 66, 0.25);
}

/* --- 탭 구분선 --- */
.c6_tab_divider{
    width: 0.0521vw;
    height: 0.8333vw;
    background: rgba(32, 51, 66, 0.30);
}

/* --- rltv 2nd: Swiper 영역 --- */
/* 센터 카드 from_sec_top=420.7 → gap from tabs_bottom(315.2+58.8=374)=46.7px */
.c6top2nd{
    margin-top: 2.4323vw;
    width: 100%;
    padding-bottom: 5.2656vw;
    z-index: 2;
}

/* --- Swiper 래퍼 --- */
.c6_swiper{
    width: 100%;
    overflow: visible;
}

/* --- 네비게이션 화살표 (absol) --- */
/* 좌: page_x=647, from_sec_top=575 → in c6top2nd: 575-420.7=154.3px=8.0365vw */
.c6_arrow{
    top: 8.0365vw;
    width: 3.8542%;
    display: flex;
    cursor: pointer;
    z-index: 5;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
                opacity 0.3s ease;
    opacity: 0.7;
}
.c6_arrow:hover{ opacity: 1; }
.c6_prev:hover{ transform: scaleX(-1) scale(1.12); }
.c6_next:hover{ transform: scale(1.12); }
.c6_arrow:active{ transform: scale(0.95); }
.c6_prev:active{ transform: scaleX(-1) scale(0.95); }
.c6_arrow img{ width: 100%; }

.c6_prev{
    left: 33.6979%;
    transform: scaleX(-1);
}
.c6_next{
    left: 62.6042%;
}

/* --- 슬라이드 카드 공통 --- */
/* 모든 슬라이드 동일 width → Swiper 레이아웃 항상 정확, 오버슈트 없음 */
/* 시각적 크기 차이는 .c6_card에 scale로만 처리 */
.c6_slide{
    width: 28.6875vw !important;
    overflow: visible;
}

/* --- 카드 스타일 (핵심 애니메이션 요소) --- */
/* inactive = 기본 상태: scale 축소 + Y오프셋 + 투명 배경 */
/* active = .swiper-slide-active 상태: 원본 크기 + 흰 배경 */
.c6_card{
    width: 100%;
    border-radius: 1.5625vw;
    overflow: hidden;
    transform-origin: center top;
    transform: translateY(1.8177vw) scale(0.735);
    background: transparent;
    border: 0.0521vw solid transparent;
    opacity: 1;
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1),
                background 0.5s cubic-bezier(0.23, 1, 0.32, 1),
                border-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide-active .c6_card{
    transform: scale(1);
    background: #ffffff;
    border-color: #d1e4f1;
    opacity: 1;
}

/* --- 카드 이미지 영역 --- */
.c6_card_img{
    width: 100%;
    aspect-ratio: 550.8 / 386.8;
    overflow: hidden;
    display: flex;
    border: 0.0521vw solid #d1e4f1;
    border-radius: 1.5625vw;
    transition: border-color 0.5s ease, border-radius 0.5s ease;
}
.swiper-slide-active .c6_card_img{
    border-color: transparent;
    border-radius: 0;
}
.c6_card_img > img{
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide-active .c6_card:hover .c6_card_img > img{
    transform: scale(1.04);
}

/* --- BEST 배지 (absol in card_img) --- */
/* figma: BEST bg x=665.6 y=7360.6 76x31, card_img x=625.4 y=7324.7 */
/* rel left=(665.6-625.4)/1920=2.0938vw, top=(7360.6-7324.7)/1920=1.8698vw */
.c6_best{
    left: 2.0938vw;
    top: 1.8698vw;
    width: 3.9583vw;
    display: flex;
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1),
                transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide-active .c6_best{
    opacity: 1;
    transform: scale(1);
}
.c6_best img{ width: 100%; }

/* --- 카드 하단 메뉴명 (노란 바) --- */
/* inactive: 투명 배경, 텍스트 반투명 → active: 노란 배경, 텍스트 진하게 */
.c6_card_name{
    width: 100%;
    padding: 1.3542vw 0;
    background: transparent;
    border-top: 0.0521vw solid transparent;
    border-radius: 1.5625vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.5s cubic-bezier(0.23, 1, 0.32, 1),
                border-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide-active .c6_card_name{
    background: #ffe254;
    border-color: #d1e4f1;
}
.c6_card_name p{
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 1.5625vw;
    color: #000000;
    letter-spacing: -0.0625vw;
    white-space: nowrap;
    margin: 0;
    opacity: 0.50;
    transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide-active .c6_card_name p{
    opacity: 1;
}

/* =============================================
   CON7: 코끼리카페 창업 절차
   ============================================= */

.con7{
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #000000;
}

/* --- 배경 이미지 (absol, bgimg) --- */
.c7_bg{
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.c7_bgimg{
    width: 100% !important;
}

/* --- 세로 구분선 (absol, 장식) --- */
.c7_vline{
    width: 0.0521vw;
    top: -0.5729vw;
    height: 100%;
    background: rgba(209,228,241,0.4);
    z-index: 2;
}
.c7_vl1{ left: 3.1266%; }
.c7_vl2{ left: 50.0016%; }
.c7_vl3{ left: 97.0328%; }

/* --- 오른쪽 밝은 배경 (absol) --- */
.c7_right_bg{
    left: 40.0792%;
    top: 6.7951vw;
    width: 53.5432%;
    padding-bottom: 33.5443vw;
    background: #d1e4f1;
    border: 0.0521vw solid #a1c5dd;
    border-radius: 2.0833vw;
    z-index: 2;
}

/* --- 절차 카드 4개 (absol in c7_right_bg, 좌표=right_bg 기준) --- */
.c7_card{
    width: 37.3780%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.c7_card img{ width: 100%; }
.c7_card1{ left: 10.5113%; top: 5.1573vw; }
.c7_card2{ left: 52.6946%; top: 5.1573vw; }
.c7_card3{ left: 10.5113%; top: 17.9281vw; }
.c7_card4{ left: 52.6946%; top: 17.9281vw; }

/* --- 코끼리 캐릭터 (absol, section 직접 자식 — left가 right_bg 밖) --- */
.c7_elephant{
    left: 30.8349%;
    top: 22.8125vw;
    width: 16.3021%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.c7_elephant img{ width: 100%; }

/* --- 카드4 원형 아이콘 (absol in c7_card4 — Figma: card4 자식) --- */
.c7_circle{
    left: 78.2635%;
    top: -0.2963vw;
    width: 28.8936%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.c7_circle img{ width: 100%; }

/* --- 화살표 아이콘 (absol in c7_right_bg) --- */
.c7_arrow{
    left: 48.5862%;
    width: 3.5058%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
}
.c7_arrow img{ width: 100%; }
.c7_arrow1{ top: 10.0266vw; }
.c7_arrow2{ top: 22.8391vw; }

/* --- rltv #1: 타이틀 (높이 체인) --- */
.c7_title{
    position: relative;
    margin-top: 10.4766vw;
    margin-left: 12.4964%;
    width: 17.5521%;
    font-family: 'KERIS KEDU';
    font-weight: bold;
    font-size: 3.9063vw;
    line-height: 1.2;
    letter-spacing: -0.1953vw;
    color: #ffffff;
    white-space: nowrap;
    z-index: 6;
    margin-bottom: 0;
}
.c7_title .ttl_acc{
    color: #ffe254;
}

/* --- rltv #2: 서브텍스트 (높이 체인) --- */
.c7_sub{
    position: relative;
    margin-top: 2.2815vw;
    margin-left: 12.4703%;
    width: 16.3542%;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 1.1458vw;
    line-height: 1.4545;
    letter-spacing: -0.0458vw;
    color: #ffffff;
    white-space: nowrap;
    z-index: 6;
    margin-bottom: 0;
}

/* --- rltv #3: 하단 라인 래퍼 (높이 체인) --- */
.c7_bottom{
    position: relative;
    margin-top: 11.3044vw;
    padding-bottom: 0;
    width: 100%;
    z-index: 1;
}

/* --- 하단 장식 라인 (absol in c7_bottom) --- */
.c7_hline{
    left: 0;
    width: 100%;
    z-index: 2;
}
.c7_hl1{
    top: 0;
    border-top: 0.1042vw solid #2f4758;
}
.c7_hl2{
    top: 0.3646vw;
    border-top: 0.5208vw solid #2f4758;
}
.c7_hl3{
    top: 1.0938vw;
    border-top: 0.1042vw solid #2f4758;
}



/* CON8 — Figma 좌표 1:1 변환 (전부 absolute) */
.con8 {
  position: relative;
  background: #ffe254;
  width: 100%;
  aspect-ratio: 1.7143;
  overflow: visible;
}

.c8_rect_1148_copy {
  position: absolute;
  top: 0.0000vw;
  left: 2.9182%;
  width: 94.0625%;
  aspect-ratio: 1.6125;
  background: #ffffff;
  border: 1px solid #000000;
}

.c8_subtitle {
  position: absolute;
  top: 11.0974vw;
  left: 47.5745%;
  width: 4.8958%;
  aspect-ratio: 4.2727;
  font-size: 1.1458vw;
  font-family: 'Paperlogy', sans-serif;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.0458vw;
  line-height: 1.0000;
  text-align: center;
  white-space: nowrap;
}

.c8_title {
  position: absolute;
  top: 13.3411vw;
  left: 42.9651%;
  width: 14.2708%;
  aspect-ratio: 3.6533;
  font-size: 3.9062vw;
  font-family: 'KERIS KEDU', sans-serif;
  font-weight: 700;
  color: #2f4758;
  letter-spacing: -0.1953vw;
  line-height: 1.0000;
  text-align: center;
  white-space: nowrap;
}

.c8_rect_597 {
  position: absolute;
  top: -19.3636%;
  left: -7.5982%;
  width: 35.3595%;
  height: 139.8182%;
  background: #ffffff;
  border: 1px solid #2f4758;
  padding: 1.5625vw 1.3021vw;
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 2;
}
.c8_store{
  position: relative;
  padding: 0.7813vw 0;
  cursor: pointer;
}
.c8_store_name{
  font-family: 'Paperlogy', sans-serif;
  font-size: 1.1458vw;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.0573vw;
  white-space: nowrap;
  text-align: left;
}
.c8_store_addr{
  font-family: 'Pretendard', sans-serif;
  font-size: 0.8333vw;
  font-weight: 500;
  color: #000000;
  opacity: 0.6;
  letter-spacing: -0.05vw;
  line-height: 1.5625;
  margin-top: 0.2604vw;
  text-align: left;
}
.c8_store_marker{
  position: absolute;
  width: 1.9792vw;
  height: 1.9792vw;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ffe254;
  border-radius: 0.9896vw;
  border: 1px solid #75553a;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.c8_store_marker img{ width: 60% !important; }
.c8_list_line{
  width: 100%;
  height: 1px;
  background: #75553a;
  opacity: 0.3;
}

.c8_search_wrap {
  position: absolute;
  top: 19.8781vw;
  left: 35.6422%;
  width: 28.8021%;
}
.c8_search_placeholder {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 0.5208vw 2.0833vw 0.5208vw 0;
  box-sizing: border-box;
  font-size: 0.9375vw;
  font-family: 'Paperlogy', sans-serif;
  font-weight: 500;
  color: #000000;
  letter-spacing: -0.0281vw;
  line-height: 1.0000;
  text-align: left;
  white-space: nowrap;
}
.c8_search_placeholder::placeholder{
  color: #000000;
  opacity: 0.5;
}
.c8_search_line{
  width: 100%;
  height: 1px;
  background: #000000;
}
.c8_search_icon{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5104vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8_search_icon img{ width: 100% !important; }

.c8_marker_icon_610 {
  position: absolute;
  top: 19.9719vw;
  left: 62.9422%;
  width: 1.5104%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c8_marker_icon_610 img{ width: 100% !important; }

.c8_marker_icon_611 {
  position: absolute;
  top: 20.3109vw;
  left: 63.3755%;
  width: 1.4266%;
  aspect-ratio: 0.9194;
  background: #2f4758;
  border: 0.2083vw solid #2f4758;
}

.c8_layer_596 {
  position: absolute;
  top: 20.5729vw;
  left: 10.4182%;
  width: 87.9167%;
  aspect-ratio: 2.1531;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c8_divider_608 {
  position: absolute;
  top: 21.7188vw;
  left: 35.6266%;
  width: 28.8021%;
  background: #000000;
  border: 1px solid #000000;
}

.c8_rect_595 {
  position: absolute;
  top: 23.4635vw;
  left: 14.8714%;
  width: 70.2604%;
  aspect-ratio: 2.4527;
  background: #a3a3a3;
  border-radius: 2.0833vw;
  border: 1px solid #2f4758;
  overflow: hidden;
}
.c8_kakaomap{
  width: 100%;
  height: 100%;
}

.c8_subtitle_00 {
  position: absolute;
  top: 27.1458vw;
  left: 17.5016%;
  width: 7.3958%;
  aspect-ratio: 6.4545;
  font-size: 1.1458vw;
  font-family: 'Paperlogy', sans-serif;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.0573vw;
  line-height: 1.0000;
  text-align: left;
  white-space: nowrap;
}

.c8_layer_514 {
  position: absolute;
  top: 29.3750vw;
  left: 76.6682%;
  width: 18.1771%;
  aspect-ratio: 0.5140;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c8_ellipse_611_copy_2 {
  position: absolute;
  top: 29.4271vw;
  left: 58.4911%;
  width: 4.8438%;
  aspect-ratio: 1.0000;
  background: #2f4758;
  border-radius: 2.4219vw;
  border: 1px solid #2f4758;
}

.c8_address {
  position: absolute;
  top: 29.6359vw;
  left: 17.4896%;
  width: 14.0625%;
  aspect-ratio: 5.4000;
  opacity: 0.6000;
  font-size: 0.8333vw;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  color: #000000;
  letter-spacing: -0.0500vw;
  line-height: 1.5625;
  text-align: left;
  white-space: nowrap;
}

.c8_rect_1145 {
  position: absolute;
  top: 29.8438vw;
  left: 26.6161%;
  width: 3.1771%;
  aspect-ratio: 2.6522;
  background: #f4bb50;
  border-radius: 0.5990vw;
  border: 1px solid #000000;
}

.c8_status_badge {
  position: absolute;
  top: 30.0161vw;
  left: 27.0859%;
  width: 2.3958%;
  aspect-ratio: 3.5385;
  font-size: 0.6771vw;
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  color: #000000;
  letter-spacing: -0.0339vw;
  line-height: 1.0000;
  text-align: left;
  white-space: nowrap;
}

.c8_address1 {
  position: absolute;
  top: 30.1563vw;
  left: 59.4286%;
  width: 3.0208%;
  aspect-ratio: 0.8923;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c8_ellipse_601 {
  position: absolute;
  top: 31.4583vw;
  left: 30.4182%;
  width: 1.9792%;
  aspect-ratio: 1.0000;
  background: #ffe254;
  border-radius: 0.9896vw;
  border: 1px solid #75553a;
}

.c8_marker_icon_602_copy {
  position: absolute;
  top: 32.0833vw;
  left: 30.9911%;
  width: 0.8333%;
  aspect-ratio: 1.0667;
  background: #2f4758;
  border: 1px solid #000000;
}

.c8_ellipse_611 {
  position: absolute;
  top: 33.6979vw;
  left: 41.9286%;
  width: 4.8438%;
  aspect-ratio: 1.0000;
  background: #2f4758;
  border-radius: 2.4219vw;
  border: 1px solid #2f4758;
}

.c8_vector_img {
  position: absolute;
  top: 34.4271vw;
  left: 42.8661%;
  width: 3.0208%;
  aspect-ratio: 0.8923;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c8_divider_607 {
  position: absolute;
  top: 35.5208vw;
  left: 17.7099%;
  width: 14.7917%;
  background: #75553a;
  border: 1px solid #000000;
  opacity: 0.3020;
}

.c8_subtitle_001 {
  position: absolute;
  top: 37.7708vw;
  left: 17.5536%;
  width: 7.3958%;
  aspect-ratio: 6.4545;
  font-size: 1.1458vw;
  font-family: 'Paperlogy', sans-serif;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.0573vw;
  line-height: 1.0000;
  text-align: left;
  white-space: nowrap;
}

.c8_ellipse_611_copy {
  position: absolute;
  top: 37.9688vw;
  left: 60.2620%;
  width: 4.8438%;
  aspect-ratio: 1.0000;
  background: #2f4758;
  border-radius: 2.4219vw;
  border: 1px solid #2f4758;
}

.c8_address2 {
  position: absolute;
  top: 38.6979vw;
  left: 61.1995%;
  width: 3.0208%;
  aspect-ratio: 0.8923;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c8_address3 {
  position: absolute;
  top: 40.2609vw;
  left: 17.4896%;
  width: 14.0625%;
  aspect-ratio: 5.4000;
  opacity: 0.6000;
  font-size: 0.8333vw;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  color: #000000;
  letter-spacing: -0.0500vw;
  line-height: 1.5625;
  text-align: left;
  white-space: nowrap;
}

.c8_ellipse_601_copy {
  position: absolute;
  top: 42.0833vw;
  left: 30.4182%;
  width: 1.9792%;
  aspect-ratio: 1.0000;
  background: #ffe254;
  border-radius: 0.9896vw;
  border: 1px solid #75553a;
}

.c8_marker_icon_602_copy_2 {
  position: absolute;
  top: 42.7083vw;
  left: 30.9911%;
  width: 0.8333%;
  aspect-ratio: 1.0667;
  background: #2f4758;
  border: 1px solid #000000;
}

.c8_vector_img1 {
  position: absolute;
  top: 56.4583vw;
  left: 7.8661%;
  width: 14.6875%;
  aspect-ratio: 0.8840;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c8_ellipse_613 {
  position: absolute;
  top: 71.0938vw;
  left: 9.2724%;
  width: 12.9688%;
  aspect-ratio: 3.5571;
  background: #2f4758;
  border-radius: 6.4844vw;
  border: 1px solid #000000;
  opacity: 0.2000;
}


/* CON8 Figma 1:1 */

/* ===== CON8 매장 상세 팝업 ===== */
.c8_popup_overlay{
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c8_popup{
    background: #fff;
    border-radius: 1.0417vw;
    width: 26.0417vw;
    max-height: 80vh;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0.5208vw 1.5625vw rgba(0,0,0,0.2);
}
.c8_popup_photo{
    width: 100%;
    height: 15.625vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
}
.c8_popup_photo img{
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.c8_popup_info{
    padding: 1.25vw 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: 0.4167vw;
}
.c8_popup_name{
    font-family: 'Paperlogy', sans-serif;
    font-weight: 700;
    font-size: 1.1458vw;
    color: var(--mc);
    white-space: nowrap;
}
.c8_popup_addr{
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-size: 0.7813vw;
    color: #666;
    line-height: 1.5;
    word-break: keep-all;
    white-space: normal;
}
.c8_popup_tel{
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-size: 0.7813vw;
    color: #333;
    white-space: nowrap;
}
.c8_popup_naver{
    display: inline-block;
    margin-top: 0.5208vw;
    padding: 0.4167vw 1.0417vw;
    background: #03c75a;
    color: #fff !important;
    border-radius: 0.2604vw;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 0.7292vw;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}
.c8_popup_close{
    position: absolute;
    top: 0.5208vw; right: 0.5208vw;
    width: 1.5625vw; height: 1.5625vw;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    z-index: 1;
}
.c8_popup_close img{
    width: 60% !important;
    transform: rotate(45deg);
}

/* ===== CON8: MCP + Figma API 기반 ===== */
/* 섹션: y=8758(MCP), h=1120, 캔버스 1920 */
/* MCP offset = 161 → section_top_mcp = 8758 */

.con8{
    position: relative;
    background: #ffe254;
    width: 100%;
    aspect-ratio: 1.7143;
    overflow: visible;
}

/* 배경 흰색 (하단 둥근 40px) — MCP: left:56 top:8758 w:1806 h:1120 */
.c8_bg{
    position: absolute;
    left: 2.9167%;
    top: 0%;
    width: 94.0625%;
    aspect-ratio: 1.6125;
    background: #ffffff;
    border-radius: 0 0 2.0833vw 2.0833vw;
    border: 1px solid #000000;
    overflow: hidden;
}

/* 음료 — MCP: left:1472 top:9322 w:349 h:679, 배경 안 클리핑 */
.c8_drink{
    position: absolute;
    left: 78.4053%;
    top: 50.3571%;
    width: 19.3245%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.c8_drink img{ width: 100% !important; }

/* 코끼리카페 — MCP: left:913.39 top:8971.07 */
.c8_sub{
    position: absolute;
    left: 47.5724%;
    top: 19.0238%;
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.1458vw;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.0458vw;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

/* 매장안내 — MCP: left:824.89 top:9014.15 */
.c8_title{
    position: absolute;
    left: 42.9630%;
    top: 22.8707%;
    font-family: 'KERIS KEDU', sans-serif;
    font-size: 3.9063vw;
    font-weight: 700;
    letter-spacing: -0.1953vw;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}
.c8_t1{ color: #2f4758; }
.c8_t2{ color: #000000; }

/* 지도 배경 — MCP: left:285.5 top:9208.5 w:1349 h:550 */
.c8_map{
    position: absolute;
    left: 14.8698%;
    top: 40.2232%;
    width: 70.2604%;
    aspect-ratio: 2.4527;
    background: #a3a3a3;
    border-radius: 2.0833vw;
    border: 1px solid #2f4758;
    overflow: hidden;
}
.c8_kakaomap{
    width: 100%;
    height: 100%;
}

/* 흰색 패널 — MCP: left:183 top:9102 w:477 h:769, 지도 안에서 클리핑 */
.c8_panel{
    position: absolute;
    left: -7.5982%;
    top: -19.3636%;
    width: 35.3595%;
    height: 139.8182%;
    background: #ffffff;
    border: 1px solid #2f4758;
    padding: 6.5104vw 1.3021vw 1.3021vw 8.0729vw;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 2;
    z-index: 2;
}

/* 검색 — MCP: left:684 top:9140 w:553, 섹션 기준 absolute */
.c8_search{
    position: absolute;
    left: 35.6250%;
    top: 34.1071%;
    width: 28.8021%;
    z-index: 3;
}
.c8_search_input{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.9375vw;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.0281vw;
    padding: 0.5208vw 2.0833vw 0.5208vw 0;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap;
}
.c8_search_input::placeholder{
    color: #000000;
    opacity: 0.5;
}
.c8_search_line{
    width: 100%;
    height: 1px;
    background: #000000;
}
.c8_search_icon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5104vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c8_search_icon img{ width: 100% !important; }

/* 매장 리스트 */
.c8_store{
    position: relative;
    padding: 0.7813vw 0;
    cursor: pointer;
}
.c8_store_name{
    font-family: 'Paperlogy', sans-serif;
    font-size: 1.1458vw;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.0573vw;
    white-space: nowrap;
    text-align: left;
}
.c8_store_addr{
    font-family: 'Pretendard', sans-serif;
    font-size: 0.8333vw;
    font-weight: 500;
    color: #000000;
    opacity: 0.6;
    letter-spacing: -0.05vw;
    line-height: 1.5625;
    margin-top: 0.2604vw;
    text-align: left;
}
.c8_store_marker{
    position: absolute;
    width: 1.9792vw;
    height: 1.9792vw;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.c8_store_marker img{ width: 100% !important; }
.c8_divider{
    width: 100%;
    height: 1px;
    background: #75553a;
    opacity: 0.3;
}

/* 그림자 — MCP: left:178 top:10123 w:249 h:70 */

/* ===== CON9: 창업문의 (PSD section_top=9842) ===== */

.con9{
    background: #ffe254 url('/images/con09_05.png') center top / cover no-repeat;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- 코끼리 캐릭터 (커피 들고 앉아있는) --- */
/* PSD: y=9842 x=151 w=282 h=319 */
.c9_elephant{
    left: 7.8646%;
    top: -2vw;
    width: 14.6875%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.c9_elephant img{ width: 100%; }


/* --- 장식 별 --- */
.c9_star1{
    left: 12.7034%;
    top: 27.5591vw;
    z-index: 2;
}
.c9_star2{
    left: 85.3543%;
    top: 27.5591vw;
    z-index: 2;
}
.c9_star1 img, .c9_star2 img{ width: 100%; }


/* --- 회전 원형 메뉴 (저글링 애니메이션) --- */
/* PSD: y=10442 x=91 w=1738 h=649 */
.c9_orbit{
    left: 0%;
    top: 40vw;
    width: 100%;
    padding-bottom: 60vw;
    z-index: 1;
    overflow: visible;
}

.c9_orbit_track{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.c9_orb{
    position: absolute;
    width: 11.5vw;
    height: 11.5vw;
    border-radius: 50%;
    overflow: hidden;
    background: #d1e4f1;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0.2vw 0.8vw rgba(0,0,0,0.08);
    animation: c9ellipse 40s linear infinite;
}
.c9_orb img{
    width: 90%;
    height: 90%;
    object-fit: cover;
    border-radius: 50%;
}

/* 14개 개별 딜레이 (40s / 14 ≈ 2.857s 간격) */
.c9_orb:nth-child(1){  animation-delay: 0s; }
.c9_orb:nth-child(2){  animation-delay: -2.857s; }
.c9_orb:nth-child(3){  animation-delay: -5.714s; }
.c9_orb:nth-child(4){  animation-delay: -8.571s; }
.c9_orb:nth-child(5){  animation-delay: -11.429s; }
.c9_orb:nth-child(6){  animation-delay: -14.286s; }
.c9_orb:nth-child(7){  animation-delay: -17.143s; }
.c9_orb:nth-child(8){  animation-delay: -20s; }
.c9_orb:nth-child(9){  animation-delay: -22.857s; }
.c9_orb:nth-child(10){ animation-delay: -25.714s; }
.c9_orb:nth-child(11){ animation-delay: -28.571s; }
.c9_orb:nth-child(12){ animation-delay: -31.429s; }
.c9_orb:nth-child(13){ animation-delay: -34.286s; }
.c9_orb:nth-child(14){ animation-delay: -37.143s; }

@keyframes c9ellipse{
    0%      { top: 0%;     left: 50%;    transform: translate(-50%,-50%); }
    8.33%   { top: 6.7%;   left: 75%;    transform: translate(-50%,-50%); }
    16.67%  { top: 25%;    left: 93.3%;  transform: translate(-50%,-50%); }
    25%     { top: 50%;    left: 100%;   transform: translate(-50%,-50%); }
    33.33%  { top: 75%;    left: 93.3%;  transform: translate(-50%,-50%); }
    41.67%  { top: 93.3%;  left: 75%;    transform: translate(-50%,-50%); }
    50%     { top: 100%;   left: 50%;    transform: translate(-50%,-50%); }
    58.33%  { top: 93.3%;  left: 25%;    transform: translate(-50%,-50%); }
    66.67%  { top: 75%;    left: 6.7%;   transform: translate(-50%,-50%); }
    75%     { top: 50%;    left: 0%;     transform: translate(-50%,-50%); }
    83.33%  { top: 25%;    left: 6.7%;   transform: translate(-50%,-50%); }
    91.67%  { top: 6.7%;   left: 25%;    transform: translate(-50%,-50%); }
    100%    { top: 0%;     left: 50%;    transform: translate(-50%,-50%); }
}

/* --- rltv #1: 말풍선 (이미지) --- */
/* PSD: y=9955 x=439 w=342 h=68 */
.c9_bubble{
    margin-top: 5.8854vw;
    margin-left: 23.0446%;
    align-self: flex-start;
    z-index: 6;
}
.c9_phone{
    position: absolute;
    left: 48.8235%;
    top: 22.3736%;
    font-family: 'KERIS KEDU', sans-serif;
    font-weight: 700;
    font-size: 1.1343vw;
    color: #ffffff;
    white-space: nowrap;
}

/* --- rltv #2: 타이틀 --- */
/* PSD: y=10064 x=559 w=803 h=167 */
.c9_title{
    margin-top: 2.6042vw;
    font-family: 'KERIS KEDU', sans-serif;
    font-weight: 700;
    font-size: 3.9370vw;
    color: #000000;
    line-height: 1.2;
    letter-spacing: -0.1953vw;
    text-align: center;
    white-space: nowrap;
    z-index: 6;
}
.c9_title .ttl_acc{
    color: #2F4758;
}

/* --- rltv #3: 입력 폼 --- */
/* PSD: y=10273 x=586 w=749 h=480 */
.c9_form{
    margin-top: 2.0833vw;
    width: 39.0104%;
    background: #ffffff;
    border-radius: 2.0833vw;
    padding: 2.0833vw 2.6042vw;
    box-sizing: border-box;
    z-index: 6;
}

.c9_field{
    margin-bottom: 1.5625vw;
}
.c9_label{
    font-family: 'Paperlogy', sans-serif;
    font-weight: 700;
    font-size: 1.0499vw;
    color: #000000;
    margin: 0 0 0.5208vw 0;
    white-space: nowrap;
}
.c9_input{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8333vw;
    padding: 0.2604vw 0;
    box-sizing: border-box;
}
.c9_textarea{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Paperlogy', sans-serif;
    font-size: 0.8333vw;
    padding: 0.2604vw 0;
    box-sizing: border-box;
    resize: none;
    min-height: 3.6458vw;
}
.c9_line{
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0.22);
    margin-top: 0.5208vw;
}
.c9_privacy{
    font-family: 'Paperlogy', sans-serif;
    font-weight: 600;
    font-size: 0.8399vw;
    color: #000000;
    opacity: 0.5;
    text-align: center;
    margin-top: 1.5625vw;
}

/* --- rltv #4: 제출 버튼 --- */
/* PSD: y=10749 x=586 w=749 h=92 */
.c9_submit{
    margin-top: 0;
    width: 39.0104%;
    background: #2e4557;
    border-radius: 2.0313vw;
    padding: 1.5625vw 0;
    text-align: center;
    cursor: pointer;
    z-index: 6;
    transition: background 0.3s;
    margin-bottom: 8vw;
}
.c9_submit:hover{
    background: #203342;
}
.c9_submit_char{
    left: 82.3765%;
    top: -70.6522%;
    pointer-events: none;
    z-index: 7;
}
.c9_submit p{
    font-family: 'KERIS KEDU', sans-serif;
    font-weight: 700;
    font-size: 1.5748vw;
    color: #ffffff;
    margin: 0;
    white-space: nowrap;
}

/* ============ 카카오맵 마커 오버레이 ============ */
.my-place-label {
    background: var(--mc); padding: 7px 14px 7px 11px;
    border-radius: 8px; font-size: 13px; font-weight: 600; color: #fff;
    text-align: center; white-space: nowrap;
    box-shadow: 0 4px 12px rgba(46,69,87,0.35); cursor: pointer; z-index: 10;
    transform: translateY(-50%);
    display: inline-flex; align-items: center; gap: 5px;
    letter-spacing: -0.3px; border: none;
    transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}
.my-place-label::before {
    content: '\1F4CD'; font-size: 11px; line-height: 1;
}
.my-place-label:hover {
    background: var(--sc);
    box-shadow: 0 6px 18px rgba(46,69,87,0.5);
    transform: translateY(-50%) scale(1.05);
}
.my-place-label:after {
    content: ''; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%);
    border-top: 8px solid var(--mc); border-left: 7px solid transparent; border-right: 7px solid transparent;
}

.mv_ellipse_in{
    background: transparent;
}
.mv_ellipse_out{
    background: transparent;
}
.mv_dot {
    left: 37.7604%;
    top: 34.3646vw;
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: 50%;
    background: #91a8b8;
    z-index: 5;
    animation: mv-dot-float 4s ease-in-out infinite;
    box-shadow: 0 0 0.5vw rgba(145,168,184,0.4);
}
.c5_character {
    left: 26.5833%;
    top: 104.2292vw;
    width: 18.6979%;
    display: flex;
    z-index: 11;
}
@keyframes mv-dot-float {
    0%, 100% { transform: translateY(0); opacity: 0.7; }
    50% { transform: translateY(-0.8vw); opacity: 1; }
}

/* ========== 모바일 반응형 ========== */
@media (max-width: 599px) {

/* --- main_visual 모바일 --- */
.main_visual {
    padding-top: 18vw;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: hidden;
}
/* 모든 자식: absol 리셋 */
.main_visual > * {
    position: relative !important;
    left: auto !important; top: auto !important;
    right: auto !important; bottom: auto !important;
    transform: none !important;
}

/* === 순서: order === */
.mv_text_left   { order: 1; }
.mv_text_right  { order: 2; }
.mv_ellipse_out { order: 3; }
.mv_ellipse_in  { order: 4; }
.mv_character   { order: 5; }
.mv_icon        { order: 6; }
.mv_dot         { order: 7; }
.mv_food        { order: 8; }
.mv_icon { order: 5; position: absolute !important; left: 62vw !important; top: 80vw !important; width: 5vw !important; z-index: 11; }
.mv_steam1 { order: 5; position: absolute !important; left: 50vw !important; top: 90vw !important; width: 6vw !important; z-index: 11; }
.mv_steam2 { order: 5; position: absolute !important; left: 46vw !important; top: 85vw !important; width: 5vw !important; z-index: 11; }

/* === 1. 텍스트 === */
.mv_text_left, .mv_text_right { width: 100%; text-align: center; }
.mv_text_left { margin-top: 5vw; }
.mv_text_right { margin-top: 3vw; }
.mv_text_left .mv_sub { font-size: 3.8vw; text-align: center; margin-bottom: 2vw; }
.mv_text_right .mv_sub { display: none; }
.mv_text_left .mv_title, .mv_text_right .mv_title {
    font-size: 14vw; letter-spacing: -0.5vw; text-align: center; margin-top: 0;
}
.mv_text_left .mv_title br, .mv_text_right .mv_title br { display: none; }

/* === 2. 타원 (겹침) === */
.mv_ellipse_out {
    width: 70vw !important;
    aspect-ratio: 609.65 / 456.42;
    transform: rotate(-21.73deg) !important;
    margin-top: 5vw;
    align-self: center;
}
.mv_ellipse_in {
    width: 68vw !important;
    aspect-ratio: 596.64 / 463.78;
    transform: rotate(-2.50deg) !important;
    margin-top: -55vw;
    align-self: center;
}

/* === 3. 코끼리 (타원 위 겹침) === */
.mv_character {
    width: 52vw !important;
    margin-top: -50vw;
    align-self: center;
    z-index: 10;
}

/* === 4. 별 + dot (absol 유지) === */
.mv_icon {
    position: absolute !important;
    left: 70vw !important; top: 45vw !important;
    width: 5vw !important;
    transform: none !important;
}
.mv_dot {
    position: absolute !important;
    left: 15vw !important; top: 65vw !important;
    width: 2.5vw !important; height: 2.5vw !important;
    transform: none !important;
}

/* === 5. 음식 슬라이드 (하단 섹션에 가려지게) === */
.mv_food { width: 100% !important; margin-top: 5vw; margin-bottom: -15vw; }
.mv_food_track { gap: 4vw; }
.mv_food_item { width: 22vw !important; margin-top: 0 !important; }

/* === 6. 하단 라인 → 최하단 === */
.mv_line_thin { order: 9; }
.mv_line_thick { order: 10; }

.mv_text_left {
    margin-top: 19vw;
}
.mv_ellipse_in {
    width: 92vw !important;
    aspect-ratio: 596.64 / 463.78;
    transform: rotate(-2.50deg) !important;
    margin-top: -53vw;
    align-self: center;
}
.mv_ellipse_out {
    width: 91vw !important;
    aspect-ratio: 609.65 / 456.42;
    transform: rotate(-21.73deg) !important;
    margin-top: 8vw;
    align-self: center;
    margin-bottom: -17%;
}
.mv_text_right {
    margin-top: 1vw;
}
.mv_text_left .mv_sub {
    font-size: 3.8vw;
    text-align: center;
    margin-bottom: 4vw;
}

.mv_character {
    width: 52vw !important;
    margin-top: -56vw;
    align-self: center;
    z-index: 10;
}
.mv_food {
    width: 100% !important;
    margin-top: 12vw;
    margin-bottom: -68vw;
}
.mv_dot {
    position: absolute !important;
    left: 9vw !important;
    top: 135vw !important;
    width: 3.5vw !important;
    height: 3.5vw !important;
    transform: none !important;
}
.mv_steam2 {
    order: 5;
    position: absolute !important;
    left: 63vw !important;
    top: 78vw !important;
    width: 8vw !important;
    z-index: 11;
}
.mv_steam1 {
    order: 5;
    position: absolute !important;
    left: 70vw !important;
    top: 82vw !important;
    width: 8vw !important;
    z-index: 11;
}
.mv_icon {
    position: absolute !important;
    left: 58vw !important;
    top: 133vw !important;
    width: 8vw !important;
    transform: none !important;
}
.main_visual {
    background: unset;
    background-color: #ffe254;
}
.mv_line_thin {
    margin-top: 51.6146vw;
    width: 201.3021%;
    margin-left: -0.3646%;
    border-top: 2px solid #203342;
    z-index: 8;
}
.mv_line_thick {
    margin-top: 0.7125vw;
    width: 201.3021%;
    margin-left: -0.3646%;
    border-top: 1.7813vw solid #203342;
    z-index: 8;
}
/* --- CON1 브랜드 모바일 --- */
.con1 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible;
    padding-top: 15%;
    padding-bottom: 12%;
    background: #fff9db !important;
    background-image: none !important;
}
.con1::before,
.con1::after {
    display: none !important;
}
.con1 > * {
    position: relative !important;
    left: auto !important; top: auto !important;
    right: auto !important; bottom: auto !important;
    transform: none !important;
}
.c1top1st { margin-top: 0 !important; height: 0 !important; }

/* 순서 */
.c1_title    { order: 1; }
.c1_sub      { order: 2; }
.c1_menu     { order: 3; }
.c1_speech   { order: 4; }
.c1_elephant { order: 5; }
.c1_kw_div   { order: 6; }
.c1_kw_taste { order: 6; }
.c1_kw_rev   { order: 7; }
.c1_kw_emo   { order: 7; }

/* 숨김 */
.c1_steam, .c1_dot { display: none !important; }

/* 타이틀 */
.c1_title {
    flex: 0 0 100%; text-align: center;
    font-size: 9.5vw !important;
    white-space: normal !important;
    margin-top: 0;
}

/* 서브 */
.c1_sub {
    flex: 0 0 100%; text-align: center;
    font-size: 3.3vw !important;
    font-weight: 400 !important;
    white-space: normal !important;
    margin-top: 4vw;
    line-height: 1.7;
    padding: 0 8%;
}

/* 메뉴 사진 */
.c1_menu {
    flex: 0 0 85%;
    aspect-ratio: 996.9 / 389;
    border-radius: 15vw !important;
    margin-top: 6vw;
    align-self: center;
}

/* 말풍선 */
.c1_speech {
    flex: 0 0 30vw;
    margin-top: -15vw;
    margin-left: 45%;
    z-index: 4;
}

/* 코끼리 */
.c1_elephant {
    flex: 0 0 28vw;
    margin-top: -5vw;
    margin-left: 40%;
    z-index: 3;
}

/* 키워드 원 4개: 2x2 그리드 */
.c1_kw {
    width: 38vw !important;
    flex: 0 0 38vw;
    margin: 3vw 3vw !important;
}
.c1_kw_div, .c1_kw_taste { margin-top: 8vw !important; }

.c1_elephant {
    flex: 0 0 28vw;
    margin-top: -21vw;
    margin-left: 49%;
    z-index: 3;
}
.c1_speech {
    flex: 0 0 41vw;
    margin-top: -57vw;
    margin-left: 46%;
    z-index: 4;
}
.c1_kw_div, .c1_kw_taste {
    margin-top: -6vw !important;
}
/* --- CON2 경쟁력 모바일 --- */
.con2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 15%;
    padding-bottom: 0;
    overflow: visible;
}
.con2 > * {
    position: relative !important;
    left: auto !important; top: auto !important;
    right: auto !important; bottom: auto !important;
    transform: none !important;
}

/* 순서 */
.c2_title   { order: 1; }
.c2_sub     { order: 2; }
.c2_card1   { order: 3; }
.c2_card2   { order: 4; }
.c2_card3   { order: 5; }
.c2_banner  { order: 6; }
.c2_banner_txt { order: 7; }

/* 숨김 */
.c2_divider, .c2_hline, .c2_waffle, .c2_menu_bg, .c2_dark, .c2_ellipse { display: none !important; }

/* 타이틀 */
.c2_title {
    width: 100%; text-align: center;
    font-size: 9.5vw !important;
    white-space: normal !important;
}

/* 서브 */
.c2_sub {
    width: 100%; text-align: center;
    font-size: 3.3vw !important;
    font-weight: 400 !important;
    white-space: normal !important;
    margin-top: 4vw;
    line-height: 1.7;
    padding: 0 8%;
}

/* 카드 공통 */
.c2_card {
    width: 90% !important;
    height: auto !important;
    padding: 6vw 5vw;
    display: flex !important;
    align-items: center;
    gap: 4vw;
    border-bottom: 0.3vw solid rgba(32,51,66,0.3) !important;
    border-left: none !important;
    background: #ffffff;
    margin-top: 0 !important;
}
.c2_card1 { margin-top: 8vw !important; border-top: 0.3vw solid #203342 !important; }

/* 번호 배지 */
.c2_num {
    position: relative !important;
    left: auto !important; top: auto !important;
    width: 10vw !important; height: 10vw !important;
    border-radius: 2vw !important;
    flex-shrink: 0;
}
.c2_num span { font-size: 3.5vw !important; }
.c2_card1 .c2_num, .c2_card2 .c2_num, .c2_card3 .c2_num {
    top: auto !important;
}

/* 설명 텍스트 */
.c2_desc {
    position: relative !important;
    left: auto !important; top: auto !important;
    font-size: 3.5vw !important;
    white-space: normal !important;
    line-height: 1.5;
}
.c2_desc br { display: none; }
.c2_card1 .c2_desc, .c2_card2 .c2_desc, .c2_card3 .c2_desc {
    top: auto !important;
    color: #000000;
}

/* 코끼리 이미지: 우측 배치 */
.c2_card_img {
    position: relative !important;
    left: auto !important; top: auto !important;
    width: 20vw !important;
    margin-left: auto;
    flex-shrink: 0;
    opacity: 0;
    transform: translateY(1vw) !important;
    transition: opacity 0.4s, transform 0.4s;
}
.c2_card:hover .c2_card_img {
    opacity: 1;
    transform: translateY(0) !important;
}

/* 호버 유지 */
.c2_card:hover .c2_num { background: #ffe254 !important; }

/* 노랑 배너 */
.c2_banner {
    width: 100% !important;
    height: 15vw !important;
    margin-top: 12vw;
    left: 0 !important;
}
.c2_banner_txt {
    width: 100% !important;
    height: 16vw !important;
    margin-top: -15vw !important;
    left: 0 !important;
    overflow: hidden !important;
    z-index: 10 !important;
    margin-bottom: -3%;
    display: flex !important;
    align-items: center !important;
}
.c2_banner_swiper {
    width: 100%;
}
.c2_banner_swiper .swiper-slide {
    display: flex;
    align-items: center;
    width: auto !important;
}
.c2_banner_swiper .swiper-slide img {
    height: 5vw !important;
}

/* 섹션 높이 리셋 */
.c2top1st { margin-top: 0 !important; height: 0 !important; }
section#move_04 { margin-top: 11%; }

/* --- CON3 경쟁력 포인트 모바일 --- */
.con3 { align-items: center !important; padding-bottom: 12%; }

/* 소형 카드만 숨김 */
.c3_p1sm, .c3_p2sm { display: none !important; }

/* State 전환 무력화 — 둘 다 항상 보임 */
.con3[data-active="1"] .c3_p2lg,
.con3[data-active="2"] .c3_p1lg { opacity: 1 !important; pointer-events: auto !important; }

/* 배경: rltv, 풀폭 상단 */
.c3_topbg {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 100% !important;
}

/* 라벨 */
.c3_label {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 100%; text-align: center;
    font-size: 3.5vw !important;
    margin-top: 8vw;
}

/* 타이틀 */
.c3_title {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 100%; text-align: center;
    font-size: 9.5vw !important;
    white-space: normal !important;
    margin-top: 3vw;
}

/* ---- P01 대형 카드 ---- */
.c3_p1lg {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 90% !important;
    height: 120vw !important;
    margin-top: 8vw;
    border-radius: 5vw;
    overflow: hidden;
}
.c3_p1lg .c3_lg_bg { border-radius: 5vw !important; }

/* P01 내부: 텍스트 rltv */
.c3_lg1_ylbl {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 20vw !important;
    margin: 5vw auto 0;
}
.c3_lg1_ttl {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    font-size: 5.5vw !important;
    white-space: normal !important;
    text-align: center;
    width: 100%;
    margin-top: 3vw;
}
.c3_lg1_desc {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    font-size: 3.3vw !important;
    white-space: normal !important;
    text-align: center;
    width: 100%;
    margin-top: 2vw;
    line-height: 1.6;
    padding: 0 5%;
}
.c3_lg1_desc br { display: none; }

/* P01 내부: 사진 rltv */
.c3_lg1_dark {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 80% !important;
    height: 40vw !important;
    margin: 4vw auto 0;
    border-radius: 3vw !important;
}

/* P01 내부: 코끼리 가운데 + 원형 주변 */
.c3_char {
    left: 50% !important;
    top: auto !important;
    bottom: 8vw !important;
    width: 40% !important;
    transform: translateX(-50%) !important;
}
.c3_circ { width: 15vw !important; }
.c3_circ1 { left: 8% !important; top: auto !important; bottom: 15vw !important; }
.c3_circ2 { left: 72% !important; top: auto !important; bottom: 28vw !important; }
.c3_circ3 { left: 70% !important; top: auto !important; bottom: 8vw !important; }

/* ---- P02 대형 카드 ---- */
.c3_p2lg {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 90% !important;
    height: 120vw !important;
    margin-top: 8vw;
    border-radius: 5vw;
    overflow: visible !important;
}
.c3_p2lg .c3_lg_bg { border-radius: 5vw !important; }

/* P02 내부: 텍스트 rltv */
.c3_lg2_ylbl {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 20vw !important;
    margin: 5vw auto 0;
}
.c3_lg2_ttl {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    font-size: 5.5vw !important;
    white-space: normal !important;
    text-align: center;
    width: 100%;
    margin-top: 3vw;
}
.c3_lg2_desc {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    font-size: 3.3vw !important;
    white-space: normal !important;
    text-align: center;
    width: 100%;
    margin-top: 2vw;
    line-height: 1.6;
    padding: 0 5%;
}
.c3_lg2_desc br { display: none; }

/* P02 내부: 이미지 rltv */
.c3_lg2_img {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
    width: 50% !important;
    margin: 4vw auto 0;
}

/* P02 내부: 다크라벨+메뉴명 — 코끼리 머리 바로 위 */
.c3_lg2_dlbl {
    position: absolute !important;
    left: 50% !important; top: auto !important; bottom: 42vw !important;
    transform: translateX(-50%) !important;
    width: 25vw !important;
    height: 7vw !important;
    border-radius: 3.5vw !important;
    z-index: 5 !important;
}
.c3_mname {
    position: absolute !important;
    left: 50% !important; top: auto !important; bottom: 42vw !important;
    transform: translateX(-50%) !important;
    width: 25vw !important;
    height: 7vw !important;
    font-size: 3.3vw !important;
    z-index: 6 !important;
}

/* P02 내부: 음식 원형 absol (저글링 JS 제어) */
.c3_food {
    width: 20vw !important;
    height: 20vw !important;
}
/* 초기 위치: 코끼리 머리 주변 (JS가 이후 inline으로 제어) */
.c3_food1 { left: 39%; top: 50vw; }
.c3_food2 { left: 70%; top: 68vw; }
.c3_food3 { left: 72%; top: 95vw; }
.c3_food4 { left: 8%; top: 68vw; }
.c3_food5 { left: 5%; top: 95vw; }

/* 높이 리셋 */
.c3top1st { margin-top: 0 !important; height: 0 !important; }

section#move_04 {
    margin-top: 0;
}
.c3_steam {
    left: 46.6458%;
    top: 3%;
    width: 6.7083%;
    display: flex;
    z-index: 2;
}
.c3_lg2_ylbl {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 20vw !important;
    margin: 9vw auto 0;
}
.c3_lg2_img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 50% !important;
    margin: 39vw auto 0;
}
.c3_card.c3_p2lg.absol {
    overflow: hidden !important;
}
.c3_char {
    left: 50% !important;
    top: auto !important;
    bottom: -6vw !important;
    width: 40% !important;
    transform: translateX(-50%) !important;
}
/* ========================================== */
/* ===== CON4 모바일 ======================== */
/* ========================================== */

/* --- section: flex-direction:row + wrap으로 라벨 가로 배치 --- */
.con4 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    padding-top: 8vw !important;
}

/* --- 라벨 3개: 가로 1열 --- */
.c4_lbl_icon, .c4_lbl_left, .c4_lbl_right {
    position: relative !important;
    left: auto !important; top: auto !important;
    transform: none !important;
}
.c4_lbl_left  { order: 1; flex: 0 0 22vw; }
.c4_lbl_icon  { order: 2; flex: 0 0 18vw; margin: 0 2vw; }
.c4_lbl_right { order: 3; flex: 0 0 22vw; }

/* --- 흰색 컨테이너: flex-wrap (배지/카드 가로 배치) --- */
.c4_container {
    order: 4;
    flex: 0 0 94% !important;
    width: 94% !important;
    margin-top: -4vw !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 3vw !important;
    overflow: hidden !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

/* --- 타이틀 --- */
.c4_title {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 100%;
    font-size: 9.5vw !important;
    margin-top: 8vw !important;
    text-align: center !important;
    white-space: normal !important;
    letter-spacing: -0.3vw !important;
}

/* --- 서브텍스트 --- */
.c4_sub {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 90%;
    font-size: 3.3vw !important;
    margin-top: 3vw !important;
    text-align: center !important;
    white-space: normal !important;
}

/* --- 컨베이어 벨트: 노란원 (100% 폭으로 row 독점, 내부 원은 yc_inner) --- */
.c4_ycircle {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 100%;
    width: 100% !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 5vw !important;
    z-index: 3;
    outline: none !important;
    outline-offset: 0 !important;
}
.c4_yc_inner {
    width: 42vw !important;
    height: 42vw !important;
    border-radius: 50% !important;
    background: #ffe254 !important;
}

/* --- 컨베이어: 회색원 (absolute, JS가 transform 제어) --- */
/* ★ transform 없음! JS translateX를 위해 비워둠 */
.c4_gc {
    position: absolute !important;
    width: 24vw !important;
    /* 수직 정렬: 노란원 중앙에 회색원 중앙 맞춤 */
    top: 56vw !important;
    z-index: 1 !important;
}

/* 왼쪽 (gc3=노란원 바로 왼쪽에 1개 보임) */
.c4_gc1 { left: -52vw !important; }
.c4_gc2 { left: -26vw !important; }
.c4_gc3 { left: 0vw !important; }

/* 오른쪽 (gc4=노란원 바로 오른쪽에 1개 보임) */
.c4_gc4 { left: 68vw !important; }
.c4_gc5 { left: 94vw !important; }
.c4_gc6 { left: 120vw !important; }

/* --- OK 배지 2개: 가로 1열 --- */
.c4_badge {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 35vw;
    width: 35vw !important;
    margin-top: 5vw !important;
}
.c4_badge_l { margin-left: 3vw !important; margin-right: 3vw !important; }
.c4_badge_r { margin-left: 3vw !important; margin-right: 3vw !important; }

/* --- OK 카드 3개: 가로 1열 --- */
.c4_okcard {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 28%;
    width: 33% !important;
    padding: 2.5vw 1.5vw !important;
    border-radius: 2vw !important;
    margin-top: 4vw !important;
    margin-bottom: 6vw;
}
.c4_ok1 { margin-left: 2% !important; }
.c4_ok2 { margin-left: 2% !important; margin-right: 0 !important; }
.c4_ok3 { margin-left: 2% !important; margin-right: 2% !important; }
.c4_ok_desc { font-size: 3vw !important; }
.c4_ok_mark { font-size: 4.5vw !important; }

/* ========================================== */
/* ===== CON5 모바일 ======================== */
/* ========================================== */

/* darkbar만 숨김 */
.c5_darkbar {
    display: none !important;
}

/* 글로잉 배경: 차트 영역 뒤 (PC처럼 큰 원형) */
.c5_elephant_bg {
    display: flex !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100vw !important;
    flex: 0 0 100vw;
    order: 14;
    align-self: center !important;
    z-index: 0 !important;
    opacity: 0.45 !important;
    pointer-events: none;
    margin-top: -5vw !important;
    margin-bottom: -75vw !important;
}

/* 데코 원 3개: 차트 우상단 팡팡 (PC처럼) */
.c5_deco {
    position: relative !important;
    left: auto !important; top: auto !important;
    right: auto !important; bottom: auto !important;
    transform: none !important;
    z-index: 12 !important;
    align-self: flex-end !important;
}
.c5_deco_lg {
    display: flex !important;
    flex: unset;
    width: 23% !important;
    order: 14;
    justify-content: flex-end !important;
    margin-top: 0 !important;
    position: absolute !important;
    padding-right: 5vw !important;
    margin-bottom: unset !important;
    right: -3% !important;
    top: 65% !important;
    animation: c5pop1 1.5s ease-out infinite alternate !important;
}
.c5_deco_lg img {
    width: 16vw !important;
    min-width: unset !important;
    max-width: unset !important;
}
.c5_deco_lg .c5_deco_md {
    display: flex !important;
    position: absolute !important;
    left: 28% !important;
    top: 25% !important;
    width: auto !important;
    margin-top: unset !important;
    padding-right: 0 !important;
    margin-bottom: unset !important;
    animation: c5pop2 1.8s ease-out infinite alternate !important;
}
.c5_deco_lg .c5_deco_md img {
    width: 8vw !important;
}
.c5_deco_lg .c5_deco_sm {
    display: flex !important;
    position: absolute !important;
    left: 40% !important;
    top: 42% !important;
    width: auto !important;
    margin-top: unset !important;
    padding-right: 0 !important;
    margin-bottom: unset !important;
    animation: c5pop3 2s ease-out infinite alternate !important;
}
.c5_deco_lg .c5_deco_sm img {
    width: 3vw !important;
}
@keyframes c5pop1 { 0% { transform: scale(0.8); opacity: 0.6; } 100% { transform: scale(1.1); opacity: 1; } }
@keyframes c5pop2 { 0% { transform: scale(0.7); opacity: 0.5; } 100% { transform: scale(1.15); opacity: 1; } }
@keyframes c5pop3 { 0% { transform: scale(0.6); opacity: 0.4; } 100% { transform: scale(1.2); opacity: 1; } }

/* --- 타이틀 --- */
.c5_top {
    flex: 0 0 100%;
    margin-top: 10vw !important;
    order: 10;
}
.c5_title {
    font-size: 9.5vw !important;
    white-space: normal !important;
    text-align: center !important;
}

/* --- 홀/배달 원: 가로 1열 (gap으로 간격) --- */
.c5_hol, .c5_delivery {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 16vw;
    width: 16vw !important;
    margin-top: 5vw !important;
}
.c5_hol      { order: 11; margin-left: 0 !important; margin-right: 5vw; }
.c5_delivery { order: 12; margin-left: 0 !important; }

/* --- 서브텍스트 --- */
.c5_top2nd {
    flex: 0 0 100%;
    margin-top: 5vw !important;
    order: 13;
}
.c5_sub {
    margin-left: 0 !important;
    font-size: 3.3vw !important;
    white-space: normal !important;
    text-align: center !important;
    padding: 0 5vw;
}

/* --- 캐릭터: 차트 좌하단 겹침 --- */
.c5_character {
    position: relative !important;
    left: auto !important; top: auto !important;
    width: 36vw !important;
    flex: 0 0 36vw;
    order: 16;
    margin-top: -22vw !important;
    margin-bottom: -1vw !important;
    margin-left: -29vw !important;
    align-self: flex-start !important;
    z-index: 12 !important;
    transform: translateX(-43%) !important;
}

/* --- 차트 영역 --- */
.c5_top3rd {
    flex: 0 0 100%;
    margin-top: 5vw !important;
    order: 15;
    position: relative !important;
}
.c5_chartarea {
    margin-left: 10% !important;
    width: 80% !important;
    padding-bottom: 50vw !important;
    position: relative;
    z-index: 1;
}

/* --- 매장 사진 슬라이드: vertical → horizontal, 이미지 3개씩 --- */
.c5_store_left, .c5_store_right {
    position: relative !important;
    left: auto !important; top: auto !important;
    flex: 0 0 94%;
    width: 94% !important;
    padding-bottom: 0 !important;
    height: 26vw !important;
    overflow: hidden !important;
    border-radius: 2vw;
}
.c5_store_left  { order: 17; margin-top: 5vw !important; }
.c5_store_right { order: 18; margin-top: -2vw !important; margin-bottom: 7% !important; }

.c5_store_track {
    flex-direction: row !important;
    gap: 2vw !important;
    width: auto !important;
    height: auto !important;
    top: 0 !important; left: 0 !important;
}
.c5_store_track img {
    width: 29vw !important;
    height: auto !important;
    max-width: unset !important;
    min-width: unset !important;
    border-radius: 1.5vw;
    flex-shrink: 0;
    object-fit: cover;
}

/* 가로 애니메이션 */
.c5_track_left {
    animation: c5mobileSlideH 20s linear infinite !important;
}
.c5_track_right {
    animation: c5mobileSlideH 20s linear infinite reverse !important;
}
@keyframes c5mobileSlideH {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* --- 글자띠 배너: 섹션 하단 고정 --- */
.c5_top4th {
    flex: unset;
    margin-top: 3vw !important;
    order: 19;
    margin-bottom: 0 !important;
    width: 300%;
    flex-direction: column;
    display: flex !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
}
.c5_label {
    top: 11.6214vw !important;
}
.c5_banner_track img {
    height: 2.5vw !important;
}

/* ========================================== */
/* ===== CON6 모바일 ======================== */
/* ========================================== */

.c6top1st {
    margin-top: 13.4635vw !important;
}

/* 라벨 + 타이틀 */
.c6_label {
    font-size: 4.5vw !important;
}
.c6_title {
    font-size: 9.5vw !important;
    white-space: normal !important;
}

/* 탭 버튼 */
.c6_tabs {
    gap: 0 2vw !important;
}
.c6_tab {
    width: 22vw !important;
    padding: 2.2vw 0 !important;
    font-size: 3.8vw !important;
    border-radius: 4vw !important;
}

/* 코끼리 아이콘 */
.c6_elephant {
    width: 14vw !important;
    bottom: calc(100% - 3vw) !important;
}

/* Swiper 영역 */
.c6top2nd {
    margin-top: 4vw !important;
    padding-bottom: 12vw !important;
}

/* 화살표 */
.c6_arrow {
    width: 8vw !important;
    top: 18vw !important;
}
.c6_prev {
    left: 2vw !important;
}
.c6_next {
    left: auto !important;
    right: 2vw !important;
}

/* 슬라이드 카드 */
.c6_slide {
    width: 55vw !important;
}
.c6_card {
    border-radius: 3vw !important;
}
.c6_card_img {
    border-radius: 3vw !important;
}
.swiper-slide-active .c6_card_img {
    border-radius: 0 !important;
}

/* BEST 배지 */
.c6_best {
    width: 10vw !important;
    left: 2.5vw !important;
    top: 2.5vw !important;
}

/* 메뉴명 바 */
.c6_card_name {
    padding: 3vw 0 !important;
    border-radius: 3vw !important;
}
.c6_card_name p {
    font-size: 3.8vw !important;
}

/* ========================================== */
/* ===== CON7 모바일 ======================== */
/* ========================================== */

.con7 {
    align-items: center !important;
}

.c7_bg {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}
.c7_bgimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.c7_vline {
    display: none !important;
}

.c7_sub {
    order: 1 !important;
    font-size: 4.5vw !important;
    white-space: normal !important;
    text-align: center !important;
    margin-top: 14vw !important;
    margin-left: 0 !important;
    width: auto !important;
    align-self: center !important;
    padding: 0 5vw !important;
}

.c7_title {
    order: 2 !important;
    font-size: 9.5vw !important;
    white-space: normal !important;
    text-align: center !important;
    margin-top: 4vw !important;
    margin-left: 0 !important;
    width: auto !important;
    align-self: center !important;
}

.c7_right_bg {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 92% !important;
    padding-bottom: 0 !important;
    border-radius: 4vw !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 3vw !important;
    padding: 4vw !important;
    box-sizing: border-box !important;
    order: 3 !important;
    align-self: center !important;
    margin-top: 5vw !important;
}

.c7_card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 46% !important;
}

.c7_arrow {
    display: none !important;
}

.c7_elephant {
    width: 18vw !important;
    left: -2% !important;
    top: auto !important;
    bottom: 17vw !important;
    z-index: 3 !important;
}

.c7_bottom {
    order: 4 !important;
    margin-top: 5vw !important;
    margin-bottom: 12% !important;
}

/* ========================================== */
/* ===== CON8 모바일 (매장안내) ============= */
/* ========================================== */

.con8 {
    aspect-ratio: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: hidden !important;
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
}

/* 배경 흰색 → 모바일 숨김 */
.c8_bg {
    display: none !important;
}

/* 음료 숨김 */
.c8_drink {
    display: none !important;
}

/* 타이틀 */
.c8_sub {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    font-size: 4.5vw !important;
    margin-top: 8vw !important;
    text-align: center !important;
}
.c8_title {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    font-size: 9.5vw !important;
    margin-top: 4vw !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: 35vw !important;
}

/* 검색 → 지도 위 겹침, 둥근 pill */
.c8_search {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 85% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 12vw !important;
    padding: 0 4% !important;
    box-sizing: border-box !important;
    margin-top: 5vw !important;
    background: #fff !important;
    border-radius: 50vw !important;
    border: 1px solid #2f4758 !important;
    z-index: 3 !important;
}
.c8_search_input {
    font-size: 3.6vw !important;
    padding: 0 0 0 5% !important;
    height: 100% !important;
}
.c8_search_line {
    display: none !important;
}
.c8_search_icon {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 7vw !important;
    flex-shrink: 0 !important;
}

/* 지도 */
.c8_map {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    margin-top: 4vw !important;
    display: flex !important;
    flex-direction: column !important;
}
.c8_kakaomap {
    width: 100% !important;
    height: 55vw !important;
}

/* 패널 → 지도 아래, relative, 스크롤 */
.c8_panel {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 70vw !important;
    padding: 3vw 5vw !important;
    box-sizing: border-box !important;
    overflow-y: scroll !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
}

/* 매장 리스트 아이템 */
.c8_store {
    padding: 4vw 0 !important;
}
.c8_store_name {
    font-size: 4.3vw !important;
}
.c8_store_addr {
    font-size: 3.2vw !important;
}
.c8_store_marker {
    width: 6vw !important;
    height: 6vw !important;
}
.c8_divider {
    width: 100% !important;
}

/* 팝업 */
.c8_popup {
    width: 84% !important;
    max-height: 85vh !important;
    border-radius: 4vw !important;
    flex-direction: column !important;
    display: flex !important;
}
.c8_popup_photo {
    height: 45vw !important;
}
.c8_popup_info {
    padding: 4vw 5vw !important;
    gap: 2vw !important;
}
.c8_popup_name {
    font-size: 4.5vw !important;
    text-align: center !important;
}
.c8_popup_addr {
    font-size: 3.2vw !important;
}
.c8_popup_tel {
    font-size: 3.2vw !important;
}
.c8_popup_naver {
    font-size: 3.5vw !important;
    padding: 2vw 4vw !important;
    border-radius: 5vw !important;
    text-align: center !important;
}
.c8_popup_close {
    top: 2.5% !important;
    right: 4% !important;
    width: 8vw !important;
    height: 8vw !important;
    z-index: 10 !important;
}

/* ========================================== */
/* ===== CON9 모바일 (창업문의) ============= */
/* ========================================== */

.con9 {
    overflow: hidden !important;
    padding-bottom: 8vw !important;
}

/* 코끼리 */
.c9_elephant {
    width: 28vw !important;
    left: 5% !important;
    top: 0 !important;
}

/* 별 숨김 */
.c9_star1, .c9_star2 {
    display: none !important;
}

/* 회전 메뉴 */
.c9_orbit {
    top: 35vw !important;
    padding-bottom: 55vw !important;
}
.c9_orb {
    width: 14vw !important;
    height: 14vw !important;
}

/* 말풍선 */
.c9_bubble {
    margin-top: 8vw !important;
    margin-left: 0 !important;
    align-self: center !important;
}
.c9_bubble img {
    width: 50vw !important;
}
.c9_phone {
    font-size: 3vw !important;
}

/* 타이틀 */
.c9_title {
    font-size: 7vw !important;
    white-space: normal !important;
    text-align: center !important;
    margin-top: 3vw !important;
}

/* 폼 */
.c9_form {
    width: 88% !important;
    border-radius: 4vw !important;
    padding: 5vw 6vw !important;
    margin-top: 4vw !important;
}
.c9_label {
    font-size: 3.5vw !important;
}
.c9_input {
    font-size: 3.3vw !important;
}
.c9_textarea {
    font-size: 3.3vw !important;
    min-height: 10vw !important;
}
.c9_privacy {
    font-size: 3vw !important;
}

/* 제출 버튼 */
.c9_submit {
    width: 88% !important;
    margin-top: 4vw !important;
    padding: 3.5vw 0 !important;
    border-radius: 4vw !important;
    align-self: center !important;
}
.c9_submit p {
    font-size: 4vw !important;
}
.c9_submit_char {
    width: 10vw !important;
    left: 82.3765% !important;
    top: -43.6522% !important;
    pointer-events: none !important;
    z-index: 7 !important;
}

.c9_elephant {
    width: 17vw !important;
    left: 5% !important;
    top: 0 !important;
}
.c9_bubble {
    width: 45.8478%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c9_elephant {
    width: 17vw !important;
    left: 9% !important;
    top: 3% !important;
}
.c9_bubble {
    margin-top: 2vw !important;
    margin-left: 0 !important;
    align-self: center !important;
    margin-bottom: 4%;
}
.c9_orbit {
    top: 125vw !important;
    padding-bottom: 55vw !important;
}
/* 모바일 자동 호버 */
.c1_kw.auto-hover .c1_kw_default { opacity: 0; }
.c1_kw.auto-hover .c1_kw_hover { opacity: 1; }
.c2_card.auto-hover { background: #203342 !important; z-index: 15; }
.c2_card.auto-hover .c2_desc { color: #ffffff !important; }
.c2_card.auto-hover .c2_num { background: #ffe254 !important; }
.c2_card.auto-hover .c2_card_img { opacity: 1 !important; transform: scale(1.05); }
.c5_deco_lg .c5_deco_sm {
    display: flex !important;
    position: absolute !important;
    left: 39.4% !important;
    top: 42% !important;
    width: auto !important;
    margin-top: unset !important;
    padding-right: 0 !important;
    margin-bottom: unset !important;
    animation: c5pop3 2s ease-out infinite alternate !important;
}
.c6_tabs {
    position: relative;
    margin-top: 8.0625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.5208vw;
}
.c7_elephant {
    width: 23vw !important;
    left: -4% !important;
    top: auto !important;
    bottom: 4vw !important;
    z-index: 3 !important;
}
.c7_circle {
    left: 74.2635%;
    top: -3.2963vw;
    width: 37.8936%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

} /* end @media 599px */