/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.SCF_1020_3  { width: 100%; float: left;  background: url("../../../../../_img/img/SCF/sub_1020_3_img05.png")no-repeat center center; background-size:1314px; padding-top: 350px; margin-top:-350px}



.SCF_1020_3 .wg_box {width: 100%; float: left;}



.SCF_1020_3 .wg_box .wg_boxin { width: 100%; float: left;  display: flex;
justify-content:space-around;  align-items: center; flex-direction:row; box-sizing: border-box;  }

.SCF_1020_3 .wg_box .wg_boxin .deco_line{   width: calc(50% - 150px);  border-bottom: 1px solid #ccc; height: 1px; position: relative}

.SCF_1020_3 .wg_box .wg_boxin .sub_stit { width: auto; float: left; font-size:calc(var(--tit-md-size) * 1.2); color: #000;letter-spacing: -1px; font-weight: 700; flex: 1; text-align: center}

.SCF_1020_3 .wg_box .wg_boxin .deco_line:before{width: 10px; height: 10px;  border-radius: 100%; position: absolute; left: 0px; top:-5px; background-color: #000; 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;}	

.SCF_1020_3 .wg_box .wg_boxin .deco_line2{   width: calc(50% - 150px);  border-bottom: 1px solid #ccc; height: 1px; position: relative}
.SCF_1020_3 .wg_box .wg_boxin .deco_line2:before{width: 10px; height: 10px;  border-radius: 100%; position: absolute; right: 0px; top:-5px; background-color: #000; 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;}



.SCF_1020_3 .wg_box  .sub_stit2{ width: 100%; float: left; color: #000; font-size:calc(var(--tit-mds-size) * 0.85); text-align: center; font-weight: 500; letter-spacing: -1px;line-height: 150%; margin-top: clamp(20px, 3.906vw, 50px); margin-bottom:clamp(30px, 6.250vw, 80px)}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.SCF_1020_3  { width: 100%; float: left;  background: url("../../../../../_img/img/SCF/sub_1020_3_img05.png")no-repeat center center; background-size:cover; padding-top: 0px; margin-top: -50px}



.SCF_1020_3 .wg_box {width: 100%; float: left;}



.SCF_1020_3 .wg_box .wg_boxin { width: 100%; float: left;  display: flex;
justify-content:space-around;  align-items: center; flex-direction:row; box-sizing: border-box;  }

.SCF_1020_3 .wg_box .wg_boxin .deco_line{   width: calc(50% - 50px);  border-bottom: 1px solid #ccc; height: 1px; position: relative}

.SCF_1020_3 .wg_box .wg_boxin .sub_stit { width: auto; float: left; font-size:calc(var(--tit-md-size) * 0.8); color: #000;letter-spacing: -1px; font-weight: 700; flex: 1; text-align: center}

.SCF_1020_3 .wg_box .wg_boxin .deco_line:before{width: 5px; height: 5px;  border-radius: 100%; position: absolute; left: 0px; top:-2px; background-color: #000; 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;}	

.SCF_1020_3 .wg_box .wg_boxin .deco_line2{   width: calc(50% - 50px);  border-bottom: 1px solid #ccc; height: 1px; position: relative}
.SCF_1020_3 .wg_box .wg_boxin .deco_line2:before{width: 5px; height: 5px;  border-radius: 100%; position: absolute; right: 0px; top:-2px; background-color: #000; 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;}



.SCF_1020_3 .wg_box  .sub_stit2{ width: 100%; float: left; color: #000; font-size:calc(var(--tit-mds-size) * 0.85); text-align: center; font-weight: 500; letter-spacing: -1px;line-height: 150%; margin-top:clamp(20px, 3.906vw, 50px); margin-bottom:clamp(30px, 6.250vw, 80px)}

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


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SCF_1020_3 .wg_boxin2{width: 100%; float: left; display: grid; grid-template-columns: repeat(4, 1fr); gap:50px;}
.SCF_1020_3 .wg_boxin2>.wg_boxinin{width: 100%; float: left;  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; }	
	
.SCF_1020_3 .wg_boxinin .wg_img{width:220px; height: 220px;  float: left;  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;  margin-bottom: 20px; aspect-ratio:1/1; }		
	
.SCF_1020_3 .wg_boxinin .wg_img img { width:100%; height:100%; object-fit:cover; display:block; }	

.SCF_1020_3 .wg_boxinin .wg_txbox { width: 100%; float: left;}		
.SCF_1020_3 .wg_boxinin .wg_txbox .wg_tx1 { width: 100%; float: left; font-size:calc(var(--tit-md-size) * 1.0); color: #000;letter-spacing: -1px; font-weight: 700;  text-align: center; margin-bottom: 20px}	
.SCF_1020_3 .wg_boxinin .wg_txbox .wg_tx2{ width: 100%; float: left; color: #000; font-size:calc(var(--tit-mds-size) * 0.7); text-align: center; font-weight: 600; letter-spacing: -1px;line-height: 100%; text-transform:uppercase;margin-bottom: 15px}	
.SCF_1020_3 .wg_boxinin .wg_txbox .wg_tx3{ width: 100%; float: left; color: #666; font-size:calc(var(--tit-mds-size) * 0.75); text-align: center; font-weight: 500; letter-spacing: -1px;line-height: 150%; }	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_1020_3 .wg_boxin2{width: 100%; float: left; display: grid; grid-template-columns: repeat(1, 1fr); gap:15px;}
.SCF_1020_3 .wg_boxin2>.wg_boxinin{width: 100%; float: left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	
	
.SCF_1020_3 .wg_boxinin .wg_img{width:100px; height:100px;  float: left;  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;  margin-bottom: 0px; aspect-ratio:1/1; }		
	
.SCF_1020_3 .wg_boxinin .wg_img img { width:100%; height:100%; object-fit:cover; display:block; }	

.SCF_1020_3 .wg_boxinin .wg_txbox { width: calc(100% - 120px); float: left;}		
	
.SCF_1020_3 .wg_boxinin .wg_txbox .wg_tx1 { width: 100%; float: left; font-size:calc(var(--tit-md-size) * 0.65); color: #000;letter-spacing: -1px; font-weight: 700;  text-align:left; margin-bottom: 10px}	
.SCF_1020_3 .wg_boxinin .wg_txbox .wg_tx2{ width: 100%; float: left; color: #000; font-size:calc(var(--tit-mds-size) * 0.8); text-align:left; font-weight: 600; letter-spacing: -1px;line-height: 100%; text-transform:uppercase;margin-bottom: 5px}	
.SCF_1020_3 .wg_boxinin .wg_txbox .wg_tx3{ width: 100%; float: left; color: #666; font-size:calc(var(--tit-mds-size) * 0.8); text-align:left; font-weight: 500; letter-spacing: -1px;line-height: 150%; }		
	
}

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