/* ============ 카카오맵 마커/오버레이 ============ */
.map_marker { position: relative; display: inline-block; }
.my-place-label {
    background: #fff; border: 2px solid var(--mc); padding: 8px 15px;
    border-radius: 30px; font-size: 13px; font-weight: bold; color: #333;
    text-align: center; white-space: nowrap; position: relative; bottom: 50px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15); cursor: pointer; z-index: 10;
    transform: translateY(-50%);
}
@media screen and (max-width:599px) { .my-place-label { bottom: 50px; } }
.my-place-label:after {
    content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    border-top: 8px solid var(--mc); border-left: 8px solid transparent; border-right: 8px solid transparent;
}
.my-place-label:before {
    content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);
    border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 1;
}

/* ============ 스크롤바 ============ */
::selection { color: var(--mc); }

/* ============ Base / Reset ============ */
*, *::before, *::after { box-sizing: unset; margin: 0; }
button { outline: none; border: none; }
html, body { padding: 0; margin: 0; }
ul, ol { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; color: inherit; }
html { scroll-behavior: auto; } /* Lenis handles smooth scroll */

.visually-hidden {
    position: absolute !important; width: 1px; height: 1px;
    margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* ============ Layout Helpers ============ */
section { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; flex-direction: column; }

.pc        { display: flex; }
.pc-inline { display: inline; }
.tablet    { display: none; }
.mobile    { display: none; }

.clearfix::before, .clearfix::after { content: ""; display: block; clear: both; }
.flowhid { overflow: hidden; }
.hide    { display: none !important; }
.hideopa { opacity: 0 !important; }
.show    { opacity: 1 !important; }
.absol   { position: absolute; }
.rltv    { position: relative; }
.fwrap   { flex-wrap: wrap; }
.pointer { cursor: pointer; }

.leftflex  { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 50%; }
.rightflex { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 50%; }
.flexrow   { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row; }
.flexcol   { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

/* 무한 스크롤 (마키) */
.scrX { width: 100%; display: flex; justify-content: center; align-items: center; }
.scrX .scrX_item { animation: marqueeX 20s linear infinite; width: 100%; }
.scrX .scrX_item_absol { right: -100%; width: 100%; }
.scrY { height: 100%; display: flex; justify-content: center; align-items: center; }
.scrY .scrY_item { animation: marqueeY 20s linear infinite; height: 100%; }
.scrY .scrY_item_absol { bottom: -100%; width: 100%; }

/* ============ Fonts ============ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap");


body {
    font-family: 'Pretendard','Noto Sans KR',system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,'Noto Serif KR',sans-serif;
}

/* ============ Keyframes (공통 재사용) ============ */
@keyframes marquee    { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes marquee2   { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes marqueeX   { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@keyframes marqueeY   { from { transform: translateY(0); } to { transform: translateY(-100%); } }
@keyframes rotate360  { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
@keyframes zoom       { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } }
@keyframes zoom2      { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
@keyframes opa        { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
@keyframes opazoom    { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.02); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
@keyframes ball       { 0% { bottom: 0; } 100% { bottom: 20px; } }
@keyframes blk        { 0%,30% { opacity: 0; } 31%,99% { opacity: 1; } 100% { opacity: 0; } }
@keyframes blk2       { 0%,49% { opacity: 0; } 50%,99% { opacity: 1; } 100% { opacity: 0; } }
@keyframes scaleOpa   { 100% { transform: scale(1.1); opacity: 0; } }
@keyframes scaleOpa2  { 100% { transform: scale(1.4); opacity: 0; } }

.rotate    { animation: rotate360 20s linear infinite; }
.blk       { animation: blk 1s infinite; }
.opazoom   { animation: opazoom 1.5s infinite; }
.scaleopa1 { animation: scaleOpa 2s infinite; }
.scaleopa2 { animation: scaleOpa2 2s infinite; }

/* ============ 클라이언트별 섹션 스타일은 아래에 추가 ============ */
.main {
    margin-top: 0; margin-left: 0; width: 100%;
    display: flex; justify-content: flex-start; align-items: center; flex-direction: column;
}

/* ===== 메인 비주얼 ===== */
.mv {
    width: 100%;
    overflow: visible;
}
/* FOUC 방지 — JS gsap.set으로 초기화 후 animate */
.mv_bg, .mv_circle, .mv_card, .mv_card_arrow,
.mv_title .word, .mv_sub, .mv_cta,
.mv_line_bottom, .mv_dot_end { opacity: 0; }
/* CON1 FOUC — JS gsap.set에서 개별 관리 */

/* 배경 */
.mv_bg {
    width: 100% !important;
    top: 0;
    left: 0;
}
.mv_bg img { width: 100%; }

/* 세로선 — 배경이미지에 포함, CSS 불필요 */

/* 원형 */
.mv_circle {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mv_circle img { width: 100%; }
.mv_circle_left {
    width: 10.4462%;
    left: 12.4934%;
    top: 22.3097vw;
}
.mv_circle_right {
    width: 10.3937%;
    left: 77.6903%;
    top: 22.3097vw;
}

/* 카드 3개 */
.mv_card {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mv_card img { width: 100%; }
.mv_card1 {
    width: 23.6220%;
    left: 11.8110%;
    top: 36.7192vw;
}
.mv_card2 {
    width: 21.4698%;
    left: 61.1024%;
    top: 39.7375vw;
    opacity: 0.549;
}
.mv_card3 {
    width: 21.2598%;
    left: 68.2152%;
    top: 11.6273vw;
    opacity: 0.8;
}
.mv_card4 {
    width: 21.2598%;
    left: 10.5250%;
    top: 11.6273vw;
    opacity: 0.8;
}

/* 타이틀 */
.main .mv_title {
    margin-top: 19.7769vw;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -0.06em;
    z-index: 2;
}

/* 서브타이틀 */
.main .mv_sub {
    margin-top: 2.7297vw;
    text-align: center;
    letter-spacing: -0.06em;
    color: #000;
    opacity: 0.8;
    z-index: 2;
}

/* CTA 버튼 */
.main .mv_cta {
    margin-top: 10.2782vw;
    width: 8.7139%;
    padding: 1.1549vw 0;
    text-align: center;
    background: var(--mc);
    border-radius: 0.5249vw;
    letter-spacing: -0.06em;
    z-index: 2;
    transition: background 0.3s;
}
.main .mv_cta:hover {
    background: var(--sc);
}

/* 카드 화살표 (부모=카드1 이미지 450x230 기준) */
.mv_card_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.5556%;
    right: 17.6667%;
    bottom: 10%;
}
.mv_card_arrow img { width: 100%; }
@keyframes arrowClick {
    0%   { transform: scale(1); opacity: 1; }
    30%  { transform: scale(0.75); opacity: 0.6; }
    50%  { transform: scale(1.1); opacity: 1; }
    70%  { transform: scale(0.85); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}
.mv_card_arrow.clicking {
    animation: arrowClick 0.8s ease-in-out 2;
}

/* CTA 아래 세로선 + dot wrapper */
.mv_bottom_wrap {
    width: 0.8399vw;
    height: 17.1129vw;
    margin-top: 0;
    z-index: 2;
    align-self: center;
}
.mv_line_bottom {
    width: 0.0575vw;
    height: 100%;
    background: var(--mc);
    opacity: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.mv_dot_move {
    width: 0.8399vw;
    height: 0.8399vw;
    border-radius: 50%;
    background: #c0caf6;
    top: 23.0061%;
    left: 50%;
    transform: translateX(-50%);
}
.mv_dot_end {
    width: 0.8399vw;
    height: 0.8349vw;
    border-radius: 50%;
    background: var(--mc);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* ===== CON01: 리스크 없이 시작하는 가맹 확장 ===== */
.con1 { width: 100%; overflow: visible; }

/* 서브타이틀 */
.main .c1_sub {
    margin-top: 4.1470vw;
    text-align: center;
    letter-spacing: -0.06em;
    color: #000;
    opacity: 0.8;
    z-index: 4;
}

/* 타이틀 */
.main .c1_title {
    margin-top: 1.7323vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.3;
    z-index: 4;
}

/* 카드 2열 wrapper (부모=섹션 1905px) */
.c1_cards {
    width: 76.2441%;
    margin-top: 2.5722vw;
    gap: 2.0472vw;
    z-index: 2;
    align-items: stretch;
}

/* 블러 장식 (absol, 부모=c1_cards 1281x625) */
.c1_blur {
    display: flex;
    width: 58.4699%;
    left: 20.2966%;
    top: 87.3600%;
    z-index: 0;
}
.c1_blur img { width: 100%; }

/* LOW RISK (rltv, 카드와 겹침, z-index:1 = 카드 뒤) */
.c1_lowrisk {
    display: flex;
    justify-content: center;
    width: 26.3517%;
    margin-top: 1.8451vw;
    z-index: 1;
}
.c1_lowrisk img { width: 100%; }

/* 개별 카드 (부모=c1_cards 1281px, 높이=카드배경 비율 유지) */
.c1_card {
    width: 48.4778%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

/* 카드 설명을 하단 정렬 */
.c1_card_desc { margin-top: auto !important; }

/* 카드 배경 (absol, 부모=카드) */
.c1_card_bg {
    display: flex;
    width: 100%;
    top: 0;
    left: 0;
}
.c1_card_bg img { width: 100%; }

/* 카드 타이틀 (부모=카드 621x625) */
.main .c1_card_title {
    font-size: 1.8495vw;
    margin-top: 16.8000%;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.3;
    z-index: 2;
}

/* ── 좌카드 이미지 (부모=카드 621px, 좌측 정렬) ── */
.c1_card_img1 {
    display: flex;
    width: 76.4895%;
    margin-top: 4.7200%;
    margin-left: 12.4799%;
    align-self: flex-start;
    z-index: 2;
}
.c1_card_img1 img { width: 100%; }

.c1_card_img2 {
    display: flex;
    width: 89.9646%;
    margin-top: -10.2400%;
    margin-left: 5.7424%;
    align-self: flex-start;
    z-index: 2;
}
.c1_card_img2 img { width: 100%; }

/* 좌카드 설명 */
.main .c1_card1 .c1_card_desc {
    margin-top: 3.7600%;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
    padding-bottom: 17.7600%;
}

/* ── 우카드 이미지 wrapper (부모=카드 621px) ── */
.c1_card2_imgs {
    width: 58.7762%;
    margin-top: 4.7200%;
    margin-left: 20.6924%;
    align-self: flex-start;
    z-index: 2;
}

/* con01_03 (부모=wrapper 365px) */
.c1_card_img3 {
    display: flex;
    width: 45.4795%;
}
.c1_card_img3 img { width: 100%; }

/* con01_04: absol (부모=wrapper 365x279.5) */
.c1_card_img4 {
    display: flex;
    width: 70.3699%;
    left: 37.6301%;
    top: 6.9946%;
}
.c1_card_img4 img { width: 100%; }

/* 우카드 설명 */
.main .c1_card2 .c1_card_desc {
    margin-top: auto;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
    padding-bottom: 17.7600%;
}

/* 인용문 wrapper (부모=섹션, 898px) */
.c1_quote_wrap {
    width: 47.1391%;
    margin-top: 6.6142vw;
    z-index: 4;
}

/* 괄호 (부모=wrap 898px) */
.c1_paren_l {
    display: flex;
    width: 2.6726%;
    left: 0;
    top: 62%;
    transform: translateY(-50%);
}
.c1_paren_l img { width: 100%; }
.c1_paren_r {
    display: flex;
    width: 2.6726%;
    right: 0;
    top: 62%;
    transform: translateY(-50%) scaleX(-1);
}
.c1_paren_r img { width: 100%; }

/* 인용문 텍스트 */
.main .c1_quote {
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
}

/* ===== CON02: 가맹 확장? [본사 출신이] 하면 다릅니다 ===== */
.con2 { width: 100%; }

/* 타이틀 */
.c2_title .word { overflow: hidden; display: inline-block; }
.main .c2_title {
    margin-top: 15.2231vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.3;
    z-index: 2;
}
.c2_swap { color: var(--mc); }

/* 원형 wrapper (부모=섹션, 574x574) */
.c2_circle_wrap {
    width: 30.1312%;
    margin-top: 2.4147vw;
    z-index: 2;
    aspect-ratio: 1;
}
.c2_circle1 { display: flex; width: 100%; left: 0; top: 0; z-index: 0; }
.c2_circle1 img { width: 100%; }
.c2_circle2 { display: flex; width: 100%; left: 0; top: 0; z-index: 1; }
.c2_circle2 img { width: 100%; }
.c2_circle_label {
    z-index: 2;
    top: 11.8467%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.c2_circle_num {
    z-index: 2;
    font-family: 'Anton', sans-serif;
    font-size: 7.2441vw;
    line-height: 1;
    top: 17.7700%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* 카드 4열 (부모=섹션) */
.c2_stats {
    width: 68.3465%;
    margin-top: -16.0105vw;
    gap: 1.5748vw;
    z-index: 2;
    align-items: stretch;
}

/* 개별 카드 (부모=c2_stats 1302px) */
.c2_stat {
    width: 23.2719%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    border: 1px solid #c0caf6;
    border-radius: 1.5748vw;
    z-index: 2;
}

/* 카드 아이콘 (부모=카드 303px) */
.c2_stat_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28.7129%;
    margin-top: 13.8554%;
    margin-left: 16.5017%;
    align-self: flex-start;
    background: #e3e3f1;
    border-radius: 1.0499vw;
}
.c2_stat_icon img { width: 100%; }

/* 카드 라벨 */
.main .c2_stat_label {
    margin-top: 11.4458%;
    text-align: right;
    letter-spacing: -0.06em;
    line-height: 1;
    padding-left: 10%;
    width: 46%;
    white-space: nowrap;
}

/* 카드 숫자 */
.c2_stat_num {
    margin-top: 4.2169%;
    align-items: baseline;
    justify-content: center;
    padding-bottom: 19.5783%;
    padding-left: 20%;
    line-height: 1;
}
.c2_num {
    font-family: 'Anton', sans-serif;
    font-size: 3.7795vw;
    color: #000066;
    line-height: 1;
}
.c2_unit {
    font-size: 1.6273vw;
    margin-left: 0.3vw;
    line-height: 1;
}

/* 하단 설명 */
.main .c2_desc {
    margin-top: 3.8845vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
}

/* 캐릭터 경력 라벨 3개 균등 row */
.c2_careers {
    width: 51%;
    justify-content: space-between;
    margin-top: 3%;
    align-items: center;
}
.c2_career {
    text-align: center;
    letter-spacing: -0.04em;
    color: #0a1959;
    font-size: 1.25vw;
}

/* ===== CON03: 영남권은 왜 계약 전환이 느릴까요? ===== */
.con3 { width: 100%; overflow: visible !important; justify-content: flex-start; }

/* 도입부 wrapper (부모=섹션 1905px, 배경=con03_02 1682x472 기준) */
.c3_intro_wrap {
    width: 88.2940%;
    margin-top: 14.2782vw;
    z-index: 2;
}

/* 배경 (absol, 부모=wrapper 1682x472) */
.c3_intro_bg {
    display: flex;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.c3_intro_bg img { width: 100%; }

/* ? 아이콘 (absol, 부모=wrapper 1682x472) */
.c3_icon {
    display: flex;
    width: 8.7990%;
    left: 45.6599%;
    top: -8.2627%;
    z-index: 1;
}
.c3_icon img { width: 100%; }

/* 서브1 (rltv, 부모=wrapper) */
.main .c3_sub1 {
    margin-top: 9.3963vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1;
    z-index: 2;
}

/* 타이틀 (rltv, 부모=wrapper) */
.main .c3_title {
    margin-top: 4.4619vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.3;
    z-index: 2;
}

/* 설명 (rltv, 부모=wrapper) */
.main .c3_desc1 {
    margin-top: 2.0472vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
    padding-bottom: 2.2572vw;
}

/* 3키워드 바 (GSAP pin) */
.c3_keywords {
    width: 75.3806%;
    margin-top: 5.1444vw;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    background: #fff;
    padding: 1.5vw 3vw;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
    transition: border-radius 0.3s, box-shadow 0.3s, padding 0.3s;
}
.c3_keywords.pinned {
    border-radius: 0.7874vw;
    box-shadow: 0 4px 24px rgba(0,0,102,0.08);
}
/* 선1: 현장중심 ~ 신뢰중심 사이 (부모=키워드바 1436px) */
.c3_kw_line1 {
    width: 17.1894%;
    height: 0.05050vw;
    left: 22.7577%;
    top: 50%;
    transform: translateY(-50%);
    background: var(--mc);
    opacity: 0.2;
}
/* 선2: 신뢰중심 ~ 커넥타 사이 */
.c3_kw_line2 {
    width: 17.3538%;
    height: 0.05050vw;
    left: 59.844%;
    top: 50%;
    transform: translateY(-50%);
    background: var(--mc);
    opacity: 0.2;
}
.c3_kw {
    font-weight: 900;
    letter-spacing: -0.06em;
    line-height: 1;
}
.c3_kw1 { color: #000066; opacity: 1; }
.c3_kw2 { color: #0a1959; opacity: 0.23; }
.c3_kw3 { color: #0a1959; opacity: 0.23; display: flex; align-items: center; gap: 0.5vw; }
.c3_kw_logo { display: inline-flex; justify-content: center; align-items: center; width: 3.2546vw; vertical-align: middle; }
.c3_kw_logo img { width: 100%; }

/* ═══ Phase 1: 현장중심 ═══ */

/* 좌우 콘텐츠 wrapper */
.c3_p1_content {
    width: 75.7480%;
    margin-top: 2.3097vw;
    align-items: flex-start;
    justify-content: space-between;
}

/* 좌: 타이틀 (부모=wrapper 1443px) */
.main .c3_p1_title {
    width: 30.6306%;
    letter-spacing: -0.06em;
    line-height: 1.3;
    margin-top: 1.1549vw;
}

/* 우: 카드 box (부모=wrapper 1443px, con03_06 923x508) */
.c3_p1_box {
    width: 63.9640%;
    aspect-ratio: 923 / 508;
    overflow: visible;
}

/* 카드 배경 (absol, con03_06) */
.c3_p1_box_bg {
    display: flex;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.c3_p1_box_bg img { width: 100%; }

/* 말풍선 (absol, 부모=box 923x508) */
.c3_p1_balloon {
    display: flex;
    width: 35.9697%;
    left: 55.8505%;
    top: -2.6575%;
    z-index: 2;
}
.c3_p1_balloon img { width: 100%; }

/* 캐릭터 (absol, 부모=box 923x508) */
.c3_p1_char {
    display: flex;
    width: 20.0433%;
    left: 63.7595%;
    top: 15.2559%;
    z-index: 1;
}
.c3_p1_char img { width: 100%; }

/* 카드 타이틀 (rltv, 부모=box 923x508) */
.main .c3_p1_box_title {
    font-size: 1.6798vw;
    color: #0a1959;
    margin-top: 5.6693vw;
    margin-left: 12.8386%;
    align-self: flex-start;
    letter-spacing: -0.06em;
    line-height: 1;
    z-index: 2;
}

/* 카드 설명 (rltv) */
.main .c3_p1_box_desc {
    margin-top: 3.1496vw;
    margin-left: 13.0553%;
    align-self: flex-start;
    letter-spacing: -0.06em;
    line-height: 1.6;
    opacity: 0.9;
    z-index: 2;
}

/* 실무 밀착형 (rltv, MULTI_COLOR) */
.main .c3_p1_box_accent {
    margin-top: 0.8399vw;
    margin-left: 13.0553%;
    align-self: flex-start;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
}

/* ═══ Phase 2: 신뢰중심 ═══ */

/* Phase 2 전체 wrapper */
.c3_p2_wrap {
    width: 75.3806%;
    margin-top: 8.9764vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

/* 블러 장식 (absol, 부모=wrap 1436x1017) */
.c3_p2_blur {
    display: flex;
    width: 86.4206%;
    left: 6.6852%;
    top: 11.6028%;
    z-index: 0;
}
.c3_p2_blur img { width: 100%; }

/* 타이틀 */
.main .c3_p2_title {
    margin-top: 3.7270vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.3;
    z-index: 2;
}

/* 서브 */
.main .c3_p2_sub {
    margin-top: 2.3097vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
}

/* 미팅 wrapper (부모=p2_wrap, aspect-ratio 고정) */
.c3_p2_meeting {
    width: 90.9471%;
    margin-top: 2.6247vw;
    aspect-ratio: 1306 / 277;
    align-self: center;
    z-index: 2;
}

/* 미팅전 카드 (rltv, 그림자 포함) */
.c3_p2_card_l {
    display: flex;
    width: 38.8208%;
}
.c3_p2_card_l img { width: 100%; }

/* 캐릭터 (absol, 부모=meeting 1306x277) */
.c3_p2_char {
    display: flex;
    width: 17.3047%;
    left: 42.4579%;
    top: 3.2491%;
    z-index: 2;
}
.c3_p2_char img { width: 100%; }

/* 미팅후 카드 (absol, 부모=meeting) */
.c3_p2_card_r {
    display: flex;
    width: 38.8208%;
    left: 61.1792%;
    top: 0;
    z-index: 1;
}
.c3_p2_card_r img { width: 100%; }

/* 점선 (absol, 부모=meeting, 카드 사이만) */
.c3_p2_dotline {
    display: flex;
    width: 36.3583%;
    left: 27.8208%;
    top: 50.5415%;
    z-index: -1;
}
.c3_p2_dotline img { width: 100%; }

/* dot 좌 (absol, CSS 원형) */
.c3_p2_dot_l {
    width: 0.9188%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #0a1959;
    left: 35.6557%;
    top: 51%;
    transform: translateY(-50%);
    z-index: 2;
}

/* dot 우 (absol, CSS 원형) */
.c3_p2_dot_r {
    width: 0.9188%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #0a1959;
    left: 62.6848%;
    top: 51%;
    transform: translateY(-50%);
    z-index: 2;
}

/* 흐름도 (rltv flexrow) */
.c3_p2_flow {
    margin-top: 0.8399vw;
    align-items: center;
    justify-content: center;
    gap: 0.8vw;
    z-index: 2;
}
.c3_flow_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.1496vw;
}
.c3_flow_item img { width: 100%; }
.c3_flow_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.7323vw;
}
.c3_flow_arrow img { width: 100%; }

/* 하단 텍스트 */
.main .c3_p2_bottom {
    margin-top: 1.4173vw;
    text-align: center;
    letter-spacing: -0.06em;
    color: #0a1959;
    z-index: 2;
    padding-bottom: 3vw;
}

/* ═══ Phase 3: 커넥타 ═══ */

/* 좌우 콘텐츠 (부모=섹션, wrapper=1557.5px) */
.c3_p3_content {
    width: 81.7585%;
    margin-top: 5.7743vw;
    align-items: flex-start;
    gap: 1.3162%;
    z-index: 2;
    align-self: flex-start;
    margin-left: 6.4304%;
}

/* 좌: 구조도 wrapper (부모=content 1557.5px) */
.c3_p3_left {
    width: 64.9759%;
}

/* con03_17 구조도 이미지 */
.c3_p3_structure {
    display: flex;
    width: 100%;
}
.c3_p3_structure img { width: 100%; }

/* con03_19 캐릭터 (absol, 부모=left wrapper = con03_17 1012x772) */
.c3_p3_char {
    display: flex;
    width: 19.8617%;
    left: 39.8715%;
    top: 61.8731%;
    z-index: 2;
}
.c3_p3_char img { width: 100%; }

/* 우: 텍스트 */
.c3_p3_right {
    width: 33.7079%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


/* 타이틀 */
.main .c3_p3_title {
    margin-top: 4.5144vw;
    text-align: right;
    letter-spacing: -0.06em;
    line-height: 1.3;
}

/* 설명 */
.main .c3_p3_desc {
    margin-top: 5.0394vw;
    text-align: right;
    letter-spacing: -0.06em;
    line-height: 1.6;
}

/* 밑줄 강조 */
.main .c3_p3_accent {
    margin-top: 1.0499vw;
    text-align: right;
    letter-spacing: -0.06em;
    line-height: 1.6;
}

/* ═══ CON03 하단부 ═══ */

/* 서브 */
.main .c3_bot_sub {
    margin-top: 12.5459vw;
    text-align: center;
    letter-spacing: -0.06em;
}

/* 타이틀 */
.main .c3_bot_title {
    margin-top: 1.3123vw;
    text-align: center;
    letter-spacing: -0.06em;
}

/* 배경 wrapper (con03_20 기준 1682x472) */
.c3_bot_wrap {
    width: 88.2940%;
    margin-top: -1.5748vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 배경 (absol) */
.c3_bot_bg {
    display: flex;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.c3_bot_bg img { width: 100%; }

/* 헤드라인 MULTI_COLOR */
.main .c3_bot_headline {
    margin-top: 8.6089vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.3;
    z-index: 2;
}

/* CONNECTA wrapper */
.c3_bot_connecta {
    width: 56.2426%;
    margin-top: 1.5vw;
    z-index: 2;
}

/* CONNECTA 이미지 */
.c3_bot_connecta_img {
    display: flex;
    width: 100%;
}
.c3_bot_connecta_img img { width: 100%; }

/* 로고 (absol, 부모=connecta 946px, 가운데 겹침) */
.c3_bot_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15.9619%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    background: transparent;
    border-radius: 2vw;
    padding: 0.5vw 1vw;
}
.c3_bot_logo img { width: 100%; }

/* CON03 하단 세로줄 3개 (CONNECTA 아래, 다음 섹션까지 이어짐) */
.c3_bot_lines {
    width: 100%;
    height: 20vw;
    z-index: -1;
    margin-top: -9%;
}
.c3_bot_line {
    width: 0.0575vw;
    height: 100%;
    background: var(--mc);
    opacity: 0.1;
    top: 0;
}
.c3_bot_line1 { left: 25.1444%; }
.c3_bot_line2 { left: 49.9412%; }
.c3_bot_line3 { left: 75.6693%; }

/* ===== CON04: 커넥타는 영업 대행의 기준을 다시 씁니다 ===== */
.con4 { width: 100%; z-index: 1; overflow: visible; }

/* 세로줄 (CON03에서 이어짐) */
.c4_lines { width: 100%; height: 34vw; }
.c4_line { width: 0.0575vw; height: 100%; background: var(--mc); opacity: 0.1; top: 0; }
.c4_line1 { left: 25.1444%; }
.c4_line2 { left: 49.95%; }
.c4_line3 { left: 75.6693%; }

/* 전체 wrapper (flexrow, 부모=섹션 1905px) */
.c4_content {
    width: 75.5906%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
}

/* 좌: GSAP pin으로 고정 (Lenis 환경, CSS sticky 불가) */
.c4_left {
    width: 34.3750%;
    flex-shrink: 0;
}
.c4_title .word { overflow: hidden; display: inline-block; }
.main .c4_title {
    letter-spacing: -0.06em;
    line-height: 1.3;
}

/* 우: 카드영역 (부모=content 1440px) */
.c4_right {
    width: 50.2083%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
}

/* 문제카드 (회색) */
.c4_problem {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.5vw;
    padding: 3.0446vw 2.5vw 2.6772vw;
    background: #eeeeee;
    border-radius: 1.5748vw;
    position: relative;
}
.c4_problem::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to left, rgba(0,0,0,0.15), rgba(0,0,0,0));
    border-radius: 1.5748vw;
    pointer-events: none;
}

/* 문제카드 아이콘 (부모=카드 722px, 각 이미지 크기별) */
.c4_prob_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    z-index: 1;
}
.c4_prob_icon img { width: 100%; }
.c4_prob_icon.ic03 { width: 6.9252%; }
.c4_prob_icon.ic08 { width: 13.9889%; }
.c4_prob_icon.ic11 { width: 15.2355%; }
.c4_prob_icon.ic14 { width: 13.7119%; }

/* 문제카드 텍스트 */
.c4_prob_text { z-index: 1; }
.main .c4_prob_title {
    letter-spacing: -0.06em;
    line-height: 1;
}
.main .c4_prob_desc {
    margin-top: 0.5vw;
    letter-spacing: -0.06em;
    line-height: 1.6;
    opacity: 0.7;
}

/* 점선 연결 + 하단 꺽쇠 */
.c4_connector {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1vw 0;
}
.c4_connector::before {
    content: '';
    width: 0;
    height: 3vw;
    border-left: 2px dashed rgba(10,25,89,0.2);
}
.c4_connector::after {
    content: '';
    width: 0.6vw;
    height: 0.6vw;
    border-right: 2px solid rgba(10,25,89,0.2);
    border-bottom: 2px solid rgba(10,25,89,0.2);
    transform: rotate(45deg);
    margin-top: -0.3vw;
}

/* 해결카드 (연보라) */
.c4_solution {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3vw 2.5vw;
    background: #eceffd;
    border: 1px solid #9ea5c5;
    border-radius: 1.5748vw;
    margin-bottom: 3vw;
}

/* 해결카드 라벨 */
.main .c4_sol_label {
    font-family: 'Anton', sans-serif;
    font-size: 1.4698vw;
    color: #0a1959;
    text-decoration: underline;
    text-underline-offset: 0.3vw;
    letter-spacing: 0;
    margin-bottom: 1.5vw;
}

/* 해결카드 아이콘 flexrow */
.c4_sol_icons {
    align-items: center;
    justify-content: center;
    gap: 0.8vw;
    margin-bottom: 1.5vw;
}
.c4_sol_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24.5152%;
}
.c4_sol_icon img { width: 100%; }
.c4_sol_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2465%;
}
.c4_sol_arrow img { width: 100%; }

/* 해결카드 이미지 */
.c4_sol_img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 68%;
    margin-bottom: 1.5vw;
}
.c4_sol_img img { width: 100%; }

/* 해결카드 텍스트 */
.main .c4_sol_desc {
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
}
.main .c4_sol_accent {
    margin-top: 1vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
}
.main .c4_sol_sub {
    margin-top: 1.5vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    opacity: 0.7;
}

/* CON04 도입부 (말풍선 + dot + 텍스트) */
.c4_intro_balloon {
    display: flex;
    justify-content: center;
    width: 29.9213%;
    margin-bottom: 1vw;
    margin-top: -34%;
}
.c4_intro_balloon img { width: 100%; }

.c4_intro_dots {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4vw;
    margin-bottom: 1.5vw;
}
.c4_dot1 {
    width: 0.5vw;
    height: 0.5vw;
    border-radius: 50%;
    background: #071346;
}
.c4_dot2 {
    width: 0.35vw;
    height: 0.35vw;
    border-radius: 50%;
    background: #071346;
}

.main .c4_intro_desc {
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    margin-bottom: 3vw;
}

/* con04_13 체크 (absol, 부모=con04_12 492x194) */
.c4_sol_img13 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.0813%;
    left: 84.9179%;
    top: 39.7835%;
    z-index: 2;
}
.c4_sol_img13 img { width: 100%; }

/* con04_10 (absol, 부모=con04_09 153x140, 같은 위치에 겹침) */
.c4_sol_img10 {
    display: flex;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.c4_sol_img10 img { width: 100%; }

/* ===== CON05: 인용문 ===== */
.con5 {
    width: 100%;
    padding: 15vw 0;
    overflow: visible;
}

/* 원형 장식 (absol, 가운데 정렬) */
.c5_blur {
    display: flex;
    width: 65.1444%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.c5_blur img { width: 100%; }

.c5_circle_lg {
    display: flex;
    width: 53.1234%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.c5_circle_lg img { width: 100%; }

.c5_circle_md {
    display: flex;
    width: 25.3543%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.c5_circle_md img { width: 100%; }

.c5_circle_sm {
    display: flex;
    width: 7.4541%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.c5_circle_sm img { width: 100%; }

/* 텍스트 */
.main .c5_text {
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
}

.main .c5_accent {
    margin-top: 2vw;
    text-align: center;
    letter-spacing: -0.06em;
    line-height: 1.6;
    z-index: 2;
}

/* ===== CON06: CONNECTA incubating house ===== */
.con6 {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.c6_video {
    width: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

/* CONNECTA 로고 (absol, 부모=섹션, 가운데) */
.c6_logo {
    display: flex;
    width: 49.3963%;
    left: 50%;
    top: 42.90%;
    transform: translateX(-50%);
    z-index: 2;
}
.c6_logo img { width: 100%; }

/* 대행 그 이상의 (absol, 좌측) */
.c6_left {
    display: flex;
    width: 5.9318%;
    left: 9.5013%;
    top: 47.81%;
    z-index: 2;
}
.c6_left img { width: 100%; }

/* 영업 파트너 (absol, 우측) */
.c6_right {
    display: flex;
    width: 4.8294%;
    left: 86.5617%;
    top: 47.81%;
    z-index: 2;
}
.c6_right img { width: 100%; }

/* INCUBATING HOUSE (absol, 가운데) */
.c6_label {
    font-family: 'Anton', sans-serif;
    color: #fff;
    left: 50%;
    top: 58.56%;
    transform: translateX(-50%);
    letter-spacing: 0.05em;
    white-space: nowrap;
    z-index: 2;
}

/* ===== CON07: 계약 이후까지 설계하는 커넥타 ===== */
.con7 { width: 100%; }

/* 배경 */
.c7_bg { display:flex; width:100%; left:50%; top:0; transform:translateX(-50%); z-index:0; }
.c7_bg img { width:100%; }

/* 인트로 */
.c7_intro { z-index:2; padding-top:8vw; }
.c7_title .word { overflow:hidden; display:inline-block; }
.main .c7_title { text-align:center; letter-spacing:-0.06em; line-height:1.3; z-index:2; }
.main .c7_sub { margin-top:2.7822vw; text-align:center; letter-spacing:-0.06em; line-height:1.6; z-index:2; }

/* wrapper (부모=섹션 1905px) */
.c7_wrap { width:87.0866%; margin-top:4.6194vw; aspect-ratio:1659/799; overflow:visible; z-index:2; }

/* 캐릭터 (부모=c7_wrap 1659x799) */
.c7_char { display:flex; width:13.0199%; left:39.5419%; top:25.7822%; z-index:5; }
.c7_char img { width:100%; }

/* ── 좌측 wrap1: con07_03 + con07_04 (부모=c7_wrap) ── */
.c7_w1 { width:16.0940%; left:29.9578%; top:6.1327%; aspect-ratio:267/187; z-index:2; }
.c7_w1_04 { display:flex; width:100%; left:0; top:0; }
.c7_w1_04 img { width:100%; }
.c7_w1_03 { display:flex; width:4.4944%; left:68.5393%; top:57.2193%; }
.c7_w1_03 img { width:100%; }

/* ── 좌측 wrap2: con07_05 + con07_06 (부모=c7_wrap) ── */
.c7_w2 { width:25.8288%; left:11.2719%; top:12.3905%; aspect-ratio:429/245; z-index:2; }
.c7_w2_06 { display:flex; width:62.3104%; left:0; top:0; }
.c7_w2_06 img { width:100%; }
.c7_w2_05 { display:flex; width:69.7783%; left:30.2217%; top:45.6033%; }
.c7_w2_05 img { width:100%; }

/* ── 좌측 wrap3: con07_07 + con07_08 (부모=c7_wrap) ── */
.c7_w3 { width:38.7583%; left:-1.8083%; top:40.4255%; aspect-ratio:643/146; z-index:2; }
.c7_w3_08 { display:flex; width:41.5241%; left:0; top:0; }
.c7_w3_08 img { width:100%; }
.c7_w3_07 { display:flex; width:64.0747%; left:35.9253%; top:45.2055%; }
.c7_w3_07 img { width:100%; }

/* ── 좌측 wrap4: con07_09 + con07_10 (부모=c7_wrap) ── */
.c7_w4 { width:30.0181%; left:15.3104%; top:57.8223%; aspect-ratio:498/206; z-index:2; }
.c7_w4_10 { display:flex; width:53.6145%; left:0; top:29.1262%; }
.c7_w4_10 img { width:100%; }
.c7_w4_09 { display:flex; width:49.3976%; left:46.6024%; top:21%; }
.c7_w4_09 img { width:100%; }

/* ── 우측 카드 con07_13 (부모=c7_wrap) ── */
.c7_card { display:flex; width:53.1646%; left:46.4738%; top:-0.2503%; z-index:1; }
.c7_card > img { width:100%; }

/* ── wrap5: con07_11 + con07_12 (부모=con07_13 882x766) ── */
.c7_w5 { width:39.0023%; left:10.7710%; top:10.7050%; aspect-ratio:344/186; z-index:2; }
.c7_w5_12 { display:flex; width:76.4535%; left:23.5465%; top:0; }
.c7_w5_12 img { width:100%; }
.c7_w5_11 { display:flex; width:60.1744%; left:0; top:54.8387%; }
.c7_w5_11 img { width:100%; }

/* ── wrap14: con07_142nd + con07_14 (부모=con07_13 882x766) ── */
.c7_w14 { width:65.6463%; left:15.3061%; top:32.2454%; aspect-ratio:579/142; z-index:2; }
.c7_w14_line { display:flex; width:59.5769%; left:0; top:45.7746%; }  /* 316/579 */
.c7_w14_line img { width:100%; }
.c7_w14_label { display:flex; width:45.4231%; left:54.5769%; top:0; }  /* 263/579 */
.c7_w14_label img { width:100%; }

/* ── wrap15: con07_142nd + con07_15 (부모=con07_13 882x766) ── */
.c7_w15 { width:65.6463%; left:8.2766%; top:49.2167%; aspect-ratio:579/142; z-index:2; }  /* 579/882, 73/882 */
.c7_w15_line { display:flex; width:54.5769%; left:8%; top:45.7746%; }  /* 316/579 */
.c7_w15_line img { width:100%; }
.c7_w15_label { display:flex; width:45.4231%; left:54.5769%; top:0; }  /* 263/579 */
.c7_w15_label img { width:100%; }

/* ── wrap6: con07_17 + con07_18 (부모=con07_13) ── */
.c7_w6 { width:46.4853%; left:4.7619%; top:67.8851%; aspect-ratio:410/162; z-index:2; }
.c7_w6_17 { display:flex; width:26.0976%; left:0; top:0; }
.c7_w6_17 img { width:100%; }
.c7_w6_18 { display:flex; width:81.9512%; left:18.0488%; top:12.3457%; }
.c7_w6_18 img { width:100%; }

/* con07_19 CONNECTA. (부모=con07_13) */
.c7_19 { display:flex; width:47.5057%; left:41.4966%; top:92.2977%; z-index:2; }
.c7_19 img { width:100%; }

/* ===== CON08: 계약은 끝이 아닙니다 ===== */
.con8 { width: 100%; margin-top: 10%; }

/* wrapper (부모=섹션, con08_05 배경 기준) */
.c8_wrap {
    width: 99.6850%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5vw 0 8vw;
}

/* 배경 */
.c8_bg { display:flex; width:100%; top:0; left:0; z-index:0; }
.c8_bg img { width:100%; }

/* CONNECTA 로고 */
.c8_logo { display:flex; justify-content:center; width:3.5696%; z-index:2; margin-bottom:3vw; }
.c8_logo img { width:100%; }

/* 업무 공백 제로 / 분쟁 방지 구조 (absol, 부모=wrap) */
.main .c8_label_l {
    font-size:1.6273vw;
    left:12.1643%;
    top:13%;
    z-index:2;
}
.main .c8_label_r {
    font-size:1.6273vw;
    right:12.1643%;
    top:13%;
    z-index:2;
}

/* 3컬럼 content */
.c8_content {
    width:97.8410%;
    align-items:center;
    justify-content:space-between;
    z-index:2;
}

/* 좌카드 (부모=content, 여백 포함) */
.c8_card_l { display:flex; width:30.4629%; position:relative; z-index:3; }
.c8_card_l img { width:100%; }

/* 우카드 */
.c8_card_r { display:flex; width:30.4629%; position:relative; z-index:3; }
.c8_card_r img { width:100%; }

/* 가운데 */
.c8_center {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

/* 가운데 타이틀 */
.c8_title .word { overflow:hidden; display:inline-block; }
.main .c8_title {
    text-align:center;
    letter-spacing:-0.06em;
    line-height:1.3;
}

/* 가운데 선 */
.c8_line {
    width:70%;
    height:0.1575vw;
    background:#0b1a5b;
    margin:3vw 0;
}

/* 배지 + 양옆 선 (부모=c8_center, overflow로 선 넘침) */
.c8_badge {
    display:flex;
    justify-content:center;
    align-items:center;
    width:119.2291%;
    margin-top:6.5617vw;
}
.c8_badge::before, .c8_badge::after {
    content:'';
    flex:1;
    height:0.0400vw;
    background:#0b1a5b91;
    display:none;
}
.c8_badge_img { display:flex; justify-content:center; width:38.8249%; }
.c8_badge_img img { width:100%; }

.c8_center { overflow:visible; }

/* ===== CON09: 핵심 프로세스 ===== */
.con9 { width:100%; }

/* 배경 (부모=섹션) */
.c9_bg { display:flex; width:94.5932%; bottom:0; left:50%; transform:translateX(-50%); z-index:0; }
.c9_bg img { width:100%!important; }

/* 5-Step 서브타이틀 */
.main .c9_sub { text-align:center; color:#2a3bce; margin-top:9vw; letter-spacing:0.02em; }

/* 핵심 프로세스 타이틀 */
.c9_title .word { overflow:hidden; display:inline-block; }
.main .c9_title { text-align:center; margin-top:1.5223vw; letter-spacing:-0.04em; }

/* 5카드 리스트 (부모=섹션) */
.c9_list { width:82.3097%; margin:3.2021vw auto 0; justify-content:space-between; padding-bottom:7.9790vw; }

/* 카드 */
.c9_card { display:flex; width:18.5587%; position:relative; z-index:2; }
.c9_card img { width:100%; }

/* 구분선 (부모=리스트) */
.c9_line { display:flex; width:80.1658%; left:50%; transform:translate(-50%,-50%); top:38%; z-index:0; }
.c9_line img { width:100%; }

/* ===== CON10: CONNECTA 쇼케이스 ===== */
.con10 { width:100%; }

/* wrapper (부모=섹션) */
.c10_wrap { width:65.1444%; margin:0 auto; display:flex; flex-direction:column; align-items:center; }

/* 배경 원 (absol, 부모=wrap) */
.c10_circle { display:flex; width:100%; top:14.3822%; left:0; z-index:0; opacity:1; }
.c10_circle img { width:100%!important; }

/* 세로선 프레임 (absol, 부모=wrap) */
.c10_line { display:flex; width:77.5181%; left:50%; transform:translateX(-50%); top:0; z-index:0; opacity:1; }
.c10_line img { width:100%!important; }

/* 아이콘 (rltv, 부모=wrap) */
.c10_ico { display:flex; width:11.6035%; margin-top:10.7612vw; justify-content:center; }
.c10_ico img { width:100%; }

/* 텍스트1 (rltv) */
.main .c10_txt1 { text-align:center; margin-top:3.4121vw; letter-spacing:-0.06em; line-height:2.6247vw; }
.c10_blue { color:#3d5eed; }

/* 텍스트2 (rltv) */
.main .c10_txt2 { text-align:center; margin-top:3.4121vw; letter-spacing:-0.06em; line-height:2.6247vw; }

/* 전환 영역 (rltv, 부모=wrap) */
.c10_transition { width:81.7454%; margin-top:6.1942vw; padding-bottom:17.8478vw; }
/* c10_row1_txt — 모바일 전용 줄바꿈 (PC: 2줄, 모바일: 3줄) */
.c10_row1_txt .mobile-br, .c2_desc .mobile-br { display: none; }
@media screen and (max-width:599px) {
    .c10_row1_txt .mobile-br, .c2_desc .mobile-br { display: initial; }
}

/* row1: 텍스트 (rltv) */
.c10_row1 { width:100%; align-items:center; justify-content:center; }
.main .c10_row1_txt { text-align:center; letter-spacing:-0.06em; line-height:3.6745vw; flex:1; }
.c10_navy { color:#0d1b5a; }

/* row2: CONNECTA 배지 (absol, 같은 위치에 겹침) */
.c10_row2 { width:100%; top:-13%; left:0; align-items:center; justify-content:center; opacity:1; }

/* 대괄호 */
.c10_bracket { display:flex; width:4.0426%; }
.c10_bracket img { width:100%; }
.c10_bracket.mirror { transform:scaleX(-1); }

/* CONNECTA 배지 */
.c10_badge { display:flex; flex:1; justify-content:center; }
.c10_badge img { width:100%; }

/* ===== CON11: 가맹문의 ===== */
.con11 { width:100%; overflow:hidden; }

/* 배경 (absol, 부모=섹션) */
.c11_bg { display:flex; width:100%; bottom:0; left:0; z-index:0; }
.c11_bg img { width:100%!important; }

/* 장식 원 wrapper (absol, 부모=섹션) */
.c11_deco { width:53.2808%; left:23.7795%; top:-9.4368%; aspect-ratio:1015/1014; z-index:0; pointer-events:none; }

/* 원/점 (absol, 부모=c11_deco) */
.c11_circle1 { display:flex; width:100%; left:0; top:0; }
.c11_circle1 img { width:100%; }
.c11_circle2 { display:flex; width:47.9803%; left:26.0099%; top:28.0079%; }
.c11_circle2 img { width:100%; }
.c11_circle3 { display:flex; width:14.2857%; left:42.8571%; top:44.7732%; }
.c11_circle3 img { width:100%; }
.c11_dot1 { display:flex; width:1.8719%; left:0.8867%; top:38.3629%; }
.c11_dot1 img { width:100%; }
.c11_dot2 { display:flex; width:1.8719%; left:96.2562%; top:63.8067%; }
.c11_dot2 img { width:100%; }

/* 타이틀 (rltv) */
.c11_title .word { overflow:hidden; display:inline-block; }
.main .c11_title { text-align:center; margin-top:13.4987vw; letter-spacing:-0.06em; line-height:3.1759vw; }

/* 서브 (rltv) */
.main .c11_desc { text-align:center; margin-top:3.0971vw; letter-spacing:-0.06em; line-height:1.5906vw; position:relative; z-index:2; }

/* 폼 wrapper */
.c11_form { width:61.7323%; margin:4.9869vw auto 0; }

/* 공통 행 스타일 */
.c11_row { background:#ffffff; border-radius:1.0499vw; overflow:hidden; box-shadow:0 10px 38px rgba(0,0,102,0.05); }
.c11_row + .c11_row { margin-top:0.8924vw; }
.c11_row_single + .c11_row { margin-top:1.0499vw; }
.c11_row_dual + .c11_row_single { margin-top:1.0499vw; }
.c11_row_single + .c11_row_split { margin-top:1.3123vw; }
.c11_row_split + .c11_row_textarea { margin-top:0.9974vw; }

/* 1행/2행: 좌우 분할 (한 박스, 세로 구분선) */
.c11_row_dual { display:flex; align-items:stretch; }
.c11_field_left, .c11_field_right { flex:1; padding:1.5vw 2vw; }
.c11_divider { width:1px; background:rgba(0,0,0,0.08); }

/* 3행/5행: 단일 */
.c11_row_single { padding:1.5vw 2vw; }

/* 4행: 좌우 별도 박스 */
.c11_row_split { background:transparent; border-radius:0; overflow:visible; justify-content:space-between; box-shadow:none; }
.c11_box_left, .c11_box_right { width:48.7245%; min-height:10.8084vw; background:#ffffff; border-radius:1.0499vw; padding:1.5vw 2vw; box-sizing:border-box; box-shadow:0 10px 38px rgba(0,0,102,0.05); }

/* 라벨 */
.main .c11_label { display:block; margin-bottom:0.5vw; }
.c11_star { color:#3d5eed; }

/* 인풋 */
.c11_input { width:100%; border:none; outline:none; background:transparent; font-size:0.8924vw; padding:0.3vw 0; }

/* 라디오 */
.c11_radio_group { display:flex; flex-direction:column; gap:0.5vw; }
.c11_radio_2col { display:grid; grid-template-columns:1fr 1fr; gap:0.5vw; }
.main .c11_radio { cursor:pointer; }
.c11_radio input { margin-right:0.3vw; }

/* 직접입력 인풋 */
.c11_direct_input { border:none; border-bottom:1px solid rgba(0,0,0,0.2); outline:none; background:transparent; padding:0.2vw 0; width:60%; margin-top:0.3vw; }

/* 텍스트에어리어 */
.c11_textarea { width:100%; border:none; outline:none; background:transparent; font-size:0.8924vw; resize:none; min-height:5vw; }

/* 체크박스 + 제출 */
.c11_submit_area { width:61.7323%; margin:0 auto; display:flex; flex-direction:column; align-items:center; padding-bottom:12.7927vw; }
.main .c11_agree { margin-top:2.4672vw; cursor:pointer; }
.c11_agree input { margin-right:0.3vw; }
.c11_submit { width:20.5782%; padding:1vw 0; border:none; border-radius:1.0499vw; background:#000066; color:#ffffff; cursor:pointer; margin-top:1.8373vw; }

/* ===== 푸터 ===== */
.footer { display:flex; flex-direction:column; align-items:center; background:#fff; padding:2.2572vw 0 8.5vw; overflow:hidden; }
.ft_logo { display:flex; width:6.2992%; cursor:pointer; }
.ft_logo img { width:100%; }
.ft_line { width:100%; height:0.0825vw; background:#000; opacity:0.11; margin-top:2.2572vw; }
.footer .ft_info { text-align:center; opacity:0.80; margin-top:3.5696vw; letter-spacing:-0.04em; line-height:1.5; }
.footer .ft_copy { text-align:center; opacity:0.55; margin-top:2.1522vw; letter-spacing:-0.04em; }
.ft_vweb { margin-top:0.3vw; cursor:pointer; }
.ft_vweb .vweb { font-size:0.7vw; opacity:0.4; text-transform:uppercase; }

/* ===== 하단 고정 퀵바 ===== */
.quickbar { position:fixed; bottom:0; left:0; width:100%; background:#000066; z-index:999; }
.qb_inner { width:84.1470%; margin:0 auto; padding:0.6299vw 0; display:flex; align-items:center; }

/* 로고 (부모=inner) */
.qb_logo { display:flex; width:9.9813%; }
.qb_logo img { width:100%; }

/* 슬로건 텍스트 */
.quickbar .qb_slogan { color:#fff; letter-spacing:-0.06em; line-height:1.1; margin-left:1.7468%; white-space:nowrap; }

/* 입력폼 (부모=inner) */
.qb_form { width:41.1728%; margin-left:1.2477%; border-radius:0.7874vw; overflow:hidden; background:rgba(0,0,102,0.30); display:flex; border:1px solid rgba(255,255,255,0.8); }
.qb_input { border:none; outline:none; background:transparent; color:#fff; padding:0.9vw 0; text-align:center; letter-spacing:-0.04em; border-right:1px solid rgba(255,255,255,0.8); box-sizing:border-box; }
.qb_input:nth-child(1) { width:22.73%; }
.qb_input:nth-child(2) { width:22.58%; }
.qb_input:nth-child(3) { width:22.27%; }
.qb_input:nth-child(4) { width:32.42%; border-right:none; }
.qb_input::placeholder { color:rgba(255,255,255,0.8); letter-spacing:-0.04em; }
.qb_input:focus::placeholder { opacity:0; }

/* 체크박스 */
.qb_agree { display:flex; align-items:center; margin-left:0.9358%; white-space:nowrap; cursor:pointer; }
.quickbar .qb_agree_txt { color:#fff; letter-spacing:-0.06em; }
.qb_checkbox { width:0.7vw; height:0.7vw; margin-right:0.3vw; accent-color:#3d5eed; }

/* 빠른상담 버튼 */
.qb_submit { width:10.6051%; margin-left:0.8734%; padding:0.9vw 0; border:none; border-radius:0.7874vw; background:#3d5eed; color:#fff; letter-spacing:-0.04em; cursor:pointer; white-space:nowrap; }

/* 전화번호 */
.qb_call { display:flex; align-items:center; margin-left:1.1229%; cursor:pointer; white-space:nowrap; }
.qb_call_ico { display:flex; width:1.9339vw; }
.qb_call_ico img { width:100%; }
.qb_tel { font-family:'Anton',sans-serif; font-size:1.6898vw; color:#fff; margin-left:0.4vw; letter-spacing:0.02em; }

/* 화살표 버튼 (top) */
/* 화살표 (absol, 부모=quickbar) */
.qb_top { display:flex; width:3.0971vw; right:0.5249%; top:50%; transform:translateY(-50%); cursor:pointer; }
.qb_top img { width:100%; }

/* ============================================================ */
/* =================== MOBILE (max-width:599px) =============== */
/* ============================================================ */
@media (max-width:599px) {

    /* === MV 메인비주얼 === */
    .mv { padding-bottom: 8%; margin-top: 3%; }
    .mv_bg img { width:100%; max-width:unset; min-width:unset; height:100%; }

    .main .mv_title {
        margin-top: 22vw;
        line-height: 1.4;
    }
    .main .mv_sub {
        margin-top: 4vw;
        width: 85%;
        align-self: center;
        line-height: 1.6;
    }

    /* 원형 — absol 유지, 모바일 재배치 */
    .mv_circle_left {
        width: 31% !important;
        left: 13% !important;
        top: 73vw !important;
    }
    .mv_circle_right {
        width: 31% !important;
        left: auto !important;
        right: 13%;
        top: 73vw !important;
    }

    /* 카드 — absol 유지, 모바일 재배치 */
    .mv_card3 {
        width: 56% !important;
        left: auto !important;
        right: 3%;
        top: 98vw !important;
        opacity: 1 !important;
    }
    .mv_card4 {
        width: 58% !important;
        left: 3% !important;
        top: 154vw !important;
        opacity: 1 !important;
    }
    .mv_card1 {
        width: 60% !important;
        left: 5% !important;
        top: 116vw !important;
        opacity: 1 !important;
    }
    .mv_card2 {
        width: 57% !important;
        left: auto !important;
        right: 5%;
        top: 136vw !important;
        opacity: 1 !important;
    }

    /* CTA — 카드 영역 높이만큼 밀어줌 */
    .main .mv_cta {
        margin-top: 130vw;
        width: 40%;
        padding: 3.5vw 0;
        border-radius: 2vw;
    }

    /* 세로선 */
    .mv_bottom_wrap {
        height: 19vw;
        margin-top: 0;
    }
    .mv_dot_move {
        width: 2.8399vw;
        height: 2.8399vw;
    }
    .mv_dot_end {
        width: 2.8399vw;
        height: 2.8349vw;
    }

    /* === CON1 모바일 === */
    .main .c1_sub { margin-top: 15%; }
    .main .c1_title { margin-top: 2vw; }

    .c1_cards {
        width: 90% !important;
        flex-direction: column !important;
        gap: 4vw !important;
    }
    .c1_card { width: 100% !important; margin-top: 7%; }
    .c1_blur { display: none; }
    .main .c1_card_title { font-size: 4.5vw; }
    .main .c1_card1 .c1_card_desc,
    .main .c1_card2 .c1_card_desc {
        padding-bottom: 10%;
    }

    .c1_lowrisk { width: 50% !important; margin-top: 12vw; }

    .c1_quote_wrap {
        width: 94% !important;
        margin-top: 13vw;
    }
    .main .c1_quote {
        font-size: 3.8vw;
    }
    .c1_paren_l, .c1_paren_r { top: 67% !important; }
    .con1 { padding-bottom: 12%; }

    /* === CON2 모바일 === */
    .main .c2_title { margin-top: 15%; }

    .c2_circle_wrap {
        width: 55% !important;
        margin-top: 4vw;
    }
    .c2_circle_num { font-size: 16vw; line-height: 1.5; }
    .c2_circle_label { font-size: 3.3vw; }

    .c2_stats {
        width: 90% !important;
        flex-wrap: wrap !important;
        gap: 3vw !important;
        margin-top: -23vw !important;
    }
    .c2_stat {
        width: 47% !important;
        border-radius: 3vw;
    }
    .c2_stat_label { font-size: 3.5vw !important; }
    .c2_num { font-size: 11vw; }
    .c2_unit { font-size: 4.5vw; }

    .c2_desc {
        width: 90% !important;
        margin-top: 6vw;
        align-self: center;
    }
    .c2_careers {
        width: 95% !important;
        justify-content: space-between !important;
        margin-top: 8% !important;
        align-items: center !important;
    }
    .c2_career {
        font-size: 4.25vw !important;
    }
    .con2 { padding-bottom: 12%; }

    /* === CON3 모바일 === */
    .c3_keywords { display: none !important; }
    .c3_kw1, .c3_kw2, .c3_kw3 { font-size: 8vw !important; }
    .main .c3_p1_title,
    .main .c3_p2_title,
    .main .c3_p3_title { font-size: 6vw !important; }

    .c3_icon {
        width: 16vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: -6vw !important;
    }
    .c3_intro_wrap { width: 92% !important; margin-top: 15% !important; }
    .main .c3_sub1 { margin-top: 12vw !important; }
    .main .c3_title { margin-top: 4vw !important; }
    .main .c3_desc1 { margin-top: 4vw !important; }
    .main .c3_desc2 { margin-top: 6vw !important; }
    .c3_p1_content {
        flex-direction: column !important;
        width: 90% !important;
        align-self: center !important;
        margin-top: 8vw !important;
    }
    .main .c3_p1_title { width: 100% !important; text-align: center !important; margin-top: 6vw !important; }

    /* Phase1 box — 이미지→PSD 기반 CSS 카드 */
    .c3_p1_box {
        width: 100% !important;
        margin-top: 4vw;
        aspect-ratio: unset !important;
        background: #fff !important;
        border: 1px solid #c0caf6 !important;
        border-radius: 3vw !important;
        box-shadow: 0 10px 38px rgba(0,0,102,0.05) !important;
        padding: 6vw 5vw !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
    .c3_p1_box_bg,
    .c3_p1_balloon,
    .c3_p1_char { display: none !important; }
    .main .c3_p1_box_title {
        font-size: 5vw !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        align-self: center !important;
        text-align: center !important;
    }
    .main .c3_p1_box_desc {
        margin-left: 0 !important;
        margin-top: 4vw !important;
        align-self: center !important;
        text-align: center !important;
        line-height: 1.8 !important;
    }
    .c3_p1_box_desc br { display: none !important; }
    .main .c3_p1_box_accent {
        margin-left: 0 !important;
        margin-top: 2vw !important;
        align-self: center !important;
        text-align: center !important;
    }

    /* Phase 2 모바일 */
    .c3_p2_wrap { width: 92% !important; }
    .main .c3_p2_title { text-align: center !important; margin-top: 8vw !important; }
    .main .c3_p2_sub { text-align: center !important; margin-top: 4vw !important; }

    .c3_p2_meeting {
        width: 101% !important;
        margin: 6vw auto 0 !important;
        flex-direction: column !important;
        display: flex !important;
        align-items: center !important;
    }
    .c3_p2_card_l {
        width: 100% !important;
        position: relative !important;
        margin-left: 2% !important;
    }
    .c3_p2_card_r {
        position: relative !important;
        width: 100% !important;
        top: unset !important;
        left: unset !important;
        margin-top: 4vw !important;
        margin-left: 4% !important;
    }
    .c3_p2_char {
        position: relative !important;
        width: 30vw !important;
        top: unset !important;
        left: unset !important;
        margin: 3vw auto !important;
        display: flex !important;
        justify-content: center !important;
        margin-top: -14% !important;
        margin-left: 35% !important;
        margin-bottom: -14% !important;
        z-index: 2 !important;
    }
    .c3_p2_dotline,
    .c3_p2_dot_l,
    .c3_p2_dot_r { display: none !important; }

    .c3_p2_flow {
        margin-top: 6vw !important;
        justify-content: center !important;
        gap: 3vw !important;
    }
    .c3_flow_item { width: 13vw !important; }
    .c3_flow_arrow { width: 3vw !important; }

    .main .c3_p2_bottom {
        text-align: center !important;
        margin-top: 6vw !important;
    }

    .c3_p3_content {
        flex-direction: column !important;
        width: 90% !important;
        align-self: center !important;
        margin-left: 0 !important;
    }
    .c3_p3_right {
        order: -1 !important;
        width: 100% !important;
        align-items: center !important;
    }
    .main .c3_p3_title,
    .main .c3_p3_desc,
    .main .c3_p3_accent { text-align: center !important; margin-right: 0 !important; }
    .c3_p3_title br,
    .c3_p3_desc br { display: none !important; }
    .c3_p3_left { width: 152% !important; margin-top: -9vw !important; margin-left: -25% !important; }

    .c3_bot_wrap { width: 95% !important; }
    .main .c3_bot_title {
        text-align: center !important;
        width: 75% !important;
        align-self: center !important;
        line-height: 1.6 !important;
    }
    .c3_bot_bg {
        width: 100% !important;
        top: 34% !important;
        left: 0 !important;
        z-index: 0 !important;
    }
    .c3_bot_connecta {
        width: 74.2426% !important;
        margin-top: -0.5vw !important;
        z-index: 2 !important;
    }
    .main .c3_bot_headline {
        font-size: 5vw !important;
        margin-top: 20.6089vw !important;
        margin-bottom: 7% !important;
        text-align: center !important;
        letter-spacing: -0.06em !important;
        line-height: 1.3 !important;
        z-index: 2 !important;
    }
    .c3_bot_lines { height: 15vw; }
    .con3 { padding-bottom: 12%; }

    /* ===== CON04 모바일 ===== */
    .c4_lines { display: none !important; }

    .c4_intro_balloon {
        width: 79% !important;
        align-self: center !important;
        margin-top: 8vw !important;
    }
    .main .c4_intro_desc {
        text-align: center !important;
        margin-top: 4vw !important;
        width: 85% !important;
        align-self: center !important;
        line-height: 1.8 !important;
    }
    .c4_intro_desc br { display: none !important; }

    .c4_content {
        flex-direction: column !important;
        width: 92% !important;
        align-self: center !important;
        margin-top: 8vw !important;
    }
    .c4_left {
        position: relative !important;
        top: unset !important;
        width: 100% !important;
        margin-bottom: 0 !important;
        transform: none !important;
    }
    .main .c4_title {
        text-align: center !important;
        letter-spacing: -0.06em !important;
        line-height: 1.1 !important;
    }
    .c4_title br { display: none !important; }

    .c4_right {
        width: 100% !important;
    }

    /* 문제 카드 */
    .c4_problem {
        width: 100% !important;
        padding: 4vw !important;
        box-sizing: border-box !important;
        margin-top: 4vw !important;
    }
    .c4_prob_icon { margin-right: 3vw !important; }
    .main .c4_prob_title { font-size: 4vw !important; }
    .main .c4_prob_desc { font-size: 3.3vw !important; }
    .c4_prob_desc br { display: none !important; }

    /* 점선 연결 */
    .c4_connector {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto 4vw !important;
    }
    .c4_connector::before {
        height: 10vw !important;
    }

    /* 솔루션 카드 */
    .c4_solution {
        width: 100% !important;
        padding: 5vw !important;
        box-sizing: border-box !important;
        align-items: center !important;
    }
    .main .c4_sol_label {
        text-align: center !important;
        align-self: center !important;
        font-size: 3.8vw !important;
        margin-bottom: 4vw !important;
        text-underline-offset: 0.8vw !important;
    }
    .c4_sol_icons {
        justify-content: center !important;
        width: 95% !important;
        align-self: center !important;
    }
    .c4_sol_icon { width: 28% !important; }
    .c4_sol_arrow { width: 4% !important; }
    .main .c4_sol_desc {
        text-align: center !important;
        font-size: 3.3vw !important;
    }
    .c4_sol_desc br { display: none !important; }
    .main .c4_sol_accent {
        text-align: center !important;
        font-size: 3.3vw !important;
    }
    .c4_sol_accent br { display: none !important; }
    .main .c4_sol_sub {
        text-align: center !important;
        font-size: 3.3vw !important;
    }

    .c4_sol_img {
        width: 39% !important;
        align-self: center !important;
    }
    .c4_sol_img12 {
        max-width: 84% !important;
        width: unset !important;
        margin-bottom: 1.5vw !important;
    }

    .con4 { padding-bottom: 10%; }

    /* ===== CON05 모바일 ===== */
    .con5 {
        padding: 15vw 0 !important;
        padding-bottom: 24vw !important;
        overflow: visible !important;
    }

    /* ===== CON06 모바일 ===== */
    .con6 {
        margin-top: 15% !important;
    }
    .c6_left {
        width: 16.9318% !important;
        left: 4.5013% !important;
        top: 47.81% !important;
        z-index: 2 !important;
    }
    .c6_right {
        width: 14.8294% !important;
        left: 81.5617% !important;
        top: 47.81% !important;
        z-index: 2 !important;
    }
    .c6_label {
        left: 50% !important;
        top: 58.56% !important;
        transform: translateX(-50%) !important;
        font-size: 4.5vw !important;
        z-index: 2 !important;
    }

    /* ===== CON07 모바일 ===== */
    .c7_bg { display: none !important; }

    .c7_intro {
        padding-top: 15vw !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
    }
    .main .c7_title { text-align: center !important; line-height: 1.1 !important; }
    .main .c7_sub {
        text-align: center !important;
        width: 85% !important;
        align-self: center !important;
    }
    .c7_sub br { display: none !important; }

    .c7_wrap {
        width: 100% !important;
        aspect-ratio: unset !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0vw !important;
    }

    /* 상단 2x2: w1~w4 (캐릭터 위) */
    .c7_w1, .c7_w2, .c7_w3, .c7_w4 {
        position: relative !important;
        width: 45% !important;
        left: unset !important;
        top: unset !important;
        aspect-ratio: unset !important;
    }
    .c7_w1 { order: 1 !important; }
    .c7_w2 { order: 2 !important; }
    .c7_w3 { order: 3 !important; }
    .c7_w4 { order: 4 !important; }
    /* 선 숨김 (03=세로선, 05=대각선, 07=가로선, 09=꼬리선) */
    .c7_w1_03, .c7_w2_05, .c7_w3_07, .c7_w4_09 { display: none !important; }
    /* 라벨 rltv (04=구두약속, 06=계약후단절, 08=분쟁발생, 10=인수인계없음) */
    .c7_w1_04, .c7_w2_06, .c7_w3_08, .c7_w4_10 {
        position: relative !important;
        width: 100% !important;
        left: unset !important;
        top: unset !important;
    }

    /* 캐릭터 */
    .c7_char {
        position: relative !important;
        width: 35vw !important;
        left: unset !important;
        top: unset !important;
        order: 5 !important;
        margin: 4vw 0 !important;
        margin-top: -18% !important;
        margin-bottom: -15% !important;
        margin-left: -5% !important;
    }

    /* 카드: 하단 4개 감싸기 */
    .c7_card {
        position: relative !important;
        width: 100% !important;
        left: unset !important;
        top: unset !important;
        order: 6 !important;
        margin-top: 4vw !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 6vw 4vw !important;
        box-sizing: border-box !important;
    }
    /* 카드 배경 이미지를 absol로 깔기 */
    .c7_card > img {
        position: absolute !important;
        width: 95% !important;
        height: 100% !important;
        min-width: unset !important;
        max-width: unset !important;
        top: 0 !important;
        left: 2.5% !important;
        border-radius: 4vw !important;
        object-fit: cover !important;
        z-index: 0 !important;
    }

    /* 카드 내부 2x2 */
    .c7_w5, .c7_w14, .c7_w15, .c7_w6 {
        position: relative !important;
        width: 45% !important;
        left: unset !important;
        top: unset !important;
        aspect-ratio: unset !important;
        margin: -1vw !important;
        z-index: 1 !important;
    }
    /* 선 숨김 (11=선, 14line, 15line, 17=선) */
    .c7_w5_11, .c7_w14_line, .c7_w15_line, .c7_w6_17 { display: none !important; }
    /* 라벨 rltv (12=계약후즉시인수, 14label, 15label, 18=매뉴얼화데이터) */
    .c7_w5_12, .c7_w14_label, .c7_w15_label, .c7_w6_18 {
        position: relative !important;
        width: 100% !important;
        left: unset !important;
        top: unset !important;
    }
    .c7_w6_18 {
        width: 127.9512% !important;
        margin-left: -8% !important;
    }

    .c7_19 {
        position: relative !important;
        width: 50% !important;
        left: unset !important;
        top: unset !important;
        margin: 4vw auto !important;
        z-index: 1 !important;
    }

    /* ===== CON08 모바일 ===== */
    .con8 { margin-top: 5% !important; }
    .c8_wrap {
        width: 99.6850% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 12vw 0 8vw !important;
    }
    .c8_logo { width: 16vw !important; margin-bottom: 4vw !important; }

    /* 3컬럼 → 세로 */
    .c8_content {
        flex-direction: column !important;
        align-items: center !important;
        width: 92% !important;
        align-self: center !important;
    }

    /* 타이틀+뱃지 위로 */
    .c8_center {
        order: -1 !important;
        width: 100% !important;
        align-items: center !important;
        margin-bottom: 4vw !important;
    }
    .main .c8_title {
        text-align: center !important;
        font-size: 9.7vw !important;
        line-height: 1.1 !important;
    }
    .c8_title br { display: none !important; }
    .c8_badge { margin-top: 6vw !important; }
    .c8_badge_img { width: 59% !important; }
    .c8_badge::before, .c8_badge::after { width: 25vw !important; }

    /* 라벨: c8_content 안에 없으므로 display:none → 카드 안에 CSS로 표시 */
    .main .c8_label_l,
    .main .c8_label_r { display: none !important; }

    /* 카드 위에 라벨 텍스트를 ::before로 생성 */
    .c8_card_l, .c8_card_r {
        width: 105% !important;
        margin: 2vw 0 !important;
        margin-left: 3% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .c8_card_l::before {
        content: '업무 공백 제로' !important;
        font-family: 'Pretendard Variable', sans-serif !important;
        font-weight: 700 !important;
        font-size: 6vw !important;
        color: #0a1959 !important;
        margin-bottom: 3vw !important;
        margin-top: 4vw !important;
        margin-left: -3%;
    }
    .c8_card_r::before {
        content: '분쟁 방지 구조' !important;
        font-family: 'Pretendard Variable', sans-serif !important;
        font-weight: 700 !important;
        font-size: 6vw !important;
        color: #0a1959 !important;
        margin-bottom: 3vw !important;
        margin-top: 4vw !important;
        margin-left: -3%;
    }

    /* ===== CON09 모바일 ===== */
    .main .c9_sub { margin-top: 14vw !important; }
    .main .c9_title { font-size: 8.5vw !important; }

    .c9_list {
        width: 85% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 3vw !important;
        padding-bottom: 10vw !important;
    }
    .c9_card { width: 80% !important; }
    .c9_line { display: none !important; }
    .c9_bg {
        width: 1146.32% !important;
    }

    /* ===== CON10 모바일 ===== */
    .c10_wrap { width: 92% !important; }
    .c10_circle { display: none !important; }
    .c10_line { display: none !important; }

    .c10_ico { width: 20vw !important; margin-top: 12vw !important; }

    .main .c10_txt1 {
        font-size: 6.5vw !important;
        line-height: 1.1 !important;
        margin-top: 5vw !important;
    }
    .c10_txt1 br { display: none !important; }

    .main .c10_txt2 {
        width: 90% !important;
        align-self: center !important;
        line-height: 1.8 !important;
        margin-top: 5vw !important;
        font-size: 4vw;
    }
    .c10_txt2 br { display: none !important; }

    .c10_transition { width: 95% !important; padding-bottom: 12vw !important; margin-top: 6vw !important; }
    .main .c10_row1_txt {
        font-size: 9.7vw !important;
        line-height: 1.2 !important;
    }
    .c10_row1_txt br { display: none !important; }
    .c10_bracket { width: 6% !important; }
    .c10_row2 { top: 13% !important; }

    /* ===== CON11 모바일 ===== */
    .c11_deco { display: none !important; }
    .c11_bg {
        width: 358% !important;
        bottom: unset !important;
        top: 0 !important;
    }

    .main .c11_title {
        font-size: 9.7vw !important;
        line-height: 1.1 !important;
        margin-top: 15vw !important;
    }
    .c11_title br { display: none !important; }

    .main .c11_desc {
        width: 90% !important;
        align-self: center !important;
        line-height: 1.7 !important;
        margin-top: 4vw !important;
    }
    .c11_desc br { display: none !important; }
    .c11_field_left, .c11_field_right { padding: 4vw 3vw !important; }
    .c11_row_single { padding: 4vw 3vw !important; }
    .c11_row_split { padding: 0 !important; }
    .c11_box_left, .c11_box_right { padding: 4vw 3vw !important; }

    .c11_form { width: 95% !important; }

    /* dual → 세로 */
    .c11_row_dual { flex-direction: column !important; }
    .c11_field_left, .c11_field_right { padding: 3vw 4vw !important; }

    .c11_row_single { padding: 3vw 4vw !important; }

    /* split → 세로 */
    .c11_row_split { flex-direction: column !important; gap: 1.5vw !important; }
    .c11_box_left, .c11_box_right {
        width: 100% !important;
        min-height: unset !important;
        padding: 3vw 4vw !important;
    }

    .main .c11_label { font-size: 3.5vw !important; margin-bottom: 1.5vw !important; }
    .c11_input { font-size: 3.3vw !important; }
    .main .c11_radio { font-size: 3.3vw !important; }
    .c11_textarea { font-size: 3.3vw !important; min-height: 15vw !important; }
    .c11_direct_input { font-size: 3.3vw !important; }

    .c11_submit_area {
        width: 95% !important;
        padding-bottom: 15vw !important;
    }
    .main .c11_agree { font-size: 3.3vw !important; margin-top: 7.4672vw !important; }
    .c11_submit {
        width: 60% !important;
        padding: 3vw 0 !important;
        font-size: 3.8vw !important;
        border-radius: 2vw !important;
    }

    /* ===== 푸터 모바일 ===== */
    .footer { padding: 8vw 0 31vw !important; }
    .ft_logo { width: 29vw !important; }
    .footer .ft_info {
        width: 90% !important;
        font-size: 3vw !important;
        line-height: 1.8 !important;
    }
    .footer .ft_copy { font-size: 2.8vw !important; }
    .ft_vweb .vweb { font-size: 2.7vw !important; opacity: 0.5 !important; }

    /* ===== 퀵바 모바일 ===== */
    .qb_inner {
        width: 94% !important;
        flex-wrap: wrap !important;
        padding: 2vw 0 !important;
    }

    /* 1행: 로고 + 전화 + 동의 */
    .qb_logo { width: 25vw !important; }
    .qb_slogan { display: none !important; }
    .qb_call { margin-left: auto !important; order: 2 !important; }
    .qb_call_ico { width: 5vw !important; }
    .qb_tel { font-size: 5.3vw !important; }
    .qb_agree {
        order: 3 !important;
        margin-left: 3vw !important;
    }
    .quickbar .qb_agree_txt { font-size: 2.5vw !important; }
    .qb_checkbox { width: 3vw !important; height: 3vw !important; }

    /* top: 퀵바 위 별도 */
    .qb_top {
        width: 8vw !important;
        bottom: calc(100% + 3vw) !important;
        top: unset !important;
        right: 3% !important;
        transform: none !important;
    }
    .qb_top img {
        filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(7000%) hue-rotate(240deg) drop-shadow(0 2px 6px rgba(0,0,102,0.25)) !important;
    }

    /* 2행: 인풋3칸 + 빠른상담 */
    .qb_form {
        width: 60% !important;
        margin-left: 0 !important;
        order: 7 !important;
        margin-top: 1.5vw !important;
    }
    .qb_input:nth-child(4) { display: none !important; }
    .qb_input:nth-child(1),
    .qb_input:nth-child(2),
    .qb_input:nth-child(3) { width: 33.33% !important; }
    .qb_input { padding: 2vw 0 !important; font-size: 2.8vw !important; }

    .qb_submit {
        order: 9 !important;
        width: 18% !important;
        padding: 2vw 4vw !important;
        font-size: 3vw !important;
        margin-left: auto !important;
        margin-top: 1.5vw !important;
    }

}