@charset "utf-8";

/* MAIN_03_SCF */

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_03_SCF { width: 100%;float: left; 
position: relative;
overflow: hidden;     min-height: clamp(400px, 72.344vw, 926px);  background: url("/_img/img/SCF/main03_bg.jpg")no-repeat center center; background-size: cover; padding: 100px 0px 100px

}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_03_SCF { width: 100%;float: left; 
position: relative;
overflow: hidden;     min-height:auto;  background: url("/_img/img/SCF/main03_bg.jpg")no-repeat center center; background-size: cover; padding: 50px 0px 100px

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


.MAIN_03_SCF .contents-inner {
width: 100%;  position: relative;  
}




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_03_SCF .content-title-box { width: 100%;float: left; display: flex;
justify-content:center;  align-items:flex-start; flex-direction:column; box-sizing: border-box; 

}
.MAIN_03_SCF .content-title-box .title{width: 100%; float: left; 
color: var(--white); text-align: center;  letter-spacing: -1px; line-height: 100%; f margin-bottom: clamp(20px, 2.344vw, 30px)
}	
.MAIN_03_SCF .content-title-box .stitle{width: 100%; float: left; 
color: var(--white); text-align: center;  font-size:calc(var(--tx-sm-size) * 1); letter-spacing: -1px; line-height: 130%; font-weight:700; margin-bottom: clamp(30px, 4.688vw, 60px)
}		
.MAIN_03_SCF .content-title-box .golink{width: 100%; float: left; display: flex;  justify-content: center;  align-items: center;

}		
.MAIN_03_SCF .content-title-box .golink {width: 80px; float: left; }		
.MAIN_03_SCF .content-title-box .golink  img{width: 80px; float: left; }		
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_03_SCF .content-title-box {
width: 100%; display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:column; box-sizing: border-box; margin-top: 0px;
}
.MAIN_03_SCF .content-title-box .title{width: 100%;
color: var(--white); text-align:left;   letter-spacing: -1px; line-height: 100%; font-weight: 800; margin-bottom: clamp(20px, 2.344vw, 30px)
}	
.MAIN_03_SCF .content-title-box .stitle{width: 100%;
color: var(--white); text-align:left;  font-size:calc(var(--tx-sm-size) * 0.85); letter-spacing: -1px; line-height: 130%; font-weight:400; margin-bottom: clamp(30px, 4.688vw, 60px)
}
	
.MAIN_03_SCF .content-title-box .golink .wg_img1{width: auto; float: left; }		
.MAIN_03_SCF .content-title-box .golink .wg_img1 img{width: auto; float: left; }		
		
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_03_SCF .wg_boxin {width: 100%;float: left;  display: grid; grid-template-columns: repeat(4, 1fr); gap:clamp(20px, 3.125vw, 60px);}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_03_SCF .wg_boxin {width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr)!important; gap:clamp(20px, 3.125vw, 40px); }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_03_SCF .wg_boxinin { width: 100%;  height: 100%; aspect-ratio:1 / 0.6; position:relative; padding: 30px 60px; background-color:rgba(255,255,255,0.8); border-radius:20px;  display: flex;
justify-content:center;  align-items:center; flex-direction:column; box-sizing: border-box; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   backdrop-filter: blur(10px);  border: 1px solid rgba(255,255,255,1.00);
 }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_03_SCF .wg_boxinin { width: 100%;  height: 100%; position:relative; padding: 20px; background-color:rgba(255,255,255,0.8); border-radius:10px  30px 10px 30px;  display: flex;
justify-content:center;  align-items:center; flex-direction:column; box-sizing: border-box; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   backdrop-filter: blur(10px);  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




	
	.MAIN_03_SCF .wg_boxinin  .wg_img1 { width: clamp(80px, 7.813vw, 150px);  margin-top: -40px; }
.MAIN_03_SCF .wg_boxinin  .wg_img1 img { width:100%;  transition: 0.3s ease; /* 부드럽게 */ }
	
.MAIN_03_SCF .wg_boxinin:hover  .wg_img1 img { width:100%;  transition: 0.3s ease; /* 부드럽게 */ }
.MAIN_03_SCF .wg_boxinin  .wg_tx1 { width: 100%; font-size: calc(var(--tx-sm-size) * 1.2); color: #333; font-weight: 800!important; letter-spacing: -1px; line-height: 130%; font-weight:500;  margin-bottom: 15px}

	
.MAIN_03_SCF .wg_boxinin  .wg_tx2{ width: 100%; font-size: calc(var(--tx-sm-size) * 0.9); color: #333; font-weight: 600!important; letter-spacing: -1px; line-height: 130%; font-weight:500;}
	


.golinkbox{ width:100%;  float: left; display: flex;  justify-content: center;  align-items: center;margin-top: -50px ;}
.golinkbox .golink{ width:200px!important; height:100px!important; overflow: hidden  ; display: flex;  justify-content: center;  align-items: center; ;}
.golinkbox .golink lottie-player{ width:300px!important; height:300px!important;  align-items: center; ;}