@charset "utf-8";

.c_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:40px 30px;
	padding:0;
	margin-top:35px;
}
.c_item{
	list-style:none;
	margin:0;
}
.c_link{
	display:flex;
	flex-direction:column;
	position:relative;
	height:100%;
	border-bottom:1px solid #DAE7F3;
	color:#212121 !important;
	text-decoration:none !important;
}
.c_link::after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0;
	width:0;
	height:1px;
	background:#212121;
	transition:width 0.3s;
}
.c_link:hover::after{width:100%;}
.c_thumb{
	flex-shrink:0;
	position:relative;
	padding-bottom:56.1%;
	box-shadow:0px 3px 6px rgba(0,0,0,0.05);
	overflow:hidden;
}
.c_img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .c_img{transform:scale(1.05);}
.c_title{
	display:flex;
	align-items:center;
	position:relative;
	height:100%;
	padding:24px 35px 24px 10px;
	margin:0;
	font-family:var(--font_serif);
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:0.8px;
	line-height:2.3rem;
}
.c_title::after{
	content:'';
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	width:12px;
	height:9px;
	margin:auto;
	background:url(/ai-vc/img/common/arrow_r_black.svg) no-repeat center;
}
a:hover .c_title::after{animation:link_btn 0.3s linear forwards;}


@media screen and (max-width:1024px){

.c_list{column-gap:15px;}
.c_title{
	padding-top:19px;
	padding-bottom:19px;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}

}


@media screen and (max-width:767px){

.c_list{grid-template-columns:1fr 1fr;}

}


@media screen and (max-width:500px){

.c_list{display:block;}
.c_item{margin-bottom:40px;}

}