._press{}
._press .contents{}
._press .contents ul{
	display: flex; gap: 70px 45px; flex-wrap: wrap;
	margin-bottom: 70px;
}
._press .contents ul li{
	width: calc(100% / 3 - (45px * 2 / 3));
}
._press .contents ul li a{}
._press .contents ul li a .imgBx{position: relative;}
._press .contents ul li a .imgBx::before {
	content:''; display: block; padding-bottom: calc(500/450*100%);
}
._press .contents ul li a .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
._press .contents ul li a .imgBx .arrow{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
	color: #fff;
	font-size: 30px;
}
._press .contents ul li a .imgBx .arrow::before {
	content:''; display: block; position: absolute; width: 100%; height: 100%;
	transform-origin: center bottom; transition: transform 0.8s;
	position: absolute;left: 0; top: 0;
	background-color: rgba(221, 33, 38, 0.7);
	transform: scaleY(0);
}
._press .contents ul li a .imgBx .arrow i{
	width: 140px; height: 140px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; border: 1px solid #fff; box-sizing: border-box;
	transition: transform 0.8s,opacity 0.8s;
	transform: translateY(60px); opacity: 0;
}

._press .contents ul li a:hover .imgBx .arrow::before{transform: scaleY(1);}
._press .contents ul li a:hover .imgBx .arrow i{transform: translateY(0); opacity: 1;}

._press .contents ul li a .txtBx{}
._press .contents ul li a .txtBx h3{
	font-size: 24px; font-weight: 600; letter-spacing: -0.025em; line-height: calc(36/24);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 20px; margin-bottom: 16px;
}
._press .contents ul li a .txtBx p{
	color: #888888; font-size: 14px; letter-spacing: -0.025em;
}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._press .contents ul li a .txtBx h3{font-size: 18px;}
}
@media screen and (max-width:820px) {
	._press .contents ul{gap: 60px 20px;}
	._press .contents ul li{width: calc(100% / 2 - (20px * 1 / 2));}
	._press .contents ul li a .txtBx h3{font-size: 16px;}
}
@media screen and (max-width:500px) {
	._press .contents ul{gap: 40px 10px;}
	._press .contents ul li{width: calc(100% / 2 - (10px * 1 / 2));}
	._press .contents ul li a .txtBx h3{font-size: 14px; margin: 10px 0;}
}
@media screen and (max-width:320px) {}