/* Njob Notice — page styles (design reference: design_handoff_njob_website) */
/* ---- 필터 ---- */
  .filters{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px;}
  .fchip{font-size:14px; font-weight:700; padding:10px 17px; border-radius:999px;
    background:var(--surface); color:var(--ink-2); border:1.5px solid var(--line);
    transition:background .16s, color .16s, border-color .16s;}
  .fchip:hover{border-color:var(--ink);}
  .fchip.on{background:var(--ink); color:#fff; border-color:var(--ink);}
  .fchip small{margin-left:7px; opacity:.62; font-weight:700;}

  /* ---- 목록 ---- */
  .nlist{border-top:2px solid var(--ink);}
  .nitem{border-bottom:1px solid var(--line);}
  .nitem.hide{display:none;}
  .nhead{display:grid; grid-template-columns:88px 1fr 118px 34px; gap:24px; align-items:center;
    padding:26px 6px; cursor:pointer; list-style:none; transition:background .18s;}
  .nhead::-webkit-details-marker{display:none;}
  .nhead:hover{background:var(--card);}
  .nitem[open] .nhead{background:var(--card);}
  .cat{font-size:12px; font-weight:800; width:max-content; padding:6px 10px; border-radius:8px;
    background:var(--bg-2); color:var(--ink-2);}
  .cat.점검{background:var(--amber); color:#fff;}
  .cat.서비스{background:var(--teal-wash); color:var(--teal-deep);}
  .cat.채용{background:var(--ink); color:#fff;}
  .cat.안내{background:var(--bg-2); color:var(--ink-mute);}
  .nhead .tt{font-size:19px; font-weight:700; letter-spacing:-0.032em; word-break:keep-all; line-height:1.45;}
  .nhead .tt small{display:block; margin-top:6px; font-size:13.5px; font-weight:500;
    color:var(--ink-mute); letter-spacing:-0.01em;}
  .nhead .dt{font-size:13px; font-weight:600; color:var(--ink-mute); white-space:nowrap; text-align:right;}
  .nhead .tg{width:32px; height:32px; border-radius:50%; border:1.5px solid var(--line-2);
    display:grid; place-items:center; font-size:14px; font-weight:800; color:var(--ink-2);
    transition:transform .22s var(--ease), background .18s, border-color .18s, color .18s;}
  .nitem[open] .nhead .tg{transform:rotate(45deg); background:var(--amber); border-color:var(--amber); color:#fff;}
  .nbody{padding:4px 34px 34px 118px;}
  .nbody .inner{max-width:760px; border-top:1px solid var(--line); padding-top:24px;}
  .nbody p{font-size:15.5px; line-height:1.85; color:var(--ink-2); word-break:keep-all;}
  .nbody p + p{margin-top:13px;}
  .nbody p b{color:var(--ink); font-weight:700;}
  .nbody ul{margin-top:16px; display:flex; flex-direction:column; gap:9px;}
  .nbody li{font-size:15px; line-height:1.7; color:var(--ink-2); padding-left:14px; position:relative;}
  .nbody li::before{content:""; position:absolute; left:0; top:9px; width:5px; height:5px;
    border-radius:1.5px; background:var(--amber);}
  .nbody .note{margin-top:20px; background:var(--bg-2); border-radius:14px; padding:16px 18px;
    font-size:13.5px; line-height:1.7; color:var(--ink-2); font-weight:600;}
  .nbody .who{margin-top:22px; font-size:13px; font-weight:700; color:var(--ink-mute);}

  /* ---- 페이지 ---- */
  .pager{margin-top:34px; display:flex; justify-content:space-between; align-items:center;
    gap:20px; flex-wrap:wrap;}
  .pager .info{font-size:13.5px; color:var(--ink-mute); font-weight:600;}
  .pager .nums{display:flex; gap:6px;}
  .pager button{width:40px; height:40px; border-radius:11px; font-size:14px; font-weight:700;
    border:1.5px solid var(--line); color:var(--ink-2); background:var(--surface);}
  .pager button.on{background:var(--ink); border-color:var(--ink); color:#fff;}
  .pager button:disabled{opacity:.4; cursor:default;}

  .empty{display:none; padding:72px 6px; text-align:center; border-bottom:1px solid var(--line);}
  .empty.show{display:block;}
  .empty .q{font-size:22px; font-weight:800; letter-spacing:-0.035em;}
  .empty p{margin-top:10px; font-size:15px; color:var(--ink-mute);}

  .svc-band{background:var(--ink); color:#fff; border-radius:24px; padding:34px 36px;
    display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap; margin-top:72px;}
  .svc-band .k{font-size:12.5px; font-weight:700; color:var(--amber);}
  .svc-band h3{margin-top:10px; font-size:26px; font-weight:800; letter-spacing:-0.035em; word-break:keep-all;}
  .svc-band p{margin-top:9px; font-size:14.5px; color:rgba(255,255,255,.68); word-break:keep-all; max-width:520px;}

  @media (max-width:1024px){
    .nhead{grid-template-columns:78px 1fr 34px; gap:16px;}
    .nhead .dt{display:none;}
    .nbody{padding:4px 20px 30px 94px;}
  }
  @media (max-width:760px){
    .nhead{grid-template-columns:1fr 30px; gap:14px; padding:22px 4px;}
    .nhead .cat{grid-column:1;}
    .nhead .tg{grid-row:1; grid-column:2; align-self:start;}
    .nhead .tt{grid-column:1; font-size:17px;}
    .nhead .tt small{font-size:13px;}
    .nbody{padding:0 4px 26px;}
    .svc-band{padding:26px 22px;}
    .svc-band h3{font-size:21px;}
  }

/* ---- 페이지네이션 (링크 기반) ---- */
.pager .nums a{width:40px; height:40px; border-radius:11px; font-size:14px; font-weight:700;
  border:1.5px solid var(--line); color:var(--ink-2); background:var(--surface);
  display:grid; place-items:center; transition:border-color .16s, background .16s, color .16s;}
.pager .nums a:hover{border-color:var(--ink); color:var(--ink);}
.pager .nums a[aria-current="page"]{background:var(--ink); border-color:var(--ink); color:#fff;}

/* ---- 필터 칩 (링크) ---- */
.fchip{display:inline-flex; align-items:center;}