.news-detail {
  margin: 1% 20%;
}
@media screen and (max-width: 767px) {
  .news-detail {
    margin: 2% 1%;
  }
}
.news-detail .news-detail-container {
  width: 85%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .news-detail .news-detail-container {
    margin: 8% auto;
    width: 90%;
  }
}
.news-detail .news-detail-container .content-title {
  justify-content: center;
  margin-bottom: 2%;
}
.news-detail .news-detail-container .news-category {
  margin: 4% 0;
}
.news-detail .news-detail-container .news-category .news-data {
  margin-right: 2%;
  font-size: 110%;
}
@media screen and (max-width: 767px) {
  .news-detail .news-detail-container .news-category .news-data {
    font-size: 90%;
  }
}
.news-detail .news-detail-container .news-title {
  font-weight: bold;
  margin-bottom: 3%;
  font-size: 170%;
  line-height: 142%;
}
@media screen and (max-width: 767px) {
  .news-detail .news-detail-container .news-title {
    font-size: 100%;
    line-height: 130%;
    margin: 6% 0;
  }
}
.news-detail .news-detail-container .news-content {
  min-height: 300px;
}
@media screen and (max-width: 767px) {
  .news-detail .news-detail-container .news-content {
    min-height: 250px;
  }
}
.news-detail .news-detail-container .news-content p {
  font-size: 125%;
  line-height: 142%;
}
.news-detail .news-detail-container .news-content h2 {
  font-size: 170%;
  line-height: 160%;
  margin: 4% 0;
}
.news-detail .news-detail-container .news-content h3 {
  font-size: 135%;
  line-height: 150%;
  margin: 2% 0;
}
.news-detail .news-detail-container .thumbnail {
  margin-bottom: 3%;
}
.news-detail .news-detail-container .thumbnail img {
  width: 100%;
  height: 80%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-detail .news-detail-container .list-transition-btn {
  margin: 80px auto 80px;
}