#news {
    padding: 130px 0;
    background-color: #111;
}
#news > .container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 35px;
}
#news > .container > a {
    display: grid;
}
#news > .container > a > .img_box {
    height: 255px;
}
#news > .container > a > .img_box > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#news > .container > a > .txt_box {
    height: 85px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 14px;
    background-color: #222;
}
#news > .container > a > .txt_box > .news_tit {
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.2;
}
#news > .container > a > .txt_box > .date {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
}
#news .pagination {
    margin-top: 70px;
}
#news-view {
    background-color: #111;
    padding: 130px 0;
}
#news-view .title {
    padding: 30px 36px;
    border-top: 2px solid #999;
    display: grid;
    row-gap: 20px;
    background-color: #181818;
}
#news-view .title strong {
    font-size: 22px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.2;
}
#news-view .title p {
    color: #ccc;
    font-size: 14px;
    display: flex;
    align-items: center;
}
#news-view .title p em {
    font-weight: 700;
    margin-right: 20px;
}
#news-view .content {
    padding: 36px;
    color: #ccc;
    background-color: #222;
    border-top: 1px solid #666;
    min-height: 350px;
}
#news-view .content * {
    font-family: inherit !important;
    word-wrap: break-word;
    word-break: keep-all;
}
#news-view .content img {
    max-width: 100%;
}
#news-view .file:has(a span:not(:empty)) {
    border-top: 1px solid #666;
    background-color: #222;
    padding: 0 32px;
    color: #ccc;
}
#news-view .file a:has(span:not(:empty)) {
    display: flex;
    align-items: center;
    height: 60px;
}
#news-view .file a span {
    overflow: hidden;
    text-overflow: ellipsis;
}
#news-view .file a:has(span:not(:empty))::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url('../images/common/icon-download.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 6px;
}
#news-view .page-link {
    margin-top: 30px;
    margin-bottom: 60px;
    background-color: #222;
    border-top: 1px solid #666;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
}
#news-view .page-link a {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 35px;
    color: #ccc;
    column-gap: 24px;
}
#news-view .page-link a .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.2;
}
#news-view .page-link a::before {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url('../images/common/icon-left-chevron.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0.6);
}
#news-view .page-link a:nth-child(2) {
    flex-direction: row-reverse;
}
#news-view .page-link a:nth-child(2)::before {
    background-image: url('../images/common/icon-right-chevron.svg');
}
#news-view .list-btn {
    width: 240px;
    height: 80px;
    border-radius: 20px;
    background-color: #222;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
/* mobile 모바일 */
/* container 크기보다 작으면 모바일 화면 */
@media screen and (max-width: 1409px) {
    #news > .container {
        grid-template-columns: minmax(0,1fr);
    }
    #news-view .title strong {
        -webkit-line-clamp: 2;
        word-break: keep-all;
    }
    #news-view .content {
        padding: 22px;
    }
    #news-view .page-link a {
        padding: 0 16px;
    }
    #news-view .page-link a::before {
        min-width: 12px;
    }
    #news-view .file a:not(:empty)::before {
        min-width: 24px;
    }
}