@charset "utf-8";

.news .prd-tab-wrapper-style {padding-bottom: 20px !important;}
.news .News-con01 {padding: 80px 0; background-color: #2E2E2E;}
.news * {box-sizing: border-box;}
.news-list {display: grid; grid-template-columns: repeat(3,1fr); row-gap: 40px; column-gap: 40px;}
.news-list li {border-radius: 16px; overflow: hidden;}
.news-list li a {display: block;}
.news-img {padding-top: 44.33%; position: relative;}
.news-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.news-txt {padding: 16px 24px 20px; background-color: #3C3C3C;}
.news-txt span {font-size: 16px; line-height: 24px; color: #999;}
.news-txt p {margin: 16px 0; font-size: 18px; line-height: 24px; color: #fff; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

@media all and ( max-width: 1024px ){
    .news .prd-tab-wrapper-style {padding-bottom: 20px !important; margin-bottom: 15px;}
    .news-list {grid-template-columns: repeat(2,1fr); }
    /* .news-list li {border-radius: 20px;} */

}
@media all and ( max-width: 800px ){
    .news-list {grid-template-columns: repeat(1,1fr); }
    .news-list li {border-radius: 14px;}
    .news-img {padding-top: 46.64%;}
    .news .News-con01 {padding: 40px 0;}
    .news-txt span {font-size: 14px; }
    .news-txt p {margin: 8px 0 16px;}
}