@font-face{font-family:"Pretendard";src:url("/assets/pretendard.woff2") format("woff2");font-weight:45 920;font-display:swap}
.d-root{margin:0;font-family:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
.d-root a{text-decoration:none}
.d-root input,.d-root textarea,.d-root button{font-family:inherit}
.d-root a:hover{opacity:.92}
.d-root a:focus-visible,.d-root button:focus-visible,.d-root summary:focus-visible,.d-root input:focus-visible,.d-root textarea:focus-visible{outline:2px solid #16432F;outline-offset:3px}
.d-root .dk a:focus-visible,.d-root .dk button:focus-visible,.d-root .dk input:focus-visible,.d-root .dk textarea:focus-visible{outline-color:#CFE3D6}
.d-root ::selection{background:#CFE3D6;color:#111A15}
.d-root *{scrollbar-color:#8FB09C #F5F8F6;caret-color:#16432F}
.d-root details summary::-webkit-details-marker{display:none}
.d-root input::placeholder,.d-root textarea::placeholder{color:#8A948E}
.d-root table{font-variant-numeric:tabular-nums}
.d-root .mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.d-root .mq-track{display:flex;width:max-content;animation:mq 70s linear infinite}
.d-root .mq-track.rev{animation-direction:reverse}
.d-root .mq:hover .mq-track{animation-play-state:paused}
.d-root .ul{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.d-root .ul:hover{text-decoration-thickness:2px;opacity:1}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.d-root .mq-track{animation:none}}
.d-root .chip:has(input:checked){background:#16432F!important;border-color:#16432F!important;color:#FFFFFF!important}
.d-root input[type=text]:focus,.d-root input[type=tel]:focus,.d-root input[type=email]:focus,.d-root textarea:focus{outline:2px solid #16432F;outline-offset:-1px;border-color:#16432F}
.k-root{
  
  --c-bg: #F3F3F4;
  --c-surface: #FFFFFF;
  --c-line: #E8E9EA;
  --c-text-1: #1E2025;
  --c-text-2: #4E525A;
  --c-text-3: #6A6E76;
  --c-brand: #16432F;
  --c-on-brand: #FFFFFF;
  --c-brand-line: #16432F;   
  --c-brand-text: #16432F;
  --c-brand-tint: #E8ECEA;
  --c-brand-tint-text: #16432F;
  --c-danger: #E12D33;
  --c-danger-tint: #FDF0F1;
  --c-danger-tint-text: #D61E24;

  
  --c-accent: #16432F;
  --c-accent-text: #16432F;

  
  --c-success: #0C8375; --c-success-tint: #E7F5F4; --c-success-tint-text: #0B7A6D;
  --c-warning: #9B6C00; --c-warning-tint: #FDF6E6; --c-warning-tint-text: #966800;
  --c-info: #1872EB; --c-info-tint: #EAF2FD; --c-info-tint-text: #1368DB;

  
  --c-brand-pressed: #173F2E;
  --c-focus: #16432F;
  --c-line-strong: #C0C1C2;
  --c-text-disabled: #9E9FA1;
  --c-disabled-bg: #E8E9EA;
  --c-overlay: rgba(30, 32, 37, .45);
  --shadow-1: 0 2px 8px rgba(30, 32, 37, .08);
  --shadow-2: 0 8px 24px rgba(30, 32, 37, .14);

  
  --font: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tracking: -0.02em;
  --fs-title: 28px; --fw-title: 700; --lh-title: 1.36;
  --fs-h2: 20px; --fw-h2: 700; --lh-h2: 1.4;
  --fs-body: 16px; --fw-body: 400; --lh-body: 1.55;
  --fs-strong: 16px; --fw-strong: 600; --lh-strong: 1.5;
  --fs-sub: 14px; --fw-sub: 400; --lh-sub: 1.5;
  --fs-caption: 12px; --fw-caption: 500; --lh-caption: 1.4;

  
  --page-x: 24px;
  --block-pad: 24px;
  --block-gap: 12px;
  --row-py: 16px;
  --stack-s: 8px;
  --stack-m: 16px;
  --stack-l: 32px;

  
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 16px;
  --r-pill: 999px;

  
  --h-appbar: 56px; --h-btn: 56px; --h-btn-s: 44px; --h-tab: 64px; --h-row: 64px; --icon: 24px;
}
.k-root .text-large{
  --fs-title: 28px; --fw-title: 700; --lh-title: 1.36;
  --fs-h2: 20px; --fw-h2: 700; --lh-h2: 1.4;
  --fs-body: 18px; --fw-body: 400; --lh-body: 1.55;
  --fs-strong: 18px; --fw-strong: 600; --lh-strong: 1.5;
  --fs-sub: 16px; --fw-sub: 400; --lh-sub: 1.5;
  --fs-caption: 14px; --fw-caption: 500; --lh-caption: 1.4;
}
.k-root *{ box-sizing: border-box; margin: 0; padding: 0; }
.k-root{ -webkit-text-size-adjust: 100%; }
.k-root{
  font-family: var(--font); letter-spacing: var(--tracking);
  font-size: var(--fs-body); font-weight: var(--fw-body); line-height: var(--lh-body);
  color: var(--c-text-1); background: var(--c-bg);
  --c-fill: var(--c-surface);   
  --c-track: var(--c-line);     
  -webkit-font-smoothing: antialiased; min-height: 100vh;
  word-break: keep-all; overflow-wrap: anywhere;   
}
.k-root .title,.k-root .h2,.k-root .row-title,.k-root .appbar-title{ text-wrap: balance; }
.k-root .lead,.k-root .row-sub{ text-wrap: pretty; }
.k-root button,.k-root input,.k-root select,.k-root textarea{ font: inherit; color: inherit; letter-spacing: inherit; }
.k-root button{ background: none; border: 0; cursor: pointer; }
.k-root a{ color: inherit; text-decoration: none; }
.k-root ul,.k-root ol{ list-style: none; }
.k-root svg{ display: block; width: 24px; height: 24px; flex: none; }
.k-root .page{ padding: var(--stack-s) 0 var(--stack-l); display: flex; flex-direction: column; gap: var(--block-gap); }
.k-root.has-tab .page{ padding-bottom: calc(var(--h-tab) + var(--stack-l)); }
.k-root.has-cta .page,.k-root:has(> .cta) .page{ padding-bottom: calc(var(--h-btn) + var(--stack-l) * 2 + env(safe-area-inset-bottom)); }
.k-root .plain{ background: var(--c-surface); }
.k-root .plain,.k-root .block,.k-root .sheet{ --c-fill: var(--c-bg); --c-track: var(--c-bg); }
.k-root .plain .page{ gap: var(--stack-l); padding-left: var(--page-x); padding-right: var(--page-x); }
.k-root .appbar a,.k-root .appbar button{ white-space: nowrap; }
.k-root .appbar{ position: sticky; top: 0; z-index: 5; height: var(--h-appbar); display: grid; grid-template-columns: minmax(48px, auto) 1fr minmax(48px, auto); align-items: center; padding: 0 var(--stack-s); background: var(--c-bg); }
.k-root .plain .appbar{ background: var(--c-surface); }
.k-root .appbar-title{ text-align: center; font-size: var(--fs-strong); font-weight: var(--fw-strong); }
.k-root .appbar-btn{ width: 44px; height: 44px; display: grid; place-items: center; color: var(--c-text-1); }
.k-root .appbar-btn svg{ width: var(--icon); height: var(--icon); }
.k-root .hero{ padding: var(--stack-l) var(--page-x) var(--stack-m); display: flex; flex-direction: column; gap: var(--stack-s); }
.k-root .eyebrow{ font-size: var(--fs-sub); font-weight: 600; line-height: var(--lh-sub); color: var(--c-text-2); }
.k-root .title{ font-size: var(--fs-title); font-weight: var(--fw-title); line-height: var(--lh-title); letter-spacing: -0.03em; }
.k-root .lead{ font-size: var(--fs-body); line-height: var(--lh-body); color: var(--c-text-2); }
.k-root .num{ color: var(--c-brand-text); font-weight: 700; }
.k-root .hero-more{ display: inline-flex; align-items: center; gap: 2px; min-height: 44px; font-size: var(--fs-sub); font-weight: 600; color: var(--c-brand-text); }
.k-root .hero-more svg{ width: 18px; height: 18px; }
.k-root .block{ background: var(--c-surface); margin: 0 var(--stack-m); border-radius: var(--r-l); padding: var(--block-pad); display: flex; flex-direction: column; gap: var(--stack-m); }
.k-root .block.is-list{ padding-top: var(--stack-m); padding-bottom: var(--stack-s); gap: 0; }
.k-root .block-head{ display: flex; align-items: baseline; justify-content: space-between; gap: var(--stack-s); padding-bottom: var(--stack-s); }
.k-root .h2{ font-size: var(--fs-h2); font-weight: var(--fw-h2); line-height: var(--lh-h2); }
.k-root .block-link{ font-size: var(--fs-sub); color: var(--c-text-2); min-height: 44px; min-width: 44px; justify-content: flex-end; display: inline-flex; align-items: center; }
.k-root .block .btn{ align-self: stretch; }
.k-root .block-note{ font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); }
.k-root .row{ display: flex; align-items: center; gap: var(--stack-m); min-height: var(--h-row); padding: var(--row-py) 0; }
.k-root .row-lead{ flex: none; width: 44px; height: 44px; border-radius: var(--r-pill); background: var(--c-fill); display: grid; place-items: center; color: var(--c-text-2); }
.k-root .row-lead svg{ width: var(--icon); height: var(--icon); }
.k-root .row-date{ flex: none; min-width: 52px; white-space: nowrap; font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); font-weight: 600; }
.k-root .row-main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.k-root .row-title{ font-size: var(--fs-strong); font-weight: var(--fw-strong); line-height: var(--lh-strong); }
.k-root .row-sub{ font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); }
.k-root .row-trail{ flex: none; font-size: var(--fs-sub); color: var(--c-text-2); display: flex; align-items: center; gap: var(--stack-s); }
.k-root .row-trail svg{ width: 20px; height: 20px; color: var(--c-text-3); }
.k-root .row.is-add{ color: var(--c-brand-text); }
.k-root .row.is-add .row-lead{ background: var(--c-brand-tint); color: var(--c-brand-tint-text); }
.k-root .row.is-add .row-title{ color: var(--c-brand-text); }
.k-root .badge{ align-self: flex-start; display: inline-flex; align-items: center; height: 24px; padding: 0 var(--stack-s); border-radius: var(--r-s); font-size: var(--fs-caption); font-weight: 600; line-height: 1; background: var(--c-fill); color: var(--c-text-2); }
.k-root .badge.is-brand{ background: var(--c-brand-tint); color: var(--c-brand-tint-text); }
.k-root .badge.is-danger{ background: var(--c-danger-tint); color: var(--c-danger-tint-text); }
.k-root .badge.is-warning{ background: var(--c-warning-tint); color: var(--c-warning-tint-text); }
.k-root .badge.is-info{ background: var(--c-info-tint); color: var(--c-info-tint-text); }
.k-root .badge.is-success{ background: var(--c-success-tint); color: var(--c-success-tint-text); }
.k-root .accent-text{ color: var(--c-accent-text); font-weight: 700; }
.k-root .accent-dot{ display: inline-block; flex: none; width: 8px; height: 8px; border-radius: var(--r-pill); background: var(--c-accent); vertical-align: middle; }
.k-root .btn svg,.k-root .done svg,.k-root .block-note svg{ width: 20px; height: 20px; }
.k-root .btn{ display: inline-flex; align-items: center; justify-content: center; gap: var(--stack-s); height: var(--h-btn); padding: 0 var(--block-pad); border-radius: var(--r-m); font-size: var(--fs-strong); font-weight: 600; }
.k-root .btn.primary{ background: var(--c-brand); color: var(--c-on-brand); }
.k-root .btn.primary:active{ background: var(--c-brand-pressed); }
.k-root .btn:disabled,.k-root .btn[aria-disabled="true"]{ background: var(--c-disabled-bg); color: var(--c-text-disabled); pointer-events: none; }
.k-root .btn:focus-visible,.k-root .chip:focus-visible,.k-root .row:focus-visible,.k-root .check:focus-visible{ outline: 2px solid var(--c-focus); outline-offset: 2px; }
.k-root .btn.secondary{ background: var(--c-fill); color: var(--c-text-1); }
.k-root .btn.small{ height: var(--h-btn-s); padding: 0 var(--stack-m); font-size: var(--fs-sub); }
.k-root .btn.tint{ background: var(--c-brand-tint); color: var(--c-brand-tint-text); }
.k-root .btn.full{ width: 100%; }
.k-root .btn.is-loading{ color: transparent; position: relative; pointer-events: none; }
.k-root .btn.is-loading::after{ content: ""; position: absolute; width: 20px; height: 20px; border-radius: var(--r-pill); border: 2px solid var(--c-on-brand); border-right-color: transparent; animation: spin .8s linear infinite; }
@keyframes spin{ to { transform: rotate(360deg); } }
.k-root .cta{ position: fixed; left: 0; right: 0; bottom: 0; padding: var(--stack-m) var(--page-x) calc(var(--stack-m) + env(safe-area-inset-bottom)); background: linear-gradient(to top, var(--c-bg) 70%, transparent); }
.k-root .plain .cta{ background: linear-gradient(to top, var(--c-surface) 70%, transparent); }
.k-root .chips{ display: flex; gap: var(--stack-s); overflow-x: auto; padding: 0 var(--page-x); scrollbar-width: none; }
.k-root .chip{ flex: none; min-height: 44px; padding: 0 var(--stack-m); border-radius: var(--r-pill); background: var(--c-surface); box-shadow: inset 0 0 0 1px var(--c-line-strong); color: var(--c-text-2); font-size: var(--fs-sub); font-weight: 600; display: inline-flex; align-items: center; }
.k-root .chip.is-selected{ background: var(--c-text-1); color: var(--c-surface); box-shadow: none; }
.k-root .seg-item.is-selected{ background: var(--c-surface); color: var(--c-text-1); box-shadow: var(--shadow-1); }
.k-root .seg{ display: flex; background: var(--c-track); border-radius: var(--r-m); padding: 4px; }
.k-root .seg-item{ flex: 1; min-height: 44px; border-radius: var(--r-s); font-size: var(--fs-sub); font-weight: 600; color: var(--c-text-2); display: grid; place-items: center; }
.k-root .field{ display: flex; flex-direction: column; gap: var(--stack-s); }
.k-root .label{ font-size: var(--fs-sub); font-weight: 600; color: var(--c-text-2); }
.k-root .input{ height: var(--h-btn); padding: 0 var(--stack-m); border-radius: var(--r-m); background: var(--c-fill); border: 1px solid transparent; font-size: var(--fs-body); }
.k-root .input:focus{ outline: none; border-color: var(--c-focus); background: var(--c-surface); }
.k-root .search{ display: flex; align-items: center; gap: var(--stack-s); height: var(--h-btn); margin: 0 var(--page-x) var(--stack-m); padding: 0 var(--stack-m); border-radius: var(--r-m); background: var(--c-fill); color: var(--c-text-3); }
.k-root .search input{ flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; font: inherit; font-size: var(--fs-body); color: var(--c-text); }
.k-root .search input:focus{ outline: none; }
.k-root .search:focus-within{ box-shadow: inset 0 0 0 1.5px var(--c-focus); background: var(--c-surface); }
.k-root .field.is-error .input{ border-color: var(--c-danger); background: var(--c-danger-tint); }
.k-root .field-msg{ font-size: var(--fs-sub); color: var(--c-danger); display: flex; align-items: center; gap: 4px; }
.k-root .field-msg svg{ flex: none; width: 18px; height: 18px; }
.k-root .done{ margin: 0 var(--stack-m); padding: var(--stack-m) var(--block-pad); border-radius: var(--r-m); background: var(--c-brand-tint); color: var(--c-brand-tint-text); font-size: var(--fs-sub); font-weight: 600; }
.k-root .empty{ padding: var(--stack-l) var(--block-pad); display: flex; flex-direction: column; align-items: center; gap: var(--stack-s); text-align: center; }
.k-root .empty .row-sub{ max-width: 240px; }
.k-root .tabbar{ position: fixed; left: 0; right: 0; bottom: 0; height: var(--h-tab); display: flex; background: var(--c-surface); border-top: 1px solid var(--c-bg); }
.k-root .tab{ flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: var(--fs-caption); font-weight: 600; color: var(--c-text-3); }
.k-root .tab svg{ width: var(--icon); height: var(--icon); }
.k-root .tab[aria-current="page"]{ color: var(--c-text-1); }
.k-root .dim{ position: fixed; inset: 0; z-index: 20; background: var(--c-overlay); }
.k-root .sheet{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 21; background: var(--c-surface); box-shadow: var(--shadow-2); border-radius: var(--r-l) var(--r-l) 0 0; padding: var(--block-pad) var(--page-x) calc(var(--block-pad) + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: var(--stack-m); }
.k-root .row-lead.is-done{ background: var(--c-brand-tint); color: var(--c-brand-tint-text); }
.k-root .row.is-done .row-title{ color: var(--c-text-3); text-decoration: line-through; }
.k-root .info{ display: flex; align-items: flex-start; gap: var(--stack-s); font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); }
.k-root .info svg{ flex: none; width: 20px; height: 20px; color: var(--c-text-3); margin-top: 1px; }
.k-root .code{ font-variant-numeric: tabular-nums; font-weight: 600; color: var(--c-text-1); }
.k-root .switch{ flex: none; position: relative; width: 52px; height: 44px; display: grid; place-items: center; }
.k-root .switch::before{ content: ""; width: 52px; height: 32px; border-radius: var(--r-pill); background: var(--c-line); }
.k-root .switch::after{ content: ""; position: absolute; left: 4px; top: 10px; width: 24px; height: 24px; border-radius: var(--r-pill); background: var(--c-surface); }
.k-root .switch[aria-checked="true"]::before{ background: var(--c-brand); }
.k-root .switch[aria-checked="true"]::after{ left: 24px; }
.k-root .row-art{ flex: none; width: 44px; height: 44px; display: grid; place-items: center; }
.k-root .row-art img{ width: 36px; height: 36px; }
.k-root .info img{ flex: none; width: 22px; height: 22px; }
.k-root .avatar{ flex: none; width: 44px; height: 44px; border-radius: var(--r-pill); background: var(--c-brand-tint); display: grid; place-items: center; overflow: hidden; }
.k-root .avatar img{ width: 100%; height: 100%; object-fit: cover; }
.k-root .avatar img:is([src*="/avatars/people/"],.k-root [src*="/avatars/animals/"],.k-root [src*="/fluent/"]){ width: 78%; height: 78%; object-fit: contain; }
.k-root .avatar.is-text{ color: var(--c-brand-tint-text); font-size: var(--fs-sub); font-weight: 700; }
.k-root .avatars{ display: flex; align-items: center; }
.k-root .avatars .avatar{ width: 36px; height: 36px; border: 2px solid var(--c-bg); }
.k-root .avatars .avatar + .avatar{ margin-left: -8px; }
.k-root .block .avatars .avatar{ border-color: var(--c-surface); }
.k-root .check{ flex: none; width: 44px; height: 44px; display: grid; place-items: center; }
.k-root .check span{ width: 26px; height: 26px; border-radius: var(--r-pill); border: 2px solid var(--c-text-3); display: grid; place-items: center; color: var(--c-on-brand); }
.k-root .row-trail .check span svg{ width: 16px; height: 16px; color: var(--c-on-brand); stroke-width: 2.6; visibility: hidden; }
.k-root .check[aria-checked="true"] span{ background: var(--c-brand); border-color: var(--c-brand); }
.k-root .row-trail .check[aria-checked="true"] span svg{ visibility: visible; }
.k-root .row.is-done .row-art img{ filter: grayscale(1); opacity: .45; }
.k-root .plain .page > .hero,.k-root .plain .chips{ margin-left: calc(var(--page-x) * -1); margin-right: calc(var(--page-x) * -1); }
.k-root .plain .search{ margin-left: 0; margin-right: 0; }
.k-root .plain .block{ margin-left: calc(var(--stack-m) - var(--page-x)); margin-right: calc(var(--stack-m) - var(--page-x)); }
.k-root .block .hero{ padding-left: 0; padding-right: 0; }
.k-root .block .search{ margin-left: 0; margin-right: 0; }
.k-root .block .chips{ margin-left: calc(var(--block-pad) * -1); margin-right: calc(var(--block-pad) * -1); padding-left: var(--block-pad); padding-right: var(--block-pad); }
.k-root .progress{ display: flex; gap: 4px; height: 4px; }
.k-root .progress > span{ flex: 1; border-radius: var(--r-pill); background: var(--c-line-strong); }
.k-root .progress > span.is-on{ background: var(--c-brand-line); }
.k-root .rating{ display: inline-flex; align-items: center; gap: 4px; color: var(--c-line-strong); }
.k-root .rating svg{ width: 20px; height: 20px; fill: none; }
.k-root .rating .is-on{ color: var(--c-brand-line); }
.k-root .rating svg.is-on,.k-root .rating .is-on svg{ fill: currentColor; }
.k-root .rating.is-input{ gap: 0; }
.k-root .rating.is-input button{ width: 44px; height: 44px; display: grid; place-items: center; color: var(--c-line-strong); }
.k-root .rating.is-input button.is-on{ color: var(--c-brand-line); }
.k-root .rating.is-input svg{ width: 32px; height: 32px; }
.k-root .rating.is-input button:focus-visible{ outline: 2px solid var(--c-focus); outline-offset: -4px; border-radius: var(--r-s); }
.k-root .range{ --from: 0%; --to: 100%; display: flex; flex-direction: column; gap: 4px; padding: 0 12px; }
.k-root .range-track{ position: relative; height: 24px;
  background: linear-gradient(to right, var(--c-line-strong) var(--from), var(--c-brand-line) var(--from), var(--c-brand-line) var(--to), var(--c-line-strong) var(--to)) center / 100% 4px no-repeat; }
.k-root .range-track::before,.k-root .range-track::after{ content: ""; position: absolute; top: 50%; width: 20px; height: 20px; border-radius: var(--r-pill); background: var(--c-surface); border: 2px solid var(--c-brand-line); box-shadow: var(--shadow-1); transform: translate(-50%, -50%); }
.k-root .range-track::before{ left: var(--from); }
.k-root .range-track::after{ left: var(--to); }
.k-root .range-ticks{ display: flex; justify-content: space-between; margin: 0 -12px; font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--c-text-2); font-variant-numeric: tabular-nums; }
.k-root .timeline{ display: flex; flex-direction: column; }
.k-root .tl-item{ position: relative; padding: 0 0 var(--stack-m) var(--stack-l); display: flex; flex-direction: column; gap: 4px; }
.k-root .tl-item::before{ content: ""; position: absolute; left: 0; top: calc(var(--fs-sub) * var(--lh-sub) / 2); transform: translateY(-50%); width: 12px; height: 12px; border-radius: var(--r-pill); background: var(--c-surface); border: 2px solid var(--c-line-strong); z-index: 1; }
.k-root .tl-item::after{ content: ""; position: absolute; left: 0; top: calc(var(--fs-sub) * var(--lh-sub) / 2); bottom: calc(var(--fs-sub) * var(--lh-sub) / -2); width: 12px; background: linear-gradient(var(--c-line-strong), var(--c-line-strong)) center / 2px 100% no-repeat; }
.k-root .tl-item:last-child{ padding-bottom: 0; }
.k-root .tl-item:last-child::after{ display: none; }
.k-root .tl-item.is-now::before{ background: var(--c-brand-line); border-color: var(--c-brand-line); box-shadow: 0 0 0 4px var(--c-brand-tint); }
.k-root .tl-date{ font-size: var(--fs-sub); line-height: var(--lh-sub); font-weight: 600; color: var(--c-text-2); }
.k-root .tl-item.is-now .tl-date{ color: var(--c-brand-text); }
.k-root .tl-body{ display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--c-text-1); }
.k-root .photo{ position: relative; overflow: hidden; border-radius: var(--r-m); background: var(--c-bg); aspect-ratio: 4 / 3; }
.k-root .photo.is-3x4{ aspect-ratio: 3 / 4; }
.k-root .photo.is-1x1{ aspect-ratio: 1 / 1; }
.k-root .photo.is-16x9{ aspect-ratio: 16 / 9; }
.k-root .photo img,.k-root .thumb img,.k-root .photo-grid img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.k-root .thumb{ flex: none; width: 56px; height: 56px; border-radius: var(--r-s); overflow: hidden; background: var(--c-bg); }
.k-root .thumb.is-l{ width: 72px; height: 72px; }
.k-root .photo-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; border-radius: var(--r-m); overflow: hidden; }
.k-root .photo-grid > *{ aspect-ratio: 1 / 1; overflow: hidden; background: var(--c-bg); border-radius: 0; }
.k-root .compare{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--stack-s); }
.k-root .compare-label{ position: absolute; top: 8px; left: 8px; display: inline-flex; align-items: center; height: 24px; padding: 0 var(--stack-s); border-radius: var(--r-s); background: var(--c-surface); color: var(--c-text-1); font-size: var(--fs-caption); font-weight: 600; line-height: 1; box-shadow: var(--shadow-1); }
.k-root .compare .photo:last-child .compare-label{ background: var(--c-brand-tint); color: var(--c-brand-tint-text); }
.k-root:not(.plain) .page > :is(.info,.k-root p,.k-root .block-note,.k-root .field,.k-root .seg,.k-root .btn,.k-root .done,.k-root .empty,.k-root .avatars){ margin-left: var(--page-x); margin-right: var(--page-x); }
.k-root:not(.plain) .page > div:not([class]) > .hero,.k-root:not(.plain) .page > section:not([class]) > .hero{ padding-left: var(--page-x); padding-right: var(--page-x); }
.k-root .row:has(> .row-trail .btn){ flex-wrap: wrap; row-gap: var(--stack-s); }
.k-root .row:has(> .row-trail .btn) > .row-main{ flex: 1 1 0; }
.k-root .row:has(> .row-trail .btn) > .row-trail{ flex: 1 0 100%; }
.k-root .row:has(> :is(.row-art,.k-root .row-lead,.k-root .avatar)):has(> .row-trail .btn) > .row-trail{ padding-left: calc(44px + var(--stack-m)); }
.k-root .row:has(> .row-date):has(> .row-trail .btn) > .row-trail{ padding-left: calc(52px + var(--stack-m)); }
.k-root .row-trail .btn{ flex: 1; justify-content: center; text-align: center; white-space: nowrap; }
.k-root .plain .hero{ padding-left: 0; padding-right: 0; }
.k-root .plain .page > .hero{ margin-left: 0; margin-right: 0; }
.k-root .btn.is-done{ background: var(--c-disabled-bg); color: var(--c-text-2); pointer-events: none; }
.k-root .tabs{ position: sticky; top: var(--h-appbar); z-index: 4; display: flex; gap: var(--stack-l); overflow-x: auto; scrollbar-width: none; padding: 0 var(--page-x); background: var(--c-bg); border-bottom: 1px solid var(--c-line); }
.k-root .plain .tabs{ background: var(--c-surface); margin-left: calc(var(--page-x) * -1); margin-right: calc(var(--page-x) * -1); }
.k-root:not(:has(.appbar)) .tabs{ top: 0; }
.k-root .tabs-item{ flex: none; position: relative; min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--fs-strong); font-weight: 600; color: var(--c-text-3); white-space: nowrap; }
.k-root .tabs-item[aria-selected="true"]{ color: var(--c-text-1); }
.k-root .tabs-item[aria-selected="true"]::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: var(--r-pill); background: var(--c-brand-line); }
.k-root .toolbar{ display: flex; align-items: center; gap: var(--stack-s); min-height: 44px; padding: 0 var(--page-x); }
.k-root .block .toolbar{ padding: 0; }
.k-root .toolbar-count{ flex: 1; font-size: var(--fs-sub); font-weight: 600; color: var(--c-text-2); }
.k-root .toolbar-btn{ display: inline-flex; align-items: center; gap: 2px; min-height: 44px; font-size: var(--fs-sub); font-weight: 600; color: var(--c-text-1); }
.k-root .toolbar-btn svg{ width: 18px; height: 18px; color: var(--c-text-2); }
.k-root .toolbar-btn .toolbar-on{ min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--r-pill); background: var(--c-brand); color: var(--c-on-brand); font-size: var(--fs-caption); line-height: 20px; text-align: center; }
.k-root .menu-grid{ display: grid; grid-template-columns: repeat(5, 1fr); row-gap: var(--stack-m); padding: 0 var(--stack-m); }
.k-root .menu-grid.is-4{ grid-template-columns: repeat(4, 1fr); }
.k-root .block .menu-grid{ padding: 0; }
.k-root .menu-item{ min-height: 44px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: var(--fs-caption); font-weight: 600; line-height: var(--lh-caption); color: var(--c-text-1); text-align: center; }
.k-root .menu-item > span:first-child{ width: 48px; height: 48px; border-radius: var(--r-m); background: var(--c-fill); display: grid; place-items: center; }
.k-root .menu-item img{ width: 30px; height: 30px; }
.k-root .scroller{ display: flex; gap: var(--stack-s); overflow-x: auto; scrollbar-width: none; padding: 0 var(--page-x); scroll-padding-inline: var(--page-x); scroll-snap-type: x mandatory; }
.k-root .scroller:has(.s-circle){ padding-top: 4px; padding-bottom: 4px; }
.k-root .block .scroller{ margin: 0 calc(var(--block-pad) * -1); padding-left: var(--block-pad); padding-right: var(--block-pad); scroll-padding-inline: var(--block-pad); }
.k-root .scroller > *{ flex: none; scroll-snap-align: start; }
.k-root .s-card{ width: 136px; display: flex; flex-direction: column; gap: 6px; }
.k-root .s-card.is-wide{ width: 248px; }
.k-root .s-card .photo{ aspect-ratio: 1 / 1; }
.k-root .s-card.is-wide .photo{ aspect-ratio: 16 / 9; }
.k-root .s-title{ font-size: var(--fs-sub); font-weight: 600; line-height: var(--lh-sub); color: var(--c-text-1); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.k-root .s-sub{ font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--c-text-2); }
.k-root .s-circle{ width: 68px; min-height: 44px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: var(--fs-caption); font-weight: 600; line-height: var(--lh-caption); color: var(--c-text-1); text-align: center; }
.k-root .s-circle > span:first-child{ width: 60px; height: 60px; border-radius: var(--r-pill); overflow: hidden; background: var(--c-fill); display: grid; place-items: center; }
.k-root .s-circle > span:first-child img{ width: 100%; height: 100%; object-fit: cover; }
.k-root .s-circle[aria-current="true"] > span:first-child{ box-shadow: 0 0 0 2px var(--c-surface), 0 0 0 4px var(--c-brand-line); }
.k-root .product-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--stack-l) var(--stack-s); padding: 0 var(--page-x); }
.k-root .product-grid.is-3{ grid-template-columns: repeat(3, 1fr); }
.k-root .block .product-grid{ padding: 0; }
.k-root .p-card{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.k-root .p-card .photo{ aspect-ratio: 1 / 1; margin-bottom: 4px; }
.k-root .p-card .photo.is-3x4{ aspect-ratio: 3 / 4; }
.k-root .p-brand{ font-size: var(--fs-caption); font-weight: 700; line-height: var(--lh-caption); color: var(--c-text-1); }
.k-root .p-name{ font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.k-root .p-meta{ display: flex; align-items: center; gap: 4px; font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--c-text-3); }
.k-root .p-meta .rating svg{ width: 14px; height: 14px; }
.k-root .price{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; font-variant-numeric: tabular-nums; }
.k-root .price-off{ font-size: var(--fs-strong); font-weight: 700; color: var(--c-brand-text); }
.k-root .price-now{ font-size: var(--fs-strong); font-weight: 700; color: var(--c-text-1); }
.k-root .price-was{ font-size: var(--fs-caption); color: var(--c-text-3); text-decoration: line-through; }
.k-root .price.is-l .price-off,.k-root .price.is-l .price-now{ font-size: var(--fs-h2); }
.k-root .like{ flex: none; min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 2px; font-size: var(--fs-caption); font-weight: 600; color: var(--c-text-2); }
.k-root .like svg{ width: 22px; height: 22px; fill: none; }
.k-root .like[aria-pressed="true"]{ color: var(--c-brand-line); }
.k-root .like[aria-pressed="true"] svg{ fill: currentColor; }
.k-root .photo > .like{ position: absolute; right: 0; bottom: 0; color: var(--c-surface); filter: drop-shadow(0 1px 2px var(--c-overlay)); }
.k-root .photo > .like[aria-pressed="true"]{ color: var(--c-brand-line); }
.k-root .fab{ position: fixed; right: var(--page-x); bottom: calc(var(--stack-l) + env(safe-area-inset-bottom)); z-index: 6; height: 52px; min-width: 52px; padding: 0 var(--stack-m); border-radius: var(--r-pill); background: var(--c-brand); color: var(--c-on-brand); box-shadow: var(--shadow-2); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: var(--fs-strong); font-weight: 700; }
.k-root .fab svg{ width: 24px; height: 24px; }
.k-root .fab:active{ background: var(--c-brand-pressed); }
.k-root.has-tab .fab{ bottom: calc(var(--h-tab) + var(--stack-m) + env(safe-area-inset-bottom)); }
.k-root .banner{ position: relative; margin: 0 var(--stack-m); min-height: 128px; border-radius: var(--r-l); overflow: hidden; background: var(--c-brand-tint); display: flex; align-items: center; gap: var(--stack-m); padding: var(--block-pad); }
.k-root .block .banner{ margin: 0; }
.k-root .banner-text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.k-root .banner-eyebrow{ font-size: var(--fs-caption); font-weight: 600; line-height: var(--lh-caption); color: var(--c-brand-tint-text); }
.k-root .banner-title{ font-size: var(--fs-h2); font-weight: var(--fw-h2); line-height: var(--lh-h2); color: var(--c-text-1); }
.k-root .banner-sub{ font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); }
.k-root .banner-art{ flex: none; width: 88px; height: 88px; display: grid; place-items: center; }
.k-root .banner-art img{ width: 80px; height: 80px; object-fit: contain; }
.k-root .banner-art.is-photo{ border-radius: var(--r-m); overflow: hidden; }
.k-root .banner-art.is-photo img{ width: 100%; height: 100%; object-fit: cover; }
.k-root .banner-count{ position: absolute; right: var(--stack-m); bottom: var(--stack-s); height: 22px; padding: 0 8px; border-radius: var(--r-pill); background: var(--c-text-1); color: var(--c-surface); font-size: var(--fs-caption); font-weight: 600; line-height: 22px; font-variant-numeric: tabular-nums; }
.k-root .dots{ display: flex; justify-content: center; gap: 6px; }
.k-root .dots > span{ width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--c-line-strong); }
.k-root .dots > span.is-on{ width: 16px; background: var(--c-text-1); }
.k-root .strip{ margin: 0 var(--stack-m); min-height: 48px; padding: 0 var(--stack-m); border-radius: var(--r-m); background: var(--c-surface); border: 1px solid var(--c-line); display: flex; align-items: center; gap: var(--stack-s); font-size: var(--fs-sub); font-weight: 600; color: var(--c-text-1); }
.k-root .block .strip{ margin: 0; background: var(--c-bg); border-color: transparent; }
.k-root .strip > span{ flex: 1; min-width: 0; }
.k-root .strip img{ flex: none; width: 24px; height: 24px; }
.k-root .strip svg{ width: 18px; height: 18px; color: var(--c-text-3); }
.k-root .coupon{ position: relative; display: flex; align-items: stretch; border-radius: var(--r-m); background: var(--c-brand-tint);
  -webkit-mask: radial-gradient(circle 8px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 8px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat;
          mask: radial-gradient(circle 8px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 8px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat; }
.k-root .coupon-main{ flex: 1; min-width: 0; padding: var(--stack-m) var(--block-pad); display: flex; flex-direction: column; gap: 2px; }
.k-root .coupon-amount{ font-size: var(--fs-title); font-weight: 700; line-height: var(--lh-title); color: var(--c-brand-tint-text); font-variant-numeric: tabular-nums; }
.k-root .coupon-cond{ font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--c-text-2); }
.k-root .coupon-get{ flex: none; width: 76px; border-left: 1.5px dashed var(--c-line-strong); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: var(--fs-sub); font-weight: 700; color: var(--c-brand-tint-text); }
.k-root .coupon-get svg{ width: 20px; height: 20px; }
.k-root .coupon.is-done{ background: var(--c-disabled-bg); }
.k-root .coupon.is-done .coupon-amount,.k-root .coupon.is-done .coupon-get{ color: var(--c-text-3); pointer-events: none; }
.k-root .countdown{ display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 10px; border-radius: var(--r-pill); background: var(--c-text-1); color: var(--c-surface); font-size: var(--fs-sub); font-weight: 700; font-variant-numeric: tabular-nums; }
.k-root .countdown svg{ width: 16px; height: 16px; }
.k-root .sheet-head{ display: flex; align-items: center; justify-content: space-between; gap: var(--stack-s); }
.k-root .sheet-grip{ align-self: center; width: 36px; height: 4px; border-radius: var(--r-pill); background: var(--c-line-strong); margin-top: calc(var(--stack-s) * -1); }
.k-root button.row{ width: 100%; text-align: left; }
.k-root .sheet .row[aria-checked="true"] .row-title{ color: var(--c-brand-text); }
.k-root .sheet .row[aria-checked="true"] .row-trail svg{ color: var(--c-brand-line); }
.k-root .plain .page > :is(.scroller,.k-root .product-grid,.k-root .toolbar,.k-root .menu-grid){ margin-left: calc(var(--page-x) * -1); margin-right: calc(var(--page-x) * -1); }
.k-root .plain .page > :is(.banner,.k-root .strip){ margin-left: 0; margin-right: 0; }
.k-root .feature{ display: flex; flex-direction: column; gap: var(--stack-s); margin-top: calc(var(--stack-s) * -1); }
.k-root .feature .photo{ border-radius: 0; aspect-ratio: 4 / 3; }
.k-root .feature .photo.is-16x9{ aspect-ratio: 16 / 9; }
.k-root .feature-text{ display: flex; flex-direction: column; gap: 4px; padding: 0 var(--page-x); }
.k-root .feature-title{ font-size: var(--fs-h2); font-weight: var(--fw-h2); line-height: var(--lh-h2); color: var(--c-text-1); }
.k-root .feature-sub{ font-size: var(--fs-sub); line-height: var(--lh-sub); color: var(--c-text-2); }
.k-root{--font:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif}
.k-root{margin:0}
.k-root a{text-decoration:none;color:inherit}
.k-root .k{width:390px;background:var(--c-bg);color:var(--c-text-1);font-family:var(--font);word-break:keep-all;display:flex;flex-direction:column}
.k-root .k .appbar{display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);padding:0 16px 0 20px;height:56px;position:static;flex-shrink:0}
.k-root .k .appbar img{height:20px;display:block}
.k-root .k .appbar-t{font-size:18px;font-weight:800;letter-spacing:-.3px}
.k-root .k .page{padding:12px 0 16px;flex-grow:1}
.k-root .k .tabbar{position:static;flex-shrink:0;height:64px;border-top:1px solid var(--c-line);background:var(--c-surface)}
.k-root .k .tab{color:var(--c-text-3);font-size:12px;font-weight:600}
.k-root .k .tab[aria-current=page]{color:var(--c-brand-text);font-weight:800}
.k-root .k .field{display:flex;flex-direction:column;gap:8px}
.k-root .k .input{width:100%;box-sizing:border-box}
.k-root .k textarea.input{height:auto;min-height:128px;padding-top:14px;padding-bottom:14px}
.k-root .k .chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
.k-root .k-hero{background:var(--c-surface);display:flex;flex-direction:column;gap:18px;padding:0 0 24px}
.k-root .k-hero>img{width:100%;height:230px;object-fit:cover;display:block}
.k-root .k-t{padding:0 20px;display:flex;flex-direction:column;gap:10px}
.k-root .k-t h1{margin:0;font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-.7px}
.k-root .k-t p{margin:0;font-size:16px;line-height:1.6;color:var(--c-text-2)}
.k-root .k-t .eb{font-size:14px;font-weight:700;color:var(--c-brand-text)}
.k-root .k-acts{padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.k-root .k-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}
.k-root .k-stats b{display:block;font-size:28px;font-weight:800;letter-spacing:-.7px;color:var(--c-brand-text);line-height:1.2}
.k-root .k-stats span{display:block;font-size:14px;color:var(--c-text-2);margin-top:3px;line-height:1.4}
.k-root .k-logos{font-size:15px;line-height:1.9;color:var(--c-text-2);margin:0}
.k-root .k-p{font-size:15.5px;line-height:1.65;color:var(--c-text-2);margin:0}
.k-root .k-sub{font-size:14px;color:var(--c-text-3);line-height:1.5;margin:0}
.k-root .k-sc{display:flex;gap:12px;overflow-x:auto;padding:0 12px;scrollbar-width:none}
.k-root .k-sc::-webkit-scrollbar{display:none}
.k-root .k-rc{flex:none;width:296px;background:var(--c-surface);border-radius:var(--r-l);padding:20px;box-sizing:border-box;font-size:15.5px;line-height:1.7;color:var(--c-text-2);margin:0}
.k-root .k-rc strong{color:var(--c-text-1);font-weight:800}
.k-root .k-sv{flex:none;width:262px;background:var(--c-surface);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column}
.k-root .k-sv img{width:100%;height:160px;object-fit:cover;display:block}
.k-root .k-sv div{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.k-root .k-sv h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.3px}
.k-root .k-sv p{margin:0;font-size:14.5px;line-height:1.55;color:var(--c-text-2)}
.k-root .k-sl{flex:none;width:296px;display:flex;flex-direction:column;gap:8px}
.k-root .k-sl img{width:100%;height:167px;object-fit:cover;border-radius:var(--r-m);display:block}
.k-root .k-img{width:100%;height:200px;object-fit:cover;border-radius:var(--r-m);display:block}
.k-root .k-sh{padding:0 28px;margin:0;font-size:20px;font-weight:800;letter-spacing:-.4px}
.k-root .k-faq{padding:14px 0;border-top:1px solid var(--c-line)}
.k-root .k-faq:first-of-type{border-top:0;padding-top:4px}
.k-root .k-faq b{display:block;font-size:16px;font-weight:700;margin-bottom:4px}
.k-root .k-foot{background:#F2F5F3;color:#4F5A53;padding:32px 24px;display:flex;flex-direction:column;gap:20px;font-size:14px;line-height:1.7}
.k-root .k-foot img{height:20px;display:block;align-self:flex-start}
.k-root .k-foot b{color:#111A15;font-weight:700}
.k-root .k-foot p{margin:0}
.k-root .k-foot .ln{display:flex;flex-wrap:wrap;gap:6px 18px}
.k-root .k-foot .ln a{color:#111A15}
.k-root .k-foot .bz{font-size:13px;color:#5B665F;padding-top:18px;border-top:1px solid #DCE5DF}
.k-root .v2{background:#fff}
.k-root .v2>*{flex-shrink:0}
.k-root .v2 .hx{position:relative;height:684px;background:#111;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.k-root .v2 .hx>img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-root .v2 .hx:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,19,.62) 0,rgba(10,26,19,.18) 22%,rgba(10,26,19,.3) 42%,rgba(10,26,19,.94) 82%)}
.k-root .v2 .hb{position:absolute;z-index:2;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px}
.k-root .v2 .hb img{height:20px;display:block}
.k-root .v2 .hb a{height:38px;padding:0 15px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:14px;font-weight:700}
.k-root .v2 .ht{position:relative;z-index:2;padding:0 24px 32px;color:#fff;display:flex;flex-direction:column;gap:14px}
.k-root .v2 .ht h1{margin:0;font-size:40px;line-height:1.16;font-weight:800;letter-spacing:-1.5px}
.k-root .v2 .ht p{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82)}
.k-root .v2 .ht .eb{font-size:14px;font-weight:700;color:#CFE3D6}
.k-root .v2 .hbtn{display:block;margin-top:10px;height:56px;line-height:56px;text-align:center;border-radius:14px;background:#fff;color:#16432F;font-size:17px;font-weight:800}
.k-root .v2 .s{padding:88px 24px;display:flex;flex-direction:column;gap:32px}
.k-root .v2 .s.alt{background:#F5F8F6}
.k-root .v2 .s.dk{background:#16432F;color:#fff}
.k-root .v2 h2.t{margin:0;font-size:32px;line-height:1.24;font-weight:800;letter-spacing:-1.1px}
.k-root .v2 .l{margin:0;font-size:17px;line-height:1.6;color:#4F5A53}
.k-root .v2 .dk .l{color:rgba(255,255,255,.8)}
.k-root .v2 .nums{display:grid;grid-template-columns:1fr 1fr;gap:36px 16px}
.k-root .v2 .nums b{display:block;font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-1.5px;color:#16432F;white-space:nowrap}
.k-root .v2 .nums span{display:block;margin-top:8px;font-size:15px;color:#4F5A53}
.k-root .v2 .sc{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;margin:0 -24px;padding:0 24px;scrollbar-width:none}
.k-root .v2 .sc::-webkit-scrollbar{display:none}
.k-root .v2 .pc{flex:none;width:300px;height:400px;border-radius:20px;overflow:hidden;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.k-root .v2 .pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-root .v2 .pc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,19,0) 38%,rgba(10,26,19,.9) 100%)}
.k-root .v2 .pc div{position:relative;z-index:2;padding:22px}
.k-root .v2 .pc h3{margin:0 0 6px;font-size:24px;font-weight:800;letter-spacing:-.6px}
.k-root .v2 .pc p{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.85)}
.k-root .v2 .st{display:grid;grid-template-columns:36px 1fr;gap:4px 8px;padding:22px 0;border-top:1px solid #DCE5DF}
.k-root .v2 .st:last-child{border-bottom:1px solid #DCE5DF}
.k-root .v2 .st i{font-style:normal;font-size:16px;font-weight:800;color:#16432F;padding-top:3px}
.k-root .v2 .st b{font-size:21px;font-weight:800;letter-spacing:-.5px}
.k-root .v2 .st p{grid-column:2;margin:0;font-size:16px;line-height:1.55;color:#4F5A53}
.k-root .v2 .tg{display:flex;flex-wrap:wrap;gap:0}
.k-root .v2 .tg span{width:100%;padding:15px 0;border-top:1px solid #DCE5DF;font-size:18px;font-weight:700}
.k-root .v2 .tg span:last-child{border-bottom:1px solid #DCE5DF}
.k-root .v2 .rc{flex:none;width:320px;background:#F5F8F6;border-radius:20px;padding:26px;box-sizing:border-box;font-size:17px;line-height:1.65;color:#4F5A53;margin:0}
.k-root .v2 .rc strong{color:#111A15;font-weight:800}
.k-root .v2 .bb{display:block;height:56px;line-height:56px;text-align:center;border-radius:14px;background:#16432F;color:#fff;font-size:17px;font-weight:800}
.k-root .v2 .dk .bb{background:#fff;color:#16432F}
.k-root .v2 .bl{display:block;font-size:16px;font-weight:700;color:#16432F;text-decoration:underline;text-underline-offset:5px}
.k-root .v2 .hb .bt{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.3px}
.k-root .v2 .ab{height:64px;display:flex;align-items:center;padding:0 24px;font-size:18px;font-weight:800;border-bottom:1px solid #E5E9E6}
.k-root .v2 .wi:last-child{border-bottom:1px solid #DCE5DF}
.k-root .v2 .cc{flex:none;width:300px;background:#fff;border-radius:20px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
.k-root .v2 .ct{font-size:14px;font-weight:700;color:#16432F}
.k-root .v2 .cc h3,.k-root .v2 .cs h3{margin:0;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.6px}
.k-root .v2 .cc p{margin:0;font-size:15.5px;line-height:1.55;color:#4F5A53}
.k-root .v2 .cc p b{display:block;color:#111A15}
.k-root .v2 .cc .cr{padding-top:10px;border-top:1px solid #DCE5DF}
.k-root .v2 .sl{flex:none;width:320px}
.k-root .v2 .sl img{width:100%;height:180px;object-fit:cover;border-radius:16px;display:block}
.k-root .v2 .sl p{margin:10px 0 0;font-size:15px;color:#4F5A53}
.k-root .v2 .css{display:flex;flex-direction:column;gap:56px}
.k-root .v2 .cs{display:flex;flex-direction:column;gap:8px}
.k-root .v2 .cs img{width:342px;height:228px;object-fit:cover;border-radius:20px;display:block;margin-bottom:12px}
.k-root .v2 .cs p{margin:0;font-size:16px;line-height:1.55;color:#4F5A53}
.k-root .v2 .fm{display:flex;flex-direction:column;gap:20px}
.k-root .v2 .fm .k-sub{font-size:14px;color:#5B665F;line-height:1.6}
.k-root .v2 .input{background:#F5F8F6;border:1px solid #DCE5DF;border-radius:12px;min-height:56px;font-size:16px}
.k-root .v2 .wq span{display:block;font-size:15.5px;color:#4F5A53;margin-bottom:4px}
.k-root .v2 .wq b{color:#16432F;margin:0}
.k-root .v2 .s.n{padding:48px 24px 56px}
.k-root .v2 .n3 div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:22px 0;border-top:1px solid #DCE5DF}
.k-root .v2 .n3 div:last-child{border-bottom:1px solid #DCE5DF}
.k-root .v2 .n3 b{font-size:44px;line-height:1.1;font-weight:800;letter-spacing:-1.8px;color:#16432F;white-space:nowrap}
.k-root .v2 .n3 span{font-size:15.5px;color:#4F5A53;text-align:right}
.k-root .v2 .ip{position:relative;height:480px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.k-root .v2 .ip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.k-root .v2 .ip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,19,0) 42%,rgba(10,26,19,.92) 100%)}
.k-root .v2 .ip div{position:relative;z-index:2;padding:24px;display:flex;flex-direction:column;gap:4px}
.k-root .v2 .ip b{font-size:28px;font-weight:800;letter-spacing:-.8px}
.k-root .v2 .ip span{font-size:15.5px;font-weight:600;color:#CFE3D6}
.k-root .v2 .ip p{margin:8px 0 0;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.82)}
.k-root .v2 .st p:empty{display:none}
.k-root .v2 .ins{width:390px;height:488px;margin:0 -24px;object-fit:cover;object-position:50% 40%;display:block}
.k-root .v2 .wi{padding:20px 0;border-top:1px solid #DCE5DF}
.k-root .v2 .wi b{display:block;font-size:20px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}
.k-root .v2 .wi p{margin:0;font-size:16px;line-height:1.6;color:#4F5A53}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
[id]{scroll-margin-top:24px}
@media(min-width:1024px){.k-root{display:none!important}}
@media(max-width:1023.98px){.d-root{display:none!important}}
.d-root{width:100%!important;height:auto!important}
@media(max-width:1439.98px){.d-root{width:1440px!important}}
@media(min-width:1441px){
.d-root>section,.d-root>footer,.d-root>div:first-child{padding-left:calc(50% - 600px)!important;padding-right:calc(50% - 600px)!important}
.d-root>section[id=about]>div:first-child,.d-root>section[id=partners]>h2{padding-left:calc(50% - 600px)!important;padding-right:calc(50% - 600px)!important}
.d-root>header>div{width:100%!important}
.d-root>header>div:last-of-type{padding-left:calc(50% - 600px)!important;padding-right:calc(50% - 600px)!important}
}
.k-root .k{height:auto!important;width:100%!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.k-root .tabbar{position:fixed!important;left:0;right:0;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom);height:auto;min-height:64px}
.v2 .cs small{font-size:13px;color:#5B665F;margin:-8px 0 8px}
.k-root .v2 .cs img{width:100%;height:auto;aspect-ratio:3/2}
.legal-layer{position:fixed;inset:0;z-index:100;overflow:auto;background:rgba(17,26,21,.72);display:flex;justify-content:center;align-items:flex-start;padding:48px 16px}
.legal-layer>[role=dialog]{width:760px!important;max-width:100%;box-sizing:border-box}
@media(max-width:1023.98px){.legal-layer{padding:0;background:#fff}}
.d-root .chip:has(input:focus-visible){outline:2px solid #16432F;outline-offset:2px}