<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="web/common/layout/DefaultLayoutWeb">
<!--
 *******************************************************************************
 * @source  : GoodsDetailFormWeb.html
 * @desc	: 상품상세 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE		 AUTHOR	  DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.03.02   eskim	   최초 작성
 *******************************************************************************
 -->
<body>
<th:block layout:fragment="content">
<form id="nPayForm" name="nPayForm"></form>
<form id="nPayWishForm" name="nPayWishForm" method="get">
	<input type="hidden" name="SHOP_ID" />
	<input type="hidden" name="ITEM_ID" />
</form>
<div id="container" class="container pd" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
	<!-- <th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsNaviForm}"></th:block> -->

	<div class="wrap">
		<!-- 상품 대표설명 -->
		<div class="content pd_detail">
			<div class="cont_head">
				<h3 class="sr-only">상품 대표설명</h3>
			</div>
			<div class="cont_body">
				<!-- CONT-BODY -->
				<div class="item_detail">
					<div class="area_pic" th:if="${(goodsImgList != null and !goodsImgList.empty) or (goodsVideoList != null and !goodsVideoList.empty)}"
										th:with="videoYn=${(goodsVideoList != null and !goodsVideoList.empty)? 'Y' :'N'}">
						<div class="thumb_nav_wrap" >
							<div class="thumbnav">
								<div class="swiper-container" >
									<div class="swiper-wrapper">
									<th:block th:each="goodsVideo, status : ${goodsVideoList}">
										<div class="swiper-slide" th:classappend="${status.first}? 'on' : ''" >
											<a th:href="${'#navLocate'+ status.count}">
												<span class="thumb  mov">
												<th:block th:if="${goodsVideo.videoGb == 'Y'}">
												<img th:src="${'https://img.youtube.com/vi/'+goodsVideo.kmcKey+'/default.jpg'}" alt="" >
												</th:block>
												<th:block th:unless="${goodsVideo.videoGb == 'Y'}">
												<img th:src="${kollusMediaUrl+'/poster/'+goodsVideo.kmcKey}"  alt="" >
												</th:block>
												</span>
											</a>
										</div>
									</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,'_F1')
																			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'}+'\';'">
												</span>
											</a>
										</div>
									</th:block>
									</div>
								</div>
								<div class="swiper-button-next"></div>
								<div class="swiper-button-prev"></div>
							</div>
						</div>
						<div class="thumb_list_wrap">
							<ul>
								<th:block th:each="goodsVideo, status : ${goodsVideoList}">
								<li th:id="${'navLocate'+ status.count}"  th:classappend="${status.first}? 'on' : ''">
									<div class="movbox">
										<th:block th:if="${goodsVideo.videoGb == 'Y'}">
										<iframe id="prodctThumbVideo" class="pd_mov" width="100%" height="100%" th:src="${'https://www.youtube.com/embed/'+goodsVideo.kmcKey+'?rel=0&autoplay=1&mute=1&amp;loop=1;playlist='+goodsVideo.kmcKey}"  title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
										</th:block>
										<th:block th:unless="${goodsVideo.videoGb == 'Y'}">
										<iframe id="prodctThumbVideo" class="pd_mov" width="100%" height="100%" th:src="${kollusMediaUrl+'/'+goodsVideo.kmcKey +'?enable_initialize_focus=false&autoplay&mute&controls_activation'}" frameborder="0" allowfullscreen></iframe>
										</th:block>
									</div>
								</li>
								</th:block>
								<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,'_F1')
												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'}+'\';'">
										</span>
									</a>
								</li>
								</th:block>
								</th:block>
							</ul>
						</div>
					</div>
					<form name="cartForm" id="cartForm" method="post">
					<input type="hidden" name="mode">
					<input type="hidden" name="goodsCd" th:value="${params.goodsCd}" />
					<input type="hidden" name="contentsLoc" th:value="${params.contentsLoc}" />
					<input type="hidden" name="ithrCd"  th:value="${params.ithrCd}" />
					<input type="hidden" name="planDtlSq" th:value="${params.planDtlSq}" />
					<input type="hidden" name="adminYn" th:value="${params.adminYn}" />
					<input type="hidden" name="optCd" />
					<input type="hidden" name="optCd1" />
					<input type="hidden" name="optCd2" />
					<input type="hidden" name="addPrice" />
					<input type="hidden" name="ordQty" />
					<input type="hidden" name="stock" />
					<input type="hidden" name="minOrdQty"/>
					<input type="hidden" name="maxOrdQty"/>
					<input type="hidden" name="goodsType" th:value="${goodsInfo.goodsType}"/>
					<input type="hidden" name="selfGoodsYn" th:value="${goodsInfo.selfGoodsYn}"/>
					<div class="area_desc">
						<div class="desc_wrap">
							<div class="timer_box" style="display:none;">
								<p>
									<span class="tit">남은시간</span>
									<span class="timer">
										<em id="d-days">0</em>
										<em id="d-hours">0</em>
										<em id="d-minutes">0</em>
										<em id="d-seconds">0</em>
									</span>
								</p>
							</div>
							<div class="descript_box">
								<div class="desc_top">
									<a href="javascript:void(0);" class="btn_brand" th:onclick="cfnGoToBrandMain([[${goodsInfo.brandGroupNo}]])" th:text="${goodsInfo.brandGroupNm}">NBA 키즈</a>
									<div class="shareSet">
										<button class="btn_share" data-name="openShare">공유하기</button>
										<th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsSnsForm}"></th:block>
									</div>
									<button type="button" class="itemLike enp_mobon_wish" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${params.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">관심상품 추가</button>
								</div>
								<div class="desc_info">
									<div class="title_blk">
										<span class="codenumber" th:text="${goodsInfo.goodsCd}">
											N204TJ112P
										</span>
										<span class="comment" th:text="${goodsInfo.goodsTnm}">
											#가을 느낌 물씬!
										</span>
										<span class="name" th:text="${goodsInfo.goodsFullNm}">
											유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
										</span>
									</div>
									<div class="price_blk">
										<span class="sale_percent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">
											5%
										</span>
										<span class="sale_price" >
											<em th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}">134,100</em>원
										</span>
										<del class="org_price" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" >
											<em th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</em>원
										</del>
										<span class="save_point" th:if="${goodsInfo.pntAmt > 0}">
											스타일포인트 <th:block th:text="${#numbers.formatInteger(goodsInfo.pntAmt, 0,'COMMA')}"></th:block>P 적립예정
										</span>
										<button type="button" id="btn_saleCoupon_pop" class="btn btn_primary btn_sm btn_coupon"  th:if="${goodsCouponList != null and !goodsCouponList.empty}" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])"><span>쿠폰받기</span></button>
									</div>
								</div>
								<div class="desc_status" th:if="${not #strings.isEmpty(goodsInfo.delvResDt) }">
									<p>예약판매 상품 - <th:block th:text="${goodsInfo.delvResDt}"></th:block> 출고예정</p>
								</div>
							</div>
							<div class="benefit_box" th:if="${(cardInfoList != null and !cardInfoList.empty) or
															(goodsCouponList != null and !goodsCouponList.empty) or
															(tmtbList != null and !tmtbList.empty) or
															(freeGoodsList != null and !freeGoodsList.empty)}" >
								<dl>
									<div class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or
																		(tmtbList != null and !tmtbList.empty) or
																		(freeGoodsList != null and !freeGoodsList.empty) or
																		(goodsCoupon1List != null and !goodsCoupon1List.empty) }" >
										<dt>쇼핑혜택</dt>
											<dd>
												<span th:if="${(goodsCoupon1List != null and !goodsCoupon1List.empty)}">
												<th:block th:each="goodsCoupon, status : ${goodsCoupon1List}" th:if="${status.first}">
													<em class="c_primary" >
													<th:block th:if="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${#numbers.formatInteger(goodsCoupon.dcVal, 0,'COMMA')}원|"></th:block>
													<th:block th:unless="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${goodsCoupon.dcVal}%|"></th:block>
													</em>
													 즉시할인
												</th:block>
												</span>
												<span th:if="${goodsCouponList != null and !goodsCouponList.empty}">
												<th:block th:each="goodsCoupon, status : ${goodsCouponList}" th:if="${status.first}">
												최대 <em class="c_primary" >
													<th:block th:if="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${#numbers.formatInteger(goodsCoupon.dcVal, 0,'COMMA')}원|"></th:block>
													<th:block th:unless="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${goodsCoupon.dcVal}%|"></th:block>
												</em> 쿠폰 할인
												</th:block>
												</span>
												<span th:if="${tmtbList != null and !tmtbList.empty}">
												<th:block th:each="tmtb, status : ${tmtbList}" th:if="${status.first}">
												<em class="c_primary"><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'원'}"></th:block></em> 이상 구매 시
												<em class="c_primary"><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block></em></em> 할인
												</th:block>
												</span>
												<span th:if="${freeGoodsList != null and !freeGoodsList.empty}">
												<th:block th:each="freeGoods, status : ${freeGoodsList}" th:if="${status.first}">
												<th:block th:text="${freeGoods.goodsNm}"></th:block> 증정 <th:block th:if="${freeGoods.allYn == 'N'}" th:text="${'외 택1'}"></th:block></span>
												<button type="button" id="btn_bnfShopping_pop" class="btn_popup" th:onclick="cfGoodsShopBenefitInfo([[${goodsInfo.goodsCd}]])"><span>자세히</span></button>
											</dd>
									</div>
									<div class="bnf_card" th:if="${cardInfoList != null and !cardInfoList.empty}">
										<dt>카드혜택</dt>
										<dd>
											<th:block th:each="cardInfo, status : ${cardInfoList}">
											<span th:if="${cardInfo.prmtGb == 'A' and cardInfo.dcGb != '3'}"><th:block th:text="${cardInfo.prmtTargetNm}"></th:block> <em class="c_primary"><th:block th:text="${#numbers.formatInteger(cardInfo.dcVal, 0,'COMMA')+ cardInfo.dcWayNm}"></th:block></em> <th:block th:text="${cardInfo.prmtGbNm}"></span>
											<span th:if="${cardInfo.prmtGb == 'A' and cardInfo.dcGb == '3'}" th:text="${cardInfo.prmtNm}">프로모션명</span>
											<span th:if="${cardInfo.prmtGb == 'B'}">신용카드 무이자 혜택</span>
											</th:block>
											<button type="button" id="btn_bnfCard_pop" class="btn_popup" onclick="cfCardInfo();return false;"><span>자세히</span></button>
										</dd>
									</div>
								</dl>
							</div>
							<div class="option_box">
								<th:block th:if="${goodsInfo.selfGoodsYn =='Y' }"> <!-- 자사상품 -->
								<th:block th:if="${goodsInfo.goodsType =='G056_N' }">	<!-- 일반상품 -->
								<div class="opt_color"  th:if="${goodsOption1List != null and !goodsOption1List.empty}" >
									<div class="opt_header">
										<span class="title">컬러</span>
										<span class="color" th:text="${goodsInfo.colorNm}">그레이</span>
									</div>
									<ul >
										<li th:each="goodsOption1, status : ${goodsOption1List}">
											<a href="javascript:void(0);" th:class="${params.colorCd == goodsOption1.optCd1}? 'on':''" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], [[${goodsOption1.optCd1}]], 'IN15_01')">  <!-- 해당 컬러 상품페이지로 이동 -->
												<img th:src="${imgGoodsUrl+'/'+goodsOption1.sysImgNm +'?RS=64'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
											</a>
										</li>
									</ul>
								</div>
								<div class="opt_size"  th:if="${goodsOption2List != null and !goodsOption2List.empty}" >
									<div class="opt_header">
										<span class="title">사이즈</span>
										<span class="size">
											<em class="selectOptCd1"></em>
											<em class="selectOptCd1addPrice"></em>
										</span>
										<button type="button" id="btn_infoSize_pop" class="btn_popup" th:onclick="cfGoodsSizeInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.colorCd}]] )"><span>사이즈정보</span></button>
									</div>
									<div class="form_field">
										<div  th:each="goodsOption2, status : ${goodsOption2List}">
											<input type="radio" name="opt"  th:id="${goodsOption2.optCd}" th:disabled="${goodsOption2.soldoutYn == 'Y' or goodsOption2.stockQty <= 0}"
													th:attr="addPrice=${goodsOption2.addPrice}, optCd1=${goodsOption2.optCd1}, optCd2=${goodsOption2.optCd2}, optCd=${goodsOption2.optCd}"
													th:onclick="fnViewStock(this, [[${goodsInfo.goodsCd}]],[[${goodsOption2.optCd}]],[[${goodsOption2.optCd1}]],[[${goodsOption2.optCd2}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]] )" />
											<label th:for="${goodsOption2.optCd}"><span th:text="${goodsOption2.optCd2}" >100</span></label>
										</div>
									</div>
								</div>
								</th:block>
								<th:block th:if="${goodsInfo.goodsType =='G056_S' }">	<!-- 세트상품 -->
								<div class="opt_set_select"  th:if="${goodsComposeList != null and !goodsComposeList.empty}" >
									<th:block th:each="goodsCompose, status : ${goodsComposeList}">
									<div class="set_option">
									<div class="opt_header">
										<span class="title" th:text="${goodsCompose.compsGoodsFullNm}">옵션</span>
										<button type="button" id="btn_infoSize_pop" class="btn_popup" th:onclick="cfGoodsSizeInfo([[${goodsCompose.compsGoodsCd}]],[[${goodsCompose.colorCd}]] )"><span>사이즈정보</span></button>
									</div>
									<div class="form_field">
										<div class="select_custom item_opt1"  th:classappend="${'item_opt1_'+status.count +' '+goodsCompose.compsGoodsCd}"
																			th:if="${goodsCompose.goodsOption1List != null and !goodsCompose.goodsOption1List.empty}" >
											<div class="combo">
												<div class="select">옵션1선택</div>
												<ul class="list">
													<th:block th:each="goodsOption, optionStatus : ${goodsCompose.goodsOption1List}" >
													<li th:onclick="fnOption2([[${status.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],[[${goodsCompose.qty}]],[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
														th:attr="aria-disabled=${(goodsCompose.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.stockQty <= 0)? 'true':''}"
														>
														<div th:text="${goodsOption.optCd1Nm}">상품옵션</div>
														<div th:if="${goodsOption.addPrice > 0}" th:text="|+${#numbers.formatInteger(goodsOption.addPrice, 0,'COMMA')}원|">0원</div>
														<input type="hidden" name="opt" th:attr="addPrice=${goodsOption.addPrice}, optCd1=${goodsOption.optCd1},optCd2=${goodsOption.optCd2}, optCd=${goodsOption.optCd}"/>
													</li>
													</th:block>
												</ul>
											</div>
										</div>
									</div>
									<div class="form_field" th:id="${'form_field2_'+goodsCompose.compsGoodsCd}">
										<div class="select_custom item_opt2" th:classappend="${'item_opt2_'+status.count +' '+goodsCompose.compsGoodsCd}"  disabled>
											<div class="combo">
												<div class="select">옵션2선택</div>
												<ul class="list" th:id="|goodsOpt2${goodsCompose.compsGoodsCd}|" >
													<!-- 옵션2 -->
												</ul>
											</div>
										</div>
									</div>
									</div>
									</th:block>
								</div>
								</th:block>
								</th:block>
								<th:block th:if="${goodsInfo.selfGoodsYn =='N' }"> <!--  입점상품 -->
								<div class="opt_select" th:if="${goodsOption1List != null and !goodsOption1List.empty}">
									<div class="opt_header">
										<span class="title">옵션</span>
										<button type="button" id="btn_infoSize_pop" class="btn_popup" th:onclick="cfGoodsSizeInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.colorCd}]] )"><span>사이즈정보</span></button>
									</div>
									<div class="form_field">
										<div class="select_custom item_opt1 item_opt1_1" th:classappend="${goodsInfo.goodsCd}" >
											<div class="combo">
												<div class="select">옵션1선택</div>
												<ul class="list">
													<th:block th:each="goodsOption, optionStatus : ${goodsOption1List}" >
													<li th:onclick="fnOption2([[${optionStatus.count}]], [[${goodsOption.goodsCd}]],[[${goodsOption.optCd1}]],1,[[${goodsInfo.minOrdQty}]], [[${goodsInfo.maxOrdQty}]])"
														th:attr="aria-disabled=${(goodsOption.goodsStat != 'G008_90' or goodsOption.stockQty <= 0)? 'true':''}, data-soldout=${(goodsOption.stockQty <= 0)? 'true':''}">
														<div th:text="${goodsOption.optCd1}">상품옵션</div>
														<div th:if="${goodsOption.addPrice > 0}" th:text="|+${#numbers.formatInteger(goodsOption.addPrice, 0,'COMMA')}원|">0원</div>
														<input type="hidden" name="opt" th:attr="addPrice=${goodsOption.addPrice}, optCd1=${goodsOption.optCd1},optCd2=${goodsOption.optCd2}, optCd=${goodsOption.optCd}"/>
													</li>
													</th:block>
												</ul>
											</div>
										</div>
									</div>
									<div class="form_field" th:id="${'form_field2_'+goodsInfo.goodsCd}">
										<div class="select_custom item_opt2 item_opt2_1" th:classappend="${goodsInfo.goodsCd}"  disabled>
											<div class="combo">
												<div class="select">옵션2선택</div>
												<ul class="list" th:id="|goodsOpt2${goodsInfo.goodsCd}|" >
													<!-- 옵션2 -->
												</ul>
											</div>
										</div>
									</div>
								</div>
								</th:block>
								<!-- 해당 상품 품절시 노출 -->
								<div class="info_restock" style="display:none;">
									<a href="javascript:void(0);" id="btn_pushRestock_pop" class="btn_popup" th:onclick="cfGoodsInstockAlarmInfo([[${goodsInfo.goodsCd}]], [[${goodsInfo.colorCd}]])">재입고 시 알림을 받아보세요</a>
								</div>
								<!-- //해당 상품 품절시 노출 -->
								<div class="opt_count">
									<div class="opt_header">
										<span class="title">수량</span>
									</div>
									<div class="number_count">
										<span class="minus min_val" onclick="fnAdjustOrderEa(this);" adjust="-"><em class="sr-only">감소</em></span>
										<input type="text" name="cea" maxlength="3" style="ime-mode:disabled" th:value="${goodsInfo.minOrdQty}" readonly >
										<input type="hidden" name="coption" value=""   th:attr="price=${goodsInfo.currPrice}">
										<span class="plus" onclick="fnAdjustOrderEa(this);" adjust="+"><em class="sr-only">추가</em></span>
									</div>
								</div>
							</div>
							<div class="price_box" style="display:none;">
								<p class="number">
									총&nbsp;<span id="goodsTotalQty">0</span>개
								</p>
								<p class="price">
									<span>
										<b id="goodsTotalPrice">0</b><em>원</em>
									</span>
								</p>
							</div>
							<div class="btn_box">
								<div class="btn_group_block ui_row">
								<th:block  th:if="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
									<div class="ui_col_6">
										<button type="button" class="btn btn_dark btn_block enp_mobon_cart" id="btnGoodsWish" onclick="fnAddCart('C');"><span>쇼핑백</span></button>
									</div>
									<div class="ui_col_6">
										<button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="fnAddCart('O');"><span>바로구매</span></button>
									</div>
								</th:block>
								<th:block  th:unless="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
									<div class="ui_col_12">
										<button type="button" class="btn btn_dark btn_block" disabled=""><span>SOLD OUT</span></button>
									</div>
								</th:block>
								</div>
							</div>
							<th:block th:if="${sessionInfo != null and (sessionInfo.custId == 'xodud1202' or sessionInfo.custId == 'jsh77b' or sessionInfo.custId == 'card007')}">
								<div style="margin-top:30px;">
									<th:block th:with="buttonKey=${@environment.getProperty('naverPay.button.key')}">
										<script type="text/javascript" th:src="${@environment.getProperty('naverPay.button.pc.js.url')}" src="" charset="UTF-8"></script>

										<script th:inline="javascript">
											if(!wcs_add) var wcs_add = {};
											wcs_add["wa"] = "[[${@environment.getProperty('naverPay.common.certification.key')}]]";
											wcs.inflow("style24.com");
											wcs_do();
										</script>

										<script type="text/javascript" >
											/*버튼설정*/
											naver.NaverPayButton.apply({
												BUTTON_KEY              : "[[${buttonKey}]]",       // 네이버페이에서 제공받은 버튼 인증 키 입력
												TYPE                    : "C",                      // 버튼 모음 종류 설정
												COLOR                   : 1,                        // 버튼 모음의 색 설정
												COUNT                   : 2,                        // 버튼 개수 설정. 구매하기 버튼만 있으면(장바구니 페이지) 1, 찜하기 버튼도 있으면(상품 상세 페이지) 2를 입력.
												ENABLE                  : "Y",                      // 품절 등의 이유로 버튼 모음을 비활성화할 때에는 "N" 입력
												BUY_BUTTON_HANDLER      : buy_nc,                   // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용
												WISHLIST_BUTTON_HANDLER : wishlist_nc,              // 찜하기 버튼 이벤트 Handler 함수 등록
												"":""
											});

											/*네이버구매하기*/
											function buy_nc(url) {
												// 자사 일반 상품 정보
												let goodsCd = "[[${goodsInfo.goodsCd}]]";
												let optCd = $(".opt_size .form_field input[type=radio]:checked").attr("optcd");
												let goodsQty = $(".opt_count .number_count input[name=cea]").val();
												let goodsType = "[[${goodsInfo.goodsType}]]";
												let selfGoodsYn = "[[${goodsInfo.selfGoodsYn}]]";

												if (!goodsCd) {
													mcxDialog.alert("상품정보가 존재하지 않습니다. 새로고침 후 다시 시도해주세요.");
													return false;
												}

												if (!goodsQty || goodsQty < 1) {
													mcxDialog.alert("구매 수량을 확인해주세요.");      /*수량*/
													return false;
												}

												if(goodsType == "G056_N") {
													// 자사 상품이 아닐 경우
													if(selfGoodsYn == "N") {
														optCd = $(".item_opt2 .select input[name=opt2]").attr("optcd");				// 입점업체 일반 상품
													}

													if (!optCd) {
														mcxDialog.alert("상품 옵션을 확인 할 수 없습니다. 새로고침 후 다시 시도해주세요.");   /*옵션*/
														return false;
													}

													let compsList = [];
													let obj = new Object();
													obj.goodsCd = goodsCd;
													obj.optCd = optCd;
													obj.goodsQty = goodsQty;
													obj.goodsType = goodsType;
													obj.cartGb = "N";
													obj.afLinkCd =$("#cartForm  input[name=afLinkCd]").val();
													obj.ithrCd =$("#cartForm  input[name=ithrCd]").val();
													obj.contentsLoc =$("#cartForm  input[name=contentsLoc]").val();
													obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
													compsList.push(obj);

													// 장바구니담기
													cfnAddCart(compsList);
												} else {
													let itemCds = [];
													let optCds = [];
													$("#cartForm .area_desc .option_box .opt_set_select .item_opt2 .list>li").each(function() {
														if($(this).hasClass("selected")) {
															itemCds.push($(this).find("input[name=opt2]").attr("goodscd"));
															optCds.push($(this).find("input[name=opt2]").attr("optcd"));
														}
													});

													let goodsList = {
														cartCompsList : new Array()
													}
													let cartGoodsList = [];
													let compsList = [];

													for(let i = 0 ; i < itemCds.length ; i++) {
														if (!itemCds[i]) {
															mcxDialog.alert("구성 상품정보가 존재하지 않습니다. 새로고침 후 다시 시도해주세요.");
															return false;
														}
														if (!optCds[i]) {
															mcxDialog.alert("구성 상품 옵션을 확인 할 수 없습니다. 새로고침 후 다시 시도해주세요.");   /*옵션*/
															return false;
														}



														let obj = new Object;
														obj.goodsCd = goodsCd;
														obj.itemCd = itemCds[i];
														obj.optCd = optCds[i];
														obj.goodsQty = goodsQty;
														obj.goodsType = goodsType;
														obj.cartGb = "N";
														obj.afLinkCd =$("#cartForm  input[name=afLinkCd]").val();
														obj.ithrCd =$("#cartForm  input[name=ithrCd]").val();
														obj.contentsLoc =$("#cartForm  input[name=contentsLoc]").val();
														obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
														compsList.push(obj);
													}

													goodsList.cartCompsList = compsList;
													cartGoodsList.push(goodsList);

													cfnAddCart(cartGoodsList);
												}

												return false;
											}

											function buy_nc_req(cartSqArr) {
												let data = {  cartSqArr : cartSqArr
															, backUrl : location.href
															, goodsUrl : _PAGE_GOODS_DETAIL
												};
												let jsonData = JSON.stringify(data);

												$.ajax( {
													type		: "POST",
													url 		: "/pg/nPayReq",
													dataType 	: 'json',
													data		: jsonData,
													beforeSend : function(xhr, settings) {
														xhr.setRequestHeader("AJAX"			, "true");
														xhr.setRequestHeader('Accept'		, 'application/json');
														xhr.setRequestHeader('Content-Type'	, 'application/json');
													},
													error: function(xhr, status, error) {
														mcxDialog.alert(status + '; ' + error);
													},
													success : function(result) {
														if (result.state == "sucess") {
															enp('create', 'conversion', 'is24', { device: 'W', paySys: 'naverPay' });	// 모비온 네이버주문형 클릭시
															window.open('about:blank', 'popupView');
															document.nPayForm.target = 'popupView';
															document.nPayForm.action = result.npayOrderUrl + "/" + result.orderKey + "/" + result.resultNo;
															document.nPayForm.submit();
														} else {
															mcxDialog.alert(result.message);
														}
													}
												});
											}

											<!-- 구매불가 -->
											function not_buy_nc() {
												mcxDialog.alert("죄송합니다. 네이버페이로 구매가 불가한 상품입니다.");
												return false;
											}

											<!-- 찜하기 -->
											function wishlist_nc() {
												let goodsCd			= "[[${goodsInfo.goodsCd}]]";
												let goodsNm			= "[[${goodsInfo.goodsNm}]]";
												let colorCd			= "[[${goodsInfo.colorCd}]]";
												let currPrice		= "[[${goodsInfo.currPrice}]]";
												let sysImgNm		= "[[${goodsInfo.sysImgNm}]]";
												let selfGoodsYn		= "[[${goodsInfo.selfGoodsYn}]]";

												let data = {};
												data.goodsCd		= goodsCd;
												data.goodsNm		= goodsNm;
												data.colorCd		= colorCd;
												data.currPrice		= currPrice;
												data.sysImgNm		= sysImgNm;
												data.selfGoodsYn	= selfGoodsYn;

												let jsonData = JSON.stringify(data);

												$.ajax( {
													type		: "POST",
													url 		: "/pg/create/npay/zzim",
													dataType 	: 'json',
													data		: jsonData,
													beforeSend : function(xhr, settings) {
														xhr.setRequestHeader("AJAX"			, "true");
														xhr.setRequestHeader('Accept'		, 'application/json');
														xhr.setRequestHeader('Content-Type'	, 'application/json');
													},
													error: function(xhr, status, error) {
														mcxDialog.alert(status + '; ' + error);
													},
													success : function(result) {
														if (result.state == "success") {
															$('#nPayWishForm input[name=SHOP_ID]').val(result.shopId);
															$('#nPayWishForm input[name=ITEM_ID]').val(result.itemId);

															let option = 'width=530, height=380';
															window.open('about:blank', 'popupView', option);
															document.nPayWishForm.target = 'popupView';
															document.nPayWishForm.action = result.action;
															document.nPayWishForm.submit();
														} else {
															mcxDialog.alert(result.message);
														}
													}
												});
											}
											//]]>
										</script>
									</th:block>
								</div>
							</th:block>
							<div class="exinfo_box">
								<ul>
									<li th:if="${reviewDisplayYn == 'Y'}">
										<div class="ex_review">
											<a href="javascript:void(0);" id="btn_pdReview_pop" th:onclick="cfGoodsReview([[${goodsInfo.goodsCd}]])">
												<span class="tit">리뷰<em class="number">(<th:block  th:text="${(goodsInfo.reviewRegCnt <= 9999) ? #numbers.formatInteger(goodsInfo.reviewRegCnt, 0,'COMMA')  : '9,999+'}"></th:block>)</em></span>
												<div class="star_score" th:if="${goodsInfo.reviewRegCnt  > 0 }">
													<span class="star" th:with="starScore=${#numbers.formatDecimal((goodsInfo.score*100/5), 0,0)}">
														<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
													</span>
													<span class="score"><em th:text="${goodsInfo.score}">4.3</em>점</span>
												</div>
												<div class="star_score" th:unless="${goodsInfo.reviewRegCnt  > 0 }">
													<span class="star" >
														<em class="progbar" style="width:0%;"></em> <!-- 평점 style로 표기 -->
													</span>
													<span class="score"><em>0</em>점</span>
												</div>
											</a>
										</div>
										<!-- 베스트 리뷰 등록시 노출 -->
										<div class="best_review" th:if="${bestReviewList != null and !bestReviewList.empty}">
											<th:block th:each="bestReview, status : ${bestReviewList}" th:if="${status.first}">
											<a href="javascript:void(0);" id="btn_pdBestReview_pop"  th:onclick="cfGoodsReviewDetail([[${goodsInfo.goodsCd}]],'Y', '',[[${bestReview.reviewSq}]])" >
												<div class="pic" th:if="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
													<th:block th:each="reviewAttach, attachStatus : ${bestReview.reviewAttachList}" th:if="${attachStatus.first}">
														<th:block th:if="${reviewAttach.fileGb == 'M'}" >
													<span class="thumb mov" th:style="${'background-image:url('+kollusMediaUrl+'/poster/'+reviewAttach.kmcKey+');'}"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
														</th:block>
														<th:block th:unless="${reviewAttach.fileGb == 'M'}" >
													<span class="thumb" th:style="${'background-image:url('+imgUrl+ reviewAttach.sysFileNm+');'}"></span>
														</th:block>
													</th:block>
												</div>
												<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.iscore*100/5), 0,0)}">
													<span class="star">
														<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
													</span>
													<em class="ico ico_besttag"></em>
												</div>
												<div class="txt_best_review">
													<p th:text="${bestReview.reviewContent}">옷</p>
												</div>
											</a>
											</th:block>
										</div>
										<!-- //베스트 리뷰 등록시 노출 -->
									</li>
									<li>
										<div class="ex_qna">
											<a href="javascript:void(0);" id="btn_pdQnaList_pop" th:onclick="cfGoodsQng([[${goodsInfo.goodsCd}]])" >
												<span class="tit">문의<em class="number">(<th:block  th:text="${(goodsInfo.goodsQnaCnt <= 9999) ? #numbers.formatInteger(goodsInfo.goodsQnaCnt, 0,'COMMA')  : '9,999+'}"></th:block>)</em></span>
											</a>
										</div>
									</li>
									<li>
										<div class="ex_shipping">
											<a href="javascript:void(0);" id="btn_pdDeliveryPop" th:onclick="cfGoodsDelivery([[${goodsInfo.goodsCd}]])">
												<span class="tit">배송/교환/반품</span>
												<!-- 해당 배송정보 선택노출 -->
												<span class="txt_shippingfee" th:if="${goodsInfo.delvFee > 0}">배송비 <th:block th:text="${#numbers.formatInteger(goodsInfo.delvFee, 0,'COMMA')}" ></th:block>원
																		<th:block th:if="${goodsInfo.minOrdAmt > 0}">(<th:block th:text="${#numbers.formatInteger(goodsInfo.minOrdAmt, 0,'COMMA')}" ></th:block>원 이상 무료배송)</th:block>
												</span>
												<span class="txt_shippingfee" th:if="${goodsInfo.delvFee <= 0}">무료배송</span>
												<span class="txt_shippingfee" th:if="${goodsInfo.quikDelvYn == 'Y'}">총알배송(오전 10시까지 주문 시)</span>
												<!-- //해당 배송정보 선택노출 -->
											</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</form>
				</div>
			</div>
		</div>
		<!-- 상품 대표설명 -->
		<!-- 함께하면 할인되는 다다익선 상품 -->
		<div class="content pd_together" id="goodsTmtbArea" th:if="${goodsList != null and !goodsList.empty}">
			<div class="cont_head">
				<h3 class="subH1 t_c mb40">
					함께하면 할인되는 다다익선 상품
				</h3>
			</div>
			<div class="cont_body">
				<!-- CONT-BODY -->
				<div class="area_slider">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide" th:each="goodsInfo, status : ${goodsList}">
								<div class="item_prod">
									<div class="item_state">
										<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, goodsNm=${goodsInfo.goodsFullNm}, ithrCd='IN15_02', contentsLoc='', planDtlSq=''">관심상품 추가</button>
										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '','IN15_02','','','pc_detail');" class="itemLink" >
											<div class="itemPic">
												<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">

											</div>
											<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
											<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
											<p class="itemPrice">
													<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
													<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
													<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
												</p>
										</a>
									</div>
								</div>
							</div>
						</div>
						<!-- Add Scrollbar -->
						<div class="swiper-scrollbar"></div>
					</div>
				</div>
				<!-- // CONT-BODY -->
			</div>
		</div>
		<!-- // 함께하면 할인되는 다다익선 상품 -->
		<!-- 상품상세정보 -->
		<div class="content pd_descrp">
			<div class="cont_head">
				<h3 class="sr-only">상품상세정보</h3>
			</div>
			<div class="cont_body">
				<!-- 상품설명 노출 -->
				<div class="descrp_box" th:if="${goodsInfo.tobeFormYn == 'Y'}">
					<div class="desc_simple"> <!-- 상품 간략설명-->
						<span class="tit_desc" th:if="${goodsInfo.goodsTitle  != null  and !goodsInfo.goodsTitle.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTitle))}">사이드 밴딩으로 편안한 만능 슬랙스!</span>
						<p class="ptxt01"th:if="${goodsInfo.goodsTitleDesc}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTitleDesc))}">
							슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다.
						</p>
					</div>
					<div class="desc_character" th:if="${goodsInfo.goodsSpecialDesc != null  and !goodsInfo.goodsSpecialDesc.empty}"> <!-- 상품특징 -->
						<span class="tit_desc">상품특징</span>
						<p class="ptxt01">
							<th:block th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsSpecialDesc))}"></th:block>
						</p>
					</div>
				</div>
				<!-- //상품설명 노출 -->
				<!-- 관리자 에디터입력 내용   공지 html -->
				<div class="mdhtml_box">
					<!-- 공지 -->
					<th:block th:if="${goodsNoticeList != null and !goodsNoticeList.empty}" >
					<th:block  th:each="goodsNotice, status : ${goodsNoticeList}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsNotice.noticeContent))}"></th:block >
					</th:block>
					<!-- 상세동영상 -->
					<th:block th:if="${goodsDescVideoList != null and !goodsDescVideoList.empty}">
					<th:block th:each="goodsVideo, status : ${goodsDescVideoList}">
					<div style="height:100px"></div><!-- 여백용 html -->
					<div class="movblock">
						<th:block th:if="${goodsVideo.goodsContentsVideoGubun == 'Y'}">
						<iframe th:src="${'https://www.youtube.com/embed/'+goodsVideo.kmcKey}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
						</th:block>
						<th:block th:unless="${goodsVideo.goodsContentsVideoGubun == 'Y'}">
						<iframe width="840" height="472" th:src="${kollusMediaUrl+'/'+goodsVideo.kmcKey+'?player_version=html5'}" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>
						</th:block>
					</div>
					</th:block>
					</th:block>
					<!-- 상세 베너 -->
					<th:block th:if="${goodsDescBannerList != null and !goodsDescBannerList.empty}">
					<th:block th:each="goodsBanner, status : ${goodsDescBannerList}" >
					<th:block th:if="${goodsBanner.linkUrl != null and  not #strings.equals(goodsBanner.linkUrl, '#')}" th:with="target=${(goodsBanner.linkTarget == 'N')? '_blank': '_self'}">
						 <div style="height:100px"></div><!-- 여백용 html -->
						<a th:href="${goodsBanner.linkUrl}" th:target="${target}">
						<img th:src="${imgUrl+goodsBanner.imgPath}" alt="">
						</a>
					</th:block>
					<th:block th:unless="${goodsBanner.linkUrl != null and  not #strings.equals(goodsBanner.linkUrl, '#')}">
					 	<div style="height:100px"></div><!-- 여백용 html -->
						<img th:src="${imgUrl+goodsBanner.imgPath}" alt="">
					</th:block>
					</th:block>
					</th:block>
					<!-- 관리자 에디터입력 내용   공지 html -->

					<!-- 공통상품베너 -->


					<!-- 관리자 에디터입력 내용 노출  상단 html -->
					<th:block  th:if="${goodsInfo.goodsTopDesc != null  and !goodsInfo.goodsTopDesc.empty}" >
						<div style="height:100px"></div><!-- 여백용 html -->
						<th:block th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></th:block>
					</th:block >

					<th:block th:if="${ goodsInfo.tobeFormYn == 'N' and goodsInfo.goodsDesc != null  and !goodsInfo.goodsDesc.empty}" >
						<div style="height:100px"></div>
						<div id="goodsDescHtml"></div>
					</th:block>
				</div>

				<th:block th:if="${goodsInfo.tobeFormYn == 'Y'}">

				<!-- 착용컷 노출 -->
				<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,'_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>
				</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') 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') or #strings.contains(goodsImg.sysImgNm,'_D6')
																					or #strings.contains(goodsImg.sysImgNm,'_D7') or #strings.contains(goodsImg.sysImgNm,'_D8')
																					or #strings.contains(goodsImg.sysImgNm,'_D9') or #strings.contains(goodsImg.sysImgNm,'_D10')
																					or #strings.contains(goodsImg.sysImgNm,'_D11') or #strings.contains(goodsImg.sysImgNm,'_D12')
																					or #strings.contains(goodsImg.sysImgNm,'_D13') or #strings.contains(goodsImg.sysImgNm,'_D14')
																					or #strings.contains(goodsImg.sysImgNm,'_D15') or #strings.contains(goodsImg.sysImgNm,'_D16')
																					or #strings.contains(goodsImg.sysImgNm,'_D17') or #strings.contains(goodsImg.sysImgNm,'_D18')
																					or #strings.contains(goodsImg.sysImgNm,'_D19') or #strings.contains(goodsImg.sysImgNm,'_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,'_F1')}">
					<span class="tit_view">FABRIC</span>
					<div class="view">
						<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>
				</div>
				<!-- //원단 노출 -->
				<!-- 라벨 노출 -->
				<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')}">
							<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=250'}" alt=""  th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
							</th:block>
						</span>
					</div>
				</div>

				<!-- //네이밍룰 안맞는 이미지 노출 -->
				<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="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
							</th:block>
					</div>
				</div>

				<!-- //라벨 노출 -->
				</th:block>

				<!-- 세트상품일 경우구상상품의 정보도 노출  -START -->
				<th:block th:if="${goodsInfo.goodsType == 'G056_S' and goodsComposeList != null and !goodsComposeList.empty}">
				<th:block  th:each="goodsCompose, status : ${goodsComposeList}">
					<th:block th:if="${ goodsCompose.tobeFormYn == 'N' and goodsCompose.goodsDesc != null  and !goodsCompose.goodsDesc.empty}" >
						<div style="height:100px"></div>
						<div class="mdhtml_box">
						<div th:id="${'goodsDescHtml_' + goodsCompose.compsGoodsCd}"></div>
						</div>
					</th:block>

					<th:block th:if="${goodsCompose.tobeFormYn == 'Y'}">
						<!-- 상품명 -->
						<div class="mdhtml_box">
							<span class="tit_view" th:text="${goodsCompose.compsGoodsNm}">상품명</span>
						</div>

						<!-- 착용컷 노출 -->
						<div class="view_outfit_box" th:if="${#strings.contains(goodsCompose.goodsImgList,'_C1')
															or #strings.contains(goodsCompose.goodsImgList,'_C2')
															or #strings.contains(goodsCompose.goodsImgList,'_C3')
															or #strings.contains(goodsCompose.goodsImgList,'_C4')
															or #strings.contains(goodsCompose.goodsImgList,'_C5')}">
							<span class="tit_view">OUTFIT VIEW</span>
							<th:block th:each="goodsImg, status : ${goodsCompose.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 : ${goodsCompose.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>
						</div>

						<!-- //착용컷 노출 -->
						<!-- 상품컷 노출 -->
						<div class="view_detail_box" th:if="${#strings.contains(goodsCompose.goodsImgList,'_01') or #strings.contains(goodsCompose.goodsImgList,'_02')
															or #strings.contains(goodsCompose.goodsImgList,'_D1') or #strings.contains(goodsCompose.goodsImgList,'_D2')
															or #strings.contains(goodsCompose.goodsImgList,'_D3') or #strings.contains(goodsCompose.goodsImgList,'_D4')
															or #strings.contains(goodsCompose.goodsImgList,'_D5') or #strings.contains(goodsCompose.goodsImgList,'_D6')
															or #strings.contains(goodsCompose.goodsImgList,'_D7') or #strings.contains(goodsCompose.goodsImgList,'_D8')
															or #strings.contains(goodsCompose.goodsImgList,'_D9') or #strings.contains(goodsCompose.goodsImgList,'_D10')
															or #strings.contains(goodsCompose.goodsImgList,'_D11') or #strings.contains(goodsCompose.goodsImgList,'_D12')
															or #strings.contains(goodsCompose.goodsImgList,'_D13') or #strings.contains(goodsCompose.goodsImgList,'_D14')
															or #strings.contains(goodsCompose.goodsImgList,'_D15') or #strings.contains(goodsCompose.goodsImgList,'_D16')
															or #strings.contains(goodsCompose.goodsImgList,'_D17') or #strings.contains(goodsCompose.goodsImgList,'_D18')
															or #strings.contains(goodsCompose.goodsImgList,'_D19') or #strings.contains(goodsCompose.goodsImgList,'_D20')}">
							<span class="tit_view">PRODUCT VIEW</span>
							<div class="view">
								<th:block th:each="goodsImg, status : ${goodsCompose.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') or #strings.contains(goodsImg.sysImgNm,'_D6')
																							or #strings.contains(goodsImg.sysImgNm,'_D7') or #strings.contains(goodsImg.sysImgNm,'_D8')
																							or #strings.contains(goodsImg.sysImgNm,'_D9') or #strings.contains(goodsImg.sysImgNm,'_D10')
																							or #strings.contains(goodsImg.sysImgNm,'_D11') or #strings.contains(goodsImg.sysImgNm,'_D12')
																							or #strings.contains(goodsImg.sysImgNm,'_D13') or #strings.contains(goodsImg.sysImgNm,'_D14')
																							or #strings.contains(goodsImg.sysImgNm,'_D15') or #strings.contains(goodsImg.sysImgNm,'_D16')
																							or #strings.contains(goodsImg.sysImgNm,'_D17') or #strings.contains(goodsImg.sysImgNm,'_D18')
																							or #strings.contains(goodsImg.sysImgNm,'_D19') or #strings.contains(goodsImg.sysImgNm,'_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(goodsCompose.goodsImgList,'_F1')}">
							<span class="tit_view">FABRIC</span>
							<div class="view">
								<th:block th:each="goodsImg, status : ${goodsCompose.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>
						</div>
						<!-- //원단 노출 -->
						<!-- 라벨 노출 -->
						<div class="view_label_box" th:if="${#strings.contains(goodsCompose.goodsImgList,'_L1')
															or #strings.contains(goodsCompose.goodsImgList,'_L2')}">
							<span class="tit_view">LABEL INFO</span>
							<div class="view">
								<span>
									<th:block th:each="goodsImg, status : ${goodsCompose.goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1')
																							or #strings.contains(goodsImg.sysImgNm,'_L2')}">
									<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=250'}" alt=""  th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
									</th:block>
								</span>
							</div>
						</div>

						<!-- //네이밍룰 안맞는 이미지 노출 -->
						<div class="view_detail_box" th:if="${not #strings.contains(goodsCompose.goodsImgList,'_01')}">
							<div class="view">
								<th:block th:each="goodsImg, status : ${goodsCompose.goodsImgList}" >
									<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>

						<!-- //라벨 노출 -->
					</th:block>
				</th:block>
				</th:block>
				<!-- 세트상품일 경우구상상품의 정보도 노출  -END -->

				<!-- 관리자 에디터입력 내용 노출  하다단 html -->
				<div class="mdhtml_box" th:if="${goodsInfo.goodsDownDesc != null  and !goodsInfo.goodsDownDesc.empty }" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDownDesc))}"></div>

				<!-- 브랜드 노출 -->
				<div class="brand_box">
					<p class="name" th:text="${goodsInfo.brandGroupNm}">TBJ 티비제이</p>
					<a href="javascript:void(0);" class="btn btn_default" th:onclick="cfnGoToBrandMain([[${goodsInfo.brandGroupNo}]])" ><span>브랜드 홈 바로가기</span></a>
				</div>
				<!-- //브랜드 노출 -->
				<!-- 상품필수정보 노출 -->
				<div class="required_box" >
					<div class="area_infotbl" th:if="${goodsInfo.goodsType == 'G056_N' and goodsNotiList != null and !goodsNotiList.empty}">
						<span class="title">상품고시정보</span>
						<div class="tbl type1 mt30">
							<table>
								<tbody>
									<tr  th:each="goodsNoti, status : ${goodsNotiList}" >
										<th th:text="${goodsNoti.niItemNm}">스타일</th>
										<td th:text="${goodsNoti.niContent}">F94U-MD01XA60F0</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="area_infotbl" th:if="${goodsInfo.goodsType == 'G056_S' and goodsComposeList != null and !goodsComposeList.empty}">
						<span class="title">상품고시정보</span>
						<th:block th:each="goodsCompose, status : ${goodsComposeList}">
						<div class="tbl type1 mt30">
							<table>
								<tbody>
									<tr  th:each="goodsNoti, status : ${goodsCompose.goodsNotiList}" >
										<th th:text="${goodsNoti.niItemNm}">스타일</th>
										<td th:text="${goodsNoti.niContent}">F94U-MD01XA60F0</td>
									</tr>
								</tbody>
							</table>
						</div>
						</th:block>
					</div>
					<th:block th:if="${goodsInfo.goodsType == 'G056_N' and goodsSafeNo != null}" >
						<th:block th:if="${goodsSafeNo.certTargetGb == 'G083_3'}" >  <!-- 상세별도표시 -->
					<div class="area_kcl no-mark">
						<p class="tit normal"><th:block th:if="${goodsSafeNo.certFormNm}" th:text="${goodsSafeNo.certFormNm}"></th:block>
											<th:block th:if="${goodsSafeNo.certTypeNm}" th:text="${' ' + goodsSafeNo.certTypeNm}"></th:block> / 제품 상세정보 내 별도 표기</p>
						<p class="normal">제품 상세정보 내 표기되어 있습니다. 상품 정보를 확인해주세요.</p>
						<p class="t_info dot_info">해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.</p>
					</div>
						</th:block>
						<th:block th:unless="${goodsSafeNo.certTargetGb == 'G083_3'}" > <!-- 인증 -->
							<th:block th:if="${goodsSafeNo.certType == 'G081_3'}" > <!-- 공급자적합성 -->
					<div class="area_kcl">
						<i class="ico ico_kcl"></i>
						<p class="tit normal"><th:block th:if="${goodsSafeNo.certFormNm}" th:text="${goodsSafeNo.certFormNm}"></th:block>
												<th:block th:if="${goodsSafeNo.certTypeNm}" th:text="${' ' + goodsSafeNo.certTypeNm}"></th:block> / 공급자적합성확인</p>
						<p class="normal">공급자 적합성 확인 품목으로 국가통합인증을 필함</p>
						<p class="t_info dot_info">해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.</p>
					</div>
							</th:block>
							<th:block th:unless="${goodsSafeNo.certType == 'G081_3'}" > <!-- 공급자적합성 외 -->
					<div class="area_kcl" >
						<i class="ico ico_kcl"></i>
						<th:block th:if="${goodsSafeNo.certFormGb != 'G084_4' and  goodsSafeNo.certFormGb != 'G084_5' }">
						<p class="tit normal" >
							<th:block th:if="${goodsSafeNo.certDiv}" th:text="${goodsSafeNo.certDiv}"></th:block>
							<th:block th:if="${goodsSafeNo.certOrganName}" th:text="${' /' + goodsSafeNo.certOrganName}"></th:block>
						</p>
						</th:block>
						<th:block th:unless="${goodsSafeNo.certFormGb != 'G084_4' and  goodsSafeNo.certFormGb != 'G084_5' }">
						<p class="tit normal">
							<th:block th:if="${goodsSafeNo.certFormNm}" th:text="${goodsSafeNo.certFormNm}"></th:block>
							<th:block th:if="${goodsSafeNo.certTypeNm}" th:text="${' ' + goodsSafeNo.certTypeNm}"></th:block>
						</p>
						</th:block>
						<p class="normal" >
							<th:block th:if="${goodsSafeNo.certNum}" th:text="${'인증번호: ' + goodsSafeNo.certNum}"></th:block>
							<th:block th:if="${goodsSafeNo.certFormGb != 'G084_4' and  goodsSafeNo.certFormGb != 'G084_5' }">
							<a th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsSafeNo.certNum})}" target="_blank" class="linktxt3">상세보기</a>
							</th:block>
						</p>
						<p class="t_info dot_info">
							해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
						</p>
					</div>
							</th:block>
						</th:block>
					</th:block>

					<th:block th:if="${goodsInfo.goodsType == 'G056_S'}">
					<th:block th:each="goodsCompose, status : ${goodsComposeList}">
						<th:block th:if="${goodsCompose.goodsSafeNo != null}">
							<th:block th:if="${goodsCompose.goodsSafeNo.certTargetGb == 'G083_3'}" >  <!-- 상세별도표시 -->
						<div class="area_kcl no-mark">
							<p class="tit normal"><th:block th:if="${goodsCompose.goodsSafeNo.certFormNm}" th:text="${goodsCompose.goodsSafeNo.certFormNm}"></th:block>
											<th:block th:if="${goodsCompose.goodsSafeNo.certTypeNm}" th:text="${' ' + goodsCompose.goodsSafeNo.certTypeNm}"></th:block> / 제품 상세정보 내 별도 표기</p>
							<p class="normal">제품 상세정보 내 표기되어 있습니다. 상품 정보를 확인해주세요.</p>
							<p class="t_info dot_info">해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.</p>
						</div>
							</th:block>
							<th:block th:unless="${goodsCompose.goodsSafeNo.certTargetGb == 'G083_3'}" > <!-- 인증 -->
								<th:block th:if="${goodsCompose.goodsSafeNo.certType == 'G081_3'}" > <!-- 공급자적합성 -->
						<div class="area_kcl">
							<i class="ico ico_kcl"></i>
							<p class="tit normal"><th:block th:if="${goodsCompose.goodsSafeNo.certFormNm}" th:text="${goodsCompose.goodsSafeNo.certFormNm}"></th:block>
												<th:block th:if="${goodsCompose.goodsSafeNo.certTypeNm}" th:text="${' ' + goodsCompose.goodsSafeNo.certTypeNm}"></th:block> / 공급자적합성확인</p>
							<p class="normal">공급자 적합성 확인 품목으로 국가통합인증을 필함</p>
							<p class="t_info dot_info">해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.</p>
						</div>
								</th:block>
								<th:block th:unless="${goodsCompose.goodsSafeNo.certType == 'G081_3'}" > <!-- 공급자적합성 외 -->
						<div class="area_kcl" >
							<i class="ico ico_kcl"></i>
							<th:block th:if="${goodsCompose.goodsSafeNo.certFormGb != 'G084_4' and  goodsCompose.goodsSafeNo.certFormGb != 'G084_5' }">
							<p class="tit normal">
								<th:block th:if="${goodsCompose.goodsSafeNo.certDiv}" th:text="${goodsCompose.goodsSafeNo.certDiv}"></th:block>
								<th:block th:if="${goodsCompose.goodsSafeNo.certOrganName}" th:text="${' / ' + goodsCompose.goodsSafeNo.certOrganName}"></th:block>
							</th:block>
							<th:block th:unless="${goodsCompose.goodsSafeNo.certFormGb != 'G084_4' and  goodsCompose.goodsSafeNo.certFormGb != 'G084_5' }">
							<p class="tit normal">
								<th:block th:if="${goodsCompose.goodsSafeNo.certFormNm}" th:text="${goodsCompose.goodsSafeNo.certFormNm}"></th:block>
								<th:block th:if="${goodsCompose.goodsSafeNo.certTypeNm}" th:text="${' ' + goodsCompose.goodsSafeNo.certTypeNm}"></th:block>
							</p>
							</th:block>
							<p class="normal" >
								<th:block th:if="${goodsCompose.goodsSafeNo.certNum}" th:text="${'인증번호: ' + goodsCompose.goodsSafeNo.certNum}"></th:block>
								<th:block th:if="${goodsCompose.goodsSafeNo.certFormGb != 'G084_4' and  goodsCompose.goodsSafeNo.certFormGb != 'G084_5' }">
								<a th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsCompose.goodsSafeNo.certNum})}" target="_blank" class="linktxt3">상세보기</a>
								</th:block>
							</p>
							<p class="t_info dot_info">
								해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
							</p>
						</div>
								</th:block>
							</th:block>
						</th:block>
					</th:block>
					</th:block>
					<div class="area_infotbl">
						<span class="title">상품기본정보</span>
						<th:block th:if="${goodsInfo.goodsType == 'G056_N'} ">
						<div class="tbl type1 mt30">
							<table>
								<tbody>
									<tr>
										<th>상품코드</th>
										<td th:text="${goodsInfo.goodsCd}">14443216</td>
									</tr>
									<tr>
										<th>상품구분</th>
										<td th:text="${goodsInfo.goodsGbNm}">병행수입</td>
									</tr>
									<tr>
										<th>브랜드</th>
										<td th:text="${goodsInfo.brandGroupNm}">TBJ</td>
									</tr>
									<tr>
										<th>상품명</th>
										<td th:text="${goodsInfo.goodsNm}">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
									</tr>
									<th:block th:if="${goodsNotiList != null and !goodsNotiList.empty}">
									<th:block th:each="goodsNoti, status : ${goodsNotiList}"  th:if="${goodsNoti.niItemCd == 'G005_005'}">
									<tr>
										<th th:text="${goodsNoti.niItemNm}">제조사</th>
										<td th:text="${goodsNoti.niContent}"></td>
									</tr>
									</th:block>
									</th:block>
									<tr>
										<th>제조국</th>
										<td th:text="${goodsInfo.originNm}">베트남</td>
									</tr>
								</tbody>
							</table>
						</div>
						</th:block>
						<th:block th:unless="${goodsInfo.goodsType == 'G056_N'} ">
						<th:block th:if="${goodsComposeList != null and !goodsComposeList.empty}">
						<th:block th:each="goodsCompose, status : ${goodsComposeList}">
						<div class="tbl type1 mt30">
							<table>
								<tbody>
									<tr>
										<th>상품코드</th>
										<td th:text="${goodsCompose.compsGoodsCd}">14443216</td>
									</tr>
									<tr>
										<th>상품구분</th>
										<td th:text="${goodsCompose.goodsGbNm}">병행수입</td>
									</tr>
									<tr>
										<th>브랜드</th>
										<td th:text="${goodsCompose.brandGroupNm}">TBJ</td>
									</tr>
									<tr>
										<th>상품명</th>
										<td th:text="${goodsCompose.compsGoodsNm}">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
									</tr>
									<th:block th:if="${goodsCompose.goodsNotiList != null and !goodsCompose.goodsNotiList.empty}">
									<th:block th:each="goodsNoti, status : ${goodsCompose.goodsNotiList}"  th:if="${goodsNoti.niItemCd == 'G005_005'}">
									<tr>
										<th th:text="${goodsNoti.niItemNm}">제조사</th>
										<td th:text="${goodsNoti.niContent}"></td>
									</tr>
									</th:block>
									</th:block>
									<tr>
										<th>제조국</th>
										<td th:text="${goodsCompose.originNm}">베트남</td>
									</tr>
								</tbody>
							</table>
						</div>
						</th:block>
						</th:block>
						</th:block>
						<p class="t_info dot_info mt20">
							주문제작 상품의 경우 주문 후 제작되어 판매되는 상품으로 제작 시점부터 반품/교환이 어려울 수 있습니다.
						</p>
					</div>
				</div>
				<!-- //상품필수정보 노출 -->
			</div>
			<div class="btn_more_box covered">
				<button type="button" class="btn btn_default btn_md">
					<span>상세정보 더보기</span>
				</button>
			</div>
		</div>
		<!-- //상품상세정보 -->

		<!-- 이 상품과 함께 본 상품 -->
		<div class="content wide pd_clickother" id="goodsTogetherbArea" th:if="${togetherGoodsList != null and !togetherGoodsList.empty}">
			<div class="cont_head">
				<h3 class="subH1 t_c mb40">이 상품과 함께 본 상품</h3>
			</div>
			<div class="cont_body">
				<!-- CONT-BODY -->
				<div class="area_slider">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide" th:each="result, status : ${togetherGoodsList}">
								<div class="item_prod">
									<div class="item_state">
										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
											<div class="itemPic">
												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
											</div>
											<p class="itemBrand" th:text="${result.product.brandName}">BRAND NAME1</p>
											<div class="itemName" th:text="${result.product.itemName}">남성 로고 자카드 방풍 패딩</div>
											<p class="itemPrice">
												<th:block th:text="${#numbers.formatInteger(result.product.salePrice, 0,'COMMA')}"></th:block>
												<th:block th:if="${result.product.originalPrice != result.product.salePrice}">
												<span class="itemPrice_original" th:if="${result.product.originalPrice > result.product.salePrice}"  th:text="${#numbers.formatInteger(result.product.originalPrice, 0,'COMMA')}">1,000,000</span>
												<span class="itemPercent" th:if="${result.product.salePrice != result.product.originalPrice}" th:text="${(result.product.originalPrice == 0 ? 0 : #numbers.formatDecimal((result.product.originalPrice - result.product.salePrice) / (result.product.originalPrice * 1.0) * 100, 1, 0)) + '%'}">0%</span>
												</th:block>
											</p>
										</a>
									</div>
								</div>
							</div>
						</div>

					</div>
					<!-- Add Pagination-->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
				<!-- // CONT-BODY -->
			</div>
		</div>
		<!-- // 이 상품과 함께 본 상품 -->
		
		<!-- STYLE24의 스타일링 추천 -->
		<div class="content wide pd_recommend" th:if="${lookbookList != null and !lookbookList.empty}">
			<div class="cont_head">
				<h3 class="subH1 t_c mb40">STYLE24의 스타일링 추천</h3>
			</div>
			<div class="cont_body" th:with="ithrCd=aa , contentsLoc=bb ">
				<!-- CONT-BODY -->
				<div class="area_slider">
						<div class="swiper-container">
							<div class="swiper-wrapper" >
								<div class="swiper-slide" th:each="lookbook, status : ${lookbookList}">
									<div class="page">
										<div class="pic">
											<span class="thumb" th:style="${'background-image:url(' + imgUrl+ lookbook.sysFileNm+');'}"></span>
											<!-- 상품피커 -->
											<th:block th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}"
														th:each="lookbookGoods, goodsStatus : ${lookbook.lookbookGoodsList}">
											<div class="item_picker" th:style="${'left:'+lookbookGoods.xlim+'%; top:'+lookbookGoods.ylim+'%;'}">
												<button type="button" th:onclick="fnLookbookPicker(this,[[${lookbookGoods.goodsCd}]]);"><span class="ico ico_picker"></span></button>
												<div class="pick_descr" >
													<a href="javascript:void(0);" >
													</a>
												</div>
											</div>
											</th:block>
											<!-- //상품피커 -->
										</div>
										<div class="item_wrap">
											<div class="item_area" th:if="${lookbook.lookbookGoodsList != null and !lookbook.lookbookGoodsList.empty}">
												<h5>
													룩북 속 상품
													<span data-font="lato">(<th:block th:text="${#lists.size(lookbook.lookbookGoodsList)}"></th:block>)</span>
												</h5>
												<div class="li_item">
													<ul >
														<li th:each="lookbookGoods, status : ${lookbook.lookbookGoodsList}">
															<div class="item_prod" th:classappend="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}? 'unable' : ''"
																					th:attr="goodsCd=${lookbookGoods.goodsCd}, optCdInfo=${lookbookGoods.optCdInfo},
																							minOrdQty=${lookbookGoods.minOrdQty},  goodsType=${lookbookGoods.goodsType},
																							ithrCd=${ithrCd}, contentsLoc=${contentsLoc}"> <!-- 판매불가 상품에 unable 추가 -->
																<div class="item_state">
																	<th:block th:each="optCd : ${#strings.arraySplit(lookbookGoods.optCdInfo,',')}">
																	<input type="hidden" name="lookbookGoodsOptCd" th:value="${optCd}"/>
																	</th:block>
																	<th:block th:if="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}">
																	<a href="javascript:void(0);" class="itemLink" >
																	</th:block>
																	<th:block th:unless="${(lookbookGoods.stockQty <= 0 or lookbookGoods.soldoutYn == 'Y')}">
																	<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${lookbookGoods.goodsCd}]], '','IN15_06','')">
																	</th:block>
																		<div class="itemPic">
																			<img alt="" class="vLHTC pd_img"  th:src="${imgGoodsUrl+'/'+lookbookGoods.sysImgNm+'?RS=100'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
																		</div>
																		<p class="itemBrand" th:text="${lookbookGoods.brandGroupNm}">CURLYSUE 컬리수</p>
																		<div class="itemName" th:text="${lookbookGoods.goodsFullNm}">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
																		<p class="itemPrice">
																			<span id="itemCurrprice" th:text="${#numbers.formatInteger(lookbookGoods.currPrice, 0,'COMMA')}">1,000,000</span>
																			<span class="itemPrice_original" th:if="${lookbookGoods.listPrice > lookbookGoods.currPrice}"  th:text="${#numbers.formatInteger(lookbookGoods.listPrice, 0,'COMMA')}">1,000,000</span>
																			<span class="itemPercent" th:if="${lookbookGoods.dcRate > 0}" th:text="|${#numbers.formatDecimal(lookbookGoods.dcRate,0,0)}%|">30%</span>
																		</p>
																	</a>
																</div>
															</div>
														</li>
													</ul>
												</div>
												<button type="button" class="btn btn_block btn_md" onclick="fnAddCartLookBookGoods(this);"><span>모두 쇼핑백 담기</span></button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
						<!-- Add Arrows -->
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
				<!-- // CONT-BODY -->
			</div>
		</div>
		<!-- // STYLE24의 스타일링 추천 -->
		
		<!-- 브랜드 추천상품 -->
		<div class="content wide pd_brand" id="goodsRecommendbArea" th:if="${recommendGoodsList != null and !recommendGoodsList.empty}">
			<div class="cont_head">
				<h3 class="subH1 t_c mb40" th:text="${goodsInfo.brandGroupNm +' 추천상품'}"></h3>
			</div>
			<div class="cont_body">
				<!-- CONT-BODY -->
				<div class="area_slider">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide" th:each="result, status : ${recommendGoodsList}">
								<div class="item_prod">
									<div class="item_state">
										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
											<div class="itemPic">
												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
											</div>
											<p class="itemBrand" th:text="${result.product.brandName}">BRAND NAME1</p>
											<div class="itemName" th:text="${result.product.itemName}">남성 로고 자카드 방풍 패딩</div>
											<p class="itemPrice">
												<th:block th:text="${#numbers.formatInteger(result.product.salePrice, 0,'COMMA')}"></th:block>
												<th:block th:if="${result.product.originalPrice != result.product.salePrice}">
												<span class="itemPrice_original" th:if="${result.product.originalPrice > result.product.salePrice}"  th:text="${#numbers.formatInteger(result.product.originalPrice, 0,'COMMA')}">1,000,000</span>
												<span class="itemPercent" th:if="${result.product.salePrice != result.product.originalPrice}" th:text="${(result.product.originalPrice == 0 ? 0 : #numbers.formatDecimal((result.product.originalPrice - result.product.salePrice) / (result.product.originalPrice * 1.0) * 100, 1, 0)) + '%'}">0%</span>
												</th:block>
											</p>
										</a>
									</div>
								</div>
							</div>
						</div>

					</div>
					<!-- Add Pagination-->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
				<!-- // CONT-BODY -->
			</div>
		</div>
			<!-- // 브랜드 추천상품 -->
		<!-- 이 상품과 비슷한 상품 -->
		<div class="content wide pd_relate" id="goodsLikebArea" th:if="${likeGoodsList != null and !likeGoodsList.empty}">
			<div class="cont_head">
				<h3 class="subH1 t_c mb40">이 상품과 비슷한 상품</h3>
			</div>
			<div class="cont_body">
				<!-- CONT-BODY -->
				<div class="area_slider">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide" th:each="result, status : ${likeGoodsList}">
								<div class="item_prod">
									<div class="item_state">
										<button type="button" class="itemLike" th:classappend="${result.product.itemId == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${result.product.itemId}, goodsNm=${result.product.itemName}, ithrCd='IN15_03', contentsLoc='', planDtlSq=''">관심상품 추가</button>
										<a href="javascript:void(0);" th:onclick="cfnGoToGoodsDetail([[${result.product.itemId}]], '','IN15_03','','','pc_detail');" class="itemLink" >
											<div class="itemPic">
												<img alt="" class="vLHTC pd_img" th:src="${result.product.itemImage +'?RS=300'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
											</div>
											<p class="itemBrand" th:text="${result.product.brandName}">BRAND NAME1</p>
											<div class="itemName" th:text="${result.product.itemName}">남성 로고 자카드 방풍 패딩</div>
											<p class="itemPrice">
												<th:block th:text="${#numbers.formatInteger(result.product.salePrice, 0,'COMMA')}"></th:block>
												<th:block th:if="${result.product.originalPrice != result.product.salePrice}">
												<span class="itemPrice_original" th:if="${result.product.originalPrice > result.product.salePrice}"  th:text="${#numbers.formatInteger(result.product.originalPrice, 0,'COMMA')}">1,000,000</span>
												<span class="itemPercent" th:if="${result.product.salePrice != result.product.originalPrice}" th:text="${(result.product.originalPrice == 0 ? 0 : #numbers.formatDecimal((result.product.originalPrice - result.product.salePrice) / (result.product.originalPrice * 1.0) * 100, 1, 0)) + '%'}">0%</span>
												</th:block>
											</p>
										</a>
									</div>
								</div>
							</div>
						</div>

					</div>
					<!-- Add Pagination-->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
				<!-- // CONT-BODY -->
			</div>
		</div>
		<!-- // 이 상품과 비슷한 상품 -->
		
	</div>


	<!-- 상품썸네일 크게보기 팝업 -->
	<div class="pd_pop full_pop pd_itemthumb_pop" id="pdItemThumbPop" th:if="${(goodsImgList != null and !goodsImgList.empty)}" >
		<div class="full_popup_wrap">
			<h5 class="sr-only">상품썸네일 크게보기</h5>
			<div class="btn_close">
				<a href="" id="btn_close_itemThumbPop">닫기버튼</a>
			</div>
			<div class="full_pop_container"  th:with="videoYn=${(goodsVideoList != null and !goodsVideoList.empty)? 'Y' :'N'}">
			<th:block th:each="goodsImg, status : ${goodsImgList}" th:with="count=${(videoYn == 'Y')?  (status.count +1): status.count }"
						th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_F1')
								or #strings.contains(goodsImg.sysImgNm,'_L1')
								or #strings.contains(goodsImg.sysImgNm,'_L2'))}">
				<div th:id="${'popThumb'+ count}" class="scaleview" >
					<img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div>
			</th:block>
			</div>
		</div>
	</div>
	<!-- //상품썸네일 크게보기 팝업 -->
</div>


	<!-- 바로구매 장바구니 등록 정보 저장을 위한 form -->
	<form id="directOrderForm" method="POST" action="/order/noMember"></form>
<script th:src="@{'/biz/goods.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/goods.js"></script>
<script th:inline="javascript">
/*<![CDATA[*/

	//상품상세 적용
	// 입점 html 에 태그가 정상적이지 않아 스크립트로 처리
	if ("G056_S" == [[${goodsInfo.goodsType}]] ){
		let goodsComposeList = ([[${goodsComposeList}]]);
		if (goodsComposeList.length > 0){
			var titStr = "";
			$.each(goodsComposeList, function(idx, item) {
				if ("N" == item.tobeFormYn && !gagajf.isNull(item.goodsDesc)){
					titStr = '<span class="tit_view">'+item.compsGoodsNm+'</span>';
					$('#goodsDescHtml_'+ item.compsGoodsCd).html(titStr + item.goodsDesc);
				}
			});
		}

	}else{
		let goodsDesc = [[${goodsInfo.goodsDesc}]];
		if ("N" == [[${goodsInfo.tobeFormYn}]] && !gagajf.isNull(goodsDesc)){
			$('#goodsDescHtml').html([[${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDesc))}]]);
		}
	}

	let socialSq = [[${goodsInfo.socialSq}]];
	let socialEddt = [[${goodsInfo.socialEddt}]];


	function promotionTimer() {
		var endTime = new Date(socialEddt); // 남은시간 지정	30 March 2021 9:56:00 GMT+0900
			endTime = (Date.parse(endTime) / 1000);

			var now = new Date();
			now = (Date.parse(now) / 1000);

			var timeLeft = endTime - now;

			var days = Math.floor(timeLeft / 86400);
			var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
			var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
			var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));

			if (hours < '10') { hours = '0' + hours; }
			if (minutes < '10') { minutes = '0' + minutes; }
			if (seconds < '10') { seconds = '0' + seconds; }

			if (Number(days) > 0 ){
			//	hours = Number(hours) + (Number(days) * 24);
				$('#d-days').html(days);
			}else{
				$('#d-days').hide();
			}

			$('#d-hours').html(hours);
			$('#d-minutes').html(minutes);
			$('#d-seconds').html(seconds);
	}

	if (!gagajf.isNull(socialSq)){
		$('.timer_box').css('display', 'block');
		setInterval(function() { promotionTimer(); }, 1000);
	};

	var cateNm = "";
	// 다다익선 상품
//	var fnGoodsTmtbSearch = function(params) {
//		gagajf.ajaxSubmit("/goods/detail/tmtb/frame", "html", "goodsTmtbArea", params);
//	}

	//사이즈 클릭시 - 단품
	var fnViewStock = function(obj, goodsCd, optCd, optCd1, optCd2,  minOrdQty, maxOrdQty) {
		let $obj = $(obj);
		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
		let $target = null;
		if (selfGoodsYn == "Y"){
			$target = $obj;
			$target.prop("checked",true);
			$(".selectOptCd1").html(optCd2);
		}else{
			$target = $obj.find('input[name="opt2"]');
		}

		let addPrice  = $target.attr("addPrice");
		$(".selectOptCd1addPrice").html('');
		if (Number(addPrice) > 0) $(".selectOptCd1addPrice").html("(+" + addPrice.addComma() + "원)");

		$("#cartForm  input[name=optCd]").val(optCd);
		$("#cartForm  input[name=optCd1]").val(optCd1);
		$("#cartForm  input[name=optCd2]").val(optCd2);
		$("#cartForm  input[name=addPrice]").val(addPrice);
		$("#cartForm  input[name=ordQty]").val("");

		let maxCnt = maxOrdQty;
		let params = new Object();
		params.goodsCd = goodsCd;
		params.optCd = optCd;
		params.optCd1 = optCd1;
		params.optCd2 = optCd2;
		params.selfGoodsYn = selfGoodsYn;

		$.get("/goods/detail/ajaxGoodsStockQty", $.param(params), function(result) {
			let itemCnt = eval(result); //해당 아이템에 선택되어진 사이즈의 수량

			if (maxCnt > itemCnt) {
				maxCnt = itemCnt;
			}

			if (minOrdQty > itemCnt) {
				$target.prop("disabled", true);
			}else{
				$("#cartForm  input[name=ordQty]").val(minOrdQty);
				$("#cartForm  input[name=maxOrdQty]").val(maxCnt);
				$("#cartForm  input[name=minOrdQty]").val(minOrdQty);
				$("#cartForm  input[name=cea]").val(minOrdQty);
				//$("#cartForm  input[name=cea]").attr("readonly",false);
				$("#cartForm  input[name=stock]").val(itemCnt);

				$('.price_box').show();
				fnSetTotalPrice();

				// 모바일에서 작업해야함
				if ('P' != _frontGb) {
					$("#cartForm  input[name=opt]").parent().find('label').removeClass('on');
					$("#cartForm  input[name=opt]").each(function(){
						if ($(this).attr('optCd') == optCd){
							$(this).parent().find('label').addClass('on');
						}
					});
				}
			}

		}, "text");
	}

	//세트 사이즈 클릭시
	function fnViewStockSet(obj, goodsCd, optCd1, optCd2, minOrdQty, maxOrdQty) {

		let target=$('.select_custom.item_opt2');
		let targetSize = target.length;	//구성품 갯수

		let cnt = 0;
		let itemSize = 0;
		target.each(function(){
			if (typeof ($(this).find('.select').find('input[name=opt2]').val()) != 'undefined' &&  !gagajf.isNull($(this).find('.select').find('input[name=opt2]').val())){
				if (goodsCd != $(this).find('.select').find('input[name=opt2]').attr('goodscd')){
					itemSize ++;
				}
			}
		});

		//내가 선택한 상품
		if (typeof ($(obj).find('input[name=opt2]').val()) != 'undefined' && !gagajf.isNull($(obj).find('input[name=opt2]').val())){
			itemSize ++;
		}

		let mGoodsCd = $("#cartForm  input[name=goodsCd]").val();
		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
		let goodsOption = [];
		if (targetSize == itemSize){
			target.each(function() {
				if (typeof ($(this).find('.select').find('input[name=opt2]').val()) != 'undefined' &&  !gagajf.isNull($(this).find('.select').find('input[name=opt2]').val())){
					if (goodsCd != $(this).find('.select').find('input[name=opt2]').val()){
						goodsOption.push($(this).find('input[name=opt2]').val());
					}
				}

			});

			//내가 선택하 옵션
			goodsOption.push($(obj).find('input[name=opt2]').val());   //goodsCd|optCd|qty

			var maxCnt = maxOrdQty;
			var data = {arrGoodsOption : goodsOption
						,minOrdQty : minOrdQty
						,maxOrdQty : maxOrdQty
						,goodsCd : mGoodsCd
						,selfGoodsYn : selfGoodsYn
						};
			var jsonData = JSON.stringify(data);

			gagajf.ajaxJsonSubmit('/goods/detail/ajaxGoodsSetStockQty', jsonData, function(result) {
				var itemCnt = eval(result); //해당 아이템에 선택되어진 사이즈의 수량
				//console.log("itemCnt : "+itemCnt);
				if (maxCnt > itemCnt) {
					maxCnt = itemCnt;
				}
				if (minOrdQty > itemCnt) {
					$("#cartForm  input[name=ordQty]").val(itemCnt);
					$("#cartForm  input[name=cea]").val(itemCnt);
					$("#cartForm  input[name=stock]").val(itemCnt);
					$("#cartForm  input[name=maxOrdQty]").val(itemCnt);
					$("#cartForm  input[name=minOrdQty]").val(itemCnt);
					return false;
				}

				$("#cartForm  input[name=ordQty]").val(minOrdQty);
				$("#cartForm  input[name=maxOrdQty]").val(maxCnt);
				$("#cartForm  input[name=minOrdQty]").val(minOrdQty);
				$("#cartForm  input[name=cea]").val(minOrdQty);
				//$("#cartForm  input[name=cea]").attr("readonly",false);
				$("#cartForm  input[name=stock]").val(itemCnt);


				fnSetTotalPrice();
			});
		}
	}

	// 수량 변경 클릭
	var fnAdjustOrderEa = function(obj) {

		if("G056_N" == $("#cartForm  input[name=goodsType]").val() && "Y" == $("#cartForm  input[name=selfGoodsYn]").val()){
			if(gagajf.isNull($("#cartForm  input[name=optCd2]").val())){
				mcxDialog.alert("사이즈를 선택해 주세요.");
				return false;
			}
		}else{
			let target=$('.select_custom.item_opt2');
			let targetSize = target.length;	//구성품 갯수
			let itemSize = 0;
			target.each(function(){
				if (typeof ($(this).find('.select').find('input[name=opt2]').val()) != 'undefined' &&  !gagajf.isNull($(this).find('.select').find('input[name=opt2]').val())){
					itemSize ++;
				}
			});

			if (targetSize != itemSize){
				mcxDialog.alert("옵션을 선택해 주세요.");
				return false;
			}
		}

		let $obj = $(obj);
		let $target = $obj.parent().children('input[name="cea"]');
		let minOrdQty = parseInt($("#cartForm  input[name=minOrdQty]").val());
		let ea =parseInt($target.val());

		if ($obj.attr('adjust') == '-') --ea;
		else ++ea;

		//var maxOrdQty = $("#cartForm  input[name=maxOrdQty]").val();
		//if (maxOrdQty && ea > maxOrdQty) ea = maxOrdQty;

		//if (ea.toString().length > parseInt($target.attr('maxlength'))) --ea;  ///===?
		if (ea < 1) ea = minOrdQty;

		$target.val(ea);

		fnChangeOrderEa();
	}

	//옵션 갯수 변경
	var fnChangeOrderEa = function() {

		if("G056_N" == $("#cartForm  input[name=goodsType]").val() && "Y" == $("#cartForm  input[name=selfGoodsYn]").val()){
			if(gagajf.isNull($("#cartForm  input[name=optCd2]").val())){
				mcxDialog.alert("사이즈를 선택해 주세요.");
				return false;
			}
		}else{

			let target=$('.select_custom.item_opt2');
			let targetSize = target.length;	//구성품 갯수
			let itemSize = 0;
			target.each(function(){
				if (typeof ($(this).find('.select').find('input[name=opt2]').val()) != 'undefined' &&  !gagajf.isNull($(this).find('.select').find('input[name=opt2]').val())){
					itemSize ++;
				}
			});

			if (targetSize != itemSize){
				mcxDialog.alert("옵션을 선택해 주세요.");
				return false;
			}
		}

		//let f = document.cartForm;
		let ea = parseInt($("#cartForm  input[name=cea]").val());
		let buymin = parseInt($("#cartForm  input[name=minOrdQty]").val());
		let buymax = parseInt($("#cartForm  input[name=maxOrdQty]").val());
		let alertMsg = '';
		if (ea < buymin) {
			alertMsg = buymin+"개 부터 구매 가능합니다.";
			ea = buymin;
		}

		if (ea > buymax) {
			alertMsg = buymax+"개 까지만 구매 가능합니다.";
			ea = buymax;
		}

		$("#cartForm  input[name=cea]").val(ea);
		$("#cartForm  input[name=ordQty]").val(ea);

		if (alertMsg != ''){
			mcxDialog.alert(alertMsg);
			//return;
		}

		if (ea <= 1){
			$('.number_count').find('.minus').addClass('min_val');
		}else{
			$('.number_count').find('.minus').removeClass('min_val');
		}

		fnSetTotalPrice();
	}

	//합계 계산
	var fnSetTotalPrice = function() {
		//let f = document.cartForm;

		$('.price_box').show();

		let totalEa = 0;
		let totalPrice = 0;

		$('input[name="cea"]').each(function() {
			let ea = parseInt($(this).val());
			let addPrice = 0;

			if("G056_N" == $("#cartForm  input[name=goodsType]").val() && "Y" == $("#cartForm  input[name=selfGoodsYn]").val()){
				let target=$('.opt_size').find('input[name=opt]');
				target.each(function() {
					if ($(this).is(":checked")){
						addPrice += Number($(this).attr('addPrice'));
					}
				});
			}else{

				let target=$('.select_custom.item_opt2');
				target.each(function() {
					if (typeof ($(this).find('input[name=opt2]').val()) != 'undefined' && !gagajf.isNull($(this).find('input[name=opt2]').val())){
						addPrice += Number($(this).find('input[name=opt2]').attr('addPrice'));
					}
				});
			}
			let goodsPrice = parseInt($(this).parent().find('input[name="coption"]').attr('price'));

			totalEa += ea;
			if (goodsPrice > 0) {
				totalPrice += ((goodsPrice+addPrice) * ea);
			}
		});

		$('#goodsTotalQty').html(totalEa.addComma());
		$('#goodsTotalPrice').html(totalPrice.addComma());

	}

	//장바구니담기
	var fnAddCart = function(btnType){

		let goodsType = $("#cartForm  input[name=goodsType]").val();

		if (goodsType == 'G056_N'){
			if (gagajf.isNull($("#cartForm  input[name=optCd2]").val())) {
				if("Y" == $("#cartForm  input[name=selfGoodsYn]").val()){
					mcxDialog.alert("사이즈를 선택해 주세요.");
					return false;
				}else{
					mcxDialog.alert("옵션을 선택해 주세요.");
					return false;
				}

			}

			let compsList = [];
			let obj = new Object();
			obj.goodsCd = $("#cartForm  input[name=goodsCd]").val();
			obj.optCd = $("#cartForm  input[name=optCd]").val();
			obj.goodsQty = $("#cartForm  input[name=ordQty]").val();
			obj.goodsType = $("#cartForm  input[name=goodsType]").val();
			obj.cartGb = btnType;
			obj.afLinkCd =$("#cartForm  input[name=afLinkCd]").val();
			obj.ithrCd =$("#cartForm  input[name=ithrCd]").val();
			obj.contentsLoc =$("#cartForm  input[name=contentsLoc]").val();
			obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
			compsList.push(obj);

			// 장바구니담기
			cfnAddCart(compsList);

		}else if (goodsType == 'G056_S'){  //수정요

			let target=$('.select_custom.item_opt2');
			let targetSize = target.length;	//구성품 갯수
			let itemSize = 0;
			target.each(function(){
				if (typeof ($(this).find('.select').find('input[name=opt2]').val()) != 'undefined' &&  !gagajf.isNull($(this).find('.select').find('input[name=opt2]').val())){
					itemSize ++;
				}
			});

			if (targetSize != itemSize){
				mcxDialog.alert("옵션을 선택해 주세요.");
				return false;
			}

			let cartGoodsList = [];
			let compsList = [];
			let goodsList = {
				cartCompsList : new Array()
			}
			target.each(function() {
				var arrInfo = $(this).find('input[name=opt2]').val().split('|');	// 상품코드|사이즈|구성수량

				var obj = new Object();
				obj.cartGb = btnType;
				obj.goodsType = $("#cartForm  input[name=goodsType]").val();
				obj.goodsCd = $("#cartForm  input[name=goodsCd]").val();
				obj.itemCd = arrInfo[0];
				obj.optCd = arrInfo[1];
				obj.goodsQty = $("#cartForm  input[name=ordQty]").val();
				obj.afLinkCd =$("#cartForm  input[name=afLinkCd]").val();
				obj.ithrCd =$("#cartForm  input[name=ithrCd]").val();
				obj.contentsLoc =$("#cartForm  input[name=contentsLoc]").val();
				obj.planDtlSq = $("#cartForm  input[name=planDtlSq]").val();
				compsList.push(obj);

			});

			goodsList.cartCompsList = compsList;
			cartGoodsList.push(goodsList);

			// 장바구니담기
			cfnAddCart(cartGoodsList);
		}

	}

	// 룩북속 상품 쇼핑백 담기
	var fnAddCartLookBookGoods = function(obj){

		let $obj = $(obj);
		let $target = $obj.parent().find('.li_item').find('.item_prod');
		let goodsSize = $target.length;
		let btnType = "C";
		let goodsIdx = 0;
		$target.each(function(){
			let params = [];
			goodsIdx ++;
			if ($(this).hasClass('unable')) {

			}else{

				// 옵션확인
				let goodsCnt = $(this).find('input[name=lookbookGoodsOptCd]').length;
				if (goodsCnt == 1){
					let arrOpt = $(this).find('input[name=lookbookGoodsOptCd]').val();
					let arrOptInfo = arrOpt.split(':');

					let obj = new Object();
					obj.goodsCd = $(this).attr("goodsCd");
					//obj.optCd = $(this).attr("optCd");
					obj.optCd = arrOptInfo[1];
					obj.goodsQty = $(this).attr("minOrdQty");
					obj.goodsType = $(this).attr("goodsType");
					obj.cartGb = btnType;
					obj.afLinkCd = '';
					obj.ithrCd = $(this).attr("ithrCd");
					obj.contentsLoc = $(this).attr("contentsLoc");
					obj.planDtlSq = '';
					obj.multiGoodsGb = 'O'  // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
					if (goodsIdx == goodsSize){
						obj.multiGoodsGb = 'E'  // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
					}
					params.push(obj);

					// 장바구니담기
					cfnAddCart(params);
				}else{
					let $goods = $(this);
					let cartGoodsList = [];
					let compsList = [];
					let goodsList = {
						cartCompsList : new Array()
					}

					let arrInfo = $(this).find('input[name=lookbookGoodsOptCd]').val().split(',');	// 상품코드단위


					$.each(arrInfo, function(idx, item) {
						let arrOptInfo = item.split(':');

						let obj = new Object();
						obj.cartGb = btnType;
						obj.goodsType = $goods.attr("goodsType");
						obj.goodsCd = $goods.attr("goodsCd");
						obj.itemCd =arrOptInfo[0];
						obj.optCd = arrOptInfo[1];
						obj.goodsQty = $goods.attr("minOrdQty");
						obj.afLinkCd = '';
						obj.ithrCd =  $goods.attr("ithrCd");
						obj.contentsLoc = $goods.attr("contentsLoc");
						obj.planDtlSq = ''
						obj.multiGoodsGb = 'O'  // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
						if (goodsIdx == goodsSize){
							obj.multiGoodsGb = 'E'  // 단품, 세트 혼합쇼핑백처리일경우, 마지막이 아닌경우는 'O'아니고 NULL 아닌값
						}
						compsList.push(obj);

					});

					goodsList.cartCompsList = compsList;
					cartGoodsList.push(goodsList);

					// 장바구니담기
					cfnAddCart(cartGoodsList);
				}

			}
		});

		// 장바구니담기
		/* if (params.length > 0){
			cfnAddCart(params);
		} */
	}

	// 품절처리
	var fnOptionSoldout = function(){
		let $target=$("#cartForm").find('.form_field');
		let soldout = false;
		for(var i=0;i<$target.find('input[name="opt"]').length;i++){

			if($target.find('input[name="opt"]').eq(i).attr('disabled')) {
				soldout = true;
			}
		}

		let goodsType = [[${goodsInfo.goodsType}]];
		if (soldout && goodsType == 'G056_N'&& $("#cartForm  input[name=selfGoodsYn]").val() == 'Y') {
			$(".info_restock").show();
		}
	}


	// 옵션2 조회
	var fnOption2 = function(ridx, goodsCd, optCd1, qty, minOrdQty, maxOrdQty ){
		let selfGoodsYn = $("#cartForm  input[name=selfGoodsYn]").val();
		let data = {goodsCd : goodsCd
					,optCd1 : optCd1
					,adminYn : $("#cartForm  input[name=adminYn]").val()
					};
		let jsonData = JSON.stringify(data);

		gagajf.ajaxJsonSubmit('/goods/detail/option2/list', jsonData, function(result) {

			if (result.dataList != null && result.dataList.length > 0) {
				let tag = "";
				let $obj = null;

				if (selfGoodsYn == "Y"){
					if (ridx == 1){
						$obj = $('.opt_set_select .select_custom.item_opt2.item_opt2_1');
					}else if (ridx == 2){
						$obj = $('.opt_set_select .select_custom.item_opt2.item_opt2_2');
					}else if (ridx == 3){
						$obj = $('.opt_set_select .select_custom.item_opt2.item_opt2_3');
					}else if (ridx == 4){
						$obj = $('.opt_set_select .select_custom.item_opt2.item_opt2_4');
					}else{
						$obj = $('.opt_set_select .select_custom.item_opt2.item_opt2_5');
					}

				}else{
					$obj = $('.form_field .select_custom.item_opt2.item_opt2_1');
					ridx = 1;  // 입점은 1로 고정
				}

				$.each(result.dataList, function(idx, item) {
					if (idx == 0){
						//$obj = $('#goodsOpt2'+item.goodsCd);
						//$obj = $('.form_field .select_custom.item_opt2.item_opt2_1');

					//	$obj.html('');
						$obj.remove();
					//	$('.form_field .select_custom.item_opt2.' +item.goodsCd ).attr('disabled', false)
						//------
						tag += '<div class="select_custom item_opt2 item_opt2_'+ridx+ ' '+goodsCd+'">\n';
						tag += '<div class="combo">\n';
						tag += '<div class="select">옵션2선택</div>\n';
						tag += '<ul class="list">\n';
						//------
						//tag += '<li class="selected" id="goodsOpt2'+item.goodsCd+'">선택</li>\n';
					}
					let soldoutYn = "";
					let disabledYn = "";
					let saleQty = (Number(qty) * Number(minOrdQty));
					if ("Y" == item.soldoutYn || Number(item.stockQty) < Number(saleQty)) soldoutYn = "true";
					if (soldoutYn == "true") disabledYn= "true";
					if (selfGoodsYn == "Y"){
						tag += '<li aria-disabled="'+disabledYn+'" data-soldout="'+soldoutYn +'" onclick="fnViewStockSet(this, \''+ item.goodsCd+'\' , \''+ item.optCd1+'\' , \''+ item.optCd2+'\', \''+ minOrdQty+'\', \''+ maxOrdQty+'\')">\n';
					}else{
						tag += '<li aria-disabled="'+disabledYn+'" data-soldout="'+soldoutYn +'" onclick="fnViewStock(this, \''+ item.goodsCd+'\' , \''+ item.optCd+'\' , \''+ item.optCd1+'\' , \''+ item.optCd2+'\', \''+ minOrdQty+'\', \''+ maxOrdQty+'\')">\n';
					}
					tag += '<div class="opt_name">'+ item.optCd2+'</div>\n';
					if (item.addPrice > 0){
						tag += '<div class="opt_price">+'+ item.addPrice.addComma() +'원</div>\n';
					}
					tag += '<input type="hidden" name="opt2" value="'+ item.goodsCd+'|'+item.optCd +'|'+qty +'" goodsCd="'+item.goodsCd+'" id="'+item.optCd+'" addPrice="'+item.addPrice+'"  optCd="'+item.optCd+'"  optCd1="'+item.optCd1+'"  optCd2="'+item.optCd2+'"  />\n';
					tag += '</li>\n';
				});

				if (!gagajf.isNull(tag)){
					//------
					tag += '</ul>\n';
					tag += '</div>\n';
					tag += '</div>\n';
					//------
				}

				$('#form_field2_'+ goodsCd).append(tag);
				//$obj.append(tag);
				if (selfGoodsYn == "Y"){
					if (ridx == 1){
						var opt_selecter02_1 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_1');
						//$('.opt_set_select .select_custom.item_opt2.item_opt2_1').find('.combo .select').trigger('click');
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_1").addClass("on");
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_1").children(".combo").children(".list").css("display", "block");
					}else if (ridx == 2){
						var opt_selecter02_2 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_2');
						//$('.opt_set_select .select_custom.item_opt2.item_opt2_2').find('.combo .select').trigger('click');
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_2").addClass("on");
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_2").children(".combo").children(".list").css("display", "block");
					}else if (ridx == 3){
						var opt_selecter02_3 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_3');
						//$('.opt_set_select .select_custom.item_opt2.item_opt2_3').find('.combo .select').trigger('click');
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_3").addClass("on");
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_3").children(".combo").children(".list").css("display", "block");
					}else if (ridx == 4){
						var opt_selecter02_4 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_4');
						//$('.opt_set_select .select_custom.item_opt2.item_opt2_4').find('.combo .select').trigger('click');
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_4").addClass("on");
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_4").children(".combo").children(".list").css("display", "block");
					}else{
						var opt_selecter02_5 = new sCombo('.opt_set_select .select_custom.item_opt2.item_opt2_5');
						//$('.opt_set_select .select_custom.item_opt2.item_opt2_5').find('.combo .select').trigger('click');
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_5").addClass("on");
						//$('.pd_detail .item_detail .opt_set_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_5").children(".combo").children(".list").css("display", "block");
					}

				}else{
					var opt_selecter02 = new sCombo('.opt_select .select_custom.item_opt2.item_opt2_1');
					//$('.pd_detail .item_detail .opt_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_1").addClass("on");
					//$('.pd_detail .item_detail .opt_select .set_option .list li').closest(".form_field").siblings(".form_field").children(".item_opt2.item_opt2_1").children(".combo").children(".list").css("display", "block");
					//$('.opt_select .select_custom.item_opt2.item_opt2_1').find('.combo .select').trigger('click');

				}
			}

		});

	}

	//룩북 피커 선택시 레이어 노출
	var fnLookbookPicker = function(obj,goodsCd){
		let $obj = $(obj);
		var str = '<div class="modal fade pd_pop pd_lookbook_pop" id="layer_lookbook_goods" tabindex="-1" role="dialog" aria-labelledby="pd_lookbook_label" aria-hidden="true">';
		let $target = $obj.parent().parent().parent().find('.item_prod');

		let goodsImg = '';
		let brandName = '';
		let goodsName = '';
		let currPrice = '';
		let listPrice = '';
		let dcRate = '';
		let soldout = '';

		$target.each(function(){
			if ($(this).attr('goodsCd') == goodsCd) {

				if ($(this).hasClass('unable')) soldout = 'sold_out';

				goodsImg = $(this).find('.itemPic').children('.pd_img').attr('src');
				brandName = $(this).find('.itemBrand').text();
				goodsName = $(this).find('.itemName').text();
				currPrice = $(this).find('#itemCurrprice').text();
				listPrice = $(this).find('.itemPrice_original').text();
				dcRate = $(this).find('.itemPercent').text();
			}
		});

		if (gagajf.isNull(goodsName)){
			return false;
		}

		let tag = '';
		tag += '	<div class="modal-dialog" role="document">\n';
		tag += '		<div class="modal-content">\n';
		tag += '			<div class="modal-header">\n';
		tag += '				<h5 class="modal-title sr-only" id="layer_lookbook_goods">상품정보</h5>\n';
		tag += '			</div>\n';
		tag += '			<div class="modal-body">\n';
		tag += '				<div class="itemsGrp">\n';
		tag += '					<div class="item_prod '+ soldout+'"> <!-- 품절일때 sold_out 클래스 추가 요청 -->\n';
		tag += '						<div class="item_state">\n';
		tag += '							<div class="itemLink">\n';
		tag += '								<div class="itemPic">\n';
		tag += '									<img alt="BLACK-a" class=" vLHTC pd_img" src="'+goodsImg +'?RS=260"  onerror="this.src=\'/images/pc/thumb/bg_item_none.png\'">\n';
		tag += '								</div>\n';
		tag += '								<p class="itemBrand">'+brandName+'</p>\n';
		tag += '								<div class="itemName">'+goodsName+'</div>\n';
		if (listPrice != currPrice){
			tag += '								<span class="itemPrice_original">'+listPrice+'</span>\n';
		}
		tag += '								<p class="itemPrice">'+currPrice+'\n';
		if (!gagajf.isNull(dcRate)){
		tag += '									<span class="itemPercent">'+dcRate+'</span>\n';
		}
		tag += '								</p>\n';
		if (gagajf.isNull(soldout)){
			tag += '								<button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\''+goodsCd+'\',\'\',\'IN15_06\')"><span>자세히 보기</span></button>\n';
		}
		tag += '							</div>\n';
		tag += '						</div>\n';
		tag += '					</div>\n';
		tag += '				</div>\n';
		tag += '			</div>\n';
		tag += '		</div>\n';
		tag += '	</div>\n';
		tag += '	<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer(\'layer_lookbook_goods\')" class="close-modal">Close</a>\n';


		if ($('#layer_lookbook_goods').length == 0) {
			$('body').append(str+tag+'</div>');
			$('#layer_lookbook_goods').modal("show");
		}
	}

	//슬라이드 - 함께하면 할인되는 다다익선 상품
	var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
		slidesPerView: 6,
        freemode: true,
        spaceBetween: 20,
        scrollbar: {
            el: '.pd_together .swiper-scrollbar',
            hide: true,
        },
	});

	//슬라이드 - 이 상품과 함께 본 상품
	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
	     slidesPerView: 5,
	     slidesToScroll: 5,
	     slidesPerGroup: 5,
	     spaceBetween: 20,
	     navigation: {
	         nextEl: '.pd_clickother .swiper-button-next',
	         prevEl: '.pd_clickother .swiper-button-prev',
	     },
	     pagination: {
	         el: '.pd_clickother .swiper-pagination',
	         clickable: true,
	     },
	 });

	//슬라이드 - 브랜드 추천상품
	var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
		slidesPerView: 5,
        spaceBetween: 20,
        slidesPerGroup: 5,
        navigation: {
            nextEl: '.pd_brand .swiper-button-next',
            prevEl: '.pd_brand .swiper-button-prev',
        },
        pagination: {
            el: '.pd_brand .swiper-pagination',
            clickable: true,
        },
	});

	//슬라이드 - 이 상품과 비슷한 상품
	var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
		slidesPerView: 5,
        spaceBetween: 20,
        slidesPerGroup: 5,
        navigation: {
            nextEl: '.pd_relate .swiper-button-next',
            prevEl: '.pd_relate .swiper-button-prev',
        },
        pagination: {
            el: '.pd_relate .swiper-pagination',
            clickable: true,
        },
	});

	//슬라이드 - STYLE24의 스타일링 추천
	var rcmdItemSwiper = new Swiper('.pd .pd_recommend .area_slider .swiper-container', {
		slidesPerView: 1,
		spaceBetween: 0,
		navigation: {
			nextEl: '.pd_recommend .swiper-button-next',
			prevEl: '.pd_recommend .swiper-button-prev',
		},
		pagination: {
			el: '.pd_recommend .swiper-pagination',
			clickable: true,
		},
	});

	//상품상세정보 더보기
	$(document).on('click','.pd_descrp .btn_more_box button',function(e){
        $('.pd_descrp .cont_body').toggleClass('on');
        $(this).toggleClass('active');
        $(this).parent('.btn_more_box').toggleClass('covered');
        var descrpToggle = $(this).find('span');
        $(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');

        //210525_더보기 닫을 시 현재 위치로 화면 포커스
		if($('.pd_descrp .btn_more_box').hasClass('covered') === true){
			var offset = $('.pd_descrp .btn_more_box').offset();
			$('html').animate({scrollTop : offset.top - 80}, 400);
		}
         return false;
	});


	//공유 버튼 토글
	$("button[data-name=openShare]").on("click", function(){
		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
		return false;
	});
	//영역밖 클릭으로 공유토글 닫기
	$("body").on('click', function(e) {
		if(!$(".shareWrap.on").parent().has(e.target).length) {
			$("button[data-name=openShare]").removeClass("on");
			$(".shareWrap").removeClass("on");
		};
	});

	var params = new Object();
	params.goodsCd = [[${params.goodsCd}]];
	params.colorCd = [[${params.colorCd}]];
	params.viewDt = [[${params.viewDt}]];
	params.preview = [[${params.preview}]];
	params.adminYn = [[${params.adminYn}]];
	params.goodsType = [[${params.goodsType}]];
	params.supplyCompCd = [[${params.supplyCompCd}]];
	params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];

 /* 	//함께본 상품(ajax html)
	$('#goodsTogetherbArea').load('GoodsDetailFormWeb.html', function() {
		params.goodsOtherGb = "together";
		params.ithrCd = "tmtb";
		params.contentsLoc = "tmtb";
		fnGoodsTogetherSearch(params);
	});

	//추천 상품(ajax html)
	$('#goodsRecommendbArea').load('GoodsDetailFormWeb.html', function() {
		params.goodsOtherGb = "recommend";
		params.ithrCd = "tmtb";
		params.contentsLoc = "tmtb";
		fnGoodsRecommendSearch(params);
	});

	//비슷한 상품(ajax html)
	$('#goodsLikebArea').load('GoodsDetailFormWeb.html', function() {
		params.goodsOtherGb = "like";
		params.ithrCd = "tmtb";
		params.contentsLoc = "tmtb";
		fnGoodsLikeSearch(params);
	}); */

	//$(document).ready( function() {
	$(function(){
		//210526_ 추가 : 이미지 style 속성 제거
		$(".mdhtml_box style").remove();$(".mdhtml_box img").removeAttr("style");

/* 		var params = new Object();
		params.goodsCd = [[${params.goodsCd}]];
		params.viewDt = [[${params.viewDt}]];
		params.preview = [[${params.preview}]];
		params.adminYn = [[${params.adminYn}]];
		params.goodsType = [[${params.goodsType}]];
		params.supplyCompCd = [[${params.supplyCompCd}]];
		params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];

		// 함께본 상품(ajax html)
		params.goodsOtherGb = "together";
		params.ithrCd = "tmtb";
		params.contentsLoc = "tmtb";
		//fnGoodsTogetherSearch(params);
		//console.log("params=>" + params);

		// 추천 상품(ajax html)
		params.goodsOtherGb = "recommend";
		params.ithrCd = "tmtb";
		params.contentsLoc = "tmtb";
		//fnGoodsRecommendSearch(params);

		// 비슷한 상품(ajax html)
		params.goodsOtherGb = "like";
		params.ithrCd = "tmtb";
		params.contentsLoc = "tmtb";
		//fnGoodsLikeSearch(params); */

		var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1.item_opt1_1');
		var opt_selecter01_1 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_1');
		var opt_selecter01_2 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_2');
		var opt_selecter01_3 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_3');
		var opt_selecter01_4 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_4');
		var opt_selecter01_5 = new sCombo('.opt_set_select .select_custom.item_opt1.item_opt1_5');

		//스타일링 추천 picker 상품팝업
/*         $(document).on('click','.pd_recommend .area_slider .item_picker button',function(e){
            $("#pdLookbookPop").modal("show");
            return false;
        });
        $("#pdLookbookPop_close").click(function() {
            $("#pdLookbookPop").modal("hide");
        });
 */

		fnOptionSoldout();


	});

	// 상품평 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
	var fnReviewLayerCollBack = function(){

		// 상품평정보
		var params = new Object();
		let goodsCd = [[${goodsInfo.goodsCd}]];
		params.goodsCd = goodsCd;

		//gagajf.ajaxSubmit("/goods/detail/review/frame", "html", "goodsDealReview", params);

		$.ajax( {
			type		: "POST",
			url 		: '/goods/detail/review/frame',
			data		: JSON.stringify(params),
			dataType 	: 'html',
			beforeSend : function(xhr, settings) {
				xhr.setRequestHeader("AJAX"			, "true");
				xhr.setRequestHeader('Accept'		, 'application/json');
				xhr.setRequestHeader('Content-Type'	, 'application/json');
			},
			success 	: function(result) {
				if (result != null) {
					$("#goodsDealReview").css("display", "block");
					$("#goodsDealReview").html(result);
					fnGetList();
				}
			}
		});

		//슬라이드 - 베스트리뷰
		var bestReviewtSwiper = new Swiper('.area_rv_best .swiper-container', {
			slidesPerView: 2,
			spaceBetween: 20,
			navigation: {
				nextEl: '.area_rv_best .swiper-button-next',
				prevEl: '.area_rv_best .swiper-button-prev',
			},
			pagination: {
				el: '.area_rv_best .swiper-pagination',
				clickable: true,
			},
		});

	}

	// 상품평 상세 조회
	var fnReviewDetail = function() {

		var params = new Object();
		params.goodsCd = $('#reviewDetailForm input[name=goodsCd]').val();
		params.reviewSq = $('#reviewDetailForm input[name=reviewSq]').val();
		params.bestYn =$('#reviewDetailForm input[name=bestYn]').val();
		params.photoYn = $('#reviewDetailForm input[name=photoYn]').val();

		gagajf.ajaxSubmit("/goods/review/detail/list", "json", fnReviewDetailCallback, params);
	}

	// 상품평 상세 조회 - 콜백
	var fnReviewDetailCallback = function(result) {
		$('#reviewBody').html('');
		// 목록
		if (result.reviewList != null && result.reviewList.length > 0) {
			let fileGbClass = '';
			let rdx = $('#reviewDetailForm input[name=attachSq]').val();
			$.each(result.reviewList, function(idx, review) {
				let tag = '';
				tag +='<div class="pop_cont">\n';
				tag +='<div class="swiper-container detail">\n';
				tag +='<div class="swiper-wrapper">\n';
				tag +='<div class="swiper-slide">\n';

				let reviewClass = 'empty_photo';
				if (review.reviewAttachList != null && review.reviewAttachList.length > 0){
					reviewClass = '';
				}
				tag +='<div class="review '+reviewClass+'" >\n';  <!-- 첨부이미지 없을 시 empty_photo 클래스 추가 -->
				tag +='	<div class="pic">\n';
				if (review.reviewAttachList != null && review.reviewAttachList.length > 0){
					$.each(review.reviewAttachList, function(aIdx, reviewAttach){
						fileGbClass = '';
						if (reviewAttach.fileGb == "M") fileGbClass = "mov";
				tag +='		<span class="thumb '+fileGbClass+'">\n';<!-- 동영상의 썸네일일 경우 mov 클래스 추가-->
						if (reviewAttach.fileGb == "M") {
				tag +='			<iframe width="100%" height="100%" src="'+_kollusMediaUrl +'/'+reviewAttach.kmcKey +'?player_version=html5" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>\n';
						}else{
				tag +='			<img src="'+ _imgUrl + reviewAttach.sysFileNm +'" alt="">\n';
						}
				tag +='		</span>\n';
						return false;
					});
				}else{
				tag +='		<span class="thumb">\n';
				tag +='			<img src="'+_uploadGoodsUrl +'/'+review.sysImgNm+'?RS=545" alt="" onerror="' + _uximgUrl + '/images/pc/thumb/bg_item_none.png"  />\n';
				tag +='		</span>\n';
				}
				tag +='	</div>\n';
				tag +='	<div class="review_cont">\n';
				tag +='		<div class="box_wrap">\n';
				tag +='			<div class="star_box">\n';
				tag +='				<div class="star_score">\n';
				tag +='					<span class="star">\n';
				tag +='						<em class="progbar" style="width:'+(review.iscore*20)+'%;"></em>\n'; <!-- 평점 style로 표기 -->
				tag +='					</span>\n';
				tag +='				</div>\n';
				tag +='			</div>\n';
				tag +='			<div class="response_box">\n';
				tag +='				<div class="full">\n';
				tag +='					<dl>\n';

				tag +='						<div>\n';
				tag +='							<dt>구매옵션</dt>\n';
				if (review.goodsOptionList != null && review.goodsOptionList.length > 0){
				tag +='							<dd>\n';
					$.each(review.goodsOptionList, function(aIdx, reviewGoods){
				tag +='							<p><span>'+ gagajf.convNull(reviewGoods.optCd1Nm,'') +'</span> / <span>'+ gagajf.convNull(reviewGoods.optCd2,'')+'</span></p>\n';
					});
				tag +='							<dd>\n';
				}

				tag +='						</div>\n';
				tag +='					</dl>\n';
				tag +='				</div>\n';
				tag +='				<div class="full">\n';
				tag +='					<dl>\n';
				tag +='						<div>\n';
				tag +='							<dt>키/몸무게</dt>\n';
				tag +='							<dd>'+review.height+'cm / '+review.weight +'kg \n';
				tag +='							</dd>\n';
				tag +='						</div>\n';
				tag +='					</dl>\n';
				tag +='				</div>\n';
				if (!gagajf.isNull(review.sizeGb)){  <!-- 사이즈구분(T:상의, B:하의, S:신발) -->
				tag +='				<div>\n';
				tag +='					<dl > \n';
				tag +='						<div>\n';
				tag +='							<dt>사이즈</dt>\n';
				tag +='							<dd>'+gagajf.convNull(review.scoreSizeNm,'')+'</dd>\n';
				tag +='						</div>\n';
				tag +='						<div>\n';
				tag +='							<dt>컬러</dt>\n';
				tag +='							<dd>'+gagajf.convNull(review.scoreColorNm,'')+'</dd>\n';
				tag +='						</div>\n';
					if (review.sizeGb == 'T' || review.sizeGb == 'B'){
				tag +='						<div>\n';
				tag +='							<dt>핏</dt>\n';
				tag +='							<dd>'+gagajf.convNull(review.scoreFitNm,'')+'</dd>\n';
				tag +='						</div>\n';
				tag +='						<div>\n';
				tag +='							<dt>두께감</dt>\n';
				tag +='							<dd>'+ gagajf.convNull(review.scoreThickNm,'')+'</dd>\n';
				tag +='						</div>\n';
					}
					if (review.sizeGb == 'S'){
				tag +='						<div>\n';
				tag +='							<dt>무게감</dt>\n';
				tag +='							<dd>'+gagajf.convNull(review.scoreWeightNm,'')+'</dd>\n';
				tag +='						</div>\n';
				tag +='						<div>\n';
				tag +='							<dt>볼너비</dt>\n';
				tag +='							<dd>'+gagajf.convNull(review.scoreBallNm,'')+'</dd>\n';
				tag +='						</div>\n';
					}
				tag +='					</dl>\n';
				tag +='				</div>\n';
				}
				tag +='			</div>\n';
				tag +='			<div class="txt_review_box">\n';
				tag +='				<p>' + review.reviewContent +'</p>\n';
				tag +='			</div>\n';
				tag +='			<div class="writer_box">\n';
				tag += '			<div class="writer">\n';
				tag += '				<span class="wr_id">'+ review.maskingCustId +'</span>\n';
				tag += '				<span class="wr_date">' + review.regDt + '</span>\n';
				tag += '			</div>\n'
				tag +='			</div>\n';
				if (!gagajf.isNull(review.admRpl)){
				tag += '		<div class="reply_box">\n';
				tag += '			<div class="reply">\n';
				tag += '				<div class="reply_writer">\n';
				tag += '					<span class="wr_name">관리자</span>\n';
				tag += '					<span class="wr_date">'+review.admRplDt+'</span>\n';
				tag += '				</div>\n';
				tag += '				<div class="reply_txt">\n';
				tag += '					<p>' + review.admRpl+'</p>\n';
				tag += '				</div>\n';
				tag += '			</div>\n';
				tag += '		</div>\n';
				}
				tag +='		</div>\n';
				tag +='	</div>\n';
				if (review.reviewAttachList != null && review.reviewAttachList.length >= 2){
				tag +='	<div class="thumblist">\n';
				tag +='		<ul>\n';
					let activeClass = '';

					$.each(review.reviewAttachList, function(aIdx, reviewAttach){
						activeClass = '';
						if (aIdx == rdx){
							activeClass = 'active';
						}
						fileGbClass = '';
						if (reviewAttach.fileGb == "M") fileGbClass = "mov";
				tag +='			<li>\n';
				tag +='				<div class="pic '+activeClass+'"> \n'; <!-- 활성화시 active 클래스 추가 -->

					if (reviewAttach.fileGb == "M") {
				tag +='					<span class="thumb '+fileGbClass+'"><iframe width="100%" height="100%" src="'+_kollusMediaUrl +'/'+reviewAttach.kmcKey +'?player_version=html5" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></span>\n';
					}else{
				tag +='					<span class="thumb" style="background-image:url('+ _imgUrl + reviewAttach.sysFileNm +');\" >\n';
				tag +='					<img src="'+ _imgUrl + reviewAttach.sysFileNm +'" alt="">\n';
					}
				tag +='					</span>\n';
				tag +='				</div>\n';
				tag +='			</li>\n';
					});
				tag +='		</ul>\n';
				tag +='	</div>\n';
				}
				tag +='</div>\n';

				tag +='</div>\n';
				tag +='</div>\n';
				tag +='</div>\n';
				if (gagajf.isNull(review.nextReviewSq) || review.nextReviewSq <= 0) {
					tag +='<div class="swiper-button-next swiper-button-disabled" id="reviewBodyNext" ></div>\n';
				}else{
					tag +='<div class="swiper-button-next" id="reviewBodyNext" onclick="fnReviewNext('+review.nextReviewSq+')"></div>\n';
				}

				if (gagajf.isNull(review.prevReviewSq) || review.prevReviewSq <= 0) {
					tag +='<div class="swiper-button-prev swiper-button-disabled" id="reviewBodyPrev"  ></div>\n';
				}else{
					tag +='<div class="swiper-button-prev" id="reviewBodyPrev" onclick="fnReviewNext('+review.prevReviewSq+')"></div>\n';
				}
				tag +='</div>\n';

				$('#reviewBody').append(tag);

				 $('.pd_photoreviewdetail_pop .swiper-slide').each(function(index, element){
				        var $this = $(this);

				        var thumbCount = $this.find('.thumblist ul li').length;
				        var thumbUlWidth = $this.find('.thumblist ul li').width() * thumbCount;
				        var thumbMargin = 8 * thumbCount;
				        var thumbListWidth = thumbUlWidth + thumbMargin;

				        $this.find('.thumblist ul').attr('style', 'width:' + thumbListWidth + 'px;');

				    });

				$('.pd_photoreviewdetail_pop .thumblist ul li').eq(rdx).trigger("click");
			});
		}

	}

	// 다른 상품평 보기
	var fnReviewNext = function(reviewSq){
		if (gagajf.isNull(reviewSq)) return false;

		$('#reviewDetailForm input[name=reviewSq]').val(reviewSq);
		$('#reviewDetailForm input[name=attachSq]').val(0);
		fnReviewDetail();
	}


	// 상품평 상세 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
	var fnReviewDetailLayerCollBack = function(){

		fnReviewDetail();

		 //슬라이드 - 상품 베스트 리뷰 자세히보기 영역
	    var photoReviewDetailSwiper = new Swiper('.pd_photoreviewdetail_pop .swiper-container.detail', {
	        effect :'fade',
	        slidesPerView: 1,
	        spaceBetween: 0,
	        simulateTouch:false,
	        navigation: {
	            nextEl: '.pd_photoreviewdetail_pop .swiper-button-next',
	            prevEl: '.pd_photoreviewdetail_pop .swiper-button-prev',
	        },
	    });
	}

    $('.pd_photoreviewdetail_pop .swiper-slide').each(function(index, element){
        var $this = $(this);

        var thumbCount = $this.find('.thumblist ul li').length;
        var thumbUlWidth = $this.find('.thumblist ul li').width() * thumbCount;
        var thumbMargin = 8 * thumbCount;
        var thumbListWidth = thumbUlWidth + thumbMargin;

        $this.find('.thumblist ul').attr('style', 'width:' + thumbListWidth + 'px;');

    });

    $(document).on('click','.pd_photoreviewdetail_pop .thumblist ul li',function(e){

        $(this).parents(".swiper-slide").find(".review > .pic > .thumb").empty();
        $(this).parents(".swiper-slide").find(".thumblist ul li .pic").removeClass('active');
        $(this).find(".pic").addClass('active');

        var thumbIndex = $(this).index();
        thumbContentHtml = $(this).find('.pic .thumb').html();
        $(this).parents(".swiper-slide").find(".review > .pic > .thumb").append(thumbContentHtml);

        return false;
    });

	// 상품문의 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
	var fnQnaLayerCollBack = function(){

		// 상품문의정보
		var params = new Object();
		let goodsCd = [[${goodsInfo.goodsCd}]];
		params.goodsCd = goodsCd;

		//gagajf.ajaxSubmit("/goods/detail/qna/frame", "html", "goodsDealQna", params);

		$.ajax( {
			type		: "POST",
			url 		: '/goods/detail/qna/frame',
			data		: JSON.stringify(params),
			dataType 	: 'html',
			beforeSend : function(xhr, settings) {
				xhr.setRequestHeader("AJAX"			, "true");
				xhr.setRequestHeader('Accept'		, 'application/json');
				xhr.setRequestHeader('Content-Type'	, 'application/json');
			},
			success 	: function(result) {
				if (result != null) {
					$("#goodsDealQna").css("display", "block");
					$("#goodsDealQna").html(result);
					fnGoodsQnaList();
				}
			}
		});
	}

	// 상품배송 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
	var fnGoodsDeliveryCollBack = function(){

		// 상품배송 정보
		var params = new Object();
		let goodsCd = [[${goodsInfo.goodsCd}]];
		params.goodsCd = goodsCd;

		//gagajf.ajaxSubmit("/goods/detail/delivery/frame", "html", "goodsDealDelivery", params);

		$.ajax( {
			type		: "POST",
			url 		: '/goods/detail/delivery/frame',
			data		: JSON.stringify(params),
			dataType 	: 'html',
			beforeSend : function(xhr, settings) {
				xhr.setRequestHeader("AJAX"			, "true");
				xhr.setRequestHeader('Accept'		, 'application/json');
				xhr.setRequestHeader('Content-Type'	, 'application/json');
			},
			success 	: function(result) {
				if (result != null) {
					$("#goodsDealDelivery").css("display", "block");
					$("#goodsDealDelivery").html(result);
				}
			}
		});
	}



	 $(document).on('click','.option_box [class^="opt_"] .select_custom .select',function(e){

		 let selectHeight = $(this);
		 let selectHeight02 = selectHeight.outerHeight();

		 if($(this).find('.opt_name').length){
			 $(this).siblings('.list').css({"top":selectHeight02});
		 }else{
			 $(this).siblings('.list').css({"top":"52px"});
		 }
	 });

	 <!-- 210422_추가 : 상품썸네일 영상 -->
	 var controller;
     var player = document.getElementById('player');
     window.onload = function() {
         try {
             var controller = new VgControllerClient({
                 // target_window: document.getElementById('prodctThumbVideo').contentWindow
                 target_window: document.getElementsByClassName('pd_mov').contentWindow
             });
             controller.on('ready', function(){
                 //플레이어 준비 완료
                 // controller.set_ratio('cover');
                 //  contain : 비율에 맞게 채웁니다.
                 //fill : 화면에 꽉 차게 채웁니다.
                 //enlargement : 세로 높이를 꽉 차게 맞춥니다. 좌우로 스크롤이 가능합니다
//                  controller.set_ratio('fill') 2021-09-03 금
                 controller.play();
             });
             controller.on('play', function(){
            	 controller.set_controls_inactive_time(1);
             });
             controller.on('done', function(){
                 //플레이어 재생 완료
                 controller.play();
             });
         } catch(e) {
             // Videogateweay Controller Library는 window.postMessage API를 이용하기 때문에
             // 해당 기능을 지원하지 않는 웹브라우져에서는 동작하지 않습니다.
             // 이 부분에 적절한 fail-over 코드를 추가하여 주십시요.
         }
     }

     // 상품상세 asis html  이지미 경로 수정
     window.onload = function(){
    	 $(".pd_descrp .cont_body").find('img').each(function() {
 			let tmpImgSrc = $(this).attr('src');
 			if (tmpImgSrc.indexOf('Upload') == 1 ){  // /Upload
				$(this).attr('src' , tmpImgSrc.replace('/Upload', _imgUrl+"/Local").replace('/Upload/Local', "/Local"));
			}

 		});

    	// 현재 색상만 상세노출 처리
    	let dpProductNo = [[${arrNoneProductNo}]];
    	if (!gagajf.isNull(dpProductNo)){
    	     let arrNoneProductNo = dpProductNo.split(',');
    	     arrNoneProductNo.forEach(function(item){
    	    	 if(!gagajf.isNull(item)) {
    	    	 	$('#'+item).css('display', 'none');
    	    	 }
    	     });
    	}

     	// 위시처리- 로그인 되어 있을시
  		if (cfCheckLogin()) {
  			//이상품과 함께본 상품
  			let targetT = $('#goodsTogetherbArea').find('.item_state').find('button');
  			//let targetTSize = targetT.length;
  			targetT.each(function(){
  				let goodsCd = $(this).attr('goodscd');
  				var $this = $(this);
  				let url = "/mypage/wish/list/check/"+goodsCd;
  				var result = '';
  				$.ajax({
  					type: 'get'
  					, async: false
  					, url: url
  					, success: function (data) {
  						//likeit active
  						if ("Y" == data){
  							$this.addClass('likeit').addClass('active');
  						}
  					}
  				});
  			});

  			//브랜드 추천상품
  			let targetR = $('#goodsRecommendbArea').find('.item_state').find('button');
  			//let targetRSize = targetT.length;
  			targetR.each(function(){
  				let goodsCd = $(this).attr('goodscd');
  				var $this = $(this);
  				let url = "/mypage/wish/list/check/"+goodsCd;
  				var result = '';
  				$.ajax({
  					type: 'get'
  					, async: false
  					, url: url
  					, success: function (data) {
  						//likeit active
  						if ("Y" == data){
  							$this.addClass('likeit').addClass('active');
  						}
  					}
  				});
  			});

  			//비슷한 상품
  			let targetL = $('#goodsLikebArea').find('.item_state').find('button');
  			//let targetTSize = targetT.length;
  			targetL.each(function(){
  				let goodsCd = $(this).attr('goodscd');
  				var $this = $(this);
  				let url = "/mypage/wish/list/check/"+goodsCd;
  				var reLult = '';
  				$.ajax({
  					type: 'get'
  					, async: false
  					, url: url
  					, success: function (data) {
  						//likeit active
  						if ("Y" == data){
  							$this.addClass('likeit').addClass('active');
  						}
  					}
  				});
  			});
  		}
 	}


	// 광고 스크립트용
	var goodsNavigation = [[${goodsNavigation}]];
	var cate1No = "";
	var cate2No = "";
	var cate3No = "";
	var cate4No = "";
	var cate5No = "";
	var cate1Nm = "";
	var cate2Nm = "";
	var cate3Nm = "";
	var cate4Nm = "";
	var cate5Nm = "";
	if (!gagajf.isNull(goodsNavigation)) {
		cate1No = goodsNavigation.cate1No;
		cate2No = goodsNavigation.cate2No;
		cate3No = goodsNavigation.cate3No;
		cate4No = goodsNavigation.cate4No;
		cate5No = goodsNavigation.cate5No;
		cateNm  = cate3No;
		cate1Nm = goodsNavigation.cate1Nm;
		cate2Nm = goodsNavigation.cate2Nm;
		cate3Nm = goodsNavigation.cate3Nm;
		cate4Nm = goodsNavigation.cate4Nm;
		cate5Nm = goodsNavigation.cate5Nm;
 	}
	// 광고 스크립트용


	var snsGoodsImg = _uploadGoodsUrl + "/" + [[${goodsInfo.sysImgNm}]];
	//var snsUrl = location.protocol + _PAGE_GOODS_DETAIL + params.goodsCd;
	var snsUrl = location.protocol + "//www.style24.com/goods/detail/form?goodsCd=" + params.goodsCd;
	if (typeof (params.colorCd) != 'undefined') snsUrl += "&colorCd=" + params.colorCd;
	var snsGoodsFullNm = [[${goodsInfo.goodsFullNm}]];

	// 2021.08.25 sns 공유 이미지 수정
	snsGoodsImg = "https:" + snsGoodsImg;

	<!-- 페이스북 카카오스토리 연동 관련 메타태그 -->
	$("meta[property='og:url']").attr('content', snsUrl);
	$("meta[property='og:title']").attr('content', snsGoodsFullNm);
	$("meta[property='og:description']").attr('content', snsGoodsFullNm);
	$("meta[property='og:image']").attr('content', snsGoodsImg);
	$("meta[property='og:type']").attr('content', "article");

	<!-- 트위터 관련 메타태그 -->
	$("meta[name='twitter:url']").attr('content', snsUrl);
	$("meta[name='twitter:title']").attr('content', snsGoodsFullNm);
	$("meta[name='twitter:description']").attr('content', snsGoodsFullNm);
	$("meta[name='twitter:image']").attr('content', snsGoodsImg);

	// 추천솔류션 meta 설정
	$("meta[property='eg:type']").attr('content',"product");
	$("meta[property='eg:cuid']").attr('content',eglqueueCuid);
	$("meta[property='eg:itemId']").attr('content', [[${goodsInfo.goodsCd}]] );
	$("meta[property='eg:itemName']").attr('content',[[${goodsInfo.goodsFullNm}]] );
	$("meta[property='eg:itemImage']").attr('content', snsGoodsImg);
	$("meta[property='eg:itemUrl']").attr('content',snsUrl);
	$("meta[property='eg:originalPrice']").attr('content',[[${goodsInfo.listPrice}]]);
	$("meta[property='eg:salePrice']").attr('content',[[${goodsInfo.currPrice}]]);
	$("meta[property='eg:category1']").attr('content',cate1No);
	$("meta[property='eg:category2']").attr('content',cate2No);
	$("meta[property='eg:category3']").attr('content',cate3No);
	$("meta[property='eg:category4']").attr('content',cate4No);
	$("meta[property='eg:category5']").attr('content',cate5No);
	$("meta[property='eg:category1_name']").attr('content',cate1Nm);
	$("meta[property='eg:category2_name']").attr('content',cate2Nm);
	$("meta[property='eg:category3_name']").attr('content',cate3Nm);
	$("meta[property='eg:category4_name']").attr('content',cate4Nm);
	$("meta[property='eg:category5_name']").attr('content',cate5Nm);
	$("meta[property='eg:brandId']").attr('content',[[${goodsInfo.brandGroupNo}]]);
	$("meta[property='eg:brandName']").attr('content',[[${goodsInfo.brandGroupNm}]]);
	$("meta[property='eg:regDate']").attr('content',[[${goodsInfo.regDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
	$("meta[property='eg:updateDate']").attr('content',[[${goodsInfo.updDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
	$("meta[property='eg:stock']").attr('content',[[${goodsInfo.goodsStockQty}]]);
	$("meta[property='eg:state']").attr('content',[[${goodsInfo.goodsStat}]]);
	$("meta[property='eg:description']").attr('content',null);
	$("meta[property='eg:extraImage']").attr('content',null);
	$("meta[property='eg:locale']").attr('content',"KR");
	$("meta[property='eg:isNew']").attr('content',([[${goodsInfo.formalGb}]] == 'G009_10')? 'True' :'False');
	$("meta[property='eg:etc1']").attr('content', [[${goodsInfo.selfGoodsYn}]]);

	// ep 쿠폰확인
	fnEpCouponDown([[${afLinkCd}]], [[${params.goodsCd}]], 1);


/*]]>*/
</script>

<!-- 광고 스크립트 -->
<th:block th:replace="~{web/common/advertisements/GoodsDetailScriptsWeb :: scripts}"></th:block>
<!-- //광고 스크립트 -->

</th:block>

</body>
</html>