:root{color-scheme:light;--bg:#f6f4f0;--surface:#fff;--sunken:#efece6;--line:#ebe7e0;--t1:#1a1a18;--t2:#66645f;--t3:#a29f98;--brand:#ee6a35;--brand-ink:#d9561f;--brand-soft:#fdeee6;--on-brand:#fff;--ink:#1a1a18;--on-ink:#f6f4f0;--band-1:#12896a;--band-1-t:#0b6a50;--band-2:#c69a2f;--band-2-t:#876316;--band-3:#cf8336;--band-3-t:#9a531f;--band-4:#cf5340;--band-4-t:#9c3528;--tile-snack-bg:#fbead3;--tile-snack-ink:#b5712a;--tile-drink-bg:#ddebf3;--tile-drink-ink:#3f7896;--tile-noodle-bg:#f5e7c8;--tile-noodle-ink:#9c782b;--tile-dairy-bg:#e7e8f5;--tile-dairy-ink:#5d5f99;--tile-bakery-bg:#f2e2d4;--tile-bakery-ink:#986340;--tile-protein-bg:#f5e0d8;--tile-protein-ink:#9e5848;--tile-sauce-bg:#ece2ef;--tile-sauce-ink:#7b5a84;--tile-other-bg:#e9e6df;--tile-other-ink:#757168;--shadow:0 1px 2px rgba(40,32,20,.04),0 8px 24px -12px rgba(40,32,20,.12);--shadow-lift:0 2px 4px rgba(40,32,20,.05),0 20px 40px -20px rgba(40,32,20,.28);--band-tint:#efece6;--band-warm:#fdeee6;--band-ink:#1a1a18;--band-orange:#ee6a35;--sheet-r:clamp(28px,2.4vw + 16px,48px);--font-display:var(--font-hanna),var(--font-pretendard),system-ui,sans-serif;--font-body:var(--font-pretendard),-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo",sans-serif;--f-display:400 clamp(2rem,1.5rem + 2.4vw,4rem) /1.18 var(--font-display);--f-title:600 clamp(1.1875rem,1.0625rem + 0.5vw,1.5rem) /1.36 var(--font-body);--f-headline:600 clamp(1rem,0.9rem + 0.25vw,1.125rem) /1.4 var(--font-body);--f-strong:600 clamp(0.875rem,0.83rem + 0.2vw,0.9375rem) /1.45 var(--font-body);--f-body:500 clamp(0.84rem,0.8rem + 0.15vw,0.9rem) /1.5 var(--font-body);--f-caption:500 clamp(0.75rem,0.71rem + 0.1vw,0.8125rem) /1.42 var(--font-body);--f-micro:600 clamp(0.6875rem,0.66rem + 0.08vw,0.75rem) /1.27 var(--font-body);--s-hair:4px;--s-tight:8px;--s-stack:12px;--s-row:14px;--s-inner:16px;--s-card:24px;--s-section:28px;--gutter:clamp(20px,4vw,56px);--s-band:clamp(72px,9vw,136px);--max:1080px;--side:320px;--nav-h:112px;--r-card:20px;--r-tile:14px;--r-button:16px;--r-pill:999px;--ease:cubic-bezier(0.2,0.7,0.2,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#2c2d30;--surface:#37383c;--sunken:#242528;--line:hsla(0,0%,100%,.07);--t1:#edece9;--t2:#bdbcb8;--t3:#94938f;--brand:#b65a37;--brand-ink:#e3a283;--brand-soft:#4a3d37;--on-brand:#fbeee8;--ink:#1f2023;--on-ink:#edece9;--band-1:#2fb088;--band-1-t:#62d0a8;--band-2:#bda35f;--band-2-t:#d6c287;--band-3:#c48a5e;--band-3-t:#dcac86;--band-4:#c0736a;--band-4-t:#dc9c93;--tile-snack-bg:rgba(181,113,42,.22);--tile-snack-ink:#fbead3;--tile-drink-bg:rgba(63,120,150,.22);--tile-drink-ink:#ddebf3;--tile-noodle-bg:rgba(156,120,43,.22);--tile-noodle-ink:#f5e7c8;--tile-dairy-bg:rgba(93,95,153,.22);--tile-dairy-ink:#e7e8f5;--tile-bakery-bg:rgba(152,99,64,.22);--tile-bakery-ink:#f2e2d4;--tile-protein-bg:rgba(158,88,72,.22);--tile-protein-ink:#f5e0d8;--tile-sauce-bg:rgba(123,90,132,.22);--tile-sauce-ink:#ece2ef;--tile-other-bg:hsla(42,6%,43%,.22);--tile-other-ink:#e9e6df;--shadow:none;--shadow-lift:0 16px 32px -20px rgba(0,0,0,.6);--band-tint:#242528;--band-warm:#37383c;--band-ink:#1c1d1f;--band-orange:#b65a37}}:root[data-theme=dark]{color-scheme:dark;--bg:#2c2d30;--surface:#37383c;--sunken:#242528;--line:hsla(0,0%,100%,.07);--t1:#edece9;--t2:#bdbcb8;--t3:#94938f;--brand:#b65a37;--brand-ink:#e3a283;--brand-soft:#4a3d37;--on-brand:#fbeee8;--ink:#1f2023;--on-ink:#edece9;--band-1:#2fb088;--band-1-t:#62d0a8;--band-2:#bda35f;--band-2-t:#d6c287;--band-3:#c48a5e;--band-3-t:#dcac86;--band-4:#c0736a;--band-4-t:#dc9c93;--tile-snack-bg:rgba(181,113,42,.22);--tile-snack-ink:#fbead3;--tile-drink-bg:rgba(63,120,150,.22);--tile-drink-ink:#ddebf3;--tile-noodle-bg:rgba(156,120,43,.22);--tile-noodle-ink:#f5e7c8;--tile-dairy-bg:rgba(93,95,153,.22);--tile-dairy-ink:#e7e8f5;--tile-bakery-bg:rgba(152,99,64,.22);--tile-bakery-ink:#f2e2d4;--tile-protein-bg:rgba(158,88,72,.22);--tile-protein-ink:#f5e0d8;--tile-sauce-bg:rgba(123,90,132,.22);--tile-sauce-ink:#ece2ef;--tile-other-bg:hsla(42,6%,43%,.22);--tile-other-ink:#e9e6df;--shadow:none;--shadow-lift:0 16px 32px -20px rgba(0,0,0,.6);--band-tint:#242528;--band-warm:#37383c;--band-ink:#1c1d1f;--band-orange:#b65a37}:root[data-theme=light]{color-scheme:light}@media (min-width:760px){:root{--nav-h:68px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}body{background:var(--bg);color:var(--t1);font:var(--f-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}svg{display:block;flex-shrink:0}:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:6px}button,button:focus,button:focus-visible,input,input:focus,input:focus-visible,select,select:focus,select:focus-visible,textarea,textarea:focus,textarea:focus-visible{outline:none}.t-display{font:var(--f-display);letter-spacing:-.01em}.t-title{font:var(--f-title);letter-spacing:-.02em}.t-headline{font:var(--f-headline);letter-spacing:-.01em}.t-strong{font:var(--f-strong)}.t-body{font:var(--f-body)}.t-caption{font:var(--f-caption)}.t-micro{font:var(--f-micro);letter-spacing:.02em}.c-t2{color:var(--t2)}.c-t3{color:var(--t3)}.c-brand{color:var(--brand-ink)}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.layout{display:grid;grid-gap:var(--s-section);gap:var(--s-section);align-items:start}.layout>*{min-width:0}.layout-main,.layout-side{display:flex;flex-direction:column;gap:var(--s-section);min-width:0}@media (min-width:1024px){.layout{grid-template-columns:minmax(0,1fr) var(--side);gap:40px}.layout.side-left{grid-template-columns:var(--side) minmax(0,1fr)}.layout-side{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 20px)}}.pc-only{display:none!important}@media (min-width:1024px){.pc-only{display:revert!important}.m-only{display:none!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.band-tint{background:var(--band-tint);--sunken:var(--surface)}.band-warm{background:var(--band-warm)}.band-ink{background:var(--band-ink);color-scheme:dark;--bg:var(--band-ink);--surface:#2b2a27;--sunken:#242320;--line:hsla(40,25%,95%,.1);--t1:#f6f4f0;--t2:hsla(40,25%,95%,.7);--t3:hsla(40,25%,95%,.45);--brand-ink:#f39a6f;--brand-soft:rgba(238,106,53,.18);--shadow:none;color:var(--t1)}.band-orange{background:var(--band-orange);--t1:#1a1a18;--t2:rgba(26,26,24,.78);--t3:rgba(26,26,24,.55);--line:rgba(26,26,24,.14);--brand:#1a1a18;--brand-ink:#1a1a18;color:var(--t1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .band-orange{--t1:#fbeee8;--t2:hsla(19,70%,95%,.8);--t3:hsla(19,70%,95%,.6);--line:hsla(19,70%,95%,.18);--brand:#fbeee8;--brand-ink:#fbeee8}}:root[data-theme=dark] .band-orange{--t1:#fbeee8;--t2:hsla(19,70%,95%,.8);--t3:hsla(19,70%,95%,.6);--line:hsla(19,70%,95%,.18);--brand:#fbeee8;--brand-ink:#fbeee8}.sheet{position:relative;margin-top:calc(var(--sheet-r) * -1);border-radius:var(--sheet-r) var(--sheet-r) 0 0;padding-bottom:calc(var(--s-band) + var(--sheet-r))!important}.sheet-paper{background:var(--bg)}.sheet.band-ink{background:radial-gradient(80% 90% at 0 100%,color-mix(in srgb,var(--band-orange) 18%,transparent),transparent 70%),var(--band-ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sheet.band-ink{background:radial-gradient(80% 90% at 0 100%,color-mix(in srgb,var(--band-orange) 12%,transparent),transparent 70%),var(--band-ink)}}:root[data-theme=dark] .sheet.band-ink{background:radial-gradient(80% 90% at 0 100%,color-mix(in srgb,var(--band-orange) 12%,transparent),transparent 70%),var(--band-ink)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .sheet{box-shadow:0 -10px 24px -16px rgba(40,32,20,.22)}}:root[data-theme=light] .sheet{box-shadow:0 -10px 24px -16px rgba(40,32,20,.22)}.sheet.band-tint:before{content:"";position:absolute;inset:0 0 auto auto;width:min(520px,70%);height:360px;border-top-right-radius:var(--sheet-r);background-image:radial-gradient(circle,color-mix(in srgb,var(--t1) 12%,transparent) 1.2px,transparent 1.6px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 0,transparent 70%);pointer-events:none}.sheet.band-ink:before{content:"원재료명 밀가루, 설탕, 식물성유지\A정제소금, 탄산칼슘, 프로피온산칼슘\A대두, 우유, 밀 함유";white-space:pre;position:absolute;top:calc(var(--s-band) + 2px);right:max(var(--gutter),calc((100% - var(--max)) / 2));font:500 10px/13px var(--font-body);text-align:right;color:var(--t1);opacity:.18;filter:blur(1.6px);pointer-events:none}.sheet>*{position:relative}.sheet-last{padding-bottom:var(--s-band)!important}.js-reveal [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.js-reveal [data-reveal].is-in{opacity:1;transform:none}.js-reveal [data-reveal].lift{transition:opacity .4s var(--ease),transform .3s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.lift{transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}@media (prefers-reduced-motion:reduce){.js-reveal [data-reveal]{opacity:1;transform:none}*,:after,:before{transition:none!important;animation:none!important}}.skel{background:var(--sunken);border-radius:var(--r-tile,14px)}.skel-page{display:flex;flex-direction:column;gap:var(--s-section);padding-top:var(--s-section);padding-bottom:var(--s-band)}.skel-row{display:flex;gap:var(--s-stack);align-items:center}.offscreen{content-visibility:auto;contain-intrinsic-size:auto 720px}.rich-math .katex{font-size:1em;color:inherit}.rich-li,.rich-p{display:block}.rich-p:empty{display:none}.rich-li+.rich-p,.rich-p+.rich-li,.rich-p+.rich-p{margin-top:.45em}.rich-li+.rich-li{margin-top:.2em}.rich-li{display:grid;grid-template-columns:auto 1fr;grid-column-gap:.45em;column-gap:.45em}.rich-math .katex,.rich-math .katex *{font-family:inherit!important}