.board-header { width: 100%; margin-bottom: 20px; }
.board-header .board-total { float: left; }
.board-header .board-sort { float: right; }

.board-list-table { width: 100%; border-top: solid 2px #d5d5d5; }
.board-list-table .board-tr { width: 100%; padding: 10px 0; border-bottom: solid 1px #d5d5d5; display: flex !important; align-items: center !important; }
.board-list-table .board-tr .board-td { float: left; text-align: center; box-sizing: border-box; padding: 0 5px; overflow: hidden; word-break: break-all; min-height: 1px; }
.board-list-table .board-tr:not(.board-th) .board-td.subject { text-align: left; }
.board-list-table .board-tr:not(.board-th) .board-td.subject img { vertical-align: middle; }
.board-list-table .board-tr .empty { text-align: center; padding: 80px 0; width: 100%; }
.board-list-table .board-tr .empty button { margin-top: 15px; }

.board-list-table .board-th { padding: 15px 0; }
.board-list-table .board-th .board-td { border-left: solid 1px #d5d5d5; }
.board-list-table .board-th .board-td:first-child { border-left: none; }

/* 리스트 요소 */
.board-td.num { width: 8%; }
.board-td.subject { width: 45%; }
.board-td.writer { width: 20%; }
.board-td.time { width: 15%; }
.board-td.hit { width: 12%; }

@media ( max-width: 480px ) {
  .board-td.num { width: 20%; }
  .board-td.subject { width: 50%; }
  .board-td.writer { display: none; }
  .board-td.time { width: 30%; }
  .board-td.hit { display: none; }
}