/* 모바일 전용 장식 (기본 숨김, 600px 이하에서만 노출) */
[class^="mv_bg_"] {
    display: none;
}

/* ============ 모바일 공통 (max-width: 600px) ============ */
@media screen and (max-width: 600px) {
    body {
        font-size: 4.2667vw;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-family: inherit;
    }

    [class^="mv_bg_"] {
        display: block;
    }

    section {
        font-size: 3.2vw;
    }

    .pc-mobile {
        display: none;
    }
    .mobile-pc {
        display: flex;
    }
    .pc {
        display: none !important;
    }
    .pc-inline {
        display: none !important;
    }
    .tablet {
        display: none;
    }
    .mobile {
        display: flex;
    }
    .mobile-flex {
        display: flex;
    }
    img {
        display: block;
    }

    /* 클라이언트별 모바일 스타일은 아래에 추가 */

    /* ===== MV (Main Visual) ===== */
    .mv {
        background: #f5efe1;
        padding-top: 0;
        padding-bottom: 0;
        height: 80vh;
        min-height: 80vh;
    }

    .mv_bg {
        display: none;
    }

    .mv_bg_1,
    .mv_bg_2,
    .mv_bg_3,
    .mv_bg_4,
    .mv_bg_5,
    .mv_bg_6 {
        z-index: 0;
        pointer-events: none;
    }
    .mv_bg_1 img,
    .mv_bg_2 img,
    .mv_bg_3 img,
    .mv_bg_4 img,
    .mv_bg_5 img,
    .mv_bg_6 img {
        width: 100%;
        display: block;
    }

    .mv_bg_1 {
        top: 6vw;
        left: -8vw;
        width: 45vw;
    }
    .mv_bg_2 {
        top: 35vw;
        right: -6vw;
        width: 40vw;
    }
    .mv_bg_3 {
        bottom: 24vw;
        left: 4vw;
        width: 38vw;
    }
    .mv_bg_4 {
        top: 14vw;
        right: 10vw;
        width: 8vw;
    }
    .mv_bg_5 {
        top: 78vw;
        left: 8vw;
        width: 9vw;
    }
    .mv_bg_6 {
        bottom: 36vw;
        right: 8vw;
        width: 9vw;
    }

    .mv_clover_top {
        margin-top: auto;
        width: 8vw;
    }
    .mv_clover_top img {
        width: 100%;
        display: block;
    }

    .mv_title {
        margin-top: 4vw;
        width: 70vw;
    }
    .mv_title img {
        width: 100%;
        display: block;
    }

    .mv_desc {
        margin-top: 5vw;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: nowrap;
    }

    .mv_tags {
        margin-top: 5vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.8vw;
    }

    .mv_tag {
        height: 10vw;
        border-radius: 5vw;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        font-family: var(--tf), "IMCrisujin", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1;
        letter-spacing: -0.05em;
        white-space: nowrap;
        /* width: 28vw; */
        padding: 1vw 2.4vw 0.8vw;
        background: #f5efe1;
        color: #005293;
        border: 1px solid #005293;
    }
    .mv_tag.active {
        background: #005293;
        color: #ffffff;
        border-color: #005293;
    }

    .mv_marquee {
        margin-top: auto;
        width: 100%;
        height: 14vw;
        background: #ffffff;
        overflow: hidden;
        display: flex;
        align-items: center;
        border-top: 1px solid #e5e0d4;
        border-bottom: 1px solid #e5e0d4;
    }
    .mv_marquee_track {
        display: flex;
        flex-shrink: 0;
        width: max-content;
        animation: marquee 30s linear infinite;
    }
    .mv_marquee_track img {
        width: 120vw;
        flex-shrink: 0;
        display: block;
    }

    /* ===== CON1 (모바일 — 100vh, 상하 50vh씩 두 scene) ===== */
    .main .con1 {
        position: relative;
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .main .con1_scene {
        position: relative;
        width: 100%;
        height: 50vh;
        flex: 0 0 50vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2.5vw;
        overflow: hidden;
        aspect-ratio: auto;
    }

    /* top scene: 사진도 | 찍고 (row) 위에 놓고, strip은 그 아래 */
    .main .con1_scene--top {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas:
            "left right"
            "strip strip";
        place-items: center;
        column-gap: 4vw;
        row-gap: 0;
    }
    .main .con1_scene--top .con1_title--left {
        grid-area: left;
    }
    .main .con1_scene--top .con1_title--right {
        grid-area: right;
        margin-top: 3.2vw;
    }
    .main .con1_scene--top .con1_strip_wrap {
        grid-area: strip;
        margin-top: -24vw;
    }

    .main .con1_bg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .main .con1_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .con1_deco {
        position: absolute;
        z-index: 2;
        display: block;
        opacity: 1;
        transform: none;
    }
    .main .con1_deco img {
        width: 100%;
        display: block;
    }

    .main .con1_deco--spark {
        top: 39vw;
        left: 15vw;
        width: 12vw;
        transform: rotate(-16deg);
    }
    .main .con1_deco--zigzag {
        top: 87vw;
        right: 11vw;
        width: 18vw;
        transform: rotate(10deg);
    }

    /* --- top scene (사진도 / strip / 찍고) --- */
    .main .con1_title--left {
        position: relative;
        z-index: 2;
        top: auto;
        left: auto;
        width: 35vw;
        opacity: 1;
        transform: none;
    }
    .main .con1_title--left img {
        width: 100%;
        display: block;
    }

    .main .con1_strip_wrap {
        position: relative;
        z-index: 2;
        top: auto;
        left: auto;
        width: 48vw;
        aspect-ratio: 1;
        opacity: 1;
        transform: none;
    }
    .main .con1_strip {
        position: absolute;
        overflow: hidden;
        border-radius: 2vw;
        box-shadow: 0 1.5vw 3vw rgba(17, 42, 29, 0.16);
    }
    .main .con1_strip--back {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        transform: rotate(-8deg);
        transform-origin: 50% 12%;
    }
    .main .con1_strip--front {
        top: 0.3vw;
        left: 3%;
        width: 94%;
        z-index: 2;
        transform: rotate(7deg);
        transform-origin: 50% 12%;
    }
    .main .con1_strip img {
        width: 100%;
        display: block;
    }

    .main .con1_title--right {
        position: relative;
        z-index: 2;
        top: auto;
        left: auto;
        width: 28vw;
        opacity: 1;
        transform: none;
    }
    .main .con1_title--right img {
        width: 100%;
        display: block;
    }

    /* --- bottom scene (키링도 / keyring / 갖고) --- */
    .main .con1_title--bottom-left {
        position: relative;
        z-index: 2;
        top: auto;
        left: auto;
        width: 35vw;
        opacity: 1;
        transform: none;
    }
    .main .con1_title--bottom-left img {
        width: 100%;
        display: block;
    }

    .main .con1_keyring_wrap {
        position: relative;
        z-index: 2;
        top: auto;
        left: auto;
        width: 40vw;
        aspect-ratio: 0.7;
        opacity: 1;
        transform: none;
    }
    .main .con1_keyring,
    .main .con1_keyring_deco {
        position: absolute;
    }
    .main .con1_keyring--back {
        top: 0;
        left: -4%;
        width: 58%;
        z-index: 2;
    }
   .main .con1_keyring--front {
        top: 34%;
        left: 36%;
        width: 64%;
        z-index: 3;
    }
    .main .con1_keyring_deco--top {
        top: 5%;
        left: 45%;
        width: 55%;
        z-index: 4;
    }
    .main .con1_keyring_deco--bottom {
        top: 78%;
        left: 0;
        width: 30%;
        z-index: 1;
    }
    .main .con1_keyring img,
    .main .con1_keyring_deco img {
        width: 100%;
        display: block;
    }

    .main .con1_title--bottom-right {
        position: relative;
        z-index: 2;
        top: auto;
        left: auto;
        width: 28vw;
        opacity: 1;
        transform: none;
    }
    .main .con1_title--bottom-right img {
        width: 100%;
        display: block;
    }

    /* ===== CON2 ===== */
    .main .con2 {
        position: relative;
        padding: 14vw 0 16vw;
        background: #ffffff;
        overflow: hidden;
    }

    .main .c2_deco_layer {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    .main .c2_bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .main .c2_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c2_emoji {
        z-index: 5;
    }
    .main .c2_emoji img {
        width: 100%;
        display: block;
    }
    .main .c2_emoji_left {
        top: 9vw;
        left: 4vw;
        width: 10vw;
    }
    .main .c2_emoji_right {
        top: 30vw;
        right: 4vw;
        left: auto;
        width: 10vw;
    }

    .main .c2_eyebrow {
        margin: 0;
        align-self: center;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 0.9;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: nowrap;
    }

    .main .c2_title {
        margin-top: 3vw;
        align-self: center;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: nowrap;
    }
    .main .c2_title strong {
        font-weight: 700;
    }

    /* 기존 .c2_cards (PC용 3단 배치) — 모바일에서는 swiper로 대체 */
    .main .c2_cards {
        display: none;
    }

    /* 모바일 전용 swiper (slidesPerView 1.2, 양옆 peek) */
    .main .c2_cards_swiper {
        display: block;
        margin-top: 8vw;
        align-self: stretch;
        width: 100%;
        overflow: hidden;
    }
    .main .c2_swiper {
        width: 100%;
        overflow: visible;
    }
    .main .c2_swiper .swiper-wrapper {
        align-items: stretch;
    }
    .main .c2_slide {
        height: auto;
        box-sizing: border-box;
    }
    .main .c2_slide img {
        width: 100%;
        display: block;
    }

    .main .c2_outro {
        margin-top: 8vw;
        align-self: center;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.55;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
    }
    .main .c2_outro strong {
        font-weight: 800;
    }

    /* ===== CON3 ===== */
    .main .con3 {
        position: relative;
        background: #ffffff;
        padding: 18vw 0 16vw;
        overflow: hidden;
    }

    .main .c3_bg {
        inset: 0;
        width: 100%;
    }
    .main .c3_bg img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .main .c3_title {
        margin-top: 0;
        align-self: center;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 7.5vw;
        line-height: 1.2;
        letter-spacing: -0.06em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .main .c3_title strong {
        font-weight: 700;
    }
    .main .c3_title .c3_title_accent {
        color: #48855e;
    }

    /* 모바일에서는 기본 c3_stories 숨기고 swiper로 대체 */
    .main .c3_stories {
        display: none;
    }

    .main .c3_stories_swiper {
        display: block;
        margin-top: 10vw;
        align-self: stretch;
        width: 100%;
        overflow: hidden;
    }
    .main .c3_swiper {
        width: 100%;
        overflow: visible;
    }
    .main .c3_swiper .swiper-wrapper {
        align-items: stretch;
    }
    .main .c3_slide {
        height: auto;
        box-sizing: border-box;
    }

    /* story: column stack (photo top → text bottom) */
    .main .c3_story {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 5vw;
        border: 1px solid #e5e5e5;
        box-sizing: border-box;
    }

    /* story2: HTML 순서가 text → photo 이므로 reverse로 사진을 위로 */
    .main .c3_story2 {
        flex-direction: column-reverse;
    }

    .main .c3_story_photo {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .main .c3_story_photo img {
        width: 100%;
        display: block;
    }

    /* swiper 내부 — 모든 슬라이드의 사진 크기 통일 (정사각형) */
    .main .c3_slide .c3_story_photo {
        width: 100%;
        aspect-ratio: 1 / 1;
    }
    .main .c3_slide .c3_story_photo > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c3_story_text {
        width: 100%;
        background: #ffffff;
        box-sizing: border-box;
        position: relative;
        padding: 8vw 6vw 10vw;
    }

    .main .c3_story_label {
        margin: 0;
        font-family: var(--tf), "IMCrisujin", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1;
        letter-spacing: 0;
        color: #48855e;
        text-transform: lowercase;
        white-space: nowrap;
    }

    .main .c3_story_heading {
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 800;
        font-size: 5.5vw;
        line-height: 1.2;
        letter-spacing: -0.05em;
        color: #232020;
        white-space: normal;
    }

    .main .c3_story_body {
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: -0.05em;
        color: #232020;
        white-space: normal;
    }
    .main .c3_story_body strong {
        font-weight: 800;
    }

    /* deco icons reposition for mobile */
    .main .c3_story_deco {
        position: absolute;
        display: block;
    }
    .main .c3_story_deco img {
        width: 100%;
        display: block;
    }

    /* story 1 */
    .main .c3_story1_photo {
        background: #000000;
        border-radius: 0;
    }
    .main .c3_story1_text {
        border-radius: 0;
    }
    .main .c3_story1_deco {
        top: 4vw;
        right: 4vw;
        left: auto;
        width: 18vw;
    }

    /* story 2 — polka + keyring */
    .main .c3_story2_text {
        padding: 8vw 6vw 10vw;
    }
    .main .c3_story2_photo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        background: #b7d5b4;
        aspect-ratio: 1 / 1;
    }
    .main .c3_story2_photo .c3_story2_polka {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }
    .main .c3_story2_photo .c3_story2_keyring {
        width: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .main .c3_story2_deco {
        top: 2vw;
        right: 4vw;
        left: auto;
        width: 20vw;
    }

    /* story 3 */
    .main .c3_story3_photo {
        background: #000000;
        border-radius: 0;
    }
    .main .c3_story3_text {
        border-radius: 0;
    }
    .main .c3_story3_deco {
        top: 4vw;
        right: 4vw;
        left: auto;
        width: 16vw;
    }

    /* ===== CON4 ===== */
    .main .con4 {
        position: relative;
        background: #f5efe1;
        padding-top: 18vw;
        padding-bottom: 18vw;
        overflow: hidden;
    }

    .main .con4_edge_lines {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 1;
    }
    .main .con4_edge_line {
        position: absolute;
        top: 0;
        width: 0;
        height: 100%;
        border-left: 1px solid #48855e;
        box-sizing: border-box;
    }
    .main .con4_edge_line--left-outer {
        left: 3%;
    }
    .main .con4_edge_line--left-inner {
        left: 4.5%;
    }
    .main .con4_edge_line--right-inner {
        left: 95.5%;
    }
    .main .con4_edge_line--right-outer {
        left: 97%;
    }

    .main .con4_edge_clover {
        display: block;
        z-index: 2;
        opacity: 1;
    }
    .main .con4_edge_clover img {
        width: 100%;
        display: block;
    }
    .main .con4_edge_clover--left {
        top: 32vw;
        left: 1.5%;
        width: 5vw;
        transform: none;
    }
    .main .con4_edge_clover--right {
        top: 32vw;
        left: auto;
        right: 1.5%;
        width: 5vw;
        transform: none;
    }

    /* PC 구조 참조: Moneygraphy-Rounded eyebrow + YPairing title (green accent) */
    .main .con4_eyebrow {
        margin: 0;
        align-self: center;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.2;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
        opacity: 1;
        transform: none;
    }

    .main .con4_title {
        margin: 4vw 0 0 0;
        align-self: center;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
        opacity: 1;
        transform: none;
    }
    .main .con4_title strong {
        font-weight: 700;
    }
    .main .con4_title_accent {
        color: #48855e;
    }
    .main .con4_mobile_break {
        display: block;
    }

    .main .con4_board {
        position: relative;
        margin-top: 10vw;
        align-self: center;
        width: 84%;
        z-index: 3;
        opacity: 1;
        transform: none;
    }

    .main .con4_board_pc.pc-mobile {
        display: none;
    }

    .main .con4_board_mobile.mobile-pc {
        display: flex;
        position: relative;
        flex-direction: column;
        gap: 3vw;
        width: 100%;
    }
    .main .con4_board_mobile_panel {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
    .main .con4_board_mobile_panel img {
        width: 100%;
        display: block;
    }

    /* mascot: 보드 우측 하단에 걸치게 */
    .main .con4_mascot {
        position: absolute;
        top: auto;
        bottom: -8vw;
        left: auto;
        right: -4vw;
        width: 28vw;
        z-index: 4;
        opacity: 1;
        transform: none;
    }
    .main .con4_mascot img {
        width: 100%;
        display: block;
    }

    /* ===== CON5 — POINT 01/02/03 ===== */
    .main .con5 {
        position: relative;
        background: #ffffff;
        padding-top: 16vw;
        padding-bottom: 16vw;
        overflow: hidden;
    }

    .main .c5_eyebrow {
        margin: 0;
        align-self: center;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.2;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .main .c5_title {
        margin: 4vw 0 0 0;
        align-self: center;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .main .c5_title .c5_title_bold,
    .main .c5_title .c5_title_accent {
        font-weight: 700;
    }
    .main .c5_title .c5_title_accent {
        color: #48855e;
    }

    .main .c5_points {
        margin-top: 17vw;
        align-self: center;
        width: 94%;
        display: flex;
        flex-direction: column;
        gap: 16vw;
        position: relative;
    }

    /* card base */
    .main .c5_card {
        position: relative;
        width: 100%;
        border-radius: 5vw;
        box-sizing: border-box;
        min-height: auto;
        border: 1px solid #e5e5e5;
        overflow: visible;
    }
    .main .c5_card2 {
        border-color: rgba(0, 0, 0, 0.08);
    }
    /* bg만 라운드 클립 — 카드 자체는 overflow:visible 이라 c5_card_point 가 바깥으로 튀어나올 수 있음 */
    .main .c5_card_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        border-radius: inherit;
        overflow: hidden;
    }
    .main .c5_card_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c5_card_inner {
        text-align: center;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 10vw 3vw 5vw;
        box-sizing: border-box;
        /* height: 164.5631vw; */
    }
    .main .c5_card_left,
    .main .c5_card_right {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .main .c5_card_label {
        margin: 0;
        font-family: var(--tf), "IMCrisujin", sans-serif;
        font-weight: 400;
        font-size: 7vw;
        line-height: 1.2;
        letter-spacing: -0.05em;
        color: #000000;
        white-space: normal;
    }
    .main .c5_card_label--white {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        color: #ffffff;
        white-space: normal;
        text-align: left;
        z-index: 3;
        text-align: center;
    }
    .main .c5_label_accent--green {
        color: #48855e;
    }
    .main .c5_label_accent--blue {
        color: #3d6797;
    }

    .main .c5_card_heading {
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 800;
        font-size: 5vw;
        line-height: 1.3;
        letter-spacing: -0.05em;
        color: #232020;
        white-space: normal;
    }
    .main .c5_card_heading--white {
        color: #ffffff;
    }

    .main .c5_card_body {
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: -0.05em;
        color: #232020;
        white-space: normal;
    }
    .main .c5_card_body--white {
        color: #ffffff;
    }
    .main .c5_card_body strong {
        font-weight: 800;
    }

    /* POINT 01/02/03 사이드 레이블 — 모바일: 카드 우상단 내부 */
    .main .c5_card_point {
        position: absolute;
        top: -22vw;
        right: 15vw;
        left: auto;
        width: 12vw;
        height: auto;
        display: block;
        z-index: 2;
        transform: rotate(-90deg);
        transform-origin: center center;
    }

    .c5_card1 {
        position: relative;
        z-index: 10;
    }
    .c5_card2 {
        position: relative;
        z-index: 20;

        .c5_card_point {
            right: auto;
            left: 15vw;
        }
    }
    .c5_card3 {
        position: relative;
        z-index: 30;
    }

    /* ===== POINT 01 ===== */
    .main .c5_card1 {
        background: #fefff1;
    }
    .main .c5_card1_chart_wrap {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5vw 0 0 0;
    }
    .main .c5_card1_chart {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 2vw;
    }
    .main .c5_card1_badge {
        position: absolute;
        top: auto;
        bottom: 21vw;
        left: auto;
        right: 18vw;
        width: 22vw;
        height: auto;
        z-index: 2;
    }

    /* ===== POINT 02 ===== */
    .main .c5_card2 {
        background: #48855e;
    }
    .main .c5_card2_keyrings_wrap {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 6vw;
    }
    .main .c5_card2_keyrings {
        width: 70%;
        height: auto;
        display: block;
    }
    .main .c5_card2_label_img {
        position: absolute;
        top: 56vw;
        left: 57vw;
        width: 32vw;
        height: auto;
        z-index: 2;
    }

    /* ===== POINT 03 ===== */
    .main .c5_card3 {
        background: #ffffff;
    }
    .main .c5_card3_keyrings_wrap {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 8vw 0 0 0;
        flex-shrink: 0;
        overflow: visible;
    }
    .main .c5_card3_keyrings {
        width: 80%;
        height: auto;
        display: block;
    }

    /* ===== CON6 — 키링 하나로 시작되는 확산 (모바일: 상하 구조) ===== */
    .main .con6 {
        position: relative;
        background: #ffffff;
        padding-bottom: 16vw;
        overflow: hidden;
    }

    .main .con6_stage {
        position: relative;
        width: 100%;
        aspect-ratio: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10vw;
        overflow: visible;
        margin: 0;
    }

    /* 좌측 연두색 패널 — 모바일에서는 상단 리뷰 영역 배경 */
    .main .con6_left_panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110vw;
        aspect-ratio: auto;
        background: #fdfeee;
        z-index: 0;
    }

    /* deco 스캐터 — 리뷰 패널 주변 배치 */
    .main .con6_decos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110vw;
        pointer-events: none;
        z-index: 1;
    }
    .main .con6_deco {
        position: absolute;
        display: block;
    }
    .main .con6_deco img {
        width: 100%;
        display: block;
    }
    .main .con6_deco_tag_white {
        top: 4vw;
        left: 4%;
        width: 20vw;
    }
    .main .con6_deco_ball_pink {
        top: 8vw;
        left: auto;
        right: 6%;
        width: 18vw;
    }
    .main .con6_deco_tag_red {
        top: 32vw;
        left: auto;
        right: 2%;
        width: 18vw;
    }
    .main .con6_deco_ball_blue {
        top: 60vw;
        left: -2%;
        width: 20vw;
    }
    .main .con6_deco_tag_yellow {
        top: 90vw;
        left: 4%;
        width: 22vw;
    }
    .main .con6_deco_capsule {
        top: 88vw;
        left: auto;
        right: 4%;
        width: 24vw;
    }

    /* 리뷰 패널 (상단) */
    .main .con6_review_panel {
        position: relative;
        top: auto;
        left: auto;
        width: 50vw;
        margin-top: 4vw;
        transform: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }
    .main .con6_review_card {
        width: 100%;
        aspect-ratio: 326 / 634;
        border-radius: 4vw;
        background: #ffffff;
        overflow: hidden;
        box-shadow: 0 1.5vw 3vw rgba(42, 29, 14, 0.15);
    }
    .main .con6_review_image {
        display: block;
        width: 100%;
        margin: 0;
    }
    .main .con6_review_caption {
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        color: #000000;
        text-align: center;
        white-space: normal;
    }

    /* 카피 블록 (하단) */
    .main .con6_copy {
        position: relative;
        top: auto;
        left: auto;
        width: 88%;
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: none;
        z-index: 2;
    }
    .main .con6_eyebrow {
        margin: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.2;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .main .con6_title {
        margin: 4vw 0 0 0;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .main .con6_title strong,
    .main .con6_title_accent {
        font-weight: 700;
    }
    .main .con6_title_accent {
        color: #48855e;
    }

    /* 검색 박스 */
    .main .con6_search_box {
        position: relative;
        margin-top: 8vw;
        width: 100%;
        aspect-ratio: auto;
        padding: 6vw 6% 6vw;
        box-sizing: border-box;
        border-radius: 4vw;
        background: #ffffff;
        box-shadow: 0 0 3vw rgba(42, 29, 14, 0.08);
    }
    .main .con6_search_icon {
        position: absolute;
        top: 6vw;
        left: auto;
        right: 6%;
        width: 5vw;
        height: auto;
    }
    .main .con6_search_divider {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: 1px;
        margin-top: 8vw;
        background: #f1efe4;
    }
    .main .con6_search_item {
        position: relative;
        top: auto;
        left: auto;
        margin: 0;
        display: block;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-size: 4vw;
        line-height: 1.2;
        letter-spacing: -0.05em;
        text-align: left;
        white-space: normal;
    }
    .main .con6_search_item_active {
        position: absolute;
        top: 6vw;
        left: 6%;
        font-weight: 800;
        color: #232020;
        z-index: 2;
    }
    .main .con6_search_item_2,
    .main .con6_search_item_3,
    .main .con6_search_item_4,
    .main .con6_search_item_5 {
        margin-top: 4vw;
        font-weight: 400;
        color: #a5a5a5;
    }

    .main .con6_body {
        margin-top: 8vw;
        width: 100%;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .main .con6_body strong {
        font-weight: 800;
    }

    /* ===== CON7 (style.css에서 이동) ===== */
    .con7 {
        padding-top: 16vw;
        padding-bottom: 14.933333vw;
    }

    .con7_stage {
        aspect-ratio: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8vw;
        overflow: visible;
        width: 100%;
    }

    .con7_left_copy {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        text-align: center;
        /* transform: translate3d(0, 3.2vw, 0); */
    }

    .con7_eyebrow {
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-size: 4.2vw;
        line-height: 1.15;
        white-space: normal;
    }

    .con7_title {
        margin: 4vw 0 0 0;
        width: 100%;
        font-family: var(--sf), "YPairing", serif;
        font-size: 8.533333vw;
        white-space: normal;
        line-height: 1.3;
    }

    .con7_body {
        margin-top: 5.333333vw;
        width: 100%;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-size: 3.733333vw;
        line-height: 1.4;
        white-space: normal;
    }

    .con7_right_visual {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }

    .con7_right_bg {
        top: 0;
        left: 0;
        width: 100%;
    }

    .con7_top_badge {
        top: 6.933333vw;
        left: 64.266667%;
        width: 30.533333%;
        z-index: 4;
    }

    .con7_swiper_shell {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        margin-top: 4vw;
        overflow: hidden;
    }

    .con7_swiper,
    .con7_swiper .swiper-wrapper {
        height: auto;
    }

    .con7_swiper .swiper-wrapper {
        align-items: flex-start;
    }

    .con7_bottom_badge {
        top: auto;
        bottom: -4vw;
        left: 4.8%;
        width: 28.133333%;
        z-index: 10;
    }

    .con7_slide {
        width: 78vw;
        height: auto;
    }

    .con7_slide img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* ===== CON8 — 영상으로 보는 모멘터링 ===== */
    .con8 {
        background: #ffffff;
        padding-top: 16vw;
        padding-bottom: 22vw;
    }

    .c8_bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .c8_bg img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .c8_clovers {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 0;
    }
    .c8_clover {
        position: absolute;
        width: 5.333vw;
        height: auto;
        display: block;
    }
    .c8_clover_tl {
        top: 5.333vw;
        left: 5.333vw;
    }
    .c8_clover_tr {
        top: 5.333vw;
        right: 5.333vw;
    }
    .c8_clover_bl {
        bottom: 5.333vw;
        left: 5.333vw;
    }
    .c8_clover_br {
        bottom: 5.333vw;
        right: 5.333vw;
    }

    .c8_eyebrow {
        align-self: center;
        width: 100%;
        font-family: var(--ff), "Moneygraphy-Pixel", "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4.2vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #232020;
        white-space: normal;
        text-align: center;
    }

    .c8_title {
        margin-top: 4vw;
        align-self: center;
        width: 100%;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 7.466vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #232020;
        white-space: normal;
        text-align: center;
    }
    .c8_title strong {
        font-weight: 700;
    }
    .c8_title .c8_title_accent {
        color: #48855e;
    }

    .c8_video {
        margin-top: 5.333vw;
        align-self: center;
        width: 89.333%;
        height: auto;
        aspect-ratio: 977 / 544;
        background: #ffffff;
        border-radius: 2.666vw;
        overflow: hidden;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    }
    .c8_video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }

    /* ===== CON9 — 실제 운영 데이터 ===== */
    .main .con9 {
        background: #48855e;
        padding-top: 14.933333vw;
        padding-bottom: 14.933333vw;
    }

    .main .c9_decos {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 0;
    }
    .main .c9_deco {
        position: absolute;
        display: block;
    }
    .main .c9_deco_left {
        top: 27.979vw;
        left: 8.6614%;
        width: 12.4934vw;
    }
    .main .c9_deco_right {
        top: 11.706vw;
        left: 76.7979%;
        width: 16.5879vw;
    }
    .main .c9_deco_dot1 {
        top: 13.2283vw;
        left: 24.1995%;
        width: 2.6772vw;
    }
    .main .c9_deco_dot2 {
        top: 33.2283vw;
        left: 59.8425%;
        width: 3.5171vw;
    }

    .main .c9_eyebrow {
        font-family: var(--sf), "YPairing", serif;
        font-weight: 700;
        font-size: 4.8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #ffffff;
        white-space: normal;
        width: 100%;
        text-align: center;
    }

    .main .c9_title {
        margin-top: 4vw;
        width: 88%;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #ffffff;
        white-space: normal;
        width: 100%;
        text-align: center;
    }

    .main .c9_title strong {
        font-weight: 700;
    }

    .main .c9_title .c9_title_accent {
        color: #d1ff6d;
    }

    .main .c9_cards {
        margin-top: 8vw;
        width: 78.666667%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0vw;
    }

    .main .c9_card {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        animation: floating 10s infinite ease-in-out;
    }

    .main .c9_card2 {
        animation-delay: 2s;
    }
    .main .c9_card3 {
        animation-delay: 4s;
    }

    .main .c9_outro {
        margin-top: 6vw;
        width: 88%;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 5vw;
        line-height: 1.6;
        letter-spacing: -0.07em;
        color: #ffffff;
        white-space: normal;
        width: 100%;
        text-align: center;
    }

    .main .c9_outro strong {
        font-weight: 800;
    }

    /* ===== CON10 — 안정적으로 쌓이는 수익 ===== */
    .main .con10 {
        padding-top: 14.933333vw;
        padding-bottom: 14.933333vw;
        color: white;
    }

    .main .c10_bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .main .c10_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c10_eyebrow {
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4.8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        text-align: center;
        white-space: normal;
    }

    .main .c10_title {
        margin-top: 4vw;
        width: 88%;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        text-align: center;
        white-space: normal;
    }

    .main .c10_title strong {
        font-weight: 700;
        color: #d1ff6d;
    }

    .main .c10_amount {
        margin-top: 8vw;
        width: 92%;
        height: auto;
        padding: 8vw 4vw;
        background: #000000;
        border: 1px solid #d1ff6d;
        border-radius: 3vw;
        box-sizing: border-box;
        position: relative;
        text-align: center;
    }

    .main .c10_amount_label {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 0 0 2vw 0;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 700;
        font-size: 4vw;
        line-height: 1.2;
        letter-spacing: -0.07em;
        color: #d1ff6d;
        text-align: center;
        white-space: normal;
    }

    .main .c10_amount_number {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-family: "proxima-nova", "ProximaNovaHangeul-Extrabold", var(--mf), "SUIT", sans-serif;
        font-weight: 800;
        font-size: 9vw;
        line-height: 1;
        letter-spacing: -0.05em;
        color: #ffffff;
        white-space: nowrap;
    }

    .main .c10_won_circle {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 2vw;
        width: 9vw;
    }

    .main .c10_won_circle img {
        width: 100%;
        display: block;
    }

    .main .c10_cards_swiper {
        margin-top: 8vw;
        width: 100%;
        display: block;
    }

    .main .c10_swiper {
        width: 100%;
    }

    .main .c10_swiper .swiper-slide {
        height: auto;
        padding-top: 4vw;
        box-sizing: border-box;
        overflow: visible;
    }

    .main .c10_card_wrap {
        position: relative;
        width: 91.904762%;
        margin: 0 auto;
        overflow: visible;
    }

    .main .c10_card {
        position: relative;
        z-index: 3;
        width: 100%;
        margin: 0;
    }

    .main .c10_card img {
        width: 100%;
        display: block;
    }

    .main .c10_card_gate {
        position: absolute;
        top: -3.459119%;
        left: 50%;
        transform: translateX(-50%);
        width: 108.805031%;
        z-index: 2;
        pointer-events: none;
    }

    .main .c10_card_gate img {
        width: 100%;
        display: block;
    }

    .main .c10_swiper .c10_card {
        overflow: hidden;
    }

    .main .c10_swiper .c10_card img {
        transform: translateY(-100%);
        transition: transform 600ms ease;
    }

    .main .c10_swiper .swiper-slide-active .c10_card img {
        transform: translateY(0);
    }

    /* ===== CON11 — 무인 사진관 수익률 (PC 레이아웃 비율 파생) ===== */
    .con11 {
        background: #fdfeee;
        padding-top: 14.933333vw;
        padding-bottom: 14.933333vw;
    }

    .c11_bg {
        top: 0;
        left: -0.052493%;
        width: 100.787402%;
        height: 100%;
        z-index: 0;
    }
    .c11_bg img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .c11_eyebrow {
        margin: 0;
        align-self: center;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4.8vw;
        line-height: 1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: nowrap;
    }

    .c11_title {
        margin: 4vw 0 0 0;
        align-self: center;
        width: 86.666667%;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8.533333vw;
        line-height: 1.3;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }
    .c11_title strong {
        font-weight: 700;
    }
    .c11_title .c11_title_accent {
        color: #48855e;
    }

    .c11_content {
        margin-top: 8vw;
        align-self: center;
        width: 92%;
        min-height: auto;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 7.466667vw;
    }

    .c11_photo_card {
        position: relative;
        width: 100%;
        aspect-ratio: 652 / 503;
        border-radius: 4vw;
        overflow: hidden;
        background: #1d1d1d;
    }
    .c11_photo_bg {
        width: 100%;
        height: 100%;
    }
    .c11_photo_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .c11_rate_badge {
        top: 12.5vw;
        left: 9.04908%;
        width: 42.791411%;
        z-index: 2;
    }
    .c11_profit_badge {
        top: 23.775vw;
        left: 46.165644%;
        width: 45.552147%;
        z-index: 3;
    }
    .c11_rate_badge img,
    .c11_profit_badge img,
    .c11_strip img,
    .c11_deco_top img {
        width: 100%;
        display: block;
    }

    .c11_table_wrap {
        position: relative;
        width: 100%;
        height: 81vw;
        background: #ffffff;
        border-radius: 4vw;
        overflow: hidden;
    }

    .c11_table_card {
        width: 100%;
        height: auto;
        margin-top: 8vw;
    }
    .c11_table_card img {
        width: 100%;
        display: block;
    }

    .c11_note {
        width: 100%;
        margin: 0;
        font-family: var(--mf), "SUIT", "Pretendard", sans-serif;
        font-weight: 400;
        font-size: 2.933333vw;
        line-height: 1.313;
        letter-spacing: -0.05em;
        color: #000000;
        text-align: left;
        white-space: nowrap;
        margin-top: 2vw;
        margin-left: 2vw;
    }

    .c11_strip {
        top: 48vw;
        left: -3.6%;
        width: 15.6%;
        z-index: 4;
    }

    .c11_deco_top {
        top: -8vw;
        left: 81.5%;
        width: 21.6%;
        z-index: 4;
    }

    /* ===== CON12 (style.css에서 이동) ===== */
    .con12 {
        background: #ffffff;
        padding-top: 16vw;
        padding-bottom: 16vw;
        overflow: hidden;
    }

    .c12_inner {
        display: flex;
        flex-direction: column;
        width: 96%;
        height: auto;
        gap: 8vw;
        align-items: center;
    }

    .c12_left {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 0;
        align-items: center;
    }

    .c12_eyebrow {
        margin: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }

    .c12_title {
        margin: 3vw 0 0 0;
        font-family: var(--sf), "YPairing", sans-serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
    }

    .c12_title strong {
        font-weight: 700;
    }

    .c12_title .c12_title_accent {
        color: #48855e;
    }

    .c12_title .c12_title_thin {
        font-weight: 400;
    }

    .c12_body {
        margin: 5vw 0 0 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.55;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
    }

    .c12_body strong {
        font-weight: 800;
    }

    .c12_card {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 740 / 500;
        flex-shrink: 0;
        border-radius: 4vw;
        overflow: hidden;
    }

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

    .c12_base img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .c12_frames {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

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

    .c12_frame img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .c12_circles {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .c12_circle {
        position: absolute;
    }

    .c12_circle img {
        width: 100%;
        display: block;
    }

    .c12_circle1 {
        top: 7.4%;
        left: 21.0811%;
        width: 58.38%;
    }

    .c12_circle2 {
        top: 16.4%;
        left: 27.1622%;
        width: 46.22%;
    }

    .c12_circle3 {
        top: 13.18%;
        left: 24.9459%;
        width: 50.31%;
    }

    .c12_keychain {
        position: absolute;
    }

    .c12_keychain img {
        width: 100%;
        display: block;
    }

    .c12_keychain_left {
        top: auto;
        bottom: -14vw;
        left: -2vw;
        width: 22vw;
    }

    .c12_keychain_right {
        top: -5vw;
        left: auto;
        right: -2vw;
        width: 20vw;
    }

    /* ===== CON14 (style.css에서 이동) ===== */
    .con14 {
        overflow: hidden;
    }

    .c14_stage {
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        padding: 16vw 0 18vw;
        overflow: hidden;
    }

    .c14_bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .c14_bg img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }

    .c14_intro {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        z-index: 2;
    }

    .c14_eyebrow {
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-size: 4vw;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
    }

    .c14_title {
        margin-top: 3vw;
        font-family: var(--sf), "YPairing", sans-serif;
        font-size: 8vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .c14_tabs {
        display: flex;
        position: relative;
        top: auto;
        left: auto;
        width: 94%;
        margin: 8vw auto 0;
        flex-direction: row;
        justify-content: center;
        gap: 1vw;
        z-index: 6;
    }

    .c14_tab {
        flex: 1 1 0;
        width: auto;
        height: auto;
        min-height: 14vw;
        padding: 2vw 1vw;
        border: 0;
        border-radius: 2vw 2vw 0 0;
        background: #ffffff;
        box-shadow: inset 0 0 0 1px rgba(39, 76, 52, 0.08);
        justify-content: center;
        cursor: pointer;
    }

    .c14_tab.is-active {
        background: #274c34;
        box-shadow: none;
    }

    .c14_tab span {
        font-family: var(--tf), "IMCrisujin", "ImcreSoojinOTFRegular", sans-serif;
        font-size: 4vw;
        line-height: 1.2;
        letter-spacing: -0.07em;
        color: #bbbbbb;
        white-space: normal;
        word-break: keep-all;
        text-align: center;
    }

    .c14_tab.is-active span {
        color: #ffffff;
    }

    .c14_panel_stage {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0;
        z-index: 8;
    }

    .c14_panel {
        position: relative;
        inset: auto;
        width: 94%;
        margin: -2vw auto 0;
        background: #ffffff;
        border-radius: 3vw;
        box-shadow: inset 0 0 0 1px rgba(35, 32, 32, 0.08);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        padding: 10vw 2vw;
        box-sizing: border-box;
        z-index: 7;
    }

    .c14_panel:not(.is-active) {
        display: none;
    }

    .c14_panel.is-active {
        display: block;
    }

    .c14_panel_title,
    .c14_panel--2 .c14_panel_title,
    .c14_panel--3 .c14_panel_title {
        position: static;
        top: auto;
        left: auto;
        font-size: 5.2vw;
        line-height: 1.4;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .c14_panel_title--rounded {
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
    }

    .c14_panel_title--pixel {
        font-family: "Moneygraphy-Pixel", var(--ff), sans-serif;
    }

    .c14_mark {
        display: inline-block;
        padding: 0 1vw;
        background: #fffec0;
    }

    .c14_body_box,
    .c14_body_box--1,
    .c14_body_box--2,
    .c14_body_box--3 {
        position: static;
        width: auto;
        height: auto;
        padding: 5vw 4vw;
        background: #fefbf4;
        border-radius: 2.5vw;
        margin-top: 5vw;
    }

    .c14_body_list {
        gap: 1.5vw;
    }

    .c14_body_list li {
        padding-left: 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 4vw;
        line-height: 1.5;
        letter-spacing: -0.07em;
        color: #232020;
        white-space: normal;
        word-break: keep-all;
    }

    .c14_body_list li::before {
        content: "• ";
        position: static;
        margin-right: 0.2em;
    }

    .c14_visual,
    .c14_visual--1,
    .c14_visual--2,
    .c14_visual--3 {
        position: static;
        margin: 5vw auto 0;
    }

    .c14_visual--1,
    .c14_visual--3 {
        border-radius: 3vw;
        overflow: hidden;
    }

    .c14_clover {
        top: 4vw;
        left: auto;
        right: 4vw;
        width: 18vw;
        z-index: 20;
    }
    /* ===== CON13 (style.css에서 이동) — flex flow 기반 재작성 ===== */
    .c13_pin {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 0;
        height: auto;
        background: none;
    }

    .c13_left,
    .c13_right {
        width: 100%;
        min-width: 0;
        min-height: 0;
    }

    .c13_left {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 70vw;
        padding: 17vw 8vw;
        background: #2b7dca;
        box-sizing: border-box;
        overflow: hidden;
    }

    .c13_left_copy {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: none;
    }

    .c13_eyebrow {
        margin: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4.2vw;
        line-height: 1;
        letter-spacing: -0.07em;
        color: #ffffff;
        text-align: center;
        white-space: normal;
    }

    .c13_title {
        margin: 4.2vw 0 0 0;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #ffffff;
        text-align: center;
        white-space: normal;
    }

    .c13_title strong {
        font-weight: 700;
    }

    .c13_title_accent {
        color: #f7f435;
    }

    .c13_right {
        display: flex;
        justify-content: center;
        background: #fefbf4;
    }

    .c13_cards_view {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto;
        padding: 12vw 5.5vw 16vw;
        overflow: visible;
        box-sizing: border-box;
    }

    .c13_cards_track {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: none;
        gap: 8vw;
        transform: none !important;
        will-change: auto;
    }

    .c13_card,
    .c13_card--01,
    .c13_card--02,
    .c13_card--03,
    .c13_card--04 {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 14vw 5vw 7vw;
        background: #ffffff;
        overflow: visible;
        box-sizing: border-box;
        box-shadow: 0 4vw 8vw rgba(29, 26, 18, 0.09);
    }

    .c13_system_badge {
        left: 50%;
        top: -3.2vw;
        width: 22vw;
        transform: translateX(-50%);
        z-index: 3;
    }

    .c13_system_badge img,
    .c13_tape img,
    .c13_card_visual img,
    .c13_card_callout img {
        width: 100%;
        display: block;
    }

    .c13_tape--01 {
        top: -6vw;
        left: 9vw;
        right: auto;
        width: 12vw;
        z-index: 2;
    }

    .c13_tape--02 {
        top: -5.4vw;
        left: 65.7vw;
        right: auto;
        width: 18vw;
        z-index: 2;
    }

    .c13_tape--03 {
        top: -5.1vw;
        left: 6.2vw;
        right: auto;
        width: 23vw;
        z-index: 2;
    }

    .c13_tape--04 {
        top: -7.6vw;
        left: auto;
        right: 2vw;
        width: 13vw;
        z-index: 2;
    }

    .c13_card_title {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        margin: 0;
        font-family: var(--tf), "IMCrisujin", "ImcreSoojinOTFRegular", sans-serif;
        font-weight: 400;
        font-size: 5.4vw;
        line-height: 1.2;
        letter-spacing: -0.05em;
        color: #121212;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .c13_card_visual,
    .c13_card--01 .c13_card_visual,
    .c13_card--02 .c13_card_visual,
    .c13_card--03 .c13_card_visual {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        margin-top: 4.5vw;
    }

    .c13_card--04 .c13_card_visual {
        width: 100%;
    }

    .c13_card_body,
    .c13_card--01 .c13_card_body,
    .c13_card--02 .c13_card_body,
    .c13_card--03 .c13_card_body,
    .c13_card--04 .c13_card_body {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        margin-top: 4vw;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        color: #121212;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .c13_card_body strong {
        font-weight: 800;
    }

    .c13_card_callout {
        top: 21vw;
        left: auto;
        right: -4vw;
        width: 31vw;
        z-index: 3;
    }

    /* ===== CON15 — 이미지 마퀴 + 텍스트 마퀴 (PC @media min-width:601 규칙은 모바일에 상속 안 됨 → 전 규칙 재선언) ===== */
    .con15 {
        position: relative;
        width: 100%;
        background: #ffffff;
        padding-top: 10vw;
        padding-bottom: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .c15_swiper {
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
    }

    .c15_swiper_inner {
        width: 100%;
        height: auto;
        overflow: visible;
    }

    .c15_swiper_inner .swiper-wrapper {
        align-items: center;
    }

    .c15_slide {
        aspect-ratio: 375 / 467;
        height: auto;
        flex-shrink: 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }

    .c15_slide_img {
        width: 100%;
        height: 100%;
    }

    .c15_slide_img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .c15_marquee {
        position: relative;
        margin-top: 10vw;
        width: 100%;
        background: #fdfeee;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding: 4vw 0;
    }

    .c15_marquee_track {
        display: flex;
        flex-wrap: nowrap;
        flex-shrink: 0;
        align-items: center;
        gap: 0;
        width: max-content;
        animation: marquee 30s linear infinite;
    }

    .c15_marquee_unit {
        flex-shrink: 0;
        width: 164.0385vw;
        height: 5vw;
    }

    .c15_marquee_unit img {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* ===== CON2123 (창업절차 + 창업혜택 + 창업비용) ===== */
    .main .con2123 {
        background: #48855e;
        overflow: hidden;
        padding: 25vw 0 12vw;
    }

    .main .c2123_bg {
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 0;
    }

    .main .c2123_bg img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .main .c2123_franchise {
        top: 17vw;
        left: 50%;
        width: 52vw;
        transform: translateX(-50%);
        z-index: 2;
    }

    .main .c2123_franchise img {
        width: 100%;
        display: block;
    }

    .main .c2123_panel {
        width: 96%;
        padding: 16vw 0 13vw;
        box-sizing: border-box;
        background: #ffffff;
        border-radius: 6vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 1;
    }

    .main .c2123_block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main .c2123_block_title {
        margin: 0;
        font-family: var(--sf), "YPairing", sans-serif;
        font-weight: 700;
        font-size: 8vw;
        line-height: 0.94;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
    }

    /* --- con21: 창업절차 --- */
    .main .c2123_steps_grid {
        width: 100%;
        margin-top: 6vw;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0vw;
        justify-content: center;
    }

    .main .c2123_step_card {
        position: relative;
    }

    .main .c2123_step_card img {
        width: 100%;
        display: block;
    }

    .main .c2123_step_card::after {
        display: none;
    }

    .main .c2123_verify_box {
        width: 100%;
        margin-top: 5vw;
        padding: 7vw 2vw;
        box-sizing: border-box;
        background: #fdfeee;
        border-radius: 4vw;
    }

    .main .c2123_verify_title {
        margin: 0;
        font-family: var(--sf), "YPairing", sans-serif;
        font-weight: 700;
        font-size: 5.2vw;
        line-height: 1.3;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
    }

    .main .c2123_verify_title strong {
        color: #48855e;
    }

    .main .c2123_verify_body {
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
    }

    .main .c2123_verify_body strong {
        font-weight: 800;
    }

    /* --- con22: 창업혜택 --- */
    .main .c2123_benefits {
        position: relative;
        margin-top: 12vw;
    }

    .main .c2123_benefit_cards {
        position: relative;
        width: 93%;
        margin-top: 5vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3vw;
        overflow: visible;
    }

    .main .c2123_benefit_card {
        position: relative;
        width: 100%;
        aspect-ratio: 2.5 / 2;
        flex-shrink: 0;
        border-radius: 5vw;
        overflow: visible;
        background: #000000 url("/images/con22_01.webp") center / cover no-repeat;
    }

    .main .c2123_benefit_card--left {
        background-position: center bottom;
    }

    .main .c2123_benefit_card--right {
        background-position: center bottom;
    }

    .main .c2123_benefit_card_bg {
        position: absolute;
        inset: 0;
        border-radius: inherit;
        overflow: hidden;
    }

    .main .c2123_benefit_card_bg img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .main .c2123_benefit_amount,
    .main .c2123_benefit_strike,
    .main .c2123_benefit_badge,
    .main .c2123_benefit_pill,
    .main .c2123_benefit_headline,
    .main .c2123_benefit_body {
        position: absolute;
    }

    .main .c2123_benefit_amount img,
    .main .c2123_benefit_strike img,
    .main .c2123_benefit_badge img,
    .main .c2123_benefit_pill img,
    .main .c2123_benefit_headline img {
        width: 100%;
        display: block;
    }

    .main .c2123_benefit_amount {
        top: 11.5%;
        left: 5%;
        width: 90%;
        border-radius: 5vw;
        overflow: hidden;
    }

    .main .c2123_benefit_strike {
        top: 43%;
        left: 17%;
        width: 65%;
    }

    .main .c2123_benefit_badge {
        top: 40%;
        left: 33%;
        width: 34%;
    }

    .main .c2123_benefit_pill {
        top: 10%;
        left: 17%;
        width: 66%;
    }

    .main .c2123_benefit_headline {
        top: 28%;
        left: 12%;
        width: 76%;
    }

    .main .c2123_benefit_body {
        top: auto;
        bottom: 8%;
        left: 5%;
        width: 90%;
        margin: 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.55;
        letter-spacing: -0.07em;
        color: #ffffff;
        text-align: center;
    }

    .main .c2123_benefit_mascot {
        position: absolute;
        left: -2vw;
        top: 78vw;
        bottom: auto;
        width: 20vw;
        z-index: 3;
        pointer-events: none;
    }

    .main .c2123_benefit_mascot img {
        width: 100%;
        display: block;
    }

    .main .c2123_benefit_note {
        margin: 5vw 0 0 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 3.2vw;
        line-height: 1.55;
        letter-spacing: -0.05em;
        color: #000000;
        text-align: center;
    }

    /* --- con23: 창업비용 --- */
    .main .c2123_cost {
        margin-top: 12vw;
    }

    .main .c2123_cost_stage {
        position: relative;
        width: 94%;
        margin-top: 7vw;
        aspect-ratio: 804 / 565;
    }

    .main .c2123_cost_board {
        width: 100%;
    }

    .main .c2123_cost_board img {
        width: 100%;
        display: block;
    }

    /* board 하단 클릭 영역 (#contact_service 이동) — 애니 없음 */
    .main .cost__link__overlay {
        width: 100%;
        bottom: 0;
        height: 11.5vw;
    }

    /* board 좌상/우하 장식 — board 대비 비율(약 35%/32%) 유지하며 축소 */
    .main .con23_03 {
        top: -30.6vw;
        left: -3vw;
        width: auto;
        height: auto;
    }

    .main .con23_04 {
        display: none;
    }

    .main .con23_03 img,
    .main .con23_04 img {
        width: 100%;
        display: block;
    }

    .main .c2123_cost_contact {
        position: absolute;
        top: -2vw;
        left: 50%;
        width: 68vw;
        transform: translateX(-50%);
    }

    .main .c2123_cost_contact img {
        width: 100%;
        display: block;
    }

    /* ===== CON24 (store guide map) ===== */
    .main .con24 {
        background: #ffffff;
        padding-top: 14vw;
        padding-bottom: 12vw;
    }

    .main .c24_stage {
        width: 100%;
        aspect-ratio: auto;
        overflow: visible;
        display: flex;
        flex-direction: column;
        padding: 0 5.333333vw;
        box-sizing: border-box;
    }

    .main .c24_title,
    .main .c24_search_box,
    .main .c24_board {
        position: relative;
        width: 100%;
    }

    .main .c24_title {
        margin: 0;
        font-family: var(--sf), "YPairing", sans-serif;
        font-weight: 400;
        font-size: 7.466667vw;
        line-height: 0.95;
        letter-spacing: -0.07em;
        color: #000000;
        text-align: center;
        white-space: nowrap;
    }

    .main .c24_title strong {
        font-weight: 700;
        color: #48855e;
    }

    .main .c24_search_box {
        margin-top: 5.333333vw;
        height: 13.333333vw;
        border-radius: 6.666667vw;
        background: #ffffff;
        box-shadow: 0 0 2.933333vw rgba(42, 29, 14, 0.05);
    }

    .main .c24_search_input {
        width: 100%;
        height: 100%;
        padding: 0 14.666667vw 0 5.333333vw;
        border: 0;
        outline: none;
        background: transparent;
        box-sizing: border-box;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.4;
        letter-spacing: -0.05em;
        color: #232020;
    }

    .main .c24_search_input::placeholder {
        color: #8a8a8a;
    }

    .main .c24_search_button {
        position: absolute;
        top: 1.333333vw;
        right: 1.333333vw;
        width: 10.666667vw;
        height: 10.666667vw;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #48855e;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .main .c24_search_button img {
        display: block;
        width: 5.333333vw;
    }

    .main .c24_board {
        margin-top: 5.333333vw;
        border-radius: 4vw;
        background: #ffffff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .main .c24_list_panel {
        width: 100%;
        background: #ffffff;
    }

    .main .c24_list_accent {
        display: none;
    }

    .main .c24_store_list {
        width: 100%;
        max-height: 72vw;
        overflow-y: auto;
        /* padding: 4vw 5.333333vw; */
        box-sizing: border-box;
    }

    .main .c24_store_list--empty {
        padding: 0;
    }

    .main .c24_store {
        position: relative;
        min-height: auto;
        padding: 4vw 4vw;
        border-bottom: 0.2vw solid #f2f2f2;
    }

    .main .c24_store:last-child {
        border-bottom: 0;
    }

    .main .c24_store.is-active {
        background: #f7fbf6;
    }

    .main .c24_store_main {
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        cursor: pointer;
    }

    .main .c24_store_name,
    .main .c24_store_address,
    .main .c24_store_phone {
        display: block;
        text-align: left;
    }

    .main .c24_store_name {
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 700;
        font-size: 4.533333vw;
        line-height: 0.948;
        letter-spacing: -0.07em;
        color: #131313;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main .c24_store.is-active .c24_store_name {
        color: #48855e;
    }

    .main .c24_store_address {
        margin-top: 2.666667vw;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.3;
        letter-spacing: -0.05em;
        color: #131313;
    }

    .main .c24_store_phone {
        margin-top: 1.866667vw;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 100;
        font-size: 4vw;
        line-height: 1.3;
        letter-spacing: -0.05em;
        color: #131313;
    }

    .main .c24_store_plus {
        position: absolute;
        top: 50%;
        right: 4vw;
        width: 9.333333vw;
        height: 9.333333vw;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        transform: translateY(-50%);
    }

    .main .c24_store_plus img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .main .c24_store--empty {
        min-height: 100%;
        border-bottom: 0;
        padding: 10.666667vw 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main .c24_store_empty_text,
    .main .c24_list_empty {
        margin: 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        color: #6f6f6f;
        text-align: center;
    }

    .main .c24_list_empty {
        padding: 6.666667vw 0;
    }

    .main .c24_map_panel {
        width: 100%;
        height: 74.666667vw;
        background: #f6f4ee;
    }

    .main .c24_map {
        width: 100%;
        height: 100%;
    }

    .main .c24_place_label {
        position: relative;
        padding: 1.333333vw 2.666667vw;
        background: #ffffff;
        border: 0.4vw solid #48855e;
        border-radius: 999vw;
        box-shadow: 0 1.066667vw 2.133333vw rgba(0, 0, 0, 0.15);
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 700;
        font-size: 3.2vw;
        line-height: 1;
        letter-spacing: -0.05em;
        color: #232020;
        white-space: nowrap;
    }

    .main .c24_place_label::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -1.6vw;
        width: 2.4vw;
        height: 2.4vw;
        background: #ffffff;
        border-right: 0.4vw solid #48855e;
        border-bottom: 0.4vw solid #48855e;
        transform: translateX(-50%) rotate(45deg);
        box-sizing: border-box;
    }

    /* ===== CON16 (interior) — style.css에서 이동 ===== */
    .con16 {
        background: #ffffff;
        padding-top: 16vw;
        padding-bottom: 14vw;
        overflow: hidden;
    }

    .c16_subtitle {
        margin-top: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-size: 4vw;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }

    .c16_title {
        margin-top: 3vw;
        font-family: var(--sf), "YPairing", serif;
        font-size: 8vw;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }

    .c16_title strong {
        color: #48855e;
        font-weight: 700;
    }

    .c16_desc {
        margin-top: 4vw;
        width: 92%;
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 3.733333vw;
        font-weight: 400;
        line-height: 1.55;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .c16_desc strong {
        font-weight: 800;
    }

    .c16_swiper_int {
        margin-top: 9vw;
        width: 100%;
        height: 45vw;
        overflow: hidden;
    }

    .c16_swiper_out {
        margin-top: 9vw;
        width: 100%;
        height: 45vw;
        overflow: hidden;
    }

    .c16_swiper_inner {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        z-index: 10;
    }

    .c16_swiper_int .c16_swiper_inner {
        margin-right: 15%;
        margin-left: -13.3%;
    }

    .c16_swiper_out .c16_swiper_inner {
        margin-left: 13.7%;
    }

    .c16_swiper_inner .swiper-wrapper {
        transition-timing-function: linear !important;
        align-items: center;
        pointer-events: none;
    }

    .c16_slide {
        height: 45vw;
        flex-shrink: 0;
    }

    .c16_slide_img {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c16_slide_img img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .c16_int_w_471 {
        width: 55.195313vw;
    } /* 471/384 * 45 */
    .c16_int_w_563 {
        width: 65.976563vw;
    } /* 563/384 * 45 */
    .c16_out_w_563 {
        width: 65.976563vw;
    }
    .c16_out_w_472 {
        width: 55.3125vw;
    } /* 472/384 * 45 */
    .c16_out_w_521 {
        width: 61.054688vw;
    } /* 521/384 * 45 */

    .c16_int_badge {
        position: absolute;
        top: 13vw;
        left: 86.6%;
        width: 11vw;
        z-index: 5;
        pointer-events: none;
    }

    .c16_int_badge img {
        width: 100%;
        display: block;
    }

    .c16_out_badge {
        position: absolute;
        top: 12vw;
        left: 2.4%;
        width: 11vw;
        z-index: 5;
        pointer-events: none;
    }

    .c16_out_badge img {
        width: 100%;
        display: block;
    }

    /* ===== CON17 — 이런 분들께 추천드립니다 (PC @media min-width:601 미상속 → 전 규칙 재선언) ===== */
    .main .con17 {
        background: #2b7ccb;
        padding-top: 14vw;
        padding-bottom: 14vw;
        overflow: hidden;
    }

    .main .c17_bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .main .c17_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c17_character {
        top: 40vw;
        left: auto;
        right: 4vw;
        width: 21vw;
        z-index: 2;
    }

    .main .c17_character img {
        width: 100%;
        display: block;
    }

    .main .c17_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 88%;
        height: auto;
    }

    .main .c17_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-top: 0;
    }

    .main .c17_title {
        margin: 0;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.15;
        letter-spacing: -0.07em;
        color: #ffffff;
        text-align: center;
        white-space: normal;
    }

    .main .c17_title strong {
        font-weight: 700;
    }

    .main .c17_title .c17_title_accent {
        color: #f7f435;
    }

    .main .c17_title .c17_title_thin {
        font-weight: 400;
    }

    .main .c17_body {
        margin-top: 4vw;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 3.733333vw;
        line-height: 1.55;
        letter-spacing: -0.05em;
        color: #ffffff;
        text-align: left;
        white-space: normal;
        word-break: keep-all;
        text-align: center;
    }

    .main .c17_body strong {
        font-weight: 800;
    }

    .main .c17_pills {
        list-style: none;
        margin: 8vw 0 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 2vw;
    }

    .main .c17_pill {
        width: 100%;
        min-height: 14vw;
        padding: 3vw 4vw;
        border-radius: 50vw;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        background: #ffffff;
    }

    .c17_pill.active {
        background: #f7f435;
    }

    .main .c17_pill_text {
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 3.733333vw;
        line-height: 1.4;
        letter-spacing: -0.05em;
        color: #2b7ccb;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    /* ===== CON18 — 자금 지원 안내 (좌우 → 상하 스택) ===== */
    .main .con18 {
        position: relative;
        padding: 18vw 0 14vw;
        background: #f9fae6;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main .c18_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .main .c18_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c18_left {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }

    .main .c18_subtitle {
        margin: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: nowrap;
    }

    .main .c18_title {
        margin: 4vw 0 0 0;
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.1;
        letter-spacing: -0.07em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }

    .main .c18_title strong {
        color: #48855e;
        font-weight: 700;
    }

    .main .c18_panel {
        position: relative;
        align-self: center;
        margin: 10vw 0 0 0;
        width: 96%;
        height: auto;
        padding: 10vw 6vw 12vw;
        background: #ffffff;
        border-radius: 4vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: visible;
        box-shadow: 0 3vw 6vw rgba(29, 26, 18, 0.08);
        z-index: 2;
        box-sizing: border-box;
    }

    .main .c18_ribbon {
        position: absolute;
        top: 12vw;
        left: 6vw;
        width: 60%;
        height: 4vw;
        background: #fffec0;
        z-index: 1;
    }

    .main .c18_headline {
        position: relative;
        z-index: 2;
        margin: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 500;
        font-size: 5vw;
        line-height: 1.4;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .main .c18_body {
        position: relative;
        z-index: 2;
        margin: 5vw 0 0 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .main .c18_body strong {
        font-weight: 800;
    }

    .main .c18_badge {
        position: absolute;
        top: 50vw;
        right: 2vw;
        left: auto;
        width: 33vw;
        z-index: 3;
    }

    .main .c18_badge img {
        width: 100%;
        display: block;
    }

    .main .c18_footnote {
        position: relative;
        align-self: center;
        margin: 4vw 0 0 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 2.933vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        color: #000000;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    /* ============ con19 (FAQ 아코디언) ============ */
    .main .con19 {
        padding: 12vw 0 14vw;
        background: #ffffff;
        overflow: hidden;
        position: relative;
    }

    .main .c19_bg {
        top: 0;
        left: 0;
        width: 100%;
    }

    .main .c19_bg img {
        width: 100%;
        display: block;
    }

    .main .c19_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 88%;
        align-self: center;
        position: relative;
        z-index: 1;
    }

    .main .c19_eyebrow {
        margin: 0;
        font-family: var(--ff), "Moneygraphy-Rounded", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
    }

    .main .c19_title {
        margin: 3vw 0 0 0;
        font-family: var(--sf), "YPairing", sans-serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.15;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
    }

    .main .c19_title .c19_title_accent {
        font-weight: 700;
        color: #2b7ccb;
    }

    .main .c19_faq_list {
        list-style: none;
        margin: 6vw 0 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 2.5vw;
        box-sizing: border-box;
    }

    .main .c19_faq_item {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 3vw;
        overflow: hidden;
        background: #fefbf4;
        transition:
            background 0.3s ease,
            border-color 0.3s ease;
    }

    .main .c19_faq_item.active {
        border-color: #2b7ccb;
        background: #ffffff;
    }

    .main .c19_faq_q {
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        min-height: 15vw;
        padding: 4vw 5vw;
        background: transparent;
        border: 0;
        cursor: pointer;
        font-family: inherit;
        box-sizing: border-box;
    }

    .main .c19_faq_q_text {
        flex: 1;
        text-align: left;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 800;
        font-size: 4vw;
        line-height: 1.4;
        letter-spacing: -0.05em;
        color: #232020;
        white-space: normal;
        word-break: keep-all;
        overflow: visible;
        text-overflow: unset;
    }

    .main .c19_faq_arrow {
        width: 8vw;
        height: 8vw;
        background: #2b7ccb;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-left: 3vw;
        transition: transform 0.3s ease;
    }

    .main .c19_faq_arrow svg {
        width: 2.6vw;
        height: 1.5vw;
        display: block;
    }

    .main .c19_faq_item.active .c19_faq_arrow {
        transform: rotate(180deg);
    }

    .main .c19_faq_a {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .main .c19_faq_a_inner {
        padding: 0 5vw 5vw 5vw;
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 3.8vw;
        line-height: 1.6;
        letter-spacing: -0.05em;
        color: #232020;
        text-align: left;
        white-space: normal;
        word-break: keep-all;
    }

    /* ============ con20 (Scene: 흔한 창업으로는 살아남을 수 없습니다) ============ */
    .main .con20 {
        background: #000000;
        overflow: hidden;
    }

    .main .c20_stage {
        position: relative;
        aspect-ratio: auto;
        width: 100%;
        min-height: 150vw;
        padding: 22vw 6vw;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main .c20_bg {
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    .main .c20_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .main .c20_capsule {
        position: absolute;
        z-index: 1;
        opacity: 0.5;
    }

    .main .c20_capsule img {
        width: 100%;
        height: auto;
        display: block;
    }

    .main .c20_capsule_left_open {
        top: 0vw;
        left: -9vw;
        width: 34vw;
    }
    .main .c20_capsule_left_small {
        top: 40vw;
        left: -10vw;
        width: 22vw;
    }

    .main .c20_capsule_left_bottom {
        bottom: 8vw;
        left: -5vw;
        width: 28vw;
    }

    .main .c20_capsule_right_top_green {
        top: -4vw;
        right: 4vw;
        width: 28vw;
    }

    .main .c20_capsule_right_top_orange {
        top: 24vw;
        right: -12vw;
        width: 26vw;
    }

    .main .c20_capsule_right_open {
        bottom: 18vw;
        right: -14vw;
        width: 34vw;
    }

    .main .c20_copy {
        position: relative;
        width: 100%;
        z-index: 3;
        display: flex;
        flex-direction: column;
        gap: 6vw;
        text-align: center;
    }

    .main .c20_title {
        font-family: var(--sf), "YPairing", serif;
        font-weight: 400;
        font-size: 8vw;
        line-height: 1.3;
        color: #ffffff;
        letter-spacing: -0.02em;
    }

    .main .c20_title .c20_title_light {
        font-weight: 400;
    }

    .main .c20_title strong {
        font-weight: 700;
        color: #d1ff6d;
    }

    .main .c20_body {
        font-family: var(--mf), "SUIT", sans-serif;
        font-weight: 400;
        font-size: 4vw;
        line-height: 1.7;
        color: #ffffff;
        letter-spacing: -0.03em;
        white-space: normal;
        word-break: keep-all;
    }

    .main .c20_body strong {
        font-weight: 800;
    }

    /* ============ con25 (창업문의 폼) ============ */
    .main .con25 {
        position: relative;
        width: 100%;
        padding: 16vw 0;
        background: #ffffff url("/images/con25_bg.webp") center/cover no-repeat;
        overflow: hidden;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10vw;
    }

    .main .c25_bg,
    .main .c25_clover {
        display: none;
    }

    .main .c25_left {
        position: static;
        width: 88%;
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4vw;
        z-index: auto;
    }

    .main .c25_title {
        font-family: var(--sf), "YPairing", serif;
        font-size: 7.5vw;
        font-weight: 400;
        color: #232020;
        line-height: 1.25;
        letter-spacing: -0.04em;
        white-space: normal;
        word-break: keep-all;
        text-align: center;
    }

    .main .c25_title strong {
        font-weight: 700;
    }

    .main .c25_title_accent {
        color: #48855e !important;
    }

    .main .c25_phone {
        display: block;
        width: 60vw;
        margin: 0;
        order: 3;
    }

    .main .c25_phone img {
        width: 100%;
        display: block;
    }

    .main .c25_left_body {
        margin: 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 4vw;
        font-weight: 400;
        color: #232020;
        line-height: 1.55;
        letter-spacing: -0.04em;
        white-space: normal;
        word-break: keep-all;
        text-align: center;
    }

    .main .c25_left_body strong {
        font-weight: 800;
    }

    .main .c25_panel {
        position: static;
        width: 92%;
        align-self: center;
        margin: 0;
        height: auto;
        background: #ffffff;
        border-radius: 4vw;
        box-shadow: 0 0.5vw 3vw rgba(42, 29, 14, 0.08);
        padding: 8vw 5vw 5vw;
        box-sizing: border-box;
        z-index: auto;
    }

    .main .c25_form {
        position: static;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 3vw;
    }

    .main .c25_div,
    .main .c25_div_1,
    .main .c25_div_2,
    .main .c25_div_3,
    .main .c25_div_4,
    .main .c25_div_5 {
        display: none;
    }

    .main .c25_row {
        min-height: 20vw;
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2vw;
        padding-bottom: 4vw;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        z-index: auto;
        justify-content: center;
    }

    .main .c25_label {
        position: static;
        left: auto;
        top: auto;
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 4vw;
        font-weight: 800;
        color: #000000;
        line-height: 1.2;
        letter-spacing: -0.04em;
        white-space: normal;
    }

    .main .c25_input {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        height: 10vw;
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 4.2vw;
        font-weight: 400;
        color: #000000;
        line-height: 1.2;
        letter-spacing: -0.04em;
        background: transparent;
        border: 0;
        outline: none;
        padding: 2vw 0;
        box-sizing: border-box;
        white-space: normal;
    }

    .main .c25_input::placeholder {
        color: #818181;
    }

    .main .c25_select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("/images/con25_02.webp");
        background-repeat: no-repeat;
        background-position: right 2vw center;
        background-size: 3vw auto;
        padding-right: 7vw;
        cursor: pointer;
        color: #818181;
    }

    .main .c25_select:valid {
        color: #000000;
    }

    .main .c25_radio_group {
        position: static;
        left: auto;
        top: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 6vw;
    }

    .main .c25_radio {
        display: flex;
        align-items: center;
        gap: 2vw;
        margin: 0;
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 4vw;
        font-weight: 600;
        color: #000000;
        letter-spacing: -0.04em;
        line-height: 1.2;
        white-space: normal;
        cursor: pointer;
    }

    .main .c25_radio:nth-child(2) {
        margin-left: 0;
    }

    .main .c25_radio input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .main .c25_radio_box,
    .main .c25_agree_box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5vw;
        height: 5vw;
        border-radius: 50%;
        background: #ffffff;
        border: 1px solid #d8d8c2;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .main .c25_radio input:checked + .c25_radio_box::after,
    .main .c25_agree input:checked + .c25_agree_box::after {
        content: "";
        position: static;
        top: auto;
        left: auto;
        transform: none;
        width: 3.2vw;
        height: 3.2vw;
        border-radius: 50%;
        background: #000000;
    }

    .main .c25_agree {
        position: static;
        left: auto;
        top: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2vw;
        margin: 0;
        padding-top: 2vw;
        cursor: pointer;
        z-index: auto;
    }

    .main .c25_agree input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .main .c25_agree_text {
        font-family: var(--mf), "SUIT", sans-serif;
        font-size: 3.6vw;
        font-weight: 400;
        color: #000000;
        letter-spacing: -0.04em;
        line-height: 1.2;
        white-space: normal;
    }

    .main .c25_submit {
        position: static;
        left: auto;
        top: auto;
        width: 80%;
        margin: 4vw auto 0;
        padding: 0;
        border: 0;
        background: transparent;
        display: block;
        cursor: pointer;
        z-index: auto;
    }

    .main .c25_submit img {
        width: 100%;
        display: block;
    }

    /* -----------------main------------------- */
    .main_right {
        right: 2rem;
        top: -51rem;
    }

    .main_left {
        left: 2rem;
        top: 65rem;
    }

    .main_02 {
        top: 4rem;
        left: 26rem;
    }

    .main_01 img {
        width: 53rem !important;
    }

    .keyring__system {
        text-align: center;
        padding-top: 10rem;
        padding-bottom: 10rem;
        height: auto;
    }
    .keyring__system .scroll__box  {
        margin-top: 5rem;
    }

    .keyring__system .system__box {
        padding: 5rem;
        border-radius: 4rem;
        margin: 0 2rem;

        .box__badge {
            margin: 0 auto;
        }

        .box--right {
            margin-left: 0;
            margin-top: 3rem;
        }

        &:nth-child(1) .box--right {
            position: static;
        }
    }

    .con_02_3,
    .con_02_2 {
        img {
            width: 100% !important;
        }
    }
    .con_03_2 img {
        width: 40.7rem !important;
    }
    .con_03_3 img {
        width: 20rem !important;
    }
}