@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--bg-color:#090d16;--bg-surface:#0f1523;--bg-subtle:#141c2e;--bg-hover:#1b253b;--bg-active:#23304c;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--border-color:#ffffff14;--border-subtle:#ffffff0a;--border-focus:#38bdf8;--accent-blue:#38bdf8;--accent-blue-hover:#7dd3fc;--accent-blue-light:#38bdf81f;--accent-blue-border:#38bdf84d;--accent-green:#10b981;--accent-green-light:#10b9811f;--accent-red:#f43f5e;--accent-red-light:#f43f5e1f;--highlight-bg:#38bdf814;--highlight-text:#38bdf8;--highlight-border:#38bdf8;--card-bg:var(--bg-surface);--card-border:var(--border-color);--primary-color:var(--highlight-text);--accent-color:var(--accent-blue);--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 16px #0006, 0 1px 3px #0003;--shadow-lg:0 10px 30px #0009;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-full:9999px;--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{color:#fff;background:#38bdf840}select{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);font-family:inherit}select option{color:#f8fafc;background-color:#0f1523}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);letter-spacing:-.02em;min-height:100vh;margin:0;padding:0;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(70% 380px at 50% -120px,#38bdf814,#6366f10a 50%,#0000 80%);width:100vw;height:600px;position:fixed;top:0;left:50%;transform:translate(-50%)}.container{max-width:1080px;margin:0 auto;padding:1.5rem 1rem 3rem}.main-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;background:#0b0f19e0;position:sticky;top:0}.nav-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1080px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.nav-logo-group{flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav-logo{letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.15rem;font-size:1.45rem;font-weight:850;text-decoration:none;display:flex}.logo-text-primary{color:#fff;letter-spacing:-.04em;font-weight:800}.logo-text-accent{background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 50%,#818cf8 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;margin-right:.25rem;font-weight:900}.nav-logo-dot{border-radius:var(--radius-full);background:#38bdf8;width:7px;height:7px;animation:2.5s ease-in-out infinite logoPulse;display:inline-block;box-shadow:0 0 10px #38bdf8cc,0 0 20px #3b82f666}@keyframes logoPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 14px #38bdf8,0 0 24px #3b82f699}}.nav-links{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:.45rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-links a.active{color:var(--highlight-text);background:var(--accent-blue-light);font-weight:700}.hero-header{margin-bottom:1.5rem;padding:.5rem 0 .25rem}.hero-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.5rem;display:flex}.hero-title{color:var(--text-primary);letter-spacing:-.03em;align-items:center;gap:.6rem;margin:0;font-size:1.75rem;font-weight:800;display:flex}.live-pill{background:var(--accent-green-light);color:var(--accent-green);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #10b98140;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.live-dot{background:var(--accent-green);border-radius:var(--radius-full);width:6px;height:6px;animation:1.8s infinite pulseGreen;box-shadow:0 0 #10b98199}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-meta{color:var(--text-muted);font-size:.8rem;font-weight:500}.best-cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.3rem 1.4rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 10px 30px #0006,0 0 20px #38bdf80d}.card-shinsegae:before{content:"";background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%);height:3px;position:absolute;top:0;left:0;right:0}.card-lotte:before{content:"";background:linear-gradient(90deg,#ef4444 0%,#f87171 100%);height:3px;position:absolute;top:0;left:0;right:0}.card-hyundai:before{content:"";background:linear-gradient(90deg,#10b981 0%,#34d399 100%);height:3px;position:absolute;top:0;left:0;right:0}.card-brand-badge{border-radius:var(--radius-full);letter-spacing:-.01em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge-shinsegae{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-lotte{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.badge-hyundai{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.card-title{color:var(--text-secondary);margin:0 0 .4rem;font-size:.9rem;font-weight:700}.card-content{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.best-price{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:1.85rem;font-weight:850;line-height:1.15}.best-rate-chip{color:var(--highlight-text);background:var(--accent-blue-light);border-radius:var(--radius-xs);border:1px solid var(--accent-blue-border);margin-top:.4rem;padding:.22rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.best-site{text-align:right;flex-shrink:0}.best-site-btn{color:var(--highlight-text);background:var(--accent-blue-light);border:1px solid var(--accent-blue-border);border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.best-site-btn:hover{color:#fff;border-color:var(--accent-blue);background:#38bdf838;transform:translateY(-1px);box-shadow:0 4px 12px #38bdf840}.view-tabs-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.segmented-control{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:12px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 3px #0000004d}.segmented-tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:.35rem;padding:.5rem 1.05rem;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.segmented-tab:hover{color:var(--text-primary);background:#ffffff0a}.segmented-tab:active{transform:scale(.97)}.segmented-tab.active{color:#fff;background:#1e293b;border:1px solid #ffffff1f;font-weight:800;box-shadow:0 2px 10px #0006,inset 0 1px #ffffff1f}.segmented-tab-sub{color:var(--text-muted);font-size:.72rem;font-weight:500}.segmented-tab.active .segmented-tab-sub{color:var(--highlight-text);opacity:.9}.notice-warning-banner{background:#ef44440d;border:1px solid #ef444438;border-radius:12px;flex-direction:column;gap:.3rem;margin-bottom:1.1rem;padding:.85rem 1.15rem;display:flex;box-shadow:0 2px 10px #ef44440d}.notice-warning-banner-text{color:#fca5a5;font-size:.76rem;font-weight:600;line-height:1.6}.notice-warning-banner-text strong{color:#f87171;font-weight:800}.table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;overflow-x:auto;box-shadow:0 4px 24px #00000059}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}thead th{background:var(--bg-subtle);color:var(--text-secondary);letter-spacing:-.01em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.95rem 1.1rem;font-size:.78rem;font-weight:750}thead th:first-child{border-top-left-radius:var(--radius-lg)}thead th:last-child{border-top-right-radius:var(--radius-lg)}tbody tr{transition:background-color .15s}tbody tr:hover{background-color:#38bdf809}tbody tr:not(:last-child) td{border-bottom:1px solid #ffffff0d}td{vertical-align:middle;padding:.9rem 1.1rem}.site-col-container{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.site-region-badge{color:#38bdf8;letter-spacing:-.01em;white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf840;border-radius:4px;padding:1px 6px;font-size:.78rem;font-weight:600}.site-link{color:var(--text-primary);align-items:center;gap:.35rem;font-size:.94rem;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.site-link:hover{color:var(--highlight-text)}.region-badge{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xs);margin-left:.35rem;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.holiday-badge{background:var(--accent-red-light);color:#f87171;border-radius:var(--radius-xs);border:1px solid #f43f5e4d;margin-left:.35rem;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.site-link.best-count-3{color:#34d399;font-weight:800}.site-link.best-count-3:after{content:"★ 3관왕";color:#34d399;border-radius:var(--radius-full);background:#10b98124;border:1px solid #10b98159;margin-left:.35rem;padding:.15rem .5rem;font-size:.68rem;font-weight:800;box-shadow:0 0 10px #10b98126}.site-link.best-count-2{color:var(--highlight-text);font-weight:750}.site-link.best-count-2:after{content:"2관왕";background:var(--accent-blue-light);color:var(--highlight-text);border:1px solid var(--accent-blue-border);border-radius:var(--radius-full);margin-left:.35rem;padding:.12rem .45rem;font-size:.68rem;font-weight:700}.site-link.best-count-1{color:#c084fc;font-weight:700}.site-link.best-count-1:after{content:"1관왕";color:#c084fc;border-radius:var(--radius-full);background:#c084fc24;border:1px solid #c084fc59;margin-left:.35rem;padding:.12rem .45rem;font-size:.68rem;font-weight:700}.price-cell{font-variant-numeric:tabular-nums}.price-value{color:var(--text-primary);font-size:.98rem;font-weight:700}.price-rate{color:var(--text-muted);margin-left:.3rem;font-size:.8rem;font-weight:600}.highlight{position:relative;background-color:var(--highlight-bg)!important}.highlight .price-value{color:var(--highlight-text);font-weight:850}.highlight .price-rate{color:#7dd3fc;font-weight:700}footer{background:var(--bg-surface);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);margin-top:3rem;padding:2.5rem 1rem 3.5rem}.footer-btn-group{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.footer-btn{color:#f1f5f9;border-radius:var(--radius-full);border:1px solid var(--border-color);white-space:nowrap;background:#172033;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.footer-btn:hover{background:#1e293b;border-color:#fff3;transform:translateY(-1px)}.footer-btn-kakao{color:#191919;background:#fee500;border:1px solid #fada00}.footer-btn-kakao:hover{background:#fdd800}.footer-meta{color:var(--text-muted);font-size:.82rem;line-height:1.6}.footer-meta a{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline}@media (max-width:768px){.container{padding:1rem .75rem 2.5rem}.nav-container{gap:.5rem;padding:.7rem .75rem}.nav-logo{font-size:1.15rem}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.15rem;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;flex-shrink:0;padding:.35rem .55rem;font-size:.82rem}.hero-title{font-size:1.35rem}.best-cards{grid-template-columns:1fr;gap:.65rem}.card{border-radius:var(--radius-md);padding:1rem 1.1rem}.best-price{font-size:1.45rem}.view-tabs-container{flex-direction:column;align-items:stretch;gap:.6rem}.segmented-control{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.segmented-tab{justify-content:center;padding:.5rem .2rem;font-size:.8rem}th,td{padding:.75rem .5rem}.site-col-container{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.site-region-badge{margin-left:0;padding:1px 5px;font-size:.72rem}.region-badge,.holiday-badge{margin-left:0}thead th:not(:first-child),tbody td:not(:first-child),.price-cell{text-align:center}.price-value{text-align:center;font-size:.92rem;line-height:1.25;display:block}.price-rate{text-align:center;margin-top:3px;margin-left:0;font-size:.74rem;display:block}.site-link.best-count-3:after,.site-link.best-count-2:after,.site-link.best-count-1:after,.hide-mobile{display:none!important}}