@font-face {
  font-family: "Acumin";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/Acumin-Pro-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Kozuka Gothic Pro";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/KozGoPr6N-Medium.otf") format("opentype");
}
.p_news {
  padding-top: 205px;
  padding-bottom: 117px;
  background-color: #000;
}
@media screen and (max-width: 1900px) {
  .p_news {
    padding-top: 205rem;
    padding-bottom: 117rem;
  }
}
.p_news .container .cat-div {
  position: absolute;
  top: 312px;
  left: 0;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .p_news .container .cat-div {
    top: 312rem;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p_news .container .cat-div {
    left: unset;
    right: 0;
    top: 90rem;
  }
  .p_news .container .cat-div .btn {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .p_news .container .cat-div .cat-list {
    display: none;
  }
}
.p_news .container .cat-div .cat-list .cat {
  position: relative;
  padding-left: 30px;
  margin-top: 20px;
  line-height: 1;
  cursor: pointer;
}
.p_news .container .cat-div .cat-list .cat:hover {
  color: #adff2f;
}
.p_news .container .cat-div .cat-list .cat.active {
  color: #adff2f;
}
@media screen and (max-width: 1900px) {
  .p_news .container .cat-div .cat-list .cat {
    padding-left: 30rem;
    margin-top: 20rem;
  }
}
.p_news .container .cat-div .cat-list .cat::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #adff2f;
  border-radius: 999px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p_news .container .blog-list {
  margin-top: 160px;
  margin-left: 350px;
}
@media screen and (max-width: 1900px) {
  .p_news .container .blog-list {
    margin-top: 160rem;
    margin-left: 350rem;
  }
}
@media screen and (max-width: 768px) {
  .p_news .container .blog-list {
    margin-left: 0;
  }
}
.p_news .container .blog-list .blog-item {
  padding: 20px;
  border-top: 1px solid #d9dada;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  display: none;
  position: relative;
}
.p_news .container .blog-list .blog-item .blog-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p_news .container .blog-list .blog-item.last-visible {
  border-bottom: 1px solid #d9dada;
}
@media screen and (max-width: 1900px) {
  .p_news .container .blog-list .blog-item {
    padding: 20rem;
    -webkit-column-gap: 30rem;
       -moz-column-gap: 30rem;
            column-gap: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .p_news .container .blog-list .blog-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.p_news .container .blog-list .blog-item:hover {
  background-color: #d9dada;
}
.p_news .container .blog-list .blog-item:hover .item-ttl {
  color: #000;
}
.p_news .container .blog-list .blog-item:hover .meta .date {
  color: #000;
}
.p_news .container .blog-list .blog-item .item-ttl {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .p_news .container .blog-list .blog-item .item-ttl {
    font-size: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .p_news .container .blog-list .blog-item .item-ttl {
    font-size: 21rem;
    margin-top: 10rem;
  }
}
.p_news .container .blog-list .blog-item .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 35px;
}
@media screen and (max-width: 1900px) {
  .p_news .container .blog-list .blog-item .meta {
    gap: 35rem;
  }
}
.p_news .container .blog-list .blog-item .meta .cat {
  font-size: 9px;
  min-width: 100px;
  padding: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid #adff2f;
  background-color: transparent;
  text-align: center;
  color: #adff2f;
}
@media screen and (max-width: 1900px) {
  .p_news .container .blog-list .blog-item .meta .cat {
    min-width: 100rem;
    font-size: 9rem;
    padding: 4rem;
  }
}
.p_news .container .blog-list .blog-item .meta .date {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .p_news .container .blog-list .blog-item .meta .date {
    font-size: 16rem;
  }
}
.p_news .container .pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 68px;
}
@media screen and (max-width: 1900px) {
  .p_news .container .pagination-container {
    margin-top: 68rem;
    gap: 20rem;
  }
}
.p_news .container .pagination-container .pagination-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #adff2f;
  font-size: 27px;
}
@media screen and (max-width: 1900px) {
  .p_news .container .pagination-container .pagination-info {
    font-size: 27rem;
  }
}
.p_news .container .pagination-container .pagination-info .separator {
  margin: 0 10px;
}
@media screen and (max-width: 1900px) {
  .p_news .container .pagination-container .pagination-info .separator {
    margin: 0 10rem;
  }
}
.p_news .container .pagination-container .pagination-prev,
.p_news .container .pagination-container .pagination-next {
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.p_news .container .pagination-container .pagination-prev svg,
.p_news .container .pagination-container .pagination-next svg {
  vertical-align: middle;
  width: 91px;
  height: 42px;
}
@media screen and (max-width: 1900px) {
  .p_news .container .pagination-container .pagination-prev svg,
  .p_news .container .pagination-container .pagination-next svg {
    width: 92rem;
    height: 42rem;
  }
}
.p_news .container .pagination-container .pagination-prev:hover,
.p_news .container .pagination-container .pagination-next:hover {
  opacity: 0.7;
}
.p_news .container .pagination-container .pagination-prev:hover svg rect,
.p_news .container .pagination-container .pagination-next:hover svg rect {
  fill: black;
  stroke: #adff2f;
}
.p_news .container .pagination-container .pagination-prev:hover svg path,
.p_news .container .pagination-container .pagination-next:hover svg path {
  stroke: #adff2f;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.p_news .container .pagination-container .pagination-prev:disabled,
.p_news .container .pagination-container .pagination-next:disabled {
  cursor: not-allowed;
  opacity: 0;
}
.p_news .container .pagination-container .pagination-prev:disabled svg rect,
.p_news .container .pagination-container .pagination-next:disabled svg rect {
  fill: #d3d3d3;
  stroke: #d3d3d3;
}
.p_news .container .pagination-container .pagination-prev:disabled svg path,
.p_news .container .pagination-container .pagination-next:disabled svg path {
  stroke: #7a7a7a;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p_news .container .pagination-container .pagination-prev:disabled:hover,
.p_news .container .pagination-container .pagination-next:disabled:hover {
  opacity: 1;
}
.p_news .container .pagination-container .pagination-prev:disabled:hover svg rect,
.p_news .container .pagination-container .pagination-next:disabled:hover svg rect {
  fill: #d3d3d3;
  stroke: #d3d3d3;
}
.p_news .container .pagination-container .pagination-prev:disabled:hover svg path,
.p_news .container .pagination-container .pagination-next:disabled:hover svg path {
  stroke: #7a7a7a;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p_news .container .pagination-container .pagination-prev {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.s_news {
  padding-top: 203px;
  padding-bottom: 142px;
  background-color: #000;
}
@media screen and (max-width: 1900px) {
  .s_news {
    padding-top: 203rem;
    padding-bottom: 142rem;
  }
}
.s_news .single-post {
  padding: 155px 100px 0;
}
@media screen and (max-width: 1900px) {
  .s_news .single-post {
    padding: 155rem 100rem 0;
  }
}
@media screen and (max-width: 768px) {
  .s_news .single-post {
    padding: 80rem 20rem 0;
  }
}
.s_news .single-post .single-meta .wrap .label {
  display: inline-block;
  text-align: center;
  color: #adff2f;
  border-radius: 50px;
  border: 1px solid #adff2f;
  font-size: 9px;
  min-width: 104px;
  padding: 4px 0;
}
@media screen and (max-width: 1900px) {
  .s_news .single-post .single-meta .wrap .label {
    font-size: 9rem;
    min-width: 104rem;
    padding: 4rem 0;
  }
}
.s_news .single-post .single-meta .wrap .date {
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
}
@media screen and (max-width: 1900px) {
  .s_news .single-post .single-meta .wrap .date {
    font-size: 16rem;
    margin-right: 20rem;
  }
}
.s_news .single-post .single-meta .title {
  color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 1900px) {
  .s_news .single-post .single-meta .title {
    font-size: 24rem;
  }
}
.s_news .single-post .thumbs {
  margin-top: 45px;
}
@media screen and (max-width: 1900px) {
  .s_news .single-post .thumbs {
    margin-top: 45rem;
  }
}
.s_news .p-single {
  padding: 45px 100px 0;
}
@media screen and (max-width: 1900px) {
  .s_news .p-single {
    padding: 45rem 100rem 0;
  }
}
@media screen and (max-width: 768px) {
  .s_news .p-single {
    padding: 45rem 20rem 0;
  }
}
.s_news .p-single .single-content p {
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 1900px) {
  .s_news .p-single .single-content p {
    font-size: 16rem;
  }
}
.s_news .p-navigation {
  padding: 0 100px 0;
}
@media screen and (max-width: 1900px) {
  .s_news .p-navigation {
    padding: 0 100rem 0;
  }
}
.s_news .p-navigation .pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 68px;
}
@media screen and (max-width: 1900px) {
  .s_news .p-navigation .pagination-container {
    margin-top: 68rem;
    gap: 20rem;
  }
}
.s_news .p-navigation .pagination-container .pagination-info span {
  font-size: 18px;
  color: #adff2f;
}
@media screen and (max-width: 1900px) {
  .s_news .p-navigation .pagination-container .pagination-info span {
    font-size: 18rem;
  }
}
.s_news .p-navigation .pagination-container .pagination-prev,
.s_news .p-navigation .pagination-container .pagination-next {
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.s_news .p-navigation .pagination-container .pagination-prev svg,
.s_news .p-navigation .pagination-container .pagination-next svg {
  vertical-align: middle;
  width: 91px;
  height: 42px;
}
@media screen and (max-width: 1900px) {
  .s_news .p-navigation .pagination-container .pagination-prev svg,
  .s_news .p-navigation .pagination-container .pagination-next svg {
    width: 92rem;
    height: 42rem;
  }
}
.s_news .p-navigation .pagination-container .pagination-prev:hover,
.s_news .p-navigation .pagination-container .pagination-next:hover {
  opacity: 0.7;
}
.s_news .p-navigation .pagination-container .pagination-prev:hover svg rect,
.s_news .p-navigation .pagination-container .pagination-next:hover svg rect {
  fill: black;
  stroke: #adff2f;
}
.s_news .p-navigation .pagination-container .pagination-prev:hover svg path,
.s_news .p-navigation .pagination-container .pagination-next:hover svg path {
  stroke: #adff2f;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.s_news .p-navigation .pagination-container .pagination-prev:disabled,
.s_news .p-navigation .pagination-container .pagination-next:disabled {
  cursor: not-allowed;
  opacity: 1;
}
.s_news .p-navigation .pagination-container .pagination-prev:disabled svg rect,
.s_news .p-navigation .pagination-container .pagination-next:disabled svg rect {
  fill: #d3d3d3;
  stroke: #d3d3d3;
}
.s_news .p-navigation .pagination-container .pagination-prev:disabled svg path,
.s_news .p-navigation .pagination-container .pagination-next:disabled svg path {
  stroke: #7a7a7a;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.s_news .p-navigation .pagination-container .pagination-prev:disabled:hover,
.s_news .p-navigation .pagination-container .pagination-next:disabled:hover {
  opacity: 1;
}
.s_news .p-navigation .pagination-container .pagination-prev:disabled:hover svg rect,
.s_news .p-navigation .pagination-container .pagination-next:disabled:hover svg rect {
  fill: #d3d3d3;
  stroke: #d3d3d3;
}
.s_news .p-navigation .pagination-container .pagination-prev:disabled:hover svg path,
.s_news .p-navigation .pagination-container .pagination-next:disabled:hover svg path {
  stroke: #7a7a7a;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}/*# sourceMappingURL=news.css.map */