<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>

미세 가공으로 완성하는 논슬립 효과

인증서 및 자료

폼알데하이드, 아세트알데하이드, 벤젠 등 유해 / 발암 물질 불검출 인증

안심할 수 있는 친환경 물질 사용

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