원클릭

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>원클릭</title> <link rel="stylesheet" href="/lib/css/subSite/oneclick/reset.css" type="text/css"> <link rel="stylesheet" href="/lib/css/font.css" type="text/css"> <link rel="stylesheet" href="/lib/css/jquery.bxslider.css" type="text/css" /> <link rel="stylesheet" href="/lib/css/subSite/oneclick/layout.css" type="text/css"> <link rel="stylesheet" href="/lib/css/subSite/oneclick/main.css" type="text/css"> <link rel="shortcut icon" href="/images/common/favicon.ico"> <script type="text/javascript" src="/lib/js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/lib/js/jquery-migrate.min.js"></script> <script type="text/javascript" src="/lib/js/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript" src="/lib/js/jquery.cookie.js"></script> <script type="text/javascript" src="/lib/js/jquery.bxslider.js"></script> <script type="text/javascript" src="/lib/js/common.js"></script> <script type="text/javascript" src="/lib/js/jcarousellite_1.0.1.js"></script> <script type="text/javascript" src="/lib/js/tab.js"></script> <script type="text/javascript" src="/lib/js/b_banner.js"></script> <script type="text/javascript" src="/lib/js/subSite/main.js"></script> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/> <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <script> function goPage(){ var f = document.articleSearchForm; f.stat_num.value = $("#stat_num").val(); f.division.value = $("#division").val(); f.target.value = $("#target").val(); /*f.rows.value = $("#rows").val();*/ // f.go_board_list(); // return false; } function go_board_list(){ /*var cpage = Number($("#cpage").val()) + 1;*/ // var totalpage = Number($("#totalpage").val()); // var posturl = ""; // $("#cpage").val(cpage); var url = "/programlist/ajaxlist.do"; $.post(url , $("#articleSearchForm").serializeArray() , function (html, status, jqXHR) { // console.log(html) if ( $.trim(html).indexOf("<!") == 0 ) { // $('#program_list').html(html); // console.log(html) } else { $('#program_list').html(html); // console.log(html) } }); //jQuery("#articleSearchForm > input[name=rows]").val(jQuery("#rowsSel").val()); // jQuery("#articleSearchForm").submit(); } </script> </head> <body> <div class="wrap oneclick"> <div id="skipNavi"> <a href="#container" class="sub_skip">본문 바로가기</a> <a href="#sub" class="main_skip">본문 바로가기</a> <a href="#gnavi">주 메뉴 바로가기</a> </div> <div class="moblie_top_menu"> <div class="btn_close"> <a href="javascript:void(0)"> <img src="/images/subSite/oneclick/moblie_menu_close_icon.svg" alt="닫기 아이콘"> </a> </div> <div class="moblie_top_menu_wrap"> <div class="type1"> <a href="/oneclick/index.do"> <p>용인시청소년미래재단 원클릭 홈페이지 바로가기</p> <img src="/images/subSite/oneclick/moblie_menu_home_icon.svg" alt="홈 아이콘"> </a> </div> <div class="type2"> <div class="box_wrap"> <a href="/lay1/program/S1T2C4/member/login.do"> <img src="/images/subSite/oneclick/moblie_menu_login_icon.svg" alt="로그인 아이콘"> <p>로그인</p> </a> </div> <div class="box_wrap"> <a href="/lay1/program/S1T2C3/member/join_step1.do"> <img src="/images/subSite/oneclick/moblie_menu_plio_icon.svg" alt="회원가입 아이콘"> <p>회원가입</p> </a> </div> <div class="box_wrap"> <a href="/oneclick/lay1/program/S666T772C773/sitemap/intro.do"> <img src="/images/subSite/oneclick/moblie_menu_map_icon.svg" alt="사이트맵 아이콘"> <p>사이트맵</p> </a> </div> </div> <div class="moblie_top_menu_body"> <ul class="menuCtg"> <li class="on"> <ul> <li menu-seq="671" class="menu_1"> <div class="t_a_line"> <a href="/oneclick/lay1/S666T647C671/sublink.do" class="docs-creator mnTit">용인미래교육협력지구 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li menu-seq="745"> <a href="/oneclick/lay1/S666T671C745/contents.do" class="docs-creator">인사말 </a> </li> <li menu-seq="746"> <a href="/oneclick/lay1/S666T671C746/contents.do" class="docs-creator">용인미래교육협력지구 안내 </a> </li> <li menu-seq="747"> <a href="/oneclick/lay1/S666T671C747/contents.do" class="docs-creator">주요사업 안내 </a> </li> <li menu-seq="683"> <a href="/oneclick/lay1/S666T671C683/contents.do" class="docs-creator">용인 학교현황 </a> </li> <li menu-seq="682"> <a href="/oneclick/lay1/S666T671C682/contents.do" class="docs-creator">조직안내 </a> </li> <li menu-seq="681"> <a href="/oneclick/lay1/S666T671C681/sublink.do" class="docs-creator">오시는길 </a> </li> </ul></li> <li menu-seq="667" class="menu_2"> <div class="t_a_line"> <a href="/oneclick/lay1/S666T666C667/sublink.do" class="docs-creator mnTit">용인교육공동체 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li menu-seq="672"> <a href="/oneclick/lay1/bbs/S666T667C672/F/82/list.do" class="docs-creator">우리동네선생님 프로그램 </a> </li> <li menu-seq="673"> <a href="/oneclick/lay1/S666T667C673/contents.do" class="docs-creator">우동생 교육네트워크 인증기관 </a> </li> </ul></li> <li menu-seq="668" class="menu_3"> <div class="t_a_line"> <a href="/oneclick/lay1/S666T666C668/sublink.do" class="docs-creator mnTit">프로그램 신청(원클릭) </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li menu-seq="674"> <a href="/oneclick/lay1/program/S666T668C674/programlist/list.do" class="docs-creator">원클릭 프로그램 신청 </a> </li> </ul></li> <li menu-seq="669" class="menu_4"> <div class="t_a_line"> <a href="/oneclick/lay1/S666T647C669/sublink.do" class="docs-creator mnTit">마을배움지도 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li menu-seq="676"> <a href="/oneclick/lay1/bbs/S666T669C676/F/78/list.do" class="docs-creator">우리동네 배움지도 </a> </li> </ul></li> <li menu-seq="670" class="menu_5"> <div class="t_a_line"> <a href="/oneclick/lay1/S666T647C670/sublink.do" class="docs-creator mnTit">참여마당 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li menu-seq="677"> <a href="/oneclick/lay1/bbs/S666T670C677/A/86/list.do" class="docs-creator">공지사항 </a> </li> <li menu-seq="678"> <a href="/oneclick/lay1/bbs/S666T670C678/A/85/list.do" class="docs-creator">자료실 </a> </li> <li menu-seq="684"> <a href="/oneclick/lay1/bbs/S666T671C684/B/30/list.do" class="docs-creator">포토갤러리 </a> </li> <li menu-seq="751"> <a href="/oneclick/lay1/bbs/S666T670C751/G/104/list.do" class="docs-creator">동영상갤러리 </a> </li> </ul></li> </ul></li> </ul> </div> </div> </div> <div id="header" class="s_c666" name="top"> <div class="h_wrap"> <div class="h_logo"> <h1><a href="/oneclick/index.do"><img src="/images/subSite/oneclick/onelogo.png" alt="로고"></a></h1> <h1><a href="/oneclick/index.do"><img src="/images/subSite/oneclick/moblie_logo.png" alt="로고"></a></h1> </div> <div class="h_navi"> <div class="utill"> <ul class="utill_menu"> <li class="item01"><a href="/oneclick/index.do">처음으로</a></li> <li class="item02"><a href="/lay1/program/S1T2C4/member/login.do">로그인</a></li> <li class="item03"><a href="/lay1/program/S1T2C3/member/join_step1.do">회원가입</a></li> <li class="item04"><a href="/oneclick/lay1/program/S666T772C773/sitemap/intro.do">사이트맵</a></li> </ul> </div> <div class="search_m"> <a href="#" title="통합검색 창 열림 및 닫힘"> <img src="/images/common/m_sch_btn.gif" alt="검색창 열기 , 닫기"> </a> </div> <div class="m_search_box"> <form action="/lay3/program/S1T1C967/total/search.do" method="get" name="searchFrm" target="_blank"> <fieldset> <legend>통합검색</legend> <input type="text" name="total_keyword" value="" placeholder="검색어를 입력해주세요" title="검색어 입력" /> <input type="image" src="/images/header/sch_btn.gif" alt="검색" />  </fieldset> </form> </div> <div class="side_menu btnCtg"><a href="#"><img src="/images/common/m_menu_btn.gif" alt="전체메뉴 열기"></a></div> </div> </div>   <div class="lnb s_c666" id="gnavi"> <ul> <li menu-seq="671" class="l_title1"> <a href="/oneclick/lay1/S666T647C671/sublink.do">용인미래교육협력지구 </a><p>용인미래교육협력지구</p> <ul class="l_list_1"> <li menu-seq="745"> <a href="/oneclick/lay1/S666T671C745/contents.do">인사말 </a> </li> <li menu-seq="746"> <a href="/oneclick/lay1/S666T671C746/contents.do">용인미래교육협력지구 안내 </a> </li> <li menu-seq="747"> <a href="/oneclick/lay1/S666T671C747/contents.do">주요사업 안내 </a> </li> <li menu-seq="683"> <a href="/oneclick/lay1/S666T671C683/contents.do">용인 학교현황 </a> </li> <li menu-seq="682"> <a href="/oneclick/lay1/S666T671C682/contents.do">조직안내 </a> </li> <li menu-seq="681"> <a href="/oneclick/lay1/S666T671C681/sublink.do">오시는길 </a> </li> </ul></li> <li menu-seq="667" class="l_title2"> <a href="/oneclick/lay1/S666T666C667/sublink.do">용인교육공동체 </a><p>용인교육공동체</p> <ul class="l_list_2"> <li menu-seq="672"> <a href="/oneclick/lay1/bbs/S666T667C672/F/82/list.do">우리동네선생님 프로그램 </a> </li> <li menu-seq="673"> <a href="/oneclick/lay1/S666T667C673/contents.do">우동생 교육네트워크 인증기관 </a> </li> </ul></li> <li menu-seq="668" class="l_title3"> <a href="/oneclick/lay1/S666T666C668/sublink.do">프로그램 신청(원클릭) </a><p>프로그램 신청(원클릭)</p> <ul class="l_list_3"> <li menu-seq="674"> <a href="/oneclick/lay1/program/S666T668C674/programlist/list.do">원클릭 프로그램 신청 </a> </li> </ul></li> <li menu-seq="669" class="l_title4"> <a href="/oneclick/lay1/S666T647C669/sublink.do">마을배움지도 </a><p>마을배움지도</p> <ul class="l_list_4"> <li menu-seq="676"> <a href="/oneclick/lay1/bbs/S666T669C676/F/78/list.do">우리동네 배움지도 </a> </li> </ul></li> <li menu-seq="670" class="l_title5"> <a href="/oneclick/lay1/S666T647C670/sublink.do">참여마당 </a><p>참여마당</p> <ul class="l_list_5"> <li menu-seq="677"> <a href="/oneclick/lay1/bbs/S666T670C677/A/86/list.do">공지사항 </a> </li> <li menu-seq="678"> <a href="/oneclick/lay1/bbs/S666T670C678/A/85/list.do">자료실 </a> </li> <li menu-seq="684"> <a href="/oneclick/lay1/bbs/S666T671C684/B/30/list.do">포토갤러리 </a> </li> <li menu-seq="751"> <a href="/oneclick/lay1/bbs/S666T670C751/G/104/list.do">동영상갤러리 </a> </li> </ul></li> </ul> <div class="header_btn_wrap"> <div class="search_btn"> <form action="/lay3/program/S1T1C967/total/search.do" method="get" name="searchFrm" target="_blank"> <div class="input_holder"> <input type="text" name="total_keyword" value="" placeholder="검색어를 입력해주세요." title="검색어 입력" class="search_input" /> <button class="search_icon" onclick="searchToggle(this, event);"><span></span></button> </div> <span class="close_btn" onclick="searchToggle(this, event);"></span> </form> </div> <div class="hamber_btn"> <img src="/images/subSite/oneclick/header_moblie_menu_hamber.png" alt=""> </div> </div> <script> function searchToggle(obj, evt){ var container = $(obj).closest('.search_btn'); if(!container.hasClass('active')){ container.addClass('active'); evt.preventDefault(); } else if(container.hasClass('active') && $(obj).closest('.input_holder').length == 0){ container.removeClass('active'); // clear input container.find('.search_input').val(''); } } //메인 탭메뉴 구현 $(".hamber_btn").click(function () { var idx = $(this).index(); $(".hamber_btn").removeClass("on"); $(".hamber_btn").eq(idx).addClass("on"); $(".tab_cont").hide(); $(".tab_cont").eq(idx).show(); }) </script> </div> <script> $(document).ready(function(){ /* $(".search_btn").on("click", function(){ if($(".search").css("display") == "none"){ $(".search").fadeIn(300); $(".search_btn>a").addClass('close'); } else { $(".search").fadeOut(); $(".search_btn>a").removeClass('close'); } }); $(".sch_dim_layer").on("click", function(){ if($(".search").css("display") == "block"){ $(".search").fadeOut(); $(".search_btn>a").removeClass('close'); } });*/ $(".search_btn").click(function() { if($(".search_btn").hasClass("active") == false) { $("#header").css('background-color',''); $("body").removeClass('header_out'); } else { $("#header").css('background-color','#fff'); $("body").addClass('header_out'); } }) }); $("#header").mouseover(function() { $(".lnb > ul").addClass('active'); }); $("#header").mouseout(function() { $(".lnb > ul").removeClass('active'); }); $(window).scroll(function() { var scroll = $(window).scrollTop(); //console.log(scroll); if (scroll >= 1) { //console.log('a'); $("body").addClass("scrolling"); } else { //console.log('a'); $("body").removeClass("scrolling"); } }); // $(function() { // $(window).scroll(function() { // if ($(this).scrollTop() > 500) { // $('#top_btn').fadeIn(); // } else { // $('#top_btn').fadeOut(); // } // }); // // $("#top_btn").click(function() { // $('html, body').animate({ // scrollTop : 0 // }, 400); // return false; // }); // }); var array = $(".sitemap > ol > li"); $.each(array, function(idx) { var a = array[idx]; if(a.getAttribute("menu-seq") == '666') { a.setAttribute("style","display:none;"); } }); </script> </div> <div> <a id="top_btn" href="#" style="display: none;"> <img class="display_pc" src="/images/header/top_btn.png" alt="top"> <img class="display_mo" src="/images/header/top_btn_mo.png" alt="top"> </a> </div> <form name="articleSearchForm" id="articleSearchForm" method="get"> <input type="hidden" name="stat_num" value="" /> <input type="hidden" name="division" value="" /> <input type="hidden" name="target" value="" /> </form> <div id="container"> <div class="con_wrap"> <div class="section section01"> <div class="inner"> <div class="box">  <div class="left"> <div class="swiper-container visual_slide01"> <div class="swiper-wrapper"> <a class="swiper-slide" href="javascript:void(0);" target="_self" title="새창열림" style="display:block;" style="cursor:default;"> <img src="/upload/popup/2024/02/7c5584af-6c8e-4686-bcf3-1e901cf98626.png" alt="청소년 여러분의 자기주도적인 진로 역량을 강화하여 행복한 미래를 설계하세요." /> </a> </div> <div class="paging_wrap"> <div class="inner"> <div class="swiper-pagination"></div> <div class="swiper-button-prev"></div> <button class="btn_pause"></button> <div class="swiper-button-next"></div> </div> </div> </div> </div>  <div class="bottom"> <div class="day_wrap"> <div class="icon_wrap"> <img src="/images/subSite/main/day_icon.png" alt=""> <p>운영시간안내</p> </div> <div class="txt_wrap"> <div class="top"> <p class="day">월요일~금요일</p> <p class="time">오전 9시 ~ 오후 6시</p> </div> <div class="bot"> 토·일요일, 법정공휴일은<br>휴관입니다. </div> </div> </div> <div class="favorite_menu_wrap"> <div class="tit_wrap"> <p> <span>원클릭</span><br>자주찾는 메뉴 </p> </div> <div class="swiper-container favorite_menu menu_wrap"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/oneclick/lay1/S666T671C746/contents.do"> <span class="img_wrap"> <img src="/images/subSite/main/house_icon.png" alt=""> </span> <p class="txt_wrap">협력지구 소개</p> <span class="link">바로가기</span> </a> </div> <div class="swiper-slide"> <a href="/oneclick/lay1/bbs/S666T670C677/A/86/list.do"> <span class="img_wrap"> <img src="/images/subSite/main/bell_icon.png" alt=""> </span> <p class="txt_wrap">공지사항</p> <span class="link">바로가기</span> </a> </div> <div class="swiper-slide"> <a href="/oneclick/lay1/program/S666T668C674/programlist/list.do"> <span class="img_wrap"> <img src="/images/subSite/main/chart_icon.png" alt=""> </span> <p class="txt_wrap">프로그램 신청</p> <span class="link">바로가기</span> </a> </div> <div class="swiper-slide"> <a href="/oneclick/lay1/bbs/S666T667C672/F/82/list.do"> <span class="img_wrap"> <img src="/images/subSite/main/person_icon.png" alt=""> </span> <p class="txt_wrap">마을교사 소개</p> <span class="link">바로가기</span> </a> </div> <div class="swiper-slide"> <a href="/oneclick/lay1/bbs/S666T669C676/F/78/list.do"> <span class="img_wrap"> <img src="/images/subSite/main/location_icon.png" alt=""> </span> <p class="txt_wrap">마을배움지도</p> <span class="link">바로가기</span> </a> </div> </div> </div> <div class="swiper-button-favorite_menu"> <div class="swiper-button-prev-favorite_menu"> <img src="/images/subSite/main/favorite_menu_left_icon.png" alt=""> </div> <div class="swiper-button-next-favorite_menu"> <img src="/images/subSite/main/favorite_menu_right_icon.png" alt=""> </div> </div> </div> </div> </div> </div> </div> <div class="section section02"> <div class="inner"> <div id="program_list"> <div class="program_wrap"> <h2 class="main_tit">원클릭 프로그램 신청</h2> <p class="main_txt">전체 <span class="txt_red">7 건</span>의 프로그램이 있습니다.</p> <div class="program_con"> <div class="util"> <div class="sch_box"> <select class="gray" id="stat_num" onchange="goPage();"> <option value="">접수상태</option> <option value="0" >접수대기</option> <option value="1" >접수중</option> <option value="2" >접수완료</option> </select> <select class="gray" id="division" onchange="goPage();"> <option value="">구분</option> <option value="100" >예산지원</option> <option value="200" >프로그램지원</option> <option value="300" >마을교사</option> <option value="400" >기타</option> </select> <select class="gray" id="target" onchange="goPage();"> <option value="">대상</option> <option value="100" >초등학교</option> <option value="200" >중학교</option> <option value="300" >고등학교</option> <option value="400" >일반</option> <option value="500" >마을교사</option> </select> <button class="sch_btn btn"> <span onclick="go_board_list();">검색하기</span> </button> </div> <div class="inner"> <button class="btn_pause gray"></button> <div class="swiper-button-prev gray"></div> <div class="swiper-button-next gray"></div> </div> </div> <div class="program_slide con_wrap">  <div class="swiper-wrapper">  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=52&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육협력지구 예술메이커 멜로디 제작소</p> <div class="tag_wrap"> <span class="tag">초5, 초6</span> </div> <div class="day_wrap"> <span class="start">2025-02-17</span> ~ <span class="end">2025-02-19</span> </div> </a>  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=50&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육협력지구 무브먼트메이커_댄싱 위드 더 용인</p> <div class="tag_wrap"> <span class="tag">초4, 초5, 초6</span> </div> <div class="day_wrap"> <span class="start">2025-02-17</span> ~ <span class="end">2025-02-19</span> </div> </a>  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=49&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육협력지구 지역과 함께하는 꿈꾸는 예술마을</p> <div class="tag_wrap"> <span class="tag">초등 전체, 중등 전체</span> </div> <div class="day_wrap"> <span class="start">2025-02-17</span> ~ <span class="end">2025-02-19</span> </div> </a>  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=54&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육센터 초등 반도체 마스터 _ 작은칩 큰세상</p> <div class="tag_wrap"> <span class="tag">초5, 초6</span> </div> <div class="day_wrap"> <span class="start">2025-02-10</span> ~ <span class="end">2025-02-27</span> </div> </a>  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=53&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육협력지구 청소년 국제매너 캠프 프로그램</p> <div class="tag_wrap"> <span class="tag">초5, 초6, 중등 전체</span> </div> <div class="day_wrap"> <span class="start">2025-02-10</span> ~ <span class="end">2025-02-12</span> </div> </a>  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=51&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육협력지구 찾아가는 코딩 내 이름은 AI</p> <div class="tag_wrap"> <span class="tag">초5, 초6</span> </div> <div class="day_wrap"> <span class="start">2025-02-10</span> ~ <span class="end">2025-02-12</span> </div> </a>  <a href="/oneclick/lay1/program/S666T668C674/programlist/view.do?program_seq=48&cpage=1&rows=10&keyword=" class="swiper-slide con"> <span class="state end">접수완료</span> <p class="tit">2025년 용인미래교육협력지구 슬기로운학교생활 우리가치</p> <div class="tag_wrap"> <span class="tag">초등 전체, 중등 전체, 고등 전체</span> </div> <div class="day_wrap"> <span class="start">2025-02-10</span> ~ <span class="end">2025-02-12</span> </div> </a> </div> <div class="program_con_nav wrap_s"> <div class="swiper-pagination swiper-pagination-nav"></div> <button class="btn_pause gray"></button> </div> </div> </div> <a href="/oneclick/lay1/program/S666T668C674/programlist/list.do" class="all_view btn">전체보기</a> </div> </div> <div class="gallery_wrap"> <h2 class="main_tit">포토갤러리</h2> <p class="main_txt">우리 아이들과 함께 미래를 설계하고 꿈꾸는 용인교육</p> <div class="gallery"> <a href="/oneclick/lay1/bbs/S666T671C684/B/30/view.do?article_seq=308408" class="con"> <div class="img_wrap"> <img src="https://www.yiyf.or.kr//upload/thumb/dc7b0cf9-2491-458b-8981-f27a633102c3_resize.jpeg" alt="2025년 용인미래교육센터 2월 진로명언 썸네일" /> </div> <div class="info_wrap"> <p class="tit">2025년 용인미래교육센터 2월 진로명언</p> <p class="day">2025-02-21</p> </div> </a> <a href="/oneclick/lay1/bbs/S666T671C684/B/30/view.do?article_seq=308378" class="con"> <div class="img_wrap"> <img src="https://www.yiyf.or.kr//upload/thumb/ad804c21-9d01-49c1-affb-f0559eb2e055_resize.jpeg" alt="2025년 2월 진로명언 썸네일" /> </div> <div class="info_wrap"> <p class="tit">2025년 2월 진로명언</p> <p class="day">2025-02-10</p> </div> </a> </div> <a href="#none" class="all_view btn">전체보기</a> </div> </div> </div> <div class="section section03"> <div class="inner"> <div class="board_tab_wrap"> <h2 class="main_tit">소식을 알려드립니다.</h2> <div class="tab_button-wrap"> <ul class="tab_button-list"> <li class="on"><a href="#none" title="현재 선택된 탭">공지사항</a></li> <li><a href="#none">자료실</a></li> <li><a href="#none">Q&A</a></li> </ul> </div> </div> <div class="tab_container"> <div class="tab_contents tab_contents01" style="display: block;"> <div class="list_wrap"> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C677/A/86/view.do?article_seq=308416"> <p class="tit">2025년 진로교육 및 미래협력지구 프로그램 운영학교 2차 모집 선정결과 안내</p> <span class="day">2025-02-25</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C677/A/86/view.do?article_seq=308389"> <p class="tit">2025년 진로교육 및 미래협력지구 프로그램 운영학교 선정결과 안내 / 2차 모집 안내</p> <span class="day">2025-02-14</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C677/A/86/view.do?article_seq=308363"> <p class="tit">용인미래교육센터 우선순위양식, 사업설명회자료</p> <span class="day">2025-02-05</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C677/A/86/view.do?article_seq=306764"> <p class="tit">미래교육협력지구 설명자료</p> <span class="day">2024-02-28</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a href="#none" class="list"> <p class="tit">2023년 용인미래교육협력지구 마을교사 지원사업 '너나들이' 신청 안내</p> <span class="day">2023-07-06</span> <span class="arrow">상세보기</span> </a> </div> </div> <a href="/oneclick/lay1/bbs/S666T670C677/A/86/list.do" class="all_view btn">전체보기</a> </div> <div class="tab_contents tab_contents02" style="display: none;"> <div class="list_wrap"> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C678/A/85/view.do?article_seq=304823"> <p class="tit">2022년도 용인미래교육협력지구 마을교육공동체 현황</p> <span class="day">2022-12-14</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C678/A/85/view.do?article_seq=302633"> <p class="tit">[혁신교육시즌Ⅲ] 혁신교육프로그램 2차 추가모집 완료 (디자인씽킹)</p> <span class="day">2021-09-06</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C678/A/85/view.do?article_seq=302595"> <p class="tit">[혁신교육시즌Ⅲ] 혁신교육프로그램 추첨 추가모집 결과</p> <span class="day">2021-08-27</span> <span class="arrow">상세보기</span> </a> </div> <div class="list_inner"> <a class="list" href="/oneclick/lay1/bbs/S666T670C678/A/85/view.do?article_seq=302438"> <p class="tit">[혁신교육시즌Ⅲ] 혁신교육프로그램 추첨 결과</p> <span class="day">2021-07-16</span> <span class="arrow">상세보기</span> </a> </div> </div> <a href="/oneclick/lay1/bbs/S666T670C678/A/85/list.do" class="all_view btn">전체보기</a> </div> <div class="tab_contents tab_contents03" style="display: none;"> <div class="list_wrap"> </div> <a href="/oneclick/lay1/bbs/S666T670C679/D/88/list.do" class="all_view btn">전체보기</a> </div> </div> </div> </div> <script> $(".tab_button-list li.on").find("a").attr('title', '현재 선택된 탭'); $(".tab_container").find(".tab_contents:first").show(); $(".board_tab_wrap .tab_button-list li > a").on('click', function () { var btn_indx = $(this).parents("li").index() + 1; $(".tab_button-list li").removeClass("on"); $(this).parents("li").addClass("on"); $(".tab_container").find(".tab_contents").hide(); $(".tab_container").find(".tab_contents0" + btn_indx).show(); $(".board_tab_wrap .tab_button-list li > a").removeAttr('title'); $(this).attr('title', '현재 선택된 탭'); }); </script> </div> <script> var swiper01 = new Swiper(".visual_slide01", { spaceBetween: 30, effect: "fade", autoplay:{ delay:5000 }, pagination: { el: ".visual_slide01 .swiper-pagination", type: "fraction", clickable: true, }, navigation: { nextEl: ".visual_slide01 .swiper-button-next", prevEl: ".visual_slide01 .swiper-button-prev", }, breakpoints: { // 화면의 넓이가 768px 이상일 때 768: { spaceBetween: 20 }, // 화면의 넓이가 500px 이상일 때 500: { spaceBetween: 40 } } }); if ($('.visual_slide01 .swiper-slide').length < 2) { $('.visual_slide01 .btn_pause').hide(); } var swiper02 = new Swiper(".visual_slide02", { spaceBetween: 30, autoplay:{ delay:5000, }, pagination: { el: ".visual_slide02 .swiper-pagination", type: "fraction", clickable: true, }, navigation: { nextEl: ".visual_slide02 .swiper-button-next", prevEl: ".visual_slide02 .swiper-button-prev", }, }) var swiper03 = new Swiper(".program_slide", { spaceBetween: 12, slidesPerView : 3, loop: true, loopAdditionalSlides : 1, autoplay:{ delay:5000 }, navigation: { nextEl: ".program_con .swiper-button-next", prevEl: ".program_con .swiper-button-prev", }, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { // 화면의 넓이가 768px 이상일 때 1100: { slidesPerView: 3, spaceBetween: 20 }, 600: { slidesPerView: 2, spaceBetween: 20 }, // 화면의 넓이가 340px 이상일 때 320: { slidesPerView: 1, spaceBetween: 20 } } }); var swiper04 = new Swiper(".favorite_menu", { slidesPerView: 5, freeMode: true, autoplay: false, navigation: { nextEl: ".swiper-button-next-favorite_menu", prevEl: ".swiper-button-prev-favorite_menu", }, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { // 화면의 넓이가 500px 이상일 때 1000: { slidesPerView: 5 }, 768: { slidesPerView: 4 }, 500: { slidesPerView: 3 }, // 화면의 넓이가 340px 이상일 때 340: { slidesPerView: 2 } } }); /* $('.program_slide').on('mouseover', function(){ swiper03.autoplay.stop(); }); $('.program_slide').on('mouseout', function(){ swiper03.autoplay.start(); });*/ var sw1 = 0; $('.visual_slide01 .btn_pause').click(function(){ if(sw1==0){ $('.visual_slide01 .btn_pause').addClass('on'); swiper01.autoplay.stop(); sw1 = 1; }else{ $('.visual_slide01 .btn_pause').removeClass('on'); swiper01.autoplay.start(); sw1 = 0; } }); var sw2 = 0; $('.visual_slide02 .btn_pause').click(function(){ if(sw2==0){ $('.visual_slide02 .btn_pause').addClass('on'); swiper02.autoplay.stop(); sw2 = 1; }else{ $('.visual_slide02 .btn_pause').removeClass('on'); swiper02.autoplay.start(); sw2 = 0; } }); var sw3 = 0; $('.program_con .btn_pause').click(function(){ if(sw3==0){ $('.program_con .btn_pause').addClass('on'); swiper03.autoplay.stop(); sw3 = 1; }else{ $('.program_con .btn_pause').removeClass('on'); swiper03.autoplay.start(); sw3 = 0; } }); var sw4 = 0; $('.program_con_nav .btn_pause').click(function(){ if(sw4==0){ $('.program_con .btn_pause').addClass('on'); swiper04.autoplay.stop(); sw4 = 1; }else{ $('.program_con .btn_pause').removeClass('on'); swiper04.autoplay.start(); sw4 = 0; } }); </script> </div> <div id="footer"> <div class="inner"> <div class="ft_wrap"> <div class="f_menu"> <ul class="fm"> <li><a href="/lay1/S1T59C64/contents.do">재단소개</a></li> <li><a href="/lay1/S1T157C158/sublink.do"><b>개인정보처리방침</b></a></li> <li><a href="/lay1/S1T157C545/contents.do">서비스약관</a></li> <li><a href="/lay1/bbs/S1T61C82/A/41/list.do">공지사항</a></li> <li><a href="/lay1/S1T157C406/contents.do">이메일 주소 무단수집 거부</a></li> </ul> </div> <div class="f_sel"> <div class="familysite"> <a class="btn_family" href="javascript:void(0);" title="관련기관 사이트 선택">관련기관 사이트</a> <ul class="familyList" style="display:none;"> <li><a href="http://www.gg.go.kr/gg" target="_blank" title="새창열림">경기도청</a></li> <li><a href="https://www.yongin.go.kr/index.do" target="_blank" title="새창열림">용인시청</a></li> <li><a href="http://www.goeyi.kr/eduyi/" target="_blank" title="새창열림">용인교육청</a></li> <li><a href="http://tour.yongin.go.kr/tour/trrsrt/BD_selectTrrsrtMng.do?q_tsn=21" target="_blank" title="새창열림">용인시예절교육관</a></li> <li><a href="http://www.youth.go.kr/yaca/index.do" target="_blank" title="새창열림">청소년방과후아카데미</a></li> <li><a href="https://nyc.kywa.or.kr/main/main.jsp" target="_blank" title="새창열림">국립중앙청소년수련원</a></li> <li><a href="http://www.youth.go.kr/youth/" target="_blank" title="새창열림">청소년자원봉사활동정보서비스</a></li> <li><a href="http://www.nypi.re.kr/contents/siteMain.do" target="_blank" title="새창열림">한국청소년정책연구원</a></li> <li><a href="http://www.koreayouthexpo.com/" target="_blank" title="새창열림">대한민국청소년박람회</a></li> <li><a href="https://www.kyci.or.kr/userSite/index.asp" target="_blank" title="새창열림">한국청소년상담원</a></li> <li><a href="http://www.snyouth.or.kr/index.do" target="_blank" title="새창열림">성남시청소년육성재단</a></li> <li><a href="http://www.syf.or.kr/web/index.do" target="_blank" title="새창열림">수원시청소년육성재단</a></li> </ul> <a href="#none" class="submit">이동</a> </div> <div class="found_sns"> <a class="btn_sns" href="javascript:void(0);" title="소셜 네트워크 선택">SNS</a> <ul class="snsList" style="display:none;"> <li><a href="https://www.facebook.com/yiyouth/" target="_blank" title="새창열림">재단 페이스북</a></li> <li><a href="https://www.youtube.com/channel/UC-n3mycmjMPYTce_mPoq-lQ?view_as=subscriber" target="_blank" title="새창열림">재단 유튜브</a></li> <li><a href="https://www.instagram.com/yiyf_official/" target="_blank" title="새창열림">재단 인스타그램</a></li> <li><a href="https://pf.kakao.com/_xmuxhcxb" target="_blank" title="새창열림">재단 카카오톡채널</a></li> </ul> <a href="#none" class="submit">이동</a> </div> <div class="found_fac"> <a class="btn_fac" href="javascript:void(0);" title="시설 사이트 선택">시설 바로가기</a> <ul class="facList" style="display:none;"> <li><a href="/index.do">용인시청소년미래재단</a></li> <li><a href="/youthyonginsi/index.do">용인시청소년수련관</a></li> <li><a href="/yongin1318/index.do">용인시 청소년 상담복지센터</a></li> <li><a href="/yytc/index.do">용인시 청소년 수련원</a></li> <li><a href="/yurimyouth/index.do">유림 청소년 문화의 집</a></li> <li><a href="/sgyouth/index.do">신갈 청소년 문화의 집</a></li> <li><a href="/sujiyouth/index.do">수지 청소년 문화의 집</a></li> <li><a href="/yidream/index.do">용인시 청소년 지원센터 꿈드림</a></li> <li><a href="/yicenter/index.do">용인미래교육센터</a></li> </ul> <a href="#none" class="submit">이동</a> </div> </div> </div> <div class="fm_wrap"> <h4 class="f_logo"><img src="/images/footer/oneclick_fot_logo.png" alt="로고" /></h4> <div class="f_txt"> <p>(우:16965) 경기도 용인시 기흥구 신갈로138번길 23 1층 용인미래교육센터 전화 : 031.328.9844 / 팩스 : 031.328.9710</p> <p>COPYRIGHT(C)2018 용인시청소년미래재단. ALL RIGHTS RESERVED.</p> </div> </div> </div> </div> <script type="text/javascript" src="/lib/js/pgwbrowser.js"></script> <script type="text/javascript" src="/lib/js/mc.analytics.js"></script> <div class="" class="s_c666"> <script> $(function() { $(".menuCtg .subTit").click(function(){ $(this).parent().siblings("li").removeClass("on"); if ($(this).parent().find(".sub").css('display') == 'block') { $(this).parent().removeClass("on"); }else { $(this).parent().addClass("on"); } }); $(".menuCtg .subTit").each(function() { if ($(this).parent().find(".sub").length < 1) { $(this).parent().addClass("subNo"); } }); $(".sideMn").addClass("mn1"); $(".menuCtg .gnb").bind("click", function (e) { var i = $("li").has($(this)).index(); $(".sideMn").attr('class', 'sideMn'); $(".sideMn").addClass("mn" + i); }); }); $(function() { $('.header_btn_wrap .hamber_btn').click(function(){ $('.moblie_top_menu').addClass('on'); $('.wrap.oneclick').addClass('moblie_oneclick'); }); $('.moblie_top_menu .btn_close').click(function(){ $('.moblie_top_menu').removeClass('on'); $('.wrap.oneclick').removeClass('moblie_oneclick'); }); }); </script> </div>  </div> </body> </html>

CINXE.COM

원클릭