| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706 |
- <!DOCTYPE html>
- <html lang="ko"
- xmlns:th="http://www.thymeleaf.org">
- <footer id="footer" th:fragment="footer">
- <!-- footer start -->
- <div class="common_footer">
- <div class="service_support">
- <h2>
- <i class="ico ico_logo_ft"></i>
- <em class="sr-only">STYLE24</em>
- </h2>
- <ul class="support_txt">
- <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_USE_TERMS);"><span>이용약관</span></a></li>
- <li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PRIVACY_POLICY);"><strong>개인정보취급방침</strong></a></li>
- <li><a href="#partnersPop" rel="modal:open" return false;><span>제휴/입점문의</span></a></li>
- <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>
- </ul>
- <div class="family_link">
- <h2><a href="" class="btn ui_toggle" data-font="lato">FAMILY SITE<i class="ico ico_ft_arrow_b"></i></a></h2>
- <dl id="family_site" class="">
- <dt class="no_tit"><span class="blind">그룹없음</span></dt>
- <dd><a class="clickable" href="http://www.hansaeyes24.com" target="_blank" title="새창 열림">한세예스24홀딩스</a></dd>
- <dd><a class="clickable" href="https://www.hansae.com" target="_blank" title="새창 열림">한세실업</a></dd>
- <dd><a class="clickable" href="http://www.hansaedreams.co.kr" target="_blank" title="새창 열림">한세드림</a></dd>
- <dd><a class="clickable" href="https://www.curlysue.co.kr" target="_blank" title="새창 열림">컬리수</a></dd>
- <dd><a class="clickable" href="http://www.yes24.com/main/default.aspx" target="_blank" title="새창 열림">예스24</a></dd>
- <dd><a class="clickable" href="https://www.yes24.vn" target="_blank" title="새창 열림">YES24 Vietnam</a></dd>
- <dd><a class="clickable" href="http://www.yes24.co.id" target="_blank" title="새창 열림">YES24 Indonesia</a></dd>
- <dd><a class="clickable" href="http://www.bookdonga.com/main.donga" target="_blank" title="새창 열림">동아출판</a></dd>
- <!-- 그룹 구분 할 경우,
- <dt><span class="txt">그룹1</span></dt>
- <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵1</a></dd>
- <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵2</a></dd>
- <dd><a class="clickable" href="" target="_blank" title="새창 열림">그룹1의사이트맵3</a></dd>
- -->
- </dl>
- </div>
- <div class="connect">
- <div class="cs_box">
- <p>
- <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>
- <span class="time mb20">평일 <span data-font="lato"> 09:00 ~ 18:00</span> <br> (토/일공휴일 휴무)</span><br>
- <span class="tel mb10" data-font="lato">1544-5336</span><br>
- <span class="fax mb10" data-font="lato">F.02-780-0435</span><br>
- <span class="mail mb30" data-font="lato">Email : help@istyle24.com</span>
- </p>
- </div>
- <div class="sns_box clear">
- <a href="https://www.facebook.com/istyle24" class="fbook clickable fl mr5" target="_blank" title="새창 열림"><span class="sr-only">STYLE24 페이스북</span></a>
- <a href="https://instagram.com/istyle24.official?igshid=o3nzm9tydg9n" class="insta clickable fl" target="_blank" title="새창 열림"><span class="sr-only">STYLE24 인스타그램</span></a>
- </div>
- <div class="isms_box mt30">
- <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;">
- <p>정보보호관리체계<br>ISMS 인증획득</p>
- </a>
- </div>
- </div>
- </div>
- <div class="corporation_info">
- <div class="ft_cpinfo">
- <dl>
- <dt>아이스타일이십사 주식회사</dt>
- <dd>
- <div>
- <p>
- <span>대표이사 : 윤종선</span>
- <span>주소: 서울시 영등포구 은행로 <em data-font="lato">11</em>, <em data-font="lato">8</em>층 (여의도동, 일신빌딩)</span> <br>
- <span>사업자등록번호: <em data-font="lato">116-27-32499</em></span>
- <span>통신판매업 신고번호: 제<rm data-font="lato">2020</rm>-서울영등포-<rm data-font="lato">1432</rm></span>
- <span><a class="clickable" href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2298137000" target="_blank" title="새창 열림">사업자정보확인</a></span><br>
- <span>개인정보보호책임자 : 김명인</span>
- <span>호스팅 서비스사업자 : 아이스타일이십사(주)</span>
- </p>
- </div>
- </dd>
- </dl>
- </div>
- <div class="ft_cpinfo">
- <dl>
- <dt>소비자피해보상보험</dt>
- <dd>
- <div>
- <p>
- 고객님은 안전거래를 위해 현금 결제 시 저희 쇼핑몰이 가입한<br>
- 소비자피해보상보험 서비스를 이용하실 수 있습니다.
- <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>
- </p>
- </div>
- </dd>
- </dl>
- </div>
- </div>
- <div class="copyright">
- <p data-font="lato">
- COPYRIGHT©2020. STYLE24 ALL RIGHTS RESERVED.
- </p>
- </div>
- <div class="mobile_version" style="display:none" id="_moveToMobileVer">
- <a href="javascript:appBroswer('http://m.ssg.com','mo');" class="btn_def">모바일 버전으로 가기</a>
- </div>
- </div>
-
- <!-- 제휴및입점팝업 -->
- <div class="modal fade partners_pop" id="partnersPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">제휴 및 입점문의</h5>
- </div>
- <div class="modal-body">
- <p>
- 스타일이십사㈜ 제휴를 통해 함께 성장하고자 하는 기업 및 개인께서는 아래<br>
- 담당자에게 메일을 주세요. 작성된 내용은 각 담당부서에서 검토 후 정성껏 <br>
- 회신 드리겠습니다.
- </p>
- <section class="order_row">
- <div class="tbl point_tbl track_tbl type2">
- <table>
- <colgroup>
- <col width="140px">
- <col width="100px">
- <col width="240px">
- </colgroup>
- <thead>
- <tr>
- <th>구분</th>
- <th>담당자</th>
- <th>연락처</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>입점 문의</td>
- <td>석혜민</td>
- <td>hmsuk@yes24.com</td>
- </tr>
- <tr>
- <td>제휴 문의</td>
- <td>정석헌</td>
- <td>blacktan01@yes24.com</td>
- </tr>
- </tbody>
- </table>
- </div>
- </section>
- </div>
- </div>
- </div>
- </div>
-
- <!-- 퀵메뉴 -->
- <div id="quick_menu">
- <ul class="quick_btn">
- <li>
- <button type="button" id="quick01" class="quick_btn01" data-tab="quick01">
- <img src="/images/pc/ico_qk_history.png" alt="최근 본 상품"/>
- <span class="count"></span>
- </button>
- </li>
- <li>
- <button type="button" id="quick02" class="quick_btn02" data-tab="quick02">
- <img src="/images/pc/ico_qk_cart.png" alt="쇼핑백"/>
- <span class="count"></span>
- </button>
- </li>
- <li>
- <button type="button" id="quick03" class="quick_btn03" data-tab="quick03">
- <img src="/images/pc/ico_qk_like.png" alt="위시리스트"/>
- <span class="count">0</span>
- </button>
- </li>
- <li>
- <button type="button" id="quick04" class="quick_btn04" data-tab="quick04">
- <img src="/images/pc/ico_qk_coupon.png" alt="쿠폰"/>
- <span class="count">0</span>
- </button>
- </li>
- <li>
- <button type="button" id="" class="quick_btn05" data-tab="quick05">
- <img src="/images/pc/ico_qk_cate.png" alt="카테고리"/>
- </button>
- </li>
- <li>
- <button type="button" id="top_btn">
- <img src="/images/pc/ico_qk_top.png" alt="상단으로가기 버튼"/>
- </button>
- </li>
- </ul>
- <div class="tabs_con">
- <button type="button" class="quick_close_btn"><span class="sr-only">퀵메뉴 닫기</span></button>
- <div class="history quick_con quick01"> <!-- 퀵메뉴_최근 본 상품 -->
- <div class="quick_head">
- <h3>최근 본 상품</h3>
- </div>
- <div class="quick_body" id="quickMenuTodayGoods"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 -->
- <!-- <div class="product_count"><span class='c_primary'>30</span>개의 상품</div>
- <div class="itemsGrp">
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod2.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
- </div>
- </a>
- </div>
- </div>
- <div class="no_item">
- 최근 본 상품이 없습니다.
- </div> -->
- </div>
- </div>
- </div>
- <div class="shopingbag quick_con quick02"> <!-- 퀵메뉴_쇼핑백 -->
- <div class="quick_head">
- <h3><a href="">쇼핑백</a></h3>
- </div>
- <div class="quick_body nodata"> <!-- 쇼핑백 상품 없을 시 nodata 클래스 추가 -->
- <!--<div class="product_count"><span class='c_primary'>30</span>개의 상품</div>
- <div class="itemsGrp existence">
- <div class="item_prod">
- <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
- <div class="item_state">
- <div class="shape"><span>곧 품절돼요!</span></div>
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemSize">
- <span>105</span> / <span>블랙</span> / <span>1</span>
- </p>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- <div class="itemComment">다다익선 할인 적용</div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
- <div class="item_state">
- <div class="shape"><span>곧 품절돼요!</span></div>
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemSize">
- <span>105</span> / <span>블랙</span> / <span>1</span>
- </p>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
- <div class="item_state">
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemSize">
- <span>105</span> / <span>블랙</span> / <span>1</span>
- </p>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- <div class="itemComment">다다익선 할인 적용</div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <button type="button" class="delete_btn"><span class="sr-only">해당상품 삭제</span></button>
- <div class="item_state">
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemSize">
- <span>105</span> / <span>블랙</span> / <span>1</span>
- </p>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- </a>
- </div>
- </div>
- </div>
- <!– 쇼핑백 없을 시 –>
- <div class="itemsGrp empty">
- <p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>
- <span class="subH3">지금 많이 보고있어요</span>
- <div class="item_prod">
- <div class="item_state">
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- <!– 미사용 <button type="button" class="btn btn_sm cart_btn"><span>쇼핑백 담기</span></button> –>
- <div class="viewCount"><span>508</span>명 보는중</div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- <!– 미사용 <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button> –>
- <div class="viewCount"><span>58</span>명 보는중</div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- <!– 미사용 <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button> –>
- <div class="viewCount"><span>9</span>명 보는중</div>
- </a>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="javascript:;" class="itemLink">
- <div class="itemPic">
- <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>
- </div>
- <p class="itemBrand">BRAND NAME</p>
- <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
- <p class="itemPrice">80,100
- <span class="itemPrice_original">89,000</span>
- </p>
- <!– 미사용 <button type="button" class="btn btn_sm cart_btn"><span>쇼핑백 담기</span></button> –>
- <div class="viewCount"><span>452</span>명 보는중</div>
- </a>
- </div>
- </div>
- </div>-->
- <!-- //쇼핑백 없을 시 -->
- <!-- <button type="button" class="btn btn_default purchase_btn"><span>전체 상품 구매하기</span></button> -->
- </div>
- </div>
- <div class="wishlist quick_con quick03"> <!-- 퀵메뉴_위시리스트 -->
- <div class="quick_head">
- <h3><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_WISHLIST);">위시리스트</a></h3>
- </div>
- <div class="quick_body" id="quickMenuWishList"> <!-- 최근 본 상품 없을 시 nodata 클래스 추가 --> <!-- 비로그인 시 need_login 클래스 추가 -->
- <!-- <div class="product_count"><span class='c_primary' id="quickMenuWishListCount">50</span>개의 상품</div>
- <div class="itemsGrp">
- <div class="item_prod">
- <div class="item_state">
- <div class="shape"><span>곧 품절돼요!</span></div>
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
- <button type="button" class="itemLike active">관심상품 추가</button>
- </div>
- </a>
- <div class="hover_con">
- <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
- </div>
- </div>
- </div>
- <div class="item_prod">
- <div class="item_state">
- <a href="#none" class=" itemLink">
- <div class="itemPic">
- <img class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg" alt="이미지설명"/>
- <button type="button" class="itemLike active">관심상품 추가</button>
- </div>
- </a>
- <div class="hover_con">
- <button type="button" class="btn btn_sm cart_btn on"><span>쇼핑백 담기</span></button>
- </div>
- </div>
- </div>
- <div class="no_item">
- 최근 본 상품이 없습니다.
- </div>
- </div>
- <div class="login_con">
- <div>
- <p>로그인 후 이용 가능한 서비스입니다.</p>
- <button type="button" class="btn btn_sm"><span>로그인</span></button>
- </div>
- </div> -->
- </div>
- </div>
- <div class="coupon quick_con quick04"> <!-- 퀵메뉴_나의 쿠폰 -->
- <div class="quick_head">
- <h3><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON);">나의 쿠폰</a></h3>
- </div>
- <div class="quick_body" id="couponList"> <!-- 비로그인 시 need_login 클래스 추가 -->
- <div class="coupon_tab">
- <a href="#coupon_type01" onclick="issueCouponBtn()">발급 가능 쿠폰</a>
- <a href="#coupon_type02" onclick="ownCouponBtn()">보유 쿠폰</a>
- </div>
- <div id="coupon_type01" class="coupon_area">
- <div class="pop_cont" id="issueCoupon">
- <!-- <ul class="coupon_list">
- <li>
- <div class="coupon">
- <div>
- <p class="cp_name">
- TBJ 시즌오프 20% 할인쿠폰
- </p>
- <p class="cp_cont">
- <span><em>12,399,900</em>원</span>
- </p>
- <p class="cp_condition">
- 500,000원 이상 구매 시 최대 50,000원 할인
- <span>1인 최대 90장</span>
- </p>
- </div>
- <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
- </div>
- </li>
- <li>
- <div class="coupon">
- <div>
- <p class="cp_name">
- 신규가입 40% 할인쿠폰
- </p>
- <p class="cp_cont">
- <span><em>40%</em></span>
- </p>
- <p class="cp_condition">
- 500,000원 이상 구매 시 최대 50,000원 할인
- <span>1인 최대 90장</span>
- </p>
- </div>
- <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
- </div>
- </li>
- <li>
- <div class="coupon">
- <div>
- <p class="cp_name">
- TBJ 시즌오프 20% 할인쿠폰
- </p>
- <p class="cp_cont">
- <span><em>12,399,900</em>원</span>
- </p>
- <p class="cp_condition">
- 500,000원 이상 구매 시 최대 50,000원 할인
- <span>1인 최대 90장</span>
- </p>
- </div>
- <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
- </div>
- </li>
- <li>
- <div class="coupon">
- <div>
- <p class="cp_name">
- 신규가입 40% 할인쿠폰
- </p>
- <p class="cp_cont">
- <span><em>40%</em></span>
- </p>
- <p class="cp_condition">
- 500,000원 이상 구매 시 최대 50,000원 할인
- <span>1인 최대 90장</span>
- </p>
- </div>
- <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
- </div>
- </li>
- <li>
- <div class="coupon">
- <div>
- <p class="cp_name">
- TBJ 시즌오프 20% 할인쿠폰
- </p>
- <p class="cp_cont">
- <span><em>12,399,900</em>원</span>
- </p>
- <p class="cp_condition">
- 500,000원 이상 구매 시 최대 50,000원 할인
- <span>1인 최대 90장</span>
- </p>
- </div>
- <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
- </div>
- </li>
- <li>
- <div class="coupon">
- <div>
- <p class="cp_name">
- 신규가입 40% 할인쿠폰
- </p>
- <p class="cp_cont">
- <span><em>40%</em></span>
- </p>
- <p class="cp_condition">
- 500,000원 이상 구매 시 최대 50,000원 할인
- <span>1인 최대 90장</span>
- </p>
- </div>
- <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
- </div>
- </li>
- </ul> -->
- </div>
- <a href="javascript:void(0);" class="more_btn" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">더 보기</a>
- </div>
-
- <div id="coupon_type02" class="coupon_area">
- <div class="coupon_list" id="ownCoupon">
- <!-- <ul class="clear">
- <li>
- <div class="cp_top">
- <div class="cp_detail">
- <p class="tit">신규 가입 40% 할인쿠폰</p>
- <strong class="sale_t won_t"><span>12,399,900</span>원</strong>
- <p class="cp_cont"><span>9,500,500</span>원 이상 구매시 최대 <span>5,000,000</span>원 할인</p>
- <span class="cp_cnt"><span>999</span>장 보유</span>
- </div>
- <span class="cp_shape"></span>
- </div>
- <div class="cp_date">
- <span>2020.01.01</span> ~ <span>2021.01.31</span>
- </div>
- <div class="cp_info">
- <button type="button" class="coupon_pop_btn"><span>사용안내</span></button>
- </div>
- </li>
- <li class="off">
- <div class="cp_top">
- <div class="cp_detail">
- <p class="tit">신규 가입 40% 할인쿠폰</p>
- <strong class="sale_t"><span>40</span>%</strong>
- <p class="cp_cont"><span>9,500,500</span>원 이상 구매시 최대 <span>5,000,000</span>원 할인</p>
- <span class="cp_cnt"><span>999</span>장 보유</span>
- </div>
- <span class="cp_shape"></span>
- </div>
- <div class="cp_date">
- <span class="cp_off">사용완료</span>
- </div>
- <div class="cp_info">
- <button type="button" class="coupon_pop_btn"><span>사용안내</span></button>
- </div>
- </li>
- </ul> -->
- </div>
- <a href="javascript:void(0);" class="more_btn" onclick="cfnGoToPage(_PAGE_MYPAGE_COUPON);">더 보기</a>_
- </div>
-
- <div class="login_con">
- <div>
- <p>로그인 후 이용 가능한 서비스입니다.</p>
- <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN);"><span>로그인</span></button>
- </div>
- </div>
- </div>
- </div>
- <div class="category quick_con quick05"> <!-- 퀵메뉴_카테고리 -->
- <div class="quick_head">
- <h3>스타일24 카테고리</h3>
- </div>
- <div class="quick_body">
- <ul class="quick_cate_wrap" id="ulQuickMenuCate">
- <!-- <li><a href="javascript:;"><span>홈</span></a></li>
- <li class="has_children">
- <a href="javascript:;"><span>여성</span></a>
- <ul class="quick_depth">
- <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
- <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
- <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
- <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
- <li><a href="javascript:;"><span>데님</span></a></li>
- <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
- <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
- <li><a href="javascript:;"><span>여성잡화</span></a></li>
- <li><a href="javascript:;"><span>언더웨어</span></a></li>
- </ul>
- </li>
- <li class="has_children">
- <a href="javascript:;"><span>남성</span></a>
- <ul class="quick_depth">
- <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
- <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
- <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
- <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
- <li><a href="javascript:;"><span>데님</span></a></li>
- <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
- <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
- <li><a href="javascript:;"><span>여성잡화</span></a></li>
- <li><a href="javascript:;"><span>언더웨어</span></a></li>
- </ul>
- </li>
- <li class="has_children">
- <a href="javascript:;"><span>유아동</span></a>
- <ul class="quick_depth">
- <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
- <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
- <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
- <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
- <li><a href="javascript:;"><span>데님</span></a></li>
- <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
- <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
- <li><a href="javascript:;"><span>여성잡화</span></a></li>
- <li><a href="javascript:;"><span>언더웨어</span></a></li>
- </ul>
- </li>
- <li class="has_children">
- <a href="javascript:;"><span>골프</span></a>
- <ul class="quick_depth">
- <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
- <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
- <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
- <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
- <li><a href="javascript:;"><span>데님</span></a></li>
- <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
- <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
- <li><a href="javascript:;"><span>여성잡화</span></a></li>
- <li><a href="javascript:;"><span>언더웨어</span></a></li>
- </ul>
- </li>
- <li class="has_children">
- <a href="javascript:;"><span>라이프</span></a>
- <ul class="quick_depth">
- <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
- <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
- <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
- <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
- <li><a href="javascript:;"><span>데님</span></a></li>
- <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
- <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
- <li><a href="javascript:;"><span>여성잡화</span></a></li>
- <li><a href="javascript:;"><span>언더웨어</span></a></li>
- </ul>
- </li>
- <li><a href="javascript:;"><span>베스트</span></a></li>
- <li><a href="javascript:;"><span>핫딜</span></a></li>
- <li><a href="javascript:;"><span>기획전</span></a></li>
- <li><a href="javascript:;"><span>총알배송</span></a></li>
- <li class="has_children">
- <a href="javascript:;"><span>아울렛</span></a>
- <ul class="quick_depth">
- <li><a href="javascript:;"><span>티셔츠/셔츠</span></a></li>
- <li><a href="javascript:;"><span>니트/가디건/베스트</span></a></li>
- <li><a href="javascript:;"><span>원피스/스커트</span></a></li>
- <li><a href="javascript:;"><span>팬츠/레깅스</span></a></li>
- <li><a href="javascript:;"><span>데님</span></a></li>
- <li><a href="javascript:;"><span>자켓/점퍼/코트</span></a></li>
- <li><a href="javascript:;"><span>트레이닝/스포츠</span></a></li>
- <li><a href="javascript:;"><span>여성잡화</span></a></li>
- <li><a href="javascript:;"><span>언더웨어</span></a></li>
- </ul>
- </li>
- <li><a href="/"><span>룩북</span></a></li>
- <li><a href="/"><span>이벤트/혜택</span></a></li> -->
- </ul>
- <div class="quick_cate_txt">
- <a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGIN);">로그인</a>
- <a th:if="${sessionInfo != null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_LOGOUT);">로그아웃</a>
- <a th:if="${sessionInfo == null}" href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);">회원가입</a>
- <a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);">마이페이지</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 퀵메뉴 -->
-
- <!-- 쿠폰 사용 내역 팝업 -->
- <div class="modal coupon_popup" tabindex="-1" role="dialog" aria-labelledby="PopupBasicLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">사용 조건</h5>
- </div>
- <div class="modal-body">
- <section class="order_row">
- <div class="coupon_condition">
- <dl class="clear">
- <dt>사용조건</dt>
- <dd><span>9,999,999</span>원 구매 시 최대 <span>9,999,999</span>원 할인</dd>
- </dl>
- <dl class="clear">
- <dt>대상조건</dt>
- <dd>남성,여성,유아동 카테고리</dd>
- </dl>
- </div>
- </section>
- </div>
- </div>
- </div>
- </div>
-
- <!-- daum zipcode layer
- <div style="position:absolute; width:100%; height:100%; background-colr:black; z-index:3000">
- <div id="zipcode_layer"></div>
- </div>
- -->
-
- <!-- 2021.04.02 다음우편번호 공통화 작업 -->
- <!-- 다음우편번호 팝업 -->
- <div class="jquery-modal blocker current" id="daumZipcodePop" style="display:none; z-index:3000;">
- <div class="modal fade rqstModify_pop" tabindex="-1" role="dialog" aria-labelledby="couponModifyLabel" aria-hidden="true" style="display: inline-block;">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-body">
- <div class="pop_cont">
- <div id="zipcode_layer"></div>
- </div>
- </div>
- </div>
- </div>
- <a id="daumZipcodePop_close" style="margin-top:20px; size:12px; display:inline-block; font-weight:bold; cursor:pointer;">
- Close
- </a>
- </div>
- </div>
- <!-- //다음우편번호 팝업 -->
- <!-- //2021.04.02 다음우편번호 공통화 작업 -->
-
- <!-- 2021.04.02 배송지변경팝업 공통화 작업 -->
- <!-- 배송지변경 팝업 -->
- <div class="modal fade adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <!-- 배송지변경 팝업 내용 -->
- </div>
- </div>
- <a href="#close-modal" rel="modal:close" id="adrsChangePop_close" class="close-modal">Close</a>
- </div>
- <!-- //배송지변경 팝업 -->
-
- <!-- 배송지추가 팝업 -->
- <div class="modal fade adrsModify_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <!-- 배송지추가 팝업 내용 -->
- </div>
- </div>
- <a href="#close-modal" rel="modal:close" id="adrsAddPop_close" class="close-modal">Close</a>
- </div>
- <!-- //배송지추가 팝업 -->
-
- <!-- 배송지수정 팝업 -->
- <div class="modal fade adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <!-- 배송지수정 팝업 내용 -->
- </div>
- </div>
- <a href="#close-modal" rel="modal:close" id="adrsModifyPop_close" class="close-modal">Close</a>
- </div>
- <!-- //배송지수정 팝업 -->
-
- <!-- 배송요청사항수정 팝업 -->
- <div class="modal fade rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <!-- 배송요청사항수정 팝업 내용 -->
- </div>
- </div>
- <a href="#close-modal" rel="modal:close" id="rqstModifyPop_close" class="close-modal">Close</a>
- </div>
- <!-- //배송요청사항수정 팝업 -->
- <!-- //2021.04.02 배송지변경팝업 공통화 작업 -->
-
- <!-- 쿠폰 사용 내역 팝업 -->
- <div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <!-- 쿠폰사용안내 팝업 내용 -->
- </div>
- </div>
- <a href="#close-modal" rel="modal:close" id="couponInfoPop_close" class="close-modal">Close</a>
- </div>
-
- <script th:inline="javascript">
- /*<![CDATA[*/
- // 패밀리 사이트
- let fnGetFamilySite = function() {
- $.getJSON('/renderer/familysite/list'
- , function(result, status) {
- if (status == 'success') {
- if (result.length > 0) {
- $('#family_site').html('');
- let tag = '<dt class="no_tit"><span class="blind">그룹없음</span></dt>';
-
- $.each(result, function (idx, item) {
- if (!gagajf.isNull(item.cdNm)) {
- 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';
- }
- });
-
- $('#family_site').html(tag);
- }
- }
- });
- }
-
- // 퀵메뉴카테고리
- let fnGetQuickMenuCategory = function(cate1) {
- let tag = '';
- if (cate1 != null) {
- tag += '<li class="has_children">\n';
- tag += ' <a href="javascript:;"><span>' + cate1.cate1Nm + '</span></a>\n';
- if (cate1.leafYn == 'N' && cate1.cate2List.length > 0) {
- tag += ' <ul class="quick_depth">\n';
- tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToCategoryMain(\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>메인</span></a>\n';
- tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate1.cateGb + '\',' + cate1.cate1No + ');"><span>전체</span></a>\n';
- $.each(cate1.cate2List, function(idx2, cate2) {
- tag += ' <li><a href="javascript:void(0);" onclick="cfnGoToGoodsList(0,\'' + cate2.cateGb + '\',' + cate2.cate1No + ',' + cate2.cate2No + ');"><span>' + cate2.cate2Nm + '</span></a>\n';
- });
- tag += ' </ul>\n';
- }
- tag += '</li>\n';
- }
- return tag;
- }
-
- // 퀵메뉴탭 생성
- let fnCreateQuickMenuTab = function() {
- $.getJSON('/display/gnb/tab/list'
- , function(result, status) {
- if (status == 'success') {
- if (result.length > 0) {
- $('#ulQuickMenuCate').html('');
- $('#ulQuickMenuCate').append('<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><span>홈</span></a></li>\n');
-
- let allCate = [[${allCateList}]];
- $.each(result, function(idx, item) {
- if (item.contentsType == 'C' || item.contentsType == 'O') { // 컨텐츠유형:카테고리, 아울렛
- $.each(allCate, function(allCateIdx, allCateItem) {
- if (item.cate1No == allCateItem.cate1No) {
- $('#ulQuickMenuCate').append(fnGetQuickMenuCategory(allCateItem));
- }
- });
- } else if (item.contentsType == 'L') { // 컨텐츠유형:링크
- $('#ulQuickMenuCate').append('<li><a href="' + item.linkUrl + '"><span>' + item.gtabNm + '</span></a></li>');
- }
- });
- }
- }
- });
- }
-
- // 최근본상품
- let fnGetRecentlyGoods = function() {
- // $('#quick01').on('click', function() {
- $.getJSON('/goods/recently/list'
- , function(result, status) {
- if (status == 'success') {
- $('#quickMenuTodayGoods').html('');
-
- $('#quick01').find('span').html(result.length);
-
- if (result.length > 0) {
- let tag = '<div class="product_count"><span class="c_primary">' + result.length + '</span>개의 상품</div>\n';
- tag += ' <div class="itemsGrp">\n';
-
- $.each(result, function (idx, item) {
- tag += ' <div class="item_prod">\n';
- tag += ' <div class="item_state">\n';
- tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">\n';
- tag += ' <div class="itemPic">\n';
- tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>\n';
- tag += ' </div>\n';
- tag += ' </a>\n';
- tag += ' </div>\n';
- tag += ' </div>\n';
- });
-
- tag += ' </div>\n';
-
- $('#quickMenuTodayGoods').html(tag);
- } else {
- $('#quickMenuTodayGoods').addClass('nodata');
- }
- }
- });
- // });
- }
- function deleteCartAjax(cartArr, menu) {
- if(cartArr.length < 1) {
- mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
- return false;
- }
- let data = {
- cartSqArr : cartArr
- }
- let jsonData = JSON.stringify(data);
- $.ajax( {
- type: "POST",
- url : '/cart/deleteCart',
- contentType: 'application/json',
- dataType : 'json',
- data : jsonData,
- success : function(result) {
- mcxDialog.alert("삭제 되었습니다.");
- if(menu == "cart") {
- let data = {shotDelvUseYn : $("input[name=shotDelvUseYn]:checked").val()};
- getCartList(data);
- } else if (menu == "quick") {
- fnGetCartGoodsList();
- }
- }
- });
- }
- function deleteCart(gbn, menu) {
- let cartArr = [];
- let confirmMessage = "";
- if(gbn == "SELECT") {
- $("#cartListForm input[name=cartSqArr]:checked").each(function () {
- cartArr.push($(this).val());
- });
- if(cartArr.length < 1) {
- mcxDialog.alert("삭제하실 상품을 선택해 주세요.");
- return false;
- }
- confirmMessage = "총 " + cartArr.length + "개의 상품을 삭제합니다.";
- } else {
- cartArr.push(gbn);
- deleteCartAjax(cartArr, menu);
- return false;
- }
- mcxDialog.confirm(confirmMessage, {
- cancelBtnText: "취소/닫기", //취소 또는 닫기 버튼명
- sureBtnText : "확인", //처리문 버튼명
- sureBtnClick : function () {
- deleteCartAjax(cartArr, menu);
- }
- });
- }
- // 장바구니
- let fnGetCartGoodsList = function() {
- $.getJSON('/cart/quick/cart/list', function(order, status) {
- let cartCnt;
- if(order.totCartCnt > 99) {cartCnt = "99+";} else {cartCnt = order.totCartCnt;}
- $("#quick_menu .shopingbag.quick_con.quick02 .quick_head a").attr("href", _PAGE_CART);
- $("#header .gnb .btn_cart").attr("href", _PAGE_CART);
- $("#header .gnb .btn_cart .circle_count").text(cartCnt);
- if (status == 'success') {
- let quickShoppingBagHtml = "";
- $("#quick_menu #quick02 .count").text(cartCnt);
- $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html("");
- if(order.totCartCnt > 0) {
- $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").removeClass("nodata");
- quickShoppingBagHtml += '<div class="product_count"><span class="c_primary">' + order.totCartCnt + '</span>개의 상품</div>';
- quickShoppingBagHtml += '<div class="itemsGrp existence">';
- let ordCanCnt = 0;
- for(let i = 0 ; i < order.delvAllCartList.length ; i++) {
- let info = order.delvAllCartList[i];
- //alert(info.soldoutYn + " / " + info.ordCanYn + " / " + info.ordCanQty + " / " + info.goodsQty + " / " + info.minOrdQty + " / " + info.maxOrdQty);
- if(info.soldoutYn == "N" && info.ordCanYn == "Y" && info.ordCanQty >= info.goodsQty && info.goodsQty >= info.minOrdQty && info.goodsQty <= info.maxOrdQty){
- ordCanCnt++; // 주문 가능 수량
- quickShoppingBagHtml += ' <div class="item_prod">';
- quickShoppingBagHtml += ' <input type="hidden" id="cartSq" value="' + info.cartSq + '">';
- quickShoppingBagHtml += ' <button type="button" class="delete_btn" onclick="deleteCart(' + info.cartSq + ", 'quick'" + ')" style="z-index:99;"><span class="sr-only">해당상품 삭제</span></button>';
- quickShoppingBagHtml += ' <div class="item_state">';
- if(info.ordCanQty < 6 && info.ordCanQty > 0) {
- quickShoppingBagHtml += ' <div class="shape"><span>곧 품절돼요!</span></div>';
- }
- quickShoppingBagHtml += " <a href='javascript:cfnGoToGoodsDetail(\"" + info.goodsCd + "\")' class='itemLink'>";
- quickShoppingBagHtml += ' <div class="itemPic">';
- quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + info.sysImgNm + '?RS=120"/>';
- quickShoppingBagHtml += ' </div>';
- quickShoppingBagHtml += ' <p class="itemBrand">' + info.brandGroupNm + '</p>';
- quickShoppingBagHtml += ' <div class="itemName">' + info.goodsNm + '</div>';
- for(let i = 0 ; i < info.itemNmArr.length ; i++) {
- if(info.goodsType == "G056_S") {
- quickShoppingBagHtml += ' <p class="itemSize">';
- quickShoppingBagHtml += ' <span>' + info.itemNmArr[i] + '</span> / <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2 + '</span>';
- quickShoppingBagHtml += ' </p>';
- } else {
- quickShoppingBagHtml += ' <p class="itemSize">';
- quickShoppingBagHtml += ' <span>' + info.colorNmArr[i] + '</span> / <span>' + info.optCd2Arr[i] + '</span>';
- quickShoppingBagHtml += ' </p>';
- }
- }
- quickShoppingBagHtml += ' <p class="itemSize">';
- quickShoppingBagHtml += ' <span>수량 ' + info.goodsQty + '개</span>';
- quickShoppingBagHtml += ' </p>';
- if(info.currPrice > info.tmtbDcAmt) {
- quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '<span class="itemPrice_original">' + Number(info.currPrice).toLocaleString() + '</span></p>';
- } else {
- quickShoppingBagHtml += ' <p class="itemPrice">' + Number(info.tmtbDcAmt).toLocaleString() + '</p>';
- }
- if(info.qtyTmtbSq > 0 && info.applyQtySectionYn == "Y") {
- quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
- }
- if(info.amtTmtbSq > 0 && info.applyAmtSectionYn == "Y") {
- quickShoppingBagHtml += ' <div class="itemComment">다다익선 할인 적용</div>';
- }
- quickShoppingBagHtml += ' </a>';
- quickShoppingBagHtml += ' </div>';
- quickShoppingBagHtml += ' </div>';
- }
- }
- quickShoppingBagHtml += '</div>';
- quickShoppingBagHtml += '<button type="button" class="btn btn_default purchase_btn" onclick="cfnGoToPage(_PAGE_CART);"><span>쇼핑백 바로가기</span></button>';
- } else {
- if(!$("#quick_menu .shopingbag.quick_con.quick02 .quick_body").hasClass("nodata")) {
- $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").addClass("nodata");
- }
- quickShoppingBagHtml += '<div class="itemsGrp empty">';
- quickShoppingBagHtml += ' <p class="desc">쇼핑백에 담긴 상품이 없습니다.</p>';
- quickShoppingBagHtml += ' <span class="subH3">지금 많이 보고있어요</span>';
- for(let i = 0 ; i < 10 ; i++) {
- quickShoppingBagHtml += ' <div class="item_prod">';
- quickShoppingBagHtml += ' <div class="item_state">';
- quickShoppingBagHtml += ' <a href="javascript:;" class="itemLink">';
- quickShoppingBagHtml += ' <div class="itemPic">';
- quickShoppingBagHtml += ' <img alt="BLACK-a" class="vLHTC pd_img" src="/images/pc/thumb/prod1.jpg"/>';
- quickShoppingBagHtml += ' </div>';
- quickShoppingBagHtml += ' <p class="itemBrand">BRAND NAME</p>';
- quickShoppingBagHtml += ' <div class="itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>';
- quickShoppingBagHtml += ' <p class="itemPrice">80,100';
- quickShoppingBagHtml += ' <span class="itemPrice_original">89,000</span>';
- quickShoppingBagHtml += ' </p>';
- quickShoppingBagHtml += ' <div class="viewCount"><span>508</span>명 보는중</div>';
- quickShoppingBagHtml += ' </a>';
- quickShoppingBagHtml += ' </div>';
- quickShoppingBagHtml += ' </div>';
- }
- quickShoppingBagHtml += '</div>';
- }
- $("#quick_menu .shopingbag.quick_con.quick02 .quick_body").html(quickShoppingBagHtml);
- }
- });
- }
- // 위시리스트
- let fnGetWishList = function() {
- if (!cfCheckLogin()) {
- $('#quickMenuWishList').addClass('need_login');
- $('#quickMenuWishList').html('');
- tag='<div class="login_con">';
- tag+='<div>';
- tag+=' <p>로그인 후 이용 가능한 서비스입니다.</p>';
- tag+=' <button type="button" class="btn btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN)"><span>로그인</span></button>';
- tag+=' </div>';
- tag+='</div>';
-
- $('#quickMenuWishList').html(tag);
- return false;
- }
-
- $.getJSON('/goods/wish/list'
- , function(result, status) {
- if (status == 'success') {
- $('#quickMenuWishList').html('');
- $('#quick03').find('span').html(result.length);
- $('#quickMenuWishListCount').html(result.length);
- tag = '';
- if (result.length > 0) {
- $("#quickMenuWishList").attr("class","quick_body");
- tag += '<div class="product_count"><span class="c_primary" id="quickMenuWishListCount">'+result.length+'</span>개의 상품</div>\n';
- tag += ' <div class="itemsGrp">\n';
-
- $.each(result, function (idx, item) {
- tag += ' <div class="item_prod">';
- tag += ' <div class="item_state">';
- if (item.stockQtySum>0 && item.stockQtySum<=5) {
- tag += ' <div class="shape"><span>곧 품절돼요!</span></div>';
- }
- if (item.stockQtySum<=0) {
- tag += ' <div class="shape"><span>품절</span></div>';
- }
- tag += ' <button type="button" class="itemLike active" goodsCd="'+item.goodsCd+'" onclick="fnWishDelete(this);">관심상품 추가</button>';
- tag += ' <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\', \'\', \'\', \'\');" class=" itemLink">';
- tag += ' <div class="itemPic">';
- tag += ' <img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="이미지설명"/>';
- tag += ' </div>';
- tag += ' </a>';
- tag += ' <div class="hover_con">';
- if (item.stockQtySum>0) {
- 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>';
- }
- tag += ' </div>';
- tag += ' </div>';
- tag += ' </div> ';
-
- });
- tag += ' </div>\n';
-
- } else {
- $("#quickMenuWishList").addClass("nodata");
- tag += '<div class="itemsGrp">';
- tag += '<div class="no_item" style="display:block">';
- tag += ' 등록된 위시리스트가 없습니다.';
- tag += '</div>';
- tag += '</div>';
- }
-
- $('#quickMenuWishList').html(tag);
- }
- });
- }
-
- // 위시리스트 해제
- let fnWishDelete = function(obj) {
- cfnPutWishList(obj);
- fnGetWishList();
- }
-
- var wishCardAdd = function (obj) {
- let btnType = "C";
- let params = [];
-
- let cart = new Object();
- cart.goodsCd = $(obj).attr("goodsCd");
- cart.optCd = $(obj).attr("optCd");
- cart.goodsQty = $(obj).attr("minOrdQty");
- cart.goodsType = $(obj).attr("goodsType");
- cart.cartGb = btnType;
- cart.afLinkCd = $(obj).attr("afLinkCd");
- cart.ithrCd = $(obj).attr("ithrCd");
- //cart.contentsLoc = $(obj).attr("contentsLoc");
- cart.contentsLoc = '';
- cart.planDtlSq = '';
- params.push(cart);
-
- // 장바구니담기
- if (params.length > 0){
- cfnAddCart(params);
- }
- }
-
- // 쿠폰리스트
- let issueCouponBtn = function() {
- if (!cfCheckLogin()) {
- $('#couponList').addClass('need_login');
- return false;
- }else{
- $.getJSON('/mypage/quick/down/coupon/list'
- , function(result, status) {
- if (status == 'success'){
- $('#quick04').find('span').html(result.ownCouponList.length + result.couponCount.useCouponCnt);
- let tag = '';
- if(result.ownCouponList.length>0){
- tag += '<ul class="coupon_list">';
- $.each(result.ownCouponList, function (idx, item) {
- tag += ' <li>';
- tag += ' <div class="coupon">';
- tag += ' <div>';
- tag += ' <p class="cp_name">'+item.cpnNm+'</p>';
- tag += ' <p class="cp_cont">';
- if (item.dcWay == '%') {
- tag += ' <span><em>'+item.dcVal.addComma()+'</em>%</span>';
- }else{
- tag += ' <span><em>'+item.dcVal.addComma()+'</em>원</span>';
- }
-
-
- tag += ' </p>';
- if(item.custPubLimitQty == 0){
- tag += ' <p class="cp_condition">'+item.useCondition+'<span></span>';
- }else{
- tag += ' <p class="cp_condition">'+item.useCondition+'<span>1인 최대'+item.custPubLimitQty.addComma()+'장</span>';
- }
-
- tag += ' </p>';
- tag += ' </div>';
- tag += ' <button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnQuickCouponDown('+item.cpnId+')"><span>쿠폰받기</span></button>';
- tag += ' </div>';
- tag += ' </li>';
- });
- tag += '</ul>';
- }else{
- tag += '<div class="no_item">';
- tag += '다운 가능한 쿠폰이 없습니다.';
- tag += '</div>';
-
- }
- $('#issueCoupon').html(tag);
- }
- });
- }
- }
-
- // 보유 쿠폰 클릭 시
- let ownCouponBtn = function() {
- $.getJSON('/mypage/quick/own/coupon/list'
- , function(result, status) {
- if (status == 'success') {
- let tag = '';
- if (result.length > 0) {
- tag += '<ul class="clear">';
- $.each(result, function (idx, item) {
- tag += ' <li>';
- tag += ' <div class="cp_top">';
- tag += ' <div class="cp_detail">';
- tag += ' <p class="tit">'+item.cpnNm+'</p>';
- if (item.dcWay == '%') {
- tag += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>%</strong>';
- }else{
- tag += ' <strong class="sale_t won_t"><span>'+item.dcVal+'</span>원</strong>';
- }
-
- tag += ' <p class="cp_cont">'+item.useCondition+'</p>';
- tag += ' <span class="cp_cnt"><span>'+item.cpnCnt+'</span>장 보유</span>';
- tag += ' </div>';
- tag += ' <span class="cp_shape"></span>';
- tag += ' </div>';
- tag += ' <div class="cp_date">';
- tag += ' <span>'+item.availStdt+'</span> ~ <span>'+item.availEddt+'</span>';
- tag += ' </div>';
- tag += ' <div class="cp_info">';
- tag += ' <button type="button" class="coupon_pop_btn" onclick="useInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>';
- tag += ' </div>';
- tag += ' </li>';
- });
- tag += '<ul>';
-
- } else {
- tag += '<div class="no_item">';
- tag += '보유한 쿠폰이 없습니다.';
- tag += '</div>';
- }
-
- $('#ownCoupon').html(tag);
- }
- });
- }
-
- //쿠폰 다운로드
- var fnQuickCouponDown = function(obj){
- if (!cfCheckLogin()) {
- cfnGoToPage(_PAGE_LOGIN);
- return false;
- }
- let cpnId = obj;
- gagajf.ajaxJsonSubmit('/mypage/quick/coupon/download', JSON.stringify({cpnId: cpnId}), fnQuickCouponCallBack);
- }
- // 쿠폰다운로드 콜백
- var fnQuickCouponCallBack = function(result){
- if (result.status == "200"){
- $.each(result.couponList, function (idx, item) {
- if (Number(item.custPubLimitQty) > 0){
- if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
- $('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
- $('#coupon_'+ item.cpnId).attr('disabled', true);
- }
- }
- });
- }
- }
-
- // 소유한 쿠폰 사용안내 모달
- var useInfoCoupon = function (id) {
- var data = {cpnId : id};
- var jsonData = JSON.stringify(data);
-
- $.ajax( {
- type : "POST",
- url : '/mypage/coupon/detailPop',
- data : jsonData,
- contentType: 'application/json',
- dataType : 'html',
- success : function(result) {
- if (result != null) {
- $("#couponInfoPop").html(result);
- $("#couponInfoPop").modal("show");
- }
- }
- });
-
- return false;
- }
-
- // 팝업
- let fnGetPopup = function(){
- let data = {viewPage : [[${viewPage}]]
- ,cateNo : [[${popupCateNo}]]
- ,brandCd : [[${popupBrandCd}]]
- ,planSq : [[${popupPlanSq}]]
- ,preview : [[${preview}]]
- ,viewDt : [[${viewDt}]]
- };
- $.getJSON('/display/popup/list', data, function(result, status) {
- if (status === 'success') {
- if(result.length>0){
- let popupYn = "N";
- let popupSq = "";
- let tag = '';
- tag += '<div id="layer_popup" class="popup_main_notice">\n';
- tag += ' <div class="popup_content">\n';
- tag += ' <div class="popup_body">\n';
- tag += ' <div class="swiper-container">\n';
- tag += ' <div class="swiper-wrapper">\n';
- $.each(result, function(idx, item) {
- if(document.cookie.match('(^|;)?style_popup_'+item.popupSq+'=([^;]*)(;|$)')==null) {
- tag += ' <div class="swiper-slide">\n';
- if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
- tag += ' <a href="'+ item.linkUrl1 +'" target="_blank">\n';
- }
- tag += ' <img src="'+ _imgUrl+'/'+item.imgUrl1+'" width="100%" alt="">\n';
- if(!gagajf.isNull(item.linkUrl1) && item.linkUrl1 !== "#"){
- tag += ' </a>\n';
- }
- tag += ' </div>\n';
- popupYn = "Y";
- popupSq += item.popupSq +"|";
- }
- });
- tag += ' </div>\n';
- tag += ' <div class="swiper-button-prev"></div>\n';
- tag += ' <div class="swiper-button-next"></div>\n';
- tag += ' </div>\n';
- tag += ' </div>\n';
- tag += ' <div class="popup_footer">\n';
- tag += ' <a href="javascript:void(0);" onclick="fnLayerPopupUnexpDaysClose(\''+popupSq+'\',1);" class="btn_underline"> 하루 보지 않기</a>\n';
- tag += ' <a href="javascript:void(0);" id="btnPopupClose" onclick="fnLayerPopupClose();" class="btn_popup_close">닫기</a>\n';
- tag += ' </div>\n';
- tag += ' </div>\n';
- tag += '</div>\n';
-
- if (popupYn == "Y"){
- if ($('#layer_popup').length === 0) {
- $('body').append(tag);
- }
- }
-
- /* 메인 공지 팝업 갯수체크 210430_수정 */
- var popNoticeCont = $('.popup_main_notice .swiper-slide');
- var popNoticeLength = popNoticeCont.length;
- if (popNoticeLength < 4) {
- popNoticeCont.parents('.popup_body').addClass('onlyNotice');
- var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
- loop: false,
- watchOverflow: true, //loop와 함께 사용 불가.
- slidesPerView:'auto',
- spaceBetween: 0,
- speed:200,
- autoplay: {
- delay: 3000,
- disableOnInteraction: false,
- },
- navigation: {
- nextEl: '.popup_main_notice .swiper-button-next',
- prevEl: '.popup_main_notice .swiper-button-prev',
- },
- });
- } else {
- popNoticeCont.parents('.popup_body').removeClass('onlyNotice');
- var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
- loop: true,
- slidesPerView:'auto',
- spaceBetween: 0,
- speed:200,
- autoplay: {
- delay: 3000,
- disableOnInteraction: false,
- },
- navigation: {
- nextEl: '.popup_main_notice .swiper-button-next',
- prevEl: '.popup_main_notice .swiper-button-prev',
- },
- });
- }
-
- }
- }
- });
- }
- let fnLayerPopupUnexpDaysClose = function(seq, unexpDays){
- let arrSeq = seq.split("|");
- if (arrSeq.length > 0){
- let todayDate = new Date();
- //todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
- todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000); // 당일 자정처리
- todayDate.setDate(todayDate.getDate() + unexpDays);
-
- $.each(arrSeq, function (idx, item) {
- if (!gagajf.isNull(item)){
- document.cookie = "style_popup_"+item+"=Y; path=/; expires=" + todayDate.toGMTString() + ";";
- }
- });
- }
-
- fnLayerPopupClose();
- }
- // 창 닫기
- let fnLayerPopupClose = function(){
- //$('#layer_popup').hide();
- $('#layer_popup').remove();
- }
-
- $(document).ready( function() {
- // 퀵메뉴탭 조회
- fnCreateQuickMenuTab();
-
- // 패미리사이트 조회
- fnGetFamilySite();
-
- // 최근본상품 조회
- fnGetRecentlyGoods();
- // 장바구니 조회
- fnGetCartGoodsList();
-
- // 위시리스트
- fnGetWishList();
-
- // 팝업조회
- fnGetPopup();
-
- // 쿠폰조회
- $("#issueCouponBtn").trigger("click");
-
- // Family Site
- $('.family_link').on('click','.btn',function(e){
- e.preventDefault();
- $(this).parents('.family_link').find('#family_site').slideToggle(100);
- $(this).find('.ico.ico_ft_arrow_b').toggleClass('ico_ft_arrow_t');
- });
- //퀵메뉴
- var tabAnchor = $('.quick_btn button'),
- tabPanel = $('#quick_menu .quick_con');
-
- $(document).on('click','.quick_btn button:not(#top_btn)',function(e){
- e.preventDefault();
- $('body').addClass('lock');
- $('#quick_menu').addClass('active');
- tabAnchor.removeClass('active');
- $(this).addClass('active');
- var NewLink = $(this).attr('data-tab');
- tabPanel.hide();
- $('.' + NewLink).show();
- });
-
- //퀵메뉴_쿠폰
- var couponAnchor = $('.coupon_tab a'),
- couponPanel = $('.coupon_area');
- $(document).on('click','.coupon_tab a',function(e){
- e.preventDefault();
- couponAnchor.removeClass('active');
- $(this).addClass('active');
- var NewLink = $(this).attr('href');
-
- couponPanel.hide();
- $(NewLink).show();
-
- });
-
- couponAnchor.eq(0).trigger('click');
- //퀵메뉴 닫을 때
- $(document).on('click','#quick_menu .quick_close_btn',function(e){
- e.preventDefault();
- $('body').removeClass('lock');
- $('#quick_menu').removeClass('active');
- $('#quick_menu .quick_con').hide();
- });
- //퀵메뉴 카테고리 메뉴 클릭시
- $(document).on('click','#quick_menu .category .quick_cate_wrap > li',function(e){
- $(this).toggleClass('active');
- $(this).find('> ul').slideToggle(300);
- $(this).siblings('li').find('> ul').slideUp(300);
- $(this).siblings('li').removeClass('active');
- });
- //퀵메뉴 탑버튼 클릭 시
- $(document).on('click','#top_btn',function(e){
- $('body,html').animate({scrollTop:0});
- });
- //퀵메뉴_쿠폰 사용안내 팝업
- $(".coupon_pop_btn").click(function() {
- $(".coupon_popup").modal("show");
- });
-
-
- /* 메인 공지 팝업 닫기 */
- $(document).on('click','#btnPopupClose',function(e){
- $('#popupMainNotice').hide();
- return false;
- });
- });
- /*]]>*/
- </script>
- <script th:inline="javascript">
- /*<![CDATA[*/
- var element_layer = document.getElementById('zipcode_layer');
- var cfnGetDaumRoadAddr = function(data) {
- // 팝업에서 검색결과 항목을 클릭했을 때 실행할 코드를 작성하는 부분입니다.
- // 예제를 참고하여 다양한 활용법을 확인해 보세요.
- // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분
- // 도로명 주소의 노출 규칙에 따라 주소를 조합한다.
- // 내려오는 변수가 값이 없는 경우엔 공백('') 값을 가지므로, 이를 참고하여 분기한다.
- let fullRoadAddr = data.roadAddress; // 도로명 주소 변수
- let extraRoadAddr = ''; // 도로명 조합형 주소 변수
- // 법정동명이 있을 경우 추가한다. (법정리는 제외)
- // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
- if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
- extraRoadAddr += data.bname;
- }
- // 건물명이 있고, 공동주택일 경우 추가한다.
- if (data.buildingName !== '' && data.apartment === 'Y') {
- extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
- }
-
- // 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
- if (extraRoadAddr !== '') {
- extraRoadAddr = ' (' + extraRoadAddr + ')';
- }
-
- // 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
- if (fullRoadAddr !== '') {
- fullRoadAddr += extraRoadAddr;
- }
-
- return fullRoadAddr;
- }
- var cfnOpenDaumAddr = function(daumZip) {
-
- // 다은우편번호팝업 노출
- $("#daumZipcodePop").show();
-
- if ($('html').hasClass('is-ie')) {
- daumZip.open();
- } else {
- daumZip.embed(element_layer);
-
- // iframe을 넣은 element를 보이게 한다.
- element_layer.style.display = 'block';
- // iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
- cfnInitLayerPosition();
- }
- }
- var cfnCloseDaumAddr = function() {
- // iframe을 넣은 element를 안보이게 한다.
- element_layer.style.display = 'none';
-
- // 다음우편번호팝업 닫기
- $("#daumZipcodePop").hide();
- }
- // 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
- // resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
- // 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
- var cfnInitLayerPosition = function() {
- //let width = 420; //우편번호서비스가 들어갈 element의 width
- //let height = 502; //우편번호서비스가 들어갈 element의 height
- let borderWidth = 1; //샘플에서 사용하는 border의 두께
- // 위에서 선언한 값들을 실제 element에 넣는다.
- //element_layer.style.width = width + 'px';
- //element_layer.style.height = height + 'px';
- element_layer.style.border = borderWidth + 'px solid';
-
- // 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
- /*
- element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width) / 2 - borderWidth) + 'px';
- element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height) / 2 - borderWidth) + 'px';
- */
-
- // 다음 레이어 적용
- $("#__daum__layer_1").css("z-index", 3000);
- }
- // 다음우편번호팝업 닫기
- $("#daumZipcodePop_close").on("click", function(){
- $("#daumZipcodePop").hide();
- });
- /*]]>*/
- </script>
- </footer>
- </html>
|