.adfit-con{display:flex;justify-content:center;padding:16px 20px}.adfit-con ins.kakao_ad_area{max-width:100%}.adfit-con-in{display:flex;flex-direction:column}.adfit-con.is-pc .adfit-con-in{min-height:90px}.adfit-con.is-pc{padding-left:0;padding-right:0}.adfit-con.is-pc ins.kakao_ad_area{max-width:none}.adfit-con.is-mo .adfit-con-in{min-height:100px}.adfit-con.is-app .adfit-con-in{min-height:0;width:100%}.adfit-con.is-app .pwa-banner{margin:0 auto}.adfit-con .pwa-banner{width:100%;margin-left:0;margin-right:0}.adfit-con.is-big .adfit-con-in{min-height:250px}.adfit-con.is-480 .adfit-con-in{min-height:480px}@media (max-width: 767px){.adfit-con.is-mo{padding-left:0;padding-right:0}}@media (max-width: 767px){#main-content>.adfit-con,#main-content>.mv-keep>.adfit-con{background:var(--bg)}}@media (hover: none) and (pointer: coarse){.guide-card:active,.pf-tile:active,.hgr-row:active,.deal-row:active,.cl-btn:active,.gg-row:active,.rl-link:active,.src-row:active,.list-more:active,.rate-summary-row:active,.featured-card:active,.ig-list>li>a:first-child:active,.gold-next-list>li>a:first-child:active{background-color:var(--bg)!important}.shop-map-btn:active,.sr-chip:active,.gc-tile:active,.deal-gc-link:active,.rl-item:active,.region-chip:active,.shop-tel:active,.pfa-chip:active,.group-more:active,.gc-cat-chip:active,.grail a:active,.cat-chip:active{transform:scale(.97)!important}}@media (prefers-reduced-motion: reduce){.shop-map-btn:active,.sr-chip:active,.gc-tile:active,.deal-gc-link:active,.rl-item:active,.region-chip:active,.shop-tel:active,.pfa-chip:active,.group-more:active,.gc-cat-chip:active,.grail a:active,.cat-chip:active{transform:none!important}}.sb-top{position:fixed;left:14px;bottom:calc(92px + var(--adh-h, 0px) + env(safe-area-inset-bottom));width:42px;height:42px;border:1px solid var(--line-soft);border-radius:50%;background:#ffffffeb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);color:var(--ink-soft);box-shadow:0 4px 16px rgba(var(--shadow-rgb),.12);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:19;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-base) var(--ease)}.sb-top.on{opacity:1;transform:none;pointer-events:auto}.sb-top.on.rest{opacity:.26}.sb-top.on:hover,.sb-top.on:focus-visible{opacity:1}.sb-top:active{transform:scale(.94)}@media (min-width: 768px){.sb-top{bottom:calc(28px + var(--adh-h, 0px));right:22px;left:auto}}.chiprail-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-family:inherit;font-size:var(--fs-meta);font-weight:700;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-solid);border-radius:var(--radius-pill);padding:6px 13px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.chiprail-more:hover{border-color:var(--line-mid);color:var(--ink)}.chiprail-more:active{transform:scale(.97)}.chiprail-more:after{content:"▾";font-size:10px;line-height:1}.chiprail-more[aria-expanded=true]:after{content:"▴"}[data-chiprail]{transition:max-height var(--dur-slow) var(--ease)}main table{font-variant-numeric:tabular-nums}#main-content{--fs-micro: 12px}#main-content thead th{font-size:var(--fs-micro);font-weight:700;color:var(--ink-faint);letter-spacing:var(--track-xs)}#main-content thead th small{font-size:var(--fs-micro);font-weight:500}main :is(h1,h2,h3){line-height:1.3}#main-content :is(.faq-item:has(>.faq-q),.pf-faq-item,.area-faq,.faq>details){background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none;overflow:hidden}#main-content :is(.faq-item:has(>.faq-q),.pf-faq-item,.area-faq,.faq>details)[open]{border-color:var(--accent-mid);box-shadow:none}#main-content :is(.faq-q,.pf-faq-q,.area-faq>summary,.faq>details>summary){font-size:14px;font-weight:700;line-height:var(--lh-sub);color:var(--ink);padding:13px 14px}#main-content :is(.faq-a,.pf-faq-a,.area-faq>summary~*,.faq>details>summary~*){font-size:13px;line-height:var(--lh-body);color:var(--ink-soft)}main table :is(td,th)>a{position:relative}main table :is(td,th)>a:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;min-width:24px;height:100%;min-height:24px}main :is(ul,ol)>li>a:only-child{position:relative}main :is(ul,ol)>li>a:only-child:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:100%;min-height:24px}.breadcrumb-link{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}details>summary{min-height:24px;box-sizing:border-box}.tr-arch-more,.gd-empty-links a,.shop-group>a,.gold-h3>a,.co-h>a{display:inline-block;padding-block:4px;margin-block:-4px;min-width:24px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;letter-spacing:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}@media (max-width: 767px){input,select,textarea{font-size:16px!important}}:root{color-scheme:light dark;--bg: #f2f0ed;--surface: #fff;--surface-rgb: 255, 255, 255;--band: #e9e6e1;--gold-band: #fdf5ea;--fx-band: #eef1fb;--oil-band: #e6eef0;--surface-2: #f8f7f4;--soft: #f7f5f2;--cream: #fcfbf8;--surface-3: #efede9;--bg-soft: #f4f2ee;--ink: #1a1d24;--ink-soft: #4a5160;--ink-mid: var(--ink-faint);--ink-faint: #656c77;--line: rgba(var(--shadow-rgb), .1);--line-soft: rgba(var(--shadow-rgb), .06);--shadow-card: var(--shadow-md);--accent: #f25c33;--accent-dark: #bc421d;--accent-soft: #fff4ef;--accent-mid: #ffd6c5;--accent-gradient: linear-gradient(135deg, #ff7a4d 0%, #f25c33 100%);--accent-gradient-on: linear-gradient(135deg, #ce440e 0%, #b23a0b 100%);--buy: #274fca;--buy-soft: #eff6ff;--buy-mid: #bfdbfe;--buy-dark: #2f53b8;--sell: #b3400f;--sell-soft: var(--accent-soft);--sell-on-dark: #ff8a65;--buy-on-dark: #64b5f6;--emph: #4a5160;--emph-soft: #f1f2f5;--warn: #d97706;--warn-deep: #9a4d06;--warn-soft: #fffbeb;--danger: #dc2626;--danger-soft: #fef2f2;--gold: #b45309;--gold-deep: #92400e;--gold-metal: #d9a441;--gold-amber: #fbbf24;--gold-line: #fde68a;--gold-mid: #f4e0b6;--gold-soft: #fef3c7;--oil: #0d5f6b;--oil-deep: #0a4a54;--oil-mid: #9ec7cd;--oil-line: #d8e7ea;--oil-soft: #e8f1f2;--emph-ink: #4a5160;--emph-deep: #3a4150;--emph-line: rgba(var(--emph-rgb), .27);--buy-ink: #2563eb;--rail-bar: var(--accent);--rail-ink: var(--accent-dark);--rail-soft: var(--accent-soft);--accent-strong: #c2410c;--link-ink: var(--ink);--emph-text: var(--ink);--fw-name: 600;--fw-em: 700;--tag-bg: var(--bg-soft);--tag-ink: var(--ink-soft);--tag-pad: 1px 7px;--lh-body: 1.7;--lh-sub: 1.55;--lh-tight: 1.4;--pad-card-sm: 10px 12px;--pad-card: 12px 14px;--pad-card-lg: 16px 18px;--gap-sec: 28px;--gap-sec-tight: 14px;--teal: #0e7490;--teal-ink: #075985;--teal-soft: #e0f2fe;--violet: #6d28d9;--violet-soft: #ede9fe;--ink-strong: #333d4b;--ink-dim: #848c9a;--line-solid: #e6e4e1;--line-mid: #c4cad2;--danger-deep: #b91c1c;--indigo: #4338ca;--indigo-soft: #eef2ff;--emph-bright: #99a0ac;--kakao: #fee500;--kakao-ink: #3c1e1e;--naver: #037c39;--lotte: #c8102e;--lotte-line: #f3c6cb;--pink: #be185d;--pink-soft: #fce7f3;--bg-rgb: 242, 240, 237;--on-accent: #fff;--on-buy: #fff;--on-oil: #fff;--on-gold: #fff;--on-danger: #fff;--on-emph: #fff;--on-warn: #fff;--on-violet: #fff;--on-pink: #fff;--veil: rgba(255, 255, 255, .78);--shadow-rgb: 20, 24, 33;--accent-rgb: 242, 92, 51;--gold-rgb: 180, 83, 9;--oil-rgb: 13, 95, 107;--emph-rgb: 74, 81, 96;--buy-rgb: 39, 79, 202;--buy-ink-rgb: 37, 99, 235;--sell-rgb: 179, 64, 15;--gold-deep-rgb: 146, 64, 14;--accent-dark-rgb: 188, 66, 29;--warn-rgb: 217, 119, 6;--danger-rgb: 220, 38, 38;--gold-metal-rgb: 217, 164, 65;--shadow-sm: none;--shadow-sm-edge: 0 0 0 1px rgba(var(--shadow-rgb), .06);--shadow-md: 0 4px 14px rgba(var(--shadow-rgb), .06), 0 1px 4px rgba(var(--shadow-rgb), .04);--shadow-lg: 0 12px 32px rgba(var(--shadow-rgb), .08), 0 3px 10px rgba(var(--shadow-rgb), .05);--shadow-xl: 0 28px 56px rgba(var(--shadow-rgb), .14), 0 8px 20px rgba(var(--shadow-rgb), .08);--shadow-hero: 0 1px 2px rgba(var(--shadow-rgb), .04), 0 10px 30px -14px rgba(var(--shadow-rgb), .18);--fs-micro: 11px;--fs-meta: 12px;--fs-cap: 13px;--fs-sub: 14px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--track-xs: -.018em;--track-sm: -.02em;--track-md: -.025em;--track-lg: -.03em;--track-xl: -.035em;--track-2xl: -.045em;--track-wide: .02em;--track-wider: .05em;--ico-w: 1.5;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--ease: cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(var(--accent-rgb), .22);--focus-ring-gold: 0 0 0 3px rgba(var(--gold-rgb), .16);--focus-ring-oil: 0 0 0 3px rgba(var(--oil-rgb), .18);--focus-ring-buy: 0 0 0 3px rgba(var(--buy-ink-rgb), .18);--shadow-hover: 0 2px 8px rgba(var(--accent-rgb), .08);--transition: all var(--dur-base) var(--ease);--transition-fast: all var(--dur-fast) var(--ease)}@media (prefers-color-scheme: dark){:root{--bg: #15171c;--bg-rgb: 21, 23, 28;--on-accent: #2b1108;--on-buy: #0b1830;--on-oil: #052220;--on-gold: #2a1b05;--on-danger: #2d0f0f;--on-emph: #06240f;--on-warn: #2b1c05;--on-violet: #1a1236;--on-pink: #33091f;--veil: rgba(255, 255, 255, .06);--naver: #37c46e;--surface: #1d2027;--surface-rgb: 29, 32, 39;--band: #1b1e24;--gold-band: #201b12;--fx-band: #171b2a;--oil-band: #131e21;--surface-2: #23272f;--soft: #1e212a;--cream: #1d2027;--surface-3: #2b3039;--bg-soft: #1a1d23;--ink: #e7e9ee;--ink-strong: #f2f4f7;--ink-soft: #b6bcc7;--ink-faint: #99a0ac;--ink-dim: #7d8590;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--line-solid: #2f343d;--line-mid: #474e59;--accent: #ff7a52;--accent-dark: #ff8f6b;--accent-strong: #ff9270;--accent-soft: #3a1e13;--accent-mid: #6d3119;--sell: #ff8a65;--buy: #7aaeff;--buy-dark: #8ab9ff;--buy-ink: #8ab9ff;--buy-soft: #172740;--buy-mid: #2f4f85;--emph: #b6bcc7;--emph-ink: #b6bcc7;--emph-deep: #b6bcc7;--emph-soft: #23272f;--emph-rgb: 182, 188, 199;--emph-bright: #99a0ac;--warn: #f0a63a;--warn-deep: #f6c274;--warn-soft: #2f2415;--danger: #ff7676;--danger-deep: #ff8f8f;--danger-soft: #301919;--gold: #e3ae52;--gold-deep: #f2c470;--gold-line: #4c3b19;--gold-mid: #3f3417;--gold-soft: #2b2312;--oil: #4bb8c4;--oil-deep: #6ad2dc;--oil-mid: #2a5560;--oil-line: #1e424a;--oil-soft: #142a2d;--teal: #4fbcdc;--teal-ink: #6fcde8;--teal-soft: #13272f;--violet: #a992fb;--violet-soft: #251d3e;--indigo: #93a3f8;--indigo-soft: #1d2242;--pink: #f57cbb;--pink-soft: #351526;--lotte: #ff8a9a;--lotte-line: #4d232a;--shadow-rgb: 0, 0, 0;--shadow-sm: none;--shadow-sm-edge: 0 0 0 1px rgba(255, 255, 255, .07);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4), 0 1px 4px rgba(0, 0, 0, .28);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .48), 0 3px 10px rgba(0, 0, 0, .32);--shadow-xl: 0 28px 56px rgba(0, 0, 0, .55), 0 8px 20px rgba(0, 0, 0, .38);--shadow-hero: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -14px rgba(0, 0, 0, .6)}}@media (prefers-color-scheme: dark){.article-category,.guide-hook.is-tint{filter:brightness(3.1) saturate(.88)}}.list-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--ink-faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px;margin-left:5px;vertical-align:middle;letter-spacing:0}@font-face{font-family:Pretendard Fallback Apple;src:local("Apple SD Gothic Neo");size-adjust:100%;ascent-override:95.21%;descent-override:24.12%;line-gap-override:0%}@font-face{font-family:Pretendard Fallback Noto;src:local("Noto Sans KR"),local("Noto Sans CJK KR"),local("NotoSansKR");size-adjust:95.2%;ascent-override:95.21%;descent-override:24.12%;line-gap-override:0%}html,body{background:var(--bg);color:var(--ink);overflow-x:clip;font-family:Pretendard Variable,Pretendard,Pretendard Fallback Apple,Pretendard Fallback Noto,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif;font-size:15px;line-height:var(--lh-body);letter-spacing:var(--track-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}:is(.num,.platform-rate,.rate-big,.stat-value){font-variant-numeric:tabular-nums;letter-spacing:-.6px}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 16px;border-radius:0 0 12px 12px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;text-decoration:none;transition:top var(--dur-base) var(--ease)}.skip-link:focus{top:0}#main-content{scroll-margin-top:72px}:where(h1,h2,h3,h4,section,article,details)[id]{scroll-margin-top:72px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:rgba(var(--accent-rgb),.16);color:var(--ink)}html{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,summary,label,[role=button]{-webkit-tap-highlight-color:transparent}input[type=search],input[type=text],input[type=number],textarea{-webkit-appearance:none;appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}a{color:inherit;text-decoration:none}.ql-ic svg,.sb-ql-ic svg,.nrn-ic svg,.nr-ic svg{stroke-width:1.8}.num-unit{font-size:max(.62em,11px);font-weight:600;margin-left:1px;letter-spacing:0}.note-kicker{font-size:11px;font-weight:var(--fw-em);letter-spacing:var(--track-wide);color:var(--ink-faint);margin-right:3px;white-space:nowrap}.rate-cta{margin:14px 20px 0}.rate-cta-main{display:flex;align-items:center;gap:12px;padding:var(--pad-card-lg);background:var(--ink);color:var(--bg);border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-md)}.rate-cta-main .rc-t{font-size:15px;font-weight:800;letter-spacing:var(--track-sm)}.rate-cta-main .rc-s{display:block;margin-top:2px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--bg) 78%,transparent);letter-spacing:var(--track-xs)}.rate-cta-main .rc-a{margin-left:auto;flex:none;font-size:16px;font-weight:700;color:color-mix(in srgb,var(--bg) 78%,transparent)}.rate-cta-main:hover{filter:brightness(1.08)}@media (min-width: 768px){#main-content .rate-cta-main{background:color-mix(in srgb,var(--ink) 82%,var(--bg));box-shadow:var(--shadow-card)}}a,button{-webkit-tap-highlight-color:transparent}.hero-btn-primary,.hero-btn-secondary,.hero-snap-col,.hero-ql,.gc-card,.article-card,.fav-card,.hub-card,.cat-chip,.toc-chip,.area-chip,.gcalc-chip,.icon-btn,.cta-btn,.bottom-nav .nav-item{transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.hero-btn-primary:active,.hero-btn-secondary:active,.hero-snap-col:active,.hero-ql:active,.gc-card:active,.article-card:active,.fav-card:active,.hub-card:active,.cat-chip:active,.toc-chip:active,.area-chip:active,.gcalc-chip:active,.icon-btn:active,.cta-btn:active{transform:scale(.975)}.bottom-nav .nav-item:active{transform:scale(.94)}@media (prefers-reduced-motion: reduce){.hero-btn-primary:active,.hero-btn-secondary:active,.hero-snap-col:active,.hero-ql:active,.gc-card:active,.article-card:active,.fav-card:active,.hub-card:active,.cat-chip:active,.toc-chip:active,.area-chip:active,.gcalc-chip:active,.icon-btn:active,.cta-btn:active,.bottom-nav .nav-item:active{transform:none}}.container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:84px;padding-bottom:max(0px,calc(var(--adh-h, 0px) + 84px - var(--mv-bodypad, 0px)))}.hs-fade{scrollbar-width:none;-ms-overflow-style:none}.hs-fade::-webkit-scrollbar{display:none}.hs-fade.hs-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent 100%)}.hs-fade.hs-l{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px);mask-image:linear-gradient(90deg,transparent 0,#000 28px)}.hs-fade.hs-l.hs-r{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}@media (prefers-reduced-motion: reduce){.hs-fade{scroll-behavior:auto}}@media (min-width: 768px){body{background:radial-gradient(1200px 520px at 50% -80px,rgba(var(--accent-rgb),.055),transparent 70%),linear-gradient(180deg,#f7f5f2,#eae7e2);background-attachment:fixed}.container{max-width:min(620px,calc((100vw - 64px) / 1.2));box-shadow:0 0 0 1px rgba(var(--shadow-rgb),.05),0 2px 8px rgba(var(--shadow-rgb),.04),0 18px 50px rgba(var(--shadow-rgb),.07);zoom:1.2}}@media (min-width: 1024px){.container{max-width:min(820px,calc((100vw - 96px) / 1.2));zoom:1.2}}@media (min-width: 768px) and (prefers-color-scheme: dark){body{background:radial-gradient(1200px 520px at 50% -80px,rgba(var(--accent-rgb),.075),transparent 70%),linear-gradient(180deg,#0d0f13,#08090c);background-attachment:fixed}.container{box-shadow:0 0 0 1px #ffffff0f,0 2px 8px #00000059,0 18px 50px #00000073}}@media (min-width: 1280px){.container:is(.has-rail,:has(.page-rail)){max-width:min(1180px,calc(100vw - 96px));zoom:1}}@media (min-width: 1360px){.container:is(.has-rail,:has(.page-rail)){max-width:min(1180px,calc((100vw - 96px) / 1.06));zoom:1.06}}@media (min-width: 1440px){.container:is(.has-rail,:has(.page-rail)){max-width:min(1180px,calc((100vw - 96px) / 1.12));zoom:1.12}}@media (min-width: 1512px){.container:is(.has-rail,:has(.page-rail)){max-width:min(1180px,calc((100vw - 96px) / 1.2));zoom:1.2}}@media (min-width: 1280px){#main-content:is(.has-rail,:has(.page-rail)){position:relative;padding-right:348px}.fx-page:is(.has-rail,:has(.page-rail)),.search-page:is(.has-rail,:has(.page-rail)){max-width:none;margin-right:0;margin-left:0}}.gold-page{--rail-bar: var(--gold);--rail-ink: var(--gold-deep);--rail-soft: var(--gold-soft)}.fx-page{--rail-bar: var(--buy);--rail-ink: var(--buy-dark);--rail-soft: var(--buy-soft)}.oil-page{--rail-bar: var(--oil);--rail-ink: var(--oil-deep);--rail-soft: var(--oil-soft)}@media (min-width: 768px){#main-content p{max-width:48em}}@media (min-width: 768px){.faq-body,.footer-desc{max-width:48em}}@media (min-width: 768px){.footer-desc,.rl-title,.faq-body,.fact-lead,.terms-note,.page-subtitle{text-wrap:balance}}.site-header{padding:calc(14px + env(safe-area-inset-top)) 20px 12px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);box-shadow:0 4px 16px rgba(var(--shadow-rgb),.04);z-index:10;transition:var(--transition)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:28px;background:linear-gradient(to top,rgba(var(--surface-rgb),0),rgba(var(--surface-rgb),.92));pointer-events:none}@media (min-width: 768px){body:not(.is-home) .site-header{background:var(--bg);box-shadow:none}body:not(.is-home) .site-header:after{display:none}.container #main-content .page-header:not(.keep-sheet),.container #main-content .hero:not(.keep-sheet){background:var(--bg)}body.is-home .site-header:not(.keep-sheet){background:var(--bg);box-shadow:none}body.is-home .site-header:after{display:none}.container #main-content .hero-card:not(.keep-sheet),.container #main-content .trc-card:not(.keep-sheet),.container #main-content .fact-card:not(.keep-sheet),.container #main-content .pfact-card:not(.keep-sheet),.container #main-content .similar-card:not(.keep-sheet),.container #main-content .article-card:not(.keep-sheet),.container #main-content .gc-card:not(.keep-sheet),.container #main-content .fav-card:not(.keep-sheet),.container #main-content .hub-card:not(.keep-sheet),.container #main-content .featured-card:not(.keep-sheet),.container #main-content .gcalc-card:not(.keep-sheet),.container #main-content .gapsec-card:not(.keep-sheet),.container #main-content .calc-link-item:not(.keep-sheet),.container #main-content .tb-card:not(:first-child),.container #main-content .shop-list:not(.keep-sheet),.container #main-content .shop-card:not(.keep-sheet),.container #main-content .hero-ql:not(.keep-sheet):not(.hero-ql-deal),.container #main-content .cp-list:not(.keep-sheet),.container #main-content .pf-grid:not(.keep-sheet),.container #main-content .pf-tile:not(.keep-sheet),.container #main-content .rate-summary-table:not(.keep-sheet),.container #main-content .faq-wrap:not(.keep-sheet),.container #main-content .faq-item:not(.keep-sheet),.container #main-content .pf-faq-item:not(.keep-sheet),.container #main-content .denom-table:not(.keep-sheet),.container #main-content .ss-table:not(.keep-sheet),.container #main-content .gapsec-tbl:not(.keep-sheet),.container #main-content .info-block:not(.keep-sheet),.container .page-rail .rail-card:not(.keep-sheet),.container .page-rail .rl-mod:not(.keep-sheet),.container #main-content .platform-hero-card:not(.keep-sheet),.container #main-content .rate-table:not(.keep-sheet),.container #main-content .rate-expand:not(.keep-sheet),.container #main-content .rate-expand-list:not(.keep-sheet),.container #main-content .hist-card:not(.keep-sheet),.container #main-content .info-table:not(.keep-sheet),.container #main-content .calc-pick:not(.keep-sheet),.container #main-content .area-calc-pick:not(.keep-sheet),.container #main-content .chan-links:not(.keep-sheet),.container #main-content .trust-section:not(.keep-sheet),.container #main-content .seo-content:not(.keep-sheet),.container #main-content .seo-section:not(.keep-sheet),.container #main-content .seo-fold:not(.keep-sheet),.container #main-content .faq>details:not(.keep-sheet),.container #main-content .area-dept-card:not(.keep-sheet),.container #main-content .area-grid:not(.keep-sheet),.container #main-content .area-card:not(.keep-sheet),.container #main-content .ax-card:not(.keep-sheet),.container #main-content .area-calc-item:not(.keep-sheet),.container #main-content .area-nbr-list:not(.keep-sheet),.container #main-content .area-faq:not(.keep-sheet),.container #main-content .ah-tbl:not(.keep-sheet),.container #main-content .gc-brief-card:not(.keep-sheet),.container #main-content .gc-tile:not(.keep-sheet),.container #main-content .gc-guide:not(.keep-sheet),.container #main-content .gcf-item:not(.keep-sheet),.container #main-content .gc-cat-chip:not(.keep-sheet),.container #main-content .fa:not(.keep-sheet),.container #main-content .bb-row:not(.keep-sheet),.container #main-content .gt-deal:not(.keep-sheet),.container #main-content .gt-table-wrap:not(.keep-sheet),.container #main-content .gt-brand:not(.keep-sheet),.container #main-content .gt-guides>a:not(.keep-sheet),.container #main-content .gb-table-wrap:not(.keep-sheet),.container #main-content .gb-rank:not(.keep-sheet),.container #main-content .gb-chip:not(.keep-sheet),.container #main-content .gm-chip:not(.keep-sheet),.container #main-content .fact-figs:not(.keep-sheet),.container #main-content .gsib-card:not(.keep-sheet),.container #main-content .rate-summary-note:not(.keep-sheet),.container #main-content .home-fold:not(.keep-sheet),.container #main-content .editorial-inner>p:not(.keep-sheet),.container #main-content .guide-more>summary:not(.keep-sheet),.container #main-content .gc-row:not(.gc-row-top):not(.keep-sheet){background:var(--cream)}.container #main-content>.platform-hero:not(.keep-sheet){background:var(--cream);border:1px solid var(--line);border-radius:16px;margin:0 20px 16px;padding:0}.container #main-content>.platform-hero:not(.keep-sheet) .platform-hero-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:20px}}@media (min-width: 768px){.site-header{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:16px}.site-header>.logo{justify-self:start}.site-header>.header-nav{margin:0}.site-header>.header-actions{justify-self:end}}.logo{display:inline-flex;align-items:center;gap:8px;font-family:Pretendard Variable,Pretendard,Pretendard Fallback Apple,Pretendard Fallback Noto,-apple-system,sans-serif;color:var(--ink);transition:var(--transition);text-decoration:none}.logo:hover{opacity:.85}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;box-shadow:0 2px 6px rgba(var(--accent-rgb),.28)}.logo-mark svg{width:17px;height:17px}.logo-txt{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}.logo-desc{font-size:10px;font-weight:700;letter-spacing:var(--track-wider);color:var(--ink-faint);margin-bottom:3px}.logo-name{font-size:19px;font-weight:800;letter-spacing:var(--track-md);color:var(--accent-dark)}.hl-pen{text-decoration-line:underline;text-decoration-color:rgba(var(--accent-rgb),.22);text-decoration-thickness:.6em;text-underline-offset:-.18em;text-decoration-skip-ink:none;padding:0 1px;margin:0}.header-actions{display:flex;gap:6px}.icon-btn{height:36px;padding:0 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:var(--transition);white-space:nowrap}.icon-btn:hover{border-color:var(--accent-dark);color:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.icon-btn:active{transform:translateY(0)}.icon-btn-map{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--accent-mid)}.icon-btn-map:hover{background:var(--surface);border-color:var(--accent-dark)}@media (min-width: 768px){.icon-btn-calc,.icon-btn-map{display:none}}.icon-btn-alert{position:relative;padding:0 12px;color:var(--accent-dark)}.icon-btn-alert[hidden]{display:none}.icon-btn-alert .hdr-alert-n:empty{display:none}.icon-btn-alert .hdr-alert-n{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:800;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}.breadcrumb{padding:10px 20px 4px;font-size:12px;color:var(--ink-faint);display:flex;align-items:center;gap:4px}.breadcrumb a{color:var(--ink-soft);transition:color var(--dur-fast) var(--ease)}.breadcrumb a:hover{color:var(--accent-dark)}.breadcrumb .sep{color:var(--ink-dim);font-size:14px}h1.page-h1,.search-h1,.gsearch-h1,.map-h1,.fx-page h1{margin:10px 20px 4px;font-size:30px;font-weight:800;letter-spacing:-.022em;line-height:1.28;color:var(--ink)}@media (min-width: 768px){h1.page-h1,.search-h1,.gsearch-h1,.map-h1,.fx-page h1{font-size:37px}.section-title{font-size:24px}.h-sec{font-size:21px}}.page-subtitle{margin:0 20px 20px;font-size:14px;color:var(--ink-soft);line-height:var(--lh-sub)}section{margin-bottom:var(--gap-sec)}.h-sec{font-size:19px;font-weight:800;letter-spacing:-.014em;color:var(--ink)}.section-title{margin:24px 20px 12px;font-size:20px;font-weight:800;letter-spacing:-.014em;color:var(--ink);display:flex;align-items:center;justify-content:space-between}.section-title .more{font-size:12px;font-weight:500;color:var(--ink-faint)}.bottom-nav{position:fixed;bottom:var(--adh-h, 0px);left:50%;transition:bottom .15s ease;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);display:grid;grid-template-columns:repeat(4,1fr);padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left);z-index:20;box-shadow:0 -4px 16px rgba(var(--shadow-rgb),.04)}.bottom-nav:before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px;background:linear-gradient(to bottom,rgba(var(--surface-rgb),0),rgba(var(--surface-rgb),.92));pointer-events:none}.bottom-nav.nav5{grid-template-columns:repeat(5,1fr)}.bottom-nav.nav6{grid-template-columns:repeat(6,1fr)}.bottom-nav.nav6 .nav-item{padding-left:2px;padding-right:2px;white-space:nowrap;min-width:0}@media (min-width: 768px){.bottom-nav{display:none}}.header-nav{display:none}@media (min-width: 768px){.header-nav{display:flex;align-items:center;gap:4px;margin-right:12px}.header-nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;border-radius:var(--radius-pill);letter-spacing:var(--track-sm);transition:var(--transition)}.header-nav-link:hover{background:var(--surface-2);color:var(--ink)}.header-nav-link.active{background:var(--accent-soft);color:var(--accent-dark)}.header-nav-link svg{flex-shrink:0}}@media (min-width: 768px) and (max-width: 1023px){.header-nav{gap:0;margin-right:6px}.header-nav-link{gap:0;padding:8px 9px;font-size:13px}.header-nav-link svg{display:none}}@media (min-width: 1024px) and (max-width: 1511px){.header-nav{gap:0}.header-nav-link{gap:4px;padding:8px 9px}}@media (min-width: 1512px){.container:not(.has-rail):not(:has(.page-rail)) .header-nav{gap:0}.container:not(.has-rail):not(:has(.page-rail)) .header-nav-link{gap:4px;padding:8px 9px}}@media (min-width: 1280px){.container:is(.has-rail,:has(.page-rail)) .site-header{grid-template-columns:auto minmax(0,1fr) minmax(300px,auto);column-gap:28px}.container:is(.has-rail,:has(.page-rail)) .site-header>.header-nav{justify-self:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px 5px;color:var(--ink-soft);font-size:11px;font-weight:700;transition:var(--transition);border-radius:var(--radius-sm)}.nav-item:hover{color:var(--ink-soft)}.nav-item.active{color:var(--accent-dark);font-weight:800}.nav-item:active{transform:scale(.95);background:var(--accent-soft)}.header-nav-link:active,.icon-btn:active{background:var(--accent-soft)}svg[stroke=currentColor][fill=none] *{vector-effect:non-scaling-stroke;stroke-width:var(--ico-w)}.breadcrumb-sep{--ico-w: 1.25}.stale-note{color:var(--ink-faint);font-weight:600;white-space:nowrap}.tap-min,.cq-link,.more-link,.hg-more,.pop-more,.oil-save-more,.gc-go,.gc-shop,.gc-count,.gb-hot-all,.gt-entry-go,.gs-txt a,.grank-line a{position:relative}.cq-link:after,.more-link:after,.hg-more:after,.pop-more:after,.oil-save-more:after,.gc-go:after,.gc-shop:after,.gc-count:after,.gb-hot-all:after,.gt-entry-go:after,.gs-txt a:after,.grank-line a:after,.tap-min:after{content:"";position:absolute;left:0;right:0;top:50%;height:24px;transform:translateY(-50%)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition)}.nav-item.active .nav-icon{--ico-w: 2}.nav-item.active .nav-icon svg,.nav-item.active svg{transform:scale(1.05)}.site-footer{margin:32px 20px 0;padding:24px 0 0;border-top:1px solid var(--line-soft);font-size:12px;color:var(--ink-faint);line-height:var(--lh-body)}.ft-brand{font-size:16px;font-weight:800;letter-spacing:var(--track-sm);color:var(--ink);margin-bottom:8px}.ft-brand .ft-bo{color:inherit}.ft-stats{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line-soft)}.ft-stat{font-size:12px;color:var(--ink-faint);white-space:nowrap}.ft-stat b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin-top:12px;padding-top:13px;border-top:1px solid var(--line-soft)}.ft-cols nav{display:flex;flex-direction:column;min-width:0}.ft-cols b{font-size:11px;font-weight:var(--fw-em);color:var(--ink-soft);margin-bottom:4px;letter-spacing:var(--track-wide)}.ft-cols a{color:var(--ink-faint);font-size:12px;transition:color var(--dur-fast) var(--ease);display:inline-flex;align-items:center;min-height:34px;padding:1px 0}.ft-cols a:hover{color:var(--accent-dark)}.footer-desc{margin:0;word-break:keep-all;line-height:1.7}.footer-copy{margin-top:14px;font-size:11px;color:var(--ink-faint)}.ft-cols a{white-space:nowrap}.ft-gold{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.ft-gold>b{font-size:11px;font-weight:var(--fw-em);color:var(--ink-soft);letter-spacing:var(--track-wide);margin-right:2px}.ft-gold a{color:var(--ink-faint);font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;min-height:34px;padding:1px 0;transition:color var(--dur-fast) var(--ease);min-width:24px;justify-content:center}.ft-gold a:hover{color:var(--accent-dark)}@media (max-width: 360px){.ft-gold{gap:4px 8px}.ft-gold a{font-size:11px;letter-spacing:var(--track-xs)}}@media (max-width: 360px){.ft-cols{gap:8px 10px}.ft-cols a{font-size:11px;letter-spacing:var(--track-xs)}}.footer-disclaimer{padding:12px 0;background:var(--bg);border-radius:var(--radius-sm);color:var(--ink-soft);margin-top:12px;font-size:11px;line-height:var(--lh-sub)}.pwa-banner{display:flex;align-items:center;gap:10px;width:calc(100% - 40px);max-width:456px;margin:8px auto 20px;padding:var(--pad-card);background:linear-gradient(180deg,#fff3ea,#fffaf7);border:1px solid #ffe0d0;border-radius:16px;box-shadow:var(--shadow-sm)}.pwa-banner[hidden]{display:none}.pwa-banner-icon{flex-shrink:0}.pwa-banner-icon img{display:block;width:38px;height:38px;border-radius:12px}.pwa-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pwa-banner-text strong{font-size:12px;font-weight:var(--fw-em);color:var(--ink);letter-spacing:var(--track-xs);line-height:var(--lh-tight)}.pwa-banner-text span{font-size:10px;color:var(--ink-faint);line-height:var(--lh-tight)}.pwa-banner-text span:empty{display:none}.pwa-banner-btn{flex-shrink:0;background:var(--accent);color:var(--on-accent);border:none;border-radius:12px;font-size:14px;font-weight:700;padding:8px 12px;cursor:pointer;letter-spacing:var(--track-xs);white-space:nowrap}.pwa-banner-play{text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:36px}.pwa-banner-play[hidden]{display:none}.pwa-banner--app{position:relative;gap:12px;padding:14px 40px 14px 14px;border-radius:20px;background:radial-gradient(120% 140% at 0% 0%,#fff0e6,#fffaf7 55%,#fff);border:1px solid #ffd9c4;box-shadow:0 6px 20px #f25c331a,var(--shadow-sm)}.pwa-banner--app .pwa-banner-icon img{width:52px;height:52px;border-radius:16px;box-shadow:0 4px 12px #f25c3338}.pwa-banner--app .pwa-banner-text{gap:4px}.pwa-banner--app .pwa-banner-text strong{font-size:15px;font-weight:800;letter-spacing:-.01em}.pwa-banner--app .pwa-banner-text span{font-size:13px;color:var(--ink-soft);line-height:1.35;word-break:keep-all}.pwa-banner--app .pwa-banner-text strong{font-size:16px;word-break:keep-all;line-height:1.3}.pwa-app-meta{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:11px;font-weight:600;color:var(--ink-faint);margin-top:1px}.pwa-app-meta b{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--on-accent);background:var(--accent);border-radius:4px;padding:1px 5px;line-height:1.4}.pwa-banner--app .pwa-banner-play{min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:800;background:linear-gradient(180deg,#ff7a4d 0%,var(--accent) 100%);box-shadow:0 4px 12px #f25c334d}.pwa-banner--app .pwa-banner-play:active{transform:scale(.97)}.pwa-banner--app[data-copy=b]{gap:10px;padding-right:34px}.pwa-banner--app[data-copy=b] .pwa-banner-icon img{width:44px;height:44px;border-radius:12px}.pwa-banner--app[data-copy=b] .pwa-banner-text strong{white-space:nowrap;font-size:min(16px,3.9vw);letter-spacing:-.03em}.pwa-banner--app[data-copy=b] .pwa-banner-play{padding:0 14px;gap:4px}.pwa-banner--app[data-copy=b] .pwa-banner-text strong{overflow:hidden;text-overflow:ellipsis}@media (max-width: 340px){.pwa-banner--app[data-copy=b] .pwa-banner-play svg{display:none}.pwa-banner--app[data-copy=b] .pwa-banner-icon img{width:36px;height:36px;border-radius:12px}}.pwa-banner--app.pwa-banner--gold{background:radial-gradient(120% 140% at 0% 0%,var(--gold-soft) 0%,#fffbf0 55%,#ffffff 100%);border-color:var(--gold-line);box-shadow:0 6px 20px rgba(var(--gold-rgb),.1),var(--shadow-sm)}.pwa-banner--gold .pwa-banner-icon img{box-shadow:0 4px 12px rgba(var(--gold-rgb),.22)}.pwa-banner--gold .pwa-banner-btn{background:var(--gold)}.pwa-banner--app.pwa-banner--gold .pwa-banner-play{background:linear-gradient(180deg,var(--gold-metal) 0%,var(--gold) 100%);box-shadow:0 4px 12px rgba(var(--gold-rgb),.3)}.pwa-banner--gold .ios-share{color:var(--gold-deep)}.pwa-banner--app.pwa-banner--gold .pwa-banner-close:hover{background:var(--gold-soft)}@media (prefers-color-scheme: dark){.pwa-banner,.pwa-banner--app,.pwa-banner--app.pwa-banner--gold{background:var(--surface);border-color:var(--line-soft)}}.pwa-banner--app .ios-share{display:inline-block;vertical-align:-3px;margin:0 1px;color:var(--accent-dark)}.pwa-banner--app .pwa-banner-close{position:absolute;top:6px;right:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.pwa-banner--app .pwa-banner-close:hover{background:var(--accent-soft)}@media (prefers-reduced-motion: reduce){.pwa-banner--app .pwa-banner-play:active{transform:none}}.pwa-banner-close{flex-shrink:0;background:none;border:none;color:var(--ink-faint);font-size:20px;line-height:1;padding:2px 4px;cursor:pointer}h1,h2,h3,h4,.page-h1,.sec-title,.section-title,.top3-title,.group-title,.area-heading,.title-sub,.gc-name,.rank-name,.t3-name,.other-name,.shop-name,.gc-shop,.gc-go,.stat-chip,.area-chip,.paynav-link,.pay-badge,.gc-count,.ch-label,.ch-name,.page-subtitle,.cap,.sec-sub,.faq-q,.faq-a,.intro p,.rank-sub,.t3-shop,.gc-off-label,.related-link span,.check-list li,.legal-note{word-break:keep-all;overflow-wrap:break-word}h1,h2,.page-h1,.sec-title,.section-title,.top3-title{text-wrap:balance}th,main a,main li,figcaption,.stat-caption,.rt-trend-line,.faq-q{text-wrap:pretty}:where(main) :where(li,td,th,dd,dt,small,figcaption,.shop-name) :where(a:not([class])){padding-block:5px}.gcalc-table-wrap+.gcalc-h3.gcalc-h3{margin-top:18px}.fx-tw+.fx-note.fx-note{margin-top:10px}.stat-table-wrap+.stat-caption.stat-caption{margin-top:10px}.deal-list+.section-desc.section-desc{margin-top:12px}.gt-table-wrap+.gt-cap.gt-cap{margin-top:10px}.page-h1.has-tail{text-wrap:initial}.h1-tail{display:inline-block;white-space:nowrap;font-size:.82em;font-weight:800;color:var(--ink-soft)}.nw-dot{white-space:nowrap}.page-h1 .h1-sub-a,.page-h1 .h1-sub-b,.page-h1 .h1-dot{display:inline}.page-h1 .h1-sub:has(.h1-sub-a){white-space:nowrap}@media (max-width: 767px){.page-h1 .h1-sub:has(.h1-sub-a){font-size:min(.96em,5.4vw)}}.page-h1 .h1-sub{display:block;margin-top:3px;font-size:.96em;font-weight:800;line-height:1.32;color:var(--accent-dark);letter-spacing:-.006em;word-break:keep-all}
