Merge remote-tracking branch 'origin/develop' into jsh77b

src/main/java/com/style24/front/biz/service/TsfCustomerService.java

@@ -989,11 +989,11 @@ public class TsfCustomerService {
 		return resultMap;
 	}
 
-	/*
+	/**
 	 * 고객 예상등급
 	 *
-	 * @param  custGrade - 고객번호
-	 * @return CustGrade
+	 * @param  customer - 고객번호
+	 * @return GagaMap - 예상등급
 	 * @author jsshin
 	 * @since 2021. 04. 06
 	 */
@@ -1016,7 +1016,7 @@ public class TsfCustomerService {
 		return result;
 	}
 
-	/*
+	/**
 	 * 고객 정책정보
 	 *
 	 * @param  custGrade - 고객번호
@@ -1080,11 +1080,11 @@ public class TsfCustomerService {
 
 
 
-	/*
+	/**
 	 * 고객 예상등급 이후 정보
 	 *
 	 * @param  custGrade - 고객번호
-	 * @return CustGrade
+	 * @return GagaMap
 	 * @author jsshin
 	 * @since 2021. 05. 11
 	 */
@@ -1107,7 +1107,7 @@ public class TsfCustomerService {
 		return result;
 	}
 
-	/*
+	/**
 	 * 앱푸시수신여부
 	 *
 	 * @return String - 앱수신여부
@@ -1127,7 +1127,7 @@ public class TsfCustomerService {
 		return "N";
 	}
 
-	/*
+	/**
 	 * 앱마케팅수신여부
 	 *
 	 * @return String - 앱수신여부
@@ -1145,10 +1145,11 @@ public class TsfCustomerService {
 		return "N";
 	}
 
-	/*
+	/**
 	 * 앱푸시수신동의여부 변경
 	 *
-	 * @return String - 앱수신여부
+	 * @param appAppAgreeYn - 앱푸시수신여부
+	 * @return int - 결과
 	 * @author jsshin
 	 * @since 2021. 05. 20
 	 */
@@ -1178,10 +1179,11 @@ public class TsfCustomerService {
 		return resultCnt;
 	}
 
-	/*
+	/**
 	 * 앱마케팅수신여부 변경
 	 *
-	 * @return String - 앱수신여부
+	 * @param mkAgreeYn - 마케팅 수신여부
+	 * @return int - 결과
 	 * @author jsshin
 	 * @since 2021. 05. 20
 	 */

src/main/java/com/style24/front/biz/web/TsfDisplayController.java

@@ -526,6 +526,9 @@ public class TsfDisplayController extends TsfBaseController {
 					cate.setCateNo(contents.getCateNo());
 					bestList = goodsService.getContentsCategoryGoodsList(cate);
 				}
+				if(cate.getMaxRow()<1){
+					cate.setMaxRow(20);
+				}
 
 				mav.addObject("bestGoodsList", bestList);
 			}
@@ -972,8 +975,10 @@ public class TsfDisplayController extends TsfBaseController {
 				for(Contents tempContent: cateMain.getContentsList()){
 					cate.setMaxRow(Integer.parseInt(tempContent.getStrVar1()));
 				}
+				if(cate.getMaxRow()<1){
+					cate.setMaxRow(20);
+				}
 				cate.setContentsLoc("SOM003");
-//				cate.setMaxRow(20);
 				cate.setCate1No(3000);
 				mav.addObject("bestGoodsList", goodsService.getContentsCategoryGoodsList(cate));
 			}
@@ -1302,6 +1307,9 @@ public class TsfDisplayController extends TsfBaseController {
 
 		mav.addObject("brandGroupNo", brandGroupNo);
 
+		// 실시간 많이 조회하고 있는 상품
+		mav.addObject("realtimeGoodsList", eigeneaiApi.getRealtimeViewGoodsList(20));
+
 		mav.setViewName(super.getDeviceViewName("display/BrandSearchLayer"));
 		return mav;
 	}

src/main/java/com/style24/persistence/mybatis/shop/TsfGoods.xml

@@ -1520,7 +1520,10 @@
 		                    AND		CT.BRAND_GROUP_NO = #{brandGroupNo}
 		                    </if>
 		                    <if test="contentsLoc == 'SMM003' or contentsLoc == 'SBM007' or contentsLoc == 'SBM008' or contentsLoc == 'SBM009' or contentsLoc == 'SBM017' or contentsLoc == 'SBM018' or contentsLoc == 'SBM019' or contentsLoc == 'SOM003' or contentsLoc == 'SCM002' or contentsLoc == 'SCM003' or contentsLoc == 'SOM002'">
-		                    AND CT.CONTENTS_SQ IN ( SELECT TMP.CONTENTS_SQ FROM (SELECT A.CONTENTS_SQ FROM TB_CONTENTS A WHERE 1=1 AND A.CONTENTS_LOC = #{contentsLoc} AND NOW() BETWEEN A.DISP_STDT AND A.DISP_EDDT
+		                        <if test="brandGroupNo != null and brandGroupNo != ''">
+		                        AND		CTG.BRAND_GROUP_NO = #{brandGroupNo}
+		                        </if>
+		                      AND CT.CONTENTS_SQ IN ( SELECT TMP.CONTENTS_SQ FROM (SELECT A.CONTENTS_SQ FROM TB_CONTENTS A WHERE 1=1 AND A.CONTENTS_LOC = #{contentsLoc} AND NOW() BETWEEN A.DISP_STDT AND A.DISP_EDDT
 		                                                                                    <if test="brandGroupNo != null and brandGroupNo != ''">
 		                                                                                        AND A.BRAND_GROUP_NO = #{brandGroupNo}
 		                                                                                    </if>
@@ -1744,11 +1747,17 @@
 		                AND		G.BRAND_CD = B.BRAND_CD
 		                AND     B.BRAND_GROUP_NO = BG.BRAND_GROUP_NO
 		                AND		CT.CONTENTS_LOC = #{contentsLoc}
-		                <if test="contentsLoc == 'SMM009' or contentsLoc == 'SMM007' or contentsLoc == 'SMM012'">
+		                <if test="contentsLoc == 'SMM009' or contentsLoc == 'SMM012'">
 		                AND 	CTG.CONTENTS_SQ = #{dispOrd}
 		                </if>
+		                <if test="contentsLoc == 'SMM007'">
+		                AND		CT.BRAND_GROUP_NO = #{brandGroupNo}
+		                </if>
 		                <if test="contentsLoc == 'SMM003' or contentsLoc == 'SBM007' or contentsLoc == 'SBM008' or contentsLoc == 'SBM009' or contentsLoc == 'SBM017' or contentsLoc == 'SBM018' or contentsLoc == 'SBM019' or contentsLoc == 'SOM003' or contentsLoc == 'SCM002' or contentsLoc == 'SCM003'">
-		                    AND CT.CONTENTS_SQ IN ( SELECT TMP.CONTENTS_SQ FROM (SELECT A.CONTENTS_SQ FROM TB_CONTENTS A WHERE 1=1 AND A.CONTENTS_LOC = #{contentsLoc} AND NOW() BETWEEN A.DISP_STDT AND A.DISP_EDDT
+		                    <if test="brandGroupNo != null and brandGroupNo != ''">
+		                    AND		CTG.BRAND_GROUP_NO = #{brandGroupNo}
+		                    </if>
+		                  AND CT.CONTENTS_SQ IN ( SELECT TMP.CONTENTS_SQ FROM (SELECT A.CONTENTS_SQ FROM TB_CONTENTS A WHERE 1=1 AND A.CONTENTS_LOC = #{contentsLoc} AND NOW() BETWEEN A.DISP_STDT AND A.DISP_EDDT
 		                                                                                 <if test="brandGroupNo != null and brandGroupNo != ''">
 		                                                                                 AND A.BRAND_GROUP_NO = #{brandGroupNo}
 		                                                                                 </if>
@@ -1970,7 +1979,7 @@
 		INNER  JOIN (SELECT G.GOODS_CD
 		                  , (SELECT OPT_CD FROM vw_stock X WHERE X.GOODS_CD = G.GOODS_CD AND X.SOLDOUT_YN = 'N' AND X.CURR_STOCK_QTY > 0 ORDER BY OPT_CD LIMIT 1) AS OPT_CD
 		                  , CASE WHEN D.DISP_NM_LANG = 'EN' THEN D.BRAND_GROUP_ENM ELSE D.BRAND_GROUP_KNM END AS BRAND_NM
-		             FROM   TB_GOODS G
+		             FROM   TB_GOODS G USE INDEX (IX_GOODS_11)
 		             INNER  JOIN TB_BRAND BR
 		             ON     G.BRAND_CD = BR.BRAND_CD
 		             INNER  JOIN TB_BRAND_GROUP D

src/main/webapp/WEB-INF/views/mob/customer/JoinFormMob.html

@@ -167,14 +167,28 @@
 						</button>
 					</div>
 				</div>
-				<!-- //210415_수정 : 버튼 형식 변경. -->
 				<div class="desc_wrap t_c mt20">
-					<p>
-						본인은&nbsp;만 14세 이상이며&nbsp;<a href="javascript:void(0)" onclick="cfnUseTermsLayer();">STYLE24이용약관<i class="ico ico_blank ml5"></i></a>,<br>
-						<a href="javascript:void(0)" onclick="cfnPrivacyPolicyLayer('join');">개인정보 수집 및 이용<i class="ico ico_blank ml5"></i></a>,
-						<a href="javascript:void(0)" onclick="cfnPrivacyTrustLayer();">개인정보 취급 위탁<i class="ico ico_blank ml5"></i></a><br>
-						내용을 확인 하였으며,동의합니다.
-					</p>
+					<div class="form_field">
+						<p>
+							본인은&nbsp;만 14세 이상이며&nbsp;<br>
+							<input id="chk-policies-1" type="checkbox">
+								<label for="chk-policies-1">
+									<span>STYLE24이용약관</span>
+								</label>
+							<a href="javascript:void(0)" onclick="cfnUseTermsLayer();"><i class="ico ico_blank ml5"></i></a>,&nbsp;<br>
+							<input id="chk-policies-2" type="checkbox">
+								<label for="chk-policies-2">
+									<span>개인정보 수집 및 이용</span>
+								</label>
+							<a href="javascript:void(0)" onclick="cfnPrivacyPolicyLayer('join');"><i class="ico ico_blank ml5"></i></a>,&nbsp;
+							<input id="chk-policies-3" type="checkbox">
+								<label for="chk-policies-3">
+									<span>개인정보 취급 위탁</span>
+								</label>
+							<a href="javascript:void(0)" onclick="cfnPrivacyTrustLayer();"><i class="ico ico_blank ml5"></i></a><br>
+							내용을 확인 하였으며,동의합니다.
+						</p>
+					</div>
 				</div>
 			</form>
 		</div>
@@ -452,6 +466,23 @@
 
 	// 저장
 	$('#btnJoin').on('click', function () {
+		const $policies1 = $('#chk-policies-1');
+		const $policies2 = $('#chk-policies-2');
+		const $policies3 = $('#chk-policies-3');
+
+		if (!$policies1.is(':checked')) {
+			mcxDialog.alert("이용약관 체크 해주세요.");
+			return;
+		}
+		if (!$policies2.is(':checked')) {
+			mcxDialog.alert("개인정보 수집 및 이용 체크 해주세요.");
+			return;
+		}
+		if (!$policies3.is(':checked')) {
+			mcxDialog.alert("개인정보 취급 위탁 체크 해주세요.");
+			return;
+		}
+
 		mcxDialog.confirm("회원가입을 하시겠습니까?", {
 			cancelBtnText: "취소",
 			sureBtnText: "확인",

src/main/webapp/WEB-INF/views/mob/customer/PrivacyPolicyLayerFormMob.html

@@ -61,6 +61,7 @@
 			$("html, body").animate({ scrollTop: hookPos }, 3000);
 		});
 	});
+	$(function(){$('#prvc_sel ol li').on("click", function(){$(".modal").animate({"scrollTop": 0}, 150);});});
 /*]]>*/
 </script>
 </html>

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

@@ -336,6 +336,11 @@
 					tag += '	<div class="item_state">\n';
 					tag += '		<button type="button" class="itemLike" goodsCd=\''+item.goodsCd+'\' onclick="wishlistDelete(this)">관심상품 추가</button>\n';
 					tag += '		<a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\', \''+item.colorCd+'\')">\n';
+					tag += '<div class="shape ';
+					if(idx==0){
+						tag += ' ranker';
+					}
+					tag += '"><span>'+(idx+1)+'</span></div>\n';
 					tag += '			<div class="itemPic">\n';
 					tag += '				<img alt="BLUE-a" class=" vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '">\n';
 					tag += '			</div>\n';

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

@@ -513,34 +513,60 @@
 		});
 	});
 
-	//210624_ 추가 : 슬라이드 속성 추가.
+	//210728_ 수정 : 슬라이드 1개일때 자동롤링 멈춤.
 	// 서브비주얼 슬라이드
-	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',
-			//renderCustom: function (swiper, current, total) {
-			//	return current + ' of ' + total;
-			//}
-		}
-	});
+	var brCont = $('.submain_visual .swiper-slide');
+	var brLength = brCont.length;
+	if (brLength < 2) {
+		var submainVisualSwiper = new Swiper('.swiper-container.submain_visual', {
+			loop:false,
+			//210414_자동롤링 추가
+			speed: 1000,
+			watchOverflow: true,
+			a11y: {
+				enabled: true,
+				notificationClass: 'swiper-notification',
+				prevSlideMessage: '이전 슬라이드',
+				nextSlideMessage: '다음 슬라이드',
+				firstSlideMessage: '첫번째 슬라이드 입니다',
+				lastSlideMessage: '마지막 슬라이드 입니다',
+				paginationBulletMessage: '슬라이드 {{index}}로 이동',
+			},
+			pagination: {
+				el: '.swiper-pagination',
+				type: 'fraction',
+				//renderCustom: function (swiper, current, total) {
+				//	return current + ' of ' + total;
+				//}
+			}
+		});
+	}else{
+		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',
+				//renderCustom: function (swiper, current, total) {
+				//	return current + ' of ' + total;
+				//}
+			}
+		});
+	}
 
 	//210705_수정 : 기획전 배너 2개이상 등록시 슬라이드 각각 실행.
 	// post-bnnWide (210602_ 교체)

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

@@ -42,6 +42,12 @@
 					</div>
 				</div>
 
+				<div class="inner" id="goodsNodata" style="display:none;">
+					<div class="nodata">
+						<p>&lsquo;<span id="goodsKeyword"></span>&rsquo; 에 에 대한<br>검색 결과가 없습니다.</p>
+					</div>
+				</div>
+
 				<!-- 이런상품은 어떤가요 -->
 				<div class="now_view" id="recomArea" style="display:none;">
 					<div class="store_product">
@@ -119,10 +125,10 @@
 				<!-- // 필터 종료 -->
 
 				<!-- 필터결과 없을때 -->
-				<div class="nodata" id="noDataFilter" style="display:none;">
-					<p>선택하신 조건에 맞는 상품이 없습니다.<br>검색어를 확인하신 후 다시 검색해 보세요!</p>
-					<button class="btn">선택한 필터 초기화</button>
-				</div>
+<!--				<div class="nodata" id="noDataFilter" style="display:none;">-->
+<!--					<p>선택하신 조건에 맞는 상품이 없습니다.<br>검색어를 확인하신 후 다시 검색해 보세요!</p>-->
+<!--					<button class="btn">선택한 필터 초기화</button>-->
+<!--				</div>-->
 				<!-- //필터결과 없을때 -->
 
 				<!-- 필터결과 있을때 -->
@@ -785,6 +791,10 @@
 			$("body").css({"overflow":"visible"});
 		});
 
+		//210728_추가 : 브랜드 검색결과 타이틀 보이게 설정.
+		$('.htop h1').text('검색결과');
+		$('.htop h1').css({"display": "inline-block"});
+
 		// 카테고리 필터 생성
 		fnCreateCategoryFilter();
 

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

@@ -27,14 +27,14 @@
 					<form id="searchMainForm" name="searchMainForm">
 						<input type="hidden" name="brandGroupNo" th:value="${brandGroupNo}"/>
 						<div class="sch_title">
-							<input type="text" class="form_control" name="keyword" placeholder="검색어를 입력하세요." autocomplete="off" onkeyup="fnOnkeyupKeyword(this);">
+							<input type="text" class="form_control" name="keyword" placeholder="브랜드 검색어를 입력하세요." autocomplete="off" onkeyup="fnOnkeyupKeyword(this);">
 							<button type="button" class="btn_x" id="deleteKeyword" style="display:none;">X</button>
 							<button type="button" class="btn_sch" id="btnSearchKeyword"><img src="/images/mo/ico_btn_search.png" alt=""></button>
 						</div>
 					</form>
 				</div>
 
-				<div class="inner" id="defaultArea">
+				<div class="inner default_box" id="defaultArea">
 					<div class="filter-list">
 						<div class="f_left">
 							<h3>최근 검색어</h3>
@@ -64,214 +64,30 @@
 				</div>
 				<!-- //1.통합검색 default -->
 
-				<!-- 2.통합검색 default_최근검색어 있음 -->
-		<!--		<div class="inner">-->
-		<!--			<div class="sch_title">-->
-		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-		<!--				<button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-		<!--			</div>-->
-		<!--			<div class="filter-list">-->
-		<!--				<div class="f_left">-->
-		<!--					<h3>최근 검색어</h3>-->
-		<!--				</div>-->
-		<!--				<div class="f_right">-->
-		<!--					<button class="allxBtn"><span>전체삭제</span></button>-->
-		<!--				</div>-->
-		<!--			</div>-->
-		<!--			<div class="search-list">-->
-		<!--				<ul>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>01슬랙스</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>02특가세일</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>03모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>04모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>05모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>06모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>07모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>08모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>09모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>10모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--				</ul>-->
-		<!--				<p class="nodata_txt">최근 검색어가 없습니다.</p>-->
-		<!--			</div>-->
-		<!--			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
-		<!--			<div class="related_keyword">-->
-		<!--				<div class="sub_category">-->
-		<!--					<div class="cate_wrap">-->
-		<!--						<a href="javascript:;" class="on">전체</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 언더웨어</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 세트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-		<!--					</div>-->
-		<!--				</div>-->
-		<!--			</div>-->
-		<!--		</div>-->
-				<!-- //2.통합검색 default_최근검색어 있음 -->
 				<!-- 3.지금 많이 보고 있어요 상품. -->
-				<div class="inner" id="popularArea">
+				<div class="inner default_box" id="popularArea">
 					<div class="now_view">
 						<div class="store_product">
 							<div class="allresult-tit">
 								<h3>지금 많이 보고 있어요</h3>
-								<button class="btn_refresh"><span>17:30</span> 기준</button>
+								<button class="btn_refresh" onclick="fnRealtimeGoodsList();"><span th:text="${#calendars.format(#calendars.createNow(), 'HH:mm')}">17:30</span> 기준</button>
 							</div>
 							<div class="swiper-container sch_product">
-								<div class="swiper-wrapper">
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<button type="button" class="itemLike">관심상품 추가</button>
-											<a href="#">
-												<img src="/images/mo/br_main03.png" alt="">
-												<div class="s-text">
-													<div class="itemName">여성 오버핏 투마일 웨어 아노락 에코</div>
-													<p class="itemTag">508명 보는중</p>
-												</div>
-											</a>
+								<div class="swiper-wrapper" id="itemViewArea">
+									<th:block th:each="item, status : ${realtimeGoodsList}">
+										<div class="swiper-slide">
+											<div class="item_prod">
+												<button type="button" class="itemLike" th:classappend="${item.wishCnt > 0}? 'likeit' : ''" onclick="cfnMoPutWishList(this);" th:attr="goodsCd=${item.itemId}">관심상품 추가</button>
+												<a th:href="${item.itemUrl}">
+													<img th:src="${item.imageUrl}" alt="">
+													<div class="s-text">
+														<div class="itemName" th:text="${item.itemName}"></div>
+														<p class="itemTag" th:text="${item.count < 10 ? '10명 미만' : item.count + '명 보는중'}">508명 보는중</p>
+													</div>
+												</a>
+											</div>
 										</div>
-									</div>
+									</th:block>
 								</div>
 							</div>
 						</div>
@@ -280,228 +96,35 @@
 				<!-- //3.지금 많이 보고 있어요 상품. -->
 
 				<!-- 4.검색어 타이핑 -->
-				<div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
-		<!--			<div class="sch_title">-->
-		<!--				<input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-		<!--				<button class="btn_x"><span>검색어 지우기</span></button>-->
-		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-		<!--			</div>-->
+				<div class="inner searching_box" id="keyupArea" style="display:none;" th:if="${brandGroupNo==null}">
 					<div class="filter-list store-list">
-		<!--				<div class="f_left">-->
-		<!--					<h3>티비제이 공식 스토어</h3>-->
-		<!--				</div>-->
-		<!--				<div class="f_right">-->
-		<!--					<a href="#none">바로가기</a>-->
-		<!--				</div>-->
 					</div>
 					<div class="relative-list">
-		<!--				<ul>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span> 기모청바지</p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>TBJ 겨울 팬츠</p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>제기장 스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>롱 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--				</ul>-->
-		<!--				<p class="nodata_txt">&lsquo;<span>스웨터 제기장</span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
 					</div>
 				</div>
 				<!-- //4.검색어 타이핑 -->
 
 				<!-- 3.검색결과 없을때 -->
-				<div class="inner" id="noDataArea">
-		<!--			<div class="sch_title">-->
-		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-		<!--			</div>-->
+				<div class="inner empty_box" id="noDataArea" style="display:none;">
 					<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
 						<p class="nodata_txt">&lsquo;<span id="noDataKeyword"></span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
 					</div>
 					<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
 					<div class="related_keyword">
 						<div class="sub_category">
-							<div class="cate_wrap">
-								<a href="javascript:;" class="on">전체</a>
-								<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
-								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-								<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
-								<a href="javascript:;"><span>#</span> 가죽/모피</a>
-								<a href="javascript:;"><span>#</span> 여성 잡화</a>
-								<a href="javascript:;"><span>#</span> 언더웨어</a>
-								<a href="javascript:;"><span>#</span> 세트</a>
-								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-								<a href="javascript:;"><span>#</span> 가죽/모피</a>
-								<a href="javascript:;"><span>#</span> 여성 잡화</a>
+							<div class="cate_wrap" id="noDataRelatedKeyword">
+
 							</div>
 						</div>
 					</div>
 				</div>
-				<div class="inner" id="recommandArea">
+				<div class="inner empty_box" id="recommandArea" style="display:none;">
 					<div class="recommand_product">
 						<div class="store_product">
 							<div class="swiper-container recommand_slide">
 								<h3>이런 상품은 어떤가요?</h3>
-								<div class="swiper-wrapper">
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<div class="item_state">
-												<button type="button" class="itemLike">관심상품 추가</button>
-												<a href="#none" class="itemLink">
-													<div class="itemPic">
-														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-													</div>
-													<p class="itemBrand">BRAND NAME</p>
-													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-													<p class="itemPrice">
-														<span class="itemPrice_original">89,000</span>
-														80,100
-														<span class="itemPercent">10%</span>
-													</p>
-													<div class="itemcolorchip">
-														<span class="chip_color35" value="ABM">BEIGE</span>
-														<span class="chip_color54" value="BDS">BLACK</span>
-														<span class="chip_color40" value="YBR">WHITE</span>
-													</div>
-													<p class="itemBadge">
-														<span class="badge13">베스트 </span>
-													</p>
-													<div class="itemComment">#주문 폭주 상품</div>
-												</a>
-											</div>
-										</div>
+								<div class="swiper-wrapper" id="recommendItemArea">
 
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<div class="item_state">
-												<button type="button" class="itemLike">관심상품 추가</button>
-												<a href="#none" class="itemLink">
-													<div class="itemPic">
-														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-													</div>
-													<p class="itemBrand">BRAND NAME</p>
-													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-													<p class="itemPrice">
-														<span class="itemPrice_original">89,000</span>
-														80,100
-														<span class="itemPercent">10%</span>
-													</p>
-													<div class="itemcolorchip">
-														<span class="chip_color35" value="ABM">BEIGE</span>
-														<span class="chip_color54" value="BDS">BLACK</span>
-														<span class="chip_color40" value="YBR">WHITE</span>
-													</div>
-													<p class="itemBadge">
-														<span class="badge13">베스트 </span>
-													</p>
-													<div class="itemComment">#주문 폭주 상품</div>
-												</a>
-											</div>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<div class="item_state">
-												<button type="button" class="itemLike">관심상품 추가</button>
-												<a href="#none" class="itemLink">
-													<div class="itemPic">
-														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-													</div>
-													<p class="itemBrand">BRAND NAME</p>
-													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-													<p class="itemPrice">
-														<span class="itemPrice_original">89,000</span>
-														80,100
-														<span class="itemPercent">10%</span>
-													</p>
-													<div class="itemcolorchip">
-														<span class="chip_color35" value="ABM">BEIGE</span>
-														<span class="chip_color54" value="BDS">BLACK</span>
-														<span class="chip_color40" value="YBR">WHITE</span>
-													</div>
-													<p class="itemBadge">
-														<span class="badge13">베스트 </span>
-													</p>
-													<div class="itemComment">#주문 폭주 상품</div>
-												</a>
-											</div>
-										</div>
-									</div>
-									<div class="swiper-slide">
-										<div class="item_prod">
-											<div class="item_state">
-												<button type="button" class="itemLike">관심상품 추가</button>
-												<a href="#none" class="itemLink">
-													<div class="itemPic">
-														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">
-													</div>
-													<p class="itemBrand">BRAND NAME</p>
-													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
-													<p class="itemPrice">
-														<span class="itemPrice_original">89,000</span>
-														80,100
-														<span class="itemPercent">10%</span>
-													</p>
-													<div class="itemcolorchip">
-														<span class="chip_color35" value="ABM">BEIGE</span>
-														<span class="chip_color54" value="BDS">BLACK</span>
-														<span class="chip_color40" value="YBR">WHITE</span>
-													</div>
-													<p class="itemBadge">
-														<span class="badge13">베스트 </span>
-													</p>
-													<div class="itemComment">#주문 폭주 상품</div>
-												</a>
-											</div>
-										</div>
-									</div>
 								</div>
 							</div>
 						</div>
@@ -585,14 +208,19 @@
 
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
-		if(result.autoKeywords.length==0 && gagajf.isNull(result.brand.brandGroupNo) && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
-			$("#keyupArea").hide();
-			$("#keyupCateArea").hide();
-			// $('.empty_box .nodata').find('#noDataKeyword').text("'"+$("#searchMainForm").find('input[name=keyword]').val()+"'");
+		if(result.autoKeywords.length==0 && gagajf.isNull(result.goodsList)){
+			$('.sch_result .default_box').hide();
+			$('.sch_result .searching_box').hide();
+			$('.sch_result .empty_box').show();
 			$("#noDataArea").find('#noDataKeyword').text($("#searchMainForm").find('input[name=keyword]').val());
-			$("#noDataArea").show();
-			$("#recommandArea").show();
+			// 검색어 연관 상품 추천
+			fnRecommendItemList($("#searchMainForm").find('input[name=keyword]').val());
+			// 인기검색어
+			fnTrendKeywordList();
 		}else{
+			$('.sch_result .default_box').hide();
+			$('.sch_result .searching_box').show();
+			$('.sch_result .empty_box').hide();
 			// 자동완성 키워드
 			if(result.autoKeywords != null && result.autoKeywords.length > 0){
 				$("#keyupArea").find(".relative-list").html('');
@@ -611,69 +239,54 @@
 				$("#keyupArea").find(".relative-list").html('');
 			}
 
-			// 브랜드
-			if(result.brand != null && !gagajf.isNull(result.brand.brandGroupNo)){
-				$("#keyupArea").find(".store-list").html('');
-				let tag = '';
-				tag += '<div class="f_left">\n';
-				tag += '	<h3>'+result.brand.brandGroupNm+' 공식 스토어</h3>\n';
-				tag += '</div>\n';
-				tag += '<div class="f_right">\n';
-				tag += '	<a href="javascript:void(0);" onclick="cfnGoToBrandMain('+result.brand.brandGroupNo+');">바로가기</a>\n';
-				tag += '</div>\n';
-				$("#keyupArea").find(".store-list").append(tag);
-			}else{
-				$("#keyupArea").find(".store-list").html('');
-			}
-
-			if(result.cateList != null && result.cateList.length > 0){
-				$("#keyupCateArea").find(".sch_category").html('');
-				let tag = '';
-				tag += '<h3>카테고리</h3>\n';
-				tag += '<ul>\n';
-				$.each(result.cateList, function (idx, item){
-					tag +='<li>\n';
-					tag +='	<a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'G032_101\' ';
-					if(item.cate1No != null){
-						tag += ', '+item.cate1No;
-					}
-					if(item.cate2No != null){
-						tag += ', '+item.cate2No;
-					}
-					if(item.cate3No != null){
-						tag += ', '+item.cate3No;
-					}
-					if(item.cate4No != null){
-						tag += ', '+item.cate4No;
-					}
-					if(item.cate5No != null){
-						tag += ', '+item.cate5No;
-					}
-					tag += ');">\n';
-					if(item.cate1Nm != null){
-						tag += '		<span>'+item.cate1Nm+'</span>\n';
-					}
-					if(item.cate2Nm != null){
-						tag += '		<span>'+item.cate2Nm+'</span>\n';
-					}
-					if(item.cate3Nm != null){
-						tag += '		<span>'+item.cate3Nm+'</span>\n';
-					}
-					if(item.cate4Nm != null){
-						tag += '		<span>'+item.cate4Nm+'</span>\n';
-					}
-					if(item.cate5Nm != null){
-						tag += '		<span>'+item.cate5Nm+'</span>\n';
-					}
-					tag +='	</a>\n';
-					tag +='</li>\n';
-				});
-				tag += '</ul>\n';
-
-				$("#keyupCateArea").find(".sch_category").append(tag);
-			}else{
-				$("#keyupCateArea").find(".sch_category").html('');
-			}
+			// if(result.cateList != null && result.cateList.length > 0){
+			// 	$("#keyupCateArea").find(".sch_category").html('');
+			// 	let tag = '';
+			// 	tag += '<h3>카테고리</h3>\n';
+			// 	tag += '<ul>\n';
+			// 	$.each(result.cateList, function (idx, item){
+			// 		tag +='<li>\n';
+			// 		tag +='	<a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'G032_101\' ';
+			// 		if(item.cate1No != null){
+			// 			tag += ', '+item.cate1No;
+			// 		}
+			// 		if(item.cate2No != null){
+			// 			tag += ', '+item.cate2No;
+			// 		}
+			// 		if(item.cate3No != null){
+			// 			tag += ', '+item.cate3No;
+			// 		}
+			// 		if(item.cate4No != null){
+			// 			tag += ', '+item.cate4No;
+			// 		}
+			// 		if(item.cate5No != null){
+			// 			tag += ', '+item.cate5No;
+			// 		}
+			// 		tag += ');">\n';
+			// 		if(item.cate1Nm != null){
+			// 			tag += '		<span>'+item.cate1Nm+'</span>\n';
+			// 		}
+			// 		if(item.cate2Nm != null){
+			// 			tag += '		<span>'+item.cate2Nm+'</span>\n';
+			// 		}
+			// 		if(item.cate3Nm != null){
+			// 			tag += '		<span>'+item.cate3Nm+'</span>\n';
+			// 		}
+			// 		if(item.cate4Nm != null){
+			// 			tag += '		<span>'+item.cate4Nm+'</span>\n';
+			// 		}
+			// 		if(item.cate5Nm != null){
+			// 			tag += '		<span>'+item.cate5Nm+'</span>\n';
+			// 		}
+			// 		tag +='	</a>\n';
+			// 		tag +='</li>\n';
+			// 	});
+			// 	tag += '</ul>\n';
+			//
+			// 	$("#keyupCateArea").find(".sch_category").append(tag);
+			// }else{
+			// 	$("#keyupCateArea").find(".sch_category").html('');
+			// }
 		}
 	}
 
@@ -681,22 +294,11 @@
 	var fnOnkeyupKeyword = function (obj){
 		var searchValue = $(obj).val();
 		if(searchValue.length > 0){
-			$("#defaultArea").hide();
-			$("#popularArea").hide();
-			$("#keyupArea").show();
-			$("#keyupCateArea").show();
-			$("#deleteKeyword").show();
-			$("#noDataArea").hide();
-			$("#recommandArea").hide();
 			fnGetAutoSearch();
 		}else{
-			$("#defaultArea").show();
-			$("#popularArea").show();
-			$("#keyupArea").hide();
-			$("#keyupCateArea").hide();
-			$("#deleteKeyword").hide();
-			$("#noDataArea").hide();
-			$("#recommandArea").hide();
+			$('.sch_result .default_box').show();
+			$('.sch_result .searching_box').hide();
+			$('.sch_result .empty_box').hide();
 		}
 	}
 
@@ -725,6 +327,71 @@
 		gagajf.setCookie('st24ck_today_keyword',keyword, -1);
 	}
 
+	// 인기검색어 조회
+	var fnTrendKeywordList = function (){
+		$("#noDataRelatedKeyword").html('');
+		var html = '';
+		$.getJSON('/display/search/trend/keyword/list', function (result){
+			if(result.trendList.length > 0){
+				$.each(result.trendList, function (idx, item){
+					html += '<a href="javascript:void(0);" onclick="fnSearchKeyword(\''+item.keyword+'\');"><span>#</span>'+item.keyword+'</a>';
+				});
+			}
+			$("#noDataRelatedKeyword").append(html);
+		});
+	}
+
+	// 검색어 연관 상품 추천
+	var fnRecommendItemList = function (keyword){
+		if(gagajf.isNull(keyword)){
+			keyword = "";
+		}
+		var data = {keyword : keyword};
+		var html = '';
+
+		$.getJSON('/display/recommend/item/list', data, function (result){
+			$("#recommendItemArea").html('');
+			if(result.length > 0){
+				$.each(result, function (idx, item){
+					html += '<div class="swiper-slide">\n';
+					html += '	<div class="item_prod">\n';
+					html += '		<div class="item_state">\n';
+					html += '			<button type="button" class="itemLike">관심상품 추가</button>\n';
+					html += '			<a href="'+item.product.itemUrl+'" class="itemLink">\n';
+					html += '				<div class="itemPic">\n';
+					html += '					<img class="vLHTC pd_img" src="'+item.product.itemImage+'" alt="">\n';
+					html += '				</div>\n';
+					html += '				<p class="itemBrand">'+item.product.brandName+'</p>\n';
+					html += '				<div class="itemName">'+item.product.itemName+'</div>\n';
+					html += '				<p class="itemPrice">\n';
+					if(item.product.salePrice < item.product.originalPrice) {
+						html += '			<span class="itemPrice_original">'+ item.product.originalPrice.addComma() +'</span>\n';
+					}
+					html += item.product.salePrice.addComma() ;
+					if(item.product.salePrice < item.product.originalPrice) {
+						html += '			<span class="itemPercent">' + Math.round((item.product.originalPrice - item.product.salePrice) / (item.product.originalPrice * 1.0) * 100) + '%</span>\n';
+					}
+					html += '				</p>\n';
+					html += '			</a>\n';
+					html += '		</div>\n';
+					html += '	</div>\n';
+					html += '</div>\n';
+				});
+			}
+			$("#recommendItemArea").append(html);
+
+			var swiperschProduct4 = new Swiper('.swiper-container.recommand_slide', {
+				slidesPerView: 2.2,
+				spaceBetween: 8,
+				autoplay: {
+					delay: 4000,
+				},
+				freeMode: true,
+				//centeredSlides: true,
+			});
+		});
+	}
+
 	/*]]>*/
 </script>
 

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

@@ -150,30 +150,56 @@
 		$(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',
-				},
-			});
+			//210728_ 수정 : 슬라이드 1개일때 자동롤링 멈춤.
+			// 서브비주얼 슬라이드
+			var subMainCont = $('.submain_visual .swiper-slide');
+			var subMainLength = subMainCont.length;
+			if (subMainLength < 2) {
+				var swiper = new Swiper('.submain_visual .swiper-container', {
+					observer: true,
+					observeParents: true,
+					loop:false,
+					watchOverflow: true,
+					speed:1000,
+					a11y: {
+						enabled: true,
+						notificationClass: 'swiper-notification',
+						prevSlideMessage: '이전 슬라이드',
+						nextSlideMessage: '다음 슬라이드',
+						firstSlideMessage: '첫번째 슬라이드 입니다',
+						lastSlideMessage: '마지막 슬라이드 입니다',
+						paginationBulletMessage: '슬라이드 {{index}}로 이동',
+					},
+					pagination: {
+						el: '.submain_visual .swiper-pagination',
+						type: 'fraction',
+					},
+				});
+			}else{
+				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');

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

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="ko"
-	xmlns:th="http://www.thymeleaf.org">
+	  xmlns:th="http://www.thymeleaf.org">
 <!--
  *******************************************************************************
  * @source  : SearchLayerMob.html
@@ -34,7 +34,7 @@
 					</form>
 				</div>
 
-				<div class="inner" id="defaultArea">
+				<div class="inner default_box" id="defaultArea">
 					<div class="filter-list">
 						<div class="f_left">
 							<h3>최근 검색어</h3>
@@ -57,117 +57,15 @@
 					<div class="related_keyword" th:if="${brandGroupNo==null}">
 						<div class="sub_category">
 							<div class="cate_wrap" id="popularKeyArea">
-		<!--						<a href="javascript:;" class="on">전체</a>-->
+								<!--						<a href="javascript:;" class="on">전체</a>-->
 							</div>
 						</div>
 					</div>
 				</div>
 				<!-- //1.통합검색 default -->
 
-				<!-- 2.통합검색 default_최근검색어 있음 -->
-		<!--		<div class="inner">-->
-		<!--			<div class="sch_title">-->
-		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-		<!--				<button type="button" class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-		<!--			</div>-->
-		<!--			<div class="filter-list">-->
-		<!--				<div class="f_left">-->
-		<!--					<h3>최근 검색어</h3>-->
-		<!--				</div>-->
-		<!--				<div class="f_right">-->
-		<!--					<button class="allxBtn"><span>전체삭제</span></button>-->
-		<!--				</div>-->
-		<!--			</div>-->
-		<!--			<div class="search-list">-->
-		<!--				<ul>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>01슬랙스</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>02특가세일</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>03모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>04모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>05모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>06모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>07모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>08모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>09모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="javascript:void(0);">-->
-		<!--							<p>10모이몰른 티셔츠</p>-->
-		<!--						</a>-->
-		<!--						<button type="button" class="xBtn"><span>삭제</span></button>-->
-		<!--					</li>-->
-		<!--				</ul>-->
-		<!--				<p class="nodata_txt">최근 검색어가 없습니다.</p>-->
-		<!--			</div>-->
-		<!--			<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>-->
-		<!--			<div class="related_keyword">-->
-		<!--				<div class="sub_category">-->
-		<!--					<div class="cate_wrap">-->
-		<!--						<a href="javascript:;" class="on">전체</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 언더웨어</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 세트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 원피스/스커트</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 가죽/모피</a>-->
-		<!--						<a href="javascript:;"><span>#</span> 여성 잡화</a>-->
-		<!--					</div>-->
-		<!--				</div>-->
-		<!--			</div>-->
-		<!--		</div>-->
-				<!-- //2.통합검색 default_최근검색어 있음 -->
 				<!-- 3.지금 많이 보고 있어요 상품. -->
-				<div class="inner" id="popularArea">
+				<div class="inner default_box" id="popularArea">
 					<div class="now_view">
 						<div class="store_product">
 							<div class="allresult-tit">
@@ -198,180 +96,39 @@
 				<!-- //3.지금 많이 보고 있어요 상품. -->
 
 				<!-- 4.검색어 타이핑 -->
-				<div class="inner" id="keyupArea" th:if="${brandGroupNo==null}">
-		<!--			<div class="sch_title">-->
-		<!--				<input type="text" class="form_control" value="티비제이 제기장 스웨터" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-		<!--				<button class="btn_x"><span>검색어 지우기</span></button>-->
-		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-		<!--			</div>-->
+				<div class="inner searching_box" id="keyupArea" style="display:none;" th:if="${brandGroupNo==null}">
 					<div class="filter-list store-list">
-		<!--				<div class="f_left">-->
-		<!--					<h3>티비제이 공식 스토어</h3>-->
-		<!--				</div>-->
-		<!--				<div class="f_right">-->
-		<!--					<a href="#none">바로가기</a>-->
-		<!--				</div>-->
 					</div>
 					<div class="relative-list">
-		<!--				<ul>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span> 기모청바지</p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>TBJ 겨울 팬츠</p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>제기장 스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span> 드라마 연예인 스웨터</p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>롱 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p><span>티비제이</span> 여성 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="#">-->
-		<!--							<p>가을겨울 긴팔 롱 <span>스웨터</span></p>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--				</ul>-->
-		<!--				<p class="nodata_txt">&lsquo;<span>스웨터 제기장</span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>-->
 					</div>
 				</div>
-				<div class="inner" id="keyupCateArea" th:if="${brandGroupNo==null}">
+				<div class="inner searching_box" id="keyupCateArea" style="display:none;" th:if="${brandGroupNo==null}">
 					<div class="sch_category">
-		<!--				<h3>카테고리</h3>-->
-		<!--				<ul>-->
-		<!--					<li>-->
-		<!--						<a href="">-->
-		<!--							<span>여성</span>-->
-		<!--							<span>티셔츠/셔츠</span>-->
-		<!--							<span><em>긴팔셔츠</em></span>-->
-		<!--							<span>스트라이프 퍼프 스트라이프 퍼프</span>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="">-->
-		<!--							<span>여성</span>-->
-		<!--							<span><em>니트/가디건/베스트</em></span>-->
-		<!--							<span>가디건</span>-->
-		<!--							<span>롱가디건</span>-->
-		<!--						</a>-->
-		<!--					</li>-->
-		<!--					<li>-->
-		<!--						<a href="">-->
-		<!--							<span><em>여성</em></span>-->
-		<!--							<span>자켓/점퍼/코트</span>-->
-		<!--							<span>코트</span>-->
-		<!--							<span>롱코트</span>-->
-		<!--						</a>-->
-		<!--					</li>-->
-							<!-- <li>
-		                        <p>여성 > <span>니트/가디건/베스트</span> > 가디건 > 롱가디건</p>
-		                    </li>
-		                    <li>
-		                        <p><span>여성</span> > 자켓/점퍼/코트 > 코트 > 롱코트</p>
-		                    </li> -->
-		<!--				</ul>-->
 					</div>
 				</div>
 				<!-- //4.검색어 타이핑 -->
 
 				<!-- 3.검색결과 없을때 -->
-				<div class="inner" id="noDataArea">
-		<!--			<div class="sch_title">-->
-		<!--				<input type="text" class="form_control" placeholder="NBA 겨울 클리어런스+봄 프리뷰!">-->
-		<!--				&lt;!&ndash; <button class="btn_x">X</button> &ndash;&gt;-->
-		<!--				<button class="btn_sch"><img src="/images/mo/ico_btn_search.png" alt=""></button>-->
-		<!--			</div>-->
+				<div class="inner empty_box" id="noDataArea" style="display:none;">
 					<div class="relative-list nodata"> <!-- 검색결과 없을 시 nodata 클래스 추가 -->
 						<p class="nodata_txt">&lsquo;<span id="noDataKeyword"></span>&rsquo; 에 맞는 상품을 찾지 못했습니다.<br>검색어를 변경해 보세요.</p>
 					</div>
 					<h3 class="hot-key">STYLE24에서 검색되고 있어요</h3>
 					<div class="related_keyword">
 						<div class="sub_category">
-							<div class="cate_wrap">
-								<a href="javascript:;" class="on">전체</a>
-								<a href="javascript:;"><span>#</span> 티셔츠/셔츠</a>
-								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-								<a href="javascript:;"><span>#</span> 팬츠/데님/레깅스</a>
-								<a href="javascript:;"><span>#</span> 가죽/모피</a>
-								<a href="javascript:;"><span>#</span> 여성 잡화</a>
-								<a href="javascript:;"><span>#</span> 언더웨어</a>
-								<a href="javascript:;"><span>#</span> 세트</a>
-								<a href="javascript:;"><span>#</span> 니트/가디건/베스트</a>
-								<a href="javascript:;"><span>#</span> 원피스/스커트</a>
-								<a href="javascript:;"><span>#</span> 가죽/모피</a>
-								<a href="javascript:;"><span>#</span> 여성 잡화</a>
+							<div class="cate_wrap" id="noDataRelatedKeyword">
+
 							</div>
 						</div>
 					</div>
 				</div>
-				<div class="inner" id="recommandArea">
+				<div class="inner empty_box" id="recommandArea" style="display:none;">
 					<div class="recommand_product">
 						<div class="store_product">
 							<div class="swiper-container recommand_slide">
 								<h3>이런 상품은 어떤가요?</h3>
 								<div class="swiper-wrapper" id="recommendItemArea">
-<!--									<div class="swiper-slide">-->
-<!--										<div class="item_prod">-->
-<!--											<div class="item_state">-->
-<!--												<button type="button" class="itemLike">관심상품 추가</button>-->
-<!--												<a href="#none" class="itemLink">-->
-<!--													<div class="itemPic">-->
-<!--														<img class="vLHTC pd_img" src="/images/mo/thumb/br_main03.png" alt="">-->
-<!--													</div>-->
-<!--													<p class="itemBrand">BRAND NAME</p>-->
-<!--													<div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>-->
-<!--													<p class="itemPrice">-->
-<!--														<span class="itemPrice_original">89,000</span>-->
-<!--														80,100-->
-<!--														<span class="itemPercent">10%</span>-->
-<!--													</p>-->
-<!--													<div class="itemcolorchip">-->
-<!--														<span class="chip_color35" value="ABM">BEIGE</span>-->
-<!--														<span class="chip_color54" value="BDS">BLACK</span>-->
-<!--														<span class="chip_color40" value="YBR">WHITE</span>-->
-<!--													</div>-->
-<!--													<p class="itemBadge">-->
-<!--														<span class="badge13">베스트 </span>-->
-<!--													</p>-->
-<!--													<div class="itemComment">#주문 폭주 상품</div>-->
-<!--												</a>-->
-<!--											</div>-->
-<!--										</div>-->
-<!--									</div>-->
+
 								</div>
 							</div>
 						</div>
@@ -458,15 +215,18 @@
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
 		if(result.autoKeywords.length==0 && gagajf.isNull(result.brand.brandGroupNo) && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
-			$("#keyupArea").hide();
-			$("#keyupCateArea").hide();
-			// $('.empty_box .nodata').find('#noDataKeyword').text("'"+$("#searchMainForm").find('input[name=keyword]').val()+"'");
+			$('.sch_result .default_box').hide();
+			$('.sch_result .searching_box').hide();
+			$('.sch_result .empty_box').show();
 			$("#noDataArea").find('#noDataKeyword').text($("#searchMainForm").find('input[name=keyword]').val());
-			$("#noDataArea").show();
-			$("#recommandArea").show();
 			// 검색어 연관 상품 추천
 			fnRecommendItemList($("#searchMainForm").find('input[name=keyword]').val());
+			// 인기검색어
+			fnTrendKeywordList();
 		}else{
+			$('.sch_result .default_box').hide();
+			$('.sch_result .searching_box').show();
+			$('.sch_result .empty_box').hide();
 			// 자동완성 키워드
 			if(result.autoKeywords != null && result.autoKeywords.length > 0){
 				$("#keyupArea").find(".relative-list").html('');
@@ -555,22 +315,11 @@
 	var fnOnkeyupKeyword = function (obj){
 		var searchValue = $(obj).val();
 		if(searchValue.length > 0){
-			$("#defaultArea").hide();
-			$("#popularArea").hide();
-			$("#keyupArea").show();
-			$("#keyupCateArea").show();
-			$("#deleteKeyword").show();
-			$("#noDataArea").hide();
-			$("#recommandArea").hide();
 			fnGetAutoSearch();
 		}else{
-			$("#defaultArea").show();
-			$("#popularArea").show();
-			$("#keyupArea").hide();
-			$("#keyupCateArea").hide();
-			$("#deleteKeyword").hide();
-			$("#noDataArea").hide();
-			$("#recommandArea").hide();
+			$('.sch_result .default_box').show();
+			$('.sch_result .searching_box').hide();
+			$('.sch_result .empty_box').hide();
 		}
 	}
 
@@ -590,6 +339,8 @@
 				}
 				$("#popularKeyArea").append(tag);
 			});
+		}else{
+			$("#popularKeyArea").html('');
 		}
 
 		$("#keyupArea").hide();
@@ -619,13 +370,27 @@
 		}
 	});
 
+	// 인기검색어 조회
+	var fnTrendKeywordList = function (){
+		$("#noDataRelatedKeyword").html('');
+		var html = '';
+		$.getJSON('/display/search/trend/keyword/list', function (result){
+			if(result.trendList.length > 0){
+				$.each(result.trendList, function (idx, item){
+					html += '<a href="javascript:void(0);" onclick="fnSearchKeyword(\''+item.keyword+'\');"><span>#</span>'+item.keyword+'</a>';
+				});
+			}
+			$("#noDataRelatedKeyword").append(html);
+		});
+	}
+
 	// 실시간 상품 새로고침
 	var fnRealtimeGoodsList = function (){
 		$("#itemViewArea").html('');
 		var html = '';
 
 		$.getJSON('/display/realtime/goods/list', function (result){
-			console.log(result);
+			// console.log(result);
 			if(result.length > 0){
 				$.each(result, function (idx, item){
 					html += '<div class="swiper-slide">\n';

src/main/webapp/WEB-INF/views/web/customer/JoinFormWeb.html

@@ -164,11 +164,36 @@
 						</button>
 					</div>
 					<div class="desc_wrap t_c mt20">
-						<p>
-							본인은&nbsp;만 14세 이상이며&nbsp;<a href="javascript:void(0)" onclick="cfnUseTermsLayer();">STYLE24이용약관<i class="ico ico_blank ml5"></i></a>
-							,&nbsp;<a href="javascript:void(0)" onclick="cfnPrivacyPolicyLayer();">개인정보 수집 및 이용<i class="ico ico_blank ml5"></i></a>,<br>
-							<a href="javascript:void(0)" onclick="cfnPrivacyTrustLayer();">개인정보 취급 위탁<i class="ico ico_blank ml5"></i></a> 내용을 확인 하였으며,동의합니다.
-						</p>
+						<div class="form_wrap">
+							<div class="form_field">
+								<p>
+									본인은&nbsp;만 14세 이상이며&nbsp; <br>
+
+									<input id="chk-policies-1" type="checkbox">
+									<label for="chk-policies-1">
+										<span>STYLE24이용약관</span>
+									</label>
+									<a href="javascript:void(0)" onclick="cfnUseTermsLayer();"><i class="ico ico_blank ml5"></i></a>
+
+									&nbsp; &nbsp;
+
+									<input id="chk-policies-2" type="checkbox">
+									<label for="chk-policies-2">
+										<span>개인정보 수집 및 이용</span>
+									</label>
+									<a href="javascript:void(0)" onclick="cfnPrivacyPolicyLayer();"><i class="ico ico_blank ml5"></i></a>
+
+									&nbsp;&nbsp;&nbsp;
+
+									<input id="chk-policies-3" type="checkbox">
+									<label for="chk-policies-3">
+										<span>개인정보 취급 위탁</span>
+									</label>
+									<a href="javascript:void(0)" onclick="cfnPrivacyTrustLayer();"><i class="ico ico_blank ml5"></i></a>
+									<br> 내용을 확인 하였으며,동의합니다.
+								</p>
+							</div>
+						</div>
 					</div>
 				</form>
 				<!-- form End -->
@@ -421,6 +446,22 @@
 
 	// 저장
 	$('#btnJoin').on('click', function () {
+		const $policies1 = $('#chk-policies-1');
+		const $policies2 = $('#chk-policies-2');
+		const $policies3 = $('#chk-policies-3');
+		if (!$policies1.is(':checked')) {
+			mcxDialog.alert("이용약관 체크 해주세요.");
+			return;
+		}
+		if (!$policies2.is(':checked')) {
+			mcxDialog.alert("개인정보 수집 및 이용 체크 해주세요.");
+			return;
+		}
+		if (!$policies3.is(':checked')) {
+			mcxDialog.alert("개인정보 취급 위탁 체크 해주세요.");
+			return;
+		}
+
 		mcxDialog.confirm("회원가입을 하시겠습니까?", {
 			cancelBtnText: "취소",
 			sureBtnText: "확인",

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

@@ -241,6 +241,11 @@
 				tag += '	<div class="item_state">\n';
 				tag += '		<button type="button" class="itemLike" goodsCd=\''+item.goodsCd+'\' onclick="wishlistDelete(this)">관심상품 추가</button>\n';
 				tag += '		<a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\', \''+item.colorCd+'\')">\n';
+				tag += '<div class="shape ';
+				if(idx==0){
+					tag += ' ranker';
+				}
+				tag += '"><span>'+(idx+1)+'</span></div>\n';
 				tag += '			<div class="itemPic">\n';
 				tag += '				<img alt="BLUE-a" class=" vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '">\n';
 				tag += '			</div>\n';

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

@@ -51,65 +51,23 @@
 			<div class="realtime_blk">
 				<h3>지금 고객님들이 많이 보고 있어요</h3>
 				<div class="modify_timer">
-					<button type="button" onclick="fnRealtimeGoodsList();"><span><em class="time">17:30</em> 기준</span></button>
+					<button type="button" onclick="fnRealtimeGoodsList();"><span><em class="time" th:text="${#calendars.format(#calendars.createNow(), 'HH:mm')}">17:30</em> 기준</span></button>
 				</div>
 				<div class="realtime_wrap">
-					<div class="itemsGrp">
-						<div class="item_prod">
-							<div class="item_state">
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-									</div>
-									<div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
-									<div class="viewCount"><span>508</span>명 보는중</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-									</div>
-									<div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
-									<div class="viewCount"><span>508</span>명 보는중</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-									</div>
-									<div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
-									<div class="viewCount"><span>508</span>명 보는중</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-									</div>
-									<div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
-									<div class="viewCount"><span>508</span>명 보는중</div>
-								</a>
-							</div>
-						</div>
-						<div class="item_prod">
-							<div class="item_state">
-								<a href="#none" class="itemLink">
-									<div class="itemPic">
-										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
-									</div>
-									<div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
-									<div class="viewCount"><span>508</span>명 보는중</div>
-								</a>
+					<div class="itemsGrp" id="itemViewArea">
+						<th:block th:each="item, status : ${realtimeGoodsList}">
+							<div class="item_prod">
+								<div class="item_state">
+									<a th:href="${item.itemUrl}" class="itemLink">
+										<div class="itemPic">
+											<img alt="" class="vLHTC pd_img" th:src="${item.imageUrl}">
+										</div>
+										<div class="itemName" th:text="${item.itemName}"></div>
+										<div class="viewCount"><span th:text="${item.count < 10 ? '10명 미만' : item.count + '명 보는중'}"></span></div>
+									</a>
+								</div>
 							</div>
-						</div>
+						</th:block>
 					</div>
 				</div>
 			</div>
@@ -118,42 +76,14 @@
 		<!-- 검색결과 입력 후 -->
 		<div class="searching_box" style="display:none;">
 			<div class="autokeyword_blk">
-<!--				<ul>-->
-<!--					<li><a href=""><em>가</em>을컬리수</a></li>-->
-<!--					<li><a href=""><em>가</em>드상하</a></li>-->
-<!--					<li><a href=""><em>가</em>죽자켓</a></li>-->
-<!--					<li><a href=""><em>가</em>죽밸트</a></li>-->
-<!--					<li><a href=""><em>가</em>운</a></li>-->
-<!--					<li><a href=""><em>가</em>을</a></li>-->
-<!--					<li><a href=""><em>가</em>디건</a></li>-->
-<!--					<li><a href=""><em>가</em>디건형니트</a></li>-->
-<!--					<li><a href=""><em>가</em>드밴드레깅스</a></li>-->
-<!--					<li><a href=""><em>가</em>을잠옷</a></li>-->
-<!--				</ul>-->
+
 			</div>
 
 			<div class="pd_list relate" id="relateGoodsDiv">
 				<h3>관련상품</h3>
 				<div class="realtime_wrap">
 					<div class="itemsGrp">
-<!--						<div class="item_prod">-->
-<!--							<div class="item_state">-->
-<!--								<a href="#none" class="itemLink">-->
-<!--									<div class="itemPic">-->
-<!--										<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">-->
-<!--									</div>-->
-<!--									<p class="itemBrand">BRAND NAME1</p>-->
-<!--									<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>-->
-<!--									&lt;!&ndash; cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. &ndash;&gt;-->
-<!--									<p class="itemPrice cols">-->
-<!--										<span class="itemPrice_original">89,000</span>-->
-<!--										80,100-->
-<!--										<span class="itemPercent">10%</span>-->
-<!--									</p>-->
-<!--									&lt;!&ndash; //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. &ndash;&gt;-->
-<!--								</a>-->
-<!--							</div>-->
-<!--						</div>-->
+
 					</div>
 				</div>
 			</div>
@@ -171,97 +101,8 @@
 			</div>
 			<div class="pd_list recommend">
 				<h3>이런 상품은 어떤가요?</h3>
-				<div class="itemsGrp">
-					<div class="item_prod">
-						<div class="item_state">
-							<a href="#none" class="itemLink">
-								<div class="itemPic">
-									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
-								</div>
-								<p class="itemBrand">BRAND NAME1</p>
-								<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-								<!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-								<p class="itemPrice cols">
-									<span class="itemPrice_original">89,000</span>
-									80,100
-									<span class="itemPercent">10%</span>
-								</p>
-								<!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-							</a>
-						</div>
-					</div>
-					<div class="item_prod">
-						<div class="item_state">
-							<a href="#none" class="itemLink">
-								<div class="itemPic">
-									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
-								</div>
-								<p class="itemBrand">BRAND NAME1</p>
-								<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-								<!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-								<p class="itemPrice cols">
-									<span class="itemPrice_original">89,000</span>
-									80,100
-									<span class="itemPercent">10%</span>
-								</p>
-								<!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-							</a>
-						</div>
-					</div>
-					<div class="item_prod">
-						<div class="item_state">
-							<a href="#none" class="itemLink">
-								<div class="itemPic">
-									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
-								</div>
-								<p class="itemBrand">BRAND NAME1</p>
-								<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-								<!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-								<p class="itemPrice cols">
-									<span class="itemPrice_original">89,000</span>
-									80,100
-									<span class="itemPercent">10%</span>
-								</p>
-								<!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-							</a>
-						</div>
-					</div>
-					<div class="item_prod">
-						<div class="item_state">
-							<a href="#none" class="itemLink">
-								<div class="itemPic">
-									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
-								</div>
-								<p class="itemBrand">BRAND NAME1</p>
-								<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-								<!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-								<p class="itemPrice cols">
-									<span class="itemPrice_original">89,000</span>
-									80,100
-									<span class="itemPercent">10%</span>
-								</p>
-								<!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-							</a>
-						</div>
-					</div>
-					<div class="item_prod">
-						<div class="item_state">
-							<a href="#none" class="itemLink">
-								<div class="itemPic">
-									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
-								</div>
-								<p class="itemBrand">BRAND NAME1</p>
-								<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
-								<!-- cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-								<p class="itemPrice cols">
-									<span class="itemPrice_original">89,000</span>
-									80,100
-									<span class="itemPercent">10%</span>
-								</p>
-								<!-- //cols 클래스 추가 후 itemPrice_original태그 위로 올려주시면 됩니다. -->
-							</a>
-						</div>
-					</div>
+				<div class="itemsGrp" id="recommendItemArea">
+
 				</div>
 			</div>
 		</div>
@@ -325,8 +166,6 @@
 	});
 
 	$(document).ready( function() {
-		console.log('xxxx brandNo::'+[[${brandGroupNo}]]);
-
 		$("#brand_layer_search").addClass('active');
 
 		//통합검색 - 검색어 입력 시
@@ -340,11 +179,13 @@
 
 	// 검색어 찾기 결과
 	var fnAutoCompleteList = function (result){
-		if(result.autoKeywords.length==0 && gagajf.isNull(result.brand.brandGroupNo) && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
+		if(result.autoKeywords.length==0 && result.cateList.length == 0 && gagajf.isNull(result.goodsList)){
 			$('.common_search .area_result .default_box').hide();
 			$('.common_search .area_result .searching_box').hide();
 			$('.common_search .area_result .empty_box').show();
 			$('.empty_box .nodata').find('#noDataKeyword').text("'"+$("#brandSearchMainForm").find('input[name=keyword]').val()+"'");
+			// 검색어 연관 상품 추천
+			fnRecommendItemList($("#brandSearchMainForm").find('input[name=keyword]').val());
 		}else{
 			$('.common_search .area_result .default_box').hide();
 			$('.common_search .area_result .searching_box').show();
@@ -485,6 +326,72 @@
 		gagajf.setCookie('st24ck_today_keyword',keyword, -1);
 	}
 
+	// 실시간 상품 새로고침
+	var fnRealtimeGoodsList = function (){
+		$("#itemViewArea").html('');
+		var html = '';
+		$.getJSON('/display/realtime/goods/list', function (result){
+			if(result.length > 0){
+				$.each(result, function (idx, item){
+					html += '<div class="item_prod">\n';
+					html += '	<div class="item_state">\n';
+					html += '		<a href="'+item.itemUrl+'" class="itemLink">\n';
+					html += '			<div class="itemPic">\n';
+					html += '				<img alt="" class="vLHTC pd_img" src="'+item.imageUrl+'">\n';
+					html += '			</div>\n';
+					html += '			<div class="itemName">'+item.itemName+'</div>\n';
+					if(item.count < 10){
+						html += '			<div class="viewCount"><span>10명</span> 미만</div>\n';
+					}else{
+						html += '			<div class="viewCount"><span>'+item.count.addComma()+'</span>명 보는중</div>\n';
+					}
+					html += '		</a>\n';
+					html += '	</div>\n';
+					html += '</div>\n';
+				});
+			}
+			$("#itemViewArea").append(html);
+		});
+	}
+
+	// 검색어 연관 상품 추천
+	var fnRecommendItemList = function (keyword){
+		if(gagajf.isNull(keyword)){
+			keyword = "";
+		}
+		var data = {keyword : keyword};
+		var html = '';
+
+		$.getJSON('/display/recommend/item/list', data, function (result){
+			$("#recommendItemArea").html('');
+			if(result.length > 0){
+				$.each(result, function (idx, item){
+					html += '<div class="item_prod">\n';
+					html += '	<div class="item_state">\n';
+					html += '		<a href="'+item.product.itemUrl+'" class="itemLink">\n';
+					html += '			<div class="itemPic">\n';
+					html += '				<img alt="" class="vLHTC pd_img" src="'+item.product.itemImage+'">\n';
+					html += '			</div>\n';
+					html += '			<p class="itemBrand">'+item.product.brandName+'</p>\n';
+					html += '			<div class="itemName">'+item.product.itemName+'</div>\n';
+					html += '			<p class="itemPrice cols">\n';
+					if(item.product.salePrice < item.product.originalPrice) {
+						html += '			<span class="itemPrice_original">'+ item.product.originalPrice.addComma() +'</span>\n';
+					}
+					html += item.product.salePrice.addComma() ;
+					if(item.product.salePrice < item.product.originalPrice) {
+						html += '			<span class="itemPercent">' + Math.round((item.product.originalPrice - item.product.salePrice) / (item.product.originalPrice * 1.0) * 100) + '%</span>\n';
+					}
+					html += '			</p>\n';
+					html += '		</a>\n';
+					html += '	</div>\n';
+					html += '</div>\n';
+				});
+			}
+			$("#recommendItemArea").append(html);
+		});
+	}
+
 	/*]]>*/
 </script>
 </html>

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

@@ -475,6 +475,10 @@
 .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
 .pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.pd_detail .thumb_box .swiper-button-prev {left: 2rem;}
+.pd_detail .thumb_box .swiper-button-next {right: 2rem;}
+.pd_detail .thumb_box .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
+.pd_detail .thumb_box .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
 .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
 .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
 .pd_detail .descript_box .price_blk{margin-top:1.2rem;}
@@ -622,6 +626,7 @@
 [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
 [class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
 [class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
+[class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center; margin-top: 3rem;}
 [class*="pd_descrp"] .mdhtml_box img {width:100%;height: 100%; display: block;}
 [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}
 [class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee;}
@@ -828,7 +833,7 @@
 /* 상품상세 및 상품상세딜_옵션선택팝업 */
 .pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
 .pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
 .pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}

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

@@ -185,6 +185,7 @@
 .main_trendy .item_prod:nth-child(even) {padding-right: 0;}
 .main_it {position: relative;padding-bottom: 4rem;}
 .main_it::after {content: '';display: block;clear: both;}
+.main_it .titWrap {padding:4rem 0 2rem;}
 .main_it .it_nav {display: flex;padding: 0 0.8rem; margin-bottom: 0.8rem; height: 5rem;line-height: 5rem;justify-content: center;}
 .main_it .swiper-scrollbar {margin: 0; background: #ddd !important; height: 0.2rem;}
 .main_it .swiper-scrollbar-drag {background:#222222 !important;}
@@ -226,6 +227,7 @@
 .main_deal .item_prod .itemName {color: rgb(204, 204, 204);}
 .main_deal .item_prod .itemPrice {color: #ffffff;}
 /* slide nav */
+.main_pick .titWrap {padding:4rem 0 2rem 0;}
 .main_pick .inner_head {padding: 0 0 0.9rem 0;position: relative;}
 .main_pick .inner_head .pick-head{padding: 0; box-sizing: border-box;overflow: visible;}
 .main_pick .inner_head .pick-head .swiper-wrapper{transform: translate3d(0, 0, 0);}
@@ -796,7 +798,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .part_goods .goods_detail .thumb_box::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 2;}
 .part_goods .goods_detail .thumb_box a {display:block; height: 100%;}
 .part_goods .goods_detail .thumb_box a::after { content: "";display: block; position: absolute; top:0; left: 0; width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
-.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
+.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3;}
 .part_goods .goods_detail .info_box {min-height:13.5rem; padding-top: 1rem;}
 .part_goods .goods_detail .info_box .od_name a {display:block;}
 .part_goods .goods_detail .info_box .od_name .name {display:inline-block; font-size: 1.3rem; line-height:1.4; margin:0.3rem 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
@@ -1382,8 +1384,9 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .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;}
 .dp .submain_visual .swiper-pagination-current {font-weight: 600;}
-.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #fff; z-index: 1;}
-.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
+.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #222; z-index: 1;}
+.dp .submain_visual .txtWrap.w {color: #fff;}
+.dp .submain_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
 .dp .sub_category {padding:2.4rem 0; position: relative;}
 .dp .sub_category .cate_wrap {margin:0 -0.4rem; height: auto; overflow:hidden;}

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

@@ -213,7 +213,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_search .default_box .realtime_blk .modify_timer {position:absolute; right:0; top:50px;}
 .common_search .default_box .realtime_blk .modify_timer button {color:#888; font-weight: 300; padding-right: 20px;}
 .common_search .default_box .realtime_blk .modify_timer button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
-.common_search .realtime_wrap {margin:0 -10px;}
+.common_search .realtime_wrap {margin:0 -10px; padding-bottom:20px; white-space: nowrap; overflow-x:auto;}
 .common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px; font-weight: 300;}
 .common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
 .common_search .realtime_wrap .item_prod .item_state {padding-bottom: 0;}
@@ -1621,7 +1621,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
 	.dp .sticky_nav ul li:last-child::after {display: none;}
 	.dp .sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
-	.dp .sticky_nav ul li a {font-weight: 500;}
+	.dp .sticky_nav ul li a {font-size: 16px; font-weight: 500;}
 	.dp .sticky_nav ul li a.active {color:#fd4800;}
 	.dp .sticky_nav_list .list_content .item_header {padding-top:50px;}
 	.dp .sticky_nav_list .list_content .item_header h4 {margin-bottom:60px;}
@@ -1638,7 +1638,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* dp_submain 상단배너 스크롤바 슬라이드 */
 	.dp .dp_submain {position:relative;}
 	.dp .dp_submain .swiper-container .img {position: relative;width: 100%;margin-bottom: 0;padding-top: 100%;font-size: 0px;overflow: hidden;}
-	.dp .dp_submain .swiper-container .img img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
+	.dp .dp_submain .swiper-container .img img {position: absolute;width: 100%;height: auto; max-width:430px; top: 50%;left: 0px;transform: translateY(-50%);}
 	.dp .dp_submain .swiper-container .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
 	.dp .dp_submain .swiper-container .txt span {font-size: 16px; font-weight: 200; color: #222; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
 	.dp .dp_submain .swiper-controls {margin-top:60px;}
@@ -2792,6 +2792,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	[class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
 	[class*="pd_descrp"] .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
 	[class*="pd_descrp"] .mdhtml_box {margin-top:80px;text-align: center;}
+	[class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center; margin-top: 40px;}
 	[class*="pd_descrp"] .mdhtml_box p{text-align: center;}
 	[class*="pd_descrp"] .mdhtml_box img {max-width:100%;}
 	[class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}