FooterWeb.html 74 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957
  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©2021. 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' ) { // 컨텐츠유형:카테고리, 아울렛
  912. $.each(allCate, function(allCateIdx, allCateItem) {
  913. if (item.cate1No == allCateItem.cate1No) {
  914. $('#ulQuickMenuCate').append(fnGetQuickMenuCategory(allCateItem));
  915. }
  916. });
  917. }else if(item.contentsType == 'O'){
  918. // $('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
  919. let outletCate = fnGetQuickOutletCategory(item.gtabNm);
  920. $('#ulQuickMenuCate').append(outletCate);
  921. } else if (item.contentsType == 'L') { // 컨텐츠유형:링크
  922. $('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
  923. }
  924. });
  925. }
  926. }
  927. });
  928. }
  929. // 퀵 아울렛
  930. let fnGetQuickOutletCategory = function (outletNm){
  931. let formalGb = 'G009_20';
  932. let cateGb = 'G032_101';
  933. var tag = '';
  934. tag += '<li class="has_children">\n';
  935. tag += '<a href="javascript:void(0);"><span>'+outletNm+'</span></a>\n';
  936. tag += '<ul class="quick_depth">\n';
  937. tag += '<li><a href="javascript:void(0);" onclick="cfnGoToOutletMain(\'G032_103\');"><span>메인</span></a></li>\n';
  938. tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cateGb + '\',\'\',\'\',\'\',\'\',\'\',\'' + formalGb + '\');"><span>전체</span></a></li>\n';
  939. let allCate = [[${allCateList}]];
  940. $.each(allCate, function(allCateIdx, allCateItem) {
  941. tag += '<li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + allCateItem.cateGb + '\',' + allCateItem.cate1No + ',\'\',\'\',\'\',\'\',\'' + formalGb + '\');"><span>' + allCateItem.cate1Nm + '</span></a></li>\n';
  942. });
  943. tag += '</ul>\n';
  944. tag += '</li>\n';
  945. return tag;
  946. }
  947. // 최근본상품
  948. let fnGetRecentlyGoods = function() {
  949. // $('#quick01').on('click', function() {
  950. $.getJSON('/goods/recently/list'
  951. , function(result, status) {
  952. if (status == 'success') {
  953. $('#quickMenuTodayGoods').html('');
  954. $('#quick01').find('span').html(result.length);
  955. let tag = '';
  956. if (result.length > 0) {
  957. tag += '<div class="product_count"><span class="c_primary">' + result.length + '</span>개의 상품</div>\n';
  958. tag += ' <div class="itemsGrp">\n';
  959. $.each(result, function (idx, item) {
  960. tag += ' <div class="item_prod">\n';
  961. tag += ' <div class="item_state">\n';
  962. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">\n';
  963. tag += ' <div class="itemPic">\n';
  964. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>\n';
  965. tag += ' </div>\n';
  966. tag += ' </a>\n';
  967. tag += ' </div>\n';
  968. tag += ' </div>\n';
  969. });
  970. tag += ' </div>\n';
  971. } else {
  972. tag += '<div class="no_item">';
  973. tag += ' 최근 본 상품이 없습니다.';
  974. tag += '</div>';
  975. $('#quickMenuTodayGoods').attr('class','quick_body nodata');
  976. }
  977. $('#quickMenuTodayGoods').html(tag);
  978. }
  979. });
  980. // });
  981. }
  982. function deleteCartAjax(cartArr, menu) {
  983. if(cartArr.length < 1) {
  984. mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
  985. return false;
  986. }
  987. let data = {
  988. cartSqArr : cartArr
  989. }
  990. let jsonData = JSON.stringify(data);
  991. $.ajax( {
  992. type: "POST",
  993. url : '/cart/deleteCart',
  994. contentType: 'application/json',
  995. dataType : 'json',
  996. data : jsonData,
  997. success : function(result) {
  998. mcxDialog.alert("삭제 되었습니다.");
  999. if(menu == "cart") {
  1000. let data = {shotDelvUseYn : $("input[name=shotDelvUseYn]:checked").val()};
  1001. getCartList(data);
  1002. } else if (menu == "quick") {
  1003. fnGetCartGoodsList();
  1004. }
  1005. }
  1006. });
  1007. }
  1008. function deleteCart(gbn, menu) {
  1009. let cartArr = [];
  1010. let confirmMessage = "";
  1011. if(gbn == "SELECT") {
  1012. $("#cartListForm input[name=cartSqArr]:checked").each(function () {
  1013. cartArr.push($(this).val());
  1014. });
  1015. if(cartArr.length < 1) {
  1016. mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
  1017. return false;
  1018. }
  1019. confirmMessage = "총 " + cartArr.length + "개의 상품을 삭제합니다.";
  1020. } else {
  1021. cartArr.push(gbn);
  1022. deleteCartAjax(cartArr, menu);
  1023. return false;
  1024. }
  1025. mcxDialog.confirm(confirmMessage, {
  1026. cancelBtnText: "취소/닫기", //취소 또는 닫기 버튼명
  1027. sureBtnText : "확인", //처리문 버튼명
  1028. sureBtnClick : function () {
  1029. deleteCartAjax(cartArr, menu);
  1030. }
  1031. });
  1032. }
  1033. // 장바구니
  1034. let fnGetCartGoodsList = function() {
  1035. $.getJSON('/cart/quick/cart/list', function(order, status) {
  1036. $("#quick_menu .shopingbag.quick_con.quick02 .quick_head a").attr("href", _PAGE_CART);
  1037. $("#header .gnb .btn_cart").attr("href", _PAGE_CART);
  1038. if (status == 'success') {
  1039. let quickShoppingBagHtml = "";
  1040. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html("");
  1041. if(order.totCartCnt > 0) {
  1042. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").removeClass("nodata");
  1043. quickShoppingBagHtml += '<div class="product_count"><span class="c_primary">' + order.totCartCnt + '</span>개의 상품</div>';
  1044. quickShoppingBagHtml += '<div class="itemsGrp existence">';
  1045. let ordCanCnt = 0;
  1046. for(let i = 0 ; i < order.delvAllCartList.length ; i++) {
  1047. let info = order.delvAllCartList[i];
  1048. // 구매하기 버튼에서 장바구니 버튼으로 변경 후 품절 상품 보여주지 말것 이라는 멘트 사라짐. 전체 노출
  1049. //if(info.soldoutYn == "N" && info.ordCanYn == "Y" && info.ordCanQty >= info.goodsQty && info.goodsQty >= info.minOrdQty && info.goodsQty <= info.maxOrdQty){
  1050. ordCanCnt++; // 주문 가능 수량
  1051. quickShoppingBagHtml += ' <div class="item_prod">';
  1052. quickShoppingBagHtml += ' <input type="hidden" id="cartSq" value="' + info.cartSq + '">';
  1053. quickShoppingBagHtml += ' <button type="button" class="delete_btn" onclick="deleteCart(' + info.cartSq + ", 'quick'" + ')" style="z-index:99;"><span class="sr-only">해당상품 삭제</span></button>';
  1054. quickShoppingBagHtml += ' <div class="item_state">';
  1055. if(info.ordCanQty < 6 && info.ordCanQty > 0) {
  1056. quickShoppingBagHtml += ' <div class="shape"><span>곧 품절돼요!</span></div>';
  1057. }
  1058. quickShoppingBagHtml += " <a href='javascript:cfnGoToGoodsDetail(\"" + info.goodsCd + "\",\"\",\"IN22_03\")' class='itemLink'>";
  1059. quickShoppingBagHtml += ' <div class="itemPic">';
  1060. quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + info.sysImgNm + '?RS=120"/>';
  1061. quickShoppingBagHtml += ' </div>';
  1062. quickShoppingBagHtml += ' <p class="itemBrand">' + info.brandGroupNm + '</p>';
  1063. quickShoppingBagHtml += ' <div class="itemName">' + info.goodsNm + '</div>';
  1064. for(let i = 0 ; i < info.itemNmArr.length ; i++) {
  1065. if(info.goodsType == "G056_S") {
  1066. quickShoppingBagHtml += ' <p class="itemSize">';
  1067. quickShoppingBagHtml += ' <span>' + info.itemNmArr[i] + '</span> / <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2 + '</span>';
  1068. quickShoppingBagHtml += ' </p>';
  1069. } else {
  1070. quickShoppingBagHtml += ' <p class="itemSize">';
  1071. quickShoppingBagHtml += ' <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2Arr[i] + '</span>';
  1072. quickShoppingBagHtml += ' </p>';
  1073. }
  1074. }
  1075. quickShoppingBagHtml += ' <p class="itemSize">';
  1076. quickShoppingBagHtml += ' <span>수량 ' + info.goodsQty + '개</span>';
  1077. quickShoppingBagHtml += ' </p>';
  1078. if(info.currPrice > info.tmtbDcAmt) {
  1079. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '<span class="itemPrice_original">' + Number(info.currPrice).toLocaleString() + '</span></p>';
  1080. } else {
  1081. quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '</p>';
  1082. }
  1083. if(info.qtyTmtbSq > 0 && info.applyQtySectionYn == "Y") {
  1084. quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
  1085. }
  1086. if(info.amtTmtbSq > 0 && info.applyAmtSectionYn == "Y") {
  1087. quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
  1088. }
  1089. quickShoppingBagHtml += ' </a>';
  1090. quickShoppingBagHtml += ' </div>';
  1091. quickShoppingBagHtml += ' </div>';
  1092. //}
  1093. }
  1094. quickShoppingBagHtml += '</div>';
  1095. quickShoppingBagHtml += '<button type="button" class="btn btn_default purchase_btn" onclick="cfnGoToPage(_PAGE_CART);"><span>쇼핑백 바로가기</span></button>';
  1096. $("#quick_menu #quick02 .count").text(order.delvAllCartList.length);
  1097. } else {
  1098. if(!$("#quick_menu .shopingbag.quick_con.quick02 .quick_body").hasClass("nodata")) {
  1099. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").addClass("nodata");
  1100. }
  1101. quickShoppingBagHtml += '<div class="itemsGrp empty">';
  1102. quickShoppingBagHtml += ' <p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>';
  1103. quickShoppingBagHtml += ' <span class="subH3">지금 많이 보고있어요</span>';
  1104. for(let i = 0 ; i < 10 ; i++) {
  1105. quickShoppingBagHtml += ' <div class="item_prod">';
  1106. quickShoppingBagHtml += ' <div class="item_state">';
  1107. quickShoppingBagHtml += ' <a href="javascript:;" class="itemLink">';
  1108. quickShoppingBagHtml += ' <div class="itemPic">';
  1109. quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>';
  1110. quickShoppingBagHtml += ' </div>';
  1111. quickShoppingBagHtml += ' <p class="itemBrand">BRAND NAME</p>';
  1112. quickShoppingBagHtml += ' <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>';
  1113. quickShoppingBagHtml += ' <p class="itemPrice">80,100';
  1114. quickShoppingBagHtml += ' <span class="itemPrice_original">89,000</span>';
  1115. quickShoppingBagHtml += ' </p>';
  1116. quickShoppingBagHtml += ' <div class="viewCount"><span>508</span>명 보는중</div>';
  1117. quickShoppingBagHtml += ' </a>';
  1118. quickShoppingBagHtml += ' </div>';
  1119. quickShoppingBagHtml += ' </div>';
  1120. }
  1121. quickShoppingBagHtml += '</div>';
  1122. }
  1123. $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html(quickShoppingBagHtml);
  1124. let cartCnt = $("#quick_menu #quick02 .count").text();
  1125. if(!cartCnt) cartCnt = 0;
  1126. if(cartCnt > 99) cartCnt = "99+";
  1127. $(".shopingbag .quick_body .product_count .c_primary").text(cartCnt);
  1128. $("#header .gnb .btn_cart .circle_count").text(cartCnt);
  1129. }
  1130. });
  1131. }
  1132. // 위시리스트
  1133. let fnGetWishList = function() {
  1134. if (!cfCheckLogin()) {
  1135. $('#quickMenuWishList').addClass('need_login');
  1136. $('#quickMenuWishList').html('');
  1137. tag='<div class="login_con">';
  1138. tag+='<div>';
  1139. tag+=' <p>로그인 후 이용 가능한 서비스입니다.</p>';
  1140. tag+=' <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN)"><span>로그인</span></button>';
  1141. tag+=' </div>';
  1142. tag+='</div>';
  1143. $('#quickMenuWishList').html(tag);
  1144. return false;
  1145. }
  1146. $.getJSON('/goods/wish/list'
  1147. , function(result, status) {
  1148. if (status == 'success') {
  1149. $('#quickMenuWishList').html('');
  1150. $('#quick03').find('span').html(result.length);
  1151. $('#quickMenuWishListCount').html(result.length);
  1152. tag = '';
  1153. if (result.length > 0) {
  1154. $("#quickMenuWishList").attr("class","quick_body");
  1155. tag += '<div class="product_count"><span class="c_primary" id="quickMenuWishListCount">'+result.length+'</span>개의 상품</div>\n';
  1156. tag += ' <div class="itemsGrp">\n';
  1157. $.each(result, function (idx, item) {
  1158. tag += ' <div class="item_prod">';
  1159. tag += ' <div class="item_state">';
  1160. if (item.stockQtySum>0 && item.stockQtySum<=5) {
  1161. tag += ' <div class="shape"><span>곧 품절돼요!</span></div>';
  1162. }
  1163. if (item.stockQtySum<=0) {
  1164. tag += ' <div class="shape"><span>품절</span></div>';
  1165. }
  1166. tag += ' <button type="button" class="itemLike active" goodsCd="'+item.goodsCd+'" onclick="fnWishDelete(this);">관심상품 추가</button>';
  1167. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\',\'\',\'IN22_02\')" class=" itemLink">';
  1168. tag += ' <div class="itemPic">';
  1169. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>';
  1170. tag += ' </div>';
  1171. tag += ' </a>';
  1172. tag += ' <div class="hover_con">';
  1173. if (item.stockQtySum>0) {
  1174. if (item.goodsType == 'G056_N') {
  1175. 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>';
  1176. }else if(item.goodsType == 'G056_D'){ // 딜상품
  1177. tag += ' <button type="button" class="btn btn_sm cart_btn on" onclick="wishDealGoods()"><span>쇼핑백 담기</span></button>';
  1178. }else{
  1179. tag += ' <button type="button" class="btn btn_sm cart_btn on" afLinkCd="'+item.afLinkCd+'" compsGoodsCd=\''+item.compsGoodsCd+'\' goodsCd="'+item.goodsCd+'" optCd="'+item.optCd+'" minOrdQty="'+item.minOrdQty+'" goodsType="'+item.goodsType+'" contentsLoc="'+item.contentLoc+'" onclick="wishCardSetAdd(this)"><span>쇼핑백 담기</span></button>';
  1180. }
  1181. }
  1182. tag += ' </div>';
  1183. tag += ' </div>';
  1184. tag += ' </div> ';
  1185. });
  1186. tag += ' </div>\n';
  1187. } else {
  1188. $("#quickMenuWishList").addClass("nodata");
  1189. tag += '<div class="itemsGrp">';
  1190. tag += '<div class="no_item" style="display:block">';
  1191. tag += ' 등록된 위시리스트가 없습니다.';
  1192. tag += '</div>';
  1193. tag += '</div>';
  1194. }
  1195. $('#quickMenuWishList').html(tag);
  1196. }
  1197. });
  1198. }
  1199. // 딜상품일 경우 alert
  1200. var wishDealGoods = function() {
  1201. mcxDialog.alert("해당 상품은 옵션 선택 후 쇼핑백 담기가 가능합니다.");
  1202. return;
  1203. }
  1204. // 위시리스트 해제
  1205. let fnWishDelete = function(obj) {
  1206. cfnPutWishList(obj);
  1207. fnGetWishList();
  1208. }
  1209. var wishCardAdd = function (obj) {
  1210. let btnType = "C";
  1211. let params = [];
  1212. let cart = new Object();
  1213. cart.goodsCd = $(obj).attr("goodsCd");
  1214. cart.optCd = $(obj).attr("optCd");
  1215. cart.goodsQty = $(obj).attr("minOrdQty");
  1216. cart.goodsType = $(obj).attr("goodsType");
  1217. cart.cartGb = btnType;
  1218. cart.afLinkCd = $(obj).attr("afLinkCd");
  1219. cart.ithrCd = $(obj).attr("ithrCd");
  1220. //cart.contentsLoc = $(obj).attr("contentsLoc");
  1221. cart.contentsLoc = '';
  1222. cart.planDtlSq = '';
  1223. params.push(cart);
  1224. // 장바구니담기
  1225. if (params.length > 0){
  1226. cfnAddCart(params);
  1227. }
  1228. }
  1229. var wishCardSetAdd = function (obj) {
  1230. let cartGoodsList = [];
  1231. var optCdArr = $(obj).attr("optCd").split(",");
  1232. var compsGoodsCdArr = $(obj).attr("compsGoodsCd").split(",");
  1233. let compsList = [];
  1234. let goodsList = {
  1235. cartCompsList : new Array()
  1236. }
  1237. for(let j = 0 ; j < optCdArr.length ; j++) {
  1238. let temp = new Object;
  1239. temp.goodsCd = $(obj).attr("goodsCd");
  1240. temp.optCd = optCdArr[j];
  1241. temp.goodsQty = $(obj).attr("minOrdQty");
  1242. temp.goodsType = "G056_S";
  1243. temp.itemCd = compsGoodsCdArr[j];
  1244. temp.cartGb = "C";
  1245. temp.afLinkCd = $(obj).attr("afLinkCd");
  1246. temp.ithrCd = "";
  1247. temp.contentsLoc = "";
  1248. temp.planDtlSq = "";
  1249. compsList.push(temp);
  1250. }
  1251. goodsList.cartCompsList = compsList;
  1252. cartGoodsList.push(goodsList);
  1253. cfnAddCart(cartGoodsList);
  1254. }
  1255. // 쿠폰리스트
  1256. let issueCouponBtn = function() {
  1257. if (!cfCheckLogin()) {
  1258. $('#couponList').addClass('need_login');
  1259. return false;
  1260. }else{
  1261. $.getJSON('/mypage/quick/down/coupon/list'
  1262. , function(result, status) {
  1263. if (status == 'success'){
  1264. $('#quick04').find('span').html(result.ownCouponList.length + result.couponCount.useCouponCnt);
  1265. let tag = '';
  1266. if(result.ownCouponList.length>0){
  1267. tag += '<ul class="coupon_list">';
  1268. $.each(result.ownCouponList, function (idx, item) {
  1269. tag += ' <li>';
  1270. tag += ' <div class="coupon">';
  1271. tag += ' <div>';
  1272. tag += ' <p class="cp_name">'+item.cpnNm+'</p>';
  1273. tag += ' <p class="cp_cont">';
  1274. if (item.dcWay == '%') {
  1275. tag += ' <span><em>'+item.dcVal.addComma()+'</em>%</span>';
  1276. }else{
  1277. tag += ' <span><em>'+item.dcVal.addComma()+'</em>원</span>';
  1278. }
  1279. tag += ' </p>';
  1280. if(item.custPubLimitQty == 0){
  1281. tag += ' <p class="cp_condition">'+item.useCondition+'<span></span>';
  1282. }else{
  1283. tag += ' <p class="cp_condition">'+item.useCondition+'<span>1인 최대'+item.custPubLimitQty.addComma()+'장</span>';
  1284. }
  1285. tag += ' </p>';
  1286. tag += ' </div>';
  1287. tag += ' <button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnQuickCouponDown('+item.cpnId+')"><span>쿠폰받기</span></button>';
  1288. tag += ' </div>';
  1289. tag += ' </li>';
  1290. });
  1291. tag += '</ul>';
  1292. }else{
  1293. tag += '<div class="no_item">';
  1294. tag += '다운 가능한 쿠폰이 없습니다.';
  1295. tag += '</div>';
  1296. }
  1297. $('#issueCoupon').html(tag);
  1298. }
  1299. });
  1300. }
  1301. }
  1302. // 보유 쿠폰 클릭 시
  1303. let ownCouponBtn = function() {
  1304. $.getJSON('/mypage/quick/own/coupon/list'
  1305. , function(result, status) {
  1306. if (status == 'success') {
  1307. let tag = '';
  1308. if (result.length > 0) {
  1309. tag += '<ul class="clear">';
  1310. $.each(result, function (idx, item) {
  1311. tag += ' <li>';
  1312. tag += ' <div class="cp_top">';
  1313. tag += ' <div class="cp_detail">';
  1314. tag += ' <p class="tit">'+item.cpnNm+'</p>';
  1315. if (item.dcWay == '%') {
  1316. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>%</strong>';
  1317. }else{
  1318. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>원</strong>';
  1319. }
  1320. tag += ' <p class="cp_cont">'+item.useCondition+'</p>';
  1321. tag += ' <span class="cp_cnt"><span>'+item.cpnCnt.addComma()+'</span>장 보유</span>';
  1322. tag += ' </div>';
  1323. tag += ' <span class="cp_shape"></span>';
  1324. tag += ' </div>';
  1325. tag += ' <div class="cp_date">';
  1326. tag += ' <span>'+item.availStdt+'</span> ~ <span>'+item.availEddt+'</span>';
  1327. tag += ' </div>';
  1328. tag += ' <div class="cp_info">';
  1329. tag += ' <button type="button" class="coupon_pop_btn" onclick="useInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
  1330. tag += ' </div>';
  1331. tag += ' </li>';
  1332. });
  1333. tag += '<ul>';
  1334. } else {
  1335. tag += '<div class="no_item">';
  1336. tag += '보유한 쿠폰이 없습니다.';
  1337. tag += '</div>';
  1338. }
  1339. $('#ownCoupon').html(tag);
  1340. }
  1341. });
  1342. }
  1343. var doubleSubmitFlag = false;
  1344. /* function doubleSubmitCheck(){
  1345. if(doubleSubmitFlag){
  1346. return doubleSubmitFlag;
  1347. }else{
  1348. doubleSubmitFlag = true;
  1349. return false;
  1350. }
  1351. } */
  1352. //쿠폰 다운로드
  1353. var fnQuickCouponDown = function(obj){
  1354. if (!cfCheckLogin()) {
  1355. cfnGoToPage(_PAGE_LOGIN);
  1356. return false;
  1357. }
  1358. if (doubleSubmitFlag){
  1359. mcxDialog.alert("다운로드 중입니다.");
  1360. return false;
  1361. }
  1362. doubleSubmitFlag = true;
  1363. let cpnId = obj;
  1364. gagajf.ajaxJsonSubmit('/mypage/quick/coupon/download', JSON.stringify({cpnId: cpnId}), fnQuickCouponCallBack);
  1365. }
  1366. // 쿠폰다운로드 콜백
  1367. var fnQuickCouponCallBack = function(result){
  1368. doubleSubmitFlag = false;
  1369. if (result.status == "200"){
  1370. $.each(result.couponList, function (idx, item) {
  1371. if (Number(item.custPubLimitQty) > 0){
  1372. if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
  1373. $('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
  1374. $('#coupon_'+ item.cpnId).attr('disabled', true);
  1375. }
  1376. }
  1377. });
  1378. }
  1379. }
  1380. // 소유한 쿠폰 사용안내 모달
  1381. var useInfoCoupon = function (id) {
  1382. var data = {cpnId : id};
  1383. var jsonData = JSON.stringify(data);
  1384. $.ajax( {
  1385. type : "POST",
  1386. url : '/mypage/coupon/detailPop',
  1387. data : jsonData,
  1388. contentType: 'application/json',
  1389. dataType : 'html',
  1390. success : function(result) {
  1391. if (result != null) {
  1392. $("#couponInfoPop").html(result);
  1393. $("#couponInfoPop").modal("show");
  1394. }
  1395. }
  1396. });
  1397. return false;
  1398. }
  1399. // 팝업
  1400. let fnGetPopup = function(){
  1401. let data = {viewPage : [[${viewPage}]]
  1402. ,cateNo : [[${popupCateNo}]]
  1403. ,brandCd : [[${popupBrandCd}]]
  1404. ,planSq : [[${popupPlanSq}]]
  1405. ,preview : [[${preview}]]
  1406. ,viewDt : [[${viewDt}]]
  1407. };
  1408. $.getJSON('/display/popup/list', data, function(result, status) {
  1409. if (status === 'success') {
  1410. if(result.dataList.length>0){
  1411. let popupYn = "N";
  1412. let popupSq = "";
  1413. let tag = '';
  1414. tag += '<div id="layer_popup" class="popup_main_notice">\n';
  1415. tag += ' <div class="popup_content">\n';
  1416. tag += ' <div class="popup_body">\n';
  1417. tag += ' <div class="swiper-container">\n';
  1418. tag += ' <div class="swiper-wrapper">\n';
  1419. $.each(result.dataList, function(idx, item) {
  1420. if(document.cookie.match('(^|;)?style_popup_'+item.popupSq+'=([^;]*)(;|$)')==null) {
  1421. tag += ' <div class="swiper-slide">\n';
  1422. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  1423. let linkTarget = "";
  1424. if ("N" == item.linkTarget){
  1425. linkTarget = "target=\"_blank\"";
  1426. }
  1427. tag += ' <a href="'+ item.linkUrl1 +'" '+linkTarget+' >\n';
  1428. }
  1429. tag += ' <img src="'+ _imgUrl+'/'+item.imgUrl1+'" width="100%" alt="">\n';
  1430. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  1431. tag += ' </a>\n';
  1432. }
  1433. tag += ' </div>\n';
  1434. popupYn = "Y";
  1435. popupSq += item.popupSq +"|";
  1436. }
  1437. });
  1438. tag += ' </div>\n';
  1439. tag += ' <div class="swiper-button-prev"></div>\n';
  1440. tag += ' <div class="swiper-button-next"></div>\n';
  1441. tag += ' </div>\n';
  1442. tag += ' </div>\n';
  1443. tag += ' <div class="popup_footer">\n';
  1444. tag += ' <a href="javascript:void(0);" onclick="fnLayerPopupUnexpDaysClose(\''+popupSq+'\',1);" class="btn_underline"> 하루 보지 않기</a>\n';
  1445. tag += ' <a href="javascript:void(0);" id="btnPopupClose" onclick="fnLayerPopupClose();" class="btn_popup_close">닫기</a>\n';
  1446. tag += ' </div>\n';
  1447. tag += ' </div>\n';
  1448. tag += '</div>\n';
  1449. if (popupYn == "Y"){
  1450. if ($('#layer_popup').length === 0) {
  1451. $('body').append(tag);
  1452. }
  1453. }
  1454. /* 메인 공지 팝업 갯수체크 210430_수정 */
  1455. var popNoticeCont = $('.popup_main_notice .swiper-slide');
  1456. var popNoticeLength = popNoticeCont.length;
  1457. if (popNoticeLength < 4) {
  1458. popNoticeCont.parents('.popup_body').addClass('onlyNotice');
  1459. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  1460. loop: false,
  1461. watchOverflow: true, //loop와 함께 사용 불가.
  1462. slidesPerView:'auto',
  1463. spaceBetween: 0,
  1464. speed:200,
  1465. autoplay: {
  1466. delay: 3000,
  1467. disableOnInteraction: false,
  1468. },
  1469. navigation: {
  1470. nextEl: '.popup_main_notice .swiper-button-next',
  1471. prevEl: '.popup_main_notice .swiper-button-prev',
  1472. },
  1473. });
  1474. } else {
  1475. popNoticeCont.parents('.popup_body').removeClass('onlyNotice');
  1476. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  1477. loop: true,
  1478. slidesPerView:'auto',
  1479. spaceBetween: 0,
  1480. speed:200,
  1481. autoplay: {
  1482. delay: 3000,
  1483. disableOnInteraction: false,
  1484. },
  1485. navigation: {
  1486. nextEl: '.popup_main_notice .swiper-button-next',
  1487. prevEl: '.popup_main_notice .swiper-button-prev',
  1488. },
  1489. });
  1490. }
  1491. }
  1492. }
  1493. });
  1494. }
  1495. let fnLayerPopupUnexpDaysClose = function(seq, unexpDays){
  1496. let arrSeq = seq.split("|");
  1497. if (arrSeq.length > 0){
  1498. let todayDate = new Date();
  1499. //todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
  1500. todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000); // 당일 자정처리
  1501. todayDate.setDate(todayDate.getDate() + unexpDays);
  1502. $.each(arrSeq, function (idx, item) {
  1503. if (!gagajf.isNull(item)){
  1504. document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";
  1505. }
  1506. });
  1507. }
  1508. fnLayerPopupClose();
  1509. }
  1510. // 창 닫기
  1511. let fnLayerPopupClose = function(){
  1512. //$('#layer_popup').hide();
  1513. $('#layer_popup').remove();
  1514. }
  1515. $(document).ready( function() {
  1516. /*
  1517. // 퀵메뉴탭 조회
  1518. fnCreateQuickMenuTab();
  1519. // 패미리사이트 조회
  1520. fnGetFamilySite();
  1521. // 최근본상품 조회
  1522. fnGetRecentlyGoods();
  1523. // 장바구니 조회
  1524. fnGetCartGoodsList();
  1525. // 위시리스트
  1526. fnGetWishList();
  1527. // 팝업조회
  1528. fnGetPopup();
  1529. // 쿠폰조회
  1530. $("#issueCouponBtn").trigger("click");
  1531. // Family Site
  1532. $('.family_link').on('click','.btn',function(e){
  1533. e.preventDefault();
  1534. $(this).parents('.family_link').find('#family_site').slideToggle(100);
  1535. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1536. });
  1537. //퀵메뉴
  1538. var tabAnchor = $('.quick_btn button'),
  1539. tabPanel = $('#quick_menu .quick_con');
  1540. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1541. e.preventDefault();
  1542. $('body').addClass('lock');
  1543. $('#quick_menu').addClass('active');
  1544. tabAnchor.removeClass('active');
  1545. $(this).addClass('active');
  1546. var NewLink = $(this).attr('data-tab');
  1547. tabPanel.hide();
  1548. $('.' + NewLink).show();
  1549. });
  1550. //퀵메뉴_쿠폰
  1551. var couponAnchor = $('.coupon_tab a'),
  1552. couponPanel = $('.coupon_area');
  1553. $(document).on('click','.coupon_tab a',function(e){
  1554. e.preventDefault();
  1555. couponAnchor.removeClass('active');
  1556. $(this).addClass('active');
  1557. var NewLink = $(this).attr('href');
  1558. couponPanel.hide();
  1559. $(NewLink).show();
  1560. });
  1561. couponAnchor.eq(0).trigger('click');
  1562. //퀵메뉴 닫을 때
  1563. $(document).on('click','#quick_menu .quick_close_btn',function(e){
  1564. e.preventDefault();
  1565. $('body').removeClass('lock');
  1566. $('#quick_menu').removeClass('active');
  1567. $('#quick_menu .quick_con').hide();
  1568. });
  1569. //퀵메뉴 카테고리 메뉴 클릭시
  1570. $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
  1571. $(this).toggleClass('active');
  1572. $(this).find('> ul').slideToggle(300);
  1573. $(this).siblings('li').find('> ul').slideUp(300);
  1574. $(this).siblings('li').removeClass('active');
  1575. });
  1576. //퀵메뉴 탑버튼 클릭 시
  1577. $(document).on('click','#top_btn',function(e){
  1578. $('body,html').animate({scrollTop:0});
  1579. });
  1580. //퀵메뉴_쿠폰 사용안내 팝업
  1581. $(".coupon_pop_btn").click(function() {
  1582. $(".coupon_popup").modal("show");
  1583. });
  1584. // 메인 공지 팝업 닫기
  1585. $(document).on('click','#btnPopupClose',function(e){
  1586. $('#popupMainNotice').hide();
  1587. return false;
  1588. });
  1589. */
  1590. });
  1591. //퀵메뉴탭 조회
  1592. var tabAnchor = $('.quick_btn button'),
  1593. tabPanel = $('#quick_menu .quick_con');
  1594. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1595. e.preventDefault();
  1596. $('body').addClass('lock');
  1597. $('#quick_menu').addClass('active');
  1598. tabAnchor.removeClass('active');
  1599. $(this).addClass('active');
  1600. var NewLink = $(this).attr('data-tab');
  1601. tabPanel.hide();
  1602. $('.' + NewLink).show();
  1603. });
  1604. //Family Site
  1605. $('.family_link').on('click','.btn',function(e){
  1606. e.preventDefault();
  1607. $(this).parents('.family_link').find('#family_site').slideToggle(100);
  1608. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1609. });
  1610. var tabAnchor = $('.quick_btn button'),
  1611. tabPanel = $('#quick_menu .quick_con');
  1612. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1613. e.preventDefault();
  1614. $('body').addClass('lock');
  1615. $('#quick_menu').addClass('active');
  1616. tabAnchor.removeClass('active');
  1617. $(this).addClass('active');
  1618. var NewLink = $(this).attr('data-tab');
  1619. tabPanel.hide();
  1620. $('.' + NewLink).show();
  1621. });
  1622. //퀵메뉴_쿠폰
  1623. var couponAnchor = $('.coupon_tab a'),
  1624. couponPanel = $('.coupon_area');
  1625. $(document).on('click','.coupon_tab a',function(e){
  1626. e.preventDefault();
  1627. couponAnchor.removeClass('active');
  1628. $(this).addClass('active');
  1629. var NewLink = $(this).attr('href');
  1630. couponPanel.hide();
  1631. $(NewLink).show();
  1632. });
  1633. //퀵메뉴 닫을 때
  1634. $(document).on('click','#quick_menu .quick_close_btn',function(e){
  1635. e.preventDefault();
  1636. $('body').removeClass('lock');
  1637. $('#quick_menu').removeClass('active');
  1638. $('#quick_menu .quick_con').hide();
  1639. });
  1640. //퀵메뉴 카테고리 메뉴 클릭시
  1641. $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
  1642. $(this).toggleClass('active');
  1643. $(this).find('> ul').slideToggle(300);
  1644. $(this).siblings('li').find('> ul').slideUp(300);
  1645. $(this).siblings('li').removeClass('active');
  1646. });
  1647. //퀵메뉴 탑버튼 클릭 시
  1648. $(document).on('click','#top_btn',function(e){
  1649. $('body,html').animate({scrollTop:0});
  1650. });
  1651. //퀵메뉴_쿠폰 사용안내 팝업
  1652. $(".coupon_pop_btn").click(function() {
  1653. $(".coupon_popup").modal("show");
  1654. });
  1655. // 메인 공지 팝업 닫기
  1656. $(document).on('click','#btnPopupClose',function(e){
  1657. $('#popupMainNotice').hide();
  1658. return false;
  1659. });
  1660. //퀵메뉴
  1661. $('#ulQuickMenuCate').load('FooterWeb.html', function() {
  1662. fnCreateQuickMenuTab();
  1663. });
  1664. //Family Site load 후
  1665. $('#family_site').load('FooterWeb.html', function() {
  1666. fnGetFamilySite();
  1667. });
  1668. //최근본상품 조회
  1669. $('#quickMenuTodayGoods').load('FooterWeb.html', function() {
  1670. fnGetRecentlyGoods();
  1671. });
  1672. // 장바구니 조회
  1673. $('#quick_menu .shopingbag.quick_con.quick02 .quick_body').load('FooterWeb.html', function() {
  1674. fnGetCartGoodsList();
  1675. });
  1676. // 위시리스트
  1677. $('#quickMenuWishList').load('FooterWeb.html', function() {
  1678. fnGetWishList();
  1679. });
  1680. // 팝업조회
  1681. //$('#layer_popup').load('footer.html', function() {
  1682. fnGetPopup();
  1683. //});
  1684. // 쿠폰조회
  1685. $('#issueCoupon').load('FooterWeb.html', function() {
  1686. //$("#issueCouponBtn").trigger("click");
  1687. couponAnchor.eq(0).trigger('click');
  1688. });
  1689. //$("#issueCouponBtn").trigger("click");
  1690. //couponAnchor.eq(0).trigger('click');
  1691. /*]]>*/
  1692. </script>
  1693. <script th:inline="javascript">
  1694. /*<![CDATA[*/
  1695. var element_layer = document.getElementById('zipcode_layer');
  1696. var cfnGetDaumRoadAddr = function(data) {
  1697. // 팝업에서 검색결과 항목을 클릭했을 때 실행할 코드를 작성하는 부분입니다.
  1698. // 예제를 참고하여 다양한 활용법을 확인해 보세요.
  1699. // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분
  1700. // 도로명 주소의 노출 규칙에 따라 주소를 조합한다.
  1701. // 내려오는 변수가 값이 없는 경우엔 공백('') 값을 가지므로, 이를 참고하여 분기한다.
  1702. let fullRoadAddr = data.roadAddress; // 도로명 주소 변수
  1703. let extraRoadAddr = ''; // 도로명 조합형 주소 변수
  1704. // 법정동명이 있을 경우 추가한다. (법정리는 제외)
  1705. // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
  1706. if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
  1707. extraRoadAddr += data.bname;
  1708. }
  1709. // 건물명이 있고, 공동주택일 경우 추가한다.
  1710. if (data.buildingName !== '' && data.apartment === 'Y') {
  1711. extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
  1712. }
  1713. // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
  1714. if (extraRoadAddr !== '') {
  1715. extraRoadAddr = ' (' + extraRoadAddr + ')';
  1716. }
  1717. // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
  1718. if (fullRoadAddr !== '') {
  1719. fullRoadAddr += extraRoadAddr;
  1720. }
  1721. return fullRoadAddr;
  1722. }
  1723. var cfnOpenDaumAddr = function(daumZip) {
  1724. // 다은우편번호팝업 노출
  1725. $("#daumZipcodePop").show();
  1726. if ($('html').hasClass('is-ie')) {
  1727. daumZip.open();
  1728. } else {
  1729. daumZip.embed(element_layer);
  1730. // iframe을 넣은 element를 보이게 한다.
  1731. element_layer.style.display = 'block';
  1732. // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
  1733. cfnInitLayerPosition();
  1734. }
  1735. }
  1736. var cfnCloseDaumAddr = function() {
  1737. // iframe을 넣은 element를 안보이게 한다.
  1738. element_layer.style.display = 'none';
  1739. // 다음우편번호팝업 닫기
  1740. $("#daumZipcodePop").hide();
  1741. }
  1742. // 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
  1743. // resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
  1744. // 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
  1745. var cfnInitLayerPosition = function() {
  1746. //let width = 420; //우편번호서비스가 들어갈 element의 width
  1747. //let height = 502; //우편번호서비스가 들어갈 element의 height
  1748. let borderWidth = 1; //샘플에서 사용하는 border의 두께
  1749. // 위에서 선언한 값들을 실제 element에 넣는다.
  1750. //element_layer.style.width = width + 'px';
  1751. //element_layer.style.height = height + 'px';
  1752. element_layer.style.border = borderWidth + 'px solid';
  1753. // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
  1754. /*
  1755. element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width) / 2 - borderWidth) + 'px';
  1756. element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height) / 2 - borderWidth) + 'px';
  1757. */
  1758. // 다음 레이어 적용
  1759. $("#__daum__layer_1").css("z-index", 3000);
  1760. }
  1761. // 다음우편번호팝업 닫기
  1762. $("#daumZipcodePop_close").on("click", function(){
  1763. $("#daumZipcodePop").hide();
  1764. });
  1765. /* 210427_수정 : err 이미지 스크립트 */
  1766. function noneImg(noneSrc){
  1767. $(noneSrc).parents('.itemPic').css({'background':'url(/images/pc/thumb/bg_item_none.png)'});
  1768. $(noneSrc).css({'opacity':'0'});
  1769. //$(noneSrc).attr("src", no_src);
  1770. }
  1771. /*]]>*/
  1772. </script>
  1773. <!-- 네이버페이 유입 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 -->
  1774. <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
  1775. <script type="text/javascript">
  1776. if (!wcs_add) var wcs_add={};
  1777. wcs_add["wa"] = "${@environment.getProperty('naverPay.common.certification.key')}";
  1778. if (!_nasa) var _nasa={};
  1779. if(window.wcs){
  1780. wcs.inflow("style24.com");
  1781. wcs_do(_nasa);
  1782. }
  1783. </script>
  1784. </footer>
  1785. </html>