

.SCF_7010_4 { width:100%; float: left; }		
.SCF_7010_4 .sub_stit{ width:100%; float: left;font-size:calc(var(--tit-md-size) * 0.9);  color: #222; font-weight:800; line-height: 100%; letter-spacing: -1px; margin-bottom:clamp(10px, 2.344vw, 30px) }		

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_7010_4 .sub_stit2{ width:100%; float: left;  color: #222; font-size:calc(var(--tit-mds-size) * 0.9); font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom:  clamp(10px, 1.563vw, 20px)}	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_7010_4 .sub_stit2{ width:100%; float: left;  color: #222; font-size:calc(var(--tit-mds-size) * 1.1); font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom:  clamp(10px, 1.563vw, 20px)}	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SCF_7010_4  .step_box{ width: 100%; float: left;  display: grid; display: grid; grid-template-columns: repeat(3, 1fr);}

.SCF_7010_4  .step_box>.step_inbox{ width: 100%; float: left; position: relative}	
.SCF_7010_4  .step_box>.step_inbox:before{ width: 1px; float: left; border-right: 1px dashed #b2b2b2;  height:80%; content: ""; position: absolute; right: 0px; top: 10%;  }	
.SCF_7010_4  .step_box>.step_inbox:last-child{ width: 100%; float: left; border-right: none;}	

.SCF_7010_4  .step_box>.step_inbox{border-radius: 0px 0px 0px 0px; border-top:  1px solid #ccc;   border-bottom:  1px solid #ccc;  padding: 40px 40px 70px; }
.SCF_7010_4  .step_box>.step_inbox:first-child{ border-left:  1px solid #ccc; border-radius: clamp(10px, 1.563vw, 20px) 0px 0px clamp(10px, 1.563vw, 20px);  }	
.SCF_7010_4  .step_box>.step_inbox:last-child{ border-radius:0px  clamp(10px, 1.563vw, 20px) clamp(10px, 1.563vw, 20px) 0px; border-right:  1px solid #ccc; }	
.SCF_7010_4  .step_box>.step_inbox:last-child:before{display: none  }		

	



}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_7010_4  .step_box{ width: 100%; float: left;  display: grid; grid-template-columns:100%;    padding: 0px 10px 0px 0px!important; margin-bottom: 10px; grid-gap: 20px ;  box-shadow:none!important; border: none!important; }

.SCF_7010_4  .step_box>.step_inbox{ width: 100%; float: left; border : 1px dashed #b2b2b2;  border-radius: 15px;   padding: 20px 25px 20px 25px; position: relative; height: 100%; }	
.SCF_7010_4  .step_box>.step_inbox:before{position: absolute; left: 50%; bottom: -25px; margin-top: 0px;  margin-left: -15px; width: 30px; height: 30px; border-radius: 100%; background-color: var(--primary);; color: #fff; font-size: 25px;content: "\ebe9";    font-family: unicons-line; z-index: 99;  display: grid;
place-items: center; /* 가로 + 세로 중앙 */; padding-right:  -2px; padding-bottom: 2px;}	

.SCF_7010_4  .step_box>.step_inbox:last-child:before{display: none}	
} 
/**** 모바일2 ****/
@media only all and (max-width:400px) {}

/* 구분 //end -----------------------------------*/






.SCF_7010_4  .step_box>.step_inbox .step_um{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 0.9);  color:var(--primary); font-weight:900; line-height: 180%; letter-spacing: -0.5px; margin-top: -10px  }
.SCF_7010_4  .step_box>.step_inbox .step_tt{ width:100%; float: left; font-size:calc(var(--tx-sm-size) * 1.1); color:#222; font-weight:700; line-height: 130%; letter-spacing: -0.5px;  }		

.SCF_7010_4  .step_box>.step_inbox .wg_img1{position: absolute; right:clamp(20px, 3.125vw, 40px); top:clamp(20px, 3.125vw, 40px);  width: clamp(80px, 7.031vw, 130px); height:clamp(80px, 7.031vw, 130px);  border-radius: 10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; }	

.SCF_7010_4  .step_box>.step_inbox .wg_img1 img{ width:70%; }

.SCF_7010_4  .step_box>.step_inbox .wg_img1 i{ font-family: unicons-solid; }


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/








 /* 글래스모피즘 효과 */
        .glass-icon .wg_img1 i{
            font-size: 48px;
			  background: rgba(255, 107, 107, 0.1);
            background: linear-gradient(135deg, #dc143c 0%, #FB7860 30%, #F8715D 70%, #FDAC88 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            backdrop-filter: blur(15px);
			    border: 1px solid rgba(255, 107, 107, 0.2);
            border: 1px solid  linear-gradient(135deg, #dc143c 0%, #ff6347 30%, #ffa500 70%, #ffd4a3 100%);
            border-radius: 20px;
            padding: 20px;
            box-shadow: 0 8px 32px rgba(220, 20, 60, 0.1),
                        inset 0 1px 0 rgba(255, 255, 255, 0.1);
            position: relative;
            transition: all 0.3s ease;
        }


