<footer class="footer">
  <div class="footer-top">
    
    <div class="footer-links">
      <a href="https://app.atmsads.io/legal/privacy">개인정보처리방침</a>
      <a href="https://app.atmsads.io/legal/terms">이용약관</a>
      <a href="https://welcome.atmsads.io/business?id=1">이용안내</a>
      <a href="https://welcome.atmsads.io/marketing">광고문의</a>
    </div>
    
    <div class="footer-family">
      <select id="familySite">
        <option value="">Family Site</option>
        <option value="https://welcome.atmsads.io/">ATMS ADS</option>
        <option value="https://atomos.kr/">ATOMOS</option>
      </select>
    </div>
  </div>

  <div class="footer-info">
    대표 : 신준섭 | 통신판매업신고 : 2020-광주북구-0662 | 사업자번호 : 241-86-00094 |
    E-mail : atomosholdings@daum.net
  </div>

  <div class="footer-copy">
    © All rights reserved by ATOMOS
  </div>
</footer>

<script>
    // 모바일 푸터 토글 기능을 위한 스크립트
    // 데스크톱에서는 이 스크립트가 영향을 주지 않습니다.
    const footerToggle = document.getElementById('footer-toggle');
    const footerContent = document.getElementById('footer-content');

    if (footerToggle && footerContent) {
        footerToggle.addEventListener('click', () => {
            // is-open 클래스를 컨테이너와 버튼 자체에 토글합니다.
            footerContent.classList.toggle('is-open');
            footerToggle.classList.toggle('is-open');
        });

        // 초기 상태 설정 (데스크톱에서는 항상 열려 있도록)
        function checkFooterView() {
            if (window.innerWidth > 768) {
                footerContent.classList.add('is-open');
                // 데스크톱 뷰에서는 토글 버튼에 is-open 클래스를 제거하여 화살표 방향을 초기화합니다.
                footerToggle.classList.remove('is-open');
            } else {
                 // 모바일 뷰로 전환될 때 기본적으로 닫힌 상태로 만듭니다.
                 footerContent.classList.remove('is-open');
                 footerToggle.classList.remove('is-open');
            }
        }
        
        // 페이지 로드 시 및 창 크기 변경 시 뷰 체크
        checkFooterView();
        window.addEventListener('resize', checkFooterView);
    }
</script>

<script>
  
  // 포인트 컬러 - 노션의 블루를 아토모스 블루로 바꾸기
  const newColor = "rgb(0, 72, 252)";

  document.querySelectorAll("[style*='rgb(11, 110, 153)']").forEach(el => {
    el.style.color = newColor;
  });
  
  // 푸터 - 패밀리사이트
  document.getElementById("familySite").addEventListener("change", function() {
    const url = this.value;
    if (url) {
      window.open(url, "_blank"); // 새 탭으로 열기
      this.value = ""; // 다시 "Family Site"로 초기화
    }
  });
</script>