.board-default-wrap { position: relative; }
.board-default-wrap .board-table { width: 100%; }
.board-default-wrap .board-table.border-type table th,
.board-default-wrap .board-table.border-type table td { border-right: 1px solid var(--line); }
.board-default-wrap .board-table.border-type table th:last-child,
.board-default-wrap .board-table.border-type table td:last-child { border-right: none; }
.board-default-wrap .board-table table { table-layout: fixed; width: 100%; font-size: 1.6rem; border-top: 1px solid #8D8D8D; }
.board-default-wrap .board-table table colgroup .num { width: 60px; }
.board-default-wrap .board-table table colgroup .label { width: 80px; }
.board-default-wrap .board-table table colgroup .register { width: 190px; }
.board-default-wrap .board-table table colgroup .name { width: 160px; }
.board-default-wrap .board-table table colgroup .date { width: 120px; }
.board-default-wrap .board-table table colgroup .view { width: 80px; }
.board-default-wrap .board-table table colgroup .file { width: 50px; }
.board-default-wrap .board-table table tr { border-bottom: 1px solid var(--line); }
.board-default-wrap .board-table table tr th { padding: 15px 0; text-align: center; font-weight: 800; }
.board-default-wrap .board-table table tr td { padding: 15px 5px; text-align: center; }
.board-default-wrap .board-table table tr td .status-label { padding: 3px 7px; border-radius: 3px; font-weight: 700; font-size: 1.5rem; }
.board-default-wrap .board-table table tr td .status-label.type-1 { color: #7c5f83; background: #f3e3f1; }
.board-default-wrap .board-table table tr td .status-label.type-2 { color: #007f93; background: #e1f6f9; }
.board-default-wrap .board-table table tr td .status-label.type-3 { color: #e98300; background: #ffefd9; }
.board-default-wrap .board-table table tr td .status-label.type-4 { color: #666; background: #e9e9e9; }
.board-default-wrap .board-table table tr td .flex-title { display: flex; text-align: left; align-items: center; }
.board-default-wrap .board-table table tr td .flex-title .comment { color: var(--theme); font-size: 1.4rem; font-weight: 600; }
.board-default-wrap .board-table table tr td a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.board-default-wrap .board-table table tr td a:hover { text-decoration: underline; }
.board-default-wrap .board-table table tr td .down-btn { display: inline-block; text-align: center; }
.board-default-wrap .board-table table tr td .down-btn > img { width: 30px; height: 30px; padding: 5px; border-radius: 3px; }
.board-default-wrap .board-table table tr td .down-btn > img:hover { background: #eee; }
.board-default-wrap .board-table table tr.fixed { background: #f2f3f4; }
.board-default-wrap .board-table table tr.fixed .num { font-weight: 800; font-size: 1.5rem; }
.board-default-wrap .board-table table tr.fixed .num .img-area { display: flex; align-items: center; justify-content: center; width: 100%; height: 24px; }
.board-default-wrap .board-table table tr.fixed .num .img-area img { width: 100%; height: 100%; }
.board-default-wrap .board-table table tr.fixed .title { font-weight: 900; }
.board-default-wrap .board-table table tr .title .link { font-weight: 600; color: #508deb; }
.board-default-wrap .board-table table tr .title .link:hover { text-decoration: underline; }
.board-default-wrap .board-list { border-top: 1px solid #8D8D8D; }
.board-default-wrap .board-list .item { display: flex; align-items: center; justify-content: space-between; padding: 30px 10px; border-bottom: 1px solid var(--line); }
.board-default-wrap .board-list .item:hover .title .tit { text-decoration: underline; }
.board-default-wrap .board-list .item:hover .date-arr svg path { fill: #000; }
.board-default-wrap .board-list .item .title { width: calc(100% - 140px); display: flex; align-items: center; }
.board-default-wrap .board-list .item .title .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 250px); font-size: 1.8rem; font-weight: 500; }
.board-default-wrap .board-list .item .title .label { width: 250px; font-size: 1.7rem; font-weight: 700; border-radius: 3px; text-align: center; }
.board-default-wrap .board-list .item .date-arr { width: 140px; display: flex; align-items: center; gap: 30px; }
.board-default-wrap .board-list .item .date-arr .date { font-size: 1.7rem; color: #888; }
.board-default-wrap .board-list .item .date-arr svg { width: 20px; height: 20px; }
.board-default-wrap .board-list .item .date-arr svg path { fill: #999; }
.board-default-wrap.empty .board-table table tr { justify-content: center; padding: 30px 0; }
.board-default-wrap.empty .board-table table tr td { font-size: 1.5rem; }

@media (max-width: 1024px) {
	.board-default-wrap .board-table table { font-size: 1.5rem; }
	.board-default-wrap .board-table table thead { display: none; }
	.board-default-wrap .board-table table colgroup { display: none; }
	.board-default-wrap .board-table table tr { display: flex; flex-wrap: wrap; gap: 0; align-items: center; position: relative; padding: 15px 10px; }
	.board-default-wrap .board-table table tr.fixed { padding: 15px; }
	.board-default-wrap .board-table table tr td { font-size: 1.3rem; color: #777; position: relative; padding: 1px 10px 2px 0; }
	.board-default-wrap .board-table table tr td span { letter-spacing: -0.5px; }
	.board-default-wrap .board-table table tr td:before { content: attr(data-label); font-weight: 700; padding-right: 2px; letter-spacing: -0.5px; }
	.board-default-wrap .board-table table tr.fixed .num,
	.board-default-wrap .board-table table tr td.num { display: none; }
	.board-default-wrap .board-table table tr td.pin { display: block; width: 20px; }
	.board-default-wrap .board-table table tr td.pin img { width: 15px; height: 13px; }
	.board-default-wrap .board-table table tr td.pin ~ .title { padding: 5px 0 7px 0; }
	.board-default-wrap .board-table table tr td.title { font-size: 1.7rem; font-weight: 700; width: 100%; padding: 7px 0; }
	.board-default-wrap .board-table table tr td.title:before { display: none; }
	.board-default-wrap .board-table table tr td.down-td { display: none; }
	.board-default-wrap .board-table table tr td .status-label { font-size: 1.4rem; }
	.board-default-wrap .board-list .item { padding: 25px 10px; }
	.board-default-wrap .board-list .item .title .tit { font-size: 1.9rem; }
	.board-default-wrap .board-list .item .date-arr .date { font-size: 1.5rem; }
	.board-default-wrap .board-list .item .date-arr svg { width: 15px; height: 15px; }
}
@media (max-width: 768px) {
	.board-default-wrap .board-table table { font-size: 1.4rem; }
	.board-default-wrap .board-list .item { flex-direction: column; gap: 6px; padding: 15px 10px; }
	.board-default-wrap .board-list .item .title { width: 100%; flex-direction: column; align-items: flex-start; gap: 6px; }
	.board-default-wrap .board-list .item .title .tit { font-size: 1.6rem; width: 100%; }
	.board-default-wrap .board-list .item .title .label { font-size: 1.4rem; width: auto; text-align: left; padding: 0; }
	.board-default-wrap .board-list .item .date-arr { width: 100%; }
	.board-default-wrap .board-list .item .date-arr .date { font-size: 1.4rem; }
	.board-default-wrap .board-list .item .date-arr svg { display: none; }
}
@media (max-width: 475px) {
	.board-default-wrap .board-list .item { gap: 5px; }
	.board-default-wrap .board-list .item .title .tit { font-size: 1.6rem; line-height: 1.4; }
	.board-default-wrap .board-list .item .date-arr .date { font-size: 1.4rem; }
	.board-default-wrap .board-table table tr td { color: #666; }
	.board-default-wrap .board-table table tr td.title { font-size: 1.5rem; padding-bottom: 0; }
	.board-default-wrap .board-table table tr td .status-label { font-size: 1.3rem; }
}