.footer {
  background-color: #1c2a4a;
  color: #c9d1e0;
  padding: 40px 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
}

/* global-font.css */

/* 맨위로 가기 버튼 스타일 */
.scroll-to-top {
  position: fixed; /* 화면에 고정 */
  bottom: 30px;
  right: 30px;
  z-index: 999; /* 다른 요소들 위에 보이도록 */
  
  width: 50px; /* 버튼 크기 */
  height: 50px;
  
  background-color: #4a76fd; /* 배경색 */
  color: white; /* 아이콘 색상 */
  
  border: none;
  border-radius: 50%; /* 원 모양으로 만들기 */
  
  display: flex; /* 아이콘을 가운데 정렬하기 위함 */
  align-items: center;
  justify-content: center;
  
  font-size: 24px; /* 아이콘 크기 */
  text-decoration: none;
  
  opacity: 0; /* 처음엔 투명하게 숨김 */
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease; /* 부드러운 효과 */
  
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 'show' 클래스가 붙으면 버튼이 나타남 */
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}

/* 부드러운 스크롤 효과 (이미 있다면 추가 안 해도 됨) */
html {
  scroll-behavior: smooth;
}