@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
.npprb{
    color-scheme: light;
    --green:#1E7A3D; --green-br:#37B24D; --green-dk:#17522a;
    --cream:#F6F5E8; --cream-2:#FBFBF2; --ink:#20291f; --ink-soft:#52604f;
    --sage:#7a9b7e; --line:#e3e2d0; --card:#ffffff; --warn-bg:#fff6e6; --warn-ink:#8a5a00;
    --yellow:#F2C200;
    --maxw:1200px;
    --disp:"Black Han Sans","Noto Sans KR",sans-serif;
    --body:"Noto Sans KR",system-ui,sans-serif;
  }
.npprb *{box-sizing:border-box}
.npprb img{max-width:100%;display:block}
.npprb .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:16px}
.npprb /* BEFORE */
  .before{padding-block:22px}
.npprb /* AFTER */
  .after{padding-bottom:40px}
.npprb .hero{background:linear-gradient(172deg,#fcfdf4 0%,#e9f4df 100%);border-bottom:1px solid var(--line);padding-block:26px 16px;text-align:center}
.npprb .eyebrow{display:inline-block;background:var(--green);color:#fff;font-weight:700;font-size:15.5px;padding:5px 13px;border-radius:999px;letter-spacing:.02em}
.npprb .hero h2{font-family:var(--disp) !important;font-weight:400;font-size:clamp(28px,8vw,42px);line-height:1.12;margin:12px 0 6px;color:var(--green-dk);text-wrap:balance;letter-spacing:-.01em}
.npprb .hero .lead{font-size:18px;color:var(--ink-soft);margin:0 auto;max-width:34ch}
.npprb .hero .meta{font-size:15.5px;color:var(--sage);margin-top:6px;letter-spacing:.02em}
.npprb .stage{position:relative;width:100%;max-width:460px;margin:8px auto 0;aspect-ratio:1/0.8}
.npprb .stage .cabbed{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:98%;z-index:1;filter:drop-shadow(0 8px 14px rgba(30,80,40,.12))}
.npprb .stage .product{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:54%;z-index:2;filter:drop-shadow(0 10px 18px rgba(30,80,40,.2))}
.npprb .blk{padding-block:30px}
.npprb .kicker{font-weight:700;font-size:15.5px;color:var(--green-br);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}
.npprb h3.htitle{font-family:var(--disp) !important;font-weight:400;font-size:clamp(22px,6vw,30px);line-height:1.2;margin:0 0 16px;color:var(--ink);text-wrap:balance}
.npprb h3.htitle .hl{color:var(--green)}
.npprb .reco{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(30,122,61,.06)}
.npprb .reco ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.npprb .reco li{display:flex;gap:11px;align-items:flex-start;font-size:18.5px;font-weight:500}
.npprb .reco .ck{flex:none;width:22px;height:22px;border-radius:50%;background:var(--green-br);color:#fff;display:grid;place-items:center;font-size:16.5px;font-weight:900;margin-top:1px}
.npprb .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.npprb .tag{background:#eaf5ec;color:var(--green);font-weight:700;font-size:16.5px;padding:6px 12px;border-radius:8px}
.npprb .mmsc{position:relative;overflow:hidden;background:var(--green-dk);color:#eafff0;border-radius:16px;padding:24px 22px;text-align:center}
.npprb .mmsc .leaf{position:absolute;width:96px;opacity:.42;right:-14px;top:-12px;transform:rotate(18deg);pointer-events:none}
.npprb .mmsc .inner{position:relative;z-index:1}
.npprb .mmsc .badge{display:inline-block;border:1.5px solid var(--green-br);color:#bff4cf;font-weight:700;font-size:15.5px;padding:4px 12px;border-radius:999px;letter-spacing:.06em}
.npprb .mmsc h4{font-family:var(--disp) !important;font-weight:400;font-size:clamp(22px,6.5vw,30px);margin:12px 0 6px;color:#fff;letter-spacing:.02em}
.npprb .mmsc p{margin:0 auto;max-width:none;font-size:17.5px;color:#cfeed8;line-height:1.7}
.npprb .mmsc .amt{display:inline-block;margin-top:14px;background:var(--yellow);color:#4a3a00;font-weight:900;font-size:16.5px;padding:6px 14px;border-radius:999px}
.npprb .points{display:flex;flex-direction:column;gap:18px}
.npprb .pt{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.npprb .pt .pt-hd{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f4faf0,#fff)}
.npprb .pt .num{font-family:var(--disp) !important;font-size:28px;color:var(--green-br);line-height:1}
.npprb .pt .pt-h{font-weight:900;font-size:20px;color:var(--ink)}
.npprb .pt .pt-h small{display:block;font-weight:500;font-size:15.5px;color:var(--sage);margin-top:1px}
.npprb .pt .body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.npprb .pt-illo{display:flex;justify-content:center;padding:4px 0 8px}
.npprb .pt-illo img{width:150px;max-width:48%}
.npprb .mech{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--cream-2)}
.npprb .mech .mh{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17.5px;color:var(--green-dk);margin-bottom:4px}
.npprb .mech .mh .e{font-size:19px}
.npprb .mech p{margin:0;font-size:17px;color:var(--ink-soft)}
.npprb .tip{background:var(--warn-bg);border:1px dashed #e9c877;border-radius:12px;padding:13px 15px;font-size:17px;color:var(--warn-ink)}
.npprb .tip b{color:#7a4e00}
.npprb .steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.npprb .step{background:var(--cream-2);border:1px solid var(--line);border-radius:12px;padding:12px 13px}
.npprb .step .sn{font-family:var(--disp) !important;font-size:18.5px;color:var(--green-br)}
.npprb .step p{margin:3px 0 0;font-size:16px;color:var(--ink-soft);line-height:1.5}
.npprb table.spec{width:100%;border-collapse:collapse;font-size:17px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.npprb table.spec th, .npprb table.spec td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.npprb table.spec thead th{background:var(--green);color:#fff;font-size:15.5px;font-weight:700}
.npprb table.spec td.amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;color:var(--green-dk)}
.npprb table.spec tr:last-child td{border-bottom:none}
.npprb .spec-wrap{overflow-x:auto}
.npprb .dl{display:flex;flex-direction:column;gap:10px}
.npprb .dl .row{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.npprb .dl .row .k{flex:none;width:92px;font-weight:700;color:var(--green-dk);font-size:17px}
.npprb .dl .row .v{font-size:17px;color:var(--ink-soft)}
.npprb .warn{background:var(--warn-bg);border:1px solid #ecd49a;border-radius:14px;padding:16px 18px}
.npprb .warn h4{margin:0 0 8px;font-size:17.5px;color:var(--warn-ink)}
.npprb .warn ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.npprb .warn li{font-size:16.5px;color:#7a5a16}
.npprb .proof{background:#eaf5ec;border:1px solid #bfe0c6;border-radius:14px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;margin-top:26px}
.npprb .proof .ic{font-size:24px}
.npprb .proof p{margin:0;font-size:17px;color:var(--green-dk)}
.npprb .proof b{color:var(--green-dk)}
.npprb .note{font-size:14.5px;color:var(--sage);text-align:center;margin-top:18px;line-height:1.6}

  @media (max-width:430px){.npprb .steps{grid-template-columns:1fr}}
.npprb .links{display:flex;flex-direction:column;gap:10px}
.npprb .links a.lnk{display:block !important;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);font-size:17.5px;line-height:1.5;transition:.15s}
.npprb .links a.lnk b{color:var(--green);font-weight:700}
.npprb .links a.lnk:hover{border-color:var(--green-br);box-shadow:0 4px 14px rgba(55,178,77,.12)}

.npprb table.spec{table-layout:fixed;font-size:16.5px}
.npprb table.spec th:nth-child(1),.npprb table.spec td:nth-child(1){width:45%;overflow-wrap:anywhere;word-break:keep-all}
.npprb table.spec th:nth-child(2),.npprb table.spec td:nth-child(2){width:20%;font-size:14.5px;white-space:nowrap}
.npprb table.spec th:nth-child(3),.npprb table.spec td:nth-child(3){width:35%;word-break:keep-all}

.npprb .intro{font-size:17px;line-height:1.85;color:var(--ink-soft);margin:0}
.npprb .faq{display:flex;flex-direction:column;gap:12px}
.npprb .qa{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.npprb .qa .q{font-weight:700;color:var(--green-dk);font-size:17px;margin-bottom:6px}
.npprb .qa .a{color:var(--ink-soft);font-size:16px;line-height:1.75}
@media(min-width:760px){
  .npprb .intro{font-size:19.5px}
  .npprb .hero h2{font-size:54px}
  .npprb .hero .lead{font-size:20px}
  .npprb .stage{max-width:700px}
  .npprb h3.htitle{font-size:37px}
  .npprb .reco li{font-size:19.5px}
  .npprb .tag{font-size:16px}
  .npprb .mmsc p{font-size:18.5px}
  .npprb .mmsc h4{font-size:35px}
  .npprb .mech .mh{font-size:18.5px}
  .npprb .mech p{font-size:17.5px}
  .npprb .tip{font-size:17.5px}
  .npprb .step p{font-size:16.5px}
  .npprb table.spec{font-size:17.5px}
  .npprb table.spec td:nth-child(2){font-size:16px}
  .npprb .dl .row .k{font-size:17.5px;width:150px}
  .npprb .dl .row .v{font-size:17.5px}
  .npprb .warn li{font-size:17.5px}
  .npprb .links a.lnk{font-size:18.5px}
  .npprb .qa .q{font-size:19.5px}
  .npprb .qa .a{font-size:17.5px}
}

/* ===== 상단 공통 공지 ===== */
.npp-notice{max-width:1200px;margin:28px auto 10px;padding:4px 16px 0;font-family:"Noto Sans KR",system-ui,sans-serif;color:#2a2a2a;line-height:1.7}
.npp-notice *{box-sizing:border-box}
.npp-notice .nn-alert{background:#fff6e9;border:1.5px dashed #f2a33d;border-radius:14px;padding:16px 18px;font-size:16.5px;color:#7a4e00;margin-bottom:20px}
.npp-notice .nn-alert b{color:#d2730a}
.npp-notice .nn-brand{display:flex;align-items:center;gap:14px;background:#f3faef;border:1px solid #d9ecd0;border-radius:16px;padding:18px 20px;margin-bottom:20px}
.npp-notice .nn-eyebrow{display:inline-block;background:#1E7A3D;color:#fff;font-size:13px;font-weight:700;padding:3px 11px;border-radius:999px}
.npp-notice .nn-brand h3{font-family:"Black Han Sans","Noto Sans KR",sans-serif !important;font-weight:400;font-size:32px;color:#1E7A3D;margin:7px 0 4px;letter-spacing:.02em}
.npp-notice .nn-brand p{margin:0;font-size:16px;color:#4a5a48}
.npp-notice .nn-brand p b{color:#1E7A3D}
.npp-notice .nn-mascot{font-size:50px;margin-left:auto;line-height:1}
.npp-notice .nn-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:22px}
.npp-notice .nn-card{background:#fff;border:1px solid #ededed;border-radius:14px;padding:16px 18px}
.npp-notice .nn-card .nn-ic{font-size:26px;line-height:1}
.npp-notice .nn-card h4{margin:7px 0 6px;font-size:17px;color:#222;font-weight:700}
.npp-notice .nn-card p{margin:0;font-size:15.5px;color:#596059}
.npp-notice .nn-card p b{color:#d2730a}
.npp-notice .nn-faq{background:#fffaf2;border:1px solid #f0dcb8;border-radius:16px;padding:18px 18px 20px}
.npp-notice .nn-faq>h3{font-family:"Black Han Sans","Noto Sans KR",sans-serif !important;font-weight:400;font-size:23px;color:#b5600a;text-align:center;margin:2px 0 16px;letter-spacing:.02em}
.npp-notice .nn-qa{background:#fff;border:1px solid #f0e6d2;border-radius:12px;padding:14px 16px;margin-bottom:10px}
.npp-notice .nn-qa:last-child{margin-bottom:0}
.npp-notice .nn-qa .q{font-weight:700;color:#b5600a;font-size:16.5px;margin-bottom:5px}
.npp-notice .nn-qa .a{font-size:15.5px;color:#596059;line-height:1.7}
.npp-notice .nn-qa .a b{color:#d2730a}
@media(min-width:760px){
  .npp-notice .nn-cards{grid-template-columns:1fr 1fr 1fr}
  .npp-notice .nn-alert{font-size:18px}
  .npp-notice .nn-brand h3{font-size:37px}
  .npp-notice .nn-brand p{font-size:17px}
  .npp-notice .nn-card h4{font-size:18px}
  .npp-notice .nn-card p{font-size:16px}
  .npp-notice .nn-faq>h3{font-size:26px}
  .npp-notice .nn-qa .q{font-size:18px}
  .npp-notice .nn-qa .a{font-size:17px}
}

.npp-notice .nn-mascot-img{width:88px;height:auto;margin-left:auto;flex:none}
@media(min-width:760px){ .npp-notice{margin-top:42px} .npp-notice .nn-mascot-img{width:108px} }