From ed25a41e2204cf396ac8f6f1862b9bc035b1971f Mon Sep 17 00:00:00 2001 From: com02 Date: Fri, 10 Dec 2021 16:15:54 +0900 Subject: [PATCH] asdfasdf --- src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp | 4 +++- .../jsp/nlib/collection/searchItemDetail.jsp | 4 +++- src/main/webapp/css/default.css | 18 +----------------- src/main/webapp/css/media.css | 11 ++++++----- src/main/webapp/js/default.js | 2 +- 5 files changed, 14 insertions(+), 25 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 6eccd5c7..730e66e2 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp @@ -451,6 +451,7 @@ $(function(){ _centeredSlides = false; _lenght = 5; } + /* if (windowWidth <= 1400) { _loop = false; _slidesPerView = 3; @@ -460,7 +461,8 @@ $(function(){ _centeredSlides = false; _lenght = 3; } - if (windowWidth <= 480) { + */ + if (windowWidth <= 768) { _loop = false; _slidesPerView = 1; _slidesPerViewpopula = 1; 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 1b470ace..7b340469 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp @@ -543,6 +543,7 @@ $(function(){ _centeredSlides = false; _lenght = 5; } + /* if (windowWidth <= 1400) { _loop = false; _slidesPerView = 3; @@ -551,7 +552,8 @@ $(function(){ _centeredSlides = false; _lenght = 3; } - if (windowWidth <= 480) { + */ + if (windowWidth <= 768) { _loop = false; _slidesPerView = 1; _slidesPerViewBottom = 1; diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 132eafea..d577735f 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -5,7 +5,7 @@ .skip-nav {position:fixed;left:0px;top:0px;z-index:999;display:inline-block;width:100%;} .skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;position:absolute;top:0px;left:0px;z-index:0;width:140px;text-align:center;} .blind {display:none;} -.wrap {display:inline-block;width:100%;min-width:1400px;} +.wrap {display:inline-block;width:100%;min-width:1290px;} .wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.4);z-index: 999;} .wrap header .inner {width:1400px;height:72px;margin:0 auto;} .wrap header .inner h1 {float:left;width:33.3%;text-align: left;} @@ -2107,19 +2107,3 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite; - -/* 1400px 이하 */ -@media all and (max-width:1400px) { - -} - -/* 768px 이하 */ -@media all and (max-width:768px) { - -} - -/* 368px 이하 */ -@media all and (max-width: 368px) { - -} - diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index c06f7ecf..317c962a 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -64,8 +64,8 @@ a.pop-logo img { margin-right: 10px; } .data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } .pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } - -@media all and (max-width: 1400px){ +/* +@media all and (min-width: 769px){ .wrap header .inner {width:100%;} .wrap header .inner .search-wrap {width:40%;} .wrap header .inner .search-wrap .ark_query {width:120px;} @@ -250,9 +250,9 @@ footer .family_site {right:10px;} .wrap .nav-wrap #primary-nav {display:none !important;opacity:0 !important;} } - -/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ -@media all and (max-width: 479px){ +*/ +/* 모바일 가로, 테블릿 세로 (해상도 ~ 768px)*/ +@media all and (max-width: 768px){ .shortcuts {display:none;} .contents {padding:0;} button, select {color:#333;} @@ -351,6 +351,7 @@ footer .family_site {right:10px;} .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } .sec6 .onlineSwiper::before, .sec6 .onlineSwiper::after { display: none; } + .sec6 .onlineSwiper {padding:1% 10% 12%;width:80%;} .sec6 .onlineSwiper .items .List .inner div.thumbnail {width:100%;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { } diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index a99060e8..6a2608fe 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -222,7 +222,7 @@ $(document).ready(function(){ // Default settings var defaults = { responsive: true, - width: 1400, // Responsive width + width: 768, // Responsive width button: $(this).attr("id") + "-button", // Menu button id animation: { // Menu animation