/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_3010_2 .wg_box {  width: 100%; float: left;padding:clamp(20px, 3.906vw, 50px); background:#fbfbfb; border-radius:20px;display: grid;  grid-template-columns: minmax(300px, 35%) auto;  border: 1px solid rgba(204,204,204,0.62);    box-shadow:3px 3px 30px rgba(0,0,0,0.05);position: relative }
	
	
	.SCF_3010_2 .wg_box:before{  content: "";   width:60px; background: url("/_img/svg/color_icon/label.svg")no-repeat!important; background:100%; height: 70px; position: absolute; left:50px; top: -10px ; z-index: 999}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_3010_2 .wg_box {  width: 100%; float: left;padding:40px 30px; background:#f7f7f7; border-radius:20px;  display: flex; flex-direction: column; grid-gap:  clamp(20px, 3.906vw, 50px) ; border: 1px solid rgba(204,204,204,0.62);    box-shadow:3px 3px 30px rgba(0,0,0,0.05);position: relative }
	
	.SCF_3010_2 .wg_box:before{  content: "";   width:60px; background: url("/_img/svg/color_icon/label.svg")no-repeat!important; background:100%; height: 70px; position: absolute; right:50px; top: -10px ; z-index: 999}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SCF_3010_2 .wg_boxin { width: 100%;float: left}	
.SCF_3010_2 .sub_stit1 {  width: 100%; float: left; font-size: calc(var(--tit-mds-size) * 1.4); color: #000; font-weight: 800;  letter-spacing: -1px;line-height: 130%;  padding-top: 30px  }
.SCF_3010_2 .sub_stit1 em{ font-size: calc(var(--tit-mds-size) * 1.4); color:  var(--primary); font-weight: 800;  letter-spacing: -1px;line-height: 130%;   }	
	
.SCF_3010_2 .sub_stit2 {width: 100%; float: left;  font-size: calc(var(--tx-sm-size) * 1); color: #666;  font-weight: 600; margin-bottom: 10px;   }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_3010_2 .wg_boxin { width: 100%;float: left; display: flex; flex-direction: column; grid-gap: 0px!important}
.SCF_3010_2 .sub_stit1 {  width: 100%; float: left; font-size: calc(var(--tit-mds-size) * 1.4); color: #000; font-weight: 800;  letter-spacing: -1px;line-height: 110%;  margin-bottom: 0px!important }
.SCF_3010_2 .sub_stit1 em {  font-size: calc(var(--tit-mds-size) * 1.4); color:  var(--primary); font-weight: 800;  letter-spacing: -1px;line-height: 110%;  margin-bottom: 0px!important }	
	
.SCF_3010_2 .sub_stit2 {width: 100%; float: left;  font-size: calc(var(--tx-sm-size) * 1);color: #666;   color: #666; ;margin-top: -10px  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.SCF_3010_2 .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_3010_2 .wg_btn:hover {background-color: var(--primary);}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_3010_2 .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_3010_2 .wg_boxin { width: 100%;float: left;  grid-gap: 20px!important}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 3) 셀 CSS (데모 스타일은 스코프 규칙 적용) */
.SCF_3010_2 .wg_boxin .cell{width:100%; float: left; display: grid; grid-template-columns: clamp(65px, 7.422vw, 95px) auto ;grid-gap:  clamp(0px, 1.563vw, 20px)!important }
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_3010_2 .wg_boxin .cell .wg_img1{width:100%; float: left;aspect-ratio:1 / 1;float: left; border-radius: 10px; background-color: #f2f4fa; 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_3010_2 .wg_boxin .cell .wg_img1{width:100%; float: left;  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



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


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_3010_2 .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_3010_2 .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_3010_2 .wg_boxin .cell .wg_fr .wg_tx_tit{width:100%; float: left; font-size:calc(var(--tx-sm-size) * 1.2); color: #333; font-weight: 700;  font-weight: 700; margin-bottom: 10px}
.SCF_3010_2 .wg_boxin .cell .wg_fr .wg_tx_s{width:100%; float: left; font-size:calc(var(--tx-sm-size) * 0.85); font-weight: 400; color: #666; line-height: 130%; margin-top: 5px; padding-left: 10px; }


.SCF_3010_2 .wg_boxin .cell .wg_fr .wg_tx{width:100%; float: left; font-size:calc(var(--tx-sm-size) *1); font-weight: 600;  color: #333;line-height: 150%; }
.SCF_3010_2 .wg_boxin .cell .wg_fr .wg_tx em{ font-size:calc(var(--tx-sm-size) * 1); font-weight: 700; color: #000; line-height: 150%;  }
.SCF_3010_2 .wg_boxin .cell .wg_fr .wg_tx span{ font-size:calc(var(--tx-sm-size) * 0.85); font-weight: 400; color: #666; line-height: 150%;  }
.SCF_3010_2 .wg_boxin .cell .wg_fr .wg_tx_dot{width:100%; float: left; font-size:calc(var(--tx-sm-size) * 1); color: #333; font-weight: 700; padding-left: 10px; position: relative; line-height: 130% }
.SCF_3010_2 .wg_boxin .cell .wg_fr .wg_tx_dot:before{position: absolute; left: 0px; top: 0px; content: "·";    }