/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_5020_3 .wg_box {  width: 100%; float: left; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_5020_3 .wg_box {  width: 100%; float: left;   }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SCF_5020_3 .sub_stit1 {  width: 100%; float: left; font-size: calc(var(--tit-mds-size) * 1.4); color: #333333; font-weight: 700;  letter-spacing: -1px;line-height: 130%;  margin-bottom: 30px;  }	
	
.SCF_5020_3 .wg_boxin { width: 100%;float: left ;}	


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_5020_3 .sub_stit1 {  width: 100%; float: left; font-size: calc(var(--tit-mds-size) * 1.4); color: #333333; font-weight: 700;  letter-spacing: -1px;line-height: 110%;  margin-bottom: 0px!important }
	
.SCF_5020_3 .wg_boxin { width: 100%;float: left; display: flex; flex-direction: column; grid-gap: 0px!important}


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.SCF_5020_3 .wg_btn {width: auto; float: left; font-size:calc(var(--tx-sm-size) * 1);color: #fff; font-weight: 700 ; background-color: #222; padding:clamp(10px, 1.406vw, 18px) clamp(20px, 3.906vw, 50px); border-radius: 6px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; margin-bottom: 20px }
.SCF_5020_3 .wg_btn:hover {background-color: var(--primary);}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_5020_3 .wg_boxin { width: 100%;float: left}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_5020_3 .wg_boxin { width: 100%;float: left;  grid-gap: 20px!important}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 3) 셀 CSS (데모 스타일은 스코프 규칙 적용) */
.SCF_5020_3 .wg_boxin .cell{width:100%; float: left; display: grid; grid-template-columns: clamp(70px, 7.422vw, 95px) auto ;grid-gap:  clamp(0px, 1.563vw, 30px)!important ;  background-color: #f2edec; padding: 30px; border-radius:10px;}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_5020_3 .wg_boxin .cell .wg_img1{width:100%; float: left;aspect-ratio:1 / 1;float: left; border-radius: 10px; background-color: #fff; display: flex;  justify-content: center;  align-items: center; padding: 15px;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_5020_3 .wg_boxin .cell .wg_img1{width:100%; float: left; border-radius: 10px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.SCF_5020_3 .wg_boxin .cell .wg_img1 img{width:100%;     object-fit: cover;    height: 100%;	 }
.SCF_5020_3 .wg_boxin .cell .wg_img1 i{font-size: 45px; color: #000}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_5020_3 .wg_boxin .cell .wg_fr{width:100%; float: left; display: flex;flex-direction: column;justify-content:center;align-items:flex-start }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_5020_3 .wg_boxin .cell .wg_fr{width:100%; float: left; display: flex;flex-direction: column;justify-content:center;align-items:flex-start; padding-left: 20px; border-left: 1px solid #ccc}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.SCF_5020_3 .wg_boxin .cell .wg_fr .wg_tx_tit{width:100%; float: left; font-size:calc(var(--tx-sm-size) * 1.2); font-weight: 700;  font-weight: 700; margin-bottom: 10px}
.SCF_5020_3 .wg_boxin .cell .wg_fr .wg_tx_s{width:100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9); font-weight: 400; color: #666 }
.SCF_5020_3 .wg_boxin .cell .wg_fr .wg_tx_dot{width:100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9); padding-left: 10px; position: relative}
.SCF_5020_3 .wg_boxin .cell .wg_fr .wg_tx_dot:before{position: absolute; left: 0px; top: 0px; content: "·";    }