

.box_icon_CA  .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) }	


.box_icon_CA .work_info{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); ; gap:30px;}	


.box_icon_CA .work_info>.work_listbox{ width: 100%; min-height:clamp(150px, 30.469vw, 390px); float: left; border-radius: 15px; background-color: #f7f7f7; padding: clamp(5px, 0.9375vw, 15px) 20px 20px clamp(90px, 8.125vw, 130px);position: relative }
	

.box_icon_CA .work_info>.work_listbox>.work_listbox_header { width:100%;float: left; position: relative;  margin-bottom: clamp(0px, 1.5vw, 24px);  display: flex;  flex-direction: column;}

@media only all and (max-width:767px) {
  .box_icon_CA .work_info>.work_listbox>.work_listbox_header { padding: 0px 0px 20px; height:auto}

}
	

.box_icon_CA .work_info>.work_listbox>.work_listbox_header .work_list_tit{ width:100%; float: left; font-size:  calc(var(--tit-md-size) * 0.9) ;color: #000; font-weight:700; line-height: 1.4; letter-spacing: -1px; padding-top:10px;  word-break: keep-all;  }

@media only all and (max-width:767px) {
  .box_icon_CA .work_info>.work_listbox>.work_listbox_header .work_list_tit{ width:100%; float: left; font-size:var(--tit-md-size) ;color: #000; font-weight:700; line-height: 1.4; letter-spacing: -1px; padding-top:10px;  flex: 1;  word-break: keep-all; }

}
	

.box_icon_CA .work_info>.work_listbox>.work_listbox_header .work_list_tit em{ width:100%; float: left; font-size:  calc(var(--tit-mds-size) * 0.8); color: #000; font-weight:300; line-height: 1.4; letter-spacing: -1px; padding-top:10px; flex: 1;  word-break: keep-all; }

.box_icon_CA .work_info>.work_listbox .work_list_tit2{ width:100%; float: left;font-size: var(--tx-sm-size); color: #5c5c5c; font-weight:500; line-height: 1.5; letter-spacing: -1px; }

.box_icon_CA .work_list_tit2 .inin{ width:100%; float: left; margin-bottom: 10px}

.box_icon_CA .work_list_tit2 .inin em{ width:100%; float: left;font-size:  calc(var(--tit-sm-size) * 1.2); color: #000; font-weight:500; line-height: 1.5; letter-spacing: -1px;margin-bottom: 5px }
.box_icon_CA  .work_list_tit2 .inin ul{ width:100%; float: left; }
.box_icon_CA .work_list_tit2 .inin ul li{ width:100%; float: left;  padding-left: 10px; position: relative; font-size:  calc(var(--tit-sm-size) * 0.9); }
.box_icon_CA .work_list_tit2 .inin ul li:before{  content: "";    font-family: unicons-line; width: 3px; height:3px; border-radius: 100%; position: absolute; left: 0px; top:15px; background-color: #000}



.box_icon_CA .work_info > .work_listbox:nth-child(1)::before,
.box_icon_CA .work_info > .work_listbox:nth-child(2)::before,
.box_icon_CA .work_info > .work_listbox:nth-child(3)::before {
  content: "";  position: absolute;  width: clamp(80px, 6.875vw, 110px);   top: 0;  left: 0;  background: #ff6a00;  color: #fff;  font-weight: 500;  font-size: clamp(18px, 1.25vw, 20px);   padding: clamp(16px, 1.875vw, 30px);   border-radius: 15px 50px 50px 0;  z-index: 1;}

.box_icon_CA .work_info > .work_listbox:nth-child(1)::before {
  content: "전략1";
}
.box_icon_CA .work_info > .work_listbox:nth-child(2)::before {
  content: "전략2";
}
.box_icon_CA .work_info > .work_listbox:nth-child(3)::before {
  content: "전략3";
}
@media only all and (max-width:767px) {


}
	