:root{--color-primary: #005f49;--color-primary-light: #0D7A5F;--color-primary-bg: #f0f9f6;--color-accent: #12A882;--color-cta: #FF5252;--color-surface: #f8f9fa;--color-surface-low: #f3f4f5;--color-surface-high: #e7e8e9;--color-card: #ffffff;--color-text: #191c1d;--color-subtext: #2f3a35;--color-muted: #525d57;--color-border: #bdc9c2;--color-border-light: rgba(189,201,194,.2);--color-baedal: #2AC1BC;--color-coupang: #00AEEF;--color-yogiyo: #F00041;--color-row-alt: #fafbfa;--font-main: "Pretendard", "Plus Jakarta Sans", sans-serif;--max-width: 1080px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--shadow-xl: 0 12px 40px rgba(0,0,0,.1)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:999;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-md);font-weight:700;text-decoration:none!important;transition:top .2s}.skip-link:focus{top:.5rem}*:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:2px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--color-text);line-height:1.7;background:var(--color-surface);-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1;vertical-align:middle}h1{font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:1rem;letter-spacing:-.02em;line-height:1.3}h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:2.5rem 0 .75rem;letter-spacing:-.01em}h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 .5rem}p{margin-bottom:1rem}a{color:var(--color-primary-light);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary);text-decoration:underline}.glass-header{position:fixed;top:0;width:100%;z-index:50;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000a;height:64px}.header-inner{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem;height:100%}.logo{font-size:1.5rem;font-weight:900;color:var(--color-primary-light)!important;text-decoration:none!important;letter-spacing:-.03em}.nav-desktop{display:none;align-items:center;gap:1.75rem}.nav-desktop a{color:var(--color-muted);font-weight:500;font-size:.9rem;text-decoration:none;transition:color .2s;padding:.25rem 0}.nav-desktop a:hover,.nav-desktop a.active{color:var(--color-primary-light);font-weight:600;text-decoration:none}.header-actions{display:flex;align-items:center;gap:.25rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-muted);border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.icon-btn:hover{background:var(--color-surface-low);color:var(--color-primary-light)}.font-size-btn{display:flex;align-items:center;justify-content:center;height:36px;padding:0 .6rem;border:1px solid var(--color-border);background:transparent;color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:.85rem;font-family:var(--font-main);white-space:nowrap;transition:all .2s}.font-size-btn:hover{background:var(--color-surface-low);color:var(--color-primary-light);border-color:var(--color-primary-light)}@media(min-width:768px){.nav-desktop{display:flex}}.more-menu-wrap{position:relative}.more-menu-dropdown{display:none;position:absolute;right:0;top:48px;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;overflow:hidden}.more-menu-dropdown.open{display:block}.more-menu-dropdown a,.more-menu-dropdown button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.25rem;font-size:.9rem;color:var(--color-text);text-decoration:none;border:none;background:none;cursor:pointer;font-family:var(--font-main);text-align:left;transition:background .15s}.more-menu-dropdown a:hover,.more-menu-dropdown button:hover{background:var(--color-primary-bg)}.more-menu-dropdown .material-symbols-outlined{font-size:20px;color:var(--color-muted)}.dropdown-divider{height:1px;background:var(--color-border-light)}#pwa-install-btn{display:none}.updated-badge{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1.5rem;padding:.4rem .85rem;background:var(--color-primary-bg);color:var(--color-primary);border-radius:9999px;font-size:.78rem;font-weight:600;letter-spacing:-.005em;border:1px solid rgba(13,122,95,.12)}.updated-badge .material-symbols-outlined{font-size:16px;font-variation-settings:"FILL" 1,"wght" 500;color:var(--color-accent)}.updated-badge-dot{color:var(--color-border);margin:0 .15rem}.updated-badge-meta{color:var(--color-subtext);font-weight:500}@media(max-width:480px){.updated-badge{font-size:.78rem;flex-wrap:wrap}.updated-badge-dot,.updated-badge-meta{display:none}}.footer-sources{margin:1.5rem 0 1rem;padding:.85rem 1rem;background:var(--color-surface-low);border-radius:var(--radius-md);font-size:.8rem}.footer-sources summary{cursor:pointer;font-weight:600;color:var(--color-subtext);display:flex;align-items:center;gap:.4rem;padding:0;border:none}.footer-sources summary .material-symbols-outlined{font-size:18px;color:var(--color-accent)}.footer-sources[open] summary{margin-bottom:.6rem;color:var(--color-primary-light)}.footer-sources ul{margin:.4rem 0 .5rem 1.5rem;padding:0;color:var(--color-muted)}.footer-sources li{margin-bottom:.25rem;line-height:1.6;font-size:.78rem}.footer-sources-note{margin:.4rem 0 0;font-size:.72rem;color:var(--color-muted);font-style:italic}.main-content{max-width:var(--max-width);margin:0 auto;padding:80px 1.25rem 2rem;min-height:70vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.card{background:var(--color-card);border:1px solid transparent;border-radius:var(--radius-xl);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-xl);border-color:#0d7a5f26;transform:translateY(-2px)}.comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.comparison-table th{padding:1rem 1.25rem;text-align:left;font-size:.85rem;font-weight:700;color:var(--color-subtext);background:#00000005;border-bottom:1px solid var(--color-border-light)}.comparison-table th.baedal{color:var(--color-baedal)}.comparison-table th.coupang{color:var(--color-coupang)}.comparison-table th.yogiyo{color:var(--color-yogiyo)}.comparison-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);font-size:.9rem}.comparison-table tr:hover td{background:#0d7a5f08}.comparison-table tr:last-child td{border-bottom:none}.cmp-fee{font-weight:700;letter-spacing:-.01em}.cmp-bar-track{width:100%;height:6px;background:#0000000f;border-radius:9999px;margin-top:.4rem;overflow:hidden}.cmp-bar-fill{height:100%;border-radius:9999px;transition:width .3s ease}.comparison-table tr.cmp-rec-row td{background:#0d7a5f0a}.cmp-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;background:#0d7a5f14;color:var(--color-primary);border-radius:9999px;font-size:.78rem;font-weight:600;letter-spacing:-.005em;line-height:1.2}.cmp-chip .material-symbols-outlined{font-size:14px;font-variation-settings:"FILL" 1,"wght" 500}.cmp-table-note{font-size:.78rem;color:var(--color-subtext);margin:.6rem 0 0;line-height:1.6}.cmp-table-note a{color:var(--color-primary);font-weight:600;text-decoration:none}.cmp-table-note a:hover{text-decoration:underline}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-cta),#e64545);color:#fff;padding:.85rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;box-shadow:0 4px 16px #ff525240;transition:all .2s;border:none;cursor:pointer}.btn-cta:hover{transform:scale(1.02);box-shadow:0 6px 20px #ff525259;text-decoration:none;color:#fff}.summary-box{background:var(--color-primary-bg);border-left:4px solid var(--color-accent);padding:1.25rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.ad-slot{text-align:center;margin:2rem 0;min-height:90px;background:var(--color-surface-low);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:.75rem}.site-footer{background:var(--color-surface-high);border-top:1px solid var(--color-border-light);margin-top:4rem;padding:3.5rem 1.25rem 2rem}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem}.footer-logo{font-size:1.5rem;font-weight:900;color:var(--color-primary-light);margin-bottom:1rem;letter-spacing:-.03em}.footer-brand p{color:var(--color-muted);font-size:.875rem;line-height:1.7;max-width:360px}.footer-links h4{font-weight:700;font-size:.9rem;margin-bottom:1rem;color:var(--color-text)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary-light);text-decoration:none}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--color-muted)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;justify-content:space-around;align-items:center;height:72px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:1rem 1rem 0 0;box-shadow:0 -2px 16px #0000000a;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-decoration:none;font-size:.65rem;font-weight:600;gap:.15rem;padding:.5rem .75rem;border-radius:var(--radius-lg);transition:all .2s}.mobile-nav-item .material-symbols-outlined{font-size:24px}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-primary-light);background:var(--color-primary-bg);text-decoration:none}button.mobile-nav-item{background:transparent;border:0;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.mobile-nav-item[aria-expanded=true]{color:var(--color-primary-light);background:var(--color-primary-bg)}.mobile-sheet-backdrop{position:fixed;inset:0;background:#0f171773;z-index:60;opacity:0;transition:opacity .22s ease}.mobile-sheet-backdrop.open{opacity:1}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--color-card);border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -8px 32px #0000002e;padding:.5rem 1rem 1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0));transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);max-height:80vh;overflow-y:auto}.mobile-sheet.open{transform:translateY(0)}.mobile-sheet-handle{width:36px;height:4px;background:#00000026;border-radius:9999px;margin:.5rem auto .75rem}.mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .75rem}.mobile-sheet-title{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.01em}.mobile-sheet-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:9999px;cursor:pointer;color:var(--color-subtext)}.mobile-sheet-close:hover{background:#0000000d}.mobile-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.mobile-sheet-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:76px;padding:.75rem .5rem;border-radius:var(--radius-lg);background:var(--color-surface-low);color:var(--color-text);font-size:.78rem;font-weight:600;text-decoration:none;text-align:center}.mobile-sheet-item .material-symbols-outlined{font-size:26px;color:var(--color-primary-light);font-variation-settings:"FILL" 1,"wght" 400}.mobile-sheet-item:hover{background:var(--color-primary-bg);text-decoration:none}@media(max-width:360px){.mobile-sheet-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.mobile-nav{display:none}.main-content{padding-bottom:2rem}.mobile-sheet,.mobile-sheet-backdrop{display:none!important}}@media(max-width:767px){.main-content{padding-bottom:6rem}.site-footer{margin-bottom:72px}}html.font-large{font-size:120%}html.font-large .comparison-table td,html.font-large .comparison-table th{font-size:1rem}details{margin-bottom:.75rem}details summary{font-weight:600;cursor:pointer;padding:.75rem 0;border-bottom:1px solid var(--color-border-light);transition:color .2s}details summary:hover{color:var(--color-primary-light)}details[open] summary{color:var(--color-primary-light);border-bottom-color:var(--color-accent)}nav[aria-label=브레드크럼]{font-size:.85rem;color:var(--color-muted);margin-bottom:1rem}nav[aria-label=브레드크럼] a{color:var(--color-muted)}nav[aria-label=브레드크럼] a:hover{color:var(--color-primary-light)}.main-content table:not(.comparison-table){width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.main-content table:not(.comparison-table) th{padding:1rem 1.25rem;text-align:left;font-size:.85rem;font-weight:700;color:var(--color-subtext);background:#00000005;border-bottom:1px solid var(--color-border-light)}.main-content table:not(.comparison-table) td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);font-size:.9rem}.main-content table:not(.comparison-table) tr:hover td{background:#0d7a5f08}.main-content table:not(.comparison-table) tr:last-child td{border-bottom:none}@media(max-width:768px){.main-content table:not(.comparison-table){display:block;overflow-x:auto}}.calc-form-card{background:var(--color-card);padding:2rem;border-radius:var(--radius-xl);margin:1.5rem 0;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.calc-field{margin-bottom:1.5rem}.calc-field:last-child{margin-bottom:0}.calc-label{font-weight:600;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.calc-label .material-symbols-outlined{font-size:20px;color:var(--color-accent)}.calc-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-surface-high);border-radius:3px;outline:none}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--color-primary-light);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0d7a5f4d}.calc-checks{display:flex;gap:1.5rem;flex-wrap:wrap}.calc-checks label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.calc-conclusion{font-size:1.1rem;font-weight:600;text-align:center;margin:1.5rem 0;color:var(--color-primary-light)}.calc-baseline{font-size:.95rem;color:var(--color-subtext);margin-bottom:1rem}.calc-baseline strong{color:var(--color-text);font-weight:800;font-variant-numeric:tabular-nums}.calc-results-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin:1rem 0 1.5rem}@media(min-width:720px){.calc-results-grid{grid-template-columns:repeat(3,1fr)}}.calc-result-card{position:relative;padding:1.15rem 1.25rem;background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.6rem;transition:all .2s}.calc-result-card.is-best{border-color:#0d7a5f59;box-shadow:0 6px 20px #0d7a5f1a;background:linear-gradient(180deg,var(--color-primary-bg),var(--color-card) 60%)}.calc-result-card.is-loss{background:linear-gradient(180deg,#fff7f7,var(--color-card) 70%)}.calc-result-best-badge{position:absolute;top:-10px;left:1rem;display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .65rem;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.05em;border-radius:9999px;box-shadow:0 2px 8px #0d7a5f4d}.calc-result-best-badge .material-symbols-outlined{font-size:13px;font-variation-settings:"FILL" 1,"wght" 600}.calc-result-head{display:flex;align-items:center;gap:.5rem}.calc-result-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.calc-result-name{margin:0;font-size:.95rem;font-weight:700;flex:1}.calc-result-price{font-size:.75rem;color:var(--color-muted);font-weight:600;font-variant-numeric:tabular-nums}.calc-result-amount{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:.2rem;font-variant-numeric:tabular-nums;line-height:1}.calc-result-unit{font-size:.95rem;font-weight:700}.calc-result-label{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:none;letter-spacing:0}.calc-result-bar-wrap{height:6px;background:var(--color-surface-low);border-radius:3px;overflow:hidden}.calc-result-bar{height:100%;border-radius:3px;transition:width .3s ease;min-width:4px}.calc-sticky{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0));transform:translate(-50%);display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.15rem;background:var(--color-text);color:#fff;border-radius:9999px;font-size:.85rem;font-weight:700;box-shadow:0 6px 24px #0000002e;z-index:40;max-width:calc(100% - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.calc-sticky .material-symbols-outlined{font-size:18px;color:#ffd76b;font-variation-settings:"FILL" 1,"wght" 500;flex-shrink:0}.calc-sticky.is-profit{background:var(--color-primary)}.calc-sticky.is-loss{background:#1f2937}@media(min-width:768px){.calc-sticky{display:none}}.coupang-ad{margin:2rem 0;text-align:center}.coupang-disclosure{font-size:.7rem;color:var(--color-muted);margin-top:.5rem;text-align:center}.card-title{margin-top:0}.mb-0{margin-bottom:0}details summary{font-weight:600;cursor:pointer;padding:.85rem 0}@media(max-width:768px){h1{font-size:1.5rem}.comparison-table{display:block;overflow-x:auto}.card-grid{grid-template-columns:1fr}}