/*박스 외 바탕 컬러 지정*/
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.box_img_AA {position: relative  ; }
	.box_img_AA:before{content: "";   background-color: #fff;  font-family: unicons-line; position: absolute; top: 0%; left: 0px; height: 50%;width: 100%;  z-index: 0 }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.box_img_AA {position: relative  ;  background-color: #fff;  }
	.box_img_AA:before{display: none }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.box_img_AA .img_box { width:calc(100% + 100px) ; margin-left: -50px; float: left;height:clamp(250px, 35.156vw, 500px);  border-radius: 20px; overflow: hidden; position: relative }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.box_img_AA .img_box { width:100% ; float: left;height:auto;  position: relative }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.box_img_AA .img_box  .ani_img { width: 100%;float: left;  height: 100%; position: absolute; left: 0px; top: 0px;z-index: 0 ; }
.box_img_AA .img_box  .ani_img img { object-fit: cover; width: 100%; height: 100%;  -webkit-animation: ani_img1  2s forwards; /* Safari 4.0 - 8.0 */
  animation: ani_img1 2s forwards; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.box_img_AA .img_box  .ani_img { width: 100%;float: left;  height: 150px;  overflow: hidden;border-radius: 20px; position: absolute; left: 0px; top: 0px;z-index: 0 ; }
.box_img_AA .img_box  .ani_img img { object-fit: cover; width: 100%; height: 100%;  -webkit-animation: ani_img1  2s forwards; /* Safari 4.0 - 8.0 */
  animation: ani_img1 2s forwards; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



@keyframes  ani_img1{
  0% {
   -webkit-transform: scale(1.1);
	transform: scale(1.1);
  }
  100% {
   -webkit-transform: scale(1);
	transform: scale(1);
  }
}
/* 구분 -----------------------------------*/


.box_img_AA .img_box .txinbox{ width: 50%; float: right;  height:100%; position: relative ; display: flex;  justify-content: center;  flex-direction: column;}
.box_img_AA .img_box .txinbox .tit{ width:100%; float: left;  font-size:calc(var(--tit-lg-size) * 0.8) ;font-family:var(--ff-ko6)!important; color: #fff;  line-height: 100%; font-weight: 400; letter-spacing: -1px; margin-bottom: 20px}
.box_img_AA .img_box .txinbox .tit em{ color: var(--secondary);  font-size:calc(var(--tit-lg-size) * 1); font-family:var(--ff-ko6)!important; font-weight: 500; width:100%; float: left;  margin-top: 10px}
.box_img_AA .img_box .txinbox .tx1{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 1.2)  ;color: #fff; font-weight:500; line-height: 130%; letter-spacing: -1px; margin-bottom: 10px}	
.box_img_AA .img_box .txinbox .tx2 ul{ width:100%; float: left; color: #fff; font-weight:500; line-height: 130%; letter-spacing: -1px; margin-bottom: 10px }		
.box_img_AA .img_box .txinbox .tx2 ul li{ width:100%; float: left;  font-size:calc(var(--tx-sm-size) * 0.9); color: #fff; font-weight:500; line-height: 130%!important; padding-left: 10px; margin-bottom: 5px; position: relative}		
.box_img_AA .img_box .txinbox .tx2 ul li:before{  content: "·";    font-family: unicons-line; position: absolute ; left: 0px; top: -2px}


/**** 모바일 ****/
@media only all and (max-width:767px) {
.box_img_AA .img_box .txinbox{ width:100%; float: right;  margin-top: 180px; position: relative ; display: flex;  justify-content: center;  flex-direction: column; padding-bottom: 20px; }
.box_img_AA .img_box .txinbox .tit{ width:100%; float: left;  font-size:calc(var(--tit-lg-size) * 0.7) ;font-family:var(--ff-ko6)!important; color: #000;  line-height: 100%; font-weight: 400; letter-spacing: -1px; margin-bottom: 20px}
.box_img_AA .img_box .txinbox .tit em{ color: var(--secondary);  font-size:calc(var(--tit-lg-size) * 0.9); font-family:var(--ff-ko6)!important; font-weight: 500; width:100%; float: left;  margin-top: 10px}
.box_img_AA .img_box .txinbox .tx1{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 1)  ;color: #333; font-weight:500; line-height: 130%; letter-spacing: -1px; margin-bottom: 10px}	
.box_img_AA .img_box .txinbox .tx2 ul{ width:100%; float: left; color: #333; font-weight:500; line-height: 130%; letter-spacing: -1px; margin-bottom: 10px }		
.box_img_AA .img_box .txinbox .tx2 ul li{ width:100%; float: left;  font-size:calc(var(--tx-sm-size) * 0.7); color: #333; font-weight:500; line-height: 130%!important; padding-left: 10px; margin-bottom: 5px; position: relative}		
.box_img_AA .img_box .txinbox .tx2 ul li:before{  content: "·";    font-family: unicons-line; position: absolute ; left: 0px; top: -2px}



}