.rsvArea{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:24px;
}

@media (max-width: 768px) {
    .rsvArea{
        grid-template-columns: 1fr;
    }
    
}

.rsvArea .rsvImgArea {
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

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

.rsvHintArea {
    margin:11px 0 5px;
}

.rsvContainer {
    cursor: pointer;
}

.rsvInfoArea{
    display: grid;
    grid-template-columns: 1fr auto;

    align-items:end;
    margin-top:5px;
}

.rsvInfoArea .rsv_name{
    font-size:19px;
        letter-spacing: 1px;
}
.rsvInfoArea .rsv_dateArea{
    font-size:18px;
    color: #8E8E8E;
    display:flex;
}
.rsvInfoArea .rsv_dateArea i{
	font-size:24px;
}

.rsvInfoArea .btn_detail {
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .rsvInfoArea .arrow-border {
        width: 48px;
        height: 48px;
    }

}