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

Merge remote-tracking branch 'origin/master'

Browse Source 
Conflicts:
	src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
	src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
This commit is contained in:
KNKIM 2021-11-19 17:30:39 +09:00
commit bccfe9c65d
5 changed files with 994 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
View File

@ -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>";
}

439
src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
View File

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

519
src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
View File

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

1
src/main/webapp/cart.html
View File

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

33
src/main/webapp/css/media.css
View File

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