코리안메모리

<!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>  <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" />   <link rel="stylesheet" type="text/css" href="/resource/templete/manpa/css/jquery-ui.css" />  <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_search_wrap trigger_wrap" id="hd_search_trigger_wrap"> <a href="#;" class="hd_search trigger" id="hd_search_trigger"><span class="hidden">검색창<span class="hide_txt">열기</span></span></a> <div class="trigger_toggle hd_search_box"> <div class="search_input_wrap"> <form id="searchForm1" name="searchForm" method="post">  <input type="text" name="query" id="query3" value="" class="search_input" title="검색어 입력" placeholder="검색어를 입력해주세요."/> </form> <button type="button" class="search_btn cursor" id="searchBtn2"><span class="hidden">검색</span></button> <a href="#;" class="del_search_word" title="검색어 삭제"></a> <a href="#;" class="trigger_close" title="검색 창 닫기"></a> </div> </div> </div> <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=E6UxpnYS4MwBXnNtvsYCAms0CPp16i8OWHn123kKnKAIVD3DUGwwsgeZ3gyCG9G9hErteTHpv4fvMQ5DLY6AMw%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=YPXnqN16j%2BoPebXL60DIttt1vLpBbB3dO4jpsEz2tKaEeFroFSYZkZdHivhmTnMs2Yu2JsQSfMnWjJ2I6yThMw%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&editorId=11&dataIdx=2078676"> 문화체육관광부, 허만진, CC BY-NC-SA </a> </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=t5%2F6lXgZ794om8lC0bkwHs40ubzzotfB9GP%2Bj82TXN4ZTNYzz91H5C0iFYHdEvpMzKaVfyAja0ar34fXoXakOg%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&editorId=11&dataIdx=2078832"> 이현세 </a> </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=O6QHHld6nH9bUFLyErTenXO5L1nNOjXdUcEBkZtVAcTYdUAtwXMxuEbPxL%2F0w7zydsg7TiJVs1MQWO8Tn4Cv1w%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&page=1&schM=view&editorId=2&dataIdx=404914&rtnTab=item"> 니금산수도 </a> </span></p> </div> </div> <div class="swiper-slide" style="background-image: url('/comm/viewImage.do?f=ZzxFpg5I9oD%2F7gE1%2Ffp%2FGib88E6unnTbCcUF7ZcXYCOreqJMQJxWMNPqAQozromk%2BY8Rbf1ljO%2BzyehCPL%2FyIQ%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&page=1&schM=view&editorId=2&dataIdx=404914&rtnTab=item"> 화조도 </a> </span></p> </div> </div> </div> </div> <div class="main_slide_wrap"> <h2> 국가지식문화자원의 디지털아카이브 <strong>기억의 도서관 코리안메모리</strong> </h2> <div class="main_search_area" >  <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="국가지식문화자원 자료를 검색하세요!"/> </form>  </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=s6wzXYaG%2BZAiZDY8pTqucGhelpAG0KNEcxnff80PGkwPcv7TUcINOpvcBqHqsSJV" 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=ARMrsV%2FDniPMK3inJPprRztXK%2F%2FcxztJMFVUrotK%2BgrmN7IehWZkA0%2BMr39Zb53J" 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=usIGoOIMwo7VgToP3bvoJ7LC2%2FTuQz0G27uwmBoIuegvcF%2F4o9%2F1eXd%2FFRUeC5RQ" 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=q8FccS%2BlPTH5Do7ZdMMkEN4leUZ63stVQL0S1wQvv23o2g%2BrWLmrs92feSEZ1g%2B3" 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=WAJ6uSy8P6krPppWAbeXN8j22DU5t2Falg4eK9xWKv13DAWB8PnP3U1g8y4R19iR" 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=W5p%2BA0FKNVftXwhNg9hnaybVr%2BUmfyA3sJRQ8rTyxtlhevWGjmcmjbfOI6PjJSkP" 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=RC2R2F4AoT5mNOrnrv1LfDw0QZJRrMycuZMkElivUpkdkVWSzEgct7OdzShKGjWP" 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=ZZDW32BlekJdcBW56x%2BFnsIZyvr09DDwTB86MBy%2BzDLx5yQ8gmaFKGQIUZLsMEpg" 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=vO4fJx%2B%2B2u6gXglE4LFnBGkX%2B55VpADCO39JC%2BES9iuNvBRkmOOqMqYzaavUNRF7" 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=rvOUx050WBAdKFaFGICikGy6KjWYxskd9S26M71L6QUvRWalsI24P%2F0GY%2F0re33O" 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=eG4RqPbo0xy9NaASSnt34J%2FGmAZ67596kHVL59wPyCkM5R44g%2FlTWVki0n8weE4P" 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=%2BCTy9Hcp5FZ941bejBs%2FIhPeC1Y%2Bz%2BKEoe8WYwIV4yiYbu%2Ffgx0%2BE5NYw9uTyMWQ" 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=ZAgAPjbKxS6WbJ961QGkN6hT6XifXPZHxo%2FouX1vs6WVPMfvmSOKoJdpEN969%2Fe7" 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=MUfiqasbFEZtmLz2jQThIKoNr8WtIPeIkkhQGdX%2FiInliVaDbxkvdbnn7B3FYdFN" 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=1WaTp5DTp7I0ZRb8cbOI9ISRfcd2He5h%2FbFCi0m2UXsQ85GR6Qd2LesXTL%2BVPbTd" 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=jZItZjiZd08BuXAQFoTI%2BIQwfDtfMxz8gmm3Nt%2FmMciojUG76FqXcBQgiRCXJsid" 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=Pc5VHsQZNAEX8Fl%2FZcZWjatEVIbpuf4OGqTR4wkYWNVWAA84mLzmoTX8Lt1npP9C" 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=O6BngZ6WOz8%2BfNrUKY0WO389ePz7YbENDmj2NL1wbSGNvAyoVn1WrDK37J%2FQq8CP" 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=pzw7p34cArcFueRTWQ8SYTCysiTl8V08xu%2FuM%2BVMVpTBOLiDJPzPIsQvPXiH5F4w" 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> </div> <div id="swiperPaging"></div>                  <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>  </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="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>                                                        <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>   <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'); // 첫 번째 검색창 (query2) $("#query2").on("keydown", function(event) { if (event.keyCode === 13) { // Enter key event.preventDefault(); // 기본 동작 방지 fn_totalSearchCommon("query2", "searchForm"); // 첫 번째 검색 실행 } }); // 두 번째 검색창 (query3) $("#query3").on("keydown", function(event) { if (event.keyCode === 13) { // Enter key event.preventDefault(); // 기본 동작 방지 fn_totalSearchCommon("query3", "searchForm1"); // 두 번째 검색 실행 } }); $("#searchBtn").click(function(){ fn_totalSearchCommon("query2", "searchForm"); }); $("#searchBtn2").click(function(){ fn_totalSearchCommon("query3", "searchForm1"); }); }); 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_totalSearchCommon(inputId, formId) { var query = $("#" + inputId).val(); // 입력값 가져오기 if (query.trim() === "") { alert("검색어를 입력해 주세요"); $("#" + inputId).focus(); return false; } var frm = document.getElementById(formId); if (frm) { 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")); }); $(function(){ $("#query3").autocomplete({ source : function(request, response) { $.ajax({ type:"get" ,url:"/USER/module/_searchword_group_autocomplete.ajax" ,dataType:"json" ,data:{query:$("#query3").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); }; $("#searchForm2").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>

CINXE.COM

코리안메모리