@charset "utf-8";
/* 리스트 */
.board_list .list_wrap {
	position: relative;
	width: 100%;
	border-collapse: collapse;
	margin: 2px 0 8px;
}
.list_wrap > caption {
	display: none;
}
.list_wrap thead tr:first-child th {
	border-top: 2px solid #222;
}
.list_wrap th, .list_wrap td {
	color: #212121;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: 1px solid #d9d9d9;
	padding: 13px 11px;
}
.list_wrap td {
	color: #515151;
	padding: 11px;
}
.list_wrap th.title {
	width: 100%;
}
.list_wrap td.title {
	text-align: left;
	white-space: normal;
	word-break: break-all;
}
.list_wrap tr {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.list_wrap tr.notice {
	background: #fafafa;
}
.list_wrap tr:hover {
	background: #fafafa;
}
.list_wrap a:hover {
	color: #000;
	text-decoration: underline;
}
.list_wrap .cate span {
	display: block;
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
}
.list_wrap .cate.bg span {
	color: #fff;
	border-radius: 3px;
	padding: 3px 4px;
}

.list_wrap .label {
	display: inline-block;
	color: #fff;
	line-height: 18px;
	background-color: #343a40;
	padding: 3px 9px 3px 9px;
	margin: 0 1px;
}
.list_wrap .label1 {
	background-color: #7cc576;
}
.list_wrap .label2 {
	background-color: #f63440;
}
.list_wrap .label3 {
	background-color: #3F51B5;
}
.list_wrap .label4 {
	color: #3F51B5;
	border: 1px solid #3F51B5;
}
@media (max-width: 768px) {
	.list_wrap .label {
		padding: 3px 3px 3px 3px!important;
		margin: 0!important;
		font-size: 11px!important;
		line-height: 11px!important;
	}
}