/*==========================================================================
section#news_area
========================================================================== */
section#news_area {
  position: relative;
}
section#news_area .inner {
  padding: 5.46875vw 0 7.8125vw;
}
section#news_area .box {
  justify-content: space-between;
}
section#news_area .list-box {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
}
section#news_area .list-box .txt-d {
  width: 5.2083333333vw;
  line-height: 1.3em;
  transition: 1s;
  color: #6F9EED;
}
section#news_area .list-box .txt-h3 {
  line-height: 1.3em;
  transition: 1s;
  color: #333333;
  width: calc(100% - 5.2083333333vw - 3.125vw);
}
section#news_area .list-box .arrow {
  position: absolute;
  right: 3.3854166667vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3.6458333333vw;
  height: 2.0833333333vw;
  border-radius: 2.0833333333vw;
  border: solid 2px #6F9EED;
  background-image: linear-gradient(90deg, #6f9eed, #3f5a87);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 1s;
}
section#news_area .list-box .arrow svg {
  display: flex;
  width: 0.8vw;
  height: 0.8vw;
  transition: 1s;
}
section#news_area .list-box .arrow svg path {
  transition: 1s;
  fill: #ffffff;
}
section#news_area .list-box a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #000000;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 2.8645833333vw 0;
  padding-right: 7.03125vw;
  gap: 3.125vw;
  border-bottom: solid 1px rgba(37, 62, 84, 0.35);
  position: relative;
}
section#news_area .list-box a:hover .info .txt-d {
  color: #333333;
}
section#news_area .list-box a:hover .info .txt-c {
  -webkit-text-decoration-color: #6F9EED;
          text-decoration-color: #6F9EED;
  text-decoration-thickness: 2px;
  color: #6F9EED;
}
section#news_area .list-box a:hover .txt-h3 {
  color: #6F9EED;
}
section#news_area .list-box a:hover .arrow {
  right: 2vw;
  background: #ffffff;
}
section#news_area .list-box a:hover .arrow svg path {
  fill: #6F9EED;
}
section#news_area .list-box li {
  width: 100%;
}
section#news_area .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5.2083333333vw;
  gap: 1.05vw;
}
section#news_area .pagination .page-numbers {
  box-sizing: border-box;
  width: 3.6458333333vw;
  height: 2.6041666667vw;
  line-height: 3.2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  color: #6F9EED;
  border: solid 2px #6F9EED;
  border-radius: 3.6458333333vw;
  font-size: 1.25vw;
  font-family: "font-Rom";
  font-weight: 500;
  transition: 1s;
}
section#news_area .pagination .page-numbers svg {
  display: flex;
  width: 0.8vw;
  height: 0.8vw;
}
section#news_area .pagination .page-numbers svg path {
  fill: #6F9EED;
}
section#news_area .pagination .page-numbers:hover {
  background: #6F9EED;
  color: #ffffff;
}
section#news_area .pagination .page-numbers:hover svg path {
  fill: #ffffff;
}
section#news_area .pagination .page-numbers.current {
  background: #6F9EED;
  color: #ffffff;
}
section#news_area .pagination .page-numbers.next {
  align-items: center;
}
section#news_area .pagination .page-numbers.prev {
  align-items: center;
}
section#news_area .pagination .page-numbers.prev svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
  section#news_area {
    padding-bottom: 50px;
  }
  section#news_area .inner {
    padding: 50px 0 90px;
    position: relative;
  }
  section#news_area .box {
    justify-content: space-between;
  }
  section#news_area .list-box {
    width: 100%;
  }
  section#news_area .list-box .txt-d {
    font-size: 12px;
    width: 100%;
  }
  section#news_area .list-box .txt-h3 {
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
  }
  section#news_area .list-box .arrow {
    width: 40px;
    height: 25px;
    border-radius: 25px;
    border-width: 1px;
    right: 10px;
  }
  section#news_area .list-box .arrow svg {
    width: 12px;
    height: 12px;
  }
  section#news_area .list-box a {
    padding: 20px 0;
    padding-right: 60px;
    gap: 7px;
  }
  section#news_area .list-box a:hover .arrow {
    right: 0;
  }
  section#news_area .list-box li {
    width: 100%;
  }
  section#news_area .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    gap: 10px;
  }
  section#news_area .pagination .page-numbers {
    width: 55px;
    height: 32px;
    border-radius: 50px;
    font-size: 16px;
  }
  section#news_area .pagination .page-numbers svg {
    width: 15px;
    height: 15px;
  }
}
/*# sourceMappingURL=news.css.map */