@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */

/*list*/
.gallery-li01 {display: flex; align-items: stretch; gap: 50px 36px; flex-wrap: wrap;}
.gallery-li01 li {position: relative; width: calc(25% - 27px);}
.gallery-li01 li .img {margin-bottom: 24px; width: 100%; border-radius: 12px; overflow: hidden;}
.gallery-li01 li .title {display: block; font-size: 18px; line-height: 1.5; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 54px; overflow: hidden;}
.gallery-li01 li .date {margin-top: 8px; font-size: 14px; color: #888; line-height: 1.5;}
.gallery-li01 li .btn-wrap {position: absolute; z-index: 1; top: 5px; right: 5px; justify-content: flex-end;}

@media screen and (max-width: 1199px) {
	/*list*/
	.gallery-li01 {gap: 40px 20px;}
	.gallery-li01 li {width: calc(50% - 10px);}
}
@media screen and (max-width: 1024px) {
	/*list*/
}
@media screen and (max-width: 768px) {
	/*list*/
	.gallery-li01 {gap: 40px 0;}
	.gallery-li01 li {width: 100%;}
	.gallery-li01 li .img {margin-bottom: 16px;}

	.gallery-li01 li .title {font-size: 15px; height: auto; display: block;  -webkit-line-clamp: none;}
	.gallery-li01 li .date {font-size: 12px;}
}
@media screen and (max-width: 640px) {
	/*list*/
}

@media screen and (max-width:374px) {
	/*list*/
}