section.news-index {
  background: #FFFAED;
  padding: 132px 0 80px;
}
section.news-index .news-container {
  width: 1000px;
  margin: 47px auto 0;
  border-top: 1px solid #D0CAB9;
}
section.news-index .news-container .news-item {
  padding: 32px 72px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D0CAB9;
}
section.news-index .news-container .news-item .category {
  background: #000;
  padding: 0 8px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #FFFAED;
}
section.news-index .news-container .news-item .date {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-left: 21px;
}
section.news-index .news-container .news-item .content {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.02em;
  margin-left: 37px;
}
section.news-index .news-container .news-item .content a {
  color: #0099DB;
  text-decoration: underline;
}
section.newsdetail {
  background: #FFFAED;
  padding: 132px 0 107px;
}
section.newsdetail .newsdetail-wrapper {
  width: 712px;
  margin: 0 auto;
}
section.newsdetail .newsdetail-wrapper .tltle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 32px;
  border-bottom: 1px solid #D0CAB9;
}
section.newsdetail .newsdetail-wrapper .tltle .category {
  background: #000;
  color: #FFFAED;
  padding: 0 8px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.05em;
}
section.newsdetail .newsdetail-wrapper .tltle .date {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-left: 24px;
}
section.newsdetail .newsdetail-wrapper .tltle h1 {
  width: 100%;
  margin-top: 17px;
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: 400;
}
section.newsdetail .newsdetail-wrapper .content {
  margin-top: 28px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
section.newsdetail .more {
  margin-top: 34px;
}

@media (max-width: 768px) {
  section.news-index {
    padding: calc(108 / var(--sp)) 0 calc(82 / var(--sp));
  }
  section.news-index .news-container {
    width: calc(350 / var(--sp));
    margin-top: calc(35 / var(--sp));
  }
  section.news-index .news-container .news-item {
    padding: calc(17 / var(--sp)) calc(16 / var(--sp));
    flex-wrap: wrap;
  }
  section.news-index .news-container .news-item .category {
    padding: 0 calc(12 / var(--sp));
    font-size: calc(10 / var(--sp));
    line-height: calc(20 / var(--sp));
  }
  section.news-index .news-container .news-item .date {
    font-size: calc(12 / var(--sp));
    margin-left: auto;
  }
  section.news-index .news-container .news-item .content {
    font-size: calc(14 / var(--sp));
    line-height: calc(21 / var(--sp));
    margin: calc(8 / var(--sp)) 0 0 0;
  }
  section.newsdetail {
    padding: calc(108 / var(--sp)) 0 calc(79 / var(--sp));
  }
  section.newsdetail .newsdetail-wrapper {
    width: calc(350 / var(--sp));
  }
  section.newsdetail .newsdetail-wrapper .tltle {
    padding-bottom: calc(19 / var(--sp));
  }
  section.newsdetail .newsdetail-wrapper .tltle .category {
    padding: 0 calc(12 / var(--sp));
    font-size: calc(10 / var(--sp));
    line-height: calc(20 / var(--sp));
  }
  section.newsdetail .newsdetail-wrapper .tltle .date {
    font-size: calc(12 / var(--sp));
    margin-left: auto;
  }
  section.newsdetail .newsdetail-wrapper .tltle h1 {
    margin-top: calc(15 / var(--sp));
    font-size: calc(22 / var(--sp));
    line-height: calc(30 / var(--sp));
    letter-spacing: 0.02em;
  }
  section.newsdetail .newsdetail-wrapper .content {
    margin-top: calc(20 / var(--sp));
    font-size: calc(14 / var(--sp));
    line-height: calc(20 / var(--sp));
  }
  section.newsdetail .more {
    margin-top: calc(40 / var(--sp));
  }
}/*# sourceMappingURL=news.css.map */