/* 공지사항 게시판. app.css 변수만 쓴다. */
.nt-hero{margin-bottom:16px}
.nt-herorow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nt-herorow h1{flex:1;min-width:0;margin:0}
.nt-search{margin-top:14px}
.nt-search input{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:9px;
  background:var(--card2);color:var(--ink);font-size:13.5px;font-family:inherit;outline:none}
.nt-search input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-soft)}

.nt-item{margin-bottom:10px;padding:0;overflow:hidden}
.nt-item.pinned{border-color:var(--ac)}
.nt-head{padding:13px 16px;cursor:pointer}
.nt-head:hover{background:var(--card2)}
.nt-titlerow{display:flex;align-items:center;gap:7px;min-width:0}
.nt-title{flex:1;min-width:0;font-size:14.5px;font-weight:700;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-pin{flex:none;padding:1px 7px;border-radius:999px;background:var(--ac);color:#fff;
  font-size:10.5px;font-weight:700}
.nt-hasimg{flex:none;padding:1px 7px;border-radius:999px;background:var(--card2);color:var(--sub);
  font-size:10.5px;font-weight:700}
.nt-meta{margin-top:4px;font-size:11.5px;color:var(--sub)}
.nt-prev{margin-top:5px;font-size:12.5px;color:var(--sub);line-height:1.5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.nt-body{padding:4px 16px 14px;border-top:1px solid var(--line);
  font-size:14px;line-height:1.75;color:var(--ink);word-break:break-word}
.nt-body img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}
.nt-body p{margin:0 0 10px}
.nt-body table{border-collapse:collapse;max-width:100%}
.nt-body td,.nt-body th{border:1px solid var(--line);padding:6px 9px}
.nt-ops{display:flex;gap:8px;padding:0 16px 14px;flex-wrap:wrap}
.nt-more{margin:12px 2px}

/* 글쓰기 창 */
.nt-modalbox{max-width:820px}
.nt-flabel{display:flex;flex-direction:column;gap:5px;margin:14px 0 12px;
  font-size:12px;font-weight:650;color:var(--sub)}
.nt-flabel input{padding:9px 12px;border:1px solid var(--line);border-radius:8px;
  background:var(--card2);color:var(--ink);font-size:14px;font-family:inherit;outline:none}
.nt-flabel input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-soft)}
.nt-edbody{min-height:220px;max-height:46vh;overflow:auto}
.nt-formbtns{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}

@media (max-width:640px){
  .nt-herorow{gap:8px}
  .nt-head{padding:11px 13px}
  .nt-body{padding:4px 13px 12px}
  .nt-ops{padding:0 13px 12px}
  .nt-edbody{min-height:180px;max-height:40vh}
  .nt-ops button,.nt-formbtns button{min-height:36px}
}