@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.gio-software{background:#f7f7f2;color:#151714;--gio-accent:#e1f270}.gio-software section[id]{scroll-margin-top:100px}.gio-hero{padding-top:clamp(48px,7vw,100px)}.gio-eyebrow{font-family:var(--dayoff-font-mono,monospace);font-size:12px;letter-spacing:.1em}.gio-hero h1{font-size:clamp(38px,6.4vw,88px);font-weight:600;letter-spacing:-.065em;line-height:1.16;white-space:pre-line;margin:28px 0 36px;word-break:keep-all}.gio-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}.gio-software p{font-size:16px;line-height:1.8;word-break:keep-all}.gio-hero-bottom p{max-width:530px;margin:0}.gio-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.gio-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;background:#161b17;color:#fff!important;text-decoration:none;gap:20px;font-size:14px}.gio-text-link{color:inherit;text-underline-offset:6px}.gio-brand-panel{margin-top:56px;background:#172c29;color:#f6f6ed;min-height:260px;padding:clamp(28px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:Arial,sans-serif;font-size:clamp(54px,12vw,172px);font-weight:700;letter-spacing:-.09em;line-height:1}.gio-brand-gio{color:var(--gio-accent)}.gio-brand-dot{color:#f6f6ed}.gio-products,.gio-modes{padding-block:76px}.gio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.gio-software h2{font-size:clamp(26px,3.2vw,42px);letter-spacing:-.045em;line-height:1.3;margin:0;word-break:keep-all}.gio-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gio-product{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;align-items:start;min-height:355px}.gio-product-editor{background:#e1f270}.gio-product-solution{background:#e7e9e1}.gio-status{border:1px solid currentColor;padding:5px 10px;font-size:12px}.gio-product h3{font-size:clamp(34px,4vw,54px);margin:30px 0 14px;letter-spacing:-.04em}.gio-product p{max-width:400px;margin:0 0 32px}.gio-product a{color:inherit;margin-top:auto;text-underline-offset:6px;min-height:30px}.gio-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.gio-mode-grid article{border-top:1px solid #b6bbb1;padding-top:24px}.gio-step{font-family:monospace;font-size:14px;color:#555f55}.gio-mode-grid h3{font-size:23px;margin:24px 0 12px}.gio-mode-grid p{color:#4b524a;margin:0}.gio-release-note{color:#596152;margin-top:30px;font-size:14px!important}.gio-contact{padding:70px 0;background:#e7e9e1}.gio-contact h2{margin-top:25px}.gio-contact p{max-width:620px;margin:22px 0 32px}.gio-software a:focus-visible{outline:3px solid #467850;outline-offset:5px}@media(max-width:800px){.gio-hero-bottom,.gio-section-heading{align-items:start;flex-direction:column}.gio-brand-panel{min-height:200px}.gio-product-grid,.gio-mode-grid{grid-template-columns:1fr}.gio-product{min-height:300px}.gio-products,.gio-modes{padding-block:48px}.gio-actions{flex-wrap:wrap}.gio-contact{padding:48px 0}}@media(prefers-reduced-motion:reduce){.gio-software *{scroll-behavior:auto}}.gio-product .gio-product-price{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}@font-face{font-family:GmarketSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:GmarketSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-weight:700;font-display:swap}html,body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--dayoff-black: #111111;--dayoff-white: #FFFFFF;--dayoff-sunshine: #FEC400;--dayoff-coral: #FF5A3C;--dayoff-ocean: #00B4D8;--dayoff-matcha: #78C043;--dayoff-lavender: #B59DFF;--dayoff-sand: #F4EDE4;--dayoff-graphite: #333333;--dayoff-slate: #666666;--dayoff-stone: #A0A0A0;--dayoff-mist: #E6E6E6;--dayoff-bone: #F7F7F7;--roast-bg: var(--dayoff-bone);--roast-surface: var(--dayoff-white);--roast-line: #E7E7E2;--roast-text: var(--dayoff-black);--roast-text-body: var(--dayoff-graphite);--roast-text-muted: var(--dayoff-slate);--roast-text-soft: var(--dayoff-stone);--roast-text-inverse: var(--dayoff-white);--roast-danger: #C03A20;--roast-success: #3E7C34;--roast-hairline: 1px solid var(--roast-line);--roast-hairline-strong: 1px solid var(--dayoff-black);--roast-focus-ring: 0 0 0 3px rgba(254, 196, 0, .45);--roast-radius: 20px;--roast-radius-md: 16px;--roast-radius-sm: 8px;--roast-radius-pill: 999px;--dayoff-font-display: "GmarketSans", "Pretendard", "Noto Sans KR", Arial, sans-serif;--dayoff-font-body: "Pretendard", "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;--dayoff-font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--roast-type-display-xl: clamp(3.25rem, 7vw, 7.5rem);--roast-type-display-lg: clamp(2.65rem, 5.8vw, 5.75rem);--roast-type-display-md: clamp(2.1rem, 4.6vw, 4.25rem);--roast-type-h1: clamp(2.3rem, 4vw, 3.75rem);--roast-type-h2: clamp(1.75rem, 3vw, 2.75rem);--roast-type-h3: clamp(1.35rem, 2vw, 1.85rem);--roast-type-body-lg: 1.125rem;--roast-type-body: 1rem;--roast-type-body-sm: .875rem;--roast-type-caption: .75rem;--roast-type-utility: .6875rem;--roast-lh-display: .96;--roast-lh-heading: 1.08;--roast-lh-body-lg: 1.65;--roast-lh-body: 1.7;--roast-lh-compact: 1.35;--roast-tracking-display: -.045em;--roast-tracking-heading: -.025em;--roast-tracking-body: -.005em;--roast-tracking-utility: .12em;--roast-max-width: 1320px;--roast-gutter: clamp(1.25rem, .875rem + 2vw, 2.5rem);--roast-gutter-mobile: var(--roast-gutter);--roast-section-py-sm: 3rem;--roast-section-py-md: 4.5rem;--roast-section-py-lg: 6rem;--roast-section-py-xl: 7.5rem;--roast-text-inset: clamp(2rem, 4vw, 4.5rem);--roast-measure-heading: 14ch;--roast-measure-heading-lg: 18ch;--roast-measure-body: 32em;--roast-measure-block: 34em;--roast-gap-eyebrow-heading: .75rem;--roast-gap-heading-body: clamp(1.125rem, 1.8vw, 1.75rem);--roast-gap-body-cta: clamp(1.5rem, 2.4vw, 2rem);--roast-gap-section-heading-content: clamp(2rem, 3.2vw, 2.75rem);--roast-header-height: 68px;--roast-logo-h: 30px;--roast-duration-fast: .16s;--roast-duration-base: .22s;--roast-ease-out: cubic-bezier(.25, .46, .45, .94);--roast-touch-min: 44px;--roast-grid-columns: 4;--roast-grid-gap: 1.5rem}@media(max-width:1100px){:root{--roast-grid-columns: 3}}@media(max-width:900px){:root{--roast-grid-columns: 3;--roast-grid-gap: 1rem}}@media(max-width:820px){:root{--roast-grid-columns: 2}}@media(max-width:620px){:root{--roast-grid-columns: 2;--roast-section-py-xl: 3.5rem;--roast-section-py-lg: 3rem;--roast-section-py-md: 2.5rem;--roast-section-py-sm: 2rem;--roast-text-inset: 1.25rem}}@media(max-width:1024px){:root{--roast-section-py-xl: 5.5rem;--roast-section-py-lg: 4.5rem;--roast-section-py-md: 3.5rem;--roast-section-py-sm: 2.5rem}}.roast-container{width:100%;max-width:calc(var(--roast-max-width) + (2 * var(--roast-gutter)));margin-inline:auto;padding-inline:var(--roast-gutter)}.roast-display{font-family:var(--dayoff-font-display);font-weight:700;letter-spacing:var(--roast-tracking-display);line-height:var(--roast-lh-display);word-break:keep-all}.roast-utility{font-family:var(--dayoff-font-mono);font-size:var(--roast-type-utility);letter-spacing:var(--roast-tracking-utility);text-transform:uppercase;word-break:keep-all}.roast-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid currentColor;border-radius:var(--roast-radius-pill);font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background-color var(--roast-duration-fast) var(--roast-ease-out),color var(--roast-duration-fast) var(--roast-ease-out)}.roast-btn--solid{background:var(--dayoff-black);color:var(--dayoff-white);border-color:var(--dayoff-black)}.roast-btn--solid:hover{background:var(--dayoff-graphite)}.roast-btn--accent{background:var(--dayoff-coral);color:var(--dayoff-white);border-color:var(--dayoff-coral)}.roast-btn:focus-visible,a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--roast-focus-ring)}[data-testid=roast-footer] a{transition:color var(--roast-duration-fast, .16s) var(--roast-ease-out, ease-out)}[data-testid=roast-footer] a:hover{color:var(--dayoff-white, #FFFFFF);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:#ffffff73}[data-testid=roast-gift] .roast-gift-copy>.roast-utility{color:var(--dayoff-coral, #FF5A3C)!important;opacity:1}.roast-photo{border-radius:var(--roast-radius-sm);overflow:hidden}.roast-photo img{max-width:100%;height:auto;display:block}.roast-cart-inner{width:100%;max-width:calc(var(--roast-max-width, 1320px) + (2 * var(--roast-gutter, 1.25rem)));margin-inline:auto;padding-inline:var(--roast-gutter, 1.25rem);display:flex;flex-direction:column;gap:2.5rem}.roast-cart-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2.5rem;align-items:start}.roast-cart-head-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;column-gap:1.25rem;align-items:center;padding-block:.75rem;border-bottom:var(--roast-hairline-strong, 1px solid var(--dayoff-black, #111111))}.roast-cart-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;column-gap:1.25rem;row-gap:.75rem;align-items:start;padding-block:1.5rem;border-bottom:var(--roast-hairline, 1px solid var(--roast-line, #E7E7E2))}.roast-cart-row-thumb{width:5.5rem;aspect-ratio:1 / 1;border-radius:var(--roast-radius-sm, 8px);overflow:hidden;background-color:var(--dayoff-mist, #E6E6E6);border:var(--roast-hairline, 1px solid var(--roast-line, #E7E7E2))}.roast-cart-row-total{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;justify-self:end}.roast-cart-summary{position:sticky;top:calc(var(--roast-header-height, 68px) + 1.5rem);display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;background-color:var(--dayoff-black, #111111);color:var(--dayoff-white, #FFFFFF)}.roast-cart-mobile-bar{display:none}@media(max-width:767px){.roast-cart-inner{gap:2rem;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.roast-cart-layout{grid-template-columns:1fr;gap:2rem}.roast-cart-head-row{display:none}.roast-cart-row{grid-template-columns:4.5rem minmax(0,1fr);column-gap:1rem;padding-block:1.25rem}.roast-cart-row-thumb{width:4.5rem}.roast-cart-row-total{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;border-top:var(--roast-hairline, 1px solid var(--roast-line, #E7E7E2));padding-top:.875rem}.roast-cart-summary{position:static}.roast-cart-mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:1rem;padding:.875rem var(--roast-gutter, 1.25rem);padding-bottom:calc(.875rem + env(safe-area-inset-bottom,0px));background-color:var(--roast-surface, #FFFFFF);border-top:var(--roast-hairline, 1px solid var(--roast-line, #E7E7E2))}}.roast-pdp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.5rem;align-items:start}.roast-kv-grid{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:2.5rem;padding-top:var(--roast-section-py-sm, 3rem);padding-bottom:var(--roast-grid-gap, 1.25rem);border-top:1px solid var(--roast-line, #E7E7E2)}.roast-shipping-grid{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:2.5rem;padding-top:var(--roast-grid-gap, 1.25rem);padding-bottom:var(--roast-section-py-sm, 3rem);border-top:1px solid var(--roast-line, #E7E7E2)}@media(max-width:767px){.roast-pdp-grid{grid-template-columns:1fr;gap:var(--roast-grid-gap, 1.25rem)}.roast-kv-grid,.roast-shipping-grid{grid-template-columns:1fr;gap:1rem}}.roast-story-hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(2rem,4vw,4rem);align-items:center}.roast-story-everyday-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,4vw,4rem);align-items:center}@media(max-width:900px){.roast-story-hero-grid,.roast-story-everyday-grid{grid-template-columns:1fr}}.roast-account-header{display:flex;flex-direction:column;gap:.375rem}.roast-account-header .roast-account-greeting{font-family:var(--dayoff-font-body, Pretendard, sans-serif);font-size:var(--roast-type-body-sm, .875rem);color:var(--roast-text-muted, #666666);word-break:keep-all;margin:0}.roast-account-grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(3rem,5vw,5rem);align-items:start}.roast-account-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.roast-account-nav-group{display:block;font-family:var(--dayoff-font-mono, ui-monospace, monospace);font-size:var(--roast-type-utility, .6875rem);letter-spacing:var(--roast-tracking-utility, .12em);text-transform:uppercase;color:var(--roast-text-soft, #A0A0A0);padding:1.5rem 0 .5rem 1rem}.roast-account-nav-group:first-child{padding-top:.25rem}.roast-account-nav-link{position:relative;display:flex;align-items:center;min-height:var(--roast-touch-min, 44px);padding:0 1rem;border-left:3px solid transparent;font-family:var(--dayoff-font-body, Pretendard, sans-serif);font-size:var(--roast-type-body-sm, .875rem);font-weight:500;letter-spacing:-.005em;word-break:keep-all;color:var(--roast-text-muted, #666666);text-decoration:none;transition:color var(--roast-duration-fast, .16s) var(--roast-ease-out, ease),border-color var(--roast-duration-fast, .16s) var(--roast-ease-out, ease)}.roast-account-nav-link:hover{color:var(--roast-text, #111111)}.roast-account-nav-link.is-active{font-weight:700;color:var(--roast-text, #111111);border-left-color:var(--dayoff-sunshine, #FEC400)}@media(max-width:900px){.roast-account-grid{grid-template-columns:1fr;gap:2rem}.roast-account-nav{border-bottom:var(--roast-hairline, 1px solid #E7E7E2);padding-bottom:1rem}.roast-account-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem}.roast-account-nav li:has(>.roast-account-nav-group){grid-column:1 / -1;padding:1rem 0 .25rem}.roast-account-nav li:has(>.roast-account-nav-group):first-child{padding-top:0}.roast-account-nav li:has(>.roast-account-nav-group) .roast-account-nav-group{padding:0}}.roast-account-content{min-width:0;min-height:380px}.roast-skel-row{display:flex;gap:1rem;align-items:baseline;padding-block:1rem}.roast-skel-bar{display:inline-block;height:12px;border-radius:2px;background-color:var(--dayoff-mist, #E6E6E6);animation:roast-skel-pulse 1.8s ease-in-out infinite}.roast-skel-bar--label{width:180px}.roast-skel-bar--value{width:240px}.roast-skel-bar--wide{width:100%;height:14px}.roast-skel-bar--w3q{width:75%;height:14px}.roast-skel-bar--half{width:50%}@keyframes roast-skel-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.roast-skel-bar{animation:none}}@media(max-width:900px){.roast-account-content{min-height:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}