audi/app/pages/service/careprogram/notice.vue

<template>
  <main>
    <div class="detail--container--full">
      <FullSizeBannerText1
        :imagePath="bannerImagePath"
        altText="About Audi"
        textLocation="top"
        mask="mask--hidden"
        type="cover"
        :height="800"
        textColor="#020203"
      />

      <Nav actvIndex="1" />
      <div class="inner--wrapper">
        <div class="service--detail">
          <h2>환경부의 차량 인증 취소 처분과 관련하여 고객님께 드리는 말씀</h2>
          <h3>2016년 8월 2일</h3>
          <h2 class="middle">친애하는 고객님께,</h2>
          <ul class="service--process--list pt--1">
            <li class="not--before">
              <p>
                당사는 이번 사건과 관련하여, 환경부가 금일 당사의 차량 중 총 19개 차종
                42개 모델에 대한 인증 취소라는 처분으로 인해 고객 여러분께 심려를 끼쳐
                드리게 된 점에 대해 다시 한번 깊이 사과 드립니다.<br /><br /><br />
                금일 발표된 환경부의 인증 취소 처분에 따라 당사의 판매 중단 차량은 총 19개
                차종 42개로 확정되었으며, 금일 기준 당사의 신규 판매 중지 차량의 목록과,
                계약 및 신차등록 판매가 가능한 차량은 ‘판매 중단 및 판매 가능차량 목록’을
                참조하시기 바랍니다.<br /><br /><br />
                다만, 금번 환경부의 인증취소처분은 고객님들이 보유하고 계신 기존 차량의
                운행, 보증수리, 소유 및 매매에는 아무런 제약이 없음을 알려드립니다.<br /><br /><br />
                아울러 본건 사태를 해결하는 것은 저희에게 가장 중요한 사항이며, 당사는
                환경부와 본건 사태를 가능한 조속히 해결하기 위해 협조하고, 고객분들과의
                신뢰를 회복하기 위해 최선을 다하도록 하겠습니다.<br /><br /><br />
                더 궁금하신 점에 대해서는 아우디 고객센터(02-6009-0000)로 문의 주시면 보다
                상세히 알려드릴 수 있도록 하겠습니다.<br /><br /><br />
                감사합니다
              </p>
            </li>
          </ul>
          <h2>판매 중단 및 판매 가능차량 목록</h2>
          <div class="data--table--wrap mt--40">
            <div class="hide-caption">
              <table class="" aria-label="Data table" data-testid="table">
                <caption class=""></caption>
                <thead class="">
                  <tr class=""></tr>
                </thead>
                <tbody class="">
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>&nbsp;</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>판매 중지</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>판매 가능</div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>A3</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">
                              <div aria-hidden="true" class=""></div>
                              › A3 35 TDI
                            </li>

                            <li class="">› A3 Sportback 35 TDI</li>

                            <li class="">› S3</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A3 Sportback e-tron</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <p class="sc-qPXtF fIcvqO">A4</p>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A4 30 TDI</li>

                            <li class="">› &nbsp;A4 35 TDI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A4 45 TFSI</li>

                            <li class="">› A4 45 TFSI Premium</li>

                            <li class="">› A4 45 TFSI quattro Premium</li>

                            <li class="">› A4 45 TFSI quattro Sport</li>

                            <li class="">› A4 45 TFSI Sport</li>

                            <li class="">› A4 55 TDI quattro Sport</li>

                            <li class="">› S4 TFSI quattro<br /></li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>A5</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A5 40 TFSI quattro</li>

                            <li class="">› A5 Sportback 35 TDI quattro</li>

                            <li class="">› A5 Cabriolet 40 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› RS 5 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>A6</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A6 35 TDI</li>

                            <li class="">› A6 35 TDI quattro</li>

                            <li class="">› A6 Avant 35 TDI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A6 40 TDI quattro</li>

                            <li class="">› A6 50 TDI quattro</li>

                            <li class="">› A6 55 TDI quattro</li>

                            <li class="">› A6 40 TFSI quattro</li>

                            <li class="">› A6 50 TFSI quattro</li>

                            <li class="">› S6 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>A7</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› RS 7 Plus</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A7 40 TDI</li>

                            <li class="">› A7 50 TDI quattro</li>

                            <li class="">› A7 55 TDI quattro</li>

                            <li class="">› A7 40 TFSI quattro</li>

                            <li class="">› A7 50 TFSI quattro</li>

                            <li class="">› S7 TFSI quattro</li>
                          </ul>
                          <p class="sc-qPXtF fIcvqO">&nbsp;</p>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>A8</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A8 L 60 TFSI quattro</li>

                            <li class="">› A8 65 TFSI quattro</li>

                            <li class="">› A8 L 65 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› A8 50 TDI quattro</li>

                            <li class="">› A8 50 TDI LWB quattro</li>

                            <li class="">› A8 50 TFSI quattro</li>

                            <li class="">› A8 50 TFSI LWB quattro</li>

                            <li class="">› S8 TFSI quattro</li>

                            <li class="">› S8 Plus TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>Q3</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› Q3 30 TDI quattro</li>

                            <li class="">› Q3 35 TDI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>&nbsp;</div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>Q5</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› Q5 35 TDI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› Q5 45 TDI quattro</li>

                            <li class="">› SQ5 TDI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>Q7</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>&nbsp;</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› Q7 35 TDI quattro</li>

                            <li class="">› Q7 45 TDI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>TT</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› TT Roadster 45 TFSI quattro</li>

                            <li class="">› TT Coupe 45 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› TTS Coupe TFSI quattro</li>

                            <li class="">› TTS Coupe 2.0 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="">
                      <span class="">
                        <div>R8</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>&nbsp;</div>
                      </span>
                    </td>
                    <td class="">
                      <span class="">
                        <div>
                          <ul class="">
                            <li class="">› R8 TFSI quattro</li>
                          </ul>
                        </div>
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          <h2 class="mt--40">인증 취소 처분 차량 중 기 단종 된 차량</h2>
          <h3>
            A1 30 TDI, A1 Sportback 30 TDI, A3 25 TDI, A3 35 TFSI, A3 Sportback 25 TDI, A4
            40 TFSI quattro, A4 2.0 TFSI quattro, A5 2.0 TFSI quattro, A5 Cabriolet 2.0
            TFSI quattro, A6 45 TDI quattro, A6 2.0 TFSI, A6 40 TFSI quattro, A6 50 TFSI
            quattro, A6 3.0 TDI quattro, A6 2.0 TFSI quattro, A6 3.0 TFSI quattro, A7 50
            TFSI quattro, A7 55 TDI quattro, A7 3.0 TFSI quattro, RS 7 4.0 TFSI quattro,
            A8 60 TFSI quattro, SQ5 TDI quattro
          </h3>
          <h3 class="mt--80">FAQ</h3>
          <NuxtLink
            class="more--detail--href mt--20 ft--16"
            to="/service/careprogram/faq"
            target="_self"
          >
            클릭하시어 자주묻는질문(FAQ)에 대한 답변을 확인하실 수 있습니다.
            <i class="ico"></i>
          </NuxtLink>
        </div>
      </div>
    </div>
  </main>
</template>

<script setup>
  // 컴포넌트 import
  import TitleVisual from "~/components/block/TitleVisual.vue";
  import FullSizeBannerText1 from "~/components/block/fullSizeBannerText1.vue";
  import LinkList from "~/components/block/LinkList.vue";
  import Nav from "./nav.vue";

  const bannerImagePath = ref("/img/service/careprogram/2019_1400x438_topmain_6.avif");

  // 링크 데이터 배열
  const reservationLinks = ref([
    {
      text: "공식 서비스센터 찾기",
      url: "/service/program/dealersearch?filter=as",
      target: "_blank",
      showIcon: false,
      frontIcon:
        '<svg width="24" height="24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" stroke="#fff" data-testid="card-icon"><title>Voice Call 1 Small</title><path d="m17.5 23.3 4-3.8c.2-.2.2-.8 0-1l-3-3c-.2-.2-.8-.2-1 0L16 16.8s-.7 1.1-4.9-3.1l-.5-.5C6.3 8.9 7.5 8.5 7.5 8.5l1-1c.2-.2.2-.8 0-1l-3-3c-.2-.2-.8-.2-1 0l-3.8 4s5.8 9.6 16.8 15.8Z" stroke="#fff" fill="none"></path></svg>',
    },
  ]);
</script>