상품 이미지 모델컷명 변경, 상품상세컷 20개까지

src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDescFormMob.html

@@ -72,51 +72,59 @@
 			
 		<th:block th:if="${goodsInfo.tobeFormYn == 'Y'}">	
 		<!-- 착용컷 노출 -->
-		<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_M1') 
-											or #strings.contains(goodsImgList,'_M2')
-											or #strings.contains(goodsImgList,'_M3')
-											or #strings.contains(goodsImgList,'_M4')
-											or #strings.contains(goodsImgList,'_M5')}">
+		<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_C1') 
+											or #strings.contains(goodsImgList,'_C2')
+											or #strings.contains(goodsImgList,'_C3')
+											or #strings.contains(goodsImgList,'_C4')
+											or #strings.contains(goodsImgList,'_C5')}">
 			<span class="tit_view">OUTFIT VIEW</span>
 			<span class="model_info">(모델정보 : 185cm / 78kg / XL 착용)</span>
 			<div class="view">
-				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_M1') 
-																			or #strings.contains(goodsImg.sysImgNm,'_M2')
-																			or #strings.contains(goodsImg.sysImgNm,'_M3')
-																			or #strings.contains(goodsImg.sysImgNm,'_M4')
-																			or #strings.contains(goodsImg.sysImgNm,'_M5')}">
+				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_C1') 
+																			or #strings.contains(goodsImg.sysImgNm,'_C2')
+																			or #strings.contains(goodsImg.sysImgNm,'_C3')
+																			or #strings.contains(goodsImg.sysImgNm,'_C4')
+																			or #strings.contains(goodsImg.sysImgNm,'_C5')}">
 				<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
 				</th:block>
 			</div>
 		</div>
 		<!-- //착용컷 노출 -->
 		<!-- 상품컷 노출 -->
-		<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') 
-											or #strings.contains(goodsImgList,'_02')
-											or #strings.contains(goodsImgList,'_D1')
-											or #strings.contains(goodsImgList,'_D2')
-											or #strings.contains(goodsImgList,'_D3')
-											or #strings.contains(goodsImgList,'_D4')
-											or #strings.contains(goodsImgList,'_D5')}">
+		<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+											or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+											or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+											or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+											or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+											or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+											or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+											or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+											or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+											or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+											or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 			<span class="tit_view">PRODUCT VIEW</span>
 			<div class="view">
-				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_01') 
-																			or #strings.contains(goodsImg.sysImgNm,'_02')
-																			or #strings.contains(goodsImg.sysImgNm,'_D1')
-																			or #strings.contains(goodsImg.sysImgNm,'_D2')
-																			or #strings.contains(goodsImg.sysImgNm,'_D3')
-																			or #strings.contains(goodsImg.sysImgNm,'_D4')
-																			or #strings.contains(goodsImg.sysImgNm,'_D5')}">
+				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+													or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+													or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+													or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+													or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+													or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+													or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+													or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+													or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+													or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+													or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 				<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
 				</th:block>
 			</div>
 		</div>
 		<!-- //상품컷 노출 -->
 		<!-- 원단 노출 -->
-		<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1')}">
+		<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_F1')}">
 			<span class="tit_view">FABRIC</span>
 			<div class="view">
-				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_S1')}">
+				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_F1')}">
 				<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
 				</th:block>
 			</div>

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -61,7 +61,7 @@
 										</div>
 									</th:block>
 									<th:block th:each="goodsImg, status : ${goodsImgList}">
-									<div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1') 
+									<div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_F1') 
 																or #strings.contains(goodsImg.sysImgNm,'_L1')
 																or #strings.contains(goodsImg.sysImgNm,'_L2'))}">
 										<div class="thumb" ><img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=1080'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div></div>  <!--  mov -->
@@ -289,51 +289,59 @@
 				</div>
 				<th:block th:if="${goodsInfo.tobeFormYn == 'Y'}">	
 				<!-- 착용컷 노출 -->
-				<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_M1') 
-													or #strings.contains(goodsImgList,'_M2')
-													or #strings.contains(goodsImgList,'_M3')
-													or #strings.contains(goodsImgList,'_M4')
-													or #strings.contains(goodsImgList,'_M5')}">
+				<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_C1') 
+													or #strings.contains(goodsImgList,'_C2')
+													or #strings.contains(goodsImgList,'_C3')
+													or #strings.contains(goodsImgList,'_C4')
+													or #strings.contains(goodsImgList,'_C5')}">
 					<span class="tit_view">OUTFIT VIEW</span>
 					<span class="model_info">(모델정보 : 185cm / 78kg / XL 착용)</span>
 					<div class="view">
-						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_M1') 
-																					or #strings.contains(goodsImg.sysImgNm,'_M2')
-																					or #strings.contains(goodsImg.sysImgNm,'_M3')
-																					or #strings.contains(goodsImg.sysImgNm,'_M4')
-																					or #strings.contains(goodsImg.sysImgNm,'_M5')}">
+						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_C1') 
+																					or #strings.contains(goodsImg.sysImgNm,'_C2')
+																					or #strings.contains(goodsImg.sysImgNm,'_C3')
+																					or #strings.contains(goodsImg.sysImgNm,'_C4')
+																					or #strings.contains(goodsImg.sysImgNm,'_C5')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
 						</th:block>
 					</div>
 				</div>
 				<!-- //착용컷 노출 -->
 				<!-- 상품컷 노출 -->
-				<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') 
-													or #strings.contains(goodsImgList,'_02')
-													or #strings.contains(goodsImgList,'_D1')
-													or #strings.contains(goodsImgList,'_D2')
-													or #strings.contains(goodsImgList,'_D3')
-													or #strings.contains(goodsImgList,'_D4')
-													or #strings.contains(goodsImgList,'_D5')}">
+				<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+													or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+													or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+													or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+													or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+													or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+													or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+													or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+													or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+													or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+													or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 					<span class="tit_view">PRODUCT VIEW</span>
 					<div class="view">
-						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_01') 
-																					or #strings.contains(goodsImg.sysImgNm,'_02')
-																					or #strings.contains(goodsImg.sysImgNm,'_D1')
-																					or #strings.contains(goodsImg.sysImgNm,'_D2')
-																					or #strings.contains(goodsImg.sysImgNm,'_D3')
-																					or #strings.contains(goodsImg.sysImgNm,'_D4')
-																					or #strings.contains(goodsImg.sysImgNm,'_D5')}">
+						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+																					or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+																					or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+																					or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+																					or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+																					or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+																					or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+																					or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+																					or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+																					or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+																					or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
 						</th:block>
 					</div>
 				</div>
 				<!-- //상품컷 노출 -->
 				<!-- 원단 노출 -->
-				<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1')}">
+				<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_F1')}">
 					<span class="tit_view">FABRIC</span>
 					<div class="view">
-						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_S1')}">
+						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_F1')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
 						</th:block>
 					</div>
@@ -1041,7 +1049,7 @@
 					</div>
 				</div>
 				<th:block th:each="goodsImg, status : ${goodsImgList}">
-				<div id="popThumb2" class="scaleview" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1.') 
+				<div id="popThumb2" class="scaleview" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_F1.') 
 													or #strings.contains(goodsImg.sysImgNm,'_L1.')
 													or #strings.contains(goodsImg.sysImgNm,'_L2.'))}">
 					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=1080'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">

src/main/webapp/WEB-INF/views/web/goods/GoodsDealDescFormWeb.html

@@ -73,19 +73,19 @@
 			
 	<th:block th:if="${goodsInfo.tobeFormYn == 'Y'}">
 	<!-- 착용컷 노출 -->
-	<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_M1') 
-										or #strings.contains(goodsImgList,'_M2')
-										or #strings.contains(goodsImgList,'_M3')
-										or #strings.contains(goodsImgList,'_M4')
-										or #strings.contains(goodsImgList,'_M5')}">
+	<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_C1') 
+										or #strings.contains(goodsImgList,'_C2')
+										or #strings.contains(goodsImgList,'_C3')
+										or #strings.contains(goodsImgList,'_C4')
+										or #strings.contains(goodsImgList,'_C5')}">
 		<span class="tit_view">OUTFIT VIEW</span>
 		<span class="model_info">(모델정보 : 185cm / 78kg / XL 착용)</span>
 		<div class="view">
-			<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_M1') 
-																		or #strings.contains(goodsImg.sysImgNm,'_M2')
-																		or #strings.contains(goodsImg.sysImgNm,'_M3')
-																		or #strings.contains(goodsImg.sysImgNm,'_M4')
-																		or #strings.contains(goodsImg.sysImgNm,'_M5')}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_C1') 
+																		or #strings.contains(goodsImg.sysImgNm,'_C2')
+																		or #strings.contains(goodsImg.sysImgNm,'_C3')
+																		or #strings.contains(goodsImg.sysImgNm,'_C4')
+																		or #strings.contains(goodsImg.sysImgNm,'_C5')}">
 			<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
 			</th:block>
 		</div>
@@ -93,32 +93,40 @@
 	
 	<!-- //착용컷 노출 -->
 	<!-- 상품컷 노출 -->
-	<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') 
-										or #strings.contains(goodsImgList,'_02')
-										or #strings.contains(goodsImgList,'_D1')
-										or #strings.contains(goodsImgList,'_D2')
-										or #strings.contains(goodsImgList,'_D3')
-										or #strings.contains(goodsImgList,'_D4')
-										or #strings.contains(goodsImgList,'_D5')}">
+	<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+										or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+										or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+										or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+										or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+										or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+										or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+										or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+										or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+										or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+										or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 		<span class="tit_view">PRODUCT VIEW</span>
 		<div class="view">
-			<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_01') 
-																		or #strings.contains(goodsImg.sysImgNm,'_02')
-																		or #strings.contains(goodsImg.sysImgNm,'_D1')
-																		or #strings.contains(goodsImg.sysImgNm,'_D2')
-																		or #strings.contains(goodsImg.sysImgNm,'_D3')
-																		or #strings.contains(goodsImg.sysImgNm,'_D4')
-																		or #strings.contains(goodsImg.sysImgNm,'_D5')}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+																		or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+																		or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+																		or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+																		or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+																		or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+																		or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+																		or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+																		or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+																		or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+																		or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 			<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
 			</th:block>
 		</div>
 	</div>
 	<!-- //상품컷 노출 -->
 	<!-- 원단 노출 -->
-	<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1')}">
+	<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_F1')}">
 		<span class="tit_view">FABRIC</span>
 		<div class="view">
-			<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_S1')}">
+			<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_F1')}">
 			<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
 			</th:block>
 		</div>

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -54,7 +54,7 @@
 									</th:block>
 									<th:block th:each="goodsImg, status : ${goodsImgList}">
 										<div class="swiper-slide" th:classappend="${status.first and videoYn == 'N'}? 'on' : ''"  th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }"
-																	th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1') 
+																	th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_F1') 
 																			or #strings.contains(goodsImg.sysImgNm,'_L1')
 																			or #strings.contains(goodsImg.sysImgNm,'_L2'))}">
 											<a th:href="${'#navLocate'+ count}">
@@ -87,7 +87,7 @@
 								<th:block th:each="goodsImg, status : ${goodsImgList}" >
 								<th:block th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }">
 								<li th:id="${'navLocate'+ count}"  th:classappend="${status.first and videoYn == 'N'}? 'on' : ''" 
-									th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1') 
+									th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_F1') 
 												or #strings.contains(goodsImg.sysImgNm,'_L1')
 												or #strings.contains(goodsImg.sysImgNm,'_L2'))}">
 									<a href="javascript:void(0);">
@@ -666,21 +666,21 @@
 				<th:block th:if="${goodsInfo.tobeFormYn == 'Y'}">
 				
 				<!-- 착용컷 노출 -->
-				<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_M1') 
-													or #strings.contains(goodsImgList,'_M2')
-													or #strings.contains(goodsImgList,'_M3')
-													or #strings.contains(goodsImgList,'_M4')
-													or #strings.contains(goodsImgList,'_M5')}">
+				<div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_C1') 
+													or #strings.contains(goodsImgList,'_C2')
+													or #strings.contains(goodsImgList,'_C3')
+													or #strings.contains(goodsImgList,'_C4')
+													or #strings.contains(goodsImgList,'_C5')}">
 					<span class="tit_view">OUTFIT VIEW</span>
 					<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${status.first}">
 					<span class="model_info" th:text="${goodsImg.modelInfo}">(모델정보 : 185cm / 78kg / XL 착용)</span>
 					</th:block>
 					<div class="view">
-						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_M1') 
-																					or #strings.contains(goodsImg.sysImgNm,'_M2')
-																					or #strings.contains(goodsImg.sysImgNm,'_M3')
-																					or #strings.contains(goodsImg.sysImgNm,'_M4')
-																					or #strings.contains(goodsImg.sysImgNm,'_M5')}">
+						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_C1') 
+																					or #strings.contains(goodsImg.sysImgNm,'_C2')
+																					or #strings.contains(goodsImg.sysImgNm,'_C3')
+																					or #strings.contains(goodsImg.sysImgNm,'_C4')
+																					or #strings.contains(goodsImg.sysImgNm,'_C5')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
 						</th:block>
 					</div>
@@ -688,32 +688,40 @@
 				
 				<!-- //착용컷 노출 -->
 				<!-- 상품컷 노출 -->
-				<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') 
-													or #strings.contains(goodsImgList,'_02')
-													or #strings.contains(goodsImgList,'_D1')
-													or #strings.contains(goodsImgList,'_D2')
-													or #strings.contains(goodsImgList,'_D3')
-													or #strings.contains(goodsImgList,'_D4')
-													or #strings.contains(goodsImgList,'_D5')}">
+				<div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+													or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+													or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+													or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+													or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+													or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+													or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+													or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+													or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+													or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+													or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 					<span class="tit_view">PRODUCT VIEW</span>
 					<div class="view">
-						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_01.') 
-																					or #strings.contains(goodsImg.sysImgNm,'_02.')
-																					or #strings.contains(goodsImg.sysImgNm,'_D1.')
-																					or #strings.contains(goodsImg.sysImgNm,'_D2.')
-																					or #strings.contains(goodsImg.sysImgNm,'_D3.')
-																					or #strings.contains(goodsImg.sysImgNm,'_D4.')
-																					or #strings.contains(goodsImg.sysImgNm,'_D5.')}">
+						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImgList,'_01') or #strings.contains(goodsImgList,'_02')
+																					or #strings.contains(goodsImgList,'_D1') or #strings.contains(goodsImgList,'_D2')
+																					or #strings.contains(goodsImgList,'_D3') or #strings.contains(goodsImgList,'_D4')
+																					or #strings.contains(goodsImgList,'_D5') or #strings.contains(goodsImgList,'_D6')
+																					or #strings.contains(goodsImgList,'_D7') or #strings.contains(goodsImgList,'_D8')
+																					or #strings.contains(goodsImgList,'_D9') or #strings.contains(goodsImgList,'_D10')
+																					or #strings.contains(goodsImgList,'_D11') or #strings.contains(goodsImgList,'_D12')
+																					or #strings.contains(goodsImgList,'_D13') or #strings.contains(goodsImgList,'_D14')
+																					or #strings.contains(goodsImgList,'_D15') or #strings.contains(goodsImgList,'_D16')
+																					or #strings.contains(goodsImgList,'_D17') or #strings.contains(goodsImgList,'_D18')
+																					or #strings.contains(goodsImgList,'_D19') or #strings.contains(goodsImgList,'_D20')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
 						</th:block>
 					</div>
 				</div>
 				<!-- //상품컷 노출 -->
 				<!-- 원단 노출 -->
-				<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1')}">
+				<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_F1')}">
 					<span class="tit_view">FABRIC</span>
 					<div class="view">
-						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_S1')}">
+						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_F1')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
 						</th:block>
 					</div>