타이어픽(TIREPICK)
</noscript> <!-- End Google Tag Manager (noscript) --> <style> #alertPopup.popup .btn-div { margin: 25px 0 0; text-align: center; } #alertPopup.popup .text { margin: 25px 0 0; text-align: center; } #baseConfirmPopup.popup .btn-div { margin: 25px 0 0; text-align: center; } #baseConfirmPopup.popup .text { margin: 25px 0 0; text-align: center; } </style> <div class="popup" id="alertPopup" style="z-index:9999"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> </div> <div class="btn-div"> <a href="javascript:void(0)" id="confirmbtn" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <div class="popup" id="baseConfirmPopup" style="z-index:9999"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#baseConfirmPopup');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> </div> <div class="btn-div"> <a href="javascript:void(0)" id="baseCancelbtn" class="btn btn-white">취소</a> <a href="javascript:void(0)" id="baseConfirmbtn" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <div id="wrap"> <script> let searchType = ''; $(document).ready(function () { $("#txtCarNo").keydown(function (key) { if (key.keyCode == 13) { goVehicleSearch(); } }); }) function Logout() { if (confirm("로그아웃 하시겠습니까?")) { location.href = '/Customer/Logout'; } } function goVehicleSearch() { let url = ''; searchType = $('#navSearch ul li.selected a').data('toggle'); if (searchType == '' || searchType == undefined) { searchType = 'tire'; } if (searchType == 'tire') { url = '/Search/Vehicle'; } else { url= '/Search/BatteryVehicle'; } var carNo = $('#txtCarNo').val(); if (checkPlate(carNo)) { openLayerPopup(url+'?carNo=' + encodeURI(carNo), 1000, 850); } else { showAlert('차량번호를 확인 해 주세요.', '확인'); } } </script> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8A1x3GDMemFChmldWTDlOT4zI84BQvzLi8w3yI1WCDYyoaJO2OjUqnghyQnPCBcs6_C2uLJAriIEf50tCM5VfSFuySfu6cAnfsDT4B7zzmPG19vQLYHDMLNqHHbC95JcXNn57BSAjScg491N2S0z2Ik"> <!-- header --> <header id="header" class="v2"> <div class="inner"> <!-- logo --> <h1 id="logo"> <a href="/"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="146" height="24" viewbox="0 0 377 62"> <image id="Vector_Smart_Object" data-name="Vector Smart Object" width="377" height="62" xlink:href="data:img/png;base64,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"></image> </svg> </a> </h1> <!-- //logo --> <!-- 2021-01-26 search (s) --> <div class="sch-wrap" id="top-sch"> <div class="sch"> <span class="sch-sel"> <div class="dropdown-wrapper"> <div class="ae-dropdown dropdown2"> <div class="ae-select"> <span class="ae-select-content"></span> </div> <div id="navSearch" class="dropdown-menu-spc ae-hide"> <ul> <li class="selected"><a href="javascript:void(0)" data-toggle="tire">타이어</a></li> <li><a href="javascript:void(0)" data-toggle="battery">배터리</a></li> </ul> </div> </div> </div> </span> <span class="sch-input"><input id="txtCarNo" type="text" placeholder="차량 번호를 입력해 주세요 (ex. 12고 3456)"></span> <span class="sch-btn"><button onclick="javascript:goVehicleSearch()">검색</button></span> </div> </div> <!-- //2021-01-26 search (e) --> <!-- snb --> <div class="snb"> <!-- 로그인 전--> <a href="/Customer/Login" class="my"> <i class="ico ico-my"></i> <span class="hidden">마이페이지</span> <span class="tooltip"> 로그인/회원가입 </span> </a> <a href="javascript:;" class="time" id="my-time" onclick="getList('Recent', 'tire');"> <i class="ico ico-time"></i> <span class="hidden">최근본상품</span> <span class="tooltip"> 최근 본 상품 </span> </a> <!-- 헤더 장바구니 아이콘 --> <a href="javascript:;" class="cart" id="my-cart" onclick="getList('Basket', 'tire');"> <i class="ico ico-cart"></i> <span></span> <span class="hidden">장바구니</span> <span class="tooltip"> 장바구니 </span> </a> <!-- mypage box --> <div class="snb-mybox"> <!--<a href="javascript:;" class="btn-close">닫기</a>--> </div> <!-- //mypage box --> </div> <!-- //snb --> </div> <!-- gnb --> <div class="gnb-wrap" id="gnb"> <ul class="gnb"> <li class="gnb-dep1"> <a href="javascript:;" class="dep-01">타이어픽</a> <ul class="sub-dep"> <li><a href="javascript:void(0)" data-effect="mfp-zoom-in" onclick="openLayerPopup('/Search/Vehicle', 1000, 850);">차량번호로 찾기</a></li> <li><a href="javascript:void(0)" onclick="openLayerPopup('/Search/Size', 1000, 850);">사이즈로 찾기</a></li> <li><a href="javascript:void(0)" onclick="openLayerPopup('/Search/Brand', 1000, 850);">브랜드로 찾기</a></li> <li><a href="/Search/Info">타이어 정보</a></li> <li><a href="/Common/Info">이용안내</a></li> </ul> </li> <li class="gnb-dep1"> <a href="javascript:;" class="dep-01">배터리픽</a> <ul class="sub-dep"> <li><a href="javascript:void(0)" data-effect="mfp-zoom-in" onclick="openLayerPopup('/Search/BatteryVehicle', 1000, 850);">차량번호로 찾기</a></li> <li><a href="javascript:void(0)" onclick="openLayerPopup('/Search/BatteryModel', 1000, 850);">모델로 찾기</a></li> <li><a href="javascript:void(0)" onclick="openLayerPopup('/Search/BatteryBrand', 1000, 850);">브랜드로 찾기</a></li> <li><a href="/Search/BatteryInfo">배터리 정보</a></li> <li><a href="/Common/BatteryInfo">이용안내</a></li> </ul> </li> <li class="gnb-dep1"> <a href="javascript:;" class="dep-01">타이어 고민타파</a> <ul class="sub-dep"> <li><a href="/Membership">서비스 안내</a></li> </ul> </li> <li class="gnb-dep1"> <a href="javascript:;" class="dep-01">타이어 장착점</a> <ul class="sub-dep"> <li><a href="/WorkShop">장착점 검색</a></li> <li><a href="/WorkShop/RequestWorkshopList">장착점 제휴 문의</a></li> </ul> </li> <li class="gnb-dep1"> <a href="javascript:;" class="dep-01">혜택/이벤트</a> <ul class="sub-dep"> <li><a href="/Event/Benefit_01">제휴 혜택</a></li> <li><a href="/Event">이벤트 안내</a></li> </ul> </li> <li class="gnb-dep1"> <a href="javascript:;" class="dep-01">고객센터</a> <ul class="sub-dep"> <li><a href="/CS/Notice">공지사항</a></li> <li><a href="/CS/FAQ">FAQ</a></li> <li><a href="/My/QnA">1:1 고객 상담</a></li> </ul> </li> </ul> </div> <!-- //gnb --> <!-- gnb bg, banner --> <div class="sub-menu"> <div class="banner"> <p>나에게 맞는<br>타이어 배터리 <strong>PICK</strong>!</p> <div class="obj"> <span><img src="../../images/00_common/banner.png" alt="나에게 맞는 타이어 배터리 pick!"></span> <span class="obj-star"><img src="../../images/00_common/banner_obj.png" alt="나에게 맞는 타이어 pick!"></span> </div> </div> </div> <!-- //gnb bg, banner --> </header> <!-- //header --> <div id="ulNavbarContainer"> <div class="snb-myprd" style="display:none"></div> </div> <section id="container" class="sub"> <script src="/js/sharepage.js"></script> <script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#clipboardcopy').val(window.location.href); }); // 카카오 javascript 키 var kakaoKey = "be1049cb220dc41c91136095af86e5fa"; // 공유할 현재 주소 var shareUrl = location.href; // 페이스북 공유 function shareFacebook() { shareFBByUrl(shareUrl); } // 카카오톡 공유 kkoInit(kakaoKey); $(function () { var eventIdx = '120'; if(eventIdx == '108') { shareKKO108(); } else { shareKKO(); } if(eventIdx == '108') { shareKKOEvent(); } if(eventIdx == '110') { shareKKO110(); } }); function sharedCnt() { var eventIdx = '120'; if(eventIdx == '108') { shareKKO108(); } else if(eventIdx == '110') { shareKKO110(); } else if(eventIdx == '121') { shareKKO121(); } else { shareKKO(); } //108이벤트에 대해서 공유숫자 cnt if(eventIdx == '108') { shareKKOEvent(); callAjax("/Event/EventSharedCntInsert", { eventIdx : 108 }, function (data) { }); } } function shareKKO() { var btnName = '#kakaoLink' var title = "타이어픽(TIREPICK)–" + '브리지스톤 신규 런칭 이벤트(~7/31)'; var description = "타이어 구매, 장착, 관리 모든 고민을 한번에! 편리하고 느낌있는 타이어 쇼핑몰 타이어픽"; var imgUrl = 'https://www.tire-pick.com/images/tirepick.jpg'; var mWebUrl = shareUrl; var pcWebUrl = shareUrl; createKakaoShare(btnName, title, description, imgUrl, mWebUrl, pcWebUrl); } function shareKKO121() { var btnName = '#kakaoLinkEvent' var title = "타이어픽(TIREPICK)–" + '브리지스톤 신규 런칭 이벤트(~7/31)'; var description = "타이어 구매하고 삼성 빔프로젝터 받자"; var imgUrl = 'https://tirepickprdstorage.blob.core.windows.net/event/121_RainySeasonEvent/mo/recommendKakao.png'; var mWebUrl = 'https://m.tire-pick.com/Event/Detail?id=121'; var pcWebUrl = 'https://www.tire-pick.com/Event/Detail?id=121'; createKakaoShare(btnName, title, description, imgUrl, mWebUrl, pcWebUrl); } function shareKKO110() { var btnName = '#kakaoLinkEvent' var title = "타이어픽(TIREPICK)–" + '브리지스톤 신규 런칭 이벤트(~7/31)'; var description = "😲홀리몰리과카몰리😲친구 가입시키고 네이버페이 포인트 받으러가기"; var imgUrl = 'https://tirepickprdstorage.blob.core.windows.net/event/110_2022RecommendEventS4/mo/recommendKakao.png'; var mWebUrl = 'https://m.tire-pick.com'; var pcWebUrl = 'https://www.tire-pick.com'; createKakaoShare(btnName, title, description, imgUrl, mWebUrl, pcWebUrl); } function shareKKO108() { var btnName = '#kakaoLink' var title = "검은🐯호랑이🐯해🖤흑심🖤이벤트"; var description = "▶포춘쿠키🥠열고 배터리 할인\n▶새해소망🙏작성하고 기프티콘"; var imgUrl = 'https://tirepickprdstorage.blob.core.windows.net/event/108_2022NewyearEvent/shareImg108.jpg'; var mWebUrl = shareUrl; var pcWebUrl = shareUrl; createKakaoShare2(btnName, title, description, imgUrl, mWebUrl, pcWebUrl); } function shareKKOEvent() { var btnName = '#kakaoLinkEvent' var title = "검은🐯호랑이🐯해🖤흑심🖤이벤트"; var description = "▶포춘쿠키🥠열고 배터리 할인\n▶새해소망🙏작성하고 기프티콘"; var imgUrl = 'https://tirepickprdstorage.blob.core.windows.net/event/108_2022NewyearEvent/shareImg108.jpg'; var mWebUrl = shareUrl; var pcWebUrl = shareUrl; createKakaoShare2(btnName, title, description, imgUrl, mWebUrl, pcWebUrl); } //공유하기 function openShare() { $('.board-top .share-box').toggle(); } function closeShare() { $('.board-top .share-box').hide(); } </script> <article class="article article-event"> <div class="inner-box"> <div class="page-header"> <h2 class="title"><span>이벤트</span></h2> </div> <div class="board-wrap-detail event-type"> <!-- 2019-05-16//클래스추가 --> <div class="detail-inner"> <div class="board-top"> <h2>브리지스톤 신규 런칭 이벤트(~7/31)</h2> <span> 2022.06.13 ~ 2022.07.31 </span> <!-- 2019-05-16//추가(s) --> <a href="javascript:;" class="btn-share" onclick="openShare();"></a> <div class="share-box"> <a href="javascript:void(0)" class="kakao" id="kakaoLink" onclick="sharedCnt()"> <span class="text">카카오톡</span> </a> <a href="javascript:void(0)" class="facebook" onclick="shareFacebook()"> <span class="text">페이스북</span> </a> <div class="form-box"> <input type="text" class="f-input" value="" id="clipboardcopy"> <button type="button" class="btn-copy clipboardcopy" data-clipboard-target="#clipboardcopy">URL복사</button> </div> <a href="javascript:void(0)" class="btn-close" onclick="closeShare();"></a> </div> <!-- 2019-05-16//추가(e) --> </div> <div class="detail-content"> <!-- 이벤트 내용 --> <script type="text/javascript"> var isLogin = 'False' == 'True'; $(document).ready(function () { var $eventtab = $(".brand-type"); $eventtab.find(".brand-title li a").each(function (idx) { $(this).click(function (e) { e.preventDefault(); var target = $(this).attr("href"); $(target).show().siblings(".tab-content").hide(); $(this).parent("li").addClass("active").siblings().removeClass("active"); }); }).eq(0).click(); // 버튼 클릭시 받기 완료 $(".coupon-wrap a").click(function(e){ e.preventDefault(); $(this).addClass("active"); }); // 타켓 이동 $(".sec-btn a").click(function(e){ var $el = $(this), id = $el.attr('href'); $('html, body').animate({ scrollTop: $(id).offset().top - 100 }, 800); }); }); function downloadCoupon(couponIdx) { if (isLogin) { callAjax('/Event/InsertCustomerCoupon', { couponIdx: couponIdx }, function (data) { if (data.isSuccess) { popupOpen('#Successpopup'); } else if (data.returnCode == -3) { popupOpen('#Completepopup') } else if (data.returnCode == -11) { popupOpen('#PeriodOver'); } else { eventPopup("쿠폰 발급 중 오류가 발생하였습니다.", '확인', '취소'); } }); } else { popupOpen("#Loginpopup"); } } </script> <style> .board-wrap-detail .detail-content .sec-wrap img{width:100%} .sec-wrap{position:relative;width:100%;margin:0 auto;background:#fff} .sec-wrap .sec{overflow:hidden;position:relative;max-width:760px;text-align:center;margin:0 auto;background-color: #f5f5f5;} .sec-wrap .sec-btn{font-size:0} .sec-wrap .sec-btn a{display:inline-block} .sec-wrap .sec-coupon{font-size:0} .sec-wrap .sec-coupon .coupon-wrap{position:absolute;top:280px;left:50%;width:440px;height:240px;font-size:0;transform: translateX(-50%);} .sec-wrap .sec-coupon .coupon-wrap span{position:absolute;bottom:0;left:0;} .sec-wrap .sec-coupon .coupon-wrap span:last-child{opacity: 0;} .sec-wrap .sec-coupon .coupon-wrap .active span:last-child{opacity: 1;} .sec-wrap .sec-brand{padding-bottom:80px} .sec-wrap .brand-type{width:100%;} .sec-wrap .brand-title{width:690px;height:90px;margin:4px auto 0;background:rgba(255,255,255,0.7);border-radius:20px;font-size:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out} .sec-wrap .brand-title li{position:relative;display:inline-block;width:33.3%;height:90px;text-align:center;} .sec-wrap .brand-title li>a{font-size:20px;font-weight:600;color:rgba(0,0,0,0.6);line-height:90px;transition: all 0.3s ease-in-out;z-index:10; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;} .sec-wrap .brand-title li:before{display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:30px;background:rgba(0,0,0,0.2);transform:translateY(-50%)} .sec-wrap .brand-title li.active:after{content:'';display:block;position:absolute;top:-4px;left:-3px;width:236px;height:94px;border-radius:18px;border-top-right-radius:22px;box-shadow:8px 0 15px -5px rgb(0 0 0 / 30%);background:url("https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_brand_title.png") 0 0 no-repeat;z-index:1;} .sec-wrap .brand-title li.active>a {color:rgba(0,0,0,1)} .sec-wrap .brand-title li:first-child:before{display:none} .sec-wrap .tab-wrap-content{position:relative;background:#fff;border-radius:20px;width:696px;padding:60px 0 40px;margin:-3px auto 0;border:3px solid #e71f14;text-align:center;box-shadow: 4px 4px 10px 1px rgb(0 0 0 / 30%);} .sec-wrap .tab-content{display:none;} .sec-wrap .tab-content a{display:block;width:440px;margin:0 auto} </style> <div class="sec-wrap"> <div class="sec"> <img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_view_01.png" alt=""> </div> <div class="sec sec-btn"> <a href="#event1"><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_view_02_01.png" alt=""></a> <a href="#event2"><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_view_02_02.png" alt=""></a> </div> <div class="sec sec-coupon" id="event1"> <img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_view_03.png" alt=""> <div class="coupon-wrap"> <a href="javascript:void(0)" onclick="downloadCoupon(489)" class=""> <img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_coupon.png"> <span><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_coupont_on.png"></span> <span><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_coupont_off.png"></span> </a> </div> </div> <div class="sec sec-brand"> <div class="brand-type"> <ul class="brand-title"> <li class="active"> <a href="#tab-01"> 투란자 세레니티 플러스 </a> </li> <li class=""> <a href="#tab-02"> 에코피아 H/L001 </a> </li> <li class=""> <a href="#tab-03"> 듀얼러 H/P SPORT </a> </li> </ul> <div class="tab-wrap-content"> <div class="tab-content" id="tab-01" style="display: block;"> <div class="tire"> <a href="javascript:void(0)" onclick="openLayerPopup('/Search/Brand?patternIdx=67', 1000, 850);"><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_brand_01.png"></a> </div> </div> <div class="tab-content" id="tab-02" style="display: none;"> <div class="tire"> <a href="javascript:void(0)" onclick="openLayerPopup('/Search/Brand?patternIdx=68', 1000, 850);"><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_brand_02.png"></a> </div> </div> <div class="tab-content" id="tab-03" style="display: none;"> <div class="tire"> <a href="javascript:void(0)" onclick="openLayerPopup('/Search/Brand?patternIdx=69', 1000, 850);"><img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_brand_03.png"></a> </div> </div> </div> </div> </div> <div class="sec" id="event2"> <img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_view_04.png" alt=""> </div> <div class="sec" id="event3"> <img src="https://tirepickprdstorage.blob.core.windows.net/event/120_BridgestoneEvent2/pc/pc_view_05.png" alt=""> </div> </div> <script> function eventPopup(message, confirmText, cancelText, confirmAction, cancelAction) { var popup = $('#confirmPopup'); popupOpen(popup); $(popup).find('.popup-cont .text').html(message); $(popup).find('#cancelbtn').text(cancelText); $(popup).find('#confirmbtn').text(confirmText); if (confirmAction) { $(popup).find('#confirmbtn').unbind(); $(popup).find('#confirmbtn').bind('click', function () { confirmAction(); }); } else { $(popup).find('#confirmbtn').unbind(); $(popup).find('#confirmbtn').bind('click', function () { popupClose('#confirmPopup'); }); } } function eventPopup2(message, confirmText, cancelText, confirmAction) { var popup = $('#confirmPopup2'); popupOpen(popup); $(popup).find('.popup-cont .text').html(message); $(popup).find('#cancelbtn').text(cancelText); $(popup).find('#confirmbtn').text(confirmText); if (confirmAction) { $(popup).find('#confirmbtn').unbind(); $(popup).find('#confirmbtn').bind('click', function () { confirmAction(); }); } else { $(popup).find('#confirmbtn').unbind(); $(popup).find('#confirmbtn').bind('click', function () { popupClose('#confirmPopup2'); }); } } function eventAlertPopup(message, confirmText, confirmAction) { var popup = $('#eventAlertPopup'); popupOpen(popup); $(popup).find('.popup-cont .text').html(message); $(popup).find('#confirmbtn').text(confirmText); if (confirmAction) { $(popup).find('#confirmbtn').unbind(); $(popup).find('#confirmbtn').bind('click', function () { confirmAction(); }); } else { $(popup).find('#confirmbtn').unbind(); $(popup).find('#confirmbtn').bind('click', function () { popupClose('#eventAlertPopup'); }); } } </script> <div class="popup" id="confirmPopup"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#confirmPopup');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> </div> <div class="btn-div"> <a href="javascript:void(0)" id="cancelbtn" class="btn btn-white" onclick="popupClose('#confirmPopup');">취소</a> <a href="javascript:void(0)" id="confirmbtn" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <div class="popup" id="confirmPopup2"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#confirmPopup2');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> </div> <div class="btn-div"> <a href="javascript:void(0)" id="cancelbtn" class="btn btn-white" onclick="popupClose('#confirmPopup2');">취소</a> <a href="javascript:void(0)" id="confirmbtn" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <div class="popup" id="eventAlertPopup"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#eventAlertPopup');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> </div> <div class="btn-div"> <a href="javascript:void(0)" id="confirmbtn" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <div class="popup" id="Loginpopup"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#Loginpopup');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> 로그인이 필요합니다<br> 로그인 페이지로 이동하시겠습니까? </div> <div class="btn-div"> <a href="javascript:void(0)" class="btn btn-white" onclick="popupClose('#Loginpopup');">취소</a> <a href="/Customer/Login?returnUrl=%2FEvent%2FDetail%3Fid%3D120" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <div class="popup" id="Successpopup"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#Successpopup');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> 할인 쿠폰이 발급되었습니다<br> ‘MY쿠폰’에서 확인하세요 </div> <div class="btn-div"> <a href="javascript:void(0)" onclick="popupClose('#Successpopup');" class="btn btn-white">취소</a> <a href="/My/Coupon" class="btn btn-basic">MY 쿠폰</a> </div> </div> </div> </div> </div> <div class="popup" id="Completepopup"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#Completepopup');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> 이미 이벤트에 참여하셨습니다.<br> ‘MY쿠폰’에서 확인하세요 </div> <div class="btn-div"> <a href="javascript:void(0)" class="btn btn-white" onclick="popupClose('#Completepopup');">취소</a> <a href="/My/Coupon" class="btn btn-basic">MY 쿠폰</a> </div> </div> </div> </div> </div> <div class="popup" id="PeriodOver"> <div class="mask"></div> <div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#PeriodOver');">팝업닫기</a> </div> <div class="popup-inner"> <div class="popup-cont"> <div class="text"> 이벤트 기간이 아닙니다. </div> <div class="btn-div"> <a href="javascript:void(0)" onclick="popupClose('#PeriodOver');" class="btn btn-basic">확인</a> </div> </div> </div> </div> </div> <!--<div id="popup-agree1" class="popup type2 popup-agree"> <div class="mask"></div>--> <!-- popup-wrap(s) --> <!--<div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#popup-agree1');">팝업닫기</a> </div> <div class="popup-header"> 개인정보 수집 및 이용 </div> <div class="popup-inner"> <div class="popup-cont m-scroll"> <div class="agree-box"> <div class="tbl-box"> <table> <colgroup> <col width="120px"> <col width="250px"> <col width="200px"> <col /> </colgroup> <thead> <tr> <th>구분</th> <th>수집 항목</th> <th>이용 목적</th> <th>보유 기간</th> </tr> </thead> <tbody> <tr> <td class="center" rowspan="3">필수</td> <td class="center">이름, 휴대폰번호</td> <td class="center">본인 확인, 이벤트 당첨 안내, 경품 배송</td> <td class="center">이벤트 종료 시점으로부터 3개월까지 보유 후 파기</td> </tr> </tbody> </table> </div> <p>* 위 개인정보 수집 이용 동의를 거절하실 수 있으나, 거절 시 이벤트 참여가 불가합니다.</p> </div> </div> </div> </div>--> <!-- //popup-wrap(e) --> <!--</div> <div id="popup-agree2" class="popup type2 popup-agree"> <div class="mask"></div>--> <!-- popup-wrap(s) --> <!--<div class="popup-wrap"> <div class="popup-close"> <a href="javascript:;" onclick="popupClose('#popup-agree2');">팝업닫기</a> </div> <div class="popup-header"> 개인정보 처리업무 위탁 동의 </div> <div class="popup-inner"> <div class="popup-cont m-scroll"> <div class="agree-box"> <div class="tbl-box"> <table> <colgroup> <col width="300px"> <col /> </colgroup> <thead> <tr> <th>수탁자명</th> <th>제공 목적</th> </tr> </thead> <tbody> <tr> <td class="center">㈜쿠프마케팅</td> <td class="center">이벤트 경품 (기프티콘) 발송 대행</td> </tr> </tbody> </table> </div> <p>* 위 개인정보 처리 위탁 동의를 거절하실 수 있으나, 거절 시 이벤트 참여가 불가합니다.</p> </div> </div> </div> </div>--> <!-- //popup-wrap(e) --> <!--</div>--> </div> </div> <div class="detail-bottom"> <dl> <dt onclick="goEventDetail(118);" style="cursor:pointer"><span><i class="ico-prev"></i>이전글</span></dt> <dd><a href="javascript:void(0)" onclick="goEventDetail(118);">카카오톡 플러스 친구 이벤트</a></dd> </dl> <dl> <dt onclick="goEventDetail(121);" style="cursor:pointer"><span>다음글<i class="ico-next"></i></span></dt> <dd><a href="javascript:void(0)" onclick="goEventDetail(121);">장마철 대비 할인 경품 이벤트</a></dd> </dl> <div class="btn-div"> <a href="/Event" class="btn btn-basic"><span class="hidden">목록</span></a> </div> </div> </div> </div> </article> </section> <!-- footer --> <footer id="footer"> <!-- 약관 --> <div class="foot-01"> <a href="/Common/Terms">이용약관</a> <a style="font-weight:900;" href="/Common/PersonalData">개인정보 처리방침</a> <a href="/Common/EmailNotice">이메일무단수집거부</a> </div> <!-- //약관 --> <!-- 2019-06-04 정보 수정 --> <div class="foot-02"> <p> <span>카티니 주식회사</span> <span>서울특별시 마포구 토정로 267</span> <span>대표이사 : 최우혁</span> <span>사업자번호 : 798-81-01842</span> <!-- 2019-05-15 삭제 <span><a href="#">사업자 정보확인</a></span>--> </p> <p> <span> 통신판매업신고 : 제2021-서울마포-3350호 </span> </p> <p> <span>이메일 : cs@tire-pick.com</span> <span>고객센터 : <span class="tel">1600-7013</span> (평일 09~18시, 토요일 09~15시)</span> <!-- 2019-06-04 번호 수정 --> </p> <p class="copy"> Copyright (C) TIREPICK. All rights reserved. </p> </div> <!-- 2019-08-28 sns --> <!-- 2019-08-28 sns --> <div class="foot-03"> <!-- <a href="#" class="facebook"> <span class="hidden">페이스북</span> </a> <a href="#" class="twitter"> <span class="hidden">트위터</span> </a> --> <a href="https://www.instagram.com/tirepick/" target="_blank" class="instar"> <span class="hidden">인스타그램</span> </a> <a href="https://www.youtube.com/channel/UC8crp07cC6BEVS9UfvRmS3g" target="_blank" class="youtube"> <span class="hidden">유투브</span> </a> </div> <!-- //2019-08-28 sns --> <!-- //2019-08-28 sns --> <!-- //정보 --> <!-- 2019-07-03 sns 주석처리 <div class="foot-03"> <a href="#" class="facebook"> <span class="hidden">페이스북</span> </a> <a href="#" class="twitter"> <span class="hidden">트위터</span> </a> <a href="#" class="instar"> <span class="hidden">인스타그램</span> </a> </div> --> <!-- //sns --> <div style="display:none;"> Live www.tire-pick.com </div> </footer> <!-- //footer --> <!-- quick floating --> <div id="quick"> <!-- 2019-08-28 추가 --> <div class="tool-tip"> 타이어픽에 대해<br> 궁금한 점이 있으신가요? <a href="javascript:;" class="tool-close"></a> </div> <!-- //2019-08-28 추가 --> <div class="floating"> <a herf="javascript:;" class="quick-advice" style="cursor:pointer">상담</a> <a herf="javascript:;" class="quick-top" style="cursor:pointer"> <span class="hidden">상단으로 이동</span> </a> </div> <div class="advice-detail"> <div class="details"> <a href="https://customer.happytalk.io/public_v1/chat_v4/public_point?go=C&is_login=N&uid=&site_id=1000221522&category_id=99541&division_id=99542&usergb=W&title=%5B%ED%85%8C%EC%8A%A4%ED%8A%B8+%EC%83%81%EB%8B%B4%EC%B0%BD%5D" target="_blank" class="ad-chat"> <span class="hidden">1:1채팅</span> </a> <a href="https://api.happytalk.io/api/kakao/chat_open?yid=%40%ED%83%80%EC%9D%B4%EC%96%B4%ED%94%BD&site_id=1000221522&category_id=99541&division_id=99542" target="_blank" class="ad-kakao"> <span class="hidden">카카오톡</span> </a> </div> <a href="javascript:;" class="ad-close"> <span class="hidden">닫기</span> </a> </div> </div> <!-- //quick floating --> <div class="loading" style="display:none"> <div class="loader"></div> </div> </div> </body> </html>
