대한민국 국회도서관

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="title" content="국회도서관"> <meta name="description" content="국회도서관 정보검색과 원문보기를 제공합니다."> <meta name="keyword" content="국회전자도서관, 국회도서관, 자료검색, 도서, 학위논문, 국내학술지"> <meta name="copyright" content="Copyright(c) 대한민국 국회도서관. ALL RIGHTS RESERVED.">  <meta name="format-detection" content="telephone=no"> <meta property="og:type" content="website"> <meta property="og:title" content="국회도서관"> <meta property="og:description" content="국회도서관 정보검색과 원문보기를 제공합니다."> <title>대한민국 국회도서관</title> <script> if(window.location.pathname == "/" && sessionStorage.getItem("isMobile") != null && sessionStorage.getItem("isMobile") == "true"){ window.location.href="/m/main.do"; } </script>  <link rel="stylesheet" href="/css/chatbot.css?v=20250310" type="text/css" /> <link rel="stylesheet" href="/css/style.css?v=20250310" type="text/css" /> <link rel="stylesheet" href="/css/members.css?v=20250310" type="text/css" /> <link rel="stylesheet" href="/css/datasearch.css?v=20250310" type="text/css" /> <link rel="stylesheet" href="/style/ko/footable.bootstrap.css?v=20250310">  <link rel="stylesheet" href="/plugin/jquery/jquery-ui.css">  <link rel="stylesheet" href="/plugin/rangechart/Nwagon.css"> <link rel="stylesheet" href="/plugin/jquery/jquery.modal.min.css">  <link rel="stylesheet" href="/css/tempdev.css?v=20250310">  <style type="text/css"> .pop_apply.modal a#closeModal { display: none; } </style>  <script src="/js/weblog/UserScriptConf.js?v=20250310"></script>  <script src="/js/jquery.min.js?v=20250310"></script> <script src="/plugin/jquery/jquery-1.8.3.min.js?v=20250310"></script> <script src="/js/slick.js?v=20250310"></script> <script src="/js/ui.js?v=20250310"></script> <script src="/js/jquery-ui.min.js?v=20250310"></script> <script src="/plugin/jquery/jquery.modal.min.js?v=20250310"></script> <script src="/plugin/jquery/jquery-ui-1.9.2.custom.min.js?v=20250310"></script> <script src="/script/search/brief.js?v=20250310"></script> <script src="/plugin/rangechart/Nwagon.js?v=20250310"></script> <script src="/script/lib.js?v=20250310"></script> <script src="/script/sub.js?v=20250310"></script> <script src="/script/search/common.js?v=20250310"></script> <script src="/script/search/autocomplete.js?v=20250310"></script> <script src="/script/search/facet.js?v=20250310"></script> <script src="/script/mobile.js?v=20250310"></script> <script src="/script/class/AjaxUtil.class.js"></script> <script src="/script/class/JSUtil.class.js"></script> <script src="/script/class/Logger.class.js"></script> <script src="/script/class/PopupUtil.class.js"></script> <script src="/script/prototype/Array.prototype.js"></script> <script src="/script/prototype/String.prototype.js"></script> <script src="/script/popup.js?v=20250310"></script> <script src="/script/footable.js?v=20250310"></script> </head> <body id="subTemplateBody"> <script> var INTERNET_R = ""; </script> <script src="/js/header.js?v=20250310"></script> <script src="/script/qrcode.js"></script> <div id="skiptoContent"> <a href="#pageUi">본문 바로가기</a> <a href="#gnbMenu">주메뉴 바로가기</a> </div> <header> <div class="toplink"> <div class="box"> <div class="cola"> <a href="https://assembly.go.kr/portal/na/agenda/agendaSchl.do?menuNo=600015" id="agendaSchlUrl" target="_blank" title="">22대 대한민국 국회</a> <a href="https://www.assembly.go.kr/portal/pop/popInfoService.do" target="_blank" title="국회정보길라잡이">국회정보길라잡이</a> <a href="https://www.assembly.go.kr/portal/cnts/cntsCont/dataA.do?cntsDivCd=NAAS&menuNo=600137" target="_blank" title="국회의원검색 페이지 새창열기">국회의원검색</a> </div>  <form method="post" id="headerSearchForm" name="headerSearchForm" action=""> <input type="hidden" id="queryText" name="queryText" value=""> <div class="search_box">  <input type="hidden" id="zone" name="zone" value="ALL_NI_TOC"/> <label for="searchQuery">키워드</label> <input type="text" id="searchQuery" name="searchQuery" autocomplete="off" onkeydown="if(event.keyCode == 13) searchInnerListHeader();" placeholder="정보검색" /> <button class="btn" type="button" id="headerSearchBtn">검색</button> </div> </form> <div class="colb"> <div class="side"> <a href="/login.do" title="로그인하기">로그인</a> <a href="https://www.nanet.go.kr/english/main.do">English</a> </div> </div> </div> </div> <div class="header"> <div class="logo"> <a href="https://www.nanet.go.kr/main.do">국회도서관</a> </div> <nav id="gnbMenu"> <ul class="gnb"> <li class="depth1"> <a href="/main.do">정보검색</a> <ul class="depth2"> <li><a href="/main.do">소장정보 검색</a></li> <li><a href="https://www.nanet.go.kr/datasearch/webdb/selectParliamentDBList.do">Web-DB</a></li> <li><a href="https://www.nanet.go.kr/openaccess/openAccessList.do">오픈액세스 저널</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/acdemShareView.do">학술연구자정보</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/cloudView.do">국가학술정보</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/knowShareView.do">지식공유</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/uciView.do">디지털콘텐츠식별체계</a></li> </ul> </li> <li class="depth1"> <a href="https://www.nanet.go.kr/lowcontent/etccontents/lowInfoServiceView.do">입법지원서비스</a> <ul class="depth2"> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/lowInfoServiceView.do">의회법률정보포털</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/nsp.do">국가전략정보포털</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyPolicyDataDBView.do">국회의원 정책자료</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyNationBodoData.do">국회·국회의원 보도자료</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/argos.do">AI의정분석서비스 아르고스</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/communityView.do">국회지방의회의정포털</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyRecordInfoView.do">국회기록정보</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyBigDataSet.do">국회회의록 빅데이터</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/dokdoIntro.do">독도홈페이지</a></li> </ul> </li> <li class="depth1"> <a href="https://www.nanet.go.kr/datasearch/commant/selectWeekCommantList.do">책이야기</a> <ul class="depth2"> <li><a href="https://www.nanet.go.kr/datasearch/commant/selectWeekCommantList.do">금주의 서평</a></li> <li><a href="https://www.nanet.go.kr/datasearch/weeknewbook/selectWeekNewBookList.do">신간</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/monthLibView.do">월간 국회도서관</a></li> <li><a href="http://nalwebzine.nanet.go.kr/">국회도서관 웹진</a></li> <li><a href="https://www.nanet.go.kr/bookstory/recommendbook/selectRecommendBookList.do">국회의원 추천도서</a></li> <li><a href="https://www.nanet.go.kr/eBook/eBookInfo.do">전자책·오디오북</a></li> <li><a href="/theme/collection.do">북 큐레이션</a></li> <li><a href="https://www.nanet.go.kr/bookstory/curation/selectVideoCurationList.do">영상 큐레이션</a></li> </ul> </li> <li class="depth1"> <a href="https://www.nanet.go.kr/usermadang/notice/noticeList.do">이용자마당</a> <ul class="depth2"> <li><a href="https://www.nanet.go.kr/usermadang/notice/noticeList.do">공지사항</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/libUseUserTimeView.do">이용안내</a></li> <li><a href="https://www.nanet.go.kr/usermadang/cultEvt/cultEvtList.do">문화행사</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/nightUseReqView.do">신청 및 예약</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/clView.do">납본·기증</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/openApiView.do">Open API</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/faqServiceList.do">게시판</a></li> </ul> </li> <li class="depth1"> <a href="https://www.nanet.go.kr/libintroduce/etc/greetingView.do">도서관소개</a> <ul class="depth2"> <li><a href="https://www.nanet.go.kr/libintroduce/etc/greetingView.do">국회도서관</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/selectDataPubList.do">개방·공유</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/infomationView.do">자료실</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/libDirectView.do">오시는 길</a></li> </ul> </li> </ul> </nav> <div class="side"> <button class="btn_search" type="button">검색</button> <button class="btn_allMenu" type="button"><span>전체메뉴</span></button> <div class="allMenu"> <div class="inner"> <p class="tit ">전체메뉴</p> <div class="mobile_head"> <div class="utill"></div> </div> <div class="menu_box"> <div class="menu"> <ul> <li class="dep1"> <a href="#none;" class="has_child">정보검색</a> <ul class="dep2"> <li><a href="/main.do">소장정보 검색</a></li> <li><a href="https://www.nanet.go.kr/datasearch/webdb/selectParliamentDBList.do">Web-DB</a></li> <li><a href="https://www.nanet.go.kr/openaccess/openAccessList.do">오픈액세스 저널</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/acdemShareView.do">학술연구자정보</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/cloudView.do">국가학술정보</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/knowShareView.do">지식공유</a></li> <li><a href="https://www.nanet.go.kr/comnet/knowshare/uciView.do">디지털콘텐츠식별체계</a></li> </ul> </li> <li class="dep1"> <a href="#none;" class="has_child">입법지원서비스</a> <ul class="dep2"> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/lowInfoServiceView.do">의회법률정보포털</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/nsp.do">국가전략정보포털</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyPolicyDataDBView.do">국회의원 정책자료</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyNationBodoData.do">국회·국회의원 보도자료</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/argos.do">AI의정분석서비스 아르고스</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/communityView.do">국회지방의회의정포털</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyRecordInfoView.do">국회기록정보</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/assemblyBigDataSet.do">국회회의록 빅데이터</a></li> <li><a href="https://www.nanet.go.kr/lowcontent/etccontents/dokdoIntro.do">독도홈페이지</a></li> </ul> </li> <li class="dep1"> <a href="#none;" class="has_child">책이야기</a> <ul class="dep2"> <li><a href="https://www.nanet.go.kr/datasearch/commant/selectWeekCommantList.do">금주의 서평</a></li> <li><a href="https://www.nanet.go.kr/datasearch/weeknewbook/selectWeekNewBookList.do" class="has_child2">신간</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/datasearch/weeknewbook/selectWeekNewBookList.do">금주의 신간</a></li> <li><a href="https://www.nanet.go.kr/datasearch/weeklyarticle/selectWeeklyarticleList.do">국내 주간지 기사</a></li> <li><a href="https://www.nanet.go.kr/datasearch/foreignlibdata/selectForeignLibDataList.do">외국도서관 기증자료</a></li> </ul> </li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/monthLibView.do">월간 국회도서관</a></li> <li><a href="http://nalwebzine.nanet.go.kr/">국회도서관 웹진</a></li> <li><a href="https://www.nanet.go.kr/bookstory/recommendbook/selectRecommendBookList.do">국회의원 추천도서</a></li> <li><a href="https://www.nanet.go.kr/eBook/eBookInfo.do">전자책·오디오북</a></li> <li><a href="/theme/collection.do">북 큐레이션</a></li> <li><a href="https://www.nanet.go.kr/bookstory/curation/selectVideoCurationList.do">영상 큐레이션</a></li> </ul> </li> <li class="dep1"> <a href="#none;" class="has_child">이용자마당</a> <ul class="dep2"> <li><a href="https://www.nanet.go.kr/usermadang/notice/noticeList.do">공지사항</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/libUseUserTimeView.do" class="has_child2">이용안내</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/libaryuseinfo/libUseUserTimeView.do">이용대상 및 시간</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/libSetepCencelView.do">이용 제한 자료</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/disblePersonUseView.do">장애인 이용</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/libuseStepView.do">출입절차 및 준수사항</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/mobileServiceView.do">모바일 서비스</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/leafletView.do">이용안내 리플릿</a></li> </ul> </li> <li><a href="https://www.nanet.go.kr/usermadang/cultEvt/cultEvtList.do">문화행사</a></li> <li><a href="https://www.nanet.go.kr/usermadang/hopeBookReqView.do" class="has_child2">신청 및 예약</a> <ul class="dep3"> <li><a href="" target="_blank">디지털정보센터 좌석 예약</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/nightUseReqView.do">야간 자료이용</a></li> <li><a href="https://www.nanet.go.kr/usermadang/hopeBookReqView.do">비치희망도서신청</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/copyServiceView.do">자료복사</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/mailingServiceView.do">메일링 서비스</a></li> <li><a href="https://www.nanet.go.kr/usermadang/reqreservation/visitInfo.do">참관</a></li> </ul> </li> <li class="mobily_only"><a href="https://www.nanet.go.kr/usermadang/etc/clView.do" class="has_child2">납본·기증</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/usermadang/etc/clView.do">납본</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/donView.do">기증</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/dataColView.do">자료수집정책</a></li> </ul> </li> <li class="mobily_only"><a href="https://www.nanet.go.kr/usermadang/etc/openApiView.do">Open API</a></li> <li class="mobily_only"><a href="https://www.nanet.go.kr/libaryuseinfo/faqServiceList.do" class="has_child2">게시판</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/libaryuseinfo/faqServiceList.do">자주하는 질문</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/selectQnaList.do">묻고답하기</a></li> <li><a href="https://www.nanet.go.kr/usermadang/board/freeBoardList.do">자유게시판</a></li> </ul> </li> </ul> </li> <li class="dep1 pc_only"> <a href="javascript:void(0);" class="has_child"> </a> <ul class="dep2"> <li><a href="https://www.nanet.go.kr/usermadang/etc/clView.do" class="has_child2">납본·기증</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/usermadang/etc/clView.do">납본</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/donView.do">기증</a></li> <li><a href="https://www.nanet.go.kr/usermadang/etc/dataColView.do">자료수집정책</a></li> </ul> </li> <li><a href="https://www.nanet.go.kr/usermadang/etc/openApiView.do">Open API</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/faqServiceList.do" class="has_child2">게시판</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/libaryuseinfo/faqServiceList.do">자주하는 질문</a></li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/selectQnaList.do">묻고답하기</a></li> <li><a href="https://www.nanet.go.kr/usermadang/board/freeBoardList.do">자유게시판</a></li> </ul> </li> </ul> </li> <li class="dep1"> <a href="#none;" class="has_child">도서관소개</a> <ul class="dep2"> <li><a href="https://www.nanet.go.kr/libintroduce/etc/greetingView.do" class="has_child2">국회도서관</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/libintroduce/etc/greetingView.do">국회도서관장</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/orgJobView.do">조직 및 업무</a></li> </ul> </li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/pubDataview.do" class="has_child2">개방·공유</a> <ul class="dep3"> <li><a href="https://www.nanet.go.kr/libintroduce/etc/pubDataview.do">발간자료</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/libDataStatusView.do">소장현황</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/bododata/selectBodoDataList.do">사이버 홍보실</a></li> <li><a href="https://www.nanet.go.kr/comnet/academeet/meetConferensView.do">한국학술정보협의회</a></li> <li><a href="https://open.assembly.go.kr/portal/exposeInfo/guideOpnInfoPage.do">정보공개</a></li> <li><a href="https://open.assembly.go.kr/portal/data/service/selectServicePage.do/OTA0YC001127RJ11880">업무추진비</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/law/relLawList.do">관계법규</a></li> </ul> </li> <li><a href="https://www.nanet.go.kr/libaryuseinfo/infomationView.do">자료실</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/libDirectView.do">오시는 길</a></li> </ul> </li> <li class="dep1"> <a href="#none" class="has_child">My Library</a> <ul class="dep2"> <li><a href="/login.do">로그인</a></li> <li><a href="https://www.nanet.go.kr/member/selectMember.do">회원가입</a></li> <li><a href="https://www.nanet.go.kr/member/searchIdPwdProc.do">아이디/비밀번호 찾기</a></li> <li><a href="https://www.nanet.go.kr/member/mobilePassForm.do">모바일 간편열람증</a></li> </ul> </li> </ul> </div> <button class="btn_close" type="button">닫기</button> </div> </div> </div> </div>   <div id="memberDel" class="modal"> <div class="wrap"> <div class="contentBox"> <div class="tit"> </div> <div class="con"> <ul class="infoList"> <li> <div style="text-align: center;"> <a href="https://nanet.go.kr/" target="_blank" title="탈퇴안내001"><i class="skip">탈퇴안내001</i></a> <a href="#"title="탈퇴안내002"><i class="skip">탈퇴안내001</i></a> </div> </li> </ul> </div> </div> <a href="#close-modal" rel="modal:close" class="close" title="닫기">닫기</a> </div> </div>  </div> </header> <script> /* 2025.02.17 추가. PC에서 스크롤 아래로 이동 시 헤더 숨기기 */ // var lastScrollY = window.scrollY; // window.addEventListener("scroll", () => { // const header = document.querySelector('header'); // const dBody = document.querySelector('.dBody'); // const lnb = document.querySelector('.lnb'); // const currentScrollY = window.scrollY; // if (currentScrollY > 50) { // header.classList.add('hidden'); // dBody.classList.add('fixed'); // lnb.classList.add('active'); // } else { // header.classList.remove('hidden'); // dBody.classList.remove('fixed'); // lnb.classList.remove('active') // } // lastScrollY = currentScrollY; // }); </script> <div class="dBody"> <script> $(document).ready(function() { // 프린트 $('.btn_print').click(function() { window.print(); }); // 공유하기 $('.btn_share').click(function() { var currentUrl = window.location.href; if(currentUrl.indexOf('/search/searchInnerList.do') > -1){ //검색목록화면인 경우 currentUrl = window.location.origin+'/search/searchInnerList.do?queryText=9780870707032%3AALL_NI_TOC%3AAND&query=9780870707032'; } if (navigator.clipboard) { navigator.clipboard.writeText(currentUrl).then(function() { alert("현재 URL이 클립보드에 복사되었습니다!"); }, function() { alert("클립보드 복사에 실패했습니다. 수동으로 URL을 복사해주세요."); }); } else { // 이전 방식으로 폴백 var $temp = $("<textarea>"); $("body").append($temp); $temp.val(currentUrl).select(); try { document.execCommand("copy"); alert("현재 URL이 클립보드에 복사되었습니다!"); } catch (err) { alert("클립보드 복사에 실패했습니다. 수동으로 URL을 복사해주세요."); } $temp.remove(); } }); }); </script> <div class="lnb"> <div class="box"> <a href="https://www.nanet.go.kr" class="btn_home">HOME</a> <div class="fnc"> <button class="btn_print" type="button">프린트</button> <button class="btn_share" type="button">공유하기</button> </div> </div> </div> <style> .jquery-modal{ z-index:9999; } div.lists div.btns > p { text-align: unset; } </style> <script type="text/javascript"> // 국회소장자료 검색 관련 전역변수 var prevSearchQuery = "9780870707032"; var searchClass = "S"; var zone = "ALL_NI_TOC"; var pageNum = "1"; var pageSize = "10"; var orderBy = "WEIGHT"; var topMainMenuCode = ""; var topSubMenuCode = ""; var hanjaYn = "Y"; var isdb = ""; var isdbsvc = ""; var tt1 = ""; var down = ""; var languageCode = ""; var fieldText = ""; var prevPubYearFieldText = ""; var ddcPopSearchYn = ""; var totalSize = "0"; var totalSizeByMenu = "0"; //소장도서관 패킷정보 추가, 20211125 KHJ var dpBranch = "ALL"; //학술지종류 정보 추가, 20211224 KHJ var journalKind = ""; var userId = ""; var userClass1 = "0"; // 2024개발 사업 이전에도 사용한 변수, 2024개발사업에서 fn_myLibrary, loanBasketInsert 함수에서도 사용 var isMobile = ("false" === "true"); var colorType = ""; var INTERNET_R = "0"; var isLogin = ""; //2024개발사업추가 // fn_myLibrary, loanBasketInsert 함수에서 사용 var isLoginSub = ""; //2024개발사업추가 // fn_myLibrary, loanBasketInsert 함수에서 사용 var searchTotal = 0; var downloadThreshold = 300; $(document).ready(function() { $('.btnView_box > .btnS').click(function(e) { const autoHide = function() { target.hide(); $(window).off("click", autoHide); }; const target = $(this).closest(".btnView_box").find(".pop_moreView"); const onoff = target.css("display"); e.stopPropagation(); if (onoff == "none") { target.show(); $(window).on("click", autoHide); } else { target.hide(); $(window).off("click", autoHide); } }); $(".body .viewTabs ul li a").click(function(event){ event.preventDefault(); //$(".viewTabs_content").hide(); //$($(this).attr('href')).fadeIn(); $(this).parent().siblings("li").removeClass("current"); $(this).parent().addClass("current"); }); }); function popViewJs(el) { var dotLink = $(el).attr('href'); var textMap = { '목차': '목차', '권호': '권호', '관련기사': '관련기사', '권호목차': '권호목차', '권호기사': '권호기사' }; if ($(el).hasClass('active')) { $(el).removeClass('active'); $(dotLink).hide(); } else { $('.body .lists .list a').removeClass('active').each(function() { var currentText = $(this).text(); if (currentText === '목차') { $(this).text(currentText); } else if (currentText === '권호') { $(this).text(currentText); } else if (currentText === '관련기사') { $(this).text(currentText); } else if (currentText === '권호목차') { $(this).text(currentText); } else if (currentText === '권호기사') { $(this).text(currentText); } }); $('.popView_box').hide(); $(dotLink).show(); $(el).addClass('active'); } var currentText = $(el).text(); if (textMap[currentText]) { $(el).text(textMap[currentText]); } } /** * 목차 보기 */ function viewSearchListIndex(el, tocPath){ var popViewBoxId = ($(el).attr("href")).replace("#", ""); if($(el).hasClass('active') && $("#"+popViewBoxId).children(".popIndex_ui").children(".box").text() == ""){ $.ajax({ type: "GET", url: "/search/getFileContents.do?filePath="+tocPath, dataType: "json", success: function(data) { if(data != undefined && data != ""){ $("#"+popViewBoxId).children(".popIndex_ui").children(".box").html(getCutFirstNewLineTag(data)); } else { alert("목차 데이터가 없습니다."); } }, error: function() { console.log("recommendList API FAIL"); } }); } } /** * 저자프로필 보기 */ function viewAuthorProfile(el, controlNo){ var popViewBoxId = ($(el).attr("href")).replace("#", ""); if($(el).hasClass('active') && $("#"+popViewBoxId).text() == ""){ $.ajax({ url: "/search/getAuthorProfileList.do", type: "POST", data: { controlNo: controlNo }, dataType: "json", success: function(data) { if (data != null) { var viewProfileHtml = ""; for (var i = 0; i < data.length; i++) { var profileAuthorName = data[i].authorName == undefined ? "" : data[i].authorName; var profileAuthorProfile = data[i].authorProfile == undefined ? "" : getCutFirstNewLineTag(data[i].authorProfile); viewProfileHtml += `<div class="popProfil_ui"> <dl> <dt>저자</dt> <dd>${profileAuthorName}</dd> </dl> <div class="box">${profileAuthorProfile}</div> </div>`; } $("#"+popViewBoxId).html(viewProfileHtml); } } }); } } /** * 초록 보기 */ function viewAbs(el, controlNo, absPath){ var popViewBoxId = ($(el).attr("href")).replace("#", ""); if($(el).hasClass('active') && $("#"+popViewBoxId).children(".popIndex_ui").children(".box").text() == ""){ $.ajax({ crossOrigin:true, type: "POST", url: "/search/getFileContents.do", data: {filePath: absPath}, dataType: "json", success: function(data) { console.log('data', data); if(data != undefined && data != ""){ $("#"+popViewBoxId).children(".popIndex_ui").children(".box").html(getCutFirstNewLineTag(data)); } else { alert("초록 데이터가 없습니다."); } }, error: function() { console.log("recommendList API FAIL"); } }); } } /** * 해제 정보 보기 */ function viewExp(el, controlNo, expPath){ console.log('expPath', expPath); var popViewBoxId = ($(el).attr("href")).replace("#", ""); if($(el).hasClass('active') && $("#"+popViewBoxId).children(".popIndex_ui").children(".box").text() == ""){ $.ajax({ crossOrigin:true, type: "POST", url: "/search/getFileContents.do", data: { filePath: expPath }, dataType: "json", success: function(data) { console.log('data', data); if(data != undefined && data != ""){ $("#"+popViewBoxId).children(".popIndex_ui").children(".box").html(getCutFirstNewLineTag(data)); } else { alert("해제정보 데이터가 없습니다."); } }, error: function() { console.log("recommendList API FAIL"); } }); } } </script> <script src="/script/search/inner.js"></script> <script src="/script/search/innerList.js"></script> <link rel="stylesheet" href="/plugin/chart/style.css"> <link rel="stylesheet" href="/plugin/chart/searchlist2015.css"> <script src="/plugin/chart/highstock.js"></script> <script src="/plugin/chart/highcharts-more.js"></script> <script src="/plugin/chart/d3.min.js"></script> <script src="/plugin/chart/chart.js"></script> <script src="/plugin/chart/chartTrend.js"></script> <script src="/plugin/chart/chartCount.js"></script> <script src="/plugin/chart/bubble.js"></script> <script src="/plugin/chart/radial.js"></script> <script src="/plugin/chart/jquery.tbodyscroll.js"></script> <script src="/plugin/chart/core_NEW.js"></script> <script src="/plugin/chart/chart_NEW.js"></script> <script src="/plugin/chart/wordBunpo_NEW.js"></script> <script src="/plugin/chart/wordCloud_NEW.js"></script> <script src="/plugin/chart/rangeSelector_NEW.js"></script> <script src="/plugin/chart/material_NEW.js"></script> <script src="/plugin/chart/animated_NEW.js"></script> <script src="/plugin/chart/forceDirected_NEW.js"></script> <script src="/plugin/chart/wordRelationChart_NEW.js"></script> <script src="/plugin/chart/wordFigure_NEW.js"></script> <script src="/plugin/chart/wordKeyword_NEW.js"></script> <script src="/script/ldLayer/ldLayer.js"></script> <link rel="stylesheet" type="text/css" href="/plugin/chart/demo_NEW.css" /> <link rel="stylesheet" type="text/css" href="/script/ldLayer/ldLayer.css" /> <div class="page_ui" id="pageUi"> <form action="/result/search/output.do" name="exportForm" id="exportForm" method="post"> <input type="hidden" name="contentHtml"> <input type="hidden" name="handlerType"> </form> <style> .keyboard { display: none; width: 573px; height: 254px; position: absolute; top: 66px; right: 80px; border: 1px solid #c3c3c3; background-color: #f6f6f6; z-index: 4; box-sizing: border-box; padding: 14px; } .keyboard h3 { font-size: 18px; color: #353535; font-weight: 400; margin-top: 4px; margin-bottom: 15px; } .keyboard ol li { float: left; margin-right: 10px; } .keyboard ol li input[type="radio"] { position: absolute; top: 50%; left: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; margin-top: -10px; outline: 0; } .keyboard ol li input[type="radio"] + label { font-size: 14px; background: url("../../images/ko/ico/radioOff.png") left top 4px no-repeat; padding-left: 18px; } .keyboard ol li.on input[type="radio"] + label { background-image: url("../../images/ko/ico/radioOn.png"); } .keyboard .wrap { display: none; width: calc(100% - 28px); height: 160px; position: absolute; left: 0; right: 0; bottom: 14px; margin: auto; } .keyboard .wrap:after { content: ''; display: block; clear: both; } .keyboard .wrap .list { width: 128px; height: 160px; } .keyboard .wrap .list ul { width: 100%; height: 100%; background-color: #fff; border: 1px solid #deded5; overflow-y: auto; box-sizing: border-box; padding: 12px; } .keyboard .wrap .list ul li { margin-bottom: 12px; } .keyboard .wrap .list ul li:last-child { margin-bottom: 0px; } .keyboard .wrap .list ul li > a { display: block; font-size: 13px; color: #4c4c4c; padding-left: 8px; position: relative; } .keyboard .wrap .list ul li.on > a { color: #0084d8; } .keyboard .wrap .list ul li.on > a:before { content: ''; display: block; width: 3px; height: 5px; background: url("../../images/ko/ico/arrow10.jpg") left center no-repeat; position: absolute; left: 0; top: calc(50% - 2.5px);) } .keyboard .wrap .list ul li .content { display: none; width: calc(100% - 128px); height: 160px; position: absolute; right: 0; bottom: 0; } .keyboard .wrap .list ul li .content .box { width: 100%; height: 100%; background-color: #fff; border: 1px solid #deded5; border-left: none; box-sizing: border-box; padding: 12px; overflow: auto; } .keyboard .wrap .list ul li .content .box, .keyboard .wrap .list ul li .content .box a { font-size: 14px; color: #262626; line-height: normal; } .keyboard .wrap .list ul li.on .content, .keyboard ol li.on .wrap { display: block; } .keyboard .close { width: 23px; height: 24px; position: absolute; right: 9px; top: 15px; } .keyboard .close a { display: block; width: 100%; height: 100%; text-indent: -9999px; font-size: 0; background: url("../../images/ko/ico/close4.jpg") center no-repeat; } @media all and (max-width: 932px) { .keyboard { width: calc(100% - 79px); } } @media all and (max-width: 767px) { .searchKeyboard, .keyboard { display: none; } } .blocker{ z-index : 1000 } </style> <script> $(function() { $('.facet-menu-parent').on('click', function() { var selectedFacet = $(this); var idx = $(this).index(); // 형제 li.facet-menu-parent 요소들 중 자신의 인덱스 var siblingParentFacets = $(this).siblings(); //if(!$(this).hasClass('on')){ $(this).toggleClass('current'); //} siblingParentFacets.removeClass('current'); $(this).siblings().children('ul.sub').hide(); $(this).children('ul.sub').slideToggle(); }); $('.btn_toggle').click(function() { if ($(this).hasClass('off') == true) { $(this).addClass('on').removeClass('off'); $(this).find('span').text('ON'); if($(this).attr("id") == "chkRefineSearchYn"){ $("#refineSearchYn").val("Y"); $('[name=chkRefineSearchYn]').addClass('on').removeClass('off'); $('[name=chkRefineSearchYn]').find('span').text('ON'); } else if($(this).attr("id") == "chkSynonymYn"){ $("#synonymYn").val("Y"); $('[name=chkSynonymYn]').addClass('on').removeClass('off'); $('[name=chkSynonymYn]').find('span').text('ON'); } else if($(this).attr("id") == "chkFrgnLangMtrlYn"){ $('[name=chkFrgnLangMtrlYn]').addClass('on').removeClass('off'); $('[name=chkFrgnLangMtrlYn]').find('span').text('ON'); if ($('input[name=chkTargetLangCode]:checked').length == 0) { openFrgnLanPop(); } } } else { $(this).addClass('off').removeClass('on'); $(this).find('span').text('OFF'); if($(this).attr("id") == "chkRefineSearchYn"){ $("#refineSearchYn").val("N"); $('[name=chkRefineSearchYn]').addClass('off').removeClass('on'); $('[name=chkRefineSearchYn]').find('span').text('OFF'); } else if($(this).attr("id") == "chkSynonymYn"){ $("#synonymYn").val("Y"); $('[name=chkSynonymYn]').addClass('off').removeClass('on'); $('[name=chkSynonymYn]').find('span').text('OFF'); } else if($(this).attr("id") == "chkFrgnLangMtrlYn"){ $('[name=chkFrgnLangMtrlYn]').addClass('off').removeClass('on'); $('[name=chkFrgnLangMtrlYn]').find('span').text('OFF'); } } }); }); // 상세검색 모달팝업 오픈 function doOpenDetailSearch(){ $('#detailSearch').modal(); } var frgnLang; function openFrgnLanPop() { frgnLang = new Map(); $("input[name=chkTargetLangCode]").each((index, item) => { frgnLang.set(item.value, item.checked); }); $('#frgnLang').modal(); } function setFrgnLang() { const frgnLangFlag = $('#chkFrgnLangMtrlYn').text(); const chkLength = $('input[name=chkTargetLangCode]:checked').length; if ((chkLength == 0 && frgnLangFlag == 'ON') || chkLength > 0 && frgnLangFlag == 'OFF') { $('#chkFrgnLangMtrlYn').click(); } $.modal.close(); } function cancelFrgnLang() { for (let key of frgnLang.keys()) { $("input[id='" + key + "']").prop("checked", frgnLang.get(key)); } const frgnLangFlag = $("#chkFrgnLangMtrlYn").text(); const chkLength = $("input[name=chkTargetLangCode]:checked").length; if (chkLength == 0 && frgnLangFlag == "ON") { $('#chkFrgnLangMtrlYn').click(); } $.modal.close(); } </script> <div class="path"> <span class="home">국회도서관 홈으로</span> <span>정보검색</span> <strong>소장정보검색</strong> </div> <div class="dataSearch_had"> <div class="searchg"> <form id="searchForm" name="searchForm" action="" onsubmit="javascript:putSearchHistory();">  <input type="hidden" id="searchType" name="searchType" value="INNER_SEARCH"> <input type="hidden" id="resultType" name="resultType" value="INNER_SEARCH_LIST"> <input type="hidden" id="searchMehtod" name="searchMehtod" value="L"> <input type="hidden" id="searchClass" name="searchClass" value="S"> <input type="hidden" id="controlNo" name="controlNo" value=""> <input type="hidden" id="queryText" name="queryText" value=""> <input type="hidden" id="prevQueryText" name="prevQueryText" value="9780870707032:ALL_NI_TOC:AND"> <input type="hidden" id="zone" name="zone" value=""> <input type="hidden" id="fieldText" name="fieldText" value=""> <input type="hidden" id="prevPubYearFieldText" name="prevPubYearFieldText" value=""> <input type="hidden" id="languageCode" name="languageCode" value=""> <input type="hidden" id="synonymYn" name="synonymYn" value=""> <input type="hidden" id="refineSearchYn" name="refineSearchYn" value=""> <input type="hidden" id="ddcPopSearchYn" name="ddcPopSearchYn" value=""> <input type="hidden" id="pageNum" name="pageNum" value=""> <input type="hidden" id="pageSize" name="pageSize" value=""> <input type="hidden" id="orderBy" name="orderBy" value=""> <input type="hidden" id="topMainMenuCode" name="topMainMenuCode" value=""> <input type="hidden" id="topSubMenuCode" name="topSubMenuCode" value=""> <input type="hidden" id="totalSize" name="totalSize" value=""> <input type="hidden" id="totalSizeByMenu" name="totalSizeByMenu" value=""> <input type="hidden" id="seqNo" name="seqNo" value=""> <input type="hidden" id="hanjaYn" name="hanjaYn" value=""> <input type="hidden" id="knowPub" name="knowPub" value="" > <input type="hidden" id="isdb" name="isdb" value=""> <input type="hidden" id="isdbsvc" name="isdbsvc" value=""> <input type="hidden" id="tt1" name="tt1" value=""> <input type="hidden" id="down" name="down" value="">  <input type="hidden" id="frgnLangMtrlYn" name="frgnLangMtrlYn" value=""> <input type="hidden" id="targetLangCode" name="targetLangCode" value="">  <input type="hidden" id="checkedDbIdList" name="checkedDbIdList" value=""> <input type="hidden" id="baseDbId" name="baseDbId" value=""> <input type="hidden" id="selectedDbIndexIdList" name="selectedDbIndexIdList" value=""> <input type="hidden" id="caller" name="caller" value="">   <input type="hidden" id="asideState" name="asideState" value="">  <input type="hidden" id="dpBranch" name="dpBranch" value="">  <input type="hidden" id="journalKind" name="journalKind" value=""> <div class="inputg"> <select id="selZone" name="selZone"> <option value="ALL_NI_TOC">기본검색</option> <option value="ALL">전체(초록·목차·본문포함)</option> <option value="(^TITLE^TITLE_BI^)^TITLE_WS">자료명</option> <option value="AUTHOR_WS^DP_AUTHOR_WS">저자</option> <option value="PUB_WS^DP_PUB_WS">발행자</option> <option value="(^SUBJECT^SUBJECT_BI^)^SUBJECT_WS">키워드</option> <option value="CALL_NO">청구기호</option> </select> <div class="keyboard" id="keyboard"> <script src="/script/search/multiLang.js"></script> <h3>다국어입력</h3> <ol> <li> <input type="radio" name="keyboard" id="keyboard1" /> <label for="keyboard1">언어</label> <div class="wrap"> <div class="list"> <ul> <li class="on"> <a href="#none" onclick="changeMultiLang(this, 'marrCode3');" title="한글고어">한글고어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode24');" title="중국간체">중국간체</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode25');" title="중국번체">중국번체</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode1');" title="히라가나">히라가나</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode2');" title="가타카나">가타카나</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode8');" title="프랑스어">프랑스어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode9');" title="스페인어">스페인어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode10');" title="독일어">독일어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode6');" title="러시아문자">러시아문자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode4');" title="그리스어">그리스어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode5');" title="라틴문자">라틴문자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode26');" title="라틴확장-A">라틴확장-A</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode27');" title="라틴확장-B">라틴확장-B</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode7');" title="로마자">로마자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode11');" title="아르메니아어">아르메니아어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode12');" title="티아나어">티아나어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode45');" title="인도어">인도어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode28');" title="아랍어">아랍어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode29');" title="베트남">베트남</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode30');" title="신할라어">신할라어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode31');" title="크메르어">크메르어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode32');" title="타이어">타이어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode33');" title="라오어">라오어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode34');" title="티베트어">티베트어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode35');" title="몽골어">몽골어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode36');" title="노르웨이어">노르웨이어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode37');" title="체코어">체코어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode38');" title="폴란드어">폴란드어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode39');" title="터키어">터키어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode40');" title="포르투칼어">포르투칼어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode41');" title="키릴문자">키릴문자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode42');" title="히브리어">히브리어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode43');" title="벵골어">벵골어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode44');" title="이란어">이란어</a> <div class="content"> <div class="box"></div> </div> </li> </ul> </div> </div> </li> <li> <input type="radio" name="keyboard" id="keyboard2" /> <label for="keyboard2">기호</label> <div class="wrap"> <div class="list"> <ul> <li class="on"> <a href="#none" onclick="changeMultiLang(this, 'marrCode13');" title="괄호기호">괄호기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode14');" title="학술기호">학술기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode15');" title="기술기호">기술기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode16');" title="단위기호">단위기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode17');" title="일반기호">일반기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode18');" title="첨자">첨자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode19');" title="일반 구두점">일반 구두점</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode20');" title="화폐 기호">화폐 기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode21');" title="글자꼴 기호">글자꼴 기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode22');" title="여러 가지 수">여러 가지 수</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode23');" title="도형 기호">도형 기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode46');" title="수학연산자">수학연산자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode47');" title="수학연산자보충">수학연산자보충</a> <div class="content"> <div class="box"></div> </div> </li> </ul> </div> </div> </li> </ol> <div class="close"> <a href="#none" title="닫기">닫기</a> </div> </div> <label for="searchQuery" hidden>검색어</label> <input type="search" id="searchQuery" name="searchQuery" autocomplete="off" placeholder="검색어를 입력해주세요" onfocus="setFocusIdForMultiLang('searchQuery');this.select();" value="9780870707032"> <div class="autoComplete">  </div> <button class="btn_keyboard searchKeyboard" type="button">키보드 자판</button> <button class="btn_search" type="submit" id="searchBtn" class="searchBtn">검색</button> </div> <div class="btng_wrap"> <div> <div class="btng"> <button class="btnB ty2" type="button" onclick="doOpenDetailSearch();" >상세검색</button> <button class="btnB ty1" type="button" onclick="doOpenRefAuthorPop();" >저자명 참조</button> <button class="btnB ty1" type="button" onclick="doOpenThesaurusPop();" >용어관계사전</button> <button class="btnB ty1" type="button" onclick="javascript:openDdcPop(false);" >주제별 검색</button> </div> </div> </div> </form> </div> </div>  <style> .keyboard > ol{ margin-top : -15px; } </style> <div id="detailSearch" class="modal"> <div class="dataPopup_ui"> <div class="popup"> <button type="button" class="close" type="button" onclick="doCloseModal();">닫기</button> <div class="had"> <h1>상세검색</h1> <div class="btng"> <button type="button" class="language searchKeyboard"><i class="ic_world"></i>다국어 입력</button> <div class="keyboard" id="detailKeyboard"> <script src="/script/search/multiLang.js"></script> <h3>다국어입력</h3> <ol> <li> <input type="radio" name="keyboard" id="keyboard1" /> <label for="keyboard1">언어</label> <div class="wrap"> <div class="list"> <ul> <li class="on"> <a href="#none" onclick="changeMultiLang(this, 'marrCode3');" title="한글고어">한글고어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode24');" title="중국간체">중국간체</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode25');" title="중국번체">중국번체</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode1');" title="히라가나">히라가나</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode2');" title="가타카나">가타카나</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode8');" title="프랑스어">프랑스어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode9');" title="스페인어">스페인어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode10');" title="독일어">독일어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode6');" title="러시아문자">러시아문자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode4');" title="그리스어">그리스어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode5');" title="라틴문자">라틴문자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode26');" title="라틴확장-A">라틴확장-A</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode27');" title="라틴확장-B">라틴확장-B</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode7');" title="로마자">로마자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode11');" title="아르메니아어">아르메니아어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode12');" title="티아나어">티아나어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode45');" title="인도어">인도어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode28');" title="아랍어">아랍어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode29');" title="베트남">베트남</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode30');" title="신할라어">신할라어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode31');" title="크메르어">크메르어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode32');" title="타이어">타이어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode33');" title="라오어">라오어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode34');" title="티베트어">티베트어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode35');" title="몽골어">몽골어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode36');" title="노르웨이어">노르웨이어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode37');" title="체코어">체코어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode38');" title="폴란드어">폴란드어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode39');" title="터키어">터키어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode40');" title="포르투칼어">포르투칼어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode41');" title="키릴문자">키릴문자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode42');" title="히브리어">히브리어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode43');" title="벵골어">벵골어</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode44');" title="이란어">이란어</a> <div class="content"> <div class="box"></div> </div> </li> </ul> </div> </div> </li> <li> <input type="radio" name="keyboard" id="keyboard2" /> <label for="keyboard2">기호</label> <div class="wrap"> <div class="list"> <ul> <li class="on"> <a href="#none" onclick="changeMultiLang(this, 'marrCode13');" title="괄호기호">괄호기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode14');" title="학술기호">학술기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode15');" title="기술기호">기술기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode16');" title="단위기호">단위기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode17');" title="일반기호">일반기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode18');" title="첨자">첨자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode19');" title="일반 구두점">일반 구두점</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode20');" title="화폐 기호">화폐 기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode21');" title="글자꼴 기호">글자꼴 기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode22');" title="여러 가지 수">여러 가지 수</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode23');" title="도형 기호">도형 기호</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode46');" title="수학연산자">수학연산자</a> <div class="content"> <div class="box"></div> </div> </li> <li> <a href="#none" onclick="changeMultiLang(this, 'marrCode47');" title="수학연산자보충">수학연산자보충</a> <div class="content"> <div class="box"></div> </div> </li> </ul> </div> </div> </li> </ol> <div class="close"> <a href="#none" title="닫기">닫기</a> </div> </div> <button type="button" onclick="doShowHelp('pc','/upload/guide/dlib_manual.pdf#page=5','searchGuide','760','740','no');return false;" title="도움말 새창열림"><i class="ic_infor"></i>도움말</button> </div> </div> <div class="body"> <form id="criteriaForm" name="criteriaForm" action=""> <div class="chkg section first"> <p class="tit">자료구분</p> <ul> <li> <span class="radio_box"> <input type="radio" id="ALL" name="mainDbDivCode" value="ALL" /> <label for="ALL">전체</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="MONO_ALL" name="mainDbDivCode" value="MONO_ALL" /> <label for="MONO_ALL">도서자료</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="KDMT_ALL" name="mainDbDivCode" value="KDMT_ALL" /> <label for="KDMT_ALL">학위논문</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="KINX_ALL" name="mainDbDivCode" value="KINX_ALL" /> <label for="KINX_ALL">연속간행물·학술기사</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="NONB_ALL" name="mainDbDivCode" value="NONB_ALL" /> <label for="NONB_ALL">멀티미디어</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="VDBK_ALL" name="mainDbDivCode" value="VDBK_ALL" /> <label for="VDBK_ALL">동영상</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="ASSM_ALL" name="mainDbDivCode" value="ASSM_ALL" /> <label for="ASSM_ALL">국회자료</label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="SPEC_ALL" name="mainDbDivCode" value="SPEC_ALL" /> <label for="SPEC_ALL">특화자료</label> </span> </li> </ul> </div> <div class="chkg section second" id="MONO_ALL" style="display: none;"> <p class="tit">도서자료</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_MONO_ALL" name="subDbDivCode" value="MONO_ALL"/> <label for="SUB_MONO_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="MONO" name="subDbDivCode" value="MONO"/> <label for="MONO"> 일반도서 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="EBOK" name="subDbDivCode" value="EBOK"/> <label for="EBOK"> E-BOOK </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="OLDP" name="subDbDivCode" value="OLDP"/> <label for="OLDP"> 고서 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="PAMP" name="subDbDivCode" value="PAMP"/> <label for="PAMP"> 세미나자료 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="WNET" name="subDbDivCode" value="WNET"/> <label for="WNET"> 웹자료 </label> </span> </li> </ul> </div> <div class="chkg section second" id="KDMT_ALL" style="display: none;"> <p class="tit">학위논문</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_KDMT_ALL" name="subDbDivCode" value="KDMT_ALL"/> <label for="SUB_KDMT_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="KDMT" name="subDbDivCode" value="KDMT"/> <label for="KDMT"> 학위논문 </label> </span> </li> <li> <button type="button" class="btnxS1" style="display: none;" id="btnDegree" onclick="openViewAltDegree();return false;" title="대체학위" >대체학위목록</button> </li> </ul> </div> <div class="chkg section second" id="KINX_ALL" style="display: none;"> <p class="tit">연속간행물·학술기사</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_KINX_ALL" name="subDbDivCode" value="KINX_ALL"/> <label for="SUB_KINX_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="KINX" name="subDbDivCode" value="KINX"/> <label for="KINX"> 국내기사 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="FINX" name="subDbDivCode" value="FINX"/> <label for="FINX"> 국외기사 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="SERL" name="subDbDivCode" value="SERL"/> <label for="SERL"> 학술지·잡지 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="NEWS" name="subDbDivCode" value="NEWS"/> <label for="NEWS"> 신문 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="WEDB" name="subDbDivCode" value="WEDB"/> <label for="WEDB"> 전자저널 </label> </span> </li> <li> <button type="button" class="btnxS1" style="display: none;" id="btnSeries" onclick="openViewSerials();return false;" title="연속간행물목록">연속간행물목록</button> </li> </ul> </div> <div class="chkg section second" id="NONB_ALL" style="display: none;"> <p class="tit">멀티미디어</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_NONB_ALL" name="subDbDivCode" value="NONB_ALL"/> <label for="SUB_NONB_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="ADBK" name="subDbDivCode" value="ADBK"/> <label for="ADBK"> 오디오자료 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="CDBK" name="subDbDivCode" value="CDBK"/> <label for="CDBK"> 전자매체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="MIFO" name="subDbDivCode" value="MIFO"/> <label for="MIFO"> 마이크로폼자료 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="MAPI" name="subDbDivCode" value="MAPI"/> <label for="MAPI"> 지도/기타자료 </label> </span> </li> </ul> </div> <div class="chkg section second" id="VDBK_ALL" style="display: none;"> <p class="tit">동영상</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_VDBK_ALL" name="subDbDivCode" value="VDBK_ALL"/> <label for="SUB_VDBK_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="VDBK" name="subDbDivCode" value="VDBK"/> <label for="VDBK"> 동영상자료 </label> </span> </li> <li> <button type="button" class="btnxS1" style="display: none;" id="btnVideoDataList" onclick="openViewVideoDataList(); return false;" title="영상자료목록">영상자료목록</button> </li> </ul> </div> <div class="chkg section second" id="ASSM_ALL" style="display: none;"> <p class="tit">국회자료</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_ASSM_ALL" name="subDbDivCode" value="ASSM_ALL"/> <label for="SUB_ASSM_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="TLAW" name="subDbDivCode" value="TLAW"/> <label for="TLAW"> 외국법률번역DB </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="PROC" name="subDbDivCode" value="PROC"/> <label for="PROC"> 국회회의록 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="NABI" name="subDbDivCode" value="NABI"/> <label for="NABI"> 국회의안정보 </label> </span> </li> </ul> </div> <div class="chkg section second" id="SPEC_ALL" style="display: none;"> <p class="tit">특화자료</p> <ul> <li> <span class="radio_box"> <input type="radio" id="SUB_SPEC_ALL" name="subDbDivCode" value="SPEC_ALL"/> <label for="SUB_SPEC_ALL"> 전체 </label> </span> </li> <li> <span class="radio_box"> <input type="radio" id="REFD" name="subDbDivCode" value="REFD"/> <label for="REFD"> 표·그림DB </label> </span> </li> </ul> </div> <div class="view"> <ul class="keywordg" id="keywordField"> </ul> <dl class="limitg" id="limitField"> </dl> </div> <div class="btn_block"> <button type="button" class="btnD1" type="button" onclick="searchListByCriteria();return false;">검색하기</button> <button type="button" class="btnD4" type="button" onclick="resetForm();return false;">초기화</button> </div> </form> </div> </div> </div> </div> <script> $(function() { /* 상세보기 - 자료구분 */ var $dataRadio=$(".section.first > ul > li > span > *"); $dataRadio.on("click", function(e) { e.preventDefault(); if($(this).prev("input:radio").val()){ $(this).prev("input:radio").prop("checked", true); var sectionFirstId = $(this).prev("input:radio").val(); $('.section.second').each(function(idx){ var sectionSecondId = $(this).attr('id'); if(sectionFirstId == sectionSecondId){ $(this).show(); $(this).find('ul > li:first > span').children("input:radio").prop("checked", true); }else{ $(this).hide(); } }); var checkedValue = $(this).prev("input:radio").val(); if (checkedValue == "KDMT_ALL") { $("#btnDegree").show(); } else { $("#btnDegree").hide(); } if (checkedValue == "KINX_ALL") { $("#btnSeries").show(); } else { $("#btnSeries").hide(); } //영상자료목록 버튼 추가, 동영상 자료로 변경 if (checkedValue == "VDBK_ALL") { $("#btnVideoDataList").show(); } else { $("#btnVideoDataList").hide(); } if($(this).prev("input:radio").val() == 'MONO_ALL'){ checkedValue = 'MONO_ALL'; } loadCriteriaFields2(checkedValue); // in inner.js } return false; }); var $secondRadio=$(".section.second > ul > li > span > *"); $secondRadio.on("click", function(e) { e.preventDefault(); //$(this).parent().parent().find("li").removeClass("on"); //$(this).parent().addClass("on"); $(this).prev("input:radio").prop("checked", true); var checkedValue = $(this).prev("input:radio").val(); //외국법률(TLAW) 분리 if (checkedValue == "TLAW") { loadTlawFields2(checkedValue); // in inner.js } else { loadCriteriaFields2(checkedValue); // in inner.js } return false; }); }); // 모달 창 닫기 function doCloseModal(){ $.modal.close(); } // 도움말 열기 function doShowHelp(type, mypage, myname, w, h, scroll){ if(type == "mobile"){ window.open('/html/info/manual.html', '_blank'); }else{ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings ='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable=no'; win = window.open(mypage,myname,settings); event.returnValue = false; } } function loadTlawFields2(dbDivCode) { $.ajax({ url : "/search/getDetailSearchFieldList.do", type : "POST", data : {dbDivCode : dbDivCode}, dataType : "json", success : function(data) { // 키워드 필드 var keywordHtml = ""; var keywordFieldList = data.keywordFieldList; if (keywordFieldList != null && keywordFieldList.length > 0) { for (var i = 0; i < keywordFieldList.length; i++) { keywordHtml += "<li>\n"; keywordHtml += " <label for=\"zone" + i + "\"" + ">검색영역선택</label>\n"; keywordHtml += " <select id=\"zone" + i + "\"" + "name=\"zone" + i + "\">\n"; var codeList = keywordFieldList[i].codeList; for (var j = 0; j < codeList.length; j++) { var selected = ""; if (keywordFieldList[i].name == codeList[j].codeName) { selected = "selected=\"selected\""; } keywordHtml += " <option value=\"" + codeList[j].code + "\" " + selected + ">" + codeList[j].codeName + "</option>\n"; } keywordHtml += " </select> \n"; keywordHtml += " <label for=\"searchQuery" + i + "\"" + ">검색어입력 </label> \n"; keywordHtml += " <input type=\"text\" id=\"searchQuery" + i + "\"" + " title=\"검색어입력\" name=\"searchQuery" + i + "\" onfocus=\"setFocusIdForMultiLang('searchQuery" + i + "');\" onkeydown=\"if(event.keyCode == 13) searchListByCriteria();\" />\n"; keywordHtml += " <label for=\"op" + i + "\"" + ">검색조건선택</label>\n"; keywordHtml += " <select id=\"op" + i + "\"" + "name=\"op" + i + "\">\n"; keywordHtml += " <option value=\"AND\">AND</option>\n"; keywordHtml += " <option value=\"OR\">OR</option>\n"; keywordHtml += " <option value=\"NOT\">AND NOT</option>\n"; keywordHtml += " </select>\n"; keywordHtml += "</li>\n"; } } // 제한 필드 var limitHtml = ""; var limitFieldList = data.limitFieldList; if (limitFieldList != null && limitFieldList.length > 0) { for (var i = 0; i < limitFieldList.length; i++) { var dbDivCode = limitFieldList[i].dbDivCode; var fieldNm = limitFieldList[i].fieldNm; var fieldType = limitFieldList[i].fieldType; var name = limitFieldList[i].name; if(i == 0){ keywordHtml += "<li>\n"; keywordHtml += " <select id=\"" + fieldNm + "\"" + "name=\"" + fieldNm + "\">\n" var codeList = limitFieldList[i].codeList; if (codeList.length > 0) { keywordHtml += " <option value=\"ALL\">법령관련일</option>\n"; for (var j = 0; j < codeList.length; j++) { keywordHtml += " <option value=\"" + codeList[j].code + "\">" + codeList[j].codeName + "</option>\n"; } } keywordHtml += " </select>\n"; keywordHtml += " <input style=\"margin-right:10px; width:30%\" type=\"text\" title=\"시작일\" id=\"" + fieldNm + "_START" + "\"" + "name=\"" + fieldNm + "\">\n" keywordHtml += "   " keywordHtml += " <input style=\"width:30%\" type=\"text\" title=\"종료일\" id=\"" + fieldNm + "_END" + "\"" + "name=\"" + fieldNm + "\">\n" limitHtml += "</li>\n"; limitHtml += "<div style=\"padding-left: 0px; width:100%\">\n"; limitHtml += " <dd>\n"; } else if (0 < i && i < 6) { limitHtml += " <select style=\"width:225px;\" id=\"" + fieldNm + "\"" + " title=\"United States Code\" name=\"" + fieldNm + "\" >\n" var codeList = limitFieldList[i].codeList; if (codeList.length > 0) { limitHtml += " <option value=\"\">"+name+"</option>\n"; for (var j = 1; j < codeList.length; j++) { limitHtml += " <option value=\"" + codeList[j].codeName + "\">" + codeList[j].codeName + "</option>\n"; } } if("NO_FIELD" == fieldNm){ limitHtml += " <option value=\"\">"+name+"</option>\n"; limitHtml += " <option value=\"P04\">United States Code</option>\n"; limitHtml += " <option value=\"P05\">Code of Federal Regulations</option>\n"; } limitHtml += " </select>\n"; } else { if(i == 6){ limitHtml += " </dd>\n"; limitHtml += "</div>\n"; } limitHtml += "<div id=\"united"+i+"\" style=\"display:none\">\n"; limitHtml += " <dt><label for=\"" + fieldNm + "\">" + name + "</label></dt>\n"; limitHtml += " <dd>\n"; limitHtml += " <select style=\"width:800px;\" id=\"" + fieldNm + "\"" + "name=\"" + fieldNm + "\" >\n" var codeList = limitFieldList[i].codeList; if (codeList.length > 0) { for (var j = 0; j < codeList.length; j++) { limitHtml += " <option value=\"" + codeList[j].codeName + "\">" + codeList[j].codeName + "</option>\n"; } } else { limitHtml += " <option value=\"ALL\">전체</option>\n"; } limitHtml += " </select>\n"; limitHtml += " </dd>\n"; limitHtml += "</div>\n"; } } } // 키워드 필드 리로드 $("#keywordField").children().remove(); $("#keywordField").html(keywordHtml); // 제한 필드 리로드 $("#limitField").children().remove(); $("#limitField").html(limitHtml); } }); $(document).on('change','#NO_FIELD', function() { var val = $('#NO_FIELD option:checked').val(); if("P04" == val) { $('#united6').show(); $('#united7').hide(); } else if("P05" == val){ $('#united6').hide(); $('#united7').show(); } else { $('#united6').hide(); $('#united7').hide(); } }); } </script>    <div id="refAuthor" class="modal height"> <div class="dataPopup_ui"> <div class="popup"> <button class="close" type="button" onclick="doCloseRefAuthorPop();">닫기</button> <div class="had"> <h1>저자명 참조</h1> </div> <div class="body"> <dl class="form_data"> <div> <dt>검색종류</dt> <dd> <span class="radio_box"> <input type="radio" id="refmatchSelf" name="refmatch" value="self" checked="checked"/> <label for="refmatchSelf">완전일치</label> </span> <span class="radio_box"> <input type="radio" id="refmatchLeft" name="refmatch" value="left" /> <label for="refmatchLeft">전방일치</label> </span> <span class="radio_box"> <input type="radio" id="refmatchRight" name="refmatch" value="right" /> <label for="refmatchRight">후방일치</label> </span> </dd> </div> <div> <dt> <label for="inputName1">인명/단체명</label> </dt> <dd> <input type="text" class="inputText" id="authorName" name="authorName" title="인명/단체명 입력창" placeholder="검색어를 입력해주세요" onkeydown="if(event.keyCode == 13) insertSearchPopupLog('NADL', 'A');" /> <div class="authorNameAutocomplete" style="display: none;">  </div> <input type="hidden" id="orderByFirst" value="start_date asc" /> <input type="hidden" id="orderBySecond" value="book_cnt desc" /> <input type="hidden" id="bookCntFirst" value="N" /> <button class="btnM2" type="button" id="refAuthorSearch" value="검색" title="검색" onclick="insertSearchPopupLog('NADL', 'A');">검색</button> <button class="btnM3" type="button" value="적용" title="적용" onclick="applyRefAuthor();">적용</button> </dd> </div> </dl> <div class="tbl_col"> <table> <caption>인명/단체명 검색결과</caption> <colgroup> <col width="6%" /> <col width="" /> </colgroup> <thead> <tr class="tg-center"> <th scope="col"> <span class="chk_box type"> <input type="checkbox" title="전체선택" name="chk2" id="chk2All" /> <label for="chk2All">전체 선택</label> </span> </th> <th scope="col">대표형(전거형, Authority)</th> <th scope="col" id="authorTh0" class="authorOrderByTh" onclick="orderByChange(this,'start_date')">생물정보</th> <th scope="col">이형(異形, Variant)</th> <th scope="col" id="authorTh1" class="authorOrderByTh" onclick="orderByChange(this,'inst_name')">소속</th> <th scope="col" id="authorTh2" class="authorOrderByTh" onclick="orderByChange(this,'position')">직위</th> <th scope="col" id="authorTh3" class="authorOrderByTh" onclick="orderByChange(this,'job')">직업</th> <th scope="col" id="authorTh4" class="authorOrderByTh" onclick="orderByChange(this,'activity')">활동분야</th> <th scope="col" id="authorTh5" class="authorOrderByTh" onclick="orderByChange(this,'remark')">주기</th> <th scope="col" id="authorTh6" class="authorOrderByTh" onclick="orderByChange(this,'book_cnt')">서지</th> </tr> </thead> <tbody id="AUTHOR_TBODY"> <tr> <td colspan="10" class="tc">연구/단체명을 입력해주세요.</td> </tr> </tbody> </table> </div> </div> </div> </div>  <div class="loadwrap"> <div class="loadingbox"> <div class="loading2"></div> </div> </div>  </div>    <div id="termDict" class="modal height"> <div class="dataPopup_ui"> <div class="popup"> <button class="close" type="button" onclick="doCloseThesaurusPop();">닫기</button> <div class="had"> <h1>용어관계사전</h1> </div> <div class="body"> <dl class="form_data"> <div> <dt><label for="matchLSelf">검색종류</label></dt> <dd> <span class="radio_box"> <input type="radio" id="matchLeft" name="match" value="left" /> <label for="matchLeft">전방일치</label> </span> <span class="radio_box"> <input type="radio" id="matchLSelf" name="match" value="self" checked="checked" /> <label for="matchLSelf">완전일치</label> </span> <span class="radio_box"> <input type="radio" id="matchRight" name="match" value="right" /> <label for="matchRight">후방일치</label> </span> <span class="radio_box"> <input type="radio" id="matchDouble" name="match" value="double" /> <label for="matchDouble">부분일치</label> </span> </dd> </div> <div> <dt> <label for="terms">용어명</label> </dt> <dd> <input type="text" class="inputText" id="term" name="term" placeholder="검색어를 입력해주세요" onkeydown="if(event.keyCode == 13) insertSearchPopupLog('NADL', 'T');" title="용어명 입력창"/> <input type="hidden" id="termId" name="termId" value="" /> <button class="btnM2" type="button" id="termSearch" title="검색" value="검색" onclick="insertSearchPopupLog('NADL', 'T');">검색</button> <button class="btnM5" type="button" title="다시쓰기" value="다시쓰기" onclick="initThesaurusSearchCondition();">초기화</button> </dd> </div> <div class="searchInfo"> <dt>대표어</dt> <dd id="representativeWord"></dd> <input type="button" id="btnRepresentativeWord" class="btnM3 ml15" onclick="applyThesaurus('REP');" title="적용" value="적용" /> </div> <div class="searchInfo"> <dt>외국어</dt> <dd id="foreignLanguage"></dd> </div> <div class="type searchInfo"> <dt class="naver" style="width: 130px;">네이버 백과사전</dt> <dd id="naverLibarayInfo"></dd> </div> </dl> <div class="resultNone" id="thesaurusNoData"></div> <div class="dict tbl_col dictionary" id="thesaurusList"> <table> <caption>용어관계 검색결과</caption> <colgroup> <col width="16.666%"> <col width="16.666%"> <col width="16.666%"> <col width="16.666%"> <col width="16.666%"> <col width="16.666%"> </colgroup> <thead> <tr> <th scope="col"> <span class="chk_box"> <input type="checkbox" id="chk3All" name="chk3" /> <label for="chk3All">대표어</label> </span> </th> <th scope="col"> <span class="chk_box"> <input type="checkbox" id="chk4All" name="chk4" /> <label for="chk4All">동의어</label> </span> </th> <th scope="col"> <span class="chk_box"> <input type="checkbox" id="chk5All" name="chk5" /> <label for="chk5All">상위어</label> </span> </th> <th scope="col"> <span class="chk_box"> <input type="checkbox" id="chk6All" name="chk6"/> <label for="chk6All">하위어</label> </span> </th> <th scope="col"> <span class="chk_box"> <input type="checkbox" id="chk7All" name="chk7" /> <label for="chk7All">관련어</label> </span> </th> <th scope="col"> <span class="chk_box"> <input type="checkbox" id="chk8All" name="chk8" /> <label for="chk8All">대립어</label> </span> </th> </tr> </thead> <tbody> <tr> <td> <ul id="representativeItem"></ul> </td> <td> <ul id="synonymItem"></ul> </td> <td> <ul id="hyperonymItem"></ul> </td> <td> <ul id="hyponymItem"></ul> </td> <td> <ul id="relatedItem"></ul> </td> <td> <ul id="antonymItem"></ul> </td> </tr> </tbody> </table> </div> <div class="btn_block type" id="btnThesaurusWord"> <button class="btnD1" type="button" onclick="applyThesaurus('ALL');" title="적용" value="적용">적용</button> <button class="btnD4" type="button" onclick="doCloseThesaurusPop();" class="btnD btn4" title="닫기">닫기</button> </div> <div class="dlist tbl_col noscroll resualt" id="wordItem"></div> </div> </div> </div> </div>    <div id="ddcPop" class="modal"> <div class="dataPopup_ui"> <div class="popup"> <button class="close" type="button" onclick="javascript:closeDdcPop();">닫기</button> <div class="had"> <h1>주제별 검색</h1> </div> <p class="txt">* 주제를 선택하시면 검색 상세로 이동합니다.</p> <div class="topic_box"> <div class="box"> <ul id="mainClassDdcList"> </ul> </div> <div class="box"> <ul id="divisionDdcList"> </ul> </div> <div class="box"> <ul id="sectionDdcList"> </ul> </div> <div class="mo_box" id="mainClassDdcListM"> <label for="ddcListM1">대분류</label> <select title="대분류" id="ddcListM1" onchange="drawChildDdcList(this, 1);"> </select> </div> <div class="mo_box" id="divisionDdcListM"> <label for="ddcListM2">중분류</label> <select title="중분류" id="ddcListM2" onchange="drawChildDdcList(this, 2);"> </select> </div> <div class="mo_box" id="sectionDdcListM"> <label for="ddcListM3">소분류</label> <select title="소분류" id="ddcListM3"> </select> </div> <div class="mo_box"> <button class="btnD ty2" type="button" onclick="javascript:searchDdcMobile();" title="검색">검색</button> </div> </div> </div> </div> </div>  <div class="dataSearch_body"> <div class="tab_search"> <ul> <li class="current" data-tab-index="1" > <a href="#none;" onclick="javascript:changeSearchClass('S');" aria-selected="true">소장자료</a> </li> <li class="" data-tab-index="2"> <a href="#none;" onclick="javascript:changeSearchClass('G');" aria-selected="false">공공정책정보</a> </li> <li class="" data-tab-index="3"> <a href="#none;" onclick="javascript:searchOuterList();" aria-selected="false">외부기관 자료</a> </li> </ul> </div> <div class="cons"> <script> $(document).ready(function() { if($(".facet-menu-child")){ // facet-menu-child 클릭시 부모 facet-menu-parent의 changeDbDiv 클릭되는 것 방지. $(".facet-menu-child").on('click', function(){ if(event.stopPropagation) event.stopPropagation(); // event.stopPropagation은 IE외의 브라우저 대응(크롬 등) else event.cancelBubble = true; // event.cancelBubble은 IE 대응 }); } }); var pubYearJSON; var pubYearMap = '{}'; if (pubYearMap.length > 0) { pubYearMap = pubYearMap.replace(/"/gi, "\""); pubYearJSON = JSON.parse(pubYearMap); } </script> <style> .selectedFacet > a{color: #136fc4 !important;} </style> <p class="mo_tit"><button type="button">검색결과제한</button></p> <div class="side">  <ul class="resualt_box" id="s_menu">   <li class="facet-menu-parent" data-tab-index="1" id="s_ALL" data-api="ALL" > <a href="javascript:void(0);">전체(0)</a> </li>   <li class="facet-menu-parent" data-tab-index="2" id="s_MONO_ALL" data-api="MONO_ALL" data-api-name="도서자료" > <p> <a href="javascript:void(0);">도서자료(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_MONO_ALL" data-api="MONO_ALL" data-api-name="전체" onclick="changeDbDiv('MONO_ALL', 'MONO_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_MONO" data-api="MONO" data-api-name="일반도서" > <a href="javascript:void(0);">- 일반도서 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="3" id="s_EBOK" data-api="EBOK" data-api-name="E-BOOK" > <a href="javascript:void(0);">- E-BOOK (0)</a> </li>  <li class="facet-menu-child" data-tab-index="4" id="s_OLDP" data-api="OLDP" data-api-name="고서" > <a href="javascript:void(0);">- 고서 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="5" id="s_PAMP" data-api="PAMP" data-api-name="세미나자료" > <a href="javascript:void(0);">- 세미나자료 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="6" id="s_WNET" data-api="WNET" data-api-name="웹자료" > <a href="javascript:void(0);">- 웹자료 (0)</a> </li> </ul>  </li>   <li class="facet-menu-parent" data-tab-index="3" id="s_KDMT_ALL" data-api="KDMT_ALL" data-api-name="학위논문" > <p> <a href="javascript:void(0);">학위논문(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_KDMT_ALL" data-api="KDMT_ALL" data-api-name="전체" onclick="changeDbDiv('KDMT_ALL', 'KDMT_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_KDMT" data-api="KDMT" data-api-name="학위논문" > <a href="javascript:void(0);">- 학위논문 (0)</a> </li> </ul>  </li>   <li class="facet-menu-parent" data-tab-index="4" id="s_KINX_ALL" data-api="KINX_ALL" data-api-name="연속간행물&middot;학술기사" > <p> <a href="javascript:void(0);">연속간행물·학술기사(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_KINX_ALL" data-api="KINX_ALL" data-api-name="전체" onclick="changeDbDiv('KINX_ALL', 'KINX_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_KINX" data-api="KINX" data-api-name="국내기사" > <a href="javascript:void(0);">- 국내기사 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="3" id="s_FINX" data-api="FINX" data-api-name="국외기사" > <a href="javascript:void(0);">- 국외기사 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="4" id="s_SERL" data-api="SERL" data-api-name="학술지·잡지" > <a href="javascript:void(0);">- 학술지·잡지 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="5" id="s_NEWS" data-api="NEWS" data-api-name="신문" > <a href="javascript:void(0);">- 신문 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="6" id="s_WEDB" data-api="WEDB" data-api-name="전자저널" > <a href="javascript:void(0);">- 전자저널 (0)</a> </li> </ul>  </li>   <li class="facet-menu-parent" data-tab-index="5" id="s_NONB_ALL" data-api="NONB_ALL" data-api-name="멀티미디어" > <p> <a href="javascript:void(0);">멀티미디어(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_NONB_ALL" data-api="NONB_ALL" data-api-name="전체" onclick="changeDbDiv('NONB_ALL', 'NONB_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_ADBK" data-api="ADBK" data-api-name="오디오자료" > <a href="javascript:void(0);">- 오디오자료 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="3" id="s_CDBK" data-api="CDBK" data-api-name="전자매체" > <a href="javascript:void(0);">- 전자매체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="4" id="s_MIFO" data-api="MIFO" data-api-name="마이크로폼자료" > <a href="javascript:void(0);">- 마이크로폼자료 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="5" id="s_MAPI" data-api="MAPI" data-api-name="지도/기타자료" > <a href="javascript:void(0);">- 지도/기타자료 (0)</a> </li> </ul>  </li>   <li class="facet-menu-parent" data-tab-index="6" id="s_VDBK_ALL" data-api="VDBK_ALL" data-api-name="동영상" > <p> <a href="javascript:void(0);">동영상(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_VDBK_ALL" data-api="VDBK_ALL" data-api-name="전체" onclick="changeDbDiv('VDBK_ALL', 'VDBK_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_VDBK" data-api="VDBK" data-api-name="동영상자료" > <a href="javascript:void(0);">- 동영상자료 (0)</a> </li> </ul>  </li>   <li class="facet-menu-parent" data-tab-index="7" id="s_ASSM_ALL" data-api="ASSM_ALL" data-api-name="국회자료" > <p> <a href="javascript:void(0);">국회자료(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_ASSM_ALL" data-api="ASSM_ALL" data-api-name="전체" onclick="changeDbDiv('ASSM_ALL', 'ASSM_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_TLAW" data-api="TLAW" data-api-name="외국법률번역DB" > <a href="javascript:void(0);">- 외국법률번역DB (0)</a> </li>  <li class="facet-menu-child" data-tab-index="3" id="s_PROC" data-api="PROC" data-api-name="국회회의록" > <a href="javascript:void(0);">- 국회회의록 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="4" id="s_NABI" data-api="NABI" data-api-name="국회의안정보" > <a href="javascript:void(0);">- 국회의안정보 (0)</a> </li> </ul>  </li>   <li class="facet-menu-parent" data-tab-index="8" id="s_SPEC_ALL" data-api="SPEC_ALL" data-api-name="특화자료" > <p> <a href="javascript:void(0);">특화자료(0)</a> </p>  <ul class="sub" style="display: none;">  <li class="facet-menu-child" data-tab-index="1" id="s_SPEC_ALL" data-api="SPEC_ALL" data-api-name="전체" onclick="changeDbDiv('SPEC_ALL', 'SPEC_ALL');" > <a href="javascript:void(0);">- 전체 (0)</a> </li>  <li class="facet-menu-child" data-tab-index="2" id="s_REFD" data-api="REFD" data-api-name="표·그림DB" > <a href="javascript:void(0);">- 표·그림DB (0)</a> </li> </ul>  </li>  </ul>  <div class="reset_box" style="display:none;" id="FACET_SEARCH_CANCEL">  <p class="tit">선택 취소 <button class="reset" type="button" onclick="javascript:cancelLeftFacet('all');">초기화</button></p> <ul class="searchCancel">  </ul> </div>  <div class="items">  <div class="item" id="FACET_DPBRANCH"> <p class="tit"><button type="button">소장 도서관</button></p> </div>  <div class="item" id="FACET_ORG_DOC">  <p class="tit"><button type="button">원문</button></p> </div>  <div class="item" id="pubYearGraphArea">  <p class="tit"><button type="button">발행 연도</button></p> <div id="pubYear"> <dl> <dd> <div class="graphWrap"> <div id="graphInner" class="graph"></div> <div id="graph" class="graph"> <div id="graphOuter" class="graph"></div> </div> </div> <div id="slider"></div> <div class="graphDate"> <input type="text" id="startPubYear" name="startPubYear" maxlength="4" title="발행 시작년" onkeyup="if(event.keyCode == 13){changePubYear();}" /><span>-</span> <input type="text" id="endPubYear" name="endPubYear" maxlength="4" title="발행 종료년" onkeyup="if(event.keyCode == 13){changePubYear();}" /> <input type="button" class="pubYearBtn" value="적용" onclick="changePubYear();" /> </div> </dd> </dl> </div> </div>  <div class="item" id="FACET_LANGUAGE">  <p class="tit"><button type="button">언어</button></p> </div>   </div> </div> <div class="body searchList"> <script> $(document).ready(function() { $("input[name='chkAllList']").click(function(event){ $("input[name=chk]").prop("checked", $(this).is(":checked")); }); }); </script> <div class="btng_sort with_option"> <div> <span class="chk_box" style="margin-right:15px;"><input type="checkbox" class="chk" id="chkAll" name="chkAllList" style="display: none;"/><label for="chkAll">전체선택</label></span> <button class="btnS ty1" type="button" onclick="javascript:loanBasketInsert('R');"> <i class="ic_addList"></i> 야간이용신청 </button> <button class="btnS ty1" type="button" onclick="javascript:changeHanjaYnByList('N');"> <i class="ic_trans"></i> 한자 → 한글 </button> <div class="btnView_box"> <button class="btnS ty1" type="button"><i class="ic_view"></i>더 보기</button> <div class="pop_moreView" style="display:none"> <ul> <li><button class="btnS ty1" type="button" onclick="javascript:fn_myLibrary('list');"><i class="ic_library"></i>내 서재 담기</button></li> <li><button class="btnS ty1" type="button" onclick="javascript:fn_export();"><i class="ic_export"></i>선택자료 내보내기</button></li> <li><button class="btnS ty1" type="button" onclick="javascript:fn_export_excel();"><i class="ic_export"></i>전체자료 내보내기</button></li> </ul> </div> </div> <div> <a class="sort_opt">정렬옵션</a> </div> </div> <div class="sort_opt_area"> <select id="selPageSize" name="selPageSize"> <option value="10" selected>10개씩 보기</option> <option value="20" >20개씩 보기</option> <option value="30" >30개씩 보기</option> <option value="40" >40개씩 보기</option> <option value="50" >50개씩 보기</option> </select> <select id="selOrderBy" name="selOrderBy"> <option value="WEIGHT" selected>정확도</option> <option value="DP_PUB_YEAR_DESC" >발행년도(최신순)</option> <option value="DP_PUB_YEAR_ASC" >발행년도(과거순)</option> <option value="DP_TITLE_ASC" >서명(ㄱ~ㅎ순)</option> <option value="DP_TITLE_DESC" >서명(ㅎ~ㄱ순)</option> <option value="DP_POPULAR_SCORE_DESC" >인기도</option> </select> <button class="btnS ty2" type="button" onclick="changePageSizeAndOrderBy();">적용</button> </div> </div> <script> (function() { let sortOptOn = false; let forceOnOff = function() { if ($(window).width() <= 480) { $(".sort_opt_area").addClass("force_off"); } else { $(".sort_opt_area").removeClass("force_off"); } }; let toggleSortOptArea = function() { let btn = $(".sort_opt"); let area = $(".sort_opt_area"); if (sortOptOn) { btn.removeClass("active"); area.removeClass("force_on"); } else { btn.addClass("active"); area.addClass("force_on"); } sortOptOn = !sortOptOn; }; $(window).on("resize", forceOnOff); forceOnOff(); $(".sort_opt").on("click", toggleSortOptArea); })(); </script> <div id="searchListNoneDataArea"> <br/><img src="/images/ko/magnifier.png" alt="검색결과 없음 이미지"/><br/><br/> "<strong>9780870707032</strong>" 에 대한 검색결과가 없습니다.<br/> <div> <div> <div class="searchListNoneDataTableRow"> <div class="searchListNoneDataTableCell"> 목차, 초록, 본문까지 포함하여 검색할까요? </div> <div class="searchListNoneDataTableCell"> <a href="javascript:void(0);" onclick="reSearchList(); return false;"><button class="btnS ty3" type="button" >검색하기</button></a> </div> </div> <div class="searchListNoneDataTableRow"> <div class="searchListNoneDataTableCell"> 미소장 자료인 경우 비치(구입)를 신청하실 수 있습니다. </div> <div class="searchListNoneDataTableCell"> <a href="/login.do" target="_blank"><button class="btnS ty3" type="button" >미소장 자료 비치 신청하기</button></a> </div> </div> </div> </div> </div> <div class="paging" style="margin-bottom: 60px;"> </div> <script> $(document).ready(function() { $("input[name='chkAllList']").click(function(event){ $("input[name=chk]").prop("checked", $(this).is(":checked")); }); }); </script> <div class="btng_sort with_option"> <div> <span class="chk_box" style="margin-right:15px;"><input type="checkbox" class="chk" id="chkAll" name="chkAllList" style="display: none;"/><label for="chkAll">전체선택</label></span> <button class="btnS ty1" type="button" onclick="javascript:loanBasketInsert('R');"> <i class="ic_addList"></i> 야간이용신청 </button> <button class="btnS ty1" type="button" onclick="javascript:changeHanjaYnByList('N');"> <i class="ic_trans"></i> 한자 → 한글 </button> <div class="btnView_box"> <button class="btnS ty1" type="button"><i class="ic_view"></i>더 보기</button> <div class="pop_moreView" style="display:none"> <ul> <li><button class="btnS ty1" type="button" onclick="javascript:fn_myLibrary('list');"><i class="ic_library"></i>내 서재 담기</button></li> <li><button class="btnS ty1" type="button" onclick="javascript:fn_export();"><i class="ic_export"></i>선택자료 내보내기</button></li> <li><button class="btnS ty1" type="button" onclick="javascript:fn_export_excel();"><i class="ic_export"></i>전체자료 내보내기</button></li> </ul> </div> </div> <div> <a class="sort_opt">정렬옵션</a> </div> </div> <div class="sort_opt_area"> <select id="selPageSize" name="selPageSize"> <option value="10" selected>10개씩 보기</option> <option value="20" >20개씩 보기</option> <option value="30" >30개씩 보기</option> <option value="40" >40개씩 보기</option> <option value="50" >50개씩 보기</option> </select> <select id="selOrderBy" name="selOrderBy"> <option value="WEIGHT" selected>정확도</option> <option value="DP_PUB_YEAR_DESC" >발행년도(최신순)</option> <option value="DP_PUB_YEAR_ASC" >발행년도(과거순)</option> <option value="DP_TITLE_ASC" >서명(ㄱ~ㅎ순)</option> <option value="DP_TITLE_DESC" >서명(ㅎ~ㄱ순)</option> <option value="DP_POPULAR_SCORE_DESC" >인기도</option> </select> <button class="btnS ty2" type="button" onclick="changePageSizeAndOrderBy();">적용</button> </div> </div> <script> (function() { let sortOptOn = false; let forceOnOff = function() { if ($(window).width() <= 480) { $(".sort_opt_area").addClass("force_off"); } else { $(".sort_opt_area").removeClass("force_off"); } }; let toggleSortOptArea = function() { let btn = $(".sort_opt"); let area = $(".sort_opt_area"); if (sortOptOn) { btn.removeClass("active"); area.removeClass("force_on"); } else { btn.addClass("active"); area.addClass("force_on"); } sortOptOn = !sortOptOn; }; $(window).on("resize", forceOnOff); forceOnOff(); $(".sort_opt").on("click", toggleSortOptArea); })(); </script> <div class="views"> <div class="titg"> <h3> 추천서가 <span>(다양한 추천 자료를 만나보세요)</span> </h3> </div> <div class="viewTabs" id="recommendTab"> <ul> <li class="current"> <a href="#recent" onclick="javascript:recommendList(this, 'PERIOD', '', 'recent');"> 요즘 인기자료 <div class="help_box"> <button class="btn_help" type="button">도움말</button> <div class="layer_help"> 일간 인기는 매일 새벽 2시에 갱신합니다.<br /> 주간 인기는 매주 월요일 새벽 2시에 갱신합니다.<br /> 월간 인기는 매월 1일 새벽 2시에 갱신합니다. </div> </div> </a> </li> <li> <a href="#steady" onclick="javascript:recommendList(this, 'STEADY', '', 'steady');"> 꾸준 인기도서 <div class="help_box"> <button class="btn_help" type="button">도움말</button> <div class="layer_help">꾸준 인기도서는 매주 월요일 새벽 2시에 갱신합니다.</div> </div> </a> </li> </ul> </div> <div class="gridalicious viewTabs_content viewHot_box" id="recent"></div> <div class="viewTabs_content bookViews_slider" id="steady" style="display: none;"></div> <div class="viewTabs_content bookViews_slider" id="place" style="display: none;"></div> </div> <div class="proInfor_ui"> <p class="tit">‘<strong>9780870707032</strong>’관련 국회 의정지원 전문 정보</p> <div class="box"> <ul class="serviceList2"> <li><a href="#none"><p>국회의원<br />정책자료</p> <span id="amposCount">0</span></a></li> <li><a href="#none"><p>법률정보</p> <span id="lawCount">0</span></a></li> <li><a href="#none"><p>AI의정분석서비스<br />아르고스</p> <span id="argosCount">0</span></a></li> <li><a href="#none"><p>국회기록정보</p><span id="archivesCount">0</span></a></li> <li><a href="#none"><p>국회지방의회<br />의정정보</p> <span id="clickCount">0</span></a></li> </ul> </div> </div> </div> </div> </div> </div> <input type="hidden" id="infographicDrMode" value="false"> <input type="hidden" id="deviceClass" value="Desktop"> <script src="/script/search/function2024.js"></script> <div id="myLibrary2" class="modal"> <div class="dataPopup_ui"> <div class="popup fluid"> <button class="close" type="button" onclick="$.modal.close();">닫기</button> <div class="had"> <h1>내서재에 담기</h1> </div> <div class="form"> <table> <caption>내서재 입력란으로 서재명, 설명, 공개여부로 구성</caption> <colgroup> <col width="30%"> <col width="70%"> </colgroup> <tbody> <tr> <th scope="row">담을곳</th> <td> <form action="/mylist/insertitem.do" name="myListForm" id="myListForm" method="POST"> <div id="itemInput"></div> <select id="listNo" name="listNo" title="새로운서재 선택" class="select2" style="padding-right: 50px;"> <option value="0">새로운서재</option> </select> </form> </td> </tr> </tbody> </table> <div class="btn_board end" style="text-align:center;"> <a href="javascript:void(0);" class="btnS4 save">저장</a> </div> </div> </div> </div> </div>  <div id="favoriteLib" class="modal"> <div class="dataPopup_ui"> <div class="popup fluid"> <button class="close" type="button" onclick="$.modal.close();">닫기</button> <div class="had"> <h1>새로운 서재</h1> </div> <div class="form"> <div class="viewTable"> <form action="/mylist/pop/insert.do" name="myListNewForm" id="myListNewForm" method="POST"> <div id="itemInput"></div> <table> <colgroup> <col width="30%"> <col > </colgroup> <tbody> <tr> <th><strong>*</strong> 서재명</th> <td> <input type="text" name="listName" autocomplete="off" title="서재 입력창" onchange="javascript:$('#btnChk').click(); return;"/> <input type="hidden" name="chkOk" value="0"/> <input type="hidden" name="btnChk" id="btnChk" /> <div id="resultMsg"></div> </td> </tr> <tr> <th>설명</th> <td> <input type="text" name="description" autocomplete="off" title="설명 입력창"/> </td> </tr> <tr> <th><strong>*</strong> 공개수준</th> <td> <input type="radio" name="listPrivacy" id="open2" value="3" checked="checked"/> <label for="open2">비공개</label>    <input type="radio" name="listPrivacy" id="open1" value="1"/> <label for="open1">완전공개</label> <p id="msg" style="display:none;" class="red"> * 주의: 국회도서관 이용자 모두에게 공유서재로 서비스 됩니다.</p> </td> </tr> </tbody> </table> </form> <div class="btn_board" style="text-align:center;"> <input type="button" title="저장" value="저장" class="btnS2 newSave" /> <input type="button" title="다시쓰기" value="다시쓰기" class="btnS1 reset" /> </div> </div> </div> </div> </div> </div>  <div id="alert" class="modal"> <div class="dataPopup_ui"> <div class="popup fluid"> <button class="close" type="button" onclick="$.modal.close();">닫기</button> <div class="had"> <h1>저장</h1> </div> <div class="form" style="min-width: 250px; text-align:center;"> <p class="tc mb70">저장 되었습니다.</p> <div class="btn_board" style="text-align:center;"> <input type="button" title="닫기" value="닫기" onclick="$.modal.close();" class="btnS1" /> </div> </div> </div> </div> </div> <div id="refdImg" class="modal"> <div class="dataPopup_ui"> <div class="popup" style="position: absolute;"> <div class="body"> <img src="" id="orgREFDImg" onerror="thumbImageOnError(this)" alt="표그림 이미지" style="max-width: 100%;""/> </div> <div class="btn_board"> <a href="javascript:void(0);" id="viewPdfByREFDImg" class="btnS2" style="display:none;" title="뷰어로 보기">뷰어로 보기</a> <a href="javascript:void(0);" id="viewOrgPdfByREFDImg" class="btnS2" style="display:none;" title="출처 보기">출처 보기</a> <a href="javascript:void(0);" id="downloadExcelByREFDImg" class="btnS2" style="display:none;" title="엑셀 다운로드">엑셀 다운로드</a> <a href="javascript:void(0);" onclick="$.modal.close();" class="btnS1">닫기</a> </div> </div> </div> </div>  <div id="article" class="modal"> <div class="dataPopup_ui"> <div class="popup"> <button class="close" type="button" onclick="$.modal.close();">닫기</button> <div class="had"> <h1>권호기사보기</h1> </div> <div class="body"> <div class="tbl_col scroll"> <table> <caption>권호기사 목록 테이블로 기사명, 저자명, 페이지, 원문, 기사목차 순으로 되어있습니다.</caption> <colgroup> <col> <col width="12%"> <col width="15%"> <col width="20%"> <col width="10%"> </colgroup> <thead class="txtCenter"> <tr> <th scope="col">기사명</th> <th scope="col">저자명</th> <th scope="col" data-breakpoints="xs">페이지</th> <th scope="col" data-breakpoints="xs sm">원문</th> <th scope="col" data-breakpoints="xs sm md">기사목차</th> </tr> </thead> <tbody id="articleContents">  </tbody> </table> </div> <div class="btn_block type"> <button class="btnD1" onclick="$.modal.close();" type="button">닫기</button> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#loanSerlPopupList #volumnChkAll").click(function(){ if($("#loanSerlPopupList #volumnChkAll").is(":checked")){ $("#loanSerlPopupList .chk").each(function(){ if(!$(this).attr('disabled')){ $(this).prop("checked", true); } }); $("#loanSerlPopupList #volumnChkAll").prop('checked', true); } else { $("#loanSerlPopupList .chk").prop("checked", false); $("#loanSerlPopupList #volumnChkAll").prop('checked', false); } }); }); function searchButton(){ selectSerlVolumnList($('#loanSerlPopupList input[name="loanGubun"]').val(), $('#loanSerlPopupList input[name="check_cn"]').val(), $('#loanSerlPopupList #year').val()); } </script> <a id="btnLoanSerlPopupOpen" href="#loanSerlPopupList" rel="modal:open" class="dNone" title="연속간행물 팝업 열기" style="display: none;">연속간행물 팝업 열기</a> <div id="loanSerlPopupList" class="dataPopup_ui" style="display: none;"> <input type="hidden" name="loanGubun" value=""/> <input type="hidden" name="check_cn" value=""/> <input type="hidden" name="current_year" value=""/> <div class="popup"> <a class="close" type="button" href="#loanSerlPopupList" rel="modal:close">닫기</a> <div class="had"> <h1>연속간행물 권호 선택</h1> </div> <div class="body out_btn"> <div class="form"> <table> <caption class="skip">연속간행물 상세정보 입니다.</caption> <colgroup> <col width="200px" /> <col width="" /> </colgroup> <tbody> <tr> <th scope="row">청구기호</th> <td class="tl" id="callNo"></td> </tr> <tr> <th scope="row">자료명/저자사항</th> <td class="tl" id="title"></td> </tr> <tr> <th scope="row">발행사항</th> <td class="tl" id="pub"></td> </tr> <tr> <th scope="row">형태사항</th> <td class="tl" id="page"></td> </tr> <tr> <th scope="row">ISSN</th> <td class="tl" id="issn"></td> </tr> </tbody> </table>  <dl class="form_data" style="margin:30px 0px 15px 0px;"> <div> <dd> <b> </b>   </dd> <dd> <select id="year" name="pubYear" title="연도 선택" class="size5"> </select> <button type="button" class="btnM2" title="조회" value="조회" onclick="javascript:searchButton();">조회</button> </dd> </div> </dl>  </div>  <div class="tbl_col" id="dataTable"> <table> <caption>권호 정보를 보여주는 표이며 번호, 발행일자, 권호명, 제본정보, 자료실, 원문 순으로 되어있습니다.</caption> <colgroup> <col width="9%"> <col width="15%"> <col width="*"> <col width="15%"> <col width="15%"> <col width="8%"> </colgroup> <thead> <tr> <th scope="col"><span class="chk_box type"><input type="checkbox" name="check" id="volumnChkAll" /><label for="volumnChkAll">전체 선택</label></span></th> <th scope="col">발행일자</th> <th scope="col">권호명</th> <th scope="col">제본정보</th> <th scope="col">자료실</th> <th scope="col">원문</th> </tr> </thead> <tbody></tbody> </table> </div>  </div>   <div class="btn_block type"> <div id="btn_r" style="display: inline-block;"> <button type="button" title="야간이용신청목록담기" class="btnD2" onclick="javascript:loanBasketInsertSerl('R');"/>야간이용신청목록담기</button> </div> <div id="btn_b" style="display: inline-block;"> <button type="button" value="야간이용신청목록담기" class="btnD2" onclick="javascript:loanBasketInsertSerl('R');"/>야간이용신청목록담기</button> </div> <div id="btn_l" style="display: inline-block;"> <button type="button" title="열람신청목록담기" class="btnD2" onclick="javascript:loanBasketInsertSerl('L');"/>열람신청목록담기</button> </div> <div id="btn_o" style="display: inline-block;"> <button type="button" title="열람신청목록담기" class="btnD2" onclick="javascript:loanBasketInsertSerl('L');"/>열람신청목록담기</button> <button type="button" title="국회의원실 간편 대출서비스 목록담기" class="btnD2" onclick="javascript:loanBasketInsertSerl('O');"/>국회의원실 간편 대출서비스 목록담기</button> </div> <button class="btnD4" type="button" onclick="$.modal.close();">닫기</button> </div>  </div>  </div>  <div id="coverImg" style="display: none;"> <div class="imgPreview"> <div class="popup"> <button class="close" type="button" style="opacity: 0.7;" onclick="$.modal.close();">닫기</button> <div class="img"> <img id="orgCoverImg" src="" alt="표지 이미지"/> </div> </div> </div> </div>  <div id="volumeToc" class="modal height">0 <div class="dataPopup_ui"> <div class="popup"> <button class="close" type="button" onclick="doCloseVolumeTocPop();">닫기</button> <div class="had"> <h1>목차보기</h1> </div> <div class="body"> <div class="tbl_col"> <p id="VOLUME_TOC_TBODY"></p>  </div> </div> <div class="btn_block type"> <a href="#none" onclick="javascript:printVolumeToc(this);" class="btnM3" title="인쇄">인쇄</a> </div> </div> </div> </div> <div id="exportPop" class="modal exportPop">  <div class="dataPopup_ui"> <div class="popup fluid"> <button class="close" type="button" onclick="$.modal.close();">닫기</button> <div class="had"> <h1>내보내기 종류 선택</h1> </div> <form action="/result/search/output.do" name="searchExportForm" id="searchExportForm" method="post"> <input type="hidden" name="contentHtml"> <input type="hidden" name="handlerType"> <input type="hidden" name="cnArr"> <input type="hidden" name="query" value="9780870707032"> <div class="form body"> <table> <caption>내보내기 종류 선택</caption> <colgroup> <col width="16%" /> <col width="16%" /> <col width="16%" /> <col width="16%" /> <col width="16%" /> <col width="16%" /> </colgroup> <tbody class="fStyle1" style="width: max-content;"> <tr style="text-align: center;"> <td colspan="6"> <ul class="fStyle1"> <li class="html"> <label for="ef1"><img src="/images/ko/ico/img_html.png"/></label><br/> <input type="radio" name="exportForm" id="ef1" title="HTML" value="html" /> </li> <li class="eMail"> <label for="ef2"><img src="/images/ko/ico/img_email.png"/></label><br/> <input type="radio" name="exportForm" id="ef2" title="E-Mail" value="email" /> </li> <li class="print2"> <label for="ef3"><img src="/images/ko/ico/img_print.png"/></label><br/> <input type="radio" name="exportForm" id="ef3" title="인쇄" value="print" /> </li> <li class="preview"> <label for="ef4"><img src="/images/ko/ico/img_preview.png"/></label><br/> <input type="radio" name="exportForm" id="ef4" title="미리보기" value="view" /> </li> <li class="excel"> <label for="ef7"><img src="/images/ko/ico/img_excel.png"/></label><br/> <input type="radio" name="exportForm" id="ef7" title="Excel" value="excel" /> </li> <li class="riss"> <label for="ef6"><img src="/images/ko/ico/img_riss.png"/></label><br/> <input type="radio" name="exportForm" id="ef6" title="RIS" value="riss" /> </li> </ul> </td> </tr>  <tr class="inputWrap"> <td colspan="6"> <div class="input"> <span style="font-size: 18px;">이메일   </span> <input type="text" id="email" name="email" title="이메일 입력칸" class="size2"> </div><br/> <div class="input"> <span style="font-size: 18px;">제목        </span> <input type="text" id="title" name="title" title="제목 입력칸" class="size2"> </div> </td> </tr> <tr> <td colspan="6" class="txt dash"> <p>- <span style="font-size: 18px">EndNote</span>에서 이용 가능한 형식으로 반출합니다.</p> </td> </tr> </tbody> </table> </div> <div class="btn_member"> <a href="#myLibExportFin" onclick="" class="btnS4 save">확인</a> <a href="javascript:void(0);" onclick="$.modal.close();" class="btnS2">취소</a> </div> </form> </div> </div> </div> <div id="infographicPop" class="modal infographicPop">  <form name="frmChartTopic" id="frmChartTopic"> <input type="hidden" name="host" id="Host" value=""> <input type="hidden" name="dramaCollection" id="dramaCollection" value="NADL"> <input type="hidden" name="dramaOption" id="dramaOption" value="XQ"> <input type="hidden" name="dataOption" id="dataOption" value="Y"> <input type="hidden" name="useRepreterms" id="useRepreterms" value="Y"> <input type="hidden" name="searchTerm" id="chartTerm" value="9780870707032"> <input type="hidden" name="chartFlag" id="chartFlag" value="trend"> <input type="hidden" name="listPage" id="chartListPage" value="1"> <input type="hidden" name="listCount" id="chartListCount" value="2"> <input type="hidden" name="selectTerm" id="chartSelectTerm" value=""> <input type="hidden" name="vflag" id="vflag" value=""> </form> <div id="search_graph"> <ul class="tab"> <li id="buttonTopicTrend_new"><a href="#tab1" class="selected" title="연관어 트랜드">연관어 트랜드</a></li> <li id="buttonTopicCount_new"><a href="#tab2" title="연관어 분포">연관어 분포</a></li> <li id="buttonTopicCount_new"><a href="#tab3" title="연관어 인물">연관어 인물</a></li> <li id="buttonTopicCount_new"><a href="#tab4" title="연관어 인기도">연관어 인기도</a></li> </ul> <a href="#blank" class="search_close" title="닫기">닫기</a> <ul class="panel"> <li class="tab1" id="tab1"> <div id="graph_area"> <span id='loadingBarDiv' style='display: none; position: relative; z-Index: 9999;'><img src="/images/ko/chart/ajaxloader.gif" border="0" alt="로딩중"></span> <div class="graph_box">  <div class="demo-body" style="display: none"> <div id="controls" style="display: none"></div> <div id="chartRel"></div> </div>   <div class="sc_graph" id="chartCloud" style="display: none"></div>   <div class="sc_graph" id="chartFigure" style="display: none"></div>   <div class="chartKeyword" style="display: none"> <div id="chartKeywordBtn" style="display: none"> <a href="#" class="btn_montly" title="월간"><i class="skip">월간</i></a> <a href="#" class="btn_weekly" title="주간"><i class="skip">주간</i></a> </div> <br> <br> <div id="chartKeyword" style="display: none"></div> </div>  <div class="search_cat"> <a href="#" class="btn_cat_more" title="지식맵 연관어보기"><span class="blind">연관어보기</span></a> <ul class="more_cat_list"></ul> </div> <a href="#" class="btn_view_large" id="buttonPopupChart" title="지식맵 크게보기"><i class="skip">지식맵 크게보기</i></a> <a href="#" class="btn_table" title="지식맵 표로 보기"><i class="skip">지식맵 표로 보기</i></a> <div class="sc_page"> <div class="prevnext_page"> <p class="text" id="chartPage"></p> </div>  </div> </div> <div class="table_box" style="display: none"> <div class="search_cat"> <a href="#" class="btn_cat_more" title="지식맵 연관어보기"><span class="blind">연관어보기</span></a> <ul class="more_cat_list"></ul> </div> <a href="#" class="btn_view_large" id="buttonPopupChart" title="지식맵 크게보기"><i class="skip">지식맵 크게보기</i></a> <a href="#" class="btn_graph" title="지식맵 차트 보기"><i class="skip">지식맵 차트보기</i></a> <div class="search_table_01"></div> <div class="sc_page"> <div class="prevnext_page"> <p class="text" id="chartPage"></p> </div>  </div> </div> </div> </li> </ul> </div>  </div>  <a href="#confirmPopup" rel="modal:open" class="btn" style="display:none;" id="confirmPopupOpenLink" title="확인"></a> <div id="confirmPopup" class="modal alert line2"> <div class="wrap"> <div class="bottom"> <p class="mb30" style="margin: 25px 0px 25px 0px;"></p> <div class="btnWrap tc" style="text-align: center;"> <a href="#close-modal" rel="modal:close" class="btnS2" title="닫기">닫기</a> </div> </div> </div> </div>  <a id="searchPcLoginPopup" href="#loginP" rel="modal:open" class="btn" style="display:none;" title="로그인 팝업 열기"></a> <div id="loginP" class="modal"> <div class="pop_apply"> <div class="popup login"> <h1>로그인</h1> <p class="txt"> 로그인을 하시려면 아이디와 비밀번호를 입력해주세요.<br /> 모바일 간편 열람증으로 입실한 경우 회원가입을 해야합니다.<br /> <span style="color: blue;">공용 PC이므로 한번 더 로그인 해 주시기 바랍니다.</span> </p> <div class="input"> <div class="form"> <button class="close" type="button" onclick="$.modal.close();">닫기</button> <div class="input"> <input type="text" placeholder="아이디" id="searchPcLoginId" class="wide" /> <input type="hidden" id="searchPcItemRegNo" > <input type="hidden" id="searchPcBranchCode" > </div><br /> <div class="input"> <input type="password" placeholder="비밀번호" id="searchPcLoginPw" class="wide" onkeydown="if(event.keyCode == 13) searchPcLoginForReservationProc('loanReservation');" /> </div> <div style="font-size: 14px; color: #4b4b4b; padding-top: 10px; display: none;" id="pwdErrorDiv"> <p style="color: red;">아이디 또는 비밀번호를 확인해주세요</p> </div> </div> <br /> <div> <a href="javascript:void(0);" id="loanBasketLogin" onclick="javascript:searchPcLoginForReservationProc('loanReservation');" class="btnD2" style="width: 100%;">로그인</a> <a href="javascript:void(0);" style="display:none;" id="loanFailLogin" onclick="javascript:searchPcLoginForReservationProc('loanFail');" class="btnD2" style="width: 100%;">로그인</a> </div> <br/> <div id="searchPcLoginPopupLink"> <li></li> <li> <a href="https://www.nanet.go.kr/member/searchIdPwdForm.do" target="_blank" title="아이디찾기(새창)">아이디찾기</a> </li> <li> <a href="https://www.nanet.go.kr/member/searchPwdForm.do" target="_blank" title="비밀번호변경(새창)">비밀번호변경</a> </li> <li> <a href="https://www.nanet.go.kr/member/insertMemberForm1.do" target="_blank" title="회원가입(새창)">회원가입</a> </li> <li></li> </div> </div> </div> </div> </div> <script type="text/javascript"> (function() { for (let index = 0; index < 0; index ++) { let outsideDocList = $(".outside-doc.idx-" + index); if (outsideDocList.length == 0) { continue; } if (outsideDocList.length == 1) { outsideDocList.text("외부기관 원문"); continue; } if (outsideDocList.eq(0).hasClass("gray")) { for (let index = 1; index < outsideDocList.length; index ++) { outsideDocList.eq(index).remove(); } outsideDocList.eq(0).text("외부기관 원문"); continue; } outsideDocList.first().before( "<div class='outside-doc idx-" + index + " selectBox dropdown'>" + "<button type='button' class='dropbtn arrow btnD ty1'>외부기관 원문</button>" + "<div class='dropdown_content'></div>" + "</div>" ); $("div.outside-doc.idx-" + index + " div").append(outsideDocList); } })(); $(document).ready(function() { initFlag = "Y"; checkResearchList(); $('#chartFlag').val('trend'); $('#chartListPage').val(1); $('#chartListCount').val(2); // 기본검색에서 검색결과 없고 목차,초록,본문 포함하여 재검색 후에도 검색결과가 없을 경우 후 처리 if($("#selZone").val() == "ALL" && '' < 1) { $("div[name=researchArea]").hide(); } // 외부기관 링크 클릭 이벤트 $('.dropbtn').click(function() { var content = $(this).siblings('.dropdown_content'); if(content.css('display') == 'block') { content.hide(); $(this).removeClass('active'); } else { $('.dropdown_content').hide(); $('.dropbtn').removeClass('active'); content.show(); $(this).addClass('active'); } }); $('.bookViews_slider').slick({ initialSlide:-1,slidesToShow:5,slidesToScroll:5,autoplay:false,autoplaySpeed:4000,dots:false,arrows:true,infinite:true,speed:800,variableWidth:true,centerMode:false //,draggable:false }); selectRecommendRandomly(); }); //내서재 담기 팝업 function fn_myLibrary(type){ var isLogin = ''; // 검색대 로그인 시 텍스트로 'false' 값이 저장되어 있는데, 이것은 텍스트가 존재하는 것이기 때문에 true(boolean 값)로 작용함. var isLoginSub = ''; var userClass1 = '0'; if(!isLogin) { // 로그인 안 되어 있으면 로그인 페이지로 이동 alert("로그인 후 이용 가능합니다."); window.location.href = '/login.do'; return false; } // 협정기관(검색대)PC 자동 로그인(userBean)이지만 개인로그인(userBeanSub)가 안 되어 있으면 로그인 페이지로 이동 if(isLogin && (userClass1 == '1' || userClass1 == '2') && !isLoginSub) { alert("로그인 후 이용 가능합니다."); window.location.href = '/loginSub.do'; return false; } if($("input:checkbox[name=chk]:checked").length < 1){ alert("선택한 항목이 없습니다"); return false; } var pDataId = new Array(); $("input:checkbox[name=chk]:checked").each(function(i) { pDataId.push($(this).val()); }); jQuery.ajaxSettings.traditional= true; $.ajax({ type: "POST", url: "/mylist/pop/writeitem.do", data: {"data": pDataId}, dataType: "json", success: function(data) { previousFocus = document.activeElement; $("#myLibrary2").modal(); $('#myLibrary2 #listNo').empty(); $('#myLibrary2 #itemInput').empty(); if(data != null){ var content = ""; var inputVal = ""; var selectedNo = ""; for(var i=0; i<data.mylistList.length; i++){ selectedNo = data.mylistList[i].basicYn == 'Y' ? data.mylistList[i].listNo : ''; content += '<option value=\"'+data.mylistList[i].listNo+'\">'+data.mylistList[i].listName+'</option>'; } content += "<option value=\"0\">[새로운 서재 추가]</option>"; for(var i=0; i<data.items.length; i++){ inputVal += "<input type=\"hidden\" name=\"item\" value="+data.items[i]+">"; } $('#myLibrary2 #listNo').append(content); $('#myLibrary2 #itemInput').append(inputVal); if(selectedNo != "") $('#myLibrary2 #listNo').val(selectedNo); } }, error: function() { alert("basket input fail!"); } }); } function getWindowType () { let innerWidth = window.innerWidth; let type = ''; if (innerWidth > 1400) { type = 'pc'; } else if (innerWidth > 768) { type = 'tablet'; } else { type = 'mobile'; } return type; } // 2025.02.18 추가, 접기 버튼 클릭 시 위로 이동 document.querySelectorAll('.btn_listMore button').forEach((button) => { button.addEventListener('click', function () { let box = this.closest('.box'); if (!box) return; if (!this.classList.contains('on')) { let innerWidth = getWindowType(); let height = 0; if (innerWidth === 'pc') { height = -85; } else if (innerWidth === 'tablet') { height = -115; } else { height = -85; } setTimeout(() => { window.scrollTo({top: box.getBoundingClientRect().top + window.scrollY + height, behavior: 'smooth'}); }, 50); } }); }); $(function() { const win = $(window); win.load(function() { setTimeout(function() { if (win.width() > 480) { return; } window.scrollTo({ top: $(".tab_search").offset().top - $(".header").height() - 5, behavior: "smooth" }); }, 1); }); }); </script> </div> </div>  <footer> <div class="footer"> <ul class="f_link"> <li><a href="https://www.nanet.go.kr/member/persionlInfoView.do">개인정보 처리방침</a></li> <li><a href="https://www.nanet.go.kr/member/mailrefusalView.do">이메일수집거부</a></li> <li><a href="https://www.nanet.go.kr/libintroduce/etc/libDirectView.do">찾아오시는 길</a></li> </ul> <div class="address"> <p>서울특별시 영등포구 의사당대로 1 (여의도동) 07233</p> <p>대표전화 : 02-6788-4211</p> <p>홈페이지 관련 문의 webw3@nanet.go.kr</p> </div> <div class="copy">Copyrightⓒ 국회도서관. All rights reserved.<br />대한민국 국회도서관 홈페이지의 모든 정보에 대한 권한은 국회도서관에 있습니다.</div> <div class="family_site"> <div class="select"> <button type="button">소관기관 홈페이지</button> <div class="option"> <ul> <li><a target="_blank" href="https://busan.nanet.go.kr">국회부산도서관</a></li> <li><a target="_blank" href="https://www.assembly.go.kr/portal/main/main.do">대한민국 국회</a></li> <li><a target="_blank" href="https://nas.na.go.kr">국회사무처</a></li> <li><a target="_blank" href="https://www.nabo.go.kr">국회예산정책처</a></li> <li><a target="_blank" href="https://www.nars.go.kr">국회입법조사처</a></li> <c:choose> <c:when test="true"> <li><a href="javascript:void(0);" onclick="alert('인터넷망 PC를 이용하시기 바랍니다.');">국회미래연구원</a></li> </c:when> <c:otherwise> <li><a target="_blank" href="https://www.nafi.re.kr/new/index.do">국회미래연구원</a></li> </c:otherwise> </c:choose> <li><a target="_blank" href="https://archives.nanet.go.kr/main.do">국회기록보존소</a></li> <li><a target="_blank" href="https://dokdo.nanet.go.kr/dokdo">독도홈페이지</a></li> <li><a target="_blank" href="https://law.nanet.go.kr/">국회법률도서관</a></li> </ul> </div> </div> <div class="select"> <button type="button">위원회 홈페이지</button> <div class="option"> <ul> <li><a target="_blank" href="https://committee.na.go.kr:444">국회상임위원회 및 특별위원회</a></li> <li><a target="_blank" href="https://steering.na.go.kr:444">국회운영위원회</a></li> <li><a target="_blank" href="https://legislation.na.go.kr:444">법제사법위원회</a></li> <li><a target="_blank" href="https://policy.na.go.kr:444">정무위원회</a></li> <li><a target="_blank" href="https://finance.na.go.kr:444">기획재정위원회</a></li> <li><a target="_blank" href="https://edu.na.go.kr:444">교육위원회</a></li> <li><a target="_blank" href="https://science.na.go.kr:444">과학기술정보방송통신위원회</a></li> <li><a target="_blank" href="https://uft.na.go.kr:444">외교통일위원회</a></li> <li><a target="_blank" href="https://defense.na.go.kr:444">국방위원회</a></li> <li><a target="_blank" href="https://adminhom.na.go.kr:444">행정안전위원회</a></li> <li><a target="_blank" href="https://cst.na.go.kr:444">문화체육관광위원회</a></li> <li><a target="_blank" href="https://agri.na.go.kr:444">농림축산식품해양수산위원회</a></li> <li><a target="_blank" href="https://industry.na.go.kr:444">산업통상자원중소벤처기업위원회</a></li> <li><a target="_blank" href="https://health.na.go.kr:444">보건복지위원회</a></li> <li><a target="_blank" href="https://environment.na.go.kr:444">환경노동위원회</a></li> <li><a target="_blank" href="https://ltc.na.go.kr:444">국토교통위원회</a></li> <li><a target="_blank" href="https://intelligence.na.go.kr:444">정보위원회</a></li> <li><a target="_blank" href="https://women.na.go.kr:444">여성가족위원회</a></li> <li><a target="_blank" href="https://budget.na.go.kr:444">예산결산특별위원회</a></li> <li><a target="_blank" href="https://spc.na.go.kr:444">특별위원회</a></li> </ul> </div> </div> <div class="select"> <button type="button">유관기관 홈페이지</button> <div class="option"> <ul> <li><a target="_blank" href="https://www.naon.go.kr">국회뉴스ON</a></li> <li><a target="_blank" href="https://www.natv.go.kr">국회방송</a></li> <li><a target="_blank" href="http://assembly.webcast.go.kr">인터넷의사중계</a></li> <li><a target="_blank" href="https://museum.assembly.go.kr/">국회박물관</a></li> <li><a target="_blank" href="https://training.assembly.go.kr">국회의정연수원</a></li> <li><a target="_blank" href="https://vplatform.assembly.go.kr/">정책영상플랫폼</a></li> </ul> </div> </div> <div class="select"> <button type="button">국회정보시스템</button> <div class="option"> <ul> <li><a target="_blank" href="https://open.assembly.go.kr">열린국회정보</a></li> <li><a target="_blank" href="https://petitions.assembly.go.kr/paHome">국민동의청원</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/bill/main.do">의안정보시스템</a></li> <li><a target="_blank" href="http://w3.assembly.go.kr/vod">영상회의록</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/record">회의록시스템</a></li> <li><a target="_blank" href="https://pal.assembly.go.kr">국회입법예고</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/law">국회법률정보시스템</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/bill/nafs/nafsList.do">예결산정보시스템</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/inspections/main.do">국정감사정보시스템</a></li> <li><a target="_blank" href="https://open.assembly.go.kr:442/admjud/guideAdmjud.do">행정심판시스템</a></li> <li><a target="_blank" href="https://gosi.assembly.go.kr">국회채용시스템</a></li> </ul> </div> </div> <div class="select mobile"> <button type="button">유관부서 이동하기</button> <div class="option"> <ul> <li><a target="_blank" href="https://busan.nanet.go.kr">국회부산도서관</a></li> <li><a target="_blank" href="https://nas.na.go.kr">국회사무처</a></li> <li><a target="_blank" href="https://www.nabo.go.kr">국회예산정책처</a></li> <li><a target="_blank" href="https://www.nars.go.kr">국회입법조사처</a></li> <li><a target="_blank" href="https://www.nafi.re.kr/new/index.do">국회미래연구원</a></li> <li><a target="_blank" href="https://committee.na.go.kr:444">국회상임위원회 및 특별위원회</a></li> <li><a target="_blank" href="https://steering.na.go.kr:444">국회운영위원회</a></li> <li><a target="_blank" href="https://legislation.na.go.kr:444">법제사법위원회</a></li> <li><a target="_blank" href="https://policy.na.go.kr:444">정무위원회</a></li> <li><a target="_blank" href="https://finance.na.go.kr:444">기획재정위원회</a></li> <li><a target="_blank" href="https://edu.na.go.kr:444">교육위원회</a></li> <li><a target="_blank" href="https://science.na.go.kr:444">과학기술정보방송통신위원회</a></li> <li><a target="_blank" href="https://uft.na.go.kr:444">외교통일위원회</a></li> <li><a target="_blank" href="https://defense.na.go.kr:444">국방위원회</a></li> <li><a target="_blank" href="https://adminhom.na.go.kr:444">행정안전위원회</a></li> <li><a target="_blank" href="https://cst.na.go.kr:444">문화체육관광위원회</a></li> <li><a target="_blank" href="https://agri.na.go.kr:444">농림축산식품해양수산위원회</a></li> <li><a target="_blank" href="https://industry.na.go.kr:444">산업통상자원중소벤처기업위원회</a></li> <li><a target="_blank" href="https://health.na.go.kr:444">보건복지위원회</a></li> <li><a target="_blank" href="https://environment.na.go.kr:444">환경노동위원회</a></li> <li><a target="_blank" href="https://ltc.na.go.kr:444">국토교통위원회</a></li> <li><a target="_blank" href="https://intelligence.na.go.kr:444">정보위원회</a></li> <li><a target="_blank" href="https://women.na.go.kr:444">여성가족위원회</a></li> <li><a target="_blank" href="https://budget.na.go.kr:444">예산결산특별위원회</a></li> <li><a target="_blank" href="https://spc.na.go.kr:444">특별위원회</a></li> <li><a target="_blank" href="https://www.naon.go.kr">국회뉴스ON</a></li> <li><a target="_blank" href="https://www.natv.go.kr">국회방송</a></li> <li><a target="_blank" href="http://assembly.webcast.go.kr">인터넷의사중계</a></li> <li><a target="_blank" href="https://museum.assembly.go.kr/">국회박물관</a></li> <li><a target="_blank" href="https://training.assembly.go.kr">국회의정연수원</a></li> <li><a target="_blank" href="https://vplatform.assembly.go.kr/">정책영상플랫폼</a></li> <li><a target="_blank" href="https://open.assembly.go.kr">열린국회정보</a></li> <li><a target="_blank" href="https://petitions.assembly.go.kr/paHome">국민동의청원</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/bill/main.do">의안정보시스템</a></li> <li><a target="_blank" href="http://w3.assembly.go.kr/vod">영상회의록</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/record">회의록시스템</a></li> <li><a target="_blank" href="https://pal.assembly.go.kr">국회입법예고</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/law">국회법률정보시스템</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/bill/nafs/nafsList.do">예결산정보시스템</a></li> <li><a target="_blank" href="https://likms.assembly.go.kr/inspections/main.do">국정감사정보시스템</a></li> <li><a target="_blank" href="https://open.assembly.go.kr:442/admjud/guideAdmjud.do">행정심판시스템</a></li> <li><a target="_blank" href="https://gosi.assembly.go.kr">국회채용시스템</a></li> </ul> </div> </div> </div> <div class="mark">(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크)</div> </div> </footer>  <div class="btn-intro"> <img src="/images/btn/btn-intro-icon-over.png" alt="챗봇" class="over" onclick="openChatbot();"> <img src="/images/btn/btn-intro-icon.png" alt="챗봇" class="original" onclick="openChatbot();"> </div>  <div id="tipBox"></div> <script type="text/javascript"> subJs(); /*2025년 2월 25일에 챗봇 오픈 후 챗봇 아이콘 보이게 할 예정. by 남규태 주무관님 요청.*/ $(document).ready(function() { if(window.self !== window.top){ $('.btn-intro').hide(); } }); // get 방식 function openChatbot() { // 현재 페이지의 URL 가져오기 let currentUrl = window.location.href; if(currentUrl.indexOf('searchInnerList') > -1 || (currentUrl.indexOf('searchOuterList.do') > -1 && currentUrl.indexOf('searchOuterDetail.do') == -1)){ // 내부/외부 검색 목록에서 챗봇을 실행하였을 경우 currentUrl = window.location.origin+'/search/searchInnerList.do?queryText=9780870707032%3AALL_NI_TOC%3AAND&query=9780870707032'+'&hanjaYnByDetail='+'Y'; // 검색 파라미터값들을 주소에 세팅 } console.log('currentUrl', currentUrl); // URL 인코딩 const encodedUrl = encodeURIComponent(currentUrl); const formValues = {}; if(currentUrl.indexOf('/search/') > -1){ const form = document.getElementById("searchForm"); const formData = new FormData(form); for(let [key, value] of formData.entries()){ formValues[key] = value; } }/* else { const parameterStr = window.location.search; // GET 방식에서의 파라미터 가져오기 const parameterObj = new URLSearchParams(parameterStr); for(let [key, value] of parameterObj.entries()){ formValues[key] = value; } } */ // formValues["hanjaYnByDetail"]="Y"; /* let innerSearchUrl = '/search/searchInnerList.do?queryText=9780870707032%3AALL_NI_TOC%3AAND&query=9780870707032'.replace("/search/searchInnerList.do?",""); const innerSearchParamObj = new URLSearchParams(innerSearchUrl); for(let [key, value] of innerSearchParamObj.entries()){ formValues[key] = value; //innerSearchParamObj.get("searchType") } */ // 챗봇 페이지 URL const chatbotUrl = 'https://aichat.nanet.go.kr/chatbot.html?iframeUrl=' + encodedUrl; if((currentUrl.indexOf('searchInnerDetail') > -1 || currentUrl.indexOf('searchOuterDetail') > -1 || currentUrl.indexOf('searchInnerList') > -1 || currentUrl.indexOf('searchOuterList') > -1) && encodedUrl.indexOf('?') == -1){ // 검색목록 또는 검색상세페이지이며, encodedUrl값에 ?가 없는 경우 window.location.href = chatbotUrl.replace(/&/gi,'┼'); } else { let queryString = ""; if(Object.keys(formValues).length > 0){ queryString = '?' + new URLSearchParams(formValues).toString().replace(/&/gi,'┼'); } window.location.href = chatbotUrl + queryString; } /* if(currentUrl.indexOf('searchInnerList') > -1){ window.location.href = chatbotUrl.replace(/&/gi,'┼'); }else if(currentUrl.indexOf('searchInnerDetail') == -1 && encodedUrl.indexOf('?') == -1){ const queryString = new URLSearchParams(formValues).toString().replace(/&/gi,'┼'); window.location.href = chatbotUrl + '?' + queryString; }else{ window.location.href = chatbotUrl.replace(/&/gi,'┼'); } */ } //#################################### 원문 아이콘 툴팁박스 관련 시작 ################################## function displayTip(obj, content){ if(content == undefined || content == ""){ return; } var objWidth = $(obj).width(); var objOffSet = $(obj).offset(); var targetOffX = String(parseInt(objOffSet.left) - (5000/objWidth) + 'px'); var targetOffY = String(parseInt(objOffSet.top) + 57 + 'px'); // console.log('objWidth : ' + objWidth); // console.log('objOffSet.left : ' + objOffSet.left); // console.log('objOffSet.top : ' + objOffSet.top); // console.log('targetOffX : ' + targetOffX); // console.log('targetOffY : ' + targetOffY); $("#tipBox").css("left", targetOffX); $("#tipBox").css("top", targetOffY); $("#tipBox").html(content); $("#tipBox").css("display", "block"); $(obj).on("mouseout", hideTip); } function hideTip() { $("#tipBox").css("display", "none"); } //#################################### 원문 아이콘 툴팁박스 관련 끝 ################################## //#################################### 챗봇 관련 시작 ################################## window.addEventListener('message', function(event) { // 보안을 위해 출처 확인 (실제 부모 도메인으로 변경 필요) if(event.origin.indexOf(".nanet.go.kr") === -1){ // 국회도서관 URL이 아닌 경우 return; } if (event.data.type === 'REQUEST_URL') { // 현재 페이지의 URL 가져오기 let currentUrl = window.location.href; if(currentUrl.indexOf('searchInnerList') > -1 || (currentUrl.indexOf('searchOuterList.do') > -1 && currentUrl.indexOf('searchOuterDetail.do') == -1)){ // 검색 목록화면인 경우 currentUrl = window.location.origin+'/search/searchInnerList.do?queryText=9780870707032%3AALL_NI_TOC%3AAND&query=9780870707032'+'&hanjaYnByDetail='+'Y'; // 검색 파라미터값들을 주소에 세팅 } // URL 인코딩 const encodedUrl = encodeURIComponent(currentUrl); const formValues = {}; if(currentUrl.indexOf('/search/') > -1){ const form = document.getElementById("searchForm"); const formData = new FormData(form); for(let [key, value] of formData.entries()){ formValues[key] = value; } }/* else { const parameterStr = window.location.search; // GET 방식에서의 파라미터 가져오기 const parameterObj = new URLSearchParams(parameterStr); for(let [key, value] of parameterObj.entries()){ formValues[key] = value; } } */ if((currentUrl.indexOf('searchInnerDetail') > -1 || currentUrl.indexOf('searchInnerList') > -1 || currentUrl.indexOf('searchOuterDetail') > -1 || currentUrl.indexOf('searchOuterList') > -1) && encodedUrl.indexOf('?') == -1){ window.parent.postMessage({ type: 'URL_RESPONSE', url: encodedUrl }, '*'); } else { let queryString = ""; if(Object.keys(formValues).length > 0){ queryString = '?' + new URLSearchParams(formValues).toString().replace(/&/gi,'┼'); } window.parent.postMessage({ type: 'URL_RESPONSE', url: encodedUrl + queryString }, '*'); } /* if(currentUrl.indexOf('searchInnerDetail') == -1 && encodedUrl.indexOf('?') == -1){ // 부모 창으로 현재 URL 전송 window.parent.postMessage({ type: 'URL_RESPONSE', url: encodedUrl + '?' + queryString }, '*'); }else{ window.parent.postMessage({ type: 'URL_RESPONSE', url: encodedUrl }, '*'); } */ } }); //#################################### 챗봇 관련 시작 ################################## </script> <script src="/script/bs_trk.js"></script> </body> </html>

CINXE.COM

대한민국 국회도서관