/* buying ====================== */
.buying_area {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    justify-content: space-between;   
}

.buying_list {
    width: 48.6%;
}

.buying_list a {
    display: block;
    width: 100%;
}

.buying_list img {
    aspect-ratio: 336 / 180;
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

@media screen and (min-width: 1025px) { 
    .buying_area {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 10px;
        min-width: 1200px;
        justify-content: flex-start;
    }

    .buying_list {
        width: 292px;
        height: 156px;
    }
    
    .buying_list img {
        width: 336px;
        height: auto;
    }
}