



.SCF_2050_0 .subbgtopimg { width: 100%; float: left; height:calc(var(--subtop-h) - 100px);  overflow: hidden; position: relative!important;  margin-bottom: 0px!important}
.SCF_2050_0 .subbgtopimg .wg_img1 { width: 100%; height:100%; position: absolute; top: 0px;left: 0px; z-index: 0!important; overflow: hidden}
	
.SCF_2050_0 .subbgtopimg .wg_img1:before{ width: 100%; height:80px; position: absolute; top: -80px; left: 0px; z-index: 0; content: "";   background-color: var(--primary-opacity80);z-index: 99999999;}
	


.SCF_2050_0 .subbgtopimg .wg_img1  img {height:auto; width: 2560PX; -webkit-animation: sub_top_ani  2s forwards; /* Safari 4.0 - 8.0 */
  animation: sub_top_ani 2s forwards; position: absolute; top: -70px; left:50%; margin-left: -1280PX}

@keyframes sub_top_ani {
  from { opacity:0; transform: translateY(-90px); }
  to   { opacity:1; transform:  translateY(-70px);  }
}

.SCF_2050_0 .subbgtopimg  .contents-container{  padding: 80PX 0PX 50px 0px; height: 100%!important; display: inline-block; text-align: left!important; display: flex;  justify-content: center;  align-items: center; }
	
 .SCF_2050_0 .wg_boxin{ width: 100%!important; float: left;   }



.SCF_2050_0 .wg_tx3{ width: 100%!important; float: left; color: #fff;font-size:calc(var(--tit-mds-size) * 0.7)!important;  line-height: 100%; margin-top: 15px}

 .SCF_2050_0 .wg_tx3 .intx{ width: 100%!important; float: left; color: #fff; font-size:calc(var(--tit-md-size) * 0.7)!important; font-weight: 800; line-height: 100%;}

/* 기존 CSS에 추가할 애니메이션 스타일 */
.SCF_2050_0 .wg_tx1,
.SCF_2050_0 .wg_tx2 { 
    width: 100% !important; 
    float: left; 
    height: auto;  
    overflow: hidden;
    position: relative; height: 35px;
} 

.SCF_2050_0 .wg_tx1 .intx,
.SCF_2050_0 .wg_tx2 .intx { 
    width: 100% !important; 
    float: left; 
    color: #fff; 
    font-size: calc(var(--tit-md-size) * 0.9); 
    margin-bottom: 0px; 
    font-weight: 800; 
    line-height: 100%;
} 

/* 단어별 애니메이션을 위한 스타일 */
.SCF_2050_0 .word {
    display: inline-block;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-right:1px; font-size:calc(var(--tit-md-size) * 0.7)!important; 
}

.SCF_2050_0 .word.animate {
    transform: translateY(0);
    opacity: 1;
}