audi/app/pages/service/program/pickupdelivery.vue

<template>
  <main>
    <div class="detail--container--full">
      <div class="inner--wrapper">
        <div class="service--detail">
          <h2>Pickup & Delivery Service<br />픽업 & 딜리버리 서비스</h2>
          <h3>
            고객님의 차량을 직접 픽업하여 정비를 완료한 후, 다시 고객님께 안전하게
            전달해드리는 탁송 서비스입니다.
          </h3>

          <ul class="service--process--list">
            <li class="not--before">
              • 이용 방법<br /><br />
              <p>
                편도 또는 왕복, 고객 맞춤형 이용 가능<br /><br />
                고객님이 지정한 장소에서 전문 기사가 차량을 픽업<br />
                서비스센터에서 점검 및 정비 완료<br />
                이후 고객님이 원하는 장소로 안전하게 딜리버리<br /><br />
                ※ 고객의 일정 및 상황에 따라 픽업만 / 딜리버리만 / 왕복 모두 선택
                가능합니다.
              </p>
            </li>
            <li class="not--before">
              • 이용 요금
              <p>
                무상 및 유상 이용 가능<br /><br />
                2024년형 이상 아우디 차량 보유 고객 : CSP 쿠폰에 포함된 픽업 & 딜리버리
                쿠폰으로 연 2회 무상 이용 가능<br />
                그 외 고객 : 기본 요금 20,000원부터 시작하여 이후 1km당 1,000원씩 거리
                요금 추가(50KM까지)
              </p>
            </li>

            <li class="not--before">
              • 신청 방법
              <p>
                온라인 서비스 예약 시, 예약 완료 단계에서 픽업 & 딜리버리 서비스 신청<br /><br />
                ※ 고객님 차량의 위치에서 가장 가까운 서비스 센터 기준으로 신청 가능합니다.
              </p>
            </li>

            <li class="not--before">
              • 상세 요금
              <p>
                운영지역: 전국<br />10KM까지 20,000원 이후 1KM 당 1,000원 추가(50KM까지)
              </p>
            </li>
          </ul>

          <div class="data--table--wrap">
            <div class="hide-caption">
              <table class="" aria-label="Data table" data-testid="table">
                <thead class="">
                  <tr class=""></tr>
                </thead>
                <tbody class="">
                  <tr class="">
                    <td class="">
                      <span class=""><span class="sc-oUoif kzRFzM">거리별</span></span>
                    </td>
                    <td class="">
                      <span class=""><span class="sc-oUoif kzRFzM">운영요금</span></span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">51km 이상~ 60km 이하</span>
                    </td>
                    <td class="">
                      <span class="">65,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">61km 이상~ 65km 이하</span>
                    </td>
                    <td class="">
                      <span class="">70,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">66km 이상~ 70km 이하</span>
                    </td>
                    <td class="">
                      <span class="">75,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">71km 이상~ 80km 이하</span>
                    </td>
                    <td class="">
                      <span class="">80,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">81km 이상~ 100km 이하</span>
                    </td>
                    <td class="">
                      <span class="">85,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">101km 이상~ 120km 이하</span>
                    </td>
                    <td class="">
                      <span class="">90,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">121km 이상~ 140km 이하</span>
                    </td>
                    <td class="">
                      <span class="">95,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">141km 이상~ 160km 이하</span>
                    </td>
                    <td class="">
                      <span class="">100,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">161km 이상~ 180km 이하</span>
                    </td>
                    <td class="">
                      <span class="">105,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">181km 이상~ 200km 이하</span>
                    </td>
                    <td class="">
                      <span class="">110,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">201km 이상~ 220km 이하</span>
                    </td>
                    <td class="">
                      <span class="">115,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">221km 이상~ 240km 이하</span>
                    </td>
                    <td class="">
                      <span class="">120,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">241km 이상~ 260km 이하</span>
                    </td>
                    <td class="">
                      <span class="">125,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">261km 이상~ 280km 이하</span>
                    </td>
                    <td class="">
                      <span class="">130,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">281km 이상~ 300km 이하</span>
                    </td>
                    <td class="">
                      <span class="">135,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">301km 이상~ 350km 이하</span>
                    </td>
                    <td class="">
                      <span class="">140,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">351km 이상~ 400km 이하</span>
                    </td>
                    <td class="">
                      <span class="">145,000</span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">401km 이상~</span>
                    </td>
                    <td class="">
                      <span class="">150,000</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          <div class="desc--caution--text mt--40">
            • 대기 요금: 초기 30분 무료, 이후 30분당 5,000원 추가<br />
            • 경유 요금: 거리에 따른 경유 요금 추가 1km당 1,000원<br />
            • 취소 비용: 배차 후 이동 시작 취소 10,000원 / 운행 시작 후 취소 탁송금액 (단,
            전일 배정 06:00~09:00 오더 취소 시 10,000원)<br />
            • 주유비 등 각종 기타 경비 실비 정산<br />
            • 톨비(통행료) 포함, 특수지역 톨비(통행료) 실비 정산 (ex. 영종도, 거가대교
            통행료 등)<br />
            • 출/도착지 특수지역(오지) 요금 협의
          </div>

          <NuxtLink
            to="https://www.audikoreaevent.co.kr/app/rsvt/applyServiceReservation.do"
            target="_blank"
            class="light--gray--btn mt--40"
          >
            온라인 서비스 예약하기
          </NuxtLink>
        </div>
      </div>
    </div>
  </main>
</template>

<script setup></script>