diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
index 05c05703..a2feace0 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
@@ -170,19 +170,19 @@
                  t_data += "<div class=\"img\"><a><img src=\"" + obj.rprsThumbUrlWithDefaultSmall + "\" alt=\"썸네일\"></a>";
                  t_data += "<span id=\"favorites_" + obj.masterId + "\" class=\"favorites\" onclick=\"deleteInterests('single','" + obj.masterId + "');\"><img src=\"/images/icon/icon-cart-Favorites-on.png\" class=\"off\" alt=\"즐겨찾기 아이콘\"><img src=\"/images/icon/icon-cart-Favorites.png\" class=\"on\" alt=\"즐겨찾기 아이콘\"></span></div>";
                  t_data += "<div class=\"type\">"
-                 if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && obj.operReadRangeCd == "01" && obj.digitalReadYn == 'Y')
+                 if(obj.ableOnline)
                  {
                      t_data += "<span class=\"online\">온라인열람</span>" 
                  }
-                 if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && !fn_isEmpty(obj.operOutRangeCd) && obj.operOutRangeCd != "02")
+                 if(obj.ableRent)
                  {
                      t_data += "<span class=\"loan\">대출</span>" 
                  }
-                 if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && !fn_isEmpty(obj.operReadRangeCd) && obj.operReadRangeCd != "03")
+                 if(obj.ableRead)
                  {
                      t_data += "<span class=\"visit\">방문열람</span>" 
                  }
-                 if(!(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3") && !(obj.operReadRangeCd == "01" && obj.digitalReadYn == 'Y') && !(!fn_isEmpty(obj.operOutRangeCd) && obj.operOutRangeCd != "02") && !(!fn_isEmpty(obj.operReadRangeCd) && obj.operReadRangeCd != "03"))
+                 if(obj.ableOther)
                  {
                      t_data += "<span class=\"etc\">기타</span>" 
                  }
@@ -257,7 +257,7 @@
                  {
                         t_btn +="<p>" + obj.operOutRangeNm + obj.operReadRangeNm + "</p>";
                  }
-                 if(!fn_isEmpty(obj.interfaceId) && !fn_isEmpty(obj.openDivCd) && obj.openDivCd != '3' && obj.digitalReadYn == 'Y')
+                 if(obj.ableOnline)
                  {
                      t_btn+= "<button type=\"button\" class=\"btn-color\" onclick=\"gfn_showDocPdf('" + obj.interfaceId + "','" + obj.masterId + "','" + obj.typeDivCd + "','" + obj.dtlsTypeDivCd + "');\">원문보기</button>";     
                  }
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
index b22e1f3a..0efd72ca 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 <%
 /**
  * <pre>
@@ -434,4 +435,442 @@ var swiper = new Swiper(".DetailSwiper2", {
     },
     */
 });
+=======
+<%
+/**
+ * <pre>
+ * @Class Name : selectItemInfo.jsp
+ * 
+ * @Description : 소장자료 상세내용을 조회한다.
+ * 
+ * 
+ * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+ *
+ * </pre>
+ *
+ * @ ------------    --------    ---------------------------
+ * @ 수정일                     수정자             수정내용
+ * @ ------------    --------    ---------------------------
+ * @ 2021. 7. 30.    JSYOO       최초 생성
+ * @ 2021.10. 28.    KNKIM       대출예약, 방문열람신청, 카트담기 연결 처리 
+ *
+ * 
+ * @author 이씨플라자 * DIGITALSHIP JSYOO
+ * @since 2021. 7. 30. 
+ * @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" %>
+<script src="/js/qrcode.js"></script>
+
+<c:set var="pageTitle">자료 상세</c:set>
+<script>
+$(document).ready(function(){
+    //로그
+    $.ajax({
+        type: "post",
+        url: "/search/InsertDataInquiryLog.ajax",
+        data: {"masterId" : '<c:out value="${result.masterId}"/>'}
+    }).done(function(response){
+    });
+    
+})
+
+
+//다른자료 상세보기
+function goDetail(masterId){
+    $("#masterId").val(masterId);
+    document.referenceDetailForm.action="/search/searchItemDetail.do";
+    document.referenceDetailForm.submit();
+}
+
+function goList(){
+    document.referenceDetailForm.action="/search/searchList.do";
+    document.referenceDetailForm.submit();
+}
+
+</script>
+<div class="wrap">
+    <!-- 소장자료 상세페이지 섹션 -->
+    <div class="data detail">
+        <form id="referenceDetailForm" name="referenceDetailForm" method="post">
+        <input type="hidden" name="collection" id="collection" value="<c:out value='${searchVO.collection}'/>" /> 
+        <input type="hidden" name="pageIndex" title="페이지번호" value="${searchVO.pageIndex }" /> 
+        <input type="hidden" name="pageSize" value="${searchVO.pageSize }" /> 
+        
+        <input type="hidden" name="filter_creatYyyy" value='${searchVO.filter_creatYyyy}' />
+        <input type="hidden" name="creatYyyyYn" value='${searchVO.creatYyyyYn}' />
+        
+        <input type="hidden" name="filter_class" value="<c:out value='${searchVO.filter_class}'/>" />
+        <input type="hidden" name="filter_category" value="<c:out value='${searchVO.filter_category}'/>"/>
+        <input type="hidden" name="filter_agency" value="<c:out value='${searchVO.filter_agency}'/>"/>
+        <input type="hidden" name="filter_mylist" value="<c:out value='${searchVO.filter_mylist}'/>"/>
+        <input type="hidden" name="reQueryChk" value="<c:out value='${searchVO.reQueryChk}'/>"/>
+        <input type="hidden" name="query" value="<c:out value='${searchVO.query}'/>"/>
+        <input type="hidden" name="reQuery" value="<c:out value='${searchVO.reQuery}'/>"/>
+        <input type="hidden" name="bookIndex" value="<c:out value='${searchVO.bookIndex}'/>"/>
+        <input type="hidden" name="mngtNo" value="<c:out value='${searchVO.mngtNo}'/>"/>
+        <input type="hidden" name="createStartDate" value="<c:out value='${searchVO.createStartDate}'/>"/>
+        <input type="hidden" name="createEndDate" value="<c:out value='${searchVO.createEndDate}'/>"/>
+        <input type="hidden" name="ageCode" value="<c:out value='${searchVO.ageCode}'/>"/>
+        <input type="hidden" name="collectionList" value="<c:out value='${searchVO.collectionList}'/>"/>
+        <input type="hidden" name="realQuery" value="<c:out value='${searchVO.realQuery}'/>"/>
+        <input type="hidden" id="masterId" name="masterId" value="" />
+         
+        <h2 class="blind">소장자료 상세페이지 섹션영역</h2>
+        <div class="inner">
+            <div class="row-top">
+                <div class="center">
+                    <div class="left">
+                        <div class="cla">
+                            <div class="con-1">
+                                <c:if test="${result.ableOnline eq true}">
+                                   <span class="online">온라인열람</span>
+                                </c:if>
+                                <c:if test="${result.ableRent eq true}">
+                                   <span class="loan">대출</span>
+                                </c:if>
+                                <c:if test="${result.ableRead eq true}">
+                                   <span class="visit">방문열람</span>
+                                </c:if>
+                                <c:if test="${result.ableOther eq true}">
+                                   <span class="etc">기타</span>
+                                </c:if>
+                            </div>
+                            <div class="con-2">
+                                <span class="code"><c:out value="${result.mngtNo}"/></span>
+                            </div>
+                        </div>
+                        <div class="tit"><c:out value="${result.title}"/></div>
+                        <div class="img"><img src="<c:out value="${result.rprsThumbUrlWithDefaultBig}"/>" alt="썸네일"></div>
+                    </div>
+                    <div class="right">
+                        <div class="con-1">
+                        <c:if test="${result.ableOnline eq true}">
+                            <!-- 모바일에서만 노출되는 버튼(class='original') -->
+                            <button type="button" class="original" onclick="gfn_showDocPdf('<c:out value="${result.interfaceId}"/>','<c:out value="${result.masterId}"/>','<c:out value="${result.typeDivCd}"/>','<c:out value="${result.dtlsTypeDivCd}"/>')";>원문보기</button>
+                            <button type="button" class="view" onclick="gfn_showDocPdf('<c:out value="${result.interfaceId}"/>','<c:out value="${result.masterId}"/>','<c:out value="${result.typeDivCd}"/>','<c:out value="${result.dtlsTypeDivCd}"/>')";>원문보기</button>
+                        </c:if>
+                            <button type="button" class="ris" onclick="risShow('<c:out value="${result.masterId}"/>');">RIS</button>
+                        <c:if test='${result.MUseYn == "Y"}'>
+                            <button type="button" class="favorit" onclick="fn_changeInterestBtn('${result.masterId }', 'off');">즐겨찾기</button>
+                        </c:if>
+                        <c:if test='${result.MUseYn != "Y"}'>
+                            <button type="button" class="favorit" onclick="fn_changeInterestBtn('${result.masterId }', 'on');">즐겨찾기</button>
+                        </c:if>
+                            <button type="button" class="share" data-curl="${pdfUri}<c:out value="${result.interfaceId}"/>">공유</button>
+                        </div>
+                        <div class="con-2">
+                            <div class="de-data">
+                                <ul>
+                                    <li>
+                                        <span>자료유형</span>
+                                        <span>
+                                                <c:out value="${result.typeCodeNm}"/>
+                                                <c:choose>
+                                                    <c:when test="${!empty result.typeCodeNm or !empty result.dtlsTypeDivNm}">
+                                                        <c:choose>
+                                                            <c:when test="${!empty result.typeCodeNm and !empty result.dtlsTypeDivNm}">
+                                                                &#62;
+                                                            </c:when>
+                                                         </c:choose>
+                                                    </c:when>
+                                                    <c:otherwise>
+                                                        -
+                                                    </c:otherwise>
+                                                </c:choose> 
+                                                <c:out value="${result.dtlsTypeDivNm}"/>
+                                        </span>
+                                    </li>
+                                    <li>
+                                        <span>연대</span>
+                                        <span>
+                                            <c:if test="${!empty result.chronologicalCodeStartNm}"><c:out value="${result.chronologicalCodeStartNm}"/>년부터 </c:if>
+                                            <c:if test="${!empty result.chronologicalCodeEndNm}"><c:out value="${result.chronologicalCodeEndNm}"/>까지</c:if>
+                                            <c:if test="${empty result.chronologicalCodeStartNm and empty result.chronologicalCodeEndNm }">-</c:if>
+                                        </span>
+                                    </li>
+                                    <li>
+                                        <span>주제분야</span>
+                                        <span>
+                                            <c:out value="${result.subjectNmUp}"/>
+                                                <c:choose>
+                                                    <c:when test="${!empty result.subjectNmUp or !empty result.subjectNm}">
+                                                        <c:choose>
+                                                            <c:when test="${!empty result.subjectNmUp and !empty result.subjectNm}">
+                                                                &#62;
+                                                            </c:when>
+                                                         </c:choose>
+                                                    </c:when>
+                                                    <c:otherwise>
+                                                        -
+                                                    </c:otherwise>
+                                                </c:choose> 
+                                             <c:out value="${result.subjectNm}"/>
+                                        </span>
+                                    </li>
+                                    <li>
+                                        <span>저자</span>
+                                        <span><c:if test="${empty result.bookAuthor}">-</c:if><c:out value="${result.bookAuthor}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>생산기관</span>
+                                        <span><c:if test="${empty result.orgNm}">-</c:if><c:out value="${result.orgNm}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>출판사</span>
+                                        <span><c:if test="${empty result.bookPublisher}">-</c:if><c:out value="${result.bookPublisher}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>생산년도</span>
+                                        <span><c:if test="${empty result.creatYyyy}">-</c:if><c:out value="${result.creatYyyy}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>발간유형</span>
+                                        <span><c:if test="${empty result.bookPlbcTypeNm}">-</c:if><c:out value="${result.bookPlbcTypeNm}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>테마</span>
+                                        <span><c:if test="${empty result.themeCodeNm}">-</c:if><c:out value="${result.themeCodeNm}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>발간매체</span>
+                                        <span><c:if test="${empty result.bookPlbcMda}">-</c:if><c:out value="${result.bookPlbcMda}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>시대</span>
+                                        <span><c:if test="${empty result.ageCodeNm}">-</c:if><c:out value="${result.ageCodeNm}"/></span>
+                                    </li>
+                                    <li>
+                                        <span>청구기호</span>
+                                        <span><c:if test="${empty result.bookCallNo}">-</c:if><c:out value="${result.bookCallNo}"/></span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="b-btn">
+                                <c:if test="${result.ableRentNow eq true }"><button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button></c:if>
+                                <c:if test="${result.ableReadNow eq true }"><button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button></c:if>
+                                <c:if test="${result.ableRentNow eq true or result.ableReadNow eq true}"><button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button></c:if>
+                            </div>
+                            <c:if test="${fn:length(keywordList) > 0 }">
+                                <div class="keyword">
+                                    <span class="first">키워드</span>
+                                    <c:forEach var="keyword" items="${keywordList }">
+                                    <span><c:out value="${keyword}"/></span>
+                                    </c:forEach>
+                                </div>
+                            </c:if>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="contents row-bottom">
+                <div class="con-1">
+                    <div class="list-box">
+                        <div class="list">
+                            <div class="icon"><img src="/images/icon/icon-data-use.png" alt="이용상태 아이콘"></div>
+                            <div class="title">이용상태</div>
+                            <div class="con"><c:out value="${result.useStatusNm}"/> <span>(대기자 <c:out value="${result.awaiterCnt}"/>명)</span></div>
+                        </div>
+                        <div class="list">
+                            <div class="icon"><img src="/images/icon/icon-data-return.png" alt="달력 아이콘"></div>
+                            <div class="title">반납예정일</div>
+                            <div class="con"><span><c:out value="${result.rtnExpctDd}"/></span></div>
+                        </div>
+                        <div class="list">
+                            <div class="icon"><img src="/images/icon/icon-data-loan.png" alt="대출 아이콘"></div>
+                            <div class="title">대출</div>
+                            <div class="con">
+                                <c:if test="${result.bookLentPsblYn eq 'Y' && result.rsrvPsblYn eq 'Y'}"><span class="poss">신청가능</span></c:if>
+                                <c:if test="${result.bookLentPsblYn eq 'N' && result.rsrvPsblYn eq 'Y' }"><span class="poss">예약가능</span></c:if>
+                                <c:if test="${result.bookLentPsblYn ne 'Y' && result.rsrvPsblYn ne 'Y'}"><span class="imposs">신청/예약불가</span></c:if>
+                            </div>
+                        </div>
+                        <div class="list">
+                            <div class="icon"><img src="/images/icon/icon-data-visit.png" alt="방문 아이콘"></div>
+                            <div class="title">방문열람</div>
+                            <div class="con">
+                                <c:if test="${result.reqPsblYn eq 'Y' }"><span class="poss">신청가능</span></c:if>
+                                <c:if test="${result.reqPsblYn ne 'Y' }"><span class="imposs">신청불가</span></c:if>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="text-box">
+                        <p>- 자료의 이용상태, 대출가능여부, 방문열람가능여부를 꼭 확인하신 후 이용해주시길 바랍니다.</p>
+                        <p>- 다른 지방문화원 소장자료관 이용자들을 위해 꼭 필요한 자료만 예약한 후, 가능한 날짜에 예약 및 이용 부탁드립니다.</p>
+                    </div>
+                </div>
+                
+                <div class="con-2">
+                    <div class="top">
+                        <h3><span>목차</span>정보</h3>
+                        <button type="button" class="down-btn">down-btn</button>
+                    </div>
+                    <div class="bottom h-down">
+                        <p><c:if test="${empty result.bookIndex }">없음</c:if><c:out value="${result.bookIndex }"/></p>
+                    </div>
+                </div>
+                
+                <c:if test="${fn:length(seeTogetherListVO) > 0 }">
+                <div class="con-3">
+                    <div class="bottom">
+                        <!-- Swiper -->
+                        <div class="swiper DetailSwiper1">
+                            <div class="top">
+                                <h3><span>함께 볼만한</span>자료</h3>
+                            </div>
+                            <div class="swiper-wrapper">
+                               <c:forEach var="result" items="${seeTogetherListVO}" varStatus="status">
+                                <div class="swiper-slide">
+                                    <div class="List" onclick="goDetail('${result.masterId}');">
+                                        <div class="con-1">
+                                            <div class="tit underline pink">${result.title }</div>
+                                        </div>
+                                        <div class="con-2">
+                                            <p class="typ"><span>자료유형</span><span><c:if test="${empty result.typeDivNm and empty result.dtlsTypeDivNm}">-</c:if> ${result.typeDivNm } <c:if test="${!empty result.typeDivNm and !empty result.dtlsTypeDivNm}">&gt;</c:if>${result.dtlsTypeDivNm}</span></p>
+                                            <p class="sub"><span>주제분야</span><span><c:if test="${empty result.subjectNmUp and empty result.subjectNm}">-</c:if> ${result.subjectNm } <c:if test="${!empty result.subjectNmUp and !empty result.subjectNm}">&gt;</c:if>${result.subjectNm}</span></span></p>
+                                            <p class="age"><span>생산기관</span><span><c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</span></p>
+                                            <p class="yea"><span>생산년도</span><span><c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                </c:forEach>
+                            </div>
+                            <div class="swiper-button-next"></div>
+                            <div class="swiper-button-prev"></div>
+                            <div class="swiper-pagination"></div>
+                        </div>
+                        <!-- Swiper end -->
+                    </div>
+                </div>
+                </c:if>
+            </div>
+            
+            <div class="row-bottom">   
+                <c:if test="${fn:length(similarListVO) > 0 }">
+                <div class="con-4">
+                    <div class="top">
+                        <h3><span>이 자료와 유사한</span>자료</h3>
+                        <p><strong>“ <c:forEach items="${mngOrgList }" var="list" varStatus="status"><c:if test="${status.count ne 1}"> ,</c:if>${list }</c:forEach> ”</strong> 에 있습니다</p>
+                    </div>
+                    <div class="bottom">
+                        <!-- Swiper -->
+                        <div class="swiper DetailSwiper2">
+                            <div class="swiper-wrapper items cover">
+                                <c:forEach var="result" items="${similarListVO}" varStatus="status">
+                                <div class="swiper-slide">
+                                    <div class="List" onclick="gfn_getDetail('${result.masterId}','${result.domainHostNm }');">
+                                        <div class="inner">
+                                            <div class="thumbnail">
+                                                <span class="image-frame"><img src="${result.rprsThumbUrlWithDefaultMiddle }" alt=""/></span>
+                                                <div class="detail-cover">
+                                                    <strong>${result.title }</strong>
+                                                    <ul>
+                                                        <li><em>주제유형</em><c:if test="${empty result.typeDivNm}">-</c:if>${result.typeDivNm }</li>
+                                                        <li><em>주제분야</em><c:if test="${empty result.subjectNmUp}">-</c:if>${result.subjectNmUp }</li>
+                                                        <li><em>생산기관</em><c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</li>
+                                                        <li><em>생산년도</em><c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                </c:forEach>
+                            </div>
+                            <div class="swiper-button-next"></div>
+                            <div class="swiper-button-prev"></div>
+                            <div class="swiper-pagination"></div>
+                        </div>
+                        <!-- Swiper end -->
+                    </div>
+                </div>
+                </c:if>
+                <div class="btn-box">
+                    <button type="button" class="btn btn-black" onclick="goList();">목록으로</button>
+                </div>
+            </div>
+        </div>
+        </form>
+    </div>
+</div>
+
+<div class="popup pop-sharing" id="div_pop-sharing" style="display:none;">
+    <div class="pop-wrap">
+        <div class="sharing-bg">
+            <p>자료를 <strong>SNS</strong>에 공유해보세요.</p>
+            <button class="btn-close-pop">닫기</button>
+            <ul class="sns-list">
+                <li class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></li>
+                <li class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></li>           
+                <li class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></li>
+                <li class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></li>
+            </ul>
+            <div class="link-copy">
+                <label for="p_link-copy" style="display:none;">link</label><input type="text" class="link-txt" id="p_link-copy" value="http://www.nculture.org"/>
+                <button type="button" style="margin-top:1px" class="btn btn-white">URL복사</button>
+            </div>
+        </div>
+        <div class="Qr">
+            <div class="inner">
+                <div id="qrcode" class="Qrimg"><img src="/images/img/img-QR.jpg" alt="QR코드 이미지"></div>
+                <div class="Qrtext"><p><strong>QR코드</strong>를 스캔해주세요.</p></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<script>
+/* 함께 볼만한자료 슬라이드 */
+var swiper = new Swiper(".DetailSwiper1", {
+    loop: true,
+    slidesPerView: 4,
+    spaceBetween: 30,
+    centeredSlides: false,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+    navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+    },
+    /*
+    pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+    },
+    */
+});
+/* 유사한 자료 슬라이드 */
+var swiper = new Swiper(".DetailSwiper2", {
+    loop: true,
+    slidesPerView: 5,
+    spaceBetween: 30,
+    centeredSlides: true,
+    autoplay: {
+        delay: 1112500,
+        disableOnInteraction: false,
+    },
+    navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+    },
+    /*
+    pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+    },
+    */
+});
+>>>>>>> refs/remotes/origin/master
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
index 61984c37..bec9024b 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 <%
     /**
      * <pre>
@@ -514,4 +515,522 @@ function fn_search_article(pageIndex) {
             </div>
         </div>
     </div>
+=======
+<%
+    /**
+     * <pre>
+     * @Class Name : searchList.jsp
+     * 
+     * @Description : 소장 자료를 조회한다.
+     * 
+     * 
+     * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+     *
+     * </pre>
+     *
+     * @ ------------    --------    ---------------------------
+     * @ 수정일                     수정자             수정내용
+     * @ ------------    --------    ---------------------------
+     * @ 2021. 10. 13.    JSYOO       최초 생성
+     *
+     * 
+     * @author 이씨플라자 * DIGITALSHIP JSYOO
+     * @since 2021. 10. 13.
+     * @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"%>
+
+<c:set var="pageTitle">소장 자료</c:set>
+
+<!-- GRID -->
+<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.css" />
+<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid-theme.css" />
+<script src="${pageContext.request.contextPath}/js/jquery-ui/jquery-ui.js"></script>
+<script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script>
+<script src="${pageContext.request.contextPath}/js/search/util.js"></script>
+<script src="${pageContext.request.contextPath}/js/search/reference.js"></script>
+<script>
+
+
+window.onload = function() {
+    <%//상단 검색바 셋팅%>
+    $("#top_query").val('${searchVO.query}');
+    if(sfield == "TITLE")
+    {
+        $("#sfield").val(sfield);           
+    }    
+    
+    var sfield = '${searchVO.sfield}';
+    if(sfield == "TITLE")
+    {
+        $("#sfield").val(sfield);           
+    }    
+    
+    // 페이지 크기 변경시 재조회 
+    $("#pageSize").on("change", function(e) {
+        fnFilterSch();
+    });
+
+    // 검색 버튼 클릭 
+    $("#btnSearch").on("click", function(e) {
+        fn_search_article(1);
+    });
+    
+    $("#referencelistForm input:checkbox[name='reQueryChk']").on('change', function() {
+         if ( $(this).prop('checked') )
+         {
+             $("#query").css("display","none");
+              $("#reQuery").css("display","inline-block");                   
+              $("#reQueryChk").val("reQuery"); 
+              
+         }else{
+              $("#reQuery").css("display","none");                     
+              $("#query").css("display","inline-block");
+              $("#reQueryChk").val("query"); 
+         }
+    });
+    
+     //초기값
+     fnSetInitialValue();
+     //생산년도적용버튼
+     filter_creatYyyyAply();
+    //필터클릭체크
+     reference_filterClk();
+    //필터삭제
+     reference_filterDel();
+   //필터삭제(상세검색에 추가된부분)
+     reference_detailFilterDel();    
+    
+     fnLabel_reference();
+     //초기화
+     reference_filterReset();
+     
+}; // window.onload
+
+//페이지 로드시 초기값셋팅
+function fnSetInitialValue()
+{
+    //탭
+    $("#"+"${searchVO.collection}").parent().addClass('current');
+    //페이징
+    pageLoad("fn_search_article",'${pageVO.pageIndex}','${pageVO.totRecordCount}','${pageVO.startPage}','${pageVO.endPage}','${pageVO.lastPage}');
+    
+    //생산년도 
+    var filter_creatYyyy = '${searchVO.filter_creatYyyy}';
+    var creatYyyyYn = '${searchVO.creatYyyyYn}';
+    if(filter_creatYyyy == "date")
+    {
+        $("#m-year-2").prop('checked',true);
+        $("#creatYyyyStart").val("${searchVO.creatYyyyStart}"); 
+        $("#creatYyyyEnd").val("${searchVO.creatYyyyEnd}"); 
+        if(creatYyyyYn == "Y")
+        {
+            $("#creatYyyyYn").prop('checked',true);         
+        }
+    }else{
+        $("#m-year-1").prop('checked',true);
+    }
+}
+
+
+function goSearchNculture() {
+    
+    var form = document.createElement("form");
+    form.style.display = "none";
+    $(form).attr("action", "https://www.nculture.org/sch/totalSearchList.do");
+    $(form).attr("method", "post");
+    $(form).attr("target", "_blank");
+    var collection = document.createElement("input");
+    $(collection).attr("name", "collection");
+    $(collection).attr("value","ALL");
+    form.appendChild(collection);
+    var viewCount = document.createElement("input");
+    $(viewCount).attr("name", "viewCount");
+    $(viewCount).attr("value",4);
+    form.appendChild(viewCount);
+    var startCount = document.createElement("input");
+    $(startCount).attr("name", "startCount");
+    $(startCount).attr("value",1);
+    form.appendChild(startCount);
+    var gubun = document.createElement("input");
+    $(gubun).attr("name", "gubun");
+    $(gubun).attr("value",1);
+    form.appendChild(gubun);
+    var sortField = document.createElement("input");
+    $(sortField).attr("name", "sortField");
+    $(sortField).attr("value","RANK/DESC");
+    form.appendChild(sortField);
+     
+    if(!fn_isEmpty($("#query").val()))
+    {
+        var query = document.createElement("input");
+        $(query).attr("name", "query");
+        $(query).attr("value", $("#query").val());    
+        form.appendChild(query);
+    }
+    if(!fn_isEmpty($("#reQuery").val()))
+    {
+        var reQuery = document.createElement("input");
+        $(reQuery).attr("name", "reQuery");
+        $(reQuery).attr("value", $("#reQuery").val());  
+        form.appendChild(reQuery);
+    }
+    document.body.appendChild(form);
+    form.submit();
+    
+    document.body.removeChild(form);
+    
+    return;
+}
+
+    
+//탭 이동
+function fnTabMoveSch(collection){
+    $("#collection").val(collection);
+    $("#pageIndex").val(1);
+    fnFilterSch();
+}
+function fnFilterSch(){
+    if($("#query").val() != "" && $("#reQuery").val() != "")
+    {
+        if($("#filter_mylist").val().indexOf("search_query") == 0)
+        {
+            $("#filter_mylist").val($("#filter_mylist").val() + "search_query,");
+        }
+    }
+    document.referencelistForm.action="/search/searchList.do";
+    document.referencelistForm.submit();
+}
+
+//상세보기
+function goDetail(masterId){
+    $("#masterId").val(masterId);
+    document.referencelistForm.action="/search/searchItemDetail.do";
+    document.referencelistForm.submit();
+}
+
+// 페이징 검색 
+function fn_search_article(pageIndex) {
+    $("#pageIndex").val(pageIndex);
+    fnFilterSch();
+}
+
+</script>
+
+<!-- 소장자료 섹션 -->
+<form name="referencelistForm" id="referencelistForm" method="get" action="/search/searchList.do">
+       <input type="hidden" name="collection" id="collection" value="<c:out value='${searchVO.collection}'/>" /> 
+        <input type="hidden" id="pageIndex" name="pageIndex" title="페이지번호" value="<c:out value='${searchVO.pageIndex }' />"/> 
+        <input type="hidden" id="masterId" name="masterId" value="" /> 
+        
+        <input type="hidden" id="filter_creatYyyy" name="filter_creatYyyy" value="<c:out value='${searchVO.filter_creatYyyy}'/>" />
+        
+        <input type="hidden"  id="filter_class" name="filter_class" value="<c:out value='${searchVO.filter_class}'/>" />
+        <input type="hidden"  id="filter_category" name="filter_category" value="<c:out value='${searchVO.filter_category}'/>"/>
+        <input type="hidden"  id="filter_agency" name="filter_agency" value="<c:out value='${searchVO.filter_agency}'/>"/>
+        <input type="hidden"  id="filter_mylist" name="filter_mylist" value="<c:out value='${searchVO.filter_mylist}'/>"/>
+        <input type="hidden"  id="bookIndex" name="bookIndex" value="<c:out value='${searchVO.bookIndex}'/>"/>
+        <input type="hidden"  id="mngtNo" name="mngtNo" value="<c:out value='${searchVO.mngtNo}'/>"/>
+        <input type="hidden"  id="createStartDate" name="createStartDate" value="<c:out value='${searchVO.createStartDate}'/>"/>
+        <input type="hidden"  id="createEndDate" name="createEndDate" value="<c:out value='${searchVO.createEndDate}'/>"/>
+        <input type="hidden"  id="ageCode" name="ageCode" value="<c:out value='${searchVO.ageCode}'/>"/>
+        <input type="hidden"  id="collectionList" name="collectionList" value="<c:out value='${searchVO.collectionList}'/>"/>
+        <input type="hidden"  id="realQuery" name="realQuery" value="<c:out value='${searchVO.realQuery}'/>"/>
+    <div class="location data">
+        <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="data-box">
+                   
+                    <div class="article-side">
+                        <section class="filter-wrap">
+                            <div class="Title">
+                                <span>검색결과 필터</span>
+                                <span><a href="javascript:;" class="filter-close"><img src="/images/btn/btn-pop-close.png" alt="닫기 아이콘"></a></span>
+                            </div>
+                            <div class="filter-head">
+                                <h2>검색필터</h2>
+                                <button type="button" class="btn-filter-reset">초기화</button>
+                            </div>
+                            <div class="choice-condition">
+                                <ul id="reference_fillter_append">
+                                </ul>
+                            </div>
+                            <div class="filter-condition">
+                                <div class="filter">
+                                    <div class="filter-tit">
+                                        <h3>자료유형</h3>
+                                    </div>
+                                    <div class="filter-list">
+                                        <ul id="ul_category1List">
+                                                <c:forEach var="firstClassList" items="${firstClassList}" varStatus="fcStatus">
+                                                    <li>
+                                                        <div class="depth-1 <c:if test="${fn:contains(searchVO.filter_class, firstClassList.column1) }"> on</c:if>">
+                                                            <div class="check">
+                                                                <input type="checkbox" value="${firstClassList.column1}" name="first_class" id="data-type-chk${fcStatus.index+1}" <c:if test="${fn:contains(searchVO.filter_class, firstClassList.column1) }">checked="checked"</c:if> />
+                                                                <label for="data-type-chk${fcStatus.index+1}">${firstClassList.sCodeNm}(<span>${firstClassList.cnt }</span>) </label>
+                                                            </div>
+                                                        </div>
+                                                        <ul class="depth-2">
+                                                            <c:forEach var="secondClassList" items="${secondClassList}" varStatus="seStatus">
+                                                                <c:if test="${firstClassList.column1 eq secondClassList.column2 }">
+                                                                    <li>
+                                                                        <div class="check"><input type="checkbox" value="${secondClassList.sCodeId}" name="second_class" id="data-type-chk${fcStatus.index+1}-${seStatus.index+1}" <c:if test="${fn:contains(searchVO.second_class, secondClassList.sCodeId) }">checked="checked"</c:if> />
+                                                                            <label for="data-type-chk${fcStatus.index+1}-${seStatus.index+1}">${secondClassList.sCodeNm}(<span>${secondClassList.cnt }</span>)</label>
+                                                                        </div>
+                                                                    </li>
+                                                                </c:if>
+                                                            </c:forEach>
+                                                        </ul>
+                                                    </li>
+                                                </c:forEach>
+                                        </ul>
+                                    </div>
+                                    <button type="button" class="btn-toggle-more">더보기</button>
+                                </div>
+                                <div class="filter">
+                                    <div class="filter-tit">
+                                        <h3>주제분야</h3>
+                                        <button type="button" class="btn-toggle">닫기</button>
+                                    </div>
+                                    <div class="filter-list">
+                                        <ul id="ul_category2List">
+                                            <c:set var="count" value="0" />
+                                            <c:forEach var="firstCategoryInfo" items="${firstCategoryList}" varStatus="status">
+                                                <c:if test="${firstCategoryInfo.upClsfId eq '2' }">
+                                                    <li>
+                                                        <div class="depth-1 <c:if test="${fn:contains(searchVO.filter_category, firstCategoryInfo.clsfId) }"> on</c:if>">
+                                                            <div class="check"><input type="checkbox" value="${firstCategoryInfo.clsfId}"  id="theme-chk${count+1}"  name="first_category"   <c:if test="${fn:contains(searchVO.filter_category, firstCategoryInfo.clsfId) }">checked="checked"</c:if>/><label for="theme-chk${count+1}">${firstCategoryInfo.clsfNm}(<span>${firstCategoryInfo.cnt}</span>)</label></div>
+                                                        </div>
+                                                        <ul class="depth-2">
+                                                            <c:forEach var="secondCategoryInfo" items="${secondCategoryList}" varStatus="seStatus">
+                                                                <c:if test="${firstCategoryInfo.clsfId eq secondCategoryInfo.upClsfId }">
+                                                                    <li><div class="check"><input type="checkbox" value="${secondCategoryInfo.clsfId}" id="theme-chk${count+1}-${seStatus.index+1}" name="second_category"  <c:if test="${fn:contains(searchVO.second_category, secondCategoryInfo.clsfId) }">checked="checked"</c:if>/><label for="theme-chk${count+1}-${seStatus.index+1}">${secondCategoryInfo.clsfNm}(<span>${secondCategoryInfo.cnt}</span>)</label></div></li>
+                                                                </c:if>
+                                                            </c:forEach>
+                                                        </ul>
+                                                    </li>
+                                                    <c:set var="count" value="${count+1 }" />
+                                                   </c:if>
+                                               </c:forEach>
+                                        </ul>
+                                    </div>
+                                    <button type="button" class="btn-toggle-more">더보기</button>
+                                </div>
+                                
+                                <div class="filter">
+                                    <div class="filter-tit">
+                                        <h3>생산년도</h3>
+                                    </div>
+                                    <div class="filter-list year">
+                                        <ul>
+                                            <li>
+                                                <label for="m-year-1"><input type="radio" id="m-year-1" name="m-year" value="all">전체</label>
+                                            </li>
+                                            <li>
+                                                <label for="m-year-2" style="display:none;">생산년도 검색</label><input type="radio" id="m-year-2" name="m-year" value="date">
+                                                <label for="creatYyyyStart" style="display:none">생산년도 시작</label><input type="text" id="creatYyyyStart" name="creatYyyyStart" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" maxlength='4' placeholder="예) 2017"> ~ <label for="creatYyyyEnd" style="display:none">생산년도 끝</label><input type="text" id="creatYyyyEnd" name="creatYyyyEnd" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" maxlength='4' placeholder="예) 2018">
+                                            </li>
+                                            <li>
+                                                <label for="creatYyyyYn"><input type="checkbox" id="creatYyyyYn" name="creatYyyyYn" value="Y">미상포함</label>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <button type="button" class="btn-apply">적용</button>
+                                </div>
+                                
+                                <div class="filter nodepth">
+                                    <div class="filter-tit">
+                                        <h3>생산기관</h3>
+                                    </div>
+                                    <div class="filter-list">
+                                        <ul id="ul_category3List">
+                                            <c:forEach var="result" items="${searchVO.orgCountList}" varStatus="status">
+                                               <li>
+                                                <div class="depth-1">
+                                                    <div class="check"><input type="checkbox" id="agency-chk${status.index+1}" value="${result.org_nm}" name="first_agency"  <c:if test="${fn:contains(searchVO.filter_agency,result.org_nm)}">checked="checked"</c:if>/><label for="agency-chk${status.index+1}">${result.org_nm}(${result.org_cnt})</label></div>
+                                                </div>
+                                              </li>
+                                            </c:forEach>
+                                        </ul>
+                                    </div>
+                                    <button type="button" class="btn-toggle-more">더보기</button>
+                                </div>
+                                
+                                </div>
+                        </section>
+                    </div>
+                    
+                    <div class="list-box culture-box">
+                        <div class="tab">
+                            <ul class="tabs">
+                            <c:if test="${empty searchVO.collectionList or fn:contains(searchVO.collectionList, 'lib_total') }">
+                                <li><a href="#" id="lib_total" onclick="fnTabMoveSch('lib_total');">전체<span>(<c:out value="${searchVO.lib_total_totalCount}"/>)</span></a></li>
+                            </c:if>
+                            <c:if test="${empty searchVO.collectionList or fn:contains(searchVO.collectionList, 'lib_offline') }">
+                                <li><a href="#" id="lib_offline" onclick="fnTabMoveSch('lib_offline');">방문열람<span>(<c:out value="${searchVO.lib_offline_totalCount}"/>)</span></a></li>
+                            </c:if>
+                            <c:if test="${empty searchVO.collectionList or fn:contains(searchVO.collectionList, 'lib_loan') }">
+                                <li><a href="#" id="lib_loan" onclick="fnTabMoveSch('lib_loan');">대출<span>(<c:out value="${searchVO.lib_loan_totalCount}"/>)</span></a></li>
+                            </c:if>
+                            <c:if test="${empty searchVO.collectionList or fn:contains(searchVO.collectionList, 'lib_online') }">
+                                <li><a href="#" id="lib_online" onclick="fnTabMoveSch('lib_online');">온라인열람<span>(<c:out value="${searchVO.lib_online_totalCount}"/>)</span></a></li>
+                            </c:if>
+                            <c:if test="${empty searchVO.collectionList or fn:contains(searchVO.collectionList, 'lib_etc') }">
+                                <li><a href="#" id="lib_etc" onclick="fnTabMoveSch('lib_etc');">기타<span>(<c:out value="${searchVO.lib_etc_totalCount}"/>)</span></a></li>
+                            </c:if>
+                            </ul>
+                            
+                            <div class="title">
+                                <c:choose>
+                                 <c:when test="${searchVO.realQuery ne '' && (!empty searchVO.realQuery) }">
+                                       <span class="count"><strong>${searchVO.realQuery}</strong>에 대한 검색결과는 총 <em>
+                                     <fmt:formatNumber value="${searchVO.totalCount}" pattern="#,###" /></em>건 입니다.
+                                      </span>
+                                 </c:when>
+                                 <c:otherwise>
+                                       <span class="count">총<em><fmt:formatNumber value="${searchVO.totalCount}" pattern="#,###" /></em> 건</span>
+                                 </c:otherwise>
+                               </c:choose>
+                                <div class="list-search-wrap list-top">
+                                    <div class="re-search">
+                                        <label for="reQueryChk"><input type="checkbox" id="reQueryChk" name="reQueryChk" value="query" <c:if test="${searchVO.reQueryChk eq 'reQuery' }">checked="checked"</c:if>>결과 내 재검색</label>
+                                    </div>
+                                    <div class="list-select page-size">
+                                        <select name="pageSize" id="pageSize" title="리스트 개수 선택">
+                                            <c:forEach var="pageSizeItem" items="${pageSizeCodes}" varStatus="status">
+                                                <fmt:parseNumber var="i" value="${pageSizeItem.sCodeId}"/>
+                                                <option value="<c:out value="${i}" />" <c:if test="${i == searchVO.pageSize }">selected</c:if> ><c:out value="${pageSizeItem.sCodeNm }" /></option>
+                                            </c:forEach>
+                                        </select>
+                                        <label for="pageSize" style="display:none">리스트 개수 선택</label>
+                                    </div>
+                                    <div class="list-input">
+                                          <label for="query" style="display:none">검색어</label>
+                                        <input type="text" name="query" id="query" title="검색어" <c:if test="${!(searchVO.reQueryChk eq 'query') }">style="display:none;"</c:if> placeholder="검색어를 입력하세요." value="${searchVO.query}" maxlength="50" />
+                                        <label for="reQuery" style="display:none">재검색</label>
+                                         <input type="text" name="reQuery" id="reQuery" title="재검색" <c:if test="${!(searchVO.reQueryChk eq 'reQuery') }">style="display:none;"</c:if> placeholder="결과내재검색" value="${searchVO.reQuery}" maxlength="50" />
+                                        <button type="submit">검색</button>
+                                        <button type="button" class="filter-btn">필터</button>    
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class="tab_content">
+                                <div class="tabs_item">
+                                    <div class="inner">
+                                       
+                                        <div class="list-cart-wrap">
+                                            <div class="list-data">
+                                                <div class="list t-tit-line">
+                                                    <div class="t-data">자료정보</div>
+                                                    <div class="t-btn nomagin">이용</div>
+                                                </div>
+                                                <c:forEach var="result" items="${searchVO.resultList}"> <!-- 리스트 출력 시작 -->
+                                                    <div class="list">
+                                                        <div class="t-data">
+                                                            <div class="img"><a href="javascript:void(0)"><img src="${result.rprsThumbUrlWithDefaultSmall }" alt="썸네일" width="60" height="91" title="상세보기" onclick="goDetail('${result.masterId}');"></a>
+                                                                      <c:if test='${result.MUseYn == "Y"}'>
+                                                                          <span id="favorites_${result.masterId}" class="favorites" onclick="fn_changeInterest('${result.masterId }', 'off')" title="관심자료에서 삭제합니다.">
+                                                                          <img src="/images/icon/icon-cart-Favorites-on.png" class="off" alt="즐겨찾기 아이콘">
+                                                                          <img src="/images/icon/icon-cart-Favorites.png" class="on" alt="즐겨찾기 아이콘">
+                                                                          </span>
+                                                                      </c:if>
+                                                                      <c:if test='${result.MUseYn != "Y"}'>
+                                                                          <span id="favorites_${result.masterId}" class="favorites" onclick="fn_changeInterest('${result.masterId }', 'on')" title="관심자료로 등록합니다.">
+                                                                          <img src="/images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘">
+                                                                          <img src="/images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘">
+                                                                          </span>
+                                                                      </c:if>
+                                                            </div>
+                                                            <div class="type">
+                                                                <c:if test="${result.ableOnline eq true}">
+                                                                   <span class="online">온라인열람</span>
+                                                                </c:if>
+                                                                <c:if test="${result.ableRent eq true}">
+                                                                   <span class="loan">대출</span>
+                                                                </c:if>
+                                                                <c:if test="${result.ableOnline eq true}">
+                                                                   <span class="visit">방문열람</span>
+                                                                </c:if>
+                                                                <c:if test="${result.ableOther eq true}">
+                                                                   <span class="etc">기타</span>
+                                                                </c:if>
+                                                            </div>
+                                                            <div class="title"><a href="javascript:void(0)" onclick="goDetail('${result.masterId}');"><c:out value="${result.title}"/></a></div>
+                                                            <div class="code"><c:out value="${result.mngtNo}"/></div>
+                                                            <div class="subject">
+                                                                <span>자료유형 : <c:if test="${empty result.typeCodeNm and empty result.dtlsTypeDivNm}">-</c:if> ${result.typeCodeNm}<c:if test="${!empty result.typeCodeNm and !empty result.dtlsTypeDivNm}"> &#62; </c:if>${result.dtlsTypeDivNm}</span>
+                                                                <span>주제분야 : <c:if test="${empty result.subjectNmUp and empty result.subjectNm}">-</c:if> ${result.subjectNmUp}<c:if test="${!empty result.subjectNmUp and !empty result.subjectNm}"> &#62; </c:if>${result.subjectNm }</span>
+                                                                <span>생산기관 : <c:if test="${empty result.orgNm }">-</c:if>${result.orgNm }</span>
+                                                                <span>생산년도 : <c:if test="${empty result.creatYyyy }">-</c:if>${result.creatYyyy }</span>
+                                                            </div>
+                                                        </div>
+                                                        <div class="t-btn nomagin">
+                                                           <c:choose>
+                                                                <c:when test="${(!empty result.operOutRangeNm) && (!empty result.operReadRangeNm)}">
+                                                                      <p><span>${result.operOutRangeNm}</span><br><span>${result.operReadRangeNm}</span></p>
+                                                                </c:when>
+                                                                <c:otherwise>
+                                                                    <c:if test="${(!empty result.operOutRangeNm) || (!empty result.operReadRangeNm) }">
+                                                                           <p><span>${result.operOutRangeNm}</span><span>${result.operReadRangeNm}</span></p>
+                                                                    </c:if>
+                                                                </c:otherwise>
+                                                           </c:choose> 
+                                                            <c:if test="${result.ableOnline eq true}">
+                                                               <button type="button" class="btn-color" onclick="gfn_showDocPdf('${result.interfaceId}','${result.masterId}','${result.typeDivCd}','${result.dtlsTypeDivCd}')";>원문보기</button>
+                                                            </c:if>
+                                                            <button type="button" class="btn-gray" onclick="risShow('${result.masterId}');">RIS</button>
+                                                        </div>
+                                                    </div>
+                                                </c:forEach> <!-- 리스트 출력 끝부분 -->
+                                                <c:if test = "${fn:length(searchVO.resultList) < 1}">
+                                                <div class="list resu">
+                                                    <div class="no-result">
+                                                        <p class="icon"><img src="/images/icon/icon-data-noresult.png" alt="느낌표 아이콘"></p>
+                                                        <p class="text1">검색된 결과가 없습니다</p>
+                                                        <p class="text2"><span>지역N문화</span>에서 더 많은 자료를 확인하세요!</p>
+                                                        <p class="btnbox"><button type="button" class="btn btn-color" onclick="goSearchNculture();">지역N문화에서 검색</button></p>
+                                                    </div>
+                                                </div>
+                                                </c:if>
+                                            </div>
+                                        </div>
+                                        
+                                        <ul id="paging" class="paging">
+                                        </ul>
+                                        
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+>>>>>>> refs/remotes/origin/master
 </form>
\ No newline at end of file
diff --git a/src/main/webapp/cart.html b/src/main/webapp/cart.html
index 62d6a278..1e5b4d52 100644
--- a/src/main/webapp/cart.html
+++ b/src/main/webapp/cart.html
@@ -12,6 +12,7 @@
 <link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
 <link href="/css/swiper.min.css" rel="stylesheet">
 <link href="/css/default.css" rel="stylesheet">
+<link href="/css/media.css" rel="stylesheet">
 
 <script src="/js/jquery-1.11.2.min.js"></script>
 <script src="/js/jquery.mCustomScrollbar.js"></script>
diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index 87a0e50b..8189cdd0 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -205,6 +205,7 @@ a.pop-logo img { margin-right: 10px; }
  .join .inner .row-bottom .join-box .form-group .con,
  .join .inner .row-bottom .join-box .form-group .con .form-control { width: 100%; box-sizing: border-box; } 
  .join .inner .row-bottom .join-box .form-group .con .cer::placeholder { font-size: 12px !important; } 
+ .join .inner .row-bottom .join-box .form-group .con select {width:32%;margin-left:0;}
  .join .inner .row-bottom .join-box .Usersex .con { display: flex; } 
  .join .inner .row-bottom .join-box .Usersex .chk { margin-right: 0; width: 50%; } 
  .join .inner .row-bottom .join-box .Userbirth .con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 86px; } 
@@ -220,7 +221,9 @@ a.pop-logo img { margin-right: 10px; }
  .join .inner .row-bottom .join-box .form-group.service p:nth-of-type(2) { width: 100%; text-indent: -6px; padding-left: 6px; } 
  .join .inner .row-bottom .join-box .form-group .con span:nth-of-type(1) { width: 100%; vertical-align: top; margin-left: 0; } 
  .join .inner .row-bottom .join-box .form-group.service .right label { margin-left: 0; } 
- .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; } 
+ .join .inner .row-bottom .join-box .form-group.service p.bg { text-indent: -6px; padding-left: 18px; }
+ .join .inner .row-bottom .join-box .form-group .con span.fail {width:100%;margin-bottom:10px;}
+  
 
  /* 가입 완료 */
  .join.succ .inner .row-bottom .join-box .success .text p:nth-of-type(1) { font-size: 26px; } 
@@ -281,7 +284,7 @@ a.pop-logo img { margin-right: 10px; }
  .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type { display: flex; position: absolute; top: 14px; left: 32px; } 
  .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.type span { padding: 5px 12px 5px; margin-right: 6px; } 
  .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; } 
- .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 189px; height: 144px; padding: 0; display: flex; align-items: center; justify-content: center; } 
+ .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img { width: 159px; height: 114px; padding: 0; display: flex; align-items: center; justify-content: center;margin-top:80px; } 
  .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img a,
  .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img img { height: 100%; } 
  .cart .inner .tabs_item .list-cart-wrap .list-cart div.list-content > div.t-state { width: 100%; position: absolute; text-align: left; bottom: 184px; padding: 0; } 
@@ -303,6 +306,29 @@ a.pop-logo img { margin-right: 10px; }
  .cart .inner .tabs_item .btn-box .left { margin-right: 16px; } 
  .cart .inner .tabs_item .btn-box .btn { width: 100%; } 
 
+/*
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.title { padding: 5px 0 40px; position:absolute;left:22px;top:50px;font-size:14px;width:270px;overflow:hideen;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-state {position:static;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {position:absolute;top:133px;left:200px;}
+
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:auto;line-height:90px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-data {width:auto;display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-state {width:auto;display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-date {width:auto;display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-loan {width:auto;display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-reser {width:auto;display:none;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list.t-tit-line > div.t-visit {width:auto;display:none;}
+
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-chk {width:auto;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data {width:auto;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-state {width:auto;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {width:auto;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-loan {width:auto;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser {width:auto;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:auto;}
+*/
+
  /* 대출신청/예약확인 */
  .cart-confirm .inner .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 44px; } 
  .cart-confirm .inner .visit-confirm .tabs_item .list-cart-wrap .list-cart div.list { padding: 10px 10px 24px; } 
@@ -957,7 +983,7 @@ a.pop-logo img { margin-right: 10px; }
  .pop-change .Title p,
  .pop-change .Title h3,
  .pop-find .Title p,
- .pop-find .Title h3 { display: none; } 
+ .pop-find .Title h3 { } 
  .pop-change .inner,
  .pop-find .inner { flex: 1; } 
  .pop-change .inner .row,
@@ -972,6 +998,7 @@ a.pop-logo img { margin-right: 10px; }
  .pop-find .inner .row.btn-box .btn { width: 50%; margin: 0; } 
  .pop-change .inner .row.btn-box .btn:nth-child(1),
  .pop-find .inner .row.btn-box .btn:nth-child(1) { margin-right: 10px; } 
+ .pop-find .Title h3 {margin-top:5px;}
 
  /* 반려사유 팝업 */
  .pop-return { top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; display: flex; flex-direction: column; }