.tab-btn.is-active {
  color: #FFF; 
  background-color: #00847A;
  border: none;
  font-weight: bold;
}
.filter-btn.is-active {
  color: #FFF; 
  background-color: #00847A;
}
@media (any-hover: hover) {
  .tab-btn:not(.is-active):hover {
    color: #00847A;
    border-color: #00847A;
    background-color: #FFF1D7;
    transition: color 200ms, background-color 200ms;
  }
  .filter-btn:not(.is-active):hover {
    color: #676767;
    background-color: #FFF1D7;
    transition: color 200ms, background-color 200ms;
  }
}
@media screen and (min-width: 768px) {
  .tab-btn:nth-of-type(n+6) {
    margin-top: 20px;
  }
  .tab-btn.is-active {
    padding: 28px 0;
  }
  .tab-btn.is-active::before {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 10px solid #00847A;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
  }
  .tab-btn.tab-btn05.is-active {
    padding: 16px 0;
  }
  .news-wrap {
    display: flex;
    justify-content: flex-end;
    min-height: 400px;
  }
}
.news-item {
  display: none;
}
.news-item.is-show {
  display: block;
}
.news-list .news-item {
  margin-bottom: 21px;
  border-bottom: 2px solid #D7D7D7;
}
.filter-menu::-webkit-scrollbar{
  height: 5px;
 }
 .filter-menu::-webkit-scrollbar-track {
   background-color: #E8E8E8;
   border-radius: 10px;
 }
 .filter-menu::-webkit-scrollbar-thumb {
   background-color: #ADADAD;
   border-radius: 10px;
 }