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

 #kboard-thumbnail-list .kboard-catalog-list ul{
	padding: 0; list-style: none;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
 }
#kboard-thumbnail-list .kboard-catalog-list ul li{
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 20px;
	overflow: hidden;
}
#kboard-thumbnail-list .kboard-catalog-list ul li p{
	padding: 0;
}
 #kboard-thumbnail-list .kboard-catalog-list ul li a{
	display: block; padding: 67px 64px 50px;
 }
 #kboard-thumbnail-list .kboard-catalog-list ul li a img{
	box-shadow: 0px 3px 8px rgba(0,0,0,.4);
 }
 #kboard-thumbnail-list .kboard-catalog-list ul li a .list-content{
	margin-top: 30px; text-align: center;
 }
 #kboard-thumbnail-list .kboard-catalog-list ul li a .list-content .list-title{
	font-size: clamp(16px, 1.6vw, 18px); font-weight: 700;
 }
 #kboard-thumbnail-list .kboard-catalog-list ul li a .list-content .list-views{
	font-size: clamp(14px, 1.5vw, 16px); color: #9A9A9A; font-weight: 400;
	margin: 10px 0 28px 0; line-height: 1;
 }
 #kboard-thumbnail-list .kboard-catalog-list ul li a .list-content > span{
	font-size: clamp(14px, 1.5vw, 16px); font-weight: 400;
	display: flex; align-items: center; justify-content: center; gap: 12px;
	line-height: 1;
 }
 #kboard-thumbnail-list .kboard-catalog-list ul li a .list-content > span::after{
	content:""; display:block; width: 7px; height: 5px;
	background: url(/wp-content/uploads/2025/12/down-load-link-arrow.png) no-repeat center/contain;
 }

 @media screen and (max-width:1600px){
	#kboard-thumbnail-list .kboard-catalog-list ul li a{
		padding: 40px;
	}
 }
 @media screen and (max-width:1280px){
	#kboard-thumbnail-list .kboard-catalog-list ul{
		grid-template-columns:repeat(3, 1fr);
	}
	#kboard-thumbnail-list .kboard-catalog-list ul li a{
		padding: 30px;
	}
 }
 @media screen and (max-width:980px){
	#kboard-thumbnail-list .kboard-catalog-list ul li a .list-content{
		margin-top: 22px;
	}
	#kboard-thumbnail-list .kboard-catalog-list ul li a .list-content .list-views{
		margin: 10px 0 20px 0;
	}
 }
 @media screen and (max-width:768px){
	#kboard-thumbnail-list .kboard-catalog-list ul{
		grid-template-columns:repeat(2, 1fr);
	}
 }
 @media screen and (max-width:640px){
	#kboard-thumbnail-list .kboard-catalog-list ul{
		grid-template-columns: 1fr;
	}
	#kboard-thumbnail-list .kboard-catalog-list ul li a{
		padding: 20px;
	}
 }