<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>사업자등록번호: 123-45-67890</p>
       			<p>통신판매업신고: 제 2023-대전서구-2049호</p>
          	<p>학원설립 운영등록번호  제12141호</p>
            <p>주소: 경기도 화성시 청계동 510-842, 6층</p>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>바로가기</h3>
            <ul>
                <li><a href="/about">회사소개</a></li>
              	<li><a href="/tuition">교습비 안내</a></li>
                <li><a href="/terms">이용약관</a></li>
                <li><a href="/privacy">개인정보처리방침</a></li>
            </ul>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>연락처</h3>
            <p>전화: 010-1234-5678</p>
            <p>이메일: paiknkang@gmail.com</p>
        </div>
      
        </div>
      
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2026 Mockingbird Inc. 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>

입시 컨설팅

좋은 수업을 넘어, 실제 합격까지 책임지는 입시 컨설팅

정시 컨설팅

데이터로 입시를 해석하는 사람들

정시 분석 주요 항목

수시 컨설팅

합격 사례를 분석하고, 학생만의 이야기로 설계합니다.

진짜 전공을 연결합니다.

컨설턴트 소개

백승우 대표

강명성 정시 총괄 팀장

이형훈 수시 총괄 팀장

성적을 넘어, 합격까지