<footer class="oopy-my-footer">
    <div class="oopy-my-footer-mobile-toggle" id="footer-toggle">
        <h3>(주)Oopy</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" style="flex: 0 0 400px;">
            <h3>미끄락(미끄Lock)</h3>
            <p>대표: 이호목</p>
            <p>사업자등록번호: 717-61-00884</p>
            <p>주소: 서울특별시 영등포구 선유서로21길 14 2층</p>
        	  <p>고객센터: 1522-5229</p>
         		<p>이메일: sliplock.service@gmail.com</p>
        </div>
        
        <div class="oopy-my-footer-column" style="flex: 0 0 300px; margin-left: auto;">
            <h3>바로가기</h3>
            <ul>
                <li><a href="/about">회사소개</a></li>
                <li><a href="/terms">이용약관</a></li>
                <li><a href="/privacy">개인정보처리방침</a></li>
            </ul>
        </div>
       
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2025 sliplock 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>

안전을 위한 첫 걸음 ‘미끄락(Lock)’

안전을 디자인하다

미끄Lock의 약속

보행 안전을 지켜드립니다

쳬계적인 시스템과 관리를 제공합니다

차별화된 기술을 이용합니다

합리적인 가격과 변함없는 신뢰를 드립니다

Safety Techonologis

미끄Lock을 믿고 선택한 고객사

다양한 공간에서 안전을 완성하고 있습니다

안전하고 편안한 내일을 함께 만듭니다