타이어픽(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="CfDJ8HC_0QLMKJNBtEd9YH_LHw6iQ7c9pBnKx8MM_yaXvkSJ0lrL6nLX-hEuYuNrmXz_Kc2r5CLSGSrbAPbGy9EGHm4pBKzDLfp5rKW2CQ_vBh8HkaHHKMTi12CjgkTMklpzDT2PtyYEr78wCNH_DXGs2EE"> <!-- 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"> <article class="article-service article"> <div class="inner-box"> <div class="top"> <div class="title">고민타파 서비스</div> <div class="desc">타이어 교체 어려우신가요?</div> </div> <div class="obj-wrap"> <div class="obj-box"> <div class="obj"> <span class="obj-01"><img src="../../images/06_me/me_01.png"></span> <span class="ico obj-02"></span> <span class="ico obj-03"></span> <span class="ico obj-04"></span> <span class="obj-05"><img src="../../images/06_me/me_02.png"></span> <span class="obj-06"><img src="../../images/06_me/me_03.png"></span> <span class="obj-07"><img src="../../images/06_me/me_04.png"></span> <span class="ico obj-08"></span> <span class="ico obj-09"></span> </div> <div class="text"> 타이어 구매, 장착, 관리<br> 타이어픽에서<br> 스마트하게 해결하세요! </div> </div> </div> </div> <div class="type-box"> <ul> <li> <i class="ico ico-service-01"></i> <p>TPMS<br>무료 탈장착</p> </li> <li> <i class="ico ico-service-02"></i> <p>휠얼라인먼트<br>50% 할인</p> </li> <li> <i class="ico ico-service-03"></i> <p>타이어<br>발렛 장착</p> </li> </ul> <div class="desc"> 타이어는 꼭 타이어픽에서 사야하는 이유! </div> </div> <div class="service-content inner-box"> <div class="tab-wrap"> <ul class="tab-title col-3"> <li class="active"><a href="#tab-01">TPMS 무료 탈장착</a></li> <li><a href="#tab-02">장착 서비스</a></li> <li><a href="#tab-03">발렛장착</a></li> </ul> <div class="tab-content active" id="tab-01"> <div class="tab-tit">타이어 교체 시 불필요한 추가 공임은 No!</div> <div class="box-wrap"> <div class="box"> <img src="../../images/06_me/service_05.png"> <div class="cont"> <div class="tit">TPMS 무료 탈장착</div> <div class="tit2"><span class="line">타이어픽 제휴 장착점 장착 시</span> 100% 무료!</div> <div class="text-detail text-dot"> <ul> <li>타이어픽의 장착 비용에는 타이어 교체, 휠밸런스, TPMS 탈장착 금액이 모두 포함되어 있습니다.</li> </ul> </div> </div> </div> </div> </div> <div class="tab-content" id="tab-02"> <div class="tab-tit">타이어 장착 관련 서비스도 타이어픽에서 가장 저렴하게!</div> <div class="box-wrap"> <div class="box"> <img src="../../images/06_me/service_03.png"> <div class="cont"> <div class="tit">휠 얼라인먼트 할인</div> <div class="tit2">타이어픽 제휴 장착점에서 장착 시 휠얼라인먼트 정비 50% 할인 헤택을 제공합니다.</div> <div class="text-detail text-dot"> <ul> <li>대상: 타이어 구매 고객</li> <li>조건: 타이어 구매 시 <span class="line">옵션으로 휠얼라인먼트 선택 및 결제</span></li> <li>기간: 타이어 장착 예약 당일만 사용 가능</li> <li> 할인 가격: 국산차 35,000원<br> 수입차 65,000원 </li> <li> 소요시간: 타이어 교체 소요시간은 4개 기준 평균 1시간이며,<br> 휠얼라인먼트 진행 시 1시간이 추가로 소요됩니다.</li> <li> 하체유격 등 차량 상태에 따라 휠얼라인먼트가 불가할 수 있습니다. </li> </ul> </div> </div> </div> </div> </div> <div class="tab-content" id="tab-03"> <div class="tab-tit">고객님의 차량을 픽업해서 장착 후 배달해 드리는 발렛 서비스를 만나보세요.</div> <div class="box-wrap"> <div class="box"> <img src="../../images/06_me/service_04.png"> <div class="cont"> <div class="tit">발렛장착</div> <div class="tit2">집에서 클릭 한 번으로 타이어를 교환해보세요!</div> <div class="text-detail text-dot"> <ul> <li>대상: 타이어 구매 고객</li> <li> 조건: ① 타이어 구매 시 옵션으로 발렛장착 선택 및 결제<br> <span style="display:inline-block;width:38px"></span>② 전국 이용가능 (단, 도서산간 및 읍/면 제외)<br> <span style="display:inline-block;width:38px"></span>③ 평일 한정 이용 가능<br> </li> <li>가격: 왕복 25,000원 초특가</li> <li> 유의사항:<br> 발렛장착 시 출동기사와 배달기사가 다를 수 있습니다.<br> 발렛장착 시 휠얼라인먼트 서비스는 15:00시까지만 이용 가능합니다.<br> 픽업 장소와 딜리버리 장소는 동일해야 합니다.<br> 일부 지역은 기사 배정에 따라 서비스가 불가할 수 있습니다.<br> 타이어 펑크 및 운행이 불가한 경우 서비스가 불가할 수 있습니다.<br> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </article> <script> $(document).ready(function () { TweenMax.fromTo($('.obj-wrap .obj-01'), 0.5, { y: "-100%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", opacity: "1", }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-02'), 0.5, { y: "-100%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", opacity: "1", delay: 0.3 }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-03'), 0.5, { y: "-100%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", opacity: "1", delay: 0.5 }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-04'), 0.5, { y: "-100%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", opacity: "1", delay: 0.3 }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-05'), 0.5, { opacity: "0", ease: Power4.easeInOut }, { opacity: "1", delay: 0.5 }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-06'), 0.5, { opacity: "0", ease: Power4.easeInOut }, { opacity: "1", delay: 0.7 }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-07'), 0.5, { opacity: "0", ease: Power4.easeInOut }, { opacity: "1", delay: 0.9 }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-08'), 0.5, { opacity: "0", ease: Power4.easeInOut }, { opacity: "1", delay: 1.2, repeat: -1, /* Aka infinite amount of repeats */ yoyo: true /* Make it go back and forth */ }, 0.3); TweenMax.fromTo($('.obj-wrap .obj-09'), 0.5, { y: "10%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", opacity: "1", delay: 1.2 }, 0.3); TweenMax.fromTo($('.obj-wrap .text'), 0.5, { x: "-20%", opacity: "0", ease: Power4.easeInOut }, { x: "0%", opacity: "1", delay: 1.2 }, 0.3); TweenMax.set($('.type-box ul li'), { y: "50%", opacity: "0" }); TweenMax.staggerTo($('.type-box ul li'), 0.5, { y: "0%", opacity: "1", delay: 0.2, }, 0.2); $("#tab-01").removeClass("active"); var $tap = $(".tab-wrap"); $tap.find(".tab-title li a").each(function (idx) { $(this).click(function (e) { e.preventDefault(); var target = $(this).attr("href"); $(target).show().addClass("active").siblings(".tab-content").hide().removeClass("active"); $(this).parent("li").addClass("active").siblings().removeClass("active"); TweenMax.fromTo($('.tab-content.active'), 0.5, { y: "50px", opacity: "0", ease: Power1.easeInOut, }, { y: "0%", opacity: "1", }, 0.5); }); }).eq(0).click(); var scrollPos = []; var i = 0; $('.service-content').each(function () { scrollPos[i] = $(this).offset().top - 500; i++; }); var tabOn = false; $(window).scroll(function () { var nTop = $(this).scrollTop(); for (var i = 0; i < scrollPos.length; i++) { if ((nTop > scrollPos[i])) { $('.service-content').eq(i).addClass('active'); $("#tab-01").addClass("is-active").removeClass("active"); if ($("#tab-01").hasClass("is-active")) { if (!tabOn) { //alert("aaa") TweenMax.fromTo($('#tab-01'), 0.5, { y: "50px", opacity: "0", ease: Power1.easeInOut, }, { y: "0%", opacity: "1", }, 0.5); tabOn = true; } } } else { //$(this).removeClass('active'); $("#tab-01").removeClass("is-active"); //TweenMax.set($("#tab-01, #tab-02, #tab-03"), {y: "10%", opacity: "0"}); } } }); }); </script> </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> <script> $(document).ready(function () { // 2019/7/5 고민타파서비스 gnb에 화이트 BG 제거 //if ($("#container .article-service").length) { // $("#header, .sub").css({ "background": "#fff" }); //} $('.guide-pop-box .more').click(function (e) { e.preventDefault(); $(this).closest('.guide-pop-box').find('.pop-guide').fadeIn(); }); $('.pop-guide .btn-close').click(function (e) { e.preventDefault(); $(this).closest('.pop-guide').fadeOut(); }); }); var $tap = $(".tab-wrap"); $tap.find(".tab-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(); </script> </div> </body> </html>
