FooterWeb.html 66 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706
  1. <!DOCTYPE html>
  2. <html lang="ko"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <footer id="footer" th:fragment="footer">
  5. <!-- footer start -->
  6. <div class="common_footer">
  7. <div class="service_support">
  8. <h2>
  9. <i class="ico ico_logo_ft"></i>
  10. <em class="sr-only">STYLE24</em>
  11. </h2>
  12. <ul class="support_txt">
  13. <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_USE_TERMS);"><span>이용약관</span></a></li>
  14. <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PRIVACY_POLICY);"><strong>개인정보취급방침</strong></a></li>
  15. <li><a href="#partnersPop" rel="modal:open" return false;><span>제휴/입점문의</span></a></li>
  16. <li><a href="http://zine.istyle24.com" target="_blank" title="새창 열림"><span data-font="lato">SN<em>@</em>PP</span><i class="ico ico_blank ml5"></i></a></li>
  17. </ul>
  18. <div class="family_link">
  19. <h2><a href="" class="btn ui_toggle" data-font="lato">FAMILY SITE<i class="ico ico_ft_arrow_b"></i></a></h2>
  20. <dl id="family_site" class="">
  21. <dt class="no_tit"><span class="blind">그룹없음</span></dt>
  22. <dd><a class="clickable" href="http://www.hansaeyes24.com" target="_blank" title="새창 열림">한세예스24홀딩스</a></dd>
  23. <dd><a class="clickable" href="https://www.hansae.com" target="_blank" title="새창 열림">한세실업</a></dd>
  24. <dd><a class="clickable" href="http://www.hansaedreams.co.kr" target="_blank" title="새창 열림">한세드림</a></dd>
  25. <dd><a class="clickable" href="https://www.curlysue.co.kr" target="_blank" title="새창 열림">컬리수</a></dd>
  26. <dd><a class="clickable" href="http://www.yes24.com/main/default.aspx" target="_blank" title="새창 열림">예스24</a></dd>
  27. <dd><a class="clickable" href="https://www.yes24.vn" target="_blank" title="새창 열림">YES24 Vietnam</a></dd>
  28. <dd><a class="clickable" href="http://www.yes24.co.id" target="_blank" title="새창 열림">YES24 Indonesia</a></dd>
  29. <dd><a class="clickable" href="http://www.bookdonga.com/main.donga" target="_blank" title="새창 열림">동아출판</a></dd>
  30. <!-- 그룹 구분 할 경우,
  31. <dt><span class="txt">그룹1</span></dt>
  32. <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵1</a></dd>
  33. <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵2</a></dd>
  34. <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵3</a></dd>
  35. -->
  36. </dl>
  37. </div>
  38. <div class="connect">
  39. <div class="cs_box">
  40. <p>
  41. <span class="mb20"><a class="clickable" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_FAQ);">고객센터<i class="ico ico_ft_arrow_r ml5"></i></a></span><br>
  42. <span class="time mb20">평일 <span data-font="lato"> 09:00 ~ 18:00</span> <br> (토/일공휴일 휴무)</span><br>
  43. <span class="tel mb10" data-font="lato">1544-5336</span><br>
  44. <span class="fax mb10" data-font="lato">F.02-780-0435</span><br>
  45. <span class="mail mb30" data-font="lato">Email : help@istyle24.com</span>
  46. </p>
  47. </div>
  48. <div class="sns_box clear">
  49. <a href="https://www.facebook.com/istyle24" class="fbook clickable fl mr5" target="_blank" title="새창 열림"><span class="sr-only">STYLE24 페이스북</span></a>
  50. <a href="https://instagram.com/istyle24.official?igshid=o3nzm9tydg9n" class="insta clickable fl" target="_blank" title="새창 열림"><span class="sr-only">STYLE24 인스타그램</span></a>
  51. </div>
  52. <div class="isms_box mt30">
  53. <a href="http://www.yes24.com/notice/pop_isms.html" onclick="window.open(this.href, '_blank','width=500,height=708,toolbars=no,scrollbars=no'); return false;">
  54. <p>정보보호관리체계<br>ISMS 인증획득</p>
  55. </a>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="corporation_info">
  60. <div class="ft_cpinfo">
  61. <dl>
  62. <dt>아이스타일이십사 주식회사</dt>
  63. <dd>
  64. <div>
  65. <p>
  66. <span>대표이사 : 윤종선</span>
  67. <span>주소: 서울시 영등포구 은행로 <em data-font="lato">11</em>, <em data-font="lato">8</em>층 (여의도동, 일신빌딩)</span> <br>
  68. <span>사업자등록번호: <em data-font="lato">116-27-32499</em></span>
  69. <span>통신판매업 신고번호: 제<rm data-font="lato">2020</rm>-서울영등포-<rm data-font="lato">1432</rm></span>
  70. <span><a class="clickable" href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2298137000" target="_blank" title="새창 열림">사업자정보확인</a></span><br>
  71. <span>개인정보보호책임자 : 김명인</span>
  72. <span>호스팅 서비스사업자 : 아이스타일이십사(주)</span>
  73. </p>
  74. </div>
  75. </dd>
  76. </dl>
  77. </div>
  78. <div class="ft_cpinfo">
  79. <dl>
  80. <dt>소비자피해보상보험</dt>
  81. <dd>
  82. <div>
  83. <p>
  84. 고객님은 안전거래를 위해 현금 결제 시 저희 쇼핑몰이 가입한<br>
  85. 소비자피해보상보험 서비스를 이용하실 수 있습니다.
  86. <a class="clickable" href="https://mall.sgic.co.kr/csh/iutf/sh/shop/CSHINFO004VM0.mvc?tm=3&q_sk=2&q_sv=2298137000" target="_blank" title="새창 열림">가입정보확인</a>
  87. </p>
  88. </div>
  89. </dd>
  90. </dl>
  91. </div>
  92. </div>
  93. <div class="copyright">
  94. <p data-font="lato">
  95. COPYRIGHT©2020. STYLE24 ALL RIGHTS RESERVED.
  96. </p>
  97. </div>
  98. <div class="mobile_version" style="display:none" id="_moveToMobileVer">
  99. <a href="javascript:appBroswer('http://m.ssg.com','mo');" class="btn_def">모바일 버전으로 가기</a>
  100. </div>
  101. </div>
  102. <!-- 제휴및입점팝업 -->
  103. <div class="modal fade partners_pop" id="partnersPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
  104. <div class="modal-dialog" role="document">
  105. <div class="modal-content">
  106. <div class="modal-header">
  107. <h5 class="modal-title">제휴 및 입점문의</h5>
  108. </div>
  109. <div class="modal-body">
  110. <p>
  111. 스타일이십사㈜ 제휴를 통해 함께 성장하고자 하는 기업 및 개인께서는 아래<br>
  112. 담당자에게 메일을 주세요. 작성된 내용은 각 담당부서에서 검토 후 정성껏 <br>
  113. 회신 드리겠습니다.
  114. </p>
  115. <section class="order_row">
  116. <div class="tbl point_tbl track_tbl type2">
  117. <table>
  118. <colgroup>
  119. <col width="140px">
  120. <col width="100px">
  121. <col width="240px">
  122. </colgroup>
  123. <thead>
  124. <tr>
  125. <th>구분</th>
  126. <th>담당자</th>
  127. <th>연락처</th>
  128. </tr>
  129. </thead>
  130. <tbody>
  131. <tr>
  132. <td>입점 문의</td>
  133. <td>석혜민</td>
  134. <td>hmsuk@yes24.com</td>
  135. </tr>
  136. <tr>
  137. <td>제휴 문의</td>
  138. <td>정석헌</td>
  139. <td>blacktan01@yes24.com</td>
  140. </tr>
  141. </tbody>
  142. </table>
  143. </div>
  144. </section>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <!-- 퀵메뉴 -->
  150. <div id="quick_menu">
  151. <ul class="quick_btn">
  152. <li>
  153. <button type="button" id="quick01" class="quick_btn01" data-tab="quick01">
  154. <img src="/images/pc/ico_qk_history.png" alt="최근 본 상품"/>
  155. <span class="count"></span>
  156. </button>
  157. </li>
  158. <li>
  159. <button type="button" id="quick02" class="quick_btn02" data-tab="quick02">
  160. <img src="/images/pc/ico_qk_cart.png" alt="쇼핑백"/>
  161. <span class="count"></span>
  162. </button>
  163. </li>
  164. <li>
  165. <button type="button" id="quick03" class="quick_btn03" data-tab="quick03">
  166. <img src="/images/pc/ico_qk_like.png" alt="위시리스트"/>
  167. <span class="count">0</span>
  168. </button>
  169. </li>
  170. <li>
  171. <button type="button" id="quick04" class="quick_btn04" data-tab="quick04">
  172. <img src="/images/pc/ico_qk_coupon.png" alt="쿠폰"/>
  173. <span class="count">0</span>
  174. </button>
  175. </li>
  176. <li>
  177. <button type="button" id="" class="quick_btn05" data-tab="quick05">
  178. <img src="/images/pc/ico_qk_cate.png" alt="카테고리"/>
  179. </button>
  180. </li>
  181. <li>
  182. <button type="button" id="top_btn">
  183. <img src="/images/pc/ico_qk_top.png" alt="상단으로가기 버튼"/>
  184. </button>
  185. </li>
  186. </ul>
  187. <div class="tabs_con">
  188. <button type="button" class="quick_close_btn"><span class="sr-only">퀵메뉴 닫기</span></button>
  189. <div class="history quick_con quick01"> <!-- 퀵메뉴_최근 본 상품 -->
  190. <div class="quick_head">
  191. <h3>최근 본 상품</h3>
  192. </div>
  193. <div class="quick_body" id="quickMenuTodayGoods"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 -->
  194. <!-- <div class="product_count"><span class='c_primary'>30</span>개의 상품</div>
  195. <div class="itemsGrp">
  196. <div class="item_prod">
  197. <div class="item_state">
  198. <a href="#none" class=" itemLink">
  199. <div class="itemPic">
  200. <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
  201. </div>
  202. </a>
  203. </div>
  204. </div>
  205. <div class="item_prod">
  206. <div class="item_state">
  207. <a href="#none" class=" itemLink">
  208. <div class="itemPic">
  209. <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
  210. </div>
  211. </a>
  212. </div>
  213. </div>
  214. <div class="item_prod">
  215. <div class="item_state">
  216. <a href="#none" class=" itemLink">
  217. <div class="itemPic">
  218. <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
  219. </div>
  220. </a>
  221. </div>
  222. </div>
  223. <div class="item_prod">
  224. <div class="item_state">
  225. <a href="#none" class=" itemLink">
  226. <div class="itemPic">
  227. <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
  228. </div>
  229. </a>
  230. </div>
  231. </div>
  232. <div class="item_prod">
  233. <div class="item_state">
  234. <a href="#none" class=" itemLink">
  235. <div class="itemPic">
  236. <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
  237. </div>
  238. </a>
  239. </div>
  240. </div>
  241. <div class="item_prod">
  242. <div class="item_state">
  243. <a href="#none" class=" itemLink">
  244. <div class="itemPic">
  245. <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
  246. </div>
  247. </a>
  248. </div>
  249. </div>
  250. <div class="item_prod">
  251. <div class="item_state">
  252. <a href="#none" class=" itemLink">
  253. <div class="itemPic">
  254. <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
  255. </div>
  256. </a>
  257. </div>
  258. </div>
  259. <div class="item_prod">
  260. <div class="item_state">
  261. <a href="#none" class=" itemLink">
  262. <div class="itemPic">
  263. <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
  264. </div>
  265. </a>
  266. </div>
  267. </div>
  268. <div class="item_prod">
  269. <div class="item_state">
  270. <a href="#none" class=" itemLink">
  271. <div class="itemPic">
  272. <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
  273. </div>
  274. </a>
  275. </div>
  276. </div>
  277. <div class="no_item">
  278. 최근 본 상품이 없습니다.
  279. </div> -->
  280. </div>
  281. </div>
  282. </div>
  283. <div class="shopingbag quick_con quick02"> <!-- 퀵메뉴_쇼핑백 -->
  284. <div class="quick_head">
  285. <h3><a href="">쇼핑백</a></h3>
  286. </div>
  287. <div class="quick_body nodata"> <!-- 쇼핑백 상품 없을 시 nodata 클래스 추가 -->
  288. <!--<div class="product_count"><span class='c_primary'>30</span>개의 상품</div>
  289. <div class="itemsGrp existence">
  290. <div class="item_prod">
  291. <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
  292. <div class="item_state">
  293. <div class="shape"><span>곧 품절돼요!</span></div>
  294. <a href="javascript:;" class="itemLink">
  295. <div class="itemPic">
  296. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  297. </div>
  298. <p class="itemBrand">BRAND NAME</p>
  299. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  300. <p class="itemSize">
  301. <span>105</span> / <span>블랙</span> / <span>1</span>
  302. </p>
  303. <p class="itemPrice">80,100
  304. <span class="itemPrice_original">89,000</span>
  305. </p>
  306. <div class="itemComment">다다익선 할인 적용</div>
  307. </a>
  308. </div>
  309. </div>
  310. <div class="item_prod">
  311. <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
  312. <div class="item_state">
  313. <div class="shape"><span>곧 품절돼요!</span></div>
  314. <a href="javascript:;" class="itemLink">
  315. <div class="itemPic">
  316. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  317. </div>
  318. <p class="itemBrand">BRAND NAME</p>
  319. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  320. <p class="itemSize">
  321. <span>105</span> / <span>블랙</span> / <span>1</span>
  322. </p>
  323. <p class="itemPrice">80,100
  324. <span class="itemPrice_original">89,000</span>
  325. </p>
  326. </a>
  327. </div>
  328. </div>
  329. <div class="item_prod">
  330. <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
  331. <div class="item_state">
  332. <a href="javascript:;" class="itemLink">
  333. <div class="itemPic">
  334. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  335. </div>
  336. <p class="itemBrand">BRAND NAME</p>
  337. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  338. <p class="itemSize">
  339. <span>105</span> / <span>블랙</span> / <span>1</span>
  340. </p>
  341. <p class="itemPrice">80,100
  342. <span class="itemPrice_original">89,000</span>
  343. </p>
  344. <div class="itemComment">다다익선 할인 적용</div>
  345. </a>
  346. </div>
  347. </div>
  348. <div class="item_prod">
  349. <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
  350. <div class="item_state">
  351. <a href="javascript:;" class="itemLink">
  352. <div class="itemPic">
  353. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  354. </div>
  355. <p class="itemBrand">BRAND NAME</p>
  356. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  357. <p class="itemSize">
  358. <span>105</span> / <span>블랙</span> / <span>1</span>
  359. </p>
  360. <p class="itemPrice">80,100
  361. <span class="itemPrice_original">89,000</span>
  362. </p>
  363. </a>
  364. </div>
  365. </div>
  366. </div>
  367. &lt;!&ndash; 쇼핑백 없을 시 &ndash;&gt;
  368. <div class="itemsGrp empty">
  369. <p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>
  370. <span class="subH3">지금 많이 보고있어요</span>
  371. <div class="item_prod">
  372. <div class="item_state">
  373. <a href="javascript:;" class="itemLink">
  374. <div class="itemPic">
  375. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  376. </div>
  377. <p class="itemBrand">BRAND NAME</p>
  378. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  379. <p class="itemPrice">80,100
  380. <span class="itemPrice_original">89,000</span>
  381. </p>
  382. &lt;!&ndash; 미사용 <button type="button" class="btn btn_sm cart_btn"><span>쇼핑백 담기</span></button> &ndash;&gt;
  383. <div class="viewCount"><span>508</span>명 보는중</div>
  384. </a>
  385. </div>
  386. </div>
  387. <div class="item_prod">
  388. <div class="item_state">
  389. <a href="javascript:;" class="itemLink">
  390. <div class="itemPic">
  391. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  392. </div>
  393. <p class="itemBrand">BRAND NAME</p>
  394. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  395. <p class="itemPrice">80,100
  396. <span class="itemPrice_original">89,000</span>
  397. </p>
  398. &lt;!&ndash; 미사용 <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button> &ndash;&gt;
  399. <div class="viewCount"><span>58</span>명 보는중</div>
  400. </a>
  401. </div>
  402. </div>
  403. <div class="item_prod">
  404. <div class="item_state">
  405. <a href="javascript:;" class="itemLink">
  406. <div class="itemPic">
  407. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  408. </div>
  409. <p class="itemBrand">BRAND NAME</p>
  410. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  411. <p class="itemPrice">80,100
  412. <span class="itemPrice_original">89,000</span>
  413. </p>
  414. &lt;!&ndash; 미사용 <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button> &ndash;&gt;
  415. <div class="viewCount"><span>9</span>명 보는중</div>
  416. </a>
  417. </div>
  418. </div>
  419. <div class="item_prod">
  420. <div class="item_state">
  421. <a href="javascript:;" class="itemLink">
  422. <div class="itemPic">
  423. <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
  424. </div>
  425. <p class="itemBrand">BRAND NAME</p>
  426. <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
  427. <p class="itemPrice">80,100
  428. <span class="itemPrice_original">89,000</span>
  429. </p>
  430. &lt;!&ndash; 미사용 <button type="button" class="btn btn_sm cart_btn"><span>쇼핑백 담기</span></button> &ndash;&gt;
  431. <div class="viewCount"><span>452</span>명 보는중</div>
  432. </a>
  433. </div>
  434. </div>
  435. </div>-->
  436. <!-- //쇼핑백 없을 시 -->
  437. <!-- <button type="button" class="btn btn_default purchase_btn"><span>전체 상품 구매하기</span></button> -->
  438. </div>
  439. </div>
  440. <div class="wishlist quick_con quick03"> <!-- 퀵메뉴_위시리스트 -->
  441. <div class="quick_head">
  442. <h3><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_WISHLIST);">위시리스트</a></h3>
  443. </div>
  444. <div class="quick_body" id="quickMenuWishList"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 --> <!-- 비로그인 시 need_login 클래스 추가 -->
  445. <!-- <div class="product_count"><span class='c_primary' id="quickMenuWishListCount">50</span>개의 상품</div>
  446. <div class="itemsGrp">
  447. <div class="item_prod">
  448. <div class="item_state">
  449. <div class="shape"><span>곧 품절돼요!</span></div>
  450. <a href="#none" class=" itemLink">
  451. <div class="itemPic">
  452. <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
  453. <button type="button" class="itemLike active">관심상품 추가</button>
  454. </div>
  455. </a>
  456. <div class="hover_con">
  457. <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
  458. </div>
  459. </div>
  460. </div>
  461. <div class="item_prod">
  462. <div class="item_state">
  463. <a href="#none" class=" itemLink">
  464. <div class="itemPic">
  465. <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
  466. <button type="button" class="itemLike active">관심상품 추가</button>
  467. </div>
  468. </a>
  469. <div class="hover_con">
  470. <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
  471. </div>
  472. </div>
  473. </div>
  474. <div class="no_item">
  475. 최근 본 상품이 없습니다.
  476. </div>
  477. </div>
  478. <div class="login_con">
  479. <div>
  480. <p>로그인 후 이용 가능한 서비스입니다.</p>
  481. <button type="button" class="btn btn_sm"><span>로그인</span></button>
  482. </div>
  483. </div> -->
  484. </div>
  485. </div>
  486. <div class="coupon quick_con quick04"> <!-- 퀵메뉴_나의 쿠폰 -->
  487. <div class="quick_head">
  488. <h3><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON);">나의 쿠폰</a></h3>
  489. </div>
  490. <div class="quick_body" id="couponList"> <!-- 비로그인 시 need_login 클래스 추가 -->
  491. <div class="coupon_tab">
  492. <a href="#coupon_type01" onclick="issueCouponBtn()">발급 가능 쿠폰</a>
  493. <a href="#coupon_type02" onclick="ownCouponBtn()">보유 쿠폰</a>
  494. </div>
  495. <div id="coupon_type01" class="coupon_area">
  496. <div class="pop_cont" id="issueCoupon">
  497. <!-- <ul class="coupon_list">
  498. <li>
  499. <div class="coupon">
  500. <div>
  501. <p class="cp_name">
  502. TBJ 시즌오프 20% 할인쿠폰
  503. </p>
  504. <p class="cp_cont">
  505. <span><em>12,399,900</em>원</span>
  506. </p>
  507. <p class="cp_condition">
  508. 500,000원 이상 구매 시 최대 50,000원 할인
  509. <span>1인 최대 90장</span>
  510. </p>
  511. </div>
  512. <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
  513. </div>
  514. </li>
  515. <li>
  516. <div class="coupon">
  517. <div>
  518. <p class="cp_name">
  519. 신규가입 40% 할인쿠폰
  520. </p>
  521. <p class="cp_cont">
  522. <span><em>40%</em></span>
  523. </p>
  524. <p class="cp_condition">
  525. 500,000원 이상 구매 시 최대 50,000원 할인
  526. <span>1인 최대 90장</span>
  527. </p>
  528. </div>
  529. <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
  530. </div>
  531. </li>
  532. <li>
  533. <div class="coupon">
  534. <div>
  535. <p class="cp_name">
  536. TBJ 시즌오프 20% 할인쿠폰
  537. </p>
  538. <p class="cp_cont">
  539. <span><em>12,399,900</em>원</span>
  540. </p>
  541. <p class="cp_condition">
  542. 500,000원 이상 구매 시 최대 50,000원 할인
  543. <span>1인 최대 90장</span>
  544. </p>
  545. </div>
  546. <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
  547. </div>
  548. </li>
  549. <li>
  550. <div class="coupon">
  551. <div>
  552. <p class="cp_name">
  553. 신규가입 40% 할인쿠폰
  554. </p>
  555. <p class="cp_cont">
  556. <span><em>40%</em></span>
  557. </p>
  558. <p class="cp_condition">
  559. 500,000원 이상 구매 시 최대 50,000원 할인
  560. <span>1인 최대 90장</span>
  561. </p>
  562. </div>
  563. <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
  564. </div>
  565. </li>
  566. <li>
  567. <div class="coupon">
  568. <div>
  569. <p class="cp_name">
  570. TBJ 시즌오프 20% 할인쿠폰
  571. </p>
  572. <p class="cp_cont">
  573. <span><em>12,399,900</em>원</span>
  574. </p>
  575. <p class="cp_condition">
  576. 500,000원 이상 구매 시 최대 50,000원 할인
  577. <span>1인 최대 90장</span>
  578. </p>
  579. </div>
  580. <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
  581. </div>
  582. </li>
  583. <li>
  584. <div class="coupon">
  585. <div>
  586. <p class="cp_name">
  587. 신규가입 40% 할인쿠폰
  588. </p>
  589. <p class="cp_cont">
  590. <span><em>40%</em></span>
  591. </p>
  592. <p class="cp_condition">
  593. 500,000원 이상 구매 시 최대 50,000원 할인
  594. <span>1인 최대 90장</span>
  595. </p>
  596. </div>
  597. <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
  598. </div>
  599. </li>
  600. </ul> -->
  601. </div>
  602. <a href="javascript:void(0);" class="more_btn" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">더 보기</a>
  603. </div>
  604. <div id="coupon_type02" class="coupon_area">
  605. <div class="coupon_list" id="ownCoupon">
  606. <!-- <ul class="clear">
  607. <li>
  608. <div class="cp_top">
  609. <div class="cp_detail">
  610. <p class="tit">신규 가입 40% 할인쿠폰</p>
  611. <strong class="sale_t won_t"><span>12,399,900</span>원</strong>
  612. <p class="cp_cont"><span>9,500,500</span>원 이상 구매시 최대 <span>5,000,000</span>원 할인</p>
  613. <span class="cp_cnt"><span>999</span>장 보유</span>
  614. </div>
  615. <span class="cp_shape"></span>
  616. </div>
  617. <div class="cp_date">
  618. <span>2020.01.01</span> ~ <span>2021.01.31</span>
  619. </div>
  620. <div class="cp_info">
  621. <button type="button" class="coupon_pop_btn"><span>사용안내</span></button>
  622. </div>
  623. </li>
  624. <li class="off">
  625. <div class="cp_top">
  626. <div class="cp_detail">
  627. <p class="tit">신규 가입 40% 할인쿠폰</p>
  628. <strong class="sale_t"><span>40</span>%</strong>
  629. <p class="cp_cont"><span>9,500,500</span>원 이상 구매시 최대 <span>5,000,000</span>원 할인</p>
  630. <span class="cp_cnt"><span>999</span>장 보유</span>
  631. </div>
  632. <span class="cp_shape"></span>
  633. </div>
  634. <div class="cp_date">
  635. <span class="cp_off">사용완료</span>
  636. </div>
  637. <div class="cp_info">
  638. <button type="button" class="coupon_pop_btn"><span>사용안내</span></button>
  639. </div>
  640. </li>
  641. </ul> -->
  642. </div>
  643. <a href="javascript:void(0);" class="more_btn" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON);">더 보기</a>_
  644. </div>
  645. <div class="login_con">
  646. <div>
  647. <p>로그인 후 이용 가능한 서비스입니다.</p>
  648. <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN);"><span>로그인</span></button>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. <div class="category quick_con quick05"> <!-- 퀵메뉴_카테고리 -->
  654. <div class="quick_head">
  655. <h3>스타일24 카테고리</h3>
  656. </div>
  657. <div class="quick_body">
  658. <ul class="quick_cate_wrap" id="ulQuickMenuCate">
  659. <!-- <li><a href="javascript:;"><span>홈</span></a></li>
  660. <li class="has_children">
  661. <a href="javascript:;"><span>여성</span></a>
  662. <ul class="quick_depth">
  663. <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
  664. <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
  665. <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
  666. <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
  667. <li><a href="javascript:;"><span>데님</span></a></li>
  668. <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
  669. <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
  670. <li><a href="javascript:;"><span>여성잡화</span></a></li>
  671. <li><a href="javascript:;"><span>언더웨어</span></a></li>
  672. </ul>
  673. </li>
  674. <li class="has_children">
  675. <a href="javascript:;"><span>남성</span></a>
  676. <ul class="quick_depth">
  677. <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
  678. <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
  679. <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
  680. <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
  681. <li><a href="javascript:;"><span>데님</span></a></li>
  682. <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
  683. <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
  684. <li><a href="javascript:;"><span>여성잡화</span></a></li>
  685. <li><a href="javascript:;"><span>언더웨어</span></a></li>
  686. </ul>
  687. </li>
  688. <li class="has_children">
  689. <a href="javascript:;"><span>유아동</span></a>
  690. <ul class="quick_depth">
  691. <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
  692. <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
  693. <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
  694. <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
  695. <li><a href="javascript:;"><span>데님</span></a></li>
  696. <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
  697. <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
  698. <li><a href="javascript:;"><span>여성잡화</span></a></li>
  699. <li><a href="javascript:;"><span>언더웨어</span></a></li>
  700. </ul>
  701. </li>
  702. <li class="has_children">
  703. <a href="javascript:;"><span>골프</span></a>
  704. <ul class="quick_depth">
  705. <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
  706. <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
  707. <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
  708. <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
  709. <li><a href="javascript:;"><span>데님</span></a></li>
  710. <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
  711. <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
  712. <li><a href="javascript:;"><span>여성잡화</span></a></li>
  713. <li><a href="javascript:;"><span>언더웨어</span></a></li>
  714. </ul>
  715. </li>
  716. <li class="has_children">
  717. <a href="javascript:;"><span>라이프</span></a>
  718. <ul class="quick_depth">
  719. <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
  720. <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
  721. <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
  722. <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
  723. <li><a href="javascript:;"><span>데님</span></a></li>
  724. <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
  725. <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
  726. <li><a href="javascript:;"><span>여성잡화</span></a></li>
  727. <li><a href="javascript:;"><span>언더웨어</span></a></li>
  728. </ul>
  729. </li>
  730. <li><a href="javascript:;"><span>베스트</span></a></li>
  731. <li><a href="javascript:;"><span>핫딜</span></a></li>
  732. <li><a href="javascript:;"><span>기획전</span></a></li>
  733. <li><a href="javascript:;"><span>총알배송</span></a></li>
  734. <li class="has_children">
  735. <a href="javascript:;"><span>아울렛</span></a>
  736. <ul class="quick_depth">
  737. <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
  738. <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
  739. <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
  740. <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
  741. <li><a href="javascript:;"><span>데님</span></a></li>
  742. <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
  743. <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
  744. <li><a href="javascript:;"><span>여성잡화</span></a></li>
  745. <li><a href="javascript:;"><span>언더웨어</span></a></li>
  746. </ul>
  747. </li>
  748. <li><a href="/"><span>룩북</span></a></li>
  749. <li><a href="/"><span>이벤트/혜택</span></a></li> -->
  750. </ul>
  751. <div class="quick_cate_txt">
  752. <a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGIN);">로그인</a>
  753. <a th:if="${sessionInfo != null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGOUT);">로그아웃</a>
  754. <a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);">회원가입</a>
  755. <a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);">마이페이지</a>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. </div>
  761. <!-- 퀵메뉴 -->
  762. <!-- 쿠폰 사용 내역 팝업 -->
  763. <div class="modal coupon_popup" tabindex="-1" role="dialog" aria-labelledby="PopupBasicLabel" aria-hidden="true">
  764. <div class="modal-dialog" role="document">
  765. <div class="modal-content">
  766. <div class="modal-header">
  767. <h5 class="modal-title">사용 조건</h5>
  768. </div>
  769. <div class="modal-body">
  770. <section class="order_row">
  771. <div class="coupon_condition">
  772. <dl class="clear">
  773. <dt>사용조건</dt>
  774. <dd><span>9,999,999</span>원 구매 시 최대 <span>9,999,999</span>원 할인</dd>
  775. </dl>
  776. <dl class="clear">
  777. <dt>대상조건</dt>
  778. <dd>남성,여성,유아동 카테고리</dd>
  779. </dl>
  780. </div>
  781. </section>
  782. </div>
  783. </div>
  784. </div>
  785. </div>
  786. <!-- daum zipcode layer
  787. <div style="position:absolute; width:100%; height:100%; background-colr:black; z-index:3000">
  788. <div id="zipcode_layer"></div>
  789. </div>
  790. -->
  791. <!-- 2021.04.02 다음우편번호 공통화 작업 -->
  792. <!-- 다음우편번호 팝업 -->
  793. <div class="jquery-modal blocker current" id="daumZipcodePop" style="display:none; z-index:3000;">
  794. <div class="modal fade rqstModify_pop" tabindex="-1" role="dialog" aria-labelledby="couponModifyLabel" aria-hidden="true" style="display: inline-block;">
  795. <div class="modal-dialog" role="document">
  796. <div class="modal-content">
  797. <div class="modal-body">
  798. <div class="pop_cont">
  799. <div id="zipcode_layer"></div>
  800. </div>
  801. </div>
  802. </div>
  803. </div>
  804. <a id="daumZipcodePop_close" style="margin-top:20px; size:12px; display:inline-block; font-weight:bold; cursor:pointer;">
  805. Close
  806. </a>
  807. </div>
  808. </div>
  809. <!-- //다음우편번호 팝업 -->
  810. <!-- //2021.04.02 다음우편번호 공통화 작업 -->
  811. <!-- 2021.04.02 배송지변경팝업 공통화 작업 -->
  812. <!-- 배송지변경 팝업 -->
  813. <div class="modal fade adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true">
  814. <div class="modal-dialog" role="document">
  815. <div class="modal-content">
  816. <!-- 배송지변경 팝업 내용 -->
  817. </div>
  818. </div>
  819. <a href="#close-modal" rel="modal:close" id="adrsChangePop_close" class="close-modal">Close</a>
  820. </div>
  821. <!-- //배송지변경 팝업 -->
  822. <!-- 배송지추가 팝업 -->
  823. <div class="modal fade adrsModify_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true">
  824. <div class="modal-dialog" role="document">
  825. <div class="modal-content">
  826. <!-- 배송지추가 팝업 내용 -->
  827. </div>
  828. </div>
  829. <a href="#close-modal" rel="modal:close" id="adrsAddPop_close" class="close-modal">Close</a>
  830. </div>
  831. <!-- //배송지추가 팝업 -->
  832. <!-- 배송지수정 팝업 -->
  833. <div class="modal fade adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true">
  834. <div class="modal-dialog" role="document">
  835. <div class="modal-content">
  836. <!-- 배송지수정 팝업 내용 -->
  837. </div>
  838. </div>
  839. <a href="#close-modal" rel="modal:close" id="adrsModifyPop_close" class="close-modal">Close</a>
  840. </div>
  841. <!-- //배송지수정 팝업 -->
  842. <!-- 배송요청사항수정 팝업 -->
  843. <div class="modal fade rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true">
  844. <div class="modal-dialog" role="document">
  845. <div class="modal-content">
  846. <!-- 배송요청사항수정 팝업 내용 -->
  847. </div>
  848. </div>
  849. <a href="#close-modal" rel="modal:close" id="rqstModifyPop_close" class="close-modal">Close</a>
  850. </div>
  851. <!-- //배송요청사항수정 팝업 -->
  852. <!-- //2021.04.02 배송지변경팝업 공통화 작업 -->
  853. <!-- 쿠폰 사용 내역 팝업 -->
  854. <div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
  855. <div class="modal-dialog" role="document">
  856. <div class="modal-content">
  857. <!-- 쿠폰사용안내 팝업 내용 -->
  858. </div>
  859. </div>
  860. <a href="#close-modal" rel="modal:close" id="couponInfoPop_close" class="close-modal">Close</a>
  861. </div>
  862. <script th:inline="javascript">
  863. /*<![CDATA[*/
  864. // 패밀리 사이트
  865. let fnGetFamilySite = function() {
  866. $.getJSON('/renderer/familysite/list'
  867. , function(result, status) {
  868. if (status == 'success') {
  869. if (result.length > 0) {
  870. $('#family_site').html('');
  871. let tag = '<dt class="no_tit"><span class="blind">그룹없음</span></dt>';
  872. $.each(result, function (idx, item) {
  873. if (!gagajf.isNull(item.cdNm)) {
  874. tag += '<dd><a class="clickable" href="' + item.cdNm.substring(0, item.cdNm.indexOf('|')) + '" target="_blank" title="새창 열림">' + item.cdNm.substring(item.cdNm.indexOf('|') + 1) + '</a></dd>\n';
  875. }
  876. });
  877. $('#family_site').html(tag);
  878. }
  879. }
  880. });
  881. }
  882. // 퀵메뉴카테고리
  883. let fnGetQuickMenuCategory = function(cate1) {
  884. let tag = '';
  885. if (cate1 != null) {
  886. tag += '<li class="has_children">\n';
  887. tag += ' <a href="javascript:;"><span>' + cate1.cate1Nm + '</span></a>\n';
  888. if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
  889. tag += ' <ul class="quick_depth">\n';
  890. tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>메인</span></a>\n';
  891. tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>전체</span></a>\n';
  892. $.each(cate1.cate2List, function(idx2, cate2) {
  893. tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate2.cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ');"><span>' + cate2.cate2Nm + '</span></a>\n';
  894. });
  895. tag += ' </ul>\n';
  896. }
  897. tag += '</li>\n';
  898. }
  899. return tag;
  900. }
  901. // 퀵메뉴탭 생성
  902. let fnCreateQuickMenuTab = function() {
  903. $.getJSON('/display/gnb/tab/list'
  904. , function(result, status) {
  905. if (status == 'success') {
  906. if (result.length > 0) {
  907. $('#ulQuickMenuCate').html('');
  908. $('#ulQuickMenuCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><span>홈</span></a></li>\n');
  909. let allCate = [[${allCateList}]];
  910. $.each(result, function(idx, item) {
  911. if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형:카테고리, 아울렛
  912. $.each(allCate, function(allCateIdx, allCateItem) {
  913. if (item.cate1No == allCateItem.cate1No) {
  914. $('#ulQuickMenuCate').append(fnGetQuickMenuCategory(allCateItem));
  915. }
  916. });
  917. } else if (item.contentsType == 'L') { // 컨텐츠유형:링크
  918. $('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
  919. }
  920. });
  921. }
  922. }
  923. });
  924. }
  925. // 최근본상품
  926. let fnGetRecentlyGoods = function() {
  927. // $('#quick01').on('click', function() {
  928. $.getJSON('/goods/recently/list'
  929. , function(result, status) {
  930. if (status == 'success') {
  931. $('#quickMenuTodayGoods').html('');
  932. $('#quick01').find('span').html(result.length);
  933. if (result.length > 0) {
  934. let tag = '<div class="product_count"><span class="c_primary">' + result.length + '</span>개의 상품</div>\n';
  935. tag += ' <div class="itemsGrp">\n';
  936. $.each(result, function (idx, item) {
  937. tag += ' <div class="item_prod">\n';
  938. tag += ' <div class="item_state">\n';
  939. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">\n';
  940. tag += ' <div class="itemPic">\n';
  941. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>\n';
  942. tag += ' </div>\n';
  943. tag += ' </a>\n';
  944. tag += ' </div>\n';
  945. tag += ' </div>\n';
  946. });
  947. tag += ' </div>\n';
  948. $('#quickMenuTodayGoods').html(tag);
  949. } else {
  950. $('#quickMenuTodayGoods').addClass('nodata');
  951. }
  952. }
  953. });
  954. // });
  955. }
  956. function deleteCartAjax(cartArr, menu) {
  957. if(cartArr.length < 1) {
  958. mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
  959. return false;
  960. }
  961. let data = {
  962. cartSqArr : cartArr
  963. }
  964. let jsonData = JSON.stringify(data);
  965. $.ajax( {
  966. type: "POST",
  967. url : '/cart/deleteCart',
  968. contentType: 'application/json',
  969. dataType : 'json',
  970. data : jsonData,
  971. success : function(result) {
  972. mcxDialog.alert("삭제 되었습니다.");
  973. if(menu == "cart") {
  974. let data = {shotDelvUseYn : $("input[name=shotDelvUseYn]:checked").val()};
  975. getCartList(data);
  976. } else if (menu == "quick") {
  977. fnGetCartGoodsList();
  978. }
  979. }
  980. });
  981. }
  982. function deleteCart(gbn, menu) {
  983. let cartArr = [];
  984. let confirmMessage = "";
  985. if(gbn == "SELECT") {
  986. $("#cartListForm input[name=cartSqArr]:checked").each(function () {
  987. cartArr.push($(this).val());
  988. });
  989. if(cartArr.length < 1) {
  990. mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
  991. return false;
  992. }
  993. confirmMessage = "총 " + cartArr.length + "개의 상품을 삭제합니다.";
  994. } else {
  995. cartArr.push(gbn);
  996. deleteCartAjax(cartArr, menu);
  997. return false;
  998. }
  999. mcxDialog.confirm(confirmMessage, {
  1000. cancelBtnText: "취소/닫기", //취소 또는 닫기 버튼명
  1001. sureBtnText : "확인", //처리문 버튼명
  1002. sureBtnClick : function () {
  1003. deleteCartAjax(cartArr, menu);
  1004. }
  1005. });
  1006. }
  1007. // 장바구니
  1008. let fnGetCartGoodsList = function() {
  1009. $.getJSON('/cart/quick/cart/list', function(order, status) {
  1010. let cartCnt;
  1011. if(order.totCartCnt > 99) {cartCnt = "99+";} else {cartCnt = order.totCartCnt;}
  1012. $("#quick_menu .shopingbag.quick_con.quick02 .quick_head a").attr("href", _PAGE_CART);
  1013. $("#header .gnb .btn_cart").attr("href", _PAGE_CART);
  1014. $("#header .gnb .btn_cart .circle_count").text(cartCnt);
  1015. if (status == 'success') {
  1016. let quickShoppingBagHtml = "";
  1017. $("#quick_menu #quick02 .count").text(cartCnt);
  1018. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html("");
  1019. if(order.totCartCnt > 0) {
  1020. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").removeClass("nodata");
  1021. quickShoppingBagHtml += '<div class="product_count"><span class="c_primary">' + order.totCartCnt + '</span>개의 상품</div>';
  1022. quickShoppingBagHtml += '<div class="itemsGrp existence">';
  1023. let ordCanCnt = 0;
  1024. for(let i = 0 ; i < order.delvAllCartList.length ; i++) {
  1025. let info = order.delvAllCartList[i];
  1026. //alert(info.soldoutYn + " / " + info.ordCanYn + " / " + info.ordCanQty + " / " + info.goodsQty + " / " + info.minOrdQty + " / " + info.maxOrdQty);
  1027. if(info.soldoutYn == "N" && info.ordCanYn == "Y" && info.ordCanQty >= info.goodsQty && info.goodsQty >= info.minOrdQty && info.goodsQty <= info.maxOrdQty){
  1028. ordCanCnt++; // 주문 가능 수량
  1029. quickShoppingBagHtml += ' <div class="item_prod">';
  1030. quickShoppingBagHtml += ' <input type="hidden" id="cartSq" value="' + info.cartSq + '">';
  1031. quickShoppingBagHtml += ' <button type="button" class="delete_btn" onclick="deleteCart(' + info.cartSq + ", 'quick'" + ')" style="z-index:99;"><span class="sr-only">해당상품 삭제</span></button>';
  1032. quickShoppingBagHtml += ' <div class="item_state">';
  1033. if(info.ordCanQty < 6 && info.ordCanQty > 0) {
  1034. quickShoppingBagHtml += ' <div class="shape"><span>곧 품절돼요!</span></div>';
  1035. }
  1036. quickShoppingBagHtml += " <a href='javascript:cfnGoToGoodsDetail(\"" + info.goodsCd + "\")' class='itemLink'>";
  1037. quickShoppingBagHtml += ' <div class="itemPic">';
  1038. quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + info.sysImgNm + '?RS=120"/>';
  1039. quickShoppingBagHtml += ' </div>';
  1040. quickShoppingBagHtml += ' <p class="itemBrand">' + info.brandGroupNm + '</p>';
  1041. quickShoppingBagHtml += ' <div class="itemName">' + info.goodsNm + '</div>';
  1042. for(let i = 0 ; i < info.itemNmArr.length ; i++) {
  1043. if(info.goodsType == "G056_S") {
  1044. quickShoppingBagHtml += ' <p class="itemSize">';
  1045. quickShoppingBagHtml += ' <span>' + info.itemNmArr[i] + '</span> / <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2 + '</span>';
  1046. quickShoppingBagHtml += ' </p>';
  1047. } else {
  1048. quickShoppingBagHtml += ' <p class="itemSize">';
  1049. quickShoppingBagHtml += ' <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2Arr[i] + '</span>';
  1050. quickShoppingBagHtml += ' </p>';
  1051. }
  1052. }
  1053. quickShoppingBagHtml += ' <p class="itemSize">';
  1054. quickShoppingBagHtml += ' <span>수량 ' + info.goodsQty + '개</span>';
  1055. quickShoppingBagHtml += ' </p>';
  1056. if(info.currPrice > info.tmtbDcAmt) {
  1057. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '<span class="itemPrice_original">' + Number(info.currPrice).toLocaleString() + '</span></p>';
  1058. } else {
  1059. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '</p>';
  1060. }
  1061. if(info.qtyTmtbSq > 0 && info.applyQtySectionYn == "Y") {
  1062. quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
  1063. }
  1064. if(info.amtTmtbSq > 0 && info.applyAmtSectionYn == "Y") {
  1065. quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
  1066. }
  1067. quickShoppingBagHtml += ' </a>';
  1068. quickShoppingBagHtml += ' </div>';
  1069. quickShoppingBagHtml += ' </div>';
  1070. }
  1071. }
  1072. quickShoppingBagHtml += '</div>';
  1073. quickShoppingBagHtml += '<button type="button" class="btn btn_default purchase_btn" onclick="cfnGoToPage(_PAGE_CART);"><span>쇼핑백 바로가기</span></button>';
  1074. } else {
  1075. if(!$("#quick_menu .shopingbag.quick_con.quick02 .quick_body").hasClass("nodata")) {
  1076. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").addClass("nodata");
  1077. }
  1078. quickShoppingBagHtml += '<div class="itemsGrp empty">';
  1079. quickShoppingBagHtml += ' <p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>';
  1080. quickShoppingBagHtml += ' <span class="subH3">지금 많이 보고있어요</span>';
  1081. for(let i = 0 ; i < 10 ; i++) {
  1082. quickShoppingBagHtml += ' <div class="item_prod">';
  1083. quickShoppingBagHtml += ' <div class="item_state">';
  1084. quickShoppingBagHtml += ' <a href="javascript:;" class="itemLink">';
  1085. quickShoppingBagHtml += ' <div class="itemPic">';
  1086. quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>';
  1087. quickShoppingBagHtml += ' </div>';
  1088. quickShoppingBagHtml += ' <p class="itemBrand">BRAND NAME</p>';
  1089. quickShoppingBagHtml += ' <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>';
  1090. quickShoppingBagHtml += ' <p class="itemPrice">80,100';
  1091. quickShoppingBagHtml += ' <span class="itemPrice_original">89,000</span>';
  1092. quickShoppingBagHtml += ' </p>';
  1093. quickShoppingBagHtml += ' <div class="viewCount"><span>508</span>명 보는중</div>';
  1094. quickShoppingBagHtml += ' </a>';
  1095. quickShoppingBagHtml += ' </div>';
  1096. quickShoppingBagHtml += ' </div>';
  1097. }
  1098. quickShoppingBagHtml += '</div>';
  1099. }
  1100. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html(quickShoppingBagHtml);
  1101. }
  1102. });
  1103. }
  1104. // 위시리스트
  1105. let fnGetWishList = function() {
  1106. if (!cfCheckLogin()) {
  1107. $('#quickMenuWishList').addClass('need_login');
  1108. $('#quickMenuWishList').html('');
  1109. tag='<div class="login_con">';
  1110. tag+='<div>';
  1111. tag+=' <p>로그인 후 이용 가능한 서비스입니다.</p>';
  1112. tag+=' <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN)"><span>로그인</span></button>';
  1113. tag+=' </div>';
  1114. tag+='</div>';
  1115. $('#quickMenuWishList').html(tag);
  1116. return false;
  1117. }
  1118. $.getJSON('/goods/wish/list'
  1119. , function(result, status) {
  1120. if (status == 'success') {
  1121. $('#quickMenuWishList').html('');
  1122. $('#quick03').find('span').html(result.length);
  1123. $('#quickMenuWishListCount').html(result.length);
  1124. tag = '';
  1125. if (result.length > 0) {
  1126. $("#quickMenuWishList").attr("class","quick_body");
  1127. tag += '<div class="product_count"><span class="c_primary" id="quickMenuWishListCount">'+result.length+'</span>개의 상품</div>\n';
  1128. tag += ' <div class="itemsGrp">\n';
  1129. $.each(result, function (idx, item) {
  1130. tag += ' <div class="item_prod">';
  1131. tag += ' <div class="item_state">';
  1132. if (item.stockQtySum>0 && item.stockQtySum<=5) {
  1133. tag += ' <div class="shape"><span>곧 품절돼요!</span></div>';
  1134. }
  1135. if (item.stockQtySum<=0) {
  1136. tag += ' <div class="shape"><span>품절</span></div>';
  1137. }
  1138. tag += ' <button type="button" class="itemLike active" goodsCd="'+item.goodsCd+'" onclick="fnWishDelete(this);">관심상품 추가</button>';
  1139. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">';
  1140. tag += ' <div class="itemPic">';
  1141. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>';
  1142. tag += ' </div>';
  1143. tag += ' </a>';
  1144. tag += ' <div class="hover_con">';
  1145. if (item.stockQtySum>0) {
  1146. tag += ' <button type="button" class="btn btn_sm cart_btn on" afLinkCd="'+item.afLinkCd+'" goodsCd="'+item.goodsCd+'" optCd="'+item.optCd+'" minOrdQty="'+item.minOrdQty+'" goodsType="'+item.goodsType+'" contentsLoc="'+item.contentLoc+'" onclick="wishCardAdd(this)"><span>쇼핑백 담기</span></button>';
  1147. }
  1148. tag += ' </div>';
  1149. tag += ' </div>';
  1150. tag += ' </div> ';
  1151. });
  1152. tag += ' </div>\n';
  1153. } else {
  1154. $("#quickMenuWishList").addClass("nodata");
  1155. tag += '<div class="itemsGrp">';
  1156. tag += '<div class="no_item" style="display:block">';
  1157. tag += ' 등록된 위시리스트가 없습니다.';
  1158. tag += '</div>';
  1159. tag += '</div>';
  1160. }
  1161. $('#quickMenuWishList').html(tag);
  1162. }
  1163. });
  1164. }
  1165. // 위시리스트 해제
  1166. let fnWishDelete = function(obj) {
  1167. cfnPutWishList(obj);
  1168. fnGetWishList();
  1169. }
  1170. var wishCardAdd = function (obj) {
  1171. let btnType = "C";
  1172. let params = [];
  1173. let cart = new Object();
  1174. cart.goodsCd = $(obj).attr("goodsCd");
  1175. cart.optCd = $(obj).attr("optCd");
  1176. cart.goodsQty = $(obj).attr("minOrdQty");
  1177. cart.goodsType = $(obj).attr("goodsType");
  1178. cart.cartGb = btnType;
  1179. cart.afLinkCd = $(obj).attr("afLinkCd");
  1180. cart.ithrCd = $(obj).attr("ithrCd");
  1181. //cart.contentsLoc = $(obj).attr("contentsLoc");
  1182. cart.contentsLoc = '';
  1183. cart.planDtlSq = '';
  1184. params.push(cart);
  1185. // 장바구니담기
  1186. if (params.length > 0){
  1187. cfnAddCart(params);
  1188. }
  1189. }
  1190. // 쿠폰리스트
  1191. let issueCouponBtn = function() {
  1192. if (!cfCheckLogin()) {
  1193. $('#couponList').addClass('need_login');
  1194. return false;
  1195. }else{
  1196. $.getJSON('/mypage/quick/down/coupon/list'
  1197. , function(result, status) {
  1198. if (status == 'success'){
  1199. $('#quick04').find('span').html(result.ownCouponList.length + result.couponCount.useCouponCnt);
  1200. let tag = '';
  1201. if(result.ownCouponList.length>0){
  1202. tag += '<ul class="coupon_list">';
  1203. $.each(result.ownCouponList, function (idx, item) {
  1204. tag += ' <li>';
  1205. tag += ' <div class="coupon">';
  1206. tag += ' <div>';
  1207. tag += ' <p class="cp_name">'+item.cpnNm+'</p>';
  1208. tag += ' <p class="cp_cont">';
  1209. if (item.dcWay == '%') {
  1210. tag += ' <span><em>'+item.dcVal.addComma()+'</em>%</span>';
  1211. }else{
  1212. tag += ' <span><em>'+item.dcVal.addComma()+'</em>원</span>';
  1213. }
  1214. tag += ' </p>';
  1215. if(item.custPubLimitQty == 0){
  1216. tag += ' <p class="cp_condition">'+item.useCondition+'<span></span>';
  1217. }else{
  1218. tag += ' <p class="cp_condition">'+item.useCondition+'<span>1인 최대'+item.custPubLimitQty.addComma()+'장</span>';
  1219. }
  1220. tag += ' </p>';
  1221. tag += ' </div>';
  1222. tag += ' <button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnQuickCouponDown('+item.cpnId+')"><span>쿠폰받기</span></button>';
  1223. tag += ' </div>';
  1224. tag += ' </li>';
  1225. });
  1226. tag += '</ul>';
  1227. }else{
  1228. tag += '<div class="no_item">';
  1229. tag += '다운 가능한 쿠폰이 없습니다.';
  1230. tag += '</div>';
  1231. }
  1232. $('#issueCoupon').html(tag);
  1233. }
  1234. });
  1235. }
  1236. }
  1237. // 보유 쿠폰 클릭 시
  1238. let ownCouponBtn = function() {
  1239. $.getJSON('/mypage/quick/own/coupon/list'
  1240. , function(result, status) {
  1241. if (status == 'success') {
  1242. let tag = '';
  1243. if (result.length > 0) {
  1244. tag += '<ul class="clear">';
  1245. $.each(result, function (idx, item) {
  1246. tag += ' <li>';
  1247. tag += ' <div class="cp_top">';
  1248. tag += ' <div class="cp_detail">';
  1249. tag += ' <p class="tit">'+item.cpnNm+'</p>';
  1250. if (item.dcWay == '%') {
  1251. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>%</strong>';
  1252. }else{
  1253. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>원</strong>';
  1254. }
  1255. tag += ' <p class="cp_cont">'+item.useCondition+'</p>';
  1256. tag += ' <span class="cp_cnt"><span>'+item.cpnCnt+'</span>장 보유</span>';
  1257. tag += ' </div>';
  1258. tag += ' <span class="cp_shape"></span>';
  1259. tag += ' </div>';
  1260. tag += ' <div class="cp_date">';
  1261. tag += ' <span>'+item.availStdt+'</span> ~ <span>'+item.availEddt+'</span>';
  1262. tag += ' </div>';
  1263. tag += ' <div class="cp_info">';
  1264. tag += ' <button type="button" class="coupon_pop_btn" onclick="useInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
  1265. tag += ' </div>';
  1266. tag += ' </li>';
  1267. });
  1268. tag += '<ul>';
  1269. } else {
  1270. tag += '<div class="no_item">';
  1271. tag += '보유한 쿠폰이 없습니다.';
  1272. tag += '</div>';
  1273. }
  1274. $('#ownCoupon').html(tag);
  1275. }
  1276. });
  1277. }
  1278. //쿠폰 다운로드
  1279. var fnQuickCouponDown = function(obj){
  1280. if (!cfCheckLogin()) {
  1281. cfnGoToPage(_PAGE_LOGIN);
  1282. return false;
  1283. }
  1284. let cpnId = obj;
  1285. gagajf.ajaxJsonSubmit('/mypage/quick/coupon/download', JSON.stringify({cpnId: cpnId}), fnQuickCouponCallBack);
  1286. }
  1287. // 쿠폰다운로드 콜백
  1288. var fnQuickCouponCallBack = function(result){
  1289. if (result.status == "200"){
  1290. $.each(result.couponList, function (idx, item) {
  1291. if (Number(item.custPubLimitQty) > 0){
  1292. if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
  1293. $('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
  1294. $('#coupon_'+ item.cpnId).attr('disabled', true);
  1295. }
  1296. }
  1297. });
  1298. }
  1299. }
  1300. // 소유한 쿠폰 사용안내 모달
  1301. var useInfoCoupon = function (id) {
  1302. var data = {cpnId : id};
  1303. var jsonData = JSON.stringify(data);
  1304. $.ajax( {
  1305. type : "POST",
  1306. url : '/mypage/coupon/detailPop',
  1307. data : jsonData,
  1308. contentType: 'application/json',
  1309. dataType : 'html',
  1310. success : function(result) {
  1311. if (result != null) {
  1312. $("#couponInfoPop").html(result);
  1313. $("#couponInfoPop").modal("show");
  1314. }
  1315. }
  1316. });
  1317. return false;
  1318. }
  1319. // 팝업
  1320. let fnGetPopup = function(){
  1321. let data = {viewPage : [[${viewPage}]]
  1322. ,cateNo : [[${popupCateNo}]]
  1323. ,brandCd : [[${popupBrandCd}]]
  1324. ,planSq : [[${popupPlanSq}]]
  1325. ,preview : [[${preview}]]
  1326. ,viewDt : [[${viewDt}]]
  1327. };
  1328. $.getJSON('/display/popup/list', data, function(result, status) {
  1329. if (status === 'success') {
  1330. if(result.length>0){
  1331. let popupYn = "N";
  1332. let popupSq = "";
  1333. let tag = '';
  1334. tag += '<div id="layer_popup" class="popup_main_notice">\n';
  1335. tag += ' <div class="popup_content">\n';
  1336. tag += ' <div class="popup_body">\n';
  1337. tag += ' <div class="swiper-container">\n';
  1338. tag += ' <div class="swiper-wrapper">\n';
  1339. $.each(result, function(idx, item) {
  1340. if(document.cookie.match('(^|;)?style_popup_'+item.popupSq+'=([^;]*)(;|$)')==null) {
  1341. tag += ' <div class="swiper-slide">\n';
  1342. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  1343. tag += ' <a href="'+ item.linkUrl1 +'" target="_blank">\n';
  1344. }
  1345. tag += ' <img src="'+ _imgUrl+'/'+item.imgUrl1+'" width="100%" alt="">\n';
  1346. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  1347. tag += ' </a>\n';
  1348. }
  1349. tag += ' </div>\n';
  1350. popupYn = "Y";
  1351. popupSq += item.popupSq +"|";
  1352. }
  1353. });
  1354. tag += ' </div>\n';
  1355. tag += ' <div class="swiper-button-prev"></div>\n';
  1356. tag += ' <div class="swiper-button-next"></div>\n';
  1357. tag += ' </div>\n';
  1358. tag += ' </div>\n';
  1359. tag += ' <div class="popup_footer">\n';
  1360. tag += ' <a href="javascript:void(0);" onclick="fnLayerPopupUnexpDaysClose(\''+popupSq+'\',1);" class="btn_underline"> 하루 보지 않기</a>\n';
  1361. tag += ' <a href="javascript:void(0);" id="btnPopupClose" onclick="fnLayerPopupClose();" class="btn_popup_close">닫기</a>\n';
  1362. tag += ' </div>\n';
  1363. tag += ' </div>\n';
  1364. tag += '</div>\n';
  1365. if (popupYn == "Y"){
  1366. if ($('#layer_popup').length === 0) {
  1367. $('body').append(tag);
  1368. }
  1369. }
  1370. /* 메인 공지 팝업 갯수체크 210430_수정 */
  1371. var popNoticeCont = $('.popup_main_notice .swiper-slide');
  1372. var popNoticeLength = popNoticeCont.length;
  1373. if (popNoticeLength < 4) {
  1374. popNoticeCont.parents('.popup_body').addClass('onlyNotice');
  1375. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  1376. loop: false,
  1377. watchOverflow: true, //loop와 함께 사용 불가.
  1378. slidesPerView:'auto',
  1379. spaceBetween: 0,
  1380. speed:200,
  1381. autoplay: {
  1382. delay: 3000,
  1383. disableOnInteraction: false,
  1384. },
  1385. navigation: {
  1386. nextEl: '.popup_main_notice .swiper-button-next',
  1387. prevEl: '.popup_main_notice .swiper-button-prev',
  1388. },
  1389. });
  1390. } else {
  1391. popNoticeCont.parents('.popup_body').removeClass('onlyNotice');
  1392. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  1393. loop: true,
  1394. slidesPerView:'auto',
  1395. spaceBetween: 0,
  1396. speed:200,
  1397. autoplay: {
  1398. delay: 3000,
  1399. disableOnInteraction: false,
  1400. },
  1401. navigation: {
  1402. nextEl: '.popup_main_notice .swiper-button-next',
  1403. prevEl: '.popup_main_notice .swiper-button-prev',
  1404. },
  1405. });
  1406. }
  1407. }
  1408. }
  1409. });
  1410. }
  1411. let fnLayerPopupUnexpDaysClose = function(seq, unexpDays){
  1412. let arrSeq = seq.split("|");
  1413. if (arrSeq.length > 0){
  1414. let todayDate = new Date();
  1415. //todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
  1416. todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000); // 당일 자정처리
  1417. todayDate.setDate(todayDate.getDate() + unexpDays);
  1418. $.each(arrSeq, function (idx, item) {
  1419. if (!gagajf.isNull(item)){
  1420. document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";
  1421. }
  1422. });
  1423. }
  1424. fnLayerPopupClose();
  1425. }
  1426. // 창 닫기
  1427. let fnLayerPopupClose = function(){
  1428. //$('#layer_popup').hide();
  1429. $('#layer_popup').remove();
  1430. }
  1431. $(document).ready( function() {
  1432. // 퀵메뉴탭 조회
  1433. fnCreateQuickMenuTab();
  1434. // 패미리사이트 조회
  1435. fnGetFamilySite();
  1436. // 최근본상품 조회
  1437. fnGetRecentlyGoods();
  1438. // 장바구니 조회
  1439. fnGetCartGoodsList();
  1440. // 위시리스트
  1441. fnGetWishList();
  1442. // 팝업조회
  1443. fnGetPopup();
  1444. // 쿠폰조회
  1445. $("#issueCouponBtn").trigger("click");
  1446. // Family Site
  1447. $('.family_link').on('click','.btn',function(e){
  1448. e.preventDefault();
  1449. $(this).parents('.family_link').find('#family_site').slideToggle(100);
  1450. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1451. });
  1452. //퀵메뉴
  1453. var tabAnchor = $('.quick_btn button'),
  1454. tabPanel = $('#quick_menu .quick_con');
  1455. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1456. e.preventDefault();
  1457. $('body').addClass('lock');
  1458. $('#quick_menu').addClass('active');
  1459. tabAnchor.removeClass('active');
  1460. $(this).addClass('active');
  1461. var NewLink = $(this).attr('data-tab');
  1462. tabPanel.hide();
  1463. $('.' + NewLink).show();
  1464. });
  1465. //퀵메뉴_쿠폰
  1466. var couponAnchor = $('.coupon_tab a'),
  1467. couponPanel = $('.coupon_area');
  1468. $(document).on('click','.coupon_tab a',function(e){
  1469. e.preventDefault();
  1470. couponAnchor.removeClass('active');
  1471. $(this).addClass('active');
  1472. var NewLink = $(this).attr('href');
  1473. couponPanel.hide();
  1474. $(NewLink).show();
  1475. });
  1476. couponAnchor.eq(0).trigger('click');
  1477. //퀵메뉴 닫을 때
  1478. $(document).on('click','#quick_menu .quick_close_btn',function(e){
  1479. e.preventDefault();
  1480. $('body').removeClass('lock');
  1481. $('#quick_menu').removeClass('active');
  1482. $('#quick_menu .quick_con').hide();
  1483. });
  1484. //퀵메뉴 카테고리 메뉴 클릭시
  1485. $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
  1486. $(this).toggleClass('active');
  1487. $(this).find('> ul').slideToggle(300);
  1488. $(this).siblings('li').find('> ul').slideUp(300);
  1489. $(this).siblings('li').removeClass('active');
  1490. });
  1491. //퀵메뉴 탑버튼 클릭 시
  1492. $(document).on('click','#top_btn',function(e){
  1493. $('body,html').animate({scrollTop:0});
  1494. });
  1495. //퀵메뉴_쿠폰 사용안내 팝업
  1496. $(".coupon_pop_btn").click(function() {
  1497. $(".coupon_popup").modal("show");
  1498. });
  1499. /* 메인 공지 팝업 닫기 */
  1500. $(document).on('click','#btnPopupClose',function(e){
  1501. $('#popupMainNotice').hide();
  1502. return false;
  1503. });
  1504. });
  1505. /*]]>*/
  1506. </script>
  1507. <script th:inline="javascript">
  1508. /*<![CDATA[*/
  1509. var element_layer = document.getElementById('zipcode_layer');
  1510. var cfnGetDaumRoadAddr = function(data) {
  1511. // 팝업에서 검색결과 항목을 클릭했을 때 실행할 코드를 작성하는 부분입니다.
  1512. // 예제를 참고하여 다양한 활용법을 확인해 보세요.
  1513. // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분
  1514. // 도로명 주소의 노출 규칙에 따라 주소를 조합한다.
  1515. // 내려오는 변수가 값이 없는 경우엔 공백('') 값을 가지므로, 이를 참고하여 분기한다.
  1516. let fullRoadAddr = data.roadAddress; // 도로명 주소 변수
  1517. let extraRoadAddr = ''; // 도로명 조합형 주소 변수
  1518. // 법정동명이 있을 경우 추가한다. (법정리는 제외)
  1519. // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
  1520. if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
  1521. extraRoadAddr += data.bname;
  1522. }
  1523. // 건물명이 있고, 공동주택일 경우 추가한다.
  1524. if (data.buildingName !== '' && data.apartment === 'Y') {
  1525. extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
  1526. }
  1527. // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
  1528. if (extraRoadAddr !== '') {
  1529. extraRoadAddr = ' (' + extraRoadAddr + ')';
  1530. }
  1531. // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
  1532. if (fullRoadAddr !== '') {
  1533. fullRoadAddr += extraRoadAddr;
  1534. }
  1535. return fullRoadAddr;
  1536. }
  1537. var cfnOpenDaumAddr = function(daumZip) {
  1538. // 다은우편번호팝업 노출
  1539. $("#daumZipcodePop").show();
  1540. if ($('html').hasClass('is-ie')) {
  1541. daumZip.open();
  1542. } else {
  1543. daumZip.embed(element_layer);
  1544. // iframe을 넣은 element를 보이게 한다.
  1545. element_layer.style.display = 'block';
  1546. // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
  1547. cfnInitLayerPosition();
  1548. }
  1549. }
  1550. var cfnCloseDaumAddr = function() {
  1551. // iframe을 넣은 element를 안보이게 한다.
  1552. element_layer.style.display = 'none';
  1553. // 다음우편번호팝업 닫기
  1554. $("#daumZipcodePop").hide();
  1555. }
  1556. // 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
  1557. // resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
  1558. // 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
  1559. var cfnInitLayerPosition = function() {
  1560. //let width = 420; //우편번호서비스가 들어갈 element의 width
  1561. //let height = 502; //우편번호서비스가 들어갈 element의 height
  1562. let borderWidth = 1; //샘플에서 사용하는 border의 두께
  1563. // 위에서 선언한 값들을 실제 element에 넣는다.
  1564. //element_layer.style.width = width + 'px';
  1565. //element_layer.style.height = height + 'px';
  1566. element_layer.style.border = borderWidth + 'px solid';
  1567. // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
  1568. /*
  1569. element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width) / 2 - borderWidth) + 'px';
  1570. element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height) / 2 - borderWidth) + 'px';
  1571. */
  1572. // 다음 레이어 적용
  1573. $("#__daum__layer_1").css("z-index", 3000);
  1574. }
  1575. // 다음우편번호팝업 닫기
  1576. $("#daumZipcodePop_close").on("click", function(){
  1577. $("#daumZipcodePop").hide();
  1578. });
  1579. /*]]>*/
  1580. </script>
  1581. </footer>
  1582. </html>