:root{--ink:#102235;--blue:#2a6fa8;--pale:#f3f7fa;--line:#dde6ed;--muted:#607487}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif;color:var(--ink);word-break:keep-all}a{color:inherit}.w{width:min(1180px,calc(100% - 40px));margin:auto}
.hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid #e6edf2}.nav{height:74px;display:flex;align-items:center;gap:24px}.logo{font-size:21px;font-weight:900;text-decoration:none}.menu{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:14px;font-weight:750}.menu a{text-decoration:none;color:#294158}.menu .cta{padding:10px 15px;border-radius:999px;background:#102235;color:#fff}
.hero,.article-hero{color:#fff;background:radial-gradient(circle at 80% 10%,rgba(91,156,210,.25),transparent 33%),linear-gradient(135deg,#071724,#102a46 68%,#194569)}.hero{padding:92px 0 78px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center}.k{margin:0 0 12px;font-size:12px;font-weight:900;letter-spacing:.16em;color:#5590c0}.hero .k,.article-hero .k{color:#9fc5e4}.hero h1{font-size:clamp(43px,6vw,72px);line-height:1.07;letter-spacing:-.055em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#abcbe5}.hero p,.article-hero>div>p{font-size:18px;line-height:1.88;color:#d6e3ee;max-width:900px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:850;border:1px solid rgba(255,255,255,.25)}.btn.pri{background:#fff;color:#102235}.hero-side{display:grid;gap:12px}.stat{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08)}.stat b{display:block;margin-bottom:5px}.stat span{font-size:14px;line-height:1.55;color:#cad9e5}
.sec{padding:76px 0}.sec.soft{background:var(--pale)}.sec.dark{background:#0c2136;color:#fff}.sec h2{font-size:clamp(30px,4vw,45px);line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}.sec h3{font-size:20px;line-height:1.4;margin:0 0 9px}.sec p,.sec li{font-size:16px;line-height:1.85;color:#536a7e}.sec.dark p,.sec.dark li{color:#c7d6e3}.lead{max-width:900px;font-size:17px!important}.long{max-width:920px}.long p{margin:0 0 17px}
.features,.cards,.links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.feature{display:flex;flex-direction:column;min-height:305px;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;overflow:hidden;box-shadow:0 14px 35px rgba(20,40,60,.05)}.visual{height:125px;padding:21px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#112b45,#347caf);color:#fff}.feature:nth-child(2) .visual{background:linear-gradient(135deg,#243548,#55728f)}.feature:nth-child(3) .visual{background:linear-gradient(135deg,#15323a,#32808a)}.feature:nth-child(4) .visual{background:linear-gradient(135deg,#2b3047,#5f688d)}.feature:nth-child(5) .visual{background:linear-gradient(135deg,#41321f,#9a7848)}.feature:nth-child(6) .visual{background:linear-gradient(135deg,#24362d,#56836a)}.visual span{font-size:12px;font-weight:900;letter-spacing:.13em}.fcopy{padding:23px;display:flex;flex-direction:column;flex:1}.fcopy p{margin:0 0 16px}.fcopy strong{margin-top:auto;color:#256da5}
.card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.card .num{font-size:12px;font-weight:900;color:#4b86b5;letter-spacing:.12em}.card h3{margin-top:10px}.card p{margin-bottom:0}
.toc{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.toc b{display:block;margin-bottom:10px}.tocgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.toc a{text-decoration:none;color:#3a5870;font-size:14px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:24px}.check{padding:16px 17px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#405970;line-height:1.7}.check:before{content:"✓";font-weight:900;color:#2a71aa;margin-right:9px}
.tw{overflow:auto;margin-top:27px;border:1px solid var(--line);border-radius:17px}.tbl{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.tbl th,.tbl td{padding:15px 17px;border-bottom:1px solid #e7edf2;text-align:left;vertical-align:top;line-height:1.7}.tbl th{background:#f5f8fa}.tbl tr:last-child td{border-bottom:0}
.link{display:block;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none}.link b{display:block;margin-bottom:5px}.link span{font-size:13px;color:#718597}
.faq article{padding:21px 0;border-bottom:1px solid var(--line)}.faq h3{font-size:18px}.faq p{margin:0}.article-hero{padding:70px 0 58px}.article-hero h1{font-size:clamp(38px,5vw,61px);line-height:1.13;letter-spacing:-.05em;max-width:980px;margin:10px 0 20px}.crumb{font-size:13px;color:#aebfcd;margin-bottom:18px}.crumb a{color:#e2edf5;text-decoration:none}.mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.mini a{font-size:13px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;text-decoration:none;color:#edf5fb}
.ctabox{padding:36px;border-radius:24px;background:linear-gradient(135deg,#10243a,#173e61);color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.ctabox h2{font-size:31px;margin:0 0 8px}.ctabox p{margin:0;color:#cad8e5}.ctabox a{padding:13px 18px;background:#fff;color:#10243a;border-radius:999px;text-decoration:none;font-weight:900;white-space:nowrap}
.ft{padding:50px 0 28px;background:#091927;color:#cad7e1}.ftgrid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:36px}.ft h4{color:#fff}.ft a{display:block;text-decoration:none;color:#cad7e1;margin:8px 0;font-size:14px}.ft p,.ft li{font-size:13px;line-height:1.7;color:#9fb1c0}.ft ul{list-style:none;padding:0}.copy{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8298aa}
@media(max-width:900px){.menu{display:none}.hero-grid{grid-template-columns:1fr}.hero-side{grid-template-columns:repeat(3,1fr)}.features,.cards,.links{grid-template-columns:1fr 1fr}}@media(max-width:640px){.w{width:min(100% - 28px,1180px)}.hero,.sec{padding:56px 0}.hero-side,.features,.cards,.links,.checks,.tocgrid,.ftgrid{grid-template-columns:1fr}.ctabox{flex-direction:column;align-items:flex-start}}

/* FINAL representative image + SEO footer */
.hero-media{position:relative;min-height:430px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:0 28px 70px rgba(0,0,0,.18)}
.hero-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,34,.02),rgba(5,20,34,.32))}.hero-media-label{position:absolute;left:22px;bottom:20px;z-index:2;padding:10px 13px;border-radius:999px;background:rgba(8,29,47,.78);backdrop-filter:blur(9px);color:#fff;font-size:12px;font-weight:850;letter-spacing:.08em}
.feature .visual{padding:0;position:relative;height:165px;background:#15334e}.feature .visual img{width:100%;height:100%;object-fit:cover;display:block}.feature .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,31,.02),rgba(4,18,31,.58))}.feature .visual span{position:absolute;left:20px;bottom:17px;z-index:2}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:46px;align-items:center}.article-rep{height:360px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#173550;box-shadow:0 24px 60px rgba(0,0,0,.18)}.article-rep img{width:100%;height:100%;object-fit:cover;display:block}.article-rep-caption{margin-top:10px!important;font-size:12px!important;color:#afc4d5!important;text-align:right}
.seo-footer-copy{margin-top:26px;padding:23px 25px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}.seo-footer-copy h4{margin:0 0 9px;color:#fff}.seo-footer-copy p{margin:0!important;font-size:13px!important;line-height:1.8!important;color:#aebfcd!important}.seo-footer-links{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:12px}.seo-footer-links a{display:inline!important;margin:0!important;color:#d8e3eb!important;text-decoration:none!important;font-size:12px!important}
@media(max-width:900px){.article-hero-grid{grid-template-columns:1fr}.article-rep{height:310px}}@media(max-width:640px){.hero-media{min-height:280px}.hero-media img{min-height:280px}.article-rep{height:250px}.feature .visual{height:145px}}

/* TRUE FINAL IMAGE FIX */
.feature .visual{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#eef3f7 !important;
}
.feature .visual img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
.feature .visual:after{display:none !important}
.feature .visual span{
  position:absolute !important;
  left:16px !important;
  bottom:14px !important;
  z-index:2 !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(8,29,47,.78) !important;
  color:#fff !important;
  backdrop-filter:blur(8px);
}
.hero-media{
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:1.16/1 !important;
  overflow:hidden !important;
  background:#eef3f7 !important;
}
.hero-media img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}
.article-rep{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  overflow:hidden !important;
  background:#eef3f7 !important;
}
.article-rep img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.seo-footer-copy{margin-top:26px;padding:23px 25px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}
.seo-footer-copy h4{margin:0 0 9px;color:#fff}
.seo-footer-copy p{margin:0!important;font-size:13px!important;line-height:1.8!important;color:#aebfcd!important}
.seo-footer-links{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:12px}
.seo-footer-links a{display:inline!important;margin:0!important;color:#d8e3eb!important;text-decoration:none!important;font-size:12px!important}
@media(max-width:1100px){.features{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:680px){.features{grid-template-columns:1fr !important}}

/* FINAL DETAIL-HERO SIZE FIX */
.article-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 430px !important;
  gap:38px !important;
  align-items:center !important;
}
.article-rep{
  width:100% !important;
  max-width:430px !important;
  aspect-ratio:16/10 !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:22px !important;
}
.article-rep img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.article-rep-caption{
  max-width:430px !important;
  margin:9px auto 0 !important;
  text-align:right !important;
}
@media(max-width:1020px){
  .article-hero-grid{grid-template-columns:1fr !important}
  .article-rep{max-width:620px !important}
  .article-rep-caption{max-width:620px !important}
}

/* SEO FINAL V5 - detail image quality/presentation fix */
.article-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
  gap:46px !important;
  align-items:center !important;
}
.article-rep{
  width:100% !important;
  max-width:380px !important;
  height:auto !important;
  aspect-ratio:5/3 !important;
  padding:22px !important;
  margin:0 auto !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#f5f9fc !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.13) !important;
}
.article-rep img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  transform:none !important;
  filter:none !important;
}
.article-rep-caption{
  max-width:380px !important;
  margin:8px auto 0 !important;
  padding-right:4px !important;
  text-align:right !important;
  opacity:.75;
}
.feature .visual img{
  object-fit:contain !important;
  object-position:center !important;
  background:#f5f9fc !important;
  padding:12px !important;
}
.hero-media img{object-fit:contain !important;background:#f5f9fc !important;padding:12px !important}
@media(max-width:1020px){
 .article-hero-grid{grid-template-columns:1fr !important}
 .article-rep{max-width:520px !important}
 .article-rep-caption{max-width:520px !important}
}

.article-hero{padding:66px 0 58px !important}
.article-hero h1{font-size:clamp(36px,4.5vw,58px) !important}