타이어픽(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="CfDJ8Eaf_c1x3PZLhaBO3OZoc2cavuS_ItvjuH7K11J26nNTT6e-iL5tzGpWY6kIhAhlHuwI0YOAiy18Qf_BIS8B-dA9kKIB-TUMonfQz-Q6suNYc5LKHzRJC4xGdDmmLQOGrbzgR1kwzAexiyEEuAlyHkM"> <!-- 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 article-cs v2"> <div class="tire-pick-intro"> <section class="intro-section visual"> <div class="title"> <p>스마트한 구매</p> <h2>타이어도 배터리도<strong>내맘대로 <em>PICK!</em></strong></h2><!-- 2020-07-01 수정 --> <i class="ico-hand"></i> </div> <i class="ico-tool1"></i> <i class="ico-tool2"></i> <i class="ico-tool3"></i> <i class="ico-tool4"></i> <i class="ico-tool5"></i> <i class="ico-tool6"></i> </section> <section class="intro-section-v2 v2"> <div class="tab-wrap tab-active"> <!-- 2020-07-01 주석 <ul class="tab-title col-2 inner-box"> <li class="active"> <a href="#cs1">타이어 구매하는 법</a> </li> <li> <a href="#cs2">배터리 구매하는 법</a> </li> </ul> --> <div class="inner-box tab-inner"> <div class="tab-box title"> <h3>장착서비스를<br>이용해보아요!</h3> <ul class="tab-title2"> <li class="active"> <a href="#cs1_1">장착점 방문</a> </li> <li> <a href="#cs1_2">발렛장착</a> </li> </ul> </div> <div class="tab-box"> <!-- 2021-05-28 수정 (s) --> <div id="cs1_1" class="tab-content active"> <ul class="pick-flow v1"> <li> <span><i class="ico-store-info1"></i></span> <p class="step">STEP 01</p> <p>타이어<br>PICK</p> </li> <li> <span><i class="ico-store-info2"></i></span> <p class="step">STEP 02</p> <p>장착점,일시,<br>휠 얼라인먼트 선택</p> </li> <li> <span><i class="ico-store-info4"></i></span> <p class="step">STEP 03</p> <p>결제</p> </li> </ul> <ul class="pick-flow v2"> <li> <span><i class="ico-store-info6"></i></span> <p class="step">STEP 04</p> <p>지정 장착점으로<br>타이어 무료배송</p> </li> <li> <span><i class="ico-store-info7"></i></span> <p class="step">STEP 05</p> <p>예약 날짜에<br>장착점 방문</p> </li> <li> <span><i class="ico-store-info8"></i></span> <p class="step">STEP 06</p> <p>타이어<br>교체</p> </li> </ul> </div> <!-- 2021-05-28 수정 (e) --> <div id="cs1_2" class="tab-content"> <ul class="pick-flow v1"> <li> <span><i class="ico-store-info1"></i></span> <p class="step">STEP 01</p> <p>타이어<br>PICK</p> </li> <li> <span><i class="ico-store-info2"></i></span> <p class="step">STEP 02</p> <p>픽업장소, 일시,<br>휠 얼라인먼트 선택</p><!--2021-07-01--> </li> <li> <span><i class="ico-store-info4"></i></span> <p class="step">STEP 03</p> <p>결제</p> </li> <li> <span><i class="ico-store-info5"></i></span> <p class="step">STEP 04</p> <p>장착점 자동지정/<br>해피콜</p> </li> </ul> <ul class="pick-flow v2"> <li> <span><i class="ico-store-info11"></i></span> <p class="step">STEP 05</p> <p>픽업 장소로<br>기사 방문</p> </li> <li> <span><i class="ico-store-info12"></i></span> <p class="step">STEP 06</p> <p>고객차량 인수</p> </li> <li> <span><i class="ico-store-info8_2"></i></span> <p class="step">STEP 07</p> <p>장착점에서<br>타이어 교체</p> </li> <li> <span><i class="ico-store-info13"></i></span> <p class="step">STEP 08</p> <p>픽업 장소로<br>차량 배달</p> </li> </ul> </div> </div> </div> <section class="intro-section-v2 bottom"> <div class="inner-box"> <div class="tab-box title"> <h3>장착서비스를<br>이용하지 않아도<br>괜찮아요!</h3> </div> <div class="tab-box"> <ul class="pick-flow v0"> <li> <span><i class="ico-store-info1"></i></span> <p class="step">STEP 01</p> <p>타이어PICK</p> </li> <li> <span><i class="ico-store-info9"></i></span> <p class="step">STEP 02</p> <p>배송지 입력</p> </li> <li> <span><i class="ico-store-info4"></i></span> <p class="step">STEP 03</p> <p>결제</p> </li> <li> <span><i class="ico-store-info10"></i></span> <p class="step">STEP 04</p> <p>타이어 수령</p> </li> </ul> </div> </div> </section> <!-- 2020-07-01 주석 <div id="cs1" class="tab-content active"> </div> <div id="cs2" class="tab-content"> <div class="battery-wrap inner-box"> <img src="../../images/08_cs/battery.jpg"/> </div> </div> --> </div> </section> </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시)</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 type="text/javascript"> $(document).ready(function () { TweenMax.fromTo($('.visual .title p, .visual .title h2'), 0.5, { y: "100%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", opacity: "1", }, 0.3); TweenMax.fromTo($('.visual .ico-hand'), 0.5, { y: "100%", //x: "-20%", opacity: "0", ease: Power4.easeInOut }, { y: "0%", //x: "0%", opacity: "1", delay: 0.6 }, 0.3); var lThiz = this; var nPos = $(window).scrollTop(); var tab1On = false; var tab2On = false; $(window).scroll(function () { var lNtop = $(this).scrollTop(); if (lNtop > 300) { if (!tab1On) { var $tap = $(".tab-wrap"); $tap.find(".tab-title2 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"); if ($("#cs1_1").hasClass('active')) { setTimeout(function () { $("#cs1_1 .pick-flow.v1").addClass("active"); $('#cs1_1 .pick-flow.v1 li').each(function (i) { var $that = $(this); setTimeout(function () { $that.addClass('active').siblings().removeClass('active'); }, i * 500); }); }, 100); setTimeout(function () { //$(".pick-flow.v1").removeClass("active"); $("#cs1_1 .pick-flow.v1 li").removeClass("active"); $("#cs1_1 .pick-flow.v2").addClass("active"); $('#cs1_1 .pick-flow.v2 li').each(function (i) { var $that = $(this); setTimeout(function () { $that.addClass('active').siblings().removeClass('active'); }, i * 500); }); }, 2000); } else if ($("#cs1_2").hasClass('active')) { setTimeout(function () { $("#cs1_2 .pick-flow.v1").addClass("active"); $('#cs1_2 .pick-flow.v1 li').each(function (i) { var $that = $(this); setTimeout(function () { $that.addClass('active').siblings().removeClass('active'); }, i * 500); }); }, 100); setTimeout(function () { //$(".pick-flow.v1").removeClass("active"); $("#cs1_2 .pick-flow.v1 li").removeClass("active"); $("#cs1_2 .pick-flow.v2").addClass("active"); $('#cs1_2 .pick-flow.v2 li').each(function (i) { var $that = $(this); setTimeout(function () { $that.addClass('active').siblings().removeClass('active'); }, i * 500); }); }, 2000); } }); //}); }).eq(0).click(); tab1On = true; } } if (lNtop > 1000) { if (!tab2On) { setTimeout(function () { $(".pick-flow.v0").addClass("active"); $('.pick-flow.v0 li').each(function (i) { var $that = $(this); setTimeout(function () { $that.addClass('active').siblings().removeClass('active'); }, i * 800); }); }, 100); tab2On = true; } } nPos = lNtop; }); /* 2021-01-26 영상 슬라이드 (s) */ $('.video-slider').on("init", function (event, slick) { $(this).find('.counter-box .current').html('1'); //$(this).find('.total').append((Math.round(slick.slideCount / 3))); $(this).find('.total').append((Math.ceil('0' / 3))); //if (slick > 11) { // $(this).find('.total').append((slick.slideCount)); //} else { // $(this).find('.total').append((slick.slideCount)); //} }); $('.video-slider').slick({ infinite: true, slide: '.video-slider .item', slidesToShow: 3, slidesToScroll: 3, arrows: true, }); $('.video-slider').on('afterChange', function (event, slick, currentSlide, nextSlide) { setTimeout(function () { $('.video-slider .counter-box .current').html((Math.ceil(currentSlide / 3) + 1)); }, 300); }); /* 2021-01-26 영상 슬라이드 (e) */ }); </script> </div> </body> </html>
