.insight_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.insight_list>li:not(.empty_wrap) {
    width: calc((100% - 40px) / 3);
}

.insight_list .empty_wrap {
    width: 100%;
}

.insight_card .thumbnail_area img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}

@media screen and (max-width:1023px) {
    .insight_list {
        margin-top: 32px;
    }
}

@media screen and (max-width:767px) {
    .insight_list {
        gap: 16px;
    }

    .insight_list>li:not(.empty_wrap) {
        width: calc((100% - 16px) / 2);
    }
}