@charset "utf-8";
html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #111;
}

.fx-reveal {
    --fx-magnetic-x: 0px;
    --fx-magnetic-y: 0px;
    --fx-parallax-y: 0px;
}

.fx-parallax {
    --fx-parallax-y: 0px;
    will-change: translate;
}

.fx-parallax {
    translate: 0 var(--fx-parallax-y);
}

.fx-glint-host {
    position: relative;
    isolation: isolate;
}

.fx-glint-layer {
    position: absolute;
    inset: 0;
    z-index: 20;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.fx-glint-layer::before {
    content: "";
    position: absolute;
    top: -35%;
    bottom: -35%;
    left: 0;
    width: 24%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .08), rgba(255, 255, 255, .54), rgba(255, 255, 255, .08), transparent);
    transform: translateX(-190%) skewX(-18deg);
    animation: fxGlintSweep 5.2s ease-in-out var(--fx-glint-delay, 0s) infinite;
}

.fx-accent-pulse {
    animation: fxAccentPulse 3.6s ease-in-out var(--fx-accent-delay, 0s) infinite;
}

.fx-ambient-host {
    position: relative;
    isolation: isolate;
}

.fx-ambient-orb {
    position: absolute;
    z-index: 0;
    display: block;
    width: clamp(240px, 28vw, 560px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(239, 30, 56, .18) 0%, rgba(239, 30, 56, .07) 38%, transparent 72%);
    filter: blur(14px);
    opacity: .68;
    pointer-events: none;
    animation: fxAmbientFloat 10s ease-in-out var(--fx-orb-delay, 0s) infinite alternate;
}

.fx-ambient-orb--1 {
    top: 10%;
    left: -12%;
}

.fx-ambient-orb--2 {
    right: -13%;
    bottom: 8%;
    animation-direction: alternate-reverse;
}

.fx-bg-drift {
    transform-origin: center;
    animation: fxBackgroundDrift 12s ease-in-out infinite alternate;
    will-change: scale, filter;
}

.fx-magnetic {
    --fx-magnetic-x: 0px;
    --fx-magnetic-y: 0px;
    transition-property: translate;
    transition-duration: .24s;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
    will-change: translate;
}

.fx-magnetic:not(.fx-reveal) {
    translate: var(--fx-magnetic-x) var(--fx-magnetic-y);
}

@keyframes fxGlintSweep {
    0%, 58% {
        transform: translateX(-190%) skewX(-18deg);
        opacity: 0;
    }
    64% {
        opacity: .9;
    }
    82%, 100% {
        transform: translateX(510%) skewX(-18deg);
        opacity: 0;
    }
}

@keyframes fxAccentPulse {
    0%, 72%, 100% {
        filter: brightness(1);
        text-shadow: none;
    }
    82% {
        filter: brightness(1.24);
        text-shadow: 0 0 18px rgba(255, 255, 255, .22), 0 0 28px rgba(239, 30, 56, .22);
    }
}

@keyframes fxAmbientFloat {
    0% {
        transform: translate3d(-2%, -3%, 0) scale(.9);
        opacity: .38;
    }
    100% {
        transform: translate3d(12%, 10%, 0) scale(1.15);
        opacity: .72;
    }
}

@keyframes fxBackgroundDrift {
    0% {
        scale: 1;
        filter: saturate(1) brightness(1);
    }
    100% {
        scale: 1.035;
        filter: saturate(1.08) brightness(1.035);
    }
}

@media (max-width: 768px) {
    .fx-ambient-orb {
        width: 280px;
        opacity: .68;
    }

    .fx-glint-layer::before {
        width: 24%;
        animation-duration: 5.2s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fx-glint-layer,
    .fx-ambient-orb {
        display: none;
    }

    .fx-accent-pulse,
    .fx-bg-drift {
        animation: none;
    }
}

.lp-wrap,
#lpContent,
.lp-main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.daehan-intro,
.daehan-brand-portfolio,
.daehan-order-proof,
.daehan-system,
.daehan-investment {
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

/* ==============================
   Frame
============================== */

.daehan-intro {
    position: relative;
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background: var(--color-primary);
    overflow: hidden;
}

.daehan-intro__frame {
    position: relative;
    /* 하단 빨간 테두리 두께 조절 */
    padding: 24px 24px 24px;
}

.daehan-float {
    position: absolute;
    z-index: 20;
    display: block;
    pointer-events: none;
    user-select: none;
}


/* ==============================
   Hero
============================== */

.daehan-hero {
    position: relative;
    height: 940px;
    overflow: hidden;
    border-radius: 18px;
    background:
        linear-gradient(rgba(0, 0, 0, .56), rgba(0, 0, 0, .56)),
        url('../img/daehan/bg-intro.jpg') center / cover no-repeat,
        #19110e;
}

.daehan-hero__dim {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .08);
    pointer-events: none;
}

.daehan-hero__red-shape {
    position: absolute;
    left: 50%;
    bottom: -296px;
    z-index: 2;
    width: 1860px;
    height: 640px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center,
            rgba(230, 0, 18, 0) 0%,
            rgba(230, 0, 18, .04) 38%,
            rgba(230, 0, 18, .18) 64%,
            rgba(230, 0, 18, .48) 100%);
    transform: translateX(-50%);
    pointer-events: none;
}


/* ==============================
   Hero Stats
============================== */

.daehan-stat {
    position: absolute;
    z-index: 7;
    color: #fff;
    text-align: center;
    font-family: var(--font-gmarket);
    opacity: 0;
    transition:
        opacity .9s ease,
        transform .9s cubic-bezier(.19, 1, .22, 1);
}

.daehan-stat strong {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
}

.daehan-stat strong em {
    color: var(--color-primary);
    font-style: normal;
}

.daehan-stat span {
    display: block;
    color: rgba(255, 255, 255, .9);
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.045em;
}

.daehan-stat--sales {
    top: 150px;
    left: 20.5%;
    transform: translateX(-90px);
    transition-delay: .1s;
}

.daehan-stat--stores {
    top: 150px;
    right: 18.5%;
    transform: translateX(90px);
    transition-delay: .18s;
}

.daehan-stat--cost {
    top: 430px;
    left: 20.5%;
    transform: translateX(-90px);
    transition-delay: .26s;
}

.daehan-stat--brands {
    top: 430px;
    right: 18.8%;
    transform: translateX(90px);
    transition-delay: .34s;
}

.daehan-stat.is-active {
    opacity: 1;
    transform: translateX(0);
}


.daehan-stat--sales.is-active {
    animation-delay: .95s;
}

.daehan-stat--stores.is-active {
    animation-delay: 1.45s;
}

.daehan-stat--cost.is-active {
    animation-delay: 1.2s;
}

.daehan-stat--brands.is-active {
    animation-delay: 1.7s;
}


/* ==============================
   Brand Orbit
============================== */

.brand-orbit {
    position: absolute;
    top: 96px;
    left: 50%;
    z-index: 6;
    width: 560px;
    height: 560px;
    overflow: visible;
    transform: translateX(-50%);
    transform-style: flat;
}

/* 점선원 밖까지 크게 확장되는 붉은 오퍼시티 이미지 */
.brand-orbit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 500px;
    height: 500px;
    background: url('../img/daehan/brand_circle.png') center / contain no-repeat;
    opacity: .72;
    transform: translate(-50%, -50%) scale(.96);
    pointer-events: none;
    animation: brandCircleBreath 4.4s ease-in-out infinite;
}

/* 점선원은 x/y축 회전 없이 평면 360도 회전 */
.brand-orbit__circle {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    border: 1px dashed rgba(255, 255, 255, .56);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    animation: dashedCircleSpin 30s linear infinite;
}

.brand-orbit__circle--outer {
    width: 520px;
    height: 520px;
}

.brand-orbit__circle--inner {
    width: 350px;
    height: 350px;
    animation-duration: 42s;
    animation-direction: reverse;
}

.brand-node {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 116px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.brand-node img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
}


.brand-node__mark {
    display: none;
}

/* 중앙 logo-center.png: 회전 없이 확실히 둥둥 */
.brand-node--center {
    left: 50%;
    top: 50%;
    z-index: 8;
    width: 160px;
    height: 160px;
    transform: translate(-50%, -50%);
    animation: centerLogoFloat 3.4s ease-in-out infinite;
}

.brand-node--center img {
    animation: none;
    filter: drop-shadow(0 20px 22px rgba(0, 0, 0, .28));
}

/* index.php에 brand-orbit__rotator가 있는 경우 */
.brand-orbit__rotator {
    position: absolute;
    inset: 0;
    z-index: 5;
    transform-origin: 50% 50%;
    animation: brandLogoOrbit 32s linear infinite;
}

.brand-orbit__rotator .brand-node img {
    transform-origin: 50% 50%;
    animation: brandLogoCounter 32s linear infinite;
}

.brand-orbit__rotator .brand-node--top {
    left: 50%;
    top: 0;
    margin-left: -58px;
}

.brand-orbit__rotator .brand-node--left {
    left: 0;
    top: 50%;
    margin-top: -58px;
}

.brand-orbit__rotator .brand-node--right {
    right: 0;
    top: 50%;
    margin-top: -58px;
}

.brand-orbit__rotator .brand-node--bottom {
    left: 50%;
    bottom: 0;
    width: 118px;
    height: 118px;
    margin-left: -59px;
}

/* index.php에 brand-orbit__rotator가 없는 기존 구조 대응 */
.brand-orbit > .brand-node--top,
.brand-orbit > .brand-node--left,
.brand-orbit > .brand-node--right,
.brand-orbit > .brand-node--bottom {
    left: 50%;
    top: 50%;
}

.brand-orbit > .brand-node--top {
    animation: orbitNodeTop 32s linear infinite;
}

.brand-orbit > .brand-node--left {
    animation: orbitNodeLeft 32s linear infinite;
}

.brand-orbit > .brand-node--right {
    animation: orbitNodeRight 32s linear infinite;
}

.brand-orbit > .brand-node--bottom {
    width: 118px;
    height: 118px;
    animation: orbitNodeBottom 32s linear infinite;
}


/* 브랜드 로고 하단 텍스트
   - 각 브랜드 이미지 하단에 점 + 텍스트 표시
   - 이미지와 텍스트가 한 묶음으로 원을 따라 회전 */
.brand-node {
    overflow: visible;
}

.brand-node span {
    position: absolute;
    left: 50%;
    top: calc(100% + 14px);
    display: block;
    color: #fff;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.04em;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
    text-shadow: 0 4px 10px rgba(0, 0, 0, .35);
}

.brand-node span::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 7px;
    border-radius: 50%;
    background: #fff;
    vertical-align: 1px;
}

/* rotator가 전체 궤도를 돌리고, 각 brand-node는 반대로 회전해서 로고+텍스트 묶음이 정방향 유지 */
.brand-orbit__rotator .brand-node {
    transform-origin: 50% 50%;
    animation: brandLogoCounter 32s linear infinite;
}

.brand-orbit__rotator .brand-node img {
    animation: none;
}

/* ==============================
   Hero Title
============================== */

.daehan-intro .daehan-hero .daehan-hero__title {
    position: absolute;
    left: 50%;
    /* 위치 조절: 숫자를 키우면 위로 올라가고, 줄이면 아래로 내려갑니다 */
    bottom: 80px;
    z-index: 8;
    width: 100%;
    max-width: 1320px;
    margin: 0;
    padding: 0 20px;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 50px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-synthesis: none;
    line-height: 1.42;
    letter-spacing: -0.045em;
    text-align: center;
    text-shadow: 0 8px 20px rgba(0, 0, 0, .35);
    transform: translateX(-50%);
}

.daehan-hero__title span {
    color: var(--color-primary);
}

/* 같은 폰트 사용 영역: 500 */
.daehan-about__title,
.daehan-history__item strong {
    display: block;
    margin: 0 0 26px;
    color: #fff;
    font-size: 94px;
    line-height: .9;
    letter-spacing: -0.045em;
    transform-origin: center;
    animation: historyYearPulse 3s linear infinite;
}


/* ==============================
   Marquee + Floating Bowl
============================== */

.daehan-marquee {
    position: relative;
    z-index: 10;
    height: 76px;
    overflow: hidden;
    color: #fff;
    font-family: var(--font-gmarket);
    font-size: 31px;
    font-weight: 900;
    line-height: 76px;
    letter-spacing: -0.045em;
    white-space: nowrap;
}

.daehan-marquee__track {
    display: flex;
    width: max-content;
    animation: marqueeMove 17s linear infinite;
    will-change: transform;
    backface-visibility: hidden;
}

.daehan-marquee p {
    flex: 0 0 auto;
    margin: 0;
    padding-right: 70px;
}

.daehan-float--bowl {
    /* 냉면 이미지 위치 조절: 숫자를 줄이면 위로, 키우면 아래로 이동 */
    top: 890px;
    left: 50%;
    width: 540px;
    z-index: 30;
    filter: drop-shadow(0 28px 26px rgba(0, 0, 0, .22));
    transform: translateX(-50%);
    animation: bowlFloat 4.5s ease-in-out infinite;
}


/* ==============================
   About
============================== */

.daehan-about {
    position: relative;
    z-index: 3;
    margin: 0;
    padding: 330px 0 110px;
    border-radius: 18px 18px 0 0;
    background: #fff;
    text-align: center;
}

.daehan-about__inner {
    width: 100%;
    max-width: var(--inner);
    margin: 0 auto;
    padding: 0 20px;
}

.daehan-label {
    margin: 0 0 18px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.daehan-about__title {
    margin: 0;
    color: #111;
    font-family: var(--font-kukde);
    font-size: 58px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-synthesis: none;
    line-height: 1.22;
    letter-spacing: -0.06em;
    animation: none;
}

.daehan-about__title span {
    color: var(--color-primary);
}

.daehan-about__desc {
    margin: 28px 0 0;
    color: #171717;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.72;
    letter-spacing: -0.04em;
}

.daehan-video {
    position: relative;
    width: 980px;
    max-width: calc(100% - 40px);
    height: 550px;
    margin: 70px auto 0;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
}

.daehan-video iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.daehan-video__cover {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #000;
    cursor: pointer;
}

.daehan-video__cover img {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
}

.daehan-video__cover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .24);
    pointer-events: none;
}

.daehan-video__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 64px;
    border-radius: 17px;
    background: var(--color-primary);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .28);
    transform: translate(-50%, -50%);
    transition: transform .18s ease, background .18s ease;
}

.daehan-video__play::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 24px solid #fff;
}

.daehan-video__cover:hover .daehan-video__play,
.daehan-video__cover:focus .daehan-video__play {
    background: #c11025;
    transform: translate(-50%, -50%) scale(1.04);
}


/* ==============================
   History
============================== */

.daehan-history {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 455px;
    overflow: hidden;
    border-radius: 0 0 18px 18px;
    background:
        linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)),
        url('../img/daehan/bg-history.jpg') center / cover no-repeat,
        #15110f;
}

.daehan-history__dim {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .18);
    pointer-events: none;
}

.daehan-history__item {
    position: relative;
    z-index: 3;
    min-height: 455px;
    padding: 78px 44px 60px;
    overflow: hidden;
    color: #fff;
    text-align: center;
}

.daehan-history__item--red {
    min-height: 455px;
    margin: 0;
    padding: 78px 44px 60px;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
}

.daehan-history__item p {
    margin: 0 0 28px;
    color: #fff;
    font-family: var(--font-main);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.045em;
}

.daehan-history__item strong {
    display: block;
    margin: 0 0 26px;
    color: #fff;
    font-size: 94px;
    line-height: .9;
    letter-spacing: -0.045em;
}


.daehan-history__item:nth-child(2) strong {
    animation-delay: 0s;
}

.daehan-history__item:nth-child(3) strong {
    animation-delay: 1s;
}

.daehan-history__item:nth-child(4) strong {
    animation-delay: 2s;
}

.daehan-history__item span {
    display: block;
    color: rgba(255, 255, 255, .92);
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.68;
    letter-spacing: -0.05em;
}


.daehan-history__item::before {
    content: "";
    position: absolute;
    inset: 42px 32px;
    z-index: 0;
    border-radius: 12px;
    background: rgba(185, 0, 18, .74);
    opacity: 0;
    backdrop-filter: blur(2px);
    animation: historyRedActive 3s linear infinite;
}

.daehan-history__item:nth-child(2)::before {
    animation-delay: 0s;
}

.daehan-history__item:nth-child(3)::before {
    animation-delay: 1s;
}

.daehan-history__item:nth-child(4)::before {
    animation-delay: 2s;
}

.daehan-history__item > * {
    position: relative;
    z-index: 2;
}

.daehan-float--spoon {
    right: -80px;
    bottom: -95px;
    width: 300px;
    z-index: 8;
    filter: drop-shadow(0 20px 18px rgba(0, 0, 0, .25));
    transform: rotate(-6deg);
    animation: spoonFloat 5s ease-in-out infinite;
}

.next-section-placeholder {
    padding: 120px 0;
    background: #fff;
    text-align: center;
}

.next-section-placeholder p {
    color: #aaa;
    font-size: 18px;
}


/* ==============================
   Stat Counter Motion
============================== */

.daehan-stat.is-active {
    animation-name: statFloat;
    animation-duration: 4.2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/* 기존 strong 스타일 유지 + 숫자만 단일 요소로 슬라이드 */
.daehan-stat strong.stat-counter {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
    white-space: nowrap;
}

.daehan-stat strong.stat-counter .stat-counter__value {
    display: inline-block;
    color: var(--color-primary);
    font-size: 1em;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
    vertical-align: baseline;
    transform: translateY(0);
}

.daehan-stat strong.stat-counter .stat-counter__value.is-step {
    animation: statDigitDrop .18s cubic-bezier(.16, 1, .3, 1);
}

.daehan-stat strong.stat-counter .stat-counter__suffix {
    display: inline-block;
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
    vertical-align: baseline;
    transform: translateY(.02em);
}

.stat-counter__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* ==============================
   Animation
============================== */

@keyframes dashedCircleSpin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes brandLogoOrbit {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes brandLogoCounter {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes brandLabelCounter {
    0% {
        transform: translateX(-50%) rotate(0deg);
    }
    100% {
        transform: translateX(-50%) rotate(-360deg);
    }
}


@keyframes centerLogoFloat {
    0%, 100% {
        transform: translate(-50%, -50%) translateY(0) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) translateY(-22px) scale(1.045);
    }
}

@keyframes brandCircleBreath {
    0%, 100% {
        opacity: .56;
        transform: translate(-50%, -50%) scale(.96);
    }
    50% {
        opacity: .88;
        transform: translate(-50%, -50%) scale(1.05);
    }
}

@keyframes orbitNodeTop {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) translateY(-260px) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg) translateY(-260px) rotate(-360deg);
    }
}

@keyframes orbitNodeLeft {
    0% {
        transform: translate(-50%, -50%) rotate(270deg) translateY(-260px) rotate(-270deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(630deg) translateY(-260px) rotate(-630deg);
    }
}

@keyframes orbitNodeRight {
    0% {
        transform: translate(-50%, -50%) rotate(90deg) translateY(-260px) rotate(-90deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(450deg) translateY(-260px) rotate(-450deg);
    }
}

@keyframes orbitNodeBottom {
    0% {
        transform: translate(-50%, -50%) rotate(180deg) translateY(-260px) rotate(-180deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(540deg) translateY(-260px) rotate(-540deg);
    }
}


@keyframes statDigitDrop {
    0% {
        opacity: 0;
        transform: translateY(-70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes statFloat {
    0%, 100% {
        margin-top: 0;
    }
    50% {
        margin-top: -9px;
    }
}

@keyframes bowlFloat {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-16px);
    }
}

@keyframes spoonFloat {
    0%, 100% {
        transform: rotate(-6deg) translateY(0);
    }
    50% {
        transform: rotate(-4deg) translateY(-14px);
    }
}

@keyframes marqueeMove {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}


@keyframes historyRedActive {
    0%, 33.333% {
        opacity: 1;
    }
    33.334%, 100% {
        opacity: 0;
    }
}

@keyframes orderRiderFloat {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-14px);
    }
}

@keyframes orderDeliveryDrive {
    0% {
        opacity: 1;
        transform: translate3d(var(--delivery-start), 0, 0);
    }
    86% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(var(--delivery-end), 0, 0);
    }
}

@keyframes orderRiderBounce {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(-1deg);
    }
}

@keyframes orderDeliverySmoke {
    0% {
        opacity: 0;
        filter: blur(5px);
        transform: translate3d(0, 8px, 0) scale(.42);
    }
    16% {
        opacity: .88;
    }
    52% {
        opacity: .66;
        filter: blur(9px);
    }
    100% {
        opacity: 0;
        filter: blur(18px);
        transform: translate3d(96px, -20px, 0) scale(1.85);
    }
}


@keyframes investmentFlagFloatLeft {
    0%, 100% {
        transform: translateY(0) rotate(-1deg) skewX(0deg) scaleX(1);
    }
    25% {
        transform: translateY(-7px) rotate(.7deg) skewX(-3deg) scaleX(.985);
    }
    50% {
        transform: translateY(-15px) rotate(1.4deg) skewX(3deg) scaleX(1.018);
    }
    75% {
        transform: translateY(-8px) rotate(-.5deg) skewX(-2deg) scaleX(.992);
    }
}

@keyframes investmentFlagFloatRight {
    0%, 100% {
        transform: translateY(0) rotate(1deg) skewX(0deg) scaleX(1);
    }
    22% {
        transform: translateY(-8px) rotate(-.8deg) skewX(3deg) scaleX(1.012);
    }
    52% {
        transform: translateY(-16px) rotate(-1.5deg) skewX(-3deg) scaleX(.986);
    }
    78% {
        transform: translateY(-7px) rotate(.6deg) skewX(2deg) scaleX(1.006);
    }
}

@keyframes profitSummaryPulse {
    0%, 100% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.22);
    }
}

@keyframes profitChipShake {
    0%, 100% {
        transform: rotate(0deg) translateX(0);
    }
    20% {
        transform: rotate(-2deg) translateX(-2px);
    }
    40% {
        transform: rotate(2deg) translateX(2px);
    }
    60% {
        transform: rotate(-1deg) translateX(-1px);
    }
    80% {
        transform: rotate(1deg) translateX(1px);
    }
}

@keyframes profitCardTextPulse {
    0%, 33.333% {
        transform: scale(1);
    }
    12% {
        transform: scale(1.045);
    }
    24% {
        transform: scale(1);
    }
    33.334%, 100% {
        transform: scale(1);
    }
}


@keyframes orderBadgeCascade {
    0% {
        opacity: 0;
        transform: translateY(14px) scale(.78);
    }
    8%, 82% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-6px) scale(.96);
    }
}


@keyframes historyYearPulse {
    0%, 33.333% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.16);
    }
    20% {
        transform: scale(1);
    }
    33.334%, 100% {
        transform: scale(1);
    }
}


@keyframes investmentBadgeReveal01 {
    0%, 3% {
        opacity: 0;
        transform: scale(.42) rotate(-7deg);
    }
    5% {
        opacity: 1;
        transform: scale(1.32) rotate(3deg);
    }
    9%, 82% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    86%, 100% {
        opacity: 0;
        transform: scale(.72) rotate(-3deg);
    }
}

@keyframes investmentBadgeReveal02 {
    0%, 14% {
        opacity: 0;
        transform: scale(.48) rotate(6deg);
    }
    17% {
        opacity: 1;
        transform: scale(1.18) rotate(-2deg);
    }
    21%, 82% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    86%, 100% {
        opacity: 0;
        transform: scale(.74) rotate(3deg);
    }
}

@keyframes investmentBadgeReveal03 {
    0%, 28% {
        opacity: 0;
        transform: scale(.38) rotate(-8deg);
    }
    31% {
        opacity: 1;
        transform: scale(1.36) rotate(3deg);
    }
    35%, 82% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    86%, 100% {
        opacity: 0;
        transform: scale(.70) rotate(-4deg);
    }
}

@keyframes investmentBadgeReveal04 {
    0%, 41% {
        opacity: 0;
        transform: scale(.50) rotate(7deg);
    }
    44% {
        opacity: 1;
        transform: scale(1.24) rotate(-3deg);
    }
    48%, 82% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    86%, 100% {
        opacity: 0;
        transform: scale(.76) rotate(4deg);
    }
}

/* ==============================
   Brand Portfolio
   - ON 상태 = 브랜드 패널 빨간 배경 + 같은 방향 중앙 이미지 블랙 오버레이 해제
   - 대한냉면 → 김치찜중독 → 카츠참잘하는집 → 돈직구 순서로 시계방향 활성화
   - 중앙 원은 4개 브랜드 패널의 정중앙 기준
============================== */

.daehan-brand-portfolio {
    position: relative;
    z-index: 5;
    margin-top: 0;
    padding: 120px 0 78px;
    overflow: visible;
    background: #171717;
}

.daehan-brand-portfolio__spoon {
    position: absolute;
    right: -30px;
    top: -170px;
    z-index: 20;
    display: block;
    width: 500px;
    max-width: none;
    height: auto;
    pointer-events: none;
    user-select: none;
    transform: rotate(-7deg);
    filter: drop-shadow(0 24px 28px rgba(0, 0, 0, .42));
}

.daehan-brand-portfolio__inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: var(--inner);
    margin: 0 auto;
    padding: 0 60px;
}

.daehan-brand-portfolio__head {
    display: grid;
    grid-template-columns: 430px 1px minmax(320px, 1fr);
    align-items: center;
    gap: 52px;
    max-width: 950px;
    margin: 0 0 105px;
}

.daehan-brand-portfolio__head::before {
    content: "";
    order: 2;
    display: block;
    width: 1px;
    height: 116px;
    background: rgba(255, 255, 255, .62);
}

.daehan-brand-portfolio__title {
    order: 1;
}

.daehan-brand-portfolio__title p {
    margin: 0 0 34px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.045em;
}

.daehan-brand-portfolio__title h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 64px;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.06em;
}

.daehan-brand-portfolio__desc {
    order: 3;
}

.daehan-brand-portfolio__desc p {
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.72;
    letter-spacing: -0.045em;
}

.daehan-brand-portfolio__stage {
    position: relative;
    min-height: 580px;
}

/* 4방향 브랜드 패널: 좌우 폭을 정확히 50%로 맞춰 중앙 원 기준 대칭 */
.portfolio-brand {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 50%;
    height: 280px;
    padding: 44px 30px;
    overflow: hidden;
    background: #000;
}

/* 실제 ON 빨간 배경. 한 번에 한 패널만 켜짐 */
.portfolio-brand::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--color-primary);
    opacity: 0;
    animation: portfolioPanelActive 4s linear infinite;
}

.portfolio-brand > * {
    position: relative;
    z-index: 2;
}

.portfolio-brand__logo {
    flex: 0 0 auto;
    width: 148px;
    height: 148px;
}

.portfolio-brand__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.portfolio-brand__text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.portfolio-brand__text h3 {
    margin: 0 0 15px;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.055em;
}

.portfolio-brand__text h3::after {
    content: "";
    display: block;
    width: 280px;
    max-width: 100%;
    height: 1px;
    margin-top: 13px;
    background: rgba(255, 255, 255, .55);
}

.portfolio-brand__text p {
    margin: 0 0 15px;
    color: rgba(255, 255, 255, .92);
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.045em;
}

.portfolio-brand__tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.portfolio-brand__tags span {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 13px;
    border-radius: 999px;
    background: #ff2440;
    color: #fff;
    font-family: var(--font-main);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.04em;
}

/* 배치: 대한냉면 | 김치찜 / 돈직구 | 카츠 */
.portfolio-brand--daehan {
    left: 0;
    top: 0;
    padding-right: 325px;
}

.portfolio-brand--kimchi {
    right: 0;
    top: 0;
    justify-content: flex-end;
    padding-left: 325px;
}

.portfolio-brand--donjikgu {
    left: 0;
    bottom: 0;
    padding-right: 325px;
}

.portfolio-brand--katsu {
    right: 0;
    bottom: 0;
    justify-content: flex-end;
    padding-left: 325px;
}

/* ON 순서: 1 대한냉면 → 2 김치찜 → 3 돈직구 → 4 카츠 */
.portfolio-brand--daehan::after {
    animation-delay: 0s;
}

.portfolio-brand--kimchi::after {
    animation-delay: 1s;
}

.portfolio-brand--donjikgu::after {
    animation-delay: 2s;
}

.portfolio-brand--katsu::after {
    animation-delay: 3s;
}

/* 중앙 원: 4개 브랜드 패널의 정확한 중앙에 배치 */
.portfolio-wheel {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: 600px;
    height: 600px;
    overflow: hidden;
    border: 7px solid var(--color-primary);
    border-radius: 50%;
    background: #000;
    transform: translate(-50%, -50%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.portfolio-wheel::before,
.portfolio-wheel::after {
    content: "";
    position: absolute;
    z-index: 3;
    background: var(--color-primary);
}

.portfolio-wheel::before {
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
}

.portfolio-wheel::after {
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.portfolio-wheel__cell {
    position: absolute;
    width: 50%;
    height: 50%;
    background-position: center;
    background-size: cover;
}

.portfolio-wheel__cell::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .56);
    opacity: 1;
    animation: portfolioCellActive 4s linear infinite;
}

.portfolio-wheel__cell--daehan {
    left: 0;
    top: 0;
    background-image: url('../img/daehan/daehan_pic.png');
}

.portfolio-wheel__cell--kimchi {
    right: 0;
    top: 0;
    background-image: url('../img/daehan/kimchi_pic.png');
}

.portfolio-wheel__cell--katsu {
    right: 0;
    bottom: 0;
    background-image: url('../img/daehan/katsu_pic.png');
}

.portfolio-wheel__cell--donjikgu {
    left: 0;
    bottom: 0;
    background-image: url('../img/daehan/donjikgu_pic.png');
}

/* 중앙 이미지도 같은 타이밍으로 ON: 1 대한냉면 → 2 김치찜 → 3 돈직구 → 4 카츠 */
.portfolio-wheel__cell--daehan::after {
    animation-delay: 0s;
}

.portfolio-wheel__cell--kimchi::after {
    animation-delay: 1s;
}

.portfolio-wheel__cell--donjikgu::after {
    animation-delay: 2s;
}

.portfolio-wheel__cell--katsu::after {
    animation-delay: 3s;
}

.portfolio-wheel__center {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 170px;
    border: 2px solid var(--color-primary);
    border-radius: 50%;
    background: rgba(0, 0, 0, .94);
    color: #fff;
    font-family: var(--font-gmarket);
    transform: translate(-50%, -50%);
}

.portfolio-wheel__icon {
    display: block;
    width: 40px;
    height: auto;
    margin: 0 0 7px;
}

.portfolio-wheel__center-line {
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: 1;
}

.portfolio-wheel__center-line em {
    color: var(--color-primary);
    font-size: 44px;
    font-style: normal;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -0.08em;
}

.portfolio-wheel__center-line strong {
    color: #fff;
    font-size: 31px;
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.08em;
}

/* 한 주기의 25%만 ON */
@keyframes portfolioPanelActive {
    0%, 24.99% {
        opacity: 1;
    }
    25%, 100% {
        opacity: 0;
    }
}

/* ON일 때 블랙 반투명 제거 */
@keyframes portfolioCellActive {
    0%, 24.99% {
        opacity: 0;
    }
    25%, 100% {
        opacity: 1;
    }
}


/* ==============================
   Order Proof Section
   - 디자인 시안 기준: 검정 배경 위 타이틀, 그 아래 order_bags.png 이미지
   - order_bags.png는 비닐봉지 + 선반 + 영수증이 합쳐진 이미지 기준
============================== */

.daehan-order-proof {
    position: relative;
    z-index: 4;
    margin-top: -70px;
    padding: 100px 0 0;
    overflow: hidden;
    background: #171717;
}

.daehan-order-proof::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 760px;
    bottom: 0;
    z-index: 1;
    background: url('../img/daehan/order_bg.png') center top / cover no-repeat, var(--color-primary);
    pointer-events: none;
}

.daehan-order-proof__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--page-max);
    margin: 0 auto;
    min-height: 1450px;
}

/* 주문폭주 타이틀 위치 */
.order-proof-title {
    position: relative;
    z-index: 7;
    text-align: center;
}

/* 빨간 원 글자 크기 조절 */
.order-proof-title__badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin: 0 0 20px;
}

.order-proof-title__badge span {
    position: relative;
    display: block;
    width: 78px;
    height: 78px;
    margin-left: -5px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--color-primary);
    opacity: 0;
    transform: translateY(14px) scale(.78);
    transform-origin: center;
    animation: orderBadgeCascade 4s cubic-bezier(.18, 1, .28, 1) infinite;
}

.order-proof-title__badge span:first-child {
    margin-left: 0;
}

/* 글자가 원 안에서 오른쪽으로 쏠리게 보이는 클리핑 효과 */

.order-proof-title__badge span:nth-child(1) {
    animation-delay: 0s;
}

.order-proof-title__badge span:nth-child(2) {
    animation-delay: .11s;
}

.order-proof-title__badge span:nth-child(3) {
    animation-delay: .22s;
}

.order-proof-title__badge span:nth-child(4) {
    animation-delay: .33s;
}

.order-proof-title__badge em {
    position: absolute;
    left: 55%;
    top: 52%;
    display: block;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.16em;
    white-space: nowrap;
    transform: translate(-32%, -48%);
}

.order-proof-title h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 50px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.06em;
}

.order-proof-title h2 span {
    color: var(--color-primary);
}

.order-proof-title > p:not(.order-proof-title__badge) {
    margin: 14px 0 0;
    color: #fff;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.045em;
}

/* order_bags.png 위치/크기 조절 */
.order-proof-scene {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 1185px;
    margin-top: 34px;
    overflow: hidden;
}

.order-proof-scene__bags {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 4;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: center top;
    transform: translateX(-50%);
    pointer-events: none;
}

/* 라이더 + 말풍선 묶음 이동 */
.order-proof-scene__delivery {
    --delivery-start: calc(100vw - 430px);
    --delivery-end: -520px;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 7;
    width: 430px;
    height: 250px;
    pointer-events: none;
    transform: translate3d(var(--delivery-start), 0, 0);
    animation: orderDeliveryDrive 8.4s linear infinite;
}

.order-proof-scene__delivery::before,
.order-proof-scene__delivery::after {
    content: "";
    position: absolute;
    left: 286px;
    top: 168px;
    z-index: 1;
    width: 280px;
    height: 100px;
    border-radius: 999px;
    background:
        radial-gradient(ellipse at 18% 56%, rgba(255, 255, 255, .92) 0 15%, rgba(245, 245, 245, .58) 32%, transparent 66%),
        radial-gradient(ellipse at 48% 44%, rgba(255, 255, 255, .78) 0 18%, rgba(235, 235, 235, .44) 42%, transparent 74%),
        radial-gradient(ellipse at 78% 62%, rgba(255, 255, 255, .60) 0 14%, rgba(230, 230, 230, .34) 38%, transparent 70%);
    opacity: .72;
    filter: blur(12px);
    mix-blend-mode: screen;
    transform-origin: 12% 58%;
    animation: orderDeliverySmoke 1.42s ease-out infinite;
}

.order-proof-scene__delivery::after {
    left: 318px;
    top: 184px;
    width: 170px;
    height: 68px;
    animation-delay: .38s;
}

/* 바이크 위치/크기 조절 */
.order-proof-scene__rider {
    position: absolute;
    left: 116px;
    top: 42px;
    z-index: 3;
    width: 218px;
    transform: translateY(0);
    transform-origin: center;
    animation: orderRiderBounce 1.25s ease-in-out infinite;
    pointer-events: none;
}

/* 말풍선 위치/크기 조절 */
.order-proof-scene__bubble {
    position: absolute;
    left: 238px;
    top: 0;
    z-index: 4;
    width: 198px;
    animation: orderBubbleBlinkFloat 2.15s ease-in-out infinite;
    pointer-events: none;
}

/* ==============================
   Daehan System Section
============================== */

.daehan-system {
    position: relative;
    z-index: 3;
    margin-top: -1px;
    overflow: hidden;
    background: url('../img/daehan/order_bg.png') center top / cover no-repeat, var(--color-primary);
    color: #fff;
}

.daehan-system__inner {
    position: relative;
    width: 100%;
    max-width: var(--page-max);
    min-height: 595px;
    margin: 0 auto;
    padding: 108px 80px 95px;
}

.daehan-system__copy {
    position: relative;
    z-index: 3;
    width: 48%;
    padding-top: 20px;
}

.daehan-system__copy p {
    margin: 0 0 36px;
    color: #fff;
    font-family: var(--font-gmarket);
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.daehan-system__copy h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 54px;
    font-weight: 500;
    line-height: 1.34;
    letter-spacing: -0.06em;
}

.daehan-system-title--mobile {
    display: none;
}


.daehan-system__food {
    position: absolute;
    left: 120px;
    bottom: -160px;
    z-index: 2;
    display: block;
    width: 400px;
    pointer-events: none;
    filter: drop-shadow(0 28px 24px rgba(0, 0, 0, .24));
}

.system-card-slider {
    position: absolute;
    right: 0;
    bottom: 94px;
    z-index: 4;
    width: 56%;
    padding-top: 6px;
    padding-bottom: 76px;
    overflow: visible;
}

.system-card-track {
    display: flex;
    gap: 16px;
    width: 100%;
    padding-top: 2px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: auto;
    scrollbar-width: none;
}

.system-card-track::-webkit-scrollbar {
    display: none;
}

/* 시스템 카드
   - 카드별 배경 이미지:
     /theme/new/img/daehan/order_card_01_bg.png ~ order_card_09_bg.png
   - 이미지가 없으면 배경색/텍스트만 출력됩니다.
*/
.system-card-ui {
    --card-bg: none;
    flex: 0 0 430px;
    min-height: 365px;
    scroll-snap-align: start;
    position: relative;
    overflow: hidden;
    padding: 70px 54px 54px;
    border-radius: 20px;
    background:
        linear-gradient(rgba(0, 0, 0, .72), rgba(0, 0, 0, .72)),
        var(--card-bg) center / cover no-repeat,
        #050505;
    color: #fff;
    background-clip: padding-box;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.system-card-ui--light,
.system-card-ui.is-active {
    background:
        linear-gradient(rgba(255, 255, 255, .72), rgba(255, 255, 255, .72)),
        var(--card-bg) center / cover no-repeat,
        #fff;
    color: #111;
}

.system-card-ui:nth-child(1) { --card-bg: url('../img/daehan/order_card_01_bg.png'); }

.system-card-ui__eyebrow {
    margin: 0 0 20px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 42px;
    font-weight: 900;
    line-height: .95;
    letter-spacing: -0.05em;
}

.system-card-ui h3 {
    margin: 0 0 48px;
    color: inherit;
    font-family: var(--font-kukde);
    font-size: 50px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.06em;
}

.system-card-ui span {
    display: block;
    width: 100%;
    color: currentColor;
    font-family: var(--font-main);
    font-size: 21px;
    font-weight: 500;
    line-height: 1.62;
    letter-spacing: -0.055em;
    word-break: keep-all;
}


.system-arrows {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    gap: 12px;
}

.system-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.system-arrow img {
    display: block;
    width: 52px;
    height: 52px;
}

.system-card-dots {
    position: absolute;
    left: 140px;
    bottom: 15px;
    z-index: 5;
    display: flex;
    gap: 8px;
}

.system-card-dots button {
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .45);
    cursor: pointer;
}

.system-card-dots button.is-active {
    background: #fff;
}

.system-card-dots span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}


/* ==============================
   Investment Section
   - 텍스트는 HTML
   - 나머지는 이미지 레이어
   - 이미지 위치: /theme/new/img/daehan/
============================== */

.daehan-investment {
    position: relative;
    z-index: 6;
    overflow: hidden;
    background: #111;
}

.investment-top {
    position: relative;
    z-index: 3;
    min-height: 930px;
    overflow: visible;
    background: #050505;
}

.investment-top::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url('../img/daehan/investment-top_bg.png') center / cover no-repeat;
    opacity: .2;
    pointer-events: none;
}

.investment-top__bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(rgba(0, 0, 0, .58), rgba(0, 0, 0, .72)),
        radial-gradient(circle at 50% 58%, rgba(229, 7, 33, .20), transparent 34%);
    pointer-events: none;
}

.investment-copy {
    position: relative;
    z-index: 8;
    text-align: center;
}

.investment-copy p {
    margin: 0 0 18px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.investment-copy h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 62px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: -0.065em;
}

.investment-copy h2 span {
    color: var(--color-primary);
}

.investment-copy strong {
    display: block;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: -0.045em;
}

.investment-copy--top {
    /* 투자 상단 타이틀 상하 위치 조절 */
    padding-top: 116px;
}

.investment-copy--top strong {
    margin: 26px auto 0;
    color: rgba(255, 255, 255, .92);
}

.investment-layer {
    position: absolute;
    z-index: 5;
    display: block;
    max-width: none;
    pointer-events: none;
    user-select: none;
}

.investment-flag {
    /* 좌우 흰 깃발 공통 크기 */
    z-index: 7;
    width: 220px;
    transform-origin: 50% 0;
    will-change: transform;
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .24));
}

.investment-flag--left {
    left: 13.5%;
    top: 254px;
    animation: investmentFlagFloatLeft 3.8s ease-in-out infinite;
}

.investment-flag--right {
    right: 13.5%;
    top: 188px;
    animation: investmentFlagFloatRight 4.1s ease-in-out infinite;
}

.investment-receipts {
    /* 영수증 롤링 전체 위치 조절 */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 68px;
    z-index: 4;
    height: 380px;
    overflow: hidden;
    pointer-events: none;
}


.investment-receipts__track {
    display: flex;
    width: max-content;
    height: 100%;
    animation: investmentReceiptMarquee 28s linear infinite;
    will-change: transform;
}

.investment-receipts__set {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    padding-right: 18px;
}

.investment-receipt-card {
    /* 개별 영수증 크기/흰색 반투명 오버레이 */
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 380px;
    overflow: hidden;
    filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .24));
}

.investment-receipt-card img {
    display: block;
    width: 100%;
    height: auto;
}

@keyframes investmentReceiptMarquee {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.investment-pot {
    /* 냄비 크기/겹침 위치 조절 */
    left: 50%;
    bottom: -76px;
    z-index: 11;
    width: 760px;
    transform: translateX(-50%);
    filter: drop-shadow(0 28px 32px rgba(0, 0, 0, .38));
}

.investment-pot__image {
    display: block;
    width: 100%;
    height: auto;
}

.investment-pot__smoke {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    opacity: 0;
    transform-origin: 50% 100%;
    animation: investmentPotSmokeMove 8.4s linear infinite;
    will-change: transform, opacity;
    pointer-events: none;
}

.investment-pot__smoke-wrap {
    position: absolute;
    left: 50%;
    top: -40%;
    z-index: 2;
    display: block;
    width: 65%;
    height: 72%;
    transform: translateX(-50%);
    pointer-events: none;
}

.investment-pot__smoke--1 { animation-delay: 0s; }
.investment-pot__smoke--2 { animation-delay: -2.8s; }
.investment-pot__smoke--3 { animation-delay: -5.6s; }

@keyframes investmentPotSmokeMove {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 28%, 0) scale(.88, .86) rotate(-.7deg);
    }
    12% {
        opacity: .48;
    }
    34% {
        opacity: .58;
        transform: translate3d(-48.8%, 8%, 0) scale(.96, .98) rotate(.6deg);
    }
    62% {
        opacity: .42;
        transform: translate3d(-51.1%, -17%, 0) scale(1.05, 1.12) rotate(-.5deg);
    }
    82% {
        opacity: .16;
    }
    100% {
        opacity: 0;
        transform: translate3d(-49.4%, -42%, 0) scale(1.13, 1.24) rotate(.4deg);
    }
}

.investment-medal {
    /* 냄비 우측 상단 메달 위치 조절 */
    left: calc(50% + 150px);
    bottom: 350px;
    z-index: 12;
    width: 184px;
    aspect-ratio: 1;
    filter: drop-shadow(0 18px 20px rgba(0, 0, 0, .26));
    isolation: isolate;
}

.investment-medal__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}

.investment-medal__shine {
    position: absolute;
    inset: 5%;
    z-index: 2;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    -webkit-mask-image: radial-gradient(circle, #000 0 67%, transparent 72%);
    mask-image: radial-gradient(circle, #000 0 67%, transparent 72%);
    mix-blend-mode: screen;
    pointer-events: none;
}

.investment-medal__shine::before {
    content: "";
    position: absolute;
    top: -28%;
    bottom: -28%;
    left: -42%;
    width: 24%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, .18) 24%,
        rgba(255, 250, 220, .96) 50%,
        rgba(255, 255, 255, .24) 76%,
        transparent
    );
    filter: blur(1px) drop-shadow(0 0 8px rgba(255, 229, 144, .92));
    transform: translateX(-220%) skewX(-19deg);
    animation: investmentMedalShineSweep 3.8s cubic-bezier(.45, 0, .22, 1) infinite;
}

.investment-medal__spark {
    position: absolute;
    z-index: 3;
    display: block;
    width: 28%;
    aspect-ratio: 1;
    background:
        radial-gradient(circle, #fff 0 6%, rgba(255, 244, 196, .95) 8%, rgba(255, 214, 92, .42) 24%, transparent 50%),
        linear-gradient(90deg, transparent 47%, rgba(255, 255, 255, .96) 49% 51%, transparent 53%),
        linear-gradient(0deg, transparent 47%, rgba(255, 255, 255, .96) 49% 51%, transparent 53%);
    filter: drop-shadow(0 0 6px rgba(255, 233, 150, .95));
    opacity: 0;
    pointer-events: none;
}

.investment-medal__spark--left {
    left: -2%;
    bottom: 13%;
    animation: investmentMedalSparkleLeft 3.8s ease-in-out infinite;
}

.investment-medal__spark--right {
    right: 2%;
    top: 7%;
    animation: investmentMedalSparkleRight 3.8s ease-in-out .55s infinite;
}

.investment-medal::before {
    content: "";
    position: absolute;
    inset: -2%;
    z-index: 0;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg 245deg,
        rgba(255, 214, 96, 0) 260deg,
        rgba(255, 229, 145, .72) 292deg,
        #fff 315deg,
        rgba(255, 221, 112, .74) 338deg,
        transparent 360deg
    );
    -webkit-mask: radial-gradient(circle, transparent 66%, #000 68% 72%, transparent 74%);
    mask: radial-gradient(circle, transparent 66%, #000 68% 72%, transparent 74%);
    filter: drop-shadow(0 0 7px rgba(255, 225, 128, .8));
    animation: investmentMedalEdgeGlow 4.8s linear infinite;
    pointer-events: none;
}

.investment-medal::after {
    content: "";
    position: absolute;
    right: 5%;
    top: 8%;
    z-index: 2;
    width: 35%;
    aspect-ratio: 1;
    background:
        radial-gradient(circle, #fff 0 8%, rgba(255, 244, 198, .95) 10%, rgba(255, 218, 105, .45) 25%, transparent 52%),
        linear-gradient(90deg, transparent 46%, rgba(255,255,255,.95) 48% 52%, transparent 54%),
        linear-gradient(0deg, transparent 46%, rgba(255,255,255,.95) 48% 52%, transparent 54%);
    filter: drop-shadow(0 0 5px rgba(255, 234, 155, .95));
    transform: scale(.35) rotate(0deg);
    animation: investmentMedalSparkle 2.4s ease-in-out infinite;
    pointer-events: none;
}

@keyframes investmentMedalEdgeGlow {
    to { transform: rotate(360deg); }
}

@keyframes investmentMedalShineSweep {
    0%, 18% {
        opacity: 0;
        transform: translateX(-220%) skewX(-19deg);
    }
    27% {
        opacity: 1;
    }
    48%, 100% {
        opacity: 0;
        transform: translateX(620%) skewX(-19deg);
    }
}

@keyframes investmentMedalSparkle {
    0%, 58%, 100% {
        opacity: 0;
        transform: scale(.35) rotate(0deg);
    }
    68% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }
    78% {
        opacity: .72;
        transform: scale(.72) rotate(90deg);
    }
    88% {
        opacity: 0;
        transform: scale(.35) rotate(135deg);
    }
}

@keyframes investmentMedalSparkleLeft {
    0%, 34%, 56%, 100% {
        opacity: 0;
        transform: scale(.28) rotate(0deg);
    }
    43% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }
}

@keyframes investmentMedalSparkleRight {
    0%, 48%, 74%, 100% {
        opacity: 0;
        transform: scale(.25) rotate(0deg);
    }
    59% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }
}

.investment-review {
    position: relative;
    z-index: 1;
    min-height: 1120px;
    overflow: hidden;
    padding: 0 34px;
    background: #111;
}

.investment-review__paper {
    /* 흰색 리뷰 패널 배경/클리핑 기준: 배경 파일명과 모서리 조절 */
    position: absolute;
    left: 34px;
    right: 34px;
    top: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: 26px 26px 0 0;
    background: url('../img/daehan/investment-review_bg.png') center / cover no-repeat, #f7f7f7;
    pointer-events: none;
}

.investment-copy--review {
    /* 리뷰 섹션 메인 텍스트 위치 */
    z-index: 9;
    padding-top: 118px;
}

.investment-copy--review h2 {
    color: #111;
    font-size: 62px;
    line-height: 1.18;
}

.investment-copy--review strong {
    color: rgba(0, 0, 0, .74);
    margin-top: 24px;
}

.investment-phone {
    /* 중앙 스마트폰 위치/크기 조절 */
    left: 50%;
    top: 400px;
    bottom: auto;
    z-index: 5;
    width: 560px;
    transform: translateX(-50%);
}

.investment-review-card-wrap {
    /* 세로 슬라이드되는 리뷰 이미지 공통 크기 + 흰색 반투명 오버레이 */
    position: relative;
    display: block;
    width: 350px;
    max-width: none;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .03);
}

.investment-review-card-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    background: rgba(255, 255, 255, .34);
    pointer-events: none;
}

.investment-review-card {
    display: block;
    width: 100%;
    height: auto;
}


/* 리뷰 이미지 세로 슬라이드 영역
   - 왼쪽: 아래 방향 무한 반복
   - 오른쪽: 위 방향 무한 반복
   - investment-review__paper 안쪽에서 보이는 클리핑마스크 느낌
*/
.investment-review-loop {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 360px;
    overflow: hidden;
    pointer-events: none;
}

.investment-review-loop--left {
    /* 왼쪽 리뷰 슬라이드 위치 조절 */
    left: 8%;
}

.investment-review-loop--right {
    /* 오른쪽 리뷰 슬라이드 위치 조절 */
    right: 8%;
}

.investment-review-loop__track {
    display: flex;
    flex-direction: column;
    gap: 28px;
    will-change: transform;
}

.investment-review-loop__set {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.investment-review-loop--left .investment-review-loop__track {
    transform: translate3d(0, -50%, 0);
    animation: none;
}

.investment-review-loop--right .investment-review-loop__track {
    transform: translate3d(0, 0, 0);
    animation: none;
}

.investment-review.is-ready .investment-review-loop--left .investment-review-loop__track {
    animation: investmentReviewScrollDown 18s linear infinite;
}

.investment-review.is-ready .investment-review-loop--right .investment-review-loop__track {
    animation: investmentReviewScrollUp 18s linear infinite;
}

@keyframes investmentReviewScrollUp {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes investmentReviewScrollDown {
    0% {
        transform: translate3d(0, -50%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

.investment-badge {
    /* 리뷰 말풍선/뱃지 공통 크기 */
    z-index: 8;
    width: 205px;
    opacity: 0;
    transform: scale(.45) rotate(-5deg);
    transform-origin: center;
    filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .15));
}


.investment-badge--left-top {
    /* invest_review_badge_01.png 위치 */
    left: 30%;
    top: 600px;
    animation: investmentBadgeReveal01 4.2s linear infinite;
}

.investment-badge--left-bottom {
    /* invest_review_badge_02.png 위치 */
    left: 31%;
    top: 800px;
    animation: investmentBadgeReveal02 4.2s linear infinite;
}

.investment-badge--right-top {
    /* invest_review_badge_03.png 위치 */
    right: 32%;
    top: 560px;
    animation: investmentBadgeReveal03 4.2s linear infinite;
}

.investment-badge--right-bottom {
    /* invest_review_badge_04.png 위치 */
    right: 33%;
    top: 780px;
    animation: investmentBadgeReveal04 4.2s linear infinite;
}

.investment-marquee {
    position: relative;
    z-index: 9;
    height: 76px;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-family: var(--font-gmarket);
    font-size: 31px;
    font-weight: 900;
    line-height: 76px;
    letter-spacing: -0.045em;
    white-space: nowrap;
}


.investment-marquee .daehan-marquee__track {
    display: flex;
    width: max-content;
    animation: marqueeMove 17s linear infinite;
    will-change: transform;
    backface-visibility: hidden;
}

.investment-marquee .daehan-marquee__track p {
    flex: 0 0 auto;
    margin: 0;
    padding-right: 70px;
    line-height: 76px;
}


/* ==============================
   Profit Section
   - 배경 패턴: /theme/new/img/daehan/profit_bg.png
   - 카드 냉면: /theme/new/img/daehan/profit_noodle.png
============================== */

.daehan-profit {
    position: relative;
    z-index: 7;
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background: url('../img/daehan/profit_bg.png') center / 100% 100% no-repeat, #fff;
}

.daehan-profit__inner {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 112px 40px 62px;
    text-align: center;
}

/* 상단 제목 위치/크기 */
.profit-head {
    margin: 0 0 42px;
}

.profit-head p {
    margin: 0 0 20px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.profit-head h2 {
    margin: 0;
    color: #111;
    font-family: var(--font-kukde);
    font-size: 62px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.06em;
}

.profit-head h2 span {
    color: var(--color-primary);
}

.profit-head strong {
    display: block;
    margin: 18px 0 0;
    color: #111;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.045em;
}


/* 하단 카드 3개: 빨간 배경이 3번 → 1번 → 2번 순서로 전환 */

/* ==============================
   Profit comparison table
   - 공통 속성은 한 번만 선언
   - PC/모바일 차이는 겹치지 않는 미디어쿼리에서 변수로 분리
   - 모바일 가로 스크롤 및 안내바 없음
============================== */
@property --profit-border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

.profit-table-wrap {
    position: relative;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    overflow: visible;
    border: 1px solid #111;
    border-radius: var(--profit-wrap-radius);
    background: rgba(255, 255, 255, .96);
    box-shadow: var(--profit-wrap-shadow);
}

.profit-table {
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #111;
    font-family: var(--font-main);
}

.profit-table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.profit-table th,
.profit-table td {
    height: var(--profit-cell-height);
    padding: var(--profit-cell-padding);
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    vertical-align: middle;
    font-size: var(--profit-cell-font-size);
    font-weight: 500;
    line-height: var(--profit-cell-line-height);
    letter-spacing: -0.045em;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.profit-table th:last-child,
.profit-table td:last-child {
    border-right: 0;
}

.profit-table thead th {
    height: var(--profit-head-height);
    padding: var(--profit-head-padding);
    background: #f3f3f3;
    background-clip: padding-box;
    font-size: var(--profit-head-font-size);
    font-weight: 800;
    line-height: var(--profit-head-line-height);
    letter-spacing: -0.05em;
}

.profit-table thead th:first-child {
    border-top-left-radius: var(--profit-head-radius);
}

.profit-table thead th:last-child {
    border-top-right-radius: var(--profit-head-radius);
}

.profit-table thead small {
    display: block;
    margin-top: 3px;
    font-size: var(--profit-head-small-size);
    font-weight: 500;
    line-height: 1.15;
}

.profit-table tbody th {
    background: rgba(255, 255, 255, .38);
    font-size: var(--profit-row-head-size);
    font-weight: 800;
}

.profit-table tbody td strong {
    display: inline-block;
    font-size: var(--profit-strong-size);
    font-weight: 900;
}

.profit-row-sub {
    display: block;
    margin-top: 5px;
    font-size: var(--profit-row-sub-size);
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -0.045em;
}

.profit-table--compare thead th:nth-child(1),
.profit-table--compare tbody th {
    width: var(--profit-col-1);
}

.profit-table--compare thead th:nth-child(2),
.profit-table--compare tbody td:nth-child(2) {
    width: var(--profit-col-2);
}

.profit-table--compare thead th:nth-child(3),
.profit-table--compare tbody td:nth-child(3) {
    position: relative;
    z-index: 2;
    width: var(--profit-col-3);
    color: var(--color-primary);
}

.profit-table--compare tbody td:nth-child(3) > strong,
.profit-table--compare tbody td:nth-child(3) > .profit-set-strong,
.profit-table--compare tbody td:nth-child(3) > .profit-structure-list {
    position: relative;
    z-index: 6;
}

.profit-table .is-daehan,
.profit-table td.is-daehan strong,
.profit-table th.is-daehan {
    color: var(--color-primary);
}

.profit-table-wrap--compare::before {
    content: "";
    position: absolute;
    left: var(--profit-highlight-left);
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 14;
    box-sizing: border-box;
    border: var(--profit-highlight-border) solid var(--color-primary);
    border-radius: var(--profit-highlight-radius);
    pointer-events: none;
    box-shadow:
        0 0 0 1px rgba(229, 7, 33, .18),
        0 0 18px rgba(229, 7, 33, .20);
}

.profit-table-wrap--compare::after {
    content: "";
    position: absolute;
    left: var(--profit-highlight-left);
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 15;
    box-sizing: border-box;
    padding: var(--profit-highlight-border);
    border-radius: var(--profit-highlight-radius);
    pointer-events: none;
    background: conic-gradient(
        from var(--profit-border-angle),
        transparent 0deg,
        transparent 238deg,
        rgba(255, 255, 255, .08) 250deg,
        rgba(255, 255, 255, .96) 262deg,
        rgba(255, 217, 29, .86) 270deg,
        rgba(229, 7, 33, .40) 282deg,
        transparent 300deg,
        transparent 360deg
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter:
        drop-shadow(0 0 6px rgba(255, 255, 255, .55))
        drop-shadow(0 0 10px rgba(229, 7, 33, .36));
    animation: profitDaehanBorderRun 2.4s linear infinite;
}

.profit-set-strong {
    display: inline-block;
    color: var(--color-primary);
    font-size: var(--profit-set-size);
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: -0.045em;
    vertical-align: middle;
}

.profit-chip {
    position: var(--profit-chip-position);
    right: var(--profit-chip-right);
    top: var(--profit-chip-top);
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    height: var(--profit-chip-height);
    margin: var(--profit-chip-margin);
    padding: var(--profit-chip-padding);
    border-radius: 999px;
    color: #111;
    font-family: var(--font-main);
    font-size: var(--profit-chip-font-size);
    font-style: normal;
    font-weight: 900;
    line-height: var(--profit-chip-height);
    letter-spacing: var(--profit-chip-letter-spacing);
    white-space: nowrap;
    pointer-events: none;
    transform-origin: center;
    animation: profitChipShake 1.1s ease-in-out infinite;
}

.profit-chip::before,
.profit-chip::after {
    content: "★";
    margin: 0 var(--profit-chip-star-margin);
    font-size: var(--profit-chip-star-size);
}

.profit-table--compare tbody tr:nth-child(odd) td.is-daehan .profit-chip {
    color: #111;
    background: #f5d31c;
}

.profit-table--compare tbody tr:nth-child(even) td.is-daehan .profit-chip {
    color: #ffd91d;
    background: #000;
}

.profit-structure-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--profit-structure-gap);
    font-size: var(--profit-structure-size);
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.045em;
}

.profit-structure-list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: var(--profit-structure-space);
}

.profit-arrow {
    display: inline-block;
    margin-left: var(--profit-arrow-margin);
    border: 0;
    border-radius: 0;
    font-size: var(--profit-arrow-size);
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    vertical-align: -1px;
}

.profit-arrow--up::before {
    content: "↑";
}

.profit-arrow--down::before {
    content: "↓";
}

.profit-structure-list--normal,
.profit-structure-list--normal .profit-arrow {
    color: #111;
}

.profit-structure-list--daehan,
.profit-structure-list--daehan .profit-arrow {
    color: var(--color-primary);
}

.profit-table tfoot th,
.profit-table tfoot td {
    height: var(--profit-foot-height);
    padding: var(--profit-foot-padding);
    border-bottom: 0;
    background: var(--color-primary);
    color: #fff;
    font-size: var(--profit-foot-size);
    font-weight: 900;
    line-height: 1.35;
}

.profit-table tfoot th {
    background: #000;
    font-family: var(--font-kukde);
    font-size: var(--profit-foot-head-size);
    font-weight: 500;
}

.profit-table tfoot td strong {
    color: inherit;
    font-size: var(--profit-foot-strong-size);
    font-weight: 900;
}

.profit-table tfoot .profit-summary-daehan strong {
    display: inline-block;
    color: #ffe000;
    font-size: var(--profit-foot-daehan-size);
    transform-origin: center;
    animation: profitSummaryPulse 1.25s ease-in-out infinite;
}

@keyframes profitDaehanBorderRun {
    0% {
        --profit-border-angle: 0deg;
        opacity: .72;
    }
    12% {
        opacity: 1;
    }
    78% {
        opacity: .92;
    }
    100% {
        --profit-border-angle: 360deg;
        opacity: .72;
    }
}

@media (min-width: 769px) {
    .profit-table-wrap--compare {
        --profit-wrap-radius: 16px 16px 0 0;
        --profit-wrap-shadow: none;
        --profit-head-radius: 15px;
        --profit-cell-height: 74px;
        --profit-cell-padding: 11px 18px;
        --profit-cell-font-size: 19px;
        --profit-cell-line-height: 1.28;
        --profit-head-height: 82px;
        --profit-head-padding: 11px 18px;
        --profit-head-font-size: 28px;
        --profit-head-line-height: 1.2;
        --profit-head-small-size: 18px;
        --profit-row-head-size: 20px;
        --profit-strong-size: 22px;
        --profit-row-sub-size: .82em;
        --profit-col-1: 30%;
        --profit-col-2: 35%;
        --profit-col-3: 35%;
        --profit-highlight-left: 65%;
        --profit-highlight-border: 8px;
        --profit-highlight-radius: 0 15px 0 0;
        --profit-set-size: 18px;
        --profit-chip-position: absolute;
        --profit-chip-right: 14px;
        --profit-chip-top: calc(50% - 9px);
        --profit-chip-height: 18px;
        --profit-chip-margin: 0;
        --profit-chip-padding: 0 6px;
        --profit-chip-font-size: 10px;
        --profit-chip-letter-spacing: -0.075em;
        --profit-chip-star-margin: 1px;
        --profit-chip-star-size: 9px;
        --profit-structure-gap: 8px;
        --profit-structure-size: 18px;
        --profit-structure-space: nowrap;
        --profit-arrow-margin: 5px;
        --profit-arrow-size: 19px;
        --profit-foot-height: 72px;
        --profit-foot-padding: 11px 18px;
        --profit-foot-size: 20px;
        --profit-foot-head-size: 30px;
        --profit-foot-strong-size: 20px;
        --profit-foot-daehan-size: 28px;
    }
}

@media (max-width: 768px) {
    .profit-table-wrap--compare {
        --profit-wrap-radius: 14px 14px 0 0;
        --profit-wrap-shadow: 0 16px 30px rgba(0, 0, 0, .10);
        --profit-head-radius: 13px;
        --profit-cell-height: auto;
        --profit-cell-padding: 10px 4px;
        --profit-cell-font-size: clamp(10px, 2.8vw, 12px);
        --profit-cell-line-height: 1.4;
        --profit-head-height: auto;
        --profit-head-padding: 10px 4px;
        --profit-head-font-size: clamp(12px, 3.2vw, 14px);
        --profit-head-line-height: 1.25;
        --profit-head-small-size: 10px;
        --profit-row-head-size: clamp(11px, 3vw, 13px);
        --profit-strong-size: clamp(11px, 3vw, 13px);
        --profit-row-sub-size: .78em;
        --profit-col-1: 25%;
        --profit-col-2: 31%;
        --profit-col-3: 44%;
        --profit-highlight-left: 56%;
        --profit-highlight-border: 4px;
        --profit-highlight-radius: 0 13px 0 0;
        --profit-set-size: clamp(10px, 2.8vw, 12px);
        --profit-chip-position: static;
        --profit-chip-right: auto;
        --profit-chip-top: auto;
        --profit-chip-height: 16px;
        --profit-chip-margin: 5px auto 0;
        --profit-chip-padding: 0 4px;
        --profit-chip-font-size: 8px;
        --profit-chip-letter-spacing: -0.06em;
        --profit-chip-star-margin: 1px;
        --profit-chip-star-size: 7px;
        --profit-structure-gap: 4px;
        --profit-structure-size: clamp(9px, 2.6vw, 11px);
        --profit-structure-space: normal;
        --profit-arrow-margin: 2px;
        --profit-arrow-size: 12px;
        --profit-foot-height: auto;
        --profit-foot-padding: 10px 4px;
        --profit-foot-size: 12px;
        --profit-foot-head-size: 17px;
        --profit-foot-strong-size: 14px;
        --profit-foot-daehan-size: 18px;
    }
}

.profit-card-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    width: 100%;
    max-width: 1220px;
    margin: 34px auto 0;
}

.profit-card {
    position: relative;
    display: flex;
    min-height: 260px;
    overflow: hidden;
    border-radius: 15px;
    background: #000;
    text-align: center;
}

.profit-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(rgba(229, 7, 33, .96), rgba(229, 7, 33, .96)),
        url('../img/daehan/order_bg.png') center / 260px auto repeat,
        var(--color-primary);
    opacity: 0;
    animation: profitCardActive 3s linear infinite;
}

.profit-card--rate::before {
    animation-delay: 0s;
}

.profit-card--cost::before {
    animation-delay: 1s;
}

.profit-card--margin::before {
    animation-delay: 2s;
}

.profit-card--cost,
.profit-card--margin {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.profit-card--rate {
    display: block;
    padding-top: 46px;
}

.profit-card p,
.profit-card h3,
.profit-card__noodle {
    position: relative;
    z-index: 2;
}

.profit-card p {
    margin: 0 0 18px;
    color: #fff;
    font-family: var(--font-main);
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.045em;
}

.profit-card h3 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.06em;
}

.profit-card--rate p {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 900;
}

.profit-card--rate h3 {
    font-family: var(--font-kukde);
    font-size: 72px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.06em;
}

/* 우측 빨간 카드 냉면 위치 조절 */
.profit-card__noodle {
    position: absolute;
    left: 50%;
    bottom: -118px;
    display: block;
    width: 300px;
    transform: translateX(-50%);
    pointer-events: none;
}


.profit-card h3 {
    transform-origin: center;
}

.profit-card--rate h3 {
    animation: profitCardTextPulse 3s linear infinite 0s;
}

.profit-card--cost h3 {
    animation: profitCardTextPulse 3s linear infinite 1s;
}

.profit-card--margin h3 {
    animation: profitCardTextPulse 3s linear infinite 2s;
}

.profit-note {
    margin: 30px 0 0;
    color: #111;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.045em;
}

@keyframes profitCardActive {
    0%, 33.333% {
        opacity: 1;
    }
    33.334%, 100% {
        opacity: 0;
    }
}


/* ==============================
   Franchise Process + Startup Cost
   - 상단 우측 배경 이미지: /theme/new/img/daehan/process_bg.png
   - 하단 면 이미지: /theme/new/img/daehan/startup_noodle.png
============================== */

.daehan-franchise-process {
    position: relative;
    z-index: 8;
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background: #171717;
    color: #fff;
}

.franchise-process__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(rgba(23, 23, 23, .72), rgba(23, 23, 23, .92)),
        url('../img/daehan/process_bg.png') right top / 60% auto no-repeat,
        #171717;
    pointer-events: none;
}

.franchise-process__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1560px;
    min-height: 760px;
    margin: 0 auto;
    padding: 84px 54px 108px;
}

.franchise-process__head {
    text-align: center;
}

.franchise-process__head p,
.startup-cost__head p {
    margin: 0 0 22px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.franchise-process__head h2,
.startup-cost__head h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 58px;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.065em;
}

.franchise-process__head h2 span,
.startup-cost__head h2 span {
    color: var(--color-primary);
}

.franchise-process__head strong,
.startup-cost__head strong {
    display: block;
    margin-top: 26px;
    color: rgba(255, 255, 255, .82);
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.72;
    letter-spacing: -0.045em;
}

/* 창업 진행 7단계 카드 */
.process-card-stage {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 46px 40px;
    width: 100%;
    max-width: 1480px;
    margin: 72px auto 0;
}

.process-card {
    position: relative;
    display: block;
    min-height: 200px;
    padding: 82px 26px 34px;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    color: #111;
    text-align: left;
    box-shadow: 0 20px 36px rgba(0, 0, 0, .18);

    transform-origin: center;
    will-change: transform;
    animation: processCardStepPop 7s ease-in-out infinite;
}

.process-card--red {
    background: var(--color-primary);
    color: #fff;
}

.process-card em {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2;
    display: block;
    width: 54px;
    height: 54px;
    overflow: hidden;
    border-radius: 50%;
    color: transparent;
    font-style: normal;
    font-size: 0;
    line-height: 1;
}

.process-card--white em {
    background: var(--color-primary);
}

.process-card--red em {
    background: #050505;
}


.process-card em::before {
    position: absolute;
    right: 3px;
    bottom: -2px;
    display: block;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 38px;
    font-weight: 300;
    font-style: normal;
    line-height: .95;
    letter-spacing: -0.09em;
}

.process-card--01 em::before { content: "01"; }
.process-card--02 em::before { content: "02"; }
.process-card--03 em::before { content: "03"; }
.process-card--04 em::before { content: "04"; }
.process-card--05 em::before { content: "05"; }
.process-card--06 em::before { content: "06"; }
.process-card--07 em::before { content: "07"; }

.process-card span {
    position: absolute;
    right: 30px;
    top: 30px;
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 15px;
    border-radius: 999px;
    background: #fff;
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.process-card h3 {
    width: 68%;
    margin: 0 0 16px 28%;
    color: currentColor;
    font-family: var(--font-kukde);
    font-size: 36px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.065em;
    text-align: left;
}


.process-card--02 h3,
.process-card--03 h3,
.process-card--04 h3 {
    margin-top: 0;
}

.process-card p {
    width: 68%;
    margin: 0 0 0 28%;
    color: currentColor;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: -0.045em;
    text-align: left;
}

.process-card--01 {
    grid-column: 2 / 5;

    animation-delay: 0s;
}

.process-card--02 {
    grid-column: 5 / 8;

    animation-delay: 1s;
}

.process-card--03 {
    grid-column: 8 / 11;

    animation-delay: 2s;
}

.process-card--04 {
    grid-column: 1 / 4;

    animation-delay: 3s;
}

.process-card--05 {
    grid-column: 4 / 7;

    animation-delay: 4s;
}

.process-card--06 {
    grid-column: 7 / 10;

    animation-delay: 5s;
}

.process-card--07 {
    grid-column: 10 / 13;

    animation-delay: 6s;
}

@keyframes processCardStepPop {
    0%, 14.285%, 100% {
        transform: translateY(0) scale(1);
    }
    7.142% {
        transform: translateY(-10px) scale(1.075);
    }
}

/* START-UP COST */
.daehan-startup-cost {
    position: relative;
    z-index: 9;
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    overflow: visible;
    background: url('../img/daehan/startup_bg.png') center top / cover no-repeat, #5b0000;
    color: #fff;
}

.startup-cost__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1360px;
    min-height: 940px;
    margin: 0 auto;
    padding: 94px 40px 70px;
    text-align: center;
}

.startup-cost__noodle {
    position: absolute;
    left: -8px;
    top: -230px;
    z-index: 4;
    display: block;
    width: 520px;
    max-width: none;
    pointer-events: none;
    filter: drop-shadow(0 26px 34px rgba(0, 0, 0, .34));
}

.startup-cost__head {
    position: relative;
    z-index: 5;
}

.startup-cost__head h2 {
    font-size: 58px;
}


/* ==============================
   Start-up cost table
   - 공통 속성은 한 번만 선언
   - PC/모바일 차이는 겹치지 않는 미디어쿼리에서 변수로 분리
   - 모바일 가로 스크롤 및 안내바 없음
============================== */
.startup-cost-table-wrap {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: var(--startup-table-max-width);
    margin: var(--startup-table-margin);
    overflow: visible;
    border-radius: var(--startup-table-radius);
}

.startup-cost-table {
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: #fff;
    font-family: var(--font-main);
}

.startup-cost-table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.startup-cost-table thead th {
    height: var(--startup-head-height);
    padding: var(--startup-head-padding);
    background: #fff;
    background-clip: padding-box;
    color: #111;
    font-size: var(--startup-head-size);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -0.05em;
}

.startup-cost-table thead th:first-child {
    border-top-left-radius: var(--startup-head-radius);
}

.startup-cost-table thead th:last-child {
    border-top-right-radius: var(--startup-head-radius);
}

.startup-cost-table thead th:nth-child(1),
.startup-cost-table tbody th,
.startup-cost-table tfoot th {
    width: var(--startup-col-1);
}

.startup-cost-table thead th:nth-child(2),
.startup-cost-table tbody td:nth-child(2),
.startup-cost-table tfoot td:nth-child(2) {
    width: var(--startup-col-2);
}

.startup-cost-table thead th:nth-child(3),
.startup-cost-table tbody td:nth-child(3),
.startup-cost-table tfoot td:nth-child(3) {
    width: var(--startup-col-3);
}

.startup-cost-table th,
.startup-cost-table td {
    height: var(--startup-cell-height);
    padding: var(--startup-cell-padding);
    border-bottom: 1px solid rgba(255, 255, 255, .78);
    color: #fff;
    font-size: var(--startup-cell-size);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.045em;
    vertical-align: middle;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.startup-cost-table tbody th {
    font-size: var(--startup-row-head-size);
    font-weight: 900;
}

.startup-cost-table tbody td:last-child,
.startup-cost-table tfoot td:last-child {
    color: var(--color-primary);
    font-size: var(--startup-cost-size);
    font-weight: 900;
}

.startup-cost-table tbody td:last-child strong,
.startup-cost-table tfoot td:last-child strong {
    white-space: nowrap;
}

.startup-cost-table tfoot th,
.startup-cost-table tfoot td {
    height: var(--startup-foot-height);
    border-bottom: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: var(--startup-foot-size);
    font-weight: 500;
    letter-spacing: -0.06em;
}

.startup-cost-table tfoot td:last-child {
    color: var(--color-primary);
    font-size: var(--startup-foot-cost-size);
}

@media (min-width: 769px) {
    .startup-cost-table-wrap {
        --startup-table-max-width: 1200px;
        --startup-table-margin: 72px auto 0;
        --startup-table-radius: 16px 16px 0 0;
        --startup-head-radius: 15px;
        --startup-head-height: 62px;
        --startup-head-padding: 14px 22px;
        --startup-head-size: 27px;
        --startup-col-1: 22%;
        --startup-col-2: 54%;
        --startup-col-3: 24%;
        --startup-cell-height: 70px;
        --startup-cell-padding: 14px 22px;
        --startup-cell-size: 18px;
        --startup-row-head-size: 24px;
        --startup-cost-size: 24px;
        --startup-foot-height: 88px;
        --startup-foot-size: 36px;
        --startup-foot-cost-size: 39px;
    }
}

@media (max-width: 768px) {
    .startup-cost-table-wrap {
        --startup-table-max-width: 100%;
        --startup-table-margin: 42px auto 0;
        --startup-table-radius: 14px 14px 0 0;
        --startup-head-radius: 13px;
        --startup-head-height: auto;
        --startup-head-padding: 10px 4px;
        --startup-head-size: clamp(13px, 3.5vw, 15px);
        --startup-col-1: 25%;
        --startup-col-2: 48%;
        --startup-col-3: 27%;
        --startup-cell-height: auto;
        --startup-cell-padding: 10px 4px;
        --startup-cell-size: clamp(10px, 2.8vw, 12px);
        --startup-row-head-size: clamp(11px, 3vw, 13px);
        --startup-cost-size: clamp(11px, 3vw, 13px);
        --startup-foot-height: auto;
        --startup-foot-size: clamp(15px, 4vw, 18px);
        --startup-foot-cost-size: clamp(16px, 4.4vw, 19px);
    }
}

.startup-cost__note {
    position: relative;
    z-index: 5;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, .88);
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.045em;
}

.startup-cost__note-label {
    display: inline;
    margin: 0;
    font-weight: 800;
}

.startup-cost__note-text {
    display: inline;
}


/* ==============================
   Contact CTA Section
   - 중앙 배경 이미지: /theme/new/img/daehan/contact_bg.png
   - 좌측 음식: /theme/new/img/daehan/contact_food_left.png
   - 우측 음식: /theme/new/img/daehan/contact_food_right.png
   - 전화번호 이미지: /theme/new/img/daehan/tel.png
============================== */

.daehan-contact-cta {
    position: relative;
    z-index: 10;
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    min-height: 1140px;
    overflow: hidden;
    background: linear-gradient(to bottom, #050505 0%, #050505 70%, #c11025 70%, #c11025 100%);
    color: #fff;
}


.daehan-contact-cta::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 116px;
    z-index: 1;
    width: min(1060px, 76vw);
    height: 500px;
    background:
        linear-gradient(rgba(0, 0, 0, .58), rgba(0, 0, 0, .68)),
        url('../img/daehan/contact_bg.png') center center / contain no-repeat;
    opacity: .92;
    transform: translateX(-50%);
    pointer-events: none;
}

.daehan-contact-cta::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
    bottom: 0;
    z-index: 3;
    background: #c11025;
    pointer-events: none;
}

.contact-cta__inner {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 104px 30px 92px;
    text-align: center;
}

.contact-cta__head {
    position: relative;
    z-index: 5;
}

.contact-cta__head p {
    margin: 0 0 22px;
    color: var(--color-primary);
    font-family: var(--font-gmarket);
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.contact-cta__head h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-kukde);
    font-size: 58px;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.065em;
    text-shadow: 0 10px 22px rgba(0, 0, 0, .45);
}

.contact-cta__head h2 span {
    color: var(--color-primary);
}

.contact-cta__tel-link {
    position: relative;
    z-index: 6;
    display: block;
    width: 250px;
    max-width: 100%;
    margin: 34px auto 0;
    border-radius: 999px;
    text-decoration: none;
    transform-origin: center;
    animation: contactTelPulse 1.85s ease-in-out infinite;
    will-change: transform, filter;
}

.contact-cta__tel-link::before {
    content: "";
    position: absolute;
    inset: -14px -22px;
    z-index: -1;
    border-radius: 999px;
    background: radial-gradient(ellipse at center, rgba(229, 7, 33, .48) 0%, rgba(229, 7, 33, .22) 42%, rgba(229, 7, 33, 0) 72%);
    opacity: .72;
    transform: scale(.9);
    animation: contactTelGlow 1.85s ease-in-out infinite;
    pointer-events: none;
}

.contact-cta__tel-link:hover,
.contact-cta__tel-link:focus-visible {
    animation-play-state: paused;
    transform: translateY(-2px) scale(1.055);
    outline: none;
}

.contact-cta__tel-link:hover::before,
.contact-cta__tel-link:focus-visible::before {
    opacity: .98;
    transform: scale(1.08);
}

.contact-cta__tel {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    filter: drop-shadow(0 12px 20px rgba(229, 7, 33, .24));
}

.contact-cta__visual {
    display: none;
}

/* 좌우 세로 영문 테두리 */
.contact-side-word {
    position: absolute;
    z-index: 2;
    top: 78px;
    display: block;
    color: transparent;
    -webkit-text-stroke: 1.35px rgba(229, 7, 33, .72);
    text-stroke: 1.35px rgba(229, 7, 33, .72);
    font-family: var(--font-gmarket);
    font-size: clamp(72px, 5.7vw, 112px);
    font-weight: 900;
    line-height: .9;
    letter-spacing: -0.055em;
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    opacity: .78;
    animation: contactNeonFlicker 2.05s linear infinite;
    pointer-events: none;
    user-select: none;
}

.contact-side-word--left {
    left: clamp(26px, 4.4vw, 82px);
    writing-mode: vertical-lr;
    transform: none;
}

.contact-side-word--right {
    right: clamp(26px, 4.4vw, 82px);
    transform: none;
}

/* 좌우 음식 이미지 */
.contact-food {
    position: absolute;
    z-index: 6;
    display: block;
    max-width: none;
    height: auto;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 22px 24px rgba(0, 0, 0, .28));
}

.contact-food--left {
    left: clamp(-92px, -4vw, -34px);
    top: calc(75% - 180px);
    width: clamp(300px, 18vw, 400px);
    animation: contactFoodFloatLeft 4.4s ease-in-out infinite;
}

.contact-food--right {
    right: clamp(-120px, -5vw, -44px);
    top: calc(70% + 28px);
    width: clamp(300px, 18vw, 400px);
    animation: contactFoodFloatRight 4.1s ease-in-out infinite;
}

/* 중앙 상담 폼 */
.contact-main-form {
    position: relative;
    z-index: 8;
    width: 100%;
    max-width: 720px;
    margin: 86px auto 0;
    padding: 56px 54px 58px;
    border-radius: 30px;
    background: #fff;
    color: #111;
    text-align: left;
    box-shadow: 0 28px 48px rgba(0, 0, 0, .24);
}

.contact-main-form__row {
    margin-bottom: 22px;
}

.contact-main-form label {
    display: block;
    margin: 0 0 10px;
    color: #111;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.contact-main-form label em {
    color: var(--color-primary);
    font-style: normal;
}

.contact-main-form input[type="text"],
.contact-main-form input[type="tel"] {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 20px;
    border: 1px solid #a9a9a9;
    border-radius: 9px;
    background: #fff;
    color: #111;
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: 500;
    outline: none;
    letter-spacing: -0.04em;
}

.contact-main-form input::placeholder {
    color: #aaa;
}

.contact-main-form input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(229, 7, 33, .10);
}

.contact-main-form__agree {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin: 10px 0 28px !important;
    color: #111;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    text-align: center;
    cursor: default;
}

.contact-main-form__agree input {
    position: relative;
    flex: 0 0 auto;
    appearance: none;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    margin: 0;
    border: 3px solid #111;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.contact-main-form__agree input:checked {
    background:
        radial-gradient(circle at center, var(--color-primary) 0 42%, transparent 46%),
        #fff;
    border-color: var(--color-primary);
}

.contact-main-form button {
    display: block;
    width: 330px;
    max-width: 100%;
    height: 46px;
    margin: 0 auto;
    border: 0;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -0.04em;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease;
}

.contact-main-form button:hover {
    background: #c11025;
    transform: translateY(-2px);
}

@keyframes contactFoodFloatLeft {
    0%, 100% {
        transform: translateY(0) rotate(-2deg);
    }
    50% {
        transform: translateY(-16px) rotate(1deg);
    }
}

@keyframes contactFoodFloatRight {
    0%, 100% {
        transform: translateY(0) rotate(2deg);
    }
    50% {
        transform: translateY(-18px) rotate(-1deg);
    }
}

@keyframes contactNeonFlicker {
    0%, 100% {
        opacity: .52;
        -webkit-text-stroke-color: rgba(229, 7, 33, .50);
        filter: drop-shadow(0 0 0 rgba(229, 7, 33, 0));
    }
    6%, 10%, 42%, 47%, 72%, 78% {
        opacity: 1;
        -webkit-text-stroke-color: rgba(229, 7, 33, 1);
        filter:
            drop-shadow(0 0 6px rgba(229, 7, 33, .56))
            drop-shadow(0 0 14px rgba(229, 7, 33, .28));
    }
    8%, 44%, 75% {
        opacity: .34;
        -webkit-text-stroke-color: rgba(229, 7, 33, .35);
        filter: none;
    }
}

@keyframes contactTelPulse {
    0%, 100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 12px 20px rgba(229, 7, 33, .18));
    }
    42% {
        transform: translateY(-3px) scale(1.055);
        filter:
            drop-shadow(0 16px 26px rgba(229, 7, 33, .38))
            drop-shadow(0 0 18px rgba(255, 255, 255, .20));
    }
    58% {
        transform: translateY(0) scale(1.015);
    }
}

@keyframes contactTelGlow {
    0%, 100% {
        opacity: .34;
        transform: scale(.88);
    }
    42% {
        opacity: .95;
        transform: scale(1.12);
    }
    70% {
        opacity: .48;
        transform: scale(1.02);
    }
}

.contact-main-form__agree .daehan-policy-open {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111 !important;
    font: inherit !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.04em;
    text-align: left;
    text-decoration: none !important;
    cursor: pointer;
    transition: none !important;
    transform: none !important;
}

.contact-main-form__agree .daehan-policy-open:hover,
.contact-main-form__agree .daehan-policy-open:focus,
.contact-main-form__agree .daehan-policy-open:active {
    background: transparent !important;
    color: #111 !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
    outline: none;
}


.daehan-history-mobile-dots {
    display: none;
}

.profit-card-mobile-dots {
    display: none;
}

.process-card-mobile-dots {
    display: none;
}

/* ==============================
   Order Proof + System spacing fix
   - PC: bubble/rider size & bubble flicker only
   - Mobile <=768: order proof blank-space reduction + system spacing
============================== */

@keyframes orderBubbleBlinkFloat {
    0%, 100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .20));
    }
    34% {
        opacity: .96;
        transform: translateY(-8px) scale(1.02);
        filter: drop-shadow(0 13px 18px rgba(0, 0, 0, .24));
    }
    48% {
        opacity: .42;
        transform: translateY(-6px) scale(.985);
        filter: drop-shadow(0 0 0 rgba(229, 7, 33, 0));
    }
    56% {
        opacity: 1;
        transform: translateY(-9px) scale(1.035);
        filter: drop-shadow(0 0 14px rgba(229, 7, 33, .38));
    }
    72% {
        opacity: .72;
        transform: translateY(-5px) scale(1);
        filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .18));
    }
}


@keyframes investmentReviewMobileMarqueeLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes investmentReviewMobileMarqueeRight {
    0% {
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* ==============================
   Responsive BR Helper
   - mo-br: 모바일에서만 줄바꿈
   - pc-br: PC에서만 줄바꿈
============================== */

br.mo-br {
    display: none;
}

br.pc-br {
    display: inline;
}


/* ==============================
   Mobile Layout (max-width: 768px)
   - 모바일 기준 해상도는 768px 하나만 사용
   - 기존 중복/오버라이드 모바일 블록 통합
============================== */
@media (max-width: 768px) {
    .daehan-intro__frame {
        padding: 10px 10px 10px;
    }

    .daehan-hero {
        height: 760px;
        border-radius: 14px;
        background-position: center top;
    }

    .daehan-hero__red-shape {
        bottom: -44px;
        width: 780px;
        height: 300px;
    }

    .daehan-stat strong,
        .daehan-stat strong.stat-counter {
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 0;
        margin-bottom: 8px;
        font-size: 34px;
        line-height: 1;
        letter-spacing: -0.065em;
        white-space: nowrap;
    }

    .daehan-stat span {
        font-size: 11px;
        line-height: 1.38;
        word-break: keep-all;
    }

    .daehan-stat--sales {
        transform: translateX(-90px);
        top: 72px;
        left: 8%;
    }

    .daehan-stat--stores {
        transform: translateX(90px);
        top: 72px;
        right: 8%;
    }

    .daehan-stat--cost {
        transform: translateX(-90px);
        top: 468px;
        left: 10%;
    }

    .daehan-stat--brands {
        transform: translateX(90px);
        top: 468px;
        right: 10%;
    }

    .daehan-stat.is-active {
        transform: translateX(0);
    }

    .brand-orbit {
        top: 132px;
        width: 310px;
        height: 310px;
    }

    .brand-orbit::before {
        width: 320px;
        height: 320px;
    }

    .brand-orbit__circle--outer {
        width: 300px;
        height: 300px;
    }

    .brand-orbit__circle--inner {
        width: 205px;
        height: 205px;
    }

    .brand-node--center {
        width: 104px;
        height: 104px;
    }

    .brand-node,
        .brand-orbit__rotator .brand-node--bottom,
        .brand-orbit > .brand-node--bottom {
        width: 72px;
        height: 72px;
    }

    .brand-node span {
        top: calc(100% + 8px);
        font-size: 11px;
    }

    .brand-node span::before {
        width: 6px;
        height: 6px;
        margin-right: 4px;
    }

    .brand-node__label {
        top: calc(100% + 8px);
        font-size: 11px;
    }

    .brand-node__label::before {
        width: 6px;
        height: 6px;
        margin-right: 4px;
    }

    .daehan-intro .daehan-hero .daehan-hero__title {
        padding: 0 18px;
        font-size: 29px;
        line-height: 1.42;
        font-weight: 500;
        bottom: 34px;
    }

    .daehan-marquee {
        height: 52px;
        font-size: 21px;
        line-height: 52px;
    }

    .daehan-marquee p {
        padding-right: 34px;
    }

    .daehan-float--bowl {
        top: 812px;
        width: 305px;
    }

    .daehan-brand-portfolio {
        overflow: visible;
        background: #171717;
        padding: 80px 0 90px;
    }

    .daehan-brand-portfolio__spoon {
        right: -30px;
        top: -74px;
        z-index: 20;
        display: block;
        width: 220px;
    }

    .daehan-brand-portfolio__inner {
        padding: 0 20px;
    }

    .daehan-brand-portfolio__head {
        position: relative;
        display: block;
        margin-bottom: 28px;
    }

    .daehan-brand-portfolio__head::before {
        display: none;
    }

    .daehan-brand-portfolio__title p {
        margin-bottom: 18px;
        font-size: 16px;
    }

    .daehan-brand-portfolio__title h2 {
        font-size: 38px;
        line-height: 1.22;
    }

    .daehan-brand-portfolio__desc {
        min-height: 118px;
        margin-top: 22px;
        padding-right: 128px;
        display: flex;
        align-items: center;
    }

    .daehan-brand-portfolio__desc p {
        font-size: 13px;
        line-height: 1.62;
        word-break: keep-all;
    }

    .daehan-brand-portfolio__stage {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 18px;
        min-height: auto;
    }

    .portfolio-wheel {
        position: absolute;
        left: auto;
        right: 2px;
        top: -146px;
        order: 0;
        width: 112px;
        height: 112px;
        margin: 0;
        border-width: 3px;
        transform: none;
        box-shadow: 0 14px 28px rgba(0, 0, 0, .32);
    }

    .portfolio-wheel__center {
        width: 46px;
        height: 46px;
        border-width: 1px;
    }

    .portfolio-wheel__icon {
        width: 12px;
        margin-bottom: 2px;
    }

    .portfolio-wheel__center-line em {
        font-size: 15px;
        letter-spacing: -0.08em;
    }

    .portfolio-wheel__center-line strong {
        font-size: 11px;
        letter-spacing: -0.08em;
    }

    .portfolio-brand {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        min-height: 120px;
        justify-content: flex-start;
        gap: 16px;
        padding: 22px 18px;
        border-radius: 18px;
    }

    .portfolio-brand--kimchi,
        .portfolio-brand--katsu {
        justify-content: space-between;
    }

    .portfolio-brand__logo {
        width: 86px;
        height: 86px;
    }

    .portfolio-brand__text h3 {
        margin-bottom: 10px;
        font-size: 27px;
    }

    .portfolio-brand__text h3::after {
        width: 180px;
        margin-top: 10px;
    }

    .portfolio-brand__text p {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .portfolio-brand__tags span {
        height: 24px;
        padding: 0 10px;
        font-size: 11px;
    }

    .portfolio-brand--daehan {
        order: 2;
        padding-right: 18px;
    }

    .portfolio-brand--kimchi {
        order: 3;
        padding-left: 18px;
    }

    .portfolio-brand--donjikgu {
        order: 4;
        padding-right: 18px;
    }

    .portfolio-brand--katsu {
        order: 5;
        padding-left: 18px;
    }

    .daehan-order-proof {
        margin-top: -42px;
        padding-top: 56px;
    }

    .daehan-order-proof__inner {
        min-height: 430px;
    }

    .order-proof-title__badge {
        margin-bottom: 16px;
    }

    .order-proof-title__badge span {
        width: 54px;
        height: 54px;
        margin-left: -4px;
    }

    .order-proof-title__badge em {
        font-size: 48px;
        transform: translate(-32%, -48%);
    }

    .order-proof-title h2 {
        font-size: 32px;
        line-height: 1.24;
    }

    .order-proof-title > p:not(.order-proof-title__badge) {
        font-size: 15px;
    }

    .order-proof-scene {
        overflow: hidden;
        height: 292px;
        margin-top: 16px;
    }

    .order-proof-scene__bags {
        height: auto;
        object-fit: contain;
        object-position: center top;
        width: 150%;
    }

    .order-proof-scene__delivery {
        --delivery-start: calc(100vw - 230px);
        --delivery-end: -290px;
        top: 0;
        width: 230px;
        height: 190px;
        transform: translate3d(var(--delivery-start), 0, 0);
        animation-duration: 7.2s;
    }

    .order-proof-scene__delivery::before,
    .order-proof-scene__delivery::after {
        left: 154px;
        top: 146px;
        width: 104px;
        height: 44px;
        background:
            radial-gradient(ellipse at 18% 56%, rgba(255, 255, 255, .92) 0 15%, rgba(245, 245, 245, .58) 32%, transparent 66%),
            radial-gradient(ellipse at 50% 44%, rgba(255, 255, 255, .76) 0 18%, rgba(235, 235, 235, .44) 42%, transparent 74%),
            radial-gradient(ellipse at 80% 62%, rgba(255, 255, 255, .58) 0 14%, rgba(230, 230, 230, .34) 38%, transparent 70%);
        filter: blur(5px);
    }

    .order-proof-scene__delivery::after {
        left: 174px;
        top: 156px;
        width: 90px;
        height: 36px;
    }

    .order-proof-scene__rider {
        left: 70px;
        top: 80px;
        width: 116px;
    }

    .order-proof-scene__bubble {
        left: 118px;
        top: 5px;
        width: 112px;
        animation: orderBubbleBlinkFloat 2.15s ease-in-out infinite;
    }

    .daehan-system__inner {
        min-height: auto;
        padding: 70px 20px 86px;
        padding-top: 42px;
        padding-bottom: 72px;
    }

    .daehan-system__copy {
        width: 100%;
        padding-top: 0;
    }

    .daehan-system__copy p {
        font-size: 15px;
        margin-bottom: 18px;
    }

    .daehan-system__copy h2 {
        width: 100%;
        margin-left: 0;
        font-size: 34px;
        line-height: 1.34;
        letter-spacing: -0.065em;
        white-space: normal;
        word-break: keep-all;
    }

    .daehan-system__food {
        position: relative;
        bottom: auto;
        left: 215px;
        width: 180px;
        margin-top: -150px;
    }

    .system-card-slider {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        padding-bottom: 56px;
        margin-top: 26px;
    }

    .system-card-ui {
        flex-basis: 285px;
        min-height: 275px;
        padding: 42px 28px 36px;
        border-radius: 18px;
    }

    .system-card-ui__eyebrow {
        margin-bottom: 12px;
        font-size: 28px;
    }

    .system-card-ui h3 {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .system-card-ui span {
        font-size: 14px;
        line-height: 1.58;
        letter-spacing: -0.05em;
    }

    .system-arrows {
        left: 0;
        bottom: 0;
    }

    .system-arrow,
        .system-arrow img {
        width: 44px;
        height: 44px;
    }

    .system-card-dots {
        left: 116px;
        bottom: 13px;
    }

    .daehan-order-proof::after {
        bottom: 0;
        top: 300px;
    }

    .investment-top {
        min-height: 690px;
        overflow: hidden;
        background: #050505;
    }

    .investment-copy--top {
        padding: 68px 18px 0;
    }

    .investment-copy p {
        margin-bottom: 13px;
        font-size: 15px;
        line-height: 1;
    }

    .investment-copy h2 {
        font-size: 35px;
        line-height: 1.26;
        letter-spacing: -0.07em;
        word-break: keep-all;
    }

    .investment-copy strong {
        font-size: 13px;
        line-height: 1.58;
        letter-spacing: -0.045em;
        word-break: keep-all;
    }

    .investment-copy--top strong {
        max-width: 360px;
        margin: 16px auto 0;
        color: rgba(255, 255, 255, .92);
    }

    .investment-flag {
        width: 108px;
        opacity: .96;
    }

    .investment-flag--left {
        animation: investmentFlagFloatLeft 3.8s ease-in-out infinite;
        left: 12px;
        top: 22px;
    }

    .investment-flag--right {
        animation: investmentFlagFloatRight 4.1s ease-in-out infinite;
        right: 10px;
        top: 22px;
    }

    .investment-receipts {
        left: -12px;
        right: -12px;
        bottom: 10px;
        height: 168px;
        z-index: 4;
        opacity: .95;
    }

    .investment-pot {
        bottom: 110px;
        width: 400px;
        max-width: 104vw;
    }

    .investment-medal {
        left: calc(50% + 50px);
        bottom: 280px;
        width: 120px;
    }
    .investment-review {
        min-height: 680px;
        padding: 0 10px;
        overflow: hidden;
        background: #111;
    }
    .investment-review__paper {
        overflow: hidden;
        background: url("../img/daehan/investment-review_bg.png") center top / cover no-repeat, #f7f7f7;
        left: 10px;
        right: 10px;
        border-radius: 18px 18px 0 0;
    }
    .investment-copy--review {
        padding: 54px 5px 0;
    }
    .investment-phone {
        bottom: auto;
        top: 340px;
        width: 280px;
        max-width: 78vw;
        z-index: 7;
    }
    .investment-review-card-wrap {
        flex: 0 0 auto;
        width: 150px;
        border-radius: 12px;
    }

    .investment-review-card {
        width: 100%;
        height: auto;
    }
    .investment-badge {
        width: 120px;
        z-index: 9;
    }

    .investment-receipts__track {
        animation-duration: 22s;
    }

    .investment-receipts__set {
        gap: 10px;
        padding-right: 10px;
    }

    .investment-receipt-card {
        width: 200px;
        filter: drop-shadow(0 8px 9px rgba(0, 0, 0, .26));
    }
    .investment-review-loop {
        left: 0;
        right: 0;
        bottom: auto;
        z-index: 4;
        width: 100%;
        height: 200px;
        overflow: hidden;
        opacity: .9;
    }
    .investment-review-loop--left {
        top: 280px;
        left: 0;
        right: 0;
    }
    .investment-review-loop--right {
        top: 500px;
        left: 0;
        right: 0;
    }
    .investment-review-loop__track,
    .investment-review-loop__set {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
        width: max-content;
        height: 100%;
    }
    .investment-review.is-ready .investment-review-loop--left .investment-review-loop__track {
        animation: investmentReviewMobileMarqueeLeft 15s linear infinite;
    }

    .investment-review.is-ready .investment-review-loop--right .investment-review-loop__track {
        animation: investmentReviewMobileMarqueeRight 15s linear infinite;
    }
    .investment-badge--left-top {
        animation: investmentBadgeReveal01 4.2s linear infinite;
        left: 20px;
        top: 400px;
    }
    .investment-badge--left-bottom {
        animation: investmentBadgeReveal02 4.2s linear infinite;
        left: 16px;
        top: 470px;
    }
    .investment-badge--right-top {
        animation: investmentBadgeReveal03 4.2s linear infinite;
        right: 20px;
        top: 410px;
    }
    .investment-badge--right-bottom {
        animation: investmentBadgeReveal04 4.2s linear infinite;
        right: 28px;
        top: 475px;
    }

    .investment-marquee {
        height: 52px;
        font-size: 21px;
        line-height: 52px;
    }

    .investment-marquee .daehan-marquee__track p {
        padding-right: 34px;
        line-height: 52px;
    }

    .daehan-profit {
        overflow-x: hidden;
        background: url("../img/daehan/profit_bg.png") center top / cover no-repeat, #fff;
    }

    .daehan-profit__inner {
        padding: 70px 16px 48px;
        overflow: hidden;
    }

    .profit-head {
        margin-bottom: 28px;
        padding: 0 4px;
    }

    .profit-head p {
        margin-bottom: 12px;
        font-size: 15px;
    }

    .profit-head h2 {
        font-size: 34px;
        line-height: 1.24;
        letter-spacing: -0.065em;
        word-break: keep-all;
    }

    .profit-head strong {
        max-width: 330px;
        margin: 13px auto 0;
        font-size: 13px;
        line-height: 1.55;
        word-break: keep-all;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    .profit-card-row {
        display: flex;
        grid-template-columns: none;
        justify-content: flex-start;
        gap: 14px;
        width: 100%;
        max-width: 100%;
        margin: 28px auto 0;
        padding: 2px 0 10px;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding: 0;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .profit-card-row::-webkit-scrollbar {
        display: none;
    }

    .profit-card-row.is-mobile-slider-ready {
        scroll-behavior: auto;
    }

    .profit-card {
        flex: 0 0 min(360px, calc(100% - 34px));
        max-width: none;
        align-items: center;
        justify-content: center;
        min-height: 158px;
        padding: 30px 24px;
        border-radius: 17px;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        transform: translateY(0) scale(.965);
        transition: transform .16s ease, box-shadow .16s ease;
        box-shadow: 0 16px 26px rgba(0, 0, 0, .12);
    }

    .profit-card::before {
        opacity: 0;
        animation: none !important;
        transition: opacity .16s ease;
    }

    .profit-card.is-mobile-active,
    .profit-card-row:not(.is-mobile-slider-ready) .profit-card:first-child {
        transform: translateY(-4px) scale(1);
        box-shadow: 0 20px 32px rgba(0, 0, 0, .18);
    }

    .profit-card.is-mobile-active::before,
    .profit-card-row:not(.is-mobile-slider-ready) .profit-card:first-child::before {
        opacity: 1;
    }

    .profit-card p {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 800;
    }

    .profit-card h3 {
        font-size: 34px;
        line-height: 1.14;
        animation: none !important;
    }

    .profit-card.is-mobile-active h3,
    .profit-card-row:not(.is-mobile-slider-ready) .profit-card:first-child h3 {
        animation: profitCardTextPulse 1.6s ease-in-out infinite !important;
    }

    .profit-card--rate {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 24px;
    }

    .profit-card--rate h3 {
        font-size: 54px;
    }

    .profit-card__noodle {
        left: auto;
        right: -76px;
        bottom: -92px;
        width: 230px;
        opacity: .88;
        transform: none;
    }

    .profit-card-mobile-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: max-content;
        margin: 10px auto 0;
        padding: 0;
        position: relative;
        z-index: 25;
        background: transparent;
        backdrop-filter: none;
    }

    .profit-card-mobile-dots button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
    }

    .profit-card-mobile-dots button span {
        display: block;
        width: 8px;
        height: 8px;
        overflow: hidden;
        border-radius: 50%;
        background: rgba(0, 0, 0, .24);
        text-indent: -9999px;
        transition: background .16s ease;
    }

    .profit-card-mobile-dots button.is-active span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--color-primary);
        transform: none;
    }

    .profit-note {
        max-width: 340px;
        margin: 22px auto 0;
        font-size: 12px;
        line-height: 1.56;
        word-break: keep-all;
    }

    .franchise-process__bg {
        background: linear-gradient(rgba(23, 23, 23, .78), rgba(23, 23, 23, .94)),
                url("../img/daehan/process_bg.png") right top / 92% auto no-repeat,
                #171717;
    }

    .franchise-process__inner {
        min-height: auto;
        padding: 68px 18px 64px;
    }

    .franchise-process__head p,
        .startup-cost__head p {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .franchise-process__head h2,
        .startup-cost__head h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .franchise-process__head strong,
        .startup-cost__head strong {
        margin-top: 16px;
        font-size: 13px;
        line-height: 1.58;
        word-break: keep-all;
    }

    .process-card-stage {
        display: flex;
        grid-template-columns: none;
        gap: 14px;
        width: 100%;
        margin-top: 42px;
        padding: 4px 8px 8px;
        overflow-x: auto;
        overflow-y: visible;
        scroll-snap-type: x mandatory;
        scroll-padding: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .process-card-stage::-webkit-scrollbar {
        display: none;
    }

    .process-card-stage.is-mobile-slider-ready .process-card {
        opacity: .66;
        transform: scale(.96);
    }

    .process-card-stage.is-mobile-slider-ready .process-card.is-mobile-active {
        opacity: 1;
        transform: translateY(-4px) scale(1);
        box-shadow: 0 20px 36px rgba(0, 0, 0, .28);
    }

    .process-card {
        grid-column: auto;
        flex: 0 0 calc(100% - 34px);
        min-height: 178px;
        padding: 62px 24px 28px 86px;
        border-radius: 18px;
        text-align: left;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        animation: none;
        transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    .process-card em {
        left: 20px;
        top: 22px;
        width: 46px;
        height: 46px;
        overflow: hidden;
        border-radius: 50%;
        color: transparent;
        font-size: 0;
    }

    .process-card span {
        right: 18px;
        top: 22px;
        height: 24px;
        padding: 0 11px;
        font-size: 11px;
    }

    .process-card h3 {
        width: 100%;
        margin: 0 0 10px;
        font-size: 30px;
        text-align: left;
    }

    .process-card p {
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
        text-align: left;
    }

    .process-card-mobile-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: max-content;
        margin: 12px auto 0;
        padding: 0;
        position: relative;
        z-index: 25;
        background: transparent;
        backdrop-filter: none;
    }

    .process-card-mobile-dots button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
    }

    .process-card-mobile-dots button span {
        display: block;
        width: 8px;
        height: 8px;
        overflow: hidden;
        border-radius: 50%;
        background: rgba(255, 255, 255, .42);
        text-indent: -9999px;
        transition: background .16s ease;
    }

    .process-card-mobile-dots button.is-active span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--color-primary);
        transform: none;
    }

    .startup-cost__inner {
        min-height: auto;
        padding: 72px 18px 48px;
    }

    .startup-cost__noodle {
        left: 0px;
        top: -50px;
        width: 120px;
        opacity: .95;
        z-index: 2;
    }

    

    

    

    

    

    

    

    

    .startup-cost__note {
        max-width: 340px;
        margin: 18px auto 0;
        font-size: 11px;
        line-height: 1.55;
        word-break: keep-all;
    }

    .startup-cost__note-label {
        display: block;
        margin-bottom: 3px;
        font-size: 12px;
        font-weight: 800;
    }

    .startup-cost__note-text {
        display: block;
    }

    .process-card em::before {
        right: 1px;
        bottom: -4px;
        font-size: 32px;
        letter-spacing: -0.12em;
    }

    .daehan-contact-cta {
        min-height: 800px;
        background: linear-gradient(to bottom, #050505 0%, #050505 68%, #c11025 68%, #c11025 100%);
    }

    .daehan-contact-cta::after {
        top: 68%;
    }

    .daehan-contact-cta::before {
        top: 108px;
        width: 94vw;
        height: 320px;
        opacity: .88;
    }

    .contact-cta__inner {
        padding: 66px 18px 52px;
    }

    .contact-cta__head p {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .contact-cta__head h2 {
        font-size: 32px;
        line-height: 1.25;
    }

    .contact-cta__tel-link {
        width: 178px;
        margin-top: 24px;
    }

    .contact-cta__tel-link::before {
        inset: -10px -15px;
    }

    .contact-cta__visual {
        top: 112px;
        width: 96%;
        height: 280px;
        opacity: .32;
        background-size: contain, contain;
    }

    .contact-side-word {
        top: 58px;
        font-size: clamp(36px, 12vw, 58px);
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }

    .contact-side-word--left {
        left: 10px;
        writing-mode: vertical-lr;
        transform: none;
    }

    .contact-side-word--right {
        right: 10px;
        transform: none;
    }

    .contact-food--left {
        left: -35px;
        top: calc(105% - 128px);
        width: 150px;
    }

    .contact-food--right {
        right: -39px;
        top: calc(85% + 24px);
        width: 150px;
    }

    .contact-main-form {
        max-width: 100%;
        margin-top: 50px;
        padding: 34px 22px 36px;
        border-radius: 22px;
    }

    .contact-main-form__row {
        margin-bottom: 17px;
    }

    .contact-main-form label {
        margin-bottom: 8px;
        font-size: 13px;
    }

    .contact-main-form input[type="text"],
        .contact-main-form input[type="tel"] {
        height: 46px;
        padding: 0 14px;
        border-radius: 8px;
        font-size: 13px;
    }

    .contact-main-form__agree {
        align-items: center;
        justify-content: center;
        gap: 7px;
        margin: 8px 0 22px !important;
        font-size: 10px !important;
        text-align: center;
    }

    .contact-main-form button {
        width: 100%;
        height: 44px;
        font-size: 14px;
    }

    .daehan-stat {
        width: 118px;
    }

    .daehan-stat strong em,
        .daehan-stat strong.stat-counter .stat-counter__value,
        .daehan-stat strong.stat-counter .stat-counter__suffix {
        display: inline-block;
        font-size: 1em;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -0.065em;
        vertical-align: baseline;
        transform: none;
    }

    .daehan-stat strong.stat-counter .stat-counter__suffix {
        color: #fff;
    }

    .daehan-about {
        padding-top: 238px;
        padding-bottom: 74px;
    }

    .daehan-about__inner {
        padding: 0 18px;
    }

    .daehan-label {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .daehan-about__title {
        font-size: 32px;
        line-height: 1.24;
    }

    .daehan-about__desc {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.64;
        word-break: keep-all;
    }

    .daehan-video {
        width: auto;
        max-width: none;
        height: auto;
        aspect-ratio: 16 / 9;
        margin: 38px 12px 0;
        border-radius: 14px;
    }

    .daehan-history {
        display: flex;
        gap: 14px;
        min-height: auto;
        padding: 48px 16px 58px;
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 0 0 14px 14px;
        background: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .78)),
                url("../img/daehan/bg-history.jpg") center / cover no-repeat,
                #15110f;
        scroll-snap-type: x mandatory;
        scroll-padding: 16px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .daehan-history::-webkit-scrollbar {
        display: none;
    }

    .daehan-history__dim {
        background: radial-gradient(circle at 50% 12%, rgba(229, 7, 33, .22), transparent 36%),
                rgba(0, 0, 0, .16);
    }

    .daehan-history__item,
        .daehan-history__item--red {
        flex: 0 0 calc(100% - 22px);
        min-height: 315px;
        margin: 0;
        padding: 46px 26px 42px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .13);
        border-radius: 18px;
        background: rgba(0, 0, 0, .62);
        color: #fff;
        text-align: center;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        backdrop-filter: blur(2px);
    }

    .daehan-history__item::before {
        inset: 0;
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(229, 7, 33, .96), rgba(150, 0, 16, .82)),
                url("../img/daehan/order_bg.png") center / 260px auto repeat;
        opacity: 0;
        animation: none !important;
        backdrop-filter: none;
        transition: opacity .22s ease;
    }

    .daehan-history__item.is-mobile-active::before,
        .daehan-history:not(.is-mobile-slider-ready) .daehan-history__item:nth-child(2)::before {
        opacity: 1;
    }

    .daehan-history__item p {
        margin: 0 0 18px;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.22;
        letter-spacing: -0.045em;
    }

    .daehan-history__item strong {
        margin: 0 0 20px;
        font-family: var(--font-kukde);
        font-size: 62px;
        font-weight: 500;
        font-variation-settings: "wght" 500;
        line-height: .92;
        letter-spacing: -0.055em;
        animation: none;
    }

    .daehan-history__item span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.62;
        letter-spacing: -0.045em;
        word-break: keep-all;
    }

    .daehan-history__item span br {
        display: none;
    }

    .daehan-history-mobile-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: max-content;
        margin: -34px auto 28px;
        padding: 0;
        position: relative;
        z-index: 25;
        background: transparent;
        backdrop-filter: none;
    }

    .daehan-history-mobile-dots button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: transparent;
        cursor: pointer;
    }

    .daehan-history-mobile-dots button span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .42);
        transition: background .16s ease;
    }

    .daehan-history-mobile-dots button.is-active span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--color-primary);
        transform: none;
    }

    .daehan-system {
        margin-top: -30px;
    }

    .daehan-system-title--pc {
        display: none;
    }

    .daehan-system-title--mobile {
        display: block;
    }

    .daehan-investment {
        background: #111;
        overflow: hidden;
    }

    .investment-top::before {
        background-position: center top;
        background-size: cover;
        opacity: .22;
    }

    .investment-top__bg {
        background: linear-gradient(rgba(0, 0, 0, .62), rgba(0, 0, 0, .78)),
                radial-gradient(circle at 50% 66%, rgba(229, 7, 33, .24), transparent 42%);
    }
    .investment-copy--review h2 {
        font-size: 33px;
        line-height: 1.24;
        letter-spacing: -0.07em;
    }
    .investment-copy--review strong {
        max-width: 360px;
        margin-top: 14px;
        color: rgba(0, 0, 0, .72);
    }

    br.mo-br {
        display: inline;
    }

    br.pc-br {
        display: none;
    }

    

    

    

    

    

    

    

    

    


    

    

    

}


/* ==============================
   Franchise Process Motion Update
   - 카드 영역이 실제로 노출되어 .is-active가 붙은 뒤에만 시작
   - 1번부터 7번까지 눈에 보이도록 천천히 촤르르륵 등장
   - 등장 완료 후 1번부터 순서대로 작게 확대 후 빠르게 원상복귀
============================== */
.process-card-stage .process-card {
    opacity: 0;
    transform: translateY(46px) scale(.88);
    transform-origin: center;
    will-change: opacity, transform;
    animation: none !important;
}

.process-card-stage.is-active .process-card {
    animation:
        processCardIntro 1.05s cubic-bezier(.16, 1, .3, 1) var(--process-intro-delay, 0s) both,
        processCardStepPop 6.2s ease-in-out calc(4.6s + var(--process-pop-delay, 0s)) infinite !important;
}

.process-card-stage .process-card--01 {
    --process-intro-delay: 0s;
    --process-pop-delay: 0s;
}

.process-card-stage .process-card--02 {
    --process-intro-delay: .38s;
    --process-pop-delay: .70s;
}

.process-card-stage .process-card--03 {
    --process-intro-delay: .76s;
    --process-pop-delay: 1.40s;
}

.process-card-stage .process-card--04 {
    --process-intro-delay: 1.14s;
    --process-pop-delay: 2.10s;
}

.process-card-stage .process-card--05 {
    --process-intro-delay: 1.52s;
    --process-pop-delay: 2.80s;
}

.process-card-stage .process-card--06 {
    --process-intro-delay: 1.90s;
    --process-pop-delay: 3.50s;
}

.process-card-stage .process-card--07 {
    --process-intro-delay: 2.28s;
    --process-pop-delay: 4.20s;
}

@keyframes processCardIntro {
    0% {
        opacity: 0;
        transform: translateY(46px) scale(.88);
    }
    72% {
        opacity: 1;
        transform: translateY(-8px) scale(1.018);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes processCardStepPop {
    0%, 10.2%, 100% {
        transform: translateY(0) scale(1);
    }
    4.6% {
        transform: translateY(-6px) scale(1.04);
    }
}

/* 대한냉면 표 테두리 순환 효과도 표 영역 노출 후 시작 */


/* ==============================
   Section Motion Visibility Control
   - 각 섹션이 화면에 들어오기 전까지 CSS 애니메이션을 0초 지점에서 대기
   - JS가 .is-section-active를 붙이는 순간부터 해당 섹션 효과 시작
   - .is-section-resetting은 재진입 시 애니메이션을 처음부터 다시 시작시키는 용도
============================== */
.daehan-intro:not(.is-section-active) *,
.daehan-brand-portfolio:not(.is-section-active) *,
.daehan-order-proof:not(.is-section-active) *,
.daehan-system:not(.is-section-active) *,
.daehan-investment:not(.is-section-active) *,
.daehan-profit:not(.is-section-active) *,
.daehan-franchise-process:not(.is-section-active) *,
.daehan-startup-cost:not(.is-section-active) *,
.daehan-contact-cta:not(.is-section-active) *,
.daehan-intro:not(.is-section-active)::before,
.daehan-intro:not(.is-section-active)::after,
.daehan-brand-portfolio:not(.is-section-active)::before,
.daehan-brand-portfolio:not(.is-section-active)::after,
.daehan-order-proof:not(.is-section-active)::before,
.daehan-order-proof:not(.is-section-active)::after,
.daehan-system:not(.is-section-active)::before,
.daehan-system:not(.is-section-active)::after,
.daehan-investment:not(.is-section-active)::before,
.daehan-investment:not(.is-section-active)::after,
.daehan-profit:not(.is-section-active)::before,
.daehan-profit:not(.is-section-active)::after,
.daehan-franchise-process:not(.is-section-active)::before,
.daehan-franchise-process:not(.is-section-active)::after,
.daehan-startup-cost:not(.is-section-active)::before,
.daehan-startup-cost:not(.is-section-active)::after,
.daehan-contact-cta:not(.is-section-active)::before,
.daehan-contact-cta:not(.is-section-active)::after,
.daehan-intro:not(.is-section-active) *::before,
.daehan-intro:not(.is-section-active) *::after,
.daehan-brand-portfolio:not(.is-section-active) *::before,
.daehan-brand-portfolio:not(.is-section-active) *::after,
.daehan-order-proof:not(.is-section-active) *::before,
.daehan-order-proof:not(.is-section-active) *::after,
.daehan-system:not(.is-section-active) *::before,
.daehan-system:not(.is-section-active) *::after,
.daehan-investment:not(.is-section-active) *::before,
.daehan-investment:not(.is-section-active) *::after,
.daehan-profit:not(.is-section-active) *::before,
.daehan-profit:not(.is-section-active) *::after,
.daehan-franchise-process:not(.is-section-active) *::before,
.daehan-franchise-process:not(.is-section-active) *::after,
.daehan-startup-cost:not(.is-section-active) *::before,
.daehan-startup-cost:not(.is-section-active) *::after,
.daehan-contact-cta:not(.is-section-active) *::before,
.daehan-contact-cta:not(.is-section-active) *::after {
    animation-play-state: paused !important;
}

.daehan-intro.is-section-resetting *,
.daehan-brand-portfolio.is-section-resetting *,
.daehan-order-proof.is-section-resetting *,
.daehan-system.is-section-resetting *,
.daehan-investment.is-section-resetting *,
.daehan-profit.is-section-resetting *,
.daehan-franchise-process.is-section-resetting *,
.daehan-startup-cost.is-section-resetting *,
.daehan-contact-cta.is-section-resetting *,
.daehan-intro.is-section-resetting::before,
.daehan-intro.is-section-resetting::after,
.daehan-brand-portfolio.is-section-resetting::before,
.daehan-brand-portfolio.is-section-resetting::after,
.daehan-order-proof.is-section-resetting::before,
.daehan-order-proof.is-section-resetting::after,
.daehan-system.is-section-resetting::before,
.daehan-system.is-section-resetting::after,
.daehan-investment.is-section-resetting::before,
.daehan-investment.is-section-resetting::after,
.daehan-profit.is-section-resetting::before,
.daehan-profit.is-section-resetting::after,
.daehan-franchise-process.is-section-resetting::before,
.daehan-franchise-process.is-section-resetting::after,
.daehan-startup-cost.is-section-resetting::before,
.daehan-startup-cost.is-section-resetting::after,
.daehan-contact-cta.is-section-resetting::before,
.daehan-contact-cta.is-section-resetting::after,
.daehan-intro.is-section-resetting *::before,
.daehan-intro.is-section-resetting *::after,
.daehan-brand-portfolio.is-section-resetting *::before,
.daehan-brand-portfolio.is-section-resetting *::after,
.daehan-order-proof.is-section-resetting *::before,
.daehan-order-proof.is-section-resetting *::after,
.daehan-system.is-section-resetting *::before,
.daehan-system.is-section-resetting *::after,
.daehan-investment.is-section-resetting *::before,
.daehan-investment.is-section-resetting *::after,
.daehan-profit.is-section-resetting *::before,
.daehan-profit.is-section-resetting *::after,
.daehan-franchise-process.is-section-resetting *::before,
.daehan-franchise-process.is-section-resetting *::after,
.daehan-startup-cost.is-section-resetting *::before,
.daehan-startup-cost.is-section-resetting *::after,
.daehan-contact-cta.is-section-resetting *::before,
.daehan-contact-cta.is-section-resetting *::after {
    animation: none !important;
}

@keyframes mobileProcessCardImpact {
    0% {
        opacity: .66;
        transform: translateY(34px) scale(.88);
        filter: blur(6px);
    }
    68% {
        opacity: 1;
        transform: translateY(-9px) scale(1.035);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(-4px) scale(1);
        filter: blur(0);
    }
}

@media (max-width: 768px) {
    /* 가로 스크롤 위치는 유지하고, 현재 카드 자체에만 PC 수준의 진입 충격을 재생 */
    .process-card-stage .process-card {
        animation: none !important;
    }

    .process-card-stage:not(.is-mobile-slider-ready) .process-card {
        opacity: 1;
        transform: none;
    }

    .process-card-stage.is-mobile-slider-ready .process-card {
        opacity: .66;
        transform: scale(.96);
    }

    .process-card-stage.is-mobile-slider-ready .process-card.is-mobile-active {
        opacity: 1;
        transform: translateY(-4px) scale(1);
        animation: mobileProcessCardImpact 1.05s cubic-bezier(.16, 1, .3, 1) both !important;
    }
}

.order-proof-scene__bubble {
    animation: none !important;
}

/* ==============================
   Gnuboard legacy form fields
============================== */
.contact-main-form__radio-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px;
}

.contact-main-form__radio-row > p {
    flex: 0 0 150px;
    margin: 0;
    color: #111;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.contact-main-form__radio-label {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    width: auto;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer;
}

.contact-main-form__radio-label input[type="radio"] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--color-primary);
}

@media (max-width: 768px) {
    .contact-main-form__radio-row {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 12px 18px;
    }

    .contact-main-form__radio-row > p {
        flex: 0 0 100%;
    }
}

.daehan-contact-cta .contact-main-form {
    max-width: 760px;
    padding: 54px 82px 58px;
}

.daehan-contact-cta .contact-main-form__row {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 80px;
    margin: 0;
    border-bottom: 1px solid #151515;
}

.daehan-contact-cta .contact-main-form__row > label,
.daehan-contact-cta .contact-main-form__radio-row > p {
    flex: 0 0 170px;
    margin: 0;
    padding: 0;
    color: #080b18;
    font-family: var(--font-main);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .18em;
    white-space: nowrap;
}

.daehan-contact-cta .contact-main-form__row > label em,
.daehan-contact-cta .contact-main-form__radio-row > p em {
    display: inline;
    margin-left: 2px;
    color: var(--color-primary);
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.daehan-contact-cta .contact-main-form input[type="text"],
.daehan-contact-cta .contact-main-form input[type="tel"] {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 79px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #080b18;
    font-size: 19px;
    font-weight: 500;
    box-shadow: none;
}

.daehan-contact-cta .contact-main-form input[type="text"]::placeholder,
.daehan-contact-cta .contact-main-form input[type="tel"]::placeholder {
    color: transparent;
}

.daehan-contact-cta .contact-main-form input[type="text"]:focus,
.daehan-contact-cta .contact-main-form input[type="tel"]:focus {
    border-color: transparent;
    box-shadow: none;
}

.daehan-contact-cta .contact-main-form__radio-row {
    display: flex;
    align-items: center;
    gap: 0;
}

.daehan-contact-cta .contact-main-form__radio-label {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    gap: 26px;
    margin: 0 95px 0 0 !important;
    color: #080b18;
    font-family: var(--font-main);
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
}

.daehan-contact-cta .contact-main-form__radio-label input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 31px;
    height: 31px;
    margin: 0;
    border: 1px solid #151515;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.daehan-contact-cta .contact-main-form__radio-label input[type="radio"]:checked {
    background:
        radial-gradient(circle at center, #080b18 0 43%, transparent 47%),
        #fff;
}

.daehan-contact-cta .contact-main-form__agree {
    justify-content: flex-start;
    width: 100%;
    margin: 38px 0 30px !important;
    color: #080b18;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    letter-spacing: -0.04em;
    text-align: left;
}

.daehan-contact-cta .contact-main-form__agree input {
    width: 21px;
    height: 21px;
    border: 1px solid #151515;
}

.daehan-contact-cta .contact-main-form__agree .daehan-policy-open {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.daehan-contact-cta .contact-main-form > .form_submit {
    display: block;
    width: 330px;
    max-width: 100%;
    height: 46px;
    margin: 0 auto;
    border: 0;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 900;
    line-height: 46px;
    letter-spacing: -0.04em;
    text-align: center;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease;
}

.daehan-contact-cta .contact-main-form > .form_submit:hover {
    background: #c11025;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .daehan-contact-cta .contact-main-form {
        padding: 34px 24px 38px;
    }

    .daehan-contact-cta .contact-main-form__row {
        min-height: 64px;
    }

    .daehan-contact-cta .contact-main-form__row > label,
    .daehan-contact-cta .contact-main-form__radio-row > p {
        flex-basis: 118px;
        font-size: 16px;
        letter-spacing: .12em;
    }

    .daehan-contact-cta .contact-main-form input[type="text"],
    .daehan-contact-cta .contact-main-form input[type="tel"] {
        height: 63px;
        font-size: 15px;
    }

    .daehan-contact-cta .contact-main-form__radio-label {
        gap: 12px;
        margin-right: 34px !important;
        font-size: 16px !important;
    }

    .daehan-contact-cta .contact-main-form__radio-label input[type="radio"] {
        width: 25px;
        height: 25px;
    }

    .daehan-contact-cta .contact-main-form__agree {
        margin-top: 30px !important;
        font-size: 15px !important;
    }

    .daehan-contact-cta .contact-main-form > .form_submit {
        width: 260px;
        height: 46px;
        font-size: 16px;
        line-height: 46px;
    }
}

@media (max-width: 430px) {
    .daehan-contact-cta .contact-main-form {
        padding-right: 18px;
        padding-left: 18px;
    }

    .daehan-contact-cta .contact-main-form__row > label,
    .daehan-contact-cta .contact-main-form__radio-row > p {
        flex-basis: 92px;
        font-size: 14px;
        letter-spacing: .08em;
    }

    .daehan-contact-cta .contact-main-form__radio-label {
        margin-right: 20px !important;
    }
}

/* =========================================================
   2026-07-07 모바일 메인폼 창업경험 라디오 1줄 고정
   - 이전 모바일 공통 CSS의 flex-wrap: wrap 영향 제거
========================================================= */
@media (max-width: 768px) {
    .daehan-contact-cta .contact-main-form__radio-row.form_row_radio {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        min-height: 64px;
    }

    .daehan-contact-cta .contact-main-form__radio-row.form_row_radio > p {
        flex: 0 0 118px !important;
        width: 118px !important;
        max-width: 118px !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .daehan-contact-cta .contact-main-form__radio-row.form_row_radio .contact-main-form__radio-label {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: auto !important;
        margin: 0 34px 0 0 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 430px) {
    .daehan-contact-cta .contact-main-form__radio-row.form_row_radio > p {
        flex-basis: 92px !important;
        width: 92px !important;
        max-width: 92px !important;
    }

    .daehan-contact-cta .contact-main-form__radio-row.form_row_radio .contact-main-form__radio-label {
        gap: 10px !important;
        margin-right: 18px !important;
    }

    .daehan-contact-cta .contact-main-form__radio-label input[type="radio"] {
        width: 22px;
        height: 22px;
    }
}