.news-content-page{margin-top: 1.25rem;}
.news-content-page .top-news-slider{position: relative;height: 20.75rem;border-radius: 0.63rem;}
.news-content-page .top-news-slider .swiper-container{height: 100%;}
.news-content-page .top-news-slider .swiper-slide a{width: 100%;height: 100%;border-radius: 0.63rem;background-color: #000000;display: block;}
.news-content-page .top-news-slider .swiper-slide a img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.63rem;opacity: 0.8;}
.news-content-page .top-news-slider .news-banner-pagination{position: absolute;bottom: 0.63rem;left: 50%;transform: translateX(-50%);z-index: 3;display: flex;align-items: center;column-gap: 0.5rem;}
.news-content-page .top-news-slider .news-banner-pagination .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;background-color: #ffffff;border-radius: 50%;opacity: 0.5;transition: width .3s ease;}
.news-content-page .top-news-slider .news-banner-pagination .swiper-pagination-bullet-active{opacity: 0.5;width: 1.5rem;border-radius: 0.25rem;}

.news-content-page .news-listing-panel{margin-top: 1.25rem;background-color: #ffffff;border-radius: 0.63rem;padding: 0.75rem 1.25rem 2.5rem;margin-bottom: 1.875rem;}
.news-content-page .news-listing-panel h2{font-size: 2.125rem;color: #31242F;font-weight: bold;}
.news-content-page .news-listing-panel .news-list{display: flex;flex-direction: column;}
.news-content-page .news-listing-panel .news-list a{display: flex;column-gap: 1.125rem;padding: 1.875rem 0;border-bottom: 1px dashed #02a1ff33;}

.news-content-page .news-listing-panel .news-list a > img{width: 15rem;height: 8.875rem;object-fit: cover;border-radius: 0.63rem;}
.news-content-page .news-listing-panel .news-list a .newsDetail{display: flex;flex-direction: column;overflow: hidden;height: 8.875rem;flex: 1; width: 0;}
.news-content-page .news-listing-panel .news-list a .newsDetail h4{font-size: 1.75rem;color: #000000;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-content-page .news-listing-panel .news-list a .newsDetail .bottomWrap{margin-top: auto;display: flex;align-items: center;justify-content: space-between;}
.news-content-page .news-listing-panel .news-list a .newsDetail .bottomWrap .dateType{font-size: 1.125rem;color: #9A9A9A;display: flex;align-items: center;}
.news-content-page .news-listing-panel .news-list a .newsDetail .bottomWrap .dateType span{margin-right: 1rem;position: relative;}
.news-content-page .news-listing-panel .news-list a .newsDetail .bottomWrap .dateType span::after{content: "";position: absolute;top: 50%;right: -0.5rem;transform: translateY(-50%);width: 0.25rem;height: 0.25rem;background-color: #9A9A9A;border-radius: 50%;}
.news-content-page .news-listing-panel .news-list a .newsDetail .bottomWrap .newsGoArrow{width: 2.75rem;height: 1rem;background-image: url(../images/news/newsArrow.webp);background-repeat: no-repeat;background-size: cover;}

.pagination{margin-top: 1.875rem;}