.mx-latest-wrap{
width:100%;
}

.mx-card{
border:2px solid #6b55a3;
background:#fff;
overflow:hidden;
transition:.2s;
}

.mx-card:hover{
transform:translateY(-4px);
box-shadow:0 6px 16px rgba(0,0,0,.12);
}

.mx-thumb{
width:100%;
aspect-ratio:4/3;
overflow:hidden;
}

.mx-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.mx-info{
padding:14px;
}

.mx-title{
font-weight:700;
font-size:15px;
margin-bottom:6px;
}

.mx-desc{
font-size:14px;
color:#444;
margin-bottom:10px;
}

.mx-meta{
display:flex;
justify-content:space-between;
align-items:center;
font-size:13px;
color:#555;
}

.mx-scrap{
background:#6b55a3;
color:#fff;
padding:4px 10px;
border-radius:20px;
font-size:12px;
}

/* 반응형 */

@media (max-width:900px){

.mx-latest-wrap{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:500px){

.mx-latest-wrap{
grid-template-columns:1fr;
}

}