From 779615a227e24b6c150d31d91fac2342dc218d84 Mon Sep 17 00:00:00 2001
From: com02 <com02@DESKTOP-EUO00N3>
Date: Fri, 10 Dec 2021 10:42:21 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95?=
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 | 77 ++++++++++++-------
 .../jsp/nlib/collection/searchItemDetail.jsp  | 72 ++++++++++-------
 src/main/webapp/css/default.css               |  2 +-
 src/main/webapp/css/media.css                 |  5 +-
 src/main/webapp/js/default.js                 |  3 +
 5 files changed, 102 insertions(+), 57 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 d6325418..ab556305 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@@ -430,6 +430,47 @@ function fn_listPops(typeDivCd) {
     <button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button>
     </sec:authorize>
 <script>
+$(function(){
+    $(window).resize(function() {
+
+    var windowWidth = $(window).width();
+    var _slidesPerView = 5;
+    var _slidesPerViewpopula = 4;
+    var _slidesPerViewOnline = 7;
+    var _spaceBetween = 30;
+    var _lenght = 5;
+    var _centeredSlides = false;
+    var _loop = false;
+    
+    if (windowWidth <= 3000) {
+    	_loop = false;
+        _slidesPerView = 5;
+        _slidesPerViewpopula = 4;
+        _slidesPerViewOnline = 7;
+        _spaceBetween = 30;
+        _centeredSlides = false;
+        _lenght = 1;
+     }
+    if (windowWidth <= 1400) {
+    	_loop = true;
+       _slidesPerView = 3;
+       _slidesPerViewpopula = 3;
+       _slidesPerViewOnline = 3;
+       _spaceBetween = 20;
+       _centeredSlides = true;
+       _lenght = 1;
+    }
+    if (windowWidth <= 480) {
+       _loop = true;
+       _slidesPerView = 1;
+       _slidesPerViewpopula = 1;
+       _slidesPerViewOnline = 1;
+       _spaceBetween = 20;
+       _centeredSlides = true;
+       _lenght = 1;
+    }    	
+    	
+    	
    /* 메인슬라이드 */
    var myswiper = new Swiper(".MainSwiper", {
        loop: true,
@@ -449,32 +490,10 @@ function fn_listPops(typeDivCd) {
          type: 'fraction',
       }
    });
-
-   var windowWidth = $(window).width();
-   var _slidesPerView = 5;
-   var _slidesPerViewpopula = 4;
-   var _slidesPerViewOnline = 7;
-   var _spaceBetween = 30;
-   var _lenght = 5;
-   
-   if (windowWidth < 1400) {
-      _slidesPerView = 3;
-      _slidesPerViewpopula = 2;
-      _slidesPerViewOnline = 3;
-      _spaceBetween = 20;
-      _lenght = 1;
-   }
-   if (windowWidth < 480) {
-      _slidesPerView = 1;
-      _slidesPerViewpopula = 1;
-      _slidesPerViewOnline = 1.5;
-      _spaceBetween = 20;
-      _lenght = 1;
-   }
-   
+  
    /* 문화원s pick */
    var pickswiper = new Swiper('.pickSwiper', {
-      loop : false,
+      loop : _loop,
       slidesPerView : _slidesPerView,
       spaceBetween : _spaceBetween,
       centeredSlides : false,
@@ -505,10 +524,10 @@ function fn_listPops(typeDivCd) {
    
    /* 온라인 자료관 */
    var onlineswiper = new Swiper('.onlineSwiper', {
-      loop : false,
+      loop : _loop,
       slidesPerView : _slidesPerViewOnline,
       spaceBetween : _spaceBetween,
-      centeredSlides : false,
+      centeredSlides : _centeredSlides,
       autoplay: {
           delay: 4000,
           disableOnInteraction: false,
@@ -536,7 +555,7 @@ function fn_listPops(typeDivCd) {
    
    /* 인기자료 */
    var popularswiper = new Swiper('.popularSwiper', {
-      loop: false,
+      loop: _loop,
       slidesPerView : _slidesPerViewpopula,
       spaceBetween : _spaceBetween,
       autoplay : {
@@ -597,5 +616,9 @@ function fn_listPops(typeDivCd) {
 	     onlineswiper.autoplay.stop();
 	  }
 	});
+
+    });
+    $(window).resize();
+});
   
 </script>
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 d6f70077..12b1d68b 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@@ -524,24 +524,48 @@ function goList(){
 
 
 <script>
-  var windowWidth = $(window).width();
-  var _slidesPerView = 4;
-  var _lenght = 5;
-  if (windowWidth < 1400) {
-      _slidesPerView = 3;
-      _lenght = 3;
-  }
-  if (windowWidth < 480) {
-      _slidesPerView = 1;
-      _lenght = 1;
-  }
+$(function(){
+    $(window).resize(function() {
+
+ 	var windowWidth = $(window).width();
+ 	var _loop = false;
+ 	var _slidesPerView = 4;
+  	var _slidesPerViewBottom = 5;
+  	var _spaceBetween = 30;
+  	var _centeredSlides = false;
+  	var _lenght = 5;
+  
+  	if (windowWidth <= 3000) {
+  		_loop = false;
+        _slidesPerView = 4;
+        _slidesPerViewBottom = 5;
+        _spaceBetween = 30;
+        _centeredSlides = false;
+        _lenght = 3;
+    }
+  	if (windowWidth <= 1400) {
+  		_loop = true;
+      	_slidesPerView = 3;
+      	_slidesPerViewBottom = 3;
+      	_spaceBetween = 30;
+      	_centeredSlides = true;
+      	_lenght = 3;
+  	}
+  	if (windowWidth <= 480) {
+  		_loop = true;
+      	_slidesPerView = 1;
+      	_slidesPerViewBottom = 1;
+      	_spaceBetween = 20;
+      	_centeredSlides = true;
+      	_lenght = 1;
+  	}
   
   /* 함께 볼만한자료 슬라이드 */
   var detailswiper1 = new Swiper('.DetailSwiper1', {
-     loop: false,
+      loop: _loop,
       slidesPerView: _slidesPerView,
-      spaceBetween: 30,
-      centeredSlides: false,
+      spaceBetween: _spaceBetween,
+      centeredSlides: _centeredSlides,
       autoplay: {
           delay: 2500,
           disableOnInteraction: false,
@@ -566,25 +590,13 @@ function goList(){
           }
       }
   });
-
-  var _slidesPerViewBottom = 5;
-  var _spaceBetween = 30;
-  if (windowWidth < 1400) {
-      _slidesPerView = 3;
-      _lenght = 3;
-  }
-  if (windowWidth < 480) {
-      _slidesPerViewBottom = 1.5;
-      _spaceBetween = 20;
-      _lenght = 1;
-  }
   
   /* 유사한 자료 슬라이드 */
  var detailswiper2 = new Swiper('.DetailSwiper2', {
-    loop: false,
+     loop: _loop,
      slidesPerView: _slidesPerViewBottom,
      spaceBetween: _spaceBetween,
-     centeredSlides: true,
+     centeredSlides: _centeredSlides,
      autoplay: {
          delay: 2500,
          disableOnInteraction: false,
@@ -629,4 +641,8 @@ function goList(){
 	     detailswiper2.autoplay.stop();
 	  }
 	});
+ 
+    });
+    $(window).resize();
+});
 </script>
\ No newline at end of file
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index 231df0be..85f24d77 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -444,7 +444,7 @@ body.no-scroll {overflow: hidden;}
 .location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;}
 .location .inner .row-top .location-box .loc li:last-child::before {display:none;}
 .location .inner .row-top .location-box .tit h2 {font-size:36px;color:#222;font-weight: 500}
-.location .inner .row-top .location-box .tit h2 span {font-size:22px;font-weight: 500;color:#376795;}
+.location .inner .row-top .location-box .tit h2 span {font-size:36px;font-weight: 500;color:#376795;}
 .location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;}
 .location .inner .row-top .arr img {vertical-align: middle;}
 
diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index 97d92580..2d5e5980 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -131,7 +131,7 @@ a.pop-logo img { margin-right: 10px; }
 .sec5 .inner .tab_content {width:96%;padding:30px 1.9%;}
 .sec5 .inner {width:100%;}
 .sec6 {padding:100px 2% 100px;}
-.sec6 .onlineSwiper {padding:1% 0% 12%;}
+.sec6 .onlineSwiper {padding:1% 10% 12%;width:80%;}
 .sec6 .inner .more-btn {right: 0%;}
 .sec6 .onlineSwiper .swiper-slide {background:none;box-shadow:0 0 0;}
 .sec6 .onlineSwiper::before {width:7%;box-shadow:0 0 0;}
@@ -400,6 +400,7 @@ footer .family_site {right:10px;}
 
  /* 서브 공통 */
  .location .inner .row-top .location-box .tit h2 { font-size: 22px; } 
+ .location .inner .row-top .location-box .tit h2 span {font-size:22px;}
  .location .inner .row-top { padding: 25px 0px; margin-bottom: 50px; } 
 
  /* 회원가입 */
@@ -765,6 +766,8 @@ footer .family_site {right:10px;}
  .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } 
  .data.detail .inner .row-bottom .con-4 .top h3::before { top: 13px; width: 90%; left: 50%; transform: translate(-50%, 0%); } 
  .data.detail .inner .row-bottom .con-4 .top h3::after { width: 162px; height: 27px; left: calc(50% - 81px); } 
+ .data.detail .inner .row-bottom .DetailSwiper1 {padding:1% 0% 12%;}
+ .data.detail .inner .row-bottom .DetailSwiper2 {padding:1% 10% 12%;width:80%;}
  .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto; } 
  .data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List,
  .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner,
diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js
index 2dd8147c..b40794f2 100644
--- a/src/main/webapp/js/default.js
+++ b/src/main/webapp/js/default.js
@@ -653,6 +653,9 @@ $(document).ready(function() {
 $(function(){
     $(window).resize(function() {
         var width = $(window).width();
+        if (width<=480) {            
+
+        }
         if (width<=1399) {            
 
         }