@charset "utf-8";
.news {
        padding-top: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
    padding-bottom: clamp(5rem, 1.833rem + 6.6vw, 9.75rem);
    background-color: #F7F7F7;
}
.news__inner {
  padding: 0 clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
}
.news__container {
      display: flex;
    column-gap: clamp(1.25rem, -0.583rem + 3.82vw, 4rem);
}
.news__cate {
      width: 252px;
    min-width: 180px;
}
.news-cate__header {
      height: clamp(1.625rem, 1.208rem + 0.87vw, 2.25rem);
    background-color: #fff;
    display: flex;
    align-items: center;
    padding-left: clamp(1.125rem, 0.875rem + 0.52vw, 1.5rem);
    font-size: clamp(0.875rem, 0.708rem + 0.35vw, 1.125rem);
    font-weight: 500;
    border-left: clamp(0.438rem, 0.354rem + 0.17vw, 0.563rem) solid #68CA5E;
}
.news-cate__btn {
      font-weight: 500;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: clamp(1.563rem, 1.229rem + 0.69vw, 2.063rem);
    border-bottom: 1px solid #B4B4B4;
}
.sideLink {
      font-weight: 500;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: clamp(1.563rem, 1.229rem + 0.69vw, 2.063rem);
    border-bottom: 1px solid #B4B4B4;
    width: 100%;
    display: block;
  transition: all 0.5s;
}
.sideLink:hover {
  opacity: 0.5;
}

.news__block {
  width: 1030px;
}
.news__block section {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.36) 0px 3px 6px;
    padding: clamp(1rem, 0.083rem + 1.91vw, 2.375rem) clamp(1.25rem, -0.25rem + 3.13vw, 3.5rem);
}
.newsDetail-header {
      display: flex;
    column-gap: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
    align-items: center;
}
.newsDetailTime {
      font-size: clamp(0.875rem, 0.625rem + 0.52vw, 1.25rem);
    font-weight: 500;
    color: #AFAFAF;
}
.newsDetailCate {
      width: clamp(7.063rem, 3.813rem + 6.77vw, 11.938rem);
    height: clamp(1.25rem, 0.667rem + 1.22vw, 2.125rem);
    border: 1px solid #FFA143;
    color: #FFA143;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.75rem, 0.583rem + 0.35vw, 1rem);
    border-radius: 17px;
    line-height: 1;
}
.newsDetailTit {
      margin-top: 16px;
    font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
}
.newsDetailImg {
  margin-top: clamp(0.875rem, 0.458rem + 0.87vw, 1.5rem);
}
.newsDetailTxt {
  margin-top: clamp(1.125rem, 0.208rem + 1.91vw, 2.5rem);
  font-weight: 400;
}
.newsdetail__bottom {
      margin-top: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
    display: flex;
    justify-content: center;
}
.newsdetail__btn {
      display: flex;
    column-gap: 26px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 261px;
    height: 51px;
    border: 3px solid #000;
    border-radius: 45px;
    box-shadow: rgba(0, 0, 0, 0.36) 0px 3px 6px;
    transition: all 0.5s;
}
.newsdetail-btn__text {
      font-size: 20px;
    font-weight: 700;
}
.newsdetail-btn__arrow {
      font-size: 15px;
    font-weight: 700;
}
.newsdetail__btn:hover {
    box-shadow: unset;
    transform: translateY(3px);
}

@media (max-width: 767px) {
  .news__container {
        flex-direction: column-reverse;
    row-gap: 77px;
  }
  .news__cate {
        width: 100%;
    padding: 0 20px;
        max-width: 350px;
    margin-right: auto;
  }
  .news__block {
    width: 100%;
  }
}