홈>운영시설>야영장>야영장 예약

<!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" /> <meta name="format-detection" content="telephone=no"> <title>홈>운영시설>야영장>야영장 예약</title> <link rel="stylesheet" href="/lib/css/base.css" type="text/css"> <link rel="stylesheet" href="/lib/css/common.css" type="text/css"> <link rel="stylesheet" href="/lib/css/subSite/yytc/sub.css" type="text/css"> <link rel="stylesheet" href="/lib/css/sub.css" type="text/css"> <link rel="stylesheet" href="/lib/css/article.css" type="text/css"> <link rel="stylesheet" href="/lib/css/flick/jquery-ui-1.10.4.custom.min.css" type="text/css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.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.lck.util.js"></script> <script type="text/javascript" src="/lib/js/jquery.form.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script type="text/javascript" src="/lib/js/gnb.js"></script> <script type="text/javascript" src="/lib/js/sub.js"></script> <script type="text/javascript" src="/lib/js/common.js"></script> <script type="text/javascript" src="/lib/js/mc.js"></script> <script type="text/javascript" src="/lib/js/jquery.blockUI.js"></script> <script> /* // 실서버 반영 http -> https if (document.location.protocol == 'http:') { document.location.href = document.location.href.replace('http:', 'https:'); } */ </script>  </head> <body> <script> //alert( "" ); </script> <div class="wrap subSite yytc"> <script type="text/javascript" src="/lib/js/weather.js" ></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-113348539-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-113348539-1'); function fnSearch(){ $('#searchFrm').submit(); } </script> <script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "605e30896751c8"; wcs_do(); </script> <div id="skipNavi"> <a href="#container" class="sub_skip">본문 바로가기</a> <a href="#sub" class="main_skip">본문 바로가기</a> <a href="#gnavi">주 메뉴 바로가기</a> </div> <div id="header"> <div class="top"> <div class="inner"> <div class="link-wrap"> <a href="https://yiyf.or.kr/" target="_blank" title="새 창 열림">용인시 청소년미래재단</a> <a href="https://sports.yiyf.or.kr/m01/m01_01_list.asp" target="_blank" title="새 창 열림">생활체육/문화강좌</a> <a href="/youth_program/index.do" target="_blank" title="새 창 열림">프로그램 통합접수</a> </div> <div class="info-wrap"> <a href="/lay1/program/S1T2C4/member/login.do" class="login"><span>로그인</span></a> <a href="/lay1/program/S1T2C3/member/join_step1.do" class="join" ><span>회원가입</span></a> </div> </div> </div> <div class="bottom sub_site"> <div class="inner"> <div class="logo"> <a href="/yytc/index.do"><img src="/images/header/yytc_logo.png" alt="용인시청소년미래재단 청소년수련원"></a> </div> <div class="menu-wrap"> <ul> <li menu-seq="109" class="l_title1"> <a href="/yytc/lay1/S48T48C109/sublink.do">시설소개 </a><p>시설소개</p> <ul class="l_list_1"> <li menu-seq="324"> <a href="/yytc/lay1/S48T109C324/contents.do">인사말 </a> </li> <li menu-seq="326"> <a href="/lay1/program/S1T706C68/staff/org_chart/list.do?sg=10" class="new_window_icon" target="_blank" title="새 창 열림">직원안내 </a> </li> <li menu-seq="331"> <a href="/yytc/lay1/S48T109C331/sublink.do">시설안내 </a> </li> <li menu-seq="332"> <a href="/yytc/lay1/S48T109C332/contents.do">오시는 길 </a> </li> </ul></li> <li menu-seq="806" class="l_title2"> <a href="/yytc/lay1/S48T48C806/sublink.do">프로그램 안내 </a><p>프로그램 안내</p> <ul class="l_list_2"> <li menu-seq="821"> <a href="/yytc/lay1/S48T806C821/sublink.do">청소년활동프로그램 </a> </li> <li menu-seq="825"> <a href="/yytc/lay1/S48T806C825/contents.do">지역·학교연계 </a> </li> </ul></li> <li menu-seq="807" class="l_title3"> <a href="/yytc/lay1/S48T48C807/sublink.do">신청&대관 </a><p>신청&대관</p> <ul class="l_list_3"> <li menu-seq="826"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 예약 </a> </li> <li menu-seq="968"> <a href="/yytc/lay1/program/S48T831C658/refund/list.do">야영장 환불(취소) </a> </li> <li menu-seq="827"> <a href="/yytc/lay1/S48T112C827/contents.do">수련원 이용신청 </a> </li> <li menu-seq="829"> <a href="/youth_program/index.do" class="new_window_icon" target="_blank" title="새 창 열림">활동프로그램 접수 </a> </li> </ul></li> <li menu-seq="112" class="l_title4"> <a href="/yytc/lay1/S48T48C112/sublink.do">알림마당 </a><p>알림마당</p> <ul class="l_list_4"> <li menu-seq="457"> <a href="/yytc/lay1/bbs/S48T112C457/A/41/list.do">공지사항 </a> </li> <li menu-seq="459"> <a href="/yytc/lay1/bbs/S48T112C459/A/36/list.do">채용정보 </a> </li> <li menu-seq="460"> <a href="/yytc/lay1/bbs/S48T112C460/B/111/list.do">보도자료 </a> </li> </ul></li> <li menu-seq="808" class="on l_title5"> <a href="/yytc/lay1/S48T48C808/sublink.do">운영시설 </a><p>운영시설</p> <ul class="l_list_5"> <li menu-seq="831" class="on"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 </a> </li> <li menu-seq="830"> <a href="/yytc/lay1/S48T808C830/contents.do">수련원 이용 </a> </li> <li menu-seq="832"> <a href="/yytc/lay1/S48T808C832/contents.do">사계절썰매장 </a> </li> </ul></li> </ul> </div> <div class="util"> <a href="javascript:void(0);" class="search-open"><img src="/images/common/icon_search.png" alt="검색 열기"></a> <a href="javascript:void(0);" class="all_menu-open"><img src="/images/subSite/icon_total_menu.png" alt="전체메뉴 열기"></a> </div> <div class="search-wrap"> <form method="get" class="search-form" action="/lay3/program/S1T1C967/total/search.do" name="searchFrm" target="_blank"> <div class="search-inner"> <div class="search"> <input id="total_search" type="text" name="total_keyword" class="search_input" placeholder="검색어를 입력해주세요" title="검색어를 입력해주세요"> <button id="search_btn" type="submit" title="검색버튼"><img src="/images/header/search_btn.png" alt=""></button> </div> </div> <a href="javascript:void(0);" class="search-close"> <img src="/images/header/search_close.png" alt="검색 닫기"> </a> </form> </div> </div> </div> <div class="total__menu-wrap"> <div class="total__menu-top"> <div class="total__menu-inner"> <div class="left"> <div class="logo"> <a href="/yytc/index.do"><img src="/images/header/yytc_logo.png" alt="용인시청소년미래재단 청소년수련원"></a> </div> </div> <div class="right"> <a href="https://www.youtube.com/channel/UC-n3mycmjMPYTce_mPoq-lQ?view_as=subscriber" target="_blank"> <img src="/images/header/sns_youtube.png" alt="유튜브 바로가기"> </a> <a href="https://www.facebook.com/yiyouth/" target="_blank"> <img src="/images/header/sns_facebook.png" alt="페이스북 바로가기"> </a> <a href="https://www.instagram.com/yiyf_official/" target="_blank"> <img src="/images/header/sns_instargram.png" alt="인스타그램 바로가기"> </a> <a href="https://blog.naver.com/yiyf-official" target="_blank" > <img src="/images/header/sns_blog.png" alt="네이버블로그 바로가기"> </a> <a href="https://pf.kakao.com/_xmuxhcxb" target="_blank" > <img src="/images/header/sns_kakao.png" alt="카카오채널 바로가기"> </a> <a href="javsrcipt:void(0);" class="all_menu-close"> <img src="/images/header/total_close_pc.png" alt="전체 메뉴 닫기"> </a> </div> </div> </div>  <div class="total__mobile_top"> <a href="javascript:void(0);" class="all_menu-close"><img src="/images/header/total_close_mo.png" alt="전체메뉴 닫기"></a> <div class="total__top-inner"> <a href="/yytc/index.do" class="logo"><img src="/images/header/yytc_logo_mo.png" alt=""></a> <div class="languege"> <a href="javascript:void(0);" class="login login-btn"><span>로그인</span></a> <a href="/lay1/program/S1T2C3/member/join_step1.do" class="join"><span>회원가입</span></a> <div class="login-list"> <a href="/lay1/program/S1T2C4/member/login.do"><span>재단 로그인</span></a> <a href="https://sports.yiyf.or.kr/m06/1/"><span>수강신청 로그인</span></a> </div> </div> </div> </div>  <div class="total__menu-content"> <div class="total__menu-inner"> <div class="total__menu"> <div class="sitemap_wrap"> <div class="sitemap"> <ol> <li top_yn="Y" menu-seq="109" class="title"> <a href="/yytc/lay1/S48T48C109/sublink.do">시설소개 </a> <ol class="list"> <li top_yn="" menu-seq="324"> <a href="/yytc/lay1/S48T109C324/contents.do">인사말 </a> </li> <li top_yn="" menu-seq="326"> <a href="/lay1/program/S1T706C68/staff/org_chart/list.do?sg=10" target="_blank" title="새 창 열림">직원안내 </a> </li> <li top_yn="" menu-seq="331"> <a href="/yytc/lay1/S48T109C331/sublink.do">시설안내 </a> <ol> <li top_yn="" menu-seq="800"> <a href="/yytc/lay1/S48T331C800/contents.do">안내사항 </a> </li> <li top_yn="" menu-seq="801"> <a href="/yytc/lay1/S48T331C801/contents.do">본관1층 </a> </li> <li top_yn="" menu-seq="802"> <a href="/yytc/lay1/S48T331C802/contents.do">본관 2,3층 </a> </li> <li top_yn="" menu-seq="803"> <a href="/yytc/lay1/S48T331C803/contents.do">야영장 </a> </li> <li top_yn="" menu-seq="804"> <a href="/yytc/lay1/S48T331C804/contents.do">사계절썰매장 </a> </li> <li top_yn="" menu-seq="805"> <a href="/yytc/lay1/S48T331C805/contents.do">대운동장 </a> </li> </ol></li> <li top_yn="" menu-seq="332"> <a href="/yytc/lay1/S48T109C332/contents.do">오시는 길 </a> </li> </ol></li> <li top_yn="Y" menu-seq="806" class="title"> <a href="/yytc/lay1/S48T48C806/sublink.do">프로그램 안내 </a> <ol class="list"> <li top_yn="" menu-seq="821"> <a href="/yytc/lay1/S48T806C821/sublink.do">청소년활동프로그램 </a> <ol> <li top_yn="" menu-seq="822"> <a href="/yytc/lay1/S48T821C822/contents.do">청소년참여기구 </a> </li> <li top_yn="" menu-seq="823"> <a href="/yytc/lay1/S48T821C823/contents.do">가족 참여활동 </a> </li> <li top_yn="" menu-seq="824"> <a href="/yytc/lay1/S48T821C824/contents.do">미디어 활동 </a> </li> </ol></li> <li top_yn="" menu-seq="825"> <a href="/yytc/lay1/S48T806C825/contents.do">지역·학교연계 </a> </li> </ol></li> <li top_yn="Y" menu-seq="807" class="title"> <a href="/yytc/lay1/S48T48C807/sublink.do">신청&대관 </a> <ol class="list"> <li top_yn="" menu-seq="826"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 예약 </a> </li> <li top_yn="" menu-seq="968"> <a href="/yytc/lay1/program/S48T831C658/refund/list.do">야영장 환불(취소) </a> </li> <li top_yn="" menu-seq="827"> <a href="/yytc/lay1/S48T112C827/contents.do">수련원 이용신청 </a> </li> <li top_yn="" menu-seq="829"> <a href="/youth_program/index.do" target="_blank" title="새 창 열림">활동프로그램 접수 </a> </li> </ol></li> <li top_yn="Y" menu-seq="112" class="title"> <a href="/yytc/lay1/S48T48C112/sublink.do">알림마당 </a> <ol class="list"> <li top_yn="" menu-seq="457"> <a href="/yytc/lay1/bbs/S48T112C457/A/41/list.do">공지사항 </a> </li> <li top_yn="" menu-seq="459"> <a href="/yytc/lay1/bbs/S48T112C459/A/36/list.do">채용정보 </a> </li> <li top_yn="" menu-seq="460"> <a href="/yytc/lay1/bbs/S48T112C460/B/111/list.do">보도자료 </a> </li> </ol></li> <li top_yn="Y" menu-seq="808" class="title"> <a href="/yytc/lay1/S48T48C808/sublink.do">운영시설 </a> <ol class="list"> <li top_yn="" menu-seq="831"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 </a> <ol> <li top_yn="" menu-seq="345"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 예약 </a> </li> <li top_yn="" menu-seq="658"> <a href="/yytc/lay1/program/S48T831C658/refund/list.do">환불(취소) 신청 </a> </li> <li top_yn="" menu-seq="835"> <a href="/yytc/lay1/S48T831C835/contents.do">이용료 및 환불규정 </a> </li> <li top_yn="" menu-seq="836"> <a href="/yytc/lay1/S48T831C836/contents.do">야영장 안내 </a> <ol> </ol></li> <li top_yn="" menu-seq="841"> <a href="/yytc/lay1/bbs/S48T831C841/B/70/list.do">공간안내 </a> </li> </ol></li> <li top_yn="" menu-seq="830"> <a href="/yytc/lay1/S48T808C830/contents.do">수련원 이용 </a> </li> <li top_yn="" menu-seq="832"> <a href="/yytc/lay1/S48T808C832/contents.do">사계절썰매장 </a> </li> </ol></li> </ol> </div> </div> </div> </div> </div> </div> </div> <div class="right__navi-wrap yytc-type"> <div class="top type3"> <a href="/yytc/lay1/S48T808C830/contents.do"> <p class="tit">수련원<br>이용</p> <img src="/images/common/right_navi_05.png" alt=""> </a> </div> <div class="bottom middle type3"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do"> <p class="tit">야영장</p> <img src="/images/common/right_navi_01.png" alt=""> </a> </div> <div class="bottom type3"> <a href="/yytc/lay1/S48T808C832/contents.do"> <p class="tit">사계절<br>썰매장</p> <img src="/images/common/right_navi_06.png" alt=""> </a> </div> <a href="javascript:void(0);" class="navi-btn"> <img src="/images/common/right_navi_btn_close.png" alt="" class="close"> <img src="/images/common/right_navi_btn_open.png" alt="" class="open"> </a> </div> <div id="container" class="contents"> <div class="sub_visual"> <h2> 운영시설 </h2> <p>청소년을 존중하고 청소년과 함께 고민하며 최선을 다하겠습니다.</p> </div> <div id="sub"> <script type="text/javascript" src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script type="text/javascript"> //사용할 앱의 JavaScript 키를 설정해 주세요. Kakao.init(""); </script> <script> // $(function(){ // $('.etc .sns_open').click(function(){ // $('.etc .sns_menu').show("slide", { direction: "right" }, 500); // $('.etc .sns_open img').attr('src', '/images/sub/state_sns_hover.gif'); // }); // $('.etc').mouseleave(function(){ // $('.etc .sns_menu').hide("slide", { direction: "right" }, 500); // $('.etc .sns_open img').attr('src', '/images/sub/state_sns.gif'); // }); // }); </script> <div class="strapline"> <div class="nav"> <div class="state"> <div class="left"> <span class="home"> <a href="/yytc/index.do"><img src="/images/subSite/home.png" alt="홈"></a> </span> <div class="select-box step1"> <a href="#n" class="select option-open-btn page_navi_left_menu" role="button"> <span>운영시설</span> </a> <ul class="sub_navi_list"> <li class="" menu-seq="109"> <a href="/yytc/lay1/S48T48C109/sublink.do"> <span> 시설소개 </span> </a></li> <li class="" menu-seq="806"> <a href="/yytc/lay1/S48T48C806/sublink.do"> <span> 프로그램 안내 </span> </a></li> <li class="" menu-seq="807"> <a href="/yytc/lay1/S48T48C807/sublink.do"> <span> 신청&대관 </span> </a></li> <li class="" menu-seq="112"> <a href="/yytc/lay1/S48T48C112/sublink.do"> <span> 알림마당 </span> </a></li> <li class="" menu-seq="808"> <a href="/yytc/lay1/S48T48C808/sublink.do"> <span> 운영시설 </span> </a></li> </ul> </div> <div class="select-box step2"> <a href="#n" class="select option-open-btn page_navi_left_menu" role="button" aria-label="엔터하면 메뉴 열림"> <span>야영장</span> </a> <ul class="sub_navi_list"> <li child-type="2" menu-seq="831" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do" class="on"> <span>야영장</span> </a> </li> <li child-type="1" menu-seq="830" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/S48T808C830/contents.do"> <span>수련원 이용</span> </a> </li> <li child-type="2" menu-seq="832" del_yn="N" use_yn="Y" class="last"> <a href="/yytc/lay1/S48T808C832/contents.do"> <span>사계절썰매장</span> </a> </li> </ul> </div> <div class="select-box step3"> <a href="#n" class="select option-open-btn page_navi_left_menu" role="button" aria-label="엔터하면 메뉴 열림"> <span>야영장 예약</span> </a> <ul class="sub_navi_list"> <li child-type="1" menu-seq="345" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do" class="on"> <span>야영장 예약</span> </a> </li> <li child-type="1" menu-seq="658" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/program/S48T831C658/refund/list.do"> <span>환불(취소) 신청</span> </a> </li> <li child-type="1" menu-seq="835" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/S48T831C835/contents.do"> <span>이용료 및 환불규정</span> </a> </li> <li child-type="1" menu-seq="836" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/S48T831C836/contents.do"> <span>야영장 안내</span> </a> </li> <li child-type="1" menu-seq="841" del_yn="N" use_yn="Y"> <a href="/yytc/lay1/bbs/S48T831C841/B/70/list.do"> <span>공간안내</span> </a> </li> </ul> </div> </div> <div class="right"> <span class="share"><a href="javascript: void(0)"><img src="/images/sub/navi_share.png" alt="share"></a></span> <span class="print"><a href="javascript:window.print()"><img src="/images/sub/navi_print.png" alt="print"></a></span> </div> </div> </div> </div> <div class="pass__layer-wrap layer-wrap share-wrap"> <div id="pass_layer" class="layer type2" tabindex="0"> <p class="tit">공유하기</p> <div class="sns-wrap"> <a href="javascript:blogLink();" class="sns-inner naver" title="새 창 열림"> <img src="/images/common/view_blog.png" alt=""> <span>블로그</span> </a> <a href="javascript:fbLink();" class="sns-inner kakao" title="새 창 열림"> <img src="/images/common/view_facebook.png" alt=""> <span>페이스북</span> </a> <a href="javascript:twtLink();" class="sns-inner kakao" title="새 창 열림"> <img src="/images/common/view_twitter.png" alt=""> <span>트위터</span> </a> </div> <div class="inp-wrap"> <label for="url_input" class="blind">공유 링크 복사하기</label> <input type="text" title="현재 페이지 URL" placeholder="" id="url_input"> <a href="javascript:void(0)" onclick="copyToClipBoard()">복사</a> </div> <a href="javascript:void(0);" class="layer__close"> <span class="hide">레이어닫기</span> </a> </div> </div> <script> // 2댑스(마이페이지,기타서비스,회원서비스) 하나만 노출 $(document).ready(function (){ var parent_menu_seq = "831"; if(parent_menu_seq == '544' || parent_menu_seq == '157' || parent_menu_seq == '2' || parent_menu_seq == '158' || parent_menu_seq == '403' || parent_menu_seq == '158'){ $('.step1 > ul').remove(); } }); $(".page_navi_left_menu").on("mouseover focusin", function() { $(this).next().show(); }); $('.page_navi_left_menu').keydown(function(e){ if ( e.keyCode === 9 && e.shiftKey ) { $(this).next().hide(); } }); $('.page_navi_left_menu').keydown(function(e){ if ( e.keyCode === 9 && !e.shiftKey ) { $(this).children().children().focus(); } }); $(".page_navi_left_menu").on("mouseleave", function() { $(this).next().hide(); }); $(".sub_navi_list li:last-child a").on("focusout", function() { $(".sub_navi_list").hide(); $(this).parent().parent().parent().next().focus(); }); $(".sub_navi_list").on("mouseenter", function() { $(this).show(); }); $(".sub_navi_list").on("mouseleave", function() { $(this).hide(); }); $('.strapline .nav .share').on('click', function (){ $('.sub_share_box').slideToggle(300); }); $('.strapline .nav .sub_share_box').mouseleave(function (){ $('.sub_share_box').slideUp(300); }); $(".strapline .nav .print").click(function(){ window.print(); return false; }); $('.share').on('click', function() { $('.share-wrap').show(); $('.share-wrap .layer .naver').focus(); }); $('.layer__close').on('click', function() { $('.share-wrap').hide(); $('.share').focus(); }); $(function() { $('.print_modified button.share').on('click', function() { $("#alllink").fadeIn(200); $(".print_modified .share-box .facebook").attr("tabindex", "0").focus(); }) $(".sns_close_btn").on('click', function () { $("#alllink").fadeOut(200); $(".print_modified button.share").focus(); }) }) $(function() { $('.print_modified button.share').on('click', function() { $("#alllink").fadeIn(200); $(".print_modified .share-box .facebook").attr("tabindex", "0").focus(); }) $(".sns_close_btn").on('click', function () { $("#alllink").fadeOut(200); $(".print_modified button.share").focus(); }) }) $('#url_input').val(window.location.toString()); function copyToClipBoard() { var content = $('#url_input'); content.select(); document.execCommand('copy'); } </script> <div class="sub_contents"> <div class="inner"> <div class="sub__tit-wrap"> <h3> 야영장 예약 <div class="foundation_tab"> <div class="tab"> <ul> <li menu-seq="345" class="on"> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do"><span>야영장 예약</span> </a> </li> <li menu-seq="658"> <a href="/yytc/lay1/program/S48T831C658/refund/list.do"><span>환불(취소) 신청</span> </a> </li> <li menu-seq="835"> <a href="/yytc/lay1/S48T831C835/contents.do"><span>이용료 및 환불규정</span> </a> </li> <li menu-seq="836"> <a href="/yytc/lay1/S48T831C836/contents.do"><span>야영장 안내</span> </a> </li> <li menu-seq="841"> <a href="/yytc/lay1/bbs/S48T831C841/B/70/list.do"><span>공간안내</span> </a> </li> </ul> </div> </div> </h3> </div> <div class="yytc-sub"> <script type="text/javascript"> function memberCheck () { var member = ""; if(member == null || member == "") { alert("로그인 후 이용하시기 바랍니다."); location.href = "/lay1/program/S1T2C4/member/login.do"; } } $(document).ready(function(){ $("#YearMonthPosi").html( $("#year").val() + "년" + " " + "<b>" + $("#month").val() + "월" + "<b>" ); /* */ $("#YearMonthDatePosi").html( "<b>" + $("#year").val() + "년" + " " + $("#month").val() + "월" + " " + $("#date").val() + "일</b> 예약 가능한 야영장입니다." ); for( i = 2; i <= 31; i += 7 ){ $("p[id=yoil"+(i-1)+"]").addClass("sat"); $("p[id=yoil"+i+"]").addClass("holiday"); } $("p[id=yoil" + "1" + "]").closest("td").attr("style", "background-color:powderblue;" ); /* */ /**/ var now_utc = Date.now() // 지금 날짜를 밀리초로 // getTimezoneOffset()은 현재 시간과의 차이를 분 단위로 반환 var timeOff = new Date().getTimezoneOffset()*60000; // 분단위를 밀리초로 변환 // new Date(now_utc-timeOff).toISOString()은 '2022-05-11T18:09:38.134Z'를 반환 var today = new Date(now_utc-timeOff).toISOString().split("T")[0]; document.getElementById("datePicker").setAttribute("min", today); var now = new Date(); var lastDayOfNextMonth = new Date(now.getFullYear(), now.getMonth() + 2, 0); document.getElementById("datePicker").setAttribute("max", lastDayOfNextMonth.getFullYear() + "-" + (lastDayOfNextMonth.getMonth()+1).toString().padStart(2,"0") + "-" + lastDayOfNextMonth.getDate().toString().padStart(2,"0")); }); function getDList( currYear, currMonth, addMonth ){ baseYM = getAddMonth( currYear, currMonth, addMonth ); $("#year").val( baseYM[0] ); $("#month").val( baseYM[1] ); $("#date").val(""); $("#dListForm").submit(); } function getAddMonth( currYear, currMonth, add ){ allMonth = ( currYear * 12 ) + parseInt(currMonth) + parseInt(add); year = parseInt(allMonth/12); month = allMonth%12; year = ( month == 0 ? --year : year ); month = ( month == 0 ? 12 : month ); return [ year, ( month < 10 ? "0"+month : month ) ]; } function getRmList( date ){ $("#date").val( date ); $("#dListForm").submit(); } function dateChange() { var dateValue = document.getElementById("datePicker").value; var [year, month, day] = dateValue.split("-"); $("#year").val( year ); $("#month").val( month ); $("#date").val(day); $("#dListForm").submit(); } </script> <form id="dListForm" name="dListForm" method="get"> <input type="hidden" name="year" id="year" value="2025"> <input type="hidden" name="month" id="month" value="03"> <input type="hidden" name="date" id="date" value="01"> </form> <form id="rsvListForm" name="rsvListForm" method="post"> <input type="hidden" name='pcMb' value=""> <input type="hidden" name="year" id="year" value="2025"> <input type="hidden" name="month" id="month" value="03"> <input type="hidden" name="date" id="date" value="01"> <input type="hidden" name="yoil" value="7" /> <div class="camping-wrap join-wrap"> <div class="join__step-wrap type3"> <p class="on">01. <span>사이트 옵션 선택</span></p> <p>02. <span>결제 정보 입력</span></p> <p>03. <span>예약 완료</span></p> </div> <div class="login_option"> <ul class="info__list"> <li>회원가입을 해야만 예약이 가능합니다.</li> <li>달력에서 원하시는 예약일을 선택하시면 이용가능한 야영장의 정보가 출력됩니다.</li> <li>이번 달과 다음 달의 예약만 가능합니다.</li> <li>예약 전 반드시 주의사항을 숙지하시기 바랍니다.</li> <li>용인주민으로 예약하신 경우 야영장 입장시 용인주민여부를 확인하오니 신분증(주민등록증, 운전면허증 등)을 지참 후 입장바랍니다.</li> <li>인터넷 예약시, 카드와 가상계좌로 결제 가능합니다.</li> <li>예약신청시 1인 2데크까지만 예약신청 가능합니다.</li> <li>매월 1일 ~ 4일은 당월 예약 가능 / 매월 5일 ~ 말일까지는 당월, 차월 예약 가능합니다.</li> </ul> </div> <p class="content-title type2 ">예약 날짜 선택</p> <input type="date" id="datePicker" onchange="dateChange();" value="2025-03-01"> <p class="content-text date-text"><strong>2025년 03월 01일 </strong> 예약 가능한 야영장입니다.</p> <div class="content__table-wrap scroll-type"> <table style="min-width: 879px;"> <caption></caption> <colgroup> <col style="width: 7%; min-width : 58px;"> <col> <col> <col> <col> <col> <col> <col> </colgroup> <thead> <tr> <th rowspan="2" class="no-border">선택</th> <th rowspan="2">사이트명</th> <th rowspan="2">크기</th> <th rowspan="2">기준인원</th> <th rowspan="2">기간</th> <th rowspan="2">인원선택</th> <th colspan="2">요금</th> </tr> <tr> <th class="ts_b">용인주민</th> <th class="ts_b">타지역주민</th> </tr> </thead> <tbody> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_11"> <input type="checkbox" name="rsvList[0].roomNo" id="room_11" value="11" onchange="memberCheck();" > <span> </span> </label> </td> <td>A1 <input type="hidden" name="rsvList[0].roomName" value="A1"/> </td> <td>데크(7M X 5M)</td> <td>6/6 <input type="hidden" name="rsvList[0].menMax" value="6"/> </td> <td> <select name="rsvList[0].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[0].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> <option value="5">5명</option> <option value="6">6명</option> </select> </td> <td>25,000 <input type="hidden" name="rsvList[0].inFee" value="25000"/> </td> <td>30,000 <input type="hidden" name="rsvList[0].outFee" value="30000"/> </td> </tr> <tr> <td class="no-border">   </td> <td>A2 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>A3 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>A4 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>A5 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>A6 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>A7 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>A8 </td> <td>데크(7M X 5M)</td> <td>6/6 </td> <td> </td> <td> </td> <td>25,000 </td> <td>30,000 </td> </tr> <tr> <td class="no-border">   </td> <td>B1 </td> <td>데크(5M X 4M)</td> <td>4/4 </td> <td> </td> <td> </td> <td>20,000 </td> <td>25,000 </td> </tr> <tr> <td class="no-border">   </td> <td>B2 </td> <td>데크(5M X 4M)</td> <td>4/4 </td> <td> </td> <td> </td> <td>20,000 </td> <td>25,000 </td> </tr> <tr> <td class="no-border">   </td> <td>B3 </td> <td>데크(5M X 4M)</td> <td>4/4 </td> <td> </td> <td> </td> <td>20,000 </td> <td>25,000 </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_22"> <input type="checkbox" name="rsvList[1].roomNo" id="room_22" value="22" onchange="memberCheck();" > <span> </span> </label> </td> <td>B4 <input type="hidden" name="rsvList[1].roomName" value="B4"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[1].menMax" value="4"/> </td> <td> <select name="rsvList[1].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[1].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[1].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[1].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_23"> <input type="checkbox" name="rsvList[2].roomNo" id="room_23" value="23" onchange="memberCheck();" > <span> </span> </label> </td> <td>B5 <input type="hidden" name="rsvList[2].roomName" value="B5"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[2].menMax" value="4"/> </td> <td> <select name="rsvList[2].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[2].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[2].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[2].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_24"> <input type="checkbox" name="rsvList[3].roomNo" id="room_24" value="24" onchange="memberCheck();" > <span> </span> </label> </td> <td>B6 <input type="hidden" name="rsvList[3].roomName" value="B6"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[3].menMax" value="4"/> </td> <td> <select name="rsvList[3].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[3].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[3].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[3].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_25"> <input type="checkbox" name="rsvList[4].roomNo" id="room_25" value="25" onchange="memberCheck();" > <span> </span> </label> </td> <td>B7 <input type="hidden" name="rsvList[4].roomName" value="B7"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[4].menMax" value="4"/> </td> <td> <select name="rsvList[4].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[4].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[4].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[4].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_26"> <input type="checkbox" name="rsvList[5].roomNo" id="room_26" value="26" onchange="memberCheck();" > <span> </span> </label> </td> <td>B8 <input type="hidden" name="rsvList[5].roomName" value="B8"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[5].menMax" value="4"/> </td> <td> <select name="rsvList[5].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[5].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[5].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[5].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_27"> <input type="checkbox" name="rsvList[6].roomNo" id="room_27" value="27" onchange="memberCheck();" > <span> </span> </label> </td> <td>B9 <input type="hidden" name="rsvList[6].roomName" value="B9"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[6].menMax" value="4"/> </td> <td> <select name="rsvList[6].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[6].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[6].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[6].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_28"> <input type="checkbox" name="rsvList[7].roomNo" id="room_28" value="28" onchange="memberCheck();" > <span> </span> </label> </td> <td>C1 <input type="hidden" name="rsvList[7].roomName" value="C1"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[7].menMax" value="4"/> </td> <td> <select name="rsvList[7].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[7].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[7].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[7].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_29"> <input type="checkbox" name="rsvList[8].roomNo" id="room_29" value="29" onchange="memberCheck();" > <span> </span> </label> </td> <td>C2 <input type="hidden" name="rsvList[8].roomName" value="C2"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[8].menMax" value="4"/> </td> <td> <select name="rsvList[8].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[8].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[8].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[8].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_30"> <input type="checkbox" name="rsvList[9].roomNo" id="room_30" value="30" onchange="memberCheck();" > <span> </span> </label> </td> <td>C3 <input type="hidden" name="rsvList[9].roomName" value="C3"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[9].menMax" value="4"/> </td> <td> <select name="rsvList[9].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[9].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[9].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[9].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_31"> <input type="checkbox" name="rsvList[10].roomNo" id="room_31" value="31" onchange="memberCheck();" > <span> </span> </label> </td> <td>C4 <input type="hidden" name="rsvList[10].roomName" value="C4"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[10].menMax" value="4"/> </td> <td> <select name="rsvList[10].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[10].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[10].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[10].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_32"> <input type="checkbox" name="rsvList[11].roomNo" id="room_32" value="32" onchange="memberCheck();" > <span> </span> </label> </td> <td>C5 <input type="hidden" name="rsvList[11].roomName" value="C5"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[11].menMax" value="4"/> </td> <td> <select name="rsvList[11].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[11].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[11].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[11].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_33"> <input type="checkbox" name="rsvList[12].roomNo" id="room_33" value="33" onchange="memberCheck();" > <span> </span> </label> </td> <td>C6 <input type="hidden" name="rsvList[12].roomName" value="C6"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[12].menMax" value="4"/> </td> <td> <select name="rsvList[12].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[12].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[12].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[12].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_34"> <input type="checkbox" name="rsvList[13].roomNo" id="room_34" value="34" onchange="memberCheck();" > <span> </span> </label> </td> <td>C7 <input type="hidden" name="rsvList[13].roomName" value="C7"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[13].menMax" value="4"/> </td> <td> <select name="rsvList[13].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[13].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[13].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[13].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_35"> <input type="checkbox" name="rsvList[14].roomNo" id="room_35" value="35" onchange="memberCheck();" > <span> </span> </label> </td> <td>C8 <input type="hidden" name="rsvList[14].roomName" value="C8"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[14].menMax" value="4"/> </td> <td> <select name="rsvList[14].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[14].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[14].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[14].outFee" value="25000"/> </td> </tr> <tr> <td class="no-border"> <div class="checkbox-wrap no-text"> <label for="room_36"> <input type="checkbox" name="rsvList[15].roomNo" id="room_36" value="36" onchange="memberCheck();" > <span> </span> </label> </td> <td>C9 <input type="hidden" name="rsvList[15].roomName" value="C9"/> </td> <td>데크(5M X 4M)</td> <td>4/4 <input type="hidden" name="rsvList[15].menMax" value="4"/> </td> <td> <select name="rsvList[15].stayTerm" > <option value="1">1박 2일</option> <option value="2">2박 3일</option> <option value="3">3박 4일</option> </select> </td> <td> <select name="rsvList[15].menCnt" > <option value="1">1명</option> <option value="2">2명</option> <option value="3">3명</option> <option value="4">4명</option> </select> </td> <td>20,000 <input type="hidden" name="rsvList[15].inFee" value="20000"/> </td> <td>25,000 <input type="hidden" name="rsvList[15].outFee" value="25000"/> </td> </tr> </tbody> </table> </div> <div class="agree__bg-wrap type1"> <p> 용인시청소년수련원 야영장은 용인지역주민 이용객과 타 지역주민 이용객의 입장료를 별도로 책정하고 있습니다.<br> 용인주민으로 선택하는 경우 야영장 입장시 용인주민여부를 확인 후 입장하오니 신분증(주민등록증, 운전면허증, 여권 등)을 지참 후 입장바랍니다. </p> </div> <div class="agree__bg-wrap type2"> <div class="radio-wrap"> <label for="local_y"> <input type="radio" id="local_y" name="liveInOut" value="in" checked> <span>용인주민</span> </label> </div> <div class="radio-wrap"> <label for="local_n"> <input type="radio" id="local_n" name="liveInOut" value="out"> <span>타지역주민</span> </label> </div> </div> <div class="btn_area"> <div class="center"> <a href="javascript: goRsvUserForm();" class="v3">다음</a> </div> </div> </div> <script> function goRsvUserForm(){ if( $("input:checkbox[name^=rsvList]:checked").size() < 1 ){ alert( "예약할 객실을 한 개 이상 선택해 주세요." ); return; } if( ! $(":radio[name=liveInOut]:checked").val() ){ alert( "거주지역을 선택해 주세요" ); return; } var pcGbVal = "win16|win32|win64|mac"; if( navigator.platform && pcGbVal.indexOf(navigator.platform.toLowerCase())< 0 ){ //모바일 결제이면 $("#rsvListForm [name=pcMb]").val("mb"); } else{ $("#rsvListForm [name=pcMb]").val("pc"); } $("#rsvListForm").attr("action", "/yytc/lay1/program/S48T831C345" + "/camp/rsv/userForm.do"); $("#rsvListForm").submit(); } </script> </div> <script type="text/javascript"> //<![CDATA[ $(function(){ $("#satisfactionFrm").submit(function(){ if(!$("[name='score']").is(":checked")){ alert("만족도를 선택하여 주시기 바랍니다."); $("[name='score']").eq(0).focus(); return false; } $.post($(this).prop("action"), $(this).serializeObject(), function(data){ if(data.rst=="-1"){ alert(data.msg); }else{ alert("정상적으로 등록되었습니다. 참여해주셔서 감사합니다."); $(".s_avg").text(data.data.average); $(".s_cnt").text(data.data.cnt); $("textarea[name='etc']").val(''); } }); return false; }); $("#QR_code").toggle(function(){ $(".QR_box").slideDown(); $("#qr_img").attr("src", "/qrcode.do?width=100&height=97&url="+location.href); }, function(){ $(".QR_box").slideUp(); }); }); function estimate(){ $("#satisfactionFrm").submit(); } //]]> </script> <script type="text/javascript"> // $(document).ready(function(){ // $("input:radio[name=score]").click(function(){ // if($("#etc_chk").prop("checked")){ // $("#eval_insert").css("display","block"); // }else{ // $("#eval_insert").css("display","none"); // $("#etc_text").val(""); // } // }); // // }); </script> <div class="page__satisfaction-wrap"> <div class="satisfaction-wrap"> <form id="satisfactionFrm" name="satisfactionFrm" action="/satifaction/estimate.do" method="post"> <div class="title-wrap"> <p class="title">이 페이지에서 제공하는 정보에 대해 만족하셨습니까?</p> <div class="satisfaction-list"> <input type="hidden" name="cms_menu_seq" value="345"/> <ul> <li><input type="radio" id="well" name="score" value="5" /><label for="well">매우만족</label></li> <li><input type="radio" id="satisfactorily" name="score" value="4" /><label for="satisfactorily">만족</label></li> <li><input type="radio" id="normal" name="score" value="3" /><label for="normal">보통</label></li> <li><input type="radio" id="dissatisfaction" name="score" value="2" /><label for="dissatisfaction">불만족</label></li> <li><input type="radio" id="veryunsatisfactory" name="score" value="1" /><label for="veryunsatisfactory">매우불만족</label></li> </ul> </div> </div> <div class="satisfaction-insert" id="eval_insert"> <input type="text" id="etc_text" name="etc_text" placeholder="여러분들의 의견을 남겨주세요." title="기타 의견 작성란 : 여러분들의 의견을 남겨주세요." /> <input type="button" value="의견남기기" onclick='estimate();'/> </div> </form> </div> </div> </div> </div> </div> </div> <div class="family__slide-wrap"> <div class="inner"> <div class="family__slide-inner"> <a href="javascript:void(0);" class="family-prev"><img src="/images/common/family_prev.png" alt=""></a> <div class="swiper-wrapper"> <a href="https://www.gg.go.kr/" class="swiper-slide" target="_blank" title="경기도청"><img src="/upload/popup/2024/12/f277e679-780e-4a5a-97af-f9fd0431bce6.png" alt="경기도청" /></a> <a href="https://www.yongin.go.kr/index.do" class="swiper-slide" target="_blank" title="용인특례시"><img src="/upload/popup/2024/12/24d5f44d-0879-4e0e-843b-431422af5df1.png" alt="용인특례시" /></a> <a href="https://www.goeyi.kr/goeyi/main.do" class="swiper-slide" target="_blank" title="용인교육청"><img src="/upload/popup/2024/12/ba16458e-f87f-4ac7-8292-0390a5795e12.png" alt="용인교육청" /></a> <a href="https://www.kywa.or.kr/" class="swiper-slide" target="_blank" title="한국청소년활동진흥원"><img src="/upload/popup/2024/12/1398c351-2d69-4cda-a764-2e5488680e60.png" alt="한국청소년활동진흥원" /></a> <a href="https://www.youth.go.kr/youth/" class="swiper-slide" target="_blank" title="청소년활동정보서비스"><img src="/upload/popup/2024/12/4fdfba51-9d00-481e-aa67-1e63545e0cee.png" alt="청소년활동정보서비스" /></a> <a href="https://www.1388.go.kr/" class="swiper-slide" target="_blank" title="청소년1388대국민포털"><img src="/upload/popup/2024/12/c4975367-ab68-48b0-93e7-01ef74ff0039.png" alt="청소년1388대국민포털" /></a> <a href="https://www.kdream.or.kr:446/user/index.asp" class="swiper-slide" target="_blank" title="학교밖청소년지원센터 꿈드림"><img src="/upload/popup/2024/12/7991f442-04d0-48b1-9e1b-22cc9244e986.png" alt="학교밖청소년지원센터 꿈드림" /></a> <a href="https://www.youth.go.kr/yaca/index.do" class="swiper-slide" target="_blank" title="방과후청소년아카데미"><img src="/upload/popup/2024/12/d9d92667-36bd-492d-99fb-96356c3b0bb0.png" alt="방과후청소년아카데미" /></a> <a href="https://ggyouth.or.kr/" class="swiper-slide" target="_blank" title="경기도청소년활동진흥센터"><img src="/upload/popup/2024/12/a6b8db48-a315-47ea-ba10-aaaa76ad385d.png" alt="경기도청소년활동진흥센터" /></a> <a href="http://youthnet.or.kr/" class="swiper-slide" target="_blank" title="한국청소년수련시설협회"><img src="/upload/popup/2024/12/6a612f7b-7a52-4e69-9353-7743bab7e0e9.png" alt="한국청소년수련시설협회" /></a> <a href="https://www.kyci.or.kr/userSite/index.asp" class="swiper-slide" target="_blank" title="한국청소년상담복지개발원"><img src="/upload/popup/2024/12/1332e89c-6c8c-4a90-912c-a446890cd8f1.png" alt="한국청소년상담복지개발원" /></a> <a href="http://031cut.majubom.kr/" class="swiper-slide" target="_blank" title="경기도 디지털성범죄피해자 원스톱지원센터"><img src="/upload/popup/2024/12/fde71bfa-d8da-4d7e-a701-0729ddc8fb52.png" alt="경기도 디지털성범죄피해자 원스톱지원센터" /></a> <a href="http://www.ggyouthnet.or.kr/" class="swiper-slide" target="_blank" title="경기도청소년수련시설협회"><img src="/upload/popup/2024/12/1d94f5d8-00c0-4f7b-ba83-9da94e008566.png" alt="경기도청소년수련시설협회" /></a> <a href="https://www.nypi.re.kr/contents/mainpage.do" class="swiper-slide" target="_blank" title="한국청소년정책연구원"><img src="/upload/popup/2024/12/507a272d-c7a2-4897-9465-d3862ecd2975.png" alt="한국청소년정책연구원" /></a> <a href="https://www.yongin.go.kr/child/index.do" class="swiper-slide" target="_blank" title="용인특례시 어린이조아용"><img src="/upload/popup/2024/12/d82177a7-0bff-4e68-bb99-f20f037f882f.png" alt="용인특례시 어린이조아용" /></a> <a href="https://www.ggpolice.go.kr/yidb/index.do" class="swiper-slide" target="_blank" title="용인동부경찰서"><img src="/upload/popup/2024/12/4615da27-d417-44e5-8197-423c65132e69.png" alt="용인동부경찰서" /></a> <a href="https://www.ggpolice.go.kr/yisb/index.do" class="swiper-slide" target="_blank" title="용인서부경찰서"><img src="/upload/popup/2024/12/33b5162e-82cb-4a28-baac-c0ac25f104de.png" alt="용인서부경찰서" /></a> <a href="https://council.yongin.go.kr/" class="swiper-slide" target="_blank" title="용인특례시의회"><img src="/upload/popup/2024/12/1b9a9cc2-0027-4714-bfa0-deccb78bc5e5.png" alt="용인특례시의회" /></a> </div> <a href="javascript:void(0);" class="family-next"><img src="/images/common/family_next.png" alt=""></a> </div> </div> </div> <div class="footer-wrap"> <div class="inner"> <div class="sns-wrap"> <a href="https://www.youtube.com/channel/UC-n3mycmjMPYTce_mPoq-lQ?view_as=subscriber" target="_blank"> <img src="/images/main/sns_youtube.png" alt="유튜브 바로가기"> </a> <a href="https://www.facebook.com/yiyouth/" target="_blank"> <img src="/images/main/sns_facebook.png" alt="페이스북 바로가기"> </a> <a href="https://www.instagram.com/yiyf_official/" target="_blank"> <img src="/images/main/sns_instargram.png" alt="인스타그램 바로가기"> </a> <a href="https://blog.naver.com/yiyf-official" target="_blank" > <img src="/images/main/sns_blog.png" alt="네이버블로그 바로가기"> </a> <a href="https://pf.kakao.com/_xmuxhcxb" target="_blank" > <img src="/images/main/sns_kakao.png" alt="카카오채널 바로가기"> </a> </div> <div class="footer-info"> <div class="left"> <p> (우:17163) 경기도 용인시 처인구 양지면 죽양대로 2071번길 50<br> 용인시청소년수련원<br> <a href="/lay1/program/S1T706C68/staff/org_chart/list.do?sg=10" class="footer-link" target="_blank" title="새 창 열림">문의처 안내</a> </p> <p class="copyright">COPYRIGHT(C)2018. ALL RIGHTS RESERVED.</p> </div> <div class="right"> <p><a href="/lay1/S1T59C64/contents.do" target="_blank" title="새 창 열림">재단소개</a></p> <p><a href="/lay1/S1T158C160/contents.do" class="footer-link" target="_blank" title="새 창 열림">개인정보처리방침</a></p> <p><a href="/lay1/S1T403C404/contents.do" target="_blank" title="새 창 열림">영상정보처리기기 운영 관리방침</a></p> <p><a href="/lay1/S1T157C545/contents.do" target="_blank" title="새 창 열림">서비스약관</a></p> <p><a href="/lay1/S1T157C406/contents.do" target="_blank" title="새 창 열림">이메일 수집 거부</a></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> <a id="top_btn" href="#" style="display: inline;"> <img src="/images/common/top_btn2.png" alt=""> <span>맨 위로</span> </a> </div> <div id="naviMenu" class="s_c48"> <div> <ul class="menuCtg"> <li class="top_menu"> <p class="gnbHome"><a href="/">처음으로</a></p> <p class="login"><a href="/lay1/program/S1T2C4/member/login.do">로그인</a></p> <p class="join"><a href="/lay1/program/S1T2C3/member/join_step1.do">회원가입</a></p> <p class="sitemap"><a href="/lay1/program/S1T6C7/sitemap/intro.do">사이트맵</a></p> </li> <li class="on"> <ul> <li class="menu_1"> <div class="t_a_line"> <a href="/yytc/lay1/S48T48C109/sublink.do" class="mnTit">시설소개 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li> <a href="/yytc/lay1/S48T109C324/contents.do">인사말 </a> </li> <li> <a href="/lay1/program/S1T706C68/staff/org_chart/list.do?sg=10" class="new_window_icon" target="_blank" title="새 창 열림">직원안내 </a> </li> <li> <a href="/yytc/lay1/S48T109C331/sublink.do">시설안내 </a> <ul> <li> <a href="/yytc/lay1/S48T331C800/contents.do">안내사항 </a> </li> <li> <a href="/yytc/lay1/S48T331C801/contents.do">본관1층 </a> </li> <li> <a href="/yytc/lay1/S48T331C802/contents.do">본관 2,3층 </a> </li> <li> <a href="/yytc/lay1/S48T331C803/contents.do">야영장 </a> </li> <li> <a href="/yytc/lay1/S48T331C804/contents.do">사계절썰매장 </a> </li> <li> <a href="/yytc/lay1/S48T331C805/contents.do">대운동장 </a> </li> </ul></li> <li> <a href="/yytc/lay1/S48T109C332/contents.do">오시는 길 </a> </li> </ul></li> <li class="menu_2"> <div class="t_a_line"> <a href="/yytc/lay1/S48T48C806/sublink.do" class="mnTit">프로그램 안내 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li> <a href="/yytc/lay1/S48T806C821/sublink.do">청소년활동프로그램 </a> <ul> <li> <a href="/yytc/lay1/S48T821C822/contents.do">청소년참여기구 </a> </li> <li> <a href="/yytc/lay1/S48T821C823/contents.do">가족 참여활동 </a> </li> <li> <a href="/yytc/lay1/S48T821C824/contents.do">미디어 활동 </a> </li> </ul></li> <li> <a href="/yytc/lay1/S48T806C825/contents.do">지역·학교연계 </a> </li> </ul></li> <li class="menu_3"> <div class="t_a_line"> <a href="/yytc/lay1/S48T48C807/sublink.do" class="mnTit">신청&대관 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 예약 </a> </li> <li> <a href="/yytc/lay1/program/S48T831C658/refund/list.do">야영장 환불(취소) </a> </li> <li> <a href="/yytc/lay1/S48T112C827/contents.do">수련원 이용신청 </a> </li> <li> <a href="/youth_program/index.do" class="new_window_icon" target="_blank" title="새 창 열림">활동프로그램 접수 </a> </li> </ul></li> <li class="menu_4"> <div class="t_a_line"> <a href="/yytc/lay1/S48T48C112/sublink.do" class="mnTit">알림마당 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li> <a href="/yytc/lay1/bbs/S48T112C457/A/41/list.do">공지사항 </a> </li> <li> <a href="/yytc/lay1/bbs/S48T112C459/A/36/list.do">채용정보 </a> </li> <li> <a href="/yytc/lay1/bbs/S48T112C460/B/111/list.do">보도자료 </a> </li> </ul></li> <li class="menu_5"> <div class="t_a_line"> <a href="/yytc/lay1/S48T48C808/sublink.do" class="mnTit">운영시설 </a> <span class="arrow"></span> </div> <ul class="side_sub"> <li> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 </a> <ul> <li> <a href="/yytc/lay1/program/S48T831C345/camp/room/mList.do">야영장 예약 </a> </li> <li> <a href="/yytc/lay1/program/S48T831C658/refund/list.do">환불(취소) 신청 </a> </li> <li> <a href="/yytc/lay1/S48T831C835/contents.do">이용료 및 환불규정 </a> </li> <li> <a href="/yytc/lay1/S48T831C836/contents.do">야영장 안내 </a> </li> <li> <a href="/yytc/lay1/bbs/S48T831C841/B/70/list.do">공간안내 </a> </li> </ul></li> <li> <a href="/yytc/lay1/S48T808C830/contents.do">수련원 이용 </a> </li> <li> <a href="/yytc/lay1/S48T808C832/contents.do">사계절썰매장 </a> <ul> </ul></li> </ul></li> </ul> </li> </ul>  <script type="text/javascript"> $(function(){ $(".btn_go").click(function(){ var url=$("#site_link").attr('value'); window.open(url); }); }); </script> <div class="select_box_1"> <select id="site_link"> <option value="http://www.gg.go.kr/gg">경기도청</option> <option value="https://www.yongin.go.kr/index.do">용인시청</option> <option value="http://www.goeyi.kr/eduyi/">용인교육청</option>  <option value="http://tour.yongin.go.kr/tour/trrsrt/BD_selectTrrsrtMng.do?q_tsn=21">용인시예절교육관</option> <option value="http://www.youth.go.kr/yaca/index.do">청소년방과후아카데미</option> <option value="https://nyc.kywa.or.kr/main/main.jsp">국립중앙청소년수련원</option> <option value="http://www.youth.go.kr/youth/">청소년자원봉사활동정보서비스</option> <option value="http://www.nypi.re.kr/contents/siteMain.do">한국청소년정책연구원</option> <option value="http://www.koreayouthexpo.com/">대한민국청소년박람회</option>  <option value="https://www.kyci.or.kr/userSite/index.asp">한국청소년상담원</option> <option value="http://www.snyouth.or.kr/index.do">성남시청소년육성재단</option> <option value="http://www.syf.or.kr/web/index.do">수원시청소년육성재단</option> </select> <span class="btn_go"><a href="#">이동</a></span> </div> </div> <p class="closeArea"><a class="close"></a></p> </div> </body> </html>

CINXE.COM

홈>운영시설>야영장>야영장 예약