CINXE.COM

코리안메모리

<!DOCTYPE html> <html lang="ko"> <head> <title>코리안메모리 </title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="shortcut icon" href="/resource/templete/manpa/favicon.png" /> <link rel="apple-touch-icon" href="/resource/templete/manpa/favicon.png"/> <meta name="description" content="가치 있는 기억이 모이는 곳 기억의 도서관, 코리안 메모리 (KOREAN MEMORY)" /> <meta name="keywords" content="코리안메모리,Korean memory,K Memory,기억의 도서관,디지털아카이브,국가지식문화자원,국립중앙도서관,National library of korea" /> <meta name="robots" content="INDEX,FOLLOW"> <meta property="og:title" content="코리안메모리"/> <meta property="og:description" content="가치 있는 기억이 모이는 곳 기억의 도서관, 코리안 메모리 (KOREAN MEMORY)"/> <meta property="og:image" content="https://koreanmemory.nl.go.kr/resource/templete/manpa/img/common/no_img.png"/> <meta property="og:url" content="https://koreanmemory.nl.go.kr/USER/main/index.do"/> <meta property="og:site_name" content="코리안메모리"/> <meta property="og:type" content="website"/> <script src="/resource/templete/manpa/js/jquery.3.1.1.js"></script> <script src="/resource/templete/manpa/js/jquery-ui.js"></script> <script src="/resource/templete/manpa/js/slick.min.js"></script> <script src="/resource/templete/manpa/js/common.js"></script> <!-- CSS정리 : --> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/slick.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/reset.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/color.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/common.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/layout.css" /> <!-- //CSS정리 --> <!-- 검색어 자동완성 --> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/jquery-ui.css" /> <!-- CMS COMMON lib --> <script src="/resource/common/js/bootstrap-datepicker.js"></script> <script src="/resource/common/jquery_plugin/common_functions.js"></script> <!-- 카카오 라이브러리 불러오기 --> <script src="/resource/templete/manpa/js/kakao.min.js" crossorigin="anonymous"></script> <script src="/resource/templete/manpa/js/swiper.js"></script> <script src="/resource/templete/manpa/js/main.js"></script> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/main.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/swiper.css" /> </head> <body> <div class="swiper MainSection"> <div class="swiper-wrapper"> <div class="swiper-slide" id="section1"> <nav> <div class="inner"> <h1 class="abtl"> <a href="#;" title="로고"><img src="/resource/templete/manpa/img/common/logo_top.png" alt="" /></a> </h1> <div id="gnbMenuDiv"></div> <div class="right hd_util"> <div class="hd_member_wrap trigger_wrap" id="hd_member_trigger_wrap"> <a href="/USER/contents/SV0401000.do" class="hd_member" title="로그인"> <span class="hidden"></span> </a> </div> </div> </div> </nav> <div class="notice-tag"> <p>현재 사이트는 시범서비스 운영중입니다.</p> </div> <div class="swiper mainSlider"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=jKjaBB%2BaxD1D%2FA8BVB265Z0OfMUsNVOsl%2BhnSwQ0yMxx%2FwKPTetmfF29F4OkH0MQeJQdOAksm0PnR2uEcU%2FOyg%3D%3D');"> <div class="inner abbl"> <p class="abbl">배경이미지 ㅣ <span> 전이형록필-책가도 국립중앙박물관 소장 </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=uhdpDn3FQMejOdS4wZThqYr1NOCNq1kPmNJU%2Bh65A%2B0%2B4hbcFB0WGRFb%2BiOTyn4clmSNv06pVSeFndE50aiUKA%3D%3D');"> <div class="inner abbl"> <p class="abbl">배경이미지 ㅣ <span> <a style="color:white;" target="_blank" href="https://koreanmemory.nl.go.kr/USER/contents/SV0302000.do?schM=view&amp;editorId=11&amp;dataIdx=2078676"> 문화체육관광부, 허만진, CC BY-NC-SA </a> </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=EffYnBB7QZQCpIQL32hRb%2FTzUfHcsjO1HswulwYzzaggI29QSfOC1mEhW9UZluGwkSgTCpViqU35gGQgYc8kpw%3D%3D');"> <div class="inner abbl"> <p class="abbl">배경이미지 ㅣ <span> <a style="color:white;" target="_blank" href="https://koreanmemory.nl.go.kr/USER/contents/SV0302000.do?schM=view&amp;editorId=11&amp;dataIdx=2078832"> 이현세 </a> </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=GHOTdZoDvG6Dr24DQdzvGjAD48SwJQPteFROVzp5rIB0%2B%2F3i2f0ovOvHnyLt2ieLraM8b1WoZYczZsix4xUXLg%3D%3D');"> <div class="inner abbl"> <p class="abbl">배경이미지 ㅣ <span> <a style="color:white;" target="_blank" href="https://koreanmemory.nl.go.kr/USER/contents/SV0500000.do?schStr=%E4%B8%89%E9%BD%8B%E7%95%B5%E5%B8%96&amp;page=1&amp;schM=view&amp;editorId=2&amp;dataIdx=404914&amp;rtnTab=item"> 니금산수도 </a> </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=MFPMF5dSuy%2BunsIJK638wCjv1yEl8uspqfgOfLOMrfBdIYVzJVUyzHZI5zvMVtN62qGNPlkXe4pq2tPnmpLQUg%3D%3D');"> <div class="inner abbl"> <p class="abbl">배경이미지 ㅣ <span> <a style="color:white;" target="_blank" href="https://koreanmemory.nl.go.kr/USER/contents/SV0500000.do?schStr=%E4%B8%89%E9%BD%8B%E7%95%B5%E5%B8%96&amp;page=1&amp;schM=view&amp;editorId=2&amp;dataIdx=404914&amp;rtnTab=item"> 화조도 </a> </span></p> </div> </div> </div> </div> <div class="main_slide_wrap"> <h2> 국가지식문화자원의 디지털아카이브 <strong>기억의 도서관 코리안메모리</strong> </h2> <div class="main_search_area" > <!-- <p> --> <form id="searchForm" name="searchForm" method="post" > <button type="submit" id="searchBtn" class="abtl"><img src="/resource/templete/manpa/img/common/ic_search.png" alt="" /></button> <input type="text" style="font-size:35px" name="query" id="query2" style="font-size:" placeholder="국가지식문화자원 자료를 검색하세요!" onkeyup="if(window.event.keyCode==13){fn_totalSearch();return false;}" /> </form> <!-- </p> --> </div> </div> </div> <div class="swiper-slide" id="section2"> <div class="abc"> <h2 class="title"> 국가지식문화자원의 <strong>스토리</strong> </h2> <p class="sub_title">코리안메모리 주요 자원을 활용한 스토리를 제공합니다.</p> <div class="inner"> <a href="#;" class="slide_arrow prev" id="slide01_prev"> <img src="/resource/templete/manpa/img/common/ic_slide_prev.png" alt=""> </a> <div class="main_card_slide slide_type_01" id="slide01"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2031214', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=J%2FcYqQUHLqe3KLCLX2jm9tyVQXO6DhdEmONsrtLpr15D1Z4QNr0m%2BT%2FquVXoDKyO" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 조선의 지도, 김정호의 지도 </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2078676', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=acC50wl2a%2BrCy4C5SE%2F0tN4YJlt0jp3oMi8mnSC%2BTlvmtFXeB0AjF1ADXX%2F%2FR8Ld" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> K-POP의 시간들 </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2030061', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=simYdCWwIOQlefSCFbq%2FniVDN4Rx4YiE5LBYZl%2FOK%2FOUJtyzbyQ6t7qDzi0fhaGs" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 우리 문화의 거인, 이어령 </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2078832', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=SuAaj82oN5WhdkATA4YvY0JK7plEcGT2dI8LzLzglMR28pSEn7Frr41D53dgoPrQ" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 우리 만화의 아이콘 ‘이현세’ </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2030538', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=f5EnQhjxyPfsjjGh6FXnOajXOqlPaVQ92WX9utQfm%2FBfXjOIqm1Aiveq%2FEeKpMdG" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 광고를 통해 보는 한국영화의 발자취 </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2029531', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=NoEy6KdJY26bU4epnwmqpzosC6HNBMUZBwx2xh%2F70aBhJnLgeI1keiPtluB2UEO8" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 한복, NOW! </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2029714', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=t%2FZqGO7SXDbxCxY1IYyMukBOeqKWD9CkHSLwa%2F1PdGuz5vKWUf%2BN2G0vRA4PLfcA" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 남인수, 배호의 진짜 목소리를 찾아라 </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2031003', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=nwWPK4xpEydNROWmA5dql2ZfCHdQtRrNx1%2B%2BHTP5BWQQ%2FrqT6NqIFrPIShUtuNp0" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 서울의 근대를 거닐다: 젊은이의 소비문화 </p> </a> </div> <div class="swiper-slide"> <a href="javascript:fn_viewStory('2026861', 'MC0147')"> <div class="img_area"> <img src="/comm/viewImage.do?f=BtDcTdrB1j05XJ2kKYJZFWb2A7iQ8Tyx1mVntKdvwD71qBJdePcWq7vM1%2F5jEhea" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> </h2> <p class="multiline"> 한국인 최초의 유학생, 유길준 </p> </a> </div> </div> </div> <a href="#;" class="slide_arrow next" id="slide01_next"> <img src="/resource/templete/manpa/img/common/ic_slide_next.png" alt=""> </a> </div> </div> </div> <div class="swiper-slide" id="section3"> <div class="abc"> <h2 class="title"> 국가지식문화자원의 <strong>컬렉션</strong> </h2> <p class="sub_title">코리안메모리 주요 자원을 활용한 주제별, 구술채록, 기관별 컬렉션을 제공합니다.</p> <div class="tab_nav"> <a href="#;" onclick="fn_changeCollection(this, '12')" class="active" title="주제컬렉션">주제컬렉션</a> <a href="#;" onclick="fn_changeCollection(this, '6')" title="구술채록 컬렉션">구술채록</a> <a href="#;" onclick="fn_changeCollection(this, '9999')" title="기관 컬렉션">기관 컬렉션</a> </div> <div class="inner"> <a href="#;" class="slide_arrow prev" id="slide02_prev"> <img src="/resource/templete/manpa/img/common/ic_slide_prev.png" alt=""> </a> <div class="main_card_slide slide_type_02" id="slide02"> <div class="swiper-wrapper" id="collection_body"> </div> </div> <a href="#;" class="slide_arrow next" id="slide02_next"> <img src="/resource/templete/manpa/img/common/ic_slide_next.png" alt=""> </a> </div> </div> </div> <div class="swiper-slide"> <div class="abc"> <h2 class="title"> 인기있는 키워드로 보는 <strong>자원</strong> </h2> <div class="jawon_wrap"> <div class="floating"> <h2>인기 키워드</h2> <ul> <li> <a href="javascript:fn_keywordSearch('일제강점기[日帝强占期]')">일제강점기[日帝强占期]</a> </li> <li> <a href="javascript:fn_keywordSearch('잡지(雜誌)')">잡지(雜誌)</a> </li> <li> <a href="javascript:fn_keywordSearch('증언(영화)')">증언(영화)</a> </li> <li> <a href="javascript:fn_keywordSearch('조선시대[朝鮮時代]')">조선시대[朝鮮時代]</a> </li> <li> <a href="javascript:fn_keywordSearch('영화진흥공사')">영화진흥공사</a> </li> </ul> </div> <div class="inner"> <a href="#;" class="slide_arrow prev" id="slide03_prev"> <img src="/resource/templete/manpa/img/common/ic_slide_prev.png" alt=""> </a> <div class="main_card_slide slide_type_02" id="slide03"> <div class="swiper-wrapper" id="item_body"> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('2', '393310');"> <div class="img_area"> <img src="/comm/viewImage.do?f=bqaJQJHOPE6xgCO0gSrggFn%2B3PfMdadfxddmLohnF2sPV3u1qS6RXuQfP6p64JNU" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 東人之文四六 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('2', '2078913');"> <div class="img_area"> <img src="/comm/viewImage.do?f=XLfVhyCtaCBeSddunl3dHrpw%2BJ%2BU8L1lAFJ5LAbZTqGyb9dKRfCxRC8I6fsCK%2Fcn" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 한글 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('2', '388176');"> <div class="img_area"> <img src="/comm/viewImage.do?f=zyb3mVHdW3v08K18VaibGDKpjTkEF9VG208hm32ZRcWSPEZikjZb46yHu12fC6bj" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> (언문)츈향젼 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('3', '2078897');"> <div class="img_area"> <img src="/comm/viewImage.do?f=gMKqgMV4QtbtfkeSPneXBmQxBJu34FNIfNLevfuW5eN2HUHuz%2B5BPVUt0HUF33U0" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 원산 학자와 그의 제자들 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('2', '2078900');"> <div class="img_area"> <img src="/comm/viewImage.do?f=10IRGN1CVDacPFBYGFZT89lEEvDjkKX3AYe3NUo7tiJMNHuqU44ALueaEVdWpe9m" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 갈돕 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('2', '404914');"> <div class="img_area"> <img src="/comm/viewImage.do?f=SWcdwQ1n%2BOYlZyICgx9d9yYa5TmJAkFVhMY8wl1mMV3fZZXeV6rcY7FIn15lClix" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 三齋畵帖 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('3', '2078901');"> <div class="img_area"> <img src="/comm/viewImage.do?f=xIY6R8Q%2B7B5m0oVaxPcGXBrKqGqgHJqAemwbeHhsZW7UjIumdvWwxDq3StP1mTpE" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 3자 길이의 대나무 담뱃대 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('3', '2078889');"> <div class="img_area"> <img src="/comm/viewImage.do?f=uXuuSlw641wGHgo6Z%2BxKenJ19YP6O%2Fq%2B3OYVB9d9wksRJ%2BKc7Tl64N%2FMwmbl04Pr" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 결혼한 여성의 쪽진 머리, 외출 시 조바위, 사대부 정자관, 관모 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('3', '2078896');"> <div class="img_area"> <img src="/comm/viewImage.do?f=wv9nnvBbIuB4i1B9FFIz7FPNiOFd90ZqGRHcpUHqBr04qEjiM0cX3837LCmxbOnY" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 금강산 내금강 해금강 <span>-</span> </h2> </a> </div> <div class="swiper-slide"> <a href="#;" onclick="fn_viewDetail('5', '2034232');"> <div class="img_area"> <img src="/comm/viewImage.do?f=WX3%2BBcE5ZKBwhwLvDesECLXnGoyphiAnJnCfWXEO%2FOxMFrNp6X3v8B2uHM78xzDQ" onerror="this.src='/resource/templete/manpa/img/common/no_img.png'" alt=""> </div> <h2> 날개 <span>-</span> </h2> </a> </div> </div> </div> <a href="#;" class="slide_arrow next" id="slide03_next"> <img src="/resource/templete/manpa/img/common/ic_slide_next.png" alt=""> </a> </div> </div> </div> </div> <!-- <div class="swiper-slide" id="section5"> <div class="abc"> <h2 class="title"> 숫자로 보는 <strong>디지털아카이브</strong> </h2> <p class="sub_title">텍스트, 이미지, 영상, 음원, 구술채록 등 다양한 형식의 <br />국가지식문화자원을 제공합니다.</p> <div class="main_count flex"> <div> 텍스트 <b>55,045</b> </div> <div> 이미지 <b>1,115</b> </div> <div> 영상 <b>42</b> </div> <div> 음원 <b>84</b> </div> <div> 구술채록 <b>5</b> </div> </div> <ul class="main_count_btm flex"> <li> <a href="javascript:location.href='/USER/contents/SV0101000.do'"> <img src="/resource/templete/manpa/img/main/bg_btm_01.png" alt=""> <h2> <span>가치있는 기억이 모이는 곳</span> 기억의 도서관, 코리안메모리 </h2> <div> 전국 문화예술기관, 개인 및 단체가 <br /> 소장한 문화예술 분야 디지털 지식정보자원의 <br /> 수집·보존을 통해 가치 있는 국가 공동체의 기억을 <br /> 후대에 전승하고 활용하기 위한 디지털 아카이브입니다. </div> <p> <img src="/resource/templete/manpa/img/main/ic_main_go.png" alt=""> 바로가기 </p> </a> </li> <li> <a href="javascript:location.href='/USER/contents/SV0105000.do'"> <img src="/resource/templete/manpa/img/main/bg_btm_02.png" alt=""> <h2> <span>코리안메모리 디지털아카이브</span> OpenAPI </h2> <div> 제공하는 자료 및 컬렉션의 다양한 데이터를 좀 더 쉽게 <br /> 이용할 수 있도록 공개한 대국민 인터페이스입니다. </div> <p> <img src="/resource/templete/manpa/img/main/ic_main_go.png" alt=""> 바로가기 </p> </a> </li> </ul> </div> </div> --> </div> </div> <div id="swiperPaging"></div> <!-- <footer> --> <!-- <div class="inner flex"> --> <!-- <div> --> <!-- 우편번호 06579 서울특별시 서초구 반포대로 201(반포동) 문의전화 02-590-0500 팩스 02-590-0530<br /> --> <!-- Copyright© National Library of Korea. All rights reserved. --> <!-- </div> --> <!-- <div> --> <!-- <select name="" id=""> --> <!-- <option value="">관련사이트</option> --> <!-- </select> --> <!-- <select name="" id=""> --> <!-- <option value="">참여기관</option> --> <!-- </select> --> <!-- </div> --> <!-- </div> --> <!-- </footer> --> <!--footer--> <div id="loadingLayer" style="position: fixed; display: none; width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; top: 0; left: 0;"></div> <a href="#;" class="to_top"> <div class="img_wrap"><img src="/resource/templete/manpa/img/common/icon_ac_drop.png" alt="" /></div> <div class="txt_wrap">맨 위로</div> </a> <div class="floating_wrap trigger_wrap" id="floating_trigger_wrap"> <a href="#;" class="trigger floating_trigger" id="floating_trigger" title="플로팅 메뉴 열기"> <img src="/resource/templete/manpa/img/common/ic_orange_link.png" alt=""> </a> <ul class="trigger_toggle floating_menu"> <li class="floating_item"><a href="javascript:open_layer_pop('pop_question_regist')">문의하기</a></li> <!-- <li class="floating_item"><a href="#;" onclick="fn_registCuration();">큐레이션 등록</a></li> --> </ul> </div> <footer> <div class="inner flex"> <h1><img src="/resource/templete/manpa/img/common/logo_top.png" alt=""></h1> <div> 우편번호 06579 서울특별시 서초구 반포대로 201(반포동) 문의전화 <a href="tel:02-590-0500">02-590-0500</a> 팩스 02-590-0530<br /> Copyright© National Library of Korea. All rights reserved. </div> <div> </div> </div> </footer> <!-- 문의하기 팝업 --> <div class="dim"> <div class="layer_popup" id="pop_question_regist"> <div class="pop_wrap"> <div class="popup_body"> <div class="question_regist_wrap"> <div class="tit_wrap"> <h2 class="tit">문의하기</h2> <div class="txt">코리안메모리에 다양한 의견을 보내주세요!</div> </div> <div class="input_table_wrap"> <form name="qstForm" id="qstForm" onsubmit="return false;"> <input type="hidden" name="inquiryTel" value=""> <input type="hidden" name="inquiryEmail" value=""> <table class="input_table"> <colgroup> <col style="width: 15%; max-width: 220px; min-width: 120px"> </colgroup> <caption class="hidden">문의하기 표 - 유형, 이름, 연락처, 이메일, 내용으로 구성됨</caption> <tbody><tr> <th scope="row"><label for="inquiryType">유형</label><span class="required"><span class="hidden">필수입력</span></span></th> <td> <select name="inquiryType" id="inquiryType" class="required-select"> <option value="">선택</option> <option value="1">이용문의</option> <option value="2">오류/개선</option> <option value="3">기증문의</option> <option value="4">참여기관신청문의</option> </select> </td> </tr> <tr> <th scope="row"><label for="inquiryName">이름</label><span class="required"><span class="hidden">필수입력</span></span></th> <td> <input type="text" name="inquiryName" id="inquiryName" maxlength="10" class="required" title="이름"> </td> </tr> <!-- <tr> --> <!-- <th scope="row"><label for="inquiryTel1">연락처</label><span class="required"><span class="hidden">필수입력</span></span></th> --> <!-- <td> --> <!-- <div class="tel_wrap"> --> <!-- <select title="휴대폰 번호 첫번째 자리" name="inquiryTel1" id="inquiryTel1" class="required-select"> --> <!-- <option value="">선택</option> --> <!-- <option value="010">010</option> --> <!-- </select> --> <!-- <span class="dash">-</span> --> <!-- <input type="text" id="inquiryTel2" maxlength="4" class="input_text required validate-digits" title="휴대폰 번호 두번째 자리"> --> <!-- <span class="dash">-</span> --> <!-- <input type="text" id="inquiryTel3" maxlength="4" class="input_text required validate-digits" title="휴대폰 번호 세번째 자리"> --> <!-- </div> --> <!-- </td> --> <!-- </tr> --> <tr> <th scope="row"><label for="emailId">이메일</label><span class="required"><span class="hidden">필수입력</span></span></th> <td> <div class="email_wrap"> <input type="text" id="emailId" title="이메일 아이디" class="required validate-alpha-num"> <span class="at">@</span> <input type="text" id="emailAdd" title="이메일 도메인" class="required validate-domain"> <select id="emailSelect" onchange="fn_changeEmail();" title="도메인 선택"> <option value="0">직접입력</option> <option value="naver.com">naver.com</option> <option value="hanmail.net">hanmail.net</option> <option value="google.com">google.com</option> </select> </div> <div class="checkbox_wrap"> <span> <input class="reply_input" type="checkbox" id="inquiryReply" name="inquiryReply" > <label for="inquiryReply">회신 여부</label> </span> </div> </td> </tr> <tr> <th scope="row"><label for="inquiryContents">내용</label><span class="required"><span class="hidden">필수입력</span></span></th> <td><textarea name="inquiryContents" id="inquiryContents" class="requried" title="문의내용"></textarea></td> </tr> </tbody></table> </form> <div class="checkbox_agree"> <input class="agree_input" type="checkbox" id="agreeChk"> <label class="agree_label" for="agreeChk">[필수] 개인정보 처리방침에 동의합니다.</label> </div> <div class="policy_wrap tal" tabindex="0"> 코리안메모리는 개인정보보호법 등 관련법령상의 개인정보보호 규정을 준수하며, 개인정보 취급에 대한 사항은 다음과 같습니다.<br><br> [수집 이용 목적]<br> - 본인확인, 개인식별, 부정이용방지, 불만처리 등 민원처리 등을 목적으로 개인정보를 처리합니다.<br><br> [수집 이용할 항목]<br> - 필수항목 : 이름, 이메일, 전화번호, 주소<br><br> [보유 이용기간]<br> - 위 개인정보는 수집·이용에 관한 동의일로부터 위 이용목적을 위하여 보유·이용됩니다. 다만, 수집 및 이용목적 달성을 위한 보유 및 이용기간은 1년을 넘지 않습니다<br><br> [동의를 거부할 권리 및 동의를 거부할 경우의 불이익]<br> - 위 개인정보 중 필수항목에 대한 수집이용에 관한 동의는 본인 확인 등을 위하여 필수적이므로 위 사항에 동의하셔야만 관련 서비스 이용이 가능합니다. </div> </div> </div> </div> <div class="btn_wrap type_02"> <a href="#;" class="btn btn_color03 pop_close">취소</a> <a href="#;" onclick="fn_goSave(); return false;" class="btn btn_color01 bd_none">의견보내기</a> </div> <a href="#;" class="pop_close ic_close"><span class="hidden">레이어 팝업 닫기</span></a> </div> </div> </div> <!-- <div id="footer" class="footer"> --> <!-- 푸터 상단 --> <!-- <div class="footer__inner-top"> --> <!-- <div class="inner"> --> <!-- <h2 class="ir_text">하단 메뉴</h2> --> <!-- 안내 영역 --> <!-- <ul class="footer-util__list"> --> <!-- <li class="footer-util__item"> --> <!-- <a href="https://ask.nl.go.kr/popup/userListMainAll.jsp" target="_blank">장애인전용 온라인상담</a> --> <!-- [D] 모바일에서는 미노출 --> <!-- </li> --> <!-- <li class="footer-util__item"> --> <!-- <a href="/NL/contents/N50108000000.do">찾아오시는 길</a> --> <!-- </li> --> <!-- <li class="footer-util__item none_mobile"> --> <!-- <a href="/NL/contents/N71100000000.do">사이트맵</a> --> <!-- </li> --> <!-- </ul> --> <!-- 안내 영역 --> <!-- SNS 영역 --> <!-- //SNS 영역 --> <!-- </div> --> <!-- </div> --> <!-- //푸터 상단 --> <!-- 푸터 하단 --> <!-- <div class="footer__inner-bottom"> --> <!-- <div class="inner"> --> <!-- PC 정책, 법령 --> <!-- //PC 정책, 법령 --> <!-- MO 정책, 법령 --> <!-- //MO 정책, 법령 --> <!-- 유관사이트 --> <!-- //유관사이트 --> <!-- 국립중앙도서관 정보 --> <!-- <div class="info-wrap"> --> <!-- 푸터 로고 --> <!-- <em class="footer-logo" title="문화체육관광부 국립중앙도서관 로고"> --> <!-- <span class="sp_logo">문화체육관광부 국립중앙도서관</span> --> <!-- </em> --> <!-- //푸터 로고 --> <!-- 주소, Copyright --> <!-- <ul class="contact__list"> --> <!-- </ul> --> <!-- //주소, Copyright --> <!-- 외부 로고 --> <!-- <ul class="certificate__list"> --> <!-- </ul> --> <!-- //외부 로고 --> <!-- </div> --> <!-- //국립중앙도서관 정보 --> <!-- </div> --> <!-- </div> --> <!-- //푸터 하단 --> <!-- </div> --> <!-- 웹로그 솔루션 --> <script type="text/javascript" src="https://ds.nl.go.kr/js/nlogger.js"></script> <script type="text/javascript" src="/resource/common/jquery_plugin/validation/validator.js"></script> <script type="text/javascript"> nLogger.configure({ nth_service_id: "km", nth_logging_url_base_http: "https://ds.nl.go.kr/nlog", nth_logging_url_base_https: "https://ds.nl.go.kr/nlog" }); /* 글 등록 화면 function */ function fn_registCuration() { if(false){ location.href="/USER/contents/SV0305000.do?wordCode=&schStr=&page=&schM=input"; }else { if(confirm("로그인이 필요한 서비스입니다. 로그인 페이지로 이동하시겠습니까?")) { location.href="/USER/contents/SV0401000.do"; } } } /* 이메일 도메인 변경 function*/ function fn_changeEmail(){ var f = document.qstForm; if (f.emailSelect.value == '0') { f.emailAdd.readOnly = false; f.emailAdd.value = ''; f.emailAdd.focus(); } else { f.emailAdd.readOnly = true; f.emailAdd.value = f.emailSelect.value; } } /* 문의등록 function */ function fn_goSave(){ var f = document.qstForm; if(Validator.validate(f)){ if($("#inquiryContents").val().trim() === ""){ alert("문의내용을 작성해주세요."); $("#inquiryContents").focus(); return false; }else if(!$("#agreeChk").is(":checked")){ alert("개인정보 처리방침에 동의를 하셔야 등록이 가능합니다."); $("#agreeChk").focus(); return false; }else { if(confirm("저장하시겠습니까?")) { f.inquiryTel.value = $("#inquiryTel1").val() +"-"+ $("#inquiryTel2").val() +"-"+ $("#inquiryTel3").val(); f.inquiryEmail.value = $("#emailId").val() +"@"+ $("#emailAdd").val(); f.action = "/USER/module/_inquiry_input_proc.do"; f.submit(); } } } } $(document).ready(function(){ $(".to_top").click(function(){ $("body,html").animate({"scrollTop":0},50); }) }) </script> <script type="text/javascript"> nLogger.log();</script> <!-- //웹로그 솔루션 --> <!--//footer--> <script> $(document).ready(function(){ MainSection(); fn_gnbMenu(); fn_getCollectionMainDataList('12'); var slideDelayTime = '10'; if(slideDelayTime > 0 && slideDelayTime <= 20){ slideDelayTime = slideDelayTime * 1000; }else{ slideDelayTime = 5000; } MainSlide(slideDelayTime); MainContent('slide01'); MainContent('slide03'); $("#searchBtn").click(function(){ fn_totalSearch(); }); }); function fn_changeCollection(obj, editorId){ $(obj).parents().children().removeClass("active"); $(obj).addClass("active"); fn_getCollectionMainDataList(editorId) } function fn_getCollectionMainDataList(editorId){ $.ajax({ url : "/USER/contents/list_collectionData.ajax?editorId=" + editorId ,success : function(data){ $("#collection_body").html(data); MainContent('slide02'); } , error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } function fn_gnbMenu() { $.ajax({ url : "/USER/module/select_user_gbn_menu.ajax" ,data : "" ,success : function(data){ $("#gnbMenuDiv").html(data); $gnb = $(".menu-gnb-depth1"); $gnbInner = $(".menu-gnb-depth1 .inner"); $depth1 = $(".depth1__a"); //li > a $depth1_hasDepth2 = $(".has_depth2 .depth1__a"); $depth1_wrap = $(".menu-gnb-depth1__item"); //li $depth = $(".menu-gnb-depth1__item a"); //li a //onResize(); $depth1.on("mouseenter focus",function(){ $(this).closest(".menu-gnb-depth1__item").addClass("open"); }) $depth1_wrap.on("mouseleave",function(){ $(this).removeClass("open"); }) $depth1_wrap.each(function(){ $(this).find("a").last().on("blur",function(){ $(this).closest(".menu-gnb-depth1__item").removeClass("open"); }) }) $(".lnb_depth2_item").on("click", function(){ var chkId = $(this).attr("id"); $(".lnb_depth2_item").each(function(){ $(this).removeClass("current"); }); $("#"+chkId).addClass("current"); }); } , error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } /* 글 상세 화면 function */ function fn_viewStory(dataIdx, editorGbnCd) { var queryString = ""; queryString = ManpaJs.fn_replaceQueryString(queryString, "schM", "view"); if('MC0145' == editorGbnCd){ queryString = ManpaJs.fn_replaceQueryString(queryString, "editorId", "11"); queryString = ManpaJs.fn_replaceQueryString(queryString, "dataIdx", dataIdx); location.href="/USER/contents/SV0307000.do?" + queryString; }else{ queryString = ManpaJs.fn_replaceQueryString(queryString, "editorId", "11"); queryString = ManpaJs.fn_replaceQueryString(queryString, "dataIdx", dataIdx); location.href="/USER/contents/SV0302000.do?" + queryString; } } function fn_viewCollection(editorId, kmDataId, orgCode) { var queryString = ""; var url = ""; if(editorId == 6){ url = "/USER/contents/SV0303000.do?" }else if(editorId == '12'){ url = "/USER/contents/SV0301000.do?" }else if(editorId == '9999'){ url = "/USER/contents/SV0308000.do?" queryString = ManpaJs.fn_replaceQueryString(queryString, "orgCd", orgCode); } queryString = ManpaJs.fn_replaceQueryString(queryString, "schM", "view"); queryString = ManpaJs.fn_replaceQueryString(queryString, "editorId", editorId); queryString = ManpaJs.fn_replaceQueryString(queryString, "dataIdx", kmDataId); location.href = url + queryString; } function fn_totalSearch() { if($("#query2").val() == "") { alert("검색어를 입력해 주세요"); $("#query2").focus(); return false; } else { if($("#query2").val() != "") { var frm = document.searchForm; frm.action = "/USER/contents/SV0500000.do"; frm.submit(); } } } $(function(){ $("#query2").autocomplete({ source : function(request, response) { $.ajax({ type:"get" ,url:"/USER/module/_searchword_group_autocomplete.ajax" ,dataType:"json" ,data:{query:$("#query2").val()} ,success : function(data) { var dataArray = data.itemArray dataArray = dataArray.concat(data.contentsArray); dataArray = dataArray.concat(data.collectionArray); dataArray = dataArray.concat(data.talkArray); response($.map(dataArray, function(item){ return { type:item.type, count:item.count, value:item.title } })); }, error : function(request, status, error) { console.log("code:" + request.status + "\n" + "message:" + request.responseText + "\n" + "error:" + error); } }); }, minLength : 1, select : function(event, ui) { } }).autocomplete('instance')._renderItem = function(ul, item) { // UI 변경 부 if(item.count == 0){ if(item.type == 'item'){ $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">자원</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) }else if(item.type == 'story'){ $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">스토리</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) }else if(item.type == 'collection'){ $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">컬렉션</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) }else if(item.type == 'talk'){ $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">구술채록</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) }else{ $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">'+item.type+'</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) } } return $('<div class="item">').append('<a href="#;" class="ellipsis txt_line1" onclick="sch_txt(\''+item.value+'\')">' + item.value + '</a>').appendTo(".autocomplete__"+ item.type); }; $("#searchForm").append($("#ui-id-1")); // }).autocomplete('instance')._renderItem = function(ul, item) { // UI 변경 부 // if(item.count == 0){ // if(item.type == 'item'){ // $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">자원</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) // }else if(item.type == 'story'){ // $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">스토리</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) // }else if(item.type == 'collection'){ // $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">컬렉션</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) // }else if(item.type == 'talk'){ // $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">구술채록</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) // }else{ // $('<li>').addClass("autocomplete-title").append('<b class="tit_inn">'+item.type+'</b><div class="autocomplete-inn autocomplete__'+item.type+'"></div>').appendTo(ul) // } // } // return $('<div class="item">').append('<a href="#;" class="ellipsis txt_line1" onclick="sch_txt(\''+item.value+'\')">' + item.value + '</a>').appendTo(".autocomplete__"+ item.type); // }; // $("#main_search_area").append($("#ui-id-1")); // $("#scrollWrap").append($("#ui-id-1")); }); function fn_keywordSearch(keywordFilter){ console.log("fn_keywordSearch()"); $.ajax({ url : "/USER/contents/list_keywordSearchData.ajax" ,data : {"keywordFilter":keywordFilter} ,type : 'POST' ,success : function(data){ $("#item_body").html(data); MainContent('slide03'); } , error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } function fn_viewDetail(editorId, dataIdx) { var queryString =""; queryString = ManpaJs.fn_replaceQueryString(queryString, "schM", "view"); queryString = ManpaJs.fn_replaceQueryString(queryString, "editorId", editorId); queryString = ManpaJs.fn_replaceQueryString(queryString, "dataIdx", dataIdx); queryString = ManpaJs.fn_replaceQueryString(queryString, "schStr", ""); queryString = ManpaJs.fn_replaceQueryString(queryString, "rtnTab", "item"); location.href="/USER/contents/SV0500000.do?" + queryString; } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10