/* =========================================================
   notices.php(목록) / notice.php(상세) 공통 스타일
   style.css :root 변수 + style4.css 헤더 스타일 이어받아 사용
   ========================================================= */

.container-narrow{ max-width:720px; margin:0 auto; padding:0 40px; }
@media(max-width:640px){ .container-narrow{ padding:0 20px; } }

.nt-page{ padding:48px 0 100px; }

.nt-head{ text-align:center; margin-bottom:38px; }
.nt-head .en{ font-size:11px; letter-spacing:.28em; color:var(--gold-dark); margin-bottom:10px; }
.nt-head h1{ font-size:clamp(22px,3vw,28px); font-weight:500; }

.nt-empty{ text-align:center; padding:80px 0; color:var(--ink-mute); font-size:13.5px; }
.nt-empty p{ margin-bottom:20px; }

/* ---------- 목록 ---------- */
.nt-list{ border-top:1px solid var(--ink); }
.nt-row{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 4px; border-bottom:1px solid var(--line); color:var(--ink);
}
.nt-row:hover{ background:var(--bg-alt); }
.nt-row-title{ display:flex; align-items:center; gap:10px; font-size:13.5px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nt-row-date{ flex:0 0 auto; font-size:12px; color:var(--ink-mute); }
.nt-pin{
  flex:0 0 auto; font-size:10.5px; letter-spacing:.04em; color:#fff; background:var(--gold-dark);
  border-radius:20px; padding:3px 10px;
}

.nt-pagination{ display:flex; justify-content:center; gap:6px; margin-top:36px; }
.nt-pagination a{
  width:32px; height:32px; display:flex; align-items:center; justify-content:center;
  font-size:12.5px; color:var(--ink-soft); border-radius:50%;
}
.nt-pagination a:hover{ background:var(--bg-alt); }
.nt-pagination a.active{ background:var(--ink); color:#fff; }

/* ---------- 상세 ---------- */
.nt-detail-head{ text-align:center; padding-bottom:26px; margin-bottom:30px; border-bottom:1px solid var(--line); }
.nt-detail-head .nt-pin{ display:inline-block; margin-bottom:12px; }
.nt-detail-head h1{ font-size:clamp(20px,2.8vw,26px); font-weight:500; margin-bottom:12px; line-height:1.4; }
.nt-detail-date{ font-size:12px; color:var(--ink-mute); }
.nt-detail-content{ font-size:14px; line-height:1.9; color:var(--ink-soft); white-space:pre-line; margin-bottom:40px; }

.nt-back{
  display:inline-block; font-size:12.5px; color:var(--ink-soft); padding:11px 24px;
  border:1px solid var(--ink); border-radius:30px;
}
.nt-back:hover{ background:var(--ink); color:#fff; }