<div class="oopy-cta-section">
  <div class="cta-inner">
    <p class="cta-title">도움이 필요하신가요?</p>
    <a href="https://frontia.channel.io" class="cta-button">문의하기</a>
  </div>
</div>

<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>사업자등록번호: 656-86-04308</p>
            <p>주소: 서울특별시 강남구 역삼동 테헤란로 151 하이츠빌딩 7층</p>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>바로가기</h3>
            <ul>
                <li><a href="https://deepgrov.ai" target="_blank"><b>회사 소개</b></a></li>
                <li><a href="https://frontia.ai/terms/service" target="_blank"><b>서비스 이용약관</b></a></li>
                <li><a href="https://frontia.ai/terms/privacy" target="_blank"><b>개인정보 처리방침</b></a></li>
                <li><a href="https://frontia.ai/terms/youth" target="_blank"><b>청소년 보호정책</b></a></li>
            </ul>
        </div>
        
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2025 Deepgrov 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', () => {
            footerContent.classList.toggle('is-open');
            footerToggle.classList.toggle('is-open');
        });

        function checkFooterView() {
            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');
            }
        }
        
        checkFooterView();
        window.addEventListener('resize', checkFooterView);
    }
</script>

2. 핵심 설정

루프/특수 구조

특수 설정