프론트 수정사항 반영

src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html

@@ -512,12 +512,22 @@
 	// 서브비주얼 슬라이드
 	var myArray = ["01", "02", "03"];
 	var submainVisualSwiper = new Swiper('.swiper-container.submain_visual', {
+		loop:true,
 		//210414_자동롤링 추가
 		speed: 1000,
 		autoplay : {
 			delay : 3000,   // 시간 설정
 			disableOnInteraction: false,
 		},
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		pagination: {
 			el: '.swiper-pagination',
 			type: 'fraction',
@@ -561,6 +571,15 @@
 	var newItemSwiper = new Swiper('.new_item .area_slider .swiper-container', {
 		slidesPerView: 1,
 		speed: 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		pagination: {
 			el: '.swiper-pagination',
 		},
@@ -571,6 +590,15 @@
 		slidesPerView: 2.22,
 		speed: 1000,
 		spaceBetween: 8,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 	});
 
 	// 엠디픽 슬라이드
@@ -578,6 +606,15 @@
 		slidesPerView: 2.22,
 		speed: 1000,
 		spaceBetween: 8,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 	});
 
 	// 스페셜샵 슬라이드
@@ -585,6 +622,15 @@
 		slidesPerView: 1,
 		speed: 1000,
 		spaceBetween: 10,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 	});
 
 	// 룩북 슬라이드
@@ -592,6 +638,15 @@
 		slidesPerView: 1,
 		spaceBetween: 0,
 		speed: 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		pagination: {
 			el: '.swiper-pagination',
 			type: 'fraction',
@@ -601,6 +656,15 @@
 	// 유튜브 슬라이드
 	var swiperYoutu = new Swiper('.swiper-container.br_youtube_slide', {
 		speed: 1000,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		pagination: {
 			el: '.swiper-pagination',
 			clickable:true,

src/main/webapp/WEB-INF/views/mob/display/CategoryMainFormMob.html

@@ -147,22 +147,38 @@
 		$(document).ready(function () {
 			fnSetCategory1Depts();
 
+			//210624_ 추가 : 슬라이드 속성 추가.
 			var swiper = new Swiper('.submain_visual .swiper-container', {
 				observer: true,
 				observeParents: true,
+				loop:true,
+				speed:1000,
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					firstSlideMessage: '첫번째 슬라이드 입니다',
+					lastSlideMessage: '마지막 슬라이드 입니다',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
+				autoplay : {
+					delay : 3000,   // 시간 설정
+					disableOnInteraction: false,
+				},
 				pagination: {
 					el: '.submain_visual .swiper-pagination',
 					type: 'fraction',
 				},
 			});
+
+			//210624_ 추가 : max-height 값 변경.
 			var cate = this.querySelector('.cate_wrap');
 			var moreOn = cate.clientHeight;
-			console.log('★ clientHeight : ' + moreOn);
-
-			if (moreOn < 141) {
+			if (moreOn < 137) {
 				$('.sub_category .more_btn').css({"display": "none"});
 			}else{
-				$('.cate_wrap').css({"max-height": "13rem"});
+				$('.cate_wrap').css({"max-height": "14rem"});
 				$('.sub_category .more_btn').css({"display": "block"});
 			}
 
@@ -179,6 +195,7 @@
 			var dp_newitem_slide = new Swiper('.new_item .swiper-container', {
 				slidesPerView: 'auto',
 				spaceBetween: 8,
+				speed:1000,
 				centerMode: true,
 			});
 		});

src/main/webapp/WEB-INF/views/mob/display/MallMainFormMob.html

@@ -898,6 +898,15 @@
 				loop:false,
 				speed:1000,
 				// pagination: false,
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					firstSlideMessage: '첫번째 슬라이드 입니다',
+					lastSlideMessage: '마지막 슬라이드 입니다',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
 				pagination: {
 					el: '.swiper-pagination',
 					type: 'fraction',
@@ -923,6 +932,15 @@
 		// post-trendy
 		var post_trendy = new Swiper('.swiper-container.post-trendy', {
 			speed:1000,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			pagination: {
 				el: '.swiper-pagination',
 			},
@@ -950,6 +968,15 @@
 		var post_stylereport = new Swiper('.swiper-container.post-stylereport', {
 			slidesPerView: 1,
 			speed:1000,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			pagination: {
 				el: '.swiper-pagination',
 			},
@@ -1020,13 +1047,24 @@
 		//post-pick-post
 		var post_pick = new Swiper(".pick-cont .swiper-container", {
 			//slidesPerView: 1,
-			watchOverflow:true, //210520_ 추가 : 슬라이드 1개일 경우 롤링 제거.
+			loop:true,
+			// watchOverflow:true,
+			//210520_ 추가 : 슬라이드 1개일 경우 롤링 제거.
 			speed: 1000,
 			//210520_ 추가 : 자동재생 시간 추가.
 			autoplay: {
 				delay: 3000,
 				disableOnInteraction: false,
 			},
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			observer: true,
 			observeParents: true
 		});
@@ -1038,6 +1076,15 @@
 			spaceBetween: 10,
 			autoHeight: true,
 			loop:false,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 		});
 		$(".recomm-head li .btn").click(function(){
 			var recommActive = $(this).attr('data-tab');
@@ -1057,30 +1104,34 @@
 			autoplay: false,
 		});
 
+		//210705_수정 : 기획전 배너 2개이상 등록시 슬라이드 각각 실행.
 		// post-bnnWide
 		// 와이드배너 슬라이드 카운팅
-		var pickbnnWdCont = $('.post-bnnWide .swiper-slide');
-		var pickbnnWdLength = pickbnnWdCont.length;
-		if (pickbnnWdLength < 2) {
-			var post_bnnWide = new Swiper ('.swiper-container.post-bnnWide', {
-				loop: false,
-				autoplay: false,
-				pagination: false,
-			});
-		} else {
-			var post_bnnWide = new Swiper ('.swiper-container.post-bnnWide', {
-				loop: true,
-				slidesPerView: 1,
-				speed : 1000,
-				autoplay: {
-					delay: 3000,
-					disableOnInteraction: false,
-				},
-				pagination: {
-					el: '.swiper-pagination',
-				},
-			});
-		}
+		$(".main_1stage .post-bnnWide").each(function(index){
+			var pickbnnWdCont = $(this).find('.swiper-slide');
+			var pickbnnWdLength = pickbnnWdCont.length;
+			if (pickbnnWdLength < 2) {
+				var post_bnnWide = new Swiper ($(this), {
+					loop: false,
+					watchOverflow: true,
+					autoplay: false,
+					pagination: false,
+				});
+			} else {
+				var post_bnnWide = new Swiper ($(this), {
+					loop: true,
+					slidesPerView: 1,
+					speed : 1000,
+					autoplay: {
+						delay: 3000,
+						disableOnInteraction: false,
+					},
+					pagination: {
+						el: '.swiper-pagination',
+					},
+				});
+			}
+		});
 
 		// post-bnnEvent
 		// 이벤트배너 슬라이드 카운팅
@@ -1111,6 +1162,15 @@
 		// post_sug
 		var numCnt = 0;
 		var post_sug = new Swiper('.swiper-container.post-sug', {
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			pagination: {
 				el: '.swiper-pagination',
 			},
@@ -1220,6 +1280,15 @@
 			slidesPerView: 3,
 			spaceBetween: 10,
 			speed : 1000,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 		});
 
 		// post-tv

src/main/webapp/WEB-INF/views/mob/display/OutletMainFormMob.html

@@ -154,22 +154,52 @@
 				}
 			});
 
-			var swiper = new Swiper('.outlets_visual .swiper-container', {
-				observer: true,
-				observeParents: true,
-				pagination: {
-					el: '.outlets_visual .swiper-pagination',
-					type: 'fraction',
-				},
-				autoplay : {
-					delay : 5000,   // 시간 설정
-				},
-			});
+			//210624_ 추가 : 슬라이드 속성 추가.
+			var outletCont = $('.outlets_visual .swiper-slide');
+			var outletLength = outletCont.length;
+			if (outletLength < 2) {
+				var swiper = new Swiper('.outlets_visual .swiper-container', {
+					observer: true,
+					observeParents: true,
+					loop:false,
+					speed:1000,
+					watchOverflow: true,
+					pagination: {
+						el: '.outlets_visual .swiper-pagination',
+						type: 'fraction',
+					},
+				});
+			}else{
+				var swiper = new Swiper('.outlets_visual .swiper-container', {
+					observer: true,
+					observeParents: true,
+					loop:true,
+					speed:1000,
+					pagination: {
+						el: '.outlets_visual .swiper-pagination',
+						type: 'fraction',
+					},
+					autoplay : {
+						delay : 3000,   // 시간 설정
+						disableOnInteraction: false,
+					},
+				});
+			}
 
 			var dp_mditem_slide = new Swiper('.md_item .swiper-container', {
 				slidesPerView: 2,
 				spaceBetween: 8,
+				speed:1000,
 				centerMode: true,
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					firstSlideMessage: '첫번째 슬라이드 입니다',
+					lastSlideMessage: '마지막 슬라이드 입니다',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
 			});
 		});
 

src/main/webapp/WEB-INF/views/mob/mypage/MypageOrderListFormMob.html

@@ -44,20 +44,26 @@
 					</div>
 					<div class="mem_box">
 						<div class="mem_point">
+							<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_POINT)">
 							<p class="tit">STYLE포인트</p>
 							<em th:text="${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')}"></em>P
+							</a>
 						</div>
 						<div class="mem_gift">
+							<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_GIFTCARD)">
 							<p class="tit">상품권</p>
 							<span>
 								<em th:text="${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')}"></em>원
 							</span>
+							</a>
 						</div>
 						<div class="mem_coupon">
+							<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON)">
 							<p class="tit">쿠폰</p>
 							<span>
 								<em id="couponCnt" th:text="${couponCnt}"></em>장
 							</span>
+							</a>
 						</div>
 					</div>
 				</div>

src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html

@@ -155,7 +155,7 @@
 								<div class="swiper-slide">
 									<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])" class="dp_lookbook_item" tabindex="0">
 										<div class="img">
-											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg+'?RS=960'}" alt="${PlanData.planNm}">
+											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg+'?RS=960'}" th:alt="${PlanData.planNm}">
 										</div>
 										<div class="txt">
 											<div class="tit" th:text="${PlanData.planNm}"></div>

src/main/webapp/WEB-INF/views/web/display/BrandMainFormWeb.html

@@ -545,6 +545,15 @@ $(document).ready( function() {
 				delay: 7000, //210422_수정 : delay 시간 늘림.
 				disableOnInteraction: false,
 			},
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			navigation: {
 				nextEl: '.brand_main .brand_visual .swiper-button-next',
 				prevEl: '.brand_main .brand_visual .swiper-button-prev',
@@ -615,6 +624,15 @@ $(document).ready( function() {
 			delay: 3000,
 			disableOnInteraction:false,
 		},
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			firstSlideMessage: '첫번째 슬라이드 입니다',
+			lastSlideMessage: '마지막 슬라이드 입니다',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.new_item .swiper-button-next',
 			prevEl: '.new_item .swiper-button-prev',
@@ -660,6 +678,15 @@ $(document).ready( function() {
 				watchOverflow : true, //210503_추가 : 슬라이드 1개일때 롤링 막는 기능 추가.
 				slidesPerView: 1,
 				speed : 1000,
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					firstSlideMessage: '첫번째 슬라이드 입니다',
+					lastSlideMessage: '마지막 슬라이드 입니다',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
 				navigation: {
 					nextEl: '.main_1stage .swiper-button-next',
 					prevEl: '.main_1stage .swiper-button-prev',
@@ -716,6 +743,13 @@ $(document).ready( function() {
 			//slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
 			spaceBetween: 22,
 			speed : 1000,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			pagination: {
 				el: '.md_item .swiper-pagination',
 				clickable: true,
@@ -732,6 +766,13 @@ $(document).ready( function() {
 			slidesPerGroup:5, //210429_추가 : slidesPerGroup 추가.
 			spaceBetween: 22,
 			speed : 1000,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			pagination: {
 				el: '.md_item .swiper-pagination',
 				clickable: true,
@@ -828,6 +869,15 @@ $(document).ready( function() {
 			centeredSlides: true,
 			speed : 1000,
 			autoplay: false,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			navigation: {
 				nextEl: '.main_tv .swiper-button-next',
 				prevEl: '.main_tv .swiper-button-prev',

src/main/webapp/WEB-INF/views/web/display/CategoryMainFormWeb.html

@@ -183,7 +183,13 @@
 		var submain_slide = new Swiper('.dp_submain .swiper-container', {
 			slidesPerView: 4,
 			spaceBetween: 20,
+			watchOverflow:true,
 			freeMode:true,
+			speed:1000,
+			autoplay: {
+				delay: 3000,
+				disableOnInteraction: false,
+			},
 			scrollbar: {
 				el: '.dp_submain .swiper-scrollbar',
 				hide: false,
@@ -196,6 +202,13 @@
 			watchSlidesVisibility: true,
 			allowTouchMove: false,
 			speed : 1000,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			autoplay: {
 				delay: 3000,
 				disableOnInteraction:false,

src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb.html

@@ -215,7 +215,7 @@
 							<th:block th:each="ContentsData, ContentsStat : ${mainLayoutData.ContentsList}">
 								<th:block th:if="${ContentsData.contentsType!=null && ContentsData.contentsType!=''}">
 									<div class="bnnbox_crop" th:if="${ContentsData.contentsType=='1'}">
-										<div class="" style="width: 100%;height: 230px;float: none;overflow: hidden;">
+										<div class=""> <!--style="width: 100%;height: 230px;float: none;overflow: hidden;"-->
 											<a th:href="${ContentsData.strVar1}" target="_blank">
 												<img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath1}" alt="">
 											</a>
@@ -1036,6 +1036,13 @@ if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (age
 			delay: 3000,
 			disableOnInteraction: false,
 		},
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.post-visual .swiper-button-next',
 			prevEl: '.post-visual .swiper-button-prev',
@@ -1064,6 +1071,13 @@ if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (age
 			delay: 3000,
 			disableOnInteraction: false,
 		},
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.post-visual .swiper-button-next',
 			prevEl: '.post-visual .swiper-button-prev',
@@ -1102,6 +1116,13 @@ var main_trendy_slide = new Swiper('.main_trendy .post-trendy', {
 		delay: 3000,
 		disableOnInteraction:false,
 	},
+	a11y: {
+		enabled: true,
+		notificationClass: 'swiper-notification',
+		prevSlideMessage: '이전 슬라이드',
+		nextSlideMessage: '다음 슬라이드',
+		paginationBulletMessage: '슬라이드 {{index}}로 이동',
+	},
 	navigation: {
 		nextEl: '.main_trendy .swiper-button-next',
 		prevEl: '.main_trendy .swiper-button-prev',
@@ -1208,6 +1229,13 @@ if (pickLength < 7) { //210614_ 수정 : 슬라이드 갯수 7개 미만일시
 		watchSlidesVisibility: true,
 		watchSlidesProgress: true,
 		freeMode: false,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.main_pick .swiper-button-next',
 			prevEl: '.main_pick .swiper-button-prev',
@@ -1226,6 +1254,13 @@ if (pickLength < 7) { //210614_ 수정 : 슬라이드 갯수 7개 미만일시
 		watchSlidesVisibility: true,
 		watchSlidesProgress: true,
 		freeMode: false,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.main_pick .swiper-button-next',
 			prevEl: '.main_pick .swiper-button-prev',
@@ -1248,6 +1283,13 @@ if (pickForLength < 7) {
 		spaceBetween: 10,
 		loopAdditionalSlides: 1,
 		allowTouchMove: false,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		thumbs: {
 			swiper: main_pick_nav
 		},
@@ -1260,25 +1302,66 @@ if (pickForLength < 7) {
 		loopeSlides: 6,
 		loopAdditionalSlides: 1,
 		allowTouchMove: false,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		thumbs: {
 			swiper: main_pick_nav
 		},
 	});
 }
 
-var main_pick_lookbook = new Swiper ('.main_pick .post-lookbook', {
-	slidesPerView: 1,
-	speed : 1000,
-	loop: false,
-	watchOverflow: true, //loop와 함께 사용 불가.
-	autoplay: {
-		delay: 3000,
-		disableOnInteraction: false,
-	},
-	pagination: {
-		el: '.main_pick .post-lookbook .swiper-pagination',
-		clickable: true,
-	},
+$(".main_pick .post-lookbook").each(function(index){
+	var lookbookBnnCont = $(this).find('.swiper-slide');
+	var lookbookBnnLength = lookbookBnnCont.length;
+	if (lookbookBnnLength < 2) {
+		var main_pick_lookbook = new Swiper ($(this), {
+			slidesPerView: 1,
+			speed : 1000,
+			loop: false,
+			watchOverflow: true, //loop와 함께 사용 불가.
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
+			autoplay: {
+				delay: 3000,
+				disableOnInteraction: false,
+			},
+			pagination: {
+				el: '.main_pick .post-lookbook .swiper-pagination',
+				clickable: true,
+			},
+		});
+	}else{
+		var main_pick_lookbook = new Swiper ($(this), {
+			slidesPerView: 1,
+			speed : 1000,
+			loop: true,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
+			autoplay: {
+				delay: 3000,
+				disableOnInteraction: false,
+			},
+			pagination: {
+				el: '.main_pick .post-lookbook .swiper-pagination',
+				clickable: true,
+			},
+		});
+	}
 });
 
 //210705_수정 : 기획전 배너 2개이상 등록시 슬라이드 각각 실행.
@@ -1293,6 +1376,13 @@ $(".main_1stage .post-bnnWide").each(function(index){
 			initialSlide: 0,
 			loop: false,
 			watchOverflow: true, //loop와 함께 사용 불가.
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			navigation: {
 				nextEl: '.main_1stage .swiper-button-next',
 				prevEl: '.main_1stage .swiper-button-prev',
@@ -1311,6 +1401,13 @@ $(".main_1stage .post-bnnWide").each(function(index){
 				delay: 4000,
 				disableOnInteraction: false,
 			},
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
 			navigation: {
 				nextEl: '.main_1stage .swiper-button-next',
 				prevEl: '.main_1stage .swiper-button-prev',
@@ -1340,6 +1437,13 @@ function init(){
 		speed : 1000,
 		spaceBetween: 20,
 		loop : true,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		pagination: {
 			el: '.main_recomm .swiper-pagination',
 			clickable: true,
@@ -1366,6 +1470,13 @@ var main_foryou_slide = new Swiper ('.main_foryou .post-sug .swiper-container',
 		delay: 25000,
 		disableOnInteraction: false,
 	},
+	a11y: {
+		enabled: true,
+		notificationClass: 'swiper-notification',
+		prevSlideMessage: '이전 슬라이드',
+		nextSlideMessage: '다음 슬라이드',
+		paginationBulletMessage: '슬라이드 {{index}}로 이동',
+	},
 	pagination: {
 		el: '.post-sug .swiper-pagination',
 		clickable: true,
@@ -1447,6 +1558,13 @@ if (mainTvLength < 2) {
 		centeredSlides: true,
 		speed : 1000,
 		autoplay: false,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.main_tv .swiper-button-next',
 			prevEl: '.main_tv .swiper-button-prev',
@@ -1464,6 +1582,13 @@ if (mainTvLength < 2) {
 		centeredSlides: true,
 		speed : 1000,
 		autoplay: false,
+		a11y: {
+			enabled: true,
+			notificationClass: 'swiper-notification',
+			prevSlideMessage: '이전 슬라이드',
+			nextSlideMessage: '다음 슬라이드',
+			paginationBulletMessage: '슬라이드 {{index}}로 이동',
+		},
 		navigation: {
 			nextEl: '.main_tv .swiper-button-next',
 			prevEl: '.main_tv .swiper-button-prev',

src/main/webapp/WEB-INF/views/web/display/OutletMainFormWeb.html

@@ -183,11 +183,18 @@
 	$(document).ready(function() {
 		fnSetCategory1Depts();
 
+		//210624_ 수정 : 옵션 수정.
 		/* SLIDE - 상단 스크롤 슬라이드 배너 */
 		var submain_slide = new Swiper('.dp_submain .swiper-container', {
 			slidesPerView: 4,
 			spaceBetween: 20,
+			spped:1000,
+			watchOverflow:true,
 			freeMode:true,
+			autoplay: {
+				delay: 3000,
+				disableOnInteraction: false,
+			},
 			scrollbar: {
 				el: '.dp_submain .swiper-scrollbar',
 				hide: false,
@@ -212,6 +219,13 @@
 				//     delay: 3000,
 				//     disableOnInteraction:false,
 				// },
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
 				navigation: {
 					nextEl: '.dp .md_item .swiper-button-next',
 					prevEl: '.dp .md_item .swiper-button-prev',
@@ -235,6 +249,13 @@
 				//     delay: 3000,
 				//     disableOnInteraction:false,
 				// },
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
 				navigation: {
 					nextEl: '.dp .md_item .swiper-button-next',
 					prevEl: '.dp .md_item .swiper-button-prev',

src/main/webapp/WEB-INF/views/web/display/SearchLayerWeb.html

@@ -198,7 +198,7 @@
 		<!-- //검색결과 입력 후 -->
 
 		<!-- 검색결과 없을때 노출 -->
-		<div class="empty_box">
+		<div class="empty_box" style="display: none">
 		<div class="">
 			<div class="nodata">
 				<p>

src/main/webapp/WEB-INF/views/web/mypage/MypageOrderListFormWeb.html

@@ -49,19 +49,19 @@
 									<li>
 										<div>
 											<p class="txt">보유쿠폰 / 만료예정</p>
-											<p class="count"><span id="couponCnt" th:text="${couponCnt}"></span>장 / <span id="expiredSoonCouponCnt" th:text="|${expiredSoonCouponCnt}|"></span>장</p>
+											<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON)"><p class="count"><span id="couponCnt" th:text="${couponCnt}"></span>장 / <span id="expiredSoonCouponCnt" th:text="|${expiredSoonCouponCnt}|"></span>장</p></a>
 										</div>
 									</li>
 									<li>
 										<div>
 											<p class="txt">STYLE 포인트</p>
-											<p class="count"><span th:text="${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')}"></span>P</p>
+											<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_POINT)"><p class="count"><span th:text="${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')}"></span>P</p></a>
 										</div>
 									</li>
 									<li>
 										<div>
 											<p class="txt">상품권</p>
-											<p class="count"><span th:text="${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')}"></span>원</p>
+											<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_GIFTCARD)"><p class="count"><span th:text="${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')}"></span>원</p></a>
 										</div>
 									</li>
 								</ul>

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -164,7 +164,7 @@
                             <div class="swiper-slide">                   
                                 <a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
                                     <div class="thumb">
-                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
+                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" th:alt="${PlanData.planNm}">
                                     </div>
                                     <div class="txt">
                                         <p class="tit" th:text="${PlanData.planNm}"></p>

src/main/webapp/WEB-INF/views/web/planning/PlanningEventAttendFormWeb.html

@@ -209,7 +209,7 @@
                             <div class="swiper-slide">                   
                                 <a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
                                     <div class="thumb">
-                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
+                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" th:alt="${PlanData.planNm}">
                                     </div>
                                     <div class="txt">
                                         <p class="tit" th:text="${PlanData.planNm}"></p>

src/main/webapp/ux/mo/css/style24_m.css

@@ -667,7 +667,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .survey_wrap .survey_con .btn_wrap button.btn {width: 100%; padding:1.6rem 0; font-size: 1.4rem; font-weight: 500; height:auto; } 
 
 /* ev_comment_1 */
-.dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;}
+/* .dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;} */
+.dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;margin: 0 0 -1.2rem 0;}
 .dp .inner::after {content:''; clear:none;}
 .cmt_wrap {background: #f5f5f5;}
 .cmt_wrap .cmt_write {background: #fff;}
@@ -1718,7 +1719,7 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .my .my_wishlist .monthly_wish_wrap .date span {display:inline-block; width:7.4rem; height:2.6rem; background-color:#222; color:#fff; font-size:1.4rem; font-weight:300; text-align:center; border-radius:2rem; overflow:hidden; line-height: 2.6rem;}
 
 /* dp_submain */
-main.dp .inner:last-child {padding-bottom: 0;}
+/* main.dp .inner:last-child {padding-bottom: 0;} */
 .dp .submain_visual a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
 .dp .submain_visual img {width: 100%;}
 .dp .submain_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
@@ -1739,7 +1740,8 @@ main.dp .inner:last-child {padding-bottom: 0;}
 background-size:100%;}
 .dp .sub_category .more_btn.on .btn span:before {background: url('/images/mo/ico_btn_more02.png') no-repeat bottom center; background-size:100%;}
 .dp .dp_submain .new_item .dp_subtitle, .dp .dp_submain .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem; font-size: 2rem;}
-.dp .dp_submain .new_item {padding:0 2rem; margin:0 0 -1.2rem 0;}
+/* .dp .dp_submain .new_item {padding:0 2rem; margin:0 0 -1.2rem 0;} */
+.dp .dp_submain .new_item {padding:0 2rem; /* margin: 0 0 -1.2rem 0; */}
 .dp .dp_submain .new_item .swiper-slide {width: 43.75%;}
 .dp .dp_submain .new_item .swiper-container {padding:0 2rem; margin:0 -2rem;}
 .dp .dp_submain .best_item {padding-bottom: 2rem;}

src/main/webapp/ux/pc/css/main.css

@@ -375,7 +375,7 @@
 .bnnbox_crop {width:100%;}
 .bnnbox_crop::after {content:''; clear:both; display:block;}
 .bnnbox_crop > div {width: 100%;height: 230px;float: none;overflow: hidden;}
-.bnnbox_crop > div > img {width: 100%;height: auto;}
+.bnnbox_crop > div > a > img {width: 100%; height: auto; margin: 0 auto;}
 .bnnbox_crop > .bnn_half {float:left; width:50%;}
 .bnnbox_crop > .bnn_half > a {display:block; position:relative; width:100%; height:0%; padding-top:26.0918%; overflow:hidden;}
 .bnnbox_crop > .bnn_half > a img {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:100%;}