<footer class="site-footer" id="main-footer" style="display: none;">
    
    <div class="footer-links">
        
        <a href="https://cafe.naver.com/encldiagram" target="_blank">쉴라의 영어 다이아그램</a>
        <span class="separator">|</span>
        
        
        <a href="https://www.youtube.com/@diagramencl" target="_blank">유튜브</a>
        <span class="separator">|</span>
        
        
        <a href="https://www.instagram.com/english_diagram/" target="_blank">인스타그램</a>
        <span class="separator">|</span>
        
        
        <a href="https://blog.naver.com/diagram_encl" target="_blank">네이버 블로그</a>
        <span class="separator">|</span>
        
        
        <a href="https://smartstore.naver.com/diagram" target="_blank">스마트스토어(도서)</a>
        <span class="separator">|</span>

        
        <a href="https://smartstore.naver.com/sheiladiagram" target="_blank">스마트스토어(EMP)</a>
    </div>

    <div class="footer-info">
        <span><strong>상호명:</strong> 쉴라의 영어 다이아그램</span>
        <span class="desktop-separator">|</span>
        <span><strong>대표자:</strong> 엄성숙</span>
        <span class="desktop-separator">|</span>
        <span><strong>사업자 등록번호:</strong> 198-03-02927</span>
        <br>
        <span><strong>주소:</strong> 08342 서울특별시 구로구 오리로 1158 3층 The Studio</span>
        <span class="desktop-separator">|</span>
        <span><strong>대표 전화:</strong> 02-867-8671</span>
    </div>

    <div class="copyright">
        &copy; Sheila's English Diagram. All Rights Reserved.
    </div>
</footer>
<script>
    (function() {
        function moveFooterToBottom() {
            const footer = document.getElementById('main-footer');
            if (footer) {
                // 기존 위치에서 제거
                footer.remove();
                // body 맨 마지막에 추가
                document.body.appendChild(footer);
                // 표시
                footer.style.display = 'block';
            }
        }

        // 여러 시점에 실행
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', moveFooterToBottom);
        } else {
            moveFooterToBottom();
        }
        
        window.addEventListener('load', moveFooterToBottom);
        
        // 추가로 1초 후에도 실행 (템플릿 로딩 대비)
        setTimeout(moveFooterToBottom, 1000);
        setTimeout(moveFooterToBottom, 2000);
    })();
</script>

uiux의 법칙