<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>사업자등록번호: 268-85-03274</p>
          	<p>화성오산교육지원청 제5338호</p>
            <p>주소: 경기도 화성시 영천동 678-6 삼성프라자 601호</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-2612-9583</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>

👉 대성 D.LINK 수학 하프 모의고사 무료 신청 

paiknkang.oopy.io

신청 링크

모집

생성 일시

이름

소개 링크

 첨부 파일

설명

마감 일자

연락처

상태

작성자

우선순위

첨부 파일

대상 연령대

지역

예산

공고 보기

대성

오르비_icon

백앤강-도형

무료 자료 신청