.gallery {
	border-top: 2px solid #222;
}
.gallery li {
	border-bottom: 1px solid #ddd;
}
.gallery a {
	display: flex;
	align-items: center;
	padding: 5rem 0;
	position: relative;
}
.gallery .thumb {
	width: 22.4rem;
	aspect-ratio: 320 / 200;
	flex-shrink: 0;
	margin-right: 6rem;
}
.gallery .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery .content {
	width: calc(100% - 30%);
}
.gallery .top {
	display: flex;
	align-items: center;
}
.gallery .category {
	color: var(--pc1);
	font-weight: 600;
}
.gallery .date {
	font-size: 1.8rem;
	color: var(--pc3);
	margin-left: 2rem;
	font-weight: 300;
}
.gallery {
	.bottom {
		.category {
			margin-top: 18px;
		}
		.date {
			margin-left: 0;
			margin-top: 18px;
		}
	}
}
.gallery .title {
	font-size: 2.6rem;
	font-weight: 600;
	margin-top: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery a:hover .title {
	text-decoration: underline 1px;
}
.gallery .pointer {
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
}
.gallery a:hover .pointer {
	opacity: 1;
}
.gallery .data_none {
	text-align: center;
    line-height: 8.2rem;
}

/* 미디어쿼리 */
@media screen and (max-width: 1024px){
	.gallery .thumb {
		/* width: 24rem; */
		margin-right: 4rem;
	}
	.gallery a {
		padding: 4rem 0;
	}
	.gallery .pointer {
		display: none;
	}
	.gallery .content {
		width: calc(100% - 28rem);
	}
}
@media screen and (max-width: 767px){
	.gallery a {
		display: block;
	}
	.gallery .thumb {
		/* width: 100%; */
		margin-right: 0;
	}
	.gallery .content {
		width: 100%;
		margin-top: 2rem;
	}
	.gallery .category {
		font-size: 1.8rem;
	}
	.gallery {
		.bottom {
			.category {
				margin-top: 10px;
			}
			.date {
				margin-top: 10px;
			}
		}
	}

	.gallery .title {
		font-size: 2rem;
		margin-top: 1.4rem;
		line-height: 1.55;
		white-space: initial;
	}
}