@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
:root{--fg-ink:#112136;--fg-muted:#606d7d;--fg-line:#dfe4e9;--fg-gold:#9d753e;--fg-soft:#f5f6f7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}.fg-page{margin:0;color:var(--fg-ink);background:white;font:400 1rem/1.8 'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}.fg-page a{color:inherit;text-decoration:none}.fg-page a:focus-visible,.fg-page summary:focus-visible,.fg-table-scroll:focus-visible{outline:2px solid var(--fg-gold);outline-offset:5px}.fg-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.fg-header{border-bottom:1px solid var(--fg-line)}.fg-header>.fg-wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.fg-wordmark{display:flex;gap:14px;align-items:center;font-size:1.5rem;font-weight:700;letter-spacing:-.06em}.fg-wordmark span{font-size:.8rem;letter-spacing:.22em;border-left:1px solid #cbb48f;padding-left:14px}.fg-header nav{display:flex;gap:32px;font-size:.875rem}.fg-header [aria-current]{font-weight:600}.fg-subnav{display:flex;gap:32px;overflow-x:auto;border-bottom:1px solid var(--fg-line);font-size:.875rem}.fg-subnav a{padding:19px 0;flex-shrink:0;color:var(--fg-muted)}.fg-subnav a[aria-current]{color:var(--fg-ink);box-shadow:inset 0 -2px var(--fg-ink)}.fg-hero{padding-block:60px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.fg-kicker{font-size:.75rem;letter-spacing:.18em;color:var(--fg-gold);margin:0 0 16px;font-weight:500}.fg-page h1,.fg-page h2{font-weight:300;letter-spacing:-.045em;line-height:1.45;word-break:keep-all}.fg-page h1{font-size:clamp(2rem,3.65vw,3.4rem);margin:0 0 22px}.fg-page h2{font-size:clamp(1.6rem,2.5vw,2.25rem);margin:0 0 24px}.fg-page h3{font-size:1.15rem;font-weight:500;line-height:1.55;letter-spacing:-.025em}.fg-lead{color:var(--fg-muted);font-size:1rem;line-height:1.95}.fg-hero img{width:100%;height:330px;object-fit:cover;object-position:58%;border-radius:3px}.fg-text-link{display:inline-flex;align-items:center;gap:20px;font-size:.875rem;padding:14px 0;border-bottom:1px solid #a8b1bd;margin-top:10px}.fg-section{padding-block:48px 68px}.fg-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.fg-section-head h2{margin-bottom:0}.fg-section-head>p{font-size:.875rem;color:var(--fg-muted);margin:0}.fg-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fg-product{display:flex;flex-direction:column;min-width:0;padding:28px 30px 24px;background:var(--fg-soft);border-top:2px solid var(--fg-ink);transition:background .2s,transform .2s}.fg-product:hover{background:#edf1f5;transform:translateY(-3px)}.fg-product-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--fg-gold);font-size:.75rem;letter-spacing:.06em}.fg-product-top>span:first-child{font-size:1rem}.fg-product h3{font-size:1.6rem;margin:30px 0 8px;font-weight:400}.fg-product p{color:var(--fg-muted);font-size:.875rem;margin:0 0 16px}.fg-product .fg-product-short{color:var(--fg-ink);font-size:1rem}.fg-product-link{display:flex;justify-content:space-between;gap:8px;padding-top:24px;margin-top:auto;font-size:.875rem}.fg-comparison{padding-block:64px;background:var(--fg-soft)}.fg-comparison h2{margin-bottom:12px}.fg-table-scroll{overflow-x:auto;margin-top:30px}.fg-page table{width:100%;min-width:740px;border-collapse:collapse;text-align:left;font-size:.875rem}.fg-page th,.fg-page td{padding:20px 22px;border-bottom:1px solid #dbe1e7;vertical-align:top}.fg-page thead th{background:var(--fg-ink);color:white;font-weight:500}.fg-page th:first-child{width:20%}.fg-page tbody th{font-weight:500}.fg-page td{color:var(--fg-muted)}.fg-note{font-size:.875rem;color:var(--fg-muted);line-height:1.9;margin-top:20px}.fg-note a{text-decoration:underline;text-underline-offset:4px}.fg-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.fg-tools>a{padding:12px 0 24px;border-bottom:1px solid #9aa7b6}.fg-tools h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.fg-tools p{margin:0;color:var(--fg-muted);font-size:.875rem}.fg-main-note{padding:30px 0 56px}.fg-main-note h2{font-size:1.125rem;font-weight:500;margin-bottom:12px}.fg-main-note p{max-width:920px;color:var(--fg-muted);font-size:.875rem}.fg-footer{padding-block:32px;background:#101b2b;color:#dde3eb}.fg-footer .cd-finance-roles{background:transparent!important;color:inherit!important;border:0!important;padding:0!important}.fg-footer .cd-finance-roles p{color:inherit!important}.fg-footer-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;font-size:.875rem}.fg-breadcrumb{display:flex;gap:14px;align-items:center;font-size:.875rem;color:var(--fg-muted);padding-block:28px}.fg-detail{max-width:1100px}.fg-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:30px 44px}.fg-detail-hero h1{margin-bottom:12px}.fg-detail-short{font-size:1.2rem;margin:0}.fg-product-nav{display:flex;gap:32px;border-bottom:1px solid var(--fg-line)}.fg-product-nav a{padding:18px 4px;font-size:.875rem}.fg-product-nav [aria-current]{box-shadow:inset 0 -2px var(--fg-ink);font-weight:600}.fg-detail-section{padding-block:58px}.fg-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.fg-features h3{margin:14px 0}.fg-features p,.fg-checks p,.fg-questions p{font-size:1rem;color:var(--fg-muted);margin:0}.fg-number{color:var(--fg-gold);font-size:.875rem}.fg-checks{border-block:1px solid var(--fg-line);display:grid;grid-template-columns:1fr 2fr;gap:60px}.fg-checks article+article{margin-top:30px}.fg-checks h3{margin:0 0 10px}.fg-questions details{border-bottom:1px solid var(--fg-line)}.fg-questions summary{padding:22px 28px 22px 0;cursor:pointer;font-weight:500;list-style-position:inside}.fg-questions p{padding:0 26px 26px}.fg-detail-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--fg-ink);color:white;padding:40px}.fg-detail-cta h2{margin-bottom:12px}.fg-detail-cta p{font-size:.875rem;color:#c2cedd;margin:0}.fg-detail-cta>div:last-child{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.fg-button{padding:14px 26px;display:inline-flex;align-items:center;justify-content:center;background:white;color:var(--fg-ink)!important;font-size:.875rem}.fg-source{padding-block:38px 54px;color:var(--fg-muted);font-size:.875rem}.fg-source h2{font-size:1rem;font-weight:500;color:var(--fg-ink);margin-bottom:14px}.fg-source summary{cursor:pointer;padding:12px 0}.fg-source a{text-decoration:underline;text-underline-offset:4px}.fg-source li{margin-block:8px}.fg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fg-skip{position:absolute;top:-100px;left:16px;z-index:5;background:white;padding:12px}.fg-skip:focus{top:8px}
@media(max-width:900px){.fg-wrap{width:calc(100% - 48px)}.fg-hero{gap:30px}.fg-hero img{height:290px}.fg-products{gap:14px}.fg-product{padding:22px 20px}.fg-product-top span:last-child{font-size:.75rem;letter-spacing:0}.fg-section-head>p{display:none}.fg-detail-hero{gap:30px}.fg-checks{gap:36px}.fg-detail-cta{padding:30px}}
@media(max-width:640px){.fg-wrap{width:calc(100% - 40px)}.fg-header>.fg-wrap{min-height:74px;gap:12px}.fg-header nav{gap:16px}.fg-header nav>a:last-child{display:none}.fg-wordmark{font-size:1.25rem;gap:8px}.fg-wordmark span{font-size:.75rem;padding-left:8px;letter-spacing:.12em}.fg-subnav{gap:24px}.fg-hero{grid-template-columns:1fr;padding-block:36px 16px;gap:28px}.fg-hero img{height:195px;object-position:55% 60%}.fg-hero h1{font-size:2.25rem}.fg-products,.fg-tools,.fg-features{grid-template-columns:1fr}.fg-section{padding-block:36px 44px}.fg-product{padding:24px}.fg-product h3{margin-top:20px}.fg-product-link{padding-top:12px}.fg-comparison{padding-block:40px}.fg-page th,.fg-page td{padding:16px}.fg-detail-hero{grid-template-columns:1fr;gap:18px;padding-block:16px 30px}.fg-detail-hero .fg-lead{margin:0}.fg-product-nav{justify-content:space-between;gap:12px}.fg-detail-section{padding-block:36px}.fg-features{gap:26px}.fg-checks{grid-template-columns:1fr;gap:12px}.fg-checks h2 br{display:none}.fg-detail-cta{flex-direction:column;align-items:flex-start;padding:28px}.fg-detail-cta>div:last-child{width:100%}.fg-button{width:100%}.fg-questions summary{padding-right:0}.fg-footer-links{gap:16px}.fg-main-note{padding-top:12px}.fg-source ul{padding-left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fg-product{transition:none}.fg-product:hover{transform:none}}

/* Clear navigation, financial roles and product pros/cons — 2026-09-09 */
.fg-subnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 0;border:0;overflow:visible}.fg-subnav a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px 12px;border:1px solid #c8d1db;border-radius:5px;background:#edf1f5;color:#263c56;font-size:1rem;font-weight:600;text-align:center;line-height:1.5}.fg-subnav a[aria-current]{background:#142a45;color:#fff;border-color:#142a45;box-shadow:none}.fg-subnav a:hover{background:#dfe7f0;color:#112136}.fg-subnav a[aria-current]:hover{background:#213d5c;color:white}.fg-footer{background:#f1f4f7;color:#4a596b;border-top:1px solid #d9e1e9}.fg-footer .cd-finance-roles strong{color:#112136;font-size:1rem}.fg-footer .cd-finance-roles p:first-child{gap:10px 40px}.fg-footer-links{color:#34475f}.fg-highlights{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 24px}.fg-highlights li{font-size:.875rem;line-height:1.5;padding:7px 10px;background:#e5ebf2;color:#233b56;border-radius:3px}.fg-product .fg-highlights{display:grid;gap:7px;margin:8px 0 20px}.fg-product .fg-highlights li{padding:0;background:transparent;font-weight:500}.fg-product .fg-highlights li:before{content:'·';margin-right:8px;color:#7c5c31}.fg-button-navy{background:#142a45;color:#fff!important;border-radius:4px}.fg-button-navy:hover{background:#244466}.fg-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.fg-hero-actions .fg-text-link{margin:0}.fg-cashback{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:38px 44px;border:1px solid #cfdae5;background:#f7f9fb}.fg-cashback h2{margin-bottom:18px}.fg-cashback-points{list-style:none;margin:0;padding:0}.fg-cashback-points li{padding:15px 0;border-bottom:1px solid #dce3ea;display:flex;flex-direction:column;gap:5px}.fg-cashback-points strong{font-weight:500}.fg-cashback-points span{font-size:.875rem;color:#5a6a7e}.fg-cashback-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.fg-cashback-actions .fg-text-link{margin:0}.fg-only{padding-block:50px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid #dfe4e9}.fg-only h2{margin-bottom:16px}.fg-only p{color:#5a6a7e}.fg-only-actions{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.fg-proscons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fg-proscons>section{padding:28px 30px;background:#f2f5f8;border-top:3px solid #254a70}.fg-proscons>.fg-cons{background:#f8f6f2;border-color:#967347}.fg-proscons h3{font-size:1.3rem;margin:0 0 24px}.fg-proscons h4{font-size:1rem;font-weight:600;line-height:1.65;margin:0 0 7px}.fg-proscons p{font-size:1rem;line-height:1.9;color:#566477;margin:0}.fg-proscons article+article{margin-top:24px}.fg-product-nav{flex-wrap:wrap}
@media(max-width:800px){.fg-cashback{gap:28px;padding:30px}.fg-only{flex-direction:column;align-items:flex-start}.fg-only-actions{align-items:flex-start}}
@media(max-width:640px){.fg-subnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fg-subnav a{font-size:1rem;min-height:54px;padding:12px 8px}.fg-cashback,.fg-proscons{grid-template-columns:1fr}.fg-cashback{padding:25px;gap:22px}.fg-proscons>section{padding:24px}.fg-cashback-actions{gap:12px}.fg-only h2 br{display:none}.fg-only-actions{width:100%}.fg-only p br{display:none}.fg-hero-actions{gap:14px}.fg-product-nav{gap:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fg-product-nav a{padding:16px 6px;text-align:center}.fg-header nav>a:last-child{display:block}.fg-header nav>a:first-child{display:none}.fg-footer .cd-finance-roles p:first-child{gap:8px 24px}}