@charset "utf-8";
.news {
  padding: clamp(3.75rem, 1.25rem + 5.21vw, 7.5rem) 0;
}
.news__inner {
  padding: 0 clamp(1.25rem, -13.917rem + 31.6vw, 24rem);
}
.newsDetail-header {
      display: flex;
    align-items: center;
    column-gap: 20px;
}
.newsDetailTime {
   font-weight: 600;
}
.newsItemCate {
    font-weight: 600;
    font-size: clamp(0.75rem, 0.667rem + 0.17vw, 0.875rem);
    padding: 2px clamp(0.625rem, 0.208rem + 0.87vw, 1.25rem);
    border: 1px solid #FF7745;
    color: #FF7745;
}
.newsDetailTit {
  width: 100%;
         margin-top: clamp(1.25rem, 0.75rem + 1.04vw, 2rem);
  font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: clamp(1.25rem, 0.5rem + 1.56vw, 2.375rem);
    border-bottom: 1px solid #2F2020;
  position: relative;
}
.newsDetailTit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 79px;
  height: 6px;
  background-color: #2F2020;
}
.newsDetailImg {
  margin-top: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
  padding: 0 clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
}
.newsDetailTxt {
        margin-top: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
  padding: 0 clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
    font-weight: 500;
    line-height: 1.7;
}
.newsDetailTxt a {
  overflow-wrap: anywhere; 
}
.news-pdf {
      margin-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D1D1D1;
}
.newsBtnBox {
      margin-top: 58px;
    display: flex;
    justify-content: space-between;
  align-items: center;
}
.webgene-item-prevPageLink,
.webgene-item-aroundPageLink {
      font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
    font-weight: 500;
}
.webgene-item-prevPageLink a {
    transition: all 0.5s;
  font-weight: 500;
}
.webgene-item-prevPageLink a:hover {
  opacity: 0.5;
}
.webgene-item-nextPageLink a {
    transition: all 0.5s;
  font-weight: 500;
}
.webgene-item-nextPageLink a:hover {
  opacity: 0.5;
}
.newsdetail__bottom {
      margin-top: clamp(2.5rem, 0.625rem + 3.91vw, 5.313rem);
}
.newsdetail__btn {
      width: 182px;
    justify-content: center;
}

@media (max-width: 767px) {
  .news {
        padding-top: 40px;
    padding-bottom: 237px;
    position: relative;
  }
  .newsDetailTime {
    font-size: 16px;
  }
  .newsItemCate {
    font-size: 14px;
  }
  .newsDetailTit {
    font-size: 14px;
  }
  .newsDetailImg {
    padding: 0;
  }
  .newsDetailTxt {
    padding: 0;
  }
  .newsdetail__btn {
        position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
  }
}