상품 상단 이미지 순서

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

@@ -69,73 +69,73 @@
 		<!-- 관리자 에디터입력 내용 노출  상단 html -->
 		<div class="mdhtml_box" th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></div>
 		<!-- 착용컷 노출 -->
-		<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,'_M1') 
+											or #strings.contains(goodsImgList,'_M2')
+											or #strings.contains(goodsImgList,'_M3')
+											or #strings.contains(goodsImgList,'_M4')
+											or #strings.contains(goodsImgList,'_M5')}">
 			<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,'_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')}">
 				<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')}">
 			<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(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')}">
 				<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,'_S1')}">
 			<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,'_S1')}">
 				<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
 				</th:block>
 			</div>
 		</div>
 		<!-- //원단 노출 -->
 		<!-- 라벨 노출 -->
-		<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1.') 
-											or #strings.contains(goodsImgList,'_L2.')}">
+		<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1') 
+											or #strings.contains(goodsImgList,'_L2')}">
 			<span class="tit_view">LABEL INFO</span>
 			<div class="view">
 				<span>
-					<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1.') 
-																			or #strings.contains(goodsImg.sysImgNm,'_L2.')}">
+					<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1') 
+																			or #strings.contains(goodsImg.sysImgNm,'_L2')}">
 					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
 					</th:block>
 				</span>
 			</div>
 		</div>
 		<!-- //라벨 노출 -->
-		<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01.')}">
+		<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01')}">
 			<div class="view">
 				<th:block th:each="goodsImg, status : ${goodsImgList}" >
 					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">

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

@@ -48,9 +48,9 @@
 							<div class="swiper-container thumb_list">
 								<div class="swiper-wrapper">
 									<th:block th:each="goodsImg, status : ${goodsImgList}">
-									<div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1.') 
-																or #strings.contains(goodsImg.sysImgNm,'_L1.')
-																or #strings.contains(goodsImg.sysImgNm,'_L2.'))}">
+									<div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1') 
+																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 -->
 									</th:block>	
 								</div>
@@ -265,71 +265,71 @@
 				<th:block  th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></th:block >
 				</div>	
 				<!-- 착용컷 노출 -->
-				<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,'_M1') 
+													or #strings.contains(goodsImgList,'_M2')
+													or #strings.contains(goodsImgList,'_M3')
+													or #strings.contains(goodsImgList,'_M4')
+													or #strings.contains(goodsImgList,'_M5')}">
 					<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,'_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')}">
 						<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')}">
 					<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(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')}">
 						<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,'_S1')}">
 					<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,'_S1')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
 						</th:block>
 					</div>
 				</div>
 				<!-- //원단 노출 -->
 				<!-- 라벨 노출 -->
-				<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1.') 
-													or #strings.contains(goodsImgList,'_L2.')}">
+				<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1') 
+													or #strings.contains(goodsImgList,'_L2')}">
 					<span class="tit_view">LABEL INFO</span>
 					<div class="view">
 						<span>
-							<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1.') 
-																					or #strings.contains(goodsImg.sysImgNm,'_L2.')}">
+							<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1') 
+																					or #strings.contains(goodsImg.sysImgNm,'_L2')}">
 							<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
 							</th:block>
 						</span>
 					</div>
 				</div>
 				<!-- //라벨 노출 -->
-				<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01.')}">
+				<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01')}">
 					<div class="view">
 						<th:block th:each="goodsImg, status : ${goodsImgList}" >
 							<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">

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

@@ -71,19 +71,19 @@
 	<th:block  th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></th:block >
 	</div>	
 	<!-- 착용컷 노출 -->
-	<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,'_M1') 
+										or #strings.contains(goodsImgList,'_M2')
+										or #strings.contains(goodsImgList,'_M3')
+										or #strings.contains(goodsImgList,'_M4')
+										or #strings.contains(goodsImgList,'_M5')}">
 		<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,'_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')}">
 			<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="">
 			</th:block>
 		</div>
@@ -91,45 +91,45 @@
 	
 	<!-- //착용컷 노출 -->
 	<!-- 상품컷 노출 -->
-	<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')}">
 		<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(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')}">
 			<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" 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,'_S1')}">
 		<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,'_S1')}">
 			<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720}" alt="">
 			</th:block>
 		</div>
 	</div>
 	<!-- //원단 노출 -->
 	<!-- 라벨 노출 -->
-	<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1.') 
-										or #strings.contains(goodsImgList,'_L2.')}">
+	<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1') 
+										or #strings.contains(goodsImgList,'_L2')}">
 		<span class="tit_view">LABEL INFO</span>
 		<div class="view">
 			<span>
-				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1.') 
-																		or #strings.contains(goodsImg.sysImgNm,'_L2.')}">
+				<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1') 
+																		or #strings.contains(goodsImg.sysImgNm,'_L2')}">
 				<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=250}" alt="">
 				</th:block>
 			</span>
@@ -137,7 +137,7 @@
 	</div>
 	<!-- //라벨 노출 -->
 	
-	<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01.')}">
+	<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01')}">
 		<div class="view">
 			<th:block th:each="goodsImg, status : ${goodsImgList}" >
 				<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="">

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

@@ -53,9 +53,9 @@
 									</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.') 
-																		or #strings.contains(goodsImg.sysImgNm,'_L1.')
-																		or #strings.contains(goodsImg.sysImgNm,'_L2.'))}">
+																	th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1') 
+																			or #strings.contains(goodsImg.sysImgNm,'_L1')
+																			or #strings.contains(goodsImg.sysImgNm,'_L2'))}">
 											<a th:href="${'#navLocate'+ count}">
 												<span class="thumb">
 												<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=48'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -86,9 +86,9 @@
 								<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.') 
-												or #strings.contains(goodsImg.sysImgNm,'_L1.')
-												or #strings.contains(goodsImg.sysImgNm,'_L2.'))}">
+									th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1') 
+												or #strings.contains(goodsImg.sysImgNm,'_L1')
+												or #strings.contains(goodsImg.sysImgNm,'_L2'))}">
 									<a href="javascript:void(0);">
 										<span class="thumb">
 											<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=1080'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
@@ -501,21 +501,21 @@
 				<th:block  th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></th:block >
 				</div>	
 				<!-- 착용컷 노출 -->
-				<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,'_M1') 
+													or #strings.contains(goodsImgList,'_M2')
+													or #strings.contains(goodsImgList,'_M3')
+													or #strings.contains(goodsImgList,'_M4')
+													or #strings.contains(goodsImgList,'_M5')}">
 					<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,'_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')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="">
 						</th:block>
 					</div>
@@ -523,13 +523,13 @@
 				
 				<!-- //착용컷 노출 -->
 				<!-- 상품컷 노출 -->
-				<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')}">
 					<span class="tit_view">PRODUCT VIEW</span>
 					<div class="view">
 						<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_01.') 
@@ -545,23 +545,23 @@
 				</div>
 				<!-- //상품컷 노출 -->
 				<!-- 원단 노출 -->
-				<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1.')}">
+				<div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1')}">
 					<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,'_S1')}">
 						<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="">
 						</th:block>
 					</div>
 				</div>
 				<!-- //원단 노출 -->
 				<!-- 라벨 노출 -->
-				<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1.') 
-													or #strings.contains(goodsImgList,'_L2.')}">
+				<div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1') 
+													or #strings.contains(goodsImgList,'_L2')}">
 					<span class="tit_view">LABEL INFO</span>
 					<div class="view">
 						<span>
-							<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1.') 
-																					or #strings.contains(goodsImg.sysImgNm,'_L2.')}">
+							<th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1') 
+																					or #strings.contains(goodsImg.sysImgNm,'_L2')}">
 							<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=250'}" alt="">
 							</th:block>
 						</span>
@@ -569,7 +569,7 @@
 				</div>
 				<!-- //라벨 노출 -->
 				
-				<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01.')}">
+				<div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01')}">
 					<div class="view">
 						<th:block th:each="goodsImg, status : ${goodsImgList}" >
 							<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=720'}" alt="">