<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLNT9JG6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<style>
  .is-stamp-page .notion-image-block img {filter:grayscale(100%) opacity(0.2)!important;transition:all .5s ease-in-out!important;}
  .is-stamp-page .stamp-active img {filter:grayscale(0%) opacity(1)!important;transform:scale(1.05)!important;}
  #finish-message {display:none;margin:40px 20px;padding:25px;background-color:#f0f9ff;border:2px solid #00a0e9;border-radius:15px;text-align:center;font-weight:bold;color:#003366;box-shadow:0 4px 15px rgba(0,0,0,.1);}
  .is-stamp-page .notion-page-content>div {opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s!important;}
  .is-stamp-page .notion-page-content>div.reveal {opacity:1;transform:translateY(0);}
  .oopy-my-footer {background-color:#f8f9fa;padding:40px 20px;border-top:1px solid #e9ecef;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#495057;}
  .oopy-my-footer-container {max-width:1100px;margin:0 auto;display:grid;grid-template-columns:4.5fr 1.2fr 1fr;gap:50px;}
  .oopy-my-footer-info-wrap {display:flex;gap:50px;align-items:flex-start;width:100%;}
  .oopy-my-footer-logo {width:200px;height:200px;object-fit:contain;filter:grayscale(100%);opacity:0.65;flex-shrink:0;}
  .oopy-my-footer-column h3 {font-size:16px;color:#212529;margin:0 0 15px 0;font-weight:700;white-space:nowrap;}
  .oopy-my-footer-column p {font-size:13.5px;line-height:1.6;margin:4px 0;}
  .oopy-my-footer-column ul {list-style:none;padding:0;margin:0;}
  .oopy-my-footer-column ul li {margin-bottom:8px;}
  .oopy-my-footer-column ul li a {font-size:13.5px;color:#495057;text-decoration:none;transition:color .2s;}
  .oopy-my-footer-column ul li a:hover {color:#00a0e9;text-decoration:underline;}
  .oopy-my-footer-social-links a {display:inline-block;margin-right:15px;color:#495057;transition:color .2s;}
  .oopy-my-footer-social-links a:hover {color:#ff0000;}
  .oopy-my-footer-social-links svg {width:28px;height:28px;fill:currentColor;}
  .oopy-my-footer-copyright {text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6;font-size:12px;color:#868e96;}
  .oopy-my-footer-mobile-toggle {display:none;justify-content:between;align-items:center;padding:10px 0;cursor:pointer;border-bottom:1px solid #dee2e6;margin-bottom:15px;}
  .oopy-my-footer-mobile-toggle h3 {margin:0;font-size:16px;}
  @media (max-width:768px) {
    .oopy-my-footer-container {grid-template-columns:1fr;gap:20px;display:none;}
    .oopy-my-footer-container.is-open {display:block;}
    .oopy-my-footer-info-wrap {flex-direction:column;gap:20px;align-items:flex-start;}
    .oopy-my-footer-logo {width:200px;height:200px;}
    .oopy-my-footer-mobile-toggle {display:flex;}
    .oopy-my-footer-column {margin-bottom:20px;width:100%;}
    .oopy-my-footer-column h3 {white-space:normal;}
    .oopy-my-footer-mobile-toggle-button {transition:transform .3s;}
    .oopy-my-footer-mobile-toggle.is-open .oopy-my-footer-mobile-toggle-button {transform:rotate(180deg);}
  }
</style>
<script>
(function() {
    const P = '343ffbb7-fd41-8060-beeb-df770e40860c'; if (!location.pathname.includes(P)) return;
    document.body.classList.add('is-stamp-page');
    const K = 'wjymca_stamp_v2', U = new URLSearchParams(location.search);
    if (U.get('reset') === 'true') { localStorage.removeItem(K); alert('초기화되었습니다.'); location.href = location.pathname; return; }
    let S = JSON.parse(localStorage.getItem(K) || '[]'); const id = U.get('stamp');
    if (id && !S.includes(id)) { S.push(id); localStorage.setItem(K, JSON.stringify(S)); alert(id + "번 스탬프 획득! 🥳"); history.replaceState({}, '', location.pathname); }
    const run = function() {
        const imgs = Array.from(document.querySelectorAll('.is-stamp-page .notion-image-block')); if (imgs.length < 9) { setTimeout(run, 300); return; }
        imgs.sort((a, b) => { const rA = a.getBoundingClientRect(), rB = b.getBoundingClientRect(); if (Math.abs(rA.top - rB.top) > 40) return rA.top - rB.top; return rA.left - rB.left; });
        const obs = new IntersectionObserver((es) => { es.forEach(e => { if(e.isIntersecting) e.target.classList.add('reveal'); }); }, { threshold: 0.1 });
        imgs.forEach((img, idx) => { if (S.includes(String(idx + 1))) img.classList.add('stamp-active'); const row = img.closest('.notion-page-content > div'); if (row) obs.observe(row); });
        if (S.length >= 9 && !document.getElementById('finish-message')) {
            const b = document.createElement('div'); b.id = 'finish-message';
            b.innerHTML = '<h2 style="margin:0 0 10px 0;">🎉 축하합니다! 🎉</h2><p style="font-size:1.1em;line-height:1.6;margin:0;">모든 미션을 완료하셨습니다!<br><strong>안내부스로 오셔서 추첨에 참여하세요!</strong></p>';
            const c = document.querySelector('.notion-page-content'); if (c) c.appendChild(b); b.style.display = 'block'; if (U.get('stamp')) alert("축하합니다! 모든 미션을 완료하셨습니다.");
        }
    };
    window.addEventListener('load', run); if (document.readyState === 'complete') run();
})();
</script>
<footer class="oopy-my-footer">
    <div class="oopy-my-footer-mobile-toggle" id="footer-toggle">
        <h3>원주YMCA 정보보기</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-info-wrap">
            <img class="oopy-my-footer-logo" src="https://oopy.lazyrockets.com/api/v2/notion/image?src=attachment%3A4dee2e4f-8496-4c3f-a59a-f505ed9eac85%3A%E1%84%92%E1%85%A9%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5_%E1%84%85%E1%85%A9%E1%84%80%E1%85%A9_%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A1%E1%84%87%E1%85%A9%E1%86%AB-001.png&blockId=367ffbb7-fd41-80ba-b882-d292e90a087a" alt="원주YMCA 로고">
            <div class="oopy-my-footer-column">
                <h3>원주기독교청년회 (원주YMCA)</h3>
                <p>사무총장: 김영하</p>
                <p>고유번호: 224-82-05010</p>
                <p>주소: 강원특별자치도 원주시 이화1길 41-12 1층</p>
                <p>대표전화: 033-742-7649</p>
                <p>이메일: 1youth@hanmail.net</p>
            </div>
        </div>
        <div class="oopy-my-footer-column">
            <h3>주요 바로가기</h3>
            <ul>
                <li><a href="https://wjymca.oopy.io/169ffbb7-fd41-8025-ad71-e7c4733ec461">원주YMCA 소개</a></li>
                <li><a href="https://wjymca.oopy.io/169ffbb7-fd41-80f7-a13c-c4b6dd31957b">공지사항 / 소식</a></li>
                <li><a href="https://wjymca.oopy.io/169ffbb7-fd41-80f6-b89f-c3b45db92b7e">주요 운영사업</a></li>
                <li><a href="https://wjymca.oopy.io/16dffbb7-fd41-8057-a05d-c4d0d360e9bf">후원회원 신청하기</a></li>
            </ul>
        </div>
        <div class="oopy-my-footer-column">
            <h3>SNS</h3>
            <div class="oopy-my-footer-social-links">
                <a href="https://www.instagram.com/wonju_ymca/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
                    <svg role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C8.74 0 8.3.015 7 .072 5.8.132 4.9.333 4.1.63c-.8.306-1.4.717-2.1 1.384S.9 3.35.6 4.14C.3 4.9.1 5.775.07 7.053 0 8.333 0 8.74 0 12s0 3.667.07 4.947c.03 1.277.23 2.148.53 2.913.3.788.72 1.459 1.39 2.126.67.666 1.34 1.079 2.13 1.384.76.297 1.63.499 2.91.558C8.3 23.988 8.74 24 12 24s3.67-.015 4.95-.072c1.27-.06 2.14-.262 2.91-.558.79-.306 1.46-.718 2.13-1.384.66-.667 1.08-1.335 1.38-2.126.3-.765.5-1.636.56-2.913.06-1.28.07-1.687.07-4.947s0-3.667-.07-4.947c-.06-1.277-.26-2.148-.56-2.913-.3-.789-.72-1.459-1.38-2.126C21.3.935 20.6.523 19.9.22c-.77-.297-1.64-.499-2.91-.558C15.7.012 15.3 0 12 0zm0 2.16c3.2 0 3.58.016 4.85.071 1.17.055 1.8.249 2.23.415.56.217.96.477 1.38.896.42.42.68.82.9 1.383.16.421.36 1.057.41 2.227.06 1.266.07 1.646.07 4.85s-.01 3.585-.07 4.85c-.06 1.17-.25 1.805-.41 2.227-.22.562-.48.96-.9 1.382-.42.419-.82.679-1.38.896-.42.164-1.06.36-2.23.413-1.27.057-1.65.07-4.85.07s-3.59-.015-4.85-.07c-1.17-.056-1.81-.249-2.23-.413-.56-.217-.96-.477-1.38-.896-.42-.42-.68-.82-.9-1.383-.16-.421-.36-1.057-.41-2.227-.06-1.266-.07-1.646-.07-4.85s.01-3.585.07-4.85c.06-1.17.25-1.805.41-2.227.22-.562.48-.96.9-1.382.42-.419.82-.679 1.38-.896.42-.164 1.06-.36 2.23-.413C8.4 2.172 8.8 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.47 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.34-7.74c-.78 0-1.4-.628-1.4-1.405s.62-1.405 1.4-1.405 1.4.628 1.4 1.405-.62 1.405-1.4 1.405z"/></svg>
                </a>
                <a href="https://www.youtube.com/@wjymca/videos" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
                    <svg role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 6.186a3 3 0 0 0-2.122-2.136C19.5 3.545 12 3.545 12 3.545s-7.5 0-9.377.505A3 3 0 0 0 .5 6.186C0 8.07 0 12 0 12s0 3.93.5 5.814a3 3 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.5 0 9.377-.505a3 3 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.5-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
                </a>
            </div>
        </div>
    </div>
    <div class="oopy-my-footer-copyright">
        <p>&copy; 2026 원주기독교청년회 (Wonju YMCA). All Rights Reserved.</p>
    </div>
</footer>
<script>
    const t = document.getElementById('footer-toggle'), c = document.getElementById('footer-content');
    if (t && c) {
        t.addEventListener('click', () => { c.classList.toggle('is-open'); t.classList.toggle('is-open'); });
        function v() {
            if (window.innerWidth > 768) { c.classList.add('is-open'); t.classList.remove('is-open'); }
            else { c.classList.remove('is-open'); t.classList.remove('is-open'); }
        }
        v(); window.addEventListener('resize', v);
    }
</script>

직원용시스템