Merge branch 'sowon' into develop

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

@@ -42,6 +42,8 @@
 						</div>
 					</th:block>
 					<th:block th:if="${a.tmplType == 'G082_50'}">
+						<div class="inner wide" th:id="${a.tmplType + a.planContSq}">
+                		</div>
 					</th:block>
 					<th:block th:if="${a.tmplType == 'G082_51'}">
 					</th:block>
@@ -322,117 +324,6 @@
 						</div>
 					</div>
 				</div>
-				<div class="inner wide">
-					<div class="dp_listItems_cont type1">
-						<h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
-						<div class="swiper-container item01">
-							<div class="swiper-wrapper">
-								<div class="swiper-slide">
-									<div class="item_prod">
-										<div class="item_state">
-											<!-- 210415_위시리스트 삭제 -->
-											<!--<button type="button" class="itemLike">관심상품 추가</button>-->
-											<a href="#none" class="itemLink">
-												<div class="itemPic">
-													<img class="vLHTC pd_img" src="/images/mo/thumb/dp_case1_item.jpg" 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="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/dp_case1_item.jpg" 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="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/dp_case1_item.jpg" 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="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/dp_case1_item.jpg" 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="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/dp_case1_item.jpg" 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="itemComment">#가을 느낌 물씬!</div>
-											</a>
-										</div>
-									</div>
-								</div>
-							</div>
-							<div class="swiper-pagination"></div>
-						</div>
-					</div>
-                </div>
 				<div class="inner">
 					<div class="dp_listItems_cont type2">
 						<h2 class="dp_subtitle"><a href="#none">겨울 아우터 추천템</a></h2>
@@ -712,19 +603,11 @@
 					<div class="dp_listItems_wrap type1">
 						<div class="items_option">
 							<div class="open_categori" style="position: relative; width: 100%; z-index: 0;">
-								<a id="filter">모이몰른
-									
-								</a> 
+								<a id="filter"></a> 
 							</div>
 						</div>
 						<h2 class="dp_subtitle">겨울 아우터 재입고</h2>
 						<div class="list_content"> <!-- 데이터 없을시 클래스 nodata 추가 -->
-							<div class="list_defult">
-								<div>
-									<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-								</div>
-								<button type="button" class="btn btn_default"><span>선택한 필터 초기화</span></button>
-							</div>
 							<div class="itemsGrp">
 								<div class="item_prod">
 									<div class="item_state">
@@ -752,84 +635,6 @@
 										</a>
 									</div>
 								</div>
-								<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/prod1.jpg" 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="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/prod1.jpg" 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="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/prod1.jpg" 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>
@@ -864,84 +669,6 @@
 									</a>
 								</div>
 							</div>
-							<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/prod1.jpg" 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="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/prod1.jpg" 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="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/prod1.jpg" 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>
@@ -968,7 +695,24 @@
 					</div>
 				</div>
 			</section>
-
+			
+			<!-- 210415_최신상품순 리스트 팝업 추가 -->
+            <div id="odDatePop" class="popup_box odDatePop">
+                <div class="lap">
+                    <div class="popup_close">카테고리닫기</div>
+                    <div class="popup_head sr-only">
+                        <h2 class="">기간 선택 팝업</h2>
+                    </div>
+                    <div class="popup_con">
+                        <div class="button_list clear">
+                        	<th:block th:if="${planCornerList!=null}" th:each="a, cornerStat : ${planCornerList}">
+                           	 <button type="button" th:onclick="fnCornerClick([[${cornerStat.index+1}]], [[${a.cornerNm}]])"><span th:text="${a.cornerNm}"></span></button>
+                            </th:block>
+                        </div>
+                    </div>
+                </div>
+            </div>
+			
 
 			<!-- 쿠폰사용안내 팝업 -->
 			<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
@@ -998,6 +742,78 @@ let _mall = [[${@environment.getProperty('domain.front')}]];
 let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
 let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
 
+
+if(goods1.length>0){
+	var array = [];
+
+	for (var j = 0; j < template.length; j++) {
+		if(template[j].tmplType == 'G082_50'){
+			array.push(template[j].planContSq);
+		}
+	}	
+	
+	for (var i = 0; i < template.length; i++) {
+		var html = '';
+		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
+			html += '<div class="dp_listItems_cont type1">';
+			html += '	<h2 class="dp_subtitle">';
+			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
+				if (template[i].linkOpenGb == 'M') { //본창
+					html += '        <a href="http://'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
+				}else{
+					html += '        <a href="http://'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>';
+				}
+			}else{
+				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>';
+			}
+			html += '   </h2>';
+			html += '	<div class="swiper-container item01">';
+			html += '		<div class="swiper-wrapper">';
+			$.each(goods1, function(idx, item)  {
+				if (item.planContSq == template[i].planContSq) {
+					html += '			<div class="swiper-slide">';
+					html += '				<div class="item_prod">';
+					html += '					<div class="item_state">';
+					html += '						<a href="#none" class="itemLink">';
+					html += '							<div class="itemPic">';
+					html += '								<img class="vLHTC pd_img" src="'+ goodsView +'/'+item.sysImgNm +'" alt="">';
+					html += '							</div>';
+					html += '							<p class="itemBrand">'+item.brandGroupNm+'</p>';
+					html += '							<div class="itemName">'+item.goodsNm+'</div>';
+					html += '							<p class="itemPrice">';
+					if (item.currPrice != item.listPrice) {
+						html += '								<span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
+					}
+					html +=                             item.currPrice.addComma();
+					if (item.currPrice != item.listPrice) {
+						html += '								<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>';
+					}
+					html += '							</p>';
+					if(item.goodsTnm != null){
+						html += '							<div class="itemComment">'+item.goodsTnm+'</div>';
+					}
+					html += '						</a>';
+					html += '					</div>';
+					html += '				</div>';
+					html += '			</div>';
+				}
+			});
+			html += '		</div>';
+			html += '		<div class="swiper-pagination"></div>';
+			html += '	</div>';
+			html += '</div>';
+			$("#G082_50" +array[0]).append(html);
+		}
+		
+		if($("#G082_50" +template[i].planContSq).length){
+			array.shift();
+		}
+		
+	}
+	
+
+	
+}
 /* 이미지 */
 if(image.length>0){
 	var html = '';
@@ -1078,8 +894,18 @@ if(coupon.length>0){
 	$("#G082_20").append(html);
 }
 
+var fnCornerClick = function (result1,result2) {
+	var num = result1 - 1;
+	$("#filter").text(result2);
+	//var offset = $('.dp_listItems_cont.type'+(result1)).offset(); //선택한 태그의 위치를 반환
+	var offset = $('#type'+num).offset(); //선택한 태그의 위치를 반환
+	//animate()메서드를 이용해서 선택한 태그의 스크롤 위치를 지정해서 0.4초 동안 부드럽게 해당 위치로 이동함 
+	$('html').animate({scrollTop : offset.top}, 400);
+	
+}
 
 $(document).ready(function(){
+	$("#filter").text(planCornerList[0].cornerNm);
 	//상단 빅배너 슬라이드
 	var big_banner_slide = new Swiper('.big_banner_slide .swiper-container', {
 		slidesPerView: 1,
@@ -1132,6 +958,25 @@ $(document).ready(function(){
 		centerMode: true,
 	});
 	
+	//기간 선택 팝업
+    $(document).on("click", ".open_categori", function(){
+        $('#odDatePop').show().addClass("active");
+        $("body").css({"overflow":"hidden"});
+    });
+	
+  //팝업_닫기
+    $('.popup_close').on("click",function(){
+        $('.popup_box').hide().removeClass('active');
+        $("body").css({"overflow":"visible"});
+    });
+	
+    // 210415_팝업 테두리 선택 추가
+    $(document).ready(function(){
+	    $(document).on('click','.popup_box .button_list button',function(){
+            $('.popup_box .button_list button').removeClass('on');
+            $(this).addClass('on');
+		});
+	});
 	// 210415_드롭박스 상단고정
 	$(window).scroll(function(){
 		var scrollTop= $(window).scrollTop();

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

@@ -83,80 +83,6 @@
 					</div>
                 </div>
                 <div id="cornerList"></div>
-<!-- 				<div class="inner">
-					<div class="dp_listItems_wrap type1">
-						<h2 class="dp_subtitle">겨울 아우터 재입고</h2>
-						<div class="list_content"> 데이터 없을시 클래스 nodata 추가
-							<div class="list_defult">
-								<div>
-									<p>선택하신 조건에 맞는 상품이 없습니다.<br>필터를 변경해 보세요.</p>
-								</div>
-								<button type="button" class="btn btn_default"><span>선택한 필터 초기화</span></button>
-							</div>
-							<div class="itemsGrp">
-								<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/prod1.jpg" 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> -->
-<!-- 				<div class="inner">
-					<div class="dp_listItems_wrap type2">
-						<h2 class="dp_subtitle">2021 신상 아우터</h2>
-						<div class="itemsGrp">
-                            <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/prod1.jpg" 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> -->
 			</section>
 
 			<!-- 카테고리 -->

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

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Insert title here</title>
+</head>
+<body>
+
+</body>
+</html>

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

@@ -277,7 +277,19 @@ if(planCornerList.length>0){
 		html += '             <div class="item_header">';
 		html += '                 <h4>'+item.cornerNm+'</h4>';
 		html += '             </div>';
-		html += '             <div class="itemsGrp">';
+		html += '             <div class="itemsGrp';
+		if (item.cornerDispType == 'G045_1') {
+			html += ' cut1';
+		}else if(item.cornerDispType == 'G045_2'){
+			html += ' cut2';
+		}else if(item.cornerDispType == 'G045_3'){
+			html += ' cut3';
+		}else if(item.cornerDispType == 'G045_4'){
+			html += ' cut4';
+		}else if(item.cornerDispType == 'G045_5'){
+			html += ' cut5';
+		}
+		html += '">';
 		$.each(planCornerGoodsList, function(idx2, item2)  {
 			if (item2.cornerNm == item.cornerNm) {
 				html += '                 <div class="item_prod">';

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

@@ -779,8 +779,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
 
 .item_prod {width: 20%;display: inline-block;font-size: 0px;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.2px;}
 .item_state {position: relative; padding: 0px 10px 60px; box-sizing: border-box;}
-.itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;}
-.itemsGrp .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
+.item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;}
+.item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
 @media (max-width: 1919px) and (min-width: 1401px){/* .item_state {padding-left: 6px;padding-right: 6px;} */}
 .hgbgCa {width: 100%;height: 100%;}
 .fgRDJH {padding: 0px 40px;font-size: 0px;box-sizing: border-box;}

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

@@ -1654,6 +1654,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.container .wrap .content.dp_Bulletship {max-width: 1780px; overflow: hidden;}
 	.container .wrap .content.wide.dp_detail_case1 {max-width: 1920px;}*/
 	.dp .itemsGrp {margin:0 -10px;}
+	/* 정렬타입 [ cutcut1 ~ 4 ] 추가 */
+	.dp .itemsGrp.cut1 {margin:0 -10px;display: flex;justify-content: center;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: center;}
+	.dp .itemsGrp.cut1 .item_prod {display: block;}
+	.dp .itemsGrp.cut2 {margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((57% - 20px)/2);}
+	.dp .itemsGrp.cut2 .item_prod {width: calc((100% - 0px)/2);}
+	.dp .itemsGrp.cut3 {margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((36.8% - 20px)/2);}
+	.dp .itemsGrp.cut3 .item_prod {width: calc((100% - 0px)/3);}
+	.dp .itemsGrp.cut4 {margin:0 -10px;margin: 0 auto;display: inline-block;padding: 0 calc((15.8% - 20px)/2);}
+	.dp .itemsGrp.cut4 .item_prod {width: calc((100% - 0px)/4);}
 	.dp .wrap {padding-bottom:160px;}
 	.dp .cont_body {position:relative;}
 	.container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:none; padding-left:0px; padding-right:0px;}