From 8b7ec90b299a7bcb5d2918083cba7875658e3914 Mon Sep 17 00:00:00 2001
From: JSYOO <JSYOO@DESKTOP-U1IONCV>
Date: Thu, 25 Nov 2021 09:33:00 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1=EC=A4=91?=
 =?UTF-8?q?=20=EC=86=8C=EC=8A=A4=EC=88=98=EC=A0=95=EC=9A=94=EC=B2=AD?=
 =?UTF-8?q?=EC=82=AC=ED=95=AD=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp |  6 +-
 .../jsp/nlib/collection/searchItemDetail.jsp  | 98 +++++++++++--------
 2 files changed, 58 insertions(+), 46 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
index bf0d333a..72db4600 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@@ -283,7 +283,7 @@ function fn_listPops(typeDivCd) {
         <div class="inner">
             <h3 class="title"><span>온라인</span> 자료관</h3>
             <p class="desc">문화원 전자자료를 온라인으로 간편하게 열람해보세요!</p>
-            <div class="more-btn"><a href="javascript:void(0)" onclick="location.href='/search/searchList.do?collection=lib_online';"><span>더보기 &#62;</span></a></div>
+            <div class="more-btn"><a href="javascript:void(0)" onclick="location.href='/search/searchList.do?collection=lib_online';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
             <!-- Swiper -->
             <div class="swiper onlineSwiper">
                 <div class="swiper-wrapper items cover">
@@ -326,7 +326,7 @@ function fn_listPops(typeDivCd) {
         <h2 class="blind">커뮤니티 섹션영역</h2>
         <div class="inner">
             <div class="Fl notice">
-                <div class="ti"><span>공지사항</span><a href="javascript:void(0)" onclick="location.href='/bbs/listAncmnts.do';"><span>더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
+                <div class="ti"><span>공지사항</span><a href="javascript:void(0)" onclick="location.href='/bbs/listAncmnts.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
                 <div class="con">
                     <c:forEach var="itemAncmnt" items="${listAncmnt }">
                     <div class="list">
@@ -342,7 +342,7 @@ function fn_listPops(typeDivCd) {
                 </div>
             </div>
             <div class="Fl qna">
-                <div class="ti"><span>Q&amp;A</span><a href="javascript:void(0)" onclick="location.href='/bbs/listQnas.do';"><span>더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
+                <div class="ti"><span>Q&amp;A</span><a href="javascript:void(0)" onclick="location.href='/bbs/listQnas.do';"><span><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></span></a></div>
                 <div class="con">
                     <c:forEach var="itemQna" items="${listQna }">
                     <div class="list">
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 cca5ec99..7b154c81 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@@ -390,46 +390,58 @@ function goList(){
 
 
 <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,
-    },
-    */
-});
-</script>
\ No newline at end of file
+     var windowWidth = $(window).width();
+     var _slidesPerView = 4;
+     if (windowWidth < 480) {
+         _slidesPerView = 1;
+     }
+     /* 함께 볼만한자료 슬라이드 */
+     var swiper = new Swiper(".DetailSwiper1", {
+         loop: true,
+         slidesPerView: _slidesPerView,
+         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 _slidesPerViewBottom = 5;
+     var _spaceBetween = 30;
+     if (windowWidth < 480) {
+         _slidesPerViewBottom = 1.5;
+         _spaceBetween = 20;
+     }
+     /* 유사한 자료 슬라이드 */
+     var swiper = new Swiper(".DetailSwiper2", {
+         loop: true,
+         slidesPerView: _slidesPerViewBottom,
+         spaceBetween: _spaceBetween,
+         centeredSlides: true,
+         autoplay: {
+             delay: 1112500,
+             disableOnInteraction: false,
+         },
+         navigation: {
+             nextEl: ".swiper-button-next",
+             prevEl: ".swiper-button-prev",
+         },
+         /*
+         pagination: {
+             el: ".swiper-pagination",
+             clickable: true,
+         },
+         */
+     });
+   </script>
\ No newline at end of file