:root{
  --area-ink:#142233;
  --area-muted:#657486;
  --area-blue:#1f527e;
  --area-navy:#091c30;
  --area-blue-soft:#eaf1f7;
  --area-line:#d5dee8;
  --area-paper:#fff;
  --area-bg:#f3f6f9;
  --area-data-blue:#2f6fa3;
}
*{box-sizing:border-box}
html{background:var(--area-bg);color:var(--area-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;scroll-behavior:smooth}
body{min-height:100vh;margin:0;background:
  radial-gradient(circle at 12% 0,rgba(31,82,126,.1),transparent 28rem),
  radial-gradient(circle at 92% 8%,rgba(47,111,163,.08),transparent 25rem),
  var(--area-bg);line-height:1.65}
a{color:inherit}
.area-site-head{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(194,207,220,.82);background:rgba(249,251,253,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.area-site-head-inner{display:flex;min-height:68px;max-width:1120px;align-items:center;justify-content:space-between;gap:28px;margin:0 auto;padding:0 22px}
.area-brand{font-size:21px;font-weight:950;letter-spacing:-.75px;text-decoration:none;white-space:nowrap}
.area-brand span{color:var(--area-blue)}
.area-site-nav{display:flex;align-items:center;gap:7px}
.area-site-nav a{padding:9px 12px;border-radius:10px;color:#465869;font-size:13px;font-weight:750;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}
.area-site-nav a:hover{background:var(--area-blue-soft);color:var(--area-navy)}
.area-site-nav a.primary{margin-left:5px;padding:10px 15px;background:var(--area-blue);color:#fff;box-shadow:0 7px 18px rgba(31,82,126,.2)}
.area-site-nav a.primary:hover{background:var(--area-navy);color:#fff;transform:translateY(-1px)}
.area-main{padding:28px 16px 56px}
.wrap{max-width:1040px;margin:0 auto;padding:35px clamp(20px,4vw,52px) 34px;border:1px solid rgba(207,218,229,.94);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(9,28,48,.09)}
nav.bc{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 18px;color:#7b8998;font-size:12px}
nav.bc a{color:var(--area-blue);font-weight:750;text-decoration:none}
nav.bc a:not(:last-child)::after{content:"›";margin-left:7px;color:#a7b3bf;font-weight:400}
nav.bc{font-size:0}
nav.bc a{font-size:12px}
.wrap>h1{max-width:820px;margin:0;color:var(--area-navy);font-size:clamp(30px,5.4vw,48px);font-weight:900;line-height:1.19;letter-spacing:-.048em;word-break:keep-all}
.wrap>.lead{max-width:820px;margin:15px 0 28px;color:#56697a;font-size:clamp(15px,2vw,18px);line-height:1.78;letter-spacing:-.018em;word-break:keep-all}
.wrap>.lead b{color:var(--area-blue);font-weight:850}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 22px}
.card{position:relative;min-height:112px;overflow:hidden;padding:18px 17px;border:1px solid var(--area-line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 7px 22px rgba(9,28,48,.055)}
.card::after{position:absolute;right:-18px;bottom:-25px;width:74px;height:74px;border-radius:50%;background:rgba(47,111,163,.07);content:""}
.card b{display:block;margin-bottom:8px;color:#718193;font-size:11px;font-weight:750;letter-spacing:-.01em}
.card strong{display:block;color:#142233;font-size:clamp(19px,2.4vw,26px);font-weight:900;letter-spacing:-.045em;line-height:1.2}
.card:nth-child(2){border-color:#d3dfeb;background:linear-gradient(145deg,#fff,#f5f8fb)}
.card:nth-child(2)::after{background:rgba(31,82,126,.08)}
.cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin:2px 0 10px;padding:0 20px;border-radius:13px;background:linear-gradient(135deg,var(--area-blue),var(--area-navy));color:#fff;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 9px 22px rgba(31,82,126,.22);transition:box-shadow .16s ease,transform .16s ease}
.cta:hover{box-shadow:0 12px 28px rgba(31,82,126,.3);transform:translateY(-1px)}
.wrap>section{margin-top:30px;padding:25px;border:1px solid var(--area-line);border-radius:18px;background:#fff}
.wrap>section h2{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#1b3044;font-size:18px;line-height:1.4;letter-spacing:-.025em}
.wrap>section h2::before{width:5px;height:19px;border-radius:5px;background:var(--area-data-blue);content:""}
.links{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.links a{display:inline-flex;min-height:38px;align-items:center;padding:7px 13px;border:1px solid #d5e0ea;border-radius:999px;background:#f8fafc;color:#244b6b;font-size:12px;font-weight:750;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease}
.links a:hover{border-color:#8fb2db;background:var(--area-blue-soft);color:var(--area-navy)}
.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--area-line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
table{width:100%;min-width:800px;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
th,td{padding:12px 11px;border-bottom:1px solid #e8edf2;text-align:right;white-space:nowrap}
th:first-child,td:first-child{text-align:left}
th{position:sticky;top:0;background:#edf3f8;color:#365978;font-size:11px;font-weight:850}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#f7f9fb}
.mn-area{box-shadow:0 10px 28px rgba(9,28,48,.06)}
.site-links{margin-top:36px;padding:25px;border:1px solid #cfdae6;border-radius:20px;background:linear-gradient(145deg,#eaf1f7,#f8fafc)}
.site-links-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.site-links-head b{color:#142d44;font-size:19px;letter-spacing:-.03em}
.site-links-head span{color:#667789;font-size:12px}
.service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.service-links>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:78px;padding:13px 14px;border:1px solid #d6e0ea;border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 5px 17px rgba(9,28,48,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.service-links>a:hover{border-color:#8fb2db;box-shadow:0 9px 24px rgba(9,28,48,.09);transform:translateY(-1px)}
.service-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--area-blue-soft);color:var(--area-blue);font-size:20px;font-weight:900}
.service-links>a>span:nth-child(2){display:flex;min-width:0;flex-direction:column}
.service-links b{color:#20364a;font-size:13px}
.service-links small{margin-top:2px;overflow:hidden;color:#718193;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.service-links i{color:var(--area-data-blue);font-size:17px;font-style:normal;font-weight:900}
.popular-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px 13px;margin-top:18px;padding-top:17px;border-top:1px solid #d4dee8}
.popular-links b{color:#627386;font-size:11px}
.popular-links a{color:#244f72;font-size:11px;font-weight:750;text-decoration:none}
.popular-links a:hover{text-decoration:underline}
.note{margin:24px 2px 0;color:#7b8998;font-size:11px;line-height:1.75}
.area-footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:4px 20px 34px;color:#798999;font-size:10px}
.area-footer b{color:#405c74;font-size:11px;letter-spacing:.04em}
.area-mobile-nav{display:none}
.area-mobile-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
a:focus-visible{outline:3px solid rgba(31,82,126,.28);outline-offset:3px}
@media(max-width:760px){
  body{padding-bottom:76px}
  .area-site-head-inner{min-height:58px;padding:0 16px}
  .area-brand{font-size:18px}
  .area-site-nav a:not(.primary){display:none}
  .area-site-nav a.primary{margin:0;padding:8px 12px;font-size:11px}
  .area-main{padding:10px 8px 26px}
  .wrap{padding:24px 15px 25px;border-radius:18px;box-shadow:0 12px 36px rgba(9,28,48,.075)}
  nav.bc{margin-bottom:14px}
  .wrap>h1{font-size:30px;line-height:1.25}
  .wrap>.lead{margin-top:12px;margin-bottom:22px;font-size:14px;line-height:1.72}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .card{min-height:94px;padding:14px 13px;border-radius:13px}
  .card b{margin-bottom:7px;font-size:10px}
  .card strong{font-size:20px}
  .cta{display:flex;width:100%;min-height:49px;margin:1px 0 4px}
  .wrap>section{margin-top:20px;padding:18px 14px;border-radius:15px}
  .wrap>section h2{font-size:16px}
  .links{gap:7px}
  .links a{min-height:36px;padding:6px 11px;font-size:11px}
  .table-scroll{margin-right:-14px;margin-left:-14px;border-right:0;border-left:0;border-radius:0}
  th,td{padding:10px 9px}
  .site-links{margin-top:24px;padding:18px 14px;border-radius:16px}
  .site-links-head{display:block;margin-bottom:14px}
  .site-links-head b{display:block;font-size:17px}
  .site-links-head span{display:block;margin-top:4px;font-size:11px}
  .service-links{grid-template-columns:1fr;gap:7px}
  .service-links>a{min-height:68px;padding:10px 11px}
  .popular-links{gap:8px 11px}
  .area-footer{padding-bottom:8px}
  .area-mobile-nav{position:fixed;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding:5px 4px;border:1px solid rgba(194,207,220,.9);border-radius:18px;background:rgba(253,254,255,.95);box-shadow:0 12px 38px rgba(9,28,48,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .area-mobile-nav a{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:13px;color:#657486;font-size:9px;font-weight:750;text-decoration:none}
  .area-mobile-nav a.dealcheck{background:var(--area-blue);color:#fff;box-shadow:0 6px 15px rgba(31,82,126,.23)}
  .area-mobile-nav a.dealcheck svg{width:24px;height:24px}
}
@media(max-width:390px){
  .wrap>h1{font-size:27px}
  .area-site-nav a.primary span{display:none}
  .area-site-nav a.primary{padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .area-site-nav a,.cta,.links a,.service-links>a{transition:none}
}