<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">
            <h3>[학원명 입력]</h3>
            <p>대표자: [성함]</p>
            <p>사업자등록번호: [000-00-00000]</p>
            <p>교육청 신고번호: [제0000호]</p>
            <p>주소: [상세 주소]</p>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>수강 안내 및 상담</h3>
            <ul>
                <li class="bullet-item"><a href="[링크]">교습비(수강료) 안내</a></li>
                <li class="bullet-item"><a href="tel:[전화번호]">전화문의: [031-000-0000]</a></li>
                <li class="bullet-item">상담시간: [평일 13:00 - 22:00]</li>
            </ul>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>공식 채널</h3>
            <div class="oopy-my-footer-social-links">
                <a href="[링크]" class="oopy-my-footer-social-item" target="_blank" title="네이버 블로그">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.273 12.845L7.376 0H0v24h7.727V11.155L16.624 24H24V0h-7.727v12.845z"/></svg>
                </a>
                <a href="[링크]" class="oopy-my-footer-social-item" target="_blank" title="인스타그램">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.166.054 1.8.249 2.223.413.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.056 1.17-.249 1.805-.413 2.227-.217.562-.477.96-.896 1.382-.42.419-.82.679-1.383.896-.421.164-1.057.36-2.227.413-1.266.057-1.646.07-4.85.07s-3.585-.015-4.85-.07c-1.17-.056-1.805-.249-2.227-.413-.562-.217-.96-.477-1.382-.896-.419-.42-.679-.82-.896-1.383-.164-.421-.36-1.057-.413-2.227-.057-1.266-.07-1.646-.07-4.85s.015-3.585.07-4.85c.055-1.17.249-1.805.413-2.227.217-.562.477-.96.896-1.382.42-.419.82-.679 1.383-.896.421-.164 1.057-.36 2.227-.413 1.266-.058 1.646-.07 4.85-.07zM12 0C8.741 0 8.333.014 7.053.072 5.775.132 4.905.332 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.765.297 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.297-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.148-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.314.935 20.644.523 19.86.22c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
                </a>
                <a href="[링크]" class="oopy-my-footer-social-item" target="_blank" title="카카오톡 채널">
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3c-4.97 0-9 3.185-9 7.115 0 2.558 1.707 4.8 4.315 6.091l-.845 3.12c-.105.39.123.784.505.882.115.03.232.043.348.043.275 0 .535-.152.66-.416l1.243-2.618c.57.07 1.163.108 1.774.108 4.97 0 9-3.185 9-7.115S16.97 3 12 3z"/></svg>
                </a>
            </div>
        </div>
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2026 [학원명]. All Rights Reserved.</p>
    </div>
</footer>

<script>
    /* [기능] 모바일에서만 동작하는 펼침/접힘 스크립트 */
    const fToggle = document.getElementById('footer-toggle');
    const fContent = document.getElementById('footer-content');

    if (fToggle && fContent) {
        fToggle.addEventListener('click', () => {
            fContent.classList.toggle('is-open');
        });

        function adjustView() {
            if (window.innerWidth > 768) {
                fContent.classList.add('is-open');
            } else {
                fContent.classList.remove('is-open');
            }
        }
        
        adjustView();
        window.addEventListener('resize', adjustView);
    }
</script>

www.mpyrean.co.kr

중앙고수학학원, 배화여고수학학원, 이대부고수학학원, 이화여고수학학원

프로그램