<footer class="oopy-my-footer">
    <div class="oopy-my-footer-mobile-toggle" id="footer-toggle">
        <h3>열린군대를위한시민연대</h3>
        <span class="oopy-my-footer-mobile-toggle-button">▼</span>
    </div>
    
    <div class="oopy-my-footer-container" id="footer-content">
        <div class="oopy-my-footer-column">
          	<p>만든이</p>
            <h3>열린군대를위한시민연대</h3>
          	<br />
          <p>디자인・구성</p>
            <h3>힐데와소피</h3>
          	<br />
          	<p><b>바로가기</b></p>
                   <ul>
                <li><a href="http://www.militarywatch.or.kr/">홈페이지</a></li>
                <li><a href="https://www.facebook.com/watchmilitary/">페이스북</a></li>
                <li><a href="https://www.instagram.com/watchmilitary/">인스타그램</a></li>
            </ul>
  
        </div>
        
        <div class="oopy-my-footer-column2">
          	<p>한국군을 인권과 민주주의, 평화를 위한 군대로 변화시키기 위해 노력합니다. 이를 위해 한국군의 문제점에 대한 감시 및 비판적인 활동과 함께 긍정적인 부분을 견인하기 위한 실천활동을 합니다. 나아가 이를 통해 한국사회의 민주화와 한반도 평화 실현에 기여함을 목적으로 합니다.
            </p>  
          <br />
           <p>이메일: watch@militarywatch.or.kr</p>
            <p>주소: 서울시 용산구 이태원로26길 17, 202호(우편번호:04391)</p>
            <p>전화: 02)338-0426</p>
        </div>
       
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2026 열린군대를위한시민연대 All Rights Reserved.</p>
    </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>

darktourarchives.oopy.io

위치

참여자

상태

장소유형

기초지방자치단체

사건연도

세부사건

사건유형

광역지방자치단체

가해주체

더 가봐야 할 곳

이름

날짜

전체 장소

거창사건추모공원