.newsSlide{display: flex;flex-direction: column;gap: 16px;}
.newsList .newsSlide{padding: calc(var(--font-size-16)*2) 0;border-top: 1px solid var(--text-color-2)}
.newsList .newsSlide:first-child{padding-top: 0;border-top:0;}
.newsSlider .newsSlide{padding: calc(var(--font-size-16)*2);border: 1px solid var(--light-gray);height: auto}
.newsSlide picture{display: flex;height: calc(var(--font-size-16)*20)}
.newsSlide img{object-fit: cover;width: 100%;transition: .2s linear}
.newsSlide__date{font-weight: 400;font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;color: var(--text-color-2);}
.newsSlide__name{transition: .2s linear}
.newsSlide__text{font-weight: 400;font-size: calc(var(--font-size-16)*1.125);line-height: 1.278em;letter-spacing: -0.01em;color: var(--text-color-2);}
.newsList__footer .showMore{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    gap: 8px;
    width: 100%;
    height: 34px;
    background: #F5F5F5;
}
@media (min-width: 1000px) {
    .newsSlide__name{font-weight: 700;font-size: calc(var(--font-size-16)*1.5);line-height: 1.29em;letter-spacing: -0.01em;}
}
@media (max-width: 1000px) {
    .newsSlide picture{height: 22vw}
    .newsSlide__date{font-size: 12px}
    .newsSlide__text{font-size: 14px}
}
@media (max-width: 600px) {
    .newsSlide picture{height: 40vw}
}
@media (hover: hover) {
    .newsSlide.swiper-slide{position: relative}
    .newsSlide.swiper-slide:before{
        position: absolute;
        top: -1.5px;
        left: -1.5px;
        width: calc(100% + 3px);
        height: calc(100% + 3px);
        display: block;
        content: "";
        pointer-events: none;
        border: 3px solid var(--brand-color);
        z-index: 1;
        opacity: 0;
        box-sizing: border-box;
        transition: .2s linear;
    }
    .newsSlide.swiper-slide:hover:before{opacity: 1;}
    .newsSlide.swiper-slide:hover img {scale: 1.12;}
    .newsSlide__name:hover{color: var(--brand-color)}
}