@charset "utf-8";
	
/* list */
.bbs_listing .table tbody td { padding:30px 15px; vertical-align:middle; }
.bbs_listing .table tbody td.td_category { /* width:120px; */ }
.bbs_listing .table tbody td.td_category span { min-width:120px; padding:15px 20px; color:#fff; font-size:1rem; font-weight:700; border-radius:30px; }
.bbs_listing .table tbody td.td_category .cate_1 { background-color:var(--theme-color); }
.bbs_listing .table tbody td.td_category .cate_2 { background-color:#E83920; }
.bbs_listing .table tbody td.td_category .cate_3 { background-color:#57B76F; }
.bbs_listing .table tbody td.td_category .cate_4 { background-color:#010045; }
.bbs_listing .table tbody td.td_category .cate_5 { background-color:#F5F5F5; color:#000; }
.bbs_listing .table tbody td.td_date { /* width:140px; */ color:#718C9A; }
.bbs_listing .table tbody td.td_subject a { width:100%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.bbs_listing .table tbody td .source { margin-top:5px; font-size:1rem; color:#000; }
.bbs_listing .table tbody td .source span { margin-right:10px; color:#718C9A; }
.empty { padding:100px 0; text-align:center; }
@media (max-width:768px) {
	.bbs_listing table.table tr { padding:0.75rem 0; }
	.bbs_listing .table tbody td { padding:15px 0 0; }
	.bbs_listing .table tbody td.td_category span { padding:10px 15px; }
	.bbs_listing .table tbody td.td_date { width:100%; padding:0; }
}

/* view */
.viewbox { width:100%; margin:30px 0; padding:30px; border:1px dashed #ccc; background-color:#fafafa; border-radius:10px; }
.viewbox dl { display:flex; }
.viewbox dl + dl { margin-top:10px; }
.viewbox dl dt { position:relative; min-width:95px; padding-left:12px; }
.viewbox dl dt::before { content:''; display:block; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:100%; background-color:var(--theme-color); }
.viewbox dl dd { position:relative; padding-left:10px; overflow:hidden; }
.viewbox dl dd::before { content:''; display:block; position:absolute; top:6px; left:0; width:1px; height:14px; background-color:#ccc; }
.viewbox .link_txt a { display:block; width:100%; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@media (max-width:768px) {
	.viewbox { margin:20px 0; padding:20px; }
	.viewbox dl { display:block; }
	.viewbox dl dt { display:block; min-width:auto; width:100%; }
	.viewbox dl dd { margin-left:12px; padding:0; }
	.viewbox dl dd::before { content:none; }
	.viewbox .link_txt a { -webkit-line-clamp:1; }
}