@charset "utf-8";

@layer sections {
    :root {
        --font-size: 16px;
        --toggle-nav-button-size: var(--spacing-10);
        --spacing-section: var(--spacing-17);
        --spacing-heading-content: var(--spacing-12);
        --radius-section: clamp(32px, 5.20833333vw, 100px);
        --duration: 0.3s;
        --animation-blink: blink 1.2s steps(2, jump-none) infinite;
    }
    
    @media (min-width: 1280px) { 
		:root { --header-height: 90px; } 
	}
    @media (max-width: 1279.98px) { 
		:root { --header-height: var(--spacing-17); } 
	}

	.section-hero{ position: relative; contain: content; }
	@media (min-width: 768px){
		.section-hero{ aspect-ratio: 16/9; }
	}
	@media (max-width: 767px){
		.section-hero{ aspect-ratio: 1; }
	}
    /* .section-hero { 
        --bg-color: #fff; position: relative; contain: content; background: var(--bg-color) no-repeat 80% / cover; isolation: isolate; 
    }
    @media (min-width: 1280px) { 
		.section-hero { padding-block: 164px 177px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-hero { padding-block: var(--spacing-section); } 
	}
    @media (max-width: 767.98px) {
        .section-hero { isolation: isolate; }
        .section-hero::before { position: absolute; inset: 0; z-index: -1; background: var(--bg-color); opacity: 0.9; content: ""; }
    } */
    .section-hero .player { position: absolute; top: 50%; left: 50%; width: max(101%, 177.78vh); height: max(101%, 56.25vw); transform: translate(-50%, -50%); pointer-events: none; border: 0; }
	.section-hero .container{ display: none; }
    .section-hero .content-wrapper { width: fit-content; }
    .section-hero .heading { display: grid; grid-template: "heading-sub heading-sub heading-sub" "laurel-left heading-main laurel-right"; width: fit-content; margin-inline: auto; text-align: center; }
    
    @media (min-width: 1280px) { .section-hero .heading { --heading-main-font-size: 100px; } }
    @media (max-width: 1279.98px) { .section-hero .heading { --heading-main-font-size: var(--spacing-12); } }
    
    .section-hero .heading::before, .section-hero .heading::after { display: block; align-self: center; width: var(--heading-main-font-size); aspect-ratio: 100 / 162; background: url("/images/one-page/home/hero-laurel.webp") no-repeat 50% / contain; transform: translateY(-4.3%); content: ""; }
    .section-hero .heading::before { grid-area: laurel-left; }
    .section-hero .heading::after { grid-area: laurel-right; transform: translateY(-4.3%) rotateY(180deg); }
    
    .section-hero .heading .heading-sub, .section-hero .heading .heading-main { display: block; width: fit-content; margin-inline: auto; }
    .section-hero .heading .heading-sub { grid-area: heading-sub; font: 700 var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-700); }
    
    @media (min-width: 1280px) { .section-hero .heading .heading-sub { --font-size: 35px; } }
    @media (max-width: 1279.98px) { .section-hero .heading .heading-sub { --font-size: var(--spacing-10); } }
    
    .section-hero .heading .heading-main { grid-area: heading-main; margin-top: var(--spacing-03); font: 700 var(--heading-main-font-size) / var(--line-height-hangeul) var(--font-family-gmarket); color: transparent; background: linear-gradient(90deg, var(--color-primary), var(--color-primary-500), var(--color-primary-800)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    
    .section-hero .metric { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: fit-content; margin-top: 22px; margin-inline: auto; padding: 0.3125em 16px; font: 800 var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: #412600; background: linear-gradient(90deg, #c8af77, #f9f7de 48%, #c8af77); }
    @media (min-width: 768px) { .section-hero .metric { min-width: 16.5em; } }
    @media (min-width: 1280px) { .section-hero .metric { --font-size: 40px; } }
    @media (max-width: 1279.98px) { .section-hero .metric { --font-size: var(--spacing-10); } }
    
    .section-hero .metric .metric-icon { width: 1.625em; height: auto; }
    .section-hero .metric .metric-text { margin-inline: 0.6em 0.45em; }
    .section-hero .metric .metric-cost { font-size: 1.25em; color: #992400; }
    
    .section-hero .link { display: flex; align-items: center; gap: 1.075em; width: fit-content; margin: 2em auto 0; padding: 0.5em 0.975em; font: 700 var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-full); }
    @media (min-width: 1280px) { .section-hero .link { --font-size: 40px; } }
    @media (max-width: 1279.98px) { .section-hero .link { --font-size: var(--spacing-10); } }
    .section-hero .link .metric-icon { width: 0.8em; height: auto; }

    .section-competitiveness { }
    @media (min-width: 1280px) { .section-competitiveness { padding-block: 194px 100px; } }
    @media (max-width: 1279.98px) { .section-competitiveness { padding-block: var(--spacing-section); } }
    
    .section-competitiveness .ui-eyebrow, .section-competitiveness .ui-heading, .section-competitiveness .ui-sub-line { text-align: center; }
    .section-competitiveness .emphasis { position: relative; }
    .section-competitiveness .emphasis::before { position: absolute; top: 0; left: 50%; width: 10px; aspect-ratio: 1; background: currentColor; border-radius: 50%; transform: translate(-20%, -14px); content: ""; }
    
    .section-competitiveness .list { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); }
    @media (min-width: 1280px) { .section-competitiveness .list { gap: 41px; margin-top: 71px; } }
    @media (max-width: 1279.98px) { .section-competitiveness .list { gap: var(--grid-gutter); margin-top: var(--spacing-heading-content); } }
    
    .section-competitiveness .item { display: grid; grid-template: "index icon" "title title" "desc desc" / 1fr auto; grid-column-end: span 4; color: var(--color-white); background: var(--color-black) no-repeat 50% / cover; border-radius: var(--radius-5); }
    @media (min-width: 768px) {
        .section-competitiveness .item.item--1 { background-image: url("/images/one-page/home/competitiveness-bg-1-pc.webp"); }
        .section-competitiveness .item.item--2 { background-image: url("/images/one-page/home/competitiveness-bg-2-pc.webp"); }
        .section-competitiveness .item.item--3 { background-image: url("/images/one-page/home/competitiveness-bg-3-pc.webp"); }
    }
    @media (min-width: 1280px) { .section-competitiveness .item { padding: 70px 50px 169px; } }
    @media (max-width: 1279.98px) { .section-competitiveness .item { padding: var(--spacing-12) var(--spacing-08) var(--spacing-14); } }
    @media (max-width: 767.98px) {
        .section-competitiveness .item.item--1 { background-image: url("/images/one-page/home/competitiveness-bg-1-mob.webp"); }
        .section-competitiveness .item.item--2 { background-image: url("/images/one-page/home/competitiveness-bg-2-mob.webp"); }
        .section-competitiveness .item.item--3 { background-image: url("/images/one-page/home/competitiveness-bg-3-mob.webp"); }
    }
    
    @media(hover: hover) {
        .section-competitiveness .item:hover { --bg-opacity: 1; --icon-bg-color: var(--color-white); --icon-color: var(--color-primary); position: relative; isolation: isolate; }
        .section-competitiveness .item:hover::before { position: absolute; inset: 0; z-index: -1; background-color: rgba(0, 0, 0, 0.5); border: 8px solid var(--color-primary); border-radius: inherit; opacity: var(--bg-opacity, 0); content: ""; }
    }
    @media(prefers-reduced-motion: no-preference) {
        .section-competitiveness .item, .section-competitiveness .item::before, .section-competitiveness .icon-wrapper { transition: .3s; }
    }
    
    .section-competitiveness .index { grid-area: index; align-self: center; font: italic var(--font-weight-700) var(--font-size) / 1 var(--font-family-hanamdaume); letter-spacing: var(--letter-spacing-negative-60); }
    @media (min-width: 1280px) { .section-competitiveness .index { --font-size: 70px; } }
    @media (max-width: 1279.98px) { .section-competitiveness .index { --font-size: var(--spacing-18); } }
    
    .section-competitiveness .icon-wrapper { display: grid; grid-area: icon; place-items: center; align-self: center; aspect-ratio: 1; color: var(--icon-color, var(--color-white)); background: var(--icon-bg-color, var(--color-primary)); border-radius: 50%; }
    @media (min-width: 1280px) { .section-competitiveness .icon-wrapper { width: 100px; } }
    @media (max-width: 1279.98px) { .section-competitiveness .icon-wrapper { width: var(--spacing-18); } }
    
    .section-competitiveness .icon { height: auto; }
    .section-competitiveness .icon.icon--1 { width: 50%; }
    .section-competitiveness .icon.icon--2 { width: 51%; }
    .section-competitiveness .icon.icon--3 { width: 49%; }
    
    .section-competitiveness .title { grid-area: title; margin-block: 1.2em 0.825em; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-competitiveness .title { --font-size: 40px; } }
    @media (max-width: 1279.98px) { .section-competitiveness .title { --font-size: var(--spacing-09); } }
    
    .section-competitiveness .desc { grid-area: desc; font: var(--font-weight-600) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-wrap: balance; }
    @media (min-width: 1280px) { .section-competitiveness .desc { --font-size: 22px; } }
    @media (max-width: 1279.98px) { 
        .section-competitiveness .desc { --font-size: var(--spacing-08); }
        .section-competitiveness .desc br { display: none; }
    }

    @keyframes strength-card-highlight {
        0% { --bg-opacity: 1; --icon-bg-color: var(--color-white); --icon-color: var(--color-primary); }
        33.3%, 100% { --bg-opacity: 0; --icon-bg-color: var(--color-primary); --icon-color: var(--color-white); }
    }

    .section-performance { contain: content; background: url("/images/one-page/home/performance-bg.webp") no-repeat 50% 100% / cover; }
    @media (min-width: 1280px) { .section-performance { padding-block: 194px 200px; } }
    @media (max-width: 1279.98px) { .section-performance { padding-block: var(--spacing-section); } }
    
    .section-performance .heading { font: var(--font-weight-700) var(--font-size) / 1.2 var(--font-family-gmarket); letter-spacing: -0.06em; }
    .section-performance .heading * { letter-spacing: inherit; }
    @media (min-width: 1280px) { .section-performance .heading { --font-size: 80px; } }
    @media (max-width: 1279.98px) { .section-performance .heading { --font-size: var(--spacing-12); } }
    
    .section-performance .heading-sub { display: block; }
    .section-performance .heading-main { display: block; font-size: 1.25em; color: var(--color-primary); }
    .section-performance .ui-sub-line { text-wrap: balance; }
    .section-performance .ui-sub-line strong { font-weight: var(--font-weight-700); color: var(--color-primary); }
    
    .section-performance .coin::before { position: absolute; background: no-repeat 50% / contain; content: ""; }
    .section-performance .coin.coin--1::before { top: 0; left: 62.4%; width: 12.86384977%; aspect-ratio: 137 / 111; background-image: url("/images/one-page/home/performance-coin-1.webp"); transform: translate(-49.6%, -117.9%); }
    .section-performance .coin.coin--2::before { top: 0; left: 48.6%; width: 10.42253521%; aspect-ratio: 111 / 99; background-image: url("/images/one-page/home/performance-coin-2.webp"); transform: translate(-49.6%, -7%); }
    .section-performance .coin.coin--3::before { top: 30.2%; left: 93.2%; z-index: 1; width: 13.99061033%; aspect-ratio: 1; background-image: url("/images/one-page/home/performance-coin-3.webp"); transform: translate(-49.6%, -50%); }
    .section-performance .coin.coin--4::before { top: 0; left: 6.9%; z-index: 1; width: 7.14285714%; aspect-ratio: 130 / 116; background-image: url("/images/one-page/home/performance-coin-4.webp"); transform: translate(-49.6%, -289.9%); }
    .section-performance .coin.coin--5::before { top: 0; left: 21.1%; z-index: 1; width: 10.98901099%; aspect-ratio: 200 / 182; background-image: url("/images/one-page/home/performance-coin-5.webp"); transform: translate(-49.6%, -85.8%); }
    .section-performance .coin.coin--6::before { top: 0; left: 100%; z-index: 1; width: 10.98901099%; aspect-ratio: 200 / 179; background-image: url("/images/one-page/home/performance-coin-6.webp"); transform: translate(-40%, -52.5%); }
    @media (max-width: 1919.98px) { .section-performance .coin.coin--5 { display: none; } }
    
    .section-performance .chart-wrapper { position: relative; max-width: 1065px; margin-left: auto; }
    .section-performance .chart-wrapper::before { position: absolute; inset: 0; z-index: 1; width: 76.24413146%; aspect-ratio: 812 / 454; margin: auto; background: url("/images/one-page/home/performance-arrow.webp") no-repeat 50% / contain; transform: translate(-3.1%, 20.05%); content: ""; }
    @media (prefers-reduced-motion: no-preference) { .section-performance .chart-wrapper::before { animation: var(--animation-blink); } }
    @media (min-width: 1280px) { .section-performance .chart-wrapper { margin-top: -120px; } }
    @media (min-width: 1536px) { .section-performance .chart-wrapper { margin-top: -264px; } }
    @media (min-width: 1920px) { .section-performance .chart-wrapper { transform: translateX(7.23%); } }
    @media (max-width: 767.98px) { 
        .section-performance .chart-wrapper { margin-top: var(--spacing-heading-content); }
        .section-performance .chart-wrapper .coin { display: none; }
    }
    
    .section-performance .chart { display: block; width: 100%; height: auto; }
    .section-performance .banner { position: relative; width: 95%; max-width: 1820px; margin-inline: auto; padding-inline: var(--spacing-08); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; text-wrap: balance; color: var(--color-white); background: var(--color-primary-800) url("/images/one-page/home/performance-banner.webp") no-repeat 50% / cover; border-radius: var(--radius-5); }
    @media (min-width: 1280px) { .section-performance .banner { --font-size: 40px; margin-top: 66px; padding-block: 75px; } }
    @media (max-width: 1279.98px) { 
        .section-performance .banner { --font-size: var(--spacing-08); margin-top: var(--spacing-12); padding-block: var(--spacing-10); }
        .section-performance .banner .coin { display: none; }
    }
    .section-performance .banner strong { display: block; font-weight: var(--font-weight-700); font-size: 1.5em; color: var(--color-cheesecake); }

    .section-profit { contain: content; }
    @media (min-width: 1280px) { .section-profit { padding-block: 194px 200px; } }
    @media (max-width: 1279.98px) { .section-profit { padding-block: var(--spacing-section); } }
    
    .section-profit .container { display: grid; }
    @media (min-width: 768px) { 
        .section-profit .container { grid-template-columns: repeat(2, 1fr); column-gap: var(--grid-gutter); }
        .section-profit .container .compare { grid-column: 1 / -1; }
    }
    
    .section-profit .heading { font: var(--font-weight-700) var(--font-size) / 1.2 var(--font-family-gmarket); letter-spacing: -0.06em; }
    .section-profit .ui-eyebrow + .heading { margin-top: 0.24285714em; }
    .section-profit .heading * { letter-spacing: inherit; }
    @media (min-width: 1280px) { .section-profit .heading { --font-size: 80px; } }
    @media (max-width: 1279.98px) { .section-profit .heading { --font-size: var(--spacing-12); } }
    
    .section-profit .heading-sub { display: block; }
    .section-profit .heading-main { display: block; font-size: 1.25em; color: var(--color-primary); }
    
    .section-profit .banner { background: url("/images/one-page/home/profit-banner-bg.webp") no-repeat 100% 100% / min(267px, 36.08108108%); border: 5px solid var(--color-primary); border-radius: var(--radius-5); }
    @media (min-width: 1280px) { .section-profit .banner { margin-top: 52px; padding: 48px 54px 42px; } }
    @media (max-width: 1279.98px) { .section-profit .banner { margin-top: var(--spacing-heading-content); padding: var(--spacing-11) var(--spacing-08) var(--spacing-10); } }
    .section-profit .banner * { letter-spacing: var(--letter-spacing-negative-10); }
    
    .section-profit .banner .desc { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500); }
    @media (min-width: 1280px) { .section-profit .banner .desc { --font-size: 22px; } }
    @media (max-width: 1279.98px) { .section-profit .banner .desc { --font-size: var(--spacing-08); } }
    
    .section-profit .banner .sales { margin-top: var(--spacing-01); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-900); }
    @media (min-width: 1280px) { .section-profit .banner .sales { --font-size: 40px; } }
    @media (max-width: 1279.98px) { .section-profit .banner .sales { --font-size: 24px; } }
    
    .section-profit .banner .label { margin-top: var(--spacing-14); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); }
    @media (min-width: 1280px) { .section-profit .banner .label { --font-size: 30px; } }
    @media (max-width: 1279.98px) { .section-profit .banner .label { --font-size: var(--spacing-08); } }
    
    .section-profit .banner .profit { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); }
    @media (min-width: 1280px) { .section-profit .banner .profit { --font-size: 60px; margin-top: -0.13333333em; } }
    @media (max-width: 1279.98px) { .section-profit .banner .profit { --font-size: 36px; } }
    
    .section-profit .chart-figure { position: relative; width: 100%; max-width: 591px; }
    @media (prefers-reduced-motion: no-preference) {
        .section-profit .chart-figure::before { position: absolute; inset: 0 0 calc(55px + var(--offset)); aspect-ratio: 1; margin: auto; background: #fff; border-radius: 50%; animation: var(--animation-blink); content: ""; }
        @media (min-width: 1280px) { .section-profit .chart-figure::before { --offset: 28px; width: 35%; } }
        @media (max-width: 1279.98px) { .section-profit .chart-figure::before { --offset: var(--spacing-10); width: 28%; } }
    }
    @media (min-width: 768px) { .section-profit .chart-figure { place-self: end; } }
    @media (min-width: 1280px) { .section-profit .chart-figure { margin-top: 29px; } }
    @media (max-width: 767.98px) { .section-profit .chart-figure { margin-top: var(--spacing-12); } }
    .section-profit .chart-figure * { letter-spacing: var(--letter-spacing-negative-10); }
    
    .section-profit .chart-figure .chart { display: block; height: auto; margin-inline: auto; }
    @media (min-width: 1280px) { .section-profit .chart-figure .chart { width: 100%; } }
    @media (max-width: 1279.98px) { .section-profit .chart-figure .chart { width: 80%; } }
    
    .section-profit .chart-figure .list { display: grid; gap: var(--spacing-01); font: var(--font-weight-500) 18px / var(--line-height-hangeul) var(--font-family-gmarket); text-align: center; color: var(--color-neutral-500); }
    @media (min-width: 1280px) { .section-profit .chart-figure .list { margin-top: 28px; } }
    @media (max-width: 1279.98px) { .section-profit .chart-figure .list { margin-top: var(--spacing-10); font-size: 16px; } }
    
    .section-profit .compare { display: grid; }
    @media (min-width: 1280px) { .section-profit .compare { grid-template-columns: 1fr auto 1fr; gap: 45px; margin-top: 74px; } }
    @media (max-width: 1279.98px) { .section-profit .compare { grid-template-columns: 1fr auto 1fr; gap: var(--spacing-08); margin-top: var(--spacing-12); } }
    .section-profit .compare * { letter-spacing: var(--letter-spacing-negative-10); }
    
    .section-profit .compare .item { align-content: center; padding: var(--spacing-10) var(--spacing-08); text-align: center; }
    .section-profit .compare .item.item--delivery { background: #e1e6e6; }
    .section-profit .compare .item.item--hall { position: relative; contain: content; color: var(--color-white); background: var(--color-primary); isolation: isolate; }
    .section-profit .compare .item.item--hall::before, .section-profit .compare .item.item--hall::after { position: absolute; bottom: 0; display: block; width: 30.88235294%; aspect-ratio: 210 / 141; background: url("/images/one-page/home/profit-profit-up.svg") no-repeat 50% / contain; content: ""; }
    .section-profit .compare .item.item--hall::before { left: 1.45%; }
    .section-profit .compare .item.item--hall::after { right: 1.45%; transform: rotateY(180deg); }
    
    @media (min-width: 768px) { .section-profit .compare .item { border-radius: var(--radius-full); } }
    @media (min-width: 1280px) { .section-profit .compare .item { min-height: 200px; } }
    @media (max-width: 767.98px) { .section-profit .compare .item { border-radius: var(--radius-5); } }
    
    .section-profit .compare .subject { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-profit .compare .subject { --font-size: 22px; } }
    @media (max-width: 1279.98px) { .section-profit .compare .subject { --font-size: var(--spacing-08); } }
    
    .section-profit .compare .value { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    .section-profit .compare .value.value--text-large { margin-top: -0.13333333em; font-size: calc(var(--font-size) * 1.5); }
    @media (prefers-reduced-motion: no-preference) { .section-profit .compare .value.value--blink { animation: var(--animation-blink); } }
    @media (min-width: 1280px) { .section-profit .compare .value { --font-size: 40px; } }
    @media (max-width: 1279.98px) { .section-profit .compare .value { --font-size: var(--spacing-09); } }
    
    .section-profit .compare .icon-wrapper { place-self: center; }
    .section-profit .compare .icon-wrapper .icon { width: clamp(var(--spacing-10), calc(50 / var(--grid-width-base) * 100vw), 50px); height: auto; color: var(--color-primary); }

    .section-operation { contain: content; text-align: center; color: var(--color-white); background: #191919 url("/images/one-page/home/bg-noise-dark.png"); }
    @media (min-width: 1280px) { .section-operation { padding-block: 182px 191px; } }
    @media (max-width: 1279.98px) { .section-operation { padding-block: var(--spacing-section); } }
    
    .section-operation .eyebrow { margin-bottom: var(--spacing-05); font: var(--font-size) / var(--line-height-hangeul) var(--font-family-inkLipquid); text-wrap: balance; color: var(--color-tertiary); }
    @media (min-width: 1280px) { .section-operation .eyebrow { --font-size: 50px; } }
    @media (max-width: 1279.98px) { .section-operation .eyebrow { --font-size: 24px; line-height: 1.2; } }
    
    .section-operation .ui-heading strong { color: #2ffff8; }
    .section-operation .chart-wrapper { position: relative; }
    @media (min-width: 1280px) { 
        .section-operation .chart-wrapper { margin-top: 75px; }
        .section-operation .chart-wrapper::before, .section-operation .chart-wrapper::after { --max-vp: 1920; --min-vp: 1280; --max-val: 540; --min-val: 260; --slope: calc((var(--max-val) - var(--min-val)) / (var(--max-vp) - var(--min-vp))); --dynamic-size: calc(var(--max-val) * 1px - (var(--max-vp) * 1px - 100vw) * var(--slope)); position: absolute; top: 50%; display: block; width: var(--dynamic-size); height: 400px; transform: translateY(-50%); content: ""; }
        .section-operation .chart-wrapper::before { left: calc(50% - 50vw); background: var(--color-neutral-100) url("/images/one-page/home/operation-visual-1.webp") no-repeat 100% / cover; border-radius: 0 var(--radius-full) var(--radius-full) 0; }
        .section-operation .chart-wrapper::after { right: calc(50% - 50vw); background: var(--color-neutral-100) url("/images/one-page/home/operation-visual-2.webp") no-repeat 0 / cover; border-radius: var(--radius-full) 0 0 var(--radius-full); }
        @media (prefers-reduced-motion: no-preference) {
            #main-content .section-operation .chart-wrapper { transform: none; }
            .section-operation .chart-wrapper::before, .section-operation .chart-wrapper::after { opacity: 0; transition: transform var(--duration), opacity var(--duration); }
            .section-operation .chart-wrapper::before { transform: translate(-40px, -50%); }
            .section-operation .chart-wrapper::after { transform: translate(40px, -50%); }
            .section-operation .chart-wrapper.se-visible::before, .section-operation .chart-wrapper.se-visible::after { transform: translate(0, -50%); opacity: 1; }
        }
    }
    @media (max-width: 1279.98px) { .section-operation .chart-wrapper { margin-top: var(--spacing-heading-content); } }
    
    .section-operation .chart { display: block; width: 100%; max-width: 652px; height: auto; margin-inline: auto; }
    .section-operation .description { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: var(--letter-spacing-negative-10); }
    @media (min-width: 1280px) { .section-operation .description { --font-size: 30px; margin-top: 65px; } }
    @media (max-width: 1279.98px) { .section-operation .description { --font-size: var(--spacing-08); margin-top: var(--spacing-12); } }
    .section-operation .description strong { color: var(--color-cheesecake); }

    .section-baemin { contain: content; text-align: center; color: var(--color-white); background: var(--color-primary); border-radius: 0 0 0 var(--radius-section); }
    @media (min-width: 1280px) { .section-baemin { padding-block: 189px 200px; } }
    @media (max-width: 1279.98px) { .section-baemin { padding-block: var(--spacing-section); } }
    
    .section-baemin .ui-heading { isolation: isolate; }
    .section-baemin .ui-heading .heading-sub { display: block; font-size: clamp(var(--spacing-08), 0.71428571em, 50px); color: var(--color-cheesecake); }
    @media (min-width: 768px) { .section-baemin .ui-heading .heading-sub { margin: 0 0 -0.2em 2.6ch; } }
    
    .section-baemin .ui-heading .heading-main { display: block; }
    .section-baemin .ui-heading .icon-wrapper { position: relative; }
    @media (min-width: 768px) {
        .section-baemin .ui-heading .icon-wrapper::before { position: absolute; top: 0; left: 0; z-index: -1; width: 2.32857143em; aspect-ratio: 163 / 164; background: url("/images/one-page/home/baemin-mark.webp") no-repeat 50% / contain; transform: translate(-20.3%, -67%); content: ""; }
    }
    .section-baemin .ui-heading .text-yellow { color: #fffd5b; }
    
    .section-baemin .swiper { }
    @media (min-width: 1280px) { .section-baemin .swiper { margin-top: 51px; } }
    @media (max-width: 1279.98px) { .section-baemin .swiper { margin-top: var(--spacing-heading-content); } }
    
    .section-baemin .swiper .swiper-slide { width: min(370px, 70%); }
    @media (max-width: 767.98px) { .section-baemin .swiper .swiper-slide { margin-inline: var(--spacing-08); } }
    
    .section-baemin .swiper .review-image { display: block; width: 100%; height: auto; }
    @media (min-width: 768px) {
        .section-baemin .swiper .swiper-slide:not(.swiper-slide-active) .review-image { transform: scale(0.75675676); opacity: 0.2; }
        .section-baemin .swiper .swiper-slide:has(~ .swiper-slide-active) .review-image { transform: translateX(-24%); }
        .section-baemin .swiper .swiper-slide:has(+ .swiper-slide + .swiper-slide-active) .review-image { transform: translateX(-16%); }
        .section-baemin .swiper .swiper-slide:has(+ .swiper-slide-active) .review-image { transform: translateX(-8%); opacity: 0.6; }
        .section-baemin .swiper .swiper-slide-active ~ .swiper-slide .review-image { transform: translateX(24%); }
        .section-baemin .swiper .swiper-slide-active + .swiper-slide .review-image { transform: translateX(8%); opacity: 0.6; }
        .section-baemin .swiper .swiper-slide-active + .swiper-slide + .swiper-slide .review-image { transform: translateX(16%); opacity: 0.2; }
    }
    @media (prefers-reduced-motion: no-preference) { .section-baemin .swiper .review-image { transition: var(--duration); } }
    
    .section-baemin .search-guide { display: flex; align-items: center; gap: 32px; width: fit-content; margin-inline: auto; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-gmarket); border: 8px solid currentColor; border-radius: var(--radius-full); }
    @media (min-width: 768px) { .section-baemin .search-guide { padding: 12px 27px 12px 40px; } }
    @media (min-width: 1280px) { .section-baemin .search-guide { --font-size: 30px; margin-top: 100px; } }
    @media (max-width: 1279.98px) { .section-baemin .search-guide { --font-size: var(--spacing-08); margin-top: var(--spacing-heading-content); } }
    @media (max-width: 767.98px) { .section-baemin .search-guide { padding: var(--spacing-07) var(--spacing-11); } }
    
    .section-baemin .search-guide .brand { font-weight: var(--font-weight-700); font-size: 1.33333333em; }
    @media (prefers-reduced-motion: no-preference) { .section-baemin .search-guide .brand { animation: var(--animation-blink); } }
    
    .section-baemin .search-guide .search-guide-icon { display: block; width: 1.33333333em; height: auto; }
    @media (max-width: 767.98px) { .section-baemin .search-guide .search-guide-icon { display: none; } }

    .section-store-model { contain: layout; }
    @media (min-width: 1280px) { .section-store-model { padding-block: 194px 100px; } }
    @media (max-width: 1279.98px) { .section-store-model { padding-block: var(--spacing-section); } }
    .section-store-model * { letter-spacing: var(--letter-spacing-negative-10); }
    .section-store-model hgroup { text-align: center; }
    
    @media (min-width: 1280px) { .section-store-model .ui-tablist { margin-top: 71px; } }
    @media (min-width: 1280px) { .section-store-model .tabpanels { margin-top: 80px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels { margin-top: var(--spacing-heading-content); } }
    
    .section-store-model .tabpanels .tabpanel { border: var(--border-width-3) solid var(--color-primary); border-radius: var(--radius-5); box-shadow: 0 0 80px rgba(0,0,0,0.15); /* Fallback color untuk rgb(from) */ }
    @media (min-width: 768px) { .section-store-model .tabpanels .tabpanel { display: grid; grid-template-columns: repeat(2, 1fr); } }
    
    .section-store-model .tabpanels .startup-summary { position: relative; isolation: isolate; }
    @media (min-width: 1280px) { 
        .section-store-model .tabpanels .startup-summary { padding: 54px 69px 112px 66px; border-radius: var(--radius-4) 0 0 var(--radius-4); }
        .section-store-model .tabpanels .startup-summary::before { position: absolute; top: 32px; right: 32px; z-index: -1; width: 28.38018742%; aspect-ratio: 212 / 245; background: url("/images/one-page/brand/symbol-black.svg"); opacity: 0.05; content: ""; }
    }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary { padding: var(--spacing-14) var(--spacing-08); border-radius: var(--radius-4) var(--radius-4) 0 0; } }
    
    .section-store-model .tabpanels .startup-summary .title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .startup-summary .title { --font-size: 50px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary .title { --font-size: 24px; } }
    
    .section-store-model .tabpanels .startup-summary .title .store-size { display: block; margin-top: var(--spacing-02); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .startup-summary .title .store-size { --font-size: 25px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary .title .store-size { --font-size: 20px; } }
    
    .section-store-model .tabpanels .startup-summary .checked-list { display: grid; gap: var(--spacing-08); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .startup-summary .checked-list { --font-size: 25px; margin-top: 45px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary .checked-list { --font-size: 16px; margin-top: var(--spacing-heading-content); } }
    
    .section-store-model .tabpanels .startup-summary .checked-list .checked-item { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
    .section-store-model .tabpanels .startup-summary .checked-list .checked-item::before { display: block; width: 1em; aspect-ratio: 1; background: url("/images/one-page/ui/checked-primary.svg") no-repeat 50% / 88%; transform: translateY(22%); content: ""; }
    
    .section-store-model .tabpanels .startup-summary .total-cost { background: #f0f3f3; border: var(--border-width-3) solid var(--color-primary); border-radius: var(--radius-4); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .startup-summary .total-cost { margin-top: 50px; padding: 35px 36px 28px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary .total-cost { margin-top: var(--spacing-heading-content); padding: var(--spacing-08); } }
    
    .section-store-model .tabpanels .startup-summary .total-cost .cost-label { display: block; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .startup-summary .total-cost .cost-label { --font-size: 22px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary .total-cost .cost-label { --font-size: 16px; } }
    
    .section-store-model .tabpanels .startup-summary .total-cost .cost-value { display: block; margin-top: var(--spacing-03); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: #666; }
    @media (min-width: 1280px) { .section-store-model .tabpanels .startup-summary .total-cost .cost-value { --font-size: 30px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .startup-summary .total-cost .cost-value { --font-size: 20px; } }
    .section-store-model .tabpanels .startup-summary .total-cost .cost-value strong { font-size: 1.66666667em; color: var(--color-primary); }
    
    .section-store-model .tabpanels .section-benefit { position: relative; color: var(--color-white); background: var(--color-primary); }
    .section-store-model .tabpanels .section-benefit *:not(.badge)::selection { color: var(--color-primary); background: var(--color-white, #fff); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .section-benefit { padding: 57px 69px 62px; border-radius: 0 var(--radius-4) var(--radius-4) 0; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .section-benefit { padding: var(--spacing-14) var(--spacing-08); border-radius: 0 0 var(--radius-4) var(--radius-4); } }
    
    .section-store-model .tabpanels .section-benefit .title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .section-benefit .title { --font-size: 40px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .section-benefit .title { --font-size: 24px; } }
    
    .section-store-model .tabpanels .section-benefit .badge-50th-limited { position: absolute; top: 0; right: 0; display: block; width: clamp(80px, 25.56894244%, 191px); height: auto; transform: translate(27.7%, -36.7%); }
    @media (prefers-reduced-motion: no-preference) { .section-store-model .tabpanels .section-benefit .badge-50th-limited { animation: var(--animation-blink); } }
    
    .section-store-model .tabpanels .section-benefit .list { display: grid; gap: var(--spacing-06); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-store-model .tabpanels .section-benefit .list { --font-size: 22px; margin-top: 29px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .section-benefit .list { --font-size: 16px; margin-top: var(--spacing-heading-content); } }
    
    .section-store-model .tabpanels .section-benefit .item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2ch; padding: 15.5px 14px 15.5px 30px; border-radius: var(--radius-3); }
    .section-store-model .tabpanels .section-benefit .item:nth-child(odd) { background: #028482; }
    .section-store-model .tabpanels .section-benefit .item:nth-child(even) { background: #047c7c; }
    
    .section-store-model .tabpanels .section-benefit .badge { padding: var(--spacing-05) var(--spacing-08); font: var(--font-weight-700) inherit / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); background: var(--color-cheesecake); border-radius: var(--radius-3); }
    @media (prefers-reduced-motion: no-preference) { .section-store-model .tabpanels .section-benefit .badge { animation: var(--animation-blink); } }
    
    .section-store-model .tabpanels .section-benefit .note { margin-top: 25px; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; text-wrap: balance; opacity: 0.8; }
    @media (min-width: 1280px) { .section-store-model .tabpanels .section-benefit .note { --font-size: 18px; } }
    @media (max-width: 1279.98px) { .section-store-model .tabpanels .section-benefit .note { --font-size: 14px; } }

    .section-interior { contain: content; }
    @media (min-width: 1280px) { .section-interior { padding-block: 183px 195px; } }
    @media (max-width: 1279.98px) { .section-interior { padding-block: var(--spacing-section); } }
    .section-interior hgroup { text-align: center; }
    
    .section-interior .swiper { max-width: 1100px; overflow: visible; margin-inline: auto; }
    @media (min-width: 1280px) { .section-interior .swiper { margin-top: 72px; } }
    @media (max-width: 1279.98px) { .section-interior .swiper { margin-top: var(--spacing-heading-content); } }
    
    .section-interior .swiper .thumb { display: block; width: 100%; height: auto; border-radius: var(--radius-5); }
    .section-interior .swiper .pagination { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--spacing-14); padding-inline: var(--spacing-03) var(--spacing-01); font: var(--font-weight-500) 18px / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-interior .swiper .pagination { margin-top: 54px; } }
    @media (max-width: 1279.98px) { .section-interior .swiper .pagination { margin-top: var(--spacing-08); font-size: 16px; } }
    
    .section-interior .swiper .progress-track { height: var(--spacing-05); background: var(--color-neutral-200); border-radius: var(--radius-full); }
    .section-interior .swiper .progress-fill { height: var(--spacing-05); background: var(--color-primary); border-radius: var(--radius-full); }
    @media (prefers-reduced-motion: no-preference) { .section-interior .swiper .progress-fill { transition: var(--duration); } }
    
    .section-interior .swiper .current { color: var(--color-neutral-700); }
    .section-interior .swiper .slash, .section-interior .swiper .total { color: var(--color-neutral-500); }

    .section-menu-overview { contain: content; background: #f4eddb url("/images/one-page/home/menu-bg-decoration.svg") no-repeat 0 0 / min(23.33333333%, 448px); border-radius: 0 var(--radius-section) 0 var(--radius-section); }
    @media (min-width: 1280px) { .section-menu-overview { padding-block: 194px 200px; } }
    @media (max-width: 1279.98px) { .section-menu-overview { padding-block: var(--spacing-section); } }
    .section-menu-overview * { letter-spacing: var(--letter-spacing-negative-10); }
    
    .section-menu-overview .section-popular-menu hgroup { text-align: center; text-wrap: balance; }
    .section-menu-overview .section-popular-menu .popular-menu-list { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--spacing-12) var(--grid-gutter); margin-top: 53px; counter-reset: index; }
    @media (min-width: 1280px) { 
        .section-menu-overview .section-popular-menu .popular-menu-list { gap: 96px 41.5px; }
        .section-menu-overview .section-popular-menu .popular-menu-list .item { grid-column-end: span 4; }
        .section-menu-overview .section-popular-menu .popular-menu-list .item--featured { grid-column: 1 / -1; }
    }
    @media (max-width: 1279.98px) { .section-menu-overview .section-popular-menu .popular-menu-list .item { grid-column-end: span 6; } }
    
    @media (min-width: 1280px) {
        .section-menu-overview .section-popular-menu .popular-menu-list .item--featured .index { --font-size: 30px; }
        .section-menu-overview .section-popular-menu .popular-menu-list .item--featured .title { --font-size: 40px; margin-top: 0.35em; }
        .section-menu-overview .section-popular-menu .popular-menu-list .item--featured .thumb { margin-top: 28px; border: 8px solid var(--color-primary); border-radius: var(--radius-5); }
    }
    @media (min-width: 1800px) {
        .section-menu-overview .section-popular-menu .popular-menu-list .item--featured .thumb-wrapper::before { position: absolute; bottom: -10px; left: 92.7%; width: 448px; aspect-ratio: 437 / 383; background: url("/images/one-page/brand/mascot.svg") no-repeat 50% / contain; content: ""; }
    }
    
    .section-menu-overview .section-popular-menu .popular-menu-list .index { align-content: center; width: 2em; aspect-ratio: 1; margin-inline: auto; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-hanamdaume); text-align: center; color: var(--color-white); background: var(--color-primary); border-radius: 50%; }
    .section-menu-overview .section-popular-menu .popular-menu-list .index::before { counter-increment: index; content: counter(index); }
    @media (min-width: 1280px) { .section-menu-overview .section-popular-menu .popular-menu-list .index { --font-size: 25px; } }
    @media (max-width: 1279.98px) { .section-menu-overview .section-popular-menu .popular-menu-list .index { --font-size: 22px; } }
    
    .section-menu-overview .section-popular-menu .popular-menu-list .title { margin-top: 0.45714286em; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-neutral-900); }
    @media (min-width: 1280px) { .section-menu-overview .section-popular-menu .popular-menu-list .title { --font-size: 35px; } }
    @media (max-width: 1279.98px) { .section-menu-overview .section-popular-menu .popular-menu-list .title { --font-size: 24px; } }
    
    .section-menu-overview .section-popular-menu .popular-menu-list .thumb-wrapper { position: relative; max-width: 1200px; margin-inline: auto; }
    .section-menu-overview .section-popular-menu .popular-menu-list .thumb { display: block; width: 100%; height: auto; margin-top: 27px; border-radius: var(--radius-5); }
    
    .section-menu-overview .section-full-menu { padding-inline: var(--spacing-08); background: var(--color-white); border-radius: clamp(32px, 5.20833333vw, 50px); }
    @media (min-width: 1280px) { .section-menu-overview .section-full-menu { margin-top: 151px; padding-block: 89px 100px; } }
    @media (max-width: 1279.98px) { .section-menu-overview .section-full-menu { margin-top: var(--spacing-section); padding-block: var(--spacing-section); } }
    
    .section-menu-overview .section-full-menu .heading { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-gmarket); letter-spacing: var(--letter-spacing-negative-60); text-align: center; }
    @media (min-width: 1280px) { .section-menu-overview .section-full-menu .heading { --font-size: 50px; } }
    @media (max-width: 1279.98px) { .section-menu-overview .section-full-menu .heading { --font-size: var(--spacing-10); } }
    
    .section-menu-overview .section-full-menu .heading b { font-size: 1.2em; letter-spacing: var(--letter-spacing-negative-60); }
    @media (min-width: 768px) { .section-menu-overview .section-full-menu .heading b { display: block; margin-top: -0.21666667em; } }
    
    .section-menu-overview .section-full-menu .ui-scrollable { margin-inline: calc(var(--spacing-08) * -1); padding-inline: var(--spacing-08); }
    .section-menu-overview .section-full-menu .menu-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(calc((100% - var(--grid-gutter)) / 2), clamp(210px, calc(300 / var(--grid-width-base) * 100vw), 300px)), 1fr)); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-800); }
    @media (min-width: 768px) { .section-menu-overview .section-full-menu .menu-list { max-width: calc(var(--grid-width-base) * 1px); margin-inline: auto; } }
    @media (min-width: 1280px) { .section-menu-overview .section-full-menu .menu-list { --font-size: 22px; gap: 43px 20px; margin-top: 80px; } }
    @media (max-width: 1279.98px) { .section-menu-overview .section-full-menu .menu-list { --font-size: 16px; gap: var(--spacing-10) var(--grid-gutter); margin-top: var(--spacing-heading-content); } }
    
    .section-menu-overview .section-full-menu .thumb { display: block; width: 100%; height: auto; border-radius: var(--radius-4); }
    .section-menu-overview .section-full-menu .name { margin-top: 0.86363636em; text-align: center; }

    .section-process { text-align: center; }
    @media (min-width: 1280px) { .section-process { padding-block: 194px; } }
    @media (max-width: 1279.98px) { .section-process { padding-block: var(--spacing-section); } }
    .section-process * { letter-spacing: var(--letter-spacing-negative-10); }
    
    .section-process .list { --half-gap: clamp(var(--spacing-08), 1.51041667vw, 29px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: calc(var(--half-gap) * 2); }
    @media (min-width: 1280px) { .section-process .list { margin: 53px var(--half-gap) 0; } }
    @media (max-width: 1279.98px) { .section-process .list { margin-top: var(--spacing-heading-content); } }
    
    .section-process .item.item--1 { --color: #ffb400; }
    .section-process .item.item--2 { --color: #ff8b00; }
    .section-process .item.item--3 { --color: #ad4600; }
    .section-process .item.item--4 { --color: #004945; }
    .section-process .item.item--5 { --color: #006a68; }
    .section-process .item.item--6 { --color: #006a68; }
    
    .section-process .icon-wrapper { position: relative; display: grid; place-items: center; width: 78.125%; max-width: 150px; aspect-ratio: 1; margin-inline: auto; background: var(--color); border-radius: 50%; }
    .section-process .item:not(:last-child) .icon-wrapper::before { position: absolute; top: 50%; left: 100%; width: 24px; width: 16%; aspect-ratio: 24 / 37; background: var(--color); transform: translate(-15%, -50%); clip-path: polygon(0 0, 100% 50%, 0 100%); content: ""; }
    
    .section-process .icon { display: block; width: auto; color: #fff; }
    .section-process .icon.icon--1, .section-process .icon.icon--2, .section-process .icon.icon--3 { height: 38.66666667%; }
    .section-process .icon.icon--4, .section-process .icon.icon--5 { height: 37.33333333%; }
    .section-process .icon.icon--6 { height: 34.66666667%; }
    
    .section-process .step { --font-size: 17px; margin-top: 25px; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-hanamdaume); letter-spacing: var(--letter-spacing-negative-50); color: var(--color); }
    .section-process .title { display: block; margin-top: 6px; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-800); }
    @media (min-width: 1280px) { .section-process .title { --font-size: 25px; } }
    @media (max-width: 1279.98px) {
		 .section-process .step{ --font-size: 14px; }
		.section-process .title { --font-size: 20px; }
	}
    
    .section-process .desc { display: block; margin-top: 9px; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600); }
    @media (min-width: 1280px) { .section-process .desc { --font-size: 22px; } }
    @media (max-width: 1279.98px) { .section-process .desc { --font-size: 16px; } }

    .section-education { background: #f8f5ed; border-radius: 0 var(--radius-section) 0 0; }
    @media (min-width: 1280px) { .section-education { padding-block: 188px 200px; } }
    @media (max-width: 1279.98px) { .section-education { padding-block: var(--spacing-section); } }
    .section-education * { letter-spacing: var(--letter-spacing-negative-10); }
    .section-education hgroup { text-align: center; }
    .section-education hgroup .sub-line { margin-top: 0.68181818em; }
    .section-education .ui-sub-line b { font-weight: var(--font-weight-700); }
    
    .section-education .eyebrow { font: var(--font-size) / var(--line-height-hangeul) var(--font-family-inkLipquid); color: var(--color-tertiary); }
    @media (min-width: 1280px) { .section-education .eyebrow { --font-size: 50px; } }
    @media (max-width: 1279.98px) { .section-education .eyebrow { --font-size: 22px; } }
    
    .section-education .sub-line { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600); }
    @media (min-width: 1280px) { .section-education .sub-line { --font-size: 22px; } }
    @media (max-width: 1279.98px) { .section-education .sub-line { --font-size: 20px; } }
    
    .section-education .section-training-steps { display: grid; gap: var(--spacing-12) clamp(var(--spacing-08), calc(120 / var(--grid-width-base) * 100vw), 120px); }
    @media (min-width: 768px) { 
        .section-education .section-training-steps { grid-template-columns: 3fr 2fr; margin-top: 73px; }
        .section-education .section-training-steps .visual-wrapper { order: 1; }
    }
    @media (min-width: 1536px) { .section-education .section-training-steps { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps { margin-top: var(--spacing-section); } }
    
    .section-education .section-training-steps .visual { height: 100%; background: var(--color-neutral-200) no-repeat 50% / cover; border-radius: var(--radius-5); }
    
    /* Safari Legacy Fallback: Using general sibling selector (~) instead of :has() for stability */
    #radio-1:checked ~ * .visual, .section-education .section-training-steps:has(.radio-1:checked) .visual { background-image: url("/images/one-page/home/education-visual-1.webp"); }
    #radio-2:checked ~ * .visual, .section-education .section-training-steps:has(.radio-2:checked) .visual { background-image: url("/images/one-page/home/education-visual-2.webp"); }
    #radio-3:checked ~ * .visual, .section-education .section-training-steps:has(.radio-3:checked) .visual { background-image: url("/images/one-page/home/education-visual-3.webp"); }
    #radio-4:checked ~ * .visual, .section-education .section-training-steps:has(.radio-4:checked) .visual { background-image: url("/images/one-page/home/education-visual-4.webp"); }
    
    @media (prefers-reduced-motion: no-preference) { .section-education .section-training-steps .visual { transition: var(--duration); } }
    @media (max-width: 767.98px) { .section-education .section-training-steps .visual { aspect-ratio: 690 / 608; } }
    
    .section-education .section-training-steps .sub-heading { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: var(--letter-spacing-negative-50); color: var(--color-primary); }
    @media (min-width: 1280px) { .section-education .section-training-steps .sub-heading { --font-size: 50px; margin-top: -0.34em; } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps .sub-heading { --font-size: 24px; } }
    
    .section-education .section-training-steps .sub-line { margin-top: 0.86363636em; }
    .section-education .section-training-steps .list { margin: 0; margin-top: 53px; padding: 0; border: 0; border-top: var(--border-width-3) solid var(--color-primary); }
    .section-education .section-training-steps .item { border-bottom: var(--border-width-1) solid #c1bdb0; }
    .section-education .section-training-steps .cta { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: clamp(16px, calc(35 / var(--grid-width-base) * 100vw), 35px); padding-inline: var(--spacing-05); cursor: pointer; }
    @media (min-width: 1280px) { .section-education .section-training-steps .cta { padding-block: 22px 19px; } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps .cta { padding-block: var(--spacing-08); } }
    
    .section-education .section-training-steps .time { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: -0.075em; color: var(--color-primary); }
    @media (min-width: 1280px) { .section-education .section-training-steps .time { --font-size: 22px; } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps .time { --font-size: 16px; } }
    
    .section-education .section-training-steps .title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
    @media (min-width: 1280px) { .section-education .section-training-steps .title { --font-size: 30px; } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps .title { --font-size: 16px; } }
    
    .section-education .section-training-steps .arrow-down { display: block; width: 0.73333333em; height: auto; font-size: var(--font-size); color: var(--color-primary); transform: translate(-8%, -7%); }
    .section-education .section-training-steps .item:has(:checked) .arrow-down { transform: translate(-8%, -7%) rotate(180deg); } /* :has fallback for arrow rotation needs JS to be 100% safe on old safari */
    @media (min-width: 1280px) { .section-education .section-training-steps .arrow-down { --font-size: 30px; } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps .arrow-down { --font-size: 16px; } }
    
    .section-education .section-training-steps .desc { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600); }
    .section-education .section-training-steps .item:not(:has(:checked)) .desc { display: none; }
    @media (min-width: 1280px) { .section-education .section-training-steps .desc { --font-size: 22px; padding: 1px 9px 28px; } }
    @media (max-width: 1279.98px) { .section-education .section-training-steps .desc { --font-size: 16px; padding: 1px var(--spacing-05) var(--spacing-09); } }
    
    .section-education .section-support-system { display: grid; gap: var(--spacing-12) clamp(var(--spacing-08), calc(120 / var(--grid-width-base) * 100vw), 120px); }
    @media (min-width: 768px) { .section-education .section-support-system { grid-template-columns: 2fr 3fr; margin-top: 170px; } }
    @media (min-width: 1536px) { .section-education .section-support-system { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 767.98px) { .section-education .section-support-system { margin-top: var(--spacing-section); } }
    
    .section-education .section-support-system .tabpanel { display: grid; grid-template-rows: 1fr auto; height: 100%; }
    .section-education .section-support-system .visual { background: var(--color-neutral-200) no-repeat 50% / cover; border-radius: var(--radius-5) var(--radius-5) 0 0; }
    .section-education .section-support-system .visual.visual--5 { background-image: url("/images/one-page/home/education-visual-5.webp"); }
    .section-education .section-support-system .visual.visual--6 { background-image: url("/images/one-page/home/education-visual-6.webp"); }
    .section-education .section-support-system .visual.visual--7 { background-image: url("/images/one-page/home/education-visual-7.webp"); }
    .section-education .section-support-system .visual.visual--8 { background-image: url("/images/one-page/home/education-visual-8.webp"); }
    .section-education .section-support-system .visual.visual--9 { background-image: url("/images/one-page/home/education-visual-9.webp"); }
    .section-education .section-support-system .visual.visual--10 { background-image: url("/images/one-page/home/education-visual-10.webp"); }
    .section-education .section-support-system .visual.visual--11 { background-image: url("/images/one-page/home/education-visual-11.webp"); }
    .section-education .section-support-system .visual.visual--12 { background-image: url("/images/one-page/home/education-visual-12.webp"); }
    .section-education .section-support-system .visual.visual--13 { background-image: url("/images/one-page/home/education-visual-13.webp"); }
    .section-education .section-support-system .visual.visual--14 { background-image: url("/images/one-page/home/education-visual-14.webp"); }
    @media (max-width: 767.98px) { .section-education .section-support-system .visual { aspect-ratio: 690 / 573; } }
    
    .section-education .section-support-system .tabpanel-text { padding: 20px var(--spacing-05); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; text-wrap: balance; color: var(--color-cheesecake); background: var(--color-primary); border-radius: 0 0 var(--radius-5) var(--radius-5); }
    .section-education .section-support-system .tabpanel-text strong { font-weight: var(--font-weight-700); }
    @media (min-width: 1280px) { .section-education .section-support-system .tabpanel-text { --font-size: 30px; } }
    @media (min-width: 1536px) { .section-education .section-support-system .tabpanel-text strong { display: block; } }
    @media (max-width: 1279.98px) { .section-education .section-support-system .tabpanel-text { --font-size: 16px; } }
    
    .section-education .section-support-system .sub-heading { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: var(--letter-spacing-negative-50); }
    .section-education .section-support-system .sub-heading small { display: block; margin-bottom: -0.4em; font-size: 0.8em; }
   
	@media (min-width: 1280px) { 
		.section-education .section-support-system .sub-heading { --font-size: 50px; margin-top: -15px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-education .section-support-system .sub-heading { --font-size: 24px; } 
	}
    
    .section-education .section-support-system .sub-line { margin-top: 0.86363636em; }
    .section-education .section-support-system .list-wrapper { padding: 22px 10px 0; border-top: var(--border-width-3) solid var(--color-primary); }

    @media (min-width: 1280px) { 
        .section-education .section-support-system .list-wrapper { margin-top: 53px; }
        .section-education .section-support-system .list-wrapper + .list-wrapper { margin-top: 60px; }
    }
    @media (max-width: 1279.98px) { 
		.section-education .section-support-system .list-wrapper { margin-top: var(--spacing-heading-content); } 
	}
    
    .section-education .section-support-system .list-title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); }
   
	@media (min-width: 1280px) { 
		.section-education .section-support-system .list-title { --font-size: 30px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-education .section-support-system .list-title { --font-size: 24px; } 
	}
    
    .section-education .section-support-system .tablist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; margin-top: 21px; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); }
   
	@media (min-width: 768px) { 
		.section-education .section-support-system .tablist.tablist--columns-3 { grid-template-columns: repeat(3, 1fr); }
	}
    @media (min-width: 1280px) { 
		.section-education .section-support-system .tablist { --font-size: 22px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-education .section-support-system .tablist { --font-size: 16px; } 
	}
    
    .section-education .section-support-system .tab { padding: 12.5px var(--spacing-05); text-align: center; text-wrap: balance; background: #f4eddb; border: var(--border-width-1) solid #c1bdb0; border-radius: var(--radius-3); }
    .section-education .section-support-system .tab.is-current { color: var(--color-white); background: var(--color-primary); border-color: transparent; }
    .section-education .section-support-system .tab.is-current::selection { color: var(--color-primary); background: var(--color-white, #fff); }

    .section-inquiry { }
    @media (min-width: 1280px) { 
		.section-inquiry { padding-block: 194px 200px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-inquiry { padding-block: var(--spacing-section); } 
	}
    
	.section-inquiry * { letter-spacing: var(--letter-spacing-negative-10); }
    .section-inquiry hgroup { text-align: center; }
    .section-inquiry fieldset { margin: 0; padding: 0; border: 0; }
    .section-inquiry .field-wrapper { display: grid; gap: var(--spacing-14); }
    .section-inquiry .field-wrapper .policy-wrapper { --font-size: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--spacing-08) var(--spacing-10); margin-bottom: var(--spacing-06); padding: var(--spacing-06); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500); background: #f1f1f1; border-radius: var(--radius-3); }
    
	@media (min-width: 1280px) { 
		.section-inquiry .field-wrapper .policy-wrapper { margin-top: 53px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-inquiry .field-wrapper .policy-wrapper { margin-top: var(--spacing-heading-content); } 
	}
    
    .section-inquiry .field-wrapper .policy-wrapper .policy-label { display: inline-flex; align-items: center; gap: 11px; margin-left: 10px; }
    .section-inquiry .field-wrapper .policy-wrapper .policy-trigger { min-width: 100px; margin-left: auto; padding: 8.5px 1ch; font-size: 0.9375em; color: var(--color-white); background: #666; border-radius: var(--radius-3); }
    .section-inquiry .field-wrapper .field-item { display: grid; row-gap: var(--spacing-08); min-height: 60px; }
   
	@media (min-width: 768px) { 
		.section-inquiry .field-wrapper .field-item { grid-template-columns: 160px 1fr; } 
	}
    @media (min-width: 1280px) { 
		.section-inquiry .field-wrapper .field-item { padding-inline: 50px; } 
	}
    
    .section-inquiry .field-wrapper .field-label { --font-size: 20px; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); }
    .section-inquiry .field-wrapper .field-item:has([required]) .field-label::before { margin-right: 0.4ch; content: "*"; }
    
	@media (min-width: 768px) { 
		.section-inquiry .field-wrapper .field-label { margin-top: 0.9em; } 
	}
	@media (max-width: 1279px) { 
		.section-inquiry .field-wrapper .field-label { --font-size: 18px; } 
	}
    
    .section-inquiry .field-wrapper .field { --font-size: 18px; width: 100%; padding: 15.5px 18px; font: var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border: var(--border-width-1) solid #cfcfcf; border-radius: var(--radius-3); }
    .section-inquiry .field-wrapper .field.field--multiline { min-height: 8.88888889em; }
    .section-inquiry .field-wrapper .phone-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .section-inquiry .field-wrapper .phone-group select { background: url("/images/one-page/ui/arrow-down-gray.svg") no-repeat calc(100% - 19px) 50% / 13px; -webkit-appearance: none; appearance: none; }
    .section-inquiry .field-wrapper .store-group { display: flex; flex-wrap: wrap; gap: 1lh 3ch; }
    .section-inquiry .field-wrapper .store-group .radio-item { display: inline-flex; align-items: center; gap: 6px; }
    .section-inquiry .field-wrapper .store-group .radio { width: 22px; height: auto; aspect-ratio: 1; }
    .section-inquiry .field-wrapper .source-group { --font-size: 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(calc((100% - 10px) / 2), 227px), 1fr)); gap: var(--spacing-06); font: var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-neutral-700); }
    .section-inquiry .field-wrapper .source-group .radio-item { position: relative; align-content: center; padding: 15.5px 1ch; border: var(--border-width-1) solid #cfcfcf; border-radius: var(--radius-3); }
    .section-inquiry .field-wrapper .source-group .radio-item:has(:checked) { font-weight: var(--font-weight-700); color: var(--color-white); background: var(--color-primary); border-color: transparent; }
    .section-inquiry .field-wrapper .source-group .radio-item:has(:checked)::selection { color: var(--color-primary); background: var(--color-white, #fff); }
    .section-inquiry .field-wrapper .source-group .radio-hidden { position: absolute; inset: 0; margin: auto; opacity: 0; }
    .section-inquiry .submit-wrapper { display: flex; justify-content: center; gap: var(--spacing-05); margin-top: 1.81818182em; padding-top: 2.27272727em; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border-top: var(--border-width-1) solid #888; }
    
	@media (min-width: 1280px) { 
		.section-inquiry .submit-wrapper { --font-size: 22px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-inquiry .field-wrapper .source-group{ --font-size: 16px; }
		.section-inquiry .submit-wrapper { --font-size: 18px; }
	}
    
	.section-inquiry .submit-wrapper .btn-submit { min-width: 250px; padding: 0.84090909em 1ch; color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-full); }
    .section-store-locator { background: #f8e9b6 url("/images/one-page/home/bg-noise-yellow.png"); border-radius: 0 var(--radius-section) 0 0; }
    
	@media (min-width: 1280px) { 
		.section-store-locator { padding-top: 194px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-store-locator { padding-top: var(--spacing-section); } 
	}
    
	.section-store-locator * { letter-spacing: var(--letter-spacing-negative-10); }
    .section-store-locator hgroup { text-align: center; }
    .section-store-locator .layout { position: relative; margin-top: 53px; }
    .section-store-locator .search-panel { contain: content; padding-bottom: 27px; background: var(--color-white); border: var(--border-width-3) solid var(--color-primary); border-radius: var(--radius-5); }
    
	@media (min-width: 1280px) { 
		.section-store-locator .search-panel { --space: 70px; position: absolute; top: var(--space); left: var(--space); z-index: 1; width: 100%; max-width: 500px; box-shadow: 0 0 80px rgba(0,0,0,0.3); } 
	}
    
    .section-store-locator .search-panel .heading { padding-block: 19.5px; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-white); background: var(--color-primary); }
    
	@media (min-width: 1280px) { 
		.section-store-locator .search-panel .heading { --font-size: 25px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-store-locator .search-panel .heading { --font-size: 22px; } 
	}
    
    .section-store-locator .search-panel .field-wrapper { display: block; padding: 30px 27px; }
    .section-store-locator .search-panel .field { --font-size: 20px; display: block; width: 100%; padding: 14px 19px; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border: var(--border-width-1) solid #cfcfcf; border-radius: var(--radius-3); }
    .section-store-locator .search-panel .skip-link { position: absolute; z-index: 9; padding: var(--spacing-05) var(--spacing-08); font-weight: bold; color: #fff; text-decoration: none; background-color: #000; transform: translateY(-50%); }
    .section-store-locator .search-panel .skip-link:not(:focus) { opacity: 0; }
    .section-store-locator .search-panel .result-list { overflow: clip auto; margin-right: 7px; }
    .section-store-locator .search-panel .result-list::-webkit-scrollbar { width: 5px; }
    .section-store-locator .search-panel .result-list::-webkit-scrollbar-track { background: #e5e5e5; border-radius: 5px; }
    .section-store-locator .search-panel .result-list::-webkit-scrollbar-thumb { background-color: var(--color-primary); border-radius: 5px; }
    
	@media (min-width: 768px) { 
		.section-store-locator .search-panel .result-list { max-height: 410px; } 
	}
	@media(max-width:1279px){
		.section-store-locator .search-panel .field-wrapper{ padding: 24px 16px; }
		.section-store-locator .search-panel .field{ --font-size: 16px; }
	}
    @media (max-width: 767.98px) { 
		.section-store-locator .search-panel .result-list { max-height: 205px; } 
	}
    
    .section-store-locator .search-panel .result-item { margin-inline: 27px 15px; }
    .section-store-locator .search-panel .result-item + .result-item { margin-top: 18px; padding-top: 24px; border-top: 1px solid #ddd; }
    /* .section-store-locator .search-panel .result-item:first-child { margin-top: -6px; } */
    .section-store-locator .search-panel .result-item .btn-result { width: 100%; text-align: left; }
    .section-store-locator .search-panel .result-item .btn-result .title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-800); }
    
	@media (min-width: 1280px) { 
		.section-store-locator .search-panel .result-item .btn-result .title { --font-size: 22px; } 
	}
    @media (max-width: 1279.98px) { 
		.section-store-locator .search-panel .result-item .btn-result .title { --font-size: 16px; } 
	}
    
	.section-store-locator .search-panel .result-item .btn-result .address { --font-size: 18px; margin-top: 0.38888889em; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: #666; }
    .section-store-locator .store-map { --radius: clamp(32px, 4.16666667vw, 80px); position: relative; z-index: 0; border-radius: var(--radius) var(--radius) 0 0; }

    @media (min-width: 768px) {
		.section-store-locator .store-map { height: 780px; } 
	}
	@media (max-width:1279px){
		.section-store-locator .search-panel .result-item .btn-result .address{ --font-size: 14px; }
	}
    @media (max-width: 767.98px) { 
		.section-store-locator .store-map { aspect-ratio: 3 / 4; } 
	}
    
    .section-store-locator .info-panel { position: relative; width: max-content; padding: 25px 19px 25px; text-align: center; background: #fff; border: 1px solid #111; border-radius: 9px; transform: translate(-8.5%, -20px); }
    .section-store-locator .info-panel::before { position: absolute; top: 100%; left: 50%; width: 26px; height: 26px; background: inherit; border: inherit; border-width: 0 1px 1px 0; transform: translate(-50%, -50%) rotate(45deg); content: ""; }
    .section-store-locator .info-panel .close { position: absolute; top: 15px; right: 18px; width: 11px; height: 11px; }
    .section-store-locator .info-panel .close::before, .section-store-locator .info-panel .close::after { position: absolute; inset: 0; width: 1px; margin: auto; background: #000; content: ""; }
    .section-store-locator .info-panel .close::before { transform: rotate(-45deg); }
    .section-store-locator .info-panel .close::after { transform: rotate(45deg); }
    .section-store-locator .info-panel .name { font-weight: 600; font-size: 16px; }
    .section-store-locator .info-panel .item { font-size: 14px; color: var(--gray); }
    .section-store-locator .info-panel .border-top { margin-top: 10px; padding-top: 11px; border-top: 1px dotted #ddd; }
    .section-store-locator .info-panel .item + p { margin-top: 6px; }
    .section-store-locator .info-panel .item:empty { display: none; }

    .floating-group { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 9; }
    .floating-menu { position: absolute; right: var(--space); bottom: calc(100% + var(--space)); }
    
	@media (min-width: 1280px) { 
		.floating-menu { --space: 25px; } 
	}
    @media (max-width: 1279.98px) { 
		.floating-menu { --space: var(--spacing-05); } 
	}
    
    .floating-menu .list { display: grid; }

    @media (min-width: 1280px) { 
		.floating-menu .list { gap: 15px; width: 80px; } 
	}
    @media (max-width: 1279.98px) { 
		.floating-menu .list { gap: var(--spacing-05); width: var(--spacing-17); } 
	}
    
    .floating-menu .link { display: grid; place-items: center; width: 100%; aspect-ratio: 1; color: #fff; border: var(--border-width-1) solid currentColor; border-radius: 50%; }
    .floating-menu .link.link--blog { background: #3cb15b; }
    .floating-menu .link.link--talk { background: #ffe600; }
    .floating-menu .link.link--inquiry { padding-top: 8%; background: #014c4d; }
    .floating-menu .link-text { font: 700 1.2px / 1.2 var(--font-family-gmarket); font-size: clamp(14px, 3.5vw, 25px); text-align: center; }
    .floating-menu .icon { display: block; height: auto; }
    .floating-menu .icon.icon--blog { width: 41.25%; color: var(--color-white); }
    .floating-menu .icon.icon--talk { width: 56.25%; }
    .floating-form { padding-block: 24px; background: #fffcda; border-top: var(--border-width-2) solid var(--color-primary); }
    .floating-form * { letter-spacing: var(--letter-spacing-negative-10); }
    .floating-form .container { align-items: center; }
    .floating-form .contact { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-gmarket); color: var(--color-primary); }
    
	@media (min-width: 1280px) { 
		.floating-form .contact { --font-size: 25px; } 
		.floating-menu .link-text{ font-size: 25px; }
	}
    @media (max-width: 1279.98px) { 
		.floating-form .contact { --font-size: 22px; } 
		.floating-menu .link-text{ font-size: 16px; }
	}
    
    .floating-form .field { width: 100%; padding: 12px 10px; font: var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-700); background: var(--color-white); border: var(--border-width-1) solid #c1bdb0; border-radius: var(--radius-3); }
    .floating-form .phone-group { --gap: 5px; display: inline-flex; gap: var(--gap); }
    .floating-form .phone-group * { flex: 1 30%; }
    .floating-form .phone-group select { min-width: 0; background: var(--color-white) url("/images/one-page/ui/arrow-down-gray.svg") no-repeat calc(100% - 14px) 50% / 10px; -webkit-appearance: none; appearance: none; }
    .floating-form .store-group { display: inline-flex; gap: 12px; margin: 0; padding: 0; border: 0; }
    .floating-form .store-group .title { font-weight: var(--font-weight-700); }
    .floating-form .policy-wrapper { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; }
    .floating-form .policy-wrapper .ui-checkbox { transform: translateY(13%); }
    .floating-form .policy-wrapper .underline { text-decoration: underline; text-underline-offset: 3px; }
    .floating-form .btn-submit { --font-size: 20px; width: 100%; padding: 10px 1ch; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-3); }
    
    @media (min-width: 1900px) {
        .floating-form .container { display: flex; }
        .floating-form .contact { margin-left: 48px; }
        .floating-form .name-wrapper { max-width: 130px; margin-left: 88px; }
        .floating-form .phone-group { margin-left: 15px; }
        .floating-form .phone-group .field { width: 100px; }
        .floating-form .location-wrapper { max-width: 170px; margin-left: 15px; }
        .floating-form .store-group { margin-left: 15px; }
        .floating-form .policy-wrapper { margin-left: 63px; }
        .floating-form .btn-submit { max-width: 150px; margin-left: auto; }
    }
    @media (max-width: 1899.98px) {
        .floating-form .container { display: grid; gap: var(--spacing-05) var(--spacing-08); }
    }
    @media (min-width: 768px) and (max-width: 1899.98px) {
        .floating-form .container { grid-template-columns: repeat(7, 1fr); }
        .floating-form .container > * { grid-column-end: span 2; }
        .floating-form .ui-logo { grid-column-end: span 4; }
        .floating-form .contact, .floating-form .phone-group, .floating-form .store-group { grid-column-end: span 3; }
        .floating-form .contact, .floating-form .policy-wrapper { justify-self: end; }
    }
	@media(max-width:1279px){
		.floating-form .field{ --font-size: 14px; }
		.floating-form .contact{ --font-size: 20px; }
		.floating-form .title{ font-size: 14px; }
		.floating-form .btn-submit { --font-size: 18px; }
	}
    @media (min-width: 350px) and (max-width: 767.98px) {
        .floating-form .container { grid-template-columns: repeat(4, 1fr); }
        .floating-form .container > *:not(.name-wrapper, .phone-group) { grid-column-end: span 2; }
        .floating-form .contact { align-self: center; justify-self: end; }
        .floating-form .phone-group { grid-column-end: span 3; }
    }

    .policy-dialog { position: fixed; inset: 0; width: min(600px, 92vw); margin: auto; padding: 0; font-size: 16px; background: #fff; border: 0;}
    .policy-dialog::backdrop { background: #000; opacity: 0.8; }
    .policy-dialog .dialog__head { display: flex; align-items: center; justify-content: space-between; height: 3.4375em; box-sizing: border-box; padding: 0.9375em; color: #fff; background: #686e82; }
    .policy-dialog .heading { font: var(--font-body-1-bold); }
    .policy-dialog .dialog__btn.dialog__close { position: relative; width: 1.1875em; height: 1.1875em; font-size: inherit; background: url("/images/module/btn_close.png") no-repeat 50% / contain; }
    .policy-dialog .dialog__btn.dialog__close::before { position: absolute; inset: -5px; content: ""; }
    .policy-dialog .dialog__body { display: block; width: 100%; height: min(590px, calc(85vh - 3.4375em)); box-sizing: border-box; overflow: auto; padding: 0.9375em; background: #fff; border: 0; }

    @keyframes blink {
        0% { opacity: 1; }
        100% { opacity: 0; }
    }
	@supports (-webkit-touch-callout: none) {
		.policy-dialog {display: none;}
		.policy-dialog.active {display: block;}
	}

    .section-blog { padding-block: var(--spacing-section); }
    .board-blog-theme { --gap: clamp(24px, calc(40 / var(--grid-width-base) * 100vw), 40px); display: grid; gap: 40px var(--gap); }
    .board-blog-theme .link { display: grid; }
    .board-blog-theme .thumb { display: block; aspect-ratio: 35 / 25; background: no-repeat 50% / cover; }
    .board-blog-theme .subject { font: var(--font-body-1-bold); }
    .board-blog-theme .date-wrap { display: flex; align-items: center; gap: .4ch; margin-top: var(--spacing-05); font: var(--font-body-4); color: var(--color-neutral-500); }
    .board-blog-theme .date-wrap .icon { font-size: 1.2em; }
    .board-blog-theme .excerpt { margin-top: var(--spacing-08); font: var(--font-body-3); }

	@media(min-width: 768px) { 
		.board-blog-theme { grid-template-columns: repeat(3, 1fr); } 
	}
    @media(min-width: 360px) and (max-width: 767.98px) { 
		.board-blog-theme { grid-template-columns: repeat(2, 1fr); } 
	}
}