.box_img_AD {position: relative  ; }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
  .box_img_AD .img_box { width:100%;  float: left;  border-radius: 20px; overflow: hidden; position: relative ; }
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
  .box_img_AD .img_box { width:100% ; margin-left:0px; float: left;  border-radius: 20px; overflow: hidden; position: relative ;  padding: 70px 20px 0px;}
}

/* 구분 //end -----------------------------------*/



.box_img_AD .img_box  .ani_img { width: 100%;float: left;  height: 100%;  }
.box_img_AD .img_box  .ani_img img { object-fit: cover; width: 100%; height: 100%; }


.box_img_AD .img_box .ani_img .bg_overlay {
  position: absolute;  top: 0;  left: 0; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}



/* 텍스트 레이어 위로 올리기 */
.box_img_AD .img_box .txinbox {
  position: absolute;  top: 0; left: 0; z-index: 2; width: 100%;float: left; height: 100%; display: flex; align-items: center;}


.box_img_AD .img_box .txinbox .wg_tx1 {width:50%; float: left; font-size: var(--tit-md-size)!important; color: #fff; font-weight:600; line-height: 100%; letter-spacing: -1px; padding: 50px;  position: relative }

.box_img_AD .img_box .txinbox .wg_tx1 ul { width:100%; float: left; margin-top:  clamp(10px, 0.938vw, 20px); }

.box_img_AD .img_box .txinbox .wg_tx1 ul li { width:100%; float: left; font-size: var(--tx-sm-size); color:#fff; font-weight:400; line-height: 150%; letter-spacing: -1px; margin-bottom: 10px;  position: relative }

.box_img_AD .img_box .txinbox .wg_tx1 ul li em{  font-weight: 600;  }



/**** 모바일 ****/
  
@media only all and (max-width: 1230px) {
  .box_img_AD .img_box {  padding: 0; height: 200px;  }

  .box_img_AD .img_box  .ani_img img { object-fit: cover;  height: 200px; }
  
  .box_img_AD .img_box .ani_img .bg_overlay {
    width: 100%; height: 200px;  background: rgba(0, 0, 0, 0.7); z-index: 1;  }

  .box_img_AD .img_box .txinbox { display: flex; flex-direction: column; justify-content: center; text-align: left;  }

  .box_img_AD .img_box .txinbox .wg_tx1 { width:100%; padding: 20px; line-height: 130%; }

  .box_img_AD .img_box .txinbox .wg_tx1 ul li {
    font-size: calc(var(--tx-sm-size) * 0.9);  font-weight: 300; line-height: 130%; margin-bottom: 8px; }
}