CINXE.COM

KMDb - 한국영화데이터베이스

<!doctype html> <html lang="ko" xml:lang="ko"> <head> <meta name="_csrf_parameter" content="_csrf" /><meta name="_csrf_header" content="X-CSRF-TOKEN" /><meta name="_csrf" content="12d08fc1-540d-49ba-ace7-05ca8c2b7fd8" /> <meta name="generator" content="ONEWARE"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width"> <meta name="format-detection" content="telephone=no"> <meta property="og:url" content="" /> <meta property="og:type" content="website" /> <meta property="og:title" content="" /> <meta property="og:description" content=" - [출처 : KMDB]" /> <meta property="og:image" content="" /> <meta name="msapplication-TileImage" content="/resources/images/favicon/favicon.png"> <link rel="icon" type="image/png" sizes="16x16" href="/resources/images/favicon/favicon-16x16.png"> <link rel="shortcut icon" href="/resources/images/favicon/kmdbShortCut.png" /> <link rel="apple-touch-icon" href="/resources/images/favicon/iosKmdbShortCut.png" /> <title> KMDb - 한국영화데이터베이스 </title> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Oswald:400,500,600?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/style.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/vendors/uniform.default.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/vendors/selectric.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/plugins/owlslide/owl.carousel.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/plugins/owlslide/owl.theme.default.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/plugins/jquery.mCustomScrollbar/jquery.mCustomScrollbar.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/jquery-ui.min.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/js/wisenut/ark/css/ark_main.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/reset.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/common.css?ver=202502271614"> <link rel="stylesheet" type="text/css" href="/resources/css/hamburgers.css?ver=202502271614"> <script type="text/javascript" src="/resources/js/lib/jquery-3.2.1.min.js?ver=202502271614"></script> <script type="text/javascript" src="/resources/js/kmdb.js??ver=202502271614"></script> <script type="text/javascript" src="/resources/js/kmdbAjax.js??ver=202502271614"></script> <script type="text/javascript"> var UPLOAD_WEB_PATH = "/upload/kmdbupload/"; var VOD_PLAN_IMG_PATH = "/upload/kmdbupload/event/"; var FAQ_ATTCH_PATH = "/upload/kmdbupload/faq/"; var MAIN_CONTENT_IMG_PATH = "/upload/kmdbupload/mainContent/"; var THEME_KEYWORD_IMG_PATH = "/upload/kmdbupload/keywordExpert/"; var MOVIE_STORY_IMG_PATH = "/upload/kmdbupload/story/"; var ONLINE_ARCHIVES_PATH = "/upload/kmdbupload/archives/"; var MOVIE_THUMBNAIL_IMG_PATH = "/upload/kmdbupload/thumbnail/movie/"; var KF_FILM_UPLOAD_PATH = "http://www.koreafilm.or.kr/upload/"; var KF_FILM_IMAGE_PATH = "http://file.koreafilm.or.kr"; var MOVIE_POSTER_PATH = "http://file.koreafilm.or.kr/thm/02/"; var PERSON_IMG_PATH2 = "http://file.koreafilm.or.kr/thm/01/copy/"; var EQUIP_IMG_PATH = "https://ams.koreafilm.or.kr/kmdb_data/archive/svc_in/equip/"; var PERSON_IMG_PATH_NEW = "http://file.koreafilm.or.kr/person/"; var MOVIE_STILL_PATH_NEW = "http://file.koreafilm.or.kr/still/copy/"; var POSTER_IMG_PATH = "http://file.koreafilm.or.kr/poster/"; var GLOBAL_CSRF_NAME = "_csrf"; var GLOBAL_CSRF_VALUE = "12d08fc1-540d-49ba-ace7-05ca8c2b7fd8"; </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WQ99ET5RFQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WQ99ET5RFQ'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5R6JLTNZ');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" type="text/css" href="/resources/css/mobile.css" media="(max-width: 1440px)"> <!--// Global site tag (gtag.js) - Google Analytics --> </head> <body id="body"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5R6JLTNZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- 스킵 네비게이션(s) --> <div id="skipNavigation"> <ul> <li><a href="#contents">본문 바로가기</a></li> <!-- <li><a href="#headerGnb">전체메뉴 바로가기</a></li> --> <li><a href="#" id="skipNaviAllMove">전체메뉴 바로가기</a></li> <li><a href="#footer">하단 바로가기</a></li> </ul> </div> <!--// 스킵 네비게이션(e) --> <div id="wrap"> <div class="header-wrap" id="header"> <header> <div class="header-top"> <div class="inner"> <h1 id="logo"> <a href="/">로고</a> </h1> <div class="search-wrap"> <form class="search-box" id="searchMainForm2" method="post"> <input type="hidden" name="_csrf" value="12d08fc1-540d-49ba-ace7-05ca8c2b7fd8" /> <input type="hidden" name="query" id="s2" value=""> <input type="hidden" name="collection" id="mainSearchCol" value=""> <!-- <select name="s1" id="" class="main-srch"> --> <input type="hidden" name="s1" id="" class="main-srch" value="ALL"> <span>통합검색</span> <!-- </select> --> <input type="text" id="headerDesktopInput" placeholder="영화, 영화인, 한국영상자료원 보유자료 검색" autocomplete="off"/> <button type="button" id="search-btn" onclick="fnSearchMain();">검색</button> <div id="ark_main"> </div> <!-- <div id="ark"></div> --> </form> <a class="desk" href="/db/detailSearch/moveArtSearch">상세검색</a> </div> <ul class="side-menu-box"> <!-- <li><a href="javascript:location.href='/login';">로그인</a></li> <li><a href="javascript:fnLoginCall();">회원가입</a></li> --> <!-- <li class="desk"><a href="javascript:location.href='/login';">로그인</a></li> --> <li class="desk"><a href="#" onclick="goLoginPage();">로그인</a></li> <li class="desk"><a href="javascript:fnLoginCall();">회원가입</a></li> <li class="desk"><a href="/care/kmdb">고객서비스</a></li> <!-- <li class="desk"><a href="/sitemap">사이트맵</a></li>--> <li class="desk" style="width:50%;text-align:right"><a href="/eng/main">ENG</a></li> <li class="mobile"><button type="button" class="update-btn"> 업데이트<i></i> </button> <div class="update-box"> <ul> <!-- <li><a href="#">한창나이 선녀님<span>[동영상]</span></a></li> <li><a href="#">울림의 탄생<span>[이미지]</span></a></li> --> </ul> </div></li> <li class="mobile"> <button type="button" id="search-btn-m">검색</button> </li> <button class="hamburger hamburger--collapse mobile" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </ul> </div> </div> <div class="header-btm desk"> <div class="inner"> <div class="nav-box"> <ul id="nav"> <li><a href="/db/main">DB</a></li> <li ><a href="/story/main">영화글</a></li> <li><a href="/vod/main">VOD</a></li> <li><a href="/collectionlist/collectionGroup">컬렉션</a></li> </ul> </div> <ul class="side-menu-box"> <li><button type="button" class="update-btn"> 업데이트<i></i> </button> <div class="update-box"> <ul> <!-- <li><a href="#">한창나이 선녀님<span>[동영상]</span></a></li> <li><a href="#">울림의 탄생<span>[이미지]</span></a></li> --> </ul> </div></li> <button class="hamburger hamburger--collapse" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </ul> </div> </div> </header> </div> <div class="breadcrumb-box"> <ul id="breadcrumb"> <li class="ico-home"><a href="/" title="홈으로"></a></li> <li class="located"><a href="javascript:menuMove('/collectionlist','');">컬렉션</a></li> </ul> <script type="text/javascript"> $(document).ready(function() { var browser__ = navigator.userAgent.toLowerCase(); if (browser__.indexOf("safari") != -1) { $('.navi_top_class').on('touchstart', function() { $(this).trigger('click'); }); } }); </script> </div> <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> $(document).ready(function() { $('#search-btn-m').click(function() { $('.search-wrap').slideToggle(); }); $(document).click(function(e){ if(!(($(e.target).closest('.update-box').length > 0 ) || ($(e.target).closest('.update-btn').length > 0))){ $('.update-box').slideUp(); } }); }) function goLoginPage() { var path = window.location.pathname; var param = encodeURI(encodeURIComponent(window.location.search)); location.href='/login?returnUrl=' + path + param; } // NOTE : 회원가입 새창 이동 function fnLoginCall(){ if(confirm('한국영상자료원 회원이 되시면 하나의 통합된 회원 ID와 비밀번호로 한국영상자료원과 KMDb의 서비스를 모두 이용하실 수 있습니다.')){ window.open("https://www.koreafilm.or.kr/member/main", "회원가입", 'height=' + screen.height + ',width=' + screen.width); } } </script> <div class="main-navigation"> <div class="main-navigation-wrap"> <!-- <div class="nav-header">카테고리</div> --> <!-- <img class="arrow arrow-right" src="../../resources/images/common/ico-nav-left-m.png" alt=">"> --> <div class="gnb-wrap"> <div class="gnb-inner"> <ul class="gnb"> <li class="category category-1st"> <div class="category-line"> <a href="#" onclick="menuMove('/db/main','');"><span>DB</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <div class="sub-category"> <div class="category-top"><strong>DB 서브</strong><a href="javascript:void(0);" class="back"><img class="arrow arrow-right" src="/resources/images/common/ico-nav-left-m.png" alt="back"></a></div> <ul class="category-list"> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/db/detailSearch/moveArtSearch','3');"><span>상세검색</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/db/detailSearch/moveArtSearch','3');"><span>작품 DB </span></a> </li> <li > <a href="javascript:menuMove('/db/detailSearch/moveMovieInSearch','4');"><span>인명 DB </span></a> </li> <li > <a href="javascript:menuMove('/db/have/detailSearch','5');"><span>소장자료</span></a> </li> </ul> </li> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/db/list','6');"><span>리스트</span></a> </div> </li> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/db/festival','7');"><span>영화제</span></a> </div> </li> </ul> </div> </li> <li class="category category-1st"> <div class="category-line"> <a href="#" onclick="menuMove('/story/main','');"><span>영화글</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <div class="sub-category"> <div class="category-top"><strong>영화글 서브</strong><a href="javascript:void(0);" class="back"><img class="arrow arrow-right" src="/resources/images/common/ico-nav-left-m.png" alt="back"></a></div> <ul class="category-list"> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/story/1','10');"><span>연재</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/story/837','10');"><span>비평, 안녕하십니까</span></a> </li> <li > <a href="javascript:menuMove('/story/817','11');"><span>그때의 내가 만났던</span></a> </li> <li > <a href="javascript:menuMove('/story/836','12');"><span>명탐정 KOFA: 컬렉션을 파헤치다</span></a> </li> <li > <a href="javascript:menuMove('/story/856','13');"><span>그때 그 시절_아카이브 ver.</span></a> </li> <li > <a href="javascript:menuMove('/story/9','14');"><span>사사로운영화리스트</span></a> </li> <li > <a href="javascript:menuMove('/story/17','15');"><span>세계영화사의 순간들</span></a> </li> <li > <a href="javascript:menuMove('/story/5','16');"><span>임권택X102</span></a> </li> </ul> </li> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/story/236','18');"><span>기획</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/story/237','18');"><span>칼럼</span></a> </li> <li > <a href="javascript:menuMove('/story/696','19');"><span>한국영화 NOW : 영화 공간 아카이빙 프로젝트</span></a> </li> </ul> </li> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/story/end','100');"><span>종료연재</span></a> </div> </li> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/story/webzine','101');"><span>기관지</span></a> </div> </li> </ul> </div> </li> <li class="category category-1st"> <div class="category-line"> <a href="#" onclick="menuMove('/vod/main','');"><span>VOD</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <div class="sub-category"> <div class="category-top"><strong>VOD 서브</strong><a href="javascript:void(0);" class="back"><img class="arrow arrow-right" src="/resources/images/common/ico-nav-left-m.png" alt="back"></a></div> <ul class="category-list"> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/care/vod/guide','104');"><span>VOD 이용안내</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/care/vod/guide','104');"><span>가이드</span></a> </li> </ul> </li> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/vod/plan','105');"><span>VOD 기획전</span></a> </div> </li> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/vod/old/movie','107');"><span>전체보기</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/vod/old/movie','107');"><span>영화</span></a> </li> <li > <a href="javascript:menuMove('/vod/old/docu','108');"><span>영화인다큐</span></a> </li> </ul> </li> </ul> </div> </li> <li class="category category-1st"> <div class="category-line"> <a href="#" onclick="menuMove('/collectionlist','');"><span>컬렉션</span></a> </div> </li> <li class="category category-1st"> <div class="category-line"> <a href="#" onclick="menuMove('/care/kmdb','');"><span>고객서비스</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <div class="sub-category"> <div class="category-top"><strong>고객서비스 서브</strong><a href="javascript:void(0);" class="back"><img class="arrow arrow-right" src="/resources/images/common/ico-nav-left-m.png" alt="back"></a></div> <ul class="category-list"> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/care/kmdb','111');"><span>KMDb 이용안내</span></a> </div> </li> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/care/online/ask','113');"><span>온라인 민원</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/care/online/ask','113');"><span>1:1문의</span></a> </li> <li > <a href="javascript:menuMove('/care/online/movieman_step1/0','114');"><span>영화인등록</span></a> </li> <li > <a href="javascript:menuMove('/care/online/faq','115');"><span>FAQ</span></a> </li> </ul> </li> <li class="category category-2nd"> <div class='category-line '> <a href="javascript:menuMove('/info/api/guide','117');"><span>오픈API안내</span></a> <button type="button" class="btn more"><i class="ico"></i></button> </div> <ul class="category-box"> <li > <a href="javascript:menuMove('/info/api/guide','117');"><span>이용안내</span></a> </li> <li > <a href="javascript:menuMove('/info/api/filedataList','118');"><span>파일데이터</span></a> </li> <li > <a href="javascript:menuMove('/info/api/apiList','119');"><span>Open API</span></a> </li> </ul> </li> <li class="category category-2nd"> <div class='category-line '> <a class="a_title" href="javascript:menuMove('/notice','120');"><span>공지사항</span></a> </div> </li> </ul> </div> </li> <!--<li class="category category-1st"> <div class="category-line"> <a class="a_title blank" href="https://www.koreafilm.or.kr/main" onclick="window.open(this.href);return false;" target="_blank"><span>한국영상자료원</span></a> </div> </li>--> </ul> <div class="gnb-link"> <ul> <li><a href="/login">로그인</a></li> <li><a href="/mypage/movie">마이페이지</a></li> <!-- <li><a href="/eng/main">English</a></li> --> <!--<li><a href="javascript:void(0);" class="bt__mainset">초기화면 설정</a></li>--> </ul> </div> <button class="btn main-navigation-close">GNB닫기</button> </div> </div> </div> </div> <div class="main-navigation-cover"></div> <script type="text/javascript" src="/resources/js/common.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#searchMainForm2").validate({ submitHandler: function(form) { var scollection = $("#s1").val(); $("#mainSearchCol").val($("#s1").val()); form.target = "_self"; //form.action = '/db/search/movieSearch?collection='+$("#s1").val()+"&query="+$("#mainSearchText").val(); if( scollection == "kmKF"){ form.action = '/db/detailSearch/artSearch?query='+$("#mainSearchText2").val(); }else{ //form.action = '/db/search/movieSearch'; form.action = '/db/search/totalSearch'; } form.submit(); },rules: { mainSearchText: { required: true } } ,messages: { mainSearchText: { required: "검색어를 입력하세요." } } }); $("#headerDesktopInput").keydown(function(e) { if (e.keyCode == 13){ //alert() fnSearchMain(); } }); $("#formSearchTop").validate({ submitHandler: function(form) { //var searchText = $("#headerDesktopInput").val(); form.target = "_self"; //form.action = '/db/search/movieSearch?collection=all&query='+searchText; form.action = '/db/search/movieSearch'; form.submit(); },rules: { headerDesktopInput: { required: true } } ,messages: { headerDesktopInput: { required: "" } } }); $("#headerDesktopInput").keydown(function(e) { if (e.keyCode == 13){ fnSearchTop() } }); $("#formSearchTopM").validate({ submitHandler: function(form) { //var searchText = $("#headerMobileInput").val(); form.target = "_self"; //form.action = '/db/search/movieSearch?collection=all&query='+searchText; form.action = '/db/search/movieSearch'; form.submit(); },rules: { headerMobileInput: { required: true } } ,messages: { headerMobileInput: { required: "" } } }); $("#headerMobileInput").keydown(function(e) { if (e.keyCode == 13){ fnSearchTopM() } }); var readCookie_ = readCookie("myKMDbMainSetup"); //console.log("readCookie_ get : " + readCookie_); if(readCookie_ != null){ $('#mainSet_'+readCookie_).prop('checked',true); } $(".bt__mainset").bind('click',function(e) { $('#mainSetup').bPopup({ positionStyle: 'fixed', transition: 'slideDown' }); }); if($('.movies-another-slider').length){ $('.movies-another-slider').slick({ arrows: false, infinite: false, speed: 300, slidesToShow: 1, centerMode: true, variableWidth: true }); } /* $("#mainSetupBtn").bind('click',function(e) { alert("가자가자가"); var readCookie_ = $("input:radio[name='mainSetRadio']:checked").val(); //console.log("readCookie_ set : " + readCookie_); if(readCookie_){ writeCookie("myKMDbMainSetup", readCookie_); } $("#mainSetup").bPopup().close(); }); */ }); function menuMove(cPagePath, listCnt){ /* var $form = $("#menuform_"); if($form.length < 1) { $form = $("<form/>").attr({id:"menuform_", action:cPagePath , method:'POST'}); $(document.body).append($form); } $form.empty(); // 정보 세팅 $("<input></input>").attr({type:"hidden", name:"menuIndex", value:listCnt}).appendTo($form); $("<input></input>").attr({type:"hidden", name:"_csrf", value:"12d08fc1-540d-49ba-ace7-05ca8c2b7fd8"}).appendTo($form); $form.submit(); */ if(cPagePath == "/story/main" ){ location.href = cPagePath+"?menuIndex=" }else if(cPagePath == "/collectionlist"){ location.href = cPagePath+"/collectionGroup" } else if(cPagePath == "/db/have/detailSearch") { location.href = cPagePath+"/moveFilmSearch" } else { location.href = cPagePath+"?menuIndex="+listCnt } } function fnSearchMain(){ var mainSearchText2 = document.getElementById("headerDesktopInput").value; //alert(mainSearchText2); if(mainSearchText2 == "" || $.trim(mainSearchText2) == ""){ alert("검색 키워드를 입력 해주세요."); return; }else{ searchText = encodeURIComponent(mainSearchText2); $('#s2').val(searchText); $('#searchMainForm2').submit(); } } function fnSearchTop(){ if($('#headerDesktopInput').val() == "" || $.trim($("#headerDesktopInput").val()) == ""){ return; }else{ searchText = encodeURIComponent( $('#headerDesktopInput').val()); $('#headerDesktopInputQuery').val(searchText); $('#formSearchTop').submit(); } } function fnSearchTopM(){ if($('#headerMobileInput').val() == "" || $.trim($("#headerMobileInput").val()) == ""){ return; }else{ searchText = encodeURIComponent( $('#headerMobileInput').val()); $('#headerMobileInputQuery').val(searchText); $('#formSearchTopM').submit(); } } </script> <!-- <div class="header-spacer"></div> --> <script type="text/javascript" src="/resources/js/vod.js"></script> <!-- js for vod page --> <link rel="stylesheet" type="text/css" href="/resources/css/module.css"> <link rel="stylesheet" type="text/css" href="/resources/css/vod.css"> <link rel="stylesheet" type="text/css" href="/resources/css/kofa.css"> <!-- Swiper --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script> <!-- http://localhost:8082/collectionlist/collectionGroup --> <!-- kofa collection main page --> <div id="contents" class="collmain"> <!-- 컬렉션 그룹 --> <div class="common-box group-box" style="margin-top: 60px;"> <div style="position: relative"> <div class="coll-group-box swiper-container swiper-container1" style="width: 100%;"> <ul class="coll-group swiper-wrapper"> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=1&idx=all" style="width: 100%;" title="필름, 사진, 문헌, 박물자료 등을 기증자(처) 중심으로 구성한 컬렉션입니다"> <i class="ico"></i> <span>기증 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=2&idx=all" style="width: 100%;" title="영화잡지, 전단, 검열서류, 공문서, 연감·총서 등의 원문을 온라인으로 열람할 수 있는 컬렉션입니다"> <i class="ico"></i> <span>디지털원문 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=3&idx=all" style="width: 100%;" title="영화인들의 생애 및 영화·영상문화와 관련된 주제별 구술 자료로 구성된 컬렉션입니다"> <i class="ico"></i> <span>구술 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=82&idx=all" style="width: 100%;" title="한국 근현대사의 다양한 기록영상들을 열람할 수 있는 컬렉션입니다"> <i class="ico"></i> <span>기록영상 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=5&idx=all" style="width: 100%;" title="영화·영상문화 관련 아카이빙 자료를 전문 연구와 함께 주제별로 구성한 컬렉션입니다"> <i class="ico"></i> <span>주제 컬렉션</span></a></li> </ul> <!-- If we need navigation buttons ::양옆 좌우 버튼(선택) --> <div class="swiper-pagination swiper-pagination1"></div> </div> <!-- <div class="arrow"> <a class="swiper-button-prev"></a> <a class="swiper-button-next"></a> </div> --> <div class="coll-group-box mob" style="width: 100%;"> <ul class="coll-group"> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=1&idx=all" style="width: 100%;"> <i class="ico"></i> <span>기증 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=2&idx=all" style="width: 100%;"> <i class="ico"></i> <span>디지털원문 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=3&idx=all" style="width: 100%;"> <i class="ico"></i> <span>구술 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=82&idx=all" style="width: 100%;"> <i class="ico"></i> <span>기록영상 컬렉션</span></a></li> <li class="swiper-slide cont1"><a href="/collectionlist/detail/Album?upperColId=5&idx=all" style="width: 100%;"> <i class="ico"></i> <span>주제 컬렉션</span></a></li> </ul> </div> </div> </div> <!-- 추천 컬렉션 --> <div class="common-box rec-coll-group-box"> <h4>큐레이터's 초이스</h4> <div style="position: relative"> <div class="rec-coll-box swiper-container swiper-container3" style="width: 100%;"> <ul class="rec-coll-group swiper-wrapper"> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="1003"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/b97d01ac-64c6-4684-aebe-920f8dfb4dcd.png"/> </span> <span class="coll-title">영상시대 감독들과 검열</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>77건 </span> <div class="date"> <p>업데이트일 <span>2025-02-11</span></p> <p>공개일 <span>2025-02-11</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="801"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/46b14b80-9645-4c53-a4d7-e38a263cc366.jpg"/> </span> <span class="coll-title">반공과 검열(1971~1984)</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>127건 </span> <div class="date"> <p>업데이트일 <span>2024-03-11</span></p> <p>공개일 <span>2024-03-11</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="581"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/0a647cb5-1ec2-4f88-8514-1cf8f94598ef.jpg"/> </span> <span class="coll-title">반공과 검열(1955~1970)</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>153건 </span> <div class="date"> <p>업데이트일 <span>2023-06-29</span></p> <p>공개일 <span>2023-06-29</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="481"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/08033414-5ce1-4bc8-a298-332d52c0107c.jpg"/> </span> <span class="coll-title">신상옥 검열자료 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>54건 </span> <div class="date"> <p>업데이트일 <span>2023-02-10</span></p> <p>공개일 <span>2023-02-10</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="361"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/5cdfe598-bfd2-4a56-a979-74a2b52b1666.jpg"/> </span> <span class="coll-title">김수용 검열자료 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>101건 </span> <div class="date"> <p>업데이트일 <span>2022-09-28</span></p> <p>공개일 <span>2022-09-28</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="281"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/5646dc3b-c2e1-47a7-9399-e487a2d8e509.jpg"/> </span> <span class="coll-title">김기영 검열자료 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>24건 </span> <div class="date"> <p>업데이트일 <span>2022-07-08</span></p> <p>공개일 <span>2022-06-17</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="261"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/0c12f8b3-591a-438c-bc32-66fb84bcb0df.jpg"/> </span> <span class="coll-title">이만희 검열자료 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>46건 </span> <div class="date"> <p>업데이트일 <span>2022-06-24</span></p> <p>공개일 <span>2022-06-24</span> </p> </div> </div></li> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="221"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/9bb98bb9-83d8-40d4-9d87-f5cdc127258d.jpg"/> </span> <span class="coll-title">유현목 검열자료 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>35건 </span> <div class="date"> <p>업데이트일 <span>2022-04-13</span></p> <p>공개일 <span>2022-04-13</span> </p> </div> </div></li> </ul> <!-- If we need navigation buttons ::양옆 좌우 버튼(선택) --> <div class="swiper-pagination swiper-pagination3"></div> </div> <div class="swiper-button-prev" id="prev3" style="display:none;"></div> <div class="swiper-button-next" id="next3" style="display:none;"></div> </div> <!-- //분류_tab --> </div> <!-- 추천 컬렉션 --> <!-- 신규 컬렉션 --> <div class="common-box new-coll-group-box"> <h4>업데이트</h4> <div style="position: relative"> <div class="new-coll-box swiper-container swiper-container2" style="width: 100%;"> <ul class="new-coll-group swiper-wrapper"> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="881"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/83a5ab97-1257-4a44-b1b5-fd01d4a8eaf5.png"/> </span> <span class="coll-title">미국 NA II 소장 노획영상 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>43건 </span> <div class="date"> <p>업데이트일 <span>2024-12-24</span></p> <p>공개일 <span>2024-12-24</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="963"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/38c5f2e9-244e-4dfc-b852-bf44addaaac2.jpg"/> </span> <span class="coll-title">1990년대 영화문화운동 컬렉션 (2) 대전 씨네마떼끄 컬트</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>207건 </span> <div class="date"> <p>업데이트일 <span>2024-12-11</span></p> <p>공개일 <span>2024-12-10</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="943"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/15beeaea-5a0f-4553-b579-008e74f2b524.jpg"/> </span> <span class="coll-title">1990년대 영화문화운동 컬렉션 (1) 문화학교 서울</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>108건 </span> <div class="date"> <p>업데이트일 <span>2024-12-11</span></p> <p>공개일 <span>2024-12-10</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="983"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/1ba41e91-e371-4031-996b-75529787e4d8.jpg"/> </span> <span class="coll-title">영화문화의 변화와 사설 시네마테크의 활동</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>25건 </span> <div class="date"> <p>업데이트일 <span>2024-12-10</span></p> <p>공개일 <span>2024-12-10</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="921"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/ef560ced-9246-41a1-a7c0-fba38e73025e.jpg"/> </span> <span class="coll-title">이장호 구술 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>8건 </span> <div class="date"> <p>업데이트일 <span>2024-11-06</span></p> <p>공개일 <span>2024-11-06</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="901"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/c87129fa-bccd-4cab-9904-2e5a8d39f40c.jpg"/> </span> <span class="coll-title">문화영화로 보는 한국의 재테크와 금융</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>53건 </span> <div class="date"> <p>업데이트일 <span>2024-10-29</span></p> <p>공개일 <span>2024-10-29</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="882"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/2575efb1-c736-42e5-92ed-1faf16832144.jpg"/> </span> <span class="coll-title">박광남(특수효과) 구술 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>9건 </span> <div class="date"> <p>업데이트일 <span>2024-09-25</span></p> <p>공개일 <span>2024-09-25</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="741"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/4ec96986-a556-42b5-b0b5-e3222251af12.jpg"/> </span> <span class="coll-title">촬영감독 김학성 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>1627건 </span> <div class="date"> <p>업데이트일 <span>2024-08-30</span></p> <p>공개일 <span>2023-12-01</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="861"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/34ba8f65-e046-46e3-86ac-a63f6ec9da43.jpg"/> </span> <span class="coll-title">시나리오 작가 니시키 모토사다 컬렉션: 조선영화 편</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>147건 </span> <div class="date"> <p>업데이트일 <span>2024-07-24</span></p> <p>공개일 <span>2024-07-24</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="862"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/b990dee2-29e4-4497-afc7-d87809cd9d31.jpg"/> </span> <span class="coll-title">1980년대 월간 <스크린> 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>82건 </span> <div class="date"> <p>업데이트일 <span>2024-07-11</span></p> <p>공개일 <span>2024-07-11</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="841"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/b3a70c68-f8bd-4a43-a9a6-f7ff87c6265e.jpg"/> </span> <span class="coll-title">신동헌 구술 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>13건 </span> <div class="date"> <p>업데이트일 <span>2024-06-28</span></p> <p>공개일 <span>2024-06-28</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="461"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/1bc8175c-aa4c-4be2-a222-a5cb7f8068aa.png"/> </span> <span class="coll-title">1970~1980년대 한국 주재 해외문화원의 활동과 영화문화의 변화</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>28건 </span> <div class="date"> <p>업데이트일 <span>2024-05-17</span></p> <p>공개일 <span>2023-01-13</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="821"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/5e79a197-2fdf-4346-b603-4ccc709a6eb4.jpg"/> </span> <span class="coll-title">여성 영화인 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>345건 </span> <div class="date"> <p>업데이트일 <span>2024-05-08</span></p> <p>공개일 <span>2024-05-08</span> </p> </div> </div></li> <!-- <li class="swiper-slide"> --> <li class="swiper-slide"> <a href="#" class="session-check" data-url="/collectionlist/detail/view" data-col-id="122"> <span class="thumb"> <img src="/upload/kmdbupload/thumbnail/744f3b85-7864-4023-b13f-3ca0aac8aa5b.jpg"/> </span> <span class="coll-title">검열서류 컬렉션</span> </a> <div class="item-info"> <span class="data_num"> <i class="ico" style="background-image: url(/resources/images/sort/etc.png);"></i>507건 </span> <div class="date"> <p>업데이트일 <span>2024-04-25</span></p> <p>공개일 <span>2022-01-26</span> </p> </div> </div></li> </ul> <!-- If we need navigation buttons ::양옆 좌우 버튼(선택) --> <div class="swiper-pagination swiper-pagination2"></div> </div> <div class="swiper-button-prev" id="prev2" style="display:none;"></div> <div class="swiper-button-next" id="next2" style="display:none;"></div> </div> </div> <!-- 신규 컬렉션 --> <div class="kofa-visual" id="visual"> <div> <h2>컬렉션</h2> <!-- <p>KOFA 컬렉션 서비스는 한국영상자료원이 한국영화사에 족적을 남길 수 있는 귀중한 사료, 기증자료, 구술 자료 등 디지털 문헌 컬렉션 수집자료까지 다양하고 영화사적 가치가 있는 자료를 별도의 컬렉션으로 정리하여 대중에게 제공하는 자료입니다.</p> --> <p>현존하는 가장 오래된 한국 장편 극영화 &lt;청춘의 십자로&gt;(안종화, 1934)의 35mm 질산염 필름을 포함해, 한국영상자료원은 다양한 영화 필름과 포스터, 스틸, 시나리오, 영화인 구술 자료, 영화 잡지, 기자재와 영화인 유품 등 영화와 관련된 수많은 자료들을 보존하고 있습니다. 여기에는 김기영, 신상옥, 유현목 감독처럼 한국영화를 대표하는 영화인들과 관계자들이 기증한 자료를 비롯해, 국내 영화사와 극장들, 세계 각지의 아카이브와 적극적인 교류로 수집한 자료들 그리고 한국영상자료원이 복원한 자료들이 포함됩니다. 이는 한국의 영화문화를 이해하고 그 역사를 기록하는 데 무엇보다 귀중한 사료들로, 한국영상자료원은 체계적인 연구와 큐레이션을 통해 이들을 ‘KOFA컬렉션’이라는 이름으로 공개합니다. 앞으로 이곳에 채워질 ‘KOFA컬렉션’은 우리 세대가 수집하고 보존해야 할 영화 유산을 위한 밑거름이 될 것입니다.</p> </div> </div> <div class="data-guide"> <p>[자료 이용 안내]</p> <p>디지털화된 사진·문헌 자료는 컬렉션 별 웹페이지 상에서 열람 가능합니다. <br /> 오프라인 열람 및 활용은 별도 문의 바랍니다.<br /> <a href="https://www.koreafilm.or.kr/pages/PC_00000031">* 기관홈페이지 > 고객서비스 > 자료이용</a></p> <!-- * 한국영상자료원 홈페이지 ‘고객서비스-자료이용’ 참조</p> --> </div> </div> <script type="text/javascript"> $(function() { var isMobile = false; if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { isMobile = true; } //initialize swiper when document ready var mySwiper = new Swiper('.swiper-container1', { // Optional parameters direction : 'horizontal', // 방향 slidesPerView : 5, // 슬라이드를 한번에 3개를 보여준다 slidesPerGroup : 5, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음 spaceBetween : 0, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌 // Navigation arrows pagination : { el : '.swiper-pagination1', type : 'bullets', clickable: true, }, // 반응형 breakpoints : { 1280 : { slidesPerView : 5, slidesPerGroup : 5, }, 950:{ slidesPerView : 3, slidesPerGroup : 3, }, 720 : { slidesPerView : 2, slidesPerGroup : 2, }, }, }); //initialize swiper when document ready var mySwiper2 = new Swiper('.swiper-container2', { // Optional parameters direction : 'horizontal', // 방향 slidesPerView : 4, // 슬라이드를 한번에 3개를 보여준다 slidesPerGroup : 4, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음 spaceBetween : 20, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌 // Navigation arrows pagination : { el : '.swiper-pagination2', type : 'bullets', clickable: true, }, // 반응형 breakpoints : { 1280 : { slidesPerView : 4, slidesPerGroup : 4, }, 720 : { slidesPerView : 2, slidesPerGroup : 2, }, }, }); if (!isMobile) { var navigation2 ={ nextEl: '#next2', prevEl: '#prev2', }; mySwiper2.originalParams.navigation = navigation2; new Swiper('.swiper-container2', mySwiper2.originalParams); $('#next2').css('display', 'block'); $('#prev2').css('display', 'block'); } var mySwiper3 = new Swiper('.swiper-container3', { // Optional parameters direction : 'horizontal', // 방향 slidesPerView : 4, // 슬라이드를 한번에 3개를 보여준다 slidesPerGroup : 4, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음 spaceBetween : 20, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌 // Navigation arrows pagination : { el : '.swiper-pagination3', type : 'bullets', clickable: true, }, // 반응형 breakpoints : { 1280 : { slidesPerView : 4, slidesPerGroup : 4, }, 720 : { slidesPerView : 2, slidesPerGroup : 2, }, }, }) if (!isMobile) { var navigation3 ={ nextEl: '#next3', prevEl: '#prev3', }; mySwiper3.originalParams.navigation = navigation3; new Swiper('.swiper-container3', mySwiper3.originalParams); $('#next3').css('display', 'block'); $('#prev3').css('display', 'block'); } $('.session-check').click(function() { var $this = $(this); var url = $this.data('url'); var colId = $this.data('colId'); var isLooked = setStorageData(colId); console.log('isLooked', isLooked); url += '?colId=' + colId + '&isLooked=' + isLooked; location.href = encodeURI(url); }); }); function setStorageData(colId) { var storageData = window.localStorage; var isLooked = false; var temp = new Date(); var year = temp.getFullYear(); var month = temp.getMonth(); var day = temp.getDate(); var today = year + '-' + month + '-' + day; var storageToday = storageData.getItem('today'); if (storageToday) { if (storageToday !== today) { storageData.clear(); } } else { storageData.setItem('today', today); } var colIds = JSON.parse(storageData.getItem("colIds")); if (!colIds) { colIds = new Array(); } console.log('colIds', colIds); for (var i = 0; i < colIds.length; i ++) { if (colIds[i] === colId) { return true; } } colIds.push(colId); storageData.setItem('colIds', JSON.stringify(colIds)); return false; } </script> <footer> <div class="footer-inner"> <div class="left"> <ul class="foot-nav"> <li><a href="https://www.koreafilm.or.kr/privacy">개인정보처리방침</a></li> <li><a href="/care/online/ask">1:1문의</a></li> <li><a href="/notice">공지사항</a></li> <li><a href="/sitemap">사이트맵</a></li> </ul> <address> <p>서울시 마포구 월드컵북로 400 한국영상자료원 (우 03925) T.02-3153-2001 F.02-3153-2080</p> </address> <p>ⓒ Korean Film Archive.ALL Rights Reserved</p> </div> <div class="right"> <div class="foot-sns-wrap"> <a href="https://www.youtube.com/user/KoreanFilm" target="_blank" title="한국고전영화 유튜브 채널(새창)"><img src="/resources/images/footer/icon_youtube.png" alt="유튜브"></a> <a href="https://tv.naver.com/koreanfilm" target="_blank" title="네이버TV 채널(새창)"><img src="/resources/images/footer/icon_navertv.png" alt="네이버TV"></a> <a href="https://www.instagram.com/koreanfilmarchive" target="_blank" title="인스타그램(새창)"><img src="/resources/images/footer/icon_insta.png" alt="인스타그램"></a> <a href="https://twitter.com/Film_Archive" target="_blank" title="트위터(새창)"><img src="/resources/images/footer/icon_twitter.png" alt="트위터"></a> <a href="https://www.facebook.com/koreanfilmarchive" target="_blank" title="페이스북(새창)"><img src="/resources/images/footer/icon_facebook.png" alt="페이스북"></a> <a href="https://www.google.com/culturalinstitute/beta/partner/korean-film-archive" target="_blank" title="구글아트앤컬쳐(새창)"><img src="/resources/images/footer/icon_google.png" alt="구글아트앤컬쳐"></a> </div> <div class="foot-logo-wrap"> <!-- <a href="https://www.kmdb.or.kr/main"><img src="/resources/images/footer/foot-logo01.png" alt="한국영화데이터베이스 KMDB"></a> --> <a href="https://www.koreafilm.or.kr/main" target="_blank" title="한국영상자료원(새창)"><img src="/resources/images/footer/foot-logo02.png" alt="한국영상자료원"></a> </div> </div> </div> </footer> <div class="btntop"> <button type="button" id="TopMove" title="상단으로"> <span class="ico_totop">상단으로</span> </button> </div> <!-- 메인화면 설정 팝업(s) --> <div class="popwrap poptype1" id="mainSetup"> <h3 class="poptit1">초기화면 설정</h3> <div class="pop_container1"> <form class="main_setarea"> <fieldset> <legend>초기화면 설정</legend> <div class="asset"> <label for="mainSet_main"> <input type="radio" name="mainSetRadio" id="mainSet_main" value="main" /> <span class="label">검색</span></label> </div> <div class="asset"> <label for="mainSet_db"><input type="radio" name="mainSetRadio" id="mainSet_db" value="db" /><span class="label">DB</span></label> </div> <div class="asset"> <label for="mainSet_story"><input type="radio" name="mainSetRadio" id="mainSet_story" value="story" /><span class="label">영화글</span></label> </div> <div class="asset"> <label for="mainSet_vod"><input type="radio" name="mainSetRadio" id="mainSet_vod" value="vod" /><span class="label">VOD</span></label> </div> <div class="asset"> <label for="mainSet_history"><input type="radio" name="mainSetRadio" id="mainSet_history" value="history" /><span class="label">한국영화사료관</span></label> </div> <div class="btn-group large"> <button class="btn large weighty" id="mainSetupBtn" type="button">저장</button> </div> </fieldset> </form> </div> <div class="pop_setclose"> <button type="button" class="b-close"><span class="ico">닫기</span></button> </div> </div> <!--// 메인화면 설정 팝업(e) --> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> $(document).ready(function(){ $('.update-btn').click(function() { var subData = $(".update-box ul").children().length; if(subData == 0) { getUpdateAlarm(); } $('.update-box').slideToggle(); }) if ( $("#headerDesktopInput").length > 0 ) { $( "#headerDesktopInput" ).focus(); } if ( $("#mainSearchText").length > 0 ) { $( "#mainSearchText" ).focus(); } //초기화면설정 $("#mainSetupBtn").bind('click',function(e) { var readCookie_ = $("input:radio[name='mainSetRadio']:checked").val(); //console.log("readCookie_ set : " + readCookie_); if(readCookie_){ writeCookie("myKMDbMainSetup", readCookie_); } $("#mainSetup").bPopup().close(); }); $('#skipNaviAllMove').on("click",function(){ var $mobileNavi = $('.main-navigation'); if ($mobileNavi.hasClass('expand')) { $mobileNavi.removeClass('expand'); // $btn.removeClass('on'); } else { $mobileNavi.addClass('expand'); // $btn.addClass('on'); } }); function getUpdateAlarm() { axios.get('/commonNav/mainTop') .then(function(res){ //console.log(res.data); for(var i =0; i<10; i++) { // i<Object.keys(res.data).length //console.log(res.data[i]); //console.log(res.data[i].dbClss); if (res.data[i].dbClss == 'MO') { var dataId = res.data[i].dataId; //console.log(dataId) var title = res.data[i].title; var updates = res.data[i].updates; var varMovieId = dataId.substr(0,1); var varMovieSeq = dataId.substr(1,5); var updateUrl = "/db/kor/detail/movie/"+varMovieId+"/"+varMovieSeq; //console.log(updateUrl) $(".update-box ul").append("<li><a href="+updateUrl+">"+res.data[i].title+"["+res.data[i].updates+"]</a></li>"); } if (res.data[i].dbClss == 'PE') { var dataId = res.data[i].dataId; var updateUrl2 = "/db/per/"+dataId; //console.log(updateUrl2) $(".update-box ul").append("<li><a href="+updateUrl2+">"+res.data[i].title+"["+res.data[i].updates+"]</a></li>"); } } }); } }); </script> <!--<script type="text/javascript" src="/resources/js/1258_Insight_WebAnalytics.js"></script>--> </div> <script type="text/javascript" src="/resources/js/lib/jquery.validate.min.js"></script> <script type="text/javascript" src="/resources/js/lib/jquery.bpopup.js"></script> <script type="text/javascript" src="/resources/plugins/owlslide/owl.carousel.js"></script> <script type="text/javascript" src="/resources/plugins/owlslide/owl.carousel2.thumbs.js"></script> <script type="text/javascript" src="/resources/plugins/jquery.selectric-1.11.1/jquery.selectric.min.js"></script> <script type="text/javascript" src="/resources/plugins/jquery.uniform-2.2.0/jquery.uniform.min.js"></script> <script type="text/javascript" src="/resources/plugins/jquery.mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script> <script type="text/javascript" src="/resources/js/slider.js"></script> <script type="text/javascript" src="/resources/js/lib/spin.js"></script> <script type="text/javascript" src="/resources/js/lib/jquery.spin.js"></script> <script type="text/javascript" src="/resources/js/lib/inputmask.min.js"></script> <script type="text/javascript" src="/resources/js/lib/jquery-ui.min.js"></script> <script type="text/javascript" src="/resources/js/wisenut/ark/js/ark.js"></script> <script type="text/javascript" src="/resources/js/wisenut/ark/js/beta.fix.js"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!--// 로그분석 --> <!--// 메인화면 설정 팝업(e) --> </body> </html>

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