diff --git a/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp b/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp
new file mode 100644
index 00000000..bd02d913
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp
@@ -0,0 +1,294 @@
+
+<%
+/**
+ * <pre>
+ * @Class Name : listReadItems.jsp
+ * 
+ * @Description : 열람 목록을 조회한다.
+ * 
+ * 
+ * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+ *
+ * </pre>
+ *
+ * @ ------------    --------    ---------------------------
+ * @ 수정일                     수정자             수정내용
+ * @ ------------    --------    ---------------------------
+ * @ 2021.11. 09.    KNKIM       최초 생성
+ * 
+ * @author 이씨플라자 * DIGITALSHIP JSYOO
+ * @since 2021.11. 09.
+ * @version 1.0
+ *
+ */
+%>
+<%@ page language="java" contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator"%>
+<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
+
+<c:set var="pageTitle">방문열람관리</c:set>
+
+<script type="text/javaScript" language="javascript">
+ 
+ $( document ).ready(function() {
+     
+     // 메시지 표출 
+     if(!fn_isEmpty('${message}')) {
+         alert("${message}");
+     }
+
+     $("#mngOrgCd").on("change", function(e) {
+    	 fn_searchArticle($("#pageSize").val(), 1);
+     });
+
+     <sec:authorize access="isAuthenticated()">
+     //초기 자료 조회 
+     fn_searchArticle(1);
+     </sec:authorize>
+     
+ }); // document ready
+
+function fn_search(reqStatusDivCd) {
+	$("#reqStatusDivCd").val(reqStatusDivCd);
+	fn_searchArticle(1);
+}
+ 
+ // 선택한 글 상세 보기로 이동
+ function fn_viewDetail(masterId) {
+     $("#masterId").val(masterId);
+     $("#frm").attr("action", "/search/searchItemDetail.do");
+     $("#frm").attr("target", "_blank");
+     $("#frm").submit();
+ }
+ 
+ // 그리드 데이터 조회 호출 
+ function fn_searchArticle(pageIndex) {
+     
+     if(fn_isEmpty(pageIndex)) pageIndex = $("#pageIndex").val();
+     if(fn_isEmpty(pageIndex)) pageIndex = "1";
+     $("#pageIndex").val(pageIndex);
+     
+     var reqUrl = "${pageContext.request.contextPath}/read/listReadItemsAjax.do";
+     
+     var inputData = {
+               "pageIndex"  : $("#pageIndex").val()
+             , "pageSize"   : $("#pageSize").val()
+             , "reqStatusDivCd" : $("#reqStatusDivCd").val()
+             , "mngOrgCd"    : $("#mngOrgCd").val()
+     };
+     
+     //--------------------------------------
+     // 요청 처리 
+     //--------------------------------------
+     $.ajax({
+         type: "post",
+         contentType: "application/json; charset=utf-8",
+         url: reqUrl,
+         dataType: "json",
+         data: JSON.stringify(inputData),
+     }).done(function(data){
+         <%
+         // 그리드 데이터 예시 : 
+         // (1) 페이징 클라이언트에서 수행하는 경우(pageloading = false) : [{ "articleNo": 1, "articleType": "01" }, { "articleNo": 2, "articleType": "02" }]
+         // (2) 페이징 서버에서 수행하는 경우(pageloading = true) : {data: [{...}], itemsCount: 255}
+         %>
+         
+         var jsonObj = JSON.parse(data);
+         
+         // 건수 
+         if(typeof jsonObj.itemsCount == 'undefined') {
+             $("#itemsCount").text("0");
+         }
+         else {
+             $("#itemsCount").text(jsonObj.itemsCount);
+         }
+         
+         // 기존 데이터 CLEAR
+         $("div.list-data div.list").not('.t-tit-line').not('.no-result').remove();
+         
+         if(!jsonObj.data || jsonObj.data.length <= 0 ) {
+             $("div.list-data div.no-result").show();
+         } else {
+             $("div.list-data div.no-result").hide();
+             
+             // 출력
+             $.each(jsonObj.data,function(key,obj) {
+            	 
+                 var div = $(document.createElement('div'));
+                 div.attr('class', 'list');
+                 div.append($('<div />').attr('class', 'n-cultural').html("[" + obj.mngOrgNm + "]"));
+                 div.append($('<div />').attr('class', 'n-data').html("<a href=\"javascript:void(0)\" onclick=\"fn_viewDetail('" + obj.masterId + "')\">" + obj.title + "</a>"));
+                 div.append($('<div />').attr('class', 'n-subscription').html('<span class="date">' + fn_formatDateStr(obj.reqDd,"-") + '</span>')); /* 신청일자 */          
+                 div.append($('<div />').attr('class', 'n-visit').html(
+                		 '<span class="date">' + fn_formatDateStr(obj.hopeReqPridDtmFrom,"-") + '</span><span class="date">' + fn_formatDateStr(obj.hopeReqPridDtmTo,"-") + '</span>'
+                		 )); /* 희망열람기간 */  
+                 div.append($('<div />').attr('class', 'n-return').html(
+                         '<span class="date">' + fn_formatDateStr(obj.reqPsblDtmFrom,"-") + '</span><span class="date">' + fn_formatDateStr(obj.reqPsblDtmTo,"-") + '</span>'
+                         )); /* 방문예정일자 */  
+                 
+                 var statusHtml1 = "";
+                 var statusHtml2 = "";
+                 if(obj.reqStatusDivCd == null) {
+                	 statusHtml1 = '<span class="ti imposs">-<span class="da"></span></span>';
+                 } else if(obj.reqStatusDivCd == "A0") { // 신청 
+                	 statusHtml1 = '<span class="ti imposs">' + obj.reqStatusDivNm + '<span class="da"></span></span>';
+                	 statusHtml2 = '<button type="button" onclick="fn_cancel(\"' + obj.title + '\",\"' + obj.mngOrgCd + '\", \"' + obj.reqId + '\", \"' + obj.masterId + '\")>취소</button>';
+                 } else if(obj.reqStatusDivCd == "A1") { // 승인 
+                	 statusHtml1 = '<span class="ti   poss">' + obj.reqStatusDivNm + '<span class="da">' + fn_formatDateStr(obj.modDd,"-") + '</span></span>';
+                     statusHtml2 = '<button type="button" onclick="fn_cancel(\"' + obj.title + '\",\"' + obj.mngOrgCd + '\", \"' + obj.reqId + '\", \"' + obj.masterId + '\")>취소</button>';
+                 } else if(obj.reqStatusDivCd == "A2") { // 반려 
+                     statusHtml1 = '<span class="ti   poss">' + obj.reqStatusDivNm + '<span class="da">' + fn_formatDateStr(obj.modDd,"-") + '</span></span>';
+                     statusHtml2 = '<button type="button" onclick="fn_reson(\"' + obj.title + '\",\"' + obj.mngOrgCd + '\", \"' + obj.reqId + '\", \"' + obj.masterId + '\")>사유</button>';
+                 } else if(obj.reqStatusDivCd == "R") { // 열람완료 
+                     statusHtml1 = '<span class="ti imposs">' + obj.reqStatusDivNm + '<span class="da">' + fn_formatDateStr(obj.modDd,"-") + '</span></span>';
+                     statusHtml2 = '';
+                 } else if(obj.reqStatusDivCd == "C" || obj.reqStatusDivCd == "D") { // 취소, 미열람 
+                     statusHtml1 = '<span class="ti imposs">' + obj.reqStatusDivNm + '<span class="da">' + fn_formatDateStr(obj.modDd,"-") + '</span></span>';
+                     statusHtml2 = '';
+                 }
+                 
+                 div.append($('<div />').attr('class', 'n-state').html(statusHtml1 + statusHtml2));
+                 
+                 $("div.list-data").append(div);
+                 
+             });
+         }
+         
+         pageLoad("fn_searchArticle", jsonObj.pagingPageIndex, jsonObj.pagingTotRecordCount, jsonObj.pagingStartPage, jsonObj.pagingEndPage, jsonObj.pagingLastPage); 
+
+     }).fail(function (jqXHR, textStatus, errorThrown) {
+         alert("조회에 실패하였습니다. 관리자에게 문의 바랍니다.");
+     });
+ }
+ 
+ function fn_cancel(title, mngOrgCd, reqId, masterId) {
+	 
+	 if(!confirm(title + " 방문열람을 취소하시겠습니까?")) return;
+	 
+     var reqUrl = "${pageContext.request.contextPath}/read/cancelReadItemAjax.do";
+     
+     var inputData = {
+               "mngOrgCd" : mngOrgCd
+             , "reqId" : reqId
+             , "masterId" : masterId
+     };
+     
+     //--------------------------------------
+     // 요청 처리 
+     //--------------------------------------
+     $.ajax({
+         type: "post",
+         contentType: "application/json; charset=utf-8",
+         url: reqUrl,
+         dataType: "json",
+         data: JSON.stringify(inputData),
+     }).done(function(data){
+         <%
+         // 그리드 데이터 예시 : 
+         // (1) 페이징 클라이언트에서 수행하는 경우(pageloading = false) : [{ "articleNo": 1, "articleType": "01" }, { "articleNo": 2, "articleType": "02" }]
+         // (2) 페이징 서버에서 수행하는 경우(pageloading = true) : {data: [{...}], itemsCount: 255}
+         %>
+         var jsonObj = JSON.parse(data);
+         // 자료 신청(or 예약)이 취소되었습니다.
+         if(jsonObj.resultCode == "S") {
+        	 fn_searchArticle(1);
+        	 alert(jsonObj.resultMessage);
+         } else {
+        	 alert(jsonObj.resultMessage);
+         }
+         
+     }).fail(function (jqXHR, textStatus, errorThrown) {
+         alert("처리에 실패하였습니다. 관리자에게 문의 바랍니다.");
+     });
+ 
+ }
+ </script>
+
+
+    <!-- 방문열람 섹션 -->
+    <div class="location visit-data">
+        <h2 class="blind">방문열람 섹션영역</h2>
+        <div class="inner">
+            <div class="row-top">
+                <div class="location-box">
+                    <ul class="loc">
+                        <li>HOME</li>
+                        <li>마이페이지</li>
+                        <li class="on">${pageTitle }</li>
+                    </ul>
+                    <ul class="tit">
+                        <li><span>방문열람</span>관리</li>
+                    </ul>
+                </div>
+                <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
+            </div>
+            <div class="contents row-bottom">
+                <div class="list-box visit-box">
+                    <form name="frm" id="frm" method="post">
+                    <input type="hidden" name="reqStatusDivCd" id="reqStatusDivCd" value="${reqStatusDivCd }" />
+                    <input type="hidden" name="pageIndex" id="pageIndex" title="페이지번호" value="${pageIndex }" size="5" maxlength="5" />
+                    <input type="hidden" name="pageSize" id="pageSize" title="페이지크기" value="${pageSize }" size="5" maxlength="5" />
+                    <input type="hidden" name="masterId" id="masterId" title="페이지크기" value="" />
+                
+                    <div class="tab">
+                        <ul class="tabs">
+                            <li><a href="javascript:void(0);" onclick="fn_search('A')">신청</a></li>
+                            <li><a href="javascript:void(0);" onclick="fn_search('C')"><!-- <img src="/images/icon/icon-new.png" alt="뉴 아이콘">-->취소</a></li>
+                            <li><a href="javascript:void(0);" onclick="fn_search('R')">열람완료</a></li>
+                            <li><a href="javascript:void(0);" onclick="fn_search('D')">미열람</a></li>
+                        </ul>
+                    
+                        <div class="title">
+                            <span class="count">총 <em name="itemsCount" id="itemsCount">0</em>건</span>
+                            <div class="list-search-wrap list-top">
+                                <div class="list-select">
+                                    <select name="mngOrgCd" id="mngOrgCd" title="문화원 선택">
+                                        <option value="">문화원 전체</option>
+                                        <c:forEach var="orgItem" items="${rentMngOrgList}" varStatus="status">
+                                        <option value="<c:out value="${orgItem.mngOrgCd }" />"
+                                                <c:if test="${orgItem.mngOrgCd == mngOrgCd }">selected</c:if>><c:out
+                                                value="${orgItem.mngOrgNm }" /></option>
+                                        </c:forEach>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="tab_content">
+                            <div class="tabs_item">
+                                <div class="inner">
+
+                                    <div class="list-wrap">
+                                        <div class="list-data">
+                                            <div class="list t-tit-line">
+                                                <div class="n-cultural">문화원</div>
+                                                <div class="n-data">자료정보</div>
+                                                <div class="n-subscription">신청</div>
+                                                <div class="n-visit">희망방문일</div>
+                                                <div class="n-return">반납예정일</div>
+                                                <div class="n-state">신청상태</div>
+                                            </div>
+                                            <div class="no-result" style="display:none;">
+                                                <span>자료가 없습니다.</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    
+                                    <ul id="paging" class="paging"></ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    </form>      
+                </div>
+            </div>
+        </div>
+    </div>
+
+
diff --git a/src/main/webapp/error404.html b/src/main/webapp/error404.html
new file mode 100644
index 00000000..a9e9624b
--- /dev/null
+++ b/src/main/webapp/error404.html
@@ -0,0 +1,42 @@
+<!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">
+    <div class="error">
+        <div class="text">
+            <h1><a href="/"><img src="/images/icon/icon-logo.png" alt="문화원로고"><span class="title">경주문화원</span></a><span class="collection">소장자료관</span></h1>
+            <p><span>404 ERROR :</span> Page not found</p>
+            <p>죄송합니다. 요청하신 페이지를 찾을 수 없습니다.</p>
+            <p><img src="/images/icon/icon-error.png" alt="에러 아이콘"></p>
+        </div>
+        <div class="box">
+            <p>방문하시려고 하는 페이지의 주소가 잘못 입력되었거나,<br>페이지의 주소가 변경 또는 삭제되어 찾을 수 없습니다.</p>
+            <div class="btn">
+                <a href="/" class="btn-white">이전페이지로</a>
+                <a href="/" class="btn-color">소장자료관으로</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/error500.html b/src/main/webapp/error500.html
new file mode 100644
index 00000000..9fa17c5f
--- /dev/null
+++ b/src/main/webapp/error500.html
@@ -0,0 +1,41 @@
+<!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">
+    <div class="error">
+        <div class="text">
+            <h1><a href="/"><img src="/images/icon/icon-logo.png" alt="문화원로고"><span class="title">경주문화원</span></a><span class="collection">소장자료관</span></h1>
+            <p><span>500 ERROR :</span> Service Error</p>
+            <p>죄송합니다. 현재 서비스가 원활하지 않습니다.</p>
+            <p><img src="/images/icon/icon-error.png" alt="에러 아이콘"></p>
+        </div>
+        <div class="box">
+            <p>서비스 이용에 불편을 드려 죄송합니다.<br>예상치못한 시스템 오류가 발생하였습니다.<br>시스템 관리자에게 문의해 주시거나 잠시 후 다시 시도해주세요.</p>
+            <div class="btn">
+                <a href="/" class="btn-white">새로고침</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/images/bg/bg-privacy.jpg b/src/main/webapp/images/bg/bg-privacy.jpg
new file mode 100644
index 00000000..c2ae7e73
Binary files /dev/null and b/src/main/webapp/images/bg/bg-privacy.jpg differ
diff --git a/src/main/webapp/images/bg/bg-service.jpg b/src/main/webapp/images/bg/bg-service.jpg
new file mode 100644
index 00000000..f02dcca3
Binary files /dev/null and b/src/main/webapp/images/bg/bg-service.jpg differ
diff --git a/src/main/webapp/images/icon/icon-error.png b/src/main/webapp/images/icon/icon-error.png
new file mode 100644
index 00000000..d1fc7d50
Binary files /dev/null and b/src/main/webapp/images/icon/icon-error.png differ
diff --git a/src/main/webapp/images/icon/icon-logo.png b/src/main/webapp/images/icon/icon-logo.png
new file mode 100644
index 00000000..0bc7f716
Binary files /dev/null and b/src/main/webapp/images/icon/icon-logo.png differ
diff --git a/src/main/webapp/images/img/noimage-b.jpg b/src/main/webapp/images/img/noimage-b.jpg
new file mode 100644
index 00000000..a8789acf
Binary files /dev/null and b/src/main/webapp/images/img/noimage-b.jpg differ
diff --git a/src/main/webapp/images/img/noimage-m.jpg b/src/main/webapp/images/img/noimage-m.jpg
new file mode 100644
index 00000000..b5b11848
Binary files /dev/null and b/src/main/webapp/images/img/noimage-m.jpg differ
diff --git a/src/main/webapp/images/img/noimage-s.jpg b/src/main/webapp/images/img/noimage-s.jpg
new file mode 100644
index 00000000..3c25fbdc
Binary files /dev/null and b/src/main/webapp/images/img/noimage-s.jpg differ
diff --git a/src/main/webapp/privacy.html b/src/main/webapp/privacy.html
new file mode 100644
index 00000000..8cc51680
--- /dev/null
+++ b/src/main/webapp/privacy.html
@@ -0,0 +1,336 @@
+<!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 sub">
+    <!-- 헤더 -->
+    <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&amp;A"><span class="underline blue">Q&amp;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>
+    
+    <!-- 개인정보처리방침 섹션 -->
+    <section class="location privacy">
+        <h2 class="blind">개인정보처리방침 섹션영역</h2>
+        <div class="inner">
+            <div class="row-top">
+                <div class="location-box">
+                    <ul class="loc">
+                        <li>HOME</li>
+                        <li class="on">개인정보처리방침</li>
+                    </ul>
+                    <ul class="tit">
+                        <li><span>개인정보</span>처리방침</li>
+                    </ul>
+                </div>
+                <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
+            </div>
+            <div class="contents row-bottom">
+                <div class="privacy-box">
+                    <div class="top-bg">
+                        <p>지방문화원 소장자료관 개인정보 처리방침</p>
+                        <p>한국문화원연합회(이하 ‘연합회’라 한다)는 개인정보 보호법 제30조에 따라 정보주체의 개인정보를 보호하고<br>이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리지침을 수립·공개합니다.</p>
+                    </div>
+                    <div class="con">
+                        <div class="sec">
+                            <h2>제1조(개인정보의 수집 및 보유)</h2>
+                            <p>연합회는 법령의 규정과 정보주체의 동의에 의해서만 홈페이지 개인 정보를 수집·보유합니다. 연합회에서 수집·보유하고있는 주요 개인 정보파일은 다음과 같습니다.</p>
+                            <ul class="d1">
+                                <li>1. 주요 항목 : 아이디, 이름, 비밀번호, 생년월일, 이메일주소</li>
+                                <li>2. 보유목적</li>
+                                    <ul class="d2">
+                                        <li>1) 아이디, 비밀번호 : 회원제 서비스 이용에 따른 본인 식별 서비스의 제공</li>
+                                        <li>2) 이메일 주소 : 고지사항 전달, 본인 의사 확인 등 원활한 의사소통경로 확보</li>
+                                        <li>3) 성명, 출생년도 : 동일인의 중복 가입 방지</li>
+                                        <li>4) 문화원구분 : 홈페이지 이용자 현황 식별</li>
+                                    </ul>
+                                <li>3. 보유근거 : 이용약관 및 정보주체의 동의</li>
+                                <li>4. 보유기간 : 홈페이지 탈퇴시까지</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제2조(개인정보의 이용 및 제공)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 고지하거나 동의한 범위를 초과하여 이용자의 개인정보를 이용하거나 제3자에게 제공 또는 공개하지 않습니다. 다만 법률의 규정에 의한 정보 제공의 경우나 기타 법령이 허용한 범위 내에서는 예외로 합니다.</li>
+                                <li>② 연합회가 수집·보유하고 있는 개인 정보는 이용 및 제공을 엄격하게 제한하고 있습니다. [개인정보보호법] 제18조(개인정보의 이용ㆍ제공의 제한)는 예외 경우에 관하여 다음과 같이 규정하고 있습니다.</li>
+                                <ul class="d2">
+                                    <li>1. 정보주체로부터 별도의 동의를 받은 경우</li>
+                                    <li>2. 다른 법률에 특별한 규정이 있는 경우</li>
+                                    <li>3. 정보주체 또는 그 법정대리인이 의사표시를 할 수 없는 상태에 있거나 주소불명 등으로 사전 동의를 받을 수 없는 경우로서 명백히 정보주체 또는 제3자의 급박한 생명, 신체, 재산의 이익을 위하여 필요하다고 인정되는 경우</li>
+                                    <li>4. 통계작성 및 학술연구 등의 목적을 위하여 필요한 경우로서 특정 개인을 알아볼 수 없는 형태로 개인정보를 제공하는 경우</li>
+                                    <li>5. 개인정보를 목적 외의 용도로 이용하거나 이를 제3자에게 제공하지 아니하면 다른 법률에서 정하는 소관 업무를 수행할 수 없는 경우로서 보호위원회의 심의·의결을 거친 경우</li>
+                                    <li>6. 조약, 그 밖의 국제협정의 이행을 위하여 외국정부 또는 국제기구에 제공하기 위하여 필요한 경우</li>
+                                    <li>7. 범죄의 수사와 공소의 제기 및 유지를 위하여 필요한 경우</li>
+                                    <li>8. 법원의 재판업무 수행을 위하여 필요한 경우</li>
+                                    <li>9. 형(刑) 및 감호, 보호처분의 집행을 위하여 필요한 경우</li>
+                                </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제3조(개인정보처리의 위탁)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 원활한 개인정보 업무처리를 위하여 다음과 같이 개인정보 처리업무를 위탁하고 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 제공받는자 : ㈜디지탈쉽</li>
+                                        <li>2. 제공항목 : 아이디, 이름, 이메일주소, 생년월일, 문화원구분</li>
+                                        <li>3. 이용목적 : 사이트 운영 및 회원관리, 민원처리, 기타 기술지원을 위한 회원정보 접근 등</li>
+                                        <li>4. 위탁기간 : 2019년 1월 1일 ~ 2019년 12월 31일</li>
+                                    </ul>
+                                <li>② 연합회는 위탁계약 체결 시 개인정보 보호법 제25조에 따라 위탁업무 수행목적 외 개인정보 처리금지, 기술적·관리적 보호조치, 재위탁 제한, 수탁자에 대한 관리·감독, 손해배상 등 책임에 관한 사항을 계약서 등 문서</li>
+                                <li>③ 위탁업무의 내용이나 수탁자가 변경될 경우에는 지체 없이 본 개인정보 처리방침을 통하여 공개하도록 하겠습니다.</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제4조(정보주체의 권리·의무 및 행사방법)</h2>
+                            <ul class="d1">
+                                <li>① 정보주체는 연합회에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 개인정보 열람요구</li>
+                                        <li>2. 오류 등이 있을 경우 정정 요구</li>
+                                        <li>3. 삭제요구</li>
+                                        <li>4. 처리정지 요구</li>
+                                    </ul>
+                                <li>② 제1항에 따른 권리 행사는 연합회에 대해 서면, 전화, 전자우편, 모사전송(FAX) 등을 통하여 하실 수 있으며 연합회는 이에 대해 지체없이 조치하겠습니다.</li>
+                                <li>③ 정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한 경우에는 연합회는 정정 또는 삭제를 완료할 때까지 당해 개인정보를 이용하거나 제공하지 않습니다.</li>
+                                <li>④ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보 보호법 시행규칙 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.</li>
+                                <li>⑤ 정보주체는 개인정보 보호법 등 관계법령을 위반하여 연합회가 처리하고 있는 정보주체 본인이나 타인의 개인정보 및 사생활을 침해하여서는 아니됩니다.</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제5조(개인정보의 파기)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 개인정보 보유기간의 경과, 처리목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체없이 해당 개인정보를 파기합니다.</li>
+                                <li>② 정보주체로부터 동의받은 개인정보 보유기간이 경과하거나 처리목적이 달성되었음에도 불구하고 다른 법령에 따라 개인정보를 계속 보존하여야 하는 경우에는, 해당 개인정보를 별도의 데이터베이스(DB)로 옮기거나 보관장소를 달리하여 보존합니다.</li>
+                                <li>③ 개인정보 파기의 절차 및 방법은 다음과 같습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 파기절차<br>연합회는 파기 사유가 발생한 개인정보를 선정하고, 연합회의 개인정보 보호책임자의 승인을 받아 개인정보를 파기합니다.</li>
+                                        <li>2. 파기방법<br>연합회는 전자적 파일 형태로 기록·저장된 개인정보는 기록을 재생할 수 없도록 로우레밸포멧(Low Level Format) 등의 방법을 이용하여 파기하며, 종이 문서에 기록·저장된 개인정보는 분</li>
+                                    </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제6조(개인정보의 안전성 확보조치)</h2>
+                            <p>연합회는 개인정보의 안전성 확보를 위해 다음과 같은 조치를 취하고 있습니다.</p>
+                            <ul class="d1">
+                                <li>1. 관리적 조치 : 내부관리계획 수립·시행, 정기적 직원 교육 등</li>
+                                <li>2. 기술적 조치 : 개인정보처리시스템 등의 접근권한 관리, 접근통제시스템 설치, 고유식별정보 등의 암호화, 보안프로그램 설치</li>
+                                <li>3. 물리적 조치 : 전산실, 자료보관실 등의 접근통제</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제7조(개인정보 보호책임자)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>▶ 개인정보 보호책임자</li>
+                                            <ul class="d3">
+                                                <li>성명 : 김요일</li>
+                                                <li>직책 : 사무총장</li>
+                                                <li>연락처 : (02-704-4335), (kyi3172@kccf.or.kr), (02-704-2377)</li>
+                                                <li>※ 개인정보 보호 담당부서로 연결됩니다.</li>
+                                            </ul>
+                                        <li>▶ 개인정보 보호 담당부서</li>
+                                            <ul class="d3">
+                                                <li>부서명 : 연구홍보팀</li>
+                                                <li>담당자 : 김태현</li>
+                                                <li>연락처 : (T. 02-704-0429), (thkim@kccf.or.kr), (F. 02-704-2377)</li>
+                                            </ul>
+                                    </ul>
+                                <li>② 정보주체께서는 연합회의 서비스를 이용하시면서 발생한 모든 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자 및 담당부서로 문의하실 수 있습니다. 연합회는 정보주체의 문의에 대해 지체없이 답변 및 처리해드릴 것입니다.</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제8조(개인정보 열람청구)</h2>
+                            <ul class="d1">
+                                <li>정보주체는 개인정보 보호법 제35조에 따른 개인정보의 열람 청구를 아래의 부서에 할 수 있습니다. 연합회는 정보주체의 개인정보 열람청구가 신속하게 처리되도록 노력하겠습니다.</li>
+                                    <ul class="d2">
+                                        <li>▶ 개인정보 열람청구 접수·처리 부서</li>
+                                            <ul class="d3">
+                                                <li>부서명 : 연구홍보팀</li>
+                                                <li>담당자 : 김태현</li>
+                                                <li>연락처 : (T. 02-704-0429), (thkim@kccf.or.kr), (F. 02-704-2377)</li>
+                                            </ul>
+                                    </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제9조(권익침해 구제방법)</h2>
+                            <ul class="d1">
+                                <li>정보주체는 아래의 기관에 대해 개인정보 침해에 대한 피해구제, 상담 등을 문의하실 수 있습니다.</li>
+                                <li>아래의 기관은 연합회와는 별개의 기관으로서, 연합회의 자체적인 개인정보 불만처리, 피해구제 결과에 만족하지 못하시거나 보다 자세한 도움이 필요하시면 문의하여 주시기 바랍니다</li>
+                                    <ul class="d2">
+                                        <li>▶ 개인정보 침해신고센터 (한국인터넷진흥원 운영)</li>
+                                            <ul class="d3">
+                                                <li>- 소관업무 : 개인정보 침해사실 신고, 상담 신청</li>
+                                                <li>- 홈페이지 : privacy.kisa.or.kr</li>
+                                                <li>- 전화 : (국번없이) 118</li>
+                                                <li>- 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터</li>
+                                            </ul>
+                                        <li>▶ 개인정보 분쟁조정위원회 (한국인터넷진흥원 운영)</li>
+                                            <ul class="d3">
+                                                <li>- 소관업무 : 개인정보 분쟁조정신청, 집단분쟁조정 (민사적 해결)</li>
+                                                <li>- 홈페이지 : privacy.kisa.or.kr</li>
+                                                <li>- 전화 : (국번없이) 118</li>
+                                                <li>- 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터</li>
+                                            </ul>
+                                        <li>▶ 대검찰청 사이버범죄수사단 : 02-3480-3573 (www.spo.go.kr)</li>
+                                        <li>▶ 경찰청 사이버테러대응센터 : 1566-0112 (www.netan.go.kr)</li>
+                                    </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제10조(개인정보 처리방침 변경)</h2>
+                            <ul class="d1">
+                                <li>① 이 개인정보 처리방침은 2017. 9. 29부터 적용됩니다.</li>
+                                <li>② 이전의 개인정보 처리방침은 아래에서 확인하실 수 있습니다.</li>
+                                <li class="color">- 2017. 03. 05 ~ 2017. 09. 28 적용 (클릭)</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제11조(개인정보 자동 수집 장치의 설치·운영 및 거부에 관한 사항)</h2>
+                            <ul class="d1">
+                                <li>① 한국문화원연합회는 홈페이지 운영에 있어 필요 시 고객의 정보를 찾아 내고 저장하는 ‘쿠키 (Cookie)'를 운용합니다. 쿠키는 웹사이트를 운영하는데 이용되는 서버가 고객의 브라우저에 보내는 아주 작은 텍스트 파일로서 고객의 컴퓨터 하드디스크에 저장됩니다. 고객께서는 웹브라우저의 보안설정을 통해 쿠키에 텍스트 정보수집의 허용· 거부 여부를 선택하실 수 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 웹브라우저의 [도구]메뉴에서 [인터넷옵션]-[보안]-[사용자정의수준]을 선택하여 쿠키에 의한 정보수집 수준을 정할 수 있습니다.</li>
+                                        <li>2. 위에 제시된 메뉴를 통해 쿠키가 저장될 때마다 확인을 하거나, 아니면 모든 쿠키의 저장을 거부할 수도 있습니다.</li>
+                                        <li>3. 다만, 쿠키 설치를 거부하였을 경우 콘텐츠 이용에 어려움이 있을 수 있습니다.</li>
+                                    </ul>
+                                <li>② 쿠키(Cookie)에 의해 수집되는 정보 및 이용목적은 다음과 같습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 수집정보 : ID, 접속IP, 회원구분, 이용 콘텐츠 등 서비스 이용정보</li>
+                                        <li>2. 이용목적 : 개인의 관심분야에 따라 차별화된 정보를 제공합니다</li>
+                                    </ul>
+                            </ul>
+                        </div>
+                    </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="/">찾아오시는 길</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>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/service.html b/src/main/webapp/service.html
new file mode 100644
index 00000000..5e985bdb
--- /dev/null
+++ b/src/main/webapp/service.html
@@ -0,0 +1,336 @@
+<!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 sub">
+    <!-- 헤더 -->
+    <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&amp;A"><span class="underline blue">Q&amp;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>
+    
+    <!-- 이용약관 섹션 -->
+    <section class="location service">
+        <h2 class="blind">이용약관 섹션영역</h2>
+        <div class="inner">
+            <div class="row-top">
+                <div class="location-box">
+                    <ul class="loc">
+                        <li>HOME</li>
+                        <li class="on">이용약관</li>
+                    </ul>
+                    <ul class="tit">
+                        <li><span>이용</span>약관</li>
+                    </ul>
+                </div>
+                <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
+            </div>
+            <div class="contents row-bottom">
+                <div class="privacy-box">
+                    <div class="top-bg">
+                        <p>지방문화원 소장자료관 이용약관</p>
+                        <p>한국문화원연합회(이하 ‘연합회’라 한다)는 개인정보 보호법 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리지침을 수립·공개합니다.</p>
+                    </div>
+                    <div class="con">
+                        <div class="sec">
+                            <h2>제1조(개인정보의 수집 및 보유)</h2>
+                            <p>연합회는 법령의 규정과 정보주체의 동의에 의해서만 홈페이지 개인 정보를 수집·보유합니다. 연합회에서 수집·보유하고있는 주요 개인 정보파일은 다음과 같습니다.</p>
+                            <ul class="d1">
+                                <li>1. 주요 항목 : 아이디, 이름, 비밀번호, 생년월일, 이메일주소</li>
+                                <li>2. 보유목적</li>
+                                    <ul class="d2">
+                                        <li>1) 아이디, 비밀번호 : 회원제 서비스 이용에 따른 본인 식별 서비스의 제공</li>
+                                        <li>2) 이메일 주소 : 고지사항 전달, 본인 의사 확인 등 원활한 의사소통경로 확보</li>
+                                        <li>3) 성명, 출생년도 : 동일인의 중복 가입 방지</li>
+                                        <li>4) 문화원구분 : 홈페이지 이용자 현황 식별</li>
+                                    </ul>
+                                <li>3. 보유근거 : 이용약관 및 정보주체의 동의</li>
+                                <li>4. 보유기간 : 홈페이지 탈퇴시까지</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제2조(개인정보의 이용 및 제공)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 고지하거나 동의한 범위를 초과하여 이용자의 개인정보를 이용하거나 제3자에게 제공 또는 공개하지 않습니다. 다만 법률의 규정에 의한 정보 제공의 경우나 기타 법령이 허용한 범위 내에서는 예외로 합니다.</li>
+                                <li>② 연합회가 수집·보유하고 있는 개인 정보는 이용 및 제공을 엄격하게 제한하고 있습니다. [개인정보보호법] 제18조(개인정보의 이용ㆍ제공의 제한)는 예외 경우에 관하여 다음과 같이 규정하고 있습니다.</li>
+                                <ul class="d2">
+                                    <li>1. 정보주체로부터 별도의 동의를 받은 경우</li>
+                                    <li>2. 다른 법률에 특별한 규정이 있는 경우</li>
+                                    <li>3. 정보주체 또는 그 법정대리인이 의사표시를 할 수 없는 상태에 있거나 주소불명 등으로 사전 동의를 받을 수 없는 경우로서 명백히 정보주체 또는 제3자의 급박한 생명, 신체, 재산의 이익을 위하여 필요하다고 인정되는 경우</li>
+                                    <li>4. 통계작성 및 학술연구 등의 목적을 위하여 필요한 경우로서 특정 개인을 알아볼 수 없는 형태로 개인정보를 제공하는 경우</li>
+                                    <li>5. 개인정보를 목적 외의 용도로 이용하거나 이를 제3자에게 제공하지 아니하면 다른 법률에서 정하는 소관 업무를 수행할 수 없는 경우로서 보호위원회의 심의·의결을 거친 경우</li>
+                                    <li>6. 조약, 그 밖의 국제협정의 이행을 위하여 외국정부 또는 국제기구에 제공하기 위하여 필요한 경우</li>
+                                    <li>7. 범죄의 수사와 공소의 제기 및 유지를 위하여 필요한 경우</li>
+                                    <li>8. 법원의 재판업무 수행을 위하여 필요한 경우</li>
+                                    <li>9. 형(刑) 및 감호, 보호처분의 집행을 위하여 필요한 경우</li>
+                                </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제3조(개인정보처리의 위탁)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 원활한 개인정보 업무처리를 위하여 다음과 같이 개인정보 처리업무를 위탁하고 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 제공받는자 : ㈜디지탈쉽</li>
+                                        <li>2. 제공항목 : 아이디, 이름, 이메일주소, 생년월일, 문화원구분</li>
+                                        <li>3. 이용목적 : 사이트 운영 및 회원관리, 민원처리, 기타 기술지원을 위한 회원정보 접근 등</li>
+                                        <li>4. 위탁기간 : 2019년 1월 1일 ~ 2019년 12월 31일</li>
+                                    </ul>
+                                <li>② 연합회는 위탁계약 체결 시 개인정보 보호법 제25조에 따라 위탁업무 수행목적 외 개인정보 처리금지, 기술적·관리적 보호조치, 재위탁 제한, 수탁자에 대한 관리·감독, 손해배상 등 책임에 관한 사항을 계약서 등 문서</li>
+                                <li>③ 위탁업무의 내용이나 수탁자가 변경될 경우에는 지체 없이 본 개인정보 처리방침을 통하여 공개하도록 하겠습니다.</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제4조(정보주체의 권리·의무 및 행사방법)</h2>
+                            <ul class="d1">
+                                <li>① 정보주체는 연합회에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 개인정보 열람요구</li>
+                                        <li>2. 오류 등이 있을 경우 정정 요구</li>
+                                        <li>3. 삭제요구</li>
+                                        <li>4. 처리정지 요구</li>
+                                    </ul>
+                                <li>② 제1항에 따른 권리 행사는 연합회에 대해 서면, 전화, 전자우편, 모사전송(FAX) 등을 통하여 하실 수 있으며 연합회는 이에 대해 지체없이 조치하겠습니다.</li>
+                                <li>③ 정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한 경우에는 연합회는 정정 또는 삭제를 완료할 때까지 당해 개인정보를 이용하거나 제공하지 않습니다.</li>
+                                <li>④ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보 보호법 시행규칙 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.</li>
+                                <li>⑤ 정보주체는 개인정보 보호법 등 관계법령을 위반하여 연합회가 처리하고 있는 정보주체 본인이나 타인의 개인정보 및 사생활을 침해하여서는 아니됩니다.</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제5조(개인정보의 파기)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 개인정보 보유기간의 경과, 처리목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체없이 해당 개인정보를 파기합니다.</li>
+                                <li>② 정보주체로부터 동의받은 개인정보 보유기간이 경과하거나 처리목적이 달성되었음에도 불구하고 다른 법령에 따라 개인정보를 계속 보존하여야 하는 경우에는, 해당 개인정보를 별도의 데이터베이스(DB)로 옮기거나 보관장소를 달리하여 보존합니다.</li>
+                                <li>③ 개인정보 파기의 절차 및 방법은 다음과 같습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 파기절차<br>연합회는 파기 사유가 발생한 개인정보를 선정하고, 연합회의 개인정보 보호책임자의 승인을 받아 개인정보를 파기합니다.</li>
+                                        <li>2. 파기방법<br>연합회는 전자적 파일 형태로 기록·저장된 개인정보는 기록을 재생할 수 없도록 로우레밸포멧(Low Level Format) 등의 방법을 이용하여 파기하며, 종이 문서에 기록·저장된 개인정보는 분</li>
+                                    </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제6조(개인정보의 안전성 확보조치)</h2>
+                            <p>연합회는 개인정보의 안전성 확보를 위해 다음과 같은 조치를 취하고 있습니다.</p>
+                            <ul class="d1">
+                                <li>1. 관리적 조치 : 내부관리계획 수립·시행, 정기적 직원 교육 등</li>
+                                <li>2. 기술적 조치 : 개인정보처리시스템 등의 접근권한 관리, 접근통제시스템 설치, 고유식별정보 등의 암호화, 보안프로그램 설치</li>
+                                <li>3. 물리적 조치 : 전산실, 자료보관실 등의 접근통제</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제7조(개인정보 보호책임자)</h2>
+                            <ul class="d1">
+                                <li>① 연합회는 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>▶ 개인정보 보호책임자</li>
+                                            <ul class="d3">
+                                                <li>성명 : 김요일</li>
+                                                <li>직책 : 사무총장</li>
+                                                <li>연락처 : (02-704-4335), (kyi3172@kccf.or.kr), (02-704-2377)</li>
+                                                <li>※ 개인정보 보호 담당부서로 연결됩니다.</li>
+                                            </ul>
+                                        <li>▶ 개인정보 보호 담당부서</li>
+                                            <ul class="d3">
+                                                <li>부서명 : 연구홍보팀</li>
+                                                <li>담당자 : 김태현</li>
+                                                <li>연락처 : (T. 02-704-0429), (thkim@kccf.or.kr), (F. 02-704-2377)</li>
+                                            </ul>
+                                    </ul>
+                                <li>② 정보주체께서는 연합회의 서비스를 이용하시면서 발생한 모든 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자 및 담당부서로 문의하실 수 있습니다. 연합회는 정보주체의 문의에 대해 지체없이 답변 및 처리해드릴 것입니다.</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제8조(개인정보 열람청구)</h2>
+                            <ul class="d1">
+                                <li>정보주체는 개인정보 보호법 제35조에 따른 개인정보의 열람 청구를 아래의 부서에 할 수 있습니다. 연합회는 정보주체의 개인정보 열람청구가 신속하게 처리되도록 노력하겠습니다.</li>
+                                    <ul class="d2">
+                                        <li>▶ 개인정보 열람청구 접수·처리 부서</li>
+                                            <ul class="d3">
+                                                <li>부서명 : 연구홍보팀</li>
+                                                <li>담당자 : 김태현</li>
+                                                <li>연락처 : (T. 02-704-0429), (thkim@kccf.or.kr), (F. 02-704-2377)</li>
+                                            </ul>
+                                    </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제9조(권익침해 구제방법)</h2>
+                            <ul class="d1">
+                                <li>정보주체는 아래의 기관에 대해 개인정보 침해에 대한 피해구제, 상담 등을 문의하실 수 있습니다.</li>
+                                <li>아래의 기관은 연합회와는 별개의 기관으로서, 연합회의 자체적인 개인정보 불만처리, 피해구제 결과에 만족하지 못하시거나 보다 자세한 도움이 필요하시면 문의하여 주시기 바랍니다</li>
+                                    <ul class="d2">
+                                        <li>▶ 개인정보 침해신고센터 (한국인터넷진흥원 운영)</li>
+                                            <ul class="d3">
+                                                <li>- 소관업무 : 개인정보 침해사실 신고, 상담 신청</li>
+                                                <li>- 홈페이지 : privacy.kisa.or.kr</li>
+                                                <li>- 전화 : (국번없이) 118</li>
+                                                <li>- 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터</li>
+                                            </ul>
+                                        <li>▶ 개인정보 분쟁조정위원회 (한국인터넷진흥원 운영)</li>
+                                            <ul class="d3">
+                                                <li>- 소관업무 : 개인정보 분쟁조정신청, 집단분쟁조정 (민사적 해결)</li>
+                                                <li>- 홈페이지 : privacy.kisa.or.kr</li>
+                                                <li>- 전화 : (국번없이) 118</li>
+                                                <li>- 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터</li>
+                                            </ul>
+                                        <li>▶ 대검찰청 사이버범죄수사단 : 02-3480-3573 (www.spo.go.kr)</li>
+                                        <li>▶ 경찰청 사이버테러대응센터 : 1566-0112 (www.netan.go.kr)</li>
+                                    </ul>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제10조(개인정보 처리방침 변경)</h2>
+                            <ul class="d1">
+                                <li>① 이 개인정보 처리방침은 2017. 9. 29부터 적용됩니다.</li>
+                                <li>② 이전의 개인정보 처리방침은 아래에서 확인하실 수 있습니다.</li>
+                                <li class="color">- 2017. 03. 05 ~ 2017. 09. 28 적용 (클릭)</li>
+                            </ul>
+                        </div>
+                        
+                        <div class="sec">
+                            <h2>제11조(개인정보 자동 수집 장치의 설치·운영 및 거부에 관한 사항)</h2>
+                            <ul class="d1">
+                                <li>① 한국문화원연합회는 홈페이지 운영에 있어 필요 시 고객의 정보를 찾아 내고 저장하는 ‘쿠키 (Cookie)'를 운용합니다. 쿠키는 웹사이트를 운영하는데 이용되는 서버가 고객의 브라우저에 보내는 아주 작은 텍스트 파일로서 고객의 컴퓨터 하드디스크에 저장됩니다. 고객께서는 웹브라우저의 보안설정을 통해 쿠키에 텍스트 정보수집의 허용· 거부 여부를 선택하실 수 있습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 웹브라우저의 [도구]메뉴에서 [인터넷옵션]-[보안]-[사용자정의수준]을 선택하여 쿠키에 의한 정보수집 수준을 정할 수 있습니다.</li>
+                                        <li>2. 위에 제시된 메뉴를 통해 쿠키가 저장될 때마다 확인을 하거나, 아니면 모든 쿠키의 저장을 거부할 수도 있습니다.</li>
+                                        <li>3. 다만, 쿠키 설치를 거부하였을 경우 콘텐츠 이용에 어려움이 있을 수 있습니다.</li>
+                                    </ul>
+                                <li>② 쿠키(Cookie)에 의해 수집되는 정보 및 이용목적은 다음과 같습니다.</li>
+                                    <ul class="d2">
+                                        <li>1. 수집정보 : ID, 접속IP, 회원구분, 이용 콘텐츠 등 서비스 이용정보</li>
+                                        <li>2. 이용목적 : 개인의 관심분야에 따라 차별화된 정보를 제공합니다</li>
+                                    </ul>
+                            </ul>
+                        </div>
+                    </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="/">찾아오시는 길</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>
+
+</body>
+</html>
\ No newline at end of file