:root{--bg:#f5f7f3;--card:#fff;--ink:#151a16;--muted:#687269;--line:#dce3dc;--green:#087143;--green2:#e8f4ed;--dark:#0e2a1b;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;line-height:1.72;word-break:keep-all}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
header{position:sticky;top:0;z-index:40;background:rgba(245,247,243,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:-.045em}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0}
.navlinks{display:flex;gap:16px;align-items:center;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--green);color:#fff;font-weight:850}.btn.light{background:#fff;color:var(--dark);border:1px solid var(--line)}
.hero{padding:72px 0 48px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--green);font-weight:900;margin-bottom:12px}
h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.055em;margin:0 0 20px}h2{font-size:clamp(25px,4vw,37px);line-height:1.25;letter-spacing:-.04em;margin:0 0 12px}h3{font-size:21px;line-height:1.4;letter-spacing:-.03em;margin:0 0 8px}
.lead{font-size:18px;color:#3f4941;max-width:860px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.quick div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.quick b{display:block;margin-bottom:4px}.quick span{font-size:13px;color:var(--muted)}
.section{padding:52px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.section-head p{max-width:650px;margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.card-media{aspect-ratio:4/3;background:#e7ece7;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:20px}.card p{color:#4f5951}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--green2);color:var(--green);font-size:12px;font-weight:900;margin-bottom:12px}.meta{font-size:12px;color:var(--muted);margin-top:14px}.more{display:inline-block;color:var(--green);font-weight:850;margin-top:14px}
.scope{background:var(--dark);color:#fff;border-radius:24px;padding:30px}.scope p{color:#d7e0da}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.scope-grid div{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:13px;font-size:14px}
.archive{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.archive a{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:13px}.archive strong{font-size:14px}.archive span{font-size:12px;color:var(--muted);white-space:nowrap}
.breadcrumb{font-size:13px;color:var(--muted);padding-top:20px}.article-hero{padding:46px 0 28px}.article-hero h1{font-size:clamp(34px,5vw,54px);max-width:980px}.hero-img{margin-top:28px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#e7ece7}.hero-img img{width:100%;max-height:620px;object-fit:cover}.notice{font-size:13px;color:var(--muted);margin-top:9px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.content{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px)}.content h2{margin-top:38px}.content p{margin:0 0 18px}.answer{border-left:4px solid var(--green);background:#f0f7f3;border-radius:0 13px 13px 0;padding:15px 17px;margin:14px 0 22px}
.factgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.fact{background:var(--green2);border-radius:14px;padding:14px}.fact b{display:block;margin-bottom:3px}.source{border:1px dashed #b8c4ba;background:#fbfcfa;border-radius:14px;padding:17px;font-size:13px;color:#505a52;margin:24px 0}.source a{color:var(--green);font-weight:850}
.check{border:1px solid var(--line);border-radius:18px;padding:20px;margin:28px 0}.check ul{margin-bottom:0;padding-left:22px}.qa{background:#f8faf7;border-radius:18px;padding:20px;margin:30px 0}.qa-item{padding:13px 0;border-bottom:1px solid var(--line)}.qa-item:last-child{border-bottom:0}.qa-item b{display:block;margin-bottom:4px}.faq{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.faq-item{padding:16px 0;border-bottom:1px solid var(--line)}.faq-item b{display:block;margin-bottom:6px}
.sidebar{position:sticky;top:88px}.side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:12px}.side p{font-size:13px;color:var(--muted)}.cta{margin-top:30px;background:var(--dark);color:#fff;border-radius:20px;padding:26px}.cta p{color:#d7e1da}.footer{border-top:1px solid var(--line);margin-top:50px;padding:30px 0 70px;color:var(--muted);font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:920px){.grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static}.scope-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.navlinks a:not(.btn){display:none}.grid,.quick,.archive,.factgrid,.scope-grid{grid-template-columns:1fr}.hero{padding-top:48px}.section{padding:40px 0}.content{padding:21px;border-radius:18px}.hero-img{border-radius:18px}}


/* 2026-08-19 mobile responsive patch
   모바일은 화면 너비 760px 이하에서 모바일 레이아웃을 적용하고,
   PC는 761px 이상에서 데스크톱 레이아웃을 유지합니다. */
@media (max-width: 760px) {
  body{
    font-size:16px;
    line-height:1.68;
    overflow-x:hidden;
  }

  .wrap{
    width:calc(100% - 28px);
    max-width:none;
  }

  header{
    position:sticky;
    top:0;
  }

  .nav{
    min-height:58px;
    gap:10px;
  }

  .brand{
    min-width:0;
    font-size:15px;
    line-height:1.25;
  }

  .brand small{
    display:none;
  }

  .navlinks{
    gap:8px;
    flex:0 0 auto;
  }

  .navlinks a:not(.btn){
    display:none;
  }

  .navlinks .btn{
    min-height:38px;
    padding:0 14px;
    font-size:13px;
  }

  .hero{
    padding:42px 0 28px;
  }

  .eyebrow{
    margin-bottom:9px;
    font-size:11px;
  }

  h1{
    font-size:clamp(30px,9.2vw,42px);
    line-height:1.12;
    letter-spacing:-.045em;
    margin-bottom:16px;
  }

  h2{
    font-size:clamp(23px,7vw,31px);
    line-height:1.25;
  }

  h3{
    font-size:19px;
  }

  .lead{
    font-size:16px;
    line-height:1.72;
  }

  .actions{
    gap:8px;
    margin-top:20px;
  }

  .actions .btn{
    min-height:42px;
    padding:0 15px;
    font-size:14px;
  }

  .quick,
  .grid,
  .archive,
  .factgrid,
  .scope-grid,
  .photo-row{
    grid-template-columns:1fr !important;
  }

  .quick{
    gap:9px;
    margin-top:23px;
  }

  .quick div{
    padding:14px;
  }

  .section{
    padding:34px 0;
  }

  .section-head{
    display:block;
    margin-bottom:18px;
  }

  .section-head p{
    margin-top:8px;
  }

  .scope{
    border-radius:18px;
    padding:22px 18px;
  }

  .scope-grid{
    gap:8px;
  }

  .scope-grid div{
    padding:11px 12px;
  }

  .card{
    border-radius:17px;
  }

  .card-media{
    aspect-ratio:16/10;
  }

  .card-body{
    padding:17px;
  }

  .archive a{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }

  .archive span{
    white-space:normal;
  }

  .breadcrumb{
    padding-top:14px;
    font-size:12px;
  }

  .article-hero{
    padding:32px 0 20px;
  }

  .article-hero h1{
    font-size:clamp(29px,8.8vw,40px);
  }

  .hero-img{
    margin-top:20px;
    border-radius:16px;
  }

  .article-layout{
    grid-template-columns:1fr !important;
    gap:18px;
  }

  .content{
    padding:19px 17px;
    border-radius:16px;
  }

  .content h2{
    margin-top:30px;
  }

  .answer,
  .source,
  .check,
  .qa,
  .side{
    border-radius:13px;
  }

  .fact{
    padding:12px;
  }

  .sidebar{
    position:static;
  }

  .cta{
    padding:21px 18px;
    border-radius:16px;
  }

  .footer{
    margin-top:34px;
    padding:26px 0 50px;
  }

  .footer-grid{
    display:block;
  }

  .footer-grid > div + div{
    margin-top:14px;
  }

  img, video, iframe{
    max-width:100%;
    height:auto;
  }

  table{
    width:100%;
  }
}

/* 2026-08-27 unified header logo */
.brand-logo{display:flex!important;align-items:center;gap:9px;min-width:0}
.brand-logo img{width:48px;height:42px;object-fit:contain;flex:0 0 auto;border-radius:7px;background:#fff}
.brand-logo .brand-copy{display:block;min-width:0}
@media(max-width:680px){
  .brand-logo img{width:38px;height:34px}
  .brand-logo small{display:none!important}
}

/* 2026-08-28 review trust blocks */
.quick-answer{margin:14px 0 18px;padding:12px 14px;border-left:4px solid #168a3f;background:#f1faf3;border-radius:0 12px 12px 0}
.quick-answer strong{display:block;color:#0f6e32;font-size:11px;margin-bottom:3px}
.quick-answer span{display:block;font-size:14px;line-height:1.55}
.record-trust{margin:28px auto;padding:18px 20px;border:1px solid #dce6df;border-radius:16px;background:#fbfdfb}
.record-trust h2{font-size:18px;margin:0 0 8px}
.record-trust p{margin:5px 0;color:#66736a;font-size:13px}
.record-trust a{color:#0f6e32;font-weight:800}
@media(max-width:680px){.record-trust{margin:20px 0;padding:15px}.quick-answer span{font-size:13px}}