/* 공지사항 (2026-09-23) — /notice, /notice/{id}
   목록은 "언제 · 무슨 종류 · 무슨 일" 세 가지가 한 줄에서 읽혀야 한다.
   좁은 화면에서는 미리보기를 접고 제목·종류·날짜만 남긴다. */

.ntwrap{max-width:860px;margin:0 auto;padding:22px 16px 60px}
.ntwrap h1{font-size:25px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em}
.nt-lead{margin:0 0 22px;color:#6b7280;font-size:14px;line-height:1.7}
.nt-empty{padding:48px 0;text-align:center;color:#9aa1ac;font-size:14px}

/* ── 종류 배지 ─────────────────────────────────────────── */
.nt-kind{display:inline-block;flex:none;padding:3px 9px;border-radius:4px;
         font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}
.nk-info  {background:#eef2f7;color:#41506a}
.nk-maint {background:#fff3e0;color:#9a5b00}
.nk-new   {background:#e8f5ec;color:#1d6b38}
.nk-down  {background:#fdecec;color:#a52020}
.nk-policy{background:#ede9fb;color:#4c35a8}   /* 유튜브 정책 — 운영 공지와 눈에 띄게 갈라 둔다 */

/* ── 목록 ─────────────────────────────────────────────── */
.nt-list{list-style:none;margin:0;padding:0;border-top:1px solid #e9ecef}
.nt-item{border-bottom:1px solid #eef0f3}
.nt-item.is-pin{background:#fcfbf7}
.nt-item a{display:flex;align-items:center;gap:11px;padding:14px 8px;
           color:inherit;text-decoration:none}
.nt-item a:hover{background:#f6f8fa;text-decoration:none}
.nt-title{font-size:15px;font-weight:600;color:#1c2029;flex:none;max-width:44%;
          overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-pin{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:3px;
        background:#ff6b1a;color:#fff;font-size:10px;font-weight:700;vertical-align:1px}
.nt-peek{flex:1;min-width:0;color:#8b929c;font-size:13px;
         overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-date{flex:none;color:#9aa1ac;font-size:12px;white-space:nowrap}

/* ── 본문 ─────────────────────────────────────────────── */
.nt-crumb{margin:0 0 14px;font-size:13px}
.nt-crumb a{color:#6b7280;text-decoration:none}
.nt-crumb a:hover{text-decoration:underline}
.nt-article{border-top:2px solid #1c2029;padding-top:20px}
.nt-article h1{font-size:23px;line-height:1.4;margin:0 0 12px;text-wrap:balance}
.nt-meta{display:flex;align-items:center;gap:10px;margin:0 0 24px;
         padding-bottom:16px;border-bottom:1px solid #eef0f3;color:#8b929c;font-size:13px}
.nt-body{font-size:15.5px;line-height:1.85;color:#2f343b;word-break:keep-all}
.nt-body p{margin:0 0 15px}
.nt-body h2{font-size:18px;font-weight:700;margin:30px 0 11px}
.nt-body h3{font-size:16px;font-weight:700;margin:24px 0 9px}
.nt-body ul,.nt-body ol{margin:0 0 15px;padding-left:22px}
.nt-body li{margin:0 0 7px}
.nt-body a{color:#1a6dd4}
.nt-body table{border-collapse:collapse;margin:0 0 16px;width:100%;font-size:14px}
.nt-body th,.nt-body td{border:1px solid #e3e6ea;padding:8px 10px;text-align:left}
.nt-body th{background:#f6f8fa;font-weight:700}
.nt-body code{background:#f2f4f6;padding:2px 5px;border-radius:3px;font-size:13px}
.nt-body img{max-width:100%;height:auto}
.nt-source{margin:26px 0 0;padding-top:14px;border-top:1px solid #eef0f3;
           font-size:13px;color:#8b929c;word-break:break-all}
.nt-source a{color:#6b7280}
.nt-back{display:inline-block;margin-top:30px;color:#6b7280;font-size:14px;text-decoration:none}
.nt-back:hover{text-decoration:underline}

/* ── 쪽 넘김 ──────────────────────────────────────────── */
.nt-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:28px}
.nt-pager a,.nt-pager b{display:inline-block;min-width:32px;padding:6px 9px;text-align:center;
                        border:1px solid #e3e6ea;border-radius:5px;font-size:13px;text-decoration:none}
.nt-pager a{color:#41506a}
.nt-pager a:hover{background:#f6f8fa}
.nt-pager b{background:#1c2029;border-color:#1c2029;color:#fff}

@media (max-width:640px){
  .ntwrap{padding:16px 14px 48px}
  .ntwrap h1{font-size:21px}
  /* 미리보기를 접고 제목을 넓힌다 — 좁은 화면에서 셋 다 넣으면 전부 잘린다 */
  .nt-peek{display:none}
  .nt-title{max-width:none;flex:1;min-width:0;font-size:14.5px}
  .nt-item a{gap:8px;padding:13px 4px}
  .nt-article h1{font-size:19px}
  .nt-body{font-size:15px}
}