CINXE.COM
작은도서관
<!DOCTYPE html> <html lang="ko"> <head> <meta 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="author" content="작은도서관"> <meta name="description" content="작은도서관 정보 및 도서검색 제공"> <meta name="generator" content="jnet co. ltd."> <meta property="og:type" content="website"> <meta property="og:title" content="작은도서관"> <meta property="og:description" content="작은도서관 정보 및 도서검색 제공"> <meta property="og:image" content="/include/image/common/og.jpg"> <meta property="og:url" content="http://lib.yongin.go.kr/small/index.do"> <link rel="canonical" href="http://lib.yongin.go.kr/small/index.do"> <title>작은도서관</title> <link rel="shortcut icon" href="/include/image/common/ico_sns_favicon.png"> <link rel="stylesheet" type="text/css" href="/include/css/small/main.css?v=202503300154"> <link rel="stylesheet" href="/include/js/slick-theme.css"> <link rel="stylesheet" href="/include/js/slick.css"> <script src="/include/js/jquery-1.12.4.min.js"></script> <script src="/include/js/jquery.tab.js"></script> <script src="/include/js/slick.min.js"></script> <!-- 작은도서관 --> <script src="/include/js/gnb_small.js"></script> <!-- //작은도서관 --> <script src="/include/js/common.js"></script> <script> function baroLoanPop(){ var form = document.baroLoanForm; if(isEmpty("")) { form.action = "https://baro.yongin.go.kr:8081/homepage/main.do"; form.submit(); }else{ form.action = "https://baro.yongin.go.kr:8081/homepage/baroloanssologin.do"; form.submit(); } } function zoomBarcodeView(data){ $("#barcodeZoom").hide(); $(".maskWrap").hide(); var dcwidth = $(document).width() - 15; var dcheight = Math.round((100 / 300) * dcwidth); var screenWidth = $("body").width(); var screenHeight = $("body").height(); var imgUrl = "/cmmn/barcode/getBarCode.do?width=" + dcwidth + "&height=" + dcheight + "&data=" + data; $("#barcodeZoomImg").attr("src",imgUrl); $("#barcodeZoomImg").attr("width",dcwidth); $("#barcodeZoomImg").attr("height",dcheight); $(".maskWrap").css("width",screenWidth); $(".maskWrap").css("height",screenHeight); $(".maskWrap").show(); $("#barcodeZoom").show(); $("#barcodeZoom").attr("tabindex","0").focus(); } function zoomClose(){ $("#barcodeZoom").hide(); $(".maskWrap").hide(); } </script> </head> <body> <!-- 메인 레이어팝업 --> <!-- 메인 레이어팝업 --> <!-- ##이미지사이즈 400*525## --> <div class="mainLayerPop" id="mainLayerPop"> <div class="mainLayerPopInner"> <div class="close"> <button type="button" onclick="todayCloseBtn();" class="cookieBtn todayCloseBtn"><span>오늘하루 보지않기</span></button> <button type="button" onclick="weekCloseBtn();" class="cookieBtn weekCloseBtn"><span>일주일간 보지않기</span></button> <button type="button" onclick="closeBtn();" class="closeBtn"><span>닫기</span></button> </div> <div class="mainLayer-slick slider"> <div class="slick-slide"> <a href="https://lib.yongin.go.kr/yongin/menu/10278/bbs/20005/bbsPostDetail.do?currentPageNo=1&manageCd=MA&searchCondition=title&searchKeyword=%EB%8F%84%EC%84%9C%EA%B4%80&postIdx=315700&tabManageCd=&noneManage" class="cover"> <img src="/attach/popup/225801_1_20250325140733134.jpg" alt="2025년 도서관주간 행사 「공원에서 즐기는 도서관」" onerror="fnNoImgError(this);" > </a> </div> <div class="slick-slide"> <a href="https://lib.yongin.go.kr/bora/menu/11620/program/30027/lectureList.do" class="cover"> <img src="/attach/popup/225761_1_20250325113738968.jpg" alt="보라도서관 탐하다, 전통 4월 프로그램 안내" onerror="fnNoImgError(this);" > </a> </div> <div class="slick-slide"> <a href="https://lib.yongin.go.kr/yongin/20005/bbsPostDetail.do?postIdx=313540" class="cover"> <img src="/attach/popup/223741_1_20250312101555598.jpg" alt="용인시민과 함께하는 <2025년 올해의 책> 선정도서 알림" onerror="fnNoImgError(this);" > </a> </div> </div> </div> <script> function setCookie(name,value,expirehours){ let todayDate = new Date(); todayDate.setHours(todayDate.getHours() + expirehours); document.cookie = name + "=" + escape(value) + ";path=/; expires=" + todayDate.toGMTString() + ";" } // 팝업창 활성화 function mainLayerShow(){ document.getElementById("mainLayerPop").style.display = "flex"; //$("body").css("overflow","hidden"); } // 팝업창 비활성화 function mainLayerHide(){ document.getElementById("mainLayerPop").style.display = "none"; //$("body").removeAttr("style"); } // 버튼 - 닫기 function closeBtn(){ mainLayerHide(); } // 버튼 - 하루 닫기 function todayCloseBtn(){ setCookie("mainLayerCookie","done",24); mainLayerHide(); } // 버튼 - 일주일 닫기 function weekCloseBtn(){ setCookie("mainLayerCookie","done",168); mainLayerHide(); } // 쿠키 cookiedata = document.cookie; if ( cookiedata.indexOf("mainLayerCookie=done") < 0 ){ mainLayerShow(); } else { mainLayerHide(); } // 메인레이어 팝업 슬라이더 function mainLayerPopResize() { let mlW = $(".mainLayerPop .mainLayerPopInner"); let mpl = $(".mainLayerPop .slick-slide").length; switch(mpl) { case 1: mlW.addClass("w1"); $(".mainLayer-slick").slick({ slidesToShow: 1, infinite: false }); break; default: mlW.addClass("w2"); $('.mainLayer-slick').slick({ slidesToShow: 2, infinite: false, responsive: [ { breakpoint: 640, settings: { slidesToShow: 1, } } ] }); break; } } $(document).ready(function(e) { mainLayerPopResize(); }); </script> </div> <!-- //메인 레이어팝업 --> <!-- //메인 레이어팝업 --> <!-- skip --> <ul class="skip"> <li><a href="#maincontent">본문 바로가기</a></li> <li><a href="#gnb">주메뉴 바로가기</a></li> </ul> <!-- skip --> <!-- wrap --> <div id="wrap"> <div id="blackBG"><span class="blind">이전으로 돌아가기</span></div> <header id="header"> <div id="snb"> <div class="snbUtilGroup"> <!-- 로고 --> <div class="logoWrap"> <a href="/small/index.do" class="intro"> <img src="/include/image/common/logo.png" alt="용인특례시"> </a> <a href="/small/index.do" id="logo" class="public">작은도서관</a> <div class="libSiteWrap"> <a href="" class="libSiteBtn"><span class="blind">도서관 바로가기</span></a> <div class="libSite"> <div class="publicList"> <ul class="list"> <li class=""> <a href="/intro/index.do">도서관사업소 홈</a> </li> <li class=""> <a href="/yongin/index.do">용인중앙도서관</a> </li> <li class=""> <a href="/gugal/index.do">구갈희망누리도서관</a> </li> <li class=""> <a href="/guseong/index.do">구성도서관</a> </li> <li class=""> <a href="/giheung/index.do">기흥도서관</a> </li> <li class=""> <a href="/namsa/index.do">남사도서관</a> </li> <li class=""> <a href="/dongbaek/index.do">동백도서관</a> </li> <li class=""> <a href="/dongcheon/index.do">동천도서관</a> </li> <li class=""> <a href="/mohyeon/index.do">모현도서관</a> </li> <li class=""> <a href="/bora/index.do">보라도서관</a> </li> <li class=""> <a href="/sanghyeon/index.do">상현도서관</a> </li> <li class=""> <a href="/seonong/index.do">서농도서관</a> </li> <li class=""> <a href="/seongbok/index.do">성복도서관</a> </li> <li class=""> <a href="/suji/index.do">수지도서관</a> </li> <li class=""> <a href="/haemil/index.do">양지해밀도서관</a> </li> <li class=""> <a href="/yeongdeok/index.do">영덕도서관</a> </li> <li class=""> <a href="/idong/index.do">이동꿈틀도서관</a> </li> <li class=""> <a href="/jukjeon/index.do">죽전도서관</a> </li> <li class=""> <a href="/cheongdeok/index.do">청덕도서관</a> </li> <li class=""> <a href="/pogok/index.do">포곡도서관</a> </li> <li class=""> <a href="/heungdeok/index.do">흥덕도서관</a> </li> <li class="on line"> <a href="/small/index.do">작은도서관</a> </li> </ul> </div> </div> </div> </div> <!-- //로고 --> <div class="snb__right"> <div class="snb__memList"> <a href="/small/memberLogin.do?returnUrl=aHR0cHM6Ly9saWIueW9uZ2luLmdvLmtyL3NtYWxsL2luZGV4LmRv" class="mem_item login"><span>로그인</span></a> <a href="/intro/memberJoinIntro.do" class="mem_item join"><span>회원가입</span></a> <a href="/intro/40004/contents.do" class="mem_item online"><span>온라인정회원신청</span></a> </div> <div class="snb__snsList"> <a href="#snsBtn" class="snsBtn">도서관SNS</a> <div class="snsList"> <ul class="list"> <li><a href="https://www.facebook.com/yonginlib/?ref=embed_page" target="_blank" title="페이스북 바로가기 새창열림" class="snsFacebook"><img src="/include/image/common/ico_snbFacebook.png" alt="페이스북"></a></li> <li><a href="https://blog.naver.com/yonginlib" target="_blank" title="블로그 바로가기 새창열림" class="snsTwitter"><img src="/include/image/common/ico_snbBlog.png" alt="블로그"></a></li> <li><a href="https://www.instagram.com/yonginlib" target="_blank" title="인스타그램 바로가기 새창열림" class="snsStory"><img src="/include/image/common/ico_snbInstagram.png" alt="인스타그램"></a></li> <li><a href="https://pf.kakao.com/_UqbnC" target="_blank" title="카카오채널 바로가기 새창열림" class="snsStory"><img src="/include/image/common/ico_snbKakaoCh.png" alt="카카오채널"></a></li> <li><a href="https://www.youtube.com/@yonginlibrary" target="_blank" title="유튜브 바로가기 새창열림" class="snsStory"><img src="/include/image/common/ico_snbYoutube.png" alt="유튜브"></a></li> </ul> </div> </div> <script> $(function(){ // 도서관SNS $(".snb__snsList .snsBtn").on("click", (function(){ if($(this).closest(".snb__snsList").hasClass("on")) { $(this).closest(".snb__snsList").removeClass("on"); $(this).attr("title", "축소됨") } else { $(this).closest(".snb__snsList").addClass("on"); $(this).attr("title", "확장됨") } return false; })); $(".snb__snsList li:last-child a").focusout(function(){ $(".snb__snsList").removeClass("on"); $(".snsBtn").attr("title", "축소됨"); }); }); </script> </div> </div> </div> <div class="headerInner"> <div class="btnTopArea"> <button type="button" class="btnTopSearch"><span class="blind">검색창 비활성화됨</span></button> <button type="button" class="menuBtn btnTopTotal" title="전체메뉴 비활성화됨"> <span><i></i><i></i><i></i></span> </button> <button type="button" class="menuBtn mobileGnbOpen" title="메뉴열기"> <span><i></i><i></i><i></i></span> </button> </div> </div> <script> $(function(){ //도서관 바로가기 $(".libSiteBtn").on('click', function() { if($(this).hasClass("on")){ $(this).removeClass("on"); $(this).closest(".logoWrap").removeClass("on"); $(this).attr("title", "축소됨"); } else { $(this).addClass("on"); $(this).closest(".logoWrap").addClass("on"); $(this).attr("title", "확장됨"); } return false; }); $(".logoWrap .libSite li:last-child a").focusout(function(){ $(".libSiteBtn").removeClass("on").attr("titlte", "축소됨"); $(".logoWrap").removeClass("on"); }); $("body").on('click', function() { $(".libSiteBtn").removeClass("on"); $(".logoWrap").removeClass("on"); $(".libSiteBtn").attr("title", "축소됨"); }); }); </script> <script> $(function(){ $("#topSearchKeyword").keypress(function (e){ if((e.keyCode || e.which) == 13){ fnTopSearch(); e.preventDefault(); } }); $("#topSearchBtn").click(fnTopSearch); }); function fnTopSearch(){ var form = document.topSearchForm; if(isEmpty(form.searchKeyword.value)){ alert("검색어를 입력하세요.") form.searchKeyword.focus(); return false; } form.action = "/small/plusSearchResultList.do"; form.submit(); return false; } function fnTopSearchPopularWord(popularWord){ var form = document.topSearchForm; form.topSearchKeyword.value = popularWord; form.action="/small/plusSearchResultList.do"; form.submit(); } </script> <form class="topSearchForm" name="topSearchForm" id="topSearchForm" method="get"> <input type="hidden" name="searchType" value="SIMPLE"> <input type="hidden" name="searchCategory" value="BOOK"> <input type="hidden" name="searchKey" value="ALL"> <input type="hidden" name="SearchSmLibrary" value="ALL"> <fieldset> <legend>통합자료 검색영역</legend> <div id="searchBoxTop" class="searchTopWrap"> <div class="searchTopArea"> <div class="searchKeyWord"> <input type="text" title="검색어 입력" id="topSearchKeyword" name="searchKeyword" autocomplete="off" placeholder="검색어를 입력하세요."> <button type="button" id="topSearchBtn" class="btnSearch"><span class="blind">검색</span></button> </div> <div class="keywordListWrap"> <div class="keywordTit">인기검색어</div> <div class="keywordList"> <a href="#link" onclick="javascript:fnTopSearchPopularWord('흔한남매'); return false;" title="흔한남매">흔한남매</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('종이접기'); return false;" title="종이접기">종이접기</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('에그박사'); return false;" title="에그박사">에그박사</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('한강'); return false;" title="한강">한강</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('마인크래프트'); return false;" title="마인크래프트">마인크래프트</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('해리포터'); return false;" title="해리포터">해리포터</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('깜냥'); return false;" title="깜냥">깜냥</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('모순'); return false;" title="모순">모순</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('아몬드'); return false;" title="아몬드">아몬드</a> <a href="#link" onclick="javascript:fnTopSearchPopularWord('스토너'); return false;" title="스토너">스토너</a> </div> </div> </div> <button id="searchTopClose" class="searchTopCloseBtn"><span>검색창닫기</span></button> </div> </fieldset> </form> <div id="searchblackBG"></div> <nav id="gnbNav" class="gnbNav"> <div id="mobileIndexClose"> <div class="libDiv"><span>작은도서관</span></div> <button class="mobileGnbClose"><span class="blind">메뉴 닫기</span></button> </div> <ul id="gnb" class="gnb"> <li id="gnb1"> <a href="/small/menu/13886/program/30115/smallLibStatus.do"> <span>작은도서관안내</span> </a> <ul> <li id="gnb1_1"><a href="/small/menu/13886/program/30115/smallLibStatus.do"><span>작은도서관이란</span></a> </li> <li id="gnb1_2"><a href="/small/menu/13888/contents/40045/contents.do"><span>등록/변경/폐관</span></a> <ul class="MkTab"> <li id="gnb1_2_1"><a href="/small/menu/13888/contents/40045/contents.do"><span>등록</span></a> </li> <li id="gnb1_2_2"><a href="/small/menu/13889/contents/41688/contents.do"><span>변경</span></a> </li> <li id="gnb1_2_3"><a href="/small/menu/13890/contents/41689/contents.do"><span>폐관</span></a> </li> </ul> </li> <li id="gnb1_3"><a href="/small/menu/13893/program/30051/smallLibraryList.do?menuTypeCd=LT99"><span>작은도서관현황</span></a> <ul class="MkSub"> <li id="gnb1_3_1"><a href="/small/menu/13893/program/30051/smallLibraryList.do?menuTypeCd=LT99"><span>공립작은도서관</span></a> <ul class="MkTab"> <li id="gnb1_3_1_1"><a href="/small/menu/13893/program/30051/smallLibraryList.do?menuTypeCd=LT99"><span>작은도서관검색</span></a></li> <li id="gnb1_3_1_2"><a href="/small/menu/13894/program/30050/smallLibraryMap.do?menuTypeCd=LT99"><span>지도에서찾기</span></a></li> </ul> </li> <li id="gnb1_3_2"><a href="/small/menu/13896/program/30051/smallLibraryList.do"><span>사립작은도서관</span></a> <ul class="MkTab"> <li id="gnb1_3_2_1"><a href="/small/menu/13896/program/30051/smallLibraryList.do"><span>작은도서관검색</span></a></li> <li id="gnb1_3_2_2"><a href="/small/menu/13897/program/30050/smallLibraryMap.do"><span>지도에서찾기</span></a></li> </ul> </li> </ul> </li> </ul> </li> <li id="gnb2"> <a href="/small/menu/13899/bbs/20010/bbsPostList.do"> <span>열린마당</span> </a> <ul> <li id="gnb2_1"><a href="/small/menu/13899/bbs/20010/bbsPostList.do"><span>공지사항</span></a> </li> <li id="gnb2_2"><a href="/small/menu/13900/bbs/20012/bbsPostList.do"><span>운영정보공유</span></a> </li> <li id="gnb2_3"><a href="/small/menu/13901/bbs/20011/bbsPostList.do"><span>자료실</span></a> </li> <li id="gnb2_4"><a href="/small/menu/13902/program/30066/surveyList.do"><span>설문조사</span></a> </li> </ul> </li> <li id="gnb3"> <a href="/small/menu/13905/contents/40290/contents.do"> <span>신청/참여</span> </a> <ul> <li id="gnb3_1"><a href="/small/menu/13905/contents/40290/contents.do"><span>사업참여 신청</span></a> <ul class="MkSub"> <li id="gnb3_1_1"><a href="/small/menu/13905/contents/40290/contents.do"><span>신청방법</span></a> </li> <li id="gnb3_1_2"><a href="/small/menu/13906/program/30052/educationList.do"><span>신청하기</span></a> </li> <li id="gnb3_1_3"><a href="/small/menu/13907/program/30052/mypage/educationApplyList.do"><span>신청조회</span></a> </li> </ul> </li> <li id="gnb3_2"><a href="/small/menu/13908/program/30103/educationList.do"><span>관리자신청</span></a> </li> </ul> </li> <li id="gnb4"> <a href="/small/menu/13911/program/30012/plusSearchSimple.do"> <span>자료검색</span> </a> <ul> <li id="gnb4_1"><a href="/small/menu/13911/program/30012/plusSearchSimple.do"><span>공립작은도서관도서검색</span></a> <ul class="MkSub"> <li id="gnb4_1_1"><a href="/small/menu/13911/program/30012/plusSearchSimple.do"><span>간략검색</span></a> </li> </ul> </li> </ul> </li> <li id="gnb5"> <a href="/small/menu/13914/program/30039/mypage/loanStatusList.do"> <span>나의도서관</span> </a> <ul> <li id="gnb5_1"><a href="/small/menu/13914/program/30039/mypage/loanStatusList.do"><span>도서이용내역</span></a> <ul class="MkTab"> <li id="gnb5_1_1"><a href="/small/menu/13914/program/30039/mypage/loanStatusList.do"><span>대출현황</span></a> </li> <li id="gnb5_1_2"><a href="/small/menu/13915/program/30041/mypage/loanHistoryList.do"><span>대출이력</span></a> </li> </ul> </li> </ul> </li> <li id="gnb6"> <a href="/small/menu/13917/program/30004/memberLogin.do"> <span>회원정보</span> </a> <ul> <li id="gnb6_1"><a href="/small/menu/13917/program/30004/memberLogin.do"><span>로그인</span></a> </li> <li id="gnb6_2"><a href="/small/menu/13919/program/30070/memberFindIdCertify.do"><span>아이디찾기</span></a> <ul class="MkTab"> <li id="gnb6_2_1"><a href="/small/menu/13919/program/30070/memberFindIdCertify.do"><span>본인인증으로 찾기</span></a> </li> <li id="gnb6_2_2"><a href="/small/menu/13920/program/30005/memberFindId.do"><span>개인정보로 찾기</span></a> </li> </ul> </li> <li id="gnb6_3"><a href="/small/menu/13922/program/30071/memberFindPwdCertify.do"><span>비밀번호재발급</span></a> <ul class="MkTab"> <li id="gnb6_3_1"><a href="/small/menu/13922/program/30071/memberFindPwdCertify.do"><span>본인인증으로 찾기</span></a> </li> <li id="gnb6_3_2"><a href="/small/menu/13923/program/30006/memberFindPwd.do"><span>개인정보로 찾기</span></a> </li> </ul> </li> <li id="gnb6_4"><a href="/intro/memberJoinIntro.do" target="_blank" title="새창열림"><span>회원가입</span></a> </li> </ul> </li> <li id="gnb7"> <a href="/intro/memberModify.do"> <span>회원정보</span> </a> <ul> <li id="gnb7_1"><a href="/intro/memberModify.do" target="_blank" title="새창열림"><span>회원정보수정</span></a> </li> </ul> </li> <li id="gnb8"> <a href="/small/menu/13928/program/30011/siteMap.do"> <span>홈페이지 이용안내</span> </a> <ul> <li id="gnb8_1"><a href="/small/menu/13928/program/30011/siteMap.do"><span>사이트맵</span></a> </li> <li id="gnb8_2"><a href="/small/menu/13929/contents/40034/contents.do"><span>이용약관</span></a> </li> <li id="gnb8_3"><a href="https://www.yongin.go.kr/home/yonginInfo/yonginInfo_11.jsp" target="_blank" title="새창열림"><span>개인정보처리방침</span></a> </li> <li id="gnb8_4"><a href="/small/menu/13931/contents/40036/contents.do"><span>이메일무단수집거부</span></a> </li> </ul> </li> </ul> <script> if("small" == "small") { if( isEmpty("") ){ $("#gnb7").remove(); }else{ $("#gnb6").remove(); } }else if("marathon" == "small") { if( isEmpty("") ){ $("#gnb7").remove(); }else{ $("#gnb6").remove(); } }else{ if( isEmpty("") ){ $("#gnb9").remove(); }else{ $("#gnb8").remove(); } } </script> <div id="submenuArea"></div> <div id="gnbblackBG"></div> </nav> </header> <!-- #section1 --> <div id="container" class="main"> <section id="section1"> <h2 class="blind">통합검색/자주찾는메뉴/팝업존/링크배너</h2> <!-- 작은도서관 --> <div class="sectionGroup" id="testDiv"> <script> $(document).ready(function(){ $("#region").change(function(){ fnState(); }); $("#stateM").change(function(){ fnLibSearch($("#stateM").val()); }); $("#smallLibIdx").change(function(){ if($("#region").val() == ''){ smallDetail($("#smallLibIdx").val()); smallDetail($("#smallLibIdxM").val()); } }); $("#smallLibIdxM").change(function(){ smallDetail($("#smallLibIdxM").val()); }); fnState('GH'); }); function fnState(region){ $("#regionVal").val(region); $("#stateCI").removeClass("on"); $("#stateGH").removeClass("on"); $("#stateSJ").removeClass("on"); $("#state"+region).addClass("on"); $("#state").hide(); $("#state").empty(); $.ajax({ type : "POST", url : "/small/main/smallLibStateSearch.do", data : {"region" : region}, dataType : "json", success : function(data){ var htmlTag = ""; var htmlTagM = ""; //선택된 구가 있을때 if(region != ''){ //json으로 받아온 데이터가 있을때 var param = "영덕동"; if(data != undefined && data.stateInfo != null && data.stateInfo.length > 0){ $(data.stateInfo).each(function(index, value){ var select = ""; var selectM = ""; if( param == value.state ){ select = "on"; selectM = "selected='selected'"; } htmlTag += '<li><a href="#link" onclick=fnLibSearch("' + value.state + '"); id="state' + value.state + '" class="' + select + '">' + value.stateName + '</a></li>' htmlTagM += '<option value="' +value.state+'" ' + selectM + '>' + value.stateName + '</option>'; }); var select_test = document.getElementById('state'); var select_m = document.getElementById('stateM'); //$("#state").empty(); for(var i=select_m.length-1; i>=0; i--){ select_m.remove( select_m.options[i].index ); } $("#state").append(htmlTag); $("#stateM").append(htmlTagM); fnLibSearch('영덕동'); } }else{ var select_state = document.getElementById('state'); var select_m = document.getElementById('stateM'); //$("#state").empty(); for(var i=select_m.length-1; i>=0; i--){ select_m.remove( select_m.options[i].index ); } $(data.stateInfo).each(function(index, value){ var select = ""; if( param == value.state ){ select = "on"; selectM = "selected='selected'"; } htmlTag += '<li><a href="#link" onclick=fnLibSearch("' + value.state + '"); id="state' + value.state + '" class="' + select + '">' + value.stateName + '</a></li>' htmlTagM += '<option value="' +value.state+'" ' + selectM + '>' + value.stateName + '</option>'; }); $("#state").append(htmlTag); $("#stateM").append(htmlTagM); fnLibSearch('영덕동'); } $("#state").show(); }, error:function(request,status,error){ alert("code: "+request.status+"\n"+"error: "+error); } }); } function fnLibSearch(state){ $("#state").find("a").removeClass("on"); $("#state"+state).addClass("on"); $("#smallLibIdx").hide(); $("#smallLibIdx").empty(); $.ajax({ type : "POST", url : "/small/main/smallLibListSearch.do", data : {"region" : $("#regionVal").val(), "state" : state}, dataType : "json", success : function(data){ var htmlTag = ""; var htmlTagM = ""; var sRegion = ""; //선택된 동이 있을때 if(state != ''){ //json으로 받아온 데이터가 있을때 var param = "2"; if(data != undefined && data.libInfo != null && data.libInfo.length > 0){ //$("#smallLibIdx").empty(); var select_state = document.getElementById('smallLibIdx'); var select_stateM = document.getElementById('smallLibIdxM'); for(var i=select_stateM.length-1; i>=0; i--){ select_stateM.remove( select_stateM.options[i].index ); } $(data.libInfo).each(function(index, value){ var select = ""; var selectM = ""; sRegion = value.region; if( param == value.smallLibIdx ){ select = "on"; selectM = "selected='selected'"; } htmlTag += '<li><a href="#link" onclick=smallDetail("' + value.smallLibIdx + '"); class="' + select + '">' + value.libNm + '</a></li>' htmlTagM += '<option value="' +value.smallLibIdx+'" ' + selectM + '>' + value.libNm + '</option>'; }); $("#smallLibIdx").append(htmlTag); $("#smallLibIdxM").append(htmlTagM); } }else{ //$("#smallLibIdx").empty(); var select_stateM = document.getElementById('smallLibIdxM'); for(var i=select_stateM.length-1; i>=0; i--){ select_stateM.remove( select_stateM.options[i].index ); } $(data.libInfo).each(function(index, value){ htmlTag += '<li><a href="#link" onclick=smallDetail("' + value.smallLibIdx + '"); class="' + select + '">' + value.libNm + '</a></li>' htmlTagM += '<option value="' +value.smallLibIdx+'" ' +'>' + value.libNm + '</option>'; }); $("#smallLibIdx").append(htmlTag); $("#smallLibIdxM").append(htmlTagM); } $("#smallLibIdx").show(); }, error:function(request,status,error){ alert("code: "+request.status+"\n"+"error: "+error); } }); } function smallDetail(smallLibIdx){ $.ajax({ type : "POST", url : "/small/main/smallDetail.do", data : {"smallLibIdx" : smallLibIdx}, dataType : "json", success : function(data){ $(data.detailInfo).each(function(index, value){ $("#testDiv").load("/small/main/smallLib.do?smallLibIdx=" + smallLibIdx); }); }, error:function(request,status,error){ alert("code: "+request.status+"\n"+"error: "+error); } }); } </script> <div class="titleBox"> <p>우리동네 지식정보사랑방</p> <h4>용인특례시 작은도서관</h4> </div> <div class="section1_inner"> <ul class="libraryMap tabs1"> <input type="hidden" id="regionVal"/> <li><a href="#link" id="stateCI" onclick="fnState('CI');" class="map map_cheoin "><span>처인구</span></a></li> <li><a href="#link" id="stateGH" onclick="fnState('GH');" class="map map_giheung on"><span>기흥구</span></a></li> <li><a href="#link" id="stateSJ" onclick="fnState('SJ');" class="map map_suji "><span>수지구</span></a></li> </ul> <div id="panel1" class="libList active" title="펼쳐짐"> <!-- 동 선택 --> <div class="dongWrap"> <ul class="dongListBox tabs1 active" id="state" style="display:none;"> </ul> </div> <!-- //동 선택 --> <!-- ##모바일모드 동 선택## --> <div class="mobile_dongListBox webHide"> <select class="dongSel" id="stateM" title="동 선택"> </select> <!-- 20231006 모바일모드 --> <select class="libSel" id="smallLibIdxM" title="도서관 선택"> </select> <!-- //20231006 모바일모드 --> </div> <!-- 도서관 선택 --> <div class="libNameWrap tabs3 panel1-1 active"> <ul class="libNameBox" id="smallLibIdx" style="display:none;"> </ul> </div> <!-- //도서관 선택 --> <!-- 도서관정보 --> <div class="libContent content1-1 active"> <div class="titleInner"> <p class="title" id="libTitle">영덕신일문고</p> </div> <p class="ico location" id="libLocation">용인시 기흥구 영덕대로2077번길 20, 관리동 2층</p> <p class="ico time" id="libTime">월~금 15:00~17:00</p> <p class="ico phone" id="libPhone">031-286-0087</p> <a class="libBtn" id="libA" href="/small/smallLibraryDetail.do?smallLibIdx=2">상세보기</a> <!-- 이미지 없으면 div자체를 삭제 --> <div class="libImgBox"> <div><img src="/attach/smalllib/664_1_20181204142921506.jpg" alt="영덕신일문고"></div> </div> </div> <!-- //도서관정보 --> </div> </div> </div> <!-- //작은도서관 --> </section> <section id="section2"> <h2 class="blind">도서관안내/게시판</h2> <div class="sectionGroup"> <div class="section2_inner"> <!-- section2 left --> <div class="left"> <div class="titleBox"> <p class="title"> 도서관 주요 소식</p> </div> <!-- 팝업존 --> <div class="popupWrap small"> <div class="popupZone"> <div class="slick-button"> <div> <button class="prev"><span class="blind">이전슬라이드</span></button> <button class="next"><span class="blind">다음슬라이드</span></button> <button class="pause"><span class="blind">자동슬라이드 stop</span></button> <button class="play"><span class="blind">자동슬라이드 play</span></button> <div class="numbering"></div> </div> </div> <div class="popup-slick slider"> <a href="https://lib.yongin.go.kr/yongin/menu/10278/bbs/20005/bbsPostDetail.do?currentPageNo=1&manageCd=MA&searchCondition=title&searchKeyword=%EB%8F%84%EC%84%9C%EA%B4%80&postIdx=315700&tabManageCd=&noneManage" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/225707_1_20250324171057479.jpg" alt="○일시 : 2025. 4. 12.(토) 11:00~16:00 ○장소 : 기흥 만골근린공원" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/yongin/menu/10264/program/30027/lectureDetail.do?currentPageNo=1&manageCd=CE&searchCondition=title&statusCd=&lectureIdx=110461" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/225706_1_20250324170825855.jpg" alt="「문해력이 자라는 도서관」 일시 : 2025. 4. 12. 11:00 ~ 13:00 장소 : 기흥도서관 시청각실 주제 : 영재가 된 세자녀, 도서관이 키웠다 강사 : 고재권 독서신문 편집국장" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lll.yongin.go.kr/giheung/userNotice/view.do?a_idx=156" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/225601_1_20250321162651544.jpg" alt="○ 교육기간 : 2025. 4. 17.(목) ~ 5. 15.(목) / 5회 ○ 교육시간 : 매주 목요일 주 1회 / 10:00~12:00(2h) ○ 장 소 : 관내(백남준아트센터, 작은어울마당, 포은아트홀 등) 및 관외(국립중앙박물관) ○ 내 용 : 힐링 테라피, 미디어 아트, 유니버설 디자인 탐방, 아트가이드와 함께 하는 소극장 명화 관람 등 ○ 대 상 : 용인특례시민 또는 관내 직장인 40명 ○ 수 강 료 : 총 30,000원(참가비, 운영 실비), 환불 불가 ○ 신청기간 및 방법 - 신청기간 : 2025. 3. 31.(월) ~ 4. 2.(수) / 3일간 1) 링크(QR) 주소(https://naver.me/FqWP9BBh)로 참가 신청 (참여동기 공모로 선정함 → 정원 초과 시 문화소외계층 우선선발) 2) 참가 대상자 선발 후 공지(40명) (기흥평생학습관 공지사항 확인) 3) 선발자 수강료 납부 (기흥평생학습관 회원가입 → 수강신청 → 수강료 납부) ○ 문 의 처 : 평생교육과 ☎031-6193-2763" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lll.yongin.go.kr/giheung/userNotice/view.do?a_idx=157" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/225581_1_20250321161310383.jpg" alt="□ 모집개요 가. 신청기간 : 2025. 4. 1.(화) ~ 4. 14.(월) 나. 신청대상 : 성인 5인 이상 10인 이내로 구성된 모둠(용인특례시민, 관내 기업 종사자) 다. 모집대상 : 00팀(선착순, 예산 한도 내에서 모집) 라. 신청방법 : 강좌 신청서 작성 후 이메일 또는 팩스, 방문 제출 - 이메일(oxxoi@korea.kr), 팩스(031-6193-2649), 방문(기흥평생학습관) 마. 수 강 료 : 무료(재료비는 학습자 부담)" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/sanghyeon/menu/11818/program/30027/lectureDetail.do?currentPageNo=1&statusCd=&lectureIdx=109942" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/225361_1_20250320120350855.jpg" alt="4월 도서관 주간 상현도서관 시니어를 위한 독서강의 「그림책: 인생을 다시 꽃 피우다」모집 안내" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lll.yongin.go.kr/yongin/irrgEdu/view.do?pgi_idx=158&gbn=3&edu_flag=2" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/225101_1_20250319092218454.png" alt="○ 일 시 : 2025 4. 17.(목) 19:30 ~ 21:00 ○ 장 소 : 용인시 평생학습관 작은어울마당(공연동 2층) ○ 대 상 : 관내 직장인 및 용인특례시민 160명 ○ 강 연 자 : 나민애 교수 ○ 강 연 명 : ‘미래의 읽기와 쓰기’" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/sanghyeon/menu/11818/program/30027/lectureDetail.do?currentPageNo=1&statusCd=&lectureIdx=109941" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/224981_1_20250318144518209.jpg" alt="[상현]4월 상현도서관 엄마가 만드는 그림책 클래스「엄마의 손끝에서 태어나는 이야기」 참여자 모집 안내" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/giheung/menu/10844/program/30027/lectureDetail.do?currentPageNo=1&statusCd=&lectureIdx=110061" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/224162_1_20250313112818056.jpg" alt="기흥도서관 취학 전 어린이 천 권 읽기 「천권DREAM」 책으로 꿈꾸는 아이, 천 권 읽기 프로젝트 참가자 모집" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/yongin/20005/bbsPostDetail.do?postIdx=313540" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/223548_1_20250311110258814.jpg" alt="용인시민과 함께하는 <2025년 올해의 책> 선정도서 알림" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/sanghyeon/menu/11818/program/30027/lectureDetail.do?currentPageNo=1&statusCd=&lectureIdx=109361" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/223381_1_20250310100112686.jpg" alt="4월 도서관 주간 상현도서관 책과 함께 떠나는 역사탐험 「임금님의 비밀 대탐험」모집 안내" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/yongin/20005/bbsPostDetail.do?postIdx=311960" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/222323_1_20250227103112637.png" alt="히든북스" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/namsa/menu/11036/program/30027/lectureList.do" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/220661_1_20250207113130314.jpg" alt="남사도서관 1인 미디어 아카데미 프로그램" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/yongin/20005/bbsPostDetail.do?postIdx=304660" target="_blank" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/212581_1_20250103105400626.jpg" alt="리모델링 공사에 따라 다음과 같이 휴관을 진행하오니, 이용자분들의 양해 바랍니다. ■ 용인중앙도서관 : 휴관기간 2025. 1. 1. ~ 2026. 1월 ■ 구성도서관 : 휴관기간 2025. 1. 1. ~ 2025. 11월 ※ 자세한 사항은 공지사항 참고 YONGIN SPECIAL CITY 용인특례시 리모델링 공사에 따른 용인중앙·구성도서관 휴관 안내 노후시설 개선 및 독서문화공간 조성을 위한 리모델링 공사를 시작합니다. 이용자의 안전과 공사의 원활한 진행을 위해 휴관하오니, 많은 양해 부탁드립니다. 용인중앙도서관 휴관기간 25. 1. 1. ~ 26. 1월 구성도서관 휴관기간 25. 1. 1. ~ 25. 11월 휴관기간은 공사일정에 따라 변동가능 도서대출 2024. 12. 31.화 까지 상호대차 신청 2024. 12. 24.화 까지 특별대출 용인중앙도서관 2024. 12. 2.월 ~ 12. 31.화 구성도서관 2024. 12. 3.화 ~ 12. 31.화 1인당 도서 최대 30권 1년간 대출 2025. 1. 2.목 이후부터는 도서반납만 가능 도서반납 무인반납함 및 관내 다른 도서관 반납 문 의 용인중앙도서관 031-6193-1260 구성도서관 031-6193-1470 자세한 사항은 해당 도서관 홈페이지 참조 용인시 용인시 도서관사업소" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/yongin/20005/bbsPostDetail.do?postIdx=303720" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/216861_1_20241230103415844.jpg" alt="읽고 싶은 새 책을 동네 서점에서 무료 대출하세요! ○ 시작일자 : 2025년 1월 2일(목) ~ ○ 운영기간 : 2025년 1월 ~ 12월 ※예산 소진 시 조기종료 YONGIN SPECIAL CITY 함께 만드는 미래 용인르네상스 읽고 싶은 새 책을 동네 서점에서 무료 대출하세요! 용인특례시 희망도서 바로대출제 2025년 1월~12월 예산 소진 시 조기종료 이용대상 용인시 공공도서관 정회원 대출규정 월 2권 2주 대출 1주 연장 가능 이용문의 도서관 정책과 T 031.6193.1231 동네서점 신청하기" onerror="fnNoImgError(this)"> </div> </a> <a href="https://lib.yongin.go.kr/intro/menu/10054/bbs/21112/bbsPostList.do" target="_self" class="slick-slide"> <div class="slideImg"> <img src="/attach/popupzone/156481_1_20240124100437149.png" alt="바로대출서점 행사 안내" onerror="fnNoImgError(this)"> </div> </a> </div> </div> </div> <script> $(function(){ //팝업존 $(".popup-slick").slick({ slidesToShow: 1, arrows: false, autoplay: true, autoplaySpeed: 7000, dots: true, centerMode: true, customPaging: function (slider, i) { return '<span>' + (i + 1) + '</span> / ' + slider.slideCount; } }); $(".popupZone slick-list draggable").append($(".popupZone .slick-dots")); // slick slider 공통 - play / stop / prev / next $(".slick-button .pause").on("click", function() { $(this).closest(".slick-button").siblings(".slider").slick("slickPause"); $(this).hide().siblings(".play").css("display","flex"); }); $(".slick-button .play").on("click", function() { $(this).closest(".slick-button").siblings(".slider").slick("slickPlay"); $(this).hide().siblings(".pause").css("display","flex"); }); $(".slick-button .prev").on("click", function() { $(this).closest(".slick-button").siblings(".slider").slick("slickPrev"); }); $(".slick-button .next").on("click", function() { $(this).closest(".slick-button").siblings(".slider").slick("slickNext"); }); }) </script> <!-- //팝업존 --> </div> <!-- section2 right --> <div class="right"> <!-- 공지사항 --> <div class="titleBox"> <p class="title">공지사항</p> <a class="linkBtn" href="/small/20010/bbsPostList.do">바로가기</a> </div> <div class="boardBox"> <a href="/small/20010/bbsPostDetail.do?postIdx=313940" class="boardList"> <span class="tit">03.11</span> <span class="txt">2025년 용인시민과 함께하는 「올해의 책, 함께 읽기!」 참여 기관 모집 안내</span> </a> <a href="/small/20010/bbsPostDetail.do?postIdx=310940" class="boardList"> <span class="tit">02.17</span> <span class="txt">「2025년 작은도서관 책친구 지원」사업 참여 작은도서관 및 책친구 모집 안내</span> </a> <a href="/small/20010/bbsPostDetail.do?postIdx=301660" class="boardList"> <span class="tit">12.13</span> <span class="txt">'2025년 작은도서관 순회사서 지원사업' 참여 작은도서관 모집 안내</span> </a> <a href="/small/20010/bbsPostDetail.do?postIdx=299000" class="boardList"> <span class="tit">11.22</span> <span class="txt">2024년 문학나눔 추천도서 보급 신청 안내</span> </a> <a href="/small/20010/bbsPostDetail.do?postIdx=289145" class="boardList"> <span class="tit">09.10</span> <span class="txt">「2024 경기도 작은도서관 활동가 교육(2차)」 안내</span> </a> <a href="/small/20010/bbsPostDetail.do?postIdx=287304" class="boardList"> <span class="tit">08.16</span> <span class="txt">2024년 용인시 작은도서관 운영자 워크숍 신청 안내</span> </a> </div> <!-- //공지사항--> </div> </div> </div> </section> <section id="section3"> <h2 class="blind">문화행사/프로그램</h2> <div class="sectionGroup"> <div class="section3_inner"> <ul class="shortcut"> <li class="item"> <a href="/small/40045/contents.do"> <i class="ico01"></i> <div> <p class="tit">작은도서관 등록안내</p> <span class="txt">지식정보서비스와 함께<br class="mobileHide"> 자연스러운 지역 공동체의<br class="mobileHide"> 형성공간</span> </div> </a> </li> <li class="item"> <a href="/small/20011/bbsPostList.do"> <i class="ico02"></i> <p class="tit">작은도서관 자료실</p> <span class="txt">도서관 운영매뉴얼부터<br class="mobileHide"> 작은도서관에 관한<br class="mobileHide"> 다양한 자료를 모았습니다.</span> </a> </li> <li class="item"> <a href="/small/40290/contents.do"> <i class="ico03"></i> <p class="tit">사업참여/교육</p> <span class="txt">작은도서관 지원사업 참여와<br class="mobileHide"> 운영자 교육 수강을<br class="mobileHide"> 신청할 수 있습니다.</span> </a> </li> <li class="item"> <a href="/small/30103/educationList.do#"> <i class="ico04"></i> <p class="tit">관리자신청</p> <span class="txt">작은도서관 관리자를 신청<br class="mobileHide"> 하고, 지원사업 등에 대한<br class="mobileHide"> 안내를 받으실 수 있습니다. </span> </a> </li> <li class="item"> <a href="/small/smallLibraryList.do?menuTypeCd=LT99"> <i class="ico05"></i> <p class="tit">도서관 현황</p> <span class="txt"></span> 용인시에 등록된<br class="mobileHide"> 작은도서관을<br class="mobileHide"> 확인할 수 있습니다. </a> </li> </ul> </div> </div> </section> </div> <!-- footer --> <footer id="footer"> <div class="fnbWrap"> <div class="footerInner"> <div class="footer__left"> <ul class="fnb"> <li><a href="https://www.yongin.go.kr/home/yonginInfo/yonginInfo_11.jsp" target="_blank" title="새창열림"><span>개인정보처리방침</span></a></li> <li><a href="#link" onclick="javascript:fnUseAgreeLink();return false;">이용약관</a></li> <li class="mobileHide2"><a href="/small/siteMap.do">사이트맵</a></li> </ul> </div> <div class="footer__right"> <ul class="fnbSnsList"> <li><a href="https://www.facebook.com/yonginlib/?ref=embed_page" target="_blank" class="fnbSns facebook" title="페이스북 새창열림"><span class="blind">페이스북 바로가기</span></a></li> <li><a href="https://blog.naver.com/yonginlib" target="_blank" class="fnbSns blog" title="블로그 새창열림"><span class="blind">블로그 바로가기</span></a></li> <li><a href="https://www.instagram.com/yonginlib" target="_blank" class="fnbSns instagram" title="인스타그램 새창열림"><span class="blind">유튜브 바로가기</span></a></li> <li><a href="https://pf.kakao.com/_UqbnC" target="_blank" class="fnbSns kakaoch" title="카카오채널 새창열림"><span class="blind">카카오채널 바로가기</span></a></li> </ul> <div class="familySite"> <a href="javascript:void(0);" class="fLink">관련사이트 바로가기</a> <div class="familyListWrap"> <div class="familyList"> <a href="https://www.yongin.go.kr" target="_blank" title="새창열림">용인시청</a> <a href="http://www.cheoingu.go.kr/new/" target="_blank" title="새창열림">처인구청</a> <a href="http://www.giheunggu.go.kr/" target="_blank" title="새창열림">기흥구청</a> <a href="http://www.sujigu.go.kr/" target="_blank" title="새창열림">수지구청</a> <a href="https://www.yongin.go.kr/health/index.do" target="_blank" title="새창열림">용인시보건소</a> <a href="http://its.yongin.go.kr/main/main.do" target="_blank" title="새창열림">첨단교통센터</a> <a href="https://www.yongin.go.kr/water/index.do" target="_blank" title="새창열림">상하수도사업소</a> <a href="http://womenhall.yongin.go.kr/" target="_blank" title="새창열림">용인시 평생학습관</a> <a href="https://council.yongin.go.kr/" target="_blank" title="새창열림">용인시의회</a> <a href="https://www.yongin.go.kr/atc/index.do" target="_blank" title="새창열림">농업기술센터</a> <a href="https://www.yongin.go.kr/estat/index.do" target="_blank" title="새창열림">용인통계</a> <a href="http://tv.yongin.go.kr/board_list.asp" target="_blank" title="새창열림">용인라이브</a> <a href="https://tv.yongin.go.kr/photo.asp" target="_blank" title="새창열림">용인시 포토 갤러리</a> </div> </div> </div> </div> </div> </div> <div class="faddWrap"> <div class="footerInner"> <div class="fAdd"> </div> </div> </div> </footer> <a href="javascript:void(0);" class="btnTopScroll"><p><span class="blind">상단으로 이동</span></p></a> <!-- //footer --> <iframe title="빈프레임" name="hiddenFrame" id="hiddenFrame" class="hidden"></iframe> <script> $(function(){ // 패밀리사이트 $(".familyListWrap").hide(); $(".fLink").click(function(){ let $this = $(this); $(".familyListWrap").not($this.next(".familyListWrap").slideToggle(300)).slideUp(); $this.toggleClass("on"); }); $(".familyListWrap a").click(function(){ $(".familyListWrap").removeAttr("style"); $(".fLink").removeClass("on"); }); $(".familyListWrap .familyList a:last-child").focusout(function(){ $(".familyListWrap").hide(); $(".fLink").removeClass("on"); }); }); </script> <!-- 애널리틱스 --> <script src="//wcs.naver.net/wcslog.js"></script> <script> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "c06f5c93acdad8"; wcs_do(); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-KQP5JL785G"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KQP5JL785G'); </script> </div> <script>initMenu(0,0,0,0,0);</script> <!-- //wrap --> </body> </html>