
/*font-size:calc(var(--tx-mds-size) * 1.3)*/

.box_info_AG .work_info3{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); ; gap:10px;}	
.box_info_AG .work_info3>.work_box3{ 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_AG .work_info3>.work_box3 .work_img{ width:  clamp(50px, 6.250vw, 100px);  aspect-ratio:1 / 1; margin-bottom:clamp(10px, 2.344vw, 20px)}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.box_info_AG .work_info3>.work_box3 .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_AG .work_info3>.work_box3 .work_img img{width: 100%}		
.box_info_AG .work_info3>.work_box3 .work_tit3{ width:100%; float: left; font-size: var(--tx-sm-size); color: #222; font-weight:600; line-height: 130%; letter-spacing: -1px; margin-bottom: clamp(10px, 1.563vw, 20px)}	
.box_info_AG .work_info3>.work_box3 .work_tit3 em{ font-size: var(--tit-md-size); color: #222; font-weight:700; line-height: 180%; letter-spacing: -1px; }

.box_info_AG .work_info3>.work_box3 .work_tit3_1{ width:100%; float: left; font-size: var(--tx-sm-size); color: #666; font-weight:500; line-height: 130%; letter-spacing: -1px; margin-bottom: clamp(5px, 1.563vw, 5px)}	
.box_info_AG .work_info3>.work_box3 .work_tit3_1 em{ font-size: var(--tit-sm-size); color: #222; font-weight:700; line-height: 180%; letter-spacing: -1px; }


.box_info_AG .work_info3>.work_box3 .work_tx3{ width:100%; float: left; margin-bottom: 15px;}	
.box_info_AG .work_info3>.work_box3 .work_tx3 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_AG .work_info3>.work_box3 .work_tx3 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;}		



.box_info_AG .work_info3>.work_box3 .work_tx3_1 ul li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #666; font-weight:500; line-height: 150%; letter-spacing: -1px; margin-bottom: 5px; padding-left: clamp(10px, 1.172vw, 15px); position: relative}		
.box_info_AG .work_info3>.work_box3 .work_tx3_1 ul li:before{width: 8px; height: 1px;  position: absolute; left: 0px; top:clamp(8px, 0.938vw, 12px); background-color: #666; 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;}		
