용인자연휴양림

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="title" content="용인자연휴양림" /> <meta name="keyword" content="용인자연휴양림, 휴양림, 짚라인, 에코어드벤쳐, 패러, 패러글라이딩, 목재문화체험, 유아숲체험, 숲해설, 숲길체험, 산림치유, 캬라반, 야영장" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>용인자연휴양림</title> <script type="text/javascript"> var _no_click_msg = "\n\n※ 모바일 이용시 일부 브라우저에서 차단 버튼이 나올수 있습니다 클릭하지 마세요"; function getIEVersion() { var word; var agent = navigator.userAgent.toLowerCase(); if(navigator.appName == "Microsoft Internet Explorer"){ // IE old version ( IE 10 or Lower ) word = "msie "; }else if(agent.search("trident") > -1){ // IE 11 word = "trident/.*rv:"; }else if(agent.search("edge/") > -1){ // Microsoft Edge word = "edge/"; }else{ // 그외, IE가 아니라면 ( If it's not IE or Edge ) return -1; } var reg = new RegExp(word + "([0-9]{1,})(\\.{0,}[0-9]{0,1})"); if (reg.exec( agent ) != null) { return parseFloat( RegExp.$1 + RegExp.$2 ); } return -1; } function checkVersion() { var versionIE = getIEVersion(); if(versionIE != -1 && versionIE < 9) { //alert('현재 인터넷 익스플로러 버전이 8이하 입니다.'); location.href="/ie_upgrade.jsp"; } } checkVersion(); </script> <link rel="stylesheet" href="/indvz/002/css/sprite.css?t_=20241127_0144"> <link rel="stylesheet" href="/indvz/002/css/font.css?t_=20241127_0144"> <link rel="stylesheet" href="/indvz/002/css/layout.css?t_=20241127_0144"> <link rel="stylesheet" href="/indvz/002/css/main.css?t_=20241127_0144"> <link rel="stylesheet" href="/indvz/002/css/jquery-ui.min.css"> <link rel="stylesheet" href="/portal/css/common.css?t_=20241127_0144"> <link rel="stylesheet" href="/portal/css/content.css?t_=20241127_0144"> <link rel="stylesheet" href="/portal/css/board.css?t_=20241127_0144"> <link rel="stylesheet" href="/portal/css/search.css?t_=20241127_0144"> <link rel="stylesheet" href="/portal/css/table.css?t_=20241127_0144"> <script> //https > http 전환 /* if(document.location.protocol == 'https:'){ document.location.href = document.location.href.replace('https:', 'http:'); } */ </script> <script src="/indvz/002/js/jquery-1.12.4.min.js"></script> <script src="/indvz/002/js/jquery-ui.min.js"></script> <link rel="stylesheet" href="/indvz/002/js/mCustomScrollbar/jquery.mCustomScrollbar.css"> <script src="/indvz/002/js/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script> <link rel="stylesheet" href="/indvz/002/js/lightslider/lightslider.css"> <script src="/indvz/002/js/lightslider/lightslider.min.js"></script> <script src="/js/netfunnel.js?t_=20241127_0144"></script> <script> window.onload = function() { NetFunnel_Complete(); }; </script> <script src="/indvz/002/js/common.js?t_=20241127_0144"></script> <script src="/indvz/002/js/common-popup.js?t_=20241127_0144"></script> <script src="/indvz/002/js/main.js?t_=20241127_0144"></script> <script src="/portal/js/cookie.js?t_=20241127_0144"></script> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=6183e9507e5f2dabb3583b5b7e61571e&libraries=services"></script> <script type="text/javascript" src="/portal/js/wl6.js?t_=20241127_0144"></script>  <script type="text/javascript"> browerCheck = ''; $(document).ready(function() { fn_initCalendar('ID02030031'); //fn_selectMtweather(); }); function fn_waitCntAjax() { $.ajax({ url:'/com/selectWaitCntAjax.do', type:'get', async: false, dataType:'json', success:function(data){ var waitCnt = data.waitCnt; //alert(waitCnt); $("#waitCnt").text(waitCnt); $("#waitCnt").show(); }, error:function(err) { } }); } function fn_selectMtweather(){ var hmpgId = "ID02030031"; $.ajax({ url : "/com/sub/selectMtweather.do?_csrf=8dc46453-e95b-4492-9498-3c881eb0dda7&hmpgId="+hmpgId, type: "POST", async : false, data:{}, dataType:'json', contentType : 'application/json; charset=UTF-8', beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { var weatherInfo = data.weatherInfo; if(weatherInfo.statusYn == "Y"){ $('#temperature').text(weatherInfo.wtherFrcstTmprt+"℃") // 기온 $('#senTemperature').text("체감온도 "+weatherInfo.obsrtTmprt+"℃") // 체감온도 $('#rainfall').text(weatherInfo.exmnnPrcptQntt+"mm") // 강수량 $('#velocity').text(weatherInfo.obsrtWs+"m/s") // 풍속 $('#humidity').text(weatherInfo.obsrtHmdt+"%") // 습도 if (weatherInfo.exmnnPrcptQntt > 0) { $("#weatherIcon").html("<img src='/indvz/001/images/main/weather-icon-02.png' alt='온도'>"); } $('#weatherDiv').show(); } }, error: function (err) { }, complete:function() { } }); } var mapFlag = "off"; /****************************************************************** * desc : 문자열에 자릿수 만큼 설정한 문자로 채워준다 (LPAD 기능) * writter : ygs * sample : fn_lpad("1", 2, 0); -> return "01" ******************************************************************/ function fn_lpad(s, padLength, padString) { while (s.length < padLength) s = padString + s; return s; } /****************************************************************** * desc : 문자열이 빈 문자열인지 체크하여 기본 문자열로 리턴한다(NVL 기능) * writter : ygs * sample : nvl(null, ""); ******************************************************************/ function fn_nvl(str, defaultStr) { if (typeof str == "undefined" || str == null || str == "") str = defaultStr; return str; } /****************************************************************** * desc : 사이트맵, GNB 트리뷰 구성 * writter : ygs ******************************************************************/ var menuList = ""; function fn_treeView(hmpgId) { $.ajax({ url : '/com/sub/selectMenuList.do?hmpgId=' + hmpgId, type : 'get', async : false, // data : {"hmpgId" : hmpgId}, dataType : 'json', success : function(data) { menuList = data.menuList; var cnt = 0; //사이트맵 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = fn_nvl(item.menuUrl, ""); var topMenuId = menuId.substr(0,3); var nwWndYn = item.nwWndYn; var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } var li = '<li id="'+ menuId + '"><a href="' + menuUrl + '" target="'+menuTarget+'">' + menuNm + '</a></li>'; // 상단메뉴에 추가로 붙는 하위메뉴 li테그를 만들어준다 (a태그 href 이벤트시) if(topMenuId != "008"){ if (menuLvl == 1) { // 최상위 레벨은 기본으로 셋팅 if (cnt == 0) { // 첫번째 상단메뉴 case cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 $("#menuList").children("li").attr("id", menuId); // 최상위 부모의 li의 아이디 속성을 추가한다 $("#" + menuId).append("<div class='sitem_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div>"); // 최상단 메뉴를 추가한다. } else { // 두번쨰 상단메뉴case 부터 cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 fn_lpad(cnt.toString(), 2, 0); // 클래스 lpad처리 $("#menuList").append("<li id='" + menuId + "'><div class='sitem_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></li>"); // 최상단 메뉴를 추가한다. } } else { var parentLi = $("li[id='" + upperMenuId + "']"); var bUl = parentLi.find("ul"); if (bUl.length == 0) { // 하위 그룹이 없으면 li로 추가 li = "<ul>" + li + "</ul>"; parentLi.append(li); } else { // 하위 그룹이 있으면 ul로 추가 bUl.length = 1; bUl.append(li); } } } }); cnt = 0; // GNB트리뷰를 그리기위한 cnt 초기화 //GNB 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = "GNB" + item.menuId; var menuNm = item.menuNm; var upperMenuId = "GNB" + item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = fn_nvl(item.menuUrl, ""); var topMenuId = menuId.substr(0,6); var nwWndYn = item.nwWndYn; var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } var li = '<li id="'+ menuId + '"><a href="' + menuUrl + '" target="'+menuTarget+'">' + menuNm + '</a></li>'; // 상단메뉴에 추가로 붙는 하위메뉴 li테그를 만들어준다 (a태그 href 이벤트시) if(topMenuId == "GNB001" || topMenuId == "GNB002" || topMenuId == "GNB003" || topMenuId == "GNB004" || topMenuId == "GNB005"){ if (menuLvl == 1) { // 최상위 레벨은 기본으로 셋팅 if (cnt == 0) { // 첫번째 상단메뉴 case cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 $("#gnbList").children("li").attr("id", menuId); // 최상위 부모의 li의 아이디 속성을 추가한다 $("#" + menuId).append("<a class='depth_1' href='#'>" + menuNm + "</a><div class='gnbSubM'><div class='layout'><div id='SUB" + menuId + "'" + "class='gnbSub'><div class='gnbS_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></div></div></div>"); // 최상단 메뉴를 추가한다. } else { // 두번쨰 상단메뉴case 부터 cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 fn_lpad(cnt.toString(), 2, 0); // 클래스 lpad처리 $("#gnbList") .append("<li id=" + menuId + "><a class='depth_1' href='#'>" + menuNm + "</a><div class='gnbSubM'><div class='layout'><div id='SUB" + menuId + "'" + "class='gnbSub'><div class='gnbS_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></div></div></div></li>"); // 최상단 메뉴를 추가한다. } } else { var parentLi = ""; if (menuLvl == 2) { // 2레벨의 하위메뉴를 APPEND 하기위한 상위메뉴 셀렉터 parentLi = $("div[id='" + "SUB" + upperMenuId + "']"); } else if (menuLvl >= 3) { // 3레벨 이상의 하위메뉴를 APPEND 하기위한 상위메뉴 셀렉터 parentLi = $("li[id='" + upperMenuId + "']"); }; var bUl = parentLi.find("ul"); // 해당변수의 UL태그를 찾는다. if (bUl.length == 0) { // UL태그가 없을 시에는 UL태그를 덫붙혀 하위메뉴 APPEND li = "<ul>" + li + "</ul>"; parentLi.append(li); } else { // UL태그가 있을 시에는 하위메뉴 APPEND bUl.length = 1; bUl.append(li); } } } }); cnt = 0; // 모바일뷰를 그리기위한 cnt 초기화 //모바일 로드 menuList.forEach(function(item, idx) { var menuId = "MBL" + item.menuId; var menuNm = item.menuNm; var upperMenuId = "MBL" + item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = fn_nvl(item.menuUrl, ""); var topMenuId = menuId.substr(0,6); var nwWndYn = item.nwWndYn; var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } // if(menuUrl.indexOf("/pot/mc/ms/insertStplatAgreeView.do") != -1){ // menuUrl = "javascript:alert('회원가입은 pc에서 진행하여 주십시오.');"; // } var li = '<li id="'+ menuId + '"><a href="' + menuUrl + '" target="'+menuTarget+'">' + menuNm + '</a></li>'; // 상단메뉴에 추가로 붙는 하위메뉴 li테그를 만들어준다 (a태그 href 이벤트시) if(topMenuId != "MBL008"){ if (menuLvl == 1) { // 최상위 레벨은 기본으로 셋팅 if (cnt == 0) { // 첫번째 상단메뉴 case cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 $("#mobileList").children("li").attr("id", menuId); // 최상위 부모의 li의 아이디 속성을 추가한다 $("#" + menuId).append('<a href="#">' + menuNm + '</a>'); // 최상단 메뉴를 추가한다. } else { // 두번쨰 상단메뉴case 부터 cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 fn_lpad(cnt.toString(), 2, 0); // 클래스 lpad처리 $("#mobileList").append('<li id="' + menuId + '"><a href="#">' + menuNm + '</a></li>'); // 최상단 메뉴를 추가한다. } } else { var parentLi = $("li[id='" + upperMenuId + "']"); var bUl = parentLi.find("ul"); if (bUl.length == 0) { // 하위 그룹이 없으면 li로 추가 li = "<ul>" + li + "</ul>"; parentLi.append(li); } else { // 하위 그룹이 있으면 ul로 추가 bUl.length = 1; bUl.append(li); } } } }); }, error : function(err) { } }); fn_ccMenu(); fn_myMenu(); } function fn_ccMenu() { menuHtml = ""; beforeLvl = 0; //GNB 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = item.menuUrl; var nwWndYn = item.nwWndYn; var topMenuId = menuId.substr(0,3); var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } if(menuLvl >= 2 && menuLvl <= 3) { if(topMenuId == "007"){ // 고객센터 메뉴 if(menuLvl == 2) { if(beforeLvl == 0) { menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; } }else if(menuLvl == 3) { if(beforeLvl == 2) { menuHtml += ' <span class="arr"></span></a>'; menuHtml += ' <ul>'; menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; }else if(beforeLvl == 3) { menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; } } beforeLvl = menuLvl; } } }); if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; } //alert(menuHtml); $('#cc_list').append(menuHtml); } function fn_myMenu() { menuHtml = ""; beforeLvl = 0; //GNB 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = item.menuUrl; var nwWndYn = item.nwWndYn; var topMenuId = menuId.substr(0,3); var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } if(menuLvl >= 2 && menuLvl <= 3) { if(topMenuId == "006"){ // 마이메뉴 if(menuLvl == 2) { if(beforeLvl == 0) { menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; } }else if(menuLvl == 3) { if(beforeLvl == 2) { menuHtml += ' <span class="arr"></span></a>'; menuHtml += ' <ul>'; menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; }else if(beforeLvl == 3) { menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; } } beforeLvl = menuLvl; } } }); if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; } //alert(menuHtml); $('#my_list').append(menuHtml); } /****************************************************************** * desc : 상단링크 구성 * writter : ygs ******************************************************************/ function fn_upperLink(hmpgId) { $.ajax({ url : '/com/sub/selectUpperLink.do?_csrf=8dc46453-e95b-4492-9498-3c881eb0dda7', type : 'post', async : false, data : { "hmpgId" : hmpgId }, dataType : 'json', success : function(data) { var linkCnt = data.linkCnt; var linkList = data.linkList; var upperLinknum = 4; var innerWidth = window.innerWidth; if(innerWidth >= 795){ upperLinknum = 4; }else if(innerWidth < 795 && innerWidth >= 560){ upperLinknum = 3; linkCnt = Math.ceil(linkList.length / upperLinknum); } else if(innerWidth < 560 && innerWidth >= 448){ upperLinknum = 2; linkCnt = Math.ceil(linkList.length / upperLinknum); } else{ upperLinknum = 1; linkCnt = Math.ceil(linkList.length / upperLinknum); } var cnt = 1; // 상단리크 메뉴 생성 if (linkCnt > 0) { for (i = 1; i <= linkCnt; i++) { $("#upperLinkDiv").append('<div id="upperLink' + i + '" class="item"></div>'); for (j = cnt; j <= i * upperLinknum; j++) { if (linkList[j - 1] != undefined) { var varTarget = "_self"; if(linkList[j-1].nwWndYn == "Y") { varTarget = "_blank"; } if(linkList[j-1].linkTpcd == "I"){ $("#upperLink" + i).append('<a href="'+ linkList[j-1].linkUrl + '" target="'+varTarget+'">' + '<img src="https://image.foresttrip.go.kr' + linkList[j-1].attchFileRltvCrse + '"' + 'alt=' + '"' + linkList[j-1].linkNm + '"' + '/>' +'</a>'); }else{ $("#upperLink" + i).append('<a href="'+ linkList[j-1].linkUrl + '" target="'+varTarget+'">' + linkList[j-1].linkNm + '</a>'); } cnt = cnt + 1; } } } }else{ $("#upperLinkDiv").next().hide(); } // 페이지 버튼 생성 var param = '.util_slide', btn = '.slide', obj = '.item', auto = false, f = 300, s = 5000, p = { use : true, path : '.slide_count', type : 1 }, h = false, size = 3; popzone(param, btn, obj, auto, f, s, p, h, size, linkCnt); }, error : function(err) { } }); } /****************************************************************** * desc : 메인이미지 불러오기 * writter : ygs ******************************************************************/ /* function fn_mainImage(){ var mainImageList = new Array(); var json = new Object(); json.attchFileStoreNm = "/upload/images/3ba3aba9-e18e-4c3e-864a-4b468e51de4d.jpg"; mainImageList.push(json); var json = new Object(); json.attchFileStoreNm = "/upload/images/61b2cd0a-f596-4a14-b0c2-e60660e26a49.jpg"; mainImageList.push(json); var json = new Object(); json.attchFileStoreNm = "/upload/images/88cc7aa5-a78e-4a9d-8366-4b39631f9ae2.jpg"; mainImageList.push(json); var json = new Object(); json.attchFileStoreNm = "/upload/images/d3bfe9dc-acd6-4411-bb8d-f01dbbb498e4.jpg"; mainImageList.push(json); var json = new Object(); json.attchFileStoreNm = "/upload/images/8f6eb1fb-2bdf-414f-819f-e8770dc03e40.jpg"; mainImageList.push(json); if(mainImageList[0] != undefined){ $(".m_visual").css("background-image", 'url(' + JSON.stringify(mainImageList[0].attchFileStoreNm) + ')'); }else{ $(".m_visual").css("background-image", 'url(/images/common/no_img.gif)'); } } */ /****************************************************************** * desc : 다음지도, 마커, 오버레이 생성 * writter : ygs ******************************************************************/ var map = null; var mapData = null; function fn_createMapStatic(){ if("ID02030031" != ""){ $.ajax({ url : '/com/sub/selectMapInfo.do?_csrf=8dc46453-e95b-4492-9498-3c881eb0dda7', type : 'post', async : false, data : {"insttId" : "ID02030031"}, dataType : 'json', success : function(data) { mapData = data.result; $("#mapAddr").text( mapData.roadNmAddr + ' ' + mapData.roadNmDtadd); }, error : function(err) { } }); } if(mapData != null){ // 이미지 지도에 표시할 마커입니다 // 이미지 지도에 표시할 마커를 아래와 같이 배열로 넣어주면 여러개의 마커를 표시할 수 있습니다 var markers = [ { position: new daum.maps.LatLng(mapData.insttLttd, mapData.insttLngtd) }, { position: new daum.maps.LatLng(mapData.insttLttd, mapData.insttLngtd), text: mapData.insttNm // text 옵션을 설정하면 마커 위에 텍스트를 함께 표시할 수 있습니다 } ]; var staticMapContainer = document.getElementById('mapApi'), // 이미지 지도를 표시할 div staticMapOption = { center: new daum.maps.LatLng(mapData.insttLttd, mapData.insttLngtd), // 이미지 지도의 중심좌표 level: 4, // 이미지 지도의 확대 레벨 marker: markers // 이미지 지도에 표시할 마커 }; // 이미지 지도를 생성합니다 var staticMap = new daum.maps.StaticMap(staticMapContainer, staticMapOption); $("#mapApi > a > img").prop("alt","지도 이미지"); /* $("#mapApi > a").prop("target","_self"); $("#mapApi > a").prop("href","#mapInfo"); */ } } /****************************************************************** * desc : 마커 클릭이벤트 * writter : ygs ******************************************************************/ function fn_clickListener(){ if(mapFlag == "off"){ $("#markerId").hide(); mapFlag = "on"; }else{ $("#markerId").show(); mapFlag = "off"; } } function fn_initCalendar(insttId) { var toDay = ""; $.ajax({ url: "/com/selectTodayCalendar.do?_csrf=8dc46453-e95b-4492-9498-3c881eb0dda7", type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { toDay = data.result; }, error:function(xhr,status,e) { fn_failMsg(xhr, status, e); }, complete:function() { } }); $.ajax({ url : "/rep/or/selectFcFsRcfrsFcltInfo.do?_csrf=8dc46453-e95b-4492-9498-3c881eb0dda7&insttId="+insttId, type : 'get', dataType : 'json', async : false, contentType : 'application/json; charset=UTF-8', beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success : function(data) { if (data.useDtList.length > 0) { $("#calPicker").off('.ajaxSuccess1').on("click.ajaxSuccess1 keydown.ajaxSuccess1", function (event) { if (event.keyCode == 13) { event.preventDefault(); addPicker($("#calPicker"), false, false, '', data.hldtList, data.rcfrsFcltInfo[0].mxmmStngDayCnt, data.useDtList, toDay); } if (event.type != 'keydown') { addPicker($("#calPicker"), false, false, '', data.hldtList, data.rcfrsFcltInfo[0].mxmmStngDayCnt, data.useDtList, toDay); } }); } else { fn_defaultCalendar(); } }, error : function(xhr, status, e) { fn_failMsg(xhr, status, e); }, complete : function() { } }); } function fn_defaultCalendar() { var toDay = ""; $.ajax({ url: "/com/selectTodayCalendar.do?_csrf=8dc46453-e95b-4492-9498-3c881eb0dda7", type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { toDay = data.result; }, error:function(xhr,status,e) { fn_failMsg(xhr, status, e); }, complete:function() { } }); $("#calPicker").off('.ajaxSuccess2').on("click.ajaxSuccess2 keydown.ajaxSuccess2", function(event) { if (event.keyCode == 13) { event.preventDefault(); addPicker($("#calPicker"), false, false, '', '', '', '', toDay); } if (event.type != 'keydown') { addPicker($("#calPicker"), false, false, '', '', '', '', toDay); } }); } function fn_goRsvt() { if($("#goodsClssCd", "form[name='srch_frm']").val() == "") { alert("상품 유형을 선택하세요."+_no_click_msg); $("#goodsClssCd").focus(); return false; } if($("#calPicker", "form[name='srch_frm']").val() == "") { alert("이용 시작/종료일을 선택하세요."+_no_click_msg); $("#calPicker").focus(); return false; } $("#srchStngNofpr", "form[name='srch_frm']").val(2); var rsrvtBgDt = $("#rsrvtBgDt", "form[name='srch_frm']").val(); var rsrvtEdDt = $("#rsrvtEdDt", "form[name='srch_frm']").val(); $("#srchUseDt", "form[name='srch_frm']").val(cal_format(rsrvtBgDt) + "-" + cal_format(rsrvtEdDt)); $("#srchSthngCnt").val(fn_dateDiff(rsrvtBgDt.substring(4,6)+"/"+rsrvtBgDt.substring(6,8)+"/"+rsrvtBgDt.substring(0,4) ,rsrvtEdDt.substring(4,6)+"/"+rsrvtEdDt.substring(6,8)+"/"+rsrvtEdDt.substring(0,4))); var goodsClsscCdArr = new Array(); goodsClsscCdArr.push($("#goodsClssCd option:selected").val()); $("#goodsClsscHouseCdArr").val(goodsClsscCdArr); var url = "https://www.foresttrip.go.kr/rep/or/sssn/fcfsRsrvtPssblGoodsDetls.do"; $("form[name='srch_frm']").attr("method", "get"); NetFunnel_Action({action_id: "action2", service_id: "service_1"}, function(ev, ret) { $("#netfunnel_key", "form[name='srch_frm']").val(ret.data.key);// 암호화된 넷퍼넬 키 $("form[name='srch_frm']").attr("action", url).submit(); }); } function fn_memberAlter(){ alert("회원가입은 pc에서 진행하여 주십시오."); } </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E22WFNBEF7'); </script> </head> <body> <script> function closePopup(value) { setCookie('enterPopup'+value, "close", 1); //$('#enterPopup'+value).hide(); $('#enterPopup'+value).removeClass("show"); } function initPopup() { if (getCookie("enterPopup3203") != "close") { $('#enterPopup3203').addClass("show"); } if (getCookie("enterPopup4500") != "close") { $('#enterPopup4500').addClass("show"); } if (getCookie("enterPopup8909") != "close") { $('#enterPopup8909').addClass("show"); } if(browerCheck != "fripmobapp") { } /* if (getCookie("enterPopup00") != "close") { $('#enterPopup00').addClass("show"); } if (getCookie("enterPopup01") != "close") { $('#enterPopup01').addClass("show"); } */ /* var windowWidth = $( window ).width(); if(windowWidth < 768) { if (getCookie("enterPopup00") != "close") { $('#enterPopup00').show(); } }else{ if (getCookie("enterPopup01") != "close") { $('#enterPopup01').show(); } } var mql = window.matchMedia("screen and (max-width: 768px)"); mql.addListener(function(e) { if(e.matches) { if (getCookie("enterPopup00") != "close") { $('#enterPopup00').show(); } }else{ if (getCookie("enterPopup01") != "close") { $('#enterPopup01').show(); } } }); */ } </script>   <script> $( document ).ready( function() { $(".enterPopup").click( function() { $(".enterPopup").removeClass("layerShow"); $( this ).addClass("layerShow"); } ); } ); </script> <div id="enterPopup3203" class="enterPopup" style="margin-top:0px;"> <div class="popup_wrap"> <div class="pt"> <p><img title="지역주민우선추첨.jpg" src="/com/cm/editorDownload.do?newName=291d1dfd-d717-452d-931b-79cb7c89a7e7"><br style="clear: both;"> </p> </div> </div> <div class="ep_cookie_close"> <a class="day_close" href="javascript:void(0);" onclick="closePopup('3203'); return false;">오늘 하루 열지 않기</a> <a href="javascript:void(0);" onclick="$('#enterPopup3203').hide(); return false;"><img src="/portal/images/popup_close.png" alt=""> 닫기</a> </div> </div> <div id="enterPopup4500" class="enterPopup" style="margin-top:80px;"> <div class="popup_wrap"> <div class="pt"> <p><img title="버스2.jpg" src="/com/cm/editorDownload.do?newName=c703f2f4-aedc-42ed-8686-067e18a9a115"><br style="clear: both;"> </p> </div> </div> <div class="ep_cookie_close"> <a class="day_close" href="javascript:void(0);" onclick="closePopup('4500'); return false;">오늘 하루 열지 않기</a> <a href="javascript:void(0);" onclick="$('#enterPopup4500').hide(); return false;"><img src="/portal/images/popup_close.png" alt=""> 닫기</a> </div> </div> <div id="enterPopup8909" class="enterPopup" style="margin-top:160px;"> <div class="popup_wrap"> <div class="pt"> <img src="/com/cm/editorDownload.do?newName=14ae7a2f-09fa-466e-95c8-cee5264803df" title="짚라인 운영 중단.JPG"><br style="clear:both;"><p><br></p> </div> </div> <div class="ep_cookie_close"> <a class="day_close" href="javascript:void(0);" onclick="closePopup('8909'); return false;">오늘 하루 열지 않기</a> <a href="javascript:void(0);" onclick="$('#enterPopup8909').hide(); return false;"><img src="/portal/images/popup_close.png" alt=""> 닫기</a> </div> </div> <div id="skip"> <strong class="hide">반복영역 건너뛰기</strong> <a href="#gnb">주메뉴 바로가기</a> <a href="javascript:void(0);">보조메뉴 바로가기</a> <a href="javascript:void(0);">본문 바로가기</a> </div> <div id="header-top"> <div class="toggle-wrap"> <div class="toggle-head"> <div class="inner"> <img src="/intro/images/eg_ico.png" alt="전자정부"><span class="nuri-txt">이 누리집은 대한민국 공식 전자정부 누리집입니다.</span> </div> </div> </div> </div> <div id="wrap"> <div id="header"> <div class="ht_util"> <form name="logoutForm" method="post" action="/com/logout" target="_parent"> <div class="util_slide"> <a class="util_home" href="https://www.foresttrip.go.kr" target="_blank"> <span class="sprity-head sprity-head-ht_util_home"></span> <span>숲나들e</span> </a> <div id="upperLinkDiv" class="obj"></div> <div class="slide"> <a href="javascript:void(0);" class="prev" data-type="prev"> <span class="hide">이전 슬라이드</span> </a> <a href="javascript:void(0);" class="next" data-type="next"> <span class="hide">다음 슬라이드</span> </a> <span class="slide_count"></span> </div> </div> <div class="util_group"> <a href="/com/login.do?hmpgId=ID02030031&targetUrl=/indvz/main.do?hmpgId=ID02030031"><img src="/portal/images/layout/ut_top_login.png" alt=""> 로그인</a> <a href="/pot/mc/ms/insertStplatAgreeView.do?hmpgId=ID02030031"><img src="/portal/images/layout/ut_top_entry.png" alt=""> 회원가입</a> <a href="javascript:void(0);" class="share"> <img src="/portal/images/layout/ut_top_center.png" alt=""> 고객센터 </a> <div class="myPage share_2"> <strong class="myPageTi"><img src="/portal/images/layout/ut_top_tel.png" alt="">고객센터</strong> <ul class="my_list" id="cc_list"> </ul> <button class="close_box"> <span class="hide">닫기</span> </button> </div> </div> </form> </div> <h1 class="logo"> <a href="/indvz/main.do?hmpgId=ID02030031"> <img src="https://image.foresttrip.go.kr/frip/6f6545ed-aec0-48b5-8918-695b8e89ea2f.png" alt="용인자연휴양림"> </a> </h1> <div class="hr_util"> <a href="javascript:void(0);" class="totSch_btn" style="display: none"><img src="/portal/images/layout/fs_util_search.png" alt="통합검색"></a> <div class="myPageWrap"> <a href="javascript:void(0);" class="myCont_btn"><img src="/portal/images/layout/fs_util_my.png" alt="나의 컨텐츠"></a> <div class="myPage my_menu"> <strong class="myPageTi"><img src="/portal/images/layout/ut_top_my.png" alt="마이페이지 이미지">마이페이지</strong> <ul class="my_list" id="my_list"> </ul> <button class="close_box"><span class="hide">닫기</span></button> </div> </div> <a href="#" class="sitemap_btn"><img src="/portal/images/layout/fs_util_sitemap.png" alt="사이트맵"></a> <a href="#" class="mMenu_btn"><img src="/portal/images/layout/hr_util_icon_03.png" alt="모바일메뉴"></a> </div>  <div id="siteMap"> <div class="layout"> <ul id="menuList" class="sitemap_list"> <li></li> </ul> <button type="button" class="sitemap_close">사이트맵 닫기</button> </div> </div>   <div class="general_search"> <div class="layout"> <script> /* function fn_gnrlSrch() { var form = document.gnrlSrch; form.action = "/pot/is/gs/selectGnrlSrchView.do"; form.target = "_self"; form.method = "get"; form.submit(); } */ </script> <form id="gnrlSrch" name="gnrlSrch" method="get"> <input type="hidden" name="hmpgId" value="ID02030031"> <div class="input"> <label id="srchWordLbl" for="genaralSearchInput">검색어를 입력하세요.</label> <input type="text" id="genaralSearchInput" name="srchWord" value=""> <button type="submit" onClick="fn_gnrlSrch(); return false;"> <img src="/portal/images/layout/gsearch_btn.png" alt="검색"> </button> </div> <div class="gsearch_keyowrd"> <span class="label"><img src="/portal/images/layout/gsearch_keyword.png" alt="">추천검색어</span> <span class="pt" id="rcmndWord"></span> </div> <a class="gsearch_close" href="#"><span class="hide">통합검색 닫기</span></a> </form> </div> </div>  </div>  <nav id="mMenu"> <div class="mMenu_top"> <a href="/indvz/main.do?hmpgId=ID02030031"> <img src="https://image.foresttrip.go.kr/frip/6f6545ed-aec0-48b5-8918-695b8e89ea2f.png" alt="용인자연휴양림"> </a> </div> <div class="mMenu_mem"> <ul> <li><a href="/com/login.do?hmpgId=ID02030031&targetUrl=/indvz/main.do?hmpgId=ID02030031">로그인</a></li> <li><a href="/pot/mc/ms/insertStplatAgreeView.do?hmpgId=ID02030031">회원가입</a></li>  </ul> </div>  <ul id="mobileList" class="mMenu_list"> <li></li> </ul> <a href="#" class="mMenu_close">메뉴 닫기</a> </nav>   <div id="gnb"> <ul id="gnbList" class="tm"> <li></li> </ul> </div>  <div id="main"> <div class="m_visual"> <div class="mv_slide"> <div class="mv_item"> <img class="item_img" src="https://image.foresttrip.go.kr/frip/3ba3aba9-e18e-4c3e-864a-4b468e51de4d.jpg" alt="잔디광장 와이드" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="mv_item"> <img class="item_img" src="https://image.foresttrip.go.kr/frip/61b2cd0a-f596-4a14-b0c2-e60660e26a49.jpg" alt="카라반" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="mv_item"> <img class="item_img" src="https://image.foresttrip.go.kr/frip/88cc7aa5-a78e-4a9d-8366-4b39631f9ae2.jpg" alt="관리실앞" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="mv_item"> <img class="item_img" src="https://image.foresttrip.go.kr/frip/d3bfe9dc-acd6-4411-bb8d-f01dbbb498e4.jpg" alt="느티골" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="mv_item"> <img class="item_img" src="https://image.foresttrip.go.kr/frip/8f6eb1fb-2bdf-414f-819f-e8770dc03e40.jpg" alt="잔디광장옆길" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> </div> <div class="mv_control"></div> <script> (function () { var mv_item = $('.mv_item'); for (var i=0; i<mv_item.length; i++) { mv_item.eq(i).css('background-image', 'url('+mv_item.eq(i).find('img').attr('src')+')'); } var param = '.m_visual', btn = false, obj = '.mv_item', auto = true, f = 300, s = 5000, p = {use:true, path: '.mv_control'}, h = false; popzone(param,btn,obj,auto,f,s,p,h); })(); </script> <div class="m_visual_wrap"> <div class="mv_txt"> <p> 자연의 향기와 멋을 마음껏 즐길 수 있는 곳 <br> <strong>용인자연휴양림</strong> </p> </div> <div class="mv_yeyk"> <form id="srch_frm" name="srch_frm" method="post"> <input type="hidden" name="_csrf" value="8dc46453-e95b-4492-9498-3c881eb0dda7" /> <input type="hidden" name="netfunnel_key" id="netfunnel_key"/> <input type="hidden" name="hmpgId" value="ID02030031" /> <input type="hidden" name="menuId" id="menuId" value="001001" /> <input type="hidden" name="srchInsttId" id="srchInsttId" value="ID02030031" /> <input type="hidden" name="srchRsrvtBgDt" id="rsrvtBgDt" value="" /> <input type="hidden" name="srchRsrvtEdDt" id="rsrvtEdDt" value="" /> <input type="hidden" name="srchUseDt" id="srchUseDt" value="" /> <input type="hidden" name="srchSthngCnt" id="srchSthngCnt" value="0" /> <input type="hidden" name="srchStngNofpr" id="srchStngNofpr" value="0" /> <input type="hidden" name="goodsClsscHouseCdArr" id="goodsClsscHouseCdArr" value="" /> <input type="hidden" id="keyword" name="keyword" value="용인자연휴양림" /> <h3 class="my_ti"> <i>예약</i> 예약은 로그인후 이용 가능합니다. </h3> <div class="my_input"> <div class="input"> <div class="myInputsel"> <select class="myinbg" id="goodsClssCd" title="상품 유형 선택"> <option value="">상품 유형 선택</option> <option value="01001">숲속의집</option> <option value="01002">목조체험주택</option> <option value="01003">숲속체험관</option> <option value="01005">캐빈하우스</option> <option value="01009">카라반</option> <option value="02002">야영데크</option> </select> </div> </div> <div class="input"> <label for="calPicker">이용시작일 <img src="/indvz/002/images/main/my_label_arr.png" alt="→"> 이용종료일</label> <input type="text" id="calPicker" name="calPicker" readOnly="readonly" class="picker" /> </div> </div> <div class="my_button"> <button type="submit" onClick="fn_goRsvt();return false;"> <img src="/indvz/002/images/main/m_reserve_img06.png" alt="" class="img_01"> <span>예약하기</span> <img src="/indvz/002/images/main/m_reserve_img05.png" alt="" class="img_02"> </button> </div> </form> </div> <div class="weather" id="weatherDiv" style="display:none;"> <div class="weather-01"> <span class="icon" id="weatherIcon"><img src="/indvz/002/images/main/weather-icon-01.png" alt="온도"></span> <span class="text-01" id="temperature"></span> <span class="text-02" id="senTemperature"></span> </div> <div class="weather-02"> <span class="icon"><img src="/indvz/002/images/main/weather-icon-type-01.png" alt="강수량"></span> <span class="text-01">강수량</span> <span class="text-02" id="rainfall"></span> </div> <div class="weather-03"> <span class="icon"><img src="/indvz/002/images/main/weather-icon-type-02.png" alt="풍속"></span> <span class="text-01">풍속</span> <span class="text-02" id="velocity"></span> </div> <div class="weather-04"> <span class="icon"><img src="/indvz/002/images/main/weather-icon-type-03.png" alt="습도"></span> <span class="text-01">습도</span> <span class="text-02" id="humidity"></span> </div> </div> </div> </div> <div class="m_section_1"> <div class="layout"> <div class="ms_contblock notice"> <ul class="tab" id="tab"> <li>공지사항</li> <li>행사/이벤트</li> </ul> <div id="tab_con"> <div class="notice_sm_box"> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=185863&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">28</span> <span class="icon_date">2023.12</span> </div> <div class="txt_box"> <p> 짚라인 및 에코어드벤처 이용 정지 안내 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=131407&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">04</span> <span class="icon_date">2021.12</span> </div> <div class="txt_box"> <p> 용인자연휴양림 용인시민 대상 다자녀 가정 우대추첨제 운영 .. </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=121622&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">27</span> <span class="icon_date">2021.07</span> </div> <div class="txt_box"> <p> 예약자 유의사항 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=213502&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">17</span> <span class="icon_date">2024.10</span> </div> <div class="txt_box"> <p> 용인자연휴양림 정전 예정 안내 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=193355&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">16</span> <span class="icon_date">2024.05</span> </div> <div class="txt_box"> <p> 체험골 예약 임시 제한 안내 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=192975&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">10</span> <span class="icon_date">2024.05</span> </div> <div class="txt_box"> <p> 용인자연휴양림 다자녀 가정 기준 변경 사항 등 안내 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=190415&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">01</span> <span class="icon_date">2024.04</span> </div> <div class="txt_box"> <p> 공사현황 공지 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=189977&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">25</span> <span class="icon_date">2024.03</span> </div> <div class="txt_box"> <p> 느티골 창틀 보수 완료에 따른 3월분 선착순 예약 전환 알.. </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=189966&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">25</span> <span class="icon_date">2024.03</span> </div> <div class="txt_box"> <p> 용인자연휴양림 잔디광장 인근 광장화장실 공사 사항 안내 </p> </div> </a> </div> <div class="cal_box"> <a href="/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=189738&bbrssMsterId=BBRSSMSTER_00000051"> <div class="icon icon_01"> <span class="icon_tit">19</span> <span class="icon_date">2024.03</span> </div> <div class="txt_box"> <p> 가마골 데크시설 보수 완료에 따른 3월분 선착순 예약 전환.. </p> </div> </a> </div> </div> <div class="notice_sm_box"> </div> <a id="more_0" href="/pot/cc/nm/selectNticBbrssListView.do?hmpgId=ID02030031&menuId=005001&bbrssMsterId=BBRSSMSTER_00000051" class="more miniMore" title="공지행사 더보기">more</a> <a id="more_1" href="/pot/fi/fe/selectEventListView.do?hmpgId=ID02030031&menuId=002004" class="more miniMore" title="행사/이벤트 더보기" style="display: none;">more</a> </div> <script> $(function () { tab('#tab',0); }); function tab(e, num){ var num = num || 0; var menu = $(e).children(); var con = $(e+'_con').children(); var select = $(menu).eq(num); var i = num; select.addClass('on'); con.eq(num).show(); menu.click(function(){ if(select!==null){ select.removeClass("on"); con.eq(i).hide(); } select = $(this); i = $(this).index(); select.addClass('on'); con.eq(i).show(); $('.miniMore').hide(); $('#more_'+i).show(); }); } </script> </div> <div class="ms_contblock popnews"> <h3 class="notice_tit">알림판</h3> <div class="mpop_group"> <div class="mg_list"> <a href="#none" target="_self"> <img src="https://image.foresttrip.go.kr/ino/popup/089dfd58-c6da-4bb8-a5ee-50059cb717e3.jpg" alt="비대면체크인" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </a> </div> <div class="mg_list"> <a href="https://www.foresttrip.go.kr/pot/cc/nm/selectNticBbrssDtlView.do?hmpgId=ID02030031&menuId=005001&twbbsId=77233&bbrssMsterId=BBRSSMSTER_00000051" target="_self"> <img src="https://image.foresttrip.go.kr/ino/popup/0e5c8cd8-e71a-47eb-9ac8-23850a414734.jpg" alt=" 유의사항 " onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </a> </div> <div class="mg_list"> <a href="https://forestedu.yongin.go.kr/" target="_self"> <img src="https://image.foresttrip.go.kr/ino/popup/656cd035-47f8-4799-be19-c7056c9fb738.jpg" alt="산림교육센터 링크" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </a> </div> <div class="mg_list"> <a href="http://www.hpapple.co.kr/design/subpage/sub1-1.asp?id=2" target="_self"> <img src="https://image.foresttrip.go.kr/ino/popup/bbec54e3-9ed9-4531-a6ff-1742eb92363b.png" alt="행복한매점" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </a> </div> <div class="mg_list"> <a href="https://www.hpapple.co.kr/design/subpage/sub1-1.asp?id=2" target="_self"> <img src="https://image.foresttrip.go.kr/ino/popup/1dceb7a9-906a-4032-a7d2-a7973f62236e.jpg" alt="산림교육센터 식당" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </a> </div> </div> <div class="mpop_control"> <a class="prev" data-type="prev" href="#"><span class="hide">이전 팝업 슬라이드</span></a> <a class="stop" data-type="stop" href="#"><span class="hide">팝업 슬라이드 멈춤</span></a> <a class="play" data-type="play" href="#" style="display: none;"><span class="hide">팝업 슬라이드 시작</span></a> <a class="next" data-type="next" href="#"><span class="hide">다음 팝업 슬라이드</span></a> </div> <script> (function () { var param = '.popnews', btn = '.mpop_control', obj = '.mg_list', auto = true, f = 1000, s = 5000, p = {use:false}, h = true; popzone(param,btn,obj,auto,f,s,p,h); })(); </script> </div> </div> </div> <div class="m_section_2"> <div class="layout"> <h3>여행정보</h3> <div class="notice_slider"> <ul> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=M72"> <div class="light_img"> <img src="https://image.foresttrip.go.kr/ino/tour/cac18917-4ed7-4bc2-b850-947b976697f3.jpg" alt="용인산림교육센터" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon"></span> <strong>용인산림교육센터</strong> <p> 경기 용인시 처인구 모현읍 초부로 196-11 용인산림교육센터 </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=2609152"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/36/2609136_image2_1.bmp" alt="코코몽에코파크 (용인)"> </div> <div class="light_txt"> <span class="icon"></span> <strong>코코몽에코파크 (용인)</strong> <p> </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=773293"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/95/2000395_image2_1.JPG" alt="용인농촌테마파크"> </div> <div class="light_txt"> <span class="icon"></span> <strong>용인농촌테마파크</strong> <p> </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=1053905"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/77/2431777_image2_1.jpg" alt="보정동카페거리"> </div> <div class="light_txt"> <span class="icon"></span> <strong>보정동카페거리</strong> <p> </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=2463772"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/10/1590010_image2_1.jpg" alt="삼성화재 모빌리티뮤지엄"> </div> <div class="light_txt"> <span class="icon"></span> <strong>삼성화재 모빌리티뮤지엄</strong> <p> </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=2301289"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/47/2354747_image2_1.JPG" alt="문수산마애보살상"> </div> <div class="light_txt"> <span class="icon"></span> <strong>문수산마애보살상</strong> <p> 경기 용인시 처인구 원삼면 문촌리 </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=125378"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/81/1824281_image2_1.jpg" alt="경기 용인시"> </div> <div class="light_txt"> <span class="icon"></span> <strong>경기 용인시</strong> <p> 경기 용인시 </p> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="/pot/rm/cs/selectCrcmrSghtngDtlView.do?hmpgId=ID02030031&menuId=003001&insttId=ID02030031&cntnsId=2027212"> <div class="light_img"> <img src="http://tong.visitkorea.or.kr/cms/resource/68/3068568_image2_1.jpg" alt="화운사(용인)"> </div> <div class="light_txt"> <span class="icon"></span> <strong>화운사(용인)</strong> <p> </p> </div> </a> </div> </li>  </ul> <div class="next_button"> <a href="#" class="arr_left">이전</a> <a href="#" class="arr_right">다음</a> </div> </div> </div> <script> $(document).ready(function() { var arr_sel = $('.m_section_2 .notice_slider ul').lightSlider({ item:4, slideMove:1, loop:true, pager:false, controls:false, slideMargin:30, responsive : [ { breakpoint:1000, settings: { item:3, slideMargin:20, } }, { breakpoint:767, settings: { item:2, } }, { breakpoint:480, settings: { item:1, } } ] }); $('.m_section_2 .arr_left').click(function() { arr_sel.goToPrevSlide(); return false; }); $('.m_section_2 .arr_right').click(function() { arr_sel.goToNextSlide(); return false; }); var browser = navigator.userAgent.toLowerCase(); if(browser.indexOf('chrome') != -1){ } }); </script> </div> <div class="m_section_3"> <div class="layout"> <h3>숲갤러리</h3> <div class="notice_slider"> <ul> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165320&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/c8686258-8204-4420-a2a7-73607639e426.JPG" alt="23년 4월 용인자연휴양림 계곡" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 계곡</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165314&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/98cd17b0-9f50-4498-8756-fe7939a6042e.JPG" alt="23년 4월 용인자연휴양림 잔디광장" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 잔디광장</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165312&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/93ad8bae-2952-492e-a6d0-4681f778a187.JPG" alt="23년 4월 용인자연휴양림 가마터 가는길" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 가마터 가는길</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165311&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/bf56afb5-240a-4198-bb71-e675591a6f32.JPG" alt="23년 4월 용인자연휴양림 체험골" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 체험골</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165129&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/bb2c3bed-87a4-47b7-815f-792f0116f8f9.jpg" alt="23년 4월 용인자연휴양림 계절꽃2" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 계절꽃2</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165128&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/b2e15c26-6919-4b0e-9dd1-be7754969354.jpg" alt="23년 4월 용인자연휴양림 데크길" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 데크길</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165127&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/d1cfe9b6-a2f5-4d88-b154-b48bbd8c3d82.JPG" alt="23년 4월 용인자연휴양림 습지" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 습지</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165126&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/1f6a029d-27cf-406d-91ba-5485fc0f6447.jpg" alt="23년 4월 용인자연휴양림 계절꽃" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 계절꽃</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165125&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/77f26758-d18b-4fc9-953f-1b405697f72a.jpg" alt="23년 4월 용인자연휴양림 개구리 시점" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 개구리 시점</strong> </div> </a> </div> </li> <li> <div class="noticeItem"> <a href="#goDtlView" onclick='return runParse("/pot/rm/ri/selectFrestGrDtlView.do?twbbsId=165124&bbrssMsterId=BBRSSMSTER_00000052&attchFileMsterId=", ".layer_wrap", [openLayer, activePgSlideShow], this, 1)'> <div class="light_img"> <img src="https://image.foresttrip.go.kr/bb/202304/9853f2bb-075e-473d-9385-bf9bca170278.jpg" alt="23년 4월 용인자연휴양림 산책로" onerror="this.src = '/images/common/no_img.gif'; this.alt = '표시할 이미지 없습니다';"> </div> <div class="light_txt"> <span class="icon "></span> <strong>23년 4월 용인자연휴양림 산책로</strong> </div> </a> </div> </li> </ul> <div class="next_button"> <a href="#" class="arr_left">이전</a> <a href="#" class="arr_right">다음</a> </div> </div> </div> <script> $(document).ready(function() { var arr_sel = $('.m_section_3 .notice_slider ul').lightSlider({ item:4, slideMove:1, loop:true, pager:false, controls:false, slideMargin:30, responsive : [ { breakpoint:1000, settings: { item:3, slideMargin:20, } }, { breakpoint:767, settings: { item:2, } }, { breakpoint:480, settings: { item:1, } } ] }); $('.m_section_3 .arr_left').click(function() { arr_sel.goToPrevSlide(); return false; }); $('.m_section_3 .arr_right').click(function() { arr_sel.goToNextSlide(); return false; }); }); </script> </div> <div class="m_section_4"> <div class="layout"> <h3>찾아오시는길</h3> <p> 경기 용인시 처인구 모현읍 초부로 220 용인자연휴양림 <a title="현재창" href="/pot/fi/dr/selectDrctnsDtlView.do?hmpgId=ID02030031&menuId=002007&drctnsType=A" class="map_icon"> <img src="/indvz/002/images/main/map_icon01.png" alt="오시는길 이동 링크 이미지"> </a> </p> </div> <div id="mapApi" class="map_wrap"> <span class="map_position"></span> </div> </div> </div> <div id="footer"> <div class="f_top"> <div class="layout"> <div class="f_link"> <div class="fl_sitegroup"> <a class="fs_ti" href="#">유관기관 사이트 <span class="ft_mroe"> <img src="/indvz/002/images/layout/fl_ti_more.png" alt="유관기관 사이트 더보기"></span> </a> <div class="fs_list"> <a title="새 창 열림" href="http://www.forest.go.kr/" target="_blank">산림청</a> <a title="새 창 열림" href="https://nifos.forest.go.kr/" target="_blank">국립산림과학원</a> <a title="새 창 열림" href="http://www.kna.go.kr" target="_blank">국립수목원</a> <a title="새 창 열림" href="https://fhi.forest.go.kr/" target="_blank">산림교육원</a> <a title="새 창 열림" href="https://nfsv.forest.go.kr" target="_blank">국립산림품종관리센터</a> <a title="새 창 열림" href="https://portal.fowi.or.kr/main/newMain.action" target="_blank">한국산림복지진흥원</a> <a title="새 창 열림" href="http://reservation.knps.or.kr/main.action" target="_blank">국립공원공단</a> </div> </div> </div> <script> (function () { var parent = $('.fl_sitegroup'); var btn = parent.find('.fs_ti'); btn.on('click', function (event) { event.preventDefault(); var t = $(this); if (t.next().is(':visible')) { t.next().hide(); } else { t.next().show(); } }); parent.on('mouseleave', function (event) { event.preventDefault(); $(this).find('.fs_list').hide(); }); })(); </script> <div class="f_tel"> <span>숲나들e 통합고객센터 <a href="tel:1588-3250">1588-3250</a> (평일 09시~18시, 토요일 09시~13시)</span> </div> </div> </div> <div class="f_bottom"> <div class="layout"> <div class="f_cont_link"> <a class="ov" href="/pot/cc/sc/selectIninfCllctView.do?hmpgId=ID02030031&menuId=006007002">숲나들e개인정보처리방침</a> <a href="/pot/cc/sc/selectSiteUsCndtnView.do?hmpgId=ID02030031&menuId=006007001">산림휴양통합플랫폼이용약관</a>  </div> <address class="f_addr"> <p class="fa_addr"> 주소 : (우 17037 ) 경기 용인시 처인구 모현읍 초부로 220 용인자연휴양림 | 전화 : 031-336-0040 <br /> 대표자 : 용인자연휴양림 | 사업자등록번호 : 135-83-00482 </p> <p class="fa_copy">Copyright (C) National Recreation Forest Management Office. All rights reserved.</p> </address> </div> </div> </div> </div> <script> var hmpgId = "ID02030031"; $('link[charset]').removeAttr("charset"); if (hmpgId != "") { fn_treeView(hmpgId); fn_upperLink(hmpgId); //fn_mainImage(); } fn_createMapStatic(); $(document).ready(function() { initPopup(); }()); </script> </body> </html>

CINXE.COM

용인자연휴양림