#news {
    background: var(--Primary-100);
}
.news-top {
    align-items: center;
    gap: 24px;
    margin-bottom: 40px;
}
.news-top .text-1 {
    color: var(--Neutral-500);
    position: relative;
    top: 4px;
}
.news-top .text-1:hover {
    color: var(--Neutral-1000);
}
.news-top-nav {
    margin-left: auto;
}
.news .swiper-slide {
    height: auto;
}
.news-item {
    height: 100%;
    background: var(--Neutral-0);
}
.news-item-img {
    display: block;
    height: 168px;
}
.news-item-info {
    padding: 16px;
}
.news-item-info .name {
    display: block;
    margin: 9px 0;
}
.news-item:hover .news-item-info .name {
    color: var(--Primary-1000);
}
.news-item-info .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* news-recc */

#news-recc {
    padding: 35px 0 70px 0;
}
.news-recc {
    overflow: visible;
}
.news-recc .swiper-slide {
    opacity: 0;
    transition: .4s;
}
.news-recc .swiper-slide-active,
.news-recc .swiper-slide-active ~ .swiper-slide {
    opacity: 1;
}
.news-recc-top {
    margin-bottom: 32px;
    justify-content: space-between;
}
.news-recc .swiper-slide {
    height: auto;
}
.news-recc .news-item-img {
    height: 250px;
}
.news-recc .news-item-info {
    background: var(--Neutral-0);
    box-shadow: 0px 4px 45.2px 0px rgba(62, 59, 52, 0.05);
}
.news-recc .news-item {
    height: 100%;
}
.news-recc .news-item-info {
    padding: 20px 24px;
    height: calc(100% - 250px);
}
.news-recc .date {
    color: var(--Neutral-500);
}
.news-recc .name {
    padding-left: 18px;
    border-left: 2px solid var(--Primary-1000);
    margin: 12px 0;
}
.news-recc .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

@media (max-width: 1919px) {
    #news-recc {
        padding: 26px 0 52px 0;
    }
}
@media (max-width: 1439px) {
    #news-recc {
        padding: 24px 0 48px 0;
    }
    .news.swiper {
        width: calc(100% + 24px);
        padding-right: 24px;
    }
    .news-top {
        margin-bottom: 28px;
    }
    .news .swiper-slide {
        width: 440px;
    }
}
@media (max-width: 1023px) {
    #news-recc {
        padding: 20px 0 40px 0;
    }
    .news-top {
        margin-bottom: 21px;
    }
    .news-recc .swiper-slide {
        width: 407px;
    }
}
@media (max-width: 600px) {
    #news-recc {
        padding: 5vw 0 10vw 0;
    }
    .news-top {
        gap: 4.10vw;
        margin-bottom: 4.10vw;
    }
    .news-top .text-1 {
        top: 0.25vw;
    }
    .news .swiper-slide {
        width: 67.43vw;
        margin-right: 3.07vw;
    }
    .news-item-img {
        height: 43.07vw;
    }
    .news-item-info {
        padding: 4.10vw;
    }
    .news-item-info .name {
        margin: 2.3vw 0;
    }
    .news.swiper {
        width: calc(100% + 5.12vw);
        padding-right: 2.5vw;
    }
    .news-recc-top {
        margin-bottom: 5.55vw;
    }
    .news-recc .swiper-slide {
        width: 77.77vw;
    }
    .news-recc .news-item-img {
        height: 69vw;
    }
    .news-recc .news-item-info {
        height: calc(100% - 69vw);
        padding: 4.44vw 5.2vw;
    }
    .news-recc .date {
        font-size: 3.88vw;
    }
    .news-recc .name {
        border-left: 0.55vw solid var(--Primary-1000);
        padding-left: 3.88vw;
        font-size: 3.88vw;
    }
    .news-recc .text {
        -webkit-line-clamp: 4;
        font-size: 3.88vw;
    }
}