@charset "utf-8";
.board_list .exhibit {	
	width: 100%;
}

.board_list .exhibit>li {
	display: flex;
	gap: 3.2rem;
}

.board_list .exhibit>li .img {
	position: relative;
	flex:  0 0 auto;
	width: 21.2rem;
	height: 30rem;
	line-height: 0;
	border-radius: 2rem;
	overflow: hidden;
}

.board_list .exhibit>li .img::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 2rem;
	border: 1px solid rgba(0, 0, 0, 0.10);
	overflow: hidden;
	box-sizing: border-box;
}

.board_list .exhibit>li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.board_list .exhibit .con-box {
	flex: 1 1 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 2rem;
	padding: 2rem 2rem 3.2rem 2rem;
	height: 30rem;
	border-bottom: 1px solid var(--b-gray);
	overflow: hidden;
}

.board_list .exhibit .con-box .con {
	width: 100%;
	overflow: hidden;
}

.board_list .exhibit .con-box .con .tag {
	display: flex;
	gap: 0.8rem;
	margin-bottom: 0.8rem;
}

.board_list .exhibit .con-box .con .tag span {
	padding: 0.3rem 2rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 140%;
	border-radius: 0.4rem;
}

.board_list .exhibit .con-box .con .tag .tag01 {
	color: #97A7B4;
	background-color: #EDF2F6;
}

.board_list .exhibit .con-box .con .tag .tag02 {
	color: #C5949F;
	background-color: #F6EDEF;
}

.board_list .exhibit .con-box .con .tit {
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 140%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.board_list .exhibit .con-box .con ul  {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	margin-top: 2rem;
}

.board_list .exhibit .con-box .con ul li {
	display: flex;
	align-items: flex-start;
	gap: 0.8rem;
	color: #45474C;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: normal;
}

.board_list .exhibit .con-box .con ul li span {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 8.4rem;
}

.board_list .exhibit .con-box .con ul li span::before {
	flex: 0 0 auto;
	content: '';
	width: 1.8rem;
	height: 1.9rem;
	background: var(--con-ic);
}

.board_list .exhibit .con-box .con ul li.ic02 span::before {
	background-position: -1.8rem 0;
}

.board_list .exhibit .con-box .con ul li.ic03 span::before {
	background-position: calc(-1.8rem * 2) 0;
}

.board_list .exhibit .con-box .con ul li.ic04 span::before {
	background-position: calc(-1.8rem * 3) 0;
}

.board_list .exhibit .con-box .con ul li.ic05 span::before {
	background-position: calc(-1.8rem * 4) 0;
}

.board_list .exhibit .con-box .con ul li.ic06 span::before {
	background-position: calc(-1.8rem * 5) 0;
}

.board_list .exhibit .more {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 3.2rem;
	padding: 1.6rem 2rem 1.6rem 2.4rem;
	font-weight: 500;
	line-height: normal;
	border-radius: 4rem;
	border: 1px solid var(--b-gray);
}

.board_list .exhibit .more::after {
	content: '';
	width: 2.1rem;
	height: 1.5rem;
	background: var(--more-ic);
}

/* mb */
@media screen and (max-width:1024px) {
}

/* min-mb */
@media screen and (max-width:500px) {
	.board_list .exhibit>li {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	
	.board_list .exhibit>li .img {
		width: 100%;
		height: 26rem;
	}
	
	.board_list .exhibit .con-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.2rem;
		padding: 2rem;
		width: 100%;
		height: auto;
		border: none;
	}
}