@charset "UTF-8";

.main-board__board{
	width: 100%
}

.main-board__board .swiper-slide{
	width: 400px
}

.main-board__board .swiper-slide a{
	width: 100%;
	display: block
}

.main-board__board-content{
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	width: 100%;
    height: 100%;
	padding:28px 20px;
	box-sizing: border-box;
	border-radius: 12px;
	box-shadow: 4px 4px 20px var(--color-primary-10);
	background-color:var(--color-gray-00);
	transition: 0.3s;
	user-select: none
}

.main-board__board-title,.main-board__board-txt{
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: 0.3s
}

.main-board__board-title{
	min-height: 60px;
	margin-bottom: 8px;
}

.main-board__board-txt{
	min-height: 4.4rem;
	margin-bottom: 40px;
	color: var(--color-gray-50)
}

.main-board__board-date{
	position: absolute;
	bottom:28px;
	right:20px;
	color: var(--color-gray-50);
	transition: 0.3s
}

.main-board__empty-data{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 208px;
	text-align: center;
}