.uvics-board-main{padding:78px 0;background:var(--white)}
.uvics-board{display:block}
.uvics-board-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}
.uvics-board-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.uvics-board-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 18px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:var(--white);font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.uvics-board-btn:hover{background:var(--blue-h);border-color:var(--blue-h);color:var(--white);transform:translateY(-1px)}
.uvics-board-btn-ghost{background:var(--white);color:var(--blue)}
.uvics-board-btn-ghost:hover{background:var(--bg);color:var(--blue);border-color:var(--blue)}
.uvics-board-btn-danger{background:#9d2f2f;border-color:#9d2f2f}
.uvics-board-cate ul{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;list-style:none}
.uvics-board-cate a{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:12.5px;font-weight:700;background:var(--white)}
.uvics-board-cate a:hover,.uvics-board-cate #bo_cate_on{border-color:var(--blue);color:var(--blue);background:#f4f9ff}
.uvics-board-summary{display:flex;gap:14px;align-items:center;margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.uvics-board-list{border-top:2px solid var(--navy);border-bottom:1px solid var(--border)}
.uvics-board-row{display:grid;grid-template-columns:86px minmax(0,1fr) 128px 80px 110px;gap:14px;align-items:center;padding:17px 14px;border-top:1px solid var(--border);background:var(--white)}
.uvics-board-check + .uvics-board-num{display:block}
.uvics-board-row.has-check{grid-template-columns:34px 76px minmax(0,1fr) 128px 80px 110px}
.uvics-board-row-head{padding:12px 14px;background:var(--bg);border-top:none;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.uvics-board-row.is-notice{background:#f8fbff}
.uvics-board-num{font-size:12px;font-weight:800;color:var(--blue);text-align:center}
.uvics-board-subject{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.uvics-board-title{min-width:0;color:var(--navy);font-size:14px;font-weight:700;line-height:1.45}
.uvics-board-title:hover{color:var(--blue)}
.uvics-board-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:4px;background:#eef5ff;color:var(--blue);font-size:11px;font-weight:800;line-height:1.2}
.uvics-board-new,.uvics-board-comment{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;border-radius:10px;background:var(--blue);color:var(--white);font-size:10px;font-weight:800}
.uvics-board-comment{background:var(--navy-mid)}
.uvics-board-author,.uvics-board-hit,.uvics-board-date{font-size:12.5px;color:var(--muted)}
.uvics-board-empty{padding:42px 16px;text-align:center;color:var(--muted);font-size:14px}
.uvics-board-admin{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.uvics-board-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}
.uvics-board-pages{font-size:13px;color:var(--muted)}
.uvics-board-pages a,.uvics-board-pages strong{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;margin:0 2px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:12px}
.uvics-board-pages strong{background:var(--blue);border-color:var(--blue);color:var(--white)}
.uvics-board-search{display:flex;gap:8px;align-items:center}
.uvics-board-search select,.uvics-board-search input,.uvics-write-form input,.uvics-write-form select,.uvics-write-form textarea{height:40px;border:1px solid var(--border);border-radius:4px;background:var(--white);padding:0 12px;color:var(--text);font-size:13px;font-family:inherit}
.uvics-board-search input{width:190px}
.uvics-board-search button{height:40px;border:1px solid var(--navy);border-radius:4px;background:var(--navy);color:var(--white);padding:0 16px;font-size:12px;font-weight:800;cursor:pointer}
.uvics-board-view{border-top:2px solid var(--navy)}
.uvics-board-view-head{padding:32px 0 24px;border-bottom:1px solid var(--border)}
.uvics-board-view-head h2{margin-top:10px;font-size:28px;line-height:1.35;color:var(--navy)}
.uvics-board-view-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;color:var(--muted);font-size:12.5px}
.uvics-board-images{margin:28px 0}
.uvics-board-images img{max-width:100%;height:auto;border-radius:6px}
.uvics-board-content{min-height:220px;padding:34px 0;color:var(--text);font-size:15px;line-height:1.85;border-bottom:1px solid var(--border)}
.uvics-board-content img{max-width:100%;height:auto}
.uvics-board-files{margin-top:26px;padding:24px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}
.uvics-board-files h3{font-size:16px;color:var(--navy);margin-bottom:14px}
.uvics-board-files ul{list-style:none}
.uvics-board-files li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border);font-size:13px}
.uvics-board-files li:first-child{border-top:none}
.uvics-board-files a{color:var(--blue);font-weight:700}
.uvics-board-neighbor{display:grid;gap:10px;margin-top:26px}
.uvics-board-neighbor a{display:flex;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px}
.uvics-board-neighbor span{min-width:76px;color:var(--blue);font-weight:800;text-transform:uppercase;font-size:11px}
.uvics-board-view-actions{justify-content:flex-end;margin-top:28px}
.uvics-board-write{max-width:920px}
.uvics-write-form{display:grid;gap:18px;border-top:2px solid var(--navy);padding-top:26px}
.uvics-write-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.uvics-form-field{display:grid;gap:7px}
.uvics-form-field label{font-size:12px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.7px}
.uvics-form-field input[type=file]{padding:8px 12px;height:auto}
.uvics-form-field textarea{min-height:220px;padding:12px;resize:vertical}
.uvics-editor-wrap textarea{width:100%}
.uvics-form-help{font-size:12px;color:var(--muted)}
.uvics-write-options{display:flex;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid var(--border);border-radius:4px;background:var(--bg)}
.uvics-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.uvics-write-actions{justify-content:flex-end;margin-top:8px}
.uvics-board-comments{margin-top:34px;padding-top:24px;border-top:1px solid var(--border)}
.uvics-board-comments h3{font-size:18px;color:var(--navy);margin-bottom:16px}
.uvics-comment{padding:16px;border:1px solid var(--border);border-radius:6px;margin-bottom:10px;background:var(--white)}
.uvics-comment-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;color:var(--muted)}
.uvics-comment-content{font-size:13.5px;line-height:1.7;color:var(--text)}
.uvics-board-inquiry .uvics-board-view-head,.uvics-board-inquiry .uvics-write-form{border-top-color:var(--blue)}
.uvics-board-datasheet .uvics-board-badge{background:#eefaf1;color:#24833d}
@media(max-width:900px){
  .uvics-board-head,.uvics-board-bottom{align-items:flex-start;flex-direction:column}
  .uvics-board-row,.uvics-board-row.has-check{grid-template-columns:1fr;gap:8px;padding:18px 6px}
  .uvics-board-row-head{display:none}
  .uvics-board-num{text-align:left}
  .uvics-board-author,.uvics-board-hit,.uvics-board-date{display:inline-flex;margin-right:12px}
  .uvics-board-search{width:100%;flex-wrap:wrap}
  .uvics-board-search input{width:100%;flex:1 1 220px}
  .uvics-write-grid{grid-template-columns:1fr}
  .uvics-board-view-head h2{font-size:24px}
}
@media(max-width:560px){
  .uvics-board-main{padding:54px 0}
  .uvics-board-actions,.uvics-write-actions{width:100%}
  .uvics-board-btn{width:100%}
  .uvics-board-search select,.uvics-board-search button{width:100%}
  .uvics-board-neighbor a{flex-direction:column;gap:4px}
}