
.box_info_BA { width: 100%; float: left;  padding: clamp(30px, 3.906vw, 50px) 0px }	


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.box_info_BA { width: 100%; float: left;  padding: clamp(30px, 3.906vw, 50px) 0px }	
	.box_info_BA .contentContainer .infotr{ width: 100%; float: left;   display: grid; grid-template-columns: repeat(2, 1fr); gap:80PX; }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.box_info_BA { width: 100%; float: left;  padding: clamp(30px, 3.906vw, 50px) 0px }	
	.box_info_BA .contentContainer .infotr{ width: 100%; float: left; display: flex;flex-direction: column; gap:30PX; }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.box_info_BA .contentContainer .infotr .imgbox{ width: 100%; float: left;  }
.box_info_BA .contentContainer .infotr .txbox{ width: 100%;  float: left;height: 100%; margin: 0px  }	
	
.box_info_BA:nth-child(odd) { width: 100%; float: left;  background-color: #f7f7f7    }	
.box_info_BA:nth-child(2n){ width: 100%; float: left }	

.box_info_BA:first-child .contentContainer .infotr .imgbox{ width:  100%; float: left; order: 1 }
.box_info_BA:first-child .contentContainer  .infotr .txbox{ width: 100%; height: 100%;  float:left; order: 2}	
	
.box_info_BA:nth-child(2n) .contentContainer .infotr .imgbox{ width:  100%; float: left; order: 2 }
.box_info_BA:nth-child(2n) .contentContainer .infotr .txbox{ width: 100%;height: 100%;  float:left;  order: 1}	
	


.box_info_BA .infotr .imgbox img{border-radius: 15px; width: 100%;}	
	
.box_info_BA .infotr .txbox .infotr_tx1{ width:100%; float: left; font-size:clamp(30px, 1.563vw, 20px); color: #000; font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom: 10px}	
.box_info_BA .infotr .txbox .infotr_tx2{ width:100%; float: left; font-size:clamp(20px, 1.563vw, 16px); color:var(--primary)	; font-weight:700; line-height: 130%!important; letter-spacing: -1px; margin-bottom:20px}		
.box_info_BA .infotr .txbox .line{ width:100px; float: left; height: 1px; background-color: #000; margin-bottom:70px}	

.box_info_BA .infotr .txbox  ul.dot{ width:100%; float: left;}
.box_info_BA .infotr .txbox  ul.dot li{ width:100%; float: left; font-size:clamp(18px, 1.563vw, 14px); color: #222; font-weight:500; line-height: 100%; letter-spacing: -1px; margin-bottom: 8px; padding-left: clamp(7px, 1.016vw, 13px); position: relative}		
.box_info_BA .infotr .txbox  ul.dot li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:7px; background-color: #222; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ 
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}	