/* ===============================================================================
News
=============================================================================== */
/* news-section
========================= */
/* news-sec-1 */
.news-sec-1 {
  padding-top: 25px;
  margin-bottom: 200px;
}

.news-sec-1 .blks-1 .newsList {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .news-sec-1 {
    padding-top: 30px;
    margin-bottom: 100px;
  }
  .news-sec-1 .blks-1 .newsList {
    margin-bottom: 30px;
  }
}

/* news-sec-2 */
.news-sec-2 {
  padding-top: 24px;
  margin-bottom: 200px;
}

.news-sec-2 .blks-1 .heading {
  font-size: 0.9375rem;
  background: #f1f1f1;
  padding: 25px 5.7%;
  margin-bottom: 26px;
}

.news-sec-2 .blks-1 .date {
  font-size: 0.9375rem;
  padding: 0 4.6%;
  text-align: right;
  margin-bottom: 20px;
}

.news-sec-2 .blks-1 .newsDetail {
  font-size: 0.9375rem;
  line-height: 2.333;
  padding: 0 5.7% 100px;
  border-bottom: 1px solid #7f7f7f;
  margin-bottom: 63px;
}

@media screen and (max-width: 768px) {
  .news-sec-2 {
    padding-top: 30px;
    margin-bottom: 100px;
  }
  .news-sec-2 .blks-1 .heading {
    font-size: 0.875rem;
    padding: 12px 15px;
    margin-bottom: 18px;
  }
  .news-sec-2 .blks-1 .date {
    font-size: 0.7813rem;
    padding: 0;
    margin-bottom: 15px;
  }
  .news-sec-2 .blks-1 .newsDetail {
    font-size: 0.7813rem;
    line-height: 2;
    padding: 0 0 45px;
    margin-bottom: 40px;
  }
}