.box_info_AB .work_info{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); ; gap:10px;}	
.box_info_AB .work_info>.work_box{ width: 100%; float: left; border-radius: 15px; border: 2px solid #f5f5f5; padding:  clamp(28px, 2.083vw, 52px) clamp(28px, 2.083vw, 52px) ; position: relative}
	

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.box_info_AB .work_info>.work_box .work_img{ width:  clamp(50px, 6.250vw, 80px);  aspect-ratio:1 / 1; margin-bottom:clamp(10px, 2.344vw, 30px)}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.box_info_AB .work_info>.work_box .work_img{ width:  60px; height:60px; position: absolute; right:clamp(20px, 3.125vw, 40px); top:clamp(20px, 3.125vw, 40px); aspect-ratio:1 / 1;}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


	
.box_info_AB .work_info>.work_box .work_img img{width: 100%}		
	
.box_info_AB .work_info>.work_box .work_tit{ width:100%; float: left; font-size: var(--tit-mds-size); color: #222; font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom: clamp(10px, 1.563vw, 20px)}
.box_info_AB .work_info>.work_box .work_tx ul li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #222; font-weight:500; line-height: 150%; letter-spacing: -1px; margin-bottom: 5px; padding-left: clamp(10px, 1.172vw, 15px); position: relative}		
.box_info_AB .work_info>.work_box .work_tx ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:clamp(8px, 0.938vw, 12px); 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;}