홈 탐색 도움말
로그인
style24
/
style24.front
2
0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
트리: 9383b6e16c
브랜치 태그
style24.front
/
src
/
main
/
webapp
/
WEB-INF
/
views
/
web
/
planning
/
PlanningDetailFormWeb.html

PlanningDetailFormWeb.html 62 KB
히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="ko" xmlns:th="http://www.thymeleaf.org"
    3. 

  3. 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    4. 

  4. 	layout:decorator="web/common/layout/BrandLayoutWeb">
    5. 

  5. <!--
    6. 

  6.  *******************************************************************************
    7. 

  7.  * @source  : PlanningDetailFormWeb.html
    8. 

  8.  * @desc    : 기획전디테일 Page
    9. 

  9.  *============================================================================
    10. 

  10.  * Pastelmall
    11. 

  11.  * Copyright(C) 2020 TSIT, All rights reserved.
    12. 

  12.  *============================================================================
    13. 

  13.  * VER  DATE         AUTHOR      DESCRIPTION
    14. 

  14.  * ===  ===========  ==========  =============================================
    15. 

  15.  * 1.0  2021.3.9     sowon     최초 작성
    16. 

  16.  *******************************************************************************
    17. 

  17.  -->
    18. 

  18. <body>
    19. 

  19. <th:block layout:fragment="content">
    20. 

  20. <script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
    21. 

  21. <!-- 이벤트를 위한 임시 script 및 style 추가 시작 (21.10.22 by junghwan)  -->
    22. 

  22. <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43 or ${planInfo.planSq}==49">
    23. 

  23. <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43"></script> -->
    24. 

  24. <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js" th:if="${planInfo.planSq}==38 or ${planInfo.planSq}==43 or ${planInfo.planSq}==49"></script>
    25. 

  25. <script th:src="${@environment.getProperty('domain.uximage')} + '/ux/pc/js/all.min.js'" th:if="${planInfo.planSq}==49"></script>
    26. 

  26. 

  27. <!-- 스타일데이 -->
    28. 

  28. <script src="https://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js" th:if="${planInfo.planSq}==38"></script>
    29. 

  29. <script th:if="${planInfo.planSq}==38">
    30. 

  30. 	openWindow = function() {
    31. 

  31. 	  	var popupX = (document.body.offsetWidth / 2) - (800 / 2);
    32. 

  32. 	  	var popupY= (window.screen.height / 2) - (700 / 2);
    33. 

  33. 	  	window.open('http://image.istyle24.com/Statics/design/event/2021/1022Gift/gift_popup.html', '', 'status=no, height=700, width=800, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY);
    34. 

  34. 	  	return;
    35. 

  35. 	}
    36. 

  36. 	$(function(){
    37. 

  37. 		$('.gift_slider').bxSlider({
    38. 

  38. 			wrapperClass: 'sliderwrap',
    39. 

  39. 			auto: true,
    40. 

  40. 			controls: false,
    41. 

  41. 			speed: 300,
    42. 

  42. 		});
    43. 

  43. 		
    44. 

  44.         $('img[usemap]').rwdImageMaps();
    45. 

  45.         $("#img").width("100%");
    46. 

  46. 	});
    47. 

  47. </script>
    48. 

  48. <style type="text/css" th:if="${planInfo.planSq}==38">
    49. 

  49.     .coner_item01 img {max-width:100%;}
    50. 

  50.     .gift_box{background-color:#0a1252;}
    51. 

  51.     .gift_box .gift_section{max-width:1080px; width:auto; background-color:#fff; padding:70px 90px; margin:0 auto;}
    52. 

  52.     .gift_box .gift_section h3{text-align: center;}
    53. 

  53.     .gift_box .gift_section h3 img{max-width:349px;}
    54. 

  54.     .gift_box p{font-size:18px;}
    55. 

  55. 

  56.     .sliderwrap{position:relative; max-width:850px; margin-bottom:140px; text-align: center;}
    57. 

  57.     .sliderwrap .bx-pager{position:absolute; left:50%; bottom:-60px; transform:translateX(-50%);}
    58. 

  58.     .sliderwrap .bx-pager div{display:inline-block;padding:0 3px;}
    59. 

  59.     .sliderwrap .bx-pager div a{display:block; width:13px; height:13px; border:2px solid #222; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
    60. 

  60.     .sliderwrap .bx-pager div .active{background:#222; width:22px; border-radius:12px;}
    61. 

  61.     .gift_slider li{text-align:right;}
    62. 

  62.     .btn_giftPopup{float:right; margin-top:-115px;}
    63. 

  63.     .btn_giftPopup img{max-width:270px;}
    64. 

  64. </style>
    65. 

  65. <!-- 핸드크림 -->
    66. 

  66. <script th:if="${planInfo.planSq}==43">
    67. 

  67. 	openWindow2 = function() {
    68. 

  68. 	    var popupX = (document.body.offsetWidth / 2) - (800 / 2);
    69. 

  69. 	    var popupY= (window.screen.height / 2) - (700 / 2);
    70. 

  70. 	    window.open('http://image.istyle24.com/Statics/design/event/2021/1022STday/gift_popup.html', '', 'status=no, height=700, width=800, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY);
    71. 

  71. 	    return;
    72. 

  72.     }
    73. 

  73. 	$(function(){
    74. 

  74.         $('.gift_slider').bxSlider({
    75. 

  75.         wrapperClass: 'sliderwrap3',
    76. 

  76.         auto: true,
    77. 

  77.         speed: 300,
    78. 

  78.         nextText : '<i class="fas fa-chevron-right"></i>',
    79. 

  79.         prevText : '<i class="fas fa-chevron-left"></i>',
    80. 

  80.         });
    81. 

  81.     });
    82. 

  82. </script>
    83. 

  83. <style type="text/css" th:if="${planInfo.planSq}==43">
    84. 

  84. 	.coner_item01 img {max-width:100%;}
    85. 

  85. 	.pm_gift{padding:80px 0; background:url('http://image.istyle24.com/Statics/design/event/2021/1022Gift/1025_bg_gift.jpg') center no-repeat; background-size: cover; text-align:center;}
    86. 

  86. 	.pm_gift img{max-width:1080px;}
    87. 

  87. 	.gift_box{margin:30px 0;}
    88. 

  88. 	.gift_box .gift_section{position:relative; max-width:860px; width:auto; margin:0 auto;}
    89. 

  89. 	.gift_box .gift_section #g-view{position:absolute; bottom:2rem; left:50%; transform: translateX(-50%);}
    90. 

  90. 	.gift_box p{font-size:18px;}
    91. 

  91. 	
    92. 

  92. 	.sliderwrap3{position:relative; max-width:860px; width:100%; margin-bottom:80px; text-align: center;}
    93. 

  93. 	.sliderwrap3 .bx-pager{position:absolute; left:50%; bottom:-40px; transform:translateX(-50%);}
    94. 

  94. 	.sliderwrap3 .bx-pager div{display:inline-block;padding:0 3px;}
    95. 

  95. 	.sliderwrap3 .bx-pager div a{display:block; width:6px; height:6px; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
    96. 

  96. 	.sliderwrap3 .bx-pager div .active{background:#fd4802;}
    97. 

  97. 	.gift_slider li{text-align:right;}
    98. 

  98. 	.gift_slider li span{position:absolute; left:50%; bottom:30px; transform:translateX(-50%);}
    99. 

  99. 	.controls .bx-prev, .controls .bx-next{position:absolute;top:50%;transform:translateY(-50%);font-size:3em;color:#7d7e7d;}
    100. 

  100. 	.controls .bx-prev{right:calc(100% + 40px);}
    101. 

  101. 	.controls .bx-next{left:calc(100% + 40px);}
    102. 

  102. </style>
    103. 

  103. <!-- 캘린더 사은품 이벤트 -->
    104. 

  104. <script th:if="${planInfo.planSq}==49">
    105. 

  105. 	openWindow2 = function() {
    106. 

  106. 	  var popupX = (document.body.offsetWidth / 2) - (800 / 2);
    107. 

  107. 	  var popupY= (window.screen.height / 2) - (700 / 2);
    108. 

  108. 	  window.open('http://image.istyle24.com/Statics/design/event/2021/1115Gift01/gift_popup2.html', '', 'status=no, height=700, width=800, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY);
    109. 

  109. 	  return;
    110. 

  110. 	}
    111. 

  111. 	
    112. 

  112. 	$(function () {
    113. 

  113.         $('.gift_slider').bxSlider(
    114. 

  114.             {
    115. 

  115.                 wrapperClass: 'sliderwrap3', 
    116. 

  116.                 auto: true, 
    117. 

  117.                 speed: 300, 
    118. 

  118.                 nextText: '<i class="fas fa-chevron-right"></i>', 
    119. 

  119.                 prevText: '<i class="fas fa-chevron-left"></i>'}
    120. 

  120.         );
    121. 

  121.     });
    122. 

  122. </script>
    123. 

  123. <style type="text/css" th:if="${planInfo.planSq}==49">
    124. 

  124. 	/* 10월 프로모션때도 넣었던 css */
    125. 

  125. 	.coner_item01 img {max-width:100%;}
    126. 

  126. 	.pm_gift{padding:80px 0; background:url('http://image.istyle24.com/Statics/design/event/2021/1115Gift01/1115_bg_gift.jpg') center no-repeat; background-size: cover; text-align:center;}
    127. 

  127. 	.pm_gift img{max-width:1080px;}
    128. 

  128. 	.gift_box{margin:30px 0;}
    129. 

  129. 	.gift_box .gift_section{position:relative; max-width:860px; width:auto; margin:0 auto;}
    130. 

  130. 	.gift_box .gift_section #g-view{position:absolute; bottom:2rem; left:50%; transform: translateX(-50%);}
    131. 

  131. 	.gift_box p{font-size:18px;}
    132. 

  132. 	
    133. 

  133. 	.sliderwrap3{position:relative; max-width:860px; width:100%; margin-bottom:80px; text-align: center;}
    134. 

  134. 	.sliderwrap3 .bx-pager{position:absolute; left:50%; bottom:-40px; transform:translateX(-50%);}
    135. 

  135. 	.sliderwrap3 .bx-pager div{display:inline-block;padding:0 3px;}
    136. 

  136. 	.sliderwrap3 .bx-pager div a{display:block; width:6px; height:6px; background:#fff; border-radius:100%; color:transparent; font-size:0px;}
    137. 

  137. 	.sliderwrap3 .bx-pager div .active{background:#fd4802;}
    138. 

  138. 	.gift_slider li{text-align:right;}
    139. 

  139. 	.gift_slider li span{position:absolute; left:50%; bottom:30px; transform:translateX(-50%);}
    140. 

  140. 	.controls .bx-prev, .controls .bx-next{position:absolute;top:50%;transform:translateY(-50%);font-size:3em;color:#7d7e7d;}
    141. 

  141. 	.controls .bx-prev{right:calc(100% + 40px);}
    142. 

  142. 	.controls .bx-next{left:calc(100% + 40px);}
    143. 

  143. </style>
    144. 

  144. <!-- 이벤트를 위한 임시 script 및 style 추가 종료 (21.10.22 by junghwan)  -->
    145. 

  145. 

  146. <div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
    147. 

  147. 		<div class="breadcrumb"> 
    148. 

  148. 			<ul>
    149. 

  149.                 <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
    150. 

  150. 				<li class="bread_2depth" th:if="${brandGroupInfo!=null and brandGroupInfo.brandGroupNo!=null}"><a href="javascript:void(0);" th:onclick="cfnGoToBrandMain([[${brandGroupInfo.brandGroupNo}]]);" th:text="${brandGroupInfo.brandGroupNm}"></a></li>
    151. 

  151. 				<li class="bread_2depth" th:if="${brandGroupInfo==null and planInfo.planGb == 'P'}" ><a href="javascript:void(0);"onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
    152. 

  152. 				<li class="bread_2depth" th:if="${brandGroupInfo==null and planInfo.planGb == 'E'}" ><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">이벤트/혜택</a></li>
    153. 

  153. 				<li class="bread_2depth" th:if="${brandGroupInfo!=null and brandGroupInfo.brandGroupNo!=null and planInfo.planGb == 'P'}" ><a th:href="${'/planning/main/form?brandGroupNo='+brandGroupInfo.brandGroupNo}">기획전</a></li>
    154. 

  154. 				<li class="bread_2depth" th:text="${planInfo.planNm}"></li>
    155. 

  155. 			</ul> 
    156. 

  156. 		</div>
    157. 

  157. 		<div class="wrap">
    158. 

  158.             <!-- 상단 프로모션 배너 -->
    159. 

  159. 				<div class="content wide dp_detail_visual">
    160. 

  160. 					<div class="cont_head">
    161. 

  161. 						<div>
    162. 

  162. 							<h3 th:text="${planInfo.planNm}"></h3>
    163. 

  163. 							<div class="period">
    164. 

  164. 								<span th:text="${planInfo.dispStdt}"></span> ~ <span th:text="${planInfo.dispEddt}"></span>
    165. 

  165. 							</div>
    166. 

  166. 							<div class="shareSet">
    167. 

  167. 								<button class="btn_share" data-name="openShare">공유하기</button>
    168. 

  168. 								<div class="shareWrap">
    169. 

  169. 									<div id="layerShare" class="setShare open">
    170. 

  170. 										<span>
    171. 

  171. 											<button type="button" class="kk"
    172. 

  172. 												th:attr="onclick=|cfnSendToKakao('${frontUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainPimg}');|">
    173. 

  173. 												<span>카카오톡</span>
    174. 

  174. 											</button>
    175. 

  175. 											<button type="button" class="fb"
    176. 

  176. 												th:attr="onclick=|sendSns('facebook', '${frontUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
    177. 

  177. 												<span>페이스북</span>
    178. 

  178. 											</button>
    179. 

  179. 											<button type="button" class="tw" 
    180. 

  180. 												th:attr="onclick=|sendSns('twitter', '${frontUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|">
    181. 

  181. 												<span>트위터</span>
    182. 

  182. 											</button>
    183. 

  183. 											<button type="button" class="url btn_copy">
    184. 

  184. 												<span>URL</span>
    185. 

  185. 											</button>
    186. 

  186. 										</span>
    187. 

  187. 									</div>
    188. 

  188. 								</div>
    189. 

  189. 							</div>
    190. 

  190. 						</div>
    191. 

  191. 					</div>
    192. 

  192. 					<div class="coner_item01" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div>
    193. 

  193. 

  194.             
    195. 

  195.             <th:block th:each="a, template : ${templateOrd}">
    196. 

  196. 				<th:block th:if="${a.tmplType == 'G082_10'}">
    197. 

  197. 						<div class="content wide dp_review" th:id="${a.tmplType}" style="display: none"></div> <!-- //리뷰 -->
    198. 

  198. 					</th:block>
    199. 

  199. 				<th:block th:if="${a.tmplType == 'G082_20'}">
    200. 

  200. 						 <div class="content wide dp_coupon" th:id="${a.tmplType}" style="display: none"></div>  <!-- //할인쿠폰 -->
    201. 

  201. 					</th:block>
    202. 

  202. 				<th:block th:if="${a.tmplType == 'G082_30'}">
    203. 

  203. 						<div class="cont_body" th:id="${a.tmplType}" style="display: none"></div> <!-- //이미지-->
    204. 

  204. 					</th:block>
    205. 

  205. 				<th:block th:if="${a.tmplType == 'G082_50'}">
    206. 

  206. 						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}" style="display: none"></div>
    207. 

  207. 				</th:block>
    208. 

  208. 				<th:block th:if="${a.tmplType == 'G082_51'}">
    209. 

  209. 						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}" style="display: none"></div>
    210. 

  210. 				</th:block>
    211. 

  211. 				<th:block th:if="${a.tmplType == 'G082_52'}">
    212. 

  212. 						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}" style="display: none"></div>
    213. 

  213. 				</th:block>
    214. 

  214. 				<th:block th:if="${a.tmplType == 'G082_60'}">
    215. 

  215. 						<div class="content dp_announce" th:id="${a.tmplType}" style="display: none"></div>
    216. 

  216. 				</th:block>
    217. 

  217. 			</th:block>
    218. 

  218. 				</div>
    219. 

  219. 			<!-- //상단 프로모션 배너 -->
    220. 

  220. 			
    221. 

  221. 			<div class="coner_item01" th:if="${fsrcInfoBtm != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoBtm.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div>
    222. 

  222. 			<div class="coner_item01" th:if="${planInfo.pollSq != null}">
    223. 

  223. 				<div class="content dp_btn_area">
    224. 

  224. 					<div class="cont_head">
    225. 

  225. 						<div>
    226. 

  226. 							<h4>버튼영역</h4>
    227. 

  227. 						</div>
    228. 

  228. 					</div>
    229. 

  229. 					<div class="cont_body">
    230. 

  230. 						<div class="btn_wrap">
    231. 

  231. 							<a href="javascript:void(0);" class="btn btn_primary go_next" onclick="javascript:fnJoinConfirm()"> <span>설문조사 참여하기</span></a>
    232. 

  232. 						</div>
    233. 

  233. 					</div>
    234. 

  234. 				</div>
    235. 

  235. 			</div>
    236. 

  236. 				<!-- 댓글리스트 -->
    237. 

  237. 			<th:block th:if="${planInfo.replyYn == 'Y'}">
    238. 

  238. 			<div class="content wide cmt">
    239. 

  239. 				<div class="cont_body">
    240. 

  240. 					<div class="cmt_wrap">
    241. 

  241. 						<div class="cmt_write">
    242. 

  242. 							<form class="form_wrap">
    243. 

  243. 								<div class="cmt_tarea">
    244. 

  244. 									<textarea class="cmt_ans" name="replyText" id="replyText" placeholder="댓글을 입력해주세요.(500자 이내)" onclick="fnTextConfirm()"></textarea>
    245. 

  245. 									<p class="txt_cnt"><span id="cmt_cnt" class="c_primary">0</span>/500</p>
    246. 

  246. 								</div>
    247. 

  247. 								<div class="cmt_thumb">
    248. 

  248. 									<div class="form_field">
    249. 

  249. 										<div class="imgUpload">
    250. 

  250. 											<label for="fileAdd" class="fileAdd" id="fileAdd_reply">업로드</label>
    251. 

  251. 											<input type="file" id="fileAdd" name="files"/>
    252. 

  252. 										</div>
    253. 

  253. 									</div>
    254. 

  254. 								</div>
    255. 

  255. 								<button type="button" class="btn btn_dark" onclick="fnReplySave()"><span>등록</span></button>
    256. 

  256. 							</form>
    257. 

  257. 						</div>
    258. 

  258. 						<div class="cmt_group" id="replyList">
    259. 

  259. 

  260. 						</div>
    261. 

  261. 						<div class="paging_wrap">
    262. 

  262. 							<ul class="pageNav" id="paging">
    263. 

  263. 								
    264. 

  264. 							</ul>
    265. 

  265. 						</div>
    266. 

  266. 					</div>
    267. 

  267. 				</div>
    268. 

  268. 			</div>
    269. 

  269. 			</th:block>            
    270. 

  270.             
    271. 

  271.             <!-- 관련상품 리스트 -->
    272. 

  272. 			<div class="content sticky_nav_list" id="cornerList">
    273. 

  273. 

  274.           </div>
    275. 

  275. 		  
    276. 

  276.             <!-- //관련상품 리스트 -->  
    277. 

  277.              <!-- 다른 기획전,이벤트 보기 -->
    278. 

  278. 			<th:block th:if="${planList != null and planList.size() > 0}">
    279. 

  279. 				<div class="content other_promotion_slide">
    280. 

  280. 					<div class="cont_head">
    281. 

  281. 						<div>
    282. 

  282. 							<h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
    283. 

  283. 							<h4 th:if="${planInfo.planGb == 'E'}">다른 이벤트 보기</h4>
    284. 

  284. 							<a href="javascript:void(0);" th:if="${planInfo.planGb == 'P'}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
    285. 

  285. 							<a href="javascript:void(0);" th:if="${planInfo.planGb == 'E'}" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">전체보기</a>
    286. 

  286. 						</div>
    287. 

  287. 					</div>
    288. 

  288. 					<div class="cont_body">
    289. 

  289. 						<div class="swiper-container">
    290. 

  290. 							<div class="swiper-wrapper">
    291. 

  291. 							   <th:block th:each="PlanData, PlanStat : ${planList}">
    292. 

  292. 								<div class="swiper-slide">                   
    293. 

  293. 									<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
    294. 

  294. 										<div class="thumb">
    295. 

  295. 											<img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" th:alt="${PlanData.planNm}">
    296. 

  296. 										</div>
    297. 

  297. 										<div class="txt">
    298. 

  298. 											<p class="tit" th:text="${PlanData.planNm}"></p>
    299. 

  299. 										</div>
    300. 

  300. 									</a>
    301. 

  301. 								</div>
    302. 

  302. 								</th:block>   
    303. 

  303. 							</div>
    304. 

  304. 						</div>
    305. 

  305. 						<div class="swiper-button-prev"></div>
    306. 

  306. 						<div class="swiper-button-next"></div>
    307. 

  307. 					</div>
    308. 

  308. 				</div>
    309. 

  309. 			</th:block>
    310. 

  310.        </div>
    311. 

  311.   </div>       
    312. 

  312.   
    313. 

  313. 

  314. <div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
    315. 

  315. 		<div class="modal-dialog" role="document">
    316. 

  316. 			<div class="modal-content">
    317. 

  317.                 <!-- 쿠폰사용안내 팝업 내용 -->      
    318. 

  318. 			</div>
    319. 

  319. 		</div>
    320. 

  320. </div>
    321. 

  321. <!-- <form id="pollListForm" name="pollListForm" th:action="@{'/planning/event/poll/form'}" th:method="post">
    322. 

  322. 	<input type="hidden" name="planSq" th:value="${planInfo.planSq}"/>
    323. 

  323. </form> -->
    324. 

  324. <form id="searchForm" name="searchForm" th:action="@{/planning/reply/list}" th:method="post">
    325. 

  325. 	<input type="hidden" name="pageNo" value="1" />
    326. 

  326. 	<input type="hidden" name="planSq" th:value="${planInfo.planSq}" />
    327. 

  327. 	<input type="hidden" name="pageSize" value="10" />
    328. 

  328. </form>
    329. 

  329. 

  330. <!-- 댓글 이미지 팝업 -->
    331. 

  331. 	<div class="modal fade thumb_img_pop" id="thumbImgPop" tabindex="-1" role="dialog" aria-labelledby="thumbImgLabel" aria-hidden="true">
    332. 

  332.         <div class="modal-dialog" role="document">
    333. 

  333.             <div class="modal-content">
    334. 

  334. 				<div class="modal-header sr-only">
    335. 

  335.                     <h5 class="modal-title" id="thumbImgLabel">이미지 상세보기</h5>
    336. 

  336.                 </div>
    337. 

  337.                 <div class="modal-body">
    338. 

  338.                     <div class="pop_cont">
    339. 

  339.  						<div class="swiper-container">
    340. 

  340. 							<div class="swiper-wrapper">
    341. 

  341. 								<!-- 이미지 슬라이드 영역 -->
    342. 

  342. 							</div>
    343. 

  343. 						</div>
    344. 

  344. 						<div class="swiper-button-next"></div>
    345. 

  345. 						<div class="swiper-button-prev"></div>						
    346. 

  346. 						<div class="swiper-pagination"></div>
    347. 

  347.                     </div>
    348. 

  348.                 </div>
    349. 

  349.             </div>
    350. 

  350.         </div>        
    351. 

  351.     </div>
    352. 

  352. 	<!-- //댓글 이미지 팝업 -->	    
    353. 

  353. <script src="/ux/plugins/gaga/gaga.paging.js"></script>
    354. 

  354. <script th:inline="javascript">
    355. 

  355. let review = [[${reviewInfo}]];
    356. 

  356. let reviewContent = [[${reviewContent}]];
    357. 

  357. let coupon = [[${couponInfo}]];
    358. 

  358. let couponContent = [[${couponContent}]];
    359. 

  359. let plan = [[${planInfo}]];
    360. 

  360. let image = [[${imageInfo}]];
    361. 

  361. let notice = [[${noticeInfo}]];
    362. 

  362. let goods1 = [[${goods1Info}]];
    363. 

  363. let goods1Content = [[${goods1Content}]];
    364. 

  364. let goods2 = [[${goods2Info}]];
    365. 

  365. let goods2Content = [[${goods2Content}]];
    366. 

  366. let goods4 = [[${goods4Info}]];
    367. 

  367. let goods4Content = [[${goods4Content}]];
    368. 

  368. let template =[[${templateOrd}]];
    369. 

  369. let replyList = [[${replyList}]];
    370. 

  370. let replyCount = [[${replyCount}]];
    371. 

  371. let replyAttachList = [[${replyAttachList}]];
    372. 

  372. let planCornerGoodsList = [[${planCornerGoodsList}]];
    373. 

  373. let planCornerList = [[${planCornerList}]];
    374. 

  374. 

  375. if(notice.length>0){
    376. 

  376. 	$("#G082_60").show();
    377. 

  377. 	
    378. 

  378. 	var html = '';
    379. 

  379. 	
    380. 

  380. 	html += '    <div class="cont_head">\n';
    381. 

  381. 	html += '        <div>\n';
    382. 

  382. 	html += '            <h4>유의사항</h4>\n';
    383. 

  383. 	html += '        </div>\n';
    384. 

  384. 	html += '    </div>\n';
    385. 

  385. 	html += '    <div class="cont_body">\n';
    386. 

  386. 	html += '        <div class="announce_txt">\n';
    387. 

  387. 	html += '            <div class="note_txt">\n';
    388. 

  388. 	html += '                <img src="' + _uximgUrl + '/images/pc/ico_content_find.png" alt="유의사항">\n';
    389. 

  389. 	html += '                <p>유의사항</p>\n';
    390. 

  390. 	html += '            </div>\n';
    391. 

  391. 	html += '            <div class="announce_list">\n';
    392. 

  392. 	html += '                <ul>\n';
    393. 

  393. 	$.each(notice, function(idx, item)  {
    394. 

  394. 		html += '				<li>' +item.itemVal.escapeHtml();+ '</li>\n';
    395. 

  395. 	});
    396. 

  396. 	html += '                </ul>\n';
    397. 

  397. 	html += '            </div>\n';
    398. 

  398. 	html += '        </div>\n ';
    399. 

  399. 	html += '    </div>\n';
    400. 

  400. 

  401. 	$("#G082_60").append(html);
    402. 

  402. 	
    403. 

  403. }
    404. 

  404. 

  405. 

  406. if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
    407. 

  407. 	var html = '';
    408. 

  408. 	
    409. 

  409. 	html += '<div class="cont_head">\n';
    410. 

  410. 	html += '     <div class="sticky_nav">\n';
    411. 

  411. 	html += '         <ul>\n    ';
    412. 

  412. 	$.each(planCornerList, function(idx, item)  {
    413. 

  413. 		html += '             <li><a href="#brand'+(idx+1)+'">'+item.cornerNm+'</a></li>\n';
    414. 

  414. 	})
    415. 

  415. 	
    416. 

  416. 	html += '         </ul>\n';
    417. 

  417. 	html += '     </div>\n';
    418. 

  418. 	html += '</div>\n';
    419. 

  419. 	html += '<div class="cont_body">\n';
    420. 

  420. 	html += '     <div class="list_content">\n';
    421. 

  421. 	$.each(planCornerList, function(idx, item)  {
    422. 

  422. 		html += '         <div id="brand'+(idx+1)+'" class="dp_item_list">\n';
    423. 

  423. 		html += '             <div class="item_header">\n';
    424. 

  424. 		html += '                 <h4>'+item.cornerNm+'</h4>\n';
    425. 

  425. 		html += '             </div>\n';
    426. 

  426. 		html += '             <div class="itemsGrp';
    427. 

  427. 		if(item.cornerDispType == 'G045_2'){
    428. 

  428. 			html += ' cut2';
    429. 

  429. 		}else if(item.cornerDispType == 'G045_4'){
    430. 

  430. 			html += ' cut4';
    431. 

  431. 		}else if(item.cornerDispType == 'G045_5'){
    432. 

  432. 			html += ' cut5';
    433. 

  433. 		}
    434. 

  434. 		html += '">\n';
    435. 

  435. 		$.each(planCornerGoodsList, function(idx2, item2)  {
    436. 

  436. 			if (item2.cornerNm == item.cornerNm) {
    437. 

  437. 				html += '                 <div class="item_prod">\n';
    438. 

  438. 				html += '                     <div class="item_state">\n';
    439. 

  439. 				html += '		<button type="button" class="itemLike';
    440. 

  440. 				if(item2.likeIt == 'likeit'){
    441. 

  441. 					html += ' likeit';
    442. 

  442. 				}
    443. 

  443. 				html += ' "';
    444. 

  444. 				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', goodsNm=\'' + item2.goodsNm + '\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
    445. 

  445. 				
    446. 

  446. 				html += '                         <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\',\'\',\'IN12_01\',\'\',\'' + item.planDtlSq+ '\')" class="itemLink">\n';
    447. 

  447. 				html += '                             <div class="itemPic">\n';
    448. 

  448. 				html += '                                 <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'?RS=550">\n';
    449. 

  449. 				html += '                             </div>\n';
    450. 

  450. 				html += '                             <p class="itemBrand">'+item2.brandGroupNm+'</p>\n';
    451. 

  451. 				if(item2.goodsTnm != null){
    452. 

  452. 					html += '			<div class="itemComment">'+item2.goodsTnm+'</div>\n';
    453. 

  453. 				}
    454. 

  454. 				html += '                             <div class="itemName">'+item2.goodsNm+'</div>\n';
    455. 

  455. 				html += '                             <p class="itemPrice">'+item2.currPrice.addComma();
    456. 

  456. 				if (item2.currPrice != item2.listPrice) {
    457. 

  457. 					html += '                                 <span class="itemPrice_original">'+item2.listPrice.addComma()+'</span>\n';
    458. 

  458. 				}
    459. 

  459. 				if (item2.dcRate != 0) {
    460. 

  460. 					html += '                                 <span class=" itemPercent">'+item2.dcRate.addComma()+'%</span>\n';
    461. 

  461. 				}
    462. 

  462. 				
    463. 

  463. 				
    464. 

  464. 				html += '                             </p>\n';
    465. 

  465. 				html += '                             <div class="itemcolorchip">\n';
    466. 

  466. 				if(!gagajf.isNull(item2.colorChips)){
    467. 

  467. 					var colorArr = item2.colorChips.split(",");
    468. 

  468. 					var colorCd = '';
    469. 

  469. 					var rgbColor = '';
    470. 

  470. 					for(let i=0; i<colorArr.length; i++){
    471. 

  471. 						var colorInfo = colorArr[i].split(":");
    472. 

  472. 						colorCd = colorInfo[0];
    473. 

  473. 						rgbColor = colorInfo[1];
    474. 

  474. 						if(rgbColor=='#FFFFFF'){
    475. 

  475. 							html += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>\n';
    476. 

  476. 						}else{
    477. 

  477. 							html += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>\n';
    478. 

  478. 						}
    479. 

  479. 					}
    480. 

  480. 				}
    481. 

  481. 				html += '                             </div>\n';
    482. 

  482. 				if(!gagajf.isNull(item2.icon)){
    483. 

  483. 					var iconArr = item2.icon.split(",");
    484. 

  484. 					var iconGb = '';
    485. 

  485. 					var iconNm = '';
    486. 

  486. 					html += '	<p class="itemBadge">\n';
    487. 

  487. 					for(let i=0; i<iconArr.length; i++){
    488. 

  488. 						var iconInfo = iconArr[i].split(":");
    489. 

  489. 						iconGb = iconInfo[0];
    490. 

  490. 						iconNm = iconInfo[1];
    491. 

  491. 						html += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>\n';
    492. 

  492. 					}
    493. 

  493. 					html += '	</p>\n';
    494. 

  494. 				}
    495. 

  495. 				html += '                         </a>\n';
    496. 

  496. 				html += '                     </div>\n';
    497. 

  497. 				html += '                 </div>\n';
    498. 

  498. 			}
    499. 

  499. 			
    500. 

  500. 		})
    501. 

  501. 		html += '             </div>\n';
    502. 

  502. 		html += '         </div>\n';
    503. 

  503. 	})
    504. 

  504. 	html += '     </div>\n';
    505. 

  505. 	html += ' </div>\n';
    506. 

  506. 	
    507. 

  507. 	$("#cornerList").append(html);
    508. 

  508. 	
    509. 

  509. }
    510. 

  510. 

  511. if(template.length>0){
    512. 

  512. 	if(review.length>0 || (reviewContent.length>0 && !gagajf.isNull(reviewContent[0].title))){
    513. 

  513. 		$("#G082_10").show();
    514. 

  514. 		var html = '';
    515. 

  515. 		
    516. 

  516. 		html += ' <div class="cont_head">\n';
    517. 

  517. 		html += ' 	<div>\n';
    518. 

  518. 		html += '		<h4>'+reviewContent[0].title+'</h4>\n';
    519. 

  519. 		html += ' 	</div>\n';
    520. 

  520. 		html += '	<div class="cont_body">\n';
    521. 

  521. 		html += ' 		<div class="review_list">\n';
    522. 

  522. 		$.each(review, function(idx, item)  {
    523. 

  523. 			html += '		<div class="reviw_box">\n'
    524. 

  524. 			html += '			<div class="best_review">\n';
    525. 

  525. 			if(item.reviewSysImg!= null){
    526. 

  526. 				if (item.bestYn == 'Y') {
    527. 

  527. 					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfPlanningReviewDetail(\''+item.goodsCd+'\',\'Y\', \'Y\',\''+item.reviewSq+'\',1);">\n';
    528. 

  528. 				}else{
    529. 

  529. 					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfPlanningReviewDetail(\''+item.goodsCd+'\',\'N\', \'Y\',\''+item.reviewSq+'\',1);">\n';
    530. 

  530. 				}
    531. 

  531. 				
    532. 

  532. 			}else{
    533. 

  533. 				if (item.bestYn == 'Y') {
    534. 

  534. 					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfPlanningReviewDetail(\''+item.goodsCd+'\',\'Y\', \'N\',\''+item.reviewSq+'\',1);">\n';
    535. 

  535. 				}else{
    536. 

  536. 					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfPlanningReviewDetail(\''+item.goodsCd+'\',\'N\', \'N\',\''+item.reviewSq+'\',1);">\n';
    537. 

  537. 				}
    538. 

  538. 				
    539. 

  539. 			}
    540. 

  540. 			
    541. 

  541. 			html += '					<div class="pic">\n';
    542. 

  542. 			if(item.reviewSysImg!= null){
    543. 

  543. 				if (item.fileGb == 'M') { 
    544. 

  544. 					html += '								<span class="thumb mov" style="background-image: url('+ _kollusMediaUrl+'/poster/'+item.kmcKey +');"></span>\n';	
    545. 

  545. 				}else{
    546. 

  546. 					html += '								<span class="thumb" style="background-image: url('+ _uploadImageUrl +item.reviewSysImg +'?RS=340);"></span>\n';			
    547. 

  547. 				}
    548. 

  548. 			}else{
    549. 

  549. 				html += '								<span class="thumb" style="background-image: url('+ _uploadGoodsUrl+'/'+item.sysImgNm +'?RS=340);"></span>\n';	
    550. 

  550. 			}
    551. 

  551. 			
    552. 

  552. 			html += '                   </div>\n';
    553. 

  553. 			html += '                  <div class="star_score">\n';
    554. 

  554. 			html += '                      <span class="star">\n';
    555. 

  555. 			html += '                          <em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
    556. 

  556. 			html += '                      </span>\n';
    557. 

  557. 			if(item.bestYn == 'Y'){
    558. 

  558. 				html += '<em class="ico ico_besttag"></em>\n';	
    559. 

  559. 			}
    560. 

  560. 			html += '                  </div>\n';
    561. 

  561. 			html += '                  <div class="txt_best_review">\n';
    562. 

  562. 			html += '                      <p>'+item.reviewContent+'</p>\n';
    563. 

  563. 			html += '                  </div>\n';
    564. 

  564. 			html += '                  <div class="info_writer">\n';
    565. 

  565. 			html += '                      <span class="wr_id">'+item.maskingCustId+'</span>\n';
    566. 

  566. 			html += '                      <span class="wr_date">'+item.regDt+'</span>\n';
    567. 

  567. 			html += '                  </div>\n';
    568. 

  568. 			html += '              </a>\n';
    569. 

  569. 			html += '          </div>\n';
    570. 

  570. 			html += '          <div class="review_item">\n';
    571. 

  571. 			html += '              <div class="item_prod">\n';
    572. 

  572. 			html += '                  <div class="item_state">\n';
    573. 

  573. 			html += '                      <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')" class="itemLink">\n';
    574. 

  574. 			html += '                          <div class="itemPic">\n';
    575. 

  575. 			html += '                            	<img alt="" class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
    576. 

  576. 			html += '                          </div>\n';
    577. 

  577. 			html += '                          <div class="itemName">'+item.goodsNm+'</div>\n';
    578. 

  578. 			html += '                          <p class="itemPrice">'+item.currPrice.addComma()+'</p>\n';
    579. 

  579. 			html += '                      </a>\n';
    580. 

  580. 			html += '                  </div>\n';
    581. 

  581. 			html += '              </div>\n';
    582. 

  582. 			html += '          </div>\n';
    583. 

  583. 			html += '      </div>\n';
    584. 

  584. 		});
    585. 

  585. 		html += '       </div>\n                    ';
    586. 

  586. 		html += '	 </div>\n';
    587. 

  587. 		html += '</div>\n';
    588. 

  588. 

  589. 		$("#G082_10").append(html);
    590. 

  590. 	}
    591. 

  591. }
    592. 

  592. 

  593. if(image.length>0){
    594. 

  594. 	
    595. 

  595. 	if (image[0].itemVal != null && image[0].itemVal != '') {
    596. 

  596. 		$("#G082_30").show();
    597. 

  597. 		var html = '';
    598. 

  598. 		
    599. 

  599. 		html += '    <div class="promotion_visual type2">\n';
    600. 

  600. 		html += '        <div class="swiper-container">\n';
    601. 

  601. 		html += '            <div class="swiper-wrapper">\n';
    602. 

  602. 		for (var i = 0; i < image.length; i++) {
    603. 

  603. 			html += '                	<div class="swiper-slide">\n';
    604. 

  604. 			if (image[i].linkOpenGb == 'M') {
    605. 

  605. 				html += '                    	<a href="'+image[i].linkUrl+'" target="_self"><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>\n';
    606. 

  606. 			}else{
    607. 

  607. 				html += '                    	<a href="'+image[i].linkUrl+'" target="_blank"><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>\n';
    608. 

  608. 			}
    609. 

  609. 			
    610. 

  610. 			html += '                	</div>\n';
    611. 

  611. 		}
    612. 

  612. 		html += '            </div>\n';
    613. 

  613. 		html += '        </div>\n';
    614. 

  614. 		html += '        <div class="swiper-button-prev"></div>\n';
    615. 

  615. 		html += '        <div class="swiper-button-next"></div>\n';
    616. 

  616. 		html += '        <div class="swiper-pagination"></div>\n';
    617. 

  617. 		html += '    </div>\n';
    618. 

  618. 		
    619. 

  619. 		$("#G082_30").append(html);
    620. 

  620. 	}
    621. 

  621. }
    622. 

  622. 

  623. if(template.length>0){
    624. 

  624. 	var array = [];
    625. 

  625. 	for (var j = 0; j < template.length; j++) {
    626. 

  626. 		if(template[j].tmplType == 'G082_50'){
    627. 

  627. 			array.push(template[j].planContSq);
    628. 

  628. 		}
    629. 

  629. 	}	
    630. 

  630. 	for (var i = 0; i < template.length; i++) {
    631. 

  631. 		var html = '';
    632. 

  632. 		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
    633. 

  633. 			if(template[i].title != null && template[i].title != ''){
    634. 

  634. 				$("#G082_50" +template[i].planContSq).show();
    635. 

  635. 			}
    636. 

  636. 			html += '<div class="cont_head">\n';
    637. 

  637. 			html += '	<div>\n';
    638. 

  638. 			html += '        <h4>\n';
    639. 

  639. 			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
    640. 

  640. 				if (template[i].linkOpenGb == 'M') { //본창
    641. 

  641. 					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
    642. 

  642. 				}else{
    643. 

  643. 					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
    644. 

  644. 				}
    645. 

  645. 				
    646. 

  646. 			}else{
    647. 

  647. 				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>\n';
    648. 

  648. 			}
    649. 

  649. 			html += '		</h4>\n';
    650. 

  650. 			html += '    </div>\n';
    651. 

  651. 			html += '</div>\n';
    652. 

  652. 			html += '<div class="cont_body">\n';
    653. 

  653. 			html += '    <div class="dp_listItems_cont type1">\n';
    654. 

  654. 			html += '        <ul>\n';
    655. 

  655. 		$.each(goods1, function(idx, item)  {
    656. 

  656. 			if (item.planContSq == template[i].planContSq) {
    657. 

  657. 				$("#G082_50" + item.planContSq).show();
    658. 

  658. 				html += '            <li>\n';
    659. 

  659. 				html += '                <div class="dp_listItems">\n';
    660. 

  660. 				html += '                    <div class="dp_listItems_img">\n';
    661. 

  661. 				html += '                        <img src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'" alt="">\n';
    662. 

  662. 				html += '                    </div>\n';
    663. 

  663. 				html += '                    <div class="dp_listItems_info">\n';
    664. 

  664. 				html += '                        <div class="dp_listItems_brand">'+item.brandGroupNm+'</div>\n';
    665. 

  665. 				if(item.goodsTnm != null){
    666. 

  666. 					html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
    667. 

  667. 				}
    668. 

  668. 				html += '                        <div class="dp_listItems_name">'+item.goodsNm+'<br></div>\n';
    669. 

  669. 				html += '                        <div class="dp_listItems_price">\n';
    670. 

  670. 				html += '                            <span class="price">'+item.currPrice.addComma()+'</span>\n';
    671. 

  671. 				if (item.currPrice != item.listPrice) {
    672. 

  672. 					html += '                            <del>'+item.listPrice.addComma()+'</del>\n';
    673. 

  673. 					html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>\n';
    674. 

  674. 				}
    675. 

  675. 				html += '                        </div>\n';
    676. 

  676. 				html += '                        <div class="ui_row">\n';
    677. 

  677. 				html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')"><span>자세히 보기</span></button>\n';
    678. 

  678. 				html += '                        </div>\n';
    679. 

  679. 				html += '                    </div>\n';
    680. 

  680. 				html += '                </div>\n';
    681. 

  681. 				html += '            </li>\n';
    682. 

  682. 			}
    683. 

  683. 		});
    684. 

  684. 		html += '        </ul>\n';
    685. 

  685. 		html += '    </div>\n       ';
    686. 

  686. 		html += '</div>';
    687. 

  687. 		$("#G082_50" +array[0]).append(html);
    688. 

  688. 	}
    689. 

  689. 		if($("#G082_50" +template[i].planContSq).length){
    690. 

  690. 			array.shift();
    691. 

  691. 		}
    692. 

  692. 	}
    693. 

  693. }
    694. 

  694. 

  695. if(template.length>0){
    696. 

  696. 	var array = [];
    697. 

  697. 

  698. 	for (var j = 0; j < template.length; j++) {
    699. 

  699. 		if(template[j].tmplType == 'G082_51'){
    700. 

  700. 			array.push(template[j].planContSq);
    701. 

  701. 		}
    702. 

  702. 	}	
    703. 

  703. 	for (var i = 0; i < template.length; i++) {
    704. 

  704. 		var html = '';
    705. 

  705. 		
    706. 

  706. 		if(template[i].tmplType == 'G082_51' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
    707. 

  707. 			if(template[i].title != null && template[i].title != ''){
    708. 

  708. 				$("#G082_51" +template[i].planContSq).show();
    709. 

  709. 			}
    710. 

  710. 			html += '<div class="cont_head">\n';
    711. 

  711. 			html += '	<div>\n';
    712. 

  712. 			html += '        <h4>\n';
    713. 

  713. 				if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
    714. 

  714. 					if (template[i].linkOpenGb == 'M') { //본창
    715. 

  715. 						html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
    716. 

  716. 					}else{
    717. 

  717. 						html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
    718. 

  718. 					}
    719. 

  719. 				}else{
    720. 

  720. 					html+='            <a href="javascript:void(0)">'+template[i].title+'</a>\n';
    721. 

  721. 				}
    722. 

  722. 			html += '        </h4>\n';
    723. 

  723. 			html += '    </div>\n';
    724. 

  724. 			html += '</div>\n';
    725. 

  725. 			html += '<div class="cont_body">\n';
    726. 

  726. 			html += '    <div class="dp_listItems_cont type2">\n';
    727. 

  727. 			html += '        <div class="swiper-container">\n';
    728. 

  728. 			html += '            <div class="swiper-wrapper">\n';
    729. 

  729. 			$.each(goods2, function(idx, item) {
    730. 

  730. 				if (item.planContSq == template[i].planContSq) {
    731. 

  731. 					$("#G082_51" + item.planContSq).show();
    732. 

  732. 					html += '                <div class="swiper-slide">\n';
    733. 

  733. 					html += '                    <div class="item_prod">\n';
    734. 

  734. 					html += '                        <div class="item_state">\n';
    735. 

  735. 					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')" class="itemLink">\n';
    736. 

  736. 					html += '                                <div class="itemPic">\n';
    737. 

  737. 					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
    738. 

  738. 					html += '                                </div>\n';
    739. 

  739. 					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
    740. 

  740. 					if(item.goodsTnm != null){
    741. 

  741. 						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
    742. 

  742. 					}
    743. 

  743. 					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
    744. 

  744. 					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
    745. 

  745. 					if (item.currPrice != item.listPrice) {
    746. 

  746. 						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
    747. 

  747. 						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
    748. 

  748. 					}
    749. 

  749. 					html += '                                </p>\n';
    750. 

  750. 					html += '                            </a>\n';
    751. 

  751. 					html += '                        </div>\n';
    752. 

  752. 					html += '                    </div>\n';
    753. 

  753. 					html += '                </div>\n           ';
    754. 

  754. 				}
    755. 

  755. 			});
    756. 

  756. 			html += '            </div>\n';
    757. 

  757. 			html += '        </div>\n';
    758. 

  758. 			html += '        <div class="swiper-button-prev"></div>\n';
    759. 

  759. 			html += '        <div class="swiper-button-next"></div>\n';
    760. 

  760. 			html += '        <div class="swiper-pagination"></div>\n';
    761. 

  761. 			html += '    </div>\n       ';
    762. 

  762. 			html += '</div>\n';
    763. 

  763. 			$("#G082_51" +array[0]).append(html);
    764. 

  764. 		}
    765. 

  765. 		
    766. 

  766. 		if($("#G082_51" +template[i].planContSq).length){
    767. 

  767. 			array.shift();
    768. 

  768. 		}
    769. 

  769. 	}
    770. 

  770. }
    771. 

  771. 

  772. if(template.length>0){
    773. 

  773. 	var array = [];
    774. 

  774. 

  775. 	for (var j = 0; j < template.length; j++) {
    776. 

  776. 		if(template[j].tmplType == 'G082_52'){
    777. 

  777. 			array.push(template[j].planContSq);
    778. 

  778. 		}
    779. 

  779. 	}	
    780. 

  780. 	for (var i = 0; i < template.length; i++) {
    781. 

  781. 		var html = '';
    782. 

  782. 		if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
    783. 

  783. 			if(template[i].title != null && template[i].title != ''){
    784. 

  784. 				$("#G082_52" +template[i].planContSq).show();
    785. 

  785. 			}
    786. 

  786. 			html += '<div class="cont_head">\n';
    787. 

  787. 			html += '<div>\n';
    788. 

  788. 			html += '        <h4>\n';
    789. 

  789. 			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
    790. 

  790. 				if (template[i].linkOpenGb == "M") { //본창
    791. 

  791. 					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
    792. 

  792. 				}else{
    793. 

  793. 					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
    794. 

  794. 				}
    795. 

  795. 			}else{
    796. 

  796. 				html+='            <a href="javascript:void(0)">'+template[i].title+'</a>\n';
    797. 

  797. 			}
    798. 

  798. 			html += '        </h4>\n';
    799. 

  799. 			html += '    </div>\n';
    800. 

  800. 			html += '</div>\n';
    801. 

  801. 			html += '<div class="cont_body">\n';
    802. 

  802. 			html += '    <div class="dp_listItems_cont type3">\n';
    803. 

  803. 			html += '        <div class="swiper-container">\n';
    804. 

  804. 			html += '            <div class="swiper-wrapper">\n';
    805. 

  805. 			$.each(goods4, function(idx, item) {
    806. 

  806. 				if (item.planContSq == template[i].planContSq) {
    807. 

  807. 					$("#G082_52" + item.planContSq).show();
    808. 

  808. 					html += '                <div class="swiper-slide">\n';
    809. 

  809. 					html += '                    <div class="item_prod">\n';
    810. 

  810. 					html += '                        <div class="item_state">\n';
    811. 

  811. 					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')" class="itemLink">\n';
    812. 

  812. 					html += '                                <div class="itemPic">\n';
    813. 

  813. 					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
    814. 

  814. 					html += '                                </div>\n';
    815. 

  815. 					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
    816. 

  816. 					if(item.goodsTnm != null){
    817. 

  817. 						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
    818. 

  818. 					}
    819. 

  819. 					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
    820. 

  820. 					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
    821. 

  821. 					if (item.currPrice != item.listPrice) {
    822. 

  822. 						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
    823. 

  823. 						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
    824. 

  824. 					}
    825. 

  825. 					html += '                                </p>\n';
    826. 

  826. 					html += '                            </a>\n';
    827. 

  827. 					html += '                        </div>\n';
    828. 

  828. 					html += '                    </div>\n';
    829. 

  829. 					html += '                </div>\n';
    830. 

  830. 				}
    831. 

  831. 			});
    832. 

  832. 			html += '            </div>\n';
    833. 

  833. 			html += '        </div>\n';
    834. 

  834. 			html += '        <div class="swiper-button-prev"></div>\n';
    835. 

  835. 			html += '        <div class="swiper-button-next"></div>\n';
    836. 

  836. 			html += '        <div class="swiper-pagination"></div>\n';
    837. 

  837. 			html += '    </div>\n       ';
    838. 

  838. 			html += '</div>\n';
    839. 

  839. 			$("#G082_52" +array[0]).append(html);
    840. 

  840. 			
    841. 

  841. 		}
    842. 

  842. 		if($("#G082_52" +template[i].planContSq).length){
    843. 

  843. 			array.shift();
    844. 

  844. 		}
    845. 

  845. 	}
    846. 

  846. 	
    847. 

  847. 	/* SLIDE - 대표상품 슬라이드 4열 상품 */
    848. 

  848. 	// 슬라이드 개별생성 21.09.23
    849. 

  849. 	for (var j = 0; j < template.length; j++) {
    850. 

  850. 		if(template[j].tmplType == 'G082_52'){
    851. 

  851. 			var slidId = "G082_52" + template[j].planContSq;
    852. 

  852. 			var dp_listItems_slide2 = new Swiper ('#'+slidId+' .dp_listItems_cont.type3 .swiper-container', {
    853. 

  853. 				loop: false,
    854. 

  854. 				slidesPerView: 4,
    855. 

  855. 				slidesPerGroup: 4,
    856. 

  856. 				spaceBetween: 20,
    857. 

  857. 				speed : 1000,
    858. 

  858. 				a11y: {
    859. 

  859. 					enabled: true,
    860. 

  860. 					notificationClass: 'swiper-notification',
    861. 

  861. 					prevSlideMessage: '이전 슬라이드',
    862. 

  862. 					nextSlideMessage: '다음 슬라이드',
    863. 

  863. 					paginationBulletMessage: '슬라이드 {{index}}로 이동',
    864. 

  864. 				},
    865. 

  865. 				navigation: {
    866. 

  866. 					nextEl: '#'+slidId+' .dp_listItems_cont.type3 .swiper-button-next',
    867. 

  867. 					prevEl: '#'+slidId+' .dp_listItems_cont.type3 .swiper-button-prev',
    868. 

  868. 				},
    869. 

  869. 				pagination: {
    870. 

  870. 					el: '#'+slidId+' .dp_listItems_cont.type3 .swiper-pagination',
    871. 

  871. 					clickable: true,
    872. 

  872. 				},
    873. 

  873. 			});
    874. 

  874. 		}
    875. 

  875. 	}
    876. 

  876. }
    877. 

  877. 

  878. if(template.length>0){
    879. 

  879. 	if(coupon.length>0 || (couponContent.length > 0 && !gagajf.isNull(couponContent[0].title)) || (couponContent.length > 0 && !gagajf.isNull(couponContent[0].cpnNote0))){
    880. 

  880. 		$("#G082_20").show();
    881. 

  881. 		var html = '';
    882. 

  882. 		 
    883. 

  883. 		html += '<div class="cont_head">\n';
    884. 

  884. 		html += '	<div>\n';
    885. 

  885. 		html += '		<h4>'+couponContent[0].title+'</h4>\n';
    886. 

  886. 		html += '	</div>\n';
    887. 

  887. 		html += '</div>\n';
    888. 

  888. 		html += '<div class="cont_body">\n';
    889. 

  889. 		html += '	<div class="coupon_list">\n';
    890. 

  890. 		html += '		<ul>\n';
    891. 

  891. 		$.each(coupon, function(idx, item) {
    892. 

  892. 			html += '			<li>\n';
    893. 

  893. 			html += '				<div class="coupon">\n';
    894. 

  894. 			html += '					<div>\n';
    895. 

  895. 			html += '						<p class="cp_name">'+item.cpnNm+'</p>\n';
    896. 

  896. 			html += '						<p class="cp_cont">\n';
    897. 

  897. 			html += '							<span><em>'+item.dcVal.addComma()+'</em>'+item.dcWay+'</span>\n';
    898. 

  898. 			html += '						</p>\n';
    899. 

  899. 			html += '						<p class="cp_condition">'+item.useCondition;
    900. 

  900. 			html += '								<span>'+item.issueCondition+'</span>\n';	
    901. 

  901. 			html += '						</p>\n';
    902. 

  902. 			html += '					</div>\n';
    903. 

  903. 			if (item.couponStat == '쿠폰받기') {
    904. 

  904. 				html += '					<button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">\n'; 
    905. 

  905. 				html += '						<span>쿠폰받기</span>\n';								
    906. 

  906. 				html += '					</button>\n';			
    907. 

  907. 			}else{
    908. 

  908. 				html += '					<button type="button"';
    909. 

  909. 				html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>\n';  
    910. 

  910. 				html += '						<span>받기완료</span>\n';								
    911. 

  911. 				html += '					</button>\n';			
    912. 

  912. 			}
    913. 

  913. 			html += '				</div>\n';
    914. 

  914. 			html += '				<button type="button" class="btn_underline"	id="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')">\n';
    915. 

  915. 			html += '					<span>사용안내</span>\n';
    916. 

  916. 			html += '				</button>\n';
    917. 

  917. 			html += '			</li>\n';
    918. 

  918. 		});
    919. 

  919. 		html += '		</ul>\n';
    920. 

  920. 		html += '	</div>\n';
    921. 

  921. 		html += '</div>\n';
    922. 

  922. 		if(couponContent[0].cpnNote0 != null && couponContent[0].cpnNote0 != ''){
    923. 

  923. 			html += '<div class="content dp_announce line">\n                                                 ';
    924. 

  924. 			html += '    <div class="cont_head">\n                                                       ';
    925. 

  925. 			html += '        <div>\n                                                                     ';
    926. 

  926. 			html += '            <h4>유의사항</h4>\n                                                         ';
    927. 

  927. 			html += '        </div>\n                                                                    ';
    928. 

  928. 			html += '    </div>\n                                                                        ';
    929. 

  929. 			html += '    <div class="cont_body">\n                                                       ';
    930. 

  930. 			html += '        <div class="announce_txt">\n                                                ';
    931. 

  931. 			html += '            <div class="note_txt">\n                                                ';
    932. 

  932. 			html += '                <img src="' + _uximgUrl + '/images/pc/ico_content_find.png" alt="유의사항">\n            ';
    933. 

  933. 			html += '                <p>유의사항</p>\n                                                       ';
    934. 

  934. 			html += '            </div>\n                                                                ';
    935. 

  935. 			html += '            <div class="announce_list">\n                                           ';
    936. 

  936. 			html += '               <ul>\n';
    937. 

  937. 			html += '                  <li>' + couponContent[0].cpnNote0.escapeHtml(); +'</li>\n';
    938. 

  938. 			if(couponContent[0].cpnNote1 != null && couponContent[0].cpnNote1 != '')
    939. 

  939. 				html += '                  <li>' + couponContent[0].cpnNote1.escapeHtml(); +'</li>\n';
    940. 

  940. 			if(couponContent[0].cpnNote2 != null && couponContent[0].cpnNote2 != '')
    941. 

  941. 				html += '                  <li>' + couponContent[0].cpnNote2.escapeHtml(); +'</li>\n';
    942. 

  942. 			if(couponContent[0].cpnNote3 != null && couponContent[0].cpnNote3 != '')
    943. 

  943. 				html += '                  <li>' + couponContent[0].cpnNote3.escapeHtml(); +'</li>\n';	
    944. 

  944. 			if(couponContent[0].cpnNote4 != null && couponContent[0].cpnNote4 != '')
    945. 

  945. 				html += '                  <li>' + couponContent[0].cpnNote4.escapeHtml(); +'</li>\n';
    946. 

  946. 			if(couponContent[0].cpnNote5 != null && couponContent[0].cpnNote5 != '')
    947. 

  947. 				html += '                  <li>' + couponContent[0].cpnNote5.escapeHtml(); +'</li>\n';
    948. 

  948. 			if(couponContent[0].cpnNote6 != null && couponContent[0].cpnNote6 != '')
    949. 

  949. 				html += '                  <li>' + couponContent[0].cpnNote6.escapeHtml();+'</li>\n';
    950. 

  950. 			if(couponContent[0].cpnNote7 != null && couponContent[0].cpnNote7 != '')
    951. 

  951. 				html += '                  <li>' + couponContent[0].cpnNote7.escapeHtml(); +'</li>\n';
    952. 

  952. 			if(couponContent[0].cpnNote8 != null && couponContent[0].cpnNote8 != '')
    953. 

  953. 				html += '                  <li>' + couponContent[0].cpnNote8.escapeHtml(); +'</li>\n';
    954. 

  954. 			if(couponContent[0].cpnNote9 != null && couponContent[0].cpnNote9 != '')
    955. 

  955. 				html += '                  <li>' + couponContent[0].cpnNote9.escapeHtml(); +'</li>\n';
    956. 

  956. 			html += '               </ul>\n';
    957. 

  957. 			html += '            </div>                                                                '; 
    958. 

  958. 			html += '        </div>                                                                    '; 
    959. 

  959. 			html += '    </div>                                                                        '; 
    960. 

  960. 			html += '</div>                                                                            ';
    961. 

  961. 		}
    962. 

  962. 		$("#G082_20").append(html);
    963. 

  963. 	}
    964. 

  964. }
    965. 

  965. 

  966. 

  967. //사용안내 모달
    968. 

  968. var usePlanInfoCoupon = function (id) {
    969. 

  969. 	var data = {cpnId : id
    970. 

  970. 			    ,planSq : plan.planSq};
    971. 

  971. 	var jsonData = JSON.stringify(data);
    972. 

  972. 	
    973. 

  973. 	 $.ajax( {
    974. 

  974. 		type		: "POST",
    975. 

  975. 		url 		: '/planning/coupon/detailpop',
    976. 

  976. 		data		: jsonData,
    977. 

  977. 		contentType: 'application/json',
    978. 

  978. 		dataType 	: 'html',
    979. 

  979. 		success 	: function(result) {
    980. 

  980. 			if (result != null) {
    981. 

  981. 				$("#couponInfoPop").html(result);
    982. 

  982. 				$("#couponInfoPop").modal("show");
    983. 

  983. 			}
    984. 

  984. 		}
    985. 

  985. 	});
    986. 

  986. 	
    987. 

  987. 	return false; 
    988. 

  988. }
    989. 

  989. //쿠폰 다운로드
    990. 

  990. var fnPlanCouponDown = function(obj){
    991. 

  991. 

  992. 	if (!cfCheckLogin()) {
    993. 

  993. 		cfnGoToPage(_PAGE_LOGIN);
    994. 

  994. 		return false;
    995. 

  995. 	}
    996. 

  996. 	
    997. 

  997. 	let cpnId = obj;
    998. 

  998. 	gagajf.ajaxJsonSubmit(_PAGE_PLANNING_CPN_DOWNLOAD, JSON.stringify({cpnId: cpnId}), fnPlanCouponCallBack);
    999. 

  999. }
    1000. 

  1000. 

  1001. // 쿠폰다운로드 콜백
    1002. 

  1002. var fnPlanCouponCallBack = function(result){
    1003. 

  1003. 	console.log(result);
    1004. 

  1004. 	$.each(result.couponList, function (idx, item) {
    1005. 

  1005. 		if (Number(item.custPubLimitQty) > 0){
    1006. 

  1006. 			if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
    1007. 

  1007. 				$('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
    1008. 

  1008. 				$('#coupon_'+ item.cpnId).attr('disabled', true);
    1009. 

  1009. 			}
    1010. 

  1010. 		}
    1011. 

  1011. 	});
    1012. 

  1012. }
    1013. 

  1013. 

  1014. // 설문조사 참여 버튼 클릭
    1015. 

  1015. var fnJoinConfirm = function () {
    1016. 

  1016. 	let planSq = plan.planSq;
    1017. 

  1017. 

  1018. 	if (!cfCheckLogin()) {
    1019. 

  1019. 		// mcxDialog.alert("로그인 후 참여 가능합니다.");
    1020. 

  1020. 		mcxDialog.alertC("로그인 후 참여 가능합니다.", { //내용
    1021. 

  1021. 			sureBtnText: "로그인",  //버튼명
    1022. 

  1022. 			sureBtnClick: function(){
    1023. 

  1023. 				location.href="/signin";
    1024. 

  1024. 			}
    1025. 

  1025. 		});
    1026. 

  1026. 		return false;
    1027. 

  1027. 	}else{
    1028. 

  1028. 		cfnGoToPollDetail(planSq);
    1029. 

  1029. 	}
    1030. 

  1030. 

  1031. }
    1032. 

  1032. 

  1033. // 댓글 입력 확인
    1034. 

  1034. var fnTextConfirm = function() {
    1035. 

  1035. 	//로그인 확인
    1036. 

  1036. 	if (!cfCheckLogin()) {
    1037. 

  1037. 		// mcxDialog.alert("로그인 후 참여 가능합니다.");
    1038. 

  1038. 		mcxDialog.alertC("로그인 후 참여 가능합니다.", { //내용
    1039. 

  1039. 			sureBtnText: "로그인",  //버튼명
    1040. 

  1040. 			sureBtnClick: function(){
    1041. 

  1041. 				location.href="/signin";
    1042. 

  1042. 			}
    1043. 

  1043. 		});
    1044. 

  1044. 		$("#replyText").val('');
    1045. 

  1045. 		return false;
    1046. 

  1046. 	}
    1047. 

  1047. }
    1048. 

  1048. 

  1049. var ajaxReplyList = function () {
    1050. 

  1050. 	gagaPaging.init('searchForm', fnSearchCallback, 'paging', 10);
    1051. 

  1051. 	gagaPaging.load(1);
    1052. 

  1052. }
    1053. 

  1053. 

  1054. var fnSearchCallback = function (result) {
    1055. 

  1055. 	 $("#replyList").html('');
    1056. 

  1056. 	 if (result!=null) {
    1057. 

  1057. 		 var html = '';
    1058. 

  1058. 		 html += '<div class="cmt_list_tit">\n';
    1059. 

  1059. 		 html += '	<strong>댓글</strong><span class="cnt">('+result.replyCount.addComma()+')</span>\n';
    1060. 

  1060. 		 html += '</div>\n';
    1061. 

  1061. 		 if (result.replyList.length>0) {
    1062. 

  1062. 			 html += '<ul class="cmt_list">\n';
    1063. 

  1063. 			 $.each(result.replyList, function (idx, item) {
    1064. 

  1064. 				 html += '	<li>\n';
    1065. 

  1065. 				 html += '		<div class="cmt_top">\n';
    1066. 

  1066. 				 html += '			<span class="writer">'+item.maskingCustId+'</span>\n';
    1067. 

  1067. 				 html += '			<span class="date">'+item.entryDt+'</span>\n';
    1068. 

  1068. 				 html += '		</div>\n';
    1069. 

  1069. 				 html += '		<div class="cmt_cont">\n';
    1070. 

  1070. 				 html += '			<div class="img_wrap clear">\n';
    1071. 

  1071. 				 if (result.replyAttachList.length>0) {
    1072. 

  1072. 					 var j = 0;
    1073. 

  1073. 					for (var i = 0; i < result.replyAttachList.length; i++) {
    1074. 

  1074. 						if(result.replyAttachList[i].planEntrySq == item.planEntrySq){
    1075. 

  1075. 							//html += '				<span class="pics"><img class="picsThumbs" src="'+ _uploadImageUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>\n';
    1076. 

  1076. 							html += '				<span class="pics"><img class="picsThumbs" onclick="cfMoPlanReplyDetail(\''+item.planSq+'\',\''+item.planEntrySq+'\',\''+result.replyAttachList[i].planEntryAtSq+'\', \''+ j +'\');" src="'+ _uploadImageUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>\n';
    1077. 

  1077. 						 	j++;
    1078. 

  1078. 						}
    1079. 

  1079. 					}	
    1080. 

  1080. 				 }
    1081. 

  1081. 				
    1082. 

  1082. 				 html += '			</div>\n';
    1083. 

  1083. 				 html += '			<p>'+item.entryVal1.escapeHtml()+'</p>\n';
    1084. 

  1084. 				 if (item.entryCustNo == result.custNo) {
    1085. 

  1085. 					 html += '			<button class="btn btn_default btn_del" value="'+item.planEntrySq+'" onclick="fnDelReply(this.value)"><span>삭제</span></button>\n';
    1086. 

  1086. 				 }
    1087. 

  1087. 				 html += '		</div>\n';
    1088. 

  1088. 				 html += '	</li>\n';
    1089. 

  1089. 			 });
    1090. 

  1090. 			 html += '</ul>\n';
    1091. 

  1091. 		}else{
    1092. 

  1092. 			html += '<div class="nodata" id="replyNoData">\n';
    1093. 

  1093. 			html += '	<div class="txt_box">\n             ';
    1094. 

  1094. 			html += '		<p>\n                           ';
    1095. 

  1095. 			html += '			등록된 댓글이 없습니다.             ';
    1096. 

  1096. 			html += '		</p>\n                          ';
    1097. 

  1097. 			html += '	</div>\n                            ';
    1098. 

  1098. 			html += '</div>\n                                ';
    1099. 

  1099. 		}
    1100. 

  1100. 		 
    1101. 

  1101. 	 }
    1102. 

  1102. 	 $("#replyList").append(html);
    1103. 

  1103. 	 
    1104. 

  1104. 	// Create pagination
    1105. 

  1105. 	gagaPaging.createPagination(result.paging.pageable);
    1106. 

  1106. }
    1107. 

  1107. 

  1108. // 댓글 삭제
    1109. 

  1109. var fnDelReply = function(obj) {
    1110. 

  1110. 	
    1111. 

  1111. 	data = {planEntrySq : obj};
    1112. 

  1112. 	var jsonData = JSON.stringify(data);
    1113. 

  1113. 

  1114. 	mcxDialog.confirm("댓글을 삭제 하시겠습니까?", {
    1115. 

  1115. 		cancelBtnText : "취소",
    1116. 

  1116. 		sureBtnText : "확인",
    1117. 

  1117. 		sureBtnClick : function() {
    1118. 

  1118. 

  1119. 		gagajf.ajaxJsonSubmit('/planning/reply/delete', jsonData,function() {
    1120. 

  1120. 			ajaxReplyList();	
    1121. 

  1121. 			});
    1122. 

  1122. 		}
    1123. 

  1123. 	})
    1124. 

  1124. }
    1125. 

  1125. $('#fileAdd').on('change', function() { fnChooseFile(this); });
    1126. 

  1126. 

  1127. var fnChooseFile = function(obj) {
    1128. 

  1128. 	var picLength = $(".pics").length;
    1129. 

  1129. 	
    1130. 

  1130. 	// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
    1131. 

  1131. 	var file = obj.files[0];
    1132. 

  1132. 

  1133. 	if (!gagajf.isNull(file.name)) {
    1134. 

  1134. 		var extension = "\.(jpg|jpeg|png)$";
    1135. 

  1135. 		if (!(new RegExp(extension, "i")).test(file.name)) {
    1136. 

  1136. 			mcxDialog.alertC('이미지는 [jpg, jpeg, png] 파일만 가능합니다.', {
    1137. 

  1137. 				sureBtnText: "확인",
    1138. 

  1138. 				sureBtnClick: function() {
    1139. 

  1139. 					//$(obj).parent('.imgUpload').find('.removes').trigger('click');
    1140. 

  1140. 					$('.imgUpload').find('span').eq(0).remove();
    1141. 

  1141. 				}
    1142. 

  1142. 			});
    1143. 

  1143. 			return false;
    1144. 

  1144. 		}
    1145. 

  1145. 	}
    1146. 

  1146. 	// 이거 왜 안먹히지 
    1147. 

  1147. 	if (!gagajf.isNull(file.size) && Number(file.size) > (10 * 1000000)) {
    1148. 

  1148. 		mcxDialog.alertC('이미지는 최대 10MB 이하 파일만 가능합니다.', {
    1149. 

  1149. 			sureBtnText: "확인",
    1150. 

  1150. 			sureBtnClick: function() {
    1151. 

  1151. 				$(obj).parent('.imgUpload').find('.removes').trigger('click');
    1152. 

  1152. 			}
    1153. 

  1153. 		});
    1154. 

  1154. 		return false;
    1155. 

  1155. 	}
    1156. 

  1156. 	
    1157. 

  1157. 	// 파일 업로드
    1158. 

  1158. 	 gagajf.ajaxFileUpload('/common/file/upload?subDir=/reply'
    1159. 

  1159. 			, file
    1160. 

  1160. 			, function(result) {
    1161. 

  1161. 				// 업로드한 파일명 설정
    1162. 

  1162. 				$(".pics").children().eq(0).append("<input type='hidden' name='orgFileNm' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
    1163. 

  1163. 				$(".pics").children().eq(0).append("<input type='hidden' name='sysFileNm' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
    1164. 

  1164. 			}
    1165. 

  1165. 	); 
    1166. 

  1166. }
    1167. 

  1167. 

  1168. // 댓글 등록 버튼 클릭 시 
    1169. 

  1169. var fnReplySave = function() {
    1170. 

  1170. 	var fileLength = $("input[name='sysFileNm']").length;
    1171. 

  1171. 

  1172. 	var content = $('#replyText').val();
    1173. 

  1173. 	if (content.length < 2){
    1174. 

  1174. 		mcxDialog.alert("최소 2자 이상 입력해주세요.");
    1175. 

  1175. 		return;
    1176. 

  1176. 	}
    1177. 

  1177. 	
    1178. 

  1178. 	var yokList = new Array('<script>','script','D쥐고','D지고','jonna','jot같','mi쳤','ssㅑ','tlqkf','wlfkf','같은새끼','같은새끼','개새끼','개같','개넷','개년','개념빠가','개독','개련','개련','개마이','개부랄','개삼성','개새기','개새끼','개섹','개셈','개소리','개쓰래기','개저씨','계새끼','골빈','골1빈','골빈','괘새끼','껒여','꺼지세요','꺼져요','로꺼져','로꺼져','로꺼.져','꺼.지','나빼썅','나쁜새끼','년놈','늬믜','늬미','니년','니믜','니미럴','닝기리','다꺼져','닥쳐라','닥치세','도라이','뒈져','뒤져버','디져라','디졌','디지고','디질','딴년','또라이','또라인','똘아이','ㅁㅊ','ㅁ친','맘충','보이루','망돌','머갈','먹.금','먹.끔','먹1금','먹금','먹끔','명존','믜칀','믜친','미:놈','미:놈','미1친','미놈','미시친발','미쳣네','미쳤나','미쳤니','미췬','미칀','미친새','미친~','미친개','미친새','미친색','미친ㅋ','미틴','및힌','별창','병1신','병1크','병맛','병신','병크','봊','븅신','빠큐','빡새끼','빻았','빻은','뻐규','뻐큐','뻑유','뻑큐','뻨큐','뼈큐','뽄새','뽄세','삐걱','ㅄ','ㅅ','ㅂ','ㅅ.ㅂ','ㅅ1ㅂ','ㅅ1발','ㅅㄲ네','ㅅㄲ들','ㅅ루','ㅅㅋ','ㅅㅡ루','사새끼','새.끼','새1끼','새1키','새77ㅣ','새끼라','새끼야','새퀴','새킈','새키','색희','색히','샊기','샊히','샹년','섀키','솔1친','솔친','쉬발','쉬버','쉬이바','쉬이이','쉬이이이','쉬펄','슈1발','슈레기','슈발','슈벌','슈우벌','슈ㅣ발','스.루','스벌','스죄','스타죄국','싑창','시1발','시미발친','시미친발','시바','시바류','시바시바','시바알','시바앙','시발','시방새','시벌탱','시볼탱','시부럴','시부렬','시부울','시뷰럴','시뷰렬','시빨','시새발끼','시이발','시친발미','시키가','시팔','시펄','십창','십팔','ㅆ1ㄺ','ㅆ1ㅂ','ㅆㄹㄱ','ㅆㄺ','ㅆㅂ','싸가지없','싸가지없','싸물어','쌉가','쌍년','쌍놈','쌔끼','썅','썌끼','쒸펄','쓰1레기','쓰래기같','쓰레기새','쓰레기새','쓰렉','씝창','씨1발','씨바라','씨바알','씨발','씨방새','씨버럼','씨벌','씨벌탱','씨볼탱','씨부럴','씨부렬','씨뷰럴','씨뷰렬','씨빠빠','씨빨','씨뻘','씨새발끼','씨이발','씨팔','씹귀','씹덕','씹못','씹뻐럴','씹새끼','씹쌔','씹창','씹치','씹팔','씹할','ㅇㅍㅊㅌ','아가리','아닥','아오ㅅㅂ','아오시바','아오ㅅㅂ','아오시바','애미','앰','앰창','얘쁘','얘쁜','얪','에라이퉤','에라이퉷','에라이퉤','에라이퉷','엠뷩신','엠븽신','엠빙신','엠생','엠창','엿같','엿이나','예.질','예1질','예질','옘병','외1퀴','외퀴','웅앵','웅엥','은년','은새끼','이새끼','이따위','이새끼','입털','입털','ㅈ.ㄴ','ㅈㄴ','ㅈㄹ','절라','정병','젖같','젗같','젼나','젼낰','졀라','졀리','졌같은','졏같','조낸','조온','조온나','족까','존나','존나','존','나','존.나','존1','존1나','존귀','존귘','존ㄴ나','존나','존낙','존내','졸라','좁밥','조센징','짱깨','짱개','짱꼴라','꼴라','착짱','죽짱','짱골라','좃','종나','좆','좆까','좇같','죠낸','죠온나','죤나','죤내','죵나','죶','죽어버려','죽여버리고','죽여버리고','죽여불고','죽여뿌고','중립충','줬같은','쥐랄','쥰나','쥰내','쥰니','쥰트','즤랄','지랄','지1랄','지1뢰','지껄이','지들이','지랄','지롤','지뢰','지인지조','짱깨','짱께','쪼녜','쪼다','착짱죽짱','섬숭이','쪽본','쪽1바리','쪽바리','쪽발','쫀맛','쫀1','쫀귀','쫀맛','쫂','쫓같','쬰잘','쬲','찝째끼','창년','창녀','창놈','창넘','처먹','凸','첫빠','쳐마','친년','친놈','친구년','친년','친노마','친놈','손놈','남미새','여미새','혐석','호로새끼','호로잡','화낭년','화냥년','후.려','후1려','후1빨','후려','후빨','ㅗ');
    1179. 

  1179. 	
    1180. 

  1180. 	if(yokList.indexOf(content)>=0){
    1181. 

  1181. 		mcxDialog.alert("입력 불가한 내용을 포함하고 있습니다.");
    1182. 

  1182. 		$('#replyText').val('');
    1183. 

  1183. 		$('#cmt_cnt').text(0);
    1184. 

  1184. 		return;
    1185. 

  1185. 	}
    1186. 

  1186. 	
    1187. 

  1187. 	//파일관련 데이터 담기
    1188. 

  1188. 	var multiReplyOrgFile = [];
    1189. 

  1189. 	var multiReplySysFile = [];
    1190. 

  1190. 	for (var i = 0; i < fileLength; i++) {
    1191. 

  1191. 		multiReplyOrgFile.push($(".pics").eq(i).find('input[name="orgFileNm"]').val());
    1192. 

  1192. 		multiReplySysFile.push($(".pics").eq(i).find('input[name="sysFileNm"]').val());
    1193. 

  1193. 	}
    1194. 

  1194. 	data = {entryVal1 : content,
    1195. 

  1195. 			planSq : plan.planSq,
    1196. 

  1196. 			multiReplyOrgFile : multiReplyOrgFile,
    1197. 

  1197. 			multiReplySysFile : multiReplySysFile};
    1198. 

  1198. 	var jsonData = JSON.stringify(data);
    1199. 

  1199. 

  1200. 	mcxDialog.confirm("댓글을 등록 하시겠습니까?", {
    1201. 

  1201. 		cancelBtnText : "취소",
    1202. 

  1202. 		sureBtnText : "확인",
    1203. 

  1203. 		sureBtnClick : function() {
    1204. 

  1204. 

  1205. 		gagajf.ajaxJsonSubmit('/planning/reply/save', jsonData,function() {
    1206. 

  1206. 			ajaxReplyList();	
    1207. 

  1207. 			$('#replyText').val('');
    1208. 

  1208. 			$('.pics').remove();
    1209. 

  1209. 			$('.fileAdd').show();
    1210. 

  1210. 			//댓글 작성시 글자 카운트
    1211. 

  1211. 			$('#cmt_cnt').text(0);
    1212. 

  1212. 			});
    1213. 

  1213. 		}
    1214. 

  1214. 	})
    1215. 

  1215. }
    1216. 

  1216. 

  1217. 

  1218. var fnImgAttach = function (obj) {
    1219. 

  1219. 	 $("#thumbImgPop .swiper-wrapper").empty();
    1220. 

  1220. 	//var popSlideIndex = $(obj).find('span').length -1;
    1221. 

  1221. 	var popSlideIndex = 0;
    1222. 

  1222. 	contactPopSwiper.slideTo(popSlideIndex);
    1223. 

  1223. 	contactPopSwiper.update();
    1224. 

  1224. 	
    1225. 

  1225. 	var contactImglength = $(obj).find('span').length;
    1226. 

  1226. 	var popImgHtml = "";
    1227. 

  1227. 	for (i = 0; i < contactImglength; i++) {
    1228. 

  1228. 		
    1229. 

  1229. 		var contactImgSrc =$(obj).find('img').eq(i).attr('src');
    1230. 

  1230. 		popImgHtml += "<div class='swiper-slide'><div class='pop_img' style='background-image:url("+ contactImgSrc +")'></div></div>";
    1231. 

  1231. 	}
    1232. 

  1232. 

  1233. 	$("#thumbImgPop .swiper-wrapper").append(popImgHtml);
    1234. 

  1234. 	$('#thumbImgPop').modal("show");
    1235. 

  1235. 	
    1236. 

  1236. 	return false;
    1237. 

  1237. }
    1238. 

  1238. 

  1239. 

  1240. /* SLIDE - 댓글 이미지 팝업 */
    1241. 

  1241. var contactPopSwiper = new Swiper('.thumb_img_pop .swiper-container', {
    1242. 

  1242. 	navigation: {
    1243. 

  1243. 		nextEl: '.thumb_img_pop .swiper-button-next',
    1244. 

  1244. 		prevEl: '.thumb_img_pop .swiper-button-prev',
    1245. 

  1245. 	},
    1246. 

  1246. 	pagination: {
    1247. 

  1247. 		el: '.thumb_img_pop .swiper-pagination',
    1248. 

  1248. 		clickable: true,
    1249. 

  1249. 	},
    1250. 

  1250. 	observer:true,
    1251. 

  1251. 	observeParents: true,
    1252. 

  1252. 	speed:1000,
    1253. 

  1253. });
    1254. 

  1254. 

  1255. //상품평 상세 레이어 호출후 콜백에서 호출하므로 여기에 있어야함
    1256. 

  1256. var fnReviewDetailLayerCollBack = function(){
    1257. 

  1257. 	
    1258. 

  1258. }
    1259. 

  1259. 

  1260. $(document).ready( function() {
    1261. 

  1261. 	ajaxReplyList();
    1262. 

  1262. 	//공유 버튼 토글 
    1263. 

  1263. 	$("button[data-name=openShare]").on("click", function(){
    1264. 

  1264. 		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
    1265. 

  1265. 		return false;
    1266. 

  1266. 	});
    1267. 

  1267. 	//영역밖 클릭으로 공유토글 닫기
    1268. 

  1268. 	$("body").on('click', function(e) { 
    1269. 

  1269. 		if(!$(".shareWrap.on").parent().has(e.target).length) {
    1270. 

  1270. 			$("button[data-name=openShare]").removeClass("on");
    1271. 

  1271. 			$(".shareWrap").removeClass("on");
    1272. 

  1272. 		};
    1273. 

  1273. 	});
    1274. 

  1274. 	
    1275. 

  1275. 	$('.btn_copy').bind('click', function() {
    1276. 

  1276. 		copyToClipboard();
    1277. 

  1277. 	});
    1278. 

  1278. 	
    1279. 

  1279. 	$('#replyText').bind('input paste', function() {
    1280. 

  1280. 		  $(this).trigger('keyup');
    1281. 

  1281. 	});
    1282. 

  1282. 

  1283. 	//팝업 - 쿠폰사용안내
    1284. 

  1284. 	$(document).on('click','#btn_couponInfo_pop',function(e){
    1285. 

  1285. 		$("#couponInfoPop .modal-content").load("popup_couponInfo.html");
    1286. 

  1286. 		$("#couponInfoPop").modal("show");
    1287. 

  1287. 		return false;
    1288. 

  1288. 	});      
    1289. 

  1289. 	$("#couponInfoPop_close").click(function() {
    1290. 

  1290. 		$.modal.close();
    1291. 

  1291. 	});					
    1292. 

  1292. 

  1293.     //팝업 - 상품 베스트 리뷰 (detail)
    1294. 

  1294.     $(document).on('click','#btn_pdBestReview_pop, .area_rv_best .best_review a',function(e){
    1295. 

  1295.         $("#pdBestReviewPop .modal-content").load("pd_bestreviewdetail_pop.html");
    1296. 

  1296.         $("#pdBestReviewPop").modal("show");
    1297. 

  1297.         return false;
    1298. 

  1298.     });      
    1299. 

  1299.     $("#pdBestReviewPop_close").click(function() {
    1300. 

  1300.         $.modal.close();
    1301. 

  1301.     });
    1302. 

  1302. 

  1303. 	/* SLIDE - 상단 프로모션 배너 */
    1304. 

  1304. 	var promotion_visual_slide = new Swiper ('.dp_detail_visual .promotion_visual.type2 .swiper-container', {
    1305. 

  1305. 		loop: true,
    1306. 

  1306. 		slidesPerView: 1,
    1307. 

  1307. 		autoHeight:true,
    1308. 

  1308. 		speed : 1000,
    1309. 

  1309. 		a11y: {
    1310. 

  1310. 			enabled: true,
    1311. 

  1311. 			notificationClass: 'swiper-notification',
    1312. 

  1312. 			prevSlideMessage: '이전 슬라이드',
    1313. 

  1313. 			nextSlideMessage: '다음 슬라이드',
    1314. 

  1314. 			paginationBulletMessage: '슬라이드 {{index}}로 이동',
    1315. 

  1315. 		},
    1316. 

  1316. 		navigation: {
    1317. 

  1317. 			nextEl: '.promotion_visual.type2 .swiper-button-next',
    1318. 

  1318. 			prevEl: '.promotion_visual.type2 .swiper-button-prev',
    1319. 

  1319. 		},
    1320. 

  1320. 		pagination: {
    1321. 

  1321. 			el: '.promotion_visual.type2 .swiper-pagination',
    1322. 

  1322. 			clickable: true,
    1323. 

  1323. 		},
    1324. 

  1324. 	});
    1325. 

  1325. 

  1326. 	/* SLIDE - 중간 배너 */
    1327. 

  1327. 	var mid_banner_slide = new Swiper ('.dp_mid_banner .mid_banner .swiper-container', {
    1328. 

  1328. 		loop: true,
    1329. 

  1329. 		slidesPerView: 1,
    1330. 

  1330. 		speed : 1000,
    1331. 

  1331. 		a11y: {
    1332. 

  1332. 			enabled: true,
    1333. 

  1333. 			notificationClass: 'swiper-notification',
    1334. 

  1334. 			prevSlideMessage: '이전 슬라이드',
    1335. 

  1335. 			nextSlideMessage: '다음 슬라이드',
    1336. 

  1336. 			paginationBulletMessage: '슬라이드 {{index}}로 이동',
    1337. 

  1337. 		},
    1338. 

  1338. 		navigation: {
    1339. 

  1339. 			nextEl: '.mid_banner .swiper-button-next',
    1340. 

  1340. 			prevEl: '.mid_banner .swiper-button-prev',
    1341. 

  1341. 		},
    1342. 

  1342. 		pagination: {
    1343. 

  1343. 			el: '.mid_banner .swiper-pagination',
    1344. 

  1344. 			clickable: true,
    1345. 

  1345. 		},
    1346. 

  1346. 	});
    1347. 

  1347. 

  1348. 	/* SLIDE - 대표상품 슬라이드 2열 상품 */
    1349. 

  1349. 	var dp_listItems_slide1 = new Swiper ('.dp_listItems_cont.type2 .swiper-container', {
    1350. 

  1350. 		loop: false,
    1351. 

  1351. 		slidesPerView: 2,
    1352. 

  1352. 		slidesPerGroup: 2,
    1353. 

  1353. 		spaceBetween: 20,
    1354. 

  1354. 		speed : 1000,
    1355. 

  1355. 		a11y: {
    1356. 

  1356. 			enabled: true,
    1357. 

  1357. 			notificationClass: 'swiper-notification',
    1358. 

  1358. 			prevSlideMessage: '이전 슬라이드',
    1359. 

  1359. 			nextSlideMessage: '다음 슬라이드',
    1360. 

  1360. 			paginationBulletMessage: '슬라이드 {{index}}로 이동',
    1361. 

  1361. 		},
    1362. 

  1362. 		navigation: {
    1363. 

  1363. 			nextEl: '.dp_listItems_cont.type2 .swiper-button-next',
    1364. 

  1364. 			prevEl: '.dp_listItems_cont.type2 .swiper-button-prev',
    1365. 

  1365. 		},
    1366. 

  1366. 		pagination: {
    1367. 

  1367. 			el: '.dp_listItems_cont.type2 .swiper-pagination',
    1368. 

  1368. 			clickable: true,
    1369. 

  1369. 		},
    1370. 

  1370. 	});
    1371. 

  1371. 

  1372. 	/* SLIDE - 대표상품 슬라이드 4열 상품 */
    1373. 

  1373. 	/* 21.09.23 주석처리-개별로 움직이도록 수정 & 개별아닐 시 목록이 제대로 안불러와 졌음.
    1374. 

  1374. 	var dp_listItems_slide2 = new Swiper ('.dp_listItems_cont.type3 .swiper-container', {
    1375. 

  1375. 		loop: false,
    1376. 

  1376. 		slidesPerView: 4,
    1377. 

  1377. 		slidesPerGroup: 4,
    1378. 

  1378. 		spaceBetween: 20,
    1379. 

  1379. 		speed : 1000,
    1380. 

  1380. 		a11y: {
    1381. 

  1381. 			enabled: true,
    1382. 

  1382. 			notificationClass: 'swiper-notification',
    1383. 

  1383. 			prevSlideMessage: '이전 슬라이드',
    1384. 

  1384. 			nextSlideMessage: '다음 슬라이드',
    1385. 

  1385. 			paginationBulletMessage: '슬라이드 {{index}}로 이동',
    1386. 

  1386. 		},
    1387. 

  1387. 		navigation: {
    1388. 

  1388. 			nextEl: '.dp_listItems_cont.type3 .swiper-button-next',
    1389. 

  1389. 			prevEl: '.dp_listItems_cont.type3 .swiper-button-prev',
    1390. 

  1390. 		},
    1391. 

  1391. 		pagination: {
    1392. 

  1392. 			el: '.dp_listItems_cont.type3 .swiper-pagination',
    1393. 

  1393. 			clickable: true,
    1394. 

  1394. 		},
    1395. 

  1395. 	});*/
    1396. 

  1396. 	/* SLIDE - 다른 기획전,이벤트 보기 */
    1397. 

  1397. 	var other_slide_slide = new Swiper ('.other_promotion_slide .swiper-container', {
    1398. 

  1398. 		slidesPerView: 5,
    1399. 

  1399. 		spaceBetween: 20,
    1400. 

  1400. 		speed:1000,
    1401. 

  1401. 		a11y: {
    1402. 

  1402. 			enabled: true,
    1403. 

  1403. 			notificationClass: 'swiper-notification',
    1404. 

  1404. 			prevSlideMessage: '이전 슬라이드',
    1405. 

  1405. 			nextSlideMessage: '다음 슬라이드',
    1406. 

  1406. 			paginationBulletMessage: '슬라이드 {{index}}로 이동',
    1407. 

  1407. 		},
    1408. 

  1408. 		navigation: {
    1409. 

  1409. 			nextEl: '.other_promotion_slide .swiper-button-next',
    1410. 

  1410. 			prevEl: '.other_promotion_slide .swiper-button-prev',
    1411. 

  1411. 		},
    1412. 

  1412. 	});
    1413. 

  1413. 

  1414. 	// 첨부파일 갯수제한
    1415. 

  1415. 	$('.imgUpload .fileAdd').click(function(){
    1416. 

  1416. 		if (!cfCheckLogin()) {
    1417. 

  1417. 			// mcxDialog.alert("로그인 후 참여 가능합니다.");
    1418. 

  1418. 			mcxDialog.alertC("로그인 후 참여 가능합니다.", { //내용
    1419. 

  1419. 				sureBtnText: "로그인",  //버튼명
    1420. 

  1420. 				sureBtnClick: function(){
    1421. 

  1421. 					location.href="/signin";
    1422. 

  1422. 				}
    1423. 

  1423. 			});
    1424. 

  1424. 			$("#replyText").val('');
    1425. 

  1425. 			return false;
    1426. 

  1426. 		}
    1427. 

  1427. 		var imgFiles=$('.imgUpload .pics');
    1428. 

  1428. 		var maxFileLength = 10; /* 최대 파일 갯수를 입력해 주세요 */
    1429. 

  1429. 		if (imgFiles.length >= maxFileLength) {
    1430. 

  1430. 			mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.');
    1431. 

  1431. 			$('#fileAdd').attr("disabled",true);
    1432. 

  1432. 		} else if(imgFiles.length < maxFileLength){
    1433. 

  1433. 			$('#fileAdd').removeAttr("disabled");
    1434. 

  1434. 		}
    1435. 

  1435. 	});			
    1436. 

  1436. 	
    1437. 

  1437. 

  1438. 	//댓글 작성시 글자 카운트
    1439. 

  1439. 	$('.cmt_ans').keyup(function (e){
    1440. 

  1440. 		var content = $(this).val();
    1441. 

  1441. 		$('#cmt_cnt').html(content.length);
    1442. 

  1442. 		if (content.length > 500){
    1443. 

  1443. 			$(this).val(content.substring(0, 500));
    1444. 

  1444. 			$('#cmt_cnt').html("500");
    1445. 

  1445. 		}
    1446. 

  1446. 	});
    1447. 

  1447. 	
    1448. 

  1448. 	$('.cmt_ans').bind('input paste', function() {
    1449. 

  1449. 		  $(this).trigger('keyup');
    1450. 

  1450. 	});
    1451. 

  1451. 	
    1452. 

  1452. 

  1453. });
    1454. 

  1454. </script>
    1455. 

  1455. </th:block>
    1456. 

  1456. 

  1457. </body>
    1458. 

  1458. </html>
    1459.