FooterWeb.html 63 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615
  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:fnGoToGoodsDetail(\"" + 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.brandEnm + ' ' + info.brandKnm + '</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. if (result.length > 0) {
  1125. let tag = '<div class="product_count"><span class="c_primary" id="quickMenuWishListCount">'+result.length+'</span>개의 상품</div>\n';
  1126. tag += ' <div class="itemsGrp">\n';
  1127. $.each(result, function (idx, item) {
  1128. tag += ' <div class="item_prod">';
  1129. tag += ' <div class="item_state">';
  1130. if (item.stockQty>0 && item.stockQty<=5) {
  1131. tag += ' <div class="shape"><span>곧 품절돼요!</span></div>';
  1132. }
  1133. if (item.stockQty<=0) {
  1134. tag += ' <div class="shape"><span>품절</span></div>';
  1135. }
  1136. tag += ' <button type="button" class="itemLike active" goodsCd="'+item.goodsCd+'" onclick="fnWishDelete(this);">관심상품 추가</button>';
  1137. tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">';
  1138. tag += ' <div class="itemPic">';
  1139. tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>';
  1140. tag += ' </div>';
  1141. tag += ' </a>';
  1142. tag += ' <div class="hover_con">';
  1143. if (item.stockQty>0) {
  1144. 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>';
  1145. }
  1146. tag += ' </div>';
  1147. tag += ' </div>';
  1148. tag += ' </div> ';
  1149. tag += ' <div class="no_item">';
  1150. tag += ' 최근 본 상품이 없습니다.';
  1151. tag += ' </div>';
  1152. });
  1153. tag += ' </div>\n';
  1154. $('#quickMenuWishList').html(tag);
  1155. } else {
  1156. $('#quickMenuWishList').addClass('nodata');
  1157. }
  1158. }
  1159. });
  1160. }
  1161. // 위시리스트 해제
  1162. let fnWishDelete = function(obj) {
  1163. cfnPutWishList(obj);
  1164. fnGetWishList();
  1165. }
  1166. var wishCardAdd = function (obj) {
  1167. let btnType = "C";
  1168. let params = [];
  1169. let cart = new Object();
  1170. cart.goodsCd = $(obj).attr("goodsCd");
  1171. cart.optCd = $(obj).attr("optCd");
  1172. cart.goodsQty = $(obj).attr("minOrdQty");
  1173. cart.goodsType = $(obj).attr("goodsType");
  1174. cart.cartGb = btnType;
  1175. cart.afLinkCd = $(obj).attr("afLinkCd");
  1176. cart.ithrCd = $(obj).attr("ithrCd");
  1177. //cart.contentsLoc = $(obj).attr("contentsLoc");
  1178. cart.contentsLoc = '';
  1179. cart.planDtlSq = '';
  1180. params.push(cart);
  1181. // 장바구니담기
  1182. if (params.length > 0){
  1183. cfnAddCart(params);
  1184. }
  1185. }
  1186. // 쿠폰리스트
  1187. let issueCouponBtn = function() {
  1188. if (!cfCheckLogin()) {
  1189. $('#couponList').addClass('need_login');
  1190. return false;
  1191. }else{
  1192. }
  1193. }
  1194. // 보유 쿠폰 클릭 시
  1195. let ownCouponBtn = function() {
  1196. $.getJSON('/mypage/quick/own/coupon/list'
  1197. , function(result, status) {
  1198. if (status == 'success') {
  1199. if (result.length > 0) {
  1200. let tag = '';
  1201. tag += '<ul class="clear">';
  1202. $.each(result, function (idx, item) {
  1203. tag += ' <li>';
  1204. tag += ' <div class="cp_top">';
  1205. tag += ' <div class="cp_detail">';
  1206. tag += ' <p class="tit">'+item.cpnNm+'</p>';
  1207. if (item.dcWay == '%') {
  1208. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>%</strong>';
  1209. }else{
  1210. tag += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>원</strong>';
  1211. }
  1212. tag += ' <p class="cp_cont">'+item.useCondition+'</p>';
  1213. tag += ' <span class="cp_cnt"><span>'+item.cpnCnt+'</span>장 보유</span>';
  1214. tag += ' </div>';
  1215. tag += ' <span class="cp_shape"></span>';
  1216. tag += ' </div>';
  1217. tag += ' <div class="cp_date">';
  1218. tag += ' <span>'+item.availStdt+'</span> ~ <span>'+item.availEddt+'</span>';
  1219. tag += ' </div>';
  1220. tag += ' <div class="cp_info">';
  1221. tag += ' <button type="button" class="coupon_pop_btn" onclick="useInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
  1222. tag += ' </div>';
  1223. tag += ' </li>';
  1224. });
  1225. tag += '<ul>';
  1226. $('#ownCoupon').html(tag);
  1227. } else {
  1228. $('#ownCoupon').addClass('nodata');
  1229. }
  1230. }
  1231. });
  1232. }
  1233. // 소유한 쿠폰 사용안내 모달
  1234. var useInfoCoupon = function (id) {
  1235. var data = {cpnId : id};
  1236. var jsonData = JSON.stringify(data);
  1237. $.ajax( {
  1238. type : "POST",
  1239. url : '/mypage/coupon/detailPop',
  1240. data : jsonData,
  1241. contentType: 'application/json',
  1242. dataType : 'html',
  1243. success : function(result) {
  1244. if (result != null) {
  1245. $("#couponInfoPop").html(result);
  1246. $("#couponInfoPop").modal("show");
  1247. }
  1248. }
  1249. });
  1250. return false;
  1251. }
  1252. // 팝업
  1253. let fnGetPopup = function(){
  1254. let data = {viewPage : [[${viewPage}]]
  1255. ,cateNo : [[${popupCateNo}]]
  1256. ,planSq : [[${popupPlanSq}]]
  1257. ,preview : [[${preview}]]
  1258. ,viewDt : [[${viewDt}]]
  1259. };
  1260. $.getJSON('/display/popup/list', data, function(result, status) {
  1261. if (status === 'success') {
  1262. if(result.length>0){
  1263. let popupYn = "N";
  1264. let popupSq = "";
  1265. let tag = '';
  1266. tag += '<div id="layer_popup" class="popup_main_notice">\n';
  1267. tag += ' <div class="popup_content">\n';
  1268. tag += ' <div class="popup_body">\n';
  1269. tag += ' <div class="swiper-container">\n';
  1270. tag += ' <div class="swiper-wrapper">\n';
  1271. $.each(result, function(idx, item) {
  1272. if(document.cookie.match('(^|;)?style_popup_'+item.popupSq+'=([^;]*)(;|$)')==null) {
  1273. tag += ' <div class="swiper-slide">\n';
  1274. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  1275. tag += ' <a href="'+ item.linkUrl1 +'" target="_blank">\n';
  1276. }
  1277. tag += ' <img src="'+ _imgUrl+'/'+item.imgUrl1+'" width="100%" alt="">\n';
  1278. if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
  1279. tag += ' </a>\n';
  1280. }
  1281. tag += ' </div>\n';
  1282. popupYn = "Y";
  1283. popupSq += item.popupSq +"|";
  1284. }
  1285. });
  1286. tag += ' </div>\n';
  1287. tag += ' <div class="swiper-button-prev"></div>\n';
  1288. tag += ' <div class="swiper-button-next"></div>\n';
  1289. tag += ' </div>\n';
  1290. tag += ' </div>\n';
  1291. tag += ' <div class="popup_footer">\n';
  1292. tag += ' <a href="javascript:void(0);" onclick="fnLayerPopupUnexpDaysClose(\''+popupSq+'\',1);" class="btn_underline"> 하루 보지 않기</a>\n';
  1293. tag += ' <a href="javascript:void(0);" id="btnPopupClose" onclick="fnLayerPopupClose();" class="btn_popup_close">닫기</a>\n';
  1294. tag += ' </div>\n';
  1295. tag += ' </div>\n';
  1296. tag += '</div>\n';
  1297. if (popupYn == "Y"){
  1298. if ($('#layer_popup').length === 0) {
  1299. $('body').append(tag);
  1300. }
  1301. }
  1302. /* SLIDE - 메인 공지 팝업 */
  1303. var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
  1304. loop: false,
  1305. slidesPerView:'auto',
  1306. spaceBetween: 0,
  1307. speed:200,
  1308. autoplay: false,
  1309. navigation: {
  1310. nextEl: '.popup_main_notice .swiper-button-next',
  1311. prevEl: '.popup_main_notice .swiper-button-prev',
  1312. },
  1313. });
  1314. /* 메인 공지 팝업 갯수체크 */
  1315. var popNoticeCont = $('.popup_main_notice .swiper-slide');
  1316. var popNoticeLength = popNoticeCont.length;
  1317. if (popNoticeLength == 1) {
  1318. popNoticeCont.parents('.popup_body').addClass('onlyNotice');
  1319. } else {
  1320. popNoticeCont.parents('.popup_body').removeClass('onlyNotice');
  1321. }
  1322. }
  1323. }
  1324. });
  1325. }
  1326. let fnLayerPopupUnexpDaysClose = function(seq, unexpDays){
  1327. let arrSeq = seq.split("|");
  1328. if (arrSeq.length > 0){
  1329. let todayDate = new Date();
  1330. //todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
  1331. todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000); // 당일 자정처리
  1332. todayDate.setDate(todayDate.getDate() + unexpDays);
  1333. $.each(arrSeq, function (idx, item) {
  1334. if (!gagajf.isNull(item)){
  1335. document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";
  1336. }
  1337. });
  1338. }
  1339. fnLayerPopupClose();
  1340. }
  1341. // 창 닫기
  1342. let fnLayerPopupClose = function(){
  1343. //$('#layer_popup').hide();
  1344. $('#layer_popup').remove();
  1345. }
  1346. $(document).ready( function() {
  1347. // 퀵메뉴탭 조회
  1348. fnCreateQuickMenuTab();
  1349. // 패미리사이트 조회
  1350. fnGetFamilySite();
  1351. // 최근본상품 조회
  1352. fnGetRecentlyGoods();
  1353. // 장바구니 조회
  1354. fnGetCartGoodsList();
  1355. // 위시리스트
  1356. fnGetWishList();
  1357. // 팝업조회
  1358. fnGetPopup();
  1359. // 쿠폰조회
  1360. $("#issueCouponBtn").trigger("click");
  1361. // Family Site
  1362. $('.family_link').on('click','.btn',function(e){
  1363. e.preventDefault();
  1364. $(this).parents('.family_link').find('#family_site').slideToggle(100);
  1365. $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
  1366. });
  1367. //퀵메뉴
  1368. var tabAnchor = $('.quick_btn button'),
  1369. tabPanel = $('#quick_menu .quick_con');
  1370. $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
  1371. e.preventDefault();
  1372. $('body').addClass('lock');
  1373. $('#quick_menu').addClass('active');
  1374. tabAnchor.removeClass('active');
  1375. $(this).addClass('active');
  1376. var NewLink = $(this).attr('data-tab');
  1377. tabPanel.hide();
  1378. $('.' + NewLink).show();
  1379. });
  1380. //퀵메뉴_쿠폰
  1381. var couponAnchor = $('.coupon_tab a'),
  1382. couponPanel = $('.coupon_area');
  1383. $(document).on('click','.coupon_tab a',function(e){
  1384. e.preventDefault();
  1385. couponAnchor.removeClass('active');
  1386. $(this).addClass('active');
  1387. var NewLink = $(this).attr('href');
  1388. couponPanel.hide();
  1389. $(NewLink).show();
  1390. });
  1391. couponAnchor.eq(0).trigger('click');
  1392. //퀵메뉴 닫을 때
  1393. $(document).on('click','#quick_menu .quick_close_btn',function(e){
  1394. e.preventDefault();
  1395. $('body').removeClass('lock');
  1396. $('#quick_menu').removeClass('active');
  1397. $('#quick_menu .quick_con').hide();
  1398. });
  1399. //퀵메뉴 카테고리 메뉴 클릭시
  1400. $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
  1401. $(this).toggleClass('active');
  1402. $(this).find('> ul').slideToggle(300);
  1403. $(this).siblings('li').find('> ul').slideUp(300);
  1404. $(this).siblings('li').removeClass('active');
  1405. });
  1406. //퀵메뉴 탑버튼 클릭 시
  1407. $(document).on('click','#top_btn',function(e){
  1408. $('body,html').animate({scrollTop:0});
  1409. });
  1410. //퀵메뉴_쿠폰 사용안내 팝업
  1411. $(".coupon_pop_btn").click(function() {
  1412. $(".coupon_popup").modal("show");
  1413. });
  1414. /* 메인 공지 팝업 닫기 */
  1415. $(document).on('click','#btnPopupClose',function(e){
  1416. $('#popupMainNotice').hide();
  1417. return false;
  1418. });
  1419. });
  1420. /*]]>*/
  1421. </script>
  1422. <script th:inline="javascript">
  1423. /*<![CDATA[*/
  1424. var element_layer = document.getElementById('zipcode_layer');
  1425. var cfnGetDaumRoadAddr = function(data) {
  1426. // 팝업에서 검색결과 항목을 클릭했을 때 실행할 코드를 작성하는 부분입니다.
  1427. // 예제를 참고하여 다양한 활용법을 확인해 보세요.
  1428. // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분
  1429. // 도로명 주소의 노출 규칙에 따라 주소를 조합한다.
  1430. // 내려오는 변수가 값이 없는 경우엔 공백('') 값을 가지므로, 이를 참고하여 분기한다.
  1431. let fullRoadAddr = data.roadAddress; // 도로명 주소 변수
  1432. let extraRoadAddr = ''; // 도로명 조합형 주소 변수
  1433. // 법정동명이 있을 경우 추가한다. (법정리는 제외)
  1434. // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
  1435. if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
  1436. extraRoadAddr += data.bname;
  1437. }
  1438. // 건물명이 있고, 공동주택일 경우 추가한다.
  1439. if (data.buildingName !== '' && data.apartment === 'Y') {
  1440. extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
  1441. }
  1442. // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
  1443. if (extraRoadAddr !== '') {
  1444. extraRoadAddr = ' (' + extraRoadAddr + ')';
  1445. }
  1446. // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
  1447. if (fullRoadAddr !== '') {
  1448. fullRoadAddr += extraRoadAddr;
  1449. }
  1450. return fullRoadAddr;
  1451. }
  1452. var cfnOpenDaumAddr = function(daumZip) {
  1453. // 다은우편번호팝업 노출
  1454. $("#daumZipcodePop").show();
  1455. if ($('html').hasClass('is-ie')) {
  1456. daumZip.open();
  1457. } else {
  1458. daumZip.embed(element_layer);
  1459. // iframe을 넣은 element를 보이게 한다.
  1460. element_layer.style.display = 'block';
  1461. // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
  1462. cfnInitLayerPosition();
  1463. }
  1464. }
  1465. var cfnCloseDaumAddr = function() {
  1466. // iframe을 넣은 element를 안보이게 한다.
  1467. element_layer.style.display = 'none';
  1468. // 다음우편번호팝업 닫기
  1469. $("#daumZipcodePop").hide();
  1470. }
  1471. // 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
  1472. // resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
  1473. // 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
  1474. var cfnInitLayerPosition = function() {
  1475. //let width = 420; //우편번호서비스가 들어갈 element의 width
  1476. //let height = 502; //우편번호서비스가 들어갈 element의 height
  1477. let borderWidth = 1; //샘플에서 사용하는 border의 두께
  1478. // 위에서 선언한 값들을 실제 element에 넣는다.
  1479. //element_layer.style.width = width + 'px';
  1480. //element_layer.style.height = height + 'px';
  1481. element_layer.style.border = borderWidth + 'px solid';
  1482. // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
  1483. /*
  1484. element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width) / 2 - borderWidth) + 'px';
  1485. element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height) / 2 - borderWidth) + 'px';
  1486. */
  1487. // 다음 레이어 적용
  1488. $("#__daum__layer_1").css("z-index", 3000);
  1489. }
  1490. // 다음우편번호팝업 닫기
  1491. $("#daumZipcodePop_close").on("click", function(){
  1492. $("#daumZipcodePop").hide();
  1493. });
  1494. /*]]>*/
  1495. </script>
  1496. </footer>
  1497. </html>