1154 lines
71 KiB
HTML
1154 lines
71 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<title>소장자료관</title>
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="#">
|
|
<link href="/css/common.css" rel="stylesheet">
|
|
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
|
<link href="/css/swiper.min.css" rel="stylesheet">
|
|
<link href="/css/default.css" rel="stylesheet">
|
|
|
|
<script src="/js/jquery-1.11.2.min.js"></script>
|
|
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
|
<script src="/js/swiper.min.js"></script>
|
|
<script src="/js/default.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="wrap">
|
|
<!-- 헤더 -->
|
|
<header id="header">
|
|
<h2 class="blind">헤더영역</h2>
|
|
<div class="inner">
|
|
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
|
|
|
<div class="search-wrap">
|
|
<h2 class="blind">검색</h2>
|
|
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
|
<fieldset>
|
|
<legend>검색</legend>
|
|
<div class="search-input">
|
|
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
|
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
|
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
|
</div>
|
|
<div class="condition_sear">
|
|
<select name="searchField" id="searchField1" class="sear_depth">
|
|
<option value="" selected="selected">전체</option>
|
|
<option value="TITLE">제목</option>
|
|
</select>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="log">
|
|
<ul>
|
|
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
|
<li><a href="javascript:;" class="member-btn">회원증</a></li>
|
|
<li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
|
|
<li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="nav-wrap">
|
|
<div class="inner">
|
|
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
|
<nav id="primary-nav" class="dropdown cf">
|
|
<ul class="dropdown menu">
|
|
<li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
|
|
<li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
|
|
<li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
|
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
|
|
<li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
|
|
<li><a href="/qna.html" title="Q&A"><span class="underline blue">Q&A</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
|
|
<li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
|
|
<li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
|
|
<li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 섹션1 -->
|
|
<section class="sec1">
|
|
<h2 class="blind">배너 섹션영역</h2>
|
|
<div class="inner">
|
|
<div class="banner">
|
|
<h3>온라인 대출/알람예약 서비스를 통해<br>문화원 소장자료들을 만나보세요.</h3>
|
|
<p>자료 검색을 통해 원하는 자료를 찾고, 대출/열람 예약 신청까지!<br>온라인에서 쉽고 간편하게 할 수 있습니다.</p>
|
|
</div>
|
|
<div class="color-box">
|
|
<div class="list">
|
|
<a href="/guide.html"></a>
|
|
<div class="title">이용안내</div>
|
|
<div class="icon"><img src="/images/icon/icon-sec1-01.png" alt="이용안내 아이콘"></div>
|
|
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/location.html"></a>
|
|
<div class="title">찾아오시는 길</div>
|
|
<div class="icon"><img src="/images/icon/icon-sec1-02.png" alt="지도 아이콘"></div>
|
|
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/loan.html"></a>
|
|
<div class="title">대출관리</div>
|
|
<div class="icon"><img src="/images/icon/icon-sec1-03.png" alt="대출 아이콘"></div>
|
|
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/visit.html"></a>
|
|
<div class="title">열람관리</div>
|
|
<div class="icon"><img src="/images/icon/icon-sec1-04.png" alt="열람 아이콘"></div>
|
|
<div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 섹션2 -->
|
|
<section class="sec2">
|
|
<h2 class="blind">키워드 섹션영역</h2>
|
|
<div class="inner">
|
|
<div class="keyword-box">
|
|
<h3 class="title"><span>AI 추천</span> 키워드</h3>
|
|
<p class="desc">어떤 자료들을 소장 중인지 키워드로 살펴보세요!</p>
|
|
<ul class="list-tag">
|
|
<li><a href="/" title="">#경주</a></li>
|
|
<li><a href="/" title="">#경주문화재</a></li>
|
|
<li><a href="/" title="">#불국사</a></li>
|
|
<li><a href="/" title="">#보양음식</a></li>
|
|
<li><a href="/" title="">#삼계탕</a></li>
|
|
<li><a href="/" title="">#전통음식</a></li>
|
|
<li><a href="/" title="">#경주문화원</a></li>
|
|
<li><a href="/" title="">#경주</a></li>
|
|
<li><a href="/" title="">#경주문화재</a></li>
|
|
<li><a href="/" title="">#불국사</a></li>
|
|
<li><a href="/" title="">#보양음식</a></li>
|
|
<li><a href="/" title="">#삼계탕</a></li>
|
|
<li><a href="/" title="">#전통음식</a></li>
|
|
<li><a href="/" title="">#경주문화원</a></li>
|
|
<li><a href="/" title="">#경주</a></li>
|
|
<li><a href="/" title="">#경주문화재</a></li>
|
|
<li><a href="/" title="">#경주문화원</a></li>
|
|
<li><a href="/" title="">#경주</a></li>
|
|
<li><a href="/" title="">#경주문화재</a></li>
|
|
<li><a href="/" title="">#불국사</a></li>
|
|
<li><a href="/" title="">#보양음식</a></li>
|
|
<li><a href="/" title="">#삼계탕</a></li>
|
|
<li><a href="/" title="">#전통음식</a></li>
|
|
<li><a href="/" title="">#경주문화원</a></li>
|
|
<li><a href="/" title="">#경주</a></li>
|
|
<li><a href="/" title="">#경주문화재</a></li>
|
|
<li><a href="/" title="">#전통음식</a></li>
|
|
<li><a href="/" title="">#경주문화원</a></li>
|
|
<li><a href="/" title="">#경주</a></li>
|
|
<li><a href="/" title="">#경주문화재</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 섹션3 -->
|
|
<section class="sec3">
|
|
<h2 class="blind">문화원픽 섹션영역</h2>
|
|
<div class="inner">
|
|
<div class="pick-box">
|
|
<h3 class="title"><span>문화원's</span> Pick</h3>
|
|
<p class="desc">경주문화원이 추천하는 자료를 만나보세요!</p>
|
|
|
|
<!-- Swiper -->
|
|
<div class="swiper pickSwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="list-box">
|
|
<div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
|
|
<div class="subject">
|
|
<a href="/" title="">
|
|
<span class="block"><span class="cla">도서간행물</span></span>
|
|
<span class="tit underline pink">양산예찬문집</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="list-box">
|
|
<div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
|
|
<div class="subject">
|
|
<a href="/" title="">
|
|
<span class="block"><span class="cla">문서</span></span>
|
|
<span class="tit underline pink">三憂堂 文益漸先生 棉花展示館 竣工記念詩集</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="list-box">
|
|
<div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
|
|
<div class="subject">
|
|
<a href="/" title="">
|
|
<span class="block"><span class="cla">박물</span></span>
|
|
<span class="tit underline pink">국역 慶州郡 (국역 경주군)</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="list-box">
|
|
<div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
|
|
<div class="subject">
|
|
<a href="/" title="">
|
|
<span class="block"><span class="cla">사진필름류</span></span>
|
|
<span class="tit underline pink">경주읍성 남문 장례문의 문루</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="list-box">
|
|
<div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
|
|
<div class="subject">
|
|
<a href="/" title="">
|
|
<span class="block"><span class="cla">도면/지도</span></span>
|
|
<span class="tit underline pink">慶州 風物 地理誌 (경주 풍물 지리지)</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 섹션4 -->
|
|
<section class="sec4">
|
|
<h2 class="blind">중간배너 섹션영역</h2>
|
|
<div class="inner">
|
|
<div class="middle-banner">
|
|
<h3>회원가입만 하면 발급되는<br><strong>간편 온라인 회원증!</strong></h3>
|
|
<p>문화원 소장자료관 회원가입 시 해당 문화원에서<br>사용할 수 있는 온라인 회원증이 발급됩니다.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 섹션5 -->
|
|
<section class="sec5">
|
|
<h2 class="blind">인기자료 섹션영역</h2>
|
|
<div class="inner">
|
|
<h3 class="title"><span>유형별</span> 인기자료</h3>
|
|
<p class="desc">자료유형별로 이런 인기자료들이 있어요!</p>
|
|
<div class="tab">
|
|
<ul class="tabs">
|
|
<li><a href="#">문서</a></li>
|
|
<li><a href="#">도면/지도</a></li>
|
|
<li><a href="#">사진필름류</a></li>
|
|
<li><a href="#">녹음동영상</a></li>
|
|
<li><a href="#">도서간행물</a></li>
|
|
<li><a href="#">박물</a></li>
|
|
<li><a href="#">웹정보자료</a></li>
|
|
</ul>
|
|
<div class="tab_content">
|
|
<div class="tabs_item">
|
|
<ul>
|
|
<li>
|
|
<div class="con-1">
|
|
<div class="block"><span class="cla">문서</span></div>
|
|
<div class="tit underline pink">국역 경주읍지</div>
|
|
</div>
|
|
<div class="con-2">
|
|
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
|
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
|
<p class="yea"><span>생산년도</span><span>2003</span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="con-1">
|
|
<div class="block"><span class="cla">문서</span></div>
|
|
<div class="tit underline pink">慶州文化論叢(경주문화논총)/제20집</div>
|
|
</div>
|
|
<div class="con-2">
|
|
<p class="sub"><span>주제분야</span><span>문화유산 > 선사 유적 및 유물</span></p>
|
|
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
|
<p class="yea"><span>생산년도</span><span>2017</span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="con-1">
|
|
<div class="block"><span class="cla">문서</span></div>
|
|
<div class="tit underline pink">慶州지방 古書 調査 目錄 (경주지방 고서</div>
|
|
</div>
|
|
<div class="con-2">
|
|
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
|
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
|
<p class="yea"><span>생산년도</span><span>2017</span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="con-1">
|
|
<div class="block"><span class="cla">문서</span></div>
|
|
<div class="tit underline pink">경주문화원 50년사</div>
|
|
</div>
|
|
<div class="con-2">
|
|
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
|
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
|
<p class="yea"><span>생산년도</span><span>2014</span></p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
02
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
03
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
04
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
05
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
06
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
07
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 섹션6 -->
|
|
<section class="sec6">
|
|
<h2 class="blind">온라인자료관 섹션영역</h2>
|
|
<div class="inner">
|
|
<h3 class="title"><span>온라인</span> 자료관</h3>
|
|
<p class="desc">문화원 전자자료를 온라인으로 간편하게 열람해보세요!</p>
|
|
<!-- Swiper -->
|
|
<div class="swiper onlineSwiper">
|
|
<div class="swiper-wrapper items cover">
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="List">
|
|
<div class="inner">
|
|
<div class="thumbnail">
|
|
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
|
<div class="detail-cover">
|
|
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
|
<ul>
|
|
<li><em>주제유형</em>도서간행물</li>
|
|
<li><em>주제분야</em>문화유산</li>
|
|
<li><em>생산기관</em>마포문화원</li>
|
|
<li><em>생산년도</em>미상</li>
|
|
</ul>
|
|
<div class="btn-box">
|
|
<div class="view"><a href="#">원문보기</a></div>
|
|
<div class="RIS"><a href="#">RIS</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 섹션7 -->
|
|
<section class="sec7">
|
|
<h2 class="blind">커뮤니티 섹션영역</h2>
|
|
<div class="inner">
|
|
<div class="Fl notice">
|
|
<div class="ti"><span>공지사항</span><a href="#"><span>더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
|
|
<div class="con">
|
|
<div class="list">
|
|
<a href="#">
|
|
<div class="box"><p>05</p><p>21.09</p></div>
|
|
<div class="text">
|
|
<p>[공지] 경주문화원에 오신걸 환영합니다.<img src="/images/icon/icon-file.png" class="file" alt="파일 아이콘"></p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="#">
|
|
<div class="box"><p>05</p><p>21.09</p></div>
|
|
<div class="text">
|
|
<p>소장자료관 이용 시 주의사항 안내<img src="/images/icon/icon-file.png" class="file" alt="파일 아이콘"></p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="#">
|
|
<div class="box"><p>05</p><p>21.09</p></div>
|
|
<div class="text">
|
|
<p>[공지] 2021 문화원 휴관일 안내 드립니다.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="Fl qna">
|
|
<div class="ti"><span>Q&A</span><a href="#"><span>더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
|
|
<div class="con">
|
|
<div class="list">
|
|
<a href="#">
|
|
<div class="box"><p>05</p><p>21.09</p></div>
|
|
<div class="text">
|
|
<p>[공지] 경주문화원에 오신걸 환영합니다.<img src="/images/icon/icon-password.png" class="pw" alt="잠금 아이콘"></p>
|
|
</div>
|
|
<div class="answer">
|
|
<p>답변대기</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="#">
|
|
<div class="box"><p>05</p><p>21.09</p></div>
|
|
<div class="text">
|
|
<p>소장자료관 이용 시 주의사항 안내<img src="/images/icon/icon-password.png" class="pw" alt="잠금 아이콘"></p>
|
|
</div>
|
|
<div class="answer">
|
|
<p>답변대기</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="#">
|
|
<div class="box"><p>05</p><p>21.09</p></div>
|
|
<div class="text">
|
|
<p>[공지] 2021 문화원 휴관일 안내 드립니다.</p>
|
|
</div>
|
|
<div class="answer suc">
|
|
<p>답변완료</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer id="footer">
|
|
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
|
<div class="inner">
|
|
<div class="row-top">
|
|
<div class="footer-logo">
|
|
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
|
</div>
|
|
<div class="family_site">
|
|
<p class="site_name">관련 사이트</p>
|
|
<ul class="site_depth">
|
|
<li><a href="/" target="_blank">01</a></li>
|
|
<li><a href="/" target="_blank">02</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row-bottom">
|
|
<div class="left-side">
|
|
<ul class="fnb">
|
|
<li><a href="/">이용약관</a></li>
|
|
<li><a href="/">개인정보처리방침</a></li>
|
|
<li><a href="/location.html">찾아오시는 길</a></li>
|
|
</ul>
|
|
<p class="copy">
|
|
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
|
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 상세검색 팝업 -->
|
|
<div class="popup pop-advanced-search" style="display:none;">
|
|
<div class="pop-wrap">
|
|
<div class="Title">
|
|
<span>상세 검색</span>
|
|
<span>검색어와, 검색조건들을 통해서 더 정확한 정보를 찾아보세요.</span>
|
|
<span><a href="javascript:;" class="btn-close-pop"><img src="/images/btn/btn-pop-close.png" alt="닫기 아이콘"></a></span>
|
|
</div>
|
|
<form action="/sch/totalSearchList.do" id="cmmlistForm" name="cmmlistForm" class="mCustomScrollbar" data-mcs-theme="dark-2">
|
|
<div class="scroll-wrap">
|
|
<fieldset>
|
|
<legend>상세검색 입력폼</legend>
|
|
<ul class="advanced-form-table">
|
|
<li class="row-keyword fw">
|
|
<p class="tit"><label for="d_query">검 색</label></p>
|
|
<div class="input-area">
|
|
<input type="text" placeholder="검색어를 입력하세요." id="d_query" name="query" value="" />
|
|
</div>
|
|
</li>
|
|
<li class="row-keyword-detail">
|
|
<p class="tit"><label for="exactQuery">목차검색</label></p>
|
|
<div class="input-area">
|
|
<input type="text" placeholder="검색어를 입력하세요." id="exactQuery" name="exactQuery" value="" />
|
|
</div>
|
|
</li>
|
|
<li class="row-control-num">
|
|
<p class="tit"><label for="mgnt_no">관리번호</label></p>
|
|
<div class="input-area">
|
|
<input type="text" placeholder="예) KCCF201808030000234" id="mgnt_no" name="mgnt_no" value="" />
|
|
</div>
|
|
</li>
|
|
<li class="row-issued-year">
|
|
<p class="tit"><label for="genyear_start">생산년도</label></p>
|
|
<div class="input-area">
|
|
<input type="text" placeholder="예) 2018" id="genyear_start" name="genyear_start" value="" />
|
|
<span class="tilde">~</span>
|
|
<input type="text" placeholder="예) 2019" id="genyear_end" name="genyear_end" value="" /><label for="genyear_end" class="blind">생산년도 끝</label>
|
|
</div>
|
|
</li>
|
|
<li class="row-age">
|
|
<p class="tit"><label for="chronological_start">연 대</label></p>
|
|
<div class="input-area">
|
|
<input type="text" placeholder="예) 2017" id="chronological_start" name="chronological_start" value=""/>
|
|
<span class="tilde">~</span>
|
|
<input type="text" placeholder="예) 2018" id="chronological_end" name="chronological_end" value=""/><label for="chronological_end" class="blind">연대 끝</label>
|
|
</div>
|
|
</li>
|
|
<li class="row-times fw">
|
|
<p class="tit"><label for="">시 대</label></p>
|
|
<div class="input-area">
|
|
<div class="check"><input type="checkbox" value="" id="times-chk1" name=""><label for="times-chk1">전체</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk2" name=""><label for="times-chk2">선사</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk3" name=""><label for="times-chk3">고대</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk4" name=""><label for="times-chk4">고려</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk5" name=""><label for="times-chk5">조선</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk6" name=""><label for="times-chk6">근대</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk7" name=""><label for="times-chk7">현대</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="times-chk8" name=""><label for="times-chk8">시대미상</label></div>
|
|
</div>
|
|
</li>
|
|
<li class="row-class fw">
|
|
<p class="tit"><label for="">이용구분</label></p>
|
|
<div class="input-area">
|
|
<div class="check"><input type="checkbox" value="" id="class-chk1" name=""><label for="class-chk1">전체</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="class-chk2" name=""><label for="class-chk2">온라인 열람</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="class-chk3" name=""><label for="class-chk3">대출</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="class-chk4" name=""><label for="class-chk4">열람</label></div>
|
|
<div class="check"><input type="checkbox" value="" id="class-chk5" name=""><label for="class-chk5">기타</label></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</fieldset>
|
|
|
|
<fieldset class="conditions-wrap conditions-subject">
|
|
<legend class="conditions-title">주제분야</legend>
|
|
<div class="selected-conditions">
|
|
<div class="title">
|
|
<p>선택조건</p>
|
|
<button type="button" class="btn-reset-conditions">초기화</button>
|
|
</div>
|
|
<ul class="conditions">
|
|
<li><button type="button" title="삭제">자연과 지리 <span class="sign">></span> 마을경관</button></li>
|
|
<li><button type="button" title="삭제">생활과 민속 <span class="sign">></span> 세시풍속</button></li>
|
|
</ul>
|
|
</div>
|
|
<div class="conditions-box">
|
|
<div class="line line1">
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="A" id="subject-chk1" /><label for="subject-chk1">자연과지리</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="A01" id="subject-chk1-1" /><label for="subject-chk1-1">자연환경</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A02" id="subject-chk1-2" /><label for="subject-chk1-2">동식물</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A03" id="subject-chk1-3" /><label for="subject-chk1-3">마을경관</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A04" id="subject-chk1-4" /><label for="subject-chk1-4">향토지</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="B" id="subject-chk2" /><label for="subject-chk2">지방의역사</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="B01" id="subject-chk2-1" /><label for="subject-chk2-1">선사</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B02" id="subject-chk2-2" /><label for="subject-chk2-2">삼국~통일신라</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B03" id="subject-chk2-3" /><label for="subject-chk2-3">고려</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B04" id="subject-chk2-4" /><label for="subject-chk2-4">조선</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B05" id="subject-chk2-5" /><label for="subject-chk2-5">개항기(1876~1910)</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B06" id="subject-chk2-6" /><label for="subject-chk2-6">일제강점기</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B07" id="subject-chk2-7" /><label for="subject-chk2-7">현대</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="C" id="subject-chk3" /><label for="subject-chk3">문화유산</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="C01" id="subject-chk3-1" /><label for="subject-chk3-1">선사 유적 및 유물</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C02" id="subject-chk3-2" /><label for="subject-chk3-2">건축유적</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C03" id="subject-chk3-3" /><label for="subject-chk3-3">조각</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C04" id="subject-chk3-4" /><label for="subject-chk3-4">서화</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C05" id="subject-chk3-5" /><label for="subject-chk3-5">공예</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C06" id="subject-chk3-6" /><label for="subject-chk3-6">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="D" id="subject-chk4" /><label for="subject-chk4">성씨와 인물</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="D01" id="subject-chk4-1" /><label for="subject-chk4-1">주민</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="D02" id="subject-chk4-2" /><label for="subject-chk4-2">성씨</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="D03" id="subject-chk4-3" /><label for="subject-chk4-3">인물</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="E" id="subject-chk5" /><label for="subject-chk5">정치와 행정</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="E01" id="subject-chk5-1" /><label for="subject-chk5-1">지방정치</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E02" id="subject-chk5-2" /><label for="subject-chk5-2">지방행정</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E03" id="subject-chk5-3" /><label for="subject-chk5-3">사법 및 치안</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E04" id="subject-chk5-4" /><label for="subject-chk5-4">지역사회운동</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="F" id="subject-chk6" /><label for="subject-chk6">경제와 산업</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="F01" id="subject-chk6-1" /><label for="subject-chk6-1">총론</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="F02" id="subject-chk6-2" /><label for="subject-chk6-2">농림수산업</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="F03" id="subject-chk6-3" /><label for="subject-chk6-3">광공업</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="F04" id="subject-chk6-4" /><label for="subject-chk6-4">금융 및 보험업</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="F05" id="subject-chk6-5" /><label for="subject-chk6-5">상업 및 서비스업</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="F06" id="subject-chk6-6" /><label for="subject-chk6-6">교통, 통신 및 건설업</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="G" id="subject-chk7" /><label for="subject-chk7">종교와 문화</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="G01" id="subject-chk7-1" /><label for="subject-chk7-1">종교</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="G02" id="subject-chk7-2" /><label for="subject-chk7-2">교육</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="G03" id="subject-chk7-3" /><label for="subject-chk7-3">문화예술</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="G04" id="subject-chk7-4" /><label for="subject-chk7-4">언론</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="G05" id="subject-chk7-5" /><label for="subject-chk7-5">체육</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="H" id="subject-chk8" /><label for="subject-chk8">생할과 민속</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="H01" id="subject-chk8-1" /><label for="subject-chk8-1">생활</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="H02" id="subject-chk8-2" /><label for="subject-chk8-2">민속</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="I" id="subject-chk9" /><label for="subject-chk9">구비전승어문학</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="I01" id="subject-chk9-1" /><label for="subject-chk9-1">지명유래</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="I02" id="subject-chk9-2" /><label for="subject-chk9-2">어문학</label></div></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- //line-1 -->
|
|
</div>
|
|
</fieldset>
|
|
|
|
<fieldset class="conditions-wrap conditions-datype">
|
|
<legend class="conditions-title">자료유형</legend>
|
|
<div class="selected-conditions">
|
|
<div class="title">
|
|
<p>선택조건</p>
|
|
<button type="button" class="btn-reset-conditions">초기화</button>
|
|
</div>
|
|
<ul class="conditions">
|
|
<li><button type="button" title="삭제">도서간행물 <span class="sign">></span> 단행본</button></li>
|
|
<li><button type="button" title="삭제">도서간행물 <span class="sign">></span> 보고서</button></li>
|
|
</ul>
|
|
</div>
|
|
<div class="conditions-box">
|
|
<div class="line line1">
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="A" id="datype-chk1" /><label for="datype-chk1">도서간행물</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="A01" id="datype-chk1-1" /><label for="datype-chk1-1">총서·총류</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A02" id="datype-chk1-2" /><label for="datype-chk1-2">단행본</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A03" id="datype-chk1-3" /><label for="datype-chk1-3">보고서</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A04" id="datype-chk1-4" /><label for="datype-chk1-4">자료집</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A05" id="datype-chk1-5" /><label for="datype-chk1-5">연속간행물</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A06" id="datype-chk1-6" /><label for="datype-chk1-6">고서적</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="A99" id="datype-chk1-7" /><label for="datype-chk1-7">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="B" id="datype-chk2" /><label for="datype-chk2">문서</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="B01" id="datype-chk2-1" /><label for="datype-chk2-1">고문서</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B02" id="datype-chk2-2" /><label for="datype-chk2-2">일반문서</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B03" id="datype-chk2-3" /><label for="datype-chk2-3">행정문서</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B04" id="datype-chk2-4" /><label for="datype-chk2-4">보고서</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B05" id="datype-chk2-5" /><label for="datype-chk2-5">자료집</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="B99" id="datype-chk2-6" /><label for="datype-chk2-6">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="C" id="datype-chk3" /><label for="datype-chk3">시청각물</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="C01" id="datype-chk3-1" /><label for="datype-chk3-1">사진</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C02" id="datype-chk3-2" /><label for="datype-chk3-2">동영상</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C03" id="datype-chk3-3" /><label for="datype-chk3-3">음원</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C04" id="datype-chk3-4" /><label for="datype-chk3-4">전자책(PDF, PPT 등)</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="C99" id="datype-chk3-5" /><label for="datype-chk3-5">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="D" id="datype-chk4" /><label for="datype-chk4">도안</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="D01" id="datype-chk4-1" /><label for="datype-chk4-1">지도</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="D02" id="datype-chk4-2" /><label for="datype-chk4-2">도면</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="D03" id="datype-chk4-3" /><label for="datype-chk4-3">탁본</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="D99" id="datype-chk4-4" /><label for="datype-chk4-4">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="E" id="datype-chk5" /><label for="datype-chk5">박물</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="E01" id="datype-chk5-1" /><label for="datype-chk5-1">서화</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E02" id="datype-chk5-2" /><label for="datype-chk5-2">조각ㆍ공예품</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E03" id="datype-chk5-3" /><label for="datype-chk5-3">민속용구</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E04" id="datype-chk5-4" /><label for="datype-chk5-4">행정박물</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E05" id="datype-chk5-5" /><label for="datype-chk5-5">상장</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E06" id="datype-chk5-6" /><label for="datype-chk5-6">VR</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E07" id="datype-chk5-7" /><label for="datype-chk5-7">AR</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E08" id="datype-chk5-8" /><label for="datype-chk5-8">3D 스캔</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="E99" id="datype-chk5-9" /><label for="datype-chk5-9">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="G" id="datype-chk6" /><label for="datype-chk6">웹정보자료</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="G01" id="datype-chk6-1" /><label for="datype-chk6-1">웹콘텐츠</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="G02" id="datype-chk6-2" /><label for="datype-chk6-2">외부자료링크</label></div></li>
|
|
<li><div class="check"><input type="checkbox" value="G03" id="datype-chk6-3" /><label for="datype-chk6-3">웹사이트</label></div></li>
|
|
</ul>
|
|
</div>
|
|
<div class="depth1">
|
|
<div class="depth1-check check tab"><input type="checkbox" value="F" id="datype-chk7" /><label for="datype-chk7">기타</label></div>
|
|
<ul class="depth2">
|
|
<li><div class="check"><input type="checkbox" value="F99" id="datype-chk7-1" /><label for="datype-chk7-1">기타</label></div></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- //line-1 -->
|
|
</div>
|
|
</fieldset>
|
|
|
|
</div><!-- //scroll-wrap -->
|
|
<div class="btn-wrap">
|
|
<button type="button" class="btn btn-white" id="cmm_popudp_del">초기화</button>
|
|
<button type="button" class="btn btn-color" id="cmm_popudp_submit">검색</button>
|
|
<button type="button" class="btn btn-gray btn-close-pop">닫기</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 로그인 팝업 -->
|
|
<div class="pop-login" style="display:none;">
|
|
<div class="row Title">
|
|
<p>지방문화원 소장자료관</p>
|
|
<h3>통합 로그인</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row First">
|
|
<div class="Btn Naver"><button type="button">네이버 아이디로 로그인</button></div>
|
|
<div class="Btn Kakao"><button type="button">카카오 로그인</button></div>
|
|
<div class="Btn Google"><button type="button">Google 계정으로 로그인</button></div>
|
|
</div>
|
|
<div class="row Text">
|
|
<p>회원가입하고 <span>대출/열람 서비스</span>를 이용해보세요!</p>
|
|
<p><a href="/" class="join">회원가입</a></p>
|
|
</div>
|
|
<button type="button" class="login-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 계정연결 팝업 -->
|
|
<div class="pop-login-connect" style="display:none;">
|
|
<div class="row Title">
|
|
<p>계정연결</p>
|
|
<h3>서비스에 이미 가입된<br>계정이 있습니다.</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row Text">
|
|
<p>계정연결을 통해 간편하게 <span>로그인할 계정</span>을 선택하세요.</p>
|
|
</div>
|
|
<div class="row First">
|
|
<div class="Btn"><button type="button"><span class="name">김*화</span><span class="mail">mo******@naver.com</span></button></div>
|
|
<div class="Btn"><button type="button"><span class="name">박*지</span><span class="mail">ko******@gmail.com</span></button></div>
|
|
<div class="Btn"><button type="button"><span class="name">한*영</span><span class="mail">cu******@daum.net</span></button></div>
|
|
</div>
|
|
<div class="row btn">
|
|
<p><a href="/" class="cancel">아니요, 내가 아닙니다.</a></p>
|
|
</div>
|
|
<button type="button" class="login-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 계정연결 비밀번호 팝업 -->
|
|
<div class="pop-login-password" style="display:none;">
|
|
<div class="row Title">
|
|
<p>계정연결</p>
|
|
<h3>비밀번호 입력</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row Text">
|
|
<p>선택한 계정의 <span>비밀번호</span>를 입력해주세요!</p>
|
|
</div>
|
|
<div class="row First">
|
|
<div class="Btn"><button type="button"><span class="name">김*화</span><span class="mail">mo******@naver.com</span></button></div>
|
|
<div class="passwd"><input type="password" placeholder="비밀번호"></div>
|
|
</div>
|
|
<div class="row btn">
|
|
<p><a href="/" class="cancel">비밀번호를 잊으셨나요? ></a></p>
|
|
</div>
|
|
<div class="row btn-box">
|
|
<button type="button" class="btn btn-gray" id="cancel">이전으로</button>
|
|
<button type="submit" class="btn btn-color" id="submit">네이버 계정 연결하기</button>
|
|
</div>
|
|
<button type="button" class="login-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 알림 팝업 -->
|
|
<div class="pop-notice" style="display:none;">
|
|
<div class="row Title">
|
|
<p>지방문화원 소장자료</p>
|
|
<h3>알림</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row Text">
|
|
<p>아직 확인하지 않은<br>새로운 알림이 <span>10</span>건 있습니다.</p>
|
|
</div>
|
|
<div class="row btn-box">
|
|
<button type="button" class="btn btn-color">확인</button>
|
|
<button type="submit" class="btn btn-green">알림 목록으로</button>
|
|
</div>
|
|
<button type="button" class="notice-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 회원증 팝업 -->
|
|
<div class="pop-member" style="display:none;" >
|
|
<div class="inner">
|
|
<div class="row Title">
|
|
<h3>회원증</h3>
|
|
</div>
|
|
<div class="row card">
|
|
<div class="title">
|
|
<p class="name">김문화</p>
|
|
<p class="date">1997.11.11</p>
|
|
</div>
|
|
<div class="qr">
|
|
<p>QR코드를 리더기에 스캔하세요.</p>
|
|
<img src="/images/img/img-qrcode-2.png" alt="QR코드 이미지">
|
|
</div>
|
|
<div class="code">
|
|
<div class="num">
|
|
<div class="na">회원코드</div>
|
|
<div class="co">009887</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text">
|
|
<p>※ 캡쳐한 회원증을 통한 자료대출 및 열람을 불허합니다.</p>
|
|
</div>
|
|
<button type="button" class="member-close"></button>
|
|
<div class="innerbg"></div>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 소장자료 반려 팝업 -->
|
|
<div class="pop-return" style="display:none;">
|
|
<div class="row Title">
|
|
<p>지방문화원 소장자료</p>
|
|
<h3>반려사유</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row Text">
|
|
<div class="text-box mCustomScrollbar" data-mcs-theme="dark-2">신청하신 자료가 손상되어 부득이하게 자료열람이 반려되었습니다. 죄송합니다.</div>
|
|
</div>
|
|
<div class="row btn-box">
|
|
<button type="button" class="btn btn-color">확인</button>
|
|
</div>
|
|
<button type="button" class="return-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 비밀번호 변경 팝업 -->
|
|
<div class="pop-change" style="display:none;">
|
|
<div class="row Title">
|
|
<p>내 정보</p>
|
|
<h3>비밀번호 변경</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row change">
|
|
<p><input class="passwd" type="password" name="password" placeholder="기존 비밀번호" required/></p>
|
|
<p><input class="passwd" type="password" name="password" placeholder="새 비밀번호" required/></p>
|
|
<p><input class="passwd" type="password" name="password" placeholder="새 비밀번호 확인" required/></p>
|
|
<p class="text">9자리 이상, 숫자/문자/특수문자를 혼합하여 입력</p>
|
|
</div>
|
|
<div class="row btn-box">
|
|
<button type="button" class="btn btn-color">변경하기</button>
|
|
<button type="submit" class="btn btn-gray close">취소</button>
|
|
</div>
|
|
<button type="button" class="change-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
<!-- 비밀번호 찾기 팝업 -->
|
|
<div class="pop-find" style="display:none;">
|
|
<div class="row Title">
|
|
<p>내 정보</p>
|
|
<h3>비밀번호 찾기</h3>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="row Text">
|
|
<p>이메일 정보가 확인되면 해당 메일로<br><span>임시비밀번호</span>를 보내드립니다.</p>
|
|
</div>
|
|
<div class="row find">
|
|
<p><input type="password" name="password" placeholder="example@mail.com" class="find-input" required/></p>
|
|
<p class="text">- 임시 비밀번호가 발급된 후 [마이페이지 > 회원정보관리 > 내 정보]에서 비밀번호를 수정해주세요.</p>
|
|
</div>
|
|
<div class="row btn-box">
|
|
<button type="button" class="btn btn-color">확인</button>
|
|
<button type="submit" class="btn btn-gray close">취소</button>
|
|
</div>
|
|
<button type="button" class="find-close"></button>
|
|
</div>
|
|
<div class="Bg"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
/* 문화원s pick */
|
|
var swiper = new Swiper(".pickSwiper", {
|
|
loop: true,
|
|
slidesPerView: 5,
|
|
spaceBetween: 30,
|
|
centeredSlides: true,
|
|
autoplay: {
|
|
delay: 2500,
|
|
disableOnInteraction: false,
|
|
},
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev",
|
|
},
|
|
/*
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
*/
|
|
});
|
|
/* 온라인 자료관 */
|
|
var swiper = new Swiper(".onlineSwiper", {
|
|
loop: true,
|
|
slidesPerView: 7,
|
|
spaceBetween: 30,
|
|
centeredSlides: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
disableOnInteraction: false,
|
|
},
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev",
|
|
},
|
|
/*
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
*/
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |