.board-header { width: 100%;}
.board-header .board-header-top{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.67em;}
.com_sub_tit{margin-bottom: 0;}
.board-header .board-total { width: 100%; float: left; font-size: 0.92em; color: #999; margin-bottom: 1em; } /* 220624 G mod */
.board-header .board-sort { float: right; }

.board-list-table { width: 100%;}
.board-list-table table { width: 100%; table-layout: fixed; border-top: solid 2px #0068b7; }
.board-list-table table th,
.board-list-table table td { border-bottom: solid 1px #efefef; vertical-align: middle; }
.board-list-table table td { text-align: center; padding: 1.25em 0.5em; color: #666; font-size: 0.92em; } /* 220623 G mod */
.board-list-table table tbody tr:nth-child(even){background-color: #f9f9f9;}
.board-list-table table th:first-child,
.board-list-table table td:first-child { border-left: none; }
.board-list-table table td.subject,.board-list-table table td.file{padding: 0;}
.board-list-table table tbody td a{ display: block; position: relative; padding: 1.38em;}
.board-list-table table tbody td.subject img { vertical-align: middle; }
.board-list-table table tbody td.subject a::after { content: ''; display: block; float: none; clear: both; }
.board-list-table table tbody td.subject a:hover { color: #404040; }
.board-list-table table tbody td.subject span { float: left; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box; }

.board-list-table .board-empty { border-bottom: solid 1px #e8e8e8; }
.board-list-table .empty { text-align: center; padding: 80px 0; width: 100%; }
.board-list-table .empty button { margin-top: 15px; }

.board-list-table table thead th { background-color: #eff7fd; color: #333; font-weight: 900; padding: 1.13em 0; }

.board-list-table table tr.board-notice th,
.board-list-table table tr.board-notice td { background-color: #f1f1f1; }

/* 리스트 요소 */
.board-list-table table .num { width: 4em; }
.board-list-table table .file { width: 9em; }
.board-list-table table .time { width: 7em; }

@media screen and (max-width:767px) {
    .board-header .board-header-top{flex-direction: column;}
    .board-list-table table .num { width: 3em; }
    .board-list-table table .file { width: 4em; }
}
@media screen and (max-width:580px) {
    .board-list-table table td{font-size: 12px;}
}