:root{--np321:#0d2448;--gold321:#b79b58} .np321-page{font-family:system-ui,'Noto Sans KR',sans-serif;background:#f4f6fa;color:#16243a;margin:0}.np321-page>header{padding:20px max(20px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #dce3ec;display:flex;gap:24px;align-items:center}.np321-page>main{max-width:1100px;margin:40px auto;padding:0 24px}.np321-page h1{font-size:clamp(25px,4vw,38px);letter-spacing:-.05em}.np321-page h2{font-size:22px}.np321-page p{line-height:1.75}.np321-page a{color:var(--np321)}.np321-card{background:#fff;border:1px solid #dce3ec;border-radius:16px;padding:24px;margin:18px 0}.np321-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.np321-page label{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-weight:600}.np321-page input,.np321-page select,.np321-page textarea{padding:12px;border:1px solid #b8c6d8;border-radius:8px;font:inherit;max-width:100%;box-sizing:border-box}.np321-page button,.np321-button{display:inline-block;padding:12px 18px;border:0;border-radius:9px;background:var(--np321);color:white!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.np321-page button:disabled{opacity:.5;cursor:not-allowed}.np321-muted{color:#5c6a7e;font-size:14px}.np321-price{font-size:38px;font-weight:800}.np321-flag{color:#755513;background:#fff4d6;padding:12px;border-radius:8px}.np321-page table{width:100%;border-collapse:collapse;background:white}.np321-page th,.np321-page td{padding:12px;text-align:left;border-bottom:1px solid #dce3ec;font-size:14px}.np321-scroll{overflow:auto}.np321-page .inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.np321-page [hidden]{display:none!important}#np321Status{white-space:pre-line;padding:12px 0;color:#465875}#np321Status.error{color:#ad2424}.np321-sidebar{position:fixed;z-index:130;inset:0 auto 0 0;width:230px;box-sizing:border-box;background:#0d2448;color:#fff;padding:28px 16px;overflow:auto;font:14px/1.5 system-ui}.np321-sidebar a{display:block;color:#dce8fb;text-decoration:none;padding:8px 10px;border-radius:6px}.np321-sidebar a:hover,.np321-sidebar a[aria-current=page]{background:#26446f;color:white}.np321-sidebar summary{padding:14px 8px;cursor:pointer;font-size:16px;font-weight:700}.np321-sidebar details[open]{padding-bottom:8px}.np321-sidebar .brand{font-size:23px;font-weight:800;color:white;padding-bottom:24px}.np321-staff{padding-left:230px!important}.np321-staff>aside:not(.np321-sidebar),.np321-staff>.layout>aside,.np321-staff .managementEntry313{display:none!important}.np321-staff>.adminMain{margin-left:0!important;width:auto!important}.np321-staff>.layout{grid-template-columns:1fr!important}.np321-staff .adminMobileNav238{display:none!important}.np321-menu-button{display:none;position:fixed;top:8px;left:8px;z-index:150;padding:10px;border:0;background:#0d2448;color:white;border-radius:7px}.np321-discount{display:block;background:#f2f6fc;padding:10px;border-radius:8px}.np321-discount input{max-width:100px} .np321-contracted{color:#096943}.np321-terms{background:#eef3fa;border-radius:12px;padding:16px;margin:16px 0}
@media(max-width:800px){.np321-staff{padding-left:0!important;padding-top:38px!important}.np321-sidebar{transform:translateX(-100%);transition:transform .15s}.np321-sidebar.open{transform:translateX(0)}.np321-menu-button{display:block}.np321-page>main{margin:24px auto;padding:0 16px}.np321-card{padding:18px}.np321-page>header{padding:18px;gap:14px}.np321-page th,.np321-page td{white-space:nowrap}}

.np321-staff>.np321-sidebar{width:230px;background:#0d2448;position:fixed;padding:28px 16px;z-index:130}.np321-staff>.np321-sidebar a{color:#dce8fb}
.np321-page label.inline{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px;font-weight:500}.np321-page label.inline input[type=checkbox]{flex:0 0 auto;margin:5px 0 0;width:auto}.np321-grid>.np321-card{margin:0}.np321-staff>.np321-menu-button{display:none}@media(max-width:800px){.np321-staff>.np321-menu-button{display:block}}

/* NPET_V322_MEMBERSHIP_TICKETS */
#membership.membership257.tickets322{--ticket-cut:#071a3d;padding:28px 24px!important;display:block}
#membership.tickets322 .membershipIntro{max-width:none}
#membership.tickets322 .membershipIntro h2{margin:8px 0 24px;font-size:clamp(24px,3vw,36px);line-height:1.35}
#membership.membership257.tickets322>.plans{width:100%!important;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px;margin:0;align-items:stretch}
#membership.membership257.tickets322 .plans article.ticket322{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:0;width:100%!important;min-height:218px;height:auto;margin:0;padding:0!important;border:0;border-radius:16px;background:#f5f7fc;color:#102544;overflow:visible;box-shadow:0 6px 18px #0002;isolation:isolate}
#membership.membership257.tickets322 .plans article.ticket322-member{background:linear-gradient(115deg,#f7e8bf 0%,#ddbe76 100%)}
#membership.tickets322 .ticket322-info{min-width:0;padding:25px 22px;display:flex;flex-direction:column;justify-content:center}
#membership.tickets322 .ticket322-label{font-size:clamp(13px,1.35vw,17px);letter-spacing:.045em;font-weight:850;line-height:1.5;overflow-wrap:anywhere}
#membership.membership257.tickets322 .plans h3{font-size:clamp(27px,3vw,36px);line-height:1.2;margin:10px 0 12px!important;white-space:nowrap}
#membership.tickets322 .plans h3 small{font-size:13px;font-weight:600;letter-spacing:0}
#membership.tickets322 .ticket322-description{display:block!important;margin:0!important;padding:0!important;border:0!important;min-height:0!important;color:#4e6079;font-size:13px;line-height:1.7}
#membership.tickets322 .ticket322-member .ticket322-description{color:#53492f}
#membership.tickets322 .ticket322-actions{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;padding:24px 17px;border-left:2px dashed #bcc8d9;min-width:0}
#membership.tickets322 .ticket322-member .ticket322-actions{border-color:#a48a50}
#membership.tickets322 .ticket322-actions:before,#membership.tickets322 .ticket322-actions:after{content:"";position:absolute;left:-12px;width:22px;height:22px;border-radius:50%;background:var(--ticket-cut);z-index:1}
#membership.tickets322 .ticket322-actions:before{top:-11px}#membership.tickets322 .ticket322-actions:after{bottom:-11px}
#membership.tickets322 .ticket322-actions>small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6a7a90;text-align:center}
#membership.tickets322 .ticket322-member .ticket322-actions>small{color:#6b582f}
#membership.tickets322 .ticket322-join{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:43px;padding:11px 6px;border-radius:8px;background:#0d2448;color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1.3;text-align:center;white-space:nowrap}
#membership.tickets322 .ticket322-more{display:flex;align-items:center;justify-content:center;gap:6px;color:#183456;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;white-space:nowrap}
#membership.tickets322 .ticket322-join:hover{background:#24456e}#membership.tickets322 a:focus-visible{outline:3px solid #4387ec;outline-offset:4px}
#membership.tickets322 .ticket322-bbq{margin:22px 0 2px!important;font-size:14px;line-height:1.6}#membership.tickets322 .ticket322-bbq a{color:#c8d8ec}
@media(max-width:1050px){#membership.membership257.tickets322>.plans{grid-template-columns:1fr!important;gap:20px}#membership.membership257.tickets322 .plans article.ticket322{grid-template-columns:minmax(0,1fr) 190px;min-height:195px}#membership.tickets322 .ticket322-label{font-size:17px}}
@media(max-width:480px){#membership.membership257.tickets322{padding:24px 16px!important}#membership.tickets322 .membershipIntro h2{font-size:24px;margin-bottom:22px}#membership.membership257.tickets322 .plans article.ticket322{grid-template-columns:minmax(0,1fr) 116px;min-height:190px}#membership.tickets322 .ticket322-info{padding:20px 14px}#membership.tickets322 .ticket322-label{font-size:12px;letter-spacing:0}#membership.membership257.tickets322 .plans h3{font-size:27px}#membership.tickets322 .plans h3 small{font-size:11px}#membership.tickets322 .ticket322-description{font-size:11px;line-height:1.65}#membership.tickets322 .ticket322-actions{padding:20px 10px;gap:13px}#membership.tickets322 .ticket322-join{font-size:12px;padding:10px 3px}#membership.tickets322 .ticket322-more{font-size:10px;gap:3px}#membership.tickets322 .ticket322-actions>small{font-size:9px;letter-spacing:.06em}}

/* NOLPET_LAYOUT_V327 */
body.np321-staff>aside.np321-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:230px!important;height:100vh!important;height:100dvh!important;min-height:100vh;max-height:none!important;display:block!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;align-self:stretch;margin:0!important;padding-bottom:36px!important;border-radius:0;box-sizing:border-box!important}body.adminBody.np321-staff{display:block!important}body.np321-staff>.adminMain{margin-left:0!important;width:auto!important}.notice.notice327{height:36px;min-height:36px;display:block;padding:0 20px}.notice327 a{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;max-width:1250px;margin:auto;color:white;text-decoration:none;font-size:13px}.notice327-label{flex:0 0 auto;font-weight:800;color:#ead19a}.notice327-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.notice327 a:focus-visible{outline:2px solid #e3bf68;outline-offset:-3px}.notice327-arrow{flex:0 0 auto}.np327-benefit-note{padding:16px;border:1px solid #dae2ed;border-radius:10px;font-size:14px;line-height:1.7;color:#526580}@media(max-width:650px){.notice.notice327{padding:0 14px}.notice327 a{font-size:12px;gap:8px}.notice327-arrow{display:none}}

/* Shared master navigation on standalone tools and regional admin. */
body.np321-staff[data-regional-admin="true"] #r349Sidebar{display:none!important}body.np321-staff[data-regional-admin="true"] .r349-main{margin-left:0!important;max-width:none!important}body.np321-staff[data-regional-admin="true"] #r349Menu{display:none!important}
body.np321-staff .np321-sidebar .brand{position:static!important;height:auto!important}body.np321-staff .np321-sidebar details{color:#fff}body.np321-staff>.np321-sidebar a:focus-visible{outline:2px solid #fff;outline-offset:-2px}

body.np321-staff[data-partner-page="admin"] .p369-nav{display:none!important}body.np321-staff[data-partner-page="admin"] .p369-layout{grid-template-columns:1fr!important}
