<footer class="oopy-my-footer"> 
    <div class="oopy-my-footer-container" id="footer-content">
        <div class="oopy-my-footer-column">
            <h3>2025 민주노총 공공운수사회서비스노조 전국대학원생노동조합지부 | E-Mail : graduunion@gmail.com</h3>
      </div>
    </div>
  
    <div class="oopy-my-footer-column">
        <ul>
            <li>
            <p>상급단체 바로가기 | <a href="https://www.kptu.net/index.aspx" target="_blank" rel="noopener noreferrer" aria-label="공공운수노조">
               <strong>공공운수노조</strong>
              </a></p>
            </li>
        </ul>
     </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>

www.graduunion.or.kr

민주노총 공공운수노조 전국대학원생노동조합지부 공식홈페이지

지부 제2대 운영위원회