.newsact .title {
  font-size: 2.45vw;

  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16% 0 8% 0;
  line-height: 160%;
}
.newsact .title span {
  font-size: 1.57vw;
  color: white;
}

.newsact .bar {
  display: flex;
  justify-content: space-evenly;
  padding: 1% 36%;
  border-bottom: 1px #d9d9d9 solid;
}
.newsact .bar .text {
  font-size: 0.94vw;
  font-weight: 300;
  color: #7d7d7d;
}
.newsact .bar .text.active {
  font-size: 0.94vw;
  font-weight: 400;
  color: black;
}
.newsact .hilight {
  padding: 2% 0;
}
.newsact .hilight .img {
  width: 95%;
}
.newsact .hilight .img img {
  width: 100%;
}
.newsact .hilight .text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  padding: 7% 0 6% 5%;
}
.newsact .hilight .text .title {
  display: flex;
  align-items: baseline;
  flex-direction: row;
  padding: 0;
}
.newsact .hilight .text .title .smalltitle {
  color: black;
  font-size: 0.94vw;
}
.newsact .hilight .text .title .img {
  width: 2.65vw;
  margin-right: 1rem;
}
.newsact .hilight .text .title .img img {
  width: 100%;
}
.newsact .hilight .text .date {
  font-size: 0.84vw;
  font-weight: 300;
  color: #7d7d7d;
}
.newsact .hilight .text .detail {
  font-size: 1.05vw;
  font-weight: 400;
  color: #000000;
}
.newsact .hilight .link a {
  font-size: 0.94vw;
  font-weight: 400;
  color: #000000;
}
.newsact .hilight .link a:hover {
  color: #edc006;
  transition: 0.3s ease-in-out;
}
.newsact-all {
  padding: 0 0 5% 0;
}
.newsact-all .card:hover {
  transform: scale(1.05);
  transition: 0.3s ease-in-out;
}
.newsact-all .card-title {
  font-size: 1.05vw;
}
.newsact-all .card a {
  text-decoration: none;
  color: black;
}

/* DETAILS */
.newsact-detail {
  padding: 6% 0 3% 0;
}
.newsact-detail .title {
  font-size: 1.57vw;
  font-weight: 500;
  color: #353535;
  padding: 2% 0;
}
.newsact-detail .bar {
  display: flex;
  justify-content: space-between;
  border-top: 1px #d9d9d9 solid;
  border-bottom: 1px #d9d9d9 solid;
  padding: 0.5rem 0;
}
.newsact-detail .bar .date {
  font-size: 0.84vw;
  color: #353535;
}
.newsact-detail .bar .date .icon {
  margin-right: 5%;
}
.newsact-detail .bar a,
.newsact-detail .bar i {
  text-decoration: none;
  font-size: 1.5vw;
  color: #353535;
}
.newsact-detail .share {
  display: flex;
  justify-content: space-around;
}
.newsact-detail .share a i:hover {
  color: #edc006;
  transition: 0.3s ease-in-out;
}
.newsact-detail .detail {
  padding: 3% 0;
  border-bottom: 1px #d9d9d9 solid;
}
.newsact-detail .other .newsact-all {
  padding: 0 0 5% 0;
}
.newsact-detail .other .newsact-all .card a {
  text-decoration: none;
  color: black;
}
.newsact-detail .other .newsact-all .card:hover {
  transform: scale(1.05);
  transition: 0.3s ease-in-out;
}
/* .newsact-detail .other .newsact-all .card-title {
  font-size: 1.05vw;
  text-decoration: none;
} */

@media (max-width: 991px) {
  .show-pc {
    display: none;
  }
  .show-mobile {
    display: block;
  }
  .newsact .hilight {
    padding: 9% 0;
  }
  .newsact .title {
    font-size: 36px;
    padding: 85px 0 30px 0;
  }
  .newsact .title span {
    font-size: 28px;
    text-align: center;
  }
  .newsact .bar .text,
  .newsact .bar .text.active {
    font-size: 18px;
  }
  .newsact .bar {
    padding: 2% 0;
  }
  .newsact .hilight .img {
    width: 100%;
  }
  .newsact .hilight .text {
    display: block;
    padding: 0 0 8% 0;
  }
  .newsact .hilight .text .title .img {
    width: 9%;
    margin-right: 2%;
  }
  .newsact .hilight .text .title .smalltitle {
    font-size: 18px;
    font-weight: 500;
  }
  .newsact .hilight .text .date,
  .newsact .hilight .text .detail,
  .newsact .hilight .link a {
    font-size: 16px;
  }
  .newsact .hilight .link {
    text-align: end;
  }

  /* DETAILS */
  .newsact-detail {
    padding: 57px 0 33px 0;
  }
  .newsact-detail .title {
    font-size: 20px;
  }
  .newsact-detail .bar .date,
  .newsact-detail .bar a,
  .newsact-detail .bar i,
  .newsact-detail .back a {
    font-size: 16px;
  }
  .newsact-detail .other .newsact-all .card-title{
    font-size: 20px;
  }
}