/*      list     */
.table .table-col--chk{padding-top:0; width:60px; text-align:center}
.table .table-col--num{width:100px; text-align:center}
.table .table-col--write{width:120px}
.table .table-col--view,
.table .table-col--date{width:100px}
.table .table-col--news{width:130px}

.board .btn{width:120px; text-align:center; box-sizing:border-box}
.board .table{border-bottom:1px solid #ccc; width:100%}
.board .table thead th{padding:1.45em 0; text-align:center; font-size:14px; border-bottom:1px solid #ddd; border-top:2px solid #000; background-color:transparent; color:#333}
.board .table th,
.board .table td{padding:1.25em 0; text-align:center; vertical-align:middle}
.board .table td.board__title{text-align:left; overflow:hidden; word-break:break-all; line-height:1.4; padding-left:20px;}
.board .table td.board__title a:hover {text-decoration: underline;}
.board .table td.board__title a:visited {color:#919191}
.board .table td.board__title a {color:#000000}

.board .table td p{display:none}
.board .table .board__title .label{display:inline-block; margin-left:.5em; padding:3px .5em 5px; transform:translateY(-1px); border-radius:5px}
.board .table .board__title .label.ml0{margin-left:0}
.list-news-date > div {display: block; padding:5px 10px; border:1px solid #dadada; background-color: #f5f5f5;}
@media screen and (max-width:860px){
	.board .btn{width:auto; font-size:14px}
	.board .table thead th,
	.table .table-col--num,
	.table .list-num{display:none !important}
	.board .table th,
    .board .table td{text-align:left}
	.board .table tbody tr{position:relative; display:block; border-top:1px solid #ddd}
	.board .table tbody td,
	.board .table tbody th{display:block}
	.board .table .list-check,
	.board .table .list-notice{display:inline-block; padding-top:5px; padding-bottom:0}
	.board .table .list-notice .label{color:#fff}
	.board .table .list-title{padding:.65em 1rem .5em; width:100%; box-sizing:border-box; font-size:1rem; }
	.board .table .list-name,
	.board .table .list-view,
	.board .table .list-date,
	.board .table .list-edit {display:inline-block; padding:.5em 0 1em; font-size:0.9375rem}
	.board .table .list-view,
	.board .table .list-date,
	.board .table .list-edit {margin-left:1em}
	.board .table td p{display:inline-block}
	.board .table td span{color:#999}
	.board .table td.board__title{padding-left:0;}
	.list-news-date {padding:0;}
	.list-news-date > div {display: block; padding:5; border:1px solid #dadada; background-color: #f5f5f5;}
}