<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">
            <div class="oopy-footer-info-group">
                <h3>이수경국어학원</h3>
                <p>등록번호: 제5298호</p>
                <p><a href="https://naver.me/GplPdm11" target="_blank" rel="noopener noreferrer">📍 이수경국어학원 본원</a></p>
								<p><a href="https://naver.me/5t7LJlO1" target="_blank" rel="noopener noreferrer">📍 이수경국어학원 중등센터</a></p>
             		<p><a href="https://naver.me/xJGJVfFd" target="_blank" rel="noopener noreferrer">📍 이수경국어학원 화정센터</a></p>
            </div>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>연락처</h3>
            <p>031-973-4497</p>
            <p>010-2792-7388 | 박언호 대표</p>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>바로가기</h3>
            <div class="oopy-my-footer-links">
                <p><a href="https://www.instagram.com/shueguk/" target="_blank" rel="noopener noreferrer">💬 슈국 인스타그램</a></p>
                <p><a href="https://blog.naver.com/99344053" target="_blank" rel="noopener noreferrer">📝 네이버 블로그</a></p>
                <p><a href="https://www.youtube.com/@shueguk" target="_blank" rel="noopener noreferrer">🎬 슈국 유튜브</a></p>

            </div>
        </div>
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2026 이수경국어학원. All Rights Reserved.</p>
    </div>
</footer>

<script>
    /* 에디터 경고 방지를 위해 var와 일반 function 사용 */
    var footerToggle = document.getElementById('footer-toggle');
    var footerContent = document.getElementById('footer-content');

    function checkFooterView() {
        if (!footerToggle || !footerContent) return;
        
        if (window.innerWidth > 768) {
            footerContent.classList.add('is-open');
            footerToggle.classList.remove('is-open');
        } else {
            footerContent.classList.remove('is-open');
            footerToggle.classList.remove('is-open');
        }
    }

    if (footerToggle && footerContent) {
        footerToggle.addEventListener('click', function() {
            footerContent.classList.toggle('is-open');
            footerToggle.classList.toggle('is-open');
        });

        checkFooterView();
        window.addEventListener('resize', checkFooterView);
    }
</script>

독서 문항 예시