#newsListMain {
    max-width: 1440px;
    padding: 96px 96px 48px 96px;
    margin: auto;
}

.newsListContainer {
    display: flex;
    margin-bottom: 48px;
}

.newsListContainer img {
    min-width: 320px;
    height: 210px;
    object-fit: cover;
    margin-right: 64px;
    border-radius: var(--br-l);
}

.newsListDate {
    color: var(--blue);
    margin: 8px 0px 24px 0px;   
}

.newsListContainer h2 {
    font-size: var(--font-m);
    color: var(--primary);
    display: -webkit-box;         
    -webkit-line-clamp: 2;
    line-clamp: 2;       
    -webkit-box-orient: vertical; 
    overflow: hidden;           
    text-overflow: ellipsis;     
    max-height: calc(var(--font-l) * 2);            
    line-height: var(--font-l);       
}

.newsListContainer p {
    font-size: var(--font-s);
    margin-bottom: 8px;
}

.newsListBody {
    display: -webkit-box;         
    -webkit-line-clamp: 3;
    line-clamp: 3;       
    -webkit-box-orient: vertical; 
    overflow: hidden;           
    text-overflow: ellipsis;     
    max-height: calc(var(--font-m) * 3);            
    line-height: var(--font-m);    
    color: var(--text);  
    margin: 24px 0px;    
}

.newsListSeparator {
    display: none;
    margin-bottom: 64px;
    margin-top: 32px;
    opacity: 0.3;
}

@media screen and (max-width: 1080px) {
    .newsListContainer {
        flex-direction: column;
        margin-bottom: 0px;
    }
    .newsListContainer img {
        width: 100%;
        min-width: 240px;
        height: 240px;
        margin-right: 0px;
        margin-bottom: 32px;
    }
    #newsListMain {
        padding: 32px 32px 0px 32px;
        margin: 0px;
    }
    .newsListSeparator {
        display: block;
    }
}