.board-header { display: none; 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 1px #222; }
.board-list-table table { width: 100%; table-layout: fixed; }
.board-list-table table th, .board-list-table table td{border-bottom: 1px solid #f1f1f1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle;}
.board-list-table table tbody tr{ display: flex; }
.board-list-table table td{ background-color: #fff; padding: 1.87em 10px; box-sizing: border-box;}
.board-list-table table .cate{ font-size: 0.87em; color: #999; text-align: center;}
.board-list-table table tbody td.subject{ font-size: 1.12em; font-weight: 500; color: #444; padding: 0;}
.board-list-table table tbody td.subject a{display: block; position: relative; padding: 1.72em 2.5em 1.72em 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board-list-table table tbody td.subject a::before{content:"\e608"; font-size: 1.12em; color: #17519a; font-family: 'bpicon'; font-weight: 700; margin-right: 15px; vertical-align: -2px;}
.board-list-table table tbody td.subject a::after{content: "\e603"; color: #c4c4c4; font-family: 'bpicon'; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}


.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 { display: none; }
.board-list-table table thead th { display: none; background-color: #f1f1f1; color: #404040; font-weight: bold; padding: 1.2em 0.8em; font-size: 0.9em; }

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

/* 리스트 요소 */
.board-list-table table .cate{width: 14.31%; padding: 2.44em 1em;}
.board-list-table table .subject { width: 85.69%; }

@media screen and (max-width:767px) {
    .board-list-table table .cate{display: none;}
    .board-list-table table .subject { width: 100%; }
}