/* 옛 사이트 글 틀(np-head·np-sec·np-faq·tableset …)의 새 옷. 페이지 본문과 스카이라이프 글에 쓴다. */
.np-page{padding-block:18px 0}
.np-page .sec,.np-plan .sec{padding-block:56px 0}
.sec-cap{text-align:center;color:var(--sub);font-size:15px;margin:-22px 0 22px}
.np-doc{background:var(--paper);border-radius:22px;padding:24px 18px;word-break:keep-all;overflow-wrap:anywhere}
.np-doc .np-h1{font-size:25px;font-weight:700;line-height:1.35;letter-spacing:-.03em;text-wrap:balance}
.np-doc .np-lead{background:var(--green-soft);border-radius:16px;padding:16px 18px;margin-top:16px}
.np-doc .np-lead p{margin:0;font-size:16px;line-height:1.75}
.np-doc .np-lead p + p{margin-top:6px}
.np-doc .np-sec{margin-top:36px}
.np-doc .np-h2{font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.4;padding-left:12px;border-left:4px solid var(--green);margin-bottom:10px}
.np-doc p.p1,.np-doc p.p2{font-size:16.5px;line-height:1.8;color:#2A2D33;margin-top:10px;max-width:40em}
.np-doc .tableset{margin:14px 0;overflow-x:auto}
.np-doc .tableset-tit{display:block;font-weight:600;font-size:15.5px;margin-bottom:8px}
.np-doc table{border-collapse:collapse;width:100%;min-width:320px;font-size:15px;border-top:2px solid #111}
.np-doc th,.np-doc td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}
.np-doc thead th{background:#F6F7F8;font-weight:600}
.np-doc tbody th{font-weight:600}
.np-doc .np-left{text-align:left}
.np-doc .np-note{background:var(--green-soft);border-left:4px solid var(--green);border-radius:0 12px 12px 0;padding:14px 16px;margin-top:14px}
.np-doc .np-note p{margin:0;max-width:none}
.np-doc .np-list ul,.np-doc ul.np-list{margin:10px 0 0;padding-left:20px}
.np-doc .np-list li{list-style:disc;font-size:16px;line-height:1.75;margin-top:4px}
.np-doc .np-faq-item{border-bottom:1px solid var(--line);padding:14px 0}
.np-doc .np-faq-item:last-child{border-bottom:0}
.np-doc .np-faq-q{font-weight:600;margin:0;color:var(--ink)}
.np-doc .np-faq-a{margin:4px 0 0;color:var(--sub);font-size:15.5px}
.np-doc .np-related ul{margin:0;padding:0}
.np-doc .np-related li{list-style:none;border-bottom:1px solid var(--line)}
.np-doc .np-related li:last-child{border-bottom:0}
.np-doc .np-related a{display:block;padding:13px 0;font-weight:600;color:var(--green-deep);font-size:16px}
.np-doc .np-cta{background:#111;color:#fff;border-radius:18px;padding:26px 20px;margin-top:34px;text-align:center}
.np-doc .np-cta-tit{font-size:20px;font-weight:600;letter-spacing:-.03em;margin:0}
.np-doc .np-cta-desc{color:#C9CDD3;font-size:14.5px;line-height:1.7;margin:8px auto 18px;max-width:36em}
.np-doc .np-cta-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.np-doc .btnset{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15.5px;background:#fff;color:#111}
.np-doc .btnset-custom-1,.np-doc .btnset + .btnset{background:var(--kakao);color:#191600}
.np-doc .np-disclaimer{font-size:13px;line-height:1.7;color:#8A9099;margin-top:18px}
/* 회사소개 */
.np-about .phero,.np-page .phero{background:var(--hero-bg);color:#fff;border-radius:24px;padding:26px 20px;position:relative;overflow:hidden}
.np-about .phero small{font-size:13.5px;color:var(--hero-sub);font-weight:600;letter-spacing:.06em}
.np-about .phero h1{font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin-top:6px}
.np-about .phero h1 em{font-style:normal;color:var(--hero-em)}
.np-about .phero p{color:var(--hero-lead);font-size:15px;margin-top:10px;max-width:36em}
.pchecks{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:0}
.pchecks li{list-style:none;background:rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600}
.pchecks li::before{content:"✓ "}
.pbtns{display:grid;gap:8px;margin-top:18px}
.pbtns a{min-height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700}
.pbtns .b1{background:#fff;color:var(--green-deep)}
.pbtns .b2{background:var(--kakao);color:#191600}
.anum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0}
.anum li{list-style:none;background:var(--paper);border-radius:20px;padding:20px;display:grid;gap:4px}
.anum small{font-size:13.5px;color:var(--sub)}
.anum b{font-size:38px;font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--green-deep)}
.anum b i{font-style:normal;font-size:16px;font-weight:600;color:var(--ink);margin-left:3px}
.anum b.t{font-size:22px;line-height:1.7}
.adocs{display:grid;gap:12px;margin:0;padding:0}
.adocs li{list-style:none;background:var(--paper);border-radius:20px;padding:16px;display:grid;gap:4px;justify-items:center;text-align:center}
.adocs .im{width:100%;aspect-ratio:3/4;background:#F6F7F8;border-radius:12px;overflow:hidden;margin-bottom:8px}
.adocs .im img{width:100%;height:100%;object-fit:contain;display:block}
.adocs b{font-weight:600;font-size:17px}
.adocs small{color:var(--sub);font-size:14px}
.adocs a{color:var(--green-deep);font-weight:600;font-size:14px;margin-top:4px}
@media (min-width:901px){
  .np-page{padding-block:28px 0}
  .np-page .sec,.np-plan .sec{padding-block:80px 0}
  .np-doc{padding:48px;max-width:900px;margin-inline:auto}
  .np-doc .np-h1{font-size:34px}
  .np-doc .np-h2{font-size:23px}
  .np-about .phero{padding:48px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px 40px;align-items:center}
  .np-about .phero > *{grid-column:1}
  .np-about .phero .pbtns{grid-column:2;grid-row:1 / span 4;margin:0}
  .np-about .phero h1{font-size:46px}
  .anum{grid-template-columns:repeat(4,1fr);gap:14px}
  .adocs{grid-template-columns:repeat(3,1fr);gap:16px}
}