@charset "utf-8";

.column_list{
	padding:0;
	margin:0;
}
.column_item{
	list-style:none;
	margin-bottom:10px;
}
.column_link{
	display:flex;
	gap:15px;
	position:relative;
	padding:15px;
	background:#fff;
	border-radius:6px;
	color:#333 !important;
	text-decoration:none !important;
	overflow:hidden;
}
.column_link::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #145ABF;
	border-radius:6px;
	opacity:0;
	transition:opacity 0.3s;
}
.column_link:hover::after{opacity:1;}
.column_thumb{
	flex-shrink:0;
	width:184px;
	height:126px;
	border-radius:6px;
	overflow:hidden;
}
.column_img{
	width:100%;
	height:100%;
	border-radius:0 !important;
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .column_img{transform:scale(1.05);}
.column_txt_box{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:15px;
	width:100%;
	padding-right:25px;
	background:url(/startup-global/img/common/arrow_r_navy.svg) no-repeat center right;
}
.column_txt_top{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:5px;
}
.column_cat{
	display:inline-block;
	padding:2px 8px;
	background:#00245B;
	border-radius:2px;
	color:#fff;
	font-size:1.1rem;
	font-weight:500;
	letter-spacing:0;
	line-height:1.6rem;
	text-align:center;
}
.column_title{
	margin:0;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:0.75px;
	line-height:2.2rem;
	transition:color 0.3s;
}
a:hover .column_title{color:#145ABF;}
.column_interviewee{
	margin-bottom:5px;
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.column_date{
	display:block;;
	color:#888;
	font-size:1.1rem;
	letter-spacing:0.55px;
	line-height:1.6rem;
}


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

.column_cat{
	padding:2px 6px;
	font-size:1rem;
	line-height:1.5rem;
}
.column_title{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_interviewee{
	font-size:1.1rem;
	letter-spacing:0.55px;
	line-height:1.6rem;
}

}


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

.column_thumb{
	width:170px;
	height:117px;
}

}


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

.column_thumb{
	width:157px;
	height:108px;
}

}


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

.column_link{display:block;}
.column_thumb{
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:calc(100% * 0.6875);
	margin-bottom:15px;
}
.column_img{
	position:absolute;
	top:0;
	left:0;
}
.column_txt_box{display:block;}
.column_txt_top{margin-bottom:20px;}

}