/* ============ 카카오맵 마커/오버레이 ============ */
.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;
}

/* ============ 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: smooth; }
html { overflow-x: hidden; }
body,
#content_wrap {
    overflow: visible !important;
}

.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-mobile { display: flex; }
.mobile-pc { display: none; }
.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");

@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-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;
    overflow: visible; */
}

/* ===== CON01 / mv (메인 비주얼) ===== */
.mv {
    position: relative;
    background: #0d48b4;
    overflow: hidden;
    padding-top: 0vw;
    padding-bottom: 0vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

/* mv_top_img — con01_04.png natural (줄무늬 패널, jungseok 위 레이어) */
.mv_top_img {
    position: relative;
    z-index: 5;
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    line-height: 0;
    /* heightSource: con01_04.png natural — img 자식 높이로 결정 */
}
.mv_top_img img {
    width: 100%;
    display: block;
}
.con01_01 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
    top: 0%;
        z-index: 5;
    --hole: 0vw;
    -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent calc(var(--hole) - 0.5vw), #000 var(--hole));
            mask-image: radial-gradient(circle at 50% 50%, transparent calc(var(--hole) - 0.5vw), #000 var(--hole));
    > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}
/* mv_jungseok_img — con01_02.png natural (JUNGSEOK 베이크, mv_top_img 아래) */
.mv_jungseok_img {
    position: absolute;
    top: 41.7323vw;
    left: 10.7087%;
    width: 79.3701%;
    z-index: 2;
}
.mv_jungseok_img img {
    width: 100%;
    display: block;
}

/* ===== CON02 (mv 위에 absol 오버레이, height:100%) ===== */
.con2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url('/images/con02_01.png') center/cover no-repeat #0b327a;
    overflow: hidden;
    opacity: 0;
}

/* con2_title_img — con02_02.png 533×265 (타이틀 베이크) */
.con2_title_img {
    position: absolute;
    top: 15.4331vw;
    left: 36.4304%;
    width: 27.9790%;
    z-index: 12;
}
.con2_title_img img {
    width: 100%;
    display: block;
}

/* con2_marquee — 하단 무한 마르퀴 (con02_03.png strip 2개 복제 seamless loop) */
.con2_marquee {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 11;
    pointer-events: none;
}
.con2_marquee_track {
    display: flex;
    flex-direction: row;
    width: calc(var(--px) * 2431 * 2);
    animation: con2MarqueeX 10s linear infinite;
}.con2_marquee_strip {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2431 / 365;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con2_marquee_strip img {
    width: 100%;
    display: block;
}
@keyframes con2MarqueeX {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ===== CON03: 두 대표원장 + 4세대 panel + 단상 + 하단 마르퀴 ===== */
.con3 {
    background: #e5f3ff;
    padding-top: 0vw;
    padding-bottom: 0vw;
    width: 100%;
    overflow: hidden;
}

/* --- 상단: con3_top --- */
.con3_top { width: 100%; display: flex; flex-direction: column; align-items: center; }

.con3_doc_left {
    margin-top: 8.9239vw;
    margin-left: 7.0341%;
    align-self: flex-start;
    width: 27.9265%;
}.con3_doc_left_img{
    margin-top: 0vw;
    margin-left: 18.7970%;
    align-self: flex-start;
    width: calc(var(--px) * 432);
    aspect-ratio: 432/762;
}
.con3_doc_left_img img { width: 100%; display: block; }.con3_doc_left_label_img {
    top: 31.2861vw;
    left: 0%;
    width: calc(var(--px) * 123);
    aspect-ratio: 123 / 88;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con3_doc_left_label_img img { width: 100%; display: block; }

.con3_top_overlay {
    top: 8.9239vw;
    left: 0%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con3_doc_right {
    top: 0vw;
    left: 65.7743%;
    width: 31.1286%;
}.con3_doc_right_img{
    margin-top: 0vw;
    width: calc(var(--px) * 517);
    aspect-ratio: 517/762;
}
.con3_doc_right_img img { width: 100%; display: block; }.con3_doc_right_label_img {
    top: 31.2861vw;
    left: 81.7875%;
    width: calc(var(--px) * 108);
    aspect-ratio: 108 / 90;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con3_doc_right_label_img img { width: 100%; display: block; }.con3_jungseok_img {
    top: 29.9737vw;
    left: 10.7087%;
    z-index: 1;
}
.con3_jungseok_img img { width: 100%; display: block; }

/* --- 인트로 묶음 --- */
.con3_intro {
    margin-top: 0.2100vw;
    align-self: center;
    width: 33.3333%;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con3_intro_head {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    /* heightSource: 자식 lead heightChain — lead mt(27)+h(115) = 142px */
    height: 7.4541vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con3_intro_lead {
    margin-top: 1.4173vw;
    align-self: center;
    width: 36.8504%;
    /* heightSource: PSD lead 영역 234x115 — absol 자식 (eyebrow/dots) overlay */
    height: 6.0367vw;
}
.con3_intro_eyebrow {
    top: 0vw;
    left: 0%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 700;
    font-size: 1.3643vw;
    line-height: 1.692;
    letter-spacing: -0.075em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    margin: 0;
}
.con3_intro_dots {
    top: 2.8871vw;
    left: 52.9744%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 700;
    font-size: 1.3643vw;
    line-height: 1.075;
    letter-spacing: -0.075em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    margin: 0;
}.con3_fail_img {
    top: 0vw;
    left: 63.6220%;
    width: calc(var(--px) * 105);
    aspect-ratio: 105 / 71;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con3_fail_img img { width: 100%; display: block; }

.con3_intro_chip {
    margin-top: 2.6798vw;
    align-self: center;
    width: 65.3543%;
    /* heightSource: PSD chip 영역 415x93 — absol 자식 (chip_box/chip_text) overlay */
    height: 4.8819vw;
}
.con3_intro_chip_box {
    /* heightSource: PSD 사각형 1179 51px baked rect — 단순 색상 absol overlay (자식 0개, 흐름 없음) */
    top: 2.2047vw;
    left: 0%;
    width: 100%;
    height: 2.6772vw;
    background: #007de4;
}
.con3_intro_chip_text {
    top: 0vw;
    left: 1.6867%;
    width: 96.1446%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.9990vw;
    line-height: 1.25;
    letter-spacing: -0.05em;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    z-index: 5;
}
.con3_intro_chip_text .seg-a { font-weight: 700; color: #000000; }
.con3_intro_chip_text .seg-b { font-weight: 800; color: #e5f3ff; }

.con3_intro_line1 {
    margin-top: 3.8320vw;
    align-self: center;
    width: 60.6299%;
    font-family: 'Paperlogy', sans-serif;
    font-size: 2.3622vw;
    line-height: 1.8;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    margin-top: 3vw;
}
.con3_intro_line1 .seg-a { font-weight: 500; }
.con3_intro_line1 .seg-b { font-weight: 800; }

.con3_intro_brush {
    margin-top: 0.5774vw;
    align-self: center;
    width: 100%;
    /* heightSource: PSD brush 영역 635x128 — absol 자식 (brush_a/brush_b) overlay */
    height: 6.7192vw;
}.con3_intro_brush_a_img{
    top: 0vw;
    left: 0%;
    width: calc(var(--px) * 276);
    aspect-ratio: 276/121;
}
.con3_intro_brush_a_img img { width: 100%; display: block; }.con3_intro_brush_b_img {
    top: 0.3675vw;
    left: 45.5118%;
    width: calc(var(--px) * 346);
    aspect-ratio: 346 / 121;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con3_intro_brush_b_img img { width: 100%; display: block; }

/* --- 중단: 4세대 panel --- */
.con3_panel {
    margin-top: 0vw;
    align-self: center;
    width: 89.9213%;
    background: #ffffff;
    border: 1px solid #3B90D3;
    border-radius: 3.1496vw;
    padding-top: 8.4514vw;
    padding-bottom: 13.2808vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.con3_doc_left, .con3_doc_right { z-index: 5; }.con3_panel_title_img{
    margin-top: 0vw;
    margin-left: 16.9877%;
    align-self: flex-start;
    width: calc(var(--px) * 391);
    aspect-ratio: 391/231;
}
.con3_panel_title_img img { width: 100%; display: block; }

.con3_panel_body1 {
    margin-top: 2.2572vw;
    margin-left: 8.0560%;
    align-self: flex-start;
    width: 41.2142%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.3654vw;
    line-height: 1.346;
    letter-spacing: -0.05em;
    text-align: center;
    white-space: nowrap;
    margin-right: 0;
    margin-bottom: 0;
}
.con3_panel_body1 .seg-a { font-weight: 700; color: #000000; }
.con3_panel_body1 .seg-b { font-weight: 800; color: #000000; }
.con3_panel_body1 .seg-c { font-weight: 800; color: #007de4; }

.con3_panel_highlight {
    margin-top: 1.5223vw;
    margin-left: 10.6246%;
    align-self: flex-start;
    width: 36.1354%;
    background: #fff600;
    border-radius: 2.5459vw;
    padding-top: 1.2598vw;
    padding-bottom: 1.2073vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con3_panel_body2 {
    margin-top: 0vw;
    align-self: center;
    width: 79.9677%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.0504vw;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: center;
    white-space: nowrap;
    margin-right: 0;
    margin-bottom: 0;
}
.con3_panel_body2 .seg-a { font-weight: 700; color: #000000; }
.con3_panel_body2 .seg-c { font-weight: 800; color: #0d48b4; }

/* --- 그래프: 1~4세대 --- */
.con3_panel_graph {
    top: 8.1890vw;
    left: 57.8517%;
    width: 29.7723%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.con3_graph_pioneer,
.con3_graph_evolve,
.con3_graph_advance,
.con3_graph_custom { width: 100%; }

.con3_graph_pioneer { margin-top: 0vw; }
.con3_graph_evolve  { margin-top: 3.8320vw; }
.con3_graph_advance { margin-top: 3.7795vw; }
.con3_graph_custom  { margin-top: 3.2021vw; }

.con3_pioneer_dot_img,
.con3_evolve_dot_img,
.con3_advance_dot_img {
    margin-top: 0vw;
    margin-left: 0.9804%;
    align-self: flex-start;
    width: calc(var(--px) * 108);
    aspect-ratio: 108/64;
}
.con3_pioneer_dot_img img,
.con3_evolve_dot_img img,
.con3_advance_dot_img img { width: 100%; display: block; }.con3_custom_herb_img{
    margin-top: 0vw;
    margin-left: 0%;
    align-self: flex-start;
    width: calc(var(--px) * 126);
    aspect-ratio: 126/128;
}
.con3_custom_herb_img img { width: 100%; display: block; }

/* graph 안 1~4세대 라벨은 con03_11~14 이미지에 베이크. caption(본문)만 CSS 텍스트 */
.con3_pioneer_caption,
.con3_evolve_caption,
.con3_advance_caption,
.con3_custom_caption {
    font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
    font-weight: 500;
    font-size: 0.9454vw;
    line-height: 1.333;
    letter-spacing: -0.025em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
    margin: 0;
}
.con3_pioneer_caption { top: 1.3123vw; left: 29.4118%; }
.con3_evolve_caption  { top: 0.6824vw; left: 29.4118%; }
.con3_advance_caption { top: 0.6824vw; left: 29.4118%; }
.con3_custom_caption  { top: 2.1522vw; left: 29.4118%; }

.con3_pioneer_arrow_img,
.con3_evolve_arrow_img,
.con3_advance_arrow_img {
    left: 10.7843%;
    width: 2.1569%;
    aspect-ratio: 11/64;
}
.con3_pioneer_arrow_img { top: 3.6745vw; }
.con3_evolve_arrow_img  { top: 10.7612vw; }
.con3_advance_arrow_img { top: 17.8478vw; }
.con3_pioneer_arrow_img img,
.con3_evolve_arrow_img img,
.con3_advance_arrow_img img { width: 100%; display: block; }

/* --- 단상 + 박스 (panel 밖 section absol) --- */
.con3_pedestal_img {
    top: 82.9921vw;
    left: 0%;
    width: 100.787402%;
    aspect-ratio: 1.1354;
    z-index: 3;
}
.con3_pedestal_img img { width: 100%; display: block; }

/* --- 정석감비환 큰 글자 --- */
.con3_signature_img {
    margin-top: 3.2546vw;
    align-self: center;
    width: 62.5197%;
    aspect-ratio: 1191/254;
}
.con3_signature_img img { width: 100%; display: block; }

/* --- 하단 마르퀴 --- */
.con3_marquee {
    margin-top: 13.2808vw;
    width: 100%;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}
.con3_marquee_back_img {
    margin-top: 0vw;
    width: 100%;
    aspect-ratio: 384/19;
}
.con3_marquee_back_img img { width: 100%; display: block; }
.con3_marquee_track {
    top: 1.8898vw;
    left: 0%;
    width: calc(var(--px) * 2032 * 2);
    display: flex;
    flex-direction: row;
    animation: con3MarqueeX 30s linear infinite;
}
.con3_marquee_strip {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2032 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con3_marquee_strip img { width: 100%; display: block; }
@keyframes con3MarqueeX {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ===== CON05: 체중계 숫자가 아닌 + 한약재 원형 + 하단 마르퀴 ===== */
.con5 {
    position: relative;
    background: url('/images/con05_02.png') center top / 100% auto no-repeat #e5f3ff;
    padding-top: 5.564304vw;
    padding-bottom: 0vw;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.con5_center_circle {
    top: 12.388451vw;
    left: 34.750656%;
    width: 29.186352%;
    height: 29.186352vw;
    background: #e5f3ff;
    border-radius: 50%;
    z-index: 1;
}

.con5_intro {
    margin-top: 0vw;
    width: 100%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
}.con5_intro_icon_img{
    margin-top: 0vw;
    align-self: center;
    width: calc(var(--px) * 45);
    aspect-ratio: 45/26;
}
.con5_intro_icon_img img { width: 100%; display: block; }

.con5_title {
    margin-top: 1.942257vw;
    align-self: center;
    font-family: 'Paperozi', 'Paperlogy', sans-serif;
    font-size: 2.887139vw;
    line-height: 1.182;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    margin-left: 0;
    margin-bottom: 0;
}
.con5_title .seg-a { font-weight: 500; color: #000000; }
.con5_title .seg-b { font-weight: 800; color: #0d48b4; }
.con5_title .seg-c { font-weight: 800; color: #000000; }

.con5_body {
    margin-top: 1.889764vw;
    align-self: center;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.155381vw;
    line-height: 1.364;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    margin-left: 0;
    margin-bottom: 0;
}
.con5_body .seg-a { font-weight: 400; }
.con5_body .seg-b { font-weight: 400; }

.con5_stage {
    margin-top: 2.414698vw;
    align-self: center;
    width: 50.761155%;
    z-index: 4;
}.con5_herb_img{
    top: 0vw;
    left: 0%;
    width: calc(var(--px) * 967);
    aspect-ratio: 967/967;
    z-index: 7;
}
.con5_herb_img img { width: 100%; display: block; }.con5_signature_img {
    top: 15.170604vw;
    left: -12.512927%;
    z-index: 3;
}
.con5_signature_img img { width: 100%; display: block; }.con5_product_img {
    top: 12.860892vw;
    left: 37.745605%;
    width: calc(var(--px) * 239);
    aspect-ratio: 239 / 715;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con5_product_img img { width: 100%; display: block; }

.con5_marquee {
    margin-top: 31.181102vw;
    margin-left: -54.914168%;
    width: 210.134436%;
    overflow: hidden;
    z-index: 6;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con5_marquee_band_img {
    margin-top: 0vw;
    width: 94.488189%;
    aspect-ratio: 384/19;
}
.con5_marquee_band_img img { width: 100%; display: block; }
.con5_marquee_track {
    top: auto;
    left: 0%;
    width: calc(var(--px) * 2032 * 2);
    display: flex;
    flex-direction: row;
    animation: con5MarqueeX 30s linear infinite;
}
.con5_marquee_strip {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2032 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con5_marquee_strip img { width: 100%; display: block; }
@keyframes con5MarqueeX {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ===== CON06: 정석감비환 제품 효과 + 하단 패키지 4분할 ===== */
.con06 {
    position: relative;
    background: #0d48b4;
    padding-top: 0vw;
    padding-bottom: 0vw;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.con06 img {
    width: 100%;
    display: block;
}

.con06_top {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    background: #0d48b4;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.con06_right_panel_img {
    margin-top: 0vw;
    margin-left: 50.341207%;
    align-self: flex-start;
    width: 50.393701%;
    z-index: 1;
    display: grid;
    grid-template-columns: 12.500001% 76.354166% 11.145833%;
}
.con06_right_panel_img > img {
    grid-column: 1 / -1;
    grid-row: 1;
    z-index: 1;
}.con06_left_composite_img {
    top: 4.041995vw;
    left: 5.984252%;
    width: calc(var(--px) * 778);
    z-index: 3;
    aspect-ratio: 778 / 1072;
    display: flex;
    justify-content: center;
    align-items: center;
}.con06_title_img {
    top: 18.740157vw;
    left: 3.937008%;
    width: calc(var(--px) * 814);
    z-index: 2;
    aspect-ratio: 814 / 173;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_effect_grid {
    grid-column: 2;
    grid-row: 1;
    margin-top: 13.595801vw;
    align-self: flex-start;
    justify-self: flex-start;
    width: 100%;
    z-index: 4;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 0.892388vw;
}.con06_effect_01_img,
.con06_effect_02_img,
.con06_effect_03_img,
.con06_effect_04_img,
.con06_effect_05_img,
.con06_effect_06_img,
.con06_effect_07_img,
.con06_effect_08_img {
    margin-top: 0vw;
    margin-left: 0%;
    align-self: flex-start;
    flex-shrink: 0;
    flex-grow: 0;
}

.con06_products {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0vw;
    z-index: 2;
}
.con06_product_black_img,
.con06_product_mint_img,
.con06_product_yellow_img,
.con06_product_peach_img {
    margin-top: 0vw;
    margin-left: 0%;
    align-self: flex-start;
    width: 25.249344%;
    flex-shrink: 0;
    flex-grow: 0;
}

/* ===== CON07: 감량 결과 데이터 + 하단 마르퀴 ===== */
.con07 {
    background: #ddf1ff url('/images/con07_02.png') center top / 100.787402vw auto no-repeat;
    padding-bottom: 0;
    width: 100%;
    overflow: hidden;
}.con07_wave_img {
    top: 30.341207vw;
    left: 0%;
    width: calc(var(--px) * 1920);
    z-index: 1;
    line-height: 0;
    aspect-ratio: 1920 / 853;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_wave_img img { width: 100%; display: block; }.con07_title_img {
    margin-top: 6.404199vw;
    align-self: center;
    width: calc(var(--px) * 466);
    transform: translateX(0.498688vw);
    z-index: 3;
    line-height: 0;
    aspect-ratio: 466 / 175;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_title_img img { width: 100%; display: block; }

.con07_subcopy {
    margin: 0;
    margin-top: 2.152231vw;
    align-self: center;
    transform: translateX(0.530676vw);
    z-index: 4;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.574803vw;
    line-height: 0.966667;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
}
.con07_subcopy .seg-a { font-weight: 700; }
.con07_subcopy .seg-b { font-weight: 800; }

.con07_metrics {
    margin-top: 1.837270vw;
    align-self: center;
    width: 56.430446%;
    transform: translateX(0.419948vw);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    z-index: 4;
}
.con07_metric {
    width: 35.627907%;
    flex-shrink: 0;
}
.con07_metric_prescription {
    margin-left: -3.441860%;
}
.con07_metric_weight {
    margin-left: -3.627907%;
}
.con07_metric_card_img {
    margin-top: 0vw;
    width: 100%;
    line-height: 0;
}
.con07_metric_card_img img { width: 100%; display: block; }

.con07_metric_label {
    top: 6.456693vw;
    margin: 0;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 800;
    font-size: 1.364829vw;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
}
.con07_metric_success_label { left: 33.942559%; }
.con07_metric_prescription_label { left: 22.976501%; }
.con07_metric_weight_label { left: 25.065274%; }
.con07_metric_prescription_label {
    font-size: 1.363255vw;
    line-height: 1.001155;
    white-space: nowrap;
}
.con07_metric_value {
    left: 0%;
    width: 100%;
}
.con07_metric_success_value { top: 8.923885vw; }
.con07_metric_prescription_value,
.con07_metric_weight_value { top: 8.976378vw; }

.con07_metric_number {
    display: inline-block;
    margin: 0;
    margin-top: 0vw;
    font-family: 'Proxima Nova', 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 6.824147vw;
    line-height: 0.7;
    letter-spacing: -0.025em;
    color: #0d48b4;
    text-align: left;
    white-space: nowrap;
}
.con07_metric_success_number { margin-left: 22.715405%; }
.con07_metric_prescription_number {
    margin-left: 16.449086%;
    font-size: 6.816273vw;
    line-height: 0.708510;
    white-space: nowrap;
}
.con07_metric_weight_number {
    margin-left: 24.804178%;
    line-height: 0.676923;
}

.con07_percent_img {
    width: 18.276762%;
    line-height: 0;
}
.con07_percent_img img { width: 100%; display: block; }
.con07_success_percent_img {
    top: 1.049869vw;
    left: 59.007833%;
}
.con07_weight_percent_img {
    top: 0.997375vw;
    left: 57.441253%;
}
.con07_prescription_unit {
    margin: 0;
    top: 1.837270vw;
    left: 60.963446%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 900;
    font-size: 2.624672vw;
    line-height: 0.94;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
}

.con07_note {
    margin: 0;
    margin-top: 1.732283vw;
    margin-left: 43.359580%;
    align-self: flex-start;
    z-index: 4;
    font-family: 'Pretendard', 'Pretendard Variable', sans-serif;
    font-weight: 500;
    font-size: 0.840420vw;
    line-height: 1.061836;
    letter-spacing: -0.025em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
}

.con07_marquee {
    margin-top: 4.986877vw;
    align-self: center;
    width: 100%;
    overflow: hidden;
    z-index: 5;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_marquee_back_img {
    margin-top: 0vw;
    width: 100.787402%;
    line-height: 0;
}
.con07_marquee_back_img img { width: 100%; display: block; }
.con07_marquee_track {
    top: auto;
    left: 0%;
    width: calc(var(--px) * 2032 * 2);
    display: flex;
    flex-direction: row;
    animation: con07MarqueeX 30s linear infinite;
}
.con07_marquee_strip {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2032 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_marquee_strip img { width: 100%; display: block; }
@keyframes con07MarqueeX {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ===== CON08: REAL INBODY 리얼스토리 + 2단 Swiper ===== */
.con08 {
    background: #0d48b4 url('/images/con08_bg.png') center top / 100.787402% auto no-repeat;
    padding-top: 0vw;
    padding-bottom: 6.291339vw;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.con08 img { width: 100%; display: block; }

.con08_lower_band_shape {
    top: 91.128609vw;
    left: 0%;
    width: 100%;
    height: 37%;
    background: #007de4;
    z-index: 0;
}

.con08_top_scene_layer {
    margin-top: 7.559055vw;
    width: 76.692913%;
    overflow: visible;
    z-index: 4;
}
.con08_top_eyebrow {
    top: 0vw;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: 1.574803vw;
    line-height: 1.533333;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    z-index: 6;
}
.con08_top_eyebrow .seg-a {
    font-family: 'Busan', 'NanumSquareNeo', sans-serif;
    font-weight: 400;
}
.con08_top_eyebrow .seg-b {
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 700;
}
.con08_top_title {
    top: 2.414698vw;
    left: 49.965778%;
    transform: translateX(-50%);
    margin: 0;
    font-family: 'Paperozi', 'Pretendard', sans-serif;
    font-weight: 800;
    font-size: 2.887139vw;
    line-height: 1.181818;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    z-index: 6;
}
.con08_top_title .seg-b { color: #fff600; }
.con08_title_mo_br { display: none; }

.con08_top_person_a_img,
.con08_top_person_b_img,
.con08_top_person_c_img,
.con08_person_white_img,
.con08_circle_img,
.con08_product_img,
.con08_yellow_person_img,
.con08_loss_bubble_img,
.con08_down_arrow_img,
.con08_story_badge_img,
.con08_real_inbody_img,
.con08_panel_title_img,
.con08_top_card_img,
.con08_story_label_img,
.con08_story_before_img,
.con08_story_after_img,
.con08_story_arrow_img,
.con08_story_caption_img,
.con08_cta_button_img {
    line-height: 0;
}

.con08_top_person_a_img,
.con08_top_person_b_img,
.con08_top_person_c_img,
.con08_person_white_img {
    top: 8.976378vw;
    width: 6.570842%;
    z-index: 5;
}
/* 흰뚱땡이 크로스페이드용 오버레이 (JS 가 주입) */
.con08_person_white_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    pointer-events: none;
}
.con08_top_person_a_img { left: 17.522245%; }.con08_top_person_b_img {
    left: 26.899384%;
}.con08_top_person_c_img {
    left: 36.276523%;
}.con08_person_white_img {
    left: 45.653662%;
}.con08_circle_img {
    top: 6.981627vw;
    left: 54.688569%;
    width: calc(var(--px) * 243);
    z-index: 6;
    aspect-ratio: 243 / 243;
    display: flex;
    justify-content: center;
    align-items: center;
}.con08_product_img {
    top: 6.194226vw;
    left: 57.905544%;
    width: calc(var(--px) * 149);
    z-index: 7;
    aspect-ratio: 149 / 274;
    display: flex;
    justify-content: center;
    align-items: center;
}.con08_yellow_person_img {
    top: 7.401575vw;
    left: 13.953488%;
    width: calc(var(--px) * 68);
    z-index: 5;
    aspect-ratio: 68 / 192;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con08_loss_group {
    top: 1.469816vw;
    left: 73.579740%;
    width: 14.715948%;
    z-index: 6;
}.con08_loss_bubble_img {
    top: 3.517060vw;
    left: 0%;
    width: calc(var(--px) * 125);
    z-index: 6;
    aspect-ratio: 125 / 64;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con08_loss_bubble_text {
    top: auto;
    left: auto;
    /* transform: translateX(-50%); */
    margin: 0;
    font-family: 'Paperozi', 'Pretendard', sans-serif;
    font-weight: 800;
    font-size: 1.469816vw;
    line-height: 1;
    letter-spacing: 0;
    color: #0d48b4;
    text-align: center;
    white-space: nowrap;
    z-index: 7;
    margin-bottom: 10%;
}
.con08_down_arrow_img {
    top: 0vw;
    left: 29.767442%;
    width: 70.232558%;
    z-index: 3;
}.con08_real_inbody_img {
    margin-top: 16.220472vw;
    width: calc(var(--px) * 1461);
    z-index: 2;
    aspect-ratio: 1461 / 166;
    display: flex;
    justify-content: center;
    align-items: center;
}.con08_story_badge_img {
    top: 23.097113vw;
    left: 38.193018%;
    width: calc(var(--px) * 344);
    z-index: 7;
    aspect-ratio: 344 / 78;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con08_panel {
    margin-top: 0vw;
    margin-left: 0%;
    align-self: center;
    width: calc(var(--px) * 1563);
    transform: translate(0.419948vw, -0.209974vw);
    background: #ffffff;
    border-radius: 2.624672vw;
    overflow: hidden;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con08_panel_head {
    margin-top: 6.509186vw;
    align-self: center;
    width: 32.245681%;
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con08_panel_title_img {
    margin-top: 0vw;
    align-self: center;
    width: 71.031746%;
}
.con08_panel_subtitle {
    margin: 0;
    margin-top: 1.154856vw;
    align-self: center;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 700;
    font-size: 1.837270vw;
    line-height: 0.971429;
    letter-spacing: -0.09vw;
    color: #282828;
    text-align: center;
    white-space: nowrap;
}
.con08_panel_subtitle .seg-b { font-weight: 800; }
.con08_panel_body {
    margin: 0;
    margin-top: 1.207349vw;
    align-self: center;
    font-family: 'Pretendard', 'Pretendard Variable', sans-serif;
    font-size: 1.155381vw;
    line-height: 1.363636;
    letter-spacing: -0.04vw;
    color: #282828;
    text-align: center;
    white-space: nowrap;
}
.con08_panel_body .seg-a { font-weight: 800; }
.con08_panel_body .seg-b { font-weight: 500; }

.con08_top_swiper {
    margin-top: 3.779528vw;
    align-self: center;
    width: 64.811260%;
    overflow: hidden;
    z-index: 4;
}
.con08_top_slide {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    gap: 0.787402vw;
}.con08_top_card_img {
    width: calc(var(--px) * 499);
    flex-shrink: 0;
    aspect-ratio: 499 / 602;
    display: flex;
    justify-content: center;
    align-items: center;
}.con08_top_nav {
    top: 36.640420vw;
    border: 0;
    background: transparent;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 6;
    line-height: 0;
}
.con08_top_nav img { width: 100%; display: block; }.con08_top_prev {
    left: 13.563660%;
}.con08_top_next {
    right: 13.563660%;
}
.con08_top_nav.swiper-button-disabled {
    opacity: 0.35;
    cursor: pointer;
    transition: opacity 0.3s;
}

.con08_story_area {
    margin-top: 3.674541vw;
    align-self: center;
    width: 100%;
    background: #eef7fd;
    border-radius: 0 0 2.624672vw 2.624672vw;
    overflow: hidden;
    z-index: 4;
}
.con08_story_swiper {
    margin-top: 2.677165vw;
    align-self: center;
    width: 73.896353%;
    overflow: hidden;
}
.con08_story_slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
}
.con08_story_label_img {
    margin-top: 0vw;
    align-self: flex-start;
    width: 20%;
}
.con08_story_images_row {
    margin-top: 0.944882vw;
    align-self: center;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    gap: 1.469816vw;
    line-height: 0;
}
.con08_story_before_img,
.con08_story_after_img {
    width: 48.782609%;
    flex-shrink: 0;
}.con08_story_arrow_img {
    top: 7vw;
    left: 47.359307%;
    z-index: 5;
}.con08_story_caption_img {
    margin-top: 1.522310vw;
    align-self: center;
}.con08_story_caption_w292 {
}.con08_story_caption_w295 {
    width: calc(var(--px) * 295);
    aspect-ratio: 295 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}.con08_story_caption_w296 {
    width: calc(var(--px) * 296);
    aspect-ratio: 296 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}.con08_story_caption_w314 {
    width: calc(var(--px) * 314);
    aspect-ratio: 314 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con08_story_pagination {
    position: relative;
    margin-top: 2.572178vw;
    margin-bottom: 2.771654vw;
    align-self: center;
    width: 12.220090%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0vw;
    z-index: 5;
}
.con08_story_pagination .swiper-pagination-bullet {
    width: 0.577428vw;
    height: 0.577428vw;
    margin: 0 0.288714vw;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con08_story_pagination .swiper-pagination-bullet-active {
    width: 1.994751vw;
    border-radius: 0;
}
.con08_story_pagination .con08_pagination_active_img { display: none; }
.con08_story_pagination .swiper-pagination-bullet-active .con08_pagination_dot_img { display: none; }
.con08_story_pagination .swiper-pagination-bullet-active .con08_pagination_active_img { display: block; }
.con08_story_pagination img { width: 100%; display: block; }

.con08_cta_group {
    width: 68.398950%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 1.679790vw;
    z-index: 5;
    margin-top: 2.5vw;
}
.con08_cta_left_text,
.con08_cta_right_text {
    margin: 0;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.574803vw;
    line-height: 1.533333;
    letter-spacing: -0.04em;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    z-index: 2;
}
.con08_cta_left_text {
    margin-top: 0vw;
}
.con08_cta_left_text .seg-a { font-weight: 700; }
.con08_cta_left_text .seg-b { font-weight: 800; }
.con08_cta_right_text {
    margin-top: 0vw;
    font-weight: 700;
}
.con08_max_badge {
    margin-top: 0vw;
    width: 12.388451vw;
    flex-shrink: 0;
    z-index: 3;
}
.con08_max_badge_shape {
    margin-top: 0vw;
    width: 100%;
    height: 4.829396vw;
    background: #ffffff;
    border-radius: 0.787402vw;
    z-index: 1;
}
.con08_max_value_text {
    top: 11%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-family: 'Proxima Nova', 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 3.937008vw;
    line-height: 0.866667;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    z-index: 2;
}
.con08_max_value_text .seg-a { color: #0021af; }
.con08_max_value_text .seg-b { color: #007de4; }.con08_cta_button_img {
    margin-top: 0vw;
    width: calc(var(--px) * 236);
    flex-shrink: 0;
    z-index: 2;
    aspect-ratio: 236 / 83;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ===== CON04: 4가지 체질 3가지 강도 ===== */
.con4 {
    background: #0d48b4 url('/images/con04_01.png') center top / cover no-repeat;
    padding-top: 9.396325vw;
    padding-bottom: 15vw;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.con4 img { width: 100%; display: block; }
.con4_left_stack { margin-top: 0vw; margin-left: 15.380577%; align-self: flex-start; width: 25.774278%; z-index: 3; }
.con4_question_img {
    top: 0vw;
    left: 27.902240%;
    width: 21.181263%;
    z-index: 4;
    transform-origin: 50% 100%;
    animation: con4_question_wiggle 1.6s ease-in-out infinite;
}
@keyframes con4_question_wiggle {
    0%, 100% { transform: rotate(0deg); }
    25%      { transform: rotate(-7deg); }
    75%      { transform: rotate(7deg); }
}
.con4_face_img {
    top: 3.097113vw;
    left: 0%;
    width: calc(var(--px) * 170);
    z-index: 4;
    aspect-ratio: 170 / 171;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_eyebrow {
    top: 13.805774vw;
    left: 1.018330%;
    margin: 0;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.5753vw;
    line-height: 1.099633;
    letter-spacing: -0.05em;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    z-index: 5;
}
.con4_eyebrow .seg-b { font-weight: 800; text-decoration: underline; }.con4_title_img {
    margin-top: 17.007874vw;
    margin-left: 0%;
    align-self: center;
    width: calc(var(--px) * 486);
    z-index: 4;
    aspect-ratio: 486 / 181;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_right {
    width: calc(var(--px) * 498);
    aspect-ratio: 498 / 498;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 17%;
    top: 12vw;
}
.con04_06 {
    width: 80.3213%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_07 {
    width: 17.4699%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_right_tt_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_right_tt {
    width: 9.23696%;
    aspect-ratio: 46 / 46;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_right_tt01 { top: 10%; left: 10%; }
.con4_right_tt02 { top: 10%; right: 10%; }
.con4_right_tt03 { top: auto; left: -4%; }
.con4_right_tt04 { top: auto; right: -4%; }
.con4_right_tt05 { bottom: 10%; left: 10%; }
.con4_right_tt06 { bottom: 10%; right: 10%; }
.con4_right_circle {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    > img {
        opacity: 0;
        transition: opacity 0.3s;
    }
}
.con4_right_circle_h {
    width: 52.17396%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_right_tt_p {
    margin: 0;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.6808vw;
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap;
    background-color: transparent;
    padding: 0.8vw 1vw;
    border-radius: 50vw;
    transition: background 0.3s;
}
.con4_right_tt_p01 { bottom: 80%; right: 50%; }
.con4_right_tt_p02 { bottom: 80%; left: 50%; }
.con4_right_tt_p03 { top: 50%; transform: translateY(-50%); right: 110%; }
.con4_right_tt_p04 { top: 50%; transform: translateY(-50%); left: 110%; }
.con4_right_tt_p05 { top: 80%; right: 50%; }
.con4_right_tt_p06 { top: 80%; left: 50%; }
.con4_right_tt.con4_change {
    .con4_right_tt_p {
        background-color: #007DE4;
    }
    .con4_right_circle {
        >img {
            opacity: 1;
        }
    }
}
.con4_bottom {
    background-color: #091445;
    flex-direction: row;
    gap: 2vw;
    padding: 1.5vw 0;
}
.con04_15 {
    width: calc(var(--px) * 730);
    aspect-ratio: 730 / 76;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con4_bottom_stick {
    width: calc(var(--px) * 51);
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center bottom;
    animation: con4StickWobble 1.1s ease-in-out infinite;
}
.con4_bottom_stick:nth-child(2) { animation-delay: 0.13s; }
.con4_bottom_stick:nth-child(4) { animation-delay: 0.26s; }
.con4_bottom_stick:nth-child(5) { animation-delay: 0.39s; }

@keyframes con4StickWobble {
    0%, 100% { transform: rotate(-3deg); }
    50%      { transform: rotate(3deg); }
}


/* ===== CON09: 청정 GMP 한약재 구성 + 스틱형 파우치 ===== */
.con09 {
    background: #eef7fd url('/images/con09_bg.png') center top / 100.682415vw auto no-repeat;
    padding-bottom: 0vw;
    width: 100%;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    margin-top: -2vw;
}
.con09 img { width: 100%; display: block; }.con09_top_bg_img {
    top: 0vw;
    left: 0%;
    width: calc(var(--px) * 1920);
    z-index: 3;
    pointer-events: none;
    aspect-ratio: 1920 / 1455;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_step_badge {
    width: 5.669291%;
    line-height: 0;
    z-index: 5;
}
.con09_step_badge::before,
.con09_step_badge::after {
    content: none;
}
.con09_intro_group {
    margin-top: 6.724409vw;
    align-self: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 5;
}
.con09_intro_step_badge {
    margin-top: 0vw;
    align-self: center;
    transform: translateX(0.393701vw);
}

.con09_headline {
    margin: 1.312336vw 0 0 0;
    align-self: center;
    font-family: 'Paperozi', 'Paperlogy', sans-serif;
    font-size: 2.099738vw;
    line-height: 1.175;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    z-index: 5;
}
.con09_headline .seg-a { font-weight: 500; }
.con09_headline .seg-b { font-weight: 800; }
.con09_headline .seg-c { font-weight: 800; color: #2189e0; }

.con09_intro_desc {
    margin: 1.574803vw 0 0 0;
    align-self: center;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.155381vw;
    line-height: 1.364;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    z-index: 5;
}
.con09_intro_desc .seg-a { font-weight: 700; }
.con09_intro_desc .seg-b { font-weight: 800; }

.con09_herb_marquee {
    margin-top: 2.467192vw;
    align-self: center;
    width: 100%;
    overflow: hidden;
    /* pointer-events: none; */
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con09_big_title_img {
    top: 0vw;
    left: 33.700787%;
    width: 31.548556%;
    z-index: 0;
}.con09_gmp_stamp_img {
    top: 1.301837vw;
    left: 67.83727%;
    width: calc(var(--px) * 202);
    z-index: 7;
    aspect-ratio: 202 / 168;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_herb_marquee_track {
    top: auto;
    left: 0%;
    margin-top: 4.671916vw;
    align-self: flex-start;
    display: flex;
    flex-direction: row;
    width: calc(var(--px) * 2487 * 2);
    animation: con09HerbMarqueeX 32s linear infinite;
    z-index: 5;
}
.con09_herb_marquee_strip {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2487 / 257;
    display: flex;
    justify-content: center;
    align-items: center;
}
@keyframes con09HerbMarqueeX {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.con09_product_stage {
    margin-top: 0.309711vw;
    align-self: center;
    width: 100%;
    overflow: visible;
    z-index: 6;
}
.con09_product_height_chain {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: auto;
}
.con09_swallow_group,
.con09_pouch_group {
    top: 2vw;
    left: 0%;
    width: 100%;
    z-index: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con09_swallow_step_badge {
    top: 1.994751vw;
    left: 59.055118%;
}
.con09_pouch_step_badge {
    top: 30.971129vw;
}.con09_pouch_left_img {
    top: 44.409449vw;
    left: 21.102362%;
    line-height: 0;
    z-index: 7;
}
.con09_hand_img {
    top: 58.908136vw;
    left: 22.519685%;
    width: 56.797900%;
    z-index: auto;
}
.con09_hand_clip {
    top: 0vw;
    left: 0%;
    width: calc(var(--px) * 1920);
    height: calc(var(--px) * 1455);
    overflow: hidden;
    z-index: 9;
    mask-image: url('/images/con09_02.png');
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    mask-position: bottom;
}
.con09_pellet_circle_img,
.con09_circle_img {
    top: 0vw;
    left: 28.608924%;
    width: 21.259843%;
    z-index: 6;
}.con09_pellet_zoom_img {
    top: 7.454068vw;
    left: 35.275591%;
    width: calc(var(--px) * 209);
    z-index: 10;
    aspect-ratio: 209 / 159;
    display: flex;
    justify-content: center;
    align-items: center;
}.con09_3mm_frame_img {
    top: 7.454068vw;
    left: 35.800525%;
    width: calc(var(--px) * 138);
    z-index: 11;
    aspect-ratio: 138 / 82;
    display: flex;
    justify-content: center;
    align-items: center;
}.con09_3mm_line_img {
    top: 8.136483vw;
    left: 35.800525%;
    width: calc(var(--px) * 135);
    z-index: 12;
    aspect-ratio: 135 / 14;
    display: flex;
    justify-content: center;
    align-items: center;
}.con09_3mm_text_img {
    top: 6.299213vw;
    left: 37.270341%;
    width: calc(var(--px) * 81);
    z-index: 12;
    aspect-ratio: 81 / 24;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con09_swallow_title {
    margin: 0;
    top: 5.931759vw;
    left: 59.265092%;
    font-family: 'Paperozi', 'Paperlogy', sans-serif;
    font-size: 2.099738vw;
    line-height: 1.175;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
}
.con09_swallow_title .seg-a { font-weight: 600; }
.con09_swallow_title .seg-b { font-weight: 800; }
.con09_swallow_title .seg-c { font-weight: 800; color: #2189e0; }
.con09_swallow_desc {
    margin: 0;
    top: 11.811024vw;
    left: 59.265092%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 700;
    font-size: 1.155381vw;
    line-height: 1.364;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
}

.con09_pouch_title {
    margin: 0;
    top: 35.695538vw;
    left: auto;
    font-family: 'Paperozi', 'Paperlogy', sans-serif;
    font-size: 2.099738vw;
    line-height: 1.175;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    z-index: 12;
}
.con09_pouch_title .seg-a { font-weight: 600; }
.con09_pouch_title .seg-b { font-weight: 800; }
.con09_pouch_title .seg-c { font-weight: 800; color: #007de4; }
.con09_pouch_desc {
    margin: 0;
    top: 41.627297vw;
    left: auto;
    font-family: 'NanumSquareNeo', sans-serif;
    font-weight: 700;
    font-size: 1.155381vw;
    line-height: 1.364;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    z-index: 12;
}.con09_pouch_right_img {
    top: 44.409449vw;
    left: 56.167979%;
    z-index: 8;
}
.con09_center_pack_img {
    margin-top: 46.724409vw;
    align-self: center;
    transform: translateX(0.341207vw);
    width: 21.522310%;
    z-index: 13;
    margin-bottom: -2vw;
}
.con09_cut_zoom_img {
    top: 55.433071vw;
    left: 68.241470%;
    width: calc(var(--px) * 178);
    z-index: 14;
    aspect-ratio: 178 / 178;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ===== CON10: 정석감비환 다이어트 3-STEP 프로세스 + 하단 마르퀴 ===== */
.con10 {
    background: #091445 url('/images/con10_bg.png') center/cover no-repeat;
    padding-top: 7.4541vw;
    padding-bottom: 0vw;
}.c10_title {
    margin-top: 0vw;
    align-self: center;
    width: calc(var(--px) * 601);
    aspect-ratio: 601 / 160;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c10_title img { width: 100%; display: block; }

.c10_subtitle {
    margin: 2.1522vw 0 0 0;
    align-self: center;
    text-align: center;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.8373vw;
    letter-spacing: -0.05em;
    line-height: 1.228;
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap;
}
.c10_subtitle .r700 { font-weight: 700; }
.c10_subtitle .r800 { font-weight: 800; }
.c10_subtitle .yellow { color: #fff600; }

.c10_caption {
    margin: 1.1024vw 0 0 0;
    align-self: center;
    text-align: center;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.1554vw;
    letter-spacing: -0.05em;
    line-height: 1.363;
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap;
}

.c10_cards {
    margin-top: 2.3097vw;
    align-self: center;
    width: 75.7480%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.c10_card_mg {
    width: calc(var(--px) * 441);
    aspect-ratio: 441 / 454;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.c10_card1 {
    aspect-ratio: 441 / 490;
}

.c10_card_baked_mg {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c10_card1_baked img,
.c10_card2_baked img,
.c10_card3_baked img { width: 100%; display: block; }

.c10_card1_face {
    top: 2.9396vw;
    left: 32.2072%;
    width: calc(var(--px) * 159);
    aspect-ratio: 159 / 174;
    display: flex;
    justify-content: center;
    align-items: center;
}.c10_card2_face {
    top: 3.0446vw;
    left: 31.5315%;
    width: calc(var(--px) * 159);
    aspect-ratio: 159 / 172;
    display: flex;
    justify-content: center;
    align-items: center;
}.c10_card2_dn {
    top: 2.4672vw;
    left: 62.6126%;
    width: calc(var(--px) * 109);
    aspect-ratio: 109 / 174;
    display: flex;
    justify-content: center;
    align-items: center;
}.c10_card3_face {
    top: 2.7822vw;
    left: 32.8829%;
    width: calc(var(--px) * 162);
    aspect-ratio: 162 / 177;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c10_card1_face img,
.c10_card2_face img,
.c10_card3_face img,
.c10_card2_dn img { width: 100%; display: block; }

/* c10 face 무한 모션 — 각 카드 다른 패턴 */
@keyframes c10_face_floatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-0.8vw); }
}
@keyframes c10_face_wiggle {
    0%, 100% { transform: rotate(0deg); }
    25%      { transform: rotate(-6deg); }
    75%      { transform: rotate(6deg); }
}
@keyframes c10_face_pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.08); }
}
.c10_card1_face {
    animation: c10_face_floatY 2.6s ease-in-out infinite;
}
.c10_card2_face {
    animation: c10_face_wiggle 1.8s ease-in-out infinite;
    transform-origin: 50% 100%;
}
.c10_card3_face {
    animation: c10_face_pulse 2.2s ease-in-out infinite;
    transform-origin: 50% 50%;
}

.c10_arrow1, .c10_arrow2 {
    top: 9.7113vw;
}.c10_arrow1 {
    left: 30.4920%;
}.c10_arrow2 {
    left: 65.1421%;
}
.c10_arrow1 img, .c10_arrow2 img { width: 100%; display: block; }

.c10_marquee {
    margin-top: 4.9869vw;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c10_marquee_band {
    margin-left: -0.3937%;
    align-self: flex-start;
    width: 100.7874%;
}
.c10_marquee_band img { width: 100%; display: block; }

.c10_marquee_track {
    top: auto;
    left: 0%;
    width: calc(var(--px) * 2032 * 2);
    display: flex;
    flex-direction: row;
    animation: marqueeC10 30s linear infinite;
}
.c10_marquee_strip,
.c10_marquee_strip_dup {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2032 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c10_marquee_strip img,
.c10_marquee_strip_dup img { width: 100%; display: block; }

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

/* ===== CON11: 다이어트 프로그램 구성 + 스와이퍼 ===== */
.con11 {
    background: #13291c;
    /* padding-bottom: 26.561680vw; */
    width: 100%;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -1.7vw;
}

.con11_bottom_fixed {
    width: 100%;
    height: calc(var(--px) * 536);
    background: url('/images/con11_10.png') center center / cover no-repeat;
    background-attachment: fixed;
}

.con11_left_group img,
.con11_right_group img {
    width: 100%;
    display: block;
}

.con11_color_probe {
    top: 0vw;
    left: 0%;
    width: 5.249344vw;
    height: 5.249344vw;
    background: #eef7fd;
    pointer-events: none;
    z-index: 0;
}
.con11_left_group {
    margin-top: 0vw;
    margin-left: -2.624672%;
    align-self: flex-start;
    width: 47.821522%;
    line-height: 0;
}
.con11_left_surface_img {
    top: 0vw;
    left: 0%;
    width: 100%;
    z-index: 2;
    display: flex;
}
.con11_right_group {
    top: 0vw;
    left: 42.152231%;
    width: 58.530184%;
    z-index: 6;
}
.con11_right_surface_img {
    top: 0vw;
    left: 0%;
    width: 100%;
    z-index: 2;
    display: flex;
}.con11_blue_band_img {
    top: 5.459318vw;
    left: 0%;
    width: calc(var(--px) * 1115);
    z-index: 3;
    display: flex;
    aspect-ratio: 1115 / 769;
    justify-content: center;
    align-items: center;
}

.con11_program_swiper {
    top: 11.338583vw;
    left: 0%;
    width: 100.269058%;
    height: 29.396325vw;
    overflow: hidden;
    z-index: 30;
    border-left: 1px solid #0D48B4;
}
.con11_program_track {
    margin-left: -4.409449vw;
    transition-timing-function: linear !important;
    pointer-events: none;
}
.con11_program_slide {
    width: 23.149606vw;
    flex-shrink: 0;
    overflow: visible;
}
.con11_program_card_img {
    width: 100%;
    display: flex;
}
.con11_program_card_img img {
    width: 100%;
    display: block;
}

.con11_left_content {
    margin-top: 0vw;
    margin-left: 0%;
    align-self: flex-start;
    width: 100%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.con11_title_img {
    margin-top: 10.026247vw;
    margin-left: 20.636663%;
    width: 54.445664%;
    display: flex;
}
.con11_body {
    margin: 0;
    margin-top: 1.837270vw;
    align-self: center;
    transform: translateX(-0.997375vw);
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.155381vw;
    line-height: 1.204;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
    white-space: nowrap;
}
.con11_body .seg-a { font-weight: 700; }
.con11_body .seg-b { font-weight: 800; }.con11_product_img {
    margin-top: 2.099738vw;
    align-self: center;
    width: calc(var(--px) * 835);
    display: flex;
    aspect-ratio: 835 / 515;
    justify-content: center;
    align-items: center;
}

/* ===== CON12: 정석감비환 다이어트 프로그램 + 우측 카드 스크롤 ===== */
.con12 {
    background: #ddf1ff;
    width: 100%;
    height: calc(100vh + var(--con12-scroll-distance, 0px));
    overflow: visible;
    justify-content: flex-start;
    align-items: center;
    z-index: 20;
}
.con12 img {
    width: 100%;
    display: block;
}
.con12_stage {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}
.con12_frame_media {
    margin-top: 0vw;
    align-self: center;
    width: 100.787402%;
    display: flex;
    line-height: 0;
    aspect-ratio: 192/92;
    z-index: 1;
}
.con12_left_scene {
    top: 0vw;
    left: 0%;
    width: 61.259843%;
    bottom: 0vw;
    z-index: 3;
}
.con12_copy_group {
    top: 8.031496vw;
    left: 36.760925%;
    width: 33.590403%;
    z-index: 6;
}
.con12_title_copy_img {
    top: 0vw;
    left: 0%;
    width: 100%;
    display: flex;
    aspect-ratio: 392/162;
    z-index: 2;
}
.con12_body {
    margin: 0;
    text-align: center;
    top: 10.498688vw;
    left: 8.673469%;
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.155381vw;
    line-height: 1.364;
    letter-spacing: -0.05em;
    color: #000000;
    white-space: nowrap;
    z-index: 2;
}
.con12_body .seg-a,
.con12_body .seg-b {
    font-weight: 400;
}
.con12_program_img {
    top: 32.020997vw;
    left: 0.085690%;
    width: 105.055698%;
    display: flex;
    aspect-ratio: 1226 / 180;
    z-index: 2;
}
.con12_pouch_group {
    top: 24.881890vw;
    left: 5.312768%;
    width: 93.830334%;
    z-index: 4;
}
.con12_pouch_white_left_img,
.con12_pouch_coral_img,
.con12_pouch_white_mid_img,
.con12_pouch_blue_img {
    display: flex;
}.con12_pouch_white_left_img{
    top: 0.262467vw;
    left: 0%;
    width: 22.283105%;
    aspect-ratio: 244/564;
}.con12_pouch_coral_img {
    top: 0vw;
    left: 25.844749%;
    width: 22.465753%;
    aspect-ratio: 246/574;
}.con12_pouch_white_mid_img {
    top: 0.052493vw;
    left: 51.872146%;
    width: 22.374429%;
    aspect-ratio: 245/570;
}.con12_pouch_blue_img {
    top: 0.262467vw;
    left: 77.716895%;
    width: 22.283105%;
    aspect-ratio: 244/564;
}
.con12_right_scroll_scene {
    top: 0vw;
    left: 61.259843%;
    width: 32.860892%;
    bottom: 0vw;
    z-index: 7;
}
.con12_cards_view {
    top: 0vw;
    left: 0%;
    width: 97.124601%;
    bottom: 0vw;
    overflow: hidden;
    z-index: 1;
}
.con12_cards_track {
    top: 0vw;
    left: 0%;
    width: 100%;
    will-change: transform;
    z-index: 1;
}
.con12_fast_card_img,
.con12_office_card_img,
.con12_male_card_img,
.con12_menopause_card_img,
.con12_liver_card_img,
.con12_teen_card_img,
.con12_lifecycle_card_img {
    margin-top: 0vw;
    width: 100%;
    display: flex;
    aspect-ratio: 608/304;
}
.con12_scroll_line {
    top: 0vw;
    left: 96.964856%;
    width: 1.437700%;
    bottom: 0vw;
    background: #0d48b4;
    pointer-events: none;
    z-index: 2;
}
.con12_scroll_handle_img {
    top: 0vw;
    left: 94.568690%;
    width: 5.910543%;
    display: flex;
    aspect-ratio: 37 / 145;
    pointer-events: none;
    will-change: transform;
    z-index: 3;
    justify-content: center;
    align-items: center;
}

/* ===== CON13: 정석감비환 다이어트 프로그램 처방원칙 3가지 ===== */
.con13 {
    position: relative;
    background: #2189e0 url('/images/con13_01.png') center top / 100.787402vw auto no-repeat;
    padding-bottom: 0.157480vw;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.con13 img,
.con13 video {
    width: 100%;
    display: block;
}
.con13_title_group {
    margin-top: 5.354331vw;
    align-self: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
}
.con13_title_ball_img {
    margin-top: 0vw;
    align-self: center;
    width: 9.028871%;
    z-index: 2;
    margin-left: 2%;
}
.con13_title_copy_img {
    margin-top: 0.892388vw;
    align-self: center;
    width: calc(var(--px) * 761);
    z-index: 2;
    aspect-ratio: 761 / 121;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con13_card {
    align-self: center;
    width: 89.763780%;
    overflow: hidden;
    border-radius: 3.149606vw;
    z-index: 2;
}
.con13_card_base_img {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    z-index: 1;
}
.con13_card01 {
    margin-top: 11.233596vw;
}
.con13_card02 {
    margin-top: 2.099738vw;
}
.con13_card03 {
    margin-top: 2.677165vw;
    overflow: visible;
}
.con13_card01_badge_img {
    top: 10.498688vw;
    left: 6.666667%;
    z-index: 4;
}
.con13_card01_text_group {
    top: 15.223097vw;
    left: 6.842105%;
    width: 21.578947%;
    z-index: 5;
}
.con13_card_title,
.con13_card_desc {
    margin: 0;
    white-space: nowrap;
    letter-spacing: 0;
}
.con13_card_title {
    margin-top: 0vw;
    font-family: 'Paperozi', 'Paperlogy', sans-serif;
    font-size: 2.362205vw;
    line-height: 1.222;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
    letter-spacing: -0.09vw;
}
.con13_card_title strong {
    font-weight: 800;
}
.con13_card_title .blue {
    color: #007de4;
    font-weight: 800;
}
.con13_card_title .yellow {
    color: #fff600;
    font-weight: 800;
}
.con13_card_desc {
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 1.050394vw;
    line-height: 1.5;
    font-weight: 700;
    color: #000000;
    white-space: nowrap;
    letter-spacing: -0.04vw;
}
.con13_card_desc strong {
    font-weight: 800;
}
.con13_card01_desc {
    margin-top: 2.099738vw;
}
.con13_card01_video_group {
    top: 3.359580vw;
    left: 46.725146%;
    width: 50.046784%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.224719%;
    z-index: 4;
}
.con13_card01_left_video {
    margin-top: 0vw;
    width: calc(var(--px) * 415);
    aspect-ratio: 415 / 611;
    flex-shrink: 0;
}
.con13_card01_right_video {
    margin-top: 0vw;
    width: calc(var(--px) * 415);
    aspect-ratio: 415 / 611;
    flex-shrink: 0;
}
.con13_card01_left_video video,
.con13_card01_right_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.con13_card02_badge {
    top: 5.721785vw;
    left: 46.725146%;
    width: 6.549708%;
    border-radius: 1.784777vw;
    background: #007de4;
    color: #eef7fd;
    font-family: 'Proxima Nova', 'Montserrat', sans-serif;
    font-size: 1.574803vw;
    font-weight: 900;
    line-height: 3.569554vw;
    text-align: center;
    white-space: nowrap;
    z-index: 6;
}
.con13_card02_text_group {
    top: 10.918635vw;
    left: 32.923977%;
    width: 34.210526%;
    text-align: center;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con13_card02_title,
.con13_card02_desc {
    color: #ffffff;
}
.con13_card02_desc {
    margin-top: 1.574803vw;
}
.con13_card02_herb_strip_group {
    top: 22.627297vw;
    left: 0;
    width: 100%;
    z-index: 3;
}
.con13_card02_herb_strip_top {
    top: 0vw;
    left: 7.381818%;
    width: 94.507576%;
}
.con13_card02_herb_strip_bottom {
    top: 7.979003vw;
    left: 0%;
    width: 94.507576%;
}
.con13_card02_herb_strip {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    left: 0%;
    width: 100%;
}
.con13_card02_herb_track {
    top: auto;
    left: 0%;
    width: calc(var(--px) * 2495 * 2);
    display: flex;
    flex-direction: row;
    transition-timing-function: linear;
    pointer-events: none;
}
.con13_card02_herb_track_left {
    animation: con13HerbSlideLeft 28s linear infinite;
}
.con13_card02_herb_track_right {
    animation: con13HerbSlideRight 28s linear infinite;
}
.con13_card02_herb_strip_item {
    width: 50%;
    flex-shrink: 0;
    aspect-ratio: 2495 / 128;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con13_card02_herb_strip_item img {
    width: 100%;
    display: block;
}
@keyframes con13HerbSlideLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes con13HerbSlideRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.con13_card03_badge_img {
    top: 3.254593vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}
.con13_card03_text_group {
    top: 7.821522vw;
    left: 34.093567%;
    width: 31.578947%;
    text-align: center;
    z-index: 5;
}
.con13_card03_desc {
    margin-top: 1.469816vw;
}
.con13_card03_photo_row {
    top: 19.527559vw;
    left: 10.233918%;
    width: 79.532164%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.838235%;
    z-index: 4;
}
.con13_card03_photo_room_img,
.con13_card03_photo_care_img,
.con13_card03_photo_needle_img {
    margin-top: 0vw;
    width: 32.058824%;
    flex-shrink: 0;
}
.con13_product_group {
    margin-top: 0.367454vw;
    align-self: center;
    width: 38.740157%;
    overflow: visible;
    z-index: 5;
}
.con13_product_img {
    margin-top: 0vw;
    align-self: center;
    width: 100%;
    z-index: 7;
}
.con13_product_deco_group {
    top: 11.286089vw;
    left: -21.409214%;
    width: 158.536585%;
    z-index: 4;
}
.con13_product_title_img {
    top: 0vw;
    left: 11.111111%;
    width: 69.572650%;
    z-index: 1;
}
/* ===== CON14: 정석감비환 다이어트 진료 프로세스 ===== */
.con14 {
    position: relative;
    margin-top: 0vw;
    top: -31.863517vw;
    margin-bottom: -31.863517vw;
    background: #ddf1ff;
    padding-top: 0vw;
    padding-bottom: 7.020997vw;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
}
.con14 img {
    width: 100%;
    display: block;
}
.con14_top_curve {
    top: -33.490814vw;
    left: -10.498688%;
    width: 120.997375%;
    height: 55.118110vw;
    background: #2189e0;
    border-radius: 0 0 50% 50%;
    z-index: 0;
}
.con14_top_ball_01 {
    top: 44.986877vw;
    left: 27.331888%;
    z-index: 1;
}.con14_top_ball_02 {
    top: 45.826772vw;
    left: 32.364426%;
    z-index: 2;
}.con14_top_ball_03 {
    top: 42.152231vw;
    left: 61.127983%;
    z-index: 1;
}.con14_top_ball_04 {
    top: 45.931759vw;
    left: 63.557484%;
    z-index: 2;
}.con14_top_ball_05 {
    top: 46.876641vw;
    left: 59.652929%;
    z-index: 3;
}.con14_process_word_img {
    margin-top: 23.517060vw;
    align-self: center;
    width: calc(var(--px) * 1107);
    z-index: 1;
    aspect-ratio: 1107 / 180;
    display: flex;
    justify-content: center;
    align-items: center;
}.con14_title_img {
    margin-top: 1.627297vw;
    align-self: center;
    width: calc(var(--px) * 497);
    z-index: 3;
    aspect-ratio: 497 / 254;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con14_panel {
    align-self: center;
    width: calc(var(--px) * 1604);
    padding-bottom: 4.776903vw;
    background: #ffffff;
    border: 1px solid #0d48b4;
    border-radius: 1.574803vw;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 4;
}
.con14_visit_panel {
    margin-top: 2.782152vw;
}
.con14_remote_panel {
    margin-top: 0.472441vw;
}
.con14_panel_title {
    margin: 0;
    margin-top: 5.459318vw;
    align-self: center;
    font-family: 'Paperozi', 'Paperlogy', sans-serif;
    font-weight: 800;
    font-size: 1.837270vw;
    line-height: 0.885714;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: left;
    white-space: nowrap;
    z-index: 5;
}
.con14_card_row {
    margin-top: 0vw;
    align-self: center;
    width: 79.800499%;
    display: grid;
    grid-template-columns: 23.593750% 1.875000% 23.593750% 1.875000% 23.593750% 1.875000% 23.593750%;
    align-items: center;
    overflow: visible;
    z-index: 4;
}
.con14_card_row_top {
    margin-top: 2.099738vw;
}
.con14_card_row_bottom {
    margin-top: 1.627297vw;
}.con14_panel_card_img {
    margin-top: 0vw;
    width: calc(var(--px) * 302);
    flex-shrink: 0;
    aspect-ratio: 302 / 186;
    display: flex;
    justify-content: center;
    align-items: center;
}.con14_arrow_img {
    justify-self: center;
    width: calc(var(--px) * 51);
    flex-shrink: 0;
    pointer-events: none;
    z-index: 6;
    aspect-ratio: 51 / 51;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 147%;
}

/* ===== CON16: 상담 신청 폼 ===== */
.con16 {
    width: 100%;
    background: #007de4 url(/images/con15_01.png) center center / cover no-repeat;
    padding-top: 3vw;
    padding-bottom: 6vw;
}
.con16_panel {
    /* heightSource: panel real white box (다중 자식 wrapper, height vw 박제) */
    margin-top: 0vw;
    align-self: center;
    width: calc(var(--px) * 1712);
    height: 44.1995vw;
    background: #ffffff;
    border-radius: 3.1496vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}.con16_jungseok_img{
    /* heightSource: single-image wrapper — aspect 110/792 (con16_01.png) */
    top: 1.5748vw;
    right: 0;
    width: calc(var(--px) * 110);
    aspect-ratio: 110/792;
    pointer-events: none;
    user-select: none;
    z-index: 1;
}
.con16_jungseok_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.con16_intro {
    margin-top: 4.1470vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}.con16_title_img{
    /* heightSource: single-image wrapper — con16_03.png 296/166 (dot+title baked) */
    margin-top: 0vw;
    align-self: center;
    width: calc(var(--px) * 296);
    aspect-ratio: 296/166;
}
.con16_title_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.con16_subtitle {
    margin: 0;
    margin-top: 1.3648vw;
    align-self: center;
    text-align: center;
    font-family: "Pretendard Variable", sans-serif;
    font-weight: 500;
    font-size: 1.1554vw;
    color: #000000;
    line-height: 1.364;
    letter-spacing: -0.025em;
    white-space: nowrap;
}
.con16_subtitle_strong {
    font-weight: 800;
}

.con16_form {
    margin-top: 2.2572vw;
    align-self: center;
    width: 45.0350%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.con16_row_top {
    margin-top: 0vw;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.con16_col_name,
.con16_col_phone {
    width: 47.8599%;
    height: 2.7821vw;
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: center;
}.con16_star_img{
    /* heightSource: single-image wrapper — con16_04.png 12/11 (별표 *) */
    width: calc(var(--px) * 12);
    aspect-ratio: 12/11;
    flex-shrink: 0;
    margin-left: 0.5122vw;
}
.con16_star_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.con16_label {
    font-family: "SUIT Variable", "SUIT", "Pretendard Variable", sans-serif;
    font-weight: 600;
    font-size: 1.0499vw;
    color: #000000;
    line-height: 2.45;
    letter-spacing: -0.075em;
    white-space: nowrap;
    pointer-events: none;
    flex-shrink: 0;
}
.con16_label_name,
.con16_label_phone { margin-left: 0.4199vw; }
.con16_input {
    font-family: "SUIT Variable", "SUIT", "Pretendard Variable", sans-serif;
    font-weight: 500;
    font-size: 1.0499vw;
    color: #000000;
    line-height: 2.45;
    letter-spacing: -0.075em;
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    white-space: nowrap;
    min-width: 0;
    height: 2.0997vw;
    flex: 1;
}
.con16_input_name { margin-left: 0.8399vw; }
.con16_input_phone { margin-left: 1.4698vw; }
.con16_input_name,
.con16_input_phone {
    width: auto;
}
.con16_input::placeholder {
    color: #42261a;
    opacity: 1;
    font-weight: 600;
}

.con16_row_treatment {
    margin-top: 0.6824vw;
    width: 100%;
    height: 3.3071vw;
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: center;
}
.con16_star_treat {
    width: 1.5564%;
}
.con16_label_treat {
    margin-left: 0.4199vw;
    margin-right: auto;
}
.con16_btn_visit,
.con16_btn_remote {
    width: 32.1660%;
    height: 2.5722vw;
    border-radius: 1.2074vw;
    border: 1px solid #004fc5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.2s, color 0.2s;
    font: inherit;
    flex-shrink: 0;
}
.con16_btn_visit { background: #eef7fd; }
.con16_btn_remote { margin-left: 0.3149vw; background: #eef7fd; }
.con16_btn_visit.is-active { background: #004fc5; }
.con16_btn_remote.is-active { background: #004fc5; }
.con16_btn_visit .con16_btn_text,
.con16_btn_remote .con16_btn_text {
    margin-top: 0vw;
    font-family: "SUIT Variable", "SUIT", "Pretendard Variable", sans-serif;
    font-weight: 400;
    font-size: 0.9449vw;
    color: #004fc5;
    line-height: 1;
    letter-spacing: -0.075em;
    white-space: nowrap;
}
.con16_btn_visit.is-active .con16_btn_text,
.con16_btn_remote.is-active .con16_btn_text {
    color: #ffffff;
}

.con16_row_inquiry {
    margin-top: 1.1549vw;
    width: 100%;
    height: 6.1942vw;
    border-bottom: 1px solid #000000;
    display: flex;
    flex-direction: column;
}
.con16_label_inquiry {
    margin-left: 1.0499vw;
    line-height: 1.7;
}
.con16_input_inquiry {
    width: calc(100% - 2.0998vw);
    height: 4.2vw;
    margin-left: 1.0499vw;
    resize: none;
    line-height: 1.5;
}

.con16_consent {
    margin-top: 1.1549vw;
    width: 100%;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
.con16_consent_check {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    width: 0.9974vw;
    height: 0.9974vw;
    border: 1px solid #000000;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
}
.con16_consent_check:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #004fc5;
    transform: translate(-50%, -50%);
}
.con16_consent_text {
    margin-top: 0vw;
    margin-left: 0.4199vw;
    font-family: "SUIT Variable", "SUIT", "Pretendard Variable", sans-serif;
    font-weight: 600;
    font-size: 1.0499vw;
    color: #000000;
    line-height: 1.7;
    letter-spacing: -0.075em;
    white-space: nowrap;
}.con16_submit {
    /* heightSource: explicit height (button wrapper, single img child) */
    margin-top: 0.7349vw;
    align-self: center;
    width: calc(var(--px) * 439);
    height: 4.3569vw;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: transform 0.1s, opacity 0.2s;
    font: inherit;
    display: flex;
    aspect-ratio: 439 / 80;
    justify-content: center;
    align-items: center;
}
.con16_submit:hover { opacity: 0.92; }
.con16_submit:active { transform: scale(0.98); }
.con16_submit_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
}

/* ===== CON15: Q&A 정석감비환에 관한 질의 및 응답 ===== */
.con15 {
    background: #007de4 url('/images/con15_01.png') center center / cover no-repeat;
    padding-top: 8.8714vw;
    padding-bottom: 0vw;
}

.c15_panel {
    align-self: center;
    width: calc(var(--px) * 1712);
    background: #ffffff;
    border-radius: 3.1496vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c15_title {
    align-self: center;
    margin-top: 4.1995vw;
    width: 24.1822%;
}
.c15_title img { width: 100%; display: block; }

.c15_boxes {
    align-self: center;
    margin-top: 2.6772vw;
    width: 82.94396%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1.1024vw;
    /* column-gap: 1.8310%; */
}

.c15_box_q_mg {
    width: 49.0141%;
    background: #eef7fd;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #007DE4;
    height: 16vw;
}

.c15_box_header {
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-bottom: 1px solid #007DE4;
}

.c15_box_qno {
    width: 15.3736%;
    background: #007de4;
    color: #ffffff;
    text-align: center;
    font-family: 'proxima-nova', sans-serif;
    font-weight: 900;
    font-size: 2.1774vw;
    line-height: 2.6037;
    letter-spacing: -0.025em;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.c15_box_question {
    flex: 1;
    background: #ffffff;
    padding: 0 3.3046%;
    color: #282828;
    font-family: 'Paperozi', sans-serif;
    font-weight: 800;
    font-size: 1.2598vw;
    line-height: 1.292;
    letter-spacing: -0.025em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin: 0 0 0 6.1782%;
    box-sizing: border-box;
}

.c15_box_body {
    margin: 1.8373vw 11.3506% 1.8373vw 11.3506%;
    color: #282828;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 500;
    font-size: 1.1554vw;
    line-height: 1.364;
    letter-spacing: -0.025em;
    white-space: nowrap;
}

.c15_box_hl {
    background-color: #fff600;
    font-weight: 800;
}

.c15_notice {
    align-self: center;
    margin-top: 3.4121vw;
    margin-bottom: 4.3570vw;
    width: 61.0397%;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 2.0096vw;
}

.c15_notice_icon {
    width: 10.9091%;
    flex-shrink: 0;
}
.c15_notice_icon img { width: 100%; display: block; }

.c15_notice_content { flex: 1; }

.c15_notice_title {
    margin: 0;
    color: #000000;
    font-family: 'Paperozi', sans-serif;
    font-weight: 800;
    font-size: 1.8373vw;
    line-height: 1.857;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

.c15_notice_body {
    margin: 0.3123vw 0 0 0;
    color: #000000;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 500;
    font-size: 1.1554vw;
    line-height: 1.364;
    letter-spacing: -0.025em;
    white-space: nowrap;
}

/* ===== CON03 모바일 ===== */


/* === merged-group classes (이미지 wrapper 공통 사이즈) === */

.con3_arrow_mg {
    width: calc(var(--px) * 11);
    aspect-ratio: 11 / 64;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_effect_mg {
    width: calc(var(--px) * 159);
    aspect-ratio: 159 / 219;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_product_mg {
    width: calc(var(--px) * 481);
    aspect-ratio: 481 / 450;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con08_person_mg {
    width: calc(var(--px) * 96);
    aspect-ratio: 96 / 184;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c10_arrow_mg {
    width: calc(var(--px) * 91);
    aspect-ratio: 91 / 78;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13_card03_photo_mg {
    width: calc(var(--px) * 436);
    aspect-ratio: 436 / 599;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* === merged-group classes (추가) === */

.jungseok_img_mg {
    width: calc(var(--px) * 1512);
    aspect-ratio: 1512 / 209;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signature_img_mg {
    width: calc(var(--px) * 1191);
    aspect-ratio: 1191 / 254;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con08_top_nav_mg {
    width: calc(var(--px) * 64);
    aspect-ratio: 64 / 64;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con08_story_caption_mg {
    width: calc(var(--px) * 292);
    aspect-ratio: 292 / 25;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con09_pouch_mg {
    width: calc(var(--px) * 445);
    aspect-ratio: 445 / 445;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13_badge_mg {
    width: calc(var(--px) * 108);
    aspect-ratio: 108 / 64;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con14_top_ball_mg {
    width: calc(var(--px) * 93);
    aspect-ratio: 93 / 93;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ===== CON01 / mv mobile ===== */
@media (max-width: 599px) {
    .main .mv {
        min-height: 137.5333vw;
        padding-top: 0;
        padding-bottom: 0;
        background-position: center center;
        background-size: cover;
        justify-content: flex-start;
    }

    .main .mv_top_img {
        /* display: none; */
        height: 137.5333vw;
    }
    .main .mv_top_img img {
        height: 100%;
        object-fit: cover;
    }

    .main .mv_jungseok_img {
        display: none;
    }

    .main .con2 {
        height: 100%;
        background-position: center center;
        background-size: cover;
    }

    .main .con2_title_img {
        top: 31.9333vw;
        left: 50%;
        width: 72.0000%;
        transform: translateX(-50%);
    }

    .main .con2_marquee {
        bottom: 0;
        width: 344%;
    }

    .main .con2_marquee_track {
        width: 200%;
    }

    .main .con2_marquee_strip {
        width: 50%;
    }

    /* ===== CON03 mobile ===== */
    .main .con3 {
        padding-top: 8.5333vw;
        padding-bottom: 0;
        align-items: center;
    }

    .main .con3_top {
        position: relative;
        width: 100%;
        min-height: 126.4000vw;
        display: block;
    }

    .main .con3_doc_left {
        position: absolute;
        left: 9.6667%;
        bottom: 0;
        width: 29%;
        margin-top: 0;
        margin-left: 0;
        z-index: 3;
    }

    .main .con3_doc_left_img {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .main .con3_doc_left_label_img,
    .main .con3_doc_right_label_img {
        display: flex;
    }

    .main .con3_jungseok_img {
        display: none;
    }

    .main .con3_top_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .main .con3_doc_right {
        position: absolute;
        left: auto;
        right: 8.3333%;
        top: auto;
        bottom: 0;
        width: 35%;
        z-index: 3;
    }

    .main .con3_doc_right_img {
        width: 100%;
        margin-top: 0;
    }

    .main .con3_doc_left_label_img {
        top: 31.2861vw;
        left: 7%;
        width: 61%;
        aspect-ratio: 123 / 88;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main .con3_doc_right_label_img {
        top: 32.2861vw;
        left: 50.7875%;
        width: 45%;
        aspect-ratio: 108 / 90;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main .con3_intro {
        position: relative;
        width: 77.3333%;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5.8667vw;
        z-index: 5;
    }

    .main .con3_intro_head {
        width: 100%;
        height: 24.0000vw;
    }

    .main .con3_intro_lead {
        width: 44.8276%;
        height: 16.2667vw;
        margin-top: 0;
    }

    .main .con3_intro_eyebrow {
        font-size: 3.4667vw;
        line-height: 1.692;
        white-space: nowrap;
    }

    .main .con3_intro_dots {
        top: 7.4667vw;
        font-size: 3.4667vw;
        left: 47.9744%;
    }

    .main .con3_fail_img {
        width: 26.2069%;
        left: 63.4483%;
    }

    .main .con3_intro_chip {
        width: 82.7586%;
        height: 12.8000vw;
        margin-top: 2.6667vw;
    }

    .main .con3_intro_chip_box {
        top: 5.3vw;
        height: 5.9333vw;
        width: 78%;
        left: 11%;
    }

    .main .con3_intro_chip_text {
        font-size: 4.5333vw;
        line-height: 1.25;
    }

    .main .con3_intro_line1 {
        width: 75.8621%;
        margin-top: 5.3333vw;
        font-size: 5.3333vw;
        line-height: 1.45;
    }

    .main .con3_intro_brush {
        height: 16.8000vw;
        margin-top: 1.6000vw;
    }

    .main .con3_intro_brush_a_img {
        width: 43.4646%;
    }

    .main .con3_intro_brush_b_img {
        top: 0.9333vw;
        left: 45.5118%;
        width: 54.4882%;
    }

    .main .con3_panel {
        width: 89.3333%;
        margin-top: 0;
        padding-top: 9.6000vw;
        padding-bottom: 10.6667vw;
        border-radius: 6.4000vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main .con3_panel_title_img {
        width: 70.0000%;
        margin-left: 0;
        align-self: center;
    }

    .main .con3_panel_body1 {
        width: 86.5672%;
        margin-top: 5.3333vw;
        margin-left: 0;
        align-self: center;
        font-size: 3.4667vw;
        line-height: 1.55;
        text-align: center;
        white-space: normal;
    }

    .main .con3_panel_highlight {
        width: 86.5672%;
        margin-top: 4.2667vw;
        margin-left: 0;
        align-self: center;
        padding-top: 3.7333vw;
        padding-bottom: 3.7333vw;
        border-radius: 6.4000vw;
    }

    .main .con3_panel_body2 {
        width: 85.0000%;
        font-size: 3.3333vw;
        line-height: 1.55;
        white-space: normal;
    }

    .main .con3_panel_graph {
        position: relative;
        top: auto;
        left: auto;
        width: 86.5672%;
        margin-top: 8.5333vw;
        align-self: center;
    }

    .main .con3_graph_evolve {
        margin-top: 7.4667vw;
    }

    .main .con3_graph_advance {
        margin-top: 7.4667vw;
    }

    .main .con3_graph_custom {
        margin-top: 7.4667vw;
    }

    .main .con3_pioneer_dot_img,
    .main .con3_evolve_dot_img,
    .main .con3_advance_dot_img {
        width: 24.0000%;
        margin-left: 0;
    }

    .main .con3_custom_herb_img {
        width: 27.0000%;
        margin-left: 0;
    }

    .main .con3_pioneer_caption,
    .main .con3_evolve_caption,
    .main .con3_advance_caption,
    .main .con3_custom_caption {
        left: 31.5000%;
        font-size: 3.0667vw;
        line-height: 1.42;
        white-space: normal;
    }

    .main .con3_pioneer_caption {
        top: 2.6667vw;
    }

    .main .con3_evolve_caption,
    .main .con3_advance_caption {
        top: 1.3333vw;
    }

    .main .con3_custom_caption {
        top: 3.7333vw;
    }

    .main .con3_pioneer_arrow_img,
    .main .con3_evolve_arrow_img,
    .main .con3_advance_arrow_img {
        left: 10.5000%;
        width: 3.6667%;
    }

    .main .con3_pioneer_arrow_img {
        top: 10.1333vw;
    }

    .main .con3_evolve_arrow_img {
        top: 28.8000vw;
    }

    .main .con3_advance_arrow_img {
        top: 47.4667vw;
    }

    .main .con3_pedestal_img {
        display: none;
    }

    .main .con3_signature_img {
        display: none;
    }

    .main .con3_marquee {
        width: 250%;
        margin-top: 8.5333vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main .con3_marquee_track {
        top: auto;
        width: 300%;
    }

    /* ===== CON04 mobile ===== */
    .main .con4 {
        padding-top: 14vw;
        padding-bottom: 14vw;
        align-items: center;
    }

    /* 좌측 텍스트 그룹 */
    .main .con4_left_stack {
        margin-left: 0;
        align-self: center;
        width: 88%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .main .con4_left_stack > .con4_face_img,
    .main .con4_left_stack > .con4_eyebrow,
    .main .con4_left_stack > .con4_title_img {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    .main .con4_face_img {
        width: 34.6%;
    }
    .main .con4_question_img {
        top: -4vw;
        left: 61.90224%;
        z-index: 6;
    }
    .main .con4_eyebrow {
        font-size: 4.5vw;
        margin-top: 4vw;
    }
    .main .con4_title_img {
        margin-top: 5vw;
        width: 86%;
    }

    /* 도넛 차트 (con4_right) */
    .main .con4_right {
        position: relative;
        top: auto;
        right: auto;
        width: 64vw;
        margin-top: 11vw;
    }
    .main .con4_right_tt_p {
        font-size: 3.6808vw;
        padding: 1.8vw 3vw;
        transition: background 0.3s;
    }
    .main .con4_right_tt_p03 { right: 67%; }
    .main .con4_right_tt_p04 { left: 67%; }

    .main .con04_15 {
        width: 83vw;
        aspect-ratio: 602 / 117;
    }
    .main .con4_bottom_stick {
        display: none;
    }
    .main .con4_bottom {
        padding: 7.5vw 0;
    }

    /* ===== CON05 mobile ===== */
    .main .con5 {
        padding-top: 14vw;
        padding-bottom: 0;
    }
    .main .con5_center_circle {
        display: none;
    }
    .main .con5_intro_icon_img {
        width: 10vw;
        aspect-ratio: 45/26;
    }
    .main .con5_title {
        font-size: 7.5vw;
        margin-top: 4vw;
    }
    .main .con5_body {
        font-size: 3.5vw;
        margin-top: 3vw;
        white-space: normal;
    }
    .main .con5_stage {
        width: 100%;
        margin-top: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .main .con5_herb_img {
        width: 91%;
        left: auto;
    }
    .main .con5_signature_img {
        left: auto;
        top: 36.170604vw;
        width: 80%;
    }
    .main .con5_product_img {
        width: 30%;
        left: 34%;
        top: 10vw;
    }
    .main .con5_marquee {
        margin-top: 60vw;
        margin-left: 0;
        width: 250%;
    }
    .main .con5_marquee_track {
        width: 300%;
    }
    .main .con5_marquee_strip {
        width: 50%;
    }

    /* ===== CON06 mobile — 위 (composite+title) / 아래 (right_panel) 두 패널 stack ===== */
    .main .con06_left_composite_img {
        top: 5vw;
        left: 5%;
        width: 90%;
    }
    .main .con06_title_img {
        top: 30vw;
        left: 2.5%;
        width: 95%;
    }
    .main .con06_right_panel_img {
        margin-left: 0;
        width: 100%;
        z-index: 6;
        margin-top: 75vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main .con06_effect_grid {
        position: absolute;
        margin-top: auto;
        align-self: center;
        justify-self: center;
        width: 94%;
        row-gap: 4.892388vw;
    }
    .main .con06_effect_mg {
        width: 22%;
    }

    /* ===== CON07 mobile ===== */
    .main .con07 {
        padding-top: 14vw;
    }
    .main .con07_wave_img {
        display: none;
    }
    .main .con07_title_img {
        width: 65%;
        transform: none;
    }
    .main .con07_subcopy {
        font-size: 3.5vw;
        margin-top: 4vw;
        white-space: normal;
        transform: none;
    }
    .main .con07_metrics {
        width: 97%;
        margin-top: 6vw;
        transform: none;
    }
    .main .con07_metric_label {
        top: 11vw;
        font-size: 2.8vw;
    }
    .main .con07_metric_prescription_label {
        font-size: 2.8vw;
    }
    .main .con07_metric_success_value { top: 15.8vw; }
    .main .con07_metric_prescription_value,
    .main .con07_metric_weight_value { top: 15.9vw; }
    .main .con07_metric_number {
        font-size: 12vw;
    }
    .main .con07_metric_prescription_number {
        font-size: 12vw;
    }
    .main .con07_success_percent_img { top: 1.86vw; }
    .main .con07_weight_percent_img { top: 1.77vw; }
    .main .con07_prescription_unit {
        top: 3.26vw;
        font-size: 4.5vw;
    }
    .main .con07_note {
        margin: 0 auto;
        margin-top: 5vw;
        width: 70%;
        font-size: 2.8vw;
        text-align: center;
        line-height: 1.3;
        white-space: normal;
    }
    .main .con07_marquee {
        margin-top: 8vw;
        width: 250%;
    }
    .main .con07_marquee_track {
        top: auto;
        width: 300%;
    }
    .main .con07_marquee_strip {
        width: 50%;
    }
    .main .con06_products {
        flex-wrap: wrap;
    }
    .main .con06_product_black_img,
    .main .con06_product_mint_img,
    .main .con06_product_yellow_img,
    .main .con06_product_peach_img {
        width: 50%;
    }

    /* ===== CON09 mobile ===== */
    .main .con09 {
        padding-top: 9vw;
        padding-bottom: 15vw;
        background-image: none;
        margin-top: 0vw;
    }
    .main .con09_intro_group {
        margin-top: 8vw;
        width: 92%;
    }
    .main .con09_step_badge {
        width: 16vw;
    }
    .main .con09_headline {
        font-size: 5.5vw;
        margin-top: 4vw;
        white-space: normal;
    }
    .main .con09_intro_desc {
        font-size: 3.5vw;
        margin-top: 4vw;
        white-space: normal;
    }
    .main .con09_herb_marquee {
        width: 100%;
        margin-top: 15vw;
        overflow: visible;
        padding-top: 7vw;
    }
    .main .con09_big_title_img {
        left: auto;
        width: 54.548556%;
    }
    .main .con09_gmp_stamp_img {
        top: -14.698163vw;
        width: 25vw;
    }
    .main .con09_herb_marquee_track {
        width: 700%;
    }
    .main .con09_top_bg_img {
        display: none;
    }
    .main .con09_hand_clip {
        display: none;
    }

    /* === product_stage 평면화 (vertical stack: 02 → pack → 03) === */
    .main .con09_product_stage {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main .con09_product_height_chain {
        width: 100%;
        align-items: center;
        order: 2;
        display: none;
    }

    /* step 02: swallow group */
    .main .con09_swallow_group {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 10vw;
        order: 1;
    }
    .main .con09_swallow_step_badge {
        position: relative;
        top: auto;
        left: auto;
    }
    .main .con09_pellet_circle_img {
        position: relative;
        top: auto;
        left: auto;
        width: 55%;
        margin-top: 5vw;
        order: 1;
    }
    .main .con09_pellet_zoom_img {
        top: auto;
        bottom: 24vw;
        left: 55%;
        transform: translate(-50%, 50%);
        width: 36%;
    }
    .main .con09_3mm_frame_img {
        top: auto;
        bottom: 34vw;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 24%;
    }
    .main .con09_3mm_line_img {
        top: auto;
        bottom: 34vw;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 22%;
    }
    .main .con09_3mm_text_img {
        top: auto;
        bottom: 40vw;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 14%;
    }
    .main .con09_swallow_title {
        position: relative;
        top: auto;
        left: auto;
        font-size: 5.5vw;
        text-align: center;
        margin-top: 6vw;
        white-space: normal;
    }
    .main .con09_swallow_desc {
        position: relative;
        top: auto;
        left: auto;
        font-size: 3.5vw;
        text-align: center;
        margin-top: 4vw;
        white-space: normal;
    }

    /* center pack img */
    .main .con09_center_pack_img {
        margin-top: 10vw;
        margin-bottom: 0;
        width: 42%;
        transform: none;
    }

    /* step 03: pouch group */
    .main .con09_pouch_group {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 10vw;
        order: 3;
    }
    .main .con09_pouch_step_badge {
        position: relative;
        top: auto;
        left: auto;
    }
    .main .con09_pouch_title {
        position: relative;
        top: auto;
        left: auto;
        font-size: 5.5vw;
        text-align: center;
        margin-top: 5vw;
        white-space: normal;
    }
    .main .con09_pouch_desc {
        position: relative;
        top: auto;
        left: auto;
        font-size: 3.5vw;
        text-align: center;
        margin-top: 4vw;
        white-space: normal;
    }
    .main .con09_pouch_mg {
        width: 70%;
    }
    .main .con09_pouch_left_img {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 8vw;
    }
    .main .con09_pouch_right_img {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 6vw;
    }
    .main .con09_cut_zoom_img {
        top: auto;
        bottom: 9vw;
        left: 54%;
        width: 22vw;
    }

    /* ===== CON10 mobile ===== */
    .main .con10 {
        padding-top: 14vw;
        padding-bottom: 0;
        background-color: #091445;
        background-image: none;
    }
    .main .c10_title {
        width: 86%;
    }
    .main .c10_subtitle {
        font-size: 4.5vw;
        margin-top: 6vw;
        white-space: normal;
    }
    .main .c10_caption {
        font-size: 3.3vw;
        margin-top: 5vw;
        width: 70%;
        white-space: normal;
    }
    .main .c10_cards {
        width: 90%;
        flex-direction: column;
        align-items: center;
        margin-top: 8vw;
    }
    .main .c10_card_mg {
        width: 89%;
    }
    .main .c10_arrow_mg {
        position: relative;
        top: auto;
        left: auto;
        width: 10vw;
        transform: rotate(90deg);
        margin: 2vw 0;
    }
    .main .c10_card1 { order: 1; }
    .main .c10_arrow1 { order: 2; }
    .main .c10_card2 { order: 3; }
    .main .c10_arrow2 { order: 4; }
    .main .c10_card3 { order: 5; }
    .main .c10_card1_face {
        top: 11vw;
        width: 36%;
    }
    .main .c10_card2_face {
        top: 11.5vw;
        width: 36%;
    }
    .main .c10_card2_dn {
        top: 9.5vw;
        width: 24.7%;
    }
    .main .c10_card3_face {
        top: 10.5vw;
        width: 36.7%;
    }

    /* C10 marquee mobile */
    .main .c10_marquee {
        margin-top: 10vw;
        width: 250%;
    }
    .main .c10_marquee_track {
        width: 300%;
    }

    /* ===== CON11 mobile — 좌/우 → 세로 stack ===== */
    .main .con11 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .main .con11_color_probe {
        display: none;
    }
    .main .con11_left_group {
        margin-left: 0;
        width: 100%;
        margin-bottom: -5vw;
    }
    .main .con11_title_img {
        margin-top: 14vw;
        margin-left: 0;
        align-self: center;
        width: 70%;
    }
    .main .con11_body {
        font-size: 3.5vw;
        margin-top: 4vw;
        transform: none;
        white-space: normal;
    }
    .main .con11_product_img {
        margin-top: 6vw;
        width: 88%;
    }
    .main .con11_right_group {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main .con11_right_surface_img {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
    .main .con11_blue_band_img {
        width: 100%;
        height: 100%;
        top: 0;
    }
    .main .con11_blue_band_img > img {
        height: 100%;
        object-fit: cover;
    }
    .main .con11_program_swiper {
        top: auto;
        width: 100%;
        height: auto;
    }
    .main .con11_program_track {
        margin-left: 0;
    }
    .main .con11_program_slide {
        width: 59vw;
    }
    .main .con11_bottom_fixed {
        height: 70vw;
        background-attachment: unset;
    }

    /* ===== CON12 mobile — sticky scroll 해제, vertical stack ===== */
    .main .con12 {
        height: auto;
        padding-top: 14vw;
        padding-bottom: 14vw;
    }
    .main .con12_stage {
        position: relative;
        top: auto;
        height: auto;
    }
    .main .con12_frame_media {
        display: none;
    }
    .main .con12_left_scene {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 100%;
    }
    .main .con12_copy_group {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
    .main .con12_title_copy_img {
        position: relative;
        top: auto;
        left: auto;
        width: 70%;
        margin: 0 auto;
    }
    .main .con12_body {
        position: relative;
        top: auto;
        left: auto;
        font-size: 3.5vw;
        margin-top: 4vw;
        white-space: normal;
    }
    .main .con12_program_img {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin: 8vw auto 0;
    }
    .main .con12_pouch_group {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin: 8vw auto 0;
        aspect-ratio: 1097/574;
    }
    .main .con12_right_scroll_scene {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 92%;
        margin: 10vw auto 0;
        height: auto;
    }
    .main .con12_cards_view {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 100%;
        overflow: visible;
    }
    .main .con12_cards_track {
        position: relative;
        top: auto;
        left: auto;
        transform: none !important;
        display: flex;
        flex-direction: column;
        gap: 4vw;
    }
    .main .con12_scroll_line,
    .main .con12_scroll_handle_img {
        display: none;
    }

    /* ===== CON13 mobile ===== */
    .main .con13 {
        padding-top: 14vw;
        padding-bottom: 14vw;
        background-image: none;
    }
    .main .con13_title_ball_img {
        width: 18vw;
    }
    .main .con13_title_copy_img {
        width: 80%;
    }
    .main .con13_card {
        width: 92%;
        border-radius: 5vw;
    }
    .main .con13_card_title {
        font-size: 5vw;
        white-space: normal;
    }
    .main .con13_card_desc {
        font-size: 3.3vw;
        white-space: normal;
        letter-spacing: -0.2vw;
    }
    .main .con13_card01 {
        margin-top: 10vw;
        background: #fff;
        padding-bottom: 5vw;
    }
    .main .con13_card_base_img {
        display: none;
    }
    .main .con13_card02 {
        margin-top: 5vw;
        background: url('/images/con13_06.png') center/cover no-repeat;
        padding-bottom: 5vw;
    }
    .main .con13_card03 {
        margin-top: 5vw;
        background: url('/images/con13_08.png') center/cover no-repeat;
        padding-bottom: 6vw;
    }
    .main .con13_card01_badge_img {
        top: 5vw;
        left: 50%;
        transform: translateX(-50%);
        width: 12vw;
    }
    .main .con13_card01_text_group {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin: 17vw auto 0;
        text-align: center;
    }
    .main .con13_card01_video_group {
        position: relative;
        top: auto;
        left: auto;
        width: 92%;
        margin: 6vw auto 0;
        gap: 0;
        justify-content: space-between;
    }
    .main .con13_card01_left_video {
        width: 49%;
    }
    .main .con13_card01_right_video {
        width: 49%;
    }
    .main .con13_card01_left_video video,
    .main .con13_card01_right_video video {
        height: 63vw;
        width: 100%;
        object-fit: cover;
    }
    .main .con13_card02_badge {
        top: 5vw;
        left: 50%;
        transform: translateX(-50%);
        width: 12vw;
        font-size: 4vw;
        line-height: 8vw;
        border-radius: 4vw;
    }
    .main .con13_card02_text_group {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin: 18vw auto 0;
    }
    .main .con13_card02_herb_strip_group {
        position: relative;
        top: auto;
        left: -10%;
        width: 304%;
        margin-top: 6vw;
    }
    .main .con13_card02_herb_strip_top,
    .main .con13_card02_herb_strip_bottom {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
    }
    .main .con13_card02_herb_strip_bottom {
        margin-top: 2vw;
    }
    .main .con13_card02_herb_track {
        width: 300%;
    }
    .main .con13_card03_badge_img {
        top: 5vw;
        width: 12vw;
    }
    .main .con13_card03_text_group {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin: 14vw auto 0;
    }
    .main .con13_card03_photo_row {
        position: relative;
        top: auto;
        left: auto;
        width: 92%;
        margin: 6vw auto 0;
        gap: 2vw;
    }
    .main .con13_product_group {
        width: 66%;
        margin-top: -5vw;
        margin-bottom: -12vw;
    }
    .main .con13_product_deco_group {
        top: 13.286089vw;
    }
    .main .con14_top_ball_mg {
        width: 8vw;
    }

    /* ===== CON14 mobile ===== */
    .main .con14 {
        top: auto;
        margin-top: -49vw;
        margin-bottom: 0;
        padding-top: 41vw;
        padding-bottom: 14vw;
    }
    .main .con14_top_curve {
        top: 0;
        height: 35vw;
    }
    .main .con14_process_word_img {
        width: 80%;
        margin-top: 0;
    }
    .main .con14_title_img {
        width: 77%;
        margin-top: 5vw;
    }
    .main .con14_panel {
        width: 92%;
        border-radius: 4vw;
        padding-bottom: 11vw;
    }
    .main .con14_remote_panel {
        margin-top: 3.472441vw;
    }

    /* ===== CON15 mobile ===== */
    .main .con15 {
        padding-top: 2vw;
        padding-bottom: 2vw;
        background-image: none;
    }
    .main .c15_panel {
        width: 96%;
        border-radius: 4vw;
    }
    .main .c15_title {
        width: 55%;
        margin-top: 12vw;
    }
    .main .c15_boxes {
        width: 94%;
        flex-direction: column;
        row-gap: 3vw;
        margin-top: 6vw;
    }
    .main .c15_box_q_mg {
        width: 100%;
        height: auto;
        min-height: 30vw;
    }
    .main .c15_box_qno {
        width: 18%;
        font-size: 5vw;
        line-height: 2.3;
    }
    .main .c15_box_question {
        font-size: 3.8vw;
        padding: 3vw 4%;
        margin: 0;
        white-space: normal;
    }
    .main .c15_box_body {
        margin: 4vw 5%;
        font-size: 3.3vw;
        white-space: normal;
    }
    .main .c15_notice {
        width: 90%;
        flex-direction: column;
        align-items: center;
        column-gap: 0;
        row-gap: 3vw;
        margin-top: 8vw;
        margin-bottom: 12vw;
    }

    /* ===== CON16 mobile ===== */
    .main .con16 {
        padding-top: 8vw;
        padding-bottom: 8vw;
        background-image: none;
    }
    .main .con16_panel {
        width: 92%;
        height: auto;
        border-radius: 4vw;
        padding-bottom: 10vw;
    }
    .main .con16_jungseok_img {
        display: none;
    }
    .main .con16_intro {
        margin-top: 8vw;
    }
    .main .con16_title_img {
        width: 50%;
    }
    .main .con16_subtitle {
        font-size: 3.5vw;
        margin-top: 4vw;
        white-space: normal;
    }
    .main .con16_form {
        width: 88%;
        margin-top: 6vw;
    }
    .main .con16_row_top {
        flex-direction: column;
        gap: 4vw;
    }
    .main .con16_col_name,
    .main .con16_col_phone {
        width: 100%;
        height: 11vw;
    }
    .main .con16_star_img {
        width: 2.5vw;
    }
    .main .con16_label {
        font-size: 3.5vw;
        line-height: 1.5;
    }
    .main .con16_input {
        font-size: 3.5vw;
        height: 8vw;
    }
    .main .con16_row_treatment {
        margin-top: 4vw;
        height: 12vw;
    }
    .main .con16_btn_visit,
    .main .con16_btn_remote {
        height: 9vw;
        border-radius: 4.5vw;
    }
    .main .con16_btn_visit .con16_btn_text,
    .main .con16_btn_remote .con16_btn_text {
        font-size: 3.3vw;
    }
    .main .con16_row_inquiry {
        margin-top: 4vw;
        height: 24vw;
    }
    .main .con16_label_inquiry {
        margin-left: 2vw;
    }
    .main .con16_input_inquiry {
        height: 18vw;
        margin-left: 2vw;
        width: calc(100% - 4vw);
    }
    .main .con16_consent {
        margin-top: 4vw;
    }
    .main .con16_consent_check {
        width: 3.5vw;
        height: 3.5vw;
    }
    .main .con16_consent_text {
        font-size: 3.3vw;
        margin-left: 2vw;
        white-space: normal;
    }
    .main .con16_submit {
        margin-top: 5vw;
        width: 80%;
        height: auto;
    }
    .main .c15_notice_icon {
        width: 18vw;
    }
    .main .c15_notice_content {
        text-align: center;
    }
    .main .c15_notice_title {
        font-size: 4.5vw;
    }
    .main .c15_notice_body {
        font-size: 3.3vw;
        white-space: normal;
        line-height: 1.5;
    }
    .main .con14_panel_title {
        font-size: 5vw;
        margin-top: 11vw;
        margin-bottom: 4vw;
    }
    .main .con14_card_row {
        width: 92%;
        grid-template-columns: 1fr auto 1fr;
        gap: 1vw;
        margin-top: 2vw;
    }
    .main .con14_panel_card_img {
        width: 100%;
    }
    .main .con14_arrow_img {
        width: 5vw;
        justify-self: center;
        align-self: center;
        margin-top: 58%;
    }
    .main .con14_card_row > *:nth-child(4) {
        display: none;
    }

    /* ===== CON08 mobile ===== */
    .main .con08 {
        padding-top: 15vw;
        padding-bottom: 15vw;
    }
    .main .con08_top_scene_layer {
        width: 100%;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main .con08_top_eyebrow {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        font-size: 4.5vw;
    }
    .main .con08_top_title {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-top: 2vw;
        font-size: 8vw;
    }
    .con08_title_mo_br { display: inline; }
    .main .con08_real_inbody_img {
        margin-top: 6vw;
        width: 70%;
    }
    .main .con08_top_person_a_img,
    .main .con08_top_person_b_img,
    .main .con08_top_person_c_img,
    .main .con08_person_white_img,
    .main .con08_circle_img,
    .main .con08_product_img,
    .main .con08_yellow_person_img,
    .main .con08_loss_group,
    .main .con08_story_badge_img {
        display: none;
    }
    .main .con08_real_inbody_img {
        margin-top: 5vw;
        width: 70%;
    }
    .main .con08_panel {
        width: 92%;
        transform: none;
        border-radius: 4vw;
    }
    .main .con08_panel_head {
        width: 90%;
        margin-top: 8vw;
    }
    .main .con08_panel_title_img {
        width: 62%;
    }
    .main .con08_panel_subtitle {
        font-size: 4.5vw;
        margin-top: 4.154856vw;
        letter-spacing: -0.3vw;
    }
    .main .con08_panel_body {
        font-size: 3.3vw;
        margin-top: 3vw;
        white-space: normal;
    }
    .main .con08_top_swiper {
        width: 88%;
        margin-top: 6vw;
    }
    .main .con08_top_slide {
        gap: 2vw;
    }
    .main .con08_top_card_img {
        width: 99%;
    }
    .main .con08_top_nav {
        top: auto;
        bottom: 147vw;
    }
    .main .con08_top_prev { left: 8%; }
    .main .con08_top_next { right: 8%; }
    .main .con08_story_area {
        margin-top: 14vw;
        border-radius: 0 0 4vw 4vw;
    }
    .main .con08_story_swiper {
        width: 88%;
        margin-top: 6vw;
    }
    .main .con08_story_label_img {
        align-self: center;
        width: 44%;
    }
    .main .con08_story_caption_mg {
        width: 43vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .main .con08_lower_band_shape {
        top: 217.128609vw;
        height: 51%;
    }
    .main .con08_story_images_row {
        width: 100%;
        gap: 2vw;
        margin-top: 3vw;
        flex-direction: column;
        align-items: center;
    }
    .main .con08_story_before_img,
    .main .con08_story_after_img {
        width: 100%;
    }
    .main .con08_story_pagination {
        width: 52%;
        margin: 6vw auto;
    }
    .main .con08_story_pagination .swiper-pagination-bullet {
        width: 3vw;
        height: 3vw;
        margin: 0 1.5vw;
    }
    .main .con08_story_pagination .swiper-pagination-bullet-active {
        width: 9vw;
    }
    .main .con08_story_arrow_img {
        top: 32.56168vw;
        left: 68.359307%;
        transform: rotate(90deg);
    }
    .main .con08_top_nav_mg {
        width: 9vw;
    }
    .main .con08_cta_group {
        width: 92%;
        flex-wrap: wrap;
        gap: 3vw;
        margin-top: 6vw;
    }
    .main .con08_cta_left_text,
    .main .con08_cta_right_text {
        font-size: 5.5vw;
        white-space: normal;
        text-align: center;
        width: 100%;
    }
    .main .con08_cta_left_text {
        margin-top: 4vw;
    }
    .main .con08_max_badge {
        width: 30vw;
    }
    .main .con08_max_badge_shape {
        height: 10vw;
        border-radius: 1.5vw;
    }
    .main .con08_max_value_text {
        font-size: 8vw;
    }
    .main .con08_cta_button_img {
        width: 43%;
    }

}