.mainGridArea {
  padding: 90px 0 110px;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: clamp(2.5rem, -8.816rem + 23.61vw, 5.938rem);
}

.searchLinkArea {
  display: grid;
  padding-top: 28px;
  gap: 0.6em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.searchLinkArea a, .searchLinkArea .cat {
  font-size: 16px;
  font-weight: 500;
  color: #9D9D9D;
}
.searchLinkArea .select {
  color: #000;
}

@media screen and (max-width: 767px) {
  .mainGridArea {
    padding: 45px 0 55px;
    grid-template-columns: 1fr;
  }
  .mainGridArea .categoryArea {
    margin-top: 20px;
    order: 2;
  }
  .mainGridArea .searchLinkArea {
    margin: initial;
    padding-top: 15px;
    margin-left: 35px;
  }
}
.newsList {
  display: grid;
  gap: 50px;
}
.newsList .content {
  display: grid;
  grid-template-columns: max-content 85px minmax(0, 1fr);
  align-items: flex-start;
  -moz-column-gap: clamp(0.938rem, -1.12rem + 4.29vw, 1.563rem);
       column-gap: clamp(0.938rem, -1.12rem + 4.29vw, 1.563rem);
}
.newsList .content .date {
  font-size: 14px;
  color: #9D9D9D;
  height: 30px;
  display: flex;
  align-items: center;
}
.newsList .content .category {
  font-size: clamp(15px, 1.33vw, 16px);
  color: #41B9EC;
  height: 30px;
  display: flex;
  align-items: center;
}
.newsList .content .newsTitle {
  font-size: clamp(18px, 1.67vw, 20px);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .newsList {
    gap: 32px;
  }
  .newsList .content {
    display: block;
  }
  .newsList .content .date, .newsList .content .category {
    display: inline;
    width: -moz-fit-content;
    width: fit-content;
  }
  .newsList .content .date {
    padding-right: 10px;
  }
  .newsList .content .innerWrap {
    padding-top: 5px;
  }
  .newsList .content .innerWrap p {
    padding-top: 5px;
  }
}/*# sourceMappingURL=news.css.map */