CINXE.COM
공공도서관지원서비스>도서관지원서비스>작은도서관 정보누리>보급도서관 현황
<!DOCTYPE HTML> <!--[if IE 9 ]> <html lang="ko" class="ie9"> <![endif]--> <html lang="ko"><head> <title>공공도서관지원서비스>도서관지원서비스>작은도서관 정보누리>보급도서관 현황 </title> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maxmum-scale=1.0, minimum-scale=1.0"> <meta name="format-detection" content="telephone=no" /> <link rel="shortcut icon" href="/resource/templete/nl/common/img/common/favicon.png" /> <link rel="apple-touch-icon" href="/resource/templete/nl/common/img/common/favicon.png"/> <meta name="keywords" content="국립중앙도서관" /> <meta name="description" content="국립중앙도서관에 오신 것을 환영합니다" /> <meta name="robots" content="INDEX,FOLLOW"> <meta property="og:image" content="/resource/templete/nl/common/img/common/favicon.png"/> <meta property="og:url" content="https://books.nl.go.kr/PU/"/> <meta property="og:description" content="국립중앙도서관에 오신 것을 환영합니다"/> <meta property="og:title" content="국립중앙도서관"/> <!--header--> <script> var isOldIe = false; </script> <!--[if lt IE 10]> <script> isOldIe = true; </script> <![endif]--> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-65875867-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-65875867-3'); </script> <!-- national library lib --> <!-- CSS정리 --> <!-- CSS정리 : 공통 --> <link rel="stylesheet" type="text/css" href="/resource/common/css/slick.css?v=2024112504" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/jquery.scrollbar.css?v=2024112504" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/jquery.bxslider.min.css?v=2024112504" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/datepicker.css?v=2024112504" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/add.css" onload="this.media='all';"> <!-- CSS정리 : 서브용 --> <link rel="stylesheet" type="text/css" href="/resource/common/css/asRange.css" onload="this.media='all';"> <!-- //CSS정리 --> <script src="/resource/common/js/jquery-1.12.3.min.js"></script> <script defer src="/resource/common/js/slick.js"></script> <script src="/resource/common/js/bootstrap-datepicker.js"></script> <script defer src="/resource/common/js/jquery.bxslider.min.js"></script> <script defer src="/resource/common/js/jquery.scrollbar.js"></script> <script defer src="/resource/common/js/jquery.outside.js"></script> <script defer src="/resource/common/js/jquery-asRange.js"></script> <!-- //national library lib --> <!-- CMS COMMON lib--> <script src="/resource/common/jquery_plugin/common_functions.js"></script> <script defer src="/resource/common/jquery_plugin/validation/validator.js"></script> <script defer src="/resource/common/jquery_plugin/validation/accessability.js"></script> <script defer src="/resource/common/jquery_plugin/popWin.js"></script> <link href="/resource/common/css/loading-spiner.css" rel="stylesheet" type="text/css" /> <link href="/resource/common/jquery_plugin/validation/validator.css" rel="stylesheet" type="text/css" /> <!-- //CMS COMMON lib --> <link rel="stylesheet" type="text/css" href="/resource/templete/pu/common/common.css?v=2024112504" /> <!-- CSS정리 --> <!-- CSS정리 : 서브용--> <link rel="stylesheet" type="text/css" href="/resource/templete/pu/css/import.css?v=2024112504" /> <!-- //CSS정리 --> <!-- national library script --> <script defer src="/resource/templete/pu/js/layout.js"></script> <script defer src="/resource/templete/pu/js/common.js"></script><script defer src="/resource/templete/pu/js/sub.js"></script> <!--//header--> <!--[if lte IE 9]><script src="/resource/common/js/html5shiv.js"></script><script src="/resource/common/js/respond.min.js"></script><![endif]--> <script> /* */ function goSearchForm(obj) { var frm = document.forms[obj]; if (!frm.kwd.value) { alert("검색어를 입력해주세요."); frm.kwd.focus(); return; } window.location = frm.action + "?" + $(frm).serialize(); } </script> </head> <body class="sub"> <!-- skip --> <div id="skip" class="skip"> <a href="#sub_content">본문 바로가기</a> <a href="#menu-gnb">주메뉴 바로가기</a> </div> <!-- // skip --> <!-- 본문 영역 --> <script type="text/javascript" src="/crosseditor4/js/namo_scripteditor.js"></script> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/resource/templete/pu/css/common.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/pu/css/main.css" /> <script type="text/javascript"> $(document).ready(function(){ /* $(".web_sch_btn").click(function() { $(this).toggleClass('on'); if($(this).attr("class").indexOf("on") > -1) $(this).html("검색닫기") else $(this).html("검색") $(".home_sch_box").toggle("slideDown"); }); */ //kolisnet 이관 작업 시 얼럿창 표출 21.12.03 jason // var menuCode = "P30204000000"; // if(menuCode == 'P10305000000' || menuCode == 'P10302000000') { // alert("서비스 점검 중으로 메뉴 이용이 불가합니다."); // history.back(); // } }); // HTTP프로토콜 HTTPS로 변경 if (document.location.protocol == 'http:' && location.host.indexOf("books.nl.go.kr")>-1) { document.location.href = document.location.href.replace('http:', 'https:'); } //210527 KSJ 마우스 오른쪽 클릭 방지 var agent = navigator.userAgent.toLowerCase(); if (navigator.appName == "Netscape" && agent.indexOf("trident") != -1) { //익스플로러인지 체크 document.oncontextmenu = disableclick; } else { document.onmousedown = disableclick; } //document.ondragstart = disableclick; var menuCode = "P30204000000" function disableclick(event) { if(menuCode == "P50200000000" || menuCode == "P50100000000" || menuCode == "P20405000000") { if (event.button == 2) { alert("보안정책으로 마우스 우클릭은 사용할 수 없습니다."); return false; } } } </script> <script type="text/javascript"> if (!String.prototype.startsWith) { String.prototype.startsWith = function(search, pos) { return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search; }; } // null값 체크 function isEmpty(value) { if (typeof(value) == "undefined" || value == null || value == "") return true; return false; } if(checkMobileDevice()){ console.log("=========[USER DEVICE] MOBILE========="); }else{ console.log("=========[USER DEVICE] PC========="); } function checkMobileDevice() { var mobileKeyWords = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson'); for (var info in mobileKeyWords) { if (navigator.userAgent.match(mobileKeyWords[info]) != null) { return true; } } return false; } </script> <!-- header --> <div class="header-wrap"> <div id="header" class="header"> <!-- 헤더상단 --> <div class="top_wrap"> <div class="top"> <a href="https://nl.go.kr/NL" target="blank" title="새창으로 열림">국립중앙도서관</a> <a href="http://librarian.nl.go.kr/" target="blank" title="새창으로 열림">사서지원서비스</a> <!-- <a href="https://www.nlcy.go.kr/index.do" target="blank" title="새창으로 열림">국립어린이청소년도서관</a> --> <!-- 유틸 영역 --> <div class="log_wrap"> <a href="/PU/contents/P50200000000.do" class="login">로그인</a> <a href="/PU/contents/P50100000000.do" title="새창열림 - 회원가입서비스">회원가입</a> <!-- <button class="sp web_sch_btn">검색</button> --> <div class="home_sch_box"> <form name="totSearch" method="get" action="/PU/contents/P60200000000.do"> <input type="hidden" name="siteCode" value="PU"/> <input type="hidden" name="schFld" value="all"/> <input type="hidden" name="page" value="1"/> <div class="search_wrap" style="margin-top:0;"> <div class="inner"> <div class="search_info"> <div class="input_text_wrap"> <input type="text" name="kwd" class="input_text" value="" aria-label="검색어 입력" placeholder="검색어를 입력해주세요." title="홈페이지 검색"/> </div> <button class="btn_search"><span class="sp search">검색하기</span></button> </div> </div> </div> </form> </div> </div> <!-- 유틸 영역 --> </div> </div> <!-- //헤더상단 --> <!-- 헤더하단 --> <div class="bottom" id="menu-gnb"> <div class="menu_bg"></div> <div class="menu_wrap"> <!-- 전체메뉴 영역 --> <div class="menu-tool-wrap menu-tool-wrap-2"> <button type="button" class="btn-open" aria-label="전체메뉴"> <span class="sp_layout">전체 메뉴</span> </button> <!-- 전체메뉴 --> <div class="menu-all-wrap"> <div class="menu-all-inner"> <h2 class="title">전체메뉴</h2> <!-- 유틸영역(MOBILE) --> <div class="header__utils-wrap--mobile"> <div class="personal-wrap"> <em class="logo"> <span class="sp_layout">문화체육관광부 국립중앙도서관</span> </em> <div class="login-bx"> <strong class="text">편리한 이용을 위해<br>로그인 또는 회원가입을 해주세요.</strong> </div> <a href="/PU/contents/P50200000000.do" class="login">로그인</a> <a href="/PU/contents/P50100000000.do" title="새창열림 - 회원가입서비스" class="login">회원가입</a> </div> </div> <!-- //유틸영역(MOBILE) --> <!-- 전체메뉴 --> <div class="menu-all-inner--scrollbox"> <div class="menu-all-inner--scroll scrollbar-outer"> <div class="menu-all-depth1"> <div class="menu-all-depth1__item" id="MMAP_P10000000000"> <a href="/PU/contents/P10100000000.do" class="depth depth1">책바다서비스</a> <div class="menu-all-depth1-category"> <p class="depth1-title">책바다서비스</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_P10100000000"> <a href='/PU/contents/P10100000000.do' class="depth">자료검색·신청</a> </li> <li class="menu-all-depth2__item" id="MMAP_P10400000000"> <a href='/PU/contents/P10400000000.do' class="depth">서비스소개</a> </li> <li class="menu-all-depth2__item" id="MMAP_P10200000000"> <a href='/PU/contents/P10206000000.do' class="depth depth2">이용안내</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P10206000000"> <a href='/PU/contents/P10206000000.do' class="depth depth3">서비스 이용 안내</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10201000000"> <a href='/PU/contents/P10201000000.do' class="depth depth3">회원가입</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10202000000"> <a href='/PU/contents/P10202000000.do' class="depth depth3">자료신청</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10203000000"> <a href='/PU/contents/P10203000000.do' class="depth depth3">묶음배송</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10204000000"> <a href='/PU/contents/P10204000000.do' class="depth depth3">비용결제</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10205000000"> <a href='/PU/contents/P10205000000.do' class="depth depth3">대출반납</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P10500000000"> <a href='/PU/contents/P10500000000.do' class="depth">참여도서관 보기</a> </li> <li class="menu-all-depth2__item" id="MMAP_P10300000000"> <a href='/PU/contents/P10301000000.do' class="depth depth2">내정보</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P10301000000"> <a href='/PU/contents/P10301000000.do' class="depth depth3">신청내역확인</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10302000000"> <a href='/PU/contents/P10302000000.do' class="depth depth3">개인함</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10303000000"> <a href='/PU/contents/P10303000000.do' class="depth depth3">개인공지사항</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10304000000"> <a href='/PU/contents/P10304000000.do' class="depth depth3">결제이력</a> </li> <li class="menu-all-depth3__item" id="MMAP_P10305000000"> <a href='/PU/contents/P10305000000.do' class="depth depth3">소속도서관변경</a> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_P20000000000"> <a href="/PU/contents/P20100000000.do" class="depth depth1">책이음서비스</a> <div class="menu-all-depth1-category"> <p class="depth1-title">책이음서비스</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_P20100000000"> <a href='/PU/contents/P20100000000.do' class="depth">자료 검색</a> </li> <li class="menu-all-depth2__item" id="MMAP_P20700000000"> <a href='/PU/contents/P20700000000.do' class="depth">서비스소개</a> </li> <li class="menu-all-depth2__item" id="MMAP_P20200000000"> <a href='/PU/contents/P20201000000.do' class="depth depth2">이용안내</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P20201000000"> <a href='/PU/contents/P20201000000.do' class="depth depth3">회원가입 안내</a> </li> <li class="menu-all-depth3__item" id="MMAP_P20202000000"> <a href='/PU/contents/P20202000000.do' class="depth depth3">서비스 이용 안내</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P20500000000"> <a href='/PU/contents/P20500000000.do' class="depth">참여도서관 보기</a> </li> <li class="menu-all-depth2__item" id="MMAP_P20400000000"> <a href='/PU/contents/P20401000000.do' class="depth depth2">내정보</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P20401000000"> <a href='/PU/contents/P20401000000.do' class="depth depth3">가입도서관 조회</a> </li> <li class="menu-all-depth3__item" id="MMAP_P20402000000"> <a href='/PU/contents/P20402000000.do' class="depth depth3">대출현황</a> </li> <li class="menu-all-depth3__item" id="MMAP_P20403000000"> <a href='/PU/contents/P20403000000.do' class="depth depth3">대출이력</a> </li> <li class="menu-all-depth3__item" id="MMAP_P20404000000"> <a href='/PU/contents/P20404000000.do' class="depth depth3">지역상호대차조회</a> </li> <li class="menu-all-depth3__item" id="MMAP_P20405000000"> <a href='/PU/contents/P20405000000.do' class="depth depth3">회원정보수정</a> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_P30000000000"> <a href="/PU/contents/P30900000000.do" class="depth depth1">도서관지원서비스</a> <div class="menu-all-depth1-category"> <p class="depth1-title">도서관지원서비스</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_P30900000000"> <a href='/PU/contents/P30900000000.do' class="depth">도서관 기술지원</a> </li> <li class="menu-all-depth2__item" id="MMAP_P30100000000"> <a href='/PU/contents/P30101000000.do' class="depth depth2">KOLAS Ⅲ</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P30101000000"> <a href='/PU/contents/P30101010000.do' class="depth depth3">시스템소개</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_P30101010000"> <a href='/PU/contents/P30101010000.do' class="depth depth4">개요</a> </li> <li class="menu-all-depth4__item" id="MMAP_P30101020000"> <a href='/PU/contents/P30101020000.do' class="depth depth4">특징</a> </li> <li class="menu-all-depth4__item" id="MMAP_P30101030000"> <a href='/PU/contents/P30101030000.do' class="depth depth4">주요기능</a> </li> <li class="menu-all-depth4__item" id="MMAP_P30101040000"> <a href='/PU/contents/P30101040000.do' class="depth depth4">일반기능</a> </li> <li class="menu-all-depth4__item" id="MMAP_P30101050000"> <a href='/PU/contents/P30101050000.do' class="depth depth4">시스템 권장사양</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_P30102000000"> <a href='/PU/contents/P30102000000.do' class="depth depth3">설치안내</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30103000000"> <a href='/PU/contents/P30103000000.do' class="depth depth3">패치 다운로드</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30104000000"> <a href='/PU/contents/P30104000000.do' class="depth depth3">사용도서관 현황</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P30200000000"> <a href='/PU/contents/P30201000000.do' class="depth depth2">작은도서관 정보누리</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P30201000000"> <a href='/PU/contents/P30201000000.do' class="depth depth3">시스템 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30202000000"> <a href='/PU/contents/P30202000000.do' class="depth depth3">이용안내</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30204000000"> <a href='/PU/contents/P30204000000.do' class="depth depth3">보급도서관 현황</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P30800000000"> <a href='/PU/contents/P20300000000.do' class="depth depth2">책이음서비스 참여</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P20300000000"> <a href='/PU/contents/P20301000000.do' class="depth depth3">도서관 참여안내</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_P20301000000"> <a href='/PU/contents/P20301000000.do' class="depth depth4">참여안내</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_P30802000000"> <a href='/PU/contents/P30802010000.do' class="depth depth3">규정자료</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_P30802010000"> <a href='/PU/contents/P30802010000.do' class="depth depth4">회원관리규정</a> </li> <li class="menu-all-depth4__item" id="MMAP_P30802020000"> <a href='/PU/contents/P30802020000.do' class="depth depth4">운영규정</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_P30801000000"> <a href='/PU/contents/P30801000000.do' class="depth depth3">패치 다운로드</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P30500000000"> <a href='/PU/contents/P30501000000.do' class="depth depth2">오픈소스</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P30501000000"> <a href='/PU/contents/P30501000000.do' class="depth depth3">소개 및 개발가이드</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30502000000"> <a href='/PU/contents/P30502000000.do' class="depth depth3">다운로드</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30503000000"> <a href='/PU/contents/P30503000000.do' class="depth depth3">기술지원 안내</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30504000000"> <a href='/PU/contents/P30504000000.do' class="depth depth3">공지사항</a> </li> <li class="menu-all-depth3__item" id="MMAP_P30505000000"> <a href='/PU/contents/P30505000000.do' class="depth depth3">자주하는 질문</a> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_P40000000000"> <a href="/PU/contents/P40200000000.do" class="depth depth1">소식·알림</a> <div class="menu-all-depth1-category"> <p class="depth1-title">소식·알림</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_P40200000000"> <a href='/PU/contents/P40202000000.do' class="depth depth2">공지사항</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P40202000000"> <a href='/PU/contents/P40202000000.do' class="depth depth3">책바다서비스</a> </li> <li class="menu-all-depth3__item" id="MMAP_P40201000000"> <a href='/PU/contents/P40201000000.do' class="depth depth3">책이음서비스</a> </li> <li class="menu-all-depth3__item" id="MMAP_P40203000000"> <a href='/PU/contents/P40203000000.do' class="depth depth3">기술정보센터</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P40600000000"> <a href='/PU/contents/P40600000000.do' class="depth">도서관 소식</a> </li> <li class="menu-all-depth2__item" id="MMAP_P40300000000"> <a href='/PU/contents/P40300000000.do' class="depth">자료마당</a> </li> <li class="menu-all-depth2__item" id="MMAP_P40700000000"> <a href='/PU/contents/P40700000000.do' class="depth">홍보자료</a> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_P18000000000"> <a href="/PU/contents/P18100000000.do" class="depth depth1">상담문의</a> <div class="menu-all-depth1-category"> <p class="depth1-title">상담문의</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_P18100000000"> <a href='/PU/contents/P18101000000.do' class="depth depth2">자주하는 질문</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P18101000000"> <a href='/PU/contents/P18101000000.do' class="depth depth3">책바다서비스</a> </li> <li class="menu-all-depth3__item" id="MMAP_P18102000000"> <a href='/PU/contents/P18102000000.do' class="depth depth3">책이음서비스</a> </li> <li class="menu-all-depth3__item" id="MMAP_P18103000000"> <a href='/PU/contents/P18103000000.do' class="depth depth3">KOLAS III</a> </li> <li class="menu-all-depth3__item" id="MMAP_P181040000000"> <a href='/PU/contents/P181040000000.do' class="depth depth3">작은도서관 정보누리</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P18200000000"> <a href='/PU/contents/P18201000000.do' class="depth depth2">묻고답하기</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P18201000000"> <a href='/PU/contents/P18201000000.do' class="depth depth3">책바다서비스</a> </li> <li class="menu-all-depth3__item" id="MMAP_P18202000000"> <a href='/PU/contents/P18202000000.do' class="depth depth3">책이음서비스</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P18300000000"> <a href='/PU/contents/P18303000000.do' class="depth depth2">사서전용 문의</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_P18303000000"> <a href='/PU/contents/P18303000000.do' class="depth depth3">문의하기</a> </li> <li class="menu-all-depth3__item" id="MMAP_P18301000000"> <a href='/PU/contents/P18301000000.do' class="depth depth3">문의내역</a> </li> <li class="menu-all-depth3__item" id="MMAP_P18302000000"> <a href='/PU/contents/P18302000000.do' class="depth depth3">소속도서관 등록/변경</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_P18400000000"> <a href='#none' onclick='fn_webOpen("kn.nl.go.kr/chat",400,610);return false;' class="depth">챗봇질의</a> </li> </ul> </div> </div> <a href="/PU/contents/P50400000000.do" title="사이트맵" class="btnGoSite">사이트맵</a> </div> </div> </div> <!-- //전체메뉴 --> <button type="button" class="btn-close"> <span class="sp_layout sp-close">전체메뉴닫기</span> </button> </div> </div> <!-- //전체메뉴 --> </div> <!-- //전체메뉴 영역 --> <h1 class="logo"> <a tabindex="-1" href="/PU" title="문화체육관광부 국립중앙도서관 ㅣ 공공도서관지원서비스 메인으로 바로가기"> <span class="sp">문화체육관광부 국립중앙도서관 | 공공도서관지원서비스</span> </a> </h1> <div class="gnb_wrap"> <!-- [D]menu-gnb-wrap클래스에 gnb--opened 클래스 추가 --> <ul class="menu-gnb-depth1"> <li class="menu-gnb-depth1__item" id="GNB_P10000000000"> <a href='/PU/contents/P10100000000.do' class="depth"><span>책바다서비스</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_P10100000000"> <a href='/PU/contents/P10100000000.do' >자료검색·신청</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P10400000000"> <a href='/PU/contents/P10400000000.do' >서비스소개</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P10200000000"> <a href='/PU/contents/P10206000000.do' >이용안내</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P10500000000"> <a href='/PU/contents/P10500000000.do' >참여도서관 보기</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P10300000000"> <a href='/PU/contents/P10301000000.do' >내정보</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_P20000000000"> <a href='/PU/contents/P20100000000.do' class="depth"><span>책이음서비스</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_P20100000000"> <a href='/PU/contents/P20100000000.do' >자료 검색</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P20700000000"> <a href='/PU/contents/P20700000000.do' >서비스소개</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P20200000000"> <a href='/PU/contents/P20201000000.do' >이용안내</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P20500000000"> <a href='/PU/contents/P20500000000.do' >참여도서관 보기</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P20400000000"> <a href='/PU/contents/P20401000000.do' >내정보</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_P30000000000"> <a href='/PU/contents/P30900000000.do' class="depth"><span>도서관지원서비스</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_P30900000000"> <a href='/PU/contents/P30900000000.do' >도서관 기술지원</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P30100000000"> <a href='/PU/contents/P30101000000.do' >KOLAS Ⅲ</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P30200000000"> <a href='/PU/contents/P30201000000.do' >작은도서관 정보누리</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P30800000000"> <a href='/PU/contents/P20300000000.do' >책이음서비스 참여</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P30500000000"> <a href='/PU/contents/P30501000000.do' >오픈소스</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_P40000000000"> <a href='/PU/contents/P40200000000.do' class="depth"><span>소식·알림</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_P40200000000"> <a href='/PU/contents/P40202000000.do' >공지사항</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P40600000000"> <a href='/PU/contents/P40600000000.do' >도서관 소식</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P40300000000"> <a href='/PU/contents/P40300000000.do' >자료마당</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P40700000000"> <a href='/PU/contents/P40700000000.do' >홍보자료</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_P18000000000"> <a href='/PU/contents/P18100000000.do' class="depth"><span>상담문의</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_P18100000000"> <a href='/PU/contents/P18101000000.do' >자주하는 질문</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P18200000000"> <a href='/PU/contents/P18201000000.do' >묻고답하기</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P18300000000"> <a href='/PU/contents/P18303000000.do' >사서전용 문의</a> </li> <li class="menu-gnb-depth2__item" id="GNB_P18400000000"> <a href='#none' onclick='fn_webOpen("kn.nl.go.kr/chat",400,610);return false;' >챗봇질의</a> </li> </ul> </li> </ul> <!-- 전체메뉴 영역 --> </div> <!-- <button class="sp web_sch_btn">검색</button> --> </div> </div> <!-- //헤더하단 --> <!-- 서브 검색 유틸영역 --> <!-- * 헤더 내 검색 영역 별도로 분리(2019.11.15 기획확인완료) * 통합 상세검색은 기획/디자인 완료 후 작업 예정 --> <div class="header__utility"> <!-- 서브 검색 폼 영역(MOBILE) --> <!-- <div class="header__search-wrap"> <button type="button" class="btn-search--open2" aria-label="검색창"> <span class="sp_layout sp-search">검색창</span> </button> <div class="search-all-wrap"> <h2 class="ir_text">통합 검색</h2> 상단 고정 검색 영역 <div class="search__utils-wrap"> <form name="comSchMoForm" id="comSchMoForm" action="/NL/contents/search.do"> <input type="hidden" name="srchTarget" value="total"> <input type="hidden" name="pageNum" value="1"> <input type="hidden" name="pageSize" value="10"> <fieldset> <legend><span class="ir_rext">통합 검색어 입력폼</span></legend> <div class="search-form_group"> <div class="search-text-wrap"> <div class="input-text-wrap"> <label for="total_srarch">검색어를 입력해주세요.</label> <input type="text" name="kwd" id="total_srarch" class="input-text schKwd" aria-label="검색어 입력" onkeyDown="if(event.keyCode === 13){goSearchForm('comSchMoForm'); return false;}"> </div> </div> <div class="autocomplete_layer"> <div class="autocomplete_wrap"> <h3 class="ir_text">검색어 자동완성 목록</h3> <ul class="result_list"> </ul> <div class="btn_wrap"> <button type="button" class="autocomplete_close">자동완성 끄기</button> </div> </div> </div> <div class="search-btn-wrap"> <span class="btn-worldword-wrap"> <button type="button" class="btn-worldword" aria-expanded="false"> <span class="sp_layout sp-worldword">다국어입력기 열기</span> </button> <button type="button" class="btn-search"> <span class="sp_layout sp-search" onclick="goSearchForm('comSchMoForm');">검색하기</span> </button> </span> </div> </div> <button type="button" class="btn-search--close"> <span class="btn_cancel sp_layout">취소</span> </button> </fieldset> </form> </div> //상단 고정 검색 영역 </div> </div> --> <!-- //서브 검색 폼 영역(MOBILE) --> <!-- 서브 모바일 메뉴 고정 --> <div class="menu-wrap--mobile"> <!-- 모바일 3뎁스 --> <div class="depth3__menu-wrap"> <a href="#" onclick="window.history.back();" class="btn-back"><span class="sp_layout sp-back">뒤로가기</span></a> <h3 class="title" id="menuTitleId_mobile">보급도서관 현황</h3> <!-- 공유하기 --> <div class="subUtill"> <button class="btn_board_util"><span class="btn_util">글자 크기 조정 및 공유</span></button> <div class="board_util_menu" style="display: none;"> <div class="font_set_wrap"> <span class="font_set"> <span class="font_size">글자크기</span> <button type="button" class="btn_font btn_fontup"><span class="sp">작게</span></button> <button type="button" class="btn_font btn_fontdown"><span class="sp">크게</span></button> </span> </div> </div> </div> <!-- //공유하기 --> </div> <!-- //모바일 3뎁스 --> </div> <!-- //서브 모바일 메뉴 고정 --> </div> <!-- //서브 검색 유틸영역 --> </div> </div> <!-- //header --> <!-- container --> <div id="container" class="container"> <!-- contents --> <div id="content" class="contents"> <!-- lnb --> <div id="lnb" class="lnb"> <h2 class="lnb_title">도서관지원서비스</h2><ul class="menu-lnb"> <li class="menu-lnb__item" id="SNB_P30900000000"> <a href='/PU/contents/P30900000000.do' >도서관 기술지원</a> </li> <li class="menu-lnb__item" id="SNB_P30100000000"> <a href='/PU/contents/P30101000000.do' class="is-sub__items">KOLAS Ⅲ</a> <ul class="menu-lnb__sub"> <li class="menu-lnb__sub__item" id="SNB_P30101000000"> <a href='/PU/contents/P30101010000.do' >시스템소개</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30102000000"> <a href='/PU/contents/P30102000000.do' >설치안내</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30103000000"> <a href='/PU/contents/P30103000000.do' >패치 다운로드</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30104000000"> <a href='/PU/contents/P30104000000.do' >사용도서관 현황</a> </li> </ul> </li> <li class="menu-lnb__item" id="SNB_P30200000000"> <a href='/PU/contents/P30201000000.do' class="is-sub__items">작은도서관 정보누리</a> <ul class="menu-lnb__sub"> <li class="menu-lnb__sub__item" id="SNB_P30201000000"> <a href='/PU/contents/P30201000000.do' >시스템 소개</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30202000000"> <a href='/PU/contents/P30202000000.do' >이용안내</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30204000000"> <a href='/PU/contents/P30204000000.do' >보급도서관 현황</a> </li> </ul> </li> <li class="menu-lnb__item" id="SNB_P30800000000"> <a href='/PU/contents/P20300000000.do' class="is-sub__items">책이음서비스 참여</a> <ul class="menu-lnb__sub"> <li class="menu-lnb__sub__item" id="SNB_P20300000000"> <a href='/PU/contents/P20301000000.do' >도서관 참여안내</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30802000000"> <a href='/PU/contents/P30802010000.do' >규정자료</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30801000000"> <a href='/PU/contents/P30801000000.do' >패치 다운로드</a> </li> </ul> </li> <li class="menu-lnb__item" id="SNB_P30500000000"> <a href='/PU/contents/P30501000000.do' class="is-sub__items">오픈소스</a> <ul class="menu-lnb__sub"> <li class="menu-lnb__sub__item" id="SNB_P30501000000"> <a href='/PU/contents/P30501000000.do' >소개 및 개발가이드</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30502000000"> <a href='/PU/contents/P30502000000.do' >다운로드</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30503000000"> <a href='/PU/contents/P30503000000.do' >기술지원 안내</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30504000000"> <a href='/PU/contents/P30504000000.do' >공지사항</a> </li> <li class="menu-lnb__sub__item" id="SNB_P30505000000"> <a href='/PU/contents/P30505000000.do' >자주하는 질문</a> </li> </ul> </li> </ul> </div> <!-- //lnb --> <div id="sub_content" class="sub_contents"> <div class="content_top"> <div class="content_info"> <!-- breadcrumbs --> <div class="breadcrumbs" role="navigation"> <ol class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a href="/PU/" title="공공도서관지원서비스 메인페이지로 이동"><span class="sp_layout home">Home</span></a> </li> <li class="breadcrumbs__item"><span>도서관지원서비스</span></li> <li class="breadcrumbs__item"><span>작은도서관 정보누리</span></li> <li class="breadcrumbs__item"><strong>보급도서관 현황</strong></li> </ol> </div> <!-- //breadcrumbs --> <h3 class="title" id="menuTitleId">보급도서관 현황</h3> <form name="nlScrapForm" id="nlScrapForm" method="post"> <input type="hidden" name="scrapSitecode" value="exhibition" /> <!--SITE 구분 --> <input type="hidden" name="scrapTitle" value="작은도서관 정보누리 > 보급도서관 현황" /> <!--스크랩 타이틀 --> <input type="hidden" name="scrapPath" value="/PU/contents/P30204000000.do" /> <!--상세URL --> <input type="hidden" name="scrapOriginalView" value="" /> <!-- 원문보기 --> <input type="hidden" name="scrapMarcDown" value="" /> <!-- marc 다운 --> <input type="hidden" name="scrapBookWriter" value="" /> <!-- 저자 --> <input type="hidden" name="scrapBookYear" value="" /> <!-- 발행년도 --> <input type="hidden" name="scrapCateKey" value="" /> <!-- 스크랩분류키 --> <input type="hidden" name="scrapDesc" value="" /> <!-- 스크랩설명 --> <input type="hidden" name="scrapGbn" value="" /> <!-- 스크랩URL 구분 --> </form> <!-- 메뉴 설정 영역 --> <div class="menu__set"> <a href="javascript:window.print();" class="menu__set-print" title="인쇄"><span class="ir_text">인쇄</span></a> </div> <!-- //메뉴 설정 영역 --> </div> </div> <!-- 본문 영역 --> <div class="content_wrap"> <div class="sub_content"> <form method="post" onsubmit="return false"> <input type="hidden" id="menuCode" value="P30204000000"/> </form> <p>KOLASYS-NET의 사용도서관 현황을 확인하실 수 있습니다.</p> <div class="area_list_wrap mt20"> <div class="label_wrap"> <button type="button" class="label">카테고리 전체</button> </div> <ul class="area_list"> <li class="area on"> <a href="#" onclick="fn_goCategoryList('');">전국 <span>(1,804)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('11')">서울 <span>(210)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('21')">부산 <span>(265)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('22')">대구 <span>(55)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('23')">인천 <span>(126)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('24')">광주 <span>(124)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('25')">대전 <span>(40)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('31')">울산 <span>(106)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('41')">경기 <span>(442)</span></a></li> <li style="border-left:1px solid #e4e4e4;" class="area "><a href="#" onclick="fn_goCategoryList('42')">강원 <span>(45)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('43')">충북 <span>(53)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('44')">충남 <span>(91)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('45')">전북 <span>(20)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('46')">전남 <span>(55)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('47')">경북 <span>(34)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('48')">경남 <span>(117)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('49')">제주 <span>(5)</span></a></li> <li class="area "><a href="#" onclick="fn_goCategoryList('50')">세종 <span>(16)</span></a></li> </ul> </div> <div class="search_wrap mt20"> <div class="inner"> <div class="result_info block"> <p class="total_title">전체</p> <span class="total_num">1,804 개관 </span> </div> <form name="searchForm" id="searchForm" method="get" onsubmit="fn_search();"> <input type="hidden" name="areaCode" value="" /> <input type="hidden" name="page" value="1" /> <div class="search_info"> <span class="input_date_wrap"> <span class="title">설치일</span> <span class="input_date"> <label class="btn_date sp" for="startDate"> <span class="ir_text">시작 일자</span> </label> <input type="text" name="startDate" class="input_text date" id="startDate" readonly="readonly" title="시작 일자" value=""> </span> <span>~</span> <span class="input_date"> <label class="btn_date sp" for="endDate"> <span class="ir_text">종료 일자</span> </label> <input type="text" name="endDate" class="input_text date" id="endDate" readonly="readonly" title="종료 일자" value=""> </span> </span> <div class="input_select_wrap"> <select name="schFld" id="schFld" class="form-control input-sm" title="검색구분"> <option value="1">도서관명</option> </select> </div> <div class="input_text_wrap"> <input type="text" name="schStr" id="schStr" class="input_text" value="" placeholder="검색어를 입력해주세요." title="검색어 입력"> </div> <button class="btn_search"><span class="sp search" onclick="fn_search();">검색하기</span></button> </div> </form> </div> </div> <div class="ucmy9_list_wrap mt20"> <table class="tbl_ucmy9"> <caption> <span class="ir_text">번호, 지역, 도서관명, 주소로 이루어진 KOLASYS-NET의 보급도서관 현황 표</span> </caption> <colgroup> <col style="width:8%" class="pc_col_onry"> <col style="width:12%"> <col style="width:30%"> <col style="width:50%" class="pc_col_onry"> </colgroup> <thead> <tr> <th scope="col" class="num pc_cell_onry">번호</th> <th scope="col">지역</th> <th scope="col">도서관명</th> <th scope="col" class="pc_cell_onry">주소</th> <!-- <th scope="col">홈페이지</th> --> </tr> </thead> <tbody> <tr> <td class="pc_cell_onry"> 1804</td> <td> 대구</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('127055')">하늘향기충성가족도서관</a> <p class="addr_txt">대구 달서구 진천동 789-3</p> </td> <td class="pc_cell_onry left">대구 달서구 진천동 789-3</td> </tr> <tr> <td class="pc_cell_onry"> 1803</td> <td> 충남</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('744223')">코스모스작은도서관</a> <p class="addr_txt">충청남도 공주시 월성산2길 17-4 코스모스작은도서관</p> </td> <td class="pc_cell_onry left">충청남도 공주시 월성산2길 17-4 코스모스작은도서관</td> </tr> <tr> <td class="pc_cell_onry"> 1802</td> <td> 경기</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('741934')">반도책보라작은도서관</a> <p class="addr_txt">경기도 남양주시 다산지금로146번길 67 주민공동시설</p> </td> <td class="pc_cell_onry left">경기도 남양주시 다산지금로146번길 67 주민공동시설</td> </tr> <tr> <td class="pc_cell_onry"> 1801</td> <td> 경기</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('741932')">강아지똥 작은도서관</a> <p class="addr_txt">경기도 고양시 일산동구 일산로463번길 15-10 2층 좌</p> </td> <td class="pc_cell_onry left">경기도 고양시 일산동구 일산로463번길 15-10 2층 좌</td> </tr> <tr> <td class="pc_cell_onry"> 1800</td> <td> 서울</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('711642')">책 날다</a> <p class="addr_txt">서울시 도봉구 시루봉로 201 2층</p> </td> <td class="pc_cell_onry left">서울시 도봉구 시루봉로 201 2층</td> </tr> <tr> <td class="pc_cell_onry"> 1799</td> <td> 서울</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('711641')">은평청파도서관</a> <p class="addr_txt">서울특별시 은평구 통일로 938 은평청파감리교회</p> </td> <td class="pc_cell_onry left">서울특별시 은평구 통일로 938 은평청파감리교회</td> </tr> <tr> <td class="pc_cell_onry"> 1798</td> <td> 부산</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('726361')">대성해빛 작은도서관</a> <p class="addr_txt">부산광역시 기장군 일광읍 해빛5로 14 작은도서관</p> </td> <td class="pc_cell_onry left">부산광역시 기장군 일광읍 해빛5로 14 작은도서관</td> </tr> <tr> <td class="pc_cell_onry"> 1797</td> <td> 경남</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('748249')">브라운스톤작은도서관</a> <p class="addr_txt">경남 양산시 물금읍 황산로 699 양산 브라운스톤 아파트</p> </td> <td class="pc_cell_onry left">경남 양산시 물금읍 황산로 699 양산 브라운스톤 아파트</td> </tr> <tr> <td class="pc_cell_onry"> 1796</td> <td> 서울</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('711640')">에듀카페맘 작은도서관</a> <p class="addr_txt">서울특별시 마포구 성미산로17길 92-1 지층</p> </td> <td class="pc_cell_onry left">서울특별시 마포구 성미산로17길 92-1 지층</td> </tr> <tr> <td class="pc_cell_onry"> 1795</td> <td> 대전</td> <td class="left"> <a href="#none" data-layer="layer_librarian" class="btn_layer" onclick="fn_goView('730201')">호반써밋그랜드파크 1블럭 작은도서관</a> <p class="addr_txt">대전광역시 유성구 용성로 20 커뮤니티센터</p> </td> <td class="pc_cell_onry left">대전광역시 유성구 용성로 20 커뮤니티센터</td> </tr> </tbody> </table> </div> <div> <!-- paginate --> <script> function fn_page_prev(page) { if (page > 1) fn_egov_link_page(page - 1); else { alert("첫페이지 입니다."); return; } } function fn_page_next(page) { if (page < 181) fn_egov_link_page(page + 1); else { alert("마지막 페이지 입니다."); return; } } function fn_page_move() { var page = $(".paginate_input").val(); if (isNaN(page)) { $(".paginate_input").val(''); alert("숫자만 입력하세요."); $(".paginate_input").focus(); return; } if (page == "" || page < 1) { $(".paginate_input").val('1'); alert("1페이지 부터 입력할 수 있습니다."); $(".paginate_input").focus(); return; } if (page > 181) { $(".paginate_input").val('181'); alert("총 페이지수 초과할 수 없습니다."); $(".paginate_input").focus(); return; } fn_egov_link_page(page); } </script> <div class="paginate"> <a href="#" onclick="alert('첫페이지 입니다.');" class="sp sp_start" aria-label="맨 처음 페이지로"><span class="ir_text">맨 처음 페이지로 이동</span></a> <a href="#" onclick="fn_page_prev(1);" class="sp sp_prev" aria-label="이전 페이지로"><span class="ir_text">이전 페이지로 이동</span></a> <div class="paginate_input_wrap"> <input type="text" onkeydown="if(event.keyCode === 13){fn_page_move(); return false;}" class="paginate_input" aria-label="현재 페이지(이동할 페이지 입력)" title="현재 페이지(이동할 페이지 입력)" value="1" /> <span>/</span> <span class="ir_text">총 페이지</span> <span class="total_num">181</span> <a href="#" onclick="fn_page_move();" class="btn_page_go">이동</a> </div> <a href="#" onclick="fn_page_next(1);" class="sp sp_next" aria-label="다음 페이지로"><span class="ir_text">다음 페이지로 이동</span></a> <a href="#" onclick="fn_egov_link_page(181 );" class="sp sp_finish" aria-label="맨 마지막 페이지로"><span class="ir_text">맨 마지막 페이지로 이동</span></a> </div> <!-- //paginate --> </div> <div class="layer_popup_wrap layer_popup_wrap2" data-layer="layer_librarian"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">도서관 상세 정보</h1> </div> <div class="popup_contents"> <div id="detailLibInfo"></div> <div class="btn_wrap center"> <button type="button" class="btn btn_full_close"><span>닫기</span></button> </div> </div> <button type="button" class="btn_close closeLayer"><span class="sp">닫기</span></button> </div> </div> <script> $(document).ready(function(){ $.fn.datepicker.dates['kr'] = { days: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일", "일요일"], daysShort: ["일", "월", "화", "수", "목", "금", "토", "일"], daysMin: ["일", "월", "화", "수", "목", "금", "토", "일"], months: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"], monthsShort: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"] }; $('#startDate').datepicker({ format: "yyyyMMdd", language: "kr", autoclose: true, todayHighlight: true }); $('#endDate').datepicker({ format: "yyyyMMdd", language: "kr", autoclose: true, todayHighlight: true }); }) /* pagination 페이지 링크 function */ function fn_egov_link_page(pageNo){ var f = document.searchForm; f.page.value = pageNo; f.action = "P30204000000.do"; f.submit(); } function fn_search(){ var f = document.searchForm; f.page.value = "1"; f.action = "P30204000000.do"; f.submit(); } function fn_goCategoryList(cat) { var f = document.searchForm; f.areaCode.value = cat; f.page.value = ""; f.action = "P30204000000.do"; f.submit(); } function fn_goView(code) { $("#detailLibInfo").html(""); $.ajax({ url : "/PU/module/P30204000000_ntKolas_view.ajax" , data : "libCode="+code , type : "get" , dataType : "html" , success : function(data){ //console.log( data ); if (data != "") { $("#detailLibInfo").html(data); } } , error:function(request,status,error){ } }); } </script></div> </div> <!-- 공유하기 팝업 --> <div class="layer_popup_wrap layer_share" data-layer="layer_share" style="display:none;"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">공유하기</h1> </div> <div class="popup_contents"> <div class="sns_area"> <ul class="sns_list"> </ul> </div> </div> <button type="button" class="btn_close closeLayer"><span class="sp">닫기</span></button> </div> </div> <!-- //공유하기 팝업 --> </div> </div> <!-- //contents --> </div> <!-- //container --> <!-- 다국어입력기 --> <div class="worldword-wrap" style="display:none"> <fieldset> <legend>다국어 입력</legend> <strong class="worldword-title">다국어 입력</strong> <div class="worldword"> <ul class="language"> <li><a href="#none" data-type="히라가나" data-focus-next="lang01List" data-focus="lang01">히라가나</a></li> <li><a href="#none" data-type="가타카나" data-focus-next="lang02List" data-focus="lang02">가타카나</a></li> <li><a href="#none" data-type="한글고어" data-focus-next="lang03List" data-focus="lang03">한글고어</a></li> <li><a href="#none" data-type="그리스문자" data-focus-next="lang04List" data-focus="lang04">그리스문자</a></li> <li><a href="#none" data-type="라틴문자" data-focus-next="lang05List" data-focus="lang05">라틴문자</a></li> <li><a href="#none" data-type="키릴문자" data-focus-next="lang06List" data-focus="lang06">키릴문자</a></li> <li><a href="#none" data-type="로마자" data-focus-next="lang07List" data-focus="lang07">로마자</a></li> <li><a href="#none" data-type="태국어" data-focus-next="lang08List" data-focus="lang08">태국어</a></li> <li><a href="#none" data-type="아랍어" data-focus-next="lang09List" data-focus="lang09">아랍어</a></li> <li><a href="#none" data-type="확장문자" data-focus-next="lang10List" data-focus="lang10">확장문자</a></li> <li><a href="#none" data-type="일반기호" data-focus-next="lang11List" data-focus="lang11">일반기호</a></li> <li><a href="#none" data-type="괄호기호" data-focus-next="lang12List" data-focus="lang12">괄호기호</a></li> <li><a href="#none" data-type="학술기호" data-focus-next="lang13List" data-focus="lang13">학술기호</a></li> <li><a href="#none" data-type="기술기호" data-focus-next="lang14List" data-focus="lang14">기술기호</a></li> <li><a href="#none" data-type="단위기호" data-focus-next="lang15List" data-focus="lang15">단위기호</a></li> <li><a href="#none" data-type="첨자기호" data-focus-next="lang16List" data-focus="lang16">첨자기호 · 분수</a></li> </ul> <!-- 히라가나 --> <div class="language-contents" data-type="히라가나" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang01" data-focus="lang01List">あ</a></li> <li><a href="#">ぁ</a></li> <li><a href="#">か</a></li> <li><a href="#">が</a></li> <li><a href="#">さ</a></li> <li><a href="#">ざ</a></li> <li><a href="#">た</a></li> <li><a href="#">だ</a></li> <li><a href="#">な</a></li> <li><a href="#">は</a></li> <li><a href="#">ば</a></li> <li><a href="#">ぱ</a></li> <li><a href="#">ま</a></li> <li><a href="#">や</a></li> <li><a href="#">ゃ</a></li> <li><a href="#">ら</a></li> <li><a href="#">わ</a></li> <li><a href="#">ゎ</a></li> <li><a href="#">ん</a></li> </ul> <ul> <li><a href="#">い</a></li> <li><a href="#">ぃ</a></li> <li><a href="#">き</a></li> <li><a href="#">ぎ</a></li> <li><a href="#">し</a></li> <li><a href="#">じ</a></li> <li><a href="#">ち</a></li> <li><a href="#">ぢ</a></li> <li><a href="#">に</a></li> <li><a href="#">ひ</a></li> <li><a href="#">び</a></li> <li><a href="#">ぴ</a></li> <li><a href="#">み</a></li> <li> </li> <li> </li> <li> </li> <li> </li> <li><a href="#">り</a></li> </ul> <ul> <li><a href="#">う</a></li> <li><a href="#">ぅ</a></li> <li><a href="#">く</a></li> <li><a href="#">ぐ</a></li> <li><a href="#">す</a></li> <li><a href="#">ず</a></li> <li><a href="#">つ</a></li> <li><a href="#">づ</a></li> <li><a href="#">っ</a></li> <li><a href="#">ぬ</a></li> <li><a href="#">ふ</a></li> <li><a href="#">ぶ</a></li> <li><a href="#">ぷ</a></li> <li><a href="#">む</a></li> <li><a href="#">ゆ</a></li> <li><a href="#">ゅ</a></li> <li><a href="#">る</a></li> </ul> <ul> <li><a href="#">え</a></li> <li><a href="#">ぇ</a></li> <li><a href="#">け</a></li> <li><a href="#">げ</a></li> <li><a href="#">せ</a></li> <li><a href="#">ぜ</a></li> <li><a href="#">て</a></li> <li><a href="#">で</a></li> <li><a href="#">ね</a></li> <li><a href="#">へ</a></li> <li><a href="#">べ</a></li> <li><a href="#">ぺ</a></li> <li><a href="#">め</a></li> <li> </li> <li> </li> <li> </li> <li> </li> <li><a href="#">れ</a></li> </ul> <ul> <li><a href="#">お</a></li> <li><a href="#">ぉ</a></li> <li><a href="#">こ</a></li> <li><a href="#">ご</a></li> <li><a href="#">そ</a></li> <li><a href="#">ぞ</a></li> <li><a href="#">と</a></li> <li><a href="#">ど</a></li> <li><a href="#">の</a></li> <li><a href="#">ほ</a></li> <li><a href="#">ぼ</a></li> <li><a href="#">ぽ</a></li> <li><a href="#">も</a></li> <li><a href="#">よ</a></li> <li><a href="#">ょ</a></li> <li><a href="#">ろ</a></li> <li><a href="#" data-focus-next="lang02">を</a></li> </ul> </div> <!-- //히라가나 --> <!-- 가타카나 --> <div class="language-contents" data-type="가타카나" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang02" data-focus="lang02List">ア</a></li> <li><a href="#">ァ</a></li> <li><a href="#">カ</a></li> <li><a href="#">ガ</a></li> <li><a href="#">サ</a></li> <li><a href="#">ザ</a></li> <li><a href="#">タ</a></li> <li><a href="#">ダ</a></li> <li><a href="#">ナ</a></li> <li><a href="#">ハ</a></li> <li><a href="#">バ</a></li> <li><a href="#">パ</a></li> <li><a href="#">マ</a></li> <li><a href="#">ヤ</a></li> <li><a href="#">ャ</a></li> <li><a href="#">ラ</a></li> <li><a href="#">ワ</a></li> <li><a href="#">ヮ</a></li> <li><a href="#">ン</a></li> </ul> <ul> <li><a href="#">イ</a></li> <li><a href="#">ィ</a></li> <li><a href="#">キ</a></li> <li><a href="#">ギ</a></li> <li><a href="#">シ</a></li> <li><a href="#">ジ</a></li> <li><a href="#">チ</a></li> <li><a href="#">ヂ</a></li> <li><a href="#">ニ</a></li> <li><a href="#">ヒ</a></li> <li><a href="#">ビ</a></li> <li><a href="#">ピ</a></li> <li><a href="#">ミ</a></li> <li> </li> <li> </li> <li> </li> <li> </li> <li><a href="#">リ</a></li> </ul> <ul> <li><a href="#">ウ</a></li> <li><a href="#">ゥ</a></li> <li><a href="#">ク</a></li> <li><a href="#">グ</a></li> <li><a href="#">ス</a></li> <li><a href="#">ズ</a></li> <li><a href="#">ツ</a></li> <li><a href="#">ヅ</a></li> <li><a href="#">ッ</a></li> <li><a href="#">ヌ</a></li> <li><a href="#">フ</a></li> <li><a href="#">ブ</a></li> <li><a href="#">プ</a></li> <li><a href="#">ム</a></li> <li><a href="#">ユ</a></li> <li><a href="#">ュ</a></li> <li><a href="#">ル</a></li> </ul> <ul> <li><a href="#">エ</a></li> <li><a href="#">ェ</a></li> <li><a href="#">ケ</a></li> <li><a href="#">ゲ</a></li> <li><a href="#">セ</a></li> <li><a href="#">ゼ</a></li> <li><a href="#">テ</a></li> <li><a href="#">デ</a></li> <li><a href="#">ネ</a></li> <li><a href="#">ヘ</a></li> <li><a href="#">ベ</a></li> <li><a href="#">ペ</a></li> <li><a href="#">メ</a></li> <li> </li> <li> </li> <li> </li> <li> </li> <li><a href="#">レ</a></li> </ul> <ul> <li><a href="#">オ</a></li> <li><a href="#">ォ</a></li> <li><a href="#">コ</a></li> <li><a href="#">ゴ</a></li> <li><a href="#">ソ</a></li> <li><a href="#">ゾ</a></li> <li><a href="#">ト</a></li> <li><a href="#">ド</a></li> <li><a href="#">ノ</a></li> <li><a href="#">ホ</a></li> <li><a href="#">ボ</a></li> <li><a href="#">ポ</a></li> <li><a href="#">モ</a></li> <li><a href="#">ヨ</a></li> <li><a href="#">ョ</a></li> <li><a href="#">ロ</a></li> <li><a href="#">ヲ</a></li> <li><a href="#" data-focus-next="lang03">―</a></li> </ul> </div> <!-- //가타카나 --> <!-- 한글고어 --> <div class="language-contents" data-type="한글고어" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang03" data-focus="lang03List">ㅥ</a></li> <li><a href="#">ㅦ</a></li> <li><a href="#">ㅧ</a></li> <li><a href="#">ㅨ</a></li> <li><a href="#">ㅩ</a></li> <li><a href="#">ㅪ</a></li> <li><a href="#">ㅫ</a></li> <li><a href="#">ㅬ</a></li> <li><a href="#">ㅭ</a></li> <li><a href="#">ㅮ</a></li> <li><a href="#">ㅯ</a></li> <li><a href="#">ㅰ</a></li> <li><a href="#">ㅱ</a></li> <li><a href="#">ㅲ</a></li> <li><a href="#">ㅳ</a></li> <li><a href="#">ㅴ</a></li> <li><a href="#">ㅵ</a></li> <li><a href="#">ㅶ</a></li> <li><a href="#">ㅷ</a></li> <li><a href="#">ㅸ</a></li> <li><a href="#">ㅹ</a></li> <li><a href="#">ㅺ</a></li> <li><a href="#">ㅻ</a></li> <li><a href="#">ㅼ</a></li> <li><a href="#">ㅽ</a></li> <li><a href="#">ㅾ</a></li> <li><a href="#">ㅿ</a></li> <li><a href="#">ㆀ</a></li> <li><a href="#">ㆁ</a></li> <li><a href="#">ㆂ</a></li> <li><a href="#">ㆃ</a></li> <li><a href="#">ㆄ</a></li> <li><a href="#">ㆅ</a></li> <li><a href="#">ㆆ</a></li> <li><a href="#">ㆇ</a></li> <li><a href="#">ㆈ</a></li> <li><a href="#">ㆉ</a></li> <li><a href="#">ㆊ</a></li> <li><a href="#">ㆋ</a></li> <li><a href="#">ㆌ</a></li> <li><a href="#">ㆍ</a></li> <li><a href="#" data-focus-next="lang04">ㆎ</a></li> </ul> </div> <!-- //한글고어 --> <!-- 그리스문자 --> <div class="language-contents" data-type="그리스문자" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang04" data-focus="lang04List">Α</a></li> <li><a href="#">Β</a></li> <li><a href="#">Γ</a></li> <li><a href="#">Δ</a></li> <li><a href="#">Ε</a></li> <li><a href="#">Ζ</a></li> <li><a href="#">Η</a></li> <li><a href="#">Θ</a></li> <li><a href="#">Ι</a></li> <li><a href="#">Κ</a></li> <li><a href="#">Λ</a></li> <li><a href="#">Μ</a></li> <li><a href="#">Ν</a></li> <li><a href="#">Ξ</a></li> <li><a href="#">Ο</a></li> <li><a href="#">Π</a></li> <li><a href="#">Ρ</a></li> <li><a href="#">Σ</a></li> <li><a href="#">Τ</a></li> <li><a href="#">Υ</a></li> <li><a href="#">Φ</a></li> <li><a href="#">Χ</a></li> <li><a href="#">Ψ</a></li> <li><a href="#">Ω</a></li> <li><a href="#">α</a></li> <li><a href="#">β</a></li> <li><a href="#">γ</a></li> <li><a href="#">δ</a></li> <li><a href="#">ε</a></li> <li><a href="#">ζ</a></li> <li><a href="#">η</a></li> <li><a href="#">θ</a></li> <li><a href="#">ι</a></li> <li><a href="#">κ</a></li> <li><a href="#">λ</a></li> <li><a href="#">μ</a></li> <li><a href="#">ν</a></li> <li><a href="#">ξ</a></li> <li><a href="#">ο</a></li> <li><a href="#">π</a></li> <li><a href="#">ρ</a></li> <li><a href="#">σ</a></li> <li><a href="#">τ</a></li> <li><a href="#">υ</a></li> <li><a href="#">φ</a></li> <li><a href="#">χ</a></li> <li><a href="#">ψ</a></li> <li><a href="#" data-focus-next="lang05">ω</a></li> </ul> </div> <!-- //그리스문자 --> <!-- 괄호기호 --> <div class="language-contents" data-type="괄호기호" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang12" data-focus="lang12List">‘</a></li> <li><a href="#">’</a></li> <li><a href="#">“</a></li> <li><a href="#">”</a></li> <li><a href="#">〔</a></li> <li><a href="#">〕</a></li> <li><a href="#">〈</a></li> <li><a href="#">〉</a></li> <li><a href="#">「</a></li> <li><a href="#">」</a></li> <li><a href="#">『</a></li> <li><a href="#">』</a></li> <li><a href="#">【</a></li> <li><a href="#">】</a></li> <li><a href="#">"</a></li> <li><a href="#">(</a></li> <li><a href="#">)</a></li> <li><a href="#">[</a></li> <li><a href="#">]</a></li> <li><a href="#">{</a></li> <li><a href="#" data-focus-next="lang13">}</a></li> </ul> </div> <!-- //괄호기호 --> <!-- 학술기호 --> <div class="language-contents" data-type="학술기호" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang13" data-focus="lang13List">±</a></li> <li><a href="#">×</a></li> <li><a href="#">÷</a></li> <li><a href="#">≠</a></li> <li><a href="#">≤</a></li> <li><a href="#">≥</a></li> <li><a href="#">∞</a></li> <li><a href="#">∴</a></li> <li><a href="#">♂</a></li> <li><a href="#">♀</a></li> <li><a href="#">∠</a></li> <li><a href="#">⊥</a></li> <li><a href="#">⌒</a></li> <li><a href="#">∂</a></li> <li><a href="#">∇</a></li> <li><a href="#">≡</a></li> <li><a href="#">≒</a></li> <li><a href="#">≪</a></li> <li><a href="#">≫</a></li> <li><a href="#">√</a></li> <li><a href="#">∽</a></li> <li><a href="#">∝</a></li> <li><a href="#">∵</a></li> <li><a href="#">∫</a></li> <li><a href="#">∬</a></li> <li><a href="#">∈</a></li> <li><a href="#">∋</a></li> <li><a href="#">⊆</a></li> <li><a href="#">⊇</a></li> <li><a href="#">⊂</a></li> <li><a href="#">⊃</a></li> <li><a href="#">∪</a></li> <li><a href="#">∩</a></li> <li><a href="#">∧</a></li> <li><a href="#">∨</a></li> <li><a href="#">¬</a></li> <li><a href="#">⇒</a></li> <li><a href="#">⇔</a></li> <li><a href="#">∀</a></li> <li><a href="#">∃</a></li> <li><a href="#">∮</a></li> <li><a href="#">∑</a></li> <li><a href="#">∏</a></li> <li><a href="#">+</a></li> <li><a href="#">-</a></li> <li><a href="#"><</a></li> <li><a href="#">=</a></li> <li><a href="#" data-focus-next="lang14">></a></li> </ul> </div> <!-- //학술기호 --> <!-- 기술기호 --> <div class="language-contents" data-type="기술기호" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang14" data-focus="lang14List">、</a></li> <li><a href="#">。</a></li> <li><a href="#">·</a></li> <li><a href="#">‥</a></li> <li><a href="#">…</a></li> <li><a href="#">¨</a></li> <li><a href="#">〃</a></li> <li><a href="#"></a></li> <li><a href="#">―</a></li> <li><a href="#">∥</a></li> <li><a href="#">\</a></li> <li><a href="#">∼</a></li> <li><a href="#">´</a></li> <li><a href="#">~</a></li> <li><a href="#">ˇ</a></li> <li><a href="#">˘</a></li> <li><a href="#">˝</a></li> <li><a href="#">˚</a></li> <li><a href="#">˙</a></li> <li><a href="#">¸</a></li> <li><a href="#">˛</a></li> <li><a href="#">¡</a></li> <li><a href="#">¿</a></li> <li><a href="#">ː</a></li> <li><a href="#">!</a></li> <li><a href="#">'</a></li> <li><a href="#">,</a></li> <li><a href="#">.</a></li> <li><a href="#">/</a></li> <li><a href="#">:</a></li> <li><a href="#">;</a></li> <li><a href="#">?</a></li> <li><a href="#">^</a></li> <li><a href="#">_</a></li> <li><a href="#">`</a></li> <li><a href="#">|</a></li> <li><a href="#" data-focus-next="lang15"> ̄</a></li> </ul> </div> <!-- //기술기호 --> <!-- 라틴문자 --> <div class="language-contents" data-type="라틴문자" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang05" data-focus="lang05List">Æ</a></li> <li><a href="#">Ð</a></li> <li><a href="#">Ħ</a></li> <li><a href="#">IJvĿ</a></li> <li><a href="#">Ł</a></li> <li><a href="#">Ø</a></li> <li><a href="#">Œ</a></li> <li><a href="#">Þ</a></li> <li><a href="#">Ŧ</a></li> <li><a href="#">Ŋ</a></li> <li><a href="#">æ</a></li> <li><a href="#">đ</a></li> <li><a href="#">ð</a></li> <li><a href="#">ħ</a></li> <li><a href="#">ı</a></li> <li><a href="#">ij</a></li> <li><a href="#">ĸ</a></li> <li><a href="#">ŀ</a></li> <li><a href="#">ł</a></li> <li><a href="#">ø</a></li> <li><a href="#">œ</a></li> <li><a href="#">ß</a></li> <li><a href="#">þ</a></li> <li><a href="#">ŧ</a></li> <li><a href="#">ŋ</a></li> <li><a href="#" data-focus-next="lang06">ʼn</a></li> </ul> </div> <!-- //라틴문자 --> <!-- 키릴문자 --> <div class="language-contents" data-type="키릴문자" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang06" data-focus="lang06List">А</a></li> <li><a href="#">Б</a></li> <li><a href="#">В</a></li> <li><a href="#">Г</a></li> <li><a href="#">Д</a></li> <li><a href="#">Е</a></li> <li><a href="#">Ё</a></li> <li><a href="#">Ж</a></li> <li><a href="#">З</a></li> <li><a href="#">И</a></li> <li><a href="#">Й</a></li> <li><a href="#">К</a></li> <li><a href="#">Л</a></li> <li><a href="#">М</a></li> <li><a href="#">Н</a></li> <li><a href="#">О</a></li> <li><a href="#">П</a></li> <li><a href="#">Р</a></li> <li><a href="#">С</a></li> <li><a href="#">Т</a></li> <li><a href="#">У</a></li> <li><a href="#">Ф</a></li> <li><a href="#">Х</a></li> <li><a href="#">Ц</a></li> <li><a href="#">Ч</a></li> <li><a href="#">Ш</a></li> <li><a href="#">Щ</a></li> <li><a href="#">Ъ</a></li> <li><a href="#">Ы</a></li> <li><a href="#">Ь</a></li> <li><a href="#">Э</a></li> <li><a href="#">Ю</a></li> <li><a href="#">Я</a></li> <li><a href="#">а</a></li> <li><a href="#">б</a></li> <li><a href="#">в</a></li> <li><a href="#">г</a></li> <li><a href="#">д</a></li> <li><a href="#">е</a></li> <li><a href="#">ё</a></li> <li><a href="#">ж</a></li> <li><a href="#">з</a></li> <li><a href="#">и</a></li> <li><a href="#">й</a></li> <li><a href="#">к</a></li> <li><a href="#">л</a></li> <li><a href="#">м</a></li> <li><a href="#">н</a></li> <li><a href="#">о</a></li> <li><a href="#">п</a></li> <li><a href="#">р</a></li> <li><a href="#">с</a></li> <li><a href="#">т</a></li> <li><a href="#">у</a></li> <li><a href="#">ф</a></li> <li><a href="#">х</a></li> <li><a href="#">ц</a></li> <li><a href="#">ч</a></li> <li><a href="#">ш</a></li> <li><a href="#">щ</a></li> <li><a href="#">ъ</a></li> <li><a href="#">ы</a></li> <li><a href="#">ь</a></li> <li><a href="#">э</a></li> <li><a href="#">ю</a></li> <li><a href="#" data-focus-next="lang07">я</a></li> </ul> </div> <!-- //키릴문자 --> <!-- 단위기호 --> <div class="language-contents" data-type="단위기호" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang15" data-focus="lang15List">′</a></li> <li><a href="#">″</a></li> <li><a href="#">℃</a></li> <li><a href="#">Å</a></li> <li><a href="#">¢</a></li> <li><a href="#">£</a></li> <li><a href="#">¥</a></li> <li><a href="#">¤</a></li> <li><a href="#">℉</a></li> <li><a href="#">‰</a></li> <li><a href="#">$</a></li> <li><a href="#">%</a></li> <li><a href="#">F</a></li> <li><a href="#">₩</a></li> <li><a href="#">㎕</a></li> <li><a href="#">㎖</a></li> <li><a href="#">㎗</a></li> <li><a href="#">ℓ</a></li> <li><a href="#">㎘</a></li> <li><a href="#">㏄</a></li> <li><a href="#">㎣</a></li> <li><a href="#">㎤</a></li> <li><a href="#">㎥</a></li> <li><a href="#">㎦</a></li> <li><a href="#">㎙</a></li> <li><a href="#">㎚</a></li> <li><a href="#">㎛</a></li> <li><a href="#">㎜</a></li> <li><a href="#">㎝</a></li> <li><a href="#">㎞</a></li> <li><a href="#">㎟</a></li> <li><a href="#">㎠</a></li> <li><a href="#">㎡</a></li> <li><a href="#">㎢</a></li> <li><a href="#">㏊</a></li> <li><a href="#">㎍</a></li> <li><a href="#">㎎</a></li> <li><a href="#">㎏</a></li> <li><a href="#">㏏</a></li> <li><a href="#">㎈</a></li> <li><a href="#">㎉</a></li> <li><a href="#">㏈</a></li> <li><a href="#">㎧</a></li> <li><a href="#">㎨</a></li> <li><a href="#">㎰</a></li> <li><a href="#">㎱</a></li> <li><a href="#">㎲</a></li> <li><a href="#">㎳</a></li> <li><a href="#">㎴</a></li> <li><a href="#">㎵</a></li> <li><a href="#">㎶</a></li> <li><a href="#">㎷</a></li> <li><a href="#">㎸</a></li> <li><a href="#">㎹</a></li> <li><a href="#">㎀</a></li> <li><a href="#">㎁</a></li> <li><a href="#">㎂</a></li> <li><a href="#">㎃</a></li> <li><a href="#">㎄</a></li> <li><a href="#">㎺</a></li> <li><a href="#">㎻</a></li> <li><a href="#">㎽</a></li> <li><a href="#">㎾</a></li> <li><a href="#">㎿</a></li> <li><a href="#">㎐</a></li> <li><a href="#">㎑</a></li> <li><a href="#">㎒</a></li> <li><a href="#">㎓</a></li> <li><a href="#">㎔</a></li> <li><a href="#">Ω</a></li> <li><a href="#">㏀</a></li> <li><a href="#">㏁</a></li> <li><a href="#">㎊</a></li> <li><a href="#">㎋</a></li> <li><a href="#">㎌</a></li> <li><a href="#">㏖</a></li> <li><a href="#">㏅</a></li> <li><a href="#">㎭</a></li> <li><a href="#">㎮</a></li> <li><a href="#">㎯</a></li> <li><a href="#">㏛</a></li> <li><a href="#">㎩</a></li> <li><a href="#">㎪</a></li> <li><a href="#">㎫</a></li> <li><a href="#">㎬</a></li> <li><a href="#">㏝</a></li> <li><a href="#">㏐</a></li> <li><a href="#">㏓</a></li> <li><a href="#">㏃</a></li> <li><a href="#">㏉</a></li> <li><a href="#">㏜</a></li> <li><a href="#" data-focus-next="lang16">㏆</a></li> </ul> </div> <!-- //단위기호 --> <!-- 일반기호 --> <div class="language-contents" data-type="일반기호" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang11" data-focus="lang11List">§</a></li> <li><a href="#">※</a></li> <li><a href="#">☆</a></li> <li><a href="#">★</a></li> <li><a href="#">○</a></li> <li><a href="#">●</a></li> <li><a href="#">◎</a></li> <li><a href="#">◇</a></li> <li><a href="#">◆</a></li> <li><a href="#">□</a></li> <li><a href="#">■</a></li> <li><a href="#">△</a></li> <li><a href="#">▽</a></li> <li><a href="#">→</a></li> <li><a href="#">←</a></li> <li><a href="#">↑</a></li> <li><a href="#">↓</a></li> <li><a href="#">↔</a></li> <li><a href="#">〓</a></li> <li><a href="#">◁</a></li> <li><a href="#">◀</a></li> <li><a href="#">▷</a></li> <li><a href="#">▶</a></li> <li><a href="#">♤</a></li> <li><a href="#">♠</a></li> <li><a href="#">♡</a></li> <li><a href="#">♥</a></li> <li><a href="#">♧</a></li> <li><a href="#">♣</a></li> <li><a href="#">⊙</a></li> <li><a href="#">◈</a></li> <li><a href="#">▣</a></li> <li><a href="#">◐</a></li> <li><a href="#">◑</a></li> <li><a href="#">▒</a></li> <li><a href="#">▤</a></li> <li><a href="#">▥</a></li> <li><a href="#">▨</a></li> <li><a href="#">▧</a></li> <li><a href="#">▦</a></li> <li><a href="#">▩</a></li> <li><a href="#">♨</a></li> <li><a href="#">☏</a></li> <li><a href="#">☎</a></li> <li><a href="#">☜</a></li> <li><a href="#">☞</a></li> <li><a href="#">¶</a></li> <li><a href="#">†</a></li> <li><a href="#">‡</a></li> <li><a href="#">↕</a></li> <li><a href="#">↗</a></li> <li><a href="#">↙</a></li> <li><a href="#">↖</a></li> <li><a href="#">↘</a></li> <li><a href="#">♭</a></li> <li><a href="#">♩</a></li> <li><a href="#">♪</a></li> <li><a href="#">♬</a></li> <li><a href="#">㉿</a></li> <li><a href="#">㈜</a></li> <li><a href="#">№</a></li> <li><a href="#">㏇</a></li> <li><a href="#">™</a></li> <li><a href="#">㏂</a></li> <li><a href="#">㏘</a></li> <li><a href="#">℡</a></li> <li><a href="#">#</a></li> <li><a href="#">&</a></li> <li><a href="#">*</a></li> <li><a href="#">@</a></li> <li><a href="#">ª</a></li> <li><a href="#" data-focus-next="lang12">º</a></li> </ul> </div> <!-- //일반기호 --> <!-- 로마자 --> <div class="language-contents" data-type="로마자" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang07" data-focus="lang07List">ⅰ</a></li> <li><a href="#">ⅱ</a></li> <li><a href="#">ⅲ</a></li> <li><a href="#">ⅳ</a></li> <li><a href="#">ⅴ</a></li> <li><a href="#">ⅵ</a></li> <li><a href="#">ⅶ</a></li> <li><a href="#">ⅷ</a></li> <li><a href="#">ⅸ</a></li> <li><a href="#">ⅹ</a></li> <li><a href="#">Ⅰ</a></li> <li><a href="#">Ⅱ</a></li> <li><a href="#">Ⅲ</a></li> <li><a href="#">Ⅳ</a></li> <li><a href="#">Ⅴ</a></li> <li><a href="#">Ⅵ</a></li> <li><a href="#">Ⅶ</a></li> <li><a href="#">Ⅷ</a></li> <li><a href="#">Ⅸ</a></li> <li><a href="#" data-focus-next="lang08">Ⅹ</a></li> </ul> </div> <!-- //로마자 --> <!-- 태국어 --> <div class="language-contents" data-type="태국어" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang08" data-focus="lang08List">ก</a></li> <li><a href="#">ข</a></li> <li><a href="#">ฃ</a></li> <li><a href="#">ค</a></li> <li><a href="#">ฅ</a></li> <li><a href="#">ฆ</a></li> <li><a href="#">ง</a></li> <li><a href="#">จ</a></li> <li><a href="#">ฉ</a></li> <li><a href="#">ช</a></li> <li><a href="#">ซ</a></li> <li><a href="#">ฌ</a></li> <li><a href="#">ญ</a></li> <li><a href="#">ฎ</a></li> <li><a href="#">ฏ</a></li> <li><a href="#">ฐ</a></li> <li><a href="#">ฑ</a></li> <li><a href="#">ฒ</a></li> <li><a href="#">ณ</a></li> <li><a href="#">ด</a></li> <li><a href="#">ต</a></li> <li><a href="#">ถ</a></li> <li><a href="#">ท</a></li> <li><a href="#">ธ</a></li> <li><a href="#">น</a></li> <li><a href="#">บ</a></li> <li><a href="#">ป</a></li> <li><a href="#">ผ</a></li> <li><a href="#">ฝ</a></li> <li><a href="#">พ</a></li> <li><a href="#">ฟ</a></li> <li><a href="#">ภ</a></li> <li><a href="#">ม</a></li> <li><a href="#">ย</a></li> <li><a href="#">ร</a></li> <li><a href="#">ฤ</a></li> <li><a href="#">ล</a></li> <li><a href="#">ฦ</a></li> <li><a href="#">ว</a></li> <li><a href="#">ศ</a></li> <li><a href="#">ษ</a></li> <li><a href="#">ส</a></li> <li><a href="#">ห</a></li> <li><a href="#">ฬ</a></li> <li><a href="#">อ</a></li> <li><a href="#">ฮ</a></li> <li><a href="#">ฯ</a></li> <li><a href="#">ะ</a></li> <li><a href="#">ั</a></li> <li><a href="#">า</a></li> <li><a href="#">ำ</a></li> <li><a href="#">ิ</a></li> <li><a href="#">ี</a></li> <li><a href="#">ึ</a></li> <li><a href="#">ื</a></li> <li><a href="#">ุ</a></li> <li><a href="#">ู</a></li> <li><a href="#">ฺ</a></li> <li><a href="#">฿</a></li> <li><a href="#">เ</a></li> <li><a href="#">แ</a></li> <li><a href="#">โ</a></li> <li><a href="#">ใ</a></li> <li><a href="#">ไ</a></li> <li><a href="#">ๅ</a></li> <li><a href="#">ๆ</a></li> <li><a href="#">็</a></li> <li><a href="#">่</a></li> <li><a href="#">้</a></li> <li><a href="#">๊</a></li> <li><a href="#">๋</a></li> <li><a href="#">์</a></li> <li><a href="#">ํ</a></li> <li><a href="#">๎</a></li> <li><a href="#">๏</a></li> <li><a href="#">๐</a></li> <li><a href="#">๑</a></li> <li><a href="#">๒</a></li> <li><a href="#">๓</a></li> <li><a href="#">๔</a></li> <li><a href="#">๕</a></li> <li><a href="#">๖</a></li> <li><a href="#">๗</a></li> <li><a href="#">๘</a></li> <li><a href="#">๙</a></li> <li><a href="#">๚</a></li> <li><a href="#" data-focus-next="lang09">๛</a></li> </ul> </div> <!-- //태국어 --> <!-- 아랍어 --> <div class="language-contents" data-type="아랍어" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang09" data-focus="lang09List"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#">؈</a></li> <li><a href="#">؋</a></li> <li><a href="#">،</a></li> <li><a href="#">؍</a></li> <li><a href="#">؎</a></li> <li><a href="#">؏</a></li> <li><a href="#">ؐ</a></li> <li><a href="#">ؑ</a></li> <li><a href="#">ؒ</a></li> <li><a href="#">ؓ</a></li> <li><a href="#">ؔ</a></li> <li><a href="#">ؕ</a></li> <li><a href="#">ؖ</a></li> <li><a href="#">ؗ</a></li> <li><a href="#">ؘ</a></li> <li><a href="#">ؙ</a></li> <li><a href="#">ؚ</a></li> <li><a href="#">؛</a></li> <li><a href="#">؞</a></li> <li><a href="#">؟</a></li> <li><a href="#">ء</a></li> <li><a href="#">آ</a></li> <li><a href="#">أ</a></li> <li><a href="#">ؤ</a></li> <li><a href="#">إ</a></li> <li><a href="#">ئ</a></li> <li><a href="#">ا</a></li> <li><a href="#">ب</a></li> <li><a href="#">ة</a></li> <li><a href="#">ت</a></li> <li><a href="#">ث</a></li> <li><a href="#">ج</a></li> <li><a href="#">ح</a></li> <li><a href="#">خ</a></li> <li><a href="#">د</a></li> <li><a href="#">ذ</a></li> <li><a href="#">ر</a></li> <li><a href="#">ز</a></li> <li><a href="#">س</a></li> <li><a href="#">ش</a></li> <li><a href="#">ص</a></li> <li><a href="#">ض</a></li> <li><a href="#">ط</a></li> <li><a href="#">ظ</a></li> <li><a href="#">ع</a></li> <li><a href="#">غ</a></li> <li><a href="#">ػ</a></li> <li><a href="#">ؼ</a></li> <li><a href="#">ؽ</a></li> <li><a href="#">ؾ</a></li> <li><a href="#">ؿ</a></li> <li><a href="#">ـ</a></li> <li><a href="#">ف</a></li> <li><a href="#">ق</a></li> <li><a href="#">ك</a></li> <li><a href="#">ل</a></li> <li><a href="#">م</a></li> <li><a href="#">ن</a></li> <li><a href="#">ه</a></li> <li><a href="#">و</a></li> <li><a href="#">ى</a></li> <li><a href="#">ي</a></li> <li><a href="#">ً</a></li> <li><a href="#">ٌ</a></li> <li><a href="#">ٍ</a></li> <li><a href="#">َ</a></li> <li><a href="#">ُ</a></li> <li><a href="#">ِ</a></li> <li><a href="#">ّ</a></li> <li><a href="#">ْ</a></li> <li><a href="#">ٓ</a></li> <li><a href="#">ٔ</a></li> <li><a href="#">ٕ</a></li> <li><a href="#">ٖ</a></li> <li><a href="#">ٗ</a></li> <li><a href="#">٘</a></li> <li><a href="#">ٙ</a></li> <li><a href="#">ٚ</a></li> <li><a href="#">ٛ</a></li> <li><a href="#">ٜ</a></li> <li><a href="#">ٝ</a></li> <li><a href="#">ٞ</a></li> <li><a href="#">ٟ</a></li> <li><a href="#">٠</a></li> <li><a href="#">١</a></li> <li><a href="#">٢</a></li> <li><a href="#">٣</a></li> <li><a href="#">٤</a></li> <li><a href="#">٥</a></li> <li><a href="#">٦</a></li> <li><a href="#">٧</a></li> <li><a href="#">٨</a></li> <li><a href="#">٩</a></li> <li><a href="#">٪</a></li> <li><a href="#">٫</a></li> <li><a href="#">٬</a></li> <li><a href="#">٭</a></li> <li><a href="#">ٮ</a></li> <li><a href="#">ٯ</a></li> <li><a href="#">ٰ</a></li> <li><a href="#">ٱ</a></li> <li><a href="#">ٲ</a></li> <li><a href="#">ٳ</a></li> <li><a href="#">ٴ</a></li> <li><a href="#">ٵ</a></li> <li><a href="#">ٶ</a></li> <li><a href="#">ٷ</a></li> <li><a href="#">ٸ</a></li> <li><a href="#">ٹ</a></li> <li><a href="#">ٺ</a></li> <li><a href="#">ٻ</a></li> <li><a href="#">ټ</a></li> <li><a href="#">ٽ</a></li> <li><a href="#">پ</a></li> <li><a href="#">ٿ</a></li> <li><a href="#">ڀ</a></li> <li><a href="#">ځ</a></li> <li><a href="#">ڂ</a></li> <li><a href="#">ڃ</a></li> <li><a href="#">ڄ</a></li> <li><a href="#">څ</a></li> <li><a href="#">چ</a></li> <li><a href="#">ڇ</a></li> <li><a href="#">ڈ</a></li> <li><a href="#">ډ</a></li> <li><a href="#">ڊ</a></li> <li><a href="#">ڋ</a></li> <li><a href="#">ڌ</a></li> <li><a href="#">ڍ</a></li> <li><a href="#">ڎ</a></li> <li><a href="#">ڏ</a></li> <li><a href="#">ڐ</a></li> <li><a href="#">ڑ</a></li> <li><a href="#">ڒ</a></li> <li><a href="#">ڔ</a></li> <li><a href="#">ڕ</a></li> <li><a href="#">ږ</a></li> <li><a href="#">ڗ</a></li> <li><a href="#">ژ</a></li> <li><a href="#">ڙ</a></li> <li><a href="#">ښ</a></li> <li><a href="#">ڛ</a></li> <li><a href="#">ڜ</a></li> <li><a href="#">ڝ</a></li> <li><a href="#">ڞ</a></li> <li><a href="#">ڟ</a></li> <li><a href="#">ڠ</a></li> <li><a href="#">ڡ</a></li> <li><a href="#">ڢ</a></li> <li><a href="#">ڣ</a></li> <li><a href="#">ڤ</a></li> <li><a href="#">ڥ</a></li> <li><a href="#">ڦ</a></li> <li><a href="#">ڧ</a></li> <li><a href="#">ڨ</a></li> <li><a href="#">ڪ</a></li> <li><a href="#">ګ</a></li> <li><a href="#">ڬ</a></li> <li><a href="#">ڭ</a></li> <li><a href="#">ڮ</a></li> <li><a href="#">گ</a></li> <li><a href="#">ڰ</a></li> <li><a href="#">ڱ</a></li> <li><a href="#">ڲ</a></li> <li><a href="#">ڳ</a></li> <li><a href="#">ڴ</a></li> <li><a href="#">ڵ</a></li> <li><a href="#">ڶ</a></li> <li><a href="#">ڷ</a></li> <li><a href="#">ڸ</a></li> <li><a href="#">ڹ</a></li> <li><a href="#">ں</a></li> <li><a href="#">ڻ</a></li> <li><a href="#">ڼ</a></li> <li><a href="#">ڽ</a></li> <li><a href="#">ھ</a></li> <li><a href="#">ڿ</a></li> <li><a href="#">ۀ</a></li> <li><a href="#">ہ</a></li> <li><a href="#">ۂ</a></li> <li><a href="#">ۃ</a></li> <li><a href="#">ۄ</a></li> <li><a href="#">ۅ</a></li> <li><a href="#">ۆ</a></li> <li><a href="#">ۇ</a></li> <li><a href="#">ۈ</a></li> <li><a href="#">ۉ</a></li> <li><a href="#">ۊ</a></li> <li><a href="#">ۋ</a></li> <li><a href="#">ی</a></li> <li><a href="#">ۍ</a></li> <li><a href="#">ێ</a></li> <li><a href="#">ۏ</a></li> <li><a href="#">ې</a></li> <li><a href="#">ۑ</a></li> <li><a href="#">ے</a></li> <li><a href="#">ۓ</a></li> <li><a href="#">۔</a></li> <li><a href="#">ە</a></li> <li><a href="#">ۖ</a></li> <li><a href="#">ۗ</a></li> <li><a href="#">ۘ</a></li> <li><a href="#">ۙ</a></li> <li><a href="#">ۚ</a></li> <li><a href="#">ۛ</a></li> <li><a href="#">ۜ</a></li> <li><a href="#"></a></li> <li><a href="#">۞</a></li> <li><a href="#">۟</a></li> <li><a href="#">۠</a></li> <li><a href="#">ۡ</a></li> <li><a href="#">ۢ</a></li> <li><a href="#">ۣ</a></li> <li><a href="#">ۤ</a></li> <li><a href="#">ۥ</a></li> <li><a href="#">ۦ</a></li> <li><a href="#">ۧ</a></li> <li><a href="#">ۨ</a></li> <li><a href="#">۩</a></li> <li><a href="#">۪</a></li> <li><a href="#">۫</a></li> <li><a href="#">۬</a></li> <li><a href="#">ۭ</a></li> <li><a href="#">ۮ</a></li> <li><a href="#">ۯ</a></li> <li><a href="#">۰</a></li> <li><a href="#">۱</a></li> <li><a href="#">۲</a></li> <li><a href="#">۳</a></li> <li><a href="#">۴</a></li> <li><a href="#">۵</a></li> <li><a href="#">۶</a></li> <li><a href="#">۷</a></li> <li><a href="#">۸</a></li> <li><a href="#">۹</a></li> <li><a href="#">ۺ</a></li> <li><a href="#">ۻ</a></li> <li><a href="#">ۼ</a></li> <li><a href="#">۽</a></li> <li><a href="#">۾</a></li> <li><a href="#" data-focus-next="lang10">ۿ</a></li> </ul> </div> <!-- //아랍어 --> <!-- 확장문자 --> <div class="language-contents" data-type="확장문자" style="display:none"> <ul class="none_mo"> <li style="width:181px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">양음 부호</li> <li style="width:150px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">억음 부호</li> <li style="width:150px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">곡절 부호</li> <li style="width:181px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">움라우트/트레마</li> </ul> <ul> <li><a href="#" data-focus-prev="lang10" data-focus="lang10List">Á</a></li> <li><a href="#">É</a></li> <li><a href="#">Í</a></li> <li><a href="#">Ó</a></li> <li><a href="#">Ú</a></li> <li><a href="#">Ý</a></li> <li><a href="#">À</a></li> <li><a href="#">È</a></li> <li><a href="#">Ì</a></li> <li><a href="#">Ò</a></li> <li><a href="#">Ù</a></li> <li><a href="#">Â</a></li> <li><a href="#">Ê</a></li> <li><a href="#">Î</a></li> <li><a href="#">Ô</a></li> <li><a href="#">Û</a></li> <li><a href="#">Ä</a></li> <li><a href="#">Ë</a></li> <li><a href="#">Ï</a></li> <li><a href="#">Ö</a></li> <li><a href="#">Ü</a></li> <li><a href="#">Ÿ</a></li> </ul> <ul> <li><a href="#">á</a></li> <li><a href="#">é</a></li> <li><a href="#">í</a></li> <li><a href="#">ó</a></li> <li><a href="#">ú</a></li> <li><a href="#">ý</a></li> <li><a href="#">à</a></li> <li><a href="#">è</a></li> <li><a href="#">ì</a></li> <li><a href="#">ò</a></li> <li><a href="#">ù</a></li> <li><a href="#">â</a></li> <li><a href="#">ê</a></li> <li><a href="#">î</a></li> <li><a href="#">ô</a></li> <li><a href="#">û</a></li> <li><a href="#">ä</a></li> <li><a href="#">ë</a></li> <li><a href="#">ï</a></li> <li><a href="#">ö</a></li> <li><a href="#">ü</a></li> <li><a href="#">ÿ</a></li> </ul> <ul class="none_mo" style="margin-top:10px;"> <li style="width:61px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">세디유</li> <li style="width:90px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">물결표</li> <li style="width:120px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">오고넥</li> <li style="width:150px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">합자</li> <li style="width:91px;line-height: 28px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align:center;background-color: #f9f9f9;font-size:14px">룬 문자유래</li> </ul> <ul> <li><a href="#">Ç</a></li> <li><a href="#">Ş</a></li> <li><a href="#">Ã</a></li> <li><a href="#">Õ</a></li> <li><a href="#">Ñ</a></li> <li><a href="#">Ą</a></li> <li><a href="#">Ę</a></li> <li><a href="#">Į</a></li> <li><a href="#">Ų</a></li> <li><a href="#">Æ</a></li> <li><a href="#">Œ</a></li> <li><a href="#">Ø</a></li> <li><a href="#">IJ</a></li> <li><a href="#">ẞ</a></li> <li style="width:90px;"><a href="#">Þ</a></li> </ul> <ul> <li><a href="#">ç</a></li> <li><a href="#">ş</a></li> <li><a href="#">ã</a></li> <li><a href="#">õ</a></li> <li><a href="#">ñ</a></li> <li><a href="#">ą</a></li> <li><a href="#">ę</a></li> <li><a href="#">į</a></li> <li><a href="#">ų</a></li> <li><a href="#">æ</a></li> <li><a href="#">œ</a></li> <li><a href="#">ø</a></li> <li><a href="#">ij</a></li> <li><a href="#">ß</a></li> <li style="width:90px;"><a href="#" data-focus-next="lang11">þ</a></li> </ul> </div> <!-- //확장문자 --> <!-- 첨자기호 --> <div class="language-contents language-contents-focus" data-type="첨자기호" style="display:none"> <ul> <li><a href="#" data-focus-prev="lang16" data-focus="lang16List">½</a></li> <li><a href="#">⅓</a></li> <li><a href="#">⅔</a></li> <li><a href="#">¼</a></li> <li><a href="#">¾</a></li> <li><a href="#">⅛</a></li> <li><a href="#">⅜</a></li> <li><a href="#">⅝</a></li> <li><a href="#">⅞</a></li> <li><a href="#">¹</a></li> <li><a href="#">²</a></li> <li><a href="#">³</a></li> <li><a href="#">⁴</a></li> <li><a href="#">ⁿ</a></li> <li><a href="#">₁</a></li> <li><a href="#">₂</a></li> <li><a href="#">₃</a></li> <li><a href="#">₄</a></li> </ul> </div> </div> </fieldset> <button type="button" class="worldword-close" data-focus="close"> <span class="sp_layout">다국어입력기 닫기</span> </button> </div> <!-- //다국어입력기 --> <!-- footer --> <div id="footer" class="footer"> <!-- 푸터 상단 --> <div class="footer__inner-top"> <div class="inner"> <h2 class="ir_text">하단 메뉴</h2> <!-- 안내 영역 --> <ul class="footer-util__list"> <li class="footer-util__item none_mobile"> <a href="/PU/contents/P50400000000.do">사이트맵</a> </li> </ul> <!-- 안내 영역 --> <!-- SNS 영역 --> <ul class="footer-sns__list"> <li class="footer-sns__item"> <a href="https://www.instagram.com/nationallibraryofkorea/" class="instagram" target="_blank" title="새창 열림"> <span class="ico">인스타그램</span> </a> </li> <li class="footer-sns__item"> <a href="http://blog.naver.com/dibrary1004" class="blog" target="_blank" title="새창 열림"> <span class="ico">블로그</span> </a> </li> <li class="footer-sns__item"> <a href="https://ko-kr.facebook.com/national.library.of.korea" class="facebook" target="_blank" title="새창 열림"> <span class="ico">페이스북</span> </a> </li> <li class="footer-sns__item"> <a href="https://twitter.com/library1004" class="twitter" target="_blank" title="새창 열림"> <span class="ico" style="background:url('/resource/templete/nl/img/main/0523/x_logo.png') no-repeat center / 110% 100%; border-radius:30px">트위터</span> </a> </li> <li class="footer-sns__item"> <a href="https://www.youtube.com/channel/UCKjWKI1yRlzWfgnF98HZ_TA" class="youtube" target="_blank" title="새창 열림"> <span class="ico">유투브</span> </a> </li> </ul> <!-- //SNS 영역 --> </div> </div> <!-- //푸터 상단 --> <!-- 푸터 하단 --> <div class="footer__inner-bottom"> <div class="inner"> <!-- PC 정책, 법령 --> <div class="policy-wrap"> <ul class="policy__list"> <li class="policy__item"><a href="https://nl.go.kr//NL/contents/N70100000000.do" target="_blank" title="새 창으로 열기">개인정보처리방침</a></li> <li class="policy__item"><a href="https://nl.go.kr//NL/contents/N70200000000.do" target="_blank" title="새 창으로 열기">국립중앙도서관 윤리강령</a></li> <li class="policy__item"><a href="https://nl.go.kr//NL/contents/N70300000000.do" target="_blank" title="새 창으로 열기">도서관법령</a></li> <li class="policy__item"><a href="https://nl.go.kr//NL/contents/N70400000000.do" target="_blank" title="새 창으로 열기">이용봉사헌장</a></li> <li class="policy__item"><a href="https://nl.go.kr//NL/contents/N50803010000.do" target="_blank" title="새 창으로 열기">사전정보공개</a></li> <li class="policy__item"><a href="https://nl.go.kr//NL/contents/N70600000000.do" target="_blank" title="새 창으로 열기">저작권정책</a></li> </ul> </div> <!-- //PC 정책, 법령 --> <!-- MO 정책, 법령 --> <div class="mo_policy-wrap"> <label for="policy_page" class="ir_text">개인정보처리방침</label> <select id="policy_page" class="policy-select-wrap"> <option value="https://nl.go.kr//NL/contents/N70100000000.do">개인정보처리방침</option> <option value="https://nl.go.kr//NL/contents/N70200000000.do">국립중앙도서관 윤리강령</option> <option value="https://nl.go.kr//NL/contents/N70300000000.do">도서관법령</option> <option value="https://nl.go.kr//NL/contents/N70400000000.do">이용봉사헌장</option> <option value="https://nl.go.kr//NL/contents/N50803010000.do">사전정보공개</option> <option value="https://nl.go.kr//NL/contents/N70600000000.do">저작권정책</option> </select> <button type="button" title="새창열림" id="policy_page_btn" class="site-go">이동</button> </div> <!-- //MO 정책, 법령 --> <!-- 유관사이트 --> <div class="family-wrap"> <label for="family_site" class="ir_text">유관사이트</label> <select id="family_site" class="family-select-wrap"> <option value class="opt-tit">유관사이트</option> <option value="https://www.nlcy.go.kr">국립어린이청소년도서관</option> <option value="https://sejong.nl.go.kr">국립세종도서관</option> <option value="http://nld.nl.go.kr">국립장애인도서관</option> <option value="https://www.data.go.kr">공공데이터포털</option> <option value="http://www.acrc.go.kr">국민권익위원회</option> <option value="http://www.korea.go.kr">대한민국전자정부</option> <option value="http://mcst.go.kr">문화체육관광부</option> <option value="http://www.kpf.or.kr">한국언론진흥재단</option> <option value="http://www.museum.go.kr/uigwe/">외규장각 의궤</option> <option value="http://www.nanet.go.kr">국회도서관</option> <option value="http://www.clip.go.kr">도서관정보정책위원회</option> <option value="http://library.scourt.go.kr">법원도서관</option> <option value="http://www.kpec.or.kr">간행물윤리위원회</option> <option value="http://www.kla.kr">한국도서관협회</option> <option value="http://www.copycle.or.kr">한국복제전송저작권협회</option> <option value="http://www.libsta.go.kr">국가도서관통계시스템</option> <option value="http://www.kpla.kr">(사)공공도서관협의회</option> </select> <button type="button" title="새창열림" id="family_site_btn" class="site-go">이동</button> </div> <!-- //유관사이트 --> <!-- 국립중앙도서관 정보 --> <div class="info-wrap"> <!-- 푸터 로고 --> <em class="footer-logo" title="문화체육관광부 국립중앙도서관 ㅣ 공공도서관지원서비스 로고"> <span class="sp_logo">문화체육관광부 국립중앙도서관 ㅣ 공공도서관지원서비스</span> </em> <!-- //푸터 로고 --> <!-- 주소, Copyright --> <ul class="contact__list"> <li class="contact__item">우편번호 06579 서울시 서초구 반포대로 201(반포동)</li> <li class="contact__item">문의전화 <span class="tel">(책바다) 02-590-0570 / </span> <span class="tel">(책이음) 02-590-0650, 0660, 02-3456-6126</span> <a href="tel:02-535-4142" class="lnk_tel">02-535-4142</a> <a href="tel:02-590-0500" class="lnk_tel">02-590-0500</a> ※주말 및 공휴일 휴무 </li> <li class="contact__item copyright">Copyright© National Library of Korea. All rights reserved.</li> </ul> <!-- //주소, Copyright --> <!-- 외부 로고 --> <ul class="certificate__list"> <li class="certificate__item item--wa"> <a target="_blank" href="#none" title="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크) 새창" onclick="waPopup();"> <img src="/resource/templete/pu/common/img/common/wa.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> </a> </li> <li class="certificate__item item--open"> <a target="_blank" href="http://www.kogl.or.kr/" title="공공누리|공공저작물 자유이용허락 홈페이지로 이동(새창)"> <img src="/resource/templete/pu/common/img/common/open.jpg" alt="open 공공누리|공공저작물 자유이용허락"> </a> </li> </ul> <!-- //외부 로고 --> </div> <!-- //국립중앙도서관 정보 --> </div> </div> <!-- //푸터 하단 --> <!-- 웹로그 솔루션 --> <script type="text/javascript" src="https://ds.nl.go.kr/js/nlogger.js" ></script> <script type="text/javascript"> nLogger.configure({ nth_service_id: "books", nth_logging_url_base_http: "https://ds.nl.go.kr/nlog", nth_logging_url_base_https: "https://ds.nl.go.kr/nlog" }); </script> <script type="text/javascript"> nLogger.log();</script> <!-- //웹로그 솔루션 --> <!-- 한국문화정보원 웹로그 --> <script src="/resource/templete/nl/js/1101_Insight_WebAnalytics.js"></script> </div> <!-- //footer --> <!-- 팝업 : 스크랩 등록 --> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="layer_old_document" style="display:none" id="layerScrap"> </div> <!-- //팝업 : 스크랩 등록 --> <!-- 분류관리 레이어팝업 --> <div class="layer_popup_wrap" id="sublayPopup"> </div> <!-- //분류관리 레이어팝업 --> <!-- 위로가기 --> <div class="fixed_btn_wrap"> <a href="#container">위로</a> </div> <!-- //위로가기 --> <script> /** * <a href="#">링크</a> * 위와 같은 형태로 된 링크를 '#'동작이 먹지 않게 막는다. */ $(document).delegate("a[href='#']","click",function(event){ event.preventDefault(); }); $(document).delegate("a[href='#none']","click",function(event){ event.preventDefault(); }); $(document).ready(function() { $.ajax({ url : '/PU/module/_user_setLoanCount.do', dataType : 'json', type : 'post', async : false, success : function(data, status, xhr) { if ( data != undefined && data.loan_count_code != undefined ) { // 이용자 명 관련 if ( data.loan_count_code != '-122' && data.loan_count_code != '-120' && data.loan_count_code != '-124' && data.loan_count_code != '-126' && data.loan_count_code != '-127' && data.loan_count_code != '-128') { $(".user_loan_msg").text('의 대출가능책수'); //$("#user_loan_msg").text('의 대출가능책수()'); //테스트용 도서관 //Novum Library of Modern Languages and Literatures (Biblioteka Filologiczna Novum) } // 대출현황 문구 //JOB.2020.0017 START if ( data.loan_count_code == '-120' ) $(".loan_able_msg").text('회원정보수정에서 책바다 이용 여부를 등록해주세요'); //JOB.2020.0017 END if ( data.loan_count_code == '-121' ) $(".loan_able_msg").text('단행본 0책(대체자료 이용 중)'); if ( data.loan_count_code == '-122' ) $(".loan_able_msg").text('소속도서관의 회원가입 승인 후 신청가능합니다'); if ( data.loan_count_code == '-124' ) { if(!ItgJs.fn_isEmpty(data.cancel_reason) && data.cancel_reason != "null"){ $(".loan_able_msg").text('['+data.cancel_reason+']의 사유로 회원가입 승인불가 되었습니다'); }else{ $(".loan_able_msg").text('회원가입 승인불가 되었습니다'); } } if ( data.loan_count_code == '-123' ) $(".loan_able_msg").text('0책(연체로 인한 서비스 이용 정지 기간 : ~ '+data.loan_available_plan_date+')'); //JOB.2020.0017 START if ( data.loan_count_code == '-126' ) $(".loan_able_msg").text('님의 회원승인상태는 제적입니다'); if ( data.loan_count_code == '-127' ) $(".loan_able_msg").text('님의 회원승인상태는 탈퇴입니다'); if ( data.loan_count_code == '-128' ) $(".loan_able_msg").text('님의 회원승인상태는 검토중입니다'); //JOB.2020.0017 END if ( data.loan_count_code == '-130' ) $(".loan_able_msg").text('단행본 0책'); if ( data.loan_count_code == '-131' ) $(".loan_able_msg").text('단행본 1책'); if ( data.loan_count_code == '-132' ) $(".loan_able_msg").text('단행본 2책'); if ( data.loan_count_code == '-133' ) $(".loan_able_msg").text('단행본 3책'); if ( data.loan_count_code == '-134' ) $(".loan_able_msg").text('단행본 4책'); if ( data.loan_count_code == '-135' ) $(".loan_able_msg").text('단행본 5책'); if ( data.loan_count_code == '-125' ) $(".loan_able_msg").text('0책(연체중인 신청내역이 존재합니다)'); } }, error : function(){ //alert("대출가능책수 조회에 실패하였습니다.\n관리자에게 문의해 주세요."); } }); }); /* $(function(){ $("#qrImg").prop("src", "/comm/qr.do?url=/PU/contents/P30204000000.do"); }) */ /* 스크랩 등록 폼 호출 */ function fn_scrap(gbn){ var data = null; var frm = document.nlScrapForm; frm.scrapGbn.value = gbn; data = new FormData(frm); $.ajax({ type : "post" , url : "/PU/main/scrapCateList.ajax" , data : data , processData: false // Important! , contentType: false , cache: false , dataType : "html" , success : function(data){ $("#layerScrap").show(); $("#layerScrap").html(data); } , error : function(jqXHR,textStatus,e){ alert("일정 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } /* 스크랩 등록 */ function fn_scrapInst(){ // var data = $('#nlScrapForm').serialize(); var url = "/PU/main/scrapCrud.ajax"; document.nlScrapForm.scrapCateKey.value = $("#selCateKey").val(); document.nlScrapForm.scrapDesc.value = $("#scrapContents").val(); $.ajax({ url : url, data : $('#nlScrapForm').serialize(), type: 'POST', dataType : "json", async : false, success: function(data) { alert(data.result); $("#layerScrap").hide(); }, error : function(xhr) { alert(xhr.status); } }); } /* 스크랩 분류 호출 */ function fn_scrapCate(gbn){ var data = null; var frm = document.nlScrapForm; frm.scrapGbn.value = gbn; data = new FormData(frm); $.ajax({ type : "post" , url : "/PU/main/scrapCateList.ajax" , data : data , processData: false // Important! , contentType: false , cache: false , dataType : "html" , success : function(data){ $("#sublayPopup").show(); $("#sublayPopup").html(data); } , error : function(jqXHR,textStatus,e){ alert("일정 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } $(document).ready(function(){ ItgJs.NowPageById("P30000000000>P30200000000>P30204000000","SNB"); ItgJs.NowPageById("P30000000000>P30200000000>P30204000000","TAB"); ItgJs.NowPageById("P30000000000>P30200000000>P30204000000","MTAB"); ItgJs.NowPageById("P30000000000>P30200000000>P30204000000","GNB"); ItgJs.NowPageById("P30000000000>P30200000000>P30204000000","GNBB"); }); $(document).ready(function(){ /* 통합검색 자동완성 */ $(".schKwd").keyup(function() { if(!$(".autocomplete_layer").hasClass("is_collapsed")){ //자동완성 끄기 해제시 var term = $(this).val(); if(!ItgJs.fn_isEmpty(term)){ $.ajax({ url : "/PU/main/autoCompleteList.ajax" , data: {'term':term} , dataType: "json" , type : "post" , beforeSend : "" , success : function(data){ var suggest = ""; var sArr = data.suggestArr; for(var i in sArr) { suggest += "<li class='item'><a href='#none' onclick='autocompleteChoice(\""+sArr[i]+"\");'>"+ sArr[i][0].replace(term,'<strong>'+term+'</strong>')+"</a></li>"; } $(".result_list").html(suggest); } , error : function(jqXHR,textStatus,e){ //alert("결과 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } } }); /* 내서재 - 연구자정보서비스정보 표출 여부 */ var researchYn = 'false'; if(researchYn == 'false'){ $('#SNB_N60509000000').hide(); $('#MMAP_N60509000000').hide(); } /* 내서재 - 회원가입 표출 여부 */ var loginYn = 'false'; if(loginYn == 'true'){ $('#SNB_N60300000000').hide(); } }); /* 자동완성 결과 선택 */ function autocompleteChoice(suggest){ $(".autocomplete_layer").removeClass("is_expanded"); $(".search-btn-wrap .btn_arrow").removeClass("is_fold"); $(".schKwd").val(suggest); } function waPopup() { if($( window ).width() <= 767){ window.open("/resource/templete/pu/common/img/common/waCert.png", "웹접근성 인증마크", "width=549, height=777, left=100, top=50"); } else { window.open("/resource/templete/pu/common/img/common/waCert.png", "웹접근성 인증마크", "width=549, height=777, left=100, top=50"); } } </script> <!-- 본문 영역 --> <!--footer--> <div id="loadingLayer" style="position: fixed; display: block; width: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999; top: 0; left: 0;"></div><!--//footer--> </body> </html>