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, maximum-scale=1.0, minimum-scale=1.0" /> <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="/LI/"/> <meta property="og:description" content="사서지원서비스에 오신 것을 환영합니다"/> <meta property="og:title" content="사서지원서비스"/> <!--header--> <!-- header.jsp --> <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 --> <link rel="stylesheet" type="text/css" href="/resource/common/css/slick.css" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/jquery.scrollbar.css" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/jquery.bxslider.min.css" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/datepicker.css" onload="this.media='all';"> <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> <!-- //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/li/common/common.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/main.css" /> <!-- national library script --> <script defer src="/resource/templete/li/js/layout.js"></script> <script defer src="/resource/templete/li/js/common.js"></script> <!-- //header.jsp --> <script src="/resource/templete/li/js/main.js"></script> <!--//header--> <link rel="stylesheet" type="text/css" href="/resource/search/css/detailSearch.css"> <!-- <link rel="stylesheet" type="text/css" href="/resource/search/css/detailSearch.css"> --> <script src="/resource/templete/li/js/detailSearch.js"></script> <!--[if lte IE 9]><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="main"> <!-- skip --> <div id="skip" class="skip"> <a href="#sub_content">본문 바로가기</a> <a href="#menu-gnb">주메뉴 바로가기</a> </div> <!-- // skip --> <!-- 본문 영역 --> <script> /* 팝업닫기처리 */ function fn_popupClose(popidx,expireday){ if($("input:checkbox[id='pop_exp_chk_"+popidx+"']").is(":checked")){ ItgJs.LSset("POPUP_"+popidx, "ON", expireday*24*60*60*1000); } } /* 자동완성 결과 선택 */ function autocompleteChoice(suggest){ $(".autocomplete_layer").removeClass("is_expanded"); $(".search-btn-wrap .btn_arrow").removeClass("is_fold"); $(".schKwd").val(suggest); } /* 아이콘영역 출력 */ function fn_initIcon(){ $.ajax({ type : "post" , url : "/LI/module/main_use_service_inc.ajax" , dataType : "html" , beforeSend : "" , success : function(data){ $("#use_service_icon").html(data); //ItgJs.LSset("use_service_icon", data, 1*24*60*60*1000);//30일 } , error : function(jqXHR,textStatus,e){ console.log("fn_initIcon 오류"); return; } , complete : function(){ new Tabs(".shortcut_wrap", { initialIndex: 0 }); new Tabs(".type_service_wrap", { initialIndex: 0, tabListClassName: ".type_list", tabItemClassName: ".type_item", tabPanelWrapClassName: ".type_tabpanel_wrap", tabPanelClassName: ".type_tabpanel", }); $(".icon_link").hover(function(){ console.log($(this).children(".icon_non_hover")); $(this).find(".icon_non_hover").hide(); $(this).find(".icon_hover").show(); },function(){ $(this).find(".icon_non_hover").show(); $(this).find(".icon_hover").hide(); }); ItgJs.hideLoading(); } }); } </script><!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> --> <script defer src="/resource/templete/li/common/js/common.js"></script> <script defer src="/resource/templete/li/common/js/main.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/li/css/common.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/slick.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/slick-theme.css" /> <link rel="stylesheet" href="/resource/search/css/lib/jquery-ui.min.css"> <script src="/resource/search/js/lib/jquery-ui.min.js"></script> <script src="/resource/search/js/li_akc.js"></script> <script type="text/javascript"> function goSearch(){ var f = document.forms["searchForm"]; var kwd = f.kwd.value; f.action = "/LI/contents/L10501000000.do"; if(kwd.replace(/ /gi,"") == ""){ alert('검색어를 입력하세요.'); return false; } f.submit(); return false; } function waPopup() { if($( window ).width() <= 767){ window.open("/resource/templete/li/common/img/common/20240609.png", "a", "width=549, height=777, left=100, top=50"); } else { window.open("/resource/templete/li/common/img/common/20240609.png", "a", "width=549, height=777, left=100, top=50"); } } function goSearch2(){ var f = document.forms["searchForm2"]; if(f.val.value.replace(/ /gi,"") == ""){ alert('검색어를 입력하세요.'); return false; } var actionOp = $('#mainPageAction').val(); if(actionOp == "subject"){ $('form[name=searchForm2] input[name=val]').attr("name","kwd"); f.pageNum.value = "1"; f.action = "/LI/contents/L20201000000.do"; }else if(actionOp == "org"){ f.acType.value = "1"; f.action = "/LI/contents/L20101000000.do"; //console.log("저자검색 로그::lau_code01:단체명,lau_code02:"+f.val.value); nLogger.event("weblog/click.event", { lau_code01: "단체명", lau_code02: f.val.value}); // lau_code01: 개인명, 단체명 | lau_code02: "검색어" }else{//person f.acType.value = "0"; f.action = "/LI/contents/L20101000000.do"; //console.log("저자검색 로그::lau_code01:개인명,lau_code02:"+f.val.value); nLogger.event("weblog/click.event", { lau_code01: "개인명", lau_code02: f.val.value}); // lau_code01: 개인명, 단체명 | lau_code02: "검색어" } f.submit(); } $(function(){ $.ajax({ type: 'get', url: "/LI/limain/li_main_wordcloud.ajax", success:function(response) { $('#container_word').html(response); } }).done(function(response){ }); $.ajax({ type: 'get', url: "/LI/limain/li_main_stat.ajax", dataType: "json", success:function(data) { $("#personCnt").html(comma(uncomma(data.person))); $("#orgCnt").html(comma(uncomma(data.org))); $("#themeCnt").html(comma(uncomma(data.themeSum))); }, error:function(){} }); setLiAutocomplete(); //메인화면 자동완성 SET }); //자동완성 SET function setLiAutocomplete(){ var offCookie = getCookieLiAutocomplete(); if(offCookie == "off"){ $("#searchForm input[name=kwd]").setOffAutocompleteList();//[main]국가서지 자동완성 off $("#searchForm2 input[name=val]").setOffAutocompleteList();//[main]전거, 주제명 자동완성 off $('#mainPageAction').off('change'); }else{ $( "#searchForm input[name=kwd]" ).setLiSeojiAutocomplete();//[main]국가서지 자동완성 > li_akc.js $('#searchForm2 input[name=val]').setIsniAutoComplete();//[main]국가서지 자동완성 $('#mainPageAction').on('change',function(){//[main]국가전거, 주제명 자동완성 적용 구분 if($(this).val() == "subject"){ $('#searchForm2 input[name=val]').setSubjectAutoComplete(); }else{ $('#searchForm2 input[name=val]').setIsniAutoComplete(); } }); } } function goSearchId(ac_control_no){ document.location = "/LI/contents/L20105000000.do?id="+ac_control_no; } function goSubjectSearchId(termId) { document.location = "/LI/contents/L20201000000.do?termId="+termId; } //콤마찍기 function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,'); } //콤마풀기 function uncomma(str) { str = String(str); return str.replace(/[^\d]+/g, ''); } function fn_goPage(schId){ document.domain = "nl.go.kr"; var LeftPosition = (screen.width) ? (screen.width-1000)/2 : 0; var TopPosition = (screen.height) ? (screen.height-700)/2 : 0; var settings = 'height=700,width=1000,top='+TopPosition+',left='+LeftPosition+',scrollbars=yes'; if(schId == "findIdForm"){ window.open('https://member.nl.go.kr/findId.do?mode=form&site=newnl&ext_gbn=&ext_name=&ext_handphone=&ext_email=','memberId',settings); }else if(schId == "findPwForm"){ window.open('https://member.nl.go.kr/findPassword.do?mode=form&site=newnl&ext_gbn=&ext_name=&ext_handphone=&ext_email=','memberPw',settings); }else if(schId == "join"){ window.open('https://member.nl.go.kr/memberJoin.do?mode=agree&site=newnl','memberPw',settings); } } </script> <!-- 레이어팝업 시작 --> <div class="main-modal__area"> <!-- 팝업을 위한 스크립트 --> <script language="Javascript" type="text/javascript"> var leftPos=50; var topPos=50; var maxZ = 5000; </script> <!-- //팝업을 위한 스크립트 --> </div> <!-- 레이어팝업 끝--> <!-- header --> <div class="header-wrap"> <!-- 상단 공지배너 영역(메인만 노출) --> <div class="banner__notice-wrap" id="popupWin"> </div> <!-- //상단 공지배너 영역(메인만 노출) --> <div id="header" class="header"> <!-- 헤더상단 --> <div class="top_wrap"> <div class="top"> <a href="https://www.nl.go.kr/" target="blank">국립중앙도서관</a> <a href="https://books.nl.go.kr/" target="blank">공공도서관지원서비스 </a> <!-- <a href="http://dev.nl.go.kr:9580/NLCY" target="blank">국립어린이청소년도서관</a> --> <!-- 유틸 영역 --> <script> $(document).ready(function(){ $(".web_sch_btn").click(function() { $(this).toggleClass('on'); $(".home_sch_box").toggle("slide"); if($(this).hasClass('on')){ $(this).html("닫기"); }else{ $(this).html("검색"); } }); }); </script> <div class="log_wrap"> <a href="/LI/contents/L50500000000.do">로그인</a> <a href="#" onclick="javascript:member.fn_memberWeb ('join','NL','/NL/contents/N60300000000.do','false');" title="새창열림">회원가입</a> <a href="/LI/contents/L50100000000.do">바구니</a> <a href="/LI/contents/L50400000000.do">사이트맵</a> <button class="sp web_sch_btn">검색</button> <div class="home_sch_box"> <form name="totSearch" method="get" action="/LI/contents/L50600000000.do"> <input type="hidden" name="siteCode" value="LI" /> <input type="hidden" name="schFld" value="all" /> <input type="hidden" name="page" value="1" /> <div class="search_wrap"> <div class="inner"> <div class="search_info"> <div class="input_text_wrap"> <!-- <input type="text" name="schStr" id="schStr" class="input_text" value="" aria-label="검색어 입력" placeholder="검색어를 입력해주세요." title="홈페이지 검색" /> --> <input type="text" name="kwd" id="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"> <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">국립중앙도서관 National Library of Korea</span></em> <div class="login-bx"><strong class="text">편리한 이용을 위해<br>로그인 또는 회원가입을 해주세요.</strong></div> <a href="/LI/contents/L50500000000.do" class="login">로그인</a> <a href="#" onclick="javascript:fn_goPage('join');" 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_L10000000000"> <a href="/LI/contents/L10100000000.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_L10100000000"> <a href='/LI/contents/L10101000000.do' class="depth depth2">한국문헌자동화목록형식</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10101000000"> <a href='/LI/contents/L10101000000.do' class="depth depth3">KORMARC 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10102000000"> <a href='/LI/contents/L10102000000.do' class="depth depth3">KORMARC 통합서지용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10103000000"> <a href='/LI/contents/L10103000000.do' class="depth depth3">KORMARC 전거통제용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10104000000"> <a href='/LI/contents/L10104000000.do' class="depth depth3">KORMARC 서지데이터용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10105000000"> <a href='/LI/contents/L10105000000.do' class="depth depth3">KORMARC 소장정보용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10106000000"> <a href='/LI/contents/L10106000000.do' class="depth depth3">KORMARC 부록</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10107000000"> <a href='/LI/contents/L10107000000.do' class="depth depth3">KORMARC 부호표</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10200000000"> <a href='/LI/contents/L10201000000.do' class="depth depth2">더블린코어</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10201000000"> <a href='/LI/contents/L10201000000.do' class="depth depth3">더블린 코어 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10202000000"> <a href='/LI/contents/L10202000000.do' class="depth depth3">DCMES 특징</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10203000000"> <a href='/LI/contents/L10203000000.do' class="depth depth3">DCMI 메타데이터 용어</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10204000000"> <a href='/LI/contents/L10204000000.do' class="depth depth3">적용사례와 지침</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10300000000"> <a href='/LI/contents/L10301000000.do' class="depth depth2">MODS</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10301000000"> <a href='/LI/contents/L10301000000.do' class="depth depth3">MODS 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10302000000"> <a href='/LI/contents/L10302000000.do' class="depth depth3">메타데이터 스킴</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10303000000"> <a href='/LI/contents/L10303000000.do' class="depth depth3">적용 사례와 지침</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10400000000"> <a href='/LI/contents/L10401000000.do' class="depth depth2">도서관부호</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10401000000"> <a href='/LI/contents/L10401000000.do' class="depth depth3">신청방법</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10402000000"> <a href='/LI/contents/L10402000000.do' class="depth depth3">신청서 작성</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10403000000"> <a href='/LI/contents/L10403000000.do' class="depth depth3">신청 조회</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10404000000"> <a href='/LI/contents/L10404000000.do' class="depth depth3">도서관 부호 조회</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10405000000"> <a href='/LI/contents/L10405010000.do' class="depth depth3">국제표준도서관부호(ISIL)</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L10405010000"> <a href='/LI/contents/L10405010000.do' class="depth depth4">국문</a> </li> <li class="menu-all-depth4__item" id="MMAP_L10405020000"> <a href='/LI/contents/L10405020000.do' class="depth depth4">영문</a> </li> </ul> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10500000000"> <a href='/LI/contents/L10501000000.do' class="depth depth2">대한민국 국가서지</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10501000000"> <a href='/LI/contents/L10501000000.do' class="depth depth3">국가서지 검색</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10507000000"> <a href='/LI/contents/L10507010000.do' class="depth depth3">서지데이터세트 다운로드</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L10507010000"> <a href='/LI/contents/L10507010000.do' class="depth depth4">2020년 이후 데이터</a> </li> <li class="menu-all-depth4__item" id="MMAP_L10507020000"> <a href='/LI/contents/L10507020000.do' class="depth depth4">2019년 이전 자료 (전자책)</a> </li> </ul> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10600000000"> <a href='/LI/contents/L10600000000.do' class="depth">서지표준동향</a> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_L20000000000"> <a href="/LI/contents/L20100000000.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_L20100000000"> <a href='/LI/contents/L20101000000.do' class="depth depth2">저자전거</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L20101000000"> <a href='/LI/contents/L20101000000.do' class="depth depth3">저자 전거 검색</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20102000000"> <a href='/LI/contents/L20102000000.do' class="depth depth3">저자 전거 분류별 브라우징</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20103000000"> <a href='/LI/contents/L20103010000.do' class="depth depth3">저자 전거 현황</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L20103010000"> <a href='/LI/contents/L20103010000.do' class="depth depth4">국가전거현황</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103020000"> <a href='/LI/contents/L20103020000.do' class="depth depth4">직업</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103030000"> <a href='/LI/contents/L20103030000.do' class="depth depth4">활동분야</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103040000"> <a href='/LI/contents/L20103040000.do' class="depth depth4">단체유형</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103050000"> <a href='/LI/contents/L20103050000.do' class="depth depth4">지역</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103060000"> <a href='/LI/contents/L20103060000.do' class="depth depth4">언어</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_L20104000000"> <a href='/LI/contents/L20104000000.do' class="depth depth3">수정요청 조회</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L20200000000"> <a href='/LI/contents/L20201000000.do' class="depth depth2">주제명 전거</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L20201000000"> <a href='/LI/contents/L20201000000.do' class="depth depth3">주제명검색</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20202000000"> <a href='/LI/contents/L20202000000.do' class="depth depth3">주제명 브라우징</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20203000000"> <a href='/LI/contents/L20203010000.do' class="depth depth3">주제명 전거 현황</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L20203010000"> <a href='/LI/contents/L20203010000.do' class="depth depth4">용어유형별 현황</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20203030000"> <a href='/LI/contents/L20203030000.do' class="depth depth4">서지데이터 활용 현황</a> </li> </ul> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_L30000000000"> <a href="/LI/contents/L30500000000.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_L30500000000"> <a href='/LI/contents/L30500000000.do' class="depth">메인</a> </li> <li class="menu-all-depth2__item" id="MMAP_L30100000000"> <a href='/LI/contents/L30101000000.do' class="depth depth2">연구자료</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30101000000"> <a href='/LI/contents/L30101000000.do' class="depth depth3">외국 연구자료</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30102000000"> <a href='/LI/contents/L30102000000.do' class="depth depth3">국립중앙도서관 발간자료</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30103000000"> <a href='/LI/contents/L30103000000.do' class="depth depth3">도서관 용어 해설</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L30200000000"> <a href='/LI/contents/L30201000000.do' class="depth depth2">도서관과 사람</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30201000000"> <a href='/LI/contents/L30201000000.do' class="depth depth3">사서칼럼</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30202000000"> <a href='/LI/contents/L30202000000.do' class="depth depth3">포커스</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30203000000"> <a href='/LI/contents/L30203000000.do' class="depth depth3">리뷰</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L30300000000"> <a href='/LI/contents/L30301000000.do' class="depth depth2">국내외 소식</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30301000000"> <a href='/LI/contents/L30301000000.do' class="depth depth3">국립중앙도서관</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30302000000"> <a href='/LI/contents/L30302000000.do' class="depth depth3">국내소식</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30303000000"> <a href='/LI/contents/L30303000000.do' class="depth depth3">국외소식</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L30400000000"> <a href='/LI/contents/L30401000000.do' class="depth depth2">참여·신청</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30401000000"> <a href='/LI/contents/L30401000000.do' class="depth depth3">구독신청</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30402000000"> <a href='/LI/contents/L30402000000.do' class="depth depth3">구독취소</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30403000000"> <a href='/LI/contents/L30403000000.do' class="depth depth3">지난호보기</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30404000000"> <a href='/LI/contents/L30404000000.do' class="depth depth3">이전 홈페이지 지난호 보기</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30405000000"> <a href='/LI/contents/L30405000000.do' class="depth depth3">기사제보</a> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_L40000000000"> <a href="/LI/contents/L40100000000.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_L40100000000"> <a href='/LI/contents/L40101000000.do' class="depth depth2">서비스 소개</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L40101000000"> <a href='/LI/contents/L40101000000.do' class="depth depth3">한국서지표준</a> </li> <li class="menu-all-depth3__item" id="MMAP_L40102000000"> <a href='/LI/contents/L40102010000.do' class="depth depth3">국가전거</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L40102010000"> <a href='/LI/contents/L40102010000.do' class="depth depth4">소개</a> </li> <li class="menu-all-depth4__item" id="MMAP_L40102020000"> <a href='/LI/contents/L40102020000.do' class="depth depth4">구상도</a> </li> <li class="menu-all-depth4__item" id="MMAP_L40102030000"> <a href='/LI/contents/L40102030000.do' class="depth depth4">기대효과</a> </li> <li class="menu-all-depth4__item" id="MMAP_L40102040000"> <a href='/LI/contents/L40102040000.do' class="depth depth4">FAQ</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_L40103000000"> <a href='/LI/contents/L40103000000.do' class="depth depth3">월드라이브러리</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L40200000000"> <a href='/LI/contents/L40201000000.do' class="depth depth2">공지사항</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L40201000000"> <a href='/LI/contents/L40201000000.do' class="depth depth3">한국서지표준</a> </li> <li class="menu-all-depth3__item" id="MMAP_L40202000000"> <a href='/LI/contents/L40202000000.do' class="depth depth3">국가전거</a> </li> <li class="menu-all-depth3__item" id="MMAP_L40203000000"> <a href='/LI/contents/L40203000000.do' class="depth depth3">월드라이브러리</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L40400000000"> <a href='/LI/contents/L40400000000.do' class="depth">관련 사이트</a> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_N60500000000"> <a href="/LI/contents/L50100000000.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_N60508000000"> <a href='/LI/contents/L50101000000.do' class="depth">대한민국 국가서지</a> </li> <li class="menu-all-depth2__item" id="MMAP_N60509000000"> <a href='/LI/contents/L50102000000.do' class="depth">국가전거</a> </li> </ul> </div> </div> <a href="/LI/contents/L50400000000.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> <!-- //전체메뉴 영역 --> <div class="logo"> <a href="/LI/main/index.do" title="메인페이지로 이동"> <span class="sp">문화체육관광부 국립중앙도서관 사서지원서비스 로고</span> </a> </div> <div class="gnb_wrap" id="menu-gnb"> <!-- [D]menu-gnb-wrap클래스에 gnb--opened 클래스 추가 --> <ul class="menu-gnb-depth1"> <li class="menu-gnb-depth1__item" id="GNB_L10000000000"> <a href='/LI/contents/L10100000000.do' class="depth"><span>한국서지표준</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L10100000000"> <a href='/LI/contents/L10101000000.do' >한국문헌자동화목록형식</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10200000000"> <a href='/LI/contents/L10201000000.do' >더블린코어</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10300000000"> <a href='/LI/contents/L10301000000.do' >MODS</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10400000000"> <a href='/LI/contents/L10401000000.do' >도서관부호</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10500000000"> <a href='/LI/contents/L10501000000.do' >대한민국 국가서지</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10600000000"> <a href='/LI/contents/L10600000000.do' >서지표준동향</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_L20000000000"> <a href='/LI/contents/L20100000000.do' class="depth"><span>국가전거</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L20100000000"> <a href='/LI/contents/L20101000000.do' >저자전거</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L20200000000"> <a href='/LI/contents/L20201000000.do' >주제명 전거</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_L30000000000"> <a href='/LI/contents/L30500000000.do' class="depth"><span>월드라이브러리</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L30500000000"> <a href='/LI/contents/L30500000000.do' >메인</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30100000000"> <a href='/LI/contents/L30101000000.do' >연구자료</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30200000000"> <a href='/LI/contents/L30201000000.do' >도서관과 사람</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30300000000"> <a href='/LI/contents/L30301000000.do' >국내외 소식</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30400000000"> <a href='/LI/contents/L30401000000.do' >참여·신청</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_L40000000000"> <a href='/LI/contents/L40100000000.do' class="depth"><span>서비스안내</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L40100000000"> <a href='/LI/contents/L40101000000.do' >서비스 소개</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L40200000000"> <a href='/LI/contents/L40201000000.do' >공지사항</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L40400000000"> <a href='/LI/contents/L40400000000.do' >관련 사이트</a> </li> </ul> </li> </ul> </div> </div> <!-- //전체메뉴 영역 --> </div> </div> <!-- 헤더하단 --> <!-- </div> --> </div> <!-- //header --> <!-- container --> <div class="container" id="container"> <div class="visual_wrap" id="main_search"> <div class="visual" id="sub_content"> <div class="visual_opacity"> <h2><span>한국서지표준, 국가전거, 월드라이브러리 웹진 서비스를 통해</span> 사서·관련분야 전문가를 위한 서비스를 제공합니다.</h2> <div class="visual_search"> <div class="tab_wrap"> <ul class="tabs"> <li class="tab_link"><a href="#tab1" data-tab="sch_1" class="active" data-focus="main_sch_tab01" data-focus-next="main_sch_wrap01" title="선택됨">국가서지<span class="ir_text selected">(현재 선택됨)</span></a></li> <li class="tab_link"><a href="#tab2" data-tab="sch_2">국가전거</a></li> </ul> <div class="tab_content sch_1 active" title="국가서지검색"> <form id="searchForm" name="searchForm" onsubmit="return goSearch();" class="flex"> <span class="main_search flex"> <input type="text" name="kwd" placeholder="검색어를 입력해주세요." title="국가서지 검색어" /> <!-- 자동완성 화살표 --> <button type="button" class="sch_btn sp" onclick="goSearch();">검색</button> </span> <button type="button" class="detail_sch_btn btn_layer" data-layer="detail_seoji_sch">상세검색</button> </form> </div> <div class="tab_content sch_2" title="국가전거검색"> <form id="searchForm2" name="searchForm2" onsubmit="return goSearch2();" class="flex"> <input type="hidden" name="acType" value="0"/> <input type="hidden" name="pageNum" value="1"/> <span class="main_search flex"> <select id="mainPageAction" title="국가전거 검색조건"> <option value="person" class="">개인명</option> <option value="org" class="">단체명</option> <option value="subject" class="">주제명</option> </select> <input type="text" name="val" placeholder="검색어를 입력해주세요." title="국가전거 검색어" /> <!-- <button type="button" class="helper_btn">상세검색</button> --> <button type="button" class="sch_btn sp" onclick="goSearch2();">검색</button> </span> <button type="button" class="detail_sch_btn btn_layer" data-layer="detail_isni_sch">상세검색</button> </form> </div> </div> </div> </div> </div> <div class="remote_box"> <a href="/LI/contents/L40101000000.do" class="remote icon01">서비스안내</a> <a href="/LI/contents/L10401000000.do" class="remote icon02">도서관부호</a> <!-- <a href="#remote" class="remote icon03">신청조회</a> <a href="#remote" class="remote icon04">데이터다운로드</a> --> <a href="/LI/contents/L30401000000.do" class="remote icon05">웹진구독신청</a> <a href="/LI/contents/L20103010000.do" class="remote icon06">국가전거현황</a> <a href="/LI/contents/L30101000000.do" class="remote icon07">연구자료</a> <a href="/LI/contents/L101000000000.do" class="remote icon08">국립중앙도서관 표준지침</a> </div> </div> <!-- 월드라이브러리 웹진 --> <div class="section sec01"> <h2 class="tit">월드라이브러리 웹진<a href="/LI/contents/L30403000000.do" class="sp more">한국서지표준 더보기</a></h2> <div class="slider"> <div class="webzen"> <a href="/afile/fileDownloadById/241119559727RtP7" title="월드라이브러리 2024년 11월 19일 448호호"> <div class="webzen_tit"><span>월드라이브러리 2024년 11월 19일 448호</span></div> <img src="/afile/previewThumbnail/24111921661527ug" alt=""> </a> </div> <div class="webzen"> <a href="/afile/fileDownloadById/24101553627U600H" title="월드라이브러리 2024년 10월 15일 447호호"> <div class="webzen_tit"><span>월드라이브러리 2024년 10월 15일 447호</span></div> <img src="/afile/previewThumbnail/24101511059KSwHa" alt=""> </a> </div> <div class="webzen"> <a href="/afile/fileDownloadById/24091930190kWps3" title="월드라이브러리 2024년 9월 17일 446호호"> <div class="webzen_tit"><span>월드라이브러리 2024년 9월 17일 446호</span></div> <img src="/afile/previewThumbnail/24091906290j7S78" alt=""> </a> </div> <div class="webzen"> <a href="/afile/fileDownloadById/24082105003LpKDU" title="월드라이브러리 2024년 8월 20일 445호호"> <div class="webzen_tit"><span>월드라이브러리 2024년 8월 20일 445호</span></div> <img src="/afile/previewThumbnail/24082130766iEeLR" alt=""> </a> </div> <div class="webzen"> <a href="/afile/fileDownloadById/24071623126NXfix" title="월드라이브러리 2024년 7월 16일 444호호"> <div class="webzen_tit"><span>월드라이브러리 2024년 7월 16일 444호</span></div> <img src="/afile/previewThumbnail/24071614211S7pvI" alt=""> </a> </div> </div> </div> <!-- //월드라이브러리 웹진 --> <!-- 국가전거 현황 --> <div class="section sec02"> <div class="content"> <h2 class="tit">국가전거 현황</h2> <p class="txt">국립중앙도서관은 국가대표도서관으로서 <span class="txt_red">고품질의 국가전거데이터를<br />구축하기 위해 지속적으로 노력</span>하고 있습니다.</p> <div class="word_cloud" id="container_word"></div> <div class="grid_wrap"> <div class="grid"> <span class="icon"></span> <p>개인등록 현황</p> <p class="count"><span id="personCnt">826,351</span>건</p> </div> <div class="grid"> <span class="icon"></span> <p>단체등록 현황</p> <p class="count"><span id="orgCnt">65,762</span>건</p> </div> <div class="grid"> <span class="icon"></span> <p>주제등록 현황</p> <p class="count"><span id="themeCnt">82,761</span>건</p> </div> </div> </div> </div> <!-- //국가전거 현황 --> <!-- KORMARC 기술규칙 --> <div class="section sec03"> <div class="content"> <h2 class="tit">한국문헌자동화목록형식 (KORMARC)</h2> <div class="grid_block"> <a href="/kormarc/kormarc_2014/index.html" class="block" target="_blank"> <h3>통합서지용</h3> <span>바로가기</span> </a> <a href="/kormarc/kormarc_2016/index.html" class="block" target="_blank"> <h3>전거통제용</h3> <span>바로가기</span> </a> <a href="/LI/contents/L10105000000.do" class="block"> <h3>소장정보용</h3> <span>바로가기</span> </a> <a href="/LI/contents/L10107000000.do" class="block"> <h3>부호표</h3> <span>바로가기</span> </a> <a href="/LI/contents/L10106000000.do" class="block"> <h3>부록</h3> <span>바로가기</span> </a> </div> </div> </div> <!--// KORMARC 기술규칙 --> <!-- 공지사항 팝업알리미 --> <div class="section sec04"> <div class="content"> <div class="notice_wrap"> <h2 class="tit">공지사항</h2> <div class="tab_wrap"> <ul class="tabs tabs_modify"> <li class="tab_link"> <a href="#tab1" data-tab="tab_1" class="active">한국서지표준</a> <div class="tab_content tab_1 active"> <div class="notice_grid"> <a href="/LI/contents/L40201000000.do?schM=view&id=47785&schBcid=standard_noti01" class="grid"> <h3>서지표준동향 소식지 제5호 발간 알림</h3> <p>국내외 서지표준화 활동 소식을 전하는 『서지표준동향』 제5호가 발간 되었습니다. 다음 링크를 통해 확인...</p> <span>2024-03-25</span> </a> <a href="/LI/contents/L40201000000.do?schM=view&id=46951&schBcid=standard_noti01" class="grid"> <h3>국가서지 2030 국제회의 자료 배포</h3> <p>지난 11월 3일 개최된 「국가서지 2030 : 차세대 목록으로의 전환과 혁신」국제회의 자료집을 배...</p> <span>2023-11-14</span> </a> <a href="/LI/contents/L40201000000.do?schM=view&id=46825&schBcid=standard_noti01" class="grid"> <h3>국가서지 2030 국제회의 개최 안내</h3> <p>이라는 주제로 국제회의를 개최합니다. 미국, 싱가폴, 스웨덴 국가도서관의 전문가들이 BIBFRAME 기반의...</p> <span>2023-10-23</span> </a> </div> <a href="/LI/contents/L40201000000.do" class="sp more">한국서지표준 더보기</a> </div> </li> <li class="tab_link"> <a href="#tab2" data-tab="tab_2">국가전거</a> <div class="tab_content tab_2"> <div class="notice_grid"> <a href="/LI/contents/L40202000000.do?schM=view&id=40415&schBcid=authorities_noti01" class="grid"> <h3>국가전거 서비스 중단 안내(11.3(수) 18:00 ~ 11.4(목) 09:00)</h3> <p>시스템 작업으로 국가전거 서비스가 일체 중단됩니다.이용에 참고하시기 바랍니다. ㅇ 중단기간 : 2021...</p> <span>2021-10-29</span> </a> <a href="/LI/contents/L40202000000.do?schM=view&id=38023&schBcid=authorities_noti01" class="grid"> <h3>국가전거서비스 개편 안내</h3> <p>안녕하세요. 국가전거서비스 홈페이지가 사서지원서비스 포털로 통합되었습니다. 사서지원서비스 홈페이지에서는 ...</p> <span>2021-02-01</span> </a> <a href="/LI/contents/L40202000000.do?schM=view&id=582&schBcid=authorities_noti01" class="grid"> <h3>[공지사항]국가전거서비스 홈페이지 개편 안내</h3> <p>안녕하십니까. 국가전거서비스는 국립중앙도서관에서 구축한 전거데이터를 기반으로 국가지식 정보자원의 효율적 접근...</p> <span>2019-01-29</span> </a> </div> <a href="/LI/contents/L40202000000.do" class="sp more">국가전거파일 더보기</a> </div> </li> <li class="tab_link"> <a href="#tab3" data-tab="tab_3">월드라이브러리</a> <div class="tab_content tab_3"> <div class="notice_grid"> <a href="/LI/contents/L40203000000.do?schM=view&id=37782&schBcid=notice_wl" class="grid"> <h3>월드라이브러리를 새롭게 개편했습니다.</h3> <p>안녕하세요. 12월 21일부터 월드라이브러리가 사서지원서비스로 새롭게 개편하였습니다. 국내외 도서...</p> <span>2020-12-20</span> </a> </div> <a href="/LI/contents/L40203000000.do" class="sp more">월드라이브러리 더보기</a> </div> </li> <!-- <li class="tab_link"><a href="#tab2" data-tab="tab_2">국가전거파일</a></li> <li class="tab_link"><a href="#tab3" data-tab="tab_3">월드라이브러리</a></li> --> </ul> <!-- <div class="tab_content tab_1 active"> --> <!-- <div class="notice_grid"> --> <!-- </a> --> <!-- </div> --> <!-- <a href="/LI/contents/L40201000000.do" class="sp more">한국서지표준 더보기</a> --> <!-- </div> --> <!-- <div class="tab_content tab_2"> --> <!-- <div class="notice_grid"> --> <!-- </a> --> <!-- </div> --> <!-- <a href="/LI/contents/L40202000000.do" class="sp more">국가전거파일 더보기</a> --> <!-- </div> --> <!-- <div class="tab_content tab_3"> --> <!-- <div class="notice_grid"> --> <!-- </a> --> <!-- </div> --> <!-- <a href="/LI/contents/L40203000000.do" class="sp more">월드라이브러리 더보기</a> --> <!-- </div> --> </div> </div> <div class="pop_wrap pop_wrap_modify"> <h2 class="tit">팝업 알리미 <button class="sp play">재생</button> <button class="sp pause">정지</button> </h2> <div class="slider"> <div> <a href="https://librarian.nl.go.kr/LI/contents/L80101000000.do" onclick="ItgJs.popupCnt('224', 'popup')"> <img src="/comm/viewImage.do?f=KfV%2FqbjTjuQ%2F9W0kXoIgIJ9a8UX3Yl%2BSU62NN8e25ifqU%2FxjgWDacuwp3h1D8RnoBnJDBKbMJ%2F5lWqk3p9Hvhg%3D%3D" alt="사서지원서비스 통합누리집 오픈" title="사서지원서비스 통합누리집 오픈"> </a> </div> </div> </div> </div> </div> <!-- //공지사항 팝업알리미 --> <div class="section sec05"> <div class="site_promotion_wrap"> <h3 class="arrow_wrap"> <button class="sp play">재생</button> <button class="sp pause">정지</button> </h3> <div class="slider"> </div> </div> </div> </div> <!-- //container --> <!-- 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="/LI/contents/L50400000000.do">사이트맵</a> </li> <li class="footer-util__item"> <a href="https://librarian.nl.go.kr/LI/contents/L80101000000.do" target="_blank">서비스 이용가이드</a> </li> <li class="footer-util__item"> <a href="https://librarian.nl.go.kr/LI/contents/L101000000000.do">국립중앙도서관 표준지침</a> <!-- <a href="https://localhost/LI/contents/L101000000000.do" target="_blank">국립중앙도서관 표준지침</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">트위터</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.gov.kr/portal/main">정부24</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="https://www.kolaa.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"> <!-- 푸터 로고 --> <div class="logo"> <a href="https://www.nl.go.kr/"> <span class="sp">문화체육관광부 국립중앙도서관</span> </a> </div> <!-- //푸터 로고 --> <!-- 주소, Copyright --> <ul class="contact__list"> <li class="contact__item">우편번호 06579 서울시 서초구 반포대로 201(반포동)</li> <li class="contact__item">문의전화 <span class="tel">02-535-4142 ,</span> <span class="tel">02-590-0500</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> 팩스 02-590-0530 </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--open"> <a target="_blank" href="#none" title="새창열림" onclick="waPopup();"> <img src="/resource/templete/li/common/img/common/wa_240609.png" alt="WA품질인증마크 한국웹접근성평가센터"> </a> </li> <li class="certificate__item item--open"> <a target="_blank" href="http://www.kogl.or.kr/" title="새창열림"> <img src="/resource/templete/li/common/img/common/open.jpg" alt="open 공공누리|공공저작물 자유이용허락"> </a> </li> </ul> <!-- //외부 로고 --> </div> <!-- //국립중앙도서관 정보 --> </div> </div> <!-- include_seoji_detail_form.jsp, include_isni_detail_form.jsp 함수명 중복되지 않도록 주의--> <style> .ui-datepicker-prev { background-image: url('/resource/search/img/search/link_icon_blue_prev.png'); background-repeat: no-repeat; background-size: 50% 50%; background-position: center center; } .ui-datepicker-next { background-image: url('/resource/search/img/search/link_icon_blue.png'); background-repeat: no-repeat; background-size: 50% 50%; background-position: center center; } </style> <script type="text/javascript"> jQuery(function($){ $.datepicker.regional['ko'] = { closeText: '닫기', prevText: '이전달', nextText: '다음달', currentText: '오늘', monthNames: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화','수','목','금','토'], dayNamesMin: ['일','월','화','수','목','금','토'], weekHeader: 'Wk', dateFormat: 'yy-mm-dd', firstDay: 0, isRTL: false, showMonthAfterYear: true, showButtonPanel: true, yearSuffix: '년 '}; $.datepicker.setDefaults($.datepicker.regional['ko']); }); $(document).ready(function(){ $(".input_text.date").datepicker({dateFormat: 'yy/mm/dd',autoclose: true,closeText: '닫기',showButtonPanel: true,onClose: function (e){closePicker()}}).on("changeDate", function(e) { var objName = $(e.currentTarget).attr("id"); var val = $(e.currentTarget).val(); }) var pickerCheck = true; var thisPicker; $(".input_text.date").on("focus",function(){ thisPicker = $(this); if(pickerCheck == true){ if($("#ui-datepicker-div").css("display") == "block"){ $(".ui-datepicker-prev").focus(); $(".ui-datepicker-calendar").prepend('<caption class="ir_text">발행연도 선택 달력</caption>'); //esc $("body").on("keydown",function(e){ if(e.keyCode == 27){ $(".ui-datepicker-close").trigger("click"); } }) } } }) function closePicker(){ pickerCheck = false; thisPicker.focus(); $(".ui-datepicker-close").trigger("click"); pickerCheck = true; $(".hasDatepicker").on("keydown",function(e){ //enter or space if(e.keyCode == 13 || e.keyCode == 32){ thisPicker.blur(); thisPicker.focus(); } }) } /* 셀렉트박스 보이게 하기 */ $(document).on("click", ".select_tit", function () { if($(window).width() < 768) { $(this).next(".select_ul").toggle(); } }) /* 셀렉트 박스 옵션 선택 */ $(document).on("click", ".select_ul a", function () { if($(window).width() < 768) { var text = $(this).text(); $(this).closest('.select_ul').prev(".select_tit").text(text); $(this).closest(".select_ul").toggle(); }else{ var text = $(this).text(); $(this).parents('.depth_list').next(".depth_list").find(".hide_tit").text(text); } }) /* 셀렉트 박스 이외 선택시 보이지 않게 하기 */ }); //상세검색 function goSeojiDetailSearch(){ var f = document.forms["seojiDetailForm"]; var dFlag = false; $('form[name=seojiDetailForm] input[type=text], #seoji_year').each(function(){ if($(this).val() != "") dFlag = true; }); var sYear = f.sYear.value; var eYear = f.eYear.value; if(eYear < sYear){ alert('발행연도 시작일이 종료일보다 큽니다. '); return false; } if(dFlag){ f.action = "/LI/contents/L10501000000.do"; f.submit(); }else{ alert('최소 1개 이상의 검색 조건을 입력하세요'); } } //카테고리 검색 function goSeojiDetailCateSearch(){ var f = document.forms["categoryForm"]; var seojiYearCt = $('#detail02 select[name=seojiYearCt]').val(); var titleCt = $('#detail02 input[name=titleCt]').val(); var sYearCt = $('#detail02 input[name=sYearCt]').val(); var eYearCt = $('#detail02 input[name=eYearCt]').val(); var dFlag = false; $('#detail02 input[type=text], #seojiYearCt').each(function(){ if($(this).val() != "") dFlag = true; }); if(eYearCt < sYearCt){ alert('발행연도 시작일이 종료일보다 큽니다. '); return false; } if(dFlag){ f.action = "/LI/contents/L10501000000.do"; f.seojiYearCt.value = seojiYearCt; f.titleCt.value = titleCt; f.sYearCt.value = sYearCt; f.eYearCt.value = eYearCt; f.submit(); }else{ alert('최소 1개 이상의 검색 조건을 입력하세요'); } } //초기화 function goSeojiDetailreset(parentName){ $('#'+parentName+' input[type=text], #seoji_year, #seojiYearCt').each(function(){ $(this).val(""); }); } //범주검색 function treeCategory(txt, kdcName1s, gName, lv){ //필터링 조건 var seojiYearCt = $('#detail02 select[name=seojiYearCt]').val(); var titleCt = $('#detail02 input[name=titleCt]').val(); var sYearCt = $('#detail02 input[name=sYearCt]').val(); var eYearCt = $('#detail02 input[name=eYearCt]').val(); var dataValue=({"tTypeName":txt,"tkdc1sName":kdcName1s,"fd":gName,"seojiYearCt":seojiYearCt,"titleCt":titleCt,"sYearCt":sYearCt,"eYearCt":eYearCt}); if(lv == 1){ $("#tree_2,#tree_3").html(""); $("form[name=categoryForm] input[name=typeCode]").val(txt); } if(lv == 2) $("#tree_3").html(""); if(gName == 'kdc_name_2s') $("form[name=categoryForm] input[name=kdcName1s]").val(kdcName1s);//중분류 선택시 대분류값 set if(txt == "비도서" && lv == 1){ var r = "<span style='display:none;'>"+lv+"</span>"; r += "<li><a href=\"#\" onclick=\"treeCategory('"+txt+"','','media_name',2)\">매체/형태별</a></li>"; r += "<li><a href=\"#\" onclick=\"treeCategory('"+txt+"','','kdc_name_1s',2)\">주제별</a></li>"; $("#tree_"+lv).html(r); return false; }else if(txt == "정부간행물" && lv == 1){ var r = "<span style='display:none;'>"+lv+"</span>"; r += "<li><a href=\"#\" onclick=\"treeCategory('"+txt+"','','gov_name',2)\">기관명별</a></li>"; r += "<li><a href=\"#\" onclick=\"treeCategory('"+txt+"','','kdc_name_1s',2)\">주제별</a></li>"; $("#tree_"+lv).html(r); return false; } $.ajax({ type: "GET", async: true, dataType: "json", url: "/LI/module/seoji/categoryList.do", data: dataValue, error: function(){}, beforeSend:function(){}, success: function(data){ var r = "<span style='display:none;'>"+lv+"</span>"; $.each(data,function(key,value) { if(gName == "kdc_name_2s" || gName == "media_name" || gName == "gov_name"){//검색결과로 연결 /* r += "<a href=\"#\" onclick=\"alert('검색결과로 이동');\">"+value.name+"("+value.count+")</a>"; */ r += "<li><a href=\"#\" onclick=\"goTreeCategorySearch('"+gName+"','"+value.name+"');\">"+value.name+"("+value.count+")</a></li>"; }else{//범주 검색 var nextLv = lv+1; r += "<li><a href=\"#\" onclick=\"treeCategory('"+txt+"','"+value.name+"','kdc_name_2s',"+nextLv+");\">"+value.name+"("+value.count+")</a></li>"; } }); $("#tree_"+lv).html(r); }, complete:function(e){} }); } //범주검색 요청sYear function goTreeCategorySearch(gName, code){ var hf = document.forms["categoryForm"]; var seojiYearCt = $('#detail02 select[name=seojiYearCt]').val(); var titleCt = $('#detail02 input[name=titleCt]').val(); var sYearCt = $('#detail02 input[name=sYearCt]').val(); var eYearCt = $('#detail02 input[name=eYearCt]').val(); hf.pageNum.value = "1"; if(gName == "kdc_name_2s"){ hf.kdcName2s.value = code; }else if(gName == "media_name"){ hf.mediaName.value = code; }else if(gName == "gov_name"){ hf.govName.value = code; } //필터링정보 hf.seojiYearCt.value = seojiYearCt; hf.sYearCt.value = sYearCt; hf.eYearCt.value = eYearCt; hf.titleCt.value = titleCt; hf.action = "/LI/contents/L10501000000.do"; hf.submit(); } </script> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="detail_seoji_sch"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">상세검색</h1> </div> <div class="popup_contents"> <div class="category_wrap"> <!-- Tab List --> <ul class="category_list" role="tablist"> <li class="category_item detail01" data-controls="detail01" data-index="first" data-selected="true" role="none"><a href="#" role="tab" aria-selected="true">자료검색</a></li> <li class="category_item detail02" data-controls="detail02" role="none"><a href="#" role="tab" aria-selected="false">범주검색</a></li> </ul> <!-- //Tab List --> <div class="category_tabpanel_wrap"> <!-- a태그 click시 class active 추가 --> <div id="detail01" class="category_tabpanel" style="display: block;" title="자료검색"> <form name="seojiDetailForm" action="/LI/contents/L10501000000.do"> <input type="hidden" name="pageNum" value="1"/> <input type="hidden" name="pageSize" value="10"/> <div class="cont_table sch_table"> <table> <caption>국가서지 자료검색 – 수록연도, 검색구분, 표준부호, 분류기호, 자료구분, 발행연도로 구성</caption> <colgroup> <col class="w20p"> <col class="w80p"> </colgroup> <tbody> <tr> <th class="none_mo" scope="row">수록연도</th> <td> <div class="input_select_wrap"> <select id="seoji_year" name="seojiYear" title="수록연도"> <option value="" selected="selected">전체</option> <option value="2012" >2012</option> <option value="2013" >2013</option> <option value="2014" >2014</option> <option value="2015" >2015</option> <option value="2016" >2016</option> <option value="2017" >2017</option> <option value="2018" >2018</option> <option value="2019" >2019</option> <option value="2020" >2020</option> <option value="2021" >2021</option> <option value="2022" >2022</option> <option value="2023" >2023</option> </select> </div> </td> </tr> <tr> <th rowspan="3" class="none_mo" scope="row">검색구분</th> <td> <div class="input_total_wrap"> <div class="input_select_wrap mwid30p"> <select class="select" name="f1" title="첫번째 검색구분"> <option value="" selected="selected">전체</option> <option value="title" >표제</option> <option value="author" >저자명</option> <option value="publisher" >발행자</option> <option value="keyword" >키워드</option> </select> </div> <div class="input_text_wrap input_text_wrap2 mwid70p"> <input type="text" name="v1" value="" class="input_text" title="첫번째 검색구분 검색어"/> </div> <div class="input_select_wrap none_mo"> <label for="boolean_search01" class="ir_text">검색 범위</label> <select class="select" name="and1" id="boolean_search01"> <option value="AND" >AND</option> <option value="OR" >OR</option> <option value="NOT" >NOT</option> </select> </div> </div> </td> </tr> <tr> <td> <div class="input_total_wrap"> <div class="input_select_wrap mwid30p"> <select class="select" name="f2" title="두번째 검색구분"> <option value="" >전체</option> <option value="title" selected="selected">표제</option> <option value="author" >저자명</option> <option value="publisher" >발행자</option> <option value="keyword" >키워드</option> </select> </div> <div class="input_text_wrap mwid70p"> <input type="text" name="v2" value="" class="input_text" title="두번째 검색구분 검색어"/> </div> <div class="input_select_wrap none_mo"> <label for="boolean_search02" class="ir_text">검색 범위</label> <select class="select" name="and2" id="boolean_search02"> <option value="AND" >AND</option> <option value="OR" >OR</option> <option value="NOT" >NOT</option> </select> </div> </div> </td> </tr> <tr> <td> <div class="input_total_wrap"> <div class="input_select_wrap mwid30p"> <select class="select" name="f3" title="세번째 검색구분"> <option value="" >전체</option> <option value="title" >표제</option> <option value="author" selected="selected">저자명</option> <option value="publisher" >발행자</option> <option value="keyword" >키워드</option> </select> </div> <div class="input_text_wrap mwid70p"> <input type="text" name="v3" value="" class="input_text" title="세번째 검색구분 검색어"/> </div> </div> </td> </tr> <tr class="tgl_sch"> <th scope="row">표준부호</th> <td> <div class="input_total_wrap"> <div class="input_select_wrap mwid30p"> <select class="select" name="isbnOp" title="표준부호"> <option value="isbn" selected="selected">ISBN</option> <option value="issn" >ISSN</option> </select> </div> <div class="input_text_wrap input_text_wrap2 mwid70p"> <input type="text" name="isbnCode" value="" class="input_text" title="표준부호 검색어"/> </div> </div> </td> </tr> <tr class="tgl_sch"> <th scope="row">분류기호</th> <td> <div class="input_total_wrap"> <div class="input_select_wrap mwid40p"> <select class="select" name="kdcOp" title="분류기호"> <option value="kdc" selected="selected">KDC(한국십진분류법)</option> <option value="ddc" >DDC(듀이십진분류법)</option> <option value="kdcp" >KDCP(한국십진분류법 박봉석편)</option> <option value="cec" >CEC(조선총독부 신서부분류표)</option> <option value="coc" >COC(조선총독부 고서부분류표)</option> <option value="cwc" >CWC(조선총독부 양서부분류표)</option> </select> </div> <div class="input_text_wrap input_text_wrap2 mwid60p"> <input type="text" name="kdcCode" value="" class="input_text" title="분류기호 검색어"/> </div> </div> </td> </tr> <tr class="tgl_sch"> <th scope="row">자료구분</th> <td> <div class="input_select_wrap"> <select name="typeCode" title="자료구분"> <option value="" selected="selected">전체</option> <option value="일반도서" >일반도서</option> <option value="학위논문" >학위논문</option> <option value="정부간행물" >정부간행물</option> <option value="아동도서" >아동도서</option> <option value="교과서" >교과서</option> <option value="학습참고서" >학습참고서</option> <option value="한장본" >한장본</option> <option value="점자도서" >점자도서</option> <option value="비도서" >비도서</option> <option value="연속간행물" >연속간행물</option> <option value="(국외발행)한국관련자료" >(국외발행)한국관련자료</option> <option value="온라인자료" >온라인자료</option> </select> </div> </td> </tr> <tr class="tgl_sch"> <th scope="row">발행연도</th> <td> <span class="input_date mwid50p"> <label class="btn_date sp" for="sYear"><span class="ir_text">발행연도 조회 시작일</span></label> <input type="text" name="sYear" id="sYear" title="발행연도 조회 시작일" autocomplete="off" maxlength="4" value="" class="input_text date" /> </span> <span class="mwid10">-</span> <span class="input_date mwid50p"> <label class="btn_date sp" for="eYear"><span class="ir_text">발행연도 조회 종료일</span></label> <input type="text" name="eYear" id="eYear" title="발행연도 조회 종료일" autocomplete="off" maxlength="4" value="" class="input_text date" /> </span> </td> </tr> <!-- <tr> <th>수록연도</th> <td> <div class="input_select_wrap"> <select id="" name="" title="언어"> <option selected="" value="" >한국어</option> </select> </div> </td> </tr> --> </tbody> </table> <a href="#none" class="sch_more_btn none_pc on" onclick="$(this).toggleClass('on'); $('.tgl_sch').toggle();">고급검색</a> </div> <div class="btn_wrap is_pair center"> <button type="button" class="btn gray_btn" onclick="goSeojiDetailreset('detail01');">입력 초기화</button> <button type="button" class="btn" onclick="goSeojiDetailSearch();">검색</button> </div> </form> </div> <div id="detail02" class="category_tabpanel" style="display: none;" title="범주검색"> <div class="cont_table sch_table"> <table> <caption>국가서지 범주검색 – 전자책, 표제(필터), 발행연도로 구성</caption> <colgroup> <col class="w20p"> <col class="w80p"> </colgroup> <tbody> <tr> <th class="none_mo" scope="row">전자책</th> <td> <div class="input_select_wrap"> <select id="seojiYearCt" name="seojiYearCt" title="전자책"> <option value="" selected="selected">전체</option> <option value="2012" >대한민국 국가서지 2012</option> <option value="2013" >대한민국 국가서지 2013</option> <option value="2014" >대한민국 국가서지 2014</option> <option value="2015" >대한민국 국가서지 2015</option> <option value="2016" >대한민국 국가서지 2016</option> <option value="2017" >대한민국 국가서지 2017</option> <option value="2018" >대한민국 국가서지 2018</option> </select> </div> </td> </tr> <tr> <th class="none_mo" scope="row">표제(필터)</th> <td> <div class="input_text_wrap"> <input type="text" name="titleCt" id="titleCt" title="표제(필터)" value="" class="input_text" /> </div> </td> </tr> <tr> <th scope="row">발행연도</th> <td> <span class="input_date mwid50p"> <label class="btn_date sp" for="sYearCt"><span class="ir_text">발행연도 조회 시작일</span></label> <input type="text" name="sYearCt" id="sYearCt" title="발행연도 조회 시작일" autocomplete="off" maxlength="4" value="" class="input_text date" /> </span> <span class="mwid10">-</span> <span class="input_date mwid50p"> <label class="btn_date sp" for="eYearCt"><span class="ir_text">발행연도 조회 종료일</span></label> <input type="text" name="eYearCt" id="eYearCt" title="발행연도 조회 종료일" autocomplete="off" maxlength="4" value="" class="input_text date" /> </span> </td> </tr> <!-- <tr> <th>언어</th> <td> <div class="input_select_wrap"> <select id="" name="" title="언어"> <option selected="" value="" >한국어</option> </select> </div> </td> </tr> --> </tbody> </table> </div> <div class="btn_wrap is_pair center"> <button type="button" class="btn gray_btn" onclick="goSeojiDetailreset('detail02');">입력 초기화</button> <button type="button" class="btn" onclick="goSeojiDetailCateSearch();">검색</button> </div> <p class="tit mt20">표제 카테고리 구분</p> <div class="sch_depth_list"> <div class="depth_list"> <div class="select_tit none_pc">선택해주세요.</div> <ul class="select_ul"> <li><a href="#" onclick="treeCategory('(국외발행)','','kdc_name_1s',1)">(국외발행)한국관련자료</a></li> <li><a href="#" onclick="treeCategory('교과서','','kdc_name_1s',1)">교과서</a></li> <li><a href="#" onclick="treeCategory('비도서','','kdc_name_1s',1)">비도서</a></li> <li><a href="#" onclick="treeCategory('아동도서','','kdc_name_1s',1)">아동도서</a></li> <li><a href="#" onclick="treeCategory('연속간행물','','kdc_name_1s',1)">연속간행물</a></li> <li><a href="#" onclick="treeCategory('온라인자료','','kdc_name_1s',1)">온라인자료</a></li> <li><a href="#" onclick="treeCategory('일반도서','','kdc_name_1s',1)">일반도서</a></li> <li><a href="#" onclick="treeCategory('점자도서','','kdc_name_1s',1)">점자도서</a></li> <li><a href="#" onclick="treeCategory('정부간행물','','kdc_name_1s',1)">정부간행물</a></li> <li><a href="#" onclick="treeCategory('학습참고서','','kdc_name_1s',1)">학습참고서</a></li> <li><a href="#" onclick="treeCategory('학위논문','','kdc_name_1s',1)">학위논문</a></li> <li><a href="#" onclick="treeCategory('한장본','','kdc_name_1s',1)">한장본</a></li> </ul> </div> <div class="depth_list"> <h3 class="ir_text hide_tit"></h3> <div class="select_tit none_pc">상위 분류를 선택해주세요.</div> <ul class="select_ul" id="tree_1"> </ul> </div> <div class="depth_list"> <h3 class="ir_text hide_tit"></h3> <div class="select_tit none_pc">상위 분류를 선택해주세요.</div> <ul class="select_ul" id="tree_2"> </ul> </div> <div class="depth_list"> <h3 class="ir_text hide_tit"></h3> <div class="select_tit none_pc">상위 분류를 선택해주세요.</div> <ul class="select_ul" id="tree_3"> </ul> </div> <div class="depth_list"> <h3 class="ir_text hide_tit"></h3> <div class="select_tit none_pc">상위 분류를 선택해주세요.</div> <ul class="select_ul" id="tree_4"> </ul> </div> </div> </div> </div> </div> </div> <button type="button" class="btn_close tail"><span class="sp">닫기</span></button> </div> </div> <!-- 범주검색 form --> <form name="categoryForm"> <input type="hidden" name="pageNum" value="1"/> <input type="hidden" name="typeCode" value=""/> <input type="hidden" name="kdcName1s" value=""/> <input type="hidden" name="kdcName2s" value=""/> <input type="hidden" name="govName" value=""/> <input type="hidden" name="mediaName" value=""/> <input type="hidden" name="seojiYearCt" value=""/> <input type="hidden" name="sYearCt" value=""/> <input type="hidden" name="eYearCt" value=""/> <input type="hidden" name="titleCt" value=""/> </form><!-- 대한민국 국가서지 상세검색 --> <script type="text/javascript"> $(document).ready(function(){ $(".input_text.date").datepicker({minViewMode: 'years',format: 'yyyy', showButtonPanel: true}).on("changeDate", function(e) { var objName = $(e.currentTarget).attr("id"); var val = $(e.currentTarget).val(); }); /* 셀렉트박스 보이게 하기 */ $(document).on("click", ".select_tit", function () { if($(window).width() < 768) { $(this).next(".sch_list_depth01").toggle(); } }) /* 셀렉트 박스 옵션 선택 */ $(document).on("click", ".sch_list_depth01 > li > a", function () { if($(window).width() < 768) { var text = $(this).text(); $(this).closest('.sch_list_depth01').prev(".select_tit").text(text); $(this).closest(".sch_list_depth01").toggle(); } }) }); //[상세검색창]전거구분 function setDetailForm(obj){ var acType = $(obj).val(); if(acType == "1"){//단체명 $('#detailIsniDetail div.cont_table table tr').eq(4).hide();//직업찾기 $('#detailIsniDetail div.cont_table table tr').eq(5).show();//유형찾기 $('#detailIsniDetail div.cont_table table tr').eq(1).find("th").text("전거제어번호[KAB]"); }else{ $('#detailIsniDetail div.cont_table table tr').eq(4).show();//직업찾기 $('#detailIsniDetail div.cont_table table tr').eq(5).hide();//유형찾기 $('#detailIsniDetail div.cont_table table tr').eq(1).find("th").text("전거제어번호[KAC]"); } } //[상세검색] 검색요청 function goIsniDetailSearch(){ var f = document.forms['detailForm']; var dFlag = false; $('form[name=detailForm] input[type=text]').each(function(){ if($(this).val() != "") dFlag = true; }); var detailBirth = f.detailBirth.value; var detailDeath = f.detailDeath.value; if(detailDeath < detailBirth){ alert('연도 시작일이 종료일보다 큽니다.'); return false; } if(dFlag){ if(f.val.value != ""){ var logType = (f.acType.value == "1")?"단체명":"개인명"; //console.log("저자검색 로그::lau_code01:"+f.acType.value+",lau_code02:"+f.val.value); nLogger.event("weblog/click.event", { lau_code01: logType, lau_code02: f.val.value}); // lau_code01: 개인명, 단체명 | lau_code02: "검색어" } f.submit(); }else{ alert('최소 1개 이상의 검색 조건을 입력하세요'); } } //[상세검색]입력창 초기화 function detailFormReset(){ $('form[name=detailForm] input[type=text]').each(function(){ $(this).val(""); }); } //[상세검색]분야찾기 function goDetailCode(obj, codeType, codeLevel, recKey, viewTxt){ var dataValue=({"codeType":codeType,"codeLevel":codeLevel,"recKey":recKey}); var apiUrl = "/LI/module/isni/getDetailCodeData.do"; if(codeLevel > 1) apiUrl = "/LI/module/isni/getChangeNextCodeData.do"; $.ajax({ type: "GET", async: true, dataType: "json", url: apiUrl, data: dataValue, error: function(){}, beforeSend:function(){ if(codeLevel == 1){ $('ul[id^="dCode'+codeType+'Lv"]').html(""); $('#chooseDetailCode_'+codeType+'_List').html(""); } }, success: function(data){ var liStr = ""; //if(((codeType == '2' || codeType == 'A') && codeLevel == 2) || ((codeType == '3' || codeType == 'B') && codeLevel == 3)) liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseAllCode('"+codeType+"','"+viewTxt+"', this);\">전체</a></li>"; if((codeType == '2' || codeType == 'A') && codeLevel == 2){ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseAllCode('"+codeType+"','"+viewTxt+"', this);\">전체</a></li>"; }else if(codeType == 'B' && codeLevel == 3){ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseAllCode('"+codeType+"','"+viewTxt+"', this);\">전체</a></li>"; }else if(codeType == '3'){ if(recKey != '999999999' && codeLevel == 2){//지역찾기 북한제외 2레벨 전체 추가 liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseAllCode('"+codeType+"','"+viewTxt+"', this);\">전체</a></li>"; }else if(codeLevel == 3){//북한 지역 3레벨 전체 추가 liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseAllCode('"+codeType+"','"+viewTxt+"', this);\">전체</a></li>"; } } $.each(data.search_code, function(name, value){//hov var acValue = value.AC_VALUE; if(acValue.indexOf("기타") == -1 && acValue.indexOf("(") != -1){//단체명 > 유형 기타 제외 ()문구 제거 acValue = acValue.substring(0, acValue.indexOf("(")) } else if(acValue.indexOf("[") != -1){ acValue = acValue.substring(0, acValue.indexOf("[")) } if(codeType == '2'|| codeType == 'A'){//분야찾기, 유형찾기 if(codeLevel == 2){ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseDetailCode('"+codeType+"','"+viewTxt+"','"+acValue+"', this);\">"+acValue+"</a></li>"; }else{ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goDetailCode(this, '"+codeType+"', "+(codeLevel+1)+", '"+value.REC_KEY+"','"+acValue+"');\">"+acValue+"</a></li>"; } }else if(codeType == '3' ){//지역찾기 if((recKey != '999999999' && codeLevel == 2) || codeLevel == 3 || (codeLevel == 2 && acValue == "나선시")){ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseDetailCode('"+codeType+"','"+viewTxt+"','"+acValue+"', this);\">"+acValue+"</a></li>"; }else{ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goDetailCode(this, '"+codeType+"', "+(codeLevel+1)+", '"+value.REC_KEY+"','"+acValue+"');\">"+acValue+"</a></li>"; } }else if(codeType == 'B' ){//직업찾기 if(codeLevel == 3){ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goChooseDetailCode('"+codeType+"','','"+acValue+"', this);\">"+acValue+"</a></li>"; }else{ liStr += "<li><a href=\"#none\" class=\"\" onclick=\"goDetailCode(this, '"+codeType+"', "+(codeLevel+1)+", '"+value.REC_KEY+"','"+acValue+"');\">"+acValue+"</a></li>"; } } }); if(codeLevel > 1){ /* $(obj).parent().parent().find('li a').removeClass("hov"); $(obj).addClass("hov"); $('#dCode'+codeType+' > li ul.sch_list_depth0'+(codeLevel)).remove(); $(obj).parent().append("<ul class=\"sch_depth sch_list_depth0"+(codeLevel)+"\">"+liStr+"</ul>"); $(obj).closest("ul").find('ul').find('li').hide(); $(obj).closest("li").children('ul').children('li').css('display','inline-block'); if(codeType == '3' && recKey != '999999999' && codeLevel == 2) $('#dCode'+codeType+' > li ul.sch_list_depth0'+(codeLevel)).css("overflow","auto");//지역 북한 제외 세로 스크롤 */ //$('#dCode'+codeType+'Lv'+(codeLevel-1)+' li a').removeClass("active"); //$(obj).addClass("active"); $(obj).parent().siblings().children('a').removeClass("active"); $(obj).parent().siblings().children('a').removeAttr("title"); $(obj).addClass("active"); $(obj).attr("title","선택됨"); $('#dCode'+codeType+'Lv'+codeLevel).html(liStr);//변경 }else{ $('#dCode'+codeType+'Lv'+codeLevel).html(liStr); } if(codeLevel == 1 || codeLevel == 2){ $('.sch_list_depth03 li').remove(); } }, complete:function(e){ setCodeHov(codeType, $('#dCode'+codeType+'Lv'+codeLevel));//hov 처리 } }); } //[전체]선택 function goChooseAllCode(gbCode,regionVal, obj){ //$('#chooseDetailCode_'+gbCode+'_List').html("");//전체 선택시 초기화 $(obj).parent().parent().find("a").each(function(){ //if($(this).text() != "전체") $(this).click(); var codeTxt = $(this).text(); if(codeTxt != "전체"){ var viewVal = (gbCode == "3")?regionVal+" "+codeTxt:codeTxt; $('#chooseDetailCode_'+gbCode+'_List').append("<a href=\"#none\" onclick=\"goRemoveChooseCode('"+gbCode+"', this);\" data-detail-code=\""+codeTxt+"\" aria-label='"+viewVal+" 분야 삭제'>"+viewVal+"<span class='ir_text'>검색어에서 삭제</span></a>"); } }); setCodeHov(gbCode, $(obj).parent().parent());//active 처리 } //[코드찾기]클릭 이벤트 function goChooseDetailCode(gbCode,regionVal,val, obj){ var rFlag = false; var viewVal = (gbCode == "3")?regionVal+" "+val:val; $('#chooseDetailCode_'+gbCode+'_List').find("a").each(function(){ ////중복체크 if($(this).text() == viewVal) rFlag = true; }); //최대 개수 체크 /* if($('#chooseDetailCode_'+gbCode+'_List').find("a").size() >= 10){ alert('최대 10개 까지 선택 가능합니다.'); rFlag = true; } */ if(!rFlag) $('#chooseDetailCode_'+gbCode+'_List').append("<a href=\"#none\" onclick=\"goRemoveChooseCode('"+gbCode+"', this);\" data-detail-code=\""+val+"\" aria-label='"+viewVal+" 분야 삭제'>"+viewVal+"<span class='ir_text'>검색어에서 삭제</span></a>"); setCodeHov(gbCode, $(obj).parent().parent());//active 처리 } //선택 코드 제거 function goRemoveChooseCode(gbCode, obj){ $(obj).remove(); setCodeHov(gbCode,$('#dCode'+gbCode+'Lv1,#dCode'+gbCode+'Lv2,#dCode'+gbCode+'Lv3'));//hov 처리 } //[코드찾기]적용 이벤트 function goDetailFormSetCode(listId, name){ var listVal = ""; var regionListVal = ""; $('#'+listId+' > a').each(function(i){ if(i != 0){ listVal += ","; regionListVal += ","; } listVal += $(this).data("detail-code"); regionListVal += $(this).text(); }); if(name == "detailRegion"){//지역 $('form[name=detailForm] input[name='+name+']').val(listVal); $('form[name=detailForm] input[name='+name+'View]').val(regionListVal); }else{ $('form[name=detailForm] input[name='+name+']').val(listVal); } $('#'+listId).parent().parent().find('button.btn_close').click();//닫기 } //[코드찾기]초기화 function goDetailFormResetCode(listId){ $('#chooseDetailCode_'+listId+'_List').html(""); setCodeHov(listId,$('#dCode'+listId+'Lv1,#dCode'+listId+'Lv2,#dCode'+listId+'Lv3')); } //hov 처리 function setCodeHov(code, obj){ $(obj).find('li a').removeClass("active"); $('#chooseDetailCode_'+code+'_List').find("a").each(function(){ //중복체크 if(code == '3'){//지역 var region = $(this).text().split(" "); var activeRegion = $(obj).prev().find("li a.active").text(); if(region[0] == activeRegion){ var text = $(this).data("detail-code"); $(obj).find('li a').filter(function() {return $(this).text() === text;}).addClass("active"); } }else{ var text = $(this).data("detail-code"); $(obj).find('li a').filter(function() {return $(this).text() === text;}).addClass("active"); } }); //if(callback !== undefined) callback(code); } </script> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="detail_isni_sch"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">상세검색</h1> </div> <div id="detailIsniDetail" class="popup_contents"> <form id="detailForm" name="detailForm" action="/LI/contents/L20101000000.do" method="GET"> <input type="hidden" name="searchType" value="detail"> <input type="hidden" name="page" value="1"> <input type="hidden" name="pageSize" value="10"> <div class="cont_table sch_table"> <table> <caption>국가전거 상세검색 - 전거구분, 전거제어번호[KAC], ISNI번호, 연도, 활동분야, 직업, 지역, 창작물명, 표준식별자, 키워드로 구성 </caption> <colgroup> <col class="w20p"> <col class="w80p"> </colgroup> <tbody> <tr> <th>전거구분</th> <td> <div class="input_select_wrap mwid30p"> <select name="acType" id="acType" title="전거 종류 - 개인명/단체명" onchange="setDetailForm(this);"> <option value="0">개인명</option> <option value="1">단체명</option> </select> </div> <div class="input_text_wrap wid200 mwid70p"> <input type="text" name="val" id="val" title="개인명/단체명" value="" class="input_text" /> </div> </td> </tr> <!-- <tr> <th>개인명</th> <td> <div class="input_text_wrap"> <input type="text" name="val" id="name" title="개인명" value="" class="input_text" /> </div> </td> </tr> --> <tr> <th>전거제어번호[KAC]</th> <td> <input type="hidden" name="detailAcControlName" value="KAC"> <div class="input_text_wrap"> <input type="text" name="detailAcControlNo" id="pw" title="전거제어번호" value="" class="input_text" /> </div> </td> </tr> <tr> <th>ISNI 번호</th> <td> <div class="input_text_wrap"> <input type="text" name="isni" title="ISNI번호" value="" class="input_text" /> </div> </td> </tr> <tr> <th>연도</th> <td> <span class="input_date mwid50p"> <label class="btn_date sp" for="detailBirth"><span class="ir_text">생성시기 시작년도</span></label> <input type="text" name="detailBirth" id="detailBirth" title="생성시기 시작년도" autocomplete="off" value="" class="input_text date" /> </span> <span class="mwid10">-</span> <span class="input_date mwid50p"> <label class="btn_date sp" for="detailDeath"><span class="ir_text">생성시기 종료년도</span></label> <input type="text" name="detailDeath" id="detailDeath" title="생성시기 종료년도" autocomplete="off" value="" class="input_text date" /> </span> </td> </tr> <tr> <th>활동분야</th> <td> <div class="input_text_wrap"> <input type="text" name="detailActivity" id="field" title="활동분야" value="" class="input_text" /> </div> <button type="button" data-layer="field_sch" class="btn btn_layer" onclick="goDetailCode(this, '2', 1, '', '');">분야찾기</button> </td> </tr> <tr> <th>직업</th> <td> <div class="input_text_wrap"> <input type="text" name="detailJob" id="professional" title="직업" value="" class="input_text" /> </div> <button type="button" data-layer="job_sch" class="btn btn_layer" onclick="goDetailCode(this, 'B', 1, '', '');">직업찾기</button> </td> </tr> <tr style="display:none"> <th>단체유형</th> <td> <div class="input_text_wrap"> <input type="text" name="detailOrgType" id="group_ac" title="단체유형" value="" readonly="" class="input_text" /> </div> <button type="button" data-layer="org_type_sch" class="btn btn_layer" onclick="goDetailCode(this, 'A', 1, '');">유형찾기</button> </td> </tr> <tr> <th>지역</th> <td> <div class="input_text_wrap"> <input type="hidden" name="detailRegion" id="area" title="지역" value=""> <input type="text" name="detailRegionView" id="area_ac" title="지역" value="" readonly="" class="input_text" /> </div> <button type="button" data-layer="area_sch" class="btn btn_layer" onclick="goDetailCode(this, '3', 1, '');">지역찾기</button> </td> </tr> <tr> <th>창작물명</th> <td> <div class="input_text_wrap"> <input type="text" name="detailResourceName" id="creation" title="창작물명" value="" class="input_text" /> </div> </td> </tr> <tr> <th>표준식별자</th> <td> <div class="input_select_wrap mwid30p"> <select name="detailIdentiType" id="detailIdentiType" title="표준식별자 종류 선택"> <option value="ISBN" selected>ISBN</option> <option value="ISSN" >ISSN</option> <option value="ISAN" >ISAN</option> <option value="DOI" >DOI</option> <option value="UCI" >UCI</option> </select> </div> <div class="input_text_wrap wid200 mwid70p"> <input type="text" name="detailIdentiNo" id="detailIdentiNo" title="표준식별번호" value="" class="input_text" /> </div> </td> </tr> <tr> <th>키워드</th> <td> <div class="input_text_wrap"> <input type="text" name="detailKeyword" id="keyword" title="키워드" value="" class="input_text" /> </div> </td> </tr> </tbody> </table> </div> <div id="detailCode1"></div> <div id="detailCode2"></div> <div class="btn_wrap is_pair center"> <button type="button" class="btn gray_btn" onclick="detailFormReset()">입력 초기화</button> <button type="button" class="btn" onclick="goIsniDetailSearch();">검색</button> </div> </form> </div> <button type="button" class="btn_close tail"><span class="sp">닫기</span></button> </div> </div> <!-- 분야찾기 --> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="field_sch"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">상세검색</h1> <button type="button" class="btn_close"><span class="sp">닫기</span></button> </div> <div class="popup_contents"> <div class="sch_list_menu depth_sch_list depth02"> <div class="select_tit">선택하세요.</div> <ul id="dCode2Lv1" class="sch_depth sch_list_depth01"></ul> <ul id="dCode2Lv2" class="sch_depth sch_list_depth02"></ul> </div> <h5 class="tit mt20">분야 선택</h5> <div id="chooseDetailCode_2_List" class="sch_box"> <!-- <a href="#none">한국수필</a> <a href="#none">한국수필</a> --> </div> <div class="btn_wrap center"> <button type="button" class="btn btn gray_btn" onclick="goDetailFormResetCode('2');">초기화</button> <button type="button" class="btn" onclick="goDetailFormSetCode('chooseDetailCode_2_List','detailActivity');">적용</button> </div> </div> </div> </div> <!-- 직업찾기 --> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="job_sch"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">상세검색</h1> <button type="button" class="btn_close"><span class="sp">닫기</span></button> </div> <div class="popup_contents"> <div class="sch_list_menu depth_sch_list"> <div class="select_tit">선택하세요.</div> <ul id="dCodeBLv1" class="sch_depth sch_list_depth01"></ul> <ul id="dCodeBLv2" class="sch_depth sch_list_depth02"></ul> <ul id="dCodeBLv3" class="sch_depth sch_list_depth03"></ul> </div> <h5 class="tit mt20">직업 선택</h5> <div id="chooseDetailCode_B_List" class="sch_box"> <!-- <a href="#none">프로파일러</a><a href="#none">경찰관</a> --> </div> <div class="btn_wrap center"> <button type="button" class="btn btn gray_btn" onclick="goDetailFormResetCode('B');">초기화</button> <button type="button" class="btn" onclick="goDetailFormSetCode('chooseDetailCode_B_List','detailJob');">적용</button> </div> </div> </div> </div> <!-- 유형찾기 --> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="org_type_sch"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">상세검색</h1> <button type="button" class="btn_close"><span class="sp">닫기</span></button> </div> <div class="popup_contents"> <div class="sch_list_menu depth_sch_list"> <div class="select_tit">선택하세요.</div> <ul id="dCodeALv1" class="sch_depth sch_list_depth01"></ul> <ul id="dCodeALv2" class="sch_depth sch_list_depth02"></ul> <ul id="dCodeALv3" class="sch_depth sch_list_depth03"></ul> </div> <h5 class="tit mt20">직업 선택</h5> <div id="chooseDetailCode_A_List" class="sch_box"> <!-- <a href="#none">프로파일러</a><a href="#none">경찰관</a> --> </div> <div class="btn_wrap center"> <button type="button" class="btn btn gray_btn" onclick="goDetailFormResetCode('A');">초기화</button> <button type="button" class="btn" onclick="goDetailFormSetCode('chooseDetailCode_A_List','detailOrgType');">적용</button> </div> </div> </div> </div> <!-- 지역찾기 --> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="area_sch"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">상세검색</h1> <button type="button" class="btn_close"><span class="sp">닫기</span></button> </div> <div class="popup_contents"> <div class="sch_list_menu depth_sch_list"> <div class="select_tit">선택하세요.</div> <ul id="dCode3Lv1" class="sch_depth sch_list_depth01"></ul> <ul id="dCode3Lv2" class="sch_depth sch_list_depth02"></ul> <ul id="dCode3Lv3" class="sch_depth sch_list_depth03"></ul> </div> <h5 class="tit mt20">지역 선택</h5> <div id="chooseDetailCode_3_List" class="sch_box"> <!-- <a href="#none">강릉</a> --> </div> <div class="btn_wrap center"> <button type="button" class="btn btn gray_btn" onclick="goDetailFormResetCode('3');">초기화</button> <button type="button" class="btn" onclick="goDetailFormSetCode('chooseDetailCode_3_List','detailRegion');">적용</button> </div> </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: "librarian", 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> <!-- //웹로그 솔루션 --> <!-- loading layar --> <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> <!-- loading layar --> </div> <!-- //footer --> <!-- 위로가기 --> <div class="fixed_btn_wrap"> <a href="#">위로</a> </div> <!-- //위로가기 --> <script type="text/javascript"> $(document).ready(function(){ /* 통합검색 자동완성 */ $(".schKwd").keyup(function() { var akc_enable = akc_getCookie(); //자동완성 1:켜기, 0:끄기 //if(!$(".autocomplete_layer").hasClass("is_collapsed")){ //자동완성 끄기 해제시 if(akc_enable == 1){ var term = $(this).val(); if(!ItgJs.fn_isEmpty(term)){ $.ajax({ url : "/NL/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); $(".result_list").refreshAutoList(suggest); } , error : function(jqXHR,textStatus,e){ //alert("결과 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } //} }else{//자동완성 미사용 $('div.autocomplete_layer').addClass('is_collapsed'); $(".result_list").refreshAutoList(""); } }); /* 내서재 - 연구자정보서비스정보 표출 여부 */ var researchYn = 'false'; /* 내서재 - 회원가입 표출 여부 */ var loginYn = 'false'; if(loginYn == 'true'){ $('#SNB_N60300000000').hide(); } /* 책읽어주는 도서관 이미지로딩실패시 기본이미지처리 */ $(".bookReadImg").each( function(i, ele){ var uri = "/resource/common/img/noimage_audio.gif"; //이미 load된 이미지들을 처리하기 위한 코드 // if((typeof this.naturalWidth != "undefined" && this.naturalWidth == 0 ) || this.readyState == 'uninitialized' ) {//국중AS-IS조건 if( ele.src != '' && ele.complete == true && ele.naturalWidth == 0 ){ $(this).attr('src', uri ); } //load되지 않은 이미지들은 load와 error 이벤트를 추가해준다 $(this).load( function(n){ //do nothing }).error( function(){ $(this).attr("src", uri ); }); }); }); /** * <a href="#">링크</a> * 위와 같은 형태로 된 링크를 '#'동작이 먹지 않게 막는다. */ $(document).delegate("a[href='#']","click",function(event){ event.preventDefault(); }); $(document).delegate("a[href='#none']","click",function(event){ event.preventDefault(); }); //자동완성 쿠키 function akc_setCookie(bool) { var akc_cookie = 0; var todayDate; if(bool) { akc_cookie = "1"; akc_enable = "1"; $('div.autocomplete_layer').removeClass('is_collapsed'); } else { akc_enable = "0"; $('div.autocomplete_layer').addClass('is_collapsed'); } todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 3650); document.cookie = "KonanAKC=" + escape(akc_cookie) + "; path=/; expires=" + todayDate.toGMTString(); $('div.autocomplete_layer').removeClass('is_expanded'); $(".result_list").refreshAutoList(""); } function akc_getCookie() { var bool=false; var allcookies; var pos; var start; var end; var akc_cookie; allcookies = document.cookie; pos = allcookies.indexOf("KonanAKC="); if ( pos==-1 ) return "1"; start = pos + 9; end = allcookies.indexOf(";",start); if (end == -1) end = allcookies.length; akc_cookie = allcookies.substring(start,end); akc_cookie = unescape(akc_cookie); return akc_cookie; } //[자동완성 목록 갱신] $.fn.refreshAutoList = function(str){ var listStr = str; //최초 수행 버튼 var akc_enable = akc_getCookie(); //자동완성 1:켜기, 0:끄기 var closeBtn = "<button type=\"button\" class=\"autocomplete_close\" onclick=\"akc_setCookie(0);\">자동완성 끄기</button>"; if(akc_enable == 1){ closeBtn = "<button type=\"button\" class=\"autocomplete_close\" onclick=\"akc_setCookie(0);\">자동완성 끄기</button>"; $('.search-btn-wrap .btn_arrow .arrow_fold').removeClass('is_collapsed'); }else{ closeBtn = "<button type=\"button\" class=\"autocomplete_close\" onclick=\"akc_setCookie(1);\">자동완성 켜기</button>"; listStr = "<li class='item'><a href=\"javascript:void(0);\">자동완성이 꺼져있습니다.</a></li>"; $('.search-btn-wrap .btn_arrow .arrow_fold').addClass('is_collapsed'); } $('.autocomplete_layer div.btn_wrap').html(closeBtn);//자동완성 켜기끄기 버튼 $(this).html(listStr); } </script><!-- 본문 영역 --> <!-- 본문 영역 --> <!--footer--> <!--//footer--> <!-- <script> </script> --> </body> </html>