.wrap-space {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}

.wrap-space > li .photo {position: relative;overflow:hidden;border-radius: 12px;}
.wrap-space > li .photo p {background: rgba(0, 0, 0, 0.7);color:#fff; position:absolute; left:0; bottom:0; z-index:1; width:100%; text-align:center; margin:0;padding: 24px 20px;box-sizing: border-box;font-size: 24px;font-weight: 600;line-height: 1.4;letter-spacing: -0.02em;}  
.wrap-space > li .photo img {display:block;margin:0 auto;height: 100%;width: 100%;object-fit: cover;aspect-ratio: 16 / 10;transition: transform 0.5s;} 
.wrap-space > li:hover .photo img {transform: scale(1.05);}
 
.con-p.p01 {font-weight: 500;font-size: 24px;} 

@media (max-width: 1024px) {
	.wrap-space {gap: 30px;}
	.wrap-space > li .photo p {padding: 20px 10px;font-size: 20px;}
	
}

@media (max-width: 768px) {

	.con-p.p01 {font-size: 18px;} 
	
	.wrap-space {grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.wrap-space > li .photo p {padding: 18px 12px 17px;font-size: 18px;}
}

@media (max-width: 400px) {
	.wrap-space > li .photo p {font-size: 17px;}
}