@charset "UTF-8";

/* --------------------------------------------------------------- */
/*  archive */
/* --------------------------------------------------------------- */
.archive #contents {
  margin-top: 12rem;
  @media screen and (max-width: 767px) {
    margin-top: 2rem;
  }
}

.archive .news-item {
}

.archive .news-item a {
  padding: 4rem 0 3.6rem;
  column-gap: 3.6rem;
  @media screen and (max-width: 767px) {
    flex-direction: column;
  }
}

.archive .news-item .img-area {
  width: 20rem;
  height: 13.7rem;
  /* aspect-ratio: 200/137; */
  & img {
    object-fit: contain;
    height: 100%;
  }
}

.archive .news-item .text-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  row-gap: 0.6rem;
  @media screen and (max-width: 767px) {
    width: 100%;
    flex: 0;
    margin-top: 2rem;
  }
}

.archive .news-item .list-date {
}

.archive .news-item .list-title {
  font-size: 2rem;
  line-height: 1.9;
  font-weight: 700;
  @media screen and (max-width: 767px) {
    font-size: 1.6rem;
    
  }
}

.archive .news-item .list-detail {
  line-height: 1.7;
  @media screen and (max-width: 767px) {
    font-size: 1.3rem;
  }
}

.archive .arrow {
  @media screen and (max-width: 767px) {
    display: none;
  }
}

.navigation.pagination {
  & .nav-links {
  }
  & .prev a,
  & .next a {
    border: none;
    &::after {
      border-color: var(--icon-gray);
    }
  }
  & .prev {
  }
  & .next {
  }
  & .pager {
    color: var(--icon-gray);
    border: none;
    border-radius: 0.4rem;
    &.current {
      color: var(--color-white);
      background-color: var(--color-main02);
    }
  }
}



.no-content {
  font-size: 2rem;
  line-height: 1.9;
  @media screen and (max-width: 767px) {
    font-size: 1.6rem;
    margin-top: 7rem;
  }
}

.btn-wrapper {
  margin-top: 5rem;
  @media screen and (max-width: 767px) {
    margin-top: 2rem;
    margin-bottom: 7rem;
  }
}

.archive .btn-wrapper.empty .arrow {
  display: flex;
}