/* 엔비즈웍스 상세 페이지 — 제품 브랜드(보라) */
.pw{font-family:var(--kr);color:#1D1B2A;background:#fff}
.pbar{background:#17183A;color:#C9C5E6;font-size:14.5px;position:sticky;top:var(--gnb-h);z-index:40}
.pbar .container{display:flex;align-items:center;gap:32px;padding-block:12px}
.pbar ul{display:flex;gap:26px;flex:1}
.pbar ul a:hover,.pbar .login:hover{color:#fff}
.pbar .start{font-weight:700;background:#6E55E8;color:#fff;padding:9px 18px;border-radius:8px;white-space:nowrap}
.pbar .start:hover{background:#5B43D6}
html:has(.pbar){scroll-padding-top:calc(var(--gnb-h) + 72px)}
@media (max-width:860px){html:has(.pbar){scroll-padding-top:calc(var(--gnb-h) + 12px)}.pbar{position:static}.pbar ul,.pbar .login{display:none}.pbar .container{justify-content:space-between}}

.pw .hero{background:linear-gradient(#fff 0,#F4F3F9 100%)}
.pw .hero .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:72px 84px;align-items:center}
.pw .pill{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:#423A6A;background:#E7E3F6;padding:5px 12px 5px 6px;border-radius:999px}
.pw .pill i{font-style:normal;background:#6E55E8;color:#fff;border-radius:999px;padding:1px 8px;font-size:11.5px}
/* .p-h1 · .p-h2 · .p-h3 은 홈에 옮겨 온 같은 블록(제목 단계를 한 칸씩 내림)에 씁니다. */
.pw h1,.pw .p-h1{font-weight:800;font-size:clamp(30px,3.6vw,46px);line-height:1.24;letter-spacing:-.04em;margin-top:22px}
.pw h1 span:not(.nw),.pw .p-h1 span:not(.nw){color:#6E55E8}
.pw .hero p{margin-top:20px;font-size:clamp(16px,1.5vw,17.5px);color:#55526A;max-width:28em}
.pw .ctas{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}
.pw .c1{background:#6E55E8;color:#fff;font-weight:700;padding:14px 24px;border-radius:10px;font-size:16px}
.pw .c1:hover{background:#5B43D6}
.pw .c2{background:#fff;border:1px solid #D6D2E6;color:#1D1B2A;font-weight:500;padding:14px 22px;border-radius:10px;font-size:16px}
.pw .c2:hover{border-color:#6E55E8}
.pw .note{margin-top:16px;font-size:13.5px;color:#8C88A3}

/* 화면 예시 */
.pw .app{background:#fff;border-radius:14px;box-shadow:0 30px 60px -28px rgba(66,58,106,.45),0 0 0 1px #E4E0F0;overflow:hidden;display:grid;grid-template-columns:140px 1fr;min-height:470px}
.pw .side{background:#F7F6FB;border-right:1px solid #ECEAF3;padding:16px 12px;display:grid;gap:3px;align-content:start;font-size:13.5px;color:#55526A}
.pw .side .ws{padding:0 6px 14px}
.pw .side .ws .wk-logo{color:#1D1B2A;font-size:14px;gap:6px}
.pw .side .ws .wk-logo svg{width:20px;height:20px}
.pw .side .ws .wk-logo em{color:#6E55E8}
.pw .side span.it{padding:7px 10px;border-radius:7px;display:flex;justify-content:space-between}
.pw .side span.on{background:#E7E3F6;color:#423A6A;font-weight:700}
.pw .side .it em{font-style:normal;font-size:11.5px;background:#796CBF;color:#fff;border-radius:999px;padding:0 7px;line-height:18px}
.pw .main{padding:20px 22px;display:grid;gap:14px;align-content:start;font-size:13.5px;min-width:0}
.pw .hi{font-size:17px;font-weight:700}
.pw .hi small{display:block;font-size:12.5px;color:#8C88A3;font-weight:400}
.pw .box{border:1px solid #ECEAF3;border-radius:10px;padding:12px 14px;min-width:0}
.pw .box .t{font-weight:700;font-size:13px;margin-bottom:8px;display:flex;justify-content:space-between}
.pw .box .t span{font-weight:500;color:#796CBF;font-size:12px}
.pw .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pw .row2 .ev span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .ev{min-width:0}
.pw .row2 .doc{grid-template-columns:1fr auto}
.pw .row2 .doc code{display:none}
.pw .ml{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #F1EFF7;font-size:12.5px}
.pw .ml b{font-weight:700;margin-right:6px}
.pw .ml span.s{color:#8C88A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .ml .mk{font-size:11.5px;color:#423A6A;border:1px solid #D9D3F0;border-radius:6px;padding:2px 8px;white-space:nowrap}
.pw .doc{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #F1EFF7;font-size:12.5px}
.pw .doc code{font-family:ui-monospace,Consolas,monospace;font-size:11px;background:#EEEDF3;border-radius:5px;padding:2px 6px;color:#55526A}
.pw .st{font-size:11.5px;font-weight:700;color:#423A6A;background:#E7E3F6;padding:1px 8px;border-radius:999px}
.pw .st.g{color:#2F6B4F;background:#E1F1E8}
.pw .ev{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px;padding:5px 0;border-top:1px solid #F1EFF7;font-size:12.5px}
.pw .ev b{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:#796CBF;font-weight:500}
@media (max-width:1000px){.pw .hero .container{grid-template-columns:1fr}}
@media (max-width:640px){.pw .app{grid-template-columns:1fr}.pw .side{display:none}.pw .row2{grid-template-columns:1fr}}

/* 섹션 */
.pw .sec{padding-block:88px}
.pw .sec h2,.pw .sec .p-h2{font-size:clamp(26px,3.6vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.3}
.pw .sec .lead{margin-top:12px;color:#55526A;font-size:16.5px;max-width:40em}
.pw .flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:2px solid #1D1B2A}
.pw .flow>div{padding:26px 28px 6px 0;display:grid;gap:10px;align-content:start}
.pw .flow>div+div{padding-left:28px;border-left:1px solid #E4E0F0}
.pw .flow .n{font-family:var(--mono);font-size:13px;color:#6E55E8}
.pw .flow b{font-size:20px;letter-spacing:-.02em}
.pw .flow p{font-size:15px;color:#55526A}
.pw .flow .ui{margin-top:6px;border:1px solid #E4E0F0;border-radius:10px;padding:12px 14px;font-size:13px;color:#3A3752;background:#FAF9FE}
.pw .flow .ui .btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.pw .flow .ui .btns span{font-size:12px;padding:4px 10px;border-radius:6px;background:#fff;border:1px solid #D6D2E6}
.pw .flow .ui .btns span.p{background:#796CBF;color:#fff;border-color:#796CBF}
@media (max-width:860px){.pw .flow{grid-template-columns:1fr}.pw .flow>div{padding:24px 0}.pw .flow>div+div{padding-left:0;border-left:0;border-top:1px solid #E4E0F0}}

.pw .mods{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ECEAF3;border:1px solid #ECEAF3;border-radius:14px;overflow:hidden;margin-top:40px}
.pw .mod{background:#fff;padding:26px 24px;display:grid;gap:10px;align-content:start}
.pw .ic{width:38px;height:38px;border-radius:10px;background:#EFECF9;display:grid;place-items:center;color:#796CBF}
.pw .ic svg{width:20px;height:20px}
.pw .mod b{font-size:17px}
.pw .mod p{font-size:14px;color:#6A6782}
@media (max-width:1000px){.pw .mods{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pw .mods{grid-template-columns:1fr}}

/* 모바일 띠 */
.pw .mobile{background:#17183A;color:#C9C5DA}
.pw .mobile .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding-block:80px;align-items:center}
.pw .mobile .m-h{color:#fff;font-size:clamp(26px,3.6vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.3}
.pw .mobile .lead{margin-top:12px;color:#C9C5DA;font-size:16.5px}
.pw .mobile .tagline{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;color:#B8AEF0;border:1px solid rgba(184,174,240,.4);border-radius:999px;padding:4px 12px}
.pw .mfeat{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pw .mfeat div{background:rgba(255,255,255,.05);border:1px solid rgba(184,174,240,.2);border-radius:14px;padding:20px 22px;display:grid;gap:6px;align-content:start}
.pw .mfeat b{color:#fff;font-size:16.5px}
.pw .mfeat span{font-size:14px}
@media (max-width:900px){.pw .mobile .container{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){.pw .mfeat{grid-template-columns:1fr}}

/* AI 준비 중 */
.pw .ai-soon{background:#FAF9FE;border-top:1px solid #ECEAF3;border-bottom:1px solid #ECEAF3}
.pw .soon{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#6E55E8;background:#EFECF9;border-radius:999px;padding:4px 12px;margin-bottom:14px}
.pw .soon::before{content:"";width:7px;height:7px;border-radius:50%;background:#6E55E8;animation:soonPulse 1.6s ease-in-out infinite}
@keyframes soonPulse{50%{opacity:.25}}
.pw .ai-soon .flow{border-top-color:#C9C1EA}
.pw .ai-soon .flow b{color:#423A6A}

/* 보안 */
.pw .sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.pw .sec-grid div{border-top:2px solid #1D1B2A;padding-top:16px;display:grid;gap:8px;align-content:start}
.pw .sec-grid b{font-size:17px}
.pw .sec-grid p{font-size:14.5px;color:#6A6782}
@media (max-width:1000px){.pw .sec-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pw .sec-grid{grid-template-columns:1fr}}

/* 도입 방식 */
.pw .plans-wrap{background:#F4F3F9}
.pw .plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.pw .plan{border:1px solid #E4E0F0;border-radius:16px;padding:30px 32px;display:grid;gap:14px;align-content:start;background:#fff}
.pw .plan.hl{background:#17183A;color:#fff;border-color:#17183A}
.pw .plan .k{font-size:13px;font-weight:700;color:#6E55E8}
.pw .plan.hl .k{color:#B8AEF0}
.pw .plan h3,.pw .plan .p-h3{font-size:26px;font-weight:800;letter-spacing:-.03em}
.pw .plan p{color:#6A6782;font-size:15px}
.pw .plan.hl p,.pw .plan.hl li{color:#C9C5DA}
.pw .plan ul{padding-left:18px;list-style:disc;display:grid;gap:6px;font-size:14.5px;color:#3A3752}
.pw .plan code{font-family:var(--mono);font-size:13px;color:#fff;background:rgba(255,255,255,.1);border-radius:5px;padding:1px 6px}
.pw .plan .go{justify-self:start;font-weight:700;font-size:15px;padding:11px 18px;border-radius:9px;background:#F1EFF8;color:#423A6A;margin-top:6px}
.pw .plan .go:hover{background:#E7E3F6}
.pw .plan.hl .go{background:#6E55E8;color:#fff}
.pw .plan.hl .go:hover{background:#5B43D6}
@media (max-width:860px){.pw .plans{grid-template-columns:1fr}.pw .plan{padding:26px 24px}}