<footer class="oopy-my-footer">
    <div class="oopy-my-footer-mobile-toggle" id="footer-toggle">
      	<img src="https://oopy.lazyrockets.com/api/rest/cdn/image/01981b3b-9027-73bd-9417-5c408ca46b1f.png
" style="width: auto; height: 20px;">
        <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>노잇. - KNOW IT.</h3>
            <p>The smartest way to understand technology.</p>
            <p><b>AI · Automation · Networks · Trends</b></p>
            <p>Your hub for tech insight.</p>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>바로가기</h3>
            <ul>
                <li><a href="/about">회사소개</a></li>
                <li><a href="/terms">이용약관</a></li>
                <li><a href="/privacy">개인정보처리방침</a></li>
            </ul>
        </div>
        
				<div class="oopy-my-footer-column">
				  <h3>소셜</h3>
				  <div class="oopy-my-footer-social-links">
				    
				    <a href="https://instagram.com" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
				      <svg role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.765.297 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.297-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.148-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.314.935 20.644.523 19.86.22c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.82.896 1.383.164.421.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.056 1.17-.249 1.805-.413 2.227-.217.562-.477.96-.896 1.382-.42.419-.82.679-1.383.896-.421.164-1.057.36-2.227.413-1.266.057-1.646.07-4.85.07s-3.585-.015-4.85-.07c-1.17-.056-1.805-.249-2.227-.413-.562-.217-.96-.477-1.382-.896-.419-.42-.679-.82-.896-1.383-.164-.421-.36-1.057-.413-2.227-.057-1.266-.07-1.646-.07-4.85s.015-3.585.07-4.85c.055-1.17.249-1.805.413-2.227.217-.562.477-.96.896-1.382.42-.419.82-.679 1.383-.896.421-.164 1.057-.36 2.227-.413C8.415 2.172 8.797 2.16 12 2.16zm0 5.48c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zm0 7.16c-1.468 0-2.66-1.192-2.66-2.66s1.192-2.66 2.66-2.66 2.66 1.192 2.66 2.66-1.192 2.66-2.66 2.66zm6.336-7.74c-.777 0-1.405-.628-1.405-1.405s.628-1.405 1.405-1.405 1.405.628 1.405 1.405-.628 1.405-1.405 1.405z"/></svg>
				    </a>

				    
				    <a href="https://facebook.com" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
				      <svg role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
				    </a>

				    
				    <a href="https://youtube.com" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
				      <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a2.935 2.935 0 0 0-2.063-2.071C19.628 3.6 12 3.6 12 3.6s-7.628 0-9.435.515a2.935 2.935 0 0 0-2.063 2.07A30.068 30.068 0 0 0 0 12a30.07 30.07 0 0 0 .502 5.814 2.935 2.935 0 0 0 2.063 2.071c1.807.515 9.435.515 9.435.515s7.628 0 9.435-.515a2.935 2.935 0 0 0 2.063-2.07A30.07 30.07 0 0 0 24 12a30.07 30.07 0 0 0-.502-5.814ZM9.546 15.568V8.432l6.545 3.568-6.545 3.568Z"/></svg>
				    </a>

				    
				    <a href="https://www.threads.net" target="_blank" rel="noopener noreferrer" aria-label="Threads">
				      <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Threads</title><path d="M12.004 2C6.484 2 2 6.486 2 12.004c0 5.518 4.484 10.002 10.004 10.002 5.517 0 10.002-4.484 10.002-10.002C22.006 6.486 17.52 2 12.004 2Zm.01 18.12c-4.486 0-8.12-3.633-8.12-8.118 0-4.488 3.633-8.122 8.12-8.122 4.487 0 8.12 3.634 8.12 8.122 0 4.485-3.633 8.118-8.12 8.118Zm.568-11.484c-.754 0-1.587.247-2.308.645l.516.914c.542-.305 1.122-.5 1.637-.5.817 0 1.275.426 1.275 1.065 0 .547-.356.903-1.052 1.183l-.778.325c-1.372.567-2.036 1.272-2.036 2.355 0 1.378 1.121 2.28 2.564 2.28.885 0 1.798-.301 2.406-.799l-.555-.896c-.479.352-1.05.58-1.571.58-.755 0-1.24-.425-1.24-1.06 0-.555.385-.89 1.091-1.178l.746-.314c1.317-.554 2.001-1.27 2.001-2.408 0-1.406-1.101-2.322-2.496-2.322Z"/></svg>
				    </a>

				    
				    <a href="https://x.com" target="_blank" rel="noopener noreferrer" aria-label="X">
				      <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>X</title><path d="M22.23 0 14.52 9.278 23.82 24H16.5l-5.9-8.723L3.53 24H.177l8.21-10.374L.26 0h7.65l5.44 7.932L20.47 0Z"/></svg>
				    </a>
				  </div>
				</div>


    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2025 노잇. - <a href="https://www.know.it.kr">https://www.know.it.kr</a>. 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>

www.know.it.kr

Author

Publication Date

유니클로X산리오, 복고 감성으로 MZ세대와 기성세대를 동시에 사로잡다