<footer class="oopy-my-footer">
    <div class="oopy-my-footer-mobile-toggle" id="footer-toggle">
        <h4>주식회사우피 - 푸터상세보기</h4>
        <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>사업자등록번호: 230-87-01940</p>
            <p>통신판매업신고번호: 2024-서울종로-0289</p>
            <p>주소: 서울특별시 종로구 세종대로23길 47, 603-제이82호</p>
            <p>문의: support@oopy.io</p>
        </div>
        
        <div class="oopy-my-footer-column">
            <h3>바로가기</h3>
            <ul>
                <li><a href="/ko/terms-of-use">이용약관</a></li>
                <li><a href="/ko/privacy">개인정보처리방침</a></li>
                <li><a href="/ko/guides/tips-and-tricks/oopy-my-footer">이런 푸터 만드는 방법</a></li>
            </ul>
        </div>
    </div>
    
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2025 Oopy 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>

www.oopy.io

cleanUrl: /ko/templates/school
title: "학교 템플릿 with Oopy" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "학교 템플릿을 이용해 쉽고 빠르게 페이지를 만들어 보세요!" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.
scrollProgressBar: # 페이지 가로 스크롤바를 표시합니다
	show: true
  color: "#ac600d"
fonts: # 페이지의 폰트를 설정합니다
	headerFont: "Gmarket Sans"
  defaultFont: "Gmarket Sans"
showPageview: true # 페이지 방문수를 표시합니다
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨깁니다
pageMaxWidth: 1100 # 페이지 최대 너비를 설정합니다 (노션 기본값 900)
imageBorderRadius: 12 # 이미지를 둥글게 만듭니다
calloutBorderRadius: 16 # 콜아웃을 둥글게 만듭니다
galleryBorderRadius: 16 # 갤러리를 둥글게 만듭니다
gotoTop: # 맨 위로 버튼을 추가합니다
	align: "left"
	alignPixel: 12
	bottom: 40
	fitToScreen: false
	show: true
kakaoChannel: # 카카오톡 채널 버튼을 추가합니다
  href: "https://www.oopy.io/ko/guides/plugins/kakaotalk-channel"
  bottom: 160
  fitToScreen: false

우피 학교/학원 템플릿 | Notion

우피는 노션 페이지를 최적화된 웹사이트로 바꿔드립니다. 원하는 주소를 연결하여 나만의 홈페이지를 시작해 보세요