/* --------------------------- Footer */

/** 푸터 정보 **/
.footer .footer_info { padding:5.25rem 0 7.5rem; background:url("../../images/bg_footer.png") top center/cover; } 
.footer .footer_info .inner { display: flex; gap:5rem; justify-content: space-between; } 
.footer .footer_info h2 img { filter: brightness(0) invert(1); } 
.footer .footer_info .info_box { flex:1; } 
.footer .footer_info .info_box p { line-height: 187.5%; color: #FFF; letter-spacing: -0.8px; } 
.footer .footer_info .info_box p b { font-weight: 600; } 
.footer .footer_info .info_box p.copyright { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0; } 

@media screen and (max-width: 640px) { 
 .footer .footer_info { padding:4rem 0; } 
 .footer .footer_info .inner { gap:1.5rem; flex-direction: column; } 
}



/*-------------------------------- 상단으로 */
.goToTop_box { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 999; text-align: center; transition: transform 0.7s, opacity 0.7s, bottom 0.5s; transform: scale(0); opacity: 1; border-radius: 100%; } 
.goToTop_box button { display: block; position: relative; width: 175px; height: 175px; } 
.goToTop_box .rotate { display: block; animation: rotate 40s linear infinite; } 
.goToTop_box.show { transform: scale(1); opacity: 1; } 
.goToTop_box .arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; width:64px; height:64px; background-color: var(--gray-50, #F8F8F8); transform: translate(-50%, -50%); border-radius: 100%; } 

@media screen and (max-width:1024px) { 
 .goToTop_box { display: none; } 
}

 @keyframes rotate { 
 0% { 
 transform: rotate(0); 
}
 
 100% { 
 transform: rotate(360deg); 
}
}











