somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of http://docs.nculture.org:30000/nculture/iams.nlib

Browse Source
This commit is contained in:
JSYOO 2021-11-09 16:53:02 +09:00
commit 6c8b51df21
23 changed files with 1589 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/main/java/nlib/col/service/CollectionVO.java
View File

@ -129,8 +129,14 @@ public class CollectionVO extends PagingVO {
//--------------------------------------------
// 열람관련
//--------------------------------------------
protected String reqId; /* 열람신청번호 */
protected String reqDd; /* 열람신청일자 */
protected String hopeReqPridDtmFrom; /* 방문희망시작일자 */
protected String hopeReqPridDtmTo; /* 방문희망종료일자 */
protected String reqStatusDivCd; /* 열람상태구분코드 */
protected String reqStatusDivNm; /* 열람상태구분명 */
protected String reqPsblDtmFrom; /* 방문예정시작일자 */
protected String reqPsblDtmTo; /* 방문예정종료일자 */
//--------------------------------------------
// 기타 및 처리결과 항목
@ -757,5 +763,54 @@ public class CollectionVO extends PagingVO {
public void setRsrvDivNm(String rsrvDivNm) {
this.rsrvDivNm = rsrvDivNm;
}
public String getReqStatusDivCd() {
return reqStatusDivCd;
}
public void setReqStatusDivCd(String reqStatusDivCd) {
this.reqStatusDivCd = reqStatusDivCd;
}
public String getReqStatusDivNm() {
return reqStatusDivNm;
}
public void setReqStatusDivNm(String reqStatusDivNm) {
this.reqStatusDivNm = reqStatusDivNm;
}
public String getReqPsblDtmFrom() {
return reqPsblDtmFrom;
}
public void setReqPsblDtmFrom(String reqPsblDtmFrom) {
this.reqPsblDtmFrom = reqPsblDtmFrom;
}
public String getReqPsblDtmTo() {
return reqPsblDtmTo;
}
public void setReqPsblDtmTo(String reqPsblDtmTo) {
this.reqPsblDtmTo = reqPsblDtmTo;
}
public String getReqId() {
return reqId;
}
public void setReqId(String reqId) {
this.reqId = reqId;
}
public String getReqDd() {
return reqDd;
}
public void setReqDd(String reqDd) {
this.reqDd = reqDd;
}
}

28
src/main/java/nlib/col/service/ReadService.java
View File

@ -3,6 +3,8 @@ package nlib.col.service;
import java.util.HashMap;
import java.util.List;
import nlib.restful.service.DataApiResVO;
/**
* <pre>
* @Class Name : ReadService.java
@ -46,4 +48,30 @@ public interface ReadService {
*/
public List<CollectionVO> insertReadItems(List<CollectionVO> list, String mbInfoId, CollectionVO readVO) throws Exception;
/**
* 사용자의 열람건이 존재하는 문화원 정보 목록을 조회한다.
*
* @param mbInfoId
* @return
*/
public List<HashMap<String, String>> listReadMngOrg(String mbInfoId);
/**
* 열람 목록 조회한다.
*
* @param searchVO
* @return
*/
public DataApiResVO listReadItems(CollectionVO searchVO);
/**
* 열람신청을 취소한다.
*
* @param searchVO
* @return
*/
public DataApiResVO cancelReadItem(CollectionVO searchVO);
}

2
src/main/java/nlib/col/service/impl/ReadDAO.java
View File

@ -10,4 +10,6 @@ public interface ReadDAO {
public List<HashMap<String, String>> listDates();
public List<HashMap<String, String>> listReadMngOrg(String mbInfoId);
}

92
src/main/java/nlib/col/service/impl/ReadServiceImpl.java
View File

@ -29,11 +29,9 @@ public class ReadServiceImpl implements ReadService {
@Resource(name="informService")
private InformService informService;
/** RESTFul API 송수신 모듈 */
@Resource(name = "dataApi")
private DataApi dataApi;
/**
* 열람신청희망 가능 일자 목록을 조회한다.
@ -151,5 +149,95 @@ public class ReadServiceImpl implements ReadService {
return list;
}
/**
* 사용자의 열람건이 존재하는 문화원 정보 목록을 조회한다.
*
* @param mbInfoId
* @return
*/
public List<HashMap<String, String>> listReadMngOrg(String mbInfoId) {
return readDAO.listReadMngOrg(mbInfoId);
}
/**
* 열람 목록 조회한다.
*
* @param searchVO
* @return
*/
public DataApiResVO listReadItems(CollectionVO searchVO) {
if(searchVO == null || StringUtil.isEmpty(searchVO.getMbInfoId())) {
log.error("listRentItems > 대출 목록 조회 요청 정보가 없습니다.");
return null;
}
// API 호출
/*
mngOrgCd 문화원코드
mbInfoId 사용자아이디
rows 페이지크기(페이지당최대표출건수)
page 페이지번호
bookLtRvStatusCd 대출상태구분코드("": 전체, A:신청, B:대출준비완료, C:취소, W:대출중, R0:정상반납, R1:연체반납 P:연체)
*/
DataApiReqVO reqVO = new DataApiReqVO("/uac/service/nlib/col/listReserveItem", HttpMethod.GET);
reqVO.setMbInfoId(searchVO.getMbInfoId()); // 통신 시, 암호화되어 송수신됨
reqVO.setPageSize(searchVO.getPageSize());
reqVO.setPageIndex(searchVO.getPageIndex());
reqVO.putInfoItem("mngOrgCd", StringUtil.getString(searchVO.getMngOrgCd(), "KCCF")); // DDDDDDDDDDDDDDDDDDDd api 변경시까지 유지
reqVO.putInfoItem("reqStatusDivCd", searchVO.getReqStatusDivCd());
return dataApi.request(reqVO);
}
/**
* 열람신청을 취소한다.
*
* @param searchVO
* @return
*/
public DataApiResVO cancelReadItem(CollectionVO searchVO) {
String message = null;
if(searchVO == null || StringUtil.isEmpty(searchVO.getMbInfoId())) {
message = "로그인하신 후, 이용바랍니다.";
log.error("cancelRentItem > " + message);
return new DataApiResVO("E", message);
}
if(StringUtil.isEmpty(searchVO.getMngOrgCd())) {
message = "문화원정보가 부적합합니다. 다시 요청하여 주시기 바랍니다.";
log.error("cancelRentItem > " + message);
return new DataApiResVO("E", message);
}
if(StringUtil.isEmpty(searchVO.getReqId())) {
message = "취소할 방문열람신청번호 정보가 부적합합니다. 다시 요청하여 주시기 바랍니다.";
log.error("cancelRentItem > " + message);
return new DataApiResVO("E", message);
}
if(StringUtil.isEmpty(searchVO.getMasterId())) {
message = "취소할 자료정보 정보가 부적합합니다. 다시 요청하여 주시기 바랍니다.";
log.error("cancelRentItem > " + message);
return new DataApiResVO("E", message);
}
// API 호출
/*
mngOrgCd 문화원코드
mbInfoId 사용자아이디
reqId 열람신청번호
masterId 자료번호
*/
DataApiReqVO reqVO = new DataApiReqVO("/uac/service/nlib/col/deleteReserveItem", HttpMethod.POST);
reqVO.setMbInfoId(searchVO.getMbInfoId()); // 통신 시, 암호화되어 송수신됨
reqVO.putInfoItem("mngOrgCd", searchVO.getMngOrgCd());
reqVO.putInfoItem("reqId", searchVO.getReqId());
reqVO.putInfoItem("masterId", searchVO.getMasterId());
return dataApi.request(reqVO);
}
}

149
src/main/java/nlib/col/web/ReadController.java
View File

@ -8,15 +8,19 @@ import javax.servlet.http.HttpServletRequest;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import nlib.cmm.NlibCommonController;
import nlib.cmm.service.NlibProperty;
import nlib.cmm.service.PagingVO;
import nlib.col.service.CollectionService;
import nlib.col.service.CollectionVO;
import nlib.col.service.ReadService;
import nlib.restful.service.DataApiResVO;
import nlib.util.StringUtil;
/**
@ -155,4 +159,149 @@ public class ReadController extends NlibCommonController {
return retJsp;
}
/**
* 열람 목록 화면을 호출한다.
*
* @param request
* @param searchVO
* @param model
* @param message
* @return
* @throws Exception
*/
@RequestMapping("/read/listReadItems.do")
public String listReadItems(HttpServletRequest request, CollectionVO searchVO, ModelMap model, String message) throws Exception {
String mbInfoId = getMbInfoId(request);
if(StringUtil.isEmpty(mbInfoId)) {
message = "로그인하신 후, 이용바랍니다.";
model.addAttribute("message", message);
return "nlib/read/listReadItems";
}
// 대출자료 문화원 목록 조회
List<HashMap<String, String>> readMngOrgList = readService.listReadMngOrg(mbInfoId);
model.addAttribute("rentMngOrgList" , readMngOrgList);
model.addAttribute("reqStatusDivCd", StringUtil.getString(searchVO.getReqStatusDivCd(), "A")); // 기본값 신청
model.addAttribute("pageSize" , searchVO.getPageSize());
model.addAttribute("pageIndex" , searchVO.getPageIndex());
model.addAttribute("message" , message);
return "nlib/read/listReadItems";
}
/**
* 대출 목록을 조회한다.
*
* @param req
* @return
*/
@RequestMapping(value="/read/listReadItemsAjax.do")
public ResponseEntity<String> listRentItemsAjax(
HttpServletRequest request,
@RequestBody CollectionVO searchVO) {
String message = null;
String mbInfoId = getMbInfoId(request);
int totCount = 0;
if(StringUtil.isEmpty(mbInfoId)) {
message = "로그인하신 후, 이용바랍니다.";
}
if(StringUtil.isEmpty(searchVO.getReqStatusDivCd())) {
searchVO.setReqStatusDivCd("A"); // 신청/예약 기본 설정
}
//-------------------------------
// JSON변환 응답 처리
//-------------------------------
// JS-GRID 페이징 처리를 포함한 응답값 처리
// {data: [{...}],
// itemsCount: 255
// }
HashMap<String, Object> retMap = new HashMap<String, Object>();
if(StringUtil.isNotEmpty(mbInfoId)) {
// 로그인 사용자 정보 설정
searchVO.setMbInfoId(mbInfoId);
// 조회
// 대출상태구분코드("": 전체, A:신청, B:대출준비완료, C:취소, W:대출중, R0:정상반납, R1:연체반납, P:연체)
DataApiResVO resVO = readService.listReadItems(searchVO);
totCount = resVO.getRecordTotCount();
retMap.put("data" , resVO.getRecordList());
retMap.put("pageIndex" , resVO.getPageIndex());
} else {
retMap.put("pageIndex" , searchVO.getPageIndex());
retMap.put("message" , "로그인하신 후, 이용바랍니다.");
}
retMap.put("itemsCount", totCount);
PagingVO pageVO = new PagingVO();
pageVO.setPagingVO(totCount, searchVO.getPageIndex(), searchVO.getPageSize());
retMap.put("pagingPageIndex" , pageVO.getPageIndex());
retMap.put("pagingTotRecordCount", pageVO.getTotRecordCount());
retMap.put("pagingStartPage" , pageVO.getStartPage());
retMap.put("pagingEndPage" , pageVO.getEndPage());
retMap.put("pagingLastPage" , pageVO.getLastPage());
return makeResponseEntityJson(retMap);
}
@RequestMapping(value="/read/cancelReadItemAjax.do")
public ResponseEntity<String> cancelRentItemAjax(
HttpServletRequest request,
@RequestBody CollectionVO searchVO) {
String resultMessage = null;
String resultCode = "F";
String mbInfoId = getMbInfoId(request);
int totCount = 0;
if(StringUtil.isEmpty(mbInfoId)) {
resultMessage = "로그인하신 후, 이용바랍니다.";
}
if(StringUtil.isEmpty(searchVO.getMngOrgCd())) {
resultMessage = "문화원정보가 부적합합니다. 다시 요청하여 주시기 바랍니다.";
}
if(StringUtil.isEmpty(searchVO.getReqId())) {
resultMessage = "취소할 방문열람신청번호 정보가 부적합합니다. 다시 요청하여 주시기 바랍니다.";
}
if(StringUtil.isEmpty(searchVO.getMasterId())) {
resultMessage = "취소할 자료정보 정보가 부적합합니다. 다시 요청하여 주시기 바랍니다.";
}
//-------------------------------
// JSON변환 응답 처리
//-------------------------------
// JS-GRID 페이징 처리를 포함한 응답값 처리
// {data: [{...}],
// itemsCount: 255
// }
HashMap<String, Object> retMap = new HashMap<String, Object>();
if(resultMessage == null) {
// 로그인 사용자 정보 설정
searchVO.setMbInfoId(mbInfoId);
// 대출취소신청
DataApiResVO resVO = readService.cancelReadItem(searchVO);
resultCode = resVO.getResultCode();
resultMessage = resVO.getResultMessage();
}
retMap.put("resultCode" , resultCode);
retMap.put("resultMessage" , resultMessage);
return makeResponseEntityJson(retMap);
}
}

4
src/main/java/nlib/restful/service/impl/DataApiRESTful.java
View File

@ -104,11 +104,11 @@ public class DataApiRESTful implements DataApiInterface {
statusCode = responseEntity.getStatusCode();
resultXML = responseEntity.getBody();
} catch(HttpClientErrorException e) {
e.printStackTrace();
//e.printStackTrace();
resultXML = e.getResponseBodyAsString();
statusCode = e.getStatusCode();
} catch(HttpServerErrorException e) {
e.printStackTrace();
//e.printStackTrace();
resultXML = e.getResponseBodyAsString();
statusCode = e.getStatusCode();
}

11
src/main/resources/egovframework/mapper/nlib/col/ReadDAO_SQL.xml
View File

@ -32,4 +32,15 @@
]]>
</select>
<select id="listReadMngOrg" parameterType="String" resultType="EgovMap">
SELECT DISTINCT A.MNG_ORG_CD, B.DEPT_NM AS MNG_ORG_NM
FROM (
SELECT DISTINCT MNG_ORG_CD
FROM US_REQ
WHERE REQ_USER_ID = #{mbInfoId}
) A
JOIN SM_DEPT B ON (A.MNG_ORG_CD = B.ORG_CD)
ORDER BY B.DEPT_NM
</select>
</mapper>

53
src/main/webapp/WEB-INF/jsp/nlib/inform/selectPrivacyInfo.jsp
View File

@ -33,26 +33,33 @@
<c:set var="pageTitle">개인정보처리방침 </c:set>
<!DOCTYPE html>
<html>
<head>
<title>${pageTitle}</title>
</head>
<body>
<h1>${informTitle }</h1>
<div id="informContent" name="informContent" style="width: 100%; border:1px solid gray;">
${informContent }
</div>
<script type="text/javaScript" language="javascript">
window.onload = function() {
};
</script>
</body>
</html>
<!-- 개인정보처리방침 섹션 -->
<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">${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="privacy-box">
<div class="top-bg">
<p>지방문화원 소장자료관 개인정보 처리방침</p>
<p>한국문화원연합회(이하 ‘연합회’라 한다)는 개인정보 보호법 제30조에 따라 정보주체의 개인정보를 보호하고<br>이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리지침을 수립·공개합니다.</p>
</div>
<div class="con">
${informContent }
</div>
</div>
</div>
</div>
</section>

55
src/main/webapp/WEB-INF/jsp/nlib/inform/selectTermsInfo.jsp
View File

@ -31,28 +31,35 @@
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<c:set var="pageTitle">이용약관</c:set>
<c:set var="pageTitle">이용약관 </c:set>
<!DOCTYPE html>
<html>
<head>
<title>${pageTitle}</title>
</head>
<body>
<h1>${informTitle }</h1>
<div id="informContent" name="informContent" style="width: 100%; border:1px solid gray;">
${informContent }
</div>
<script type="text/javaScript" language="javascript">
window.onload = function() {
};
</script>
</body>
</html>
<!-- 이용약관 섹션 -->
<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">${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="privacy-box">
<div class="top-bg">
<p>지방문화원 소장자료관 이용약관</p>
<p>한국문화원연합회(이하 ‘연합회’라 한다)는 개인정보 보호법 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리지침을 수립·공개합니다.</p>
</div>
<div class="con">
${informContent }
</div>
</div>
</div>
</div>
</section>

294
src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp Normal file
View File

@ -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>

2
src/main/webapp/WEB-INF/tiles/inc/menu.jsp
View File

@ -28,7 +28,7 @@
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/userInfo/pwCertMyInfo.do';" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/interest/listInterests.do';" title="관심자료"><span class="underline blue">관심자료</span></a></li>
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/rent/listRentItems.do';" title="대출관리"><span class="underline blue">대출관리</span></a></li>
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/rent/listRequestsForViewingItem.do';" title="방문열람관리"><span class="underline blue">방문열람관리</span></a></li>
<li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/read/listReadItems.do';" title="방문열람관리"><span class="underline blue">방문열람관리</span></a></li>
<!-- 개발진행 중 임시 추가 : 시작 DDDDDDDDDDDDDD -->
<li>--- 이하 임시 추가 메뉴 ---</li>

188
src/main/webapp/css/default.css
View File

@ -51,58 +51,66 @@ transition:all .3s ease;
.wrap .nav-wrap #primary-nav .sub-menu li:hover a {display:block;font-weight: 500;}
.wrap .nav-wrap #primary-nav .sub-menu li:last-child {border-bottom: 0;}
.wrap .nav-wrap #primary-nav .sub-menu .downarrow:before {content: '\25b8';}
.wrap .nav-wrap #primary-nav.mobile {display: none;position: fixed;top:auto;bottom: 0px;background: #1eaabd;width: 100%;height: 100%;min-height: 100vh;margin:0% 0%;left:800px;
.wrap .nav-wrap #primary-nav li ul li:hover,
.wrap .nav-wrap #primary-nav li ul li.selected {background: none;}
.wrap .nav-wrap #primary-nav.mobile {display: none;position: absolute;top: 100%;background: #A0D468;width: 100%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.wrap .nav-wrap #primary-nav li ul li:hover,
.wrap .nav-wrap #primary-nav li ul li.selected {background: none;}
.wrap .nav-wrap #primary-nav.mobile li {width: 100%;margin: 0;border-bottom: 0px solid #4fc3d3;text-align:center;}
.wrap .nav-wrap #primary-nav.mobile li.selected > a {border-bottom: 0px solid #4fc3d3;}
.wrap .nav-wrap #primary-nav.mobile li {width: 100%;margin: 0;border-bottom: 1px solid #7cb142;}
.wrap .nav-wrap #primary-nav.mobile li.selected > a {border-bottom: 1px solid #7cb142;}
.wrap .nav-wrap #primary-nav.mobile li:last-child {border: none;}
.wrap .nav-wrap #primary-nav.mobile li a {padding: 15px 0%;display:block;font-size:30px;color:#fff;}
.wrap .nav-wrap #primary-nav.mobile li:hover a {color:#fff;}
.wrap .nav-wrap #primary-nav.mobile li.active a {color:#fff;}
.wrap .nav-wrap #primary-nav.mobile li a {padding: 5%;}
.wrap .nav-wrap #primary-nav.mobile .sub-menu li a {padding-left: 7%;}
.wrap .nav-wrap #primary-nav.mobile .sub-menu .submenu li a {padding-left: 9%;}
.wrap .nav-wrap #primary-nav.mobile .sub-menu .sub-menu .sub-menu li a {padding-left: 11%;}
.wrap .nav-wrap #primary-nav.mobile .sub-menu {float: left;position: relative;width: 100%;}
.wrap .nav-wrap .downarrow {background: none;display: inline-block;padding: 0;text-align: center;min-width: 3px;display: none;}
.wrap .nav-wrap .downarrow {background: none;display: inline-block;padding: 0;text-align: center;min-width: 3px;}
.wrap .nav-wrap .sub-menu .downarrow {position: absolute;right: 0;padding-right: 10px;}
/*
.wrap .nav-wrap .downarrow:before {content: '\25be';color: inherit;display: block;font-family: sans-serif;font-size: 1em;line-height: 1.1;width: 1em;height: 1em;}
*/
.wrap .nav-wrap .menu .sub-menu {display: none;position: absolute;left: 0;max-height: 1000px;}
.wrap .nav-wrap .menu .sub-menu.hide {display: none;}
.wrap .nav-wrap .mobile .downarrow,
.wrap .nav-wrap .mobile .sub-menu .downarrow {position: absolute;right: 0;padding-right: 5%;}
#primary-nav-button {background: transparent;display: none;border: 0px solid #aaa;position: absolute;top: 5px;left: 0;padding: 0;text-decoration: none;color: #333;text-align: center;font-weight: bold;font-size: 0;outline:0;z-index: 9;}
#primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
#primary-nav-button.mobile {display: inline-block;}
.wrap .nav-wrap .Btn {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;}
.wrap .nav-wrap .Btn i {position: relative;border-radius:10px;display: inline-block;width: 25px;height: 2px;color:#707070;text-transform: uppercase;text-indent:-999999999px;background: #707070;}
.wrap .nav-wrap .Btn i::before, .wrap header .Btn i::after {content:'';border-radius: 10px;width: 25px;height: 2px;position: absolute;left:0;background:#707070;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
.wrap .nav-wrap #primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
.wrap .nav-wrap #primary-nav-button.mobile {display: inline-block;}
.wrap .Btn {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;display: none;}
.wrap .Btn i {position: relative;display: inline-block;width: 25px;height: 3px;color:#fff;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-999999999px;
background: #fff;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
}
.wrap .nav-wrap .Btn i::before {top: -9px;}
.wrap .nav-wrap .Btn i::after {bottom: -9px;width:20px;left:auto;right:0px;}
.wrap .nav-wrap .Btn.selected i {background:none;}
.wrap .nav-wrap .Btn.selected i::before {top:0;background: #fff;
.wrap .Btn i::before, .Btn i::after {content:'';width: 25px;height: 3px;position: absolute;left:0;background:#fff;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
}
.wrap .Btn i::before {top: -9px;}
.wrap .Btn i::after {bottom: -9px;}
.wrap .Btn.selected i {background:none;}
.wrap .Btn.selected i::before {top:0;background: #fff;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.wrap .nav-wrap .Btn.selected i::after {bottom:-2px;width:25px;background: #fff;border-bottom: 2px solid #1eaabd;
.wrap .Btn.selected i::after {bottom:0;background: #fff;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
/********** 헤더 스크롤 **********/
.wrap #header.scroll_off {background:rgba(0,0,0,0.3);}
.wrap #header.scroll_on {background:rgba(55,103,149,1.0);}
@ -122,6 +130,7 @@ transform: rotateZ(-45deg);
.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
.wrap .nav-wrap.scroll_on #primary-nav ul li .sub-menu li:hover a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
/********** 헤더 서브 **********/
.wrap.sub {padding-top:128px;}
.wrap.sub #header {background:rgba(55,103,149,1.0);}
@ -136,6 +145,7 @@ transform: rotateZ(-45deg);
.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
.wrap.sub .nav-wrap #primary-nav ul li .sub-menu li:hover a span.underline.blue {background-image: linear-gradient(transparent 60%, #d7e1ea 40%);}
/********** 호버 언더라인 **********/
.underline {line-height: 2.0;background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.8s;cursor: pointer;}
.underline.blue {background-image: linear-gradient(transparent 60%, #284a6a 40%);}
@ -148,7 +158,6 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;}
.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:600px;}
/********** 메인섹션1 **********/
.sec1 {}
.sec1 .inner .banner {position: relative;width:100%;height:600px;background: url(/images/bg/bg-mainbanner.jpg) no-repeat;background-size:cover;}
@ -194,7 +203,7 @@ transform: rotate(45deg);
.sec3 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:30px;}
.sec3 .pickSwiper .swiper-slide .list-box {background: #fff;outline:1px solid #ddd;height:390px;}
.sec3 .pickSwiper .swiper-slide .list-box .images {padding:30px 0px;height:195px;border-bottom:1px solid #ddd;}
.sec3 .pickSwiper .swiper-slide .list-box .images a img {height:100%;}
.sec3 .pickSwiper .swiper-slide .list-box .images a img {width:140px;height:100%;}
.sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;}
.sec3 .pickSwiper .swiper-slide .list-box .subject .block {display:inline-block;width:100%;margin-bottom:10px;}
.sec3 .pickSwiper .swiper-slide .list-box .subject .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;}
@ -717,25 +726,27 @@ transform: rotate(45deg);}
.filter-head h2 {float: left;font-size: 18px;font-weight: 600;}
.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;}
.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;}
.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 5px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;}
.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 30px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;cursor: pointer;}
.filter-wrap .choice-condition .sign {margin: 0 10px;}
.filter-wrap .choice-condition em {color: #333;}
.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/kccf/btn/btn-cnl.jpg) no-repeat right center;}
.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/btn/btn-cnl.jpg) no-repeat right center;}
.filter-wrap .filter {margin-top: 32px;}
.filter-wrap .filter-tit {clear: both;border-bottom: 1px solid #ccc;padding-bottom: 6px;_margin-bottom: 16px;}
.filter-wrap .filter-tit h3 {color: #000;font-size: 16px;float: left;}
.filter-wrap .filter-tit .btn-toggle {float: right;background: url(/images/kccf/btn/btn-minus.jpg) no-repeat center right;text-indent: -9999px;}
.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/kccf/btn/btn-plus.png) no-repeat center right;}
.filter-wrap .filter-tit .btn-toggle {float: right;background: url(/images/btn/btn-minus.jpg) no-repeat center right;text-indent: -9999px;}
.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/btn/btn-plus.png) no-repeat center right;}
.filter-wrap .filter-tit:after {content: "";display: block;clear: both;}
.filter-wrap .filter .depth-1 {margin-top: 11px;padding-left: 10px;}
.filter-wrap .filter .depth-1 .check label {background:url(/images/icon/icon-data-downarr.png) no-repeat;background-position: 95% center;padding-right:20px;}
.filter-wrap .filter .depth-1.on .check label {background:url(/images/icon/icon-data-uparr.png) no-repeat;background-position: 95% center;padding-right:20px;color:#376795;font-weight: 400;}
.filter-wrap .filter.nodepth .depth-1 .check label {background: none;}
.filter-wrap .filter.nodepth .depth-1.on .check label {background: none;}
.filter-wrap .filter .depth-1:after {content: "";display: block;clear: both;}
.filter-wrap .filter .depth-1 .check {float: left;}
.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/kccf/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;}
.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/kccf/btn/btn-arrow-up.png) no-repeat right center;}
.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;}
.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/btn/btn-arrow-up.png) no-repeat right center;}
.filter-wrap .filter .depth-2 {padding-left: 10px;display: none;}
.filter-wrap .filter .depth-2 li {margin-top: 6px;}
.filter-wrap .filter .depth-2 li label {padding-left: 15px;}
@ -799,9 +810,10 @@ transform: rotate(45deg);}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.etc {background:#e9e6df;color:#222;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span.etc {background:#e9e6df;color:#222;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
@ -810,11 +822,13 @@ transform: rotate(45deg);}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result {text-align: center;width:100%;padding:30px 0px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .icon {margin-bottom:10px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;}
@ -934,7 +948,7 @@ transform: rotate(45deg);}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List a.inner {display:block;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner.light-type {color:#666;background-color:#fff;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/kccf/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 10px;font-size:18px;border-bottom:1px solid #555;margin-bottom:10px;}
@ -1246,7 +1260,9 @@ transform: rotate(45deg);}
.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;}
.noti-data .list-accordion .question span:last-child {padding-right: 50px;}
.noti-data .list-accordion .question .type {width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
.noti-data .list-accordion .question .type::before {background: none;}
.noti-data .list-accordion .question.on .type::before {background: none;}
.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;}
.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
@ -1321,8 +1337,8 @@ transform: rotate(45deg);}
.view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;}
.view-body .attachments:after {content: "";display: block;clear: both;}
.view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;}
.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/kccf/icon/icon-attach.png) no-repeat left center;}
.view-body .attachments li a:hover {background:url(/images/kccf/icon/icon-attach-hover.png) no-repeat left center;color: #000;}
.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/icon/icon-attach.png) no-repeat left center;}
.view-body .attachments li a:hover {background:url(/images/icon/icon-attach-hover.png) no-repeat left center;color: #000;}
.view-body .attachments li a em {color: #999;}
.view-body .answer {padding: 30px 0px;color: #666;border-bottom: 1px solid #ddd;border-top:1px solid #333;background: #f6f6f6;margin-top: 20px;}
.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%}
@ -1342,7 +1358,7 @@ transform: rotate(45deg);}
.community-write .required-text span {color:red;font-size:20px;vertical-align: middle;margin:4px 2px 0px 0px;display: inline-block;}
.community-write input {border-radius: 3px;border: 1px solid #ddd;line-height: 36px;display: block;padding: 0 15px;height: 38px;box-sizing: border-box;width: 100%;}
.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;}
.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/kccf/btn/btn-select-qna.png) no-repeat center right;}
.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
.qna-write-table {border-top: 2px solid #000;border-bottom: 1px solid #000;}
.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
@ -1488,6 +1504,60 @@ transform: rotate(45deg);}
.qna .btn-box {float:right;}
.privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;}
.privacy .top-bg p {color:#fff;}
.privacy .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;}
.privacy .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;}
.privacy .con {width:1200px;margin:0 auto;text-align: left;}
.privacy .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
.privacy .con .sec:last-child {border-bottom:0;}
.privacy .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;}
.privacy .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;}
.privacy .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;}
.privacy .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;}
.privacy .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;}
.privacy .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;}
.service .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-service.jpg) no-repeat center;text-align: left;}
.service .top-bg p {color:#fff;}
.service .top-bg p:nth-child(1) {display: inline-block;margin:90px 0px 10px 350px;font-size:22px;font-weight: 500;}
.service .top-bg p:nth-child(2) {display: inline-block;margin:0px 0px 0px 350px;font-size:16px;font-weight: 100;}
.service .con {width:1200px;margin:0 auto;text-align: left;}
.service .con .sec {border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
.service .con .sec:last-child {border-bottom:0;}
.service .con .sec h2 {margin-bottom:10px;font-size: 20px;color:#376795;font-weight: 500;}
.service .con .sec p {font-size:14px;color:#444;letter-spacing: -0.5px;}
.service .con .sec ul li {font-size:14px;line-height: 26px;color:#444;letter-spacing: -0.5px;}
.service .con .sec ul.d2 {padding-left:15px;margin-bottom:15px;}
.service .con .sec ul.d3 {padding-left:18px;margin-bottom:15px;}
.service .con .sec ul li.color {color:#008dd9;font-weight: 500;border-bottom:1px solid #008dd9;display: inline;padding-bottom:2px;}
.error {text-align: center;width:100%;height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.error .text h1 {font-size:18px;color:#474848;font-weight: 400;}
.error .text h1 a span.title {margin-right:10px;margin-left:5px;padding-right:10px;border-right:1px solid #ddd;height:17px;line-height:17px;display: inline-block;}
.error .text h1 a img {vertical-align: middle;margin:0px 0px 10px;}
.error .text p:nth-of-type(1) {font-size:30px;font-weight: 500;margin-bottom:5px;}
.error .text p:nth-of-type(1) span {color:#d47b1c;}
.error .text p:nth-of-type(2) {font-size:20px;font-weight: 300;margin-bottom:30px;color:#333;}
.error .text p:nth-of-type(3) {margin-bottom:40px;}
.error .box {width:100%;background: #366ea3;padding:40px 0px;position: relative;}
.error .box p:nth-of-type(1) {font-size:16px;color:#fff;font-weight: 400;margin-bottom: 40px;}
.error .box::before {content:'';position:absolute;top:calc(0% - 5px);right:calc(50% - 8px);display:inline-block;background: #366ea3;width:14px;height:14px;border-radius:3px;z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.error .box .btn {margin:0px 0px;display:inline-block;padding:0;width:100%;}
.error .box .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:4px 30px;margin:0px 5px;font-size:14px;font-weight:500;}
.error .box .btn a.btn-white {color:#366ea3;}
.error .box .btn a.btn-white:hover {background:#fff;}
.error .box .btn a.btn-color {background:#214567;}
/* 공유하기 팝업 */
.pop-sharing {display: none;z-index: 200;}
.pop-sharing .pop-wrap {width: 404px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;}
@ -1782,11 +1852,11 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
.conditions-wrap .selected-conditions:after {content: "";display: block;clear: both;position: relative;}
.conditions-wrap .selected-conditions .title {width: 100%;color: #333;padding-top: 6px;position: relative;}
.conditions-wrap .selected-conditions .title p {float: left;margin-right: 10px;font-weight: 300;color:#fff;background: #b68948;padding:5px 15px;font-size:14px;border-radius:50px;}
.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background:#f4f4f4 url(/images/btn/btn-refresh.png) no-repeat center right;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);}
.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;}
.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;}
.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;}
.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;}
.conditions-wrap .selected-conditions .conditions li button:hover,
.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;}
.conditions-wrap .conditions-box {border: 1px solid #ccc;background: #f4f4f4;border-bottom: none;border-radius: 0 0 4px 4px;}
@ -1918,13 +1988,37 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
}
/* 789px 이하 */
@media all and (max-width:789px) {
/* 768px 이하 */
@media all and (max-width:768px) {
.wrap {min-width: 100%;}
.wrap header .inner {width:100%;}
.wrap .nav-wrap .inner {width:100%;}
.sec1 .inner .color-box {width:100%;}
.sec2 .keyword-box {width:100%;}
.sec5 .inner {width:100%;}
.sec5 .inner .tab_content {width:90%;padding:30px 5%;}
.sec7 .inner {width:100%;}
.sec7 .inner .Fl {width:100%;margin:0;}
footer .inner {width:100%;}
.wrap header {background:none;}
.wrap .nav-wrap {height:100%;background:none;top:0;}
.wrap .nav-wrap .BG {content: '';display: inline-block;width:100%;height:100%;background: rgba(0,0,0,0.5);position: fixed;top:0px;left:0px;z-index: -1;}
.wrap .Btn {position: absolute;right:5%;top:50px;z-index: 999;display: inline-block;}
#primary-nav .downarrow:before {content: '\25b8';}
.wrap .nav-wrap #primary-nav.mobile ul {text-align: left;top:auto;}
.wrap .nav-wrap #primary-nav.mobile li {border-bottom:1px solid #ddd;line-height: normal;text-align: left;}
.wrap .nav-wrap #primary-nav.mobile {background: #333;width:300px;height:100vh;top:0px;right:-1000px;left:auto;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.wrap .nav-wrap #primary-nav.mobile ul .sub-menu {display:none;}
}
/* 389px 이하 */
@media all and (max-width: 369px) {
/* 368px 이하 */
@media all and (max-width: 368px) {
}

42
src/main/webapp/error404.html Normal file
View File

@ -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>

41
src/main/webapp/error500.html Normal file
View File

@ -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>

BIN
src/main/webapp/images/bg/bg-privacy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

BIN
src/main/webapp/images/bg/bg-service.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
src/main/webapp/images/icon/icon-error.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
src/main/webapp/images/icon/icon-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/main/webapp/images/img/noimage-b.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/main/webapp/images/img/noimage-m.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
src/main/webapp/images/img/noimage-s.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

336
src/main/webapp/privacy.html Normal file
View File

@ -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>

336
src/main/webapp/service.html Normal file
View File

@ -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>