@charset "UTF-8";

#sub-strength {padding-bottom: 0!important}
#sub-strength .strength_wrap {background:#fff; display: flex;}
#sub-strength .strength_wrap.reverse {flex-direction: row-reverse;}
#sub-strength .sec_txt {width:50%; display: flex; align-items: center;}
#sub-strength .sec_txt .txt {max-width: 600px; margin: 0 auto;}
#sub-strength .sec_txt .underline {font-size: 20px; font-weight: 500; color:#444; text-decoration: underline;}
#sub-strength .sec_txt .title {font-size:30px; color:#2b2b2b; font-weight: 500; margin: 18px 0;}
#sub-strength .sec_txt .desc {font-size: 18px; color:#666; line-height: 150%; word-break: keep-all;}
#sub-strength .sec_slide {width:50%}
#sub-strength .sec_slide .swiper-slide {height: auto;}
#sub-strength .sec_slide .img_desc {position: absolute; top: 0; left:0; right:0; height: 83px; padding:25px 10px; color:#fff; font-size: 28px; font-weight: 500; background:rgba(45,45,45,0.6); text-align: center; display: none;}
#sub-strength .sec_slide .swiper-button-prev,
#sub-strength .sec_slide .swiper-button-next {width: 100px; height: 100px;}
#sub-strength .sec_slide .swiper-button-prev {left:0;}
#sub-strength .sec_slide .swiper-button-next {right:0;}
#sub-strength .sec_slide .swiper-button-prev:after,
#sub-strength .sec_slide .swiper-button-next:after {font-size:36px; color:#fff;}
#sub-strength .sec_slide .swiper-pagination {bottom:12px; left: 50%; transform: translateX(-50%); align-items: center; width:auto; display: none;}
#sub-strength .sec_slide .swiper-pagination .swiper-pagination-bullet {width:8px; height: 8px; background:#fff; opacity: 1;}
#sub-strength .sec_slide .swiper-pagination .swiper-pagination-bullet-active {width:12px; height: 12px; background:transparent; border: 2px solid #fff;}
#sub-strength .sec_slide .swiper-content {width:100%; height:100%;}
#sub-strength .sec_slide .swiper-content img {width:100%; height:100%; object-fit: cover;}

@media screen and (max-width:1280px) {
  #sub-strength .sec_txt {padding: 0vw 3vw;}
  #sub-strength .sec_txt .underline {font-size: 18px;}
  #sub-strength .sec_txt .title {font-size: 28px; margin: 14px 0;}
  #sub-strength .sec_txt .desc {font-size: 16px;}
  #sub-strength .sec_slide .img_desc {font-size: 24px; height: 60px; padding: 15px 10px; }
  #sub-strength .sec_slide .swiper-button-prev,
  #sub-strength .sec_slide .swiper-button-next {width: 60px; height: 60px;}
}

@media screen and (max-width:1024px) {
  #sub-strength .sec_txt {padding: 0vw 3vw;}
}

@media screen and (max-width:768px) {
  #sub-strength {padding: 40px 20px 20px!important; background:#fff;}
  #sub-strength .strength_wrap {flex-direction: column-reverse;}
  #sub-strength .strength_wrap.reverse {flex-direction: column-reverse;}
  #sub-strength .sec_txt {width:100%; padding:20px 0 60px 0;}
  #sub-strength .sec_txt .underline {font-size: 16px;}
  #sub-strength .sec_txt .title {font-size: 24px; margin: 8px 0;}
  #sub-strength .sec_txt .desc {font-size: 18px;}
  #sub-strength .sec_slide {width: 100%;}
  #sub-strength .sec_slide .img_desc {font-size: 16px; height: 36px; padding: 8px 5px; }
  #sub-strength .sec_slide .swiper-pagination {display: flex;}
  #sub-strength .sec_slide .swiper-button-prev,
  #sub-strength .sec_slide .swiper-button-next {display: none;}
}