.boxinfo_AD  .sub_stit{ width:100%; float: left; font-size: var(--tit-md-size); color: #222; font-weight:600; line-height: 100%; letter-spacing: -1px; margin-bottom:clamp(10px, 2.344vw, 30px) }	





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.boxinfo_AD .work_info{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); ; gap:10px;}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.boxinfo_AD .work_info{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); ; gap:10px;}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.boxinfo_AD .work_info>.work_listbox{ width: 100%; float: left; border-radius: 15px; border: 2px solid #f5f5f5; padding:  clamp(28px, 2.083vw, 52px) clamp(28px, 2.083vw, 52px) ; position: relative}
	

.boxinfo_AD .work_info>.work_listbox .hompage{ width:44px;  height:44px;   position: absolute; right:clamp(28px, 2.083vw, 30px); top:clamp(28px, 2.083vw, 30px);  background-size: 44px; }
	
	
.boxinfo_AD .work_info>.work_listbox .work_list_tit{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 1.1); color: #000; font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom:10px}
.boxinfo_AD .work_info>.work_listbox .work_list_tit2{ width:100%; float: left; font-size: var(--tit-mds-size); color: #222; font-weight:500; line-height: 100%; letter-spacing: -1px; margin-bottom: clamp(30px, 1.563vw, 50px)}

.boxinfo_AD .work_info>.work_listbox .work_list_tx ul li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #222; font-weight:500; line-height: 140%; letter-spacing: -1px; margin-bottom: 5px; padding-left: clamp(10px, 1.172vw, 15px); position: relative}		
.boxinfo_AD .work_info>.work_listbox .work_list_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;}	


.boxinfo_AD .work_info>.work_listbox .work_list_tx2 ul li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #666; font-weight:500; line-height: 120%; letter-spacing: -1px; margin-bottom: 5px; padding-left: clamp(27px, 1.172vw, 32px); position: relative}		
.boxinfo_AD .work_info>.work_listbox .work_list_tx2 ul li:before{position: absolute; left: 16px; top:clamp(0px, 0.938vw, -3px);content: "-";  color:#666;   font-family: unicons-line; font-size: var(--tx-sm-size); }



.boxinfo_AD .work_info>.work_listbox .work_list_btn{ width:auto; float: left;  padding: 10px 15px; border-radius: 10px; background-color:var(--primary);; color: #fff; font-size: var(--tx-sm-size);}