@charset "utf-8";
@import url("../basic/style.css");

/* Notice skin reuses the basic board templates. */
#bo_list { width: 100%; max-width: 1200px; margin: 0 auto; padding: 24px 20px; }
#bo_list caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

#bo_list .tbl_head01 {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(229,232,237,0.8);
  box-shadow: 0 6px 20px rgba(20,43,82,0.06), 0 2px 5px rgba(20,43,82,0.04);
  background: #fff;
  margin-bottom: 24px;
}
#bo_list table { width: 100%; border-collapse: collapse; }
#bo_list th { padding: 16px 20px; background: #f8f9fb; font-size: 14px; color: var(--primary); font-weight: 700; border-bottom: 1px solid rgba(229,232,237,0.8); }
#bo_list td { padding: 16px 20px; border-bottom: 1px solid rgba(229,232,237,0.6); font-size: 14px; }
#bo_list tr:last-child td { border-bottom: none; }
#bo_list tr:hover td { background: #fcfcfd; }

@media (max-width: 768px) {
  #bo_list { width: 100% !important; padding: 16px 14px 88px; box-sizing: border-box; }
  #bo_list .tbl_wrap { overflow: hidden; border: 1px solid rgba(229,232,237,0.8); border-radius: 16px; background: #fff; box-shadow: 0 6px 20px rgba(20,43,82,0.06); }
  #bo_list table { width: 100%; min-width: 0; }
  #bo_list thead { display: none; }
  #bo_list tbody tr { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; padding: 16px; border-bottom: 1px solid rgba(229,232,237,0.6); }
  #bo_list tbody tr:last-child { border-bottom: 0; }
  #bo_list tbody td { display: block; width: auto; padding: 0; border: 0; }
  #bo_list tbody .td_num2 { margin-right: 12px; }
  #bo_list tbody .td_subject { min-width: 0; }
  #bo_list tbody .td_name,
  #bo_list tbody .td_num,
  #bo_list tbody .td_datetime { display: none; }
  #bo_list tbody .empty_table { grid-column: 1 / -1; padding: 40px 20px; text-align: center; color: var(--muted); }
  #bo_list tbody .empty_table::before { content: none; }
  #bo_btn_top { min-height: 40px; }
  .bo_sch { width: calc(100% - 28px); margin-left: 0; transform: translate(-50%, -50%); }
}