<%
    /**
     * <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();
     
     if("${message}" != "") alert("${message}");
}; // 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="post" 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.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="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">
                                                               <p>
                                                               <c:if test="${result.ableRentAppNow eq true}">
                                                                    <span>대출신청 가능</span>
                                                               </c:if>
                                                               <c:if test="${result.ableRentAppNow eq false and result.ableRentResNow eq true}">
                                                                    <span>대출예약 가능</span>
                                                               </c:if>
                                                               <c:if test="${result.ableRentNow eq false}">
                                                                    <span>대출신청/예약 불가</span>
                                                               </c:if>
                                                                    <br>
                                                              <c:if test="${result.ableReadNow eq true}">
                                                                    <span>방문열람신청 가능</span>
                                                               </c:if>
                                                              <c:if test="${result.ableReadNow eq false}">
                                                                    <span>방문열람신청 불가</span>
                                                               </c:if>
                                                               </p>
                                                            <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>
</form>