body {
  font-family: "Inter, sans-serif";
  --color: #83C22C;
  --lcolor: #b5e17a;
  --common: #54595F;
}

.wpcf7-spinner {
    position: absolute !important;
    right: 0;
}

.NewsPage .thisBanner .Wrapper .NewsEmailWrap .emailWrap p{
    display: flex;
}



.NewsDetailPage .this-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.NewsDetailPage .this-form .this-list.w50 {
  width: 49%;
}
.NewsDetailPage .this-form .this-list {
  width: 100%;
}
.NewsDetailPage .this-form .this-list input,
.NewsDetailPage .this-form .this-list textarea {
  border: 1px solid #dedede;
  width: 100%;
  border-radius: 5px;
  background-color: transparent;
  padding: 8px 10px;
}
.NewsDetailPage .this-form .this-list input::placeholder,
.NewsDetailPage .this-form .this-list textarea::placeholder {
  color: #dedede;
}
.NewsDetailPage input[type="submit"] {
  display: inline-block;
  font-size: 16px;
  color: var(--color);
  padding: 8px 4vw;
  border-radius: 5px;
  border: 1px solid var(--color);
  transition: all 0.5s;
  background-color: transparent;
}
.NewsDetailPage input[type="submit"]:hover {
  transform: scale(1.1);
  transition: all 0.5s;
}
.NewsDetailPage {
  background-color: #E7E7E7;
}
.NewsDetailPage .newsWrapper {
  padding: 50px 0;
}
.NewsDetailPage .newsWrapper .Wrapper {
  display: flex;
}
.NewsDetailPage .newsWrapper .Wrapper .left {
  width: 68%;
  background-color: #fff;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsImg {
  width: 100%;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsImg img {
  width: 100%;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsType {
  padding: 20px 20px 0 20px;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsType a {
  font-size: 14px;
  color: var(--color);
  font-weight: bold;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsTitle {
  padding: 10px 0 20px 20px;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsTitle h2 {
  font-size: 36px;
  color: #000;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .time_sns {
  padding: 10px 0 20px 20px;
  display: flex;
  align-items: center;
  gap: 2vw;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .time_sns .newsTime {
  display: flex;
  align-items: center;
  gap: 5px;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .time_sns .newsTime i {
  color: var(--common);
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .time_sns .newsTime span {
  margin-top: -3px;
  color: var(--common);
  font-size: 12px;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .time_sns .newsSns ul li a {
  background-color: var(--color);
  border-radius: 3px;
  width: 25px;
  height: 25px;
  padding: 3px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.NewsDetailPage .newsWrapper .Wrapper .left .myNews .time_sns .newsSns ul li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.NewsDetailPage .newsWrapper .Wrapper .right {
  width: 32%;
  padding-left: 20px;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList {
  background-color: #fff;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList h3 {
  text-align: center;
  padding: 20px 0;
  font-size: 28px;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList ul li {
  padding: 10px;
  border-top: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList ul li .img_b {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList ul li .img_b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList ul li .this_text {
  width: calc(100% - 120px);
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList ul li .this_text a {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
.NewsDetailPage .newsWrapper .Wrapper .right .newsProList ul li .this_text p {
  font-size: 12px;
  color: #737373;
}
.NewsDetailPage .newsWrapper .Wrapper .right .formWrap {
  margin-top: 20px;
  background-color: #fff;
  margin: 10px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.5);
}
.NewsDetailPage .newsWrapper .Wrapper .right .formWrap h3 {
  text-align: center;
  font-size: 20px;
}
.NewsPage .thisBanner {
  background-color: transparent;
  background-image: linear-gradient(180deg, #fff 0%, #000 100%);
  opacity: 0.6;
}
.NewsPage .thisBanner .Wrapper {
  height: 25vw;
  position: relative;
}
.NewsPage .thisBanner .Wrapper .NewsEmailWrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.NewsPage .thisBanner .Wrapper .NewsEmailWrap h2 {
  text-align: center;
  font-size: 42px;
  color: #fff;
}
.NewsPage .thisBanner .Wrapper .NewsEmailWrap .emailWrap {
  margin-top: 10px;
  background-color: #FAF9F9;
  padding: 3px;
  border-radius: 50px;
  display: flex;
}
.NewsPage .thisBanner .Wrapper .NewsEmailWrap .emailWrap input[type="text"] {
  padding: 8px 16px;
  border-radius: 50px;
  width: 20vw;
  border: 1px solid transparent;
  transition: all 0.5s;
}
.NewsPage .thisBanner .Wrapper .NewsEmailWrap .emailWrap input[type="text"]:focus {
  border: 1px solid #dedede;
  transition: all 0.5s;
}
.NewsPage .thisBanner .Wrapper .NewsEmailWrap .emailWrap input[type="submit"] {
  border-radius: 50px;
  padding: 8px 24px;
  background-color: var(--color);
  color: #fff;
  width: 13vw;
  font-size: 14px;
}
.NewsPage .thisBanner .Wrapper .newsListBread {
  position: absolute;
  bottom: 10px;
  background-color: transparent;
  border: none;
}
.NewsPage .thisBanner .Wrapper .newsListBread a {
  color: #fff;
}
.NewsPage .thisBanner .Wrapper .newsListBread span {
  color: #fff;
}
.NewsPage .newsListSwiperWrapper {
  background-color: #EDECEC;
  padding: 50px 0;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .img_b {
  width: 35%;
  padding-top: 25%;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .img_b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text {
  width: calc(65% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text h5 {
  font-size: 20px;
  color: #222;
  font-size: 32px;
  margin-bottom: 10px;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text h6 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-bottom: 10px;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text p {
  font-size: 16px;
  color: #333;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text .this_button {
  margin-top: 20px;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--color);
  padding: 10px 20px;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text .this_button span {
  color: #fff;
  font-size: 14px;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text .this_button i {
  color: #fff;
  font-size: 16px;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper_LR {
  width: 40px;
  height: 40px;
  border: 1px solid var(--common);
  border-radius: 50%;
  transition: all 0.5s;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper_LR::after {
  color: var(--common);
  font-size: 20px;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper_LR:hover {
  border: 1px solid #000;
  transition: all 0.5s;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper-button-prev {
  right: 120px;
  left: auto;
  bottom: 0;
  top: auto;
}
.NewsPage .newsListSwiperWrapper .Wrapper .swiper-button-next {
  right: 50px;
  left: auto;
  bottom: 0;
  top: auto;
}
.NewsPage .newContentWrapper {
  padding: 50px 0;
  background-color: #FAF9F9;
}
.NewsPage .newContentWrapper .Wrapper .this_child {
  border-radius: 20px;
  padding: 40px 100px;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.NewsPage .newContentWrapper .Wrapper .this_child:hover {
  box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.5);
  background-color: #FFFFFF;
  transition: all 0.5s;
}
.NewsPage .newContentWrapper .Wrapper .this_child .img_b {
  width: 30%;
  padding-top: 20%;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}
.NewsPage .newContentWrapper .Wrapper .this_child .img_b img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.NewsPage .newContentWrapper .Wrapper .this_child .this_text {
  width: calc(70% - 20px);
}
.NewsPage .newContentWrapper .Wrapper .this_child .this_text h5 {
  font-size: 22px;
  margin-bottom: 20px;
}
.NewsPage .newContentWrapper .Wrapper .this_child .this_text span {
  display: inline-block;
  color: #ADADAD;
  font-size: 12px;
  margin-bottom: 20px;
}
.NewsPage .newContentWrapper .Wrapper .this_child .this_text p {
  font-size: 14px;
  color: #777;
}
@media screen and (max-width: 950px) {
  .NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child {
    flex-direction: column;
  }
  .NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .img_b {
    width: 100%;
    padding-top: 60%;
  }
  .NewsPage .newsListSwiperWrapper .Wrapper .swiper .this_child .this_text {
    width: 100%;
    margin-top: 20px;
  }
  .NewsPage .newContentWrapper .Wrapper .this_child {
    flex-direction: column;
    padding: 10px;
  }
  .NewsPage .newContentWrapper .Wrapper .this_child .img_b {
    width: 100%;
    padding-top: 60%;
  }
  .NewsPage .newContentWrapper .Wrapper .this_child .this_text {
    width: 100%;
    margin-top: 20px;
  }
  .NewsPage .newContentWrapper .Wrapper .this_child .this_text h5 {
    margin-bottom: 10px;
  }
  .NewsPage .newContentWrapper .Wrapper .this_child .this_text span {
    margin-bottom: 10px;
  }
  .NewsDetailPage .newsWrapper .Wrapper .left {
    width: 100%;
  }
  .NewsDetailPage .newsWrapper .Wrapper .left .myNews .newsTitle h2 {
    font-size: 24px;
  }
  .NewsDetailPage .newsWrapper .Wrapper .right {
    display: none;
  }
}