<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLNT9JG6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<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 0.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,0.1);
  }

  /* 애니메이션용 설정 */
  .is-stamp-page .notion-page-content > div {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s, transform 0.6s !important;
  }
  .is-stamp-page .notion-page-content > div.reveal { opacity: 1; transform: translateY(0); }
</style>

<script>
(function() {
    // 1. 대상 페이지 체크 (낙운님의 스탬프 페이지 ID)
    const TARGET_PAGE_PATH = '343ffbb7-fd41-8060-beeb-df770e40860c';
    if (!window.location.pathname.includes(TARGET_PAGE_PATH)) return;

    document.body.classList.add('is-stamp-page');

    const STORAGE_KEY = 'wjymca_stamp_v2';
    const urlParams = new URLSearchParams(window.location.search);

    // [초기화]
    if (urlParams.get('reset') === 'true') {
        localStorage.removeItem(STORAGE_KEY);
        alert('초기화되었습니다.');
        location.href = window.location.pathname;
        return;
    }

    // 2. 데이터 처리
    let myStamps = JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]');
    const stampId = urlParams.get('stamp');

    if (stampId && !myStamps.includes(stampId)) {
        myStamps.push(stampId);
        localStorage.setItem(STORAGE_KEY, JSON.stringify(myStamps));
        alert(stampId + "번 스탬프 획득! 🥳");
        window.history.replaceState({}, '', window.location.pathname);
    }

    // 3. UI 업데이트 및 안내 메시지 생성
    const runSystem = function() {
        const images = Array.from(document.querySelectorAll('.is-stamp-page .notion-image-block'));
        if (images.length < 9) { setTimeout(runSystem, 300); return; }

        // 좌표 기준 정렬 (3*3 그리드 순서 고정)
        images.sort((a, b) => {
            const rectA = a.getBoundingClientRect();
            const rectB = b.getBoundingClientRect();
            if (Math.abs(rectA.top - rectB.top) > 40) return rectA.top - rectB.top;
            return rectA.left - rectB.left;
        });

        // 애니메이션 및 스탬프 활성화
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('reveal'); });
        }, { threshold: 0.1 });

        images.forEach((img, idx) => {
            if (myStamps.includes(String(idx + 1))) img.classList.add('stamp-active');
            const row = img.closest('.notion-page-content > div');
            if (row) observer.observe(row);
        });

        // 4. 완료 시 메시지 출력
        if (myStamps.length >= 9) {
            // 이미 메시지 박스가 있으면 생성 안 함
            if (!document.getElementById('finish-message')) {
                const msgBox = document.createElement('div');
                msgBox.id = 'finish-message';
                msgBox.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 content = document.querySelector('.notion-page-content');
                if (content) content.appendChild(msgBox);
                msgBox.style.display = 'block';
                
                // 9개째 찍는 순간에만 한 번 더 알림
                if (urlParams.get('stamp')) alert("축하합니다! 모든 미션을 완료하셨습니다.");
            }
        }
    };

    window.addEventListener('load', runSystem);
    if (document.readyState === 'complete') runSystem();
})();
</script>

wjymca.oopy.io

원주시청소년수련관 on Instagram: "✨️2025년 제23회 원주청소년축제 "꽃이피다"✨️  •일시: 6월 7일(토)~8일(일) 12시~  •장소: 원주종합체육관(원주DB농구경기장) •내용: 체험부스, 놀이부스, 가요제, 댄스제, 응원제 등 •참가대상: 원주시민 누구나  올해도 청소년들이 처음부터 끝까지 직접 참여하여 기획하고 운영하는 원주청소년축제가 여러분들을 찾아옵니다~!📣  많은 관심과 참여 부탁드립니다!🤍❤️🤍❤️🤍  #원주YMCA  #원주종합체육관 #원주청소년축제 #응원제  #댄스제 #가요제 #치어리딩 #체험부스 #놀이부스 #코리아마블 #연합공연 #원주DB농구경기장 #꽃이피다"

원주시청소년수련관 on Instagram: "안녕하세요 원주청소년축제 추진위원회 전시기획팀입니다✨ 원주청소년축제장을 가득 채워줄 청소년동아리부스를 모집하고 있습니다. 이번 주가 모집 마감이니 서둘러 신청해주세요!!! 많은 관심과 참여를 기다립니다🥹🥹🥹"

원주청소년YMCA on Instagram: "2025년 제23회 원주청소년축제 “꽃이피다”가 D-35일!!로 성큼 다가왔습니다!!! 원주지역 청소년분들의 많은 관심과 사랑 부탁드립니다!!  #원주 #청소년 #축제 #원주청소년축제 #청소년축제 #꽃이피다 #추진위원회 #추진위 #간부 #위원장 #부위원장 #팀장 #상남자"

단구중학교 댄스 동아리 아이리스 on Instagram: "#원주청소년수련관 #청소년축제 #원주 #단구중 #댄스부 #추천"

원주시청소년수련관 on Instagram: "🔥25년 제 23회 원주청소년축제'꽃이피다' 축제 기획단 모집🔥  우리 같이 잊을 수 없는  값진 경험과 추억 만들어 봐요!!! 지금 바로 신청하세요~!📣📣📣 기다리고 있습니다!👍  ✨️접수 링크는 @youthcenter_wonju 계정 프로필 링크트리에 있습니다!!!  지원 시 지원분야 선택 필수! ✅ 공연분과(+사회자) : 메인 무대 프로그램 기획 운영  ✅ 체험놀이분과 : 체험, 놀이 부스 기획 및 운영 ✅ 전시분과 : 동아리부스 모집, 청축 서포터즈 운영   궁금한 건 부담 없이 카카오채널  원주시청소년수련관 으로 문의주세요!!  아참 올해 청축은 6월 7일(토)~8일(금)에 개최됩니다!!!✨️ 응원제 댄스제 가요제 그리고 다양한 동아리 부스에 참여 계획 중인 청소년 친구들은 참고해 주세요~!!!☝️  #원주시 #원주YMCA #원주시청소년수련관 #원주청소년축제 #꽃이피다 #청소년기획단 #동아리 #응원제 #댄스제 #가요제 #동아리체험부스 #캠페인 #청소년운영위원회 #청소년참여위원회"

원주시청소년수련관 on Instagram: "안녕하세요 2025년 원주청소년축제 추진위원회 공연기획팀입니다 🤗  ✨ 2025년 제 23회 원주청소년축제 댄스제를 빛내줄 ‘청소년 댄스팀’을 모집합니다  원주에서 활동 중인 청소년 동아리라면 어느 팀이든 신청하실 수 있으니 많은 관심 부탁드립니다 🥰  모집 기간: 4월 12일(토) ~ 5월 2일(금)  모집 대상: 9세~ 19세 원주시 청소년 동아리 및 개인 행사 일정: 6월 7일 ~ 6월 8일 ✨️댄스제: 6월7일(토)✨️ 행사 장소: 원주종합체육관 (DB 농구장) 사전설명회: 5월 17일(토) 13:00 ~ *12일은 오타입니다.  📋 접수방법: QR코드 스캔 후 양식에 맞추어 작성!! 문의사항: 원주YMCA 📞 (033-742-9997)  #원주 #청소년축제 #댄스제"

원주시청소년수련관 on Instagram: "안녕하세요 원주청소년축제추진위원회 전시기획팀입니다✨ 2025년 제23회 원주청소년축제를 다양한 컨텐츠로 가득 채워줄 청소년동아리 모집을 시작합니다. 부스 운영으로 축제에 함께 하고 싶은 청소년 여러분의 관심과 참여를 기다립니다🤗🤗🤗  ✔️동아리부스는 심사를 거쳐 20팀 내외로 선정 예정입니다. 우리 동아리를 알리고, 많은 청소년과 함께 할 수 있는 기회를 놓치지 마세요! ✔️동아리부스 관련 홍보물 제작, 심사 및 응대 등 모든 진행을 청소년기획단이 직접 맡아서 하고 있습니다. 미흡한 점이 있더라도 양해 바랍니다🙏"

newteen on Instagram: "#원주청소년수련관 #청소년수련관 #원주 #원주청소년축제 #청축 #꽃이피다"

인생댄스 원주점 | Dance Studio | 원주댄스학원 | 원주핫플 on Instagram: "원주청소년축제 꽃이피다 댄스제 경연 참가팀 ‘에이드’ 입니다! 🔥 6명의 톡쏘는 매력을 가진 인생뮤직 댄스팀 ‘에이드’ 🥤 많은 응원과 사랑 부탁드려요! 😍 #꽃이피다 #원주청소년축제 #원주청소년"

원주시청소년수련관 on Instagram: "안녕하세요 원주청소년축제추진위원회입니다✨ 6월 7~8일 이틀 간 열리는 우리 축제의 서포터즈를 모집합니다. 많은 청소년 여러분의 관심과 참여를 기다립니다🔥🔥🔥  ✔️활동기간 : 6월 7~8일 13시~18시 ✔️활동내용 : 내외부 환경미화, 부스관리, 객석관리 등 ✔️신청방법 : 게시물 내 QR코더 스캔 또는 인스타그램 프로필 하단 링크트리 클릭하여 신청서 바로가기 ✔️신청자격 : 원주에 거주하는 중1~대학교 4학년 청소년 ✔️활동혜택 : 간식제공, 봉사시간 지급  👉우리 축제는 청소년기획단이 직접 기획하고 진행합니다. 준비 및 응대 과정이 다소 미흡하고 부족하더라도 넓은 마음으로 양해 바랍니다. 감사합니다😊"

원주청소년YMCA on Instagram: "2025년 제23회 원주청소년축제 “꽃이피다” D-24일!! 우리 축제장에서 만나요~^^ 🥰  #원주 #청소년 #축제 #원주청소년축제 #청소년축제 #꽃이피다 #추진위원회 #추진위 #곧 #돌아옴"

원주시청소년수련관 on Instagram: "안녕하세요 원주청소년축제추진위원회 공연기획팀입니다☺  2025년 제23회 원주청소년축제✨응원제✨를 활기차고, 돋보이게 채워줄 청소년 응원제를 모집을 시작합니다. 원주에서 활동하고 있는 청소년 동아리라면 누구나 신청 할 수 있으니 많은 관심 바랍니다🥰  -모집기간:4.12(토)~5.2(금)까지 -모집대상:원주시 9세~19세 원주시청소년동아리 및 개인 -행사일정:6.7(토)~6.8(일) -축제장소:원주종합체육관(원주DB경기장) -사전설명회: 5월 17일(토) 13:00 ~ *12일은 오타입니다.  ✨신청방법:QR코드 스캔 후 양식에 맞추어 작성!! 📞문의사항:원주YMCA (033-742-9997)  #원주 #청소년축제 #응원제"

원주시청소년수련관 on Instagram: "안녕하세요 2025년 원주청소년축제 ‘꽃이피다’ 추진위원회 공연기획팀입니다 ☺  2025년 제 23회 원주청소년축제를 빛내주실 ‘ 밴드&가요제 ’참가팀을 모집합니다 !   밴드 , K - POP , 랩 , 힙합 등 장르 상관없이 음악에 대한  열정이 가득하면 누구나 신청 가능하니 많은 관심 부탁드립니다 🥰  모집기간 : 4월 12일(토) ~ 5월 2일(금) 모집대상 : 9세 ~ 19세 원주시 청소년 동아리 및 개인 행사일정 : 6월 7일(토) ~ 6월 8일(일) 가요제 - 6월 7일(토) 행사장소 : 원주종합체육관 ( DB 농구장 ) 사전설명회: 5월 17일(토) 13:00 ~  📋 신청방법: 원주시청소년수련관 이메일 1youth@daum.net 학교명, 팀명, 대표자이름, 전화번호, 사전심사영상(1절만) 포함된 내용을 메일로 제출!! 문의사항 : 원주YMCA📞(033-742-9997)  #원주청소년축제 #가요제 #원주YMCA #원주시청소년수련관 #원주청소년축제추진위원회 #청소년기획단 #가요 #밴드 #힙합 #신청 #쳌"

원주청소년YMCA on Instagram: "2025년 제23회 원주청소년축제 “꽃이피다” D-10일!! 열흘만 지나면 벌써 청축?!! 많은 기대와 호응 부탁드려요~😊  #원주 #청소년 #축제 #원주청소년축제 #청소년축제 #꽃이피다 #추진위원회 #추진위 #곧 #돌아옴"

원주청소년YMCA on Instagram: "2025년 제23회 원주청소년축제 “꽃이피다” D-7일!! 드디어 일주일 남았다!! 우리 모두 청소년축제에서 만나요~🤗  #원주 #청소년 #축제 #원주청소년축제 #청소년축제 #꽃이피다 #추진위원회 #추진위 #곧 #돌아옴 #원주시 #ymca #원주ymca #일주일 #다음주에"

원주청소년YMCA on Instagram: "2025년 제23회 원주청소년축제 “꽃이피다” D-1일!! 우리 모두 원주종합체육관(DB농구 경기장)에서 만나요~!!🥳🥳  #원주 #청소년 #축제 #원주청소년축제 #청소년축제 #꽃이피다 #추진위원회 #추진위 #곧 #돌아옴 #원주시 #ymca #원주ymca #내일 #하루전"

2025년 축제 공지사항

제23회 원주청소년축제”꽃이피다” 홍보릴스