페이지 정리

app/assets/scss/admin.scss

@@ -9062,11 +9062,10 @@ footer {
   }
 }
 
-// 1600px 이하 — 가로 스크롤 (모바일 영역 제외)
+// 1600px 이하 — 가로 스크롤 (어드민 영역에만 적용)
 @media (max-width: 1600px) and (min-width: 769px) {
-  body {
+  .admin--layout {
     min-width: 1600px;
-    overflow-x: auto;
   }
   .admin--main{
     margin-left: 0;

app/assets/scss/style.scss

@@ -89,54 +89,7 @@ textarea {
     font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }
 
-// Utility classes for padding and margin (1-100)
-@for $i from 0 through 200 {
-
-    // Padding
-    .pt--#{$i} {
-        padding-top: #{$i}px !important;
-    }
-
-    .pr--#{$i} {
-        padding-right: #{$i}px !important;
-    }
-
-    .pb--#{$i} {
-        padding-bottom: #{$i}px !important;
-    }
-
-    .pl--#{$i} {
-        padding-left: #{$i}px !important;
-    }
-
-    .p--#{$i} {
-        padding: #{$i}px !important;
-    }
-
-    // Margin
-    .mt--#{$i} {
-        margin-top: #{$i}px !important;
-    }
-
-    .mr--#{$i} {
-        margin-right: #{$i}px !important;
-    }
-
-    .mb--#{$i} {
-        margin-bottom: #{$i}px !important;
-    }
-
-    .ml--#{$i} {
-        margin-left: #{$i}px !important;
-    }
-
-    .m--#{$i} {
-        margin: #{$i}px !important;
-    }
-}
-
-br {
-    &.mo {
-        display: none;
-    }
+.join--container{
+    padding: 60px 25px 80px;
+    min-height: 100vh;
 }

app/components/ColorPicker.vue

@@ -1,40 +0,0 @@
-<template>  
-  <div class="car--list--wrap" :class="titleOption ? 'title--type' : ''">
-    <h3 v-if="titleOption" class="title--exterior">Exterior Colors</h3>
-    <div class="thumb">
-      <img :src="colors[selectedIndex].image" :alt="colors[selectedIndex].title" />
-    </div>
-    <div class="color--pick--contents">
-      <div class="color--pick">
-        <div
-          v-for="(color, index) in colors"
-          :key="index"
-          :style="{ backgroundColor: color.colorValue , borderColor : color.colorValue }"
-          :class="{ actv: selectedIndex === index }"
-          @click="selectedIndex = index"
-        >
-          <div :style="{ backgroundColor: color.colorValue}"></div>
-        </div>
-      </div>
-      <div class="color--info">
-        <h1>Paint Color : </h1>
-        <span>{{ colors[selectedIndex].title }}</span>
-      </div>
-    </div>
-  </div>    
-</template>
-
-<script setup>
-const props = defineProps({
-  titleOption: {
-    type: Boolean,
-    default: false
-  },
-  colors: {
-    type: Array,
-    required: true
-  },  
-})
-
-const selectedIndex = ref(0)
-</script>

app/components/ImageTabSwitch.vue

@@ -1,22 +0,0 @@
-<template>
-  <div class="models--visual--tab--type">
-    <div class="thumb--wrap">
-      <img :src="activeTab === 'exterior' ? exteriorImg : interiorImg" />
-    </div>
-    <p v-if="activeTab === 'interior'" class="theme--name">{{ interiorName }}</p>
-    <div class="chg--tab--wrap">
-      <button class="ex--btn" :class="{ active: activeTab === 'exterior' }" @click="activeTab = 'exterior'"><i class="ico"></i>EXTERIOR</button>
-      <button class="in--btn" :class="{ active: activeTab === 'interior' }" @click="activeTab = 'interior'"><i class="ico"></i>INTERIOR</button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  exteriorImg: { type: String, required: true },
-  interiorImg: { type: String, required: true },
-  interiorName: { type: String, required: false }
-});
-
-const activeTab = ref('exterior');
-</script>

app/components/Popup.vue

@@ -1,419 +0,0 @@
-<template>
-  <div v-if="visiblePopups.length > 0" class="popup--container">
-    <div
-      v-for="(popup, index) in visiblePopups"
-      :key="popup.id"
-      class="popup--wrapper"
-      :style="{
-        top: popupPositions[index]?.top || popup.position_top + 'px',
-        left: popupPositions[index]?.left || popup.position_left + 'px',
-        width: popup.width + 'px',
-        height: popup.type === 'image' ? 'auto' : popup.height + 'px',
-      }"
-    >
-      <!-- 스크롤 가능한 콘텐츠 영역 -->
-      <div class="popup--content">
-        <!-- HTML 타입 팝업 -->
-        <div
-          v-if="popup.type === 'html'"
-          class="popup--html"
-          v-html="popup.content"
-        ></div>
-
-        <!-- 이미지 타입 팝업 -->
-        <div v-else-if="popup.type === 'image'" class="popup--image">
-          <a
-            v-if="popup.link_url"
-            :href="popup.link_url"
-            :target="popup.link_target || '_blank'"
-            :rel="popup.link_target === '_self' ? '' : 'noopener noreferrer'"
-          >
-            <img :src="popup.image_url" :alt="popup.title" />
-          </a>
-          <img v-else :src="popup.image_url" :alt="popup.title" />
-        </div>
-      </div>
-
-      <!-- 하단 고정 푸터 -->
-      <div class="popup--footer" :class="{ solo: popup.cookie_setting == 'none' }">
-        <label class="popup--checkbox" v-if="popup.cookie_setting !== 'none'">
-          <input
-            type="checkbox"
-            @change="(e) => handleDontShowToday(e, popup.id, popup.cookie_setting)"
-          />
-          <span v-if="popup.cookie_setting === 'today'">오늘 하루 창 띄우지 않음</span>
-          <span v-else-if="popup.cookie_setting === 'forever'"
-            >다시는 창을 띄우지 않음</span
-          >
-        </label>
-        <button
-          class="popup--close"
-          @click.stop="closePopup(popup.id)"
-          @mousedown.stop
-          @touchstart.stop
-          @touchend.stop="closePopup(popup.id)"
-          aria-label="팝업 닫기"
-        >
-          닫기
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref, onMounted, onUnmounted } from "vue";
-  import axios from "axios";
-
-  const props = defineProps({
-    site: {
-      type: String,
-      required: true,
-      validator: (value) => ["ford", "lincoln"].includes(value),
-    },
-  });
-
-  const config = useRuntimeConfig();
-  const visiblePopups = ref([]);
-  const popupPositions = ref([]);
-  const { getImageUrl } = useImage();
-
-  // 드래그 상태
-  const dragState = ref({
-    isDragging: false,
-    currentIndex: null,
-    startX: 0,
-    startY: 0,
-    initialLeft: 0,
-    initialTop: 0,
-  });
-
-  // 쿠키 가져오기
-  const getCookie = (name) => {
-    if (typeof document === "undefined") return null;
-    const value = `; ${document.cookie}`;
-    const parts = value.split(`; ${name}=`);
-    if (parts.length === 2) return parts.pop().split(";").shift();
-    return null;
-  };
-
-  // 쿠키 설정
-  const setCookie = (name, value, days) => {
-    if (typeof document === "undefined") return;
-    const date = new Date();
-    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-    const expires = `expires=${date.toUTCString()}`;
-    document.cookie = `${name}=${value};${expires};path=/`;
-  };
-
-  // 팝업 데이터 가져오기
-  const fetchPopups = async () => {
-    try {
-      const apiUrl = `${config.public.apiBase}/api/popup/active?site=${props.site}`;
-      const response = await axios.get(apiUrl);
-
-      if (response.data.success && response.data.data) {
-        // 쿠키 설정 필드 정규화 (cookie_setting 또는 cookie_type 지원)
-        const popups = response.data.data.map((popup) => ({
-          ...popup,
-          cookie_setting: popup.cookie_setting || popup.cookie_type || "none",
-        }));
-
-        // 1차 필터: 기간(시작/종료 시각 포함) 재검증 — 백엔드 버그/캐시 대비 안전장치
-        const now = new Date();
-        const inPeriod = popups.filter((popup) => {
-          if (!popup.start_date || !popup.end_date) return false;
-          const start = new Date(
-            `${popup.start_date}T${popup.start_time || "00:00:00"}`
-          );
-          const end = new Date(
-            `${popup.end_date}T${popup.end_time || "23:59:59"}`
-          );
-          const active = now >= start && now <= end;
-          if (!active) {
-            console.log(
-              `[Popup] ID ${popup.id} "${popup.title}" - 기간 외 노출 차단`,
-              { now, start, end }
-            );
-          }
-          return active;
-        });
-
-        // 2차 필터: 쿠키로 숨긴 팝업 제외
-        visiblePopups.value = inPeriod.filter((popup) => {
-          const cookieName = `popup_hide_${popup.id}`;
-          const isHidden = getCookie(cookieName);
-          console.log(
-            `[Popup] ID ${popup.id} "${popup.title}" - Hidden by cookie:`,
-            !!isHidden
-          );
-          return !isHidden;
-        });
-
-        // 초기 위치 설정
-        popupPositions.value = visiblePopups.value.map(() => ({}));
-      }
-    } catch (error) {
-      console.error("[Popup] Failed to fetch popups:", error);
-    }
-  };
-
-  // 드래그 시작
-  const startDrag = (event, index) => {
-    // 1024px 이하에서는 드래그 비활성화
-    if (window.innerWidth <= 1024) return;
-
-    event.preventDefault();
-
-    const e = event.touches ? event.touches[0] : event;
-    const popup = visiblePopups.value[index];
-
-    dragState.value = {
-      isDragging: true,
-      currentIndex: index,
-      startX: e.clientX,
-      startY: e.clientY,
-      initialLeft: parseInt(popupPositions.value[index]?.left || popup.position_left),
-      initialTop: parseInt(popupPositions.value[index]?.top || popup.position_top),
-    };
-
-    document.addEventListener("mousemove", onDrag);
-    document.addEventListener("mouseup", stopDrag);
-    document.addEventListener("touchmove", onDrag);
-    document.addEventListener("touchend", stopDrag);
-  };
-
-  // 드래그 중
-  const onDrag = (event) => {
-    if (!dragState.value.isDragging) return;
-
-    const e = event.touches ? event.touches[0] : event;
-    const deltaX = e.clientX - dragState.value.startX;
-    const deltaY = e.clientY - dragState.value.startY;
-
-    const newLeft = dragState.value.initialLeft + deltaX;
-    const newTop = dragState.value.initialTop + deltaY;
-
-    popupPositions.value[dragState.value.currentIndex] = {
-      left: newLeft + "px",
-      top: newTop + "px",
-    };
-  };
-
-  // 드래그 종료
-  const stopDrag = () => {
-    dragState.value.isDragging = false;
-    dragState.value.currentIndex = null;
-
-    document.removeEventListener("mousemove", onDrag);
-    document.removeEventListener("mouseup", stopDrag);
-    document.removeEventListener("touchmove", onDrag);
-    document.removeEventListener("touchend", stopDrag);
-  };
-
-  // 팝업 닫기 (모바일에서 연속 닫힘 방지)
-  let lastCloseTime = 0;
-  const closePopup = (popupId) => {
-    const now = Date.now();
-    // 300ms 이내 연속 닫기 시도 무시 (터치 이벤트 중복 방지)
-    if (now - lastCloseTime < 300) return;
-    lastCloseTime = now;
-
-    const index = visiblePopups.value.findIndex((p) => p.id === popupId);
-    if (index !== -1) {
-      visiblePopups.value.splice(index, 1);
-      popupPositions.value.splice(index, 1);
-    }
-  };
-
-  // 오늘 하루 보지 않기
-  const handleDontShowToday = (event, popupId, cookieSetting) => {
-    // 체크박스가 체크된 경우에만 실행
-    if (!event.target.checked) return;
-
-    let days = 1; // 기본 1일
-    if (cookieSetting === "forever") days = 365 * 10;
-    // 10년 (사실상 영구)
-    else if (cookieSetting === "today") days = 1;
-
-    const cookieName = `popup_hide_${popupId}`;
-    setCookie(cookieName, "true", days);
-    closePopup(popupId);
-  };
-
-  onMounted(() => {
-    console.log("[Popup] Component mounted, starting to fetch popups...");
-    fetchPopups();
-  });
-
-  onUnmounted(() => {
-    stopDrag();
-  });
-</script>
-
-<style scoped>
-  .popup--container {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    z-index: 999;
-  }
-
-  .popup--wrapper {
-    position: absolute;
-    pointer-events: auto;
-    background: #fff;
-    /* border: 1px solid #333; */
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
-    border-radius: 8px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    max-width: calc(100% - 40px);
-    max-height: 90vh;
-  }
-  @media (max-width: 1024px) {
-    .popup--wrapper {
-      left: 20px !important;
-    }
-  }
-
-  .lincoln .popup--header {
-    background-color: #db784d;
-  }
-
-  .popup--header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 16px;
-    background-color: #076fed;
-    cursor: move;
-    user-select: none;
-  }
-
-  .popup--header:active {
-    cursor: grabbing;
-  }
-
-  .popup--title {
-    font-size: 14px;
-    font-weight: 600;
-    color: #ffffff;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .popup--close {
-    height: 28px;
-    background: rgba(255, 255, 255, 0.1);
-    color: #000;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s;
-    flex-shrink: 0;
-    margin-left: 10px;
-    padding: 0 20px;
-  }
-
-  .popup--close:hover {
-    background: rgba(255, 255, 255, 0.2);
-    border-color: rgba(255, 255, 255, 0.3);
-  }
-
-  .popup--content {
-    flex: 1;
-    overflow: auto;
-    background: #fff;
-    min-height: 0;
-  }
-
-  .popup--html,
-  .popup--image {
-    padding: 20px;
-    color: #ffffff;
-  }
-
-  .popup--html {
-    background: #fff;
-  }
-
-  .popup--html :deep(p),
-  .popup--html :deep(div),
-  .popup--html :deep(span) {
-    color: #444;
-  }
-
-  .popup--html :deep(a) {
-    color: #4a9eff;
-  }
-
-  .popup--image {
-    padding: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #0a0a0a;
-  }
-
-  .popup--image img {
-    max-width: 100%;
-    max-height: 100%;
-    object-fit: contain;
-  }
-
-  .popup--footer {
-    padding: 12px 20px;
-    border-top: 1px solid #333;
-    flex-shrink: 0;
-    color: #000;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .popup--footer.solo {
-    justify-content: flex-end;
-  }
-
-  .popup--checkbox {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 14px;
-    cursor: pointer;
-    user-select: none;
-    color: #444;
-  }
-
-  .popup--checkbox input[type="checkbox"] {
-    cursor: pointer;
-    accent-color: #4a9eff;
-  }
-
-  .lincoln .popup--checkbox input[type="checkbox"] {
-    accent-color: #db784d;
-  }
-
-  .popup--checkbox span {
-    color: #444;
-  }
-
-  @media (max-width: 768px) {
-    .popup--wrapper {
-      left: 50% !important;
-      transform: translateX(-50%);
-      max-width: calc(100% - 40px);
-    }
-  }
-</style>

app/components/SwiperBanner.vue

@@ -1,294 +0,0 @@
-<template>
-  <section class="swiper--banner--wrapper" :data-type="type" :data-fit="fit">
-    <div class="swiper--banner--container">
-      <div class="swiper-button-prev" ref="prevRef" v-if="slides.length > 1">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-        >
-          <path
-            d="M15 18L9 12L15 6"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-      </div>
-      <div class="swiper-pagination" ref="paginationRef" v-if="slides.length > 1"></div>
-      <div class="swiper-button-next" ref="nextRef" v-if="slides.length > 1">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-        >
-          <path
-            d="M9 18L15 12L9 6"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-      </div>
-
-      <!-- 70% 영역: 단일 배너 -->
-      <div class="swiper--banner--section">
-        <div class="swiper--container" ref="swiperContainer">
-          <div class="swiper-wrapper">
-            <div v-for="(slide, index) in slides" :key="index" class="swiper-slide">
-              <div class="slide--image" v-if="slide.image">
-                <picture>
-                  <source
-                    v-if="slide.moImage"
-                    media="(max-width: 768px)"
-                    :srcset="slide.moImage"
-                  />
-                  <img
-                    :src="slide.image"
-                    :alt="slide.alt || 'Banner Image'"
-                    loading="lazy"
-                  />
-                </picture>
-
-                <div class="desc--wrapper">
-                  <h2
-                    v-if="getSlideTitle(index)"
-                    class="main--title"
-                    v-html="getSlideTitle(index)"
-                  ></h2>
-                  <h3 v-if="getSlideSubtitle(index)" class="sub--title">
-                    {{ getSlideSubtitle(index) }}
-                  </h3>
-                  <h4 v-if="getSlideSmalldesc(index)" class="desc--title">
-                    {{ getSlideSmalldesc(index) }}
-                  </h4>
-                  <h4
-                    v-if="getSlideCautiondesc(index)"
-                    class="caution--title"
-                    v-html="getSlideCautiondesc(index)"
-                  ></h4>
-                  <NuxtLink
-                    v-if="getSlideMorelink(index)"
-                    class="more--detail--href mt--45"
-                    :to="getSlideMorelink(index)"
-                    :target="getSlideTarget(index)"
-                    >{{ getSlideMorelinktitle(index) }} <i class="ico"></i
-                  ></NuxtLink>
-                </div>
-              </div>
-              <div class="slide--image" v-if="slide.video">
-                <video
-                  autoplay
-                  muted
-                  loop
-                  playsinline
-                  :poster="slide.video"
-                  controlslist="nodownload noplaybackrate"
-                  disablepictureinpicture
-                  preload="metadata"
-                >
-                  <source media="(min-width:320px)" :src="slide.video" type="video/mp4" />
-                </video>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<script setup>
-  import { Swiper } from "swiper";
-  import { Navigation, Pagination, Autoplay, EffectFade } from "swiper/modules";
-  import "swiper/css";
-  import "swiper/css/navigation";
-  import "swiper/css/pagination";
-  import "swiper/css/effect-fade";
-
-  const { getMediaUrl } = useImage();
-
-  // Props 정의
-  const props = defineProps({
-    slides: {
-      type: Array,
-      default: () => [],
-    },
-    height: {
-      type: String,
-      default: "60%",
-    },
-    title: {
-      type: String,
-      default: "",
-    },
-    subtitle: {
-      type: String,
-      default: "",
-    },
-    smalldesc: {
-      type: String,
-      default: "",
-    },
-    cautiondesc: {
-      type: String,
-      default: "",
-    },
-    morelink: {
-      type: String,
-      default: "",
-    },
-    morelinktitle: {
-      type: String,
-      default: "자세히 보기",
-    },
-    morelinktarget: {
-      type: String,
-      default: "_self",
-    },
-    notice: {
-      type: String,
-      default: "",
-    },
-    autoplay: {
-      type: [Boolean, Object],
-      default: () => ({ delay: 5000 }),
-    },
-    loop: {
-      type: Boolean,
-      default: true,
-    },
-    type: {
-      type: String,
-      default: "horizental", // 'horz' , 'vert'
-      validator: (value) => ["horizental", "vertical"].includes(value),
-    },
-    fit: {
-      type: String,
-      default: "cover",
-      validator: (value) => ["cover", "contain"].includes(value),
-    },
-  });
-
-  // Refs
-  const swiperContainer = ref(null);
-  const paginationRef = ref(null);
-  const prevRef = ref(null);
-  const nextRef = ref(null);
-  const textSlider = ref(null);
-  let swiperInstance = null;
-
-  // 현재 슬라이드 인덱스
-  const currentSlide = ref(0);
-
-  // 슬라이드별 텍스트 반환 함수들
-  const getSlideTitle = (index) => {
-    return props.slides[index]?.title || props.title;
-  };
-
-  const getSlideSubtitle = (index) => {
-    return props.slides[index]?.subtitle || props.subtitle;
-  };
-
-  const getSlideSmalldesc = (index) => {
-    return props.slides[index]?.smalldesc || props.smalldesc;
-  };
-
-  const getSlideMorelink = (index) => {
-    return props.slides[index]?.morelink || props.morelink;
-  };
-
-  const getSlideMorelinktitle = (index) => {
-    return props.slides[index]?.morelinktitle || props.morelinktitle;
-  };
-
-  const getSlideTarget = (index) => {
-    return props.slides[index]?.morelinktarget || props.morelinktarget;
-  };
-
-  const getSlideCautiondesc = (index) => {
-    return props.slides[index]?.cautiondesc || props.cautiondesc;
-  };
-
-  onMounted(() => {
-    // Swiper 인스턴스 초기화
-    swiperInstance = new Swiper(swiperContainer.value, {
-      modules: [Navigation, Pagination, Autoplay],
-      slidesPerView: 1,
-      spaceBetween: 0,
-      loop: props.loop,
-      autoplay: props.autoplay
-        ? {
-            delay:
-              typeof props.autoplay === "object" ? props.autoplay.delay || 5000 : 5000,
-            disableOnInteraction: false,
-            pauseOnMouseEnter: true,
-          }
-        : false,
-      navigation: {
-        nextEl: nextRef.value,
-        prevEl: prevRef.value,
-      },
-      pagination: {
-        el: paginationRef.value,
-        clickable: true,
-        type: "bullets",
-        // renderBullet: function (index, className) {
-        //   return '<span class="' + className + '">' + (index + 1) + "</span>";
-        // },
-      },
-      effect: "fade",
-      fadeEffect: {
-        crossFade: true,
-      },
-      speed: 800,
-      // 슬라이드 변경 이벤트
-      on: {
-        slideChange: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-          // 모든 비디오 일시정지
-          const allVideos = this.el.querySelectorAll("video");
-          allVideos.forEach((video) => {
-            video.pause();
-            video.currentTime = 0;
-          });
-          // 현재 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-        init: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-          // 초기 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-      },
-    });
-  });
-
-  onUnmounted(() => {
-    if (swiperInstance) {
-      swiperInstance.destroy(true, true);
-    }
-  });
-</script>

app/components/SwiperBanner2.vue

@@ -1,496 +0,0 @@
-<template>
-  <section class="swiper--banner--wrapper2" :data-type="type" :data-fit="fit">
-    <div class="swiper--banner--container">
-      <div class="type--connection" :class="type" v-if="type == 'exterior'">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="30"
-          height="30"
-          viewBox="0 0 30 30"
-          fill="none"
-        >
-          <path
-            d="M15.1354 5H20.9482C21.5223 5 22.034 5.35992 22.2251 5.89813L25.1563 12.8077M25.1563 12.8077C26.1042 12.9423 28 13.6962 28 15.6346V16.8462M25.1563 12.8077H15.1354M25.1563 12.8077L27.7292 10.9231M28 16.8462V20.3462M28 16.8462L23.3958 18.5962M28 20.3462V23.8462C27.9097 24.5641 27.3229 26 25.6979 26C23.6674 26 23.396 25.3274 22.0431 22.503M28 20.3462C26.8663 21.4731 24.5199 22.1343 22.0431 22.503M22.0431 22.503C22.0426 22.502 22.0421 22.501 22.0417 22.5M22.0431 22.503C19.5496 22.8742 16.924 22.9489 15.2708 22.9038H14.7292C13.076 22.9489 10.4504 22.8742 7.9569 22.503M19.3333 22.5V19C19.3333 18.7026 19.0908 18.4615 18.7917 18.4615H11.2083C10.9092 18.4615 10.6667 18.7026 10.6667 19V22.5M14.8646 5H9.05184C8.4777 5 7.96596 5.35992 7.77488 5.89813L4.84375 12.8077M4.84375 12.8077C3.89583 12.9423 2 13.6962 2 15.6346V16.8462M4.84375 12.8077H14.8646M4.84375 12.8077L2.27083 10.9231M2 16.8462V20.3462M2 16.8462L6.60417 18.5962M2 20.3462V23.8462C2.09028 24.5641 2.67708 26 4.30208 26C6.33261 26 6.60398 25.3274 7.9569 22.503M2 20.3462C3.13367 21.4731 5.48012 22.1343 7.9569 22.503M7.9569 22.503C7.95738 22.502 7.95785 22.501 7.95833 22.5"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-          /></svg
-        >{{ type }}
-      </div>
-      <div class="type--connection" :class="type" v-else-if="type == 'interior'">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="30"
-          height="30"
-          viewBox="0 0 30 30"
-          fill="none"
-        >
-          <path
-            d="M2.30762 22.3072H13.8931M20.7409 22.3072H26.6922C27.2445 22.3072 27.6922 21.8595 27.6922 21.3072V18.0765M2.30762 3.8457C2.78804 3.8457 4.52124 3.8457 7.61071 3.8457C11.4725 3.8457 13.8931 6.92263 16.8791 9.61493C19.2679 11.7688 21.2214 12.3072 21.8995 12.3072C23.4442 12.3072 25.9288 12.5214 27.0908 14.9995M2.30762 6.92263H7.61071C8.12562 6.92263 9.46439 7.1534 10.7002 8.07647C11.7257 8.84247 13.8858 10.8974 15.3269 12.3072M2.30762 19.6149C4.84768 19.6149 10.1595 19.6149 11.0864 19.6149C12.05 19.6149 12.2121 19.0828 12.6838 18.4611M6.45216 13.8457L7.8038 11.9226M9.15544 9.99955L7.8038 11.9226M7.8038 11.9226L9.92781 13.4611M9.92781 13.4611C10.1853 13.0765 10.9319 12.3072 11.8587 12.3072C12.7856 12.3072 14.557 12.3072 15.3269 12.3072M9.92781 13.4611C9.30991 14.3842 9.67035 15.3842 9.92781 15.7688L12.6838 18.4611M15.3269 12.3072C15.6224 12.5963 15.8877 12.8583 16.1067 13.0765C16.3642 13.3329 16.8791 13.9995 16.8791 14.6149C16.8791 15.3842 16.8791 16.2288 15.7206 16.538C14.562 16.8472 13.7896 17.3072 13.0173 18.0765C12.8873 18.2059 12.7792 18.3353 12.6838 18.4611M27.6922 18.0765C27.6922 16.8049 27.464 15.7955 27.0908 14.9995M27.6922 18.0765H24.6345C23.124 18.0765 21.8995 16.852 21.8995 15.3414C21.8995 15.1526 22.0526 14.9995 22.2414 14.9995H27.0908"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-          />
-          <path
-            d="M17.2653 20.2305C18.6364 20.2305 19.7408 21.3367 19.7408 22.6924C19.7406 24.0479 18.6362 25.1533 17.2653 25.1533C15.8943 25.1533 14.7899 24.0478 14.7897 22.6924C14.7897 21.3368 15.8942 20.2305 17.2653 20.2305Z"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-          /></svg
-        >{{ type }}
-      </div>
-
-      <!-- Pagination with Progress and Fractions -->
-      <div class="swiper--pagination--wrapper">
-        <div class="swiper-pagination" ref="paginationRef"></div>
-        <div class="swiper--progressbar" ref="progressRef">
-          <div class="swiper--progressbar-fill" :style="{ width: progressWidth }"></div>
-        </div>
-        <div class="swiper--fraction" ref="fractionRef">
-          <span class="current">{{ currentSlide + 1 }}</span>
-          <span class="separator">/</span>
-          <span class="total">{{ slides.length }}</span>
-        </div>
-      </div>
-
-      <!-- 70% 영역: 단일 배너 -->
-      <div class="swiper--banner--section">
-        <div class="swiper--container" ref="swiperContainer">
-          <div class="swiper-wrapper">
-            <div v-for="(slide, index) in slides" :key="index" class="swiper-slide">
-              <div class="slide--image" v-if="slide.image">
-                <img
-                  :src="slide.image"
-                  :alt="slide.alt || 'Banner Image'"
-                  loading="lazy"
-                />
-
-                <!-- 확대 버튼 -->
-                <button class="zoom--btn" @click="openLightbox(index)" aria-label="확대">
-                  Image Details
-                  <i>
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="12"
-                      height="12"
-                      viewBox="0 0 12 12"
-                      fill="none"
-                    >
-                      <path
-                        d="M2.5 6H9.5"
-                        stroke="white"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M6 2.5L9.5 6L6 9.5"
-                        stroke="white"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </i>
-                </button>
-              </div>
-              <div class="slide--image" v-if="slide.video">
-                <video
-                  autoplay
-                  muted
-                  loop
-                  playsinline
-                  :poster="slide.video"
-                  controlslist="nodownload noplaybackrate"
-                  disablepictureinpicture
-                  preload="metadata"
-                >
-                  <source media="(min-width:320px)" :src="slide.video" type="video/mp4" />
-                </video>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Lightbox -->
-    <Transition name="lightbox-fade">
-      <div v-if="isLightboxOpen" class="lightbox--overlay" @click.self="closeLightbox">
-        <button class="lightbox--close" @click="closeLightbox" aria-label="닫기">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="32"
-            height="32"
-            viewBox="0 0 32 32"
-            fill="none"
-          >
-            <path
-              d="M24 8L8 24M8 8L24 24"
-              stroke="white"
-              stroke-width="2"
-              stroke-linecap="round"
-            />
-          </svg>
-        </button>
-
-        <button class="lightbox--prev" @click="prevLightboxSlide" aria-label="이전">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="40"
-            height="40"
-            viewBox="0 0 40 40"
-            fill="none"
-          >
-            <path
-              d="M25 30L15 20L25 10"
-              stroke="white"
-              stroke-width="3"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </button>
-
-        <div class="lightbox--content">
-          <div class="lightbox--swiper" ref="lightboxSwiperContainer">
-            <div class="swiper-wrapper">
-              <div
-                v-for="(slide, index) in slides"
-                :key="`lightbox-${index}`"
-                class="swiper-slide"
-              >
-                <img
-                  v-if="slide.image"
-                  :src="slide.image"
-                  :alt="slide.alt || 'Banner Image'"
-                />
-              </div>
-            </div>
-          </div>
-
-          <!-- Lightbox Pagination Info -->
-          <div class="lightbox--info">
-            <span class="lightbox--fraction">
-              {{ lightboxCurrentSlide + 1 }} / {{ slides.length }}
-            </span>
-          </div>
-        </div>
-
-        <button class="lightbox--next" @click="nextLightboxSlide" aria-label="다음">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="40"
-            height="40"
-            viewBox="0 0 40 40"
-            fill="none"
-          >
-            <path
-              d="M15 30L25 20L15 10"
-              stroke="white"
-              stroke-width="3"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </button>
-      </div>
-    </Transition>
-  </section>
-</template>
-
-<script setup>
-  import { Swiper } from "swiper";
-  import { Navigation, Pagination, Autoplay, EffectFade } from "swiper/modules";
-  import "swiper/css";
-  import "swiper/css/navigation";
-  import "swiper/css/pagination";
-  import "swiper/css/effect-fade";
-
-  const { getMediaUrl } = useImage();
-
-  // Props 정의
-  const props = defineProps({
-    slides: {
-      type: Array,
-      default: () => [],
-    },
-    height: {
-      type: String,
-      default: "60%",
-    },
-    title: {
-      type: String,
-      default: "",
-    },
-    subtitle: {
-      type: String,
-      default: "",
-    },
-    smalldesc: {
-      type: String,
-      default: "",
-    },
-    cautiondesc: {
-      type: String,
-      default: "",
-    },
-    morelink: {
-      type: String,
-      default: "",
-    },
-    morelinktitle: {
-      type: String,
-      default: "자세히 보기",
-    },
-    morelinktarget: {
-      type: String,
-      default: "_self",
-    },
-    notice: {
-      type: String,
-      default: "",
-    },
-    autoplay: {
-      type: [Boolean, Object],
-      default: () => ({ delay: 5000 }),
-    },
-    loop: {
-      type: Boolean,
-      default: true,
-    },
-    type: {
-      type: String,
-      default: "", // 'horz' , 'vert'
-      validator: (value) => ["exterior", "interior"].includes(value),
-    },
-    fit: {
-      type: String,
-      default: "cover",
-      validator: (value) => ["cover", "contain"].includes(value),
-    },
-  });
-
-  // Refs
-  const swiperContainer = ref(null);
-  const lightboxSwiperContainer = ref(null);
-  const paginationRef = ref(null);
-  const progressRef = ref(null);
-  const fractionRef = ref(null);
-  const prevRef = ref(null);
-  const nextRef = ref(null);
-  const textSlider = ref(null);
-  let swiperInstance = null;
-  let lightboxSwiperInstance = null;
-
-  // 현재 슬라이드 인덱스
-  const currentSlide = ref(0);
-  const lightboxCurrentSlide = ref(0);
-  const progressWidth = ref("0%");
-
-  // 라이트박스 상태
-  const isLightboxOpen = ref(false);
-
-  // 슬라이드별 텍스트 반환 함수들
-  const getSlideTitle = (index) => {
-    return props.slides[index]?.title || props.title;
-  };
-
-  const getSlideSubtitle = (index) => {
-    return props.slides[index]?.subtitle || props.subtitle;
-  };
-
-  const getSlideSmalldesc = (index) => {
-    return props.slides[index]?.smalldesc || props.smalldesc;
-  };
-
-  const getSlideMorelink = (index) => {
-    return props.slides[index]?.morelink || props.morelink;
-  };
-
-  const getSlideMorelinktitle = (index) => {
-    return props.slides[index]?.morelinktitle || props.morelinktitle;
-  };
-
-  const getSlideTarget = (index) => {
-    return props.slides[index]?.morelinktarget || props.morelinktarget;
-  };
-
-  const getSlideCautiondesc = (index) => {
-    return props.slides[index]?.cautiondesc || props.cautiondesc;
-  };
-
-  // Progress bar 업데이트 함수
-  const updateProgress = () => {
-    const progress = ((currentSlide.value + 1) / props.slides.length) * 100;
-    progressWidth.value = `${progress}%`;
-  };
-
-  // 라이트박스 열기
-  const openLightbox = (index) => {
-    isLightboxOpen.value = true;
-    document.body.style.overflow = "hidden";
-    document.querySelector(".g-layout").classList.add("active");
-    nextTick(() => {
-      initLightboxSwiper(index);
-    });
-  };
-
-  // 라이트박스 닫기
-  const closeLightbox = () => {
-    isLightboxOpen.value = false;
-    document.body.style.overflow = "";
-    document.querySelector(".g-layout").classList.remove("active");
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.destroy(true, true);
-      lightboxSwiperInstance = null;
-    }
-  };
-
-  // 라이트박스 Swiper 초기화
-  const initLightboxSwiper = (initialIndex = 0) => {
-    if (!lightboxSwiperContainer.value) return;
-
-    lightboxSwiperInstance = new Swiper(lightboxSwiperContainer.value, {
-      modules: [Navigation],
-      slidesPerView: 1,
-      spaceBetween: 0,
-      initialSlide: initialIndex,
-      loop: false,
-      keyboard: {
-        enabled: true,
-      },
-      on: {
-        slideChange: function () {
-          lightboxCurrentSlide.value = this.activeIndex;
-
-          // 메인 스와이퍼도 동일한 인덱스로 이동
-          if (swiperInstance && !swiperInstance.destroyed) {
-            swiperInstance.slideToLoop(this.activeIndex, 0);
-          }
-        },
-        init: function () {
-          lightboxCurrentSlide.value = this.activeIndex;
-        },
-      },
-    });
-  };
-
-  // 라이트박스 이전 슬라이드
-  const prevLightboxSlide = () => {
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.slidePrev();
-    }
-  };
-
-  // 라이트박스 다음 슬라이드
-  const nextLightboxSlide = () => {
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.slideNext();
-    }
-  };
-
-  // ESC 키로 라이트박스 닫기
-  const handleKeydown = (e) => {
-    if (e.key === "Escape" && isLightboxOpen.value) {
-      closeLightbox();
-    }
-  };
-
-  onMounted(() => {
-    // 키보드 이벤트 리스너 추가
-    window.addEventListener("keydown", handleKeydown);
-    // Swiper 인스턴스 초기화
-    swiperInstance = new Swiper(swiperContainer.value, {
-      modules: [Navigation, Pagination, Autoplay],
-      slidesPerView: 1,
-      spaceBetween: 0,
-      loop: props.loop,
-      autoplay: props.autoplay
-        ? {
-            delay:
-              typeof props.autoplay === "object" ? props.autoplay.delay || 5000 : 5000,
-            disableOnInteraction: false,
-            pauseOnMouseEnter: true,
-          }
-        : false,
-      navigation: {
-        nextEl: nextRef.value,
-        prevEl: prevRef.value,
-      },
-      pagination: {
-        el: paginationRef.value,
-        clickable: true,
-        type: "bullets",
-        // renderBullet: function (index, className) {
-        //   return '<span class="' + className + '">' + (index + 1) + "</span>";
-        // },
-      },
-      effect: "fade",
-      fadeEffect: {
-        crossFade: true,
-      },
-      speed: 800,
-      // 슬라이드 변경 이벤트
-      on: {
-        slideChange: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-          // Progress bar 업데이트
-          updateProgress();
-
-          // 모든 비디오 일시정지
-          const allVideos = this.el.querySelectorAll("video");
-          allVideos.forEach((video) => {
-            video.pause();
-            video.currentTime = 0;
-          });
-          // 현재 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-        init: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-
-          // 초기 Progress bar 업데이트 - nextTick으로 지연
-          nextTick(() => {
-            updateProgress();
-          });
-
-          // 초기 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-      },
-    });
-  });
-
-  onUnmounted(() => {
-    // 키보드 이벤트 리스너 제거
-    window.removeEventListener("keydown", handleKeydown);
-
-    // Swiper 인스턴스 정리
-    if (swiperInstance) {
-      swiperInstance.destroy(true, true);
-    }
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.destroy(true, true);
-    }
-
-    // body overflow 복원
-    document.body.style.overflow = "";
-  });
-</script>

app/components/SwiperBanner3.vue

@@ -1,272 +0,0 @@
-<template>
-  <section class="swiper--banner--wrapper3" :data-type="type" :data-fit="fit">
-    <div class="top--text--wrap">
-      <h2 v-html="mtitle"></h2>
-      <div class="mt--40" v-html="stitle"></div>
-    </div>
-    <div class="swiper--banner--container">
-      <!-- 70% 영역: 단일 배너 -->
-      <div class="swiper--banner--section">
-        <div class="swiper--container" ref="swiperContainer">
-          <div class="swiper-wrapper">
-            <div v-for="(slide, index) in slides" :key="index" class="swiper-slide">
-              <div class="slide--image" v-if="slide.image">
-                <img
-                  :src="slide.image"
-                  :alt="slide.alt || 'Banner Image'"
-                  loading="lazy"
-                />
-
-                <div class="desc--wrapper">
-                  <div class="desc--wrap">
-                    <div class="btn--actions">
-                      <div class="swiper-button-prev" ref="prevRef">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="24"
-                          height="24"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                        >
-                          <path
-                            d="M15 18L9 12L15 6"
-                            stroke="black"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                        </svg>
-                      </div>
-                      <div class="swiper-button-next" ref="nextRef">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="24"
-                          height="24"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                        >
-                          <path
-                            d="M9 18L15 12L9 6"
-                            stroke="black"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                    <h2 v-if="getSlideTitle(index)" class="main--title">
-                      {{ getSlideTitle(index) }}
-                    </h2>
-                    <h4
-                      v-if="getSlideSmalldesc(index)"
-                      class="desc--title"
-                      v-html="getSlideSmalldesc(index)"
-                    ></h4>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<script setup>
-  import { Swiper } from "swiper";
-  import { Navigation, Pagination, Autoplay, EffectFade } from "swiper/modules";
-  import "swiper/css";
-  import "swiper/css/navigation";
-  import "swiper/css/pagination";
-  import "swiper/css/effect-fade";
-
-  const { getMediaUrl } = useImage();
-
-  // Props 정의
-  const props = defineProps({
-    slides: {
-      type: Array,
-      default: () => [],
-    },
-    height: {
-      type: String,
-      default: "60%",
-    },
-    mtitle: {
-      type: String,
-      default: "",
-    },
-    stitle: {
-      type: String,
-      default: "",
-    },
-    title: {
-      type: String,
-      default: "",
-    },
-    subtitle: {
-      type: String,
-      default: "",
-    },
-    smalldesc: {
-      type: String,
-      default: "",
-    },
-    cautiondesc: {
-      type: String,
-      default: "",
-    },
-    morelink: {
-      type: String,
-      default: "",
-    },
-    morelinktitle: {
-      type: String,
-      default: "자세히 보기",
-    },
-    morelinktarget: {
-      type: String,
-      default: "_self",
-    },
-    notice: {
-      type: String,
-      default: "",
-    },
-    autoplay: {
-      type: [Boolean, Object],
-      default: () => ({ delay: 5000 }),
-    },
-    loop: {
-      type: Boolean,
-      default: true,
-    },
-    type: {
-      type: String,
-      default: "horizental", // 'horz' , 'vert'
-      validator: (value) => ["horizental", "vertical"].includes(value),
-    },
-    fit: {
-      type: String,
-      default: "cover",
-      validator: (value) => ["cover", "contain"].includes(value),
-    },
-  });
-
-  // Refs
-  const swiperContainer = ref(null);
-  const paginationRef = ref(null);
-  const prevRef = ref(null);
-  const nextRef = ref(null);
-  const textSlider = ref(null);
-  let swiperInstance = null;
-
-  // 현재 슬라이드 인덱스
-  const currentSlide = ref(0);
-
-  // 슬라이드별 텍스트 반환 함수들
-  const getSlideTitle = (index) => {
-    return props.slides[index]?.title || props.title;
-  };
-
-  const getSlideSubtitle = (index) => {
-    return props.slides[index]?.subtitle || props.subtitle;
-  };
-
-  const getSlideSmalldesc = (index) => {
-    return props.slides[index]?.smalldesc || props.smalldesc;
-  };
-
-  const getSlideMorelink = (index) => {
-    return props.slides[index]?.morelink || props.morelink;
-  };
-
-  const getSlideMorelinktitle = (index) => {
-    return props.slides[index]?.morelinktitle || props.morelinktitle;
-  };
-
-  const getSlideTarget = (index) => {
-    return props.slides[index]?.morelinktarget || props.morelinktarget;
-  };
-
-  const getSlideCautiondesc = (index) => {
-    return props.slides[index]?.cautiondesc || props.cautiondesc;
-  };
-
-  onMounted(() => {
-    // Swiper 인스턴스 초기화
-    swiperInstance = new Swiper(swiperContainer.value, {
-      modules: [Navigation, Pagination, Autoplay],
-      slidesPerView: 1,
-      spaceBetween: 0,
-      loop: props.loop,
-      autoplay: props.autoplay
-        ? {
-            delay:
-              typeof props.autoplay === "object" ? props.autoplay.delay || 5000 : 5000,
-            disableOnInteraction: false,
-            pauseOnMouseEnter: true,
-          }
-        : false,
-      navigation: {
-        nextEl: nextRef.value,
-        prevEl: prevRef.value,
-      },
-      pagination: {
-        el: paginationRef.value,
-        clickable: true,
-        type: "bullets",
-        // renderBullet: function (index, className) {
-        //   return '<span class="' + className + '">' + (index + 1) + "</span>";
-        // },
-      },
-      effect: "fade",
-      fadeEffect: {
-        crossFade: true,
-      },
-      speed: 800,
-      // 슬라이드 변경 이벤트
-      on: {
-        slideChange: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-          // 모든 비디오 일시정지
-          const allVideos = this.el.querySelectorAll("video");
-          allVideos.forEach((video) => {
-            video.pause();
-            video.currentTime = 0;
-          });
-          // 현재 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-        init: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-          // 초기 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-      },
-    });
-  });
-
-  onUnmounted(() => {
-    if (swiperInstance) {
-      swiperInstance.destroy(true, true);
-    }
-  });
-</script>

app/components/SwiperBanner4.vue

@@ -1,498 +0,0 @@
-<template>
-  <section class="swiper--banner--wrapper2" :data-type="type" :data-fit="fit">
-    <div class="swiper--banner--container">
-      <div class="type--connection lincoln" :class="type" v-if="type == 'exterior'">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="30"
-          height="30"
-          viewBox="0 0 30 30"
-          fill="none"
-        >
-          <path
-            d="M15.1354 5H20.9482C21.5223 5 22.034 5.35992 22.2251 5.89813L25.1563 12.8077M25.1563 12.8077C26.1042 12.9423 28 13.6962 28 15.6346V16.8462M25.1563 12.8077H15.1354M25.1563 12.8077L27.7292 10.9231M28 16.8462V20.3462M28 16.8462L23.3958 18.5962M28 20.3462V23.8462C27.9097 24.5641 27.3229 26 25.6979 26C23.6674 26 23.396 25.3274 22.0431 22.503M28 20.3462C26.8663 21.4731 24.5199 22.1343 22.0431 22.503M22.0431 22.503C22.0426 22.502 22.0421 22.501 22.0417 22.5M22.0431 22.503C19.5496 22.8742 16.924 22.9489 15.2708 22.9038H14.7292C13.076 22.9489 10.4504 22.8742 7.9569 22.503M19.3333 22.5V19C19.3333 18.7026 19.0908 18.4615 18.7917 18.4615H11.2083C10.9092 18.4615 10.6667 18.7026 10.6667 19V22.5M14.8646 5H9.05184C8.4777 5 7.96596 5.35992 7.77488 5.89813L4.84375 12.8077M4.84375 12.8077C3.89583 12.9423 2 13.6962 2 15.6346V16.8462M4.84375 12.8077H14.8646M4.84375 12.8077L2.27083 10.9231M2 16.8462V20.3462M2 16.8462L6.60417 18.5962M2 20.3462V23.8462C2.09028 24.5641 2.67708 26 4.30208 26C6.33261 26 6.60398 25.3274 7.9569 22.503M2 20.3462C3.13367 21.4731 5.48012 22.1343 7.9569 22.503M7.9569 22.503C7.95738 22.502 7.95785 22.501 7.95833 22.5"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-          /></svg
-        >{{ type }}
-      </div>
-      <div class="type--connection lincoln" :class="type" v-else-if="type == 'interior'">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="30"
-          height="30"
-          viewBox="0 0 30 30"
-          fill="none"
-        >
-          <path
-            d="M2.30762 22.3072H13.8931M20.7409 22.3072H26.6922C27.2445 22.3072 27.6922 21.8595 27.6922 21.3072V18.0765M2.30762 3.8457C2.78804 3.8457 4.52124 3.8457 7.61071 3.8457C11.4725 3.8457 13.8931 6.92263 16.8791 9.61493C19.2679 11.7688 21.2214 12.3072 21.8995 12.3072C23.4442 12.3072 25.9288 12.5214 27.0908 14.9995M2.30762 6.92263H7.61071C8.12562 6.92263 9.46439 7.1534 10.7002 8.07647C11.7257 8.84247 13.8858 10.8974 15.3269 12.3072M2.30762 19.6149C4.84768 19.6149 10.1595 19.6149 11.0864 19.6149C12.05 19.6149 12.2121 19.0828 12.6838 18.4611M6.45216 13.8457L7.8038 11.9226M9.15544 9.99955L7.8038 11.9226M7.8038 11.9226L9.92781 13.4611M9.92781 13.4611C10.1853 13.0765 10.9319 12.3072 11.8587 12.3072C12.7856 12.3072 14.557 12.3072 15.3269 12.3072M9.92781 13.4611C9.30991 14.3842 9.67035 15.3842 9.92781 15.7688L12.6838 18.4611M15.3269 12.3072C15.6224 12.5963 15.8877 12.8583 16.1067 13.0765C16.3642 13.3329 16.8791 13.9995 16.8791 14.6149C16.8791 15.3842 16.8791 16.2288 15.7206 16.538C14.562 16.8472 13.7896 17.3072 13.0173 18.0765C12.8873 18.2059 12.7792 18.3353 12.6838 18.4611M27.6922 18.0765C27.6922 16.8049 27.464 15.7955 27.0908 14.9995M27.6922 18.0765H24.6345C23.124 18.0765 21.8995 16.852 21.8995 15.3414C21.8995 15.1526 22.0526 14.9995 22.2414 14.9995H27.0908"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-          />
-          <path
-            d="M17.2653 20.2305C18.6364 20.2305 19.7408 21.3367 19.7408 22.6924C19.7406 24.0479 18.6362 25.1533 17.2653 25.1533C15.8943 25.1533 14.7899 24.0478 14.7897 22.6924C14.7897 21.3368 15.8942 20.2305 17.2653 20.2305Z"
-            stroke="white"
-            stroke-width="2"
-            stroke-linecap="round"
-          /></svg
-        >{{ type }}
-      </div>
-
-      <!-- Pagination with Progress and Fractions -->
-      <div class="swiper--pagination--wrapper">
-        <div class="swiper-pagination" ref="paginationRef"></div>
-        <div class="swiper--progressbar" ref="progressRef">
-          <div class="swiper--progressbar-fill" :style="{ width: progressWidth }"></div>
-        </div>
-        <div class="swiper--fraction" ref="fractionRef">
-          <span class="current">{{ currentSlide + 1 }}</span>
-          <span class="separator">/</span>
-          <span class="total">{{ slides.length }}</span>
-        </div>
-      </div>
-
-      <!-- 70% 영역: 단일 배너 -->
-      <div class="swiper--banner--section">
-        <div class="swiper--container" ref="swiperContainer">
-          <div class="swiper-wrapper">
-            <div v-for="(slide, index) in slides" :key="index" class="swiper-slide">
-              <div class="slide--image" v-if="slide.image">
-                <img
-                  :src="slide.image"
-                  :alt="slide.alt || 'Banner Image'"
-                  loading="lazy"
-                />
-
-                <!-- 확대 버튼 -->
-                <button class="zoom--btn" @click="openLightbox(index)" aria-label="확대">
-                  Image Details
-                  <i>
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="12"
-                      height="12"
-                      viewBox="0 0 12 12"
-                      fill="none"
-                    >
-                      <path
-                        d="M2.5 6H9.5"
-                        stroke="white"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M6 2.5L9.5 6L6 9.5"
-                        stroke="white"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </i>
-                </button>
-              </div>
-              <div class="slide--image" v-if="slide.video">
-                <video
-                  autoplay
-                  muted
-                  loop
-                  playsinline
-                  :poster="slide.video"
-                  controlslist="nodownload noplaybackrate"
-                  disablepictureinpicture
-                  preload="metadata"
-                >
-                  <source media="(min-width:320px)" :src="slide.video" type="video/mp4" />
-                </video>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Lightbox -->
-    <Transition name="lightbox-fade">
-      <div v-if="isLightboxOpen" class="lightbox--overlay" @click.self="closeLightbox">
-        <button class="lightbox--close" @click="closeLightbox" aria-label="닫기">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="32"
-            height="32"
-            viewBox="0 0 32 32"
-            fill="none"
-          >
-            <path
-              d="M24 8L8 24M8 8L24 24"
-              stroke="white"
-              stroke-width="2"
-              stroke-linecap="round"
-            />
-          </svg>
-        </button>
-
-        <button class="lightbox--prev" @click="prevLightboxSlide" aria-label="이전">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="40"
-            height="40"
-            viewBox="0 0 40 40"
-            fill="none"
-          >
-            <path
-              d="M25 30L15 20L25 10"
-              stroke="white"
-              stroke-width="3"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </button>
-
-        <div class="lightbox--content">
-          <div class="lightbox--swiper" ref="lightboxSwiperContainer">
-            <div class="swiper-wrapper">
-              <div
-                v-for="(slide, index) in slides"
-                :key="`lightbox-${index}`"
-                class="swiper-slide"
-              >
-                <img
-                  v-if="slide.image"
-                  :src="slide.image"
-                  :alt="slide.alt || 'Banner Image'"
-                />
-              </div>
-            </div>
-          </div>
-
-          <!-- Lightbox Pagination Info -->
-          <div class="lightbox--info">
-            <span class="lightbox--fraction">
-              {{ lightboxCurrentSlide + 1 }} / {{ slides.length }}
-            </span>
-          </div>
-        </div>
-
-        <button class="lightbox--next" @click="nextLightboxSlide" aria-label="다음">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="40"
-            height="40"
-            viewBox="0 0 40 40"
-            fill="none"
-          >
-            <path
-              d="M15 30L25 20L15 10"
-              stroke="white"
-              stroke-width="3"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </button>
-      </div>
-    </Transition>
-  </section>
-</template>
-
-<script setup>
-  import { Swiper } from "swiper";
-  import { Navigation, Pagination, Autoplay, EffectFade } from "swiper/modules";
-  import "swiper/css";
-  import "swiper/css/navigation";
-  import "swiper/css/pagination";
-  import "swiper/css/effect-fade";
-
-  const { getMediaUrl } = useImage();
-
-  // Props 정의
-  const props = defineProps({
-    slides: {
-      type: Array,
-      default: () => [],
-    },
-    height: {
-      type: String,
-      default: "60%",
-    },
-    title: {
-      type: String,
-      default: "",
-    },
-    subtitle: {
-      type: String,
-      default: "",
-    },
-    smalldesc: {
-      type: String,
-      default: "",
-    },
-    cautiondesc: {
-      type: String,
-      default: "",
-    },
-    morelink: {
-      type: String,
-      default: "",
-    },
-    morelinktitle: {
-      type: String,
-      default: "자세히 보기",
-    },
-    morelinktarget: {
-      type: String,
-      default: "_self",
-    },
-    notice: {
-      type: String,
-      default: "",
-    },
-    autoplay: {
-      type: [Boolean, Object],
-      default: () => ({ delay: 5000 }),
-    },
-    loop: {
-      type: Boolean,
-      default: true,
-    },
-    type: {
-      type: String,
-      default: "", // 'horz' , 'vert'
-      validator: (value) => ["exterior", "interior"].includes(value),
-    },
-    fit: {
-      type: String,
-      default: "cover",
-      validator: (value) => ["cover", "contain"].includes(value),
-    },
-  });
-
-  // Refs
-  const swiperContainer = ref(null);
-  const lightboxSwiperContainer = ref(null);
-  const paginationRef = ref(null);
-  const progressRef = ref(null);
-  const fractionRef = ref(null);
-  const prevRef = ref(null);
-  const nextRef = ref(null);
-  const textSlider = ref(null);
-  let swiperInstance = null;
-  let lightboxSwiperInstance = null;
-
-  // 현재 슬라이드 인덱스
-  const currentSlide = ref(0);
-  const lightboxCurrentSlide = ref(0);
-  const progressWidth = ref("0%");
-
-  // 라이트박스 상태
-  const isLightboxOpen = ref(false);
-
-  // 슬라이드별 텍스트 반환 함수들
-  const getSlideTitle = (index) => {
-    return props.slides[index]?.title || props.title;
-  };
-
-  const getSlideSubtitle = (index) => {
-    return props.slides[index]?.subtitle || props.subtitle;
-  };
-
-  const getSlideSmalldesc = (index) => {
-    return props.slides[index]?.smalldesc || props.smalldesc;
-  };
-
-  const getSlideMorelink = (index) => {
-    return props.slides[index]?.morelink || props.morelink;
-  };
-
-  const getSlideMorelinktitle = (index) => {
-    return props.slides[index]?.morelinktitle || props.morelinktitle;
-  };
-
-  const getSlideTarget = (index) => {
-    return props.slides[index]?.morelinktarget || props.morelinktarget;
-  };
-
-  const getSlideCautiondesc = (index) => {
-    return props.slides[index]?.cautiondesc || props.cautiondesc;
-  };
-
-  // Progress bar 업데이트 함수
-  const updateProgress = () => {
-    const progress = ((currentSlide.value + 1) / props.slides.length) * 100;
-    progressWidth.value = `${progress}%`;
-  };
-
-  // 라이트박스 열기
-  const openLightbox = (index) => {
-    isLightboxOpen.value = true;
-    document.body.style.overflow = "hidden";
-    document.querySelector(".g-layout").classList.add("active");
-
-    nextTick(() => {
-      initLightboxSwiper(index);
-    });
-  };
-
-  // 라이트박스 닫기
-  const closeLightbox = () => {
-    isLightboxOpen.value = false;
-    document.body.style.overflow = "";
-    document.querySelector(".g-layout").classList.remove("active");
-
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.destroy(true, true);
-      lightboxSwiperInstance = null;
-    }
-  };
-
-  // 라이트박스 Swiper 초기화
-  const initLightboxSwiper = (initialIndex = 0) => {
-    if (!lightboxSwiperContainer.value) return;
-
-    lightboxSwiperInstance = new Swiper(lightboxSwiperContainer.value, {
-      modules: [Navigation],
-      slidesPerView: 1,
-      spaceBetween: 0,
-      initialSlide: initialIndex,
-      loop: false,
-      keyboard: {
-        enabled: true,
-      },
-      on: {
-        slideChange: function () {
-          lightboxCurrentSlide.value = this.activeIndex;
-
-          // 메인 스와이퍼도 동일한 인덱스로 이동
-          if (swiperInstance && !swiperInstance.destroyed) {
-            swiperInstance.slideToLoop(this.activeIndex, 0);
-          }
-        },
-        init: function () {
-          lightboxCurrentSlide.value = this.activeIndex;
-        },
-      },
-    });
-  };
-
-  // 라이트박스 이전 슬라이드
-  const prevLightboxSlide = () => {
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.slidePrev();
-    }
-  };
-
-  // 라이트박스 다음 슬라이드
-  const nextLightboxSlide = () => {
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.slideNext();
-    }
-  };
-
-  // ESC 키로 라이트박스 닫기
-  const handleKeydown = (e) => {
-    if (e.key === "Escape" && isLightboxOpen.value) {
-      closeLightbox();
-    }
-  };
-
-  onMounted(() => {
-    // 키보드 이벤트 리스너 추가
-    window.addEventListener("keydown", handleKeydown);
-    // Swiper 인스턴스 초기화
-    swiperInstance = new Swiper(swiperContainer.value, {
-      modules: [Navigation, Pagination, Autoplay],
-      slidesPerView: 1,
-      spaceBetween: 0,
-      loop: props.loop,
-      autoplay: props.autoplay
-        ? {
-            delay:
-              typeof props.autoplay === "object" ? props.autoplay.delay || 5000 : 5000,
-            disableOnInteraction: false,
-            pauseOnMouseEnter: true,
-          }
-        : false,
-      navigation: {
-        nextEl: nextRef.value,
-        prevEl: prevRef.value,
-      },
-      pagination: {
-        el: paginationRef.value,
-        clickable: true,
-        type: "bullets",
-        // renderBullet: function (index, className) {
-        //   return '<span class="' + className + '">' + (index + 1) + "</span>";
-        // },
-      },
-      effect: "fade",
-      fadeEffect: {
-        crossFade: true,
-      },
-      speed: 800,
-      // 슬라이드 변경 이벤트
-      on: {
-        slideChange: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-          // Progress bar 업데이트
-          updateProgress();
-
-          // 모든 비디오 일시정지
-          const allVideos = this.el.querySelectorAll("video");
-          allVideos.forEach((video) => {
-            video.pause();
-            video.currentTime = 0;
-          });
-          // 현재 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-        init: function () {
-          if (this && this.realIndex !== undefined) {
-            currentSlide.value = this.realIndex;
-          }
-
-          // 초기 Progress bar 업데이트 - nextTick으로 지연
-          nextTick(() => {
-            updateProgress();
-          });
-
-          // 초기 슬라이드의 비디오 재생
-          const currentSlideEl = this.slides[this.activeIndex];
-          if (currentSlideEl) {
-            const video = currentSlideEl.querySelector("video");
-            if (video) {
-              video.play().catch((err) => console.log("Video play failed:", err));
-            }
-          }
-        },
-      },
-    });
-  });
-
-  onUnmounted(() => {
-    // 키보드 이벤트 리스너 제거
-    window.removeEventListener("keydown", handleKeydown);
-
-    // Swiper 인스턴스 정리
-    if (swiperInstance) {
-      swiperInstance.destroy(true, true);
-    }
-    if (lightboxSwiperInstance) {
-      lightboxSwiperInstance.destroy(true, true);
-    }
-
-    // body overflow 복원
-    document.body.style.overflow = "";
-  });
-</script>

app/components/block/mainSwiper.vue

@@ -1,179 +0,0 @@
-<template>
-  <div class="main--swiper--wrap">
-    <swiper
-      :modules="[EffectFade]"
-      :slides-per-view="1"
-      :space-between="0"
-      :speed="300"
-      effect="fade"
-      :fadeEffect="{ crossFade: true }"
-      @swiper="onSwiper"
-      @slideChange="onSlideChange"
-      class="main--swiper"
-    >
-      <swiper-slide v-for="(slide, index) in slides" :key="index">
-        <div class="slide--content">
-          <div class="img--wrap">
-            <img v-if="slide.image" :src="slide.image" :alt="slide.title" />
-            <video
-                v-if="slide.video"
-                autoplay
-                muted
-                loop
-                playsinline
-                :poster="slide.video"
-                controlslist="nodownload noplaybackrate"
-                disablepictureinpicture
-                preload="metadata"
-              >
-                <source :src="slide.video" type="video/mp4" />
-              </video>
-          </div>
-          <div class="title--wrap">
-            <h2>{{ slide.title }}</h2>
-            <p v-html="slide.subTitle"></p>
-            <div class="btn--wrap" v-if="slide.btnHidden != 'hidden'">
-              <NuxtLink class="btn--white" to="/ford/network">시승 신청</NuxtLink>
-              <NuxtLink class="btn--blue" :to="slide.href">제품 정보 보기</NuxtLink>
-            </div>
-          </div>
-        </div>
-      </swiper-slide>
-    </swiper>
-
-    <div class="swiper--pagination--custom">
-      <div
-        v-for="(slide, index) in slides"
-        :key="index"
-        class="pagination--item"
-        :class="{ active: currentIndex === index }"
-        @click="goToSlide(index)"
-      >
-        <h2 v-html="slide.pagingTitle"></h2>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, onUnmounted } from 'vue';
-import { Swiper, SwiperSlide } from 'swiper/vue';
-import { EffectFade } from 'swiper/modules';
-import 'swiper/css';
-import 'swiper/css/effect-fade';
-
-const isMobile = ref(false);
-
-const checkMobile = () => {
-  isMobile.value = window.innerWidth <= 768;
-};
-
-const isAfterLaunch = useTimeSwitch('2026-04-15T08:00:00+09:00');
-
-
-onMounted(() => {
-  checkMobile();
-  window.addEventListener('resize', checkMobile);
-});
-
-onUnmounted(() => {
-  window.removeEventListener('resize', checkMobile);
-});
-
-const slides = 
-isAfterLaunch.value == false ?
-computed(() => [  
-  {
-    title: "",
-    subTitle: "",
-    pagingTitle: 'EXPLORER',
-    image: isMobile.value ? '/img/main--visual11--mo.jpg' : '/img/main--visual11.jpg',
-    href: "/ford/vehicle/explorer",
-    btnHidden : "hidden"
-  },
-  {
-    title: "FORD EXPEDITION",
-    subTitle: "최대 8명이 탑승할 수 있는 편안한 좌석은 물론, <br>FORD CO-PILOT360TM 시스템이 안전하고 편안한 주행을 지원합니다.",
-    pagingTitle: 'EXPEDITION',
-    image: isMobile.value ? '/img/main--visual2--mo.png' : '/img/main--visual2.png',
-    href: "/ford/vehicle/expedition",
-  },
-  {
-    title: "FORD BRONCO",
-    subTitle: "광활한 대자연을 열망하고 모험을 추구하는 내면의 열정을 실현시켜줄 진정한 버디입니다.",
-    pagingTitle: 'BRONCO',
-    image: isMobile.value ? '/img/main--visual3--mo.png' : '/img/main--visual3.png',
-    href: "/ford/vehicle/bronco",
-  },
-  {
-    title: "FORD RANGER",
-    subTitle: "지금까지 출시된 포드 레인저 중 가장 스마트하고 다재다능한 레인저를 만나보십시오.",
-    pagingTitle: 'RANGER',
-    image: isMobile.value ? '/img/main--visual4--mo.png' : '/img/main--visual4.png',
-    href: "/ford/vehicle/ranger",
-  },
-  {
-    title: "FORD MUSTANG",
-    subTitle: "머스탱을 소유할 최고의 타이밍",
-    pagingTitle: 'MUSTANG',
-    image: isMobile.value ? '/img/main--visual5--mo.png' : '/img/main--visual5.png',
-    href: "/ford/vehicle/mustang",
-  }
-]) : 
-computed(() => [ 
-  { 
-    title: "",
-    subTitle: "",
-    href: "",
-    pagingTitle: "EXPLORER",
-    video: "https://audi.interscope.co.kr/video/flak/flak_26my_web.mp4",
-    btnHidden : "hidden"
-  },  
-  {
-    title: "FORD EXPEDITION",
-    subTitle: "최대 8명이 탑승할 수 있는 편안한 좌석은 물론, <br>FORD CO-PILOT360TM 시스템이 안전하고 편안한 주행을 지원합니다.",
-    pagingTitle: 'EXPEDITION',
-    image: isMobile.value ? '/img/main--visual2--mo.png' : '/img/main--visual2.png',
-    href: "/ford/vehicle/expedition",
-  },
-  {
-    title: "FORD BRONCO",
-    subTitle: "광활한 대자연을 열망하고 모험을 추구하는 내면의 열정을 실현시켜줄 진정한 버디입니다.",
-    pagingTitle: 'BRONCO',
-    image: isMobile.value ? '/img/main--visual3--mo.png' : '/img/main--visual3.png',
-    href: "/ford/vehicle/bronco",
-  },
-  {
-    title: "FORD RANGER",
-    subTitle: "지금까지 출시된 포드 레인저 중 가장 스마트하고 다재다능한 레인저를 만나보십시오.",
-    pagingTitle: 'RANGER',
-    image: isMobile.value ? '/img/main--visual4--mo.png' : '/img/main--visual4.png',
-    href: "/ford/vehicle/ranger",
-  },
-  {
-    title: "FORD MUSTANG",
-    subTitle: "머스탱을 소유할 최고의 타이밍",
-    pagingTitle: 'MUSTANG',
-    image: isMobile.value ? '/img/main--visual5--mo.png' : '/img/main--visual5.png',
-    href: "/ford/vehicle/mustang",
-  }
-]);
-
-const swiperInstance = ref(null);
-const currentIndex = ref(0);
-
-const onSwiper = (swiper) => {
-  swiperInstance.value = swiper;
-};
-
-const onSlideChange = (swiper) => {
-  currentIndex.value = swiper.activeIndex;
-};
-
-const goToSlide = (index) => {
-  if (swiperInstance.value) {
-    swiperInstance.value.slideTo(index);
-  }
-};
-</script>
-

app/components/block/mainSwiperLincoln.vue

@@ -1,127 +0,0 @@
-<template>
-  <div class="main--swiper--wrap">
-    <swiper
-      :modules="[EffectFade]"
-      :slides-per-view="1"
-      :space-between="0"
-      :speed="300"
-      effect="fade"
-      :fadeEffect="{ crossFade: true }"
-      @swiper="onSwiper"
-      @slideChange="onSlideChange"
-      class="main--swiper"
-    >
-      <swiper-slide v-for="(slide, index) in slides" :key="index">
-        <div class="slide--content">
-          <div class="img--wrap">
-            <video v-if="slide.type === 'video'" muted loop autoplay playsinline>
-              <source :src="slide.video" type="video/mp4">
-            </video>
-            <img v-else :src="slide.image" :alt="slide.title" />
-          </div>
-          <div class="title--wrap" v-if="slide.title">
-            <h2>{{ slide.title }}</h2>
-            <p v-html="slide.subTitle"></p>
-            <div class="btn--wrap">
-              <NuxtLink class="btn--white" to="/lincoln/network">시승 신청</NuxtLink>
-              <NuxtLink class="btn--orange" :to="slide.href">제품 정보 보기</NuxtLink>
-            </div>
-          </div>
-        </div>
-      </swiper-slide>
-    </swiper>
-
-    <div class="swiper--pagination--custom">
-      <div
-        v-for="(slide, index) in slides"
-        :key="index"
-        class="pagination--item"
-        :class="{ active: currentIndex === index }"
-        @click="goToSlide(index)"
-      >
-        <h2 v-html="slide.pagingTitle"></h2>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref, computed, onMounted, onUnmounted } from "vue";
-  import { Swiper, SwiperSlide } from "swiper/vue";
-  import { EffectFade } from "swiper/modules";
-  import "swiper/css";
-  import "swiper/css/effect-fade";
-
-  const isMobile = ref(false);
-
-  const checkMobile = () => {
-    isMobile.value = window.innerWidth <= 768;
-  };
-
-  onMounted(() => {
-    checkMobile();
-    window.addEventListener("resize", checkMobile);
-  });
-
-  onUnmounted(() => {
-    window.removeEventListener("resize", checkMobile);
-  });
-
-  const slides = computed(() => [
-    // {
-    //   type: "video",
-    //   title: "",
-    //   subTitle: "",
-    //   href: "",
-    //   pagingTitle: "NAUTILUS",
-    //   video: "/img/main--lincoln--visual.mp4",
-    // },
-    {
-      title: "",
-      subTitle: "",
-      href: "",
-      pagingTitle: "NAUTILUS",
-      image: isMobile.value
-        ? "/img/main--nautilus--visual3--mo.jpg"
-        : "/img/main--nautilus--visual3.jpg",
-    },
-    {
-      title: "THE NEW LINCOLN NAVIGATOR",
-      subTitle: "EXPERIENCE OF A PACKAGE ADVANCED TECHNOLOGIES",
-      href: "/lincoln/vehicle/navigator",
-      pagingTitle: "NAVIGATOR",
-      image: isMobile.value
-        ? "/img/main--lincoln--visual1--mo.png"
-        : "/img/main--lincoln--visual1.png",
-    },
-    {
-      title: "THE NEW LINCOLN AVIATOR",
-      subTitle: "Way To The Shipped Exit",
-      href: "/lincoln/vehicle/aviator",
-      pagingTitle: "AVIATOR",
-      image: isMobile.value
-        ? "/img/main--lincoln--visual2--mo.png"
-        : "/img/main--lincoln--visual2.png",
-    },
-    
-  ]);
-
-  const swiperInstance = ref(null);
-  const currentIndex = ref(0);
-
-  const onSwiper = (swiper) => {
-    swiperInstance.value = swiper;
-  };
-
-  const onSlideChange = (swiper) => {
-    currentIndex.value = swiper.activeIndex;
-  };
-
-  const goToSlide = (index) => {
-    if (swiperInstance.value) {
-      swiperInstance.value.slideTo(index);
-    }
-  };
-
- 
-</script>

app/components/breadCrumbs.vue

@@ -1,96 +0,0 @@
-<template>
-  <div class="breadcrumbs--wrap">
-    <div class="container">
-      <div class="menu--wrap">
-        <p class="main--menu">{{ mainMenu }}</p>
-        <span class="bar"></span>
-        <div class="sub--menu--wrap" ref="menuWrap">
-          <p class="sub--menu" @click="toggleNav" :style="{ width: width + 'px' }">
-            <span class="ellipsis1">
-              {{ currentSubMenu }}
-            </span>
-            <i class="ico"></i>
-          </p>
-
-          <div class="nav--wrap" :class="{ active: isNavOpen }">
-            <NuxtLink
-              v-for="(item, index) in subMenuItems"
-              :key="index"
-              :to="item.to"
-              class="sub--menu2"
-              :class="{ active: isActiveRoute(item.to) }"
-              @click="isNavOpen = false"
-            >
-              {{ item.label }}
-            </NuxtLink>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref, onMounted, onUnmounted } from "vue";
-
-  const route = useRoute();
-
-  // Props 정의
-  const props = defineProps({
-    // 가로 넓이
-    width: {
-      type: String,
-      default: "180",
-    },
-    // 메인 메뉴 타이틀 (예: NETWORK, VEHICLES, OWNER 등)
-    mainMenu: {
-      type: String,
-      default: "NETWORK",
-    },
-    // 현재 선택된 서브메뉴 타이틀 (예: 전시장 및 서비스센터)
-    currentSubMenu: {
-      type: String,
-      default: "메뉴를 선택하세요",
-    },
-    // 서브메뉴 아이템 리스트
-    subMenuItems: {
-      type: Array,
-      default: () => [],
-      // 예시 구조: [{ label: '전시장 찾기', to: '/ford/network/showroom', active: true }, ...]
-    },
-  });
-
-  const isNavOpen = ref(false);
-  const menuWrap = ref(null);
-
-  const toggleNav = () => {
-    isNavOpen.value = !isNavOpen.value;
-  };
-
-  // 현재 route와 비교하여 active 여부 판단
-  const isActiveRoute = (to) => {
-    if (!to) return false;
-    // 현재 전체 경로 (쿼리 포함)
-    const currentFullPath = route.fullPath;
-    // to가 쿼리를 포함하는 경우 전체 비교
-    if (to.includes("?")) {
-      return currentFullPath === to || currentFullPath.startsWith(to + "&");
-    }
-    // 쿼리 없는 경우 path만 비교하고 쿼리가 없어야 함
-    return route.path === to && Object.keys(route.query).length === 0;
-  };
-
-  const handleClickOutside = (event) => {
-    if (menuWrap.value && !menuWrap.value.contains(event.target)) {
-      isNavOpen.value = false;
-    }
-  };
-
-  onMounted(() => {
-    document.addEventListener("click", handleClickOutside);
-  });
-
-  onUnmounted(() => {
-    document.removeEventListener("click", handleClickOutside);
-  });
-</script>

app/components/footer.vue

@@ -1,420 +1,7 @@
 <template>
   <footer>
-    <div class="footer--wrap" v-if="!isIndexPage">
-      <div class="footer--btn--wrap" :class="{ active: isScrolled80 }">
-        <div
-          class="quick--wrap"
-          :class="{ active: isQuickMenuActive, lincoln: isLincolnPage }"
-        >
-          <ul class="inner--wrap">
-            <li v-if="!isLincolnPage">
-              <NuxtLink :to="linkName + '/vehicle/explorer'">explorer</NuxtLink>
-            </li>
-            <li v-if="!isLincolnPage">
-              <NuxtLink :to="linkName + '/vehicle/expedition'">expedition</NuxtLink>
-            </li>
-            <li v-if="!isLincolnPage">
-              <NuxtLink :to="linkName + '/vehicle/bronco'">bronco</NuxtLink>
-            </li>
-            <li v-if="!isLincolnPage">
-              <NuxtLink :to="linkName + '/vehicle/mustang'">mustang</NuxtLink>
-            </li>
-            <li v-if="!isLincolnPage">
-              <NuxtLink :to="linkName + '/vehicle/ranger'">RANGER</NuxtLink>
-            </li>
-             <li v-if="isLincolnPage">
-              <NuxtLink to="/lincoln/vehicle/nautilus">NAUTILUS</NuxtLink>
-            </li>
-            <li v-if="isLincolnPage">
-              <NuxtLink to="/lincoln/vehicle/navigator">NAVIGATOR</NuxtLink>
-            </li>
-            <li v-if="isLincolnPage">
-              <NuxtLink to="/lincoln/vehicle/aviator">AVIATOR</NuxtLink>
-            </li>
-           
-            <li><NuxtLink :to="linkName + '/network'">전시장</NuxtLink></li>
-            <li><NuxtLink :to="linkName + '/network'">서비스 센터</NuxtLink></li>
-          </ul>
-        </div>
-        <button
-          class="quick--menu"
-          :class="{ lincoln: isLincolnPage, active: isQuickMenuActive }"
-          @click.stop="toggleQuickMenu"
-        >
-          <i class="ico"></i>
-          QUICK
-        </button>
-        <button class="scroll--to--top" @click="scrollToTop" aria-label="맨 위로">
-          <i class="ico"></i>
-          TOP
-        </button>
-      </div>
-      <div class="footer--site--map">
-        <ul :class="{ lincoln: isLincolnPage }">
-          <li v-if="isLincolnPage == false">
-            <h2 @click="toggleMenu(0)">VEHICLE</h2>
-            <ul :class="{ active: activeMenu === 0 }">
-              <li><NuxtLink to="/ford/vehicle/explorer">explorer</NuxtLink></li>
-              <li><NuxtLink to="/ford/vehicle/expedition">expedition</NuxtLink></li>
-              <li><NuxtLink to="/ford/vehicle/bronco">bronco</NuxtLink></li>
-              <li><NuxtLink to="/ford/vehicle/mustang">mustang</NuxtLink></li>
-              <li><NuxtLink to="/ford/vehicle/ranger">RANGER</NuxtLink></li>
-            </ul>
-          </li>
-          <li v-else>
-            <h2 @click="toggleMenu(0)">VEHICLE</h2>
-            <ul :class="{ active: activeMenu === 0 }">
-              <li><NuxtLink to='/lincoln/vehicle/nautilus'>NAUTILUS</NuxtLink></li>
-              <li><NuxtLink to="/lincoln/vehicle/navigator">NAVIGATOR</NuxtLink></li>
-              <li><NuxtLink to="/lincoln/vehicle/aviator">AVIATOR</NuxtLink></li>
-            </ul>
-          </li>
-
-          <li>
-            <h2 @click="toggleMenu(1)">NETWORK</h2>
-            <ul :class="{ active: activeMenu === 1 }">
-              <li>
-                <NuxtLink :to="linkName + '/network'">전시장 및 서비스센터</NuxtLink>
-              </li>
-              <!-- <li>
-                <NuxtLink :to="linkName + '/network'"
-                  >서비스 센터 찾기</NuxtLink
-                >
-              </li> -->
-              <li>
-                <NuxtLink :to="linkName + '/owner/contact'"
-                  >{{ isLincolnPage == true ? "링컨" : "포드" }} 고객 센터</NuxtLink
-                >
-              </li>
-            </ul>
-          </li>
-
-          <li>
-            <h2 @click="toggleMenu(2)">SHOPPING</h2>
-            <ul :class="{ active: activeMenu === 2 }">
-              <li>
-                <NuxtLink :to="linkName + '/shopping/brochure'"
-                  >브로슈어 다운로드</NuxtLink
-                >
-              </li>
-              <li>
-                <NuxtLink :to="linkName + '/shopping/tire'"
-                  >타이어 에너지 소비 효율</NuxtLink
-                >
-              </li>
-              <!-- <li><NuxtLink :to="linkName + '/shopping/apply'">신청하기</NuxtLink></li> -->
-            </ul>
-          </li>
-          <li>
-            <h2 @click="toggleMenu(3)">OWNER</h2>
-            <ul :class="{ active: activeMenu === 3 }">
-              <h3>서비스</h3>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner'">공인 서비스</NuxtLink>
-              </li>
-              <li class="inner--style" v-if="isLincolnPage == true">
-                <NuxtLink :to="linkName + '/owner/pickup'"
-                  >픽업 & 딜리버리 서비스</NuxtLink
-                >
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/consumableParts'"
-                  >소모성 부품 무상 교환 서비스</NuxtLink
-                >
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/tfService'"
-                  >24시간 긴급 출동 서비스</NuxtLink
-                >
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/genuine'">순정 부품</NuxtLink>
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/recall'">리콜 안내</NuxtLink>
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/navigation'">내비게이션</NuxtLink>
-              </li>
-              <!-- <li class="inner--style" v-if="isLincolnPage == true">
-                <NuxtLink :to="linkName + '/owner/warranty'">보증 및 서비스</NuxtLink>
-              </li> -->
-              <!-- <li class="inner--style" v-if="isLincolnPage == false">
-                <NuxtLink :to="linkName + '/owner/accident'"
-                  >사고 수리를 위한 포드 서비스 부품</NuxtLink
-                >
-              </li> -->
-            </ul>
-
-            <ul :class="{ active: activeMenu === 3 }">              
-                <h3 class="mb--40">
-                  <NuxtLink :to="linkName + '/owner/event'"
-                    >프로모션</NuxtLink>
-                </h3>
-              
-            </ul>
-
-            <!-- <ul :class="{ active: activeMenu === 3 }" v-if="isLincolnPage == false">
-              <h3>보증 및 서비스</h3>
-              <li class="inner--style"><NuxtLink to="/">온라인 서비스 예약</NuxtLink></li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/warranty'">보증 및 서비스</NuxtLink>
-              </li>
-            </ul> -->
-            <!-- <ul :class="{ active: activeMenu === 3 }" v-if="isLincolnPage == true">
-              <h3>부품 및 차량 관리</h3>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/genuine'">순정 부품</NuxtLink>
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/navigation'">내비게이션</NuxtLink>
-              </li>
-            </ul> -->
-
-            <!-- <ul :class="{ active: activeMenu === 3 }">
-              <h3>Contact Us</h3>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/owner/contact'">포드 고객 센터</NuxtLink>
-              </li>
-            </ul> -->
-          </li>
-
-          <li v-if="isLincolnPage == false">
-            <h2 @click="toggleMenu(4)">ABOUT FORD</h2>
-            <!-- <ul :class="{ active: activeMenu === 4 }">
-              <h3>About Ford</h3>
-            </ul> -->
-            <ul :class="{ active: activeMenu === 4 }">
-              <h3>Global Sites</h3>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/about/company'">Company</NuxtLink>
-              </li>
-              <li class="inner--style">
-                <NuxtLink :to="linkName + '/about/ourPurpose'">Our Purpose</NuxtLink>
-              </li>
-              <li class="inner--style">
-                <NuxtLink
-                  to="https://corporate.ford.com/careers/inclusive-hiring/diversity/?intcmp=corporate-seconNav-diversity"
-                  target="_blank"
-                  >Corporate</NuxtLink
-                >
-              </li>
-              <li class="inner--style">
-                <NuxtLink to="https://corporate.ford.com/about/history/" target="_blank"
-                  >Heritage</NuxtLink
-                >
-              </li>
-              <li class="inner--style">
-                <NuxtLink
-                  to="https://corporate.ford.com//social-impact/sustainability/"
-                  target="_blank"
-                  >Sustanability</NuxtLink
-                >
-              </li>
-            </ul>
-          </li>
-          <li v-if="isLincolnPage">
-            <h2 @click="toggleMenu(4)">ABOUT LINCOLN</h2>
-            <!-- <ul :class="{ active: activeMenu === 4 }">
-              <h3>About Ford</h3>
-            </ul> -->
-            <ul :class="{ active: activeMenu === 4 }">
-              <NuxtLink to="https://www.lincoln.com" target="_blank"
-                ><h3 class="">Global Sites</h3></NuxtLink
-              >
-            </ul>
-          </li>
-          <li>
-            <h2
-              v-if="linkName == '/ford'"
-              @click="navigateTo('/lincoln')"
-              style="cursor: pointer"
-            >
-              LINCOLN
-            </h2>
-            <h2 v-else @click="navigateTo('/ford')" style="cursor: pointer">FORD</h2>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer--info--wrapper">
-      <div class="footer--info--wrap">
-        <div class="copy--wrap">
-          <!-- <ul class="link--list">
-            <li><NuxtLink to="/">사이트 맵</NuxtLink></li>
-            <li><NuxtLink to="/">개인정보처리방침</NuxtLink></li>
-            <li><NuxtLink to="/" target="_blank">글로벌 사이트</NuxtLink></li>
-          </ul> -->
-          <div>
-            회사명 : 에프엘오토코리아 유한회사&nbsp;&nbsp;&nbsp;사업소재지 : 서울특별시 성동구 자동차시장1길 104-13&nbsp;&nbsp;&nbsp;대표이사 : 이윤동<br/>
-            이메일 : customercenter@flak.co.kr&nbsp;&nbsp;&nbsp;대표전화번호 : 1600-6003<br/>
-            통신판매업신고번호 : 2026-서울성동-0319<br />
-            등록번호 : 211-86-57145
-          </div>
-          <br/>
-          <p>Copyright © 2025 FL Auto Korea Company. All Rights Reserved.</p>
-
-          <div class="sns--wrap">
-            <NuxtLink
-              v-if="isLincolnPage == false"
-              to="https://www.facebook.com/fordkorea"
-              target="_blank"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="8"
-                height="15"
-                viewBox="0 0 8 15"
-                fill="none"
-              >
-                <path
-                  d="M5.33333 5V3.51172C5.33333 2.83984 5.49167 2.5 6.60417 2.5H8V0H5.67083C2.81667 0 1.875 1.22656 1.875 3.33203V5H0V7.5H1.875V15H5.33333V7.5H7.68333L8 5H5.33333Z"
-                  fill="black"
-                />
-              </svg>
-            </NuxtLink>
-            <NuxtLink v-else to="https://www.facebook.com/lincolnkorea" target="_blank">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="8"
-                height="15"
-                viewBox="0 0 8 15"
-                fill="none"
-              >
-                <path
-                  d="M5.33333 5V3.51172C5.33333 2.83984 5.49167 2.5 6.60417 2.5H8V0H5.67083C2.81667 0 1.875 1.22656 1.875 3.33203V5H0V7.5H1.875V15H5.33333V7.5H7.68333L8 5H5.33333Z"
-                  fill="black"
-                />
-              </svg>
-            </NuxtLink>
-            <NuxtLink
-              v-if="isLincolnPage == false"
-              to="https://www.instagram.com/fordkorea"
-              target="_blank"
-            >
-              <img src="/img/ico--insta.png" />
-            </NuxtLink>
-            <NuxtLink
-              v-else
-              to="https://www.instagram.com/lincolnmotorcompanykr"
-              target="_blank"
-            >
-              <img src="/img/ico--insta.png" />
-            </NuxtLink>
-
-            <NuxtLink
-              v-if="isLincolnPage == false"
-              to="https://www.youtube.com/@fordkorea1/featured"
-              target="_blank"
-            >
-              <!-- <img src="/img/ico--youtube.png" /> -->
-            </NuxtLink>
-            <NuxtLink v-else to="https://www.youtube.com/@LincolnKorea" target="_blank">
-              <!-- <img src="/img/ico--youtube.png" /> -->
-            </NuxtLink>
-            <NuxtLink
-              v-if="isLincolnPage == false"
-              to="https://pf.kakao.com/_PGPWz"
-              target="_blank"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-              >
-                <path
-                  d="M12.0043 2C6.48085 2 2 5.91412 2 10.7454C2 15.5767 3.58298 16.0152 5.74468 17.568H5.75319V21.7597C5.75319 21.9568 5.99149 22.0694 6.15745 21.9528L9.94894 19.2897L10.0298 19.3219C10.6638 19.4345 11.3234 19.4908 11.9957 19.4908C17.5191 19.4908 22 15.5727 22 10.7414C22 5.9101 17.5277 2 12.0043 2ZM8.48511 13.0102C9.51489 13.0102 10.3957 12.4269 10.6596 11.5299H12.183C11.8128 13.2637 10.383 14.3981 8.48511 14.3981C6.58723 14.3981 4.52766 12.8413 4.52766 10.677C4.52766 8.51281 6.2766 6.95601 8.48511 6.95601C10.6936 6.95601 11.8383 8.11455 12.1957 9.87651H10.6766C10.4468 8.9191 9.53617 8.31971 8.48511 8.31971C7 8.31971 6.01277 9.32137 6.01277 10.677C6.01277 12.0327 7.13617 13.0142 8.48511 13.0142V13.0102ZM18.5191 14.2532H17.1234V11.2764C17.1234 10.5926 16.7021 10.2225 16.0511 10.2225C15.4 10.2225 14.8596 10.6408 14.8596 11.4896V14.2492H13.4638V6.9721H14.8596V9.71158C15.1957 9.23287 15.7362 8.99553 16.4723 8.99553C17.2085 8.99553 17.5532 9.18058 17.9319 9.55872C18.3234 9.93685 18.5149 10.4477 18.5149 11.1115V14.2532H18.5191Z"
-                  fill="#161616"
-                />
-              </svg>
-            </NuxtLink>
-            <NuxtLink v-else to="https://pf.kakao.com/_xoybzG" target="_blank">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-              >
-                <path
-                  d="M12.0043 2C6.48085 2 2 5.91412 2 10.7454C2 15.5767 3.58298 16.0152 5.74468 17.568H5.75319V21.7597C5.75319 21.9568 5.99149 22.0694 6.15745 21.9528L9.94894 19.2897L10.0298 19.3219C10.6638 19.4345 11.3234 19.4908 11.9957 19.4908C17.5191 19.4908 22 15.5727 22 10.7414C22 5.9101 17.5277 2 12.0043 2ZM8.48511 13.0102C9.51489 13.0102 10.3957 12.4269 10.6596 11.5299H12.183C11.8128 13.2637 10.383 14.3981 8.48511 14.3981C6.58723 14.3981 4.52766 12.8413 4.52766 10.677C4.52766 8.51281 6.2766 6.95601 8.48511 6.95601C10.6936 6.95601 11.8383 8.11455 12.1957 9.87651H10.6766C10.4468 8.9191 9.53617 8.31971 8.48511 8.31971C7 8.31971 6.01277 9.32137 6.01277 10.677C6.01277 12.0327 7.13617 13.0142 8.48511 13.0142V13.0102ZM18.5191 14.2532H17.1234V11.2764C17.1234 10.5926 16.7021 10.2225 16.0511 10.2225C15.4 10.2225 14.8596 10.6408 14.8596 11.4896V14.2492H13.4638V6.9721H14.8596V9.71158C15.1957 9.23287 15.7362 8.99553 16.4723 8.99553C17.2085 8.99553 17.5532 9.18058 17.9319 9.55872C18.3234 9.93685 18.5149 10.4477 18.5149 11.1115V14.2532H18.5191Z"
-                  fill="#161616"
-                />
-              </svg>
-            </NuxtLink>
-          </div>
-        </div>
-      </div>
-    </div>
   </footer>
 </template>
 
 <script setup>
-  import { ref, onMounted, onUnmounted, computed } from "vue";
-  import { useRoute } from "vue-router";
-
-  const config = useRuntimeConfig();
-  const route = useRoute();
-  const activeMenu = ref(null);
-  const isScrolled80 = ref(false);
-  const isQuickMenuActive = ref(false);
-
-  // URL에 'lincoln'이 포함되어 있는지 확인
-  const isLincolnPage = computed(() => {
-    return route.path.includes("lincoln");
-  });
-
-  // 인덱스 페이지인지 확인
-  const isIndexPage = computed(() => {
-    return route.path === "/";
-  });
-
-  // 브랜드명을 동적으로 반환
-  const linkName = computed(() => {
-    return route.path.includes("lincoln") ? "/lincoln" : "/ford";
-  });
-
-  const toggleMenu = (index) => {
-    if (activeMenu.value === index) {
-      activeMenu.value = null;
-    } else {
-      activeMenu.value = index;
-    }
-  };
-
-  const toggleQuickMenu = () => {
-    isQuickMenuActive.value = !isQuickMenuActive.value;
-  };
-
-  const closeQuickMenu = () => {
-    isQuickMenuActive.value = false;
-  };
-
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth",
-    });
-  };
-
-  const handleScroll = () => {
-    const scrollTop = window.scrollY || document.documentElement.scrollTop;
-    const scrollHeight =
-      document.documentElement.scrollHeight - document.documentElement.clientHeight;
-    const scrollPercent = (scrollTop / scrollHeight) * 100;
-
-    isScrolled80.value = scrollPercent !== 0;
-  };
-
-  onMounted(() => {
-    window.addEventListener("scroll", handleScroll);
-    document.addEventListener("click", closeQuickMenu);
-  });
-
-  onUnmounted(() => {
-    window.removeEventListener("scroll", handleScroll);
-    document.removeEventListener("click", closeQuickMenu);
-  });
 </script>

app/components/sitemap.vue

@@ -1,3 +0,0 @@
-<template>
-  <div>사이투맵</div>
-</template>

app/composables/useSalesData.js

@@ -1,120 +0,0 @@
-/**
- * 영업사원 관련 데이터 관리 Composable
- * 팀 리스트, 직책 리스트 및 관련 유틸리티 함수 제공
- */
-export const useSalesData = () => {
-  const config = useRuntimeConfig()
-
-  /**
-   * 회사별 영업팀 리스트 반환
-   */
-  const getTeamsList = () => {
-    switch (config.public.company) {
-      case "g":
-        return [
-          { id: 0, name: "마스터팀" },
-          { id: 1, name: "1팀" },
-          { id: 2, name: "2팀" },
-          { id: 3, name: "3팀" },
-          { id: 4, name: "4팀" },
-          { id: 5, name: "5팀" },
-          { id: 6, name: "6팀" },
-          { id: 7, name: "7팀" },
-          { id: 8, name: "8팀" },
-          { id: 9, name: "9팀" },
-          { id: 10, name: "10팀" },
-        ]
-      case "w":
-        return [
-          { id: 0, name: "특판팀" },
-          { id: 1, name: "1팀" },
-          { id: 2, name: "2팀" },
-          { id: 3, name: "3팀" },
-          { id: 4, name: "4팀" },
-          { id: 5, name: "5팀" },
-          { id: 6, name: "6팀" },
-          { id: 7, name: "7팀" },
-          { id: 8, name: "8팀" },
-          { id: 9, name: "9팀" },
-          { id: 10, name: "10팀" },
-        ]
-      default:
-        return [
-          { id: 0, name: "마스터팀" },
-          { id: 1, name: "1팀" },
-          { id: 2, name: "2팀" },
-          { id: 3, name: "3팀" },
-          { id: 4, name: "4팀" },
-          { id: 5, name: "5팀" },
-          { id: 6, name: "6팀" },
-          { id: 7, name: "7팀" },
-          { id: 8, name: "8팀" },
-          { id: 9, name: "9팀" },
-          { id: 10, name: "10팀" },
-        ]
-    }
-  }
-
-  /**
-   * 회사별 직책 리스트 반환
-   */
-  const getPositionsList = () => {
-    switch (config.public.company) {
-      case "g":
-        return [
-          { value: 10, label: "팀장" },
-          { value: 15, label: "마스터" },
-          { value: 20, label: "차장" },
-          { value: 30, label: "과장" },
-          { value: 40, label: "대리" },
-          { value: 60, label: "사원" },
-        ]
-      case "w":
-        return [
-          { value: 0, label: "인턴" },
-          { value: 1, label: "사원" },
-          { value: 2, label: "주임" },
-          { value: 3, label: "대리" },
-          { value: 4, label: "과장" },
-          { value: 5, label: "차장" },
-          { value: 6, label: "부장" },
-          { value: 7, label: "팀장" },
-          { value: 8, label: "지점장" },
-          { value: 9, label: "Expert" },
-          { value: 10, label: "부지점장" },
-        ]
-      default:
-        return []
-    }
-  }
-
-  const teams = ref(getTeamsList())
-  const positions = ref(getPositionsList())
-
-  /**
-   * 팀 ID로 팀 이름 조회
-   * @param {number|string} teamId - 팀 ID
-   * @returns {string} 팀 이름
-   */
-  const getTeamName = (teamId) => {
-    const team = teams.value.find(t => t.id == teamId)
-    return team ? team.name : "-"
-  }
-
-  /**
-   * 직책 코드로 직책 이름 조회
-   * @param {number|string} positionCode - 직책 코드
-   * @returns {string} 직책 이름
-   */
-  const getPositionName = (positionCode) => {
-    const position = positions.value.find(p => p.value == positionCode)
-    return position ? position.label : "-"
-  }
-
-  return {
-    teams,
-    positions,
-    getTeamName,
-    getPositionName,
-  }
-}

app/composables/useTimeSwitch.js

@@ -1,19 +0,0 @@
-// 시간 조건
-// 각 페이지에서 const isAfterLaunch = useTimeSwitch('2026-04-15T08:00:00+09:00'); 선언 후 사용
-
-export function useTimeSwitch(targetTime) {
-  const target = new Date(targetTime);
-  const now = ref(new Date());
-
-  let timer;
-  onMounted(() => {
-    if (now.value >= target) return;
-    timer = setInterval(() => {
-      now.value = new Date();
-      if (now.value >= target) clearInterval(timer);
-    }, 1000);
-  });
-  onBeforeUnmount(() => clearInterval(timer));
-
-  return computed(() => now.value >= target);
-}

app/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="g-layout">
+  <div class="">
     <slot />
   </div>
 </template>

app/pages/ford/about/company.vue

@@ -1,459 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="about--wrap">
-      <div class="container">
-        <div class="title--visual">
-          <h2>FORD STORY</h2>
-          <div class="sub--title">
-            포드 모터 컴퍼니는 고객 여러분께 승용차, 트럭, SUV 를 비롯해 다양한 제품과
-            서비스를 세계 여러 나라에 제공하고 있습니다.<br />
-            새로운 100년을 맞이하면서 저희는 폭넓은 잠재 고객층에게 더욱 가까이 다가가기
-            위해 노력하고 있습니다.<br />
-            포드의 모든 자동차 브랜드들은 포드 모터 컴퍼니 그룹 내에서 저마다 독특한
-            개성과 차별성을 자랑하고 있습니다.
-          </div>
-        </div>
-        <div class="visual--banner--01 mt--70">
-          <img src="/img/about/about--banner01.jpg" alt="FORD STORY" />
-        </div>
-
-        <div class="title--visual">
-          <h2>FORD BRAND</h2>
-          <div class="sub--title">
-            포드 모터 컴퍼니는 고객 여러분께 승용차, 트럭, SUV 를 비롯해 다양한 제품과
-            서비스를 세계 여러 나라에 제공하고 있습니다.<br />
-            새로운 100년을 맞이하면서 저희는 폭넓은 잠재 고객층에게 더욱 가까이 다가가기
-            위해 노력하고 있습니다.<br />
-            포드의 모든 자동차 브랜드들은 포드 모터 컴퍼니 그룹 내에서 저마다 독특한
-            개성과 차별성을 자랑하고 있습니다.
-          </div>
-        </div>
-        <div class="visual--banner--02 mt--70">
-          <div class="thumb--wrap">
-            <div class="thumb--item">
-              <div class="thumb">
-                <img src="/img/about/about--banner02.png" alt="FORD" />
-              </div>
-              <div class="desc">
-                <h2 class="t--title">FORD</h2>
-                <div class="captions">
-                  포드 모터 컴퍼니의 최초의 브랜드인 ‘포드’는 전 세계인의 다양한 라이프
-                  스타일에 맞는 개성 있는 디자인과 합리적인 가격대의 자동차를 제공합니다.
-                  그러한 약속은 세상에 선보인 첫 자동차인 모델 T부터 최근 사랑받고 있는
-                  미국의 Mustang과 유럽의 Mondeo, 남미의 EcoSport에 이르 기까지
-                  한결같습니다. 세계에서 가장 인기 있는 승용차, 트럭, SUV 가운데에는 늘
-                  포드 차들이 있습 니다.
-                </div>
-              </div>
-            </div>
-            <div class="thumb--item">
-              <div class="thumb">
-                <img src="/img/about/about--banner03.png" alt="FORD" />
-              </div>
-              <div class="desc">
-                <h2 class="t--title">FORD HISTORY</h2>
-                <div class="captions">
-                  포드 모터 컴퍼니는 미국 미시건 주의 한 마차 상점에서 포드 배지를 단
-                  자동차로부터 시작되었습니 다. 많은 패밀리 자동차 브랜드들의 창립자인
-                  포드의 진수를 알고 싶으시면, 헨리 포드의 첫 자동차 실 험에서부터 모델 A,
-                  모델 T 그리고 그 이후의 차들에 이르는 포드 모터 컴퍼니 초창기 역사를
-                  살펴보 시기 바랍니다. 포드의 모델 개발에 있어 ‘가격 대비 가치 (Value for
-                  Money)’ 는 언제나 최우 선 과제였지만, 결코 품질과 타협하지 않았고 더
-                  나은 품질을 추구하려는 노력은 계속되었습니다. 포드는 유럽인들의 현실적
-                  요구 조건인 좀 더 작은  사이즈의 모델을 제공하거나 계속 변화되는 환경 에
-                  부합하기 위해 더 똑똑한 차를 제공하는 등 고객이 원하는 그 이상을
-                  실현하기 위해 끊임없이 노력 하고 있습니다.
-                </div>
-              </div>
-            </div>
-
-            <div class="thumb--item">
-              <div class="thumb">
-                <img src="/img/about/about--banner04.png" alt="FORD" />
-              </div>
-              <div class="desc">
-                <h2 class="t--title">LINCOLN</h2>
-                <div class="captions">
-                  1921년 이래 링컨은 미국 최고의 럭셔리 자동차 브랜드의 아이콘으로 그
-                  자리를 지켜 왔습니다. 오늘날에도 링컨은 가장 순수한 미국의 정신을
-                  담아내고 있습니다.<br />
-                  다이나믹한 미국 디자인의 정수로서, 링컨은 우아함과 균형미, 풍부함과
-                  절제의 조화를 아우르며 럭셔리를 대담하게 표현합니다.
-                </div>
-              </div>
-            </div>
-
-            <div class="thumb--item">
-              <div class="thumb">
-                <img src="/img/about/about--banner05.png" alt="FORD" />
-              </div>
-              <div class="desc">
-                <h2 class="t--title">LINCOLN HISTORY</h2>
-                <div class="captions">
-                  포드 모터 컴퍼니는 1922년, 8백만 달러에 링컨 모터 컴퍼니를
-                  인수하였습니다. 링컨은 포드 브랜드 그룹에 합류한 최초의 “외부
-                  브랜드”였으며, 포드 모터 컴퍼니가 럭셔리 자동차 분야로 진입하는 시발
-                  점이 되었습니다. <br />
-                  링컨의 자동차 역사의 대부분은 “최고급의 향유”를 제공한다는 브랜드 목표를
-                  만족시키기 위해 매년 업그레이드된 컨티넨탈이나 새로운 소수의 럭셔리카
-                  라인으로 구성되어 있습니다.
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="our--vision pt--30 mt--120">
-        <div class="container">
-          <div class="title--visual">
-            <h2>OUR VISION</h2>
-            <div class="sub--title">
-              글로벌 기업인 포드의 임직원들은 전 세계 자동차 산업의 선두에 서서 사람들의
-              삶을 더욱 풍요롭게 하고자 함께 노력하고 있습니다.
-            </div>
-          </div>
-
-          <div class="vision--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_188_6220)">
-                      <path
-                        d="M45 26.2865L24.992 50.0005L5 26.2865L13.568 15.9375H36.416L45 26.2865Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="bevel"
-                      />
-                      <path
-                        d="M5 26.2852H45"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="bevel"
-                      />
-                      <path
-                        d="M31.7411 26.2865L24.992 50.0005L18.2429 26.2865L21.1468 15.9375H28.8532L31.7411 26.2865Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="bevel"
-                      />
-                      <path
-                        d="M24.992 0V6.69013"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="bevel"
-                      />
-                      <path
-                        d="M5.38297 7.79492L10.3291 12.5255"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="bevel"
-                      />
-                      <path
-                        d="M44.6011 7.79492L39.6709 12.5255"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="bevel"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_188_6220">
-                        <rect width="50" height="50" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <div class="desc">
-                  <h2>품질 QUALITY</h2>
-                  <div class="captions">
-                    포드는 항상 품질을 최우선으로 하고 있습니다. 설계, 제조에서부터 세일즈
-                    및 서비스에 이르기까지 언제나 고객을 더욱 만족시키기 위해 노력합니다.
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_188_6229)">
-                      <path
-                        d="M21.4849 16.5112L11.1846 2.02148"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-miterlimit="10"
-                      />
-                      <path
-                        d="M26.9813 6.72439C27.4431 3.91918 25.5035 1.2772 22.6491 0.823359C19.7947 0.369517 17.1063 2.27567 16.6445 5.08088C16.1827 7.88609 18.1223 10.5281 20.9767 10.9819C23.8312 11.4358 26.5195 9.52959 26.9813 6.72439Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-miterlimit="10"
-                      />
-                      <path
-                        d="M21.4849 16.5098H22.1401C24.8519 16.5098 27.0509 18.6709 27.0509 21.336V34.7563H16.574V21.336C16.574 18.6709 18.7731 16.5098 21.4849 16.5098Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-miterlimit="10"
-                      />
-                      <path
-                        d="M16.574 34.7598H38.1203L42 49.9998"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-miterlimit="10"
-                      />
-                      <path
-                        d="M27.0509 23.0137V23.7807L19.0181 34.76L16.574 38.0353"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-miterlimit="10"
-                        stroke-linecap="square"
-                      />
-                      <path
-                        d="M13.8737 38.0385V16.0015C13.8737 14.2099 12.3981 12.7598 10.5751 12.7598H8V43.8165H34.2065V41.3362C34.2065 39.5166 32.7024 38.0385 30.8509 38.0385H13.8737Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-miterlimit="10"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_188_6229">
-                        <rect width="50" height="50" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <div class="desc">
-                  <h2>안전 SAFETY</h2>
-                  <div class="captions">
-                    저희는 포드 자동차를 타는 고객과 가족의 안전을 위해 혁신 기술의 개발
-                    및 구현에 오랜 기간 힘써왔습니다.
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M14.2186 20.1543V48.7787"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M23.4052 32.1382C23.4052 37.2606 19.2832 41.4166 14.2026 41.4166C9.122 41.4166 5 37.2606 5 32.1382C5 27.0158 9.13798 11.9707 14.2186 11.9707C19.2992 11.9707 23.4212 27.0319 23.4212 32.1543L23.4052 32.1382Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M36.618 20.1543V48.7787"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M27.4314 32.1387C27.4314 37.2611 31.5534 41.4171 36.634 41.4171C41.7146 41.4171 45.8366 37.2611 45.8366 32.1387C45.8366 27.0163 41.7146 11.9551 36.634 11.9551C31.5534 11.9551 27.4314 27.0163 27.4314 32.1387Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M7.76404 48.7773H43.0727"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M37.0974 27.6443C37.0974 34.1521 31.873 39.4195 25.4184 39.4195C18.9638 39.4195 13.7394 34.1521 13.7394 27.6443C13.7394 21.1366 18.9638 2 25.4184 2C31.873 2 37.0974 21.1366 37.0974 27.6443Z"
-                      fill="#F3F3F3"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M25.4183 12.4062V48.7787"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M29.7001 16.5938L25.4184 20.9108L21.1366 16.5938"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M30.8664 24.6309L25.4183 30.1238L19.9702 24.6309"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="desc">
-                  <h2>친환경 GREEN</h2>
-                  <div class="captions">
-                    지속가능성에 대한 전략(Sustainability strategy)은 탄소 배출을 감소한
-                    것에서 멈추지 않습니다. 사내에서 직원들의 물 사용에서부터 근로자
-                    인권에 이르기까지 비즈니스의 모든 부분에서 지속가능성
-                    (Sustainability)은 필수적인 부분으로 자리 잡았습니다.
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M20.449 27.485L13.4156 29.5801L17.0003 41.4435L24.0336 39.3484L20.449 27.485Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M25.9142 39.3482L32.9475 41.4434L37.6711 25.8106L30.6378 23.7155L25.9142 39.3482Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M33.0704 2.16566L14.0682 7.62574C11.8247 8.27038 10.5312 10.595 11.1791 12.8179C11.827 15.0408 14.1709 16.3203 16.4144 15.6756L35.4167 10.2155C37.6602 9.5709 38.9536 7.24629 38.3058 5.02338C37.6579 2.80047 35.3139 1.52102 33.0704 2.16566Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M33.0645 11.0563L14.0622 16.5164C11.8187 17.161 10.5252 19.4856 11.1731 21.7085C11.821 23.9314 14.1649 25.2109 16.4084 24.5662L35.4107 19.1062C37.6542 18.4615 38.9477 16.1369 38.2998 13.914C37.6519 11.6911 35.308 10.4116 33.0645 11.0563Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M33.0761 19.9469L14.0738 25.407C11.8303 26.0516 10.5368 28.3762 11.1847 30.5992C11.8326 32.8221 14.1765 34.1015 16.42 33.4569L35.4223 27.9968C37.6658 27.3522 38.9593 25.0275 38.3114 22.8046C37.6635 20.5817 35.3196 19.3023 33.0761 19.9469Z"
-                      fill="#F3F3F3"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M15.1887 39.3574H34.7584V43.0468C34.7584 46.0335 32.3166 48.4755 29.2909 48.4755H20.6562C17.6482 48.4755 15.1887 46.051 15.1887 43.0468V39.3574Z"
-                      fill="#F3F3F3"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="desc">
-                  <h2>스마트 SMART</h2>
-                  <div class="captions">
-                    포드의 중심에는 혁신이 있습니다. 일반 대중 차 시장에서도 포드는 가장
-                    먼저 고강도 알루미늄 적용을 대폭 확대했으며, 2014년에는 자동차 산업
-                    최초로 차량 내 연결성 (In- car connectivity)에 관한 개발자 회의를
-                    개최하였습니다.
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <div class="container">
-        <div class="strong--business">
-          <div class="title--visual">
-            <h2>강력한 비즈니스 (Strong Business)</h2>
-            <div class="sub--title">
-              모든 운전자에게 좋은 차가 최고의 자동차입니다. 포드 비즈니스의 힘은 바로
-              이런 믿음에서 나옵니다.<br />
-              포드는 늘어나는 수요를 맞추기 위해 50년만에 최대 규모로 제조 시설을 확장하고
-              있습니다.<br />
-              미국 내 생산 역량을 확대하고 세계 곳곳에 신규 시설을 건설 중입니다.<br />
-              포드는 지속적인 수익을 창출하며 성장하고 있습니다.<br />
-              지난해에도 전세계 직원들의 연금 제도를 지원했으며, 미국 내 시간제 직원들에게
-              이익분배금을 지급하고, 주주 배당금을 두 배로 올렸습니다.
-            </div>
-          </div>
-          <div class="btn--wrap mt--70">
-            <a class="btn--sky"
-              href="https://www.ford.com/finance/investor-center?gnav=footer-finance"
-              target="_blank"
-              >투자자 (Investors) 자세히 알아보기<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                viewBox="0 0 16 16"
-                fill="none"
-              >
-                <path
-                  d="M3.33203 8H12.6654"
-                  stroke="white"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-                <path
-                  d="M8 3.33398L12.6667 8.00065L8 12.6673"
-                  stroke="white"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                /></svg
-            ></a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  const breadcrumbData = {
-    mainMenu: "ABOUT FORD",
-    currentSubMenu: "GLOBAL SITES",
-    subMenuItems: [
-      { label: "Company", to: "/ford/about/company", active: true },
-      { label: "Our Purpose", to: "/ford/about/ourPurpose", active: false },
-    ],
-  };
-</script>

app/pages/ford/about/ourPurpose.vue

@@ -1,136 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="about--wrap">
-      <div class="container">
-        <div class="title--visual">
-          <h2>OUR PURPOSE</h2>
-          <div class="sub--title">
-            “모든 사람이 자유롭게 이동하며, 꿈꾸는 모든 것을 이룰 수 있는 더 나은 세상을
-            만들자.”라는 미션으로 우리는 여기에 모였습니다.
-          </div>
-        </div>
-        <div class="visual--banner--01 mt--70">
-          <img src="/img/about/ourpp--banner01.jpg" alt="our purpose" />
-        </div>
-
-        <div class="title--visual">
-          <h2 class="side--title">우리의 미션</h2>
-          <h3 class="middle--title">
-            “모든 사람이 자유롭게 이동하며, 꿈꾸는 모든 것을 이룰 수 있는 더 나은 세상을
-            만들자.”라는 미션으로 우리는 여기에 모였습니다.
-          </h3>
-          <div class="sub--title">
-            우리는 사람들이 장애물과 한계 없이 더 나은 삶을 누리고, 더 큰 꿈을 향해 전진할
-            수 있는 세상을 만드는 힘을 믿습니다.<br />
-            내가 가고자 하는 그곳까지의 거리를 더 가깝게 만들고, 전 세계 곳곳의 사람들을
-            연결하며, 더 많은 가능성을 발견하고 자유로운 이동이 선사하는<br />
-            스릴과 모험 그리고 자부심을 즐길 수 있게 합니다.<br />포드는 창립 초기부터
-            사람들이 더 멀리, 더 높이 나아갈 수 있는 길을 만들어왔습니다.<br />
-            사람들이 더 많은 기회를 찾을 수 있도록 혁신을 거듭했고, 신뢰를 얻기 위해 매
-            순간 노력해왔습니다.<br />지금까지의 위대한 경험을 발판으로 포드는 새로운
-            미래를 만들어 나가고 있습니다.<br />
-            미래의 모든 사람들이 자유롭게 이동하고 한계 없는 꿈을 꿀 수 있는 더 나은
-            세상으로 변화시키는 일.<br />
-            그것이 포드가 가장 잘 할 수 있는 일입니다.
-          </div>
-        </div>
-      </div>
-
-      <div class="grid--banner--wrapper">
-        <div class="grid--items">
-          <div class="grid--banner">
-            <img src="/img/about/ourpp--grd01.png" />
-          </div>
-          <div class="grid--desc">
-            <h2>더 나은 삶</h2>
-            <div class="captions">
-              포드의 역사는 사람들의 성장, 발전을 막는 장애물들을 극복해 나가고자 하는
-              노력에서 시작 되었습니다. 우리는 누구나 자유롭게 이동하고 꿈을 실현하며
-              최고의 삶을 누릴 자격이 있다고 믿습니다.
-            </div>
-          </div>
-        </div>
-        <div class="grid--items revers dark">
-          <div class="grid--banner">
-            <img src="/img/about/ourpp--grd02.png" />
-          </div>
-          <div class="grid--desc">
-            <h2>결속력이 강한 커뮤니티 형성</h2>
-            <div class="captions">
-              포드는 직원, 노조, 고객, 딜러, 기업, 이웃, 도시, 정부를 포함한 지역 사회와의
-              깊은 연대감을 형성하고 강화하며 이를 중심으로 비즈니스를 영위해 나가고
-              있습니다.
-            </div>
-            <div class="btn--wrap fl--start mt--50">
-              <a
-                href="https://corporate.ford.com//social-impact/community"
-                target="_blank"
-                class="btn--sky"
-                >커뮤니티 활동 보기</a
-              >
-            </div>
-          </div>
-        </div>
-        <div class="grid--items">
-          <div class="grid--banner">
-            <img src="/img/about/ourpp--grd03.png" />
-          </div>
-          <div class="grid--desc">
-            <h2>더 건강한 지구</h2>
-            <div class="captions">
-              포드는 창업자 헨리 포드(Henry Ford) 회장 시절부터 빌 포드(Bill Ford) 회장이
-              이끄는 오늘에 이르기까지, 우리 모두의 지구를 위한 지속 가능한 미래를 만들기
-              위해 거침없는 행보를 이어왔습니다.
-            </div>
-            <div class="btn--wrap fl--start mt--50">
-              <a
-                href="https://corporate.ford.com//social-impact/sustainability"
-                target="_blank"
-                class="btn--sky"
-                >지속 가능성 활동 보기</a
-              >
-            </div>
-          </div>
-        </div>
-        <div class="grid--items revers dark">
-          <div class="grid--banner">
-            <img src="/img/about/ourpp--grd04.png" />
-          </div>
-          <div class="grid--desc">
-            <h2>전동화로 만들어 가는 더 나은 세상</h2>
-            <div class="captions">
-              포드의 ‘지속 가능성 및 재무 통합 보고서’는 포드의 미션과 비즈니스가 어떻게
-              연계되어 있는지 보여줍니다.
-            </div>
-            <div class="btn--wrap fl--start mt--50">
-              <a
-                href="https://corporate.ford.com/microsites/integrated-sustainability-and-financial-report-2021/index.html"
-                target="_blank"
-                class="btn--sky"
-                >통합 보고서 보기</a
-              >
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  const breadcrumbData = {
-    mainMenu: "ABOUT FORD",
-    currentSubMenu: "GLOBAL SITES",
-    subMenuItems: [
-      { label: "Company", to: "/ford/about/company", active: false },
-      { label: "Our Purpose", to: "/ford/about/ourPurpose", active: true },
-    ],
-  };
-</script>

app/pages/ford/index.vue

@@ -1,120 +0,0 @@
-<template>
-  <main>
-    <Popup site="ford" />
-    <BlockMainSwiper />
-    <div class="container">
-      <!-- 2026-04-15 08:00:00 이전 -->
-      <section class="main--section" v-if="!isAfterLaunch">
-        <h2>완벽함을 소유하다</h2>
-        <p>포드에서 전하는 최신 모델 정보와 특별한 이야기를 만나보세요</p>
-        <div class="main--grid--wrap">
-          <NuxtLink to="/ford/vehicle/ranger" class="grid">
-            <h3>RANGER <i class="ico"></i></h3>
-            <p>OUR MOST VERSATILE RANGER EVER</p>
-          </NuxtLink>
-          <div class="grid--group--wrap">
-            <div class="grid--wrap">
-              <NuxtLink to="/ford/vehicle/mustang" class="grid">
-                <h3>mustang<i class="ico"></i></h3>
-                <p>rules of the open road</p>
-              </NuxtLink>
-              <NuxtLink to="/ford/vehicle/explorer" class="grid">
-                <h3>explorer<i class="ico"></i></h3>
-                <p>it's all in the name, 포드 익스플로러</p>
-              </NuxtLink>
-            </div>
-            <div class="grid--wrap">
-              <NuxtLink to="/ford/vehicle/bronco" class="grid">
-                <h3>bronco<i class="ico"></i></h3>
-                <p>bronco outer banks</p>
-              </NuxtLink>
-              <NuxtLink to="/ford/vehicle/expedition" class="grid">
-                <h3>expedition<i class="ico"></i></h3>
-                <p>the road to adventure is often unpaved</p>
-              </NuxtLink>
-            </div>
-          </div>
-        </div>
-        <div class="main--list--wrap">
-          <NuxtLink to="/ford/network" class="list">
-            <i class="ico"></i>
-            <h3>전시장 찾기</h3>
-            <p>가까운 주변의 전시장을 확인해보세요. <i class="ico"></i></p>
-          </NuxtLink>
-          <NuxtLink to="/ford/network" class="list">
-            <i class="ico"></i>
-            <h3>서비스 센터 찾기</h3>
-            <p>가까운 주변의 서비스 센터를 확인해보세요. <i class="ico"></i></p>
-          </NuxtLink>
-          <NuxtLink to="/ford/owner" class="list">
-            <i class="ico"></i>
-            <h3>공인 서비스</h3>
-            <p>
-              포드 전문가에게 맡기시면 차별화된 서비스를 받으실 수 있습니다.<i
-                class="ico"
-              ></i>
-            </p>
-          </NuxtLink>
-        </div>
-      </section>
-      <!-- 2026-04-15 08:00:00 이후 -->
-      <section class="main--section" v-if="isAfterLaunch">
-        <h2>SEE ALL FORD</h2>
-        <p>포드에서 전하는 최신 모델 정보와 특별한 이야기를 만나보세요</p>
-        <div class="main--grid--wrap">
-          <NuxtLink to="/ford/vehicle/explorer" class="grid explorer">
-            <h3>explorer<i class="ico"></i></h3>
-            <p>it's all in the name, 포드 익스플로러</p>
-          </NuxtLink>
-          <div class="grid--group--wrap">
-            <div class="grid--wrap">
-              <NuxtLink to="/ford/vehicle/mustang" class="grid mustang">
-                <h3>mustang<i class="ico"></i></h3>
-                <p>rules of the open road</p>
-              </NuxtLink>
-              <NuxtLink to="/ford/vehicle/bronco" class="grid bronco">
-                <h3>bronco<i class="ico"></i></h3>
-                <p>bronco outer banks</p>
-              </NuxtLink>
-            </div>
-            <div class="grid--wrap">
-              <NuxtLink to="/ford/vehicle/ranger" class="grid ranger">
-                <h3>RANGER <i class="ico"></i></h3>
-                <p>OUR MOST VERSATILE RANGER EVER</p>
-              </NuxtLink>
-              <NuxtLink to="/ford/vehicle/expedition" class="grid expedition">
-                <h3>expedition<i class="ico"></i></h3>
-                <p>the road to adventure is often unpaved</p>
-              </NuxtLink>
-            </div>
-          </div>
-        </div>
-        <div class="main--list--wrap">
-          <NuxtLink to="/ford/network" class="list">
-            <i class="ico"></i>
-            <h3>전시장 찾기</h3>
-            <p>가까운 주변의 전시장을 확인해보세요. <i class="ico"></i></p>
-          </NuxtLink>
-          <NuxtLink to="/ford/network" class="list">
-            <i class="ico"></i>
-            <h3>서비스 센터 찾기</h3>
-            <p>가까운 주변의 서비스 센터를 확인해보세요. <i class="ico"></i></p>
-          </NuxtLink>
-          <NuxtLink to="/ford/owner" class="list">
-            <i class="ico"></i>
-            <h3>공인 서비스</h3>
-            <p>
-              포드 전문가에게 맡기시면 차별화된 서비스를 받으실 수 있습니다.<i
-                class="ico"
-              ></i>
-            </p>
-          </NuxtLink>
-        </div>
-      </section>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  const isAfterLaunch = useTimeSwitch('2026-04-15T08:00:00+09:00');
-</script>

app/pages/ford/network/index.vue

@@ -1,589 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="container">
-      <div class="title--wrap">
-        <h2 class="mb--15">전시장 및 서비스센터</h2>
-        <p>전국의 포드 전시장 및 서비스센터를 한 눈에 찾아보실 수 있습니다.</p>
-      </div>
-      <div class="title--visual mt--50">
-        <h2 class="side--title2 text--justify--left">전시장 안내</h2>
-      </div>
-
-      <div class="table--wrap service--center--ford mt--24">
-        <table>
-          <colgroup></colgroup>
-          <thead>
-            <tr>
-              <th style="min-width: 100px">지역</th>
-              <th>전시장명</th>
-              <th>전화번호</th>
-              <th>주소</th>
-            </tr>
-          </thead>
-          <tbody>
-            <!-- <tr>
-              <td class="text--center" rowspan="5">서울</td>
-              <td>대치 전시장 (선인자동차)</td>
-              <td>02-3442-2300</td>
-              <td class="text--justify--left">서울특별시 강남구 영동대로 333 (대치동)</td>
-            </tr> -->
-            <tr>
-              <td class="text--center" rowspan="2">서울</td>
-              <td>서초 전시장(선인자동차)</td>
-              <td>02-535-3800</td>
-              <td class="text--justify--left">
-                서울특별시 서초구 반포대로 63 (서초동, 진석빌딩 1층)
-              </td>
-            </tr>
-            <tr>
-              <td>강북 전시장(선인자동차)</td>
-              <td>02-2246-2100</td>
-              <td class="text--justify--left">
-                서울특별시 성동구 천호대로 366 (용답동, 미라보타워)
-              </td>
-            </tr>
-            <!-- <tr>
-              <td>강서 전시장(선인자동차)</td>
-              <td>02-2063-6300</td>
-              <td class="text--justify--left">
-                서울특별시 강서구 강서로 412 (등촌동, 영광빌딩 1층)
-              </td>
-            </tr> -->
-            <!-- <tr>
-              <td>송파 전시장(프리미어모터스)</td>
-              <td>02-6928-3000</td>
-              <td class="text--justify--left">경기도 하남시 감일남로 29 (감일동)</td>
-            </tr>
-            <tr>
-              <td>영등포 전시장(프리미어모터스)</td>
-              <td>02-6941-3000</td>
-              <td class="text--justify--left">
-                서울특별시 영등포구 국회대로 672 (영등포동7가)
-              </td>
-            </tr> -->
-
-            <tr>
-              <td class="text--center" rowspan="3">경기</td>
-              <td>일산 전시장(선인자동차)</td>
-              <td>031-913-2200</td>
-              <td class="text--justify--left">
-                경기도 고양시 일산동구 백마로 514 (풍동)
-              </td>
-            </tr>
-            <tr>
-              <td>수원 전시장(선인자동차)</td>
-              <td>031-221-7600</td>
-              <td class="text--justify--left">
-                경기도 용인시 기흥구 중부대로 13 (영덕동)
-              </td>
-            </tr>
-            <tr>
-              <td>분당 전시장(선인자동차)</td>
-              <td>031-714-2004</td>
-              <td class="text--justify--left">
-                경기도 성남시 분당구 새마을로 81 (서현동)
-              </td>
-            </tr>
-            <!-- <tr>
-              <td>부천 전시장(프리미어모터스)</td>
-              <td>032-710-3355</td>
-              <td class="text--justify--left">
-                경기도 부천시 부천로 170 (춘의동, 에스에이치타워 1층)
-              </td>
-            </tr>
-            <tr>
-              <td>평촌 전시장(프리미어모터스)</td>
-              <td>031-425-2212</td>
-              <td class="text--justify--left">
-                경기도 안양시 동안구 시민대로 380 (관양동)
-              </td>
-            </tr>
-            <tr>
-              <td>평택 전시장 (프리미어모터스)</td>
-              <td>031-647-4044</td>
-              <td class="text--justify--left">
-                경기도 안성시 공도읍 서동대로 3930-8 (공도읍)
-              </td>
-            </tr> -->
-            <tr>
-              <td class="text--center">인천</td>
-              <td>인천 전시장(선인자동차)</td>
-              <td>032-656-2300</td>
-              <td class="text--justify--left">
-                인천광역시 남동구 남동대로 750 (구월동, 유영빌딩 1층)
-              </td>
-            </tr>
-            <tr>
-              <td class="text--center" rowspan="3">충청</td>
-              <td>대전 전시장(선인자동차)</td>
-              <td>042-823-2000</td>
-              <td class="text--justify--left">대전광역시 서구 계룡로 650 (용문동)</td>
-            </tr>
-            <tr>
-              <td>천안 전시장(선인자동차)</td>
-              <td>041-562-0007</td>
-              <td class="text--justify--left">
-                충청남도 천안시 동남구 천안대로 566 (구성동)
-              </td>
-            </tr>
-            <tr>
-              <td>청주 전시장(선인자동차)</td>
-              <td>043-287-0007</td>
-              <td class="text--justify--left">
-                충청북도 청주시 서원구 남이면 2순환로 1778 (양촌리)
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center">부산</td>
-              <td>부산 수영 전시장(선인자동차)</td>
-              <td>051-758-0075</td>
-              <td class="text--justify--left">부산광역시 수영구 수영로 554 (광안동)</td>
-            </tr>
-            <!-- <tr>
-              <td class="text--center">경남</td>
-              <td>창원 전시장(프리미어모터스)</td>
-              <td>055-715-5000</td>
-              <td class="text--justify--left">경상남도 창원시 마산회원구 무역로 103</td>
-            </tr> -->
-            <tr>
-              <td class="text--center">울산</td>
-              <td>울산 전시장(선인자동차)</td>
-              <td>052-261-3388</td>
-              <td class="text--justify--left">울산광역시 남구 문수로 328 (옥동)</td>
-            </tr>
-            <tr>
-              <td class="text--center">대구</td>
-              <td>대구 전시장(선인자동차)</td>
-              <td>053-766-2000</td>
-              <td class="text--justify--left">대구광역시 수성구 동대구로 26 (지산동)</td>
-            </tr>
-            <!-- <tr>
-              <td class="text--center">경북</td>
-              <td>포항 전시장(프리미어모터스)</td>
-              <td>054-285-8899</td>
-              <td class="text--justify--left">
-                경상북도 포항시 남구 새천년대로 337 (효자동)
-              </td>
-            </tr> -->
-            <!-- <tr>
-              <td class="text--center">광주</td>
-              <td>광주 전시장(이한모터스)</td>
-              <td>062-515-1010</td>
-              <td class="text--justify--left">광주광역시 서구 상무대로 1226 (양동)</td>
-            </tr>
-            <tr>
-              <td class="text--center">전남</td>
-              <td>순천 전시장(이한모터스)</td>
-              <td>061-905-7000</td>
-              <td class="text--justify--left">전라남도 순천시 중앙로 37 (저전동)</td>
-            </tr> -->
-            <tr>
-              <td class="text--center">전북</td>
-              <td>전주 전시장(선인자동차)</td>
-              <td>063-273-0005</td>
-              <td class="text--justify--left">
-                전라북도 전주시 덕진구 장동유통로 29-8 (장동)
-              </td>
-            </tr>
-            <tr>
-              <td class="text--center">강원</td>
-              <td>원주 전시장(더파크모터스)</td>
-              <td>033-762-0040</td>
-              <td class="text--justify--left">강원도 원주시 치악로 1320 (관설동)</td>
-            </tr>
-            <!-- <tr>
-              <td class="text--center">제주</td>
-              <td>제주 전시장(프리미어모터스)</td>
-              <td>064-759-9981~2</td>
-              <td class="text--justify--left">
-                제주특별자치도 제주시 연삼로 132 (오라3동)
-              </td>
-            </tr> -->
-          </tbody>
-        </table>
-      </div>
-
-      <div class="title--visual mt--144">
-        <h2 class="side--title2 text--justify--left">서비스센터 안내</h2>
-      </div>
-
-      <div class="table--wrap service--center--ford mt--24">
-        <table>
-          <colgroup></colgroup>
-          <thead>
-            <tr>
-              <th style="min-width: 100px">지역</th>
-              <th>서비스센터명</th>
-              <th>전화번호</th>
-              <th>주소</th>
-              <th>비고</th>
-              <th>서비스 예약</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td class="text--center" rowspan="5">서울</td>
-              <td>강북 서비스센터(선인자동차)</td>
-              <td>02-2216-1100</td>
-              <td>서울특별시 성동구 성수이로 20길 38 (성수동)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/FRu4n0nj" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td>강서 서비스센터(선인자동차)</td>
-              <td>02-3661-0011</td>
-              <td>서울특별시 강서구 화곡로 384 (등촌동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/5KqnH10A" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td>서초 서비스센터(선인자동차)</td>
-              <td>02-2057-8100</td>
-              <td>서울특별시 서초구 사임당로 98 (서초동)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/GSc313EI" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td>중랑 서비스센터(선인자동차)</td>
-              <td>02-2230-2222</td>
-              <td>서울특별시 중랑구 신내역로 3길 56</td>
-              <td>사고 차량 정비만 해당 (예약불가)</td>
-              <td>
-                <!-- <NuxtLink to="" target="_blank"> 서비스 예약 </NuxtLink> -->
-              </td>
-            </tr>
-
-            <tr>
-              <td>강동 지정 서비스센터(선인자동차)</td>
-              <td>02-426-6381</td>
-              <td>서울특별시 강동구 고덕비즈밸리로 51 아이파크 더리버몰 지하2층</td>
-              <td>경정비 작업만 가능</td>
-              <td>
-                <NuxtLink to="https://naver.me/5D8otPP8" target="_blank"> 서비스 예약 </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center" rowspan="7">경기</td>
-              <td>분당 서비스센터(선인자동차)</td>
-              <td>031-701-7004</td>
-              <td>경기도 성남시 분당구 새마을로 81 (서현동)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/F6nO0OQz" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            <tr>
-              <td>일산 서비스센터(선인자동차)</td>
-              <td>031-901-2888</td>
-              <td>경기도 고양시 일산동구 백마로 514 (풍동</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/FZ8VsbH7" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            <tr>
-              <td>수원 서비스센터(선인자동차)</td>
-              <td>031-237-6340</td>
-              <td>경기도 용인시 기흥구 중부대로 13 (영덕동)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/GlG2o2zi" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            <tr>
-              <td>서수원 서비스센터(선인자동차)</td>
-              <td>031-292-6340</td>
-              <td>경기도 수원시 권선구 서부로 1652-1 (고색동)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/GMPxLxXt" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-           
-            <tr>
-              <td>용인 서비스센터(선인자동차)</td>
-              <td>031-8005-9570</td>
-              <td>경기 용인시 기흥구 용구대로2193번길 6</td>
-              <td>사고 차량 정비만 해당 (예약불가)</td>
-              <td>
-                <!-- <NuxtLink to="https://naver.me/xF27eUMc" target="_blank">
-                  서비스 예약
-                </NuxtLink> -->
-              </td>
-            </tr>
-
-            <tr>
-              <td>의정부 지정 서비스센터(선인자동차)</td>
-              <td>031-878-2250</td>
-              <td>경기도 의정부시 경의로 85</td>
-              <td>경정비 작업만 가능</td>
-              <td>
-                <NuxtLink to="https://naver.me/GkIieTEU" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            
-
-             <tr>
-              <td>안양 지정 서비스센터(선인자동차)</td>
-              <td>031-382-2886</td>
-              <td>경기도 안양시 동안구 관악대로 276</td>
-              <td>경정비 작업만 가능</td>
-              <td>
-                <NuxtLink to="https://naver.me/xtgvc7LC" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            
-
-            <tr>
-              <td class="text--center">인천</td>
-              <td>인천 중부 서비스센터(선인자동차)</td>
-              <td>032-863-6080</td>
-              <td>인천광역시 중구 서해대로 180번길 65 (신흥동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/5yWUdICG" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center" rowspan="3">충청</td>
-              <td>대전 서비스센터(선인자동차)</td>
-              <td>042-226-7707</td>
-              <td>대전광역시 중구 유등천동로 624 (용두동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/GkU1v9bG" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td>천안 서비스센터(선인자동차)</td>
-              <td>041-563-0009</td>
-              <td>충청남도 천안시 동남구 천안대로 566 (구성동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/xdjbKf16" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            <tr>
-              <td>청주 서비스센터(선인자동차)</td>
-              <td>043-288-0007</td>
-              <td>충청북도 청주시 서원구 남이면 2순환로 1778 (양촌리)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/5ixbrn4Z" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center" rowspan="3">부산</td>
-              <td>부산 수영 서비스센터(선인자동차)</td>
-              <td>051-758-0046</td>
-              <td>부산광역시 수영구 수영로 562-9 (광안동)</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/FW0QGQ2V" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            <tr>
-              <td>부산 광안 서비스센터(선인자동차)</td>
-              <td>051-647-5222</td>
-              <td>부산광역시 수영구 광남로 114</td>
-              <td>사고 차량 정비만 해당 (예약불가)</td>
-              <td>
-                <!-- <NuxtLink to="" target="_blank"> 서비스 예약 </NuxtLink> -->
-              </td>
-            </tr>
-
-            <tr>
-              <td>부산 동래  지정 서비스센터(선인자동차)</td>
-              <td>051-558-5880</td>
-              <td>부산광역시동래구중앙대로1371</td>
-              <td>경정비 작업만 가능 </td>
-              <td>
-                <NuxtLink to="https://naver.me/5suSlqJt" target="_blank"> 서비스 예약 </NuxtLink>
-              </td>
-            </tr>
-            
-
-            <tr>
-              <td class="text--center" rowspan="1">울산</td>
-              <td>울산 서비스센터(선인자동차)</td>
-              <td>052-258-8004</td>
-              <td>울산광역시 북구 진장유통로 42-8</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/G28rJx69" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-            <tr>              
-              <td class="text--center" rowspan="1">창원</td>
-              <td>신마산 지정 서비스센터(선인자동차)</td>
-              <td>055-221-3114</td>
-              <td>창원시 마산합포구 문화동 3길 23</td>
-              <td>경정비 작업만 가능 </td>
-              <td>
-                <NuxtLink to="https://naver.me/xR2ih6hU" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr> 
-
-            <!-- <tr>
-              <td class="text--center">경북</td>
-              <td>포항 서비스센터(프리미어모터스)</td>
-              <td>054-281-7007</td>
-              <td>경상북도 포항시 남구 연일로145번길 55-6</td>
-              <td></td>
-              <td>
-                <NuxtLink to="https://naver.me/FZ8bM66K" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr> -->
-
-            <!-- <tr>
-              <td class="text--center">경남</td>
-              <td>창원 서비스센터(프리미어모터스)</td>
-              <td>055-715-3003</td>
-              <td>경상남도 창원시 마산회원구 무역로 103</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/xLsdpklS" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr> -->
-
-            <tr>
-              <td class="text--center">대구</td>
-              <td>동대구 서비스센터(선인자동차)</td>
-              <td>053-963-0011</td>
-              <td>대구광역시 동구 안심로55길 22 (동호동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/x6xlmMqj" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center">광주</td>
-              <td>광주 서비스센터(선인자동차)</td>
-              <td>062-515-1020</td>
-              <td>광주광역시 북구 서암대로 143번길 20 (신안동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <!-- <NuxtLink to="https://naver.me/xE6O4KRn" target="_blank">
-                  서비스 예약
-                </NuxtLink> -->
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center">전북</td>
-              <td>전주 서비스센터(선인자동차)</td>
-              <td>063-252-5400</td>
-              <td>전라북도 전주시 덕진구 기린대로 867 (팔복동2가 830-3)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink to="https://naver.me/FVS1pbuK" target="_blank">
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center">강원</td>
-              <td>원주 서비스센터(더파크 모터스)</td>
-              <td>033-762-0041</td>
-              <td>강원도 원주시 치악로 1221-10 (관설동)</td>
-              <td>판금, 도장 시설 포함</td>
-              <td>
-                <NuxtLink
-                  to="https://booking.naver.com/booking/6/bizes/1283368"
-                  target="_blank"
-                >
-                  서비스 예약
-                </NuxtLink>
-              </td>
-            </tr>
-
-            <tr>
-              <td class="text--center">제주</td>
-              <td>제주 지정 서비스센터(선인자동차)</td>
-              <td>064-755-1474~5</td>
-              <td>제주특별자치도 제주시 서광로 138 (오라이동)</td>
-              <td></td>
-              <td>
-                <!-- <NuxtLink to="" target="_blank"> 서비스 예약 </NuxtLink> -->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "NETWORK",
-    currentSubMenu: "전시장 및 서비스센터",
-    subMenuItems: [
-      { label: "전시장 및 서비스 센터", to: "/ford/network", active: true },
-      // { label: "서비스 센터 찾기", to: "/ford/network", active: true },
-      { label: "포드 고객센터", to: "/ford/owner/contact", active: true },
-    ],
-  };
-</script>

app/pages/ford/network/location.vue

@@ -1,928 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="container">
-      <div class="showroom--wrap" :class="{ type2: locationType === 2 }">
-        <div class="search--wrap" :class="{ 'at-bottom': isScrolledToBottom }">
-          <div class="form--wrap">
-            <div class="input--wrap mb--12">
-              <input
-                type="text"
-                v-model="searchKeyword"
-                :placeholder="searchPlaceholder"
-                @keyup.enter="searchLocations"
-              />
-              <button class="search--btn" @click="searchLocations"></button>
-            </div>
-            <div class="input--wrap">
-              <select
-                name="location"
-                id="location"
-                v-model="selectedRegion"
-                required
-                @change="searchLocations"
-              >
-                <option value="" disabled selected hidden>시/도 선택</option>
-                <option value="">전체</option>
-                <option value="서울">서울</option>
-                <option value="경기">경기</option>
-                <option value="인천">인천</option>
-                <option value="부산">부산</option>
-                <option value="대구">대구</option>
-                <option value="광주">광주</option>
-                <option value="대전">대전</option>
-                <option value="울산">울산</option>
-                <option value="세종">세종</option>
-                <option value="강원">강원</option>
-                <option value="충북">충북</option>
-                <option value="충남">충남</option>
-                <option value="전북">전북</option>
-                <option value="전남">전남</option>
-                <option value="경북">경북</option>
-                <option value="경남">경남</option>
-                <option value="제주">제주</option>
-              </select>
-              <!-- <button class="location--btn" @click="findNearbyLocations">
-                내 주변<i class="ico"></i>
-              </button> -->
-            </div>
-            <!-- <div class="btn--wrap">
-              <button class="btn--sky" @click="searchLocations">
-                {{ nearbyButtonText }}
-              </button>
-            </div> -->
-          </div>
-          <div class="list--wrap" ref="listWrapRef" @scroll="handleScroll">
-            <div v-if="isLoading" class="loading">데이터를 불러오는 중...</div>
-            <div
-              v-else-if="!filteredLocations || filteredLocations.length === 0"
-              class="empty"
-            >
-              {{ emptyMessage }}
-            </div>
-            <div
-              v-else
-              v-for="location in filteredLocations"
-              :key="location.id"
-              class="list"
-              :class="{ active: selectedLocation?.id === location.id }"
-              @click="selectLocation(location)"
-            >
-              <div class="list--title">
-                <h3>{{ location.name }}</h3>
-                <p>{{ location.branch_name || "" }}</p>
-                <p v-if="location.distance" class="distance">
-                  {{ location.distance.toFixed(1) }}km
-                </p>
-              </div>
-              <div class="list--info">
-                <div class="address">
-                  <i class="ico"></i>
-                  <p>{{ location.address }}</p>
-                </div>
-                <div class="call">
-                  <i class="ico"></i>
-                  <p>{{ location.main_phone }}</p>
-                </div>
-                <div class="time">
-                  <i class="ico"></i>
-                  <p>{{ location.business_hours }}</p>
-                </div>
-              </div>
-              <div class="list--btn" v-if="locationType === 1">
-                <NuxtLink :to="location.quote_link" target="_blank" class="btn--gray"
-                  >견적 요청</NuxtLink
-                >
-                <NuxtLink
-                  :to="location.test_drive_link"
-                  target="_blank"
-                  class="btn--black"
-                  >시승 요청</NuxtLink
-                >
-              </div>
-              <div class="list--btn" v-else>
-                <NuxtLink
-                  :to="location.service_reservation_link"
-                  target="_blank"
-                  class="btn--black"
-                  >서비스 예약</NuxtLink
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="map--wrap">
-          <div class="title--wrap">
-            <h2>{{ pageTitle }}</h2>
-            <p>{{ pageDescription }}</p>
-          </div>
-          <!-- 지도 영역 -->
-          <div id="map" class="map"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref, computed, onMounted, nextTick, watch } from "vue";
-
-  const route = useRoute();
-  const { get } = useApi();
-
-  // type 파라미터: 1=전시장, 2=서비스센터 (반응형으로 route.query 직접 참조)
-  const locationType = computed(() => {
-    const type = parseInt(route.query.type) || 1;
-    return type === 2 ? 2 : 1;
-  });
-
-  // breadcrumb도 반응형으로
-  const breadcrumbData = computed(() => ({
-    mainMenu: "NETWORK",
-    currentSubMenu: locationType.value === 2 ? "서비스센터 찾기" : "전시장 찾기",
-    subMenuItems: [
-      {
-        label: "전시장 찾기",
-        to: "/ford/network",
-        active: locationType.value === 2 ? false : true,
-      },
-      {
-        label: "서비스센터 찾기",
-        to: "/ford/network",
-        active: locationType.value === 2 ? true : false,
-      },
-      {
-        label: "포드고객센터",
-        to: "/ford/owner/contact",
-        active: false,
-      },
-    ],
-  }));
-
-  // 타입별 텍스트 설정
-  const pageTitle = computed(() =>
-    locationType.value === 1 ? "전시장 찾기" : "서비스센터 찾기"
-  );
-  const pageDescription = computed(() =>
-    locationType.value === 1
-      ? "전국의 포드 전시장을 한 눈에 찾아보실 수 있습니다."
-      : "전국의 포드 서비스센터를 한 눈에 찾아보실 수 있습니다."
-  );
-  const searchPlaceholder = computed(() =>
-    locationType.value === 1
-      ? "전시장명 또는 지역명을 입력해주세요"
-      : "서비스센터명 또는 지역명을 입력해주세요"
-  );
-  const emptyMessage = computed(() =>
-    locationType.value === 1
-      ? "등록된 전시장이 없습니다."
-      : "등록된 서비스센터가 없습니다."
-  );
-  const nearbyButtonText = computed(() =>
-    locationType.value === 1 ? "가까운 전시장 추천 지정" : "가까운 서비스센터 추천 지정"
-  );
-  const locationLabel = computed(() =>
-    locationType.value === 1 ? "전시장" : "서비스센터"
-  );
-
-  // API endpoint (public API - 인증 불필요)
-  const apiEndpoint = computed(() =>
-    locationType.value === 1 ? "/showroom/public" : "/service-center/public"
-  );
-
-  const isLoading = ref(false);
-  const locations = ref([]);
-  const searchKeyword = ref("");
-  const selectedRegion = ref("");
-  const selectedLocation = ref(null);
-  const map = ref(null);
-  const markers = ref([]);
-  const overlays = ref([]); // 카카오맵 CustomOverlay 저장
-  const clusterer = ref([]); // 커스텀 클러스터 오버레이 배열
-  const userLocation = ref(null);
-  const userLocationMarker = ref(null); // 현재 위치 마커
-  const userLocationCircle = ref(null); // 반경 원
-  const nearbyRadius = ref(5); // 주변 검색 반경 (km) - 유동적으로 변경 가능
-  const listWrapRef = ref(null);
-  const isScrolledToBottom = ref(false);
-
-  // 카카오맵 API Key
-  const KAKAO_API_KEY = "5e42d358f25c02d08a2596876459f6ca";
-  //const KAKAO_API_KEY = "47dfc47d66f488da19bdebeabbde1da7";
-  // 두 지점 간의 거리 계산 (Haversine formula)
-  const calculateDistance = (lat1, lon1, lat2, lon2) => {
-    const R = 6371; // 지구 반경 (km)
-    const dLat = ((lat2 - lat1) * Math.PI) / 180;
-    const dLon = ((lon2 - lon1) * Math.PI) / 180;
-    const a =
-      Math.sin(dLat / 2) * Math.sin(dLat / 2) +
-      Math.cos((lat1 * Math.PI) / 180) *
-        Math.cos((lat2 * Math.PI) / 180) *
-        Math.sin(dLon / 2) *
-        Math.sin(dLon / 2);
-    const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-    return R * c;
-  };
-
-  // 카카오맵 스크립트 로드
-  const loadKakaoMapsScript = () => {
-    return new Promise((resolve, reject) => {
-      if (window.kakao && window.kakao.maps) {
-        console.log("[KakaoMap] Already loaded");
-        resolve();
-        return;
-      }
-
-      const script = document.createElement("script");
-      script.src = `https://dapi.kakao.com/v2/maps/sdk.js?appkey=${KAKAO_API_KEY}&autoload=false`;
-      script.async = true;
-      script.onload = () => {
-        console.log("[KakaoMap] Script loaded, initializing...");
-        window.kakao.maps.load(() => {
-          console.log("[KakaoMap] Maps API ready");
-          resolve();
-        });
-      };
-      script.onerror = (e) => {
-        console.error("[KakaoMap] Script load error:", e);
-        reject(new Error("카카오맵 API 로드 실패"));
-      };
-      document.head.appendChild(script);
-    });
-  };
-
-  // 지도 초기화
-  const initMap = () => {
-    console.log("[KakaoMap] initMap called");
-    if (typeof window === "undefined" || !window.kakao || !window.kakao.maps) {
-      console.error("[KakaoMap] Kakao maps not available");
-      return;
-    }
-
-    const container = document.getElementById("map");
-    if (!container) {
-      console.error("[KakaoMap] Map container not found");
-      return;
-    }
-
-    console.log("[KakaoMap] Creating map...", container);
-
-    // 서울 중심으로 지도 생성
-    const options = {
-      center: new window.kakao.maps.LatLng(37.5665, 126.978),
-      level: 8, // 카카오맵 줌 레벨 (숫자가 작을수록 확대)
-    };
-
-    map.value = new window.kakao.maps.Map(container, options);
-    console.log("[KakaoMap] Map created successfully");
-  };
-
-  // 모든 마커 및 오버레이 제거
-  const clearAllMarkers = () => {
-    // 오버레이 먼저 제거
-    overlays.value.forEach((overlay) => overlay.setMap(null));
-    overlays.value = [];
-
-    // 클러스터 오버레이 제거
-    if (clusterer.value && clusterer.value.length) {
-      clusterer.value.forEach((c) => c.setMap(null));
-    }
-    clusterer.value = [];
-
-    // 마커 제거
-    markers.value.forEach((marker) => marker.setMap(null));
-    markers.value = [];
-
-    // 현재 위치 마커 제거
-    if (userLocationMarker.value) {
-      userLocationMarker.value.setMap(null);
-      userLocationMarker.value = null;
-    }
-
-    // 반경 원 제거
-    if (userLocationCircle.value) {
-      userLocationCircle.value.setMap(null);
-      userLocationCircle.value = null;
-    }
-  };
-
-  // 툴팁 콘텐츠 생성
-  const createInfoWindowContent = (location) => {
-    // 버튼 영역 생성
-    let buttonsHtml = "";
-    if (locationType.value === 1) {
-      // 전시장: 견적요청, 시승요청
-      buttonsHtml = `
-        <div style="display: flex; gap: 8px; margin-top: 12px;">
-          ${
-            location.quote_link
-              ? `<a href="${location.quote_link}" target="_blank" style="flex: 1; padding: 8px 12px; background: #6b7280; color: white; text-decoration: none; text-align: center; border-radius: 4px; font-size: 12px;">견적 요청</a>`
-              : ""
-          }
-          ${
-            location.test_drive_link
-              ? `<a href="${location.test_drive_link}" target="_blank" style="flex: 1; padding: 8px 12px; background: #1a1a1a; color: white; text-decoration: none; text-align: center; border-radius: 4px; font-size: 12px;">시승 요청</a>`
-              : ""
-          }
-        </div>
-      `;
-    } else {
-      // 서비스센터: 서비스예약
-      buttonsHtml = location.service_reservation_link
-        ? `
-        <div style="margin-top: 12px;">
-          <a href="${location.service_reservation_link}" target="_blank" style="display: block; padding: 8px 12px; background: #1a1a1a; color: white; text-decoration: none; text-align: center; border-radius: 4px; font-size: 12px;">서비스 예약</a>
-        </div>
-      `
-        : "";
-    }
-
-    // 전시장일 때만 로고 표시 (닫기 버튼 포함)
-    const logoHtml =
-      locationType.value === 1
-        ? `
-      <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee;">
-        <img src="/img/logo--gate1.svg" alt="Ford" style="height: 24px; width: auto;" />
-        <button class="close-btn" style="background: none; border: none; cursor: pointer; font-size: 18px; color: #999; padding: 0; line-height: 1;">&times;</button>
-      </div>
-    `
-        : `
-      <div style="display: flex; justify-content: flex-end; margin-bottom: 8px;">
-        <button class="close-btn" style="background: none; border: none; cursor: pointer; font-size: 18px; color: #999; padding: 0; line-height: 1;">&times;</button>
-      </div>
-    `;
-
-    return `
-      <div class="kakao-infowindow" style="padding: 12px; min-width: 220px; max-width: 280px; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
-        ${logoHtml}
-        <div>
-          <h3 style="margin: 0 0 4px 0; font-size: 15px; font-weight: bold; color: #1a1a1a;">${
-            location.name
-          }</h3>
-          <p style="margin: 0 0 10px 0; font-size: 12px; color: #666;">${
-            location.branch_name || ""
-          }</p>
-        </div>
-        <div style="font-size: 13px; color: #333; line-height: 1.6;">
-          <div style="display: flex; align-items: flex-start; margin-bottom: 6px;">
-            <span style="margin-right: 8px;">📍</span>
-            <span>${location.address}</span>
-          </div>
-          <div style="display: flex; align-items: center; margin-bottom: 6px;">
-            <span style="margin-right: 8px;">📞</span>
-            <a href="tel:${
-              location.main_phone
-            }" style="color: #333; text-decoration: none;">${location.main_phone}</a>
-          </div>
-          ${
-            location.business_hours
-              ? `
-          <div style="display: flex; align-items: flex-start;">
-            <span style="margin-right: 8px;">🕐</span>
-            <span style="white-space: pre-line;">${location.business_hours}</span>
-          </div>
-          `
-              : ""
-          }
-        </div>
-        ${buttonsHtml}
-      </div>
-      <div style="position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid white;"></div>
-    `;
-  };
-
-  // 픽셀 거리 계산 (두 지점 간)
-  const getPixelDistance = (pos1, pos2) => {
-    const proj = map.value.getProjection();
-    const point1 = proj.pointFromCoords(pos1);
-    const point2 = proj.pointFromCoords(pos2);
-    return Math.sqrt(Math.pow(point1.x - point2.x, 2) + Math.pow(point1.y - point2.y, 2));
-  };
-
-  // 클러스터 오버레이 생성
-  const createClusterOverlay = (positions, count) => {
-    // 클러스터 중심점 계산
-    let sumLat = 0,
-      sumLng = 0;
-    positions.forEach((pos) => {
-      sumLat += pos.getLat();
-      sumLng += pos.getLng();
-    });
-    const centerLat = sumLat / positions.length;
-    const centerLng = sumLng / positions.length;
-    const centerPosition = new window.kakao.maps.LatLng(centerLat, centerLng);
-
-    // 클러스터 표시 콘텐츠
-    const content = document.createElement("div");
-    content.innerHTML = `
-      <div style="
-        width: 40px;
-        height: 40px;
-        background: #00095B;
-        border: 3px solid white;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: white;
-        font-weight: bold;
-        font-size: 14px;
-        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
-        cursor: pointer;
-      ">${count}</div>
-    `;
-
-    // 클러스터 클릭 시 확대
-    content.addEventListener("click", () => {
-      map.value.setCenter(centerPosition);
-      const currentLevel = map.value.getLevel();
-      map.value.setLevel(currentLevel - 2);
-    });
-
-    const overlay = new window.kakao.maps.CustomOverlay({
-      content: content,
-      position: centerPosition,
-      xAnchor: 0.5,
-      yAnchor: 0.5,
-      zIndex: 2,
-    });
-
-    return overlay;
-  };
-
-  // 마커 클러스터링 업데이트
-  const updateClustering = () => {
-    if (!map.value || !window.kakao) return;
-
-    const level = map.value.getLevel();
-    const clusterThreshold = 60; // 클러스터링 픽셀 거리
-
-    // 기존 클러스터 제거
-    if (clusterer.value) {
-      clusterer.value.forEach((c) => c.setMap(null));
-    }
-    clusterer.value = [];
-
-    // 줌 레벨이 낮으면 (확대된 상태) 클러스터링 안함
-    if (level <= 6) {
-      markers.value.forEach((marker) => marker.setMap(map.value));
-      return;
-    }
-
-    // 마커 그룹핑
-    const assigned = new Set();
-    const clusters = [];
-
-    markers.value.forEach((marker, i) => {
-      if (assigned.has(i)) return;
-
-      const group = [marker];
-      const positions = [marker.getPosition()];
-      assigned.add(i);
-
-      markers.value.forEach((otherMarker, j) => {
-        if (i === j || assigned.has(j)) return;
-
-        const distance = getPixelDistance(
-          marker.getPosition(),
-          otherMarker.getPosition()
-        );
-        if (distance < clusterThreshold) {
-          group.push(otherMarker);
-          positions.push(otherMarker.getPosition());
-          assigned.add(j);
-        }
-      });
-
-      clusters.push({ markers: group, positions: positions });
-    });
-
-    // 클러스터 또는 개별 마커 표시
-    clusters.forEach((cluster) => {
-      if (cluster.markers.length > 1) {
-        // 클러스터로 표시
-        cluster.markers.forEach((m) => m.setMap(null));
-        const clusterOverlay = createClusterOverlay(
-          cluster.positions,
-          cluster.markers.length
-        );
-        clusterOverlay.setMap(map.value);
-        clusterer.value.push(clusterOverlay);
-      } else {
-        // 개별 마커 표시
-        cluster.markers[0].setMap(map.value);
-      }
-    });
-  };
-
-  // 마커 생성
-  const createMarkers = () => {
-    if (!map.value || !window.kakao) return;
-
-    // 기존 오버레이 제거
-    overlays.value.forEach((overlay) => overlay.setMap(null));
-    overlays.value = [];
-
-    // 기존 클러스터 제거
-    if (clusterer.value) {
-      clusterer.value.forEach((c) => c.setMap(null));
-    }
-    clusterer.value = [];
-
-    // 기존 마커 제거
-    markers.value.forEach((marker) => marker.setMap(null));
-    markers.value = [];
-
-    // 마커 생성 (CustomOverlay로 로고 마커 적용)
-    filteredLocations.value.forEach((location) => {
-      if (location.latitude && location.longitude) {
-        const position = new window.kakao.maps.LatLng(
-          parseFloat(location.latitude),
-          parseFloat(location.longitude)
-        );
-
-        // 커스텀 마커 HTML (타원형 안에 로고)
-        const markerWrapper = document.createElement("div");
-        markerWrapper.innerHTML = `
-          <div class="ford-marker" style="
-            width: 90px;
-            height: 40px;
-            // background: #00095B;
-            // border: 2px solid white;
-            border-radius: 20px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            box-shadow: 0 2px 6px rgba(0,0,0,0.3);
-          ">
-            <img src="/img/logo--gate1.svg" alt="Ford" style="width: 70px; height: auto; display: block;" />
-          </div>
-        `;
-
-        // 정보창 오버레이 생성
-        const overlayContent = document.createElement("div");
-        overlayContent.innerHTML = createInfoWindowContent(location);
-        overlayContent.style.position = "relative";
-        overlayContent.style.bottom = "45px";
-
-        const overlay = new window.kakao.maps.CustomOverlay({
-          content: overlayContent,
-          position: position,
-          xAnchor: 0.5,
-          yAnchor: 1,
-          zIndex: 3,
-        });
-
-        // 닫기 버튼 이벤트
-        const closeBtn = overlayContent.querySelector(".close-btn");
-        if (closeBtn) {
-          closeBtn.addEventListener("click", (e) => {
-            e.stopPropagation();
-            overlay.setMap(null);
-          });
-        }
-
-        // 마커 클릭 이벤트 핸들러
-        markerWrapper.onclick = () => {
-          // 다른 오버레이 닫기
-          overlays.value.forEach((ov) => ov.setMap(null));
-          // 현재 오버레이 열기
-          overlay.setMap(map.value);
-          selectLocation(location);
-        };
-
-        // 마커 생성 (CustomOverlay)
-        const marker = new window.kakao.maps.CustomOverlay({
-          position: position,
-          content: markerWrapper,
-          yAnchor: 0.5,
-          xAnchor: 0.5,
-        });
-
-        marker.overlay = overlay;
-        markers.value.push(marker);
-        overlays.value.push(overlay);
-      }
-    });
-
-    // 클러스터링 적용
-    updateClustering();
-
-    // 줌 변경 시 클러스터링 업데이트 (기존 리스너 제거 후 추가)
-    window.kakao.maps.event.removeListener(map.value, "zoom_changed", updateClustering);
-    window.kakao.maps.event.addListener(map.value, "zoom_changed", updateClustering);
-  };
-
-  // 목록 불러오기
-  const loadLocations = async () => {
-    isLoading.value = true;
-
-    // 기존 마커 모두 제거
-    clearAllMarkers();
-
-    // 지도 새로 초기화 (서울 중심)
-    if (window.kakao && window.kakao.maps) {
-      const container = document.getElementById("map");
-      if (container) {
-        const options = {
-          center: new window.kakao.maps.LatLng(37.5665, 126.978),
-          level: 8,
-        };
-        map.value = new window.kakao.maps.Map(container, options);
-      }
-    }
-
-    const { data } = await get(apiEndpoint.value);
-
-    if (data?.success && data?.data) {
-      // public API는 배열을 직접 반환
-      locations.value = Array.isArray(data.data) ? data.data : data.data.items || [];
-
-      // 마커 생성
-      await nextTick();
-      createMarkers();
-    }
-
-    isLoading.value = false;
-  };
-
-  // 필터링된 목록
-  const filteredLocations = computed(() => {
-    let result = locations.value;
-
-    // 내 주변 필터 (우선순위 최상위)
-    if (userLocation.value) {
-      result = result.filter((location) => {
-        if (!location.latitude || !location.longitude) return false;
-        const distance = calculateDistance(
-          userLocation.value.lat,
-          userLocation.value.lng,
-          parseFloat(location.latitude),
-          parseFloat(location.longitude)
-        );
-        return distance <= nearbyRadius.value;
-      });
-
-      // 거리순으로 정렬
-      result = result
-        .map((location) => {
-          const distance = calculateDistance(
-            userLocation.value.lat,
-            userLocation.value.lng,
-            parseFloat(location.latitude),
-            parseFloat(location.longitude)
-          );
-          return { ...location, distance };
-        })
-        .sort((a, b) => a.distance - b.distance);
-    }
-
-    // 지역 필터
-    if (selectedRegion.value) {
-      result = result.filter((location) =>
-        location.address?.includes(selectedRegion.value)
-      );
-    }
-
-    // 검색어 필터
-    if (searchKeyword.value) {
-      const keyword = searchKeyword.value.toLowerCase();
-      result = result.filter(
-        (location) =>
-          location.name?.toLowerCase().includes(keyword) ||
-          location.address?.toLowerCase().includes(keyword) ||
-          location.branch_name?.toLowerCase().includes(keyword)
-      );
-    }
-
-    return result;
-  });
-
-  // 선택
-  const selectLocation = (location) => {
-    selectedLocation.value = location;
-
-    if (map.value && location.latitude && location.longitude && window.kakao) {
-      // 지도 중심 이동 및 줌인
-      const position = new window.kakao.maps.LatLng(
-        parseFloat(location.latitude),
-        parseFloat(location.longitude)
-      );
-      map.value.setCenter(position);
-      map.value.setLevel(3); // 확대
-
-      // 해당 마커의 오버레이 열기
-      const targetLat = parseFloat(location.latitude);
-      const targetLng = parseFloat(location.longitude);
-      const marker = markers.value.find((m) => {
-        const pos = m.getPosition();
-        // 부동소수점 비교를 위해 근사값 비교
-        return (
-          Math.abs(pos.getLat() - targetLat) < 0.0001 &&
-          Math.abs(pos.getLng() - targetLng) < 0.0001
-        );
-      });
-      if (marker && marker.overlay) {
-        // 다른 오버레이 닫기
-        overlays.value.forEach((ov) => ov.setMap(null));
-        marker.overlay.setMap(map.value);
-      }
-    }
-  };
-
-  // 검색
-  const searchLocations = () => {
-    // 내 주변 필터 해제
-    userLocation.value = null;
-
-    // computed에서 자동으로 필터링되므로 별도 처리 불필요
-    // 검색 후 마커 업데이트
-    nextTick(() => {
-      createMarkers();
-    });
-  };
-
-  // 내 주변 찾기
-  const findNearbyLocations = () => {
-    if (!navigator.geolocation) {
-      alert("이 브라우저는 위치 정보를 지원하지 않습니다.");
-      return;
-    }
-
-    isLoading.value = true;
-
-    navigator.geolocation.getCurrentPosition(
-      (position) => {
-        userLocation.value = {
-          lat: position.coords.latitude,
-          lng: position.coords.longitude,
-        };
-
-        // 지도 중심을 현재 위치로 이동
-        if (map.value && window.kakao) {
-          const currentPosition = new window.kakao.maps.LatLng(
-            userLocation.value.lat,
-            userLocation.value.lng
-          );
-          map.value.setCenter(currentPosition);
-          map.value.setLevel(5);
-
-          // 기존 현재 위치 마커/원 제거
-          if (userLocationMarker.value) {
-            userLocationMarker.value.setMap(null);
-          }
-          if (userLocationCircle.value) {
-            userLocationCircle.value.setMap(null);
-          }
-
-          // 현재 위치 마커 추가 (파란색 원)
-          const markerContent = `
-            <div style="width: 20px; height: 20px; background: #4285F4; border: 3px solid white; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.3);"></div>
-          `;
-          userLocationMarker.value = new window.kakao.maps.CustomOverlay({
-            content: markerContent,
-            position: currentPosition,
-            xAnchor: 0.5,
-            yAnchor: 0.5,
-          });
-          userLocationMarker.value.setMap(map.value);
-
-          // 반경 원 표시
-          userLocationCircle.value = new window.kakao.maps.Circle({
-            center: currentPosition,
-            radius: nearbyRadius.value * 1000, // km를 m로 변환
-            strokeWeight: 2,
-            strokeColor: "#4285F4",
-            strokeOpacity: 0.8,
-            strokeStyle: "solid",
-            fillColor: "#4285F4",
-            fillOpacity: 0.15,
-          });
-          userLocationCircle.value.setMap(map.value);
-        }
-
-        // 마커 업데이트
-        nextTick(() => {
-          createMarkers();
-        });
-
-        isLoading.value = false;
-
-        const nearbyCount = filteredLocations.value.length;
-        if (nearbyCount === 0) {
-          alert(`주변 ${nearbyRadius.value}km 이내에 ${locationLabel.value}이 없습니다.`);
-        } else {
-          alert(
-            `주변 ${nearbyRadius.value}km 이내에 ${nearbyCount}개의 ${locationLabel.value}을 찾았습니다.`
-          );
-        }
-      },
-      (error) => {
-        isLoading.value = false;
-
-        let errorMessage = "위치 정보를 가져올 수 없습니다.";
-        if (error.code === 1) {
-          errorMessage =
-            "위치 정보 접근이 거부되었습니다. 브라우저 설정에서 위치 정보 권한을 허용해주세요.";
-        } else if (error.code === 2) {
-          errorMessage = "위치 정보를 사용할 수 없습니다.";
-        } else if (error.code === 3) {
-          errorMessage = "위치 정보 요청 시간이 초과되었습니다.";
-        }
-
-        alert(errorMessage);
-      },
-      {
-        enableHighAccuracy: true,
-        timeout: 10000,
-        maximumAge: 0,
-      }
-    );
-  };
-
-  // 스크롤 이벤트 핸들러
-  const handleScroll = () => {
-    const el = listWrapRef.value;
-    if (el) {
-      const threshold = 10;
-      isScrolledToBottom.value =
-        el.scrollTop + el.clientHeight >= el.scrollHeight - threshold;
-    }
-  };
-
-  // 검색어나 지역 변경시 내 주변 필터 해제
-  watch([searchKeyword, selectedRegion], () => {
-    if (userLocation.value) {
-      userLocation.value = null;
-    }
-  });
-
-  // type이 변경되면 데이터 다시 로드 및 지도 리셋
-  watch(
-    () => route.query.type,
-    (newType, oldType) => {
-      // 실제로 타입이 변경된 경우에만 실행
-      if (newType === oldType) return;
-
-      // 데이터 초기화
-      locations.value = [];
-      selectedLocation.value = null;
-      searchKeyword.value = "";
-      selectedRegion.value = "";
-      userLocation.value = null;
-
-      // 모든 마커 제거
-      clearAllMarkers();
-
-      // 지도 리셋 (서울 중심으로)
-      if (map.value && window.kakao) {
-        const center = new window.kakao.maps.LatLng(37.5665, 126.978);
-        map.value.setCenter(center);
-        map.value.setLevel(8);
-      }
-
-      // 데이터 다시 로드
-      loadLocations();
-    }
-  );
-
-  // 페이지 로드 시 위치 권한 요청 (권한만 요청, 필터는 적용하지 않음)
-  const requestLocationPermission = () => {
-    if (!navigator.geolocation) {
-      return;
-    }
-    // 위치 권한만 요청하고 userLocation은 설정하지 않음
-    navigator.geolocation.getCurrentPosition(
-      () => {
-        // 권한 허용됨 - 나중에 "내 주변" 클릭 시 사용
-      },
-      () => {
-        // 권한 거부되어도 페이지는 정상 동작
-      },
-      { enableHighAccuracy: false, timeout: 10000, maximumAge: 300000 }
-    );
-  };
-
-  onMounted(async () => {
-    console.log("[KakaoMap] onMounted");
-
-    // 페이지 로드 시 위치 권한 요청
-    requestLocationPermission();
-
-    try {
-      await loadKakaoMapsScript();
-      await nextTick(); // DOM이 렌더링될 때까지 대기
-      initMap();
-    } catch (error) {
-      console.error("[KakaoMap] Load error:", error);
-      // 지도 로드 실패해도 목록은 표시
-    } finally {
-      await loadLocations();
-    }
-  });
-</script>

app/pages/ford/owner/accident.vue

@@ -1,194 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :width="219"
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper pb--0">
-      <div class="inner--wrap">
-        <div class="title--visual">
-          <h2>사고 수리를 위한 포드 서비스 부품</h2>
-          <div class="desc mt--40">
-            충돌사고를 겪고 싶은 사람은 아무도 없을 겁니다. <br />하지만 만에 하나 사고가
-            발생할 경우, 포드의 노력은 귀하의 차량이 다시 주행 가능한 상태가 되도록
-            도와드리는 데에서 그치지 않습니다. <br />포드는 철저한 설계의 ‘포드 서비스
-            부품’을 사용해 귀하의 차량이 완벽하게 포드다운 성능을 발휘할 수 있도록 하고
-            있습니다.
-          </div>
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/acc--visual1.png" alt="" />
-        </div>
-      </div>
-      <div class="consumable--parts--wrap">
-        <div class="inner--wrap">
-          <div class="prm--service pt--120">
-            <h2>올바른 부품</h2>
-            <div class="sub--title">
-              장기적인 차량 성능 및 운전자의 안심을 위해 올바른 부품 사용은 매우
-              중요합니다.
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="service--card--wrap mt--100">
-        <div class="img--wrap">
-          <img src="/img/owner/acc--visual2.png" alt="" />
-        </div>
-        <div class="desc--wrap">
-          <h3>올바른 정비소 선택</h3>
-          <p>
-            사고 수리를 위해서 어느 서비스센터를 선택할지는 귀하가 결정하실 수 있습니다.
-          </p>
-          <ul>
-            <li>
-              보험사에서는 귀하에게 특정 서비스센터를 이용하도록 강요할 수 없습니다.
-            </li>
-            <li>귀하에게는 새 제품의 포드 서비스 부품을 선택할 권리가 있습니다.</li>
-            <li>
-              수리를 시작하기 전에 직접 수리 부품 및 작업 내용을 확인하고 수리에
-              동의하셔야 합니다.
-            </li>
-            <li>
-              포드 차량에 대한 교육 수료 및 자격을 인증 받은 전문기술자를 보유한 포드
-              공식서비스센터를 선택하십시오.
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="owner--inner--content mt--120">
-        <div class="desc--wrapper">
-          <h2>차별화된 품질의 포드 서비스 부품</h2>
-          <div class="captions">
-            귀하의 차량에 장착된 포드 서비스 부품은 오랜 시간 믿고 사용할 수 있는 높은
-            신뢰성을 제공합니다.
-          </div>
-        </div>
-      </div>
-      <div class="tfs--drop--menus pt--80 pb--60">
-        <ul>
-          <li :class="{ open: dropMenuOpen[0] }">
-            <div class="title" @click="toggleDropMenu(0)">휠</div>
-            <div class="drop--contents">
-              <div class="drop--part--wrap">
-                <div class="img--wrap">
-                  <img src="/img/owner/img--accident1.png" alt="휠" />
-                </div>
-                <div class="desc--wrap">
-                  <ul>
-                    <li>
-                      모든 새 부품은 철저한 시험을 거쳐 까다로운 안전 기준을 충족해야만
-                      포드 차량에 장착될 수 있습니다. 이러한 부품 시험은 독립적으로
-                      수행됩니다. <br />포드에서는 차량에 부품을 장착하고 제대로
-                      작동하는지 시험합니다.
-                    </li>
-                    <li>
-                      휠을 임의로 수리하면 금속의 강도가 약화되며 휠이나 타이어의 손상을
-                      유발할 수 있습니다.<br />이는 향후 사고 발생의 원인이 될 수
-                      있습니다.
-                    </li>
-                    <li>
-                      휠은 차량의 중량을 지탱하는 역할을 합니다. 휠에 금이 가거나 휘는
-                      경우, 차량 주행 중 발생하는 스트레스로 인해 이러한 손상의 정도가 더
-                      커질 수도 있습니다.
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </li>
-          <li :class="{ open: dropMenuOpen[1] }">
-            <div class="title" @click="toggleDropMenu(1)">전면 유리</div>
-            <div class="drop--contents">
-              <div class="drop--part--wrap">
-                <div class="img--wrap">
-                  <img src="/img/owner/img--accident2.png" alt="전면 유리" />
-                </div>
-                <div class="desc--wrap">
-                  <ul>
-                    <li>
-                      전면 유리는 차량의 구조적 구성요소에 해당합니다.<br />전면 유리가
-                      완벽하게 조립되어야만 포드의 엔지니어들이 설계 시 의도한 대로의
-                      성능을 발휘할 수 있습니다.
-                    </li>
-                    <li>
-                      포드 서비스 부품의 전면 유리는 포드 차량에 정확하게 조립되도록
-                      설계됩니다.
-                    </li>
-                    <li>
-                      균열 또는 파손은 충돌사고에서 운전자와 탑승자를 보호하기 위한 전면
-                      유리의 강도를 떨어뜨립니다.
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </li>
-          <li :class="{ open: dropMenuOpen[2] }">
-            <div class="title" @click="toggleDropMenu(2)">판금</div>
-            <div class="drop--contents">
-              <div class="drop--part--wrap">
-                <div class="img--wrap">
-                  <img src="/img/owner/img--accident3.png" alt="판금" />
-                </div>
-                <div class="desc--wrap">
-                  <ul>
-                    <li>
-                      판금 손상은 단순히 미관상의 문제만 초래하는 것이 아닙니다.<br />판금은
-                      문, 천장, 범퍼 등 차량 내부의 최첨단 부품과 시스템을 보호하는 역할을
-                      합니다.
-                    </li>
-                    <li>
-                      포드 서비스센터에서는 덴트 복원만으로 충분한지 확인하기 위해 판금
-                      손상 정도를 검사합니다.
-                    </li>
-                    <li>
-                      포드가 생산한 알루미늄 자재는 고강도의 알루미늄이며, 알루미늄 자재
-                      수리가 가능한 포드 공식 서비스센터는 여기에서 확인하실 수 있습니다.
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 드롭메뉴 관련 (기본 모두 열림)
-  const dropMenuOpen = ref([true, true, true]);
-
-  const toggleDropMenu = (index) => {
-    dropMenuOpen.value[index] = !dropMenuOpen.value[index];
-  };
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/consumableParts.vue

@@ -1,1110 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      width="220"
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper type--2 pb--0">
-      <div class="inner--wrap">
-        <div class="title--visual">
-          <h2>소모성 부품 무상교환 서비스</h2>
-          <div class="desc mt--40">
-            예기치 못한 수리로 과다한 비용을 지출하지 않아도 됩니다.<br />
-            포드 소모성 부품 무상교환 서비스가 귀하의 차량을 보호해 드립니다.<br />
-            이 서비스는 일반 소모품을 포함한 정비 서비스를 제공합니다.<br />
-            모든 교체 작업은 출고 시 장착된 부품을 기준으로 이루어지며 정비 비용이
-            높아지는 것을 사전에 방지할 수 있습니다.<br />
-            약간의 비용으로 미리 보증 적용 범위를 확대할 수도 있기 때문에 차량 관리에 대해
-            걱정하지 않으셔도 됩니다.<br />
-            차량 구입 시 기본으로 적용되는 프로그램은 EMP(Essential Maintenance
-            Program)입니다.<br />
-          </div>
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/cons-visual01.jpg" alt="" />
-        </div>
-      </div>
-
-      <div class="consumable--parts--wrap">
-        <div class="inner--wrap">
-          <div class="prm--service pt--180">
-            <h2>프리미엄 정비 서비스 (Premium Maintenance Upgrade Plan, PMP Upgrade)</h2>
-            <div class="sub--title">
-              정기 검사, 주기적인 점검, 예방 조치, 주기적인 교체가 필요한 일반 소모품의
-              교체가 기본 프로그램보다 광범위하게 포함되는<br />
-              업그레이드 서비스 입니다. 사용자 설명서의 권장 서비스 주기를 따르십시오.
-            </div>
-            <ul>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M29.83 30.859L35.307 30.8009C35.1715 33.5117 32.9265 34.6735 29.83 35.2156M29.83 39.6885C34.3393 39.6885 39.1583 39.5723 41.2485 39.2431C45.6804 38.5654 48.9124 37.0938 48.8931 34.5767C48.8737 32.0788 48.9512 29.9102 48.8737 27.4705C48.8737 23.3462 45.5062 18.4086 42.4484 15.7365M42.4484 15.7365C40.0292 17.4598 34.9973 18.641 29.83 19.2219M42.4484 15.7365C41.3066 12.8902 38.4616 7.06194 37.7455 5.90016C35.8876 2.91827 28.3398 2.957 23.8498 3.01509C19.4372 2.97636 12.0829 2.93764 10.0508 5.74526M45.5837 28.7097C43.687 28.2837 37.3585 31.1107 39.4099 33.1051M37.3972 39.5529V45.265H45.5837V38.6429M41.3646 12.5223C42.5839 10.7215 47.4803 9.28868 47.9835 11.1088C48.8931 15.0395 45.6998 16.511 43.7451 17.0145"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M2 8.39844H27.0627V46.5821H2V8.39844Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M5.52246 12.3477H11.9091V18.7374H5.52246V12.3477ZM5.52246 23.4232H11.9091V29.813H5.52246V23.4232ZM5.52246 34.4988H11.9091V40.8886H5.52246V34.4988Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M14.6567 15.0207L16.3985 17.2281L23.5787 11.7871M14.6567 25.4573L16.3985 27.6647L23.5787 22.2237M14.6567 35.8939L16.3985 38.1013L23.5787 32.6603"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="captions">
-                  소지하고 계신 기본 서비스 플랜(EMP)에 대해<br />
-                  업그레이드 후 이용가능한 서비스입니다.
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M19.0535 18.4549L24.5728 21.5626L23.2553 23.7675C24.6262 25.139 25.6054 26.8231 26.1218 28.6113H28.739V34.8267H26.1218C25.8547 35.7121 25.4808 36.5802 25.0001 37.4309C24.5016 38.2643 23.914 39.0282 23.2553 39.6879L24.5728 41.8928L19.0535 45.0005L17.736 42.7782C15.8843 43.2296 13.9081 43.247 12.003 42.7782L10.6855 44.9831L5.16619 41.8754L6.4837 39.6705C5.11277 38.299 4.13354 36.6149 3.61722 34.8267H1V28.6113H3.61722C3.86648 27.7259 4.24037 26.8578 4.73889 26.0071C5.2374 25.1737 5.82494 24.4098 6.4837 23.7501L5.16619 21.5452L10.6855 18.4375L12.003 20.6598C13.8546 20.2084 15.8309 20.191 17.7538 20.6598L19.0535 18.4549ZM11.6647 37.1705C14.7449 38.9066 18.6618 37.8823 20.4422 34.8788C22.2226 31.8753 21.1544 28.0557 18.0921 26.3196C15.0119 24.5835 11.095 25.6078 9.31457 28.6113C7.53415 31.6148 8.6024 35.4517 11.6647 37.1705Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M31.0713 6.38892L36.3591 5L36.9467 7.1181C38.6381 7.13546 40.2761 7.58686 41.7004 8.36812L43.285 6.82295L47.1485 10.5904L45.5639 12.1356C45.9556 12.83 46.2761 13.5766 46.4897 14.3752C46.7034 15.1738 46.828 15.9724 46.828 16.7711L49.0001 17.344L47.5758 22.5003L45.4037 21.9274C44.5669 23.299 43.374 24.4795 41.9141 25.3303L42.5016 27.4483L37.2137 28.8373L36.6262 26.7192C34.9348 26.7018 33.2968 26.2504 31.8725 25.4691L30.2879 27.0143L26.4244 23.2469L28.009 21.7017C27.6173 21.0073 27.2968 20.2607 27.0831 19.4621C26.8695 18.6635 26.7449 17.8648 26.7449 17.0662L24.5728 16.4933L25.9971 11.3369L28.1692 11.9099C29.006 10.5383 30.1989 9.35772 31.6588 8.50701L31.0713 6.38892ZM38.2286 22.1184C41.1663 21.3545 42.9111 18.403 42.1277 15.5384C41.3443 12.6738 38.3176 10.9723 35.3799 11.7362C32.4422 12.5001 30.6974 15.4516 31.4808 18.3336C32.2642 21.1982 35.2909 22.8997 38.2286 22.1357V22.1184Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="captions">
-                  브레이크 패드/와이퍼의 경우 업그레이드<br />
-                  플랜에 한하여 교환이 필요할 경우 점검 후<br />
-                  각 2회/1회까지 교환 가능합니다.
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M15.063 3H34.5069"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-miterlimit="10"
-                      stroke-linecap="round"
-                    />
-                    <path
-                      d="M19.7677 3L1.59473 28.821"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-miterlimit="10"
-                      stroke-linecap="round"
-                    />
-                    <path
-                      d="M29.5459 3L47.7189 28.821"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-miterlimit="10"
-                      stroke-linecap="round"
-                    />
-                    <path
-                      d="M47.6265 42.0898H2.37348C1.61493 42.0898 1 42.7087 1 43.4722V45.6179C1 46.3814 1.61493 47.0003 2.37348 47.0003H47.6265C48.3851 47.0003 49 46.3814 49 45.6179V43.4722C49 42.7087 48.3851 42.0898 47.6265 42.0898Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M14.2018 40.6226C16.0076 40.6226 17.4715 39.1493 17.4715 37.3318C17.4715 35.5144 16.0076 34.041 14.2018 34.041C12.396 34.041 10.9321 35.5144 10.9321 37.3318C10.9321 39.1493 12.396 40.6226 14.2018 40.6226Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M34.1276 40.6226C35.9334 40.6226 37.3973 39.1493 37.3973 37.3318C37.3973 35.5144 35.9334 34.041 34.1276 34.041C32.3218 34.041 30.8579 35.5144 30.8579 37.3318C30.8579 39.1493 32.3218 40.6226 34.1276 40.6226Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M30.8575 37.332H17.4712"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M10.9424 37.3345H8.0417C8.0417 37.3345 4.84375 37.7368 4.84375 33.7239C4.84375 30.3918 7.02697 27.9572 9.21018 27.3383C11.3934 26.7193 12.3466 26.8741 15.4831 23.9649C15.4831 23.9649 21.0692 18.4355 29.6279 18.4355C38.1865 18.4355 41.7739 25.0378 42.5017 26.7812C43.2294 28.5246 44.0186 31.2377 44.0186 34.0437C44.0186 36.8496 42.9014 37.3242 41.2717 37.3345C39.642 37.3448 37.3972 37.3345 37.3972 37.3345"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M14.5913 27.8945H39.2524"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M25.2412 27.8945V37.344"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M7.01672 29.0195C7.01672 29.0195 9.29218 30.5979 8.2672 32.6198C7.24221 34.6418 5.59199 33.9609 4.84375 34.0434"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M21.4277 24.5518C21.4277 24.5518 24.0619 21.3848 29.3611 21.3848C34.6603 21.3848 35.7775 24.7787 35.7775 24.7787"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M29.3511 21.375V24.181"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="captions">
-                  자세한 내용은 가까운 전시장이나 서비스센터로<br />
-                  문의 하여 주시기 바랍니다.
-                </div>
-              </li>
-            </ul>
-          </div>
-
-          <div class="dbl--contents pt--150">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/owner/dbl-item01.png" />
-                </div>
-                <div class="desc--wrap pt--50">
-                  <h2>업그레이드 플랜 제공 서비스 항목 (PMP Upgrade 항목 구매 시)</h2>
-                  <ul>
-                    <li>스파크 플러그</li>
-                    <li>연료필터, 에어컨필터</li>
-                    <li>에어크리너</li>
-                    <li>브레이크 패드</li>
-                    <li>와이퍼 블레이드</li>
-                    <li>엔진 오일 교환 및 오일 필터 교체</li>
-                    <li>타이어 점검 및 위치 교환</li>
-                    <li>오일류 점검 및 보충</li>
-                  </ul>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/owner/dbl-item02.png" />
-                </div>
-                <div class="desc--wrap pt--50">
-                  <h2>멀티 포인트 인스펙션 항목</h2>
-                  <ul>
-                    <li>
-                      경적, 실내등, 외장 램프, 방향지시등, 비상등 및 제동등의 작동상태
-                    </li>
-                    <li>윈드실드 워셔 분사, 와이퍼 작동, 와이퍼 블레이드</li>
-                    <li>윈드실드의 균열, 손상, 흠집</li>
-                    <li>
-                      엔진 냉각장치, 라디에이터, 호스, 클램프 오일 및 용액 누유 (엔진오일,
-                      브레이크 리저버, 파워 스티어링, 윈도우 워셔, 트랜스미션, 냉각수 회수
-                      리저버 등)
-                    </li>
-                    <li>배기 시스템(누출, 손상, 느슨한 부품)</li>
-                    <li>스티어링 연동장치 및 볼 조인트(육안 검사)</li>
-                    <li>쇼크 업소버/스트럿 및 기타 서스펜션 부품 누출 및 손상</li>
-                    <li>액세서리 구동 벨트</li>
-                    <li>브레이크 시스템(라인, 호스, 주차 브레이크 포함)</li>
-                    <li>클러치 작동(해당 차량)</li>
-                    <li>등속 (CV) 드라이브 액슬 부트(장착시)</li>
-                    <li>타이어 마모도 및 공기압 설정</li>
-                  </ul>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="essential--maintenace--wrap mt--150">
-          <div class="inner--wrap pt--50 pb--150">
-            <div class="title--visual">
-              <h2>필수 정비 서비스 (Essential Maintenance Plan, EMP)</h2>
-              <div class="captions mt--40">
-                필수 정비 서비스(EMP)는 기본 점검/정비를 보증하는 서비스입니다.<br />
-                기본 정비에는 다음 항목이 포함되며, 차량 구입 시점부터 정기 차량 검사가
-                포함되는 든든한 서비스입니다.
-              </div>
-            </div>
-            <div class="column--3 pt--70">
-              <ul>
-                <li>
-                  <div class="thumb">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="50"
-                      height="50"
-                      viewBox="0 0 50 50"
-                      fill="none"
-                    >
-                      <path
-                        d="M12.795 18.6361L10.0249 17.1355L14.1711 9.75586L16.9411 11.2388"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M16.9411 11.2372C21.7842 11.8551 22.5527 3.39858 28.8434 4.03414C42.3541 6.08207 44.9812 21.6004 47.7513 33.2348C48.7342 37.3836 46.7505 38.3016 42.783 39.714C36.4387 41.9914 32.65 43.3332 26.3057 45.6106C22.9816 46.8111 22.928 45.1692 22.642 41.603C21.8021 30.6572 18.8891 27.1616 12.7949 18.6344M41.121 22.1477C39.4054 15.4213 33.061 7.61801 27.9677 8.23592C16.9053 10.9724 43.2298 30.7455 41.121 22.1477Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M15.475 34.0821C15.475 37.7542 12.4547 40.7378 8.7375 40.7378C5.02026 40.7378 2 37.7542 2 34.0821C2 29.5449 6.75378 23.7012 8.7375 20.082C10.7212 23.7012 15.475 29.5449 15.475 34.0821Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M4.98438 33.6777C5.12735 36.0258 6.39621 36.9791 7.41488 37.3146"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </div>
-                  <div class="caption">엔진 오일 및 필터 교환</div>
-                </li>
-                <li>
-                  <div class="thumb">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="50"
-                      height="50"
-                      viewBox="0 0 50 50"
-                      fill="none"
-                    >
-                      <path
-                        d="M33.356 12.5969C33.9704 12.9501 34.604 13.3032 35.1992 13.6564C35.7944 14.0096 36.3896 14.3627 36.9656 14.7159M35.276 46.4412C35.9288 46.088 36.5624 45.7349 37.196 45.4013C37.8296 45.0482 38.444 44.695 39.0584 44.3418M33.356 44.0083C33.9704 43.6552 34.604 43.302 35.2184 42.9488C35.8136 42.5957 36.428 42.2425 37.0232 41.8894M40.4216 39.4957C40.0568 39.1426 39.692 38.7894 39.3272 38.4363C38.9816 38.0831 38.636 37.73 38.2904 37.3768C38.7896 37.0236 39.2696 36.6705 39.7496 36.3369C40.2296 35.9838 40.7096 35.6306 41.1897 35.2775M34.9688 39.8097C35.2952 40.1628 35.6216 40.516 35.9672 40.8691C36.3128 41.2223 36.6584 41.5755 37.004 41.909M36.236 34.9439C36.716 34.5908 37.1768 34.2376 37.6376 33.9041C38.0984 33.5509 38.5592 33.1978 39.0008 32.8446M41.6121 30.4118C41.2281 30.0586 40.8248 29.7054 40.4408 29.3523C40.0568 28.9991 39.6536 28.646 39.2696 28.2928C39.6728 27.9397 40.0568 27.5865 40.4408 27.253C40.8248 26.8998 41.2089 26.5466 41.5929 26.1935M36.7928 30.7257C37.1576 31.0788 37.5224 31.432 37.9064 31.7851C38.2712 32.1383 38.6552 32.4915 39.02 32.8446M36.7928 25.8796C37.1576 25.5264 37.5224 25.1733 37.8872 24.8201C38.252 24.4669 38.6168 24.1138 38.9816 23.7606C38.54 23.4271 38.0984 23.0739 37.6376 22.7208C37.1768 22.3676 36.716 22.0145 36.2552 21.6613M41.1321 21.3278C40.652 20.9942 40.1912 20.6411 39.7112 20.2879C39.2312 19.9347 38.732 19.5816 38.252 19.2284C38.5976 18.8753 38.924 18.5221 39.2696 18.169C39.6152 17.8158 39.98 17.4626 40.3256 17.1095M35.0072 16.7956C35.3336 16.4424 35.6408 16.0893 35.9672 15.7557C36.2936 15.4026 36.6392 15.0494 36.9848 14.6962M35.276 10.1641C35.9288 10.5172 36.5624 10.8704 37.196 11.2235C37.8104 11.5767 38.4248 11.9298 39.0392 12.283"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M40.4993 8.84714C38.8673 6.94401 29.2287 7.57185 27.1743 8.27816"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M40.499 47.7362C47.8335 42.2426 47.8335 14.3432 40.499 8.84961"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M40.4993 47.7363C38.8673 49.6395 29.2287 49.0116 27.1743 48.3053"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M26.6942 21.0723C28.0575 21.0723 29.1519 24.6235 29.1519 28.9791C29.1519 33.3347 28.0575 36.8859 26.6942 36.8859C23.6414 36.8859 27.0014 36.8859 23.9486 36.8859C23.0078 36.8859 22.2014 35.1986 21.779 32.7265H4.17236V25.2317H21.779C22.2014 22.7596 23.0078 21.0723 23.9486 21.0723C27.0014 21.0723 23.6414 21.0723 26.6942 21.0723Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M27.1928 48.3253C25.1768 46.8146 23.6983 43.6558 22.7575 39.7514M22.3159 18.4835C22.7575 14.3241 25.2152 9.39949 27.1928 8.30078"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M11.276 19.1685L16.8056 13.5965M9.27914 15.6566L14.8088 10.0845M7.30151 12.1446L12.8312 6.57259M5.30469 8.61305L10.8344 3.04102"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M15.7505 14.6554L19.4562 21.2084C20.0898 22.3464 19.725 23.7983 18.6114 24.4653C17.4978 25.1128 16.0769 24.74 15.4241 23.6021L12.3329 18.1281L15.7697 14.675L15.7505 14.6554ZM6.36163 7.57265L4 3.374L8.03205 1L9.79847 4.11956L6.36163 7.57265Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M27.7109 48.1245C35.199 42.5328 35.199 14.0448 27.7109 8.45312"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </div>
-                  <div class="caption">타이어 위치 교환</div>
-                </li>
-                <li>
-                  <div class="thumb">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="50"
-                      height="50"
-                      viewBox="0 0 50 50"
-                      fill="none"
-                    >
-                      <path
-                        d="M29.1039 31.2088L34.2413 31.1542C34.1142 33.7044 32.0085 34.7974 29.1039 35.3074M29.1039 39.5153C33.3336 39.5153 37.8538 39.406 39.8144 39.0963C43.9715 38.4588 47.0031 37.0744 46.9849 34.7063C46.9668 32.3564 47.0394 30.3162 46.9668 28.021C46.9668 24.141 43.8081 19.4959 40.9399 16.9821M40.9399 16.9821C38.6707 18.6033 33.9509 19.7145 29.1039 20.261M40.9399 16.9821C39.8688 14.3044 37.2003 8.82134 36.5286 7.72838C34.7859 4.92312 27.7061 4.95955 23.4946 5.0142C19.3556 4.97776 12.4574 4.94133 10.5513 7.58265M43.8807 29.1868C42.1017 28.7861 36.1656 31.4456 38.0898 33.3219M36.2019 39.3878V44.7615H43.8807V38.5316M39.9233 13.9583C41.067 12.2642 45.6597 10.9162 46.1317 12.6285C46.9849 16.3263 43.9896 17.7107 42.1561 18.1844"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M3 10.0781H26.5085V46.0001H3V10.0781Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M6.30371 13.7949H12.2943V19.8062H6.30371V13.7949ZM6.30371 24.2145H12.2943V30.2258H6.30371V24.2145ZM6.30371 34.634H12.2943V40.6453H6.30371V34.634Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M14.8716 16.3057L16.5054 18.3824L23.2402 13.2637M14.8716 26.1242L16.5054 28.2008L23.2402 23.0821M14.8716 35.9426L16.5054 38.0192L23.2402 32.9005"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </div>
-                  <div class="caption">멀티포인트 인스펙션</div>
-                </li>
-              </ul>
-            </div>
-
-            <div class="columb--thume--3 pt--150">
-              <ul>
-                <li>
-                  <div class="thumb">
-                    <img src="/img/owner/ess-visual01.png" />
-                  </div>
-                  <div class="captions">엔진 오일 및 필터 교환</div>
-                </li>
-                <li>
-                  <div class="thumb">
-                    <img src="/img/owner/ess-visual02.png" />
-                  </div>
-                  <div class="captions">타이어 위치 교환</div>
-                </li>
-                <li>
-                  <div class="thumb">
-                    <img src="/img/owner/ess-visual03.png" />
-                  </div>
-                  <div class="captions">멀티포인트 인스펙션</div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-
-        <div class="used--essential--wrap">
-          <div class="title--visual">
-            <h2>장기차량 유지관리 플랜 (Used Essential Maintenance Plan)</h2>
-            <div class="captions">
-              이 서비스는 필수 정비서비스 기간이 지난 차량 중 PMP업그레이드 가입이 되지
-              않은 차량에 한하여<br />
-              언제든지 중복가입이 가능한 유지관리 플랜입니다.
-            </div>
-          </div>
-          <div class="column--3">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M4.78992 44.6255C5.27488 44.2866 5.77781 43.93 6.26277 43.5912C6.87347 43.1632 7.48417 42.7352 8.11283 42.3072C7.96913 40.8272 7.8434 39.3292 7.69971 37.8491C6.33462 37.225 4.96953 36.6009 3.60444 35.9589C2.74228 36.5652 1.86216 37.1715 1 37.7778C1.28739 30.4309 7.75359 33.1057 10.8789 30.9123L23.2366 20.1951L28.9304 14.9523C30.7086 13.2048 30.1698 9.53128 32.1456 7.42705C34.3728 5.07317 37.085 5.39416 39.7972 6.33928C39.3123 6.67809 38.8093 7.03474 38.3244 7.37356C37.7137 7.80153 37.103 8.22951 36.4743 8.65749C36.618 10.1376 36.7438 11.6355 36.8874 13.1156C38.2525 13.7397 39.6176 14.3817 40.9827 15.0058C41.8449 14.3995 42.725 13.7932 43.5872 13.1869C43.2998 20.5339 36.8336 17.859 33.7082 20.0524L21.3506 30.7697L15.6567 36.0124C13.8785 37.76 14.4174 41.4335 12.4416 43.5377C10.2143 45.8916 7.50213 45.5884 4.78992 44.6255Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M14.8849 15.2701L9.46043 14.111L5.68848 8.81475L8.1133 6.40737L10.5381 4L15.8907 7.72697L17.0582 13.1124M14.6334 15.5019L17.2738 12.8805L23.9555 19.5142L23.2191 20.1918L21.1535 21.9929L14.6154 15.5019H14.6334ZM28.8052 24.3111L32.9364 28.4126C32.4873 28.787 32.0203 29.215 31.5713 29.6787C31.1043 30.1423 30.6732 30.6059 30.296 31.0339L25.9852 26.7541L28.8052 24.3111ZM48.8684 39.2725L36.385 26.879C35.8282 26.3262 33.6728 27.5744 31.5533 29.6787C29.4518 31.7651 28.1765 33.9228 28.7333 34.4756L41.2167 46.8691C41.7735 47.4219 43.9289 46.1736 46.0484 44.0694C48.1679 41.9652 49.4252 39.8253 48.8684 39.2725Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="caption">
-                  차량 유지관리 비용에 효율적으로<br />
-                  대비할 수 있습니다.
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_166_3246)">
-                      <path
-                        d="M8.05078 44.1797H11.4406V47.5759"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M41.1017 44.1797H37.7119V47.5759"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M46.6102 44.1797H50V47.5759H0V44.1797H3.38983"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M18.4744 16.0364L14.7456 15.2171C14.0592 15.0642 13.5761 14.4444 13.6015 13.7397C13.6354 12.7038 14.7075 12.0331 15.6524 12.4534L19.1397 14.0071C19.5507 14.1897 19.8049 14.61 19.7753 15.0557C19.7329 15.7138 19.1185 16.1807 18.4744 16.0406V16.0364Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M13.8011 9.07872L11.3223 7.35938"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M11.2578 6.59375H11.2588C11.2636 6.59328 11.2661 6.59422 11.2676 6.59473C11.27 6.59557 11.2741 6.59777 11.2783 6.60156C11.2823 6.60522 11.2849 6.60869 11.2861 6.61133C11.2869 6.61309 11.2881 6.61605 11.2881 6.62207V7.50488C11.2881 7.51213 11.287 7.51576 11.2861 7.51758C11.2849 7.52017 11.2826 7.52331 11.2793 7.52637C11.276 7.52936 11.2727 7.53141 11.2705 7.53223C11.2692 7.53266 11.2658 7.53386 11.2588 7.5332H11.2578L9.0752 7.32031C9.06172 7.31897 9.05093 7.30786 9.05078 7.29297V6.83398L9.05762 6.81543C9.06204 6.81037 9.06828 6.80733 9.0752 6.80664L11.2578 6.59375Z"
-                        fill="#10075E"
-                        stroke="black"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M35.3604 9.07872L37.8392 7.35938"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M37.8936 6.59375H37.8945L40.0771 6.80664C40.0907 6.808 40.1015 6.81904 40.1016 6.83398V7.29297C40.1014 7.30785 40.0906 7.31896 40.0771 7.32031L37.8945 7.5332H37.8936C37.8865 7.53386 37.8831 7.53266 37.8818 7.53223C37.8796 7.53141 37.8763 7.52936 37.873 7.52637C37.8697 7.52331 37.8674 7.52017 37.8662 7.51758C37.8654 7.51576 37.8643 7.51213 37.8643 7.50488V6.62207C37.8643 6.61605 37.8654 6.61309 37.8662 6.61133C37.8674 6.60869 37.87 6.60522 37.874 6.60156C37.8782 6.59777 37.8823 6.59557 37.8848 6.59473C37.8863 6.59422 37.8888 6.59328 37.8936 6.59375Z"
-                        fill="#10075E"
-                        stroke="black"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M31.3559 16.0364L35.0847 15.2171C35.7712 15.0642 36.2542 14.4444 36.2288 13.7397C36.1949 12.7038 35.1229 12.0331 34.178 12.4534L30.6907 14.0071C30.2797 14.1897 30.0254 14.61 30.0551 15.0557C30.0974 15.7138 30.7119 16.1807 31.3559 16.0406V16.0364Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M24.7543 22.5284L34.4534 22.4732C36.7246 22.4605 38.5636 20.5713 38.5636 18.2449V14.3265C38.5636 12.7897 37.7458 11.3717 36.428 10.6288L36.267 10.5397C35.7034 10.2213 35.25 9.72456 34.9831 9.12597L33.1526 5.05897C32.589 3.80236 31.3602 3 30.0085 3H19.1483C17.7967 3 16.5721 3.80236 16.0043 5.05897L14.1738 9.12597C13.9026 9.72456 13.4534 10.2213 12.8899 10.5397L12.7289 10.6288C11.4111 11.3717 10.5933 12.7854 10.5933 14.3265V18.385C10.5933 18.385 12.606 22.6897 14.8729 22.5284H24.7543Z"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M19.9152 22.9512V24.5347C19.9152 25.2988 19.2965 25.9229 18.5296 25.9229H16.2118C15.4491 25.9229 14.8262 25.3031 14.8262 24.5347V22.9512"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M34.7457 22.9512V24.5347C34.7457 25.2988 34.1271 25.9229 33.3601 25.9229H31.0423C30.2796 25.9229 29.6567 25.3031 29.6567 24.5347V22.9512"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M7.62695 22.5273H14.4066"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M7.62694 47.9996V18.707H3.38965V47.9996"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M41.5254 22.5273H35.1694"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M41.9492 47.5758V18.2832H46.1865V47.5758"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M27.1183 46.7272V40.3083C27.1183 40.3083 31.4234 38.7333 31.4234 34.6408C31.4234 30.5484 27.9658 28.4512 27.9658 28.4512V33.6304L25.2539 35.6937H23.898L21.1861 33.6304V28.4512C21.1861 28.4512 17.7285 30.5484 17.7285 34.6408C17.7285 38.7333 22.0336 40.3083 22.0336 40.3083V46.7272"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M35.1694 8.94336H13.9829"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M19.0679 22.1033V18.707H30.9323V22.1033"
-                        stroke="black"
-                        stroke-width="2"
-                        stroke-linejoin="round"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_166_3246">
-                        <rect width="50" height="50" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <div class="caption">
-                  필수 정비 서비스와 동일한 서비스를 제공합니다.<br />
-                  (엔진 오일 및 필터 교환, 타이어 위치 교환,<br />
-                  멀티포인트 인스펙션)
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <path
-                      d="M43.7798 6H6.22018C3.88944 6 2 7.89773 2 10.2387V31.4322C2 33.7732 3.88944 35.6709 6.22018 35.6709H43.7798C46.1106 35.6709 48 33.7732 48 31.4322V10.2387C48 7.89773 46.1106 6 43.7798 6Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M2 31.4355H48V32.0332C48 34.2755 46.1853 36.0981 43.9528 36.0981H6.04716C3.81468 36.0981 2 34.2755 2 32.0332V31.4355Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M43.3576 14.0566H32.8071"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M43.3579 18.293H39.1377"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M30.6129 41.1841H18.9609L19.5897 36.0977H29.8617L30.6129 41.1841Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M12.5508 44.5746V43.7734C12.5508 42.345 13.7029 41.1836 15.1293 41.1836H34.0315C35.4537 41.1836 36.61 42.3408 36.61 43.7734V44.5746"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M4.9541 45H44.2018"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M15.7155 25.1851C15.7155 26.3507 14.7744 27.296 13.6139 27.296C12.4533 27.296 11.5122 26.3507 11.5122 25.1851C11.5122 24.0194 12.4533 23.0742 13.6139 23.0742C14.7744 23.0742 15.7155 24.0194 15.7155 25.1851Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M30.8283 25.1851C30.8283 26.3507 29.8872 27.296 28.7267 27.296C27.5661 27.296 26.625 26.3507 26.625 25.1851C26.625 24.0194 27.5661 23.0742 28.7267 23.0742C29.8872 23.0742 30.8283 24.0194 30.8283 25.1851Z"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M30.6972 25.0775H34.9174V22.8522C34.9174 21.3135 33.8159 19.9953 32.2966 19.7028L29.0724 19.156L23.9702 15.9431C23.3288 15.5404 22.5902 15.3242 21.8348 15.3242H13.4999C12.4618 15.3242 11.4658 15.7269 10.7188 16.4475L8.88729 18.2108C8.2627 18.8127 7.9082 19.6435 7.9082 20.5124V25.0732H11.2843"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                    <path
-                      d="M15.9268 25.0762H26.4772"
-                      stroke="black"
-                      stroke-width="2"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>
-                <div class="caption">가입기간 만료 후에도 재가입이 가능합니다.</div>
-              </li>
-            </ul>
-          </div>
-
-          <div class="dbl--contents pt--150">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/owner/dbl-item03.png" />
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/owner/dbl-item04.png" />
-                </div>
-              </li>
-            </ul>
-          </div>
-          <div class="column--4 pt--150">
-            <h2>모든 소비자가 알아야 할 포드 프리미엄 유지관리 플랜의 특징</h2>
-            <ul>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="56"
-                    height="56"
-                    viewBox="0 0 56 56"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_172_2979)">
-                      <path
-                        d="M13.3271 50.9579C13.3271 50.9579 16.3526 48.6954 22.6226 49.8461C24.0721 50.1092 27.9869 51.3457 31.2094 51.5682C32.1746 51.6347 33.1451 51.52 34.0666 51.2248C36.4886 50.4492 38.6483 49.0417 40.9266 47.9112C43.9007 46.4352 46.4125 44.468 48.8979 42.2955C50.6362 40.7762 52.5014 39.3311 54.1335 37.6957C56.7093 35.1143 53.0212 31.8219 48.7014 35.4713C47.3706 36.5955 43.8738 39.203 41.9928 39.7165"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M8.34326 42.3074C12.1658 40.1022 13.451 36.9157 16.832 35.512C21.7644 33.4629 24.922 36.2076 28.2525 36.593C29.3081 36.7148 33.2046 36.6151 35.9701 36.8733C37.4894 37.0154 39.0778 38.2548 39.0778 39.8112V39.8266C39.0778 41.5839 37.6186 42.4389 35.8385 42.2847C27.3243 41.5497 24.5107 43.8059 24.5107 43.8059"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M13.129 53.9219L10.0656 55.6946C9.27616 56.1512 8.2672 55.88 7.81172 55.0895L2.08801 45.1535C1.63253 44.3626 1.90255 43.3515 2.69195 42.8948L5.75535 41.1222C6.54475 40.6655 7.55371 40.9367 8.00919 41.7272L13.7329 51.6627C14.1884 52.4537 13.9184 53.4648 13.129 53.9214V53.9219Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M9.43262 51.0508L10.4113 52.7497"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M46.0453 22.6548C49.0102 18.9997 46.6045 13.3985 41.7331 13.332H41.7264C38.6366 13.332 37.1231 14.7868 36.4351 15.8277C35.7495 14.7887 34.2356 13.332 31.1438 13.332H31.1371C26.2662 13.399 23.8591 19.0007 26.825 22.6548C29.2743 25.6741 36.056 32.3255 36.4346 32.6988C38.6923 30.4671 44.0528 25.1101 46.0448 22.6548H46.0453Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M36.4351 6.33056V0.933594"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M18.6719 22.0059H20.7715"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M28.6033 8.43176L27.3916 6.33203"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M22.8702 14.1692L18.1992 11.4707"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M54.1982 22.0059H52.0986"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M44.2671 8.43176L45.4783 6.33203"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M50.0005 14.1692L54.671 11.4707"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_172_2979">
-                        <rect width="56" height="56" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <h2>포드 모터 컴퍼니가 후원합니다.</h2>
-                <div>
-                  포드 ESP는 포드 모터 컴퍼니가 100% 후원하는 유일한 연장형 서비스입니다.
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_172_3025)">
-                      <path
-                        d="M4.64354 44.9641C5.13108 44.6169 5.63667 44.2514 6.12421 43.9042C6.73815 43.4656 7.35209 43.027 7.98409 42.5884C7.83964 41.0716 7.71324 39.5365 7.56878 38.0197C6.19644 37.38 4.82411 36.7404 3.45177 36.0825C2.58503 36.7039 1.70023 37.3252 0.833496 37.9466C1.12241 30.4173 7.62295 33.1586 10.7649 30.9107L23.1881 19.9276L28.9122 14.5547C30.6999 12.7638 30.1582 8.99919 32.1444 6.84276C34.3835 4.43048 37.1101 4.75943 39.8367 5.72799C39.3492 6.07522 38.8436 6.44071 38.3561 6.78794C37.7421 7.22653 37.1282 7.66513 36.4962 8.10373C36.6406 9.62054 36.767 11.1556 36.9115 12.6724C38.2838 13.3121 39.6562 13.97 41.0285 14.6096C41.8952 13.9882 42.78 13.3669 43.6468 12.7455C43.3579 20.2748 36.8573 17.5336 33.7154 19.7814L21.2921 30.7645L15.5681 36.1374C13.7804 37.9283 14.3221 41.6929 12.3358 43.8493C10.0968 46.2616 7.37015 45.9509 4.64354 44.9641Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M14.7916 14.8837L9.33837 13.6958L5.54639 8.2682L7.98409 5.80109L10.4218 3.33398L15.8028 7.15343L16.9765 12.6724M14.5388 15.1213L17.1932 12.4349L23.9104 19.2331L23.1701 19.9276L21.0935 21.7733L14.5207 15.1213H14.5388ZM28.7858 24.149L32.9389 28.3523C32.4875 28.736 32.018 29.1746 31.5666 29.6498C31.0971 30.1249 30.6638 30.6001 30.2846 31.0387L25.9509 26.6527L28.7858 24.149ZM48.9556 39.4816L36.4059 26.7806C35.8461 26.2141 33.6793 27.4933 31.5486 29.6498C29.4359 31.7879 28.1538 33.9992 28.7136 34.5657L41.2633 47.2667C41.823 47.8333 43.9899 46.554 46.1206 44.3976C48.2513 42.2411 49.5153 40.0482 48.9556 39.4816Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_172_3025">
-                        <rect width="50" height="50" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <h2>공식 인증받은 포드 부품 및 서비스를 제공합니다.</h2>
-                <div>
-                  수리는 포드에서 교육 및 인증 받은 포드 전문 테크니션에 의해 포드 순정
-                  부품을 사용하여 이루어집니다.
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_172_3057)">
-                      <path
-                        d="M1 36.4473H28.9666"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M42.3514 18.5541L40.9375 16.7194L37.6281 9.78654C36.525 7.47558 34.1944 6 31.6463 6H16.9716C14.4158 6 12.093 7.47558 10.9899 9.78654L7.68049 16.7194L3.22913 22.489C2.79409 23.0511 2.56104 23.7382 2.56104 24.4486V29.3516C2.56104 31.1161 3.98267 32.5448 5.73836 32.5448H27.4203"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M11.0986 32.5464V35.0915C11.0986 35.841 10.4927 36.45 9.74692 36.45H5.46647C4.72069 36.45 4.11475 35.841 4.11475 35.0915V31.7656"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M15.9576 10.543L13.7824 15.1415C13.5572 15.6099 13.899 16.1564 14.4195 16.1564H34.3323C34.8528 16.1564 35.1869 15.6177 34.9694 15.1415L32.7942 10.543"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M7.21533 23.3708V26.0565C7.21533 26.5796 7.59599 27.0324 8.10871 27.1183L12.1872 27.8053C12.8397 27.9146 13.4301 27.4071 13.4301 26.7435V25.0806C13.4301 24.6512 13.1738 24.253 12.7698 24.089L8.69135 22.3792C7.98441 22.0826 7.21533 22.6057 7.21533 23.3708Z"
-                        stroke="white"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M27.4131 27.8607H16.879L15.7681 23.957H28.1899"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M47.2072 15.369H43.8589C43.587 15.369 43.354 15.1972 43.2685 14.9396L42.647 13.0737C42.515 12.6677 42.8102 12.2461 43.2374 12.2461H46.5779C46.8498 12.2461 47.0829 12.4179 47.1683 12.6755L47.7898 14.5414C47.9219 14.9474 47.6267 15.369 47.1994 15.369H47.2072Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M39.8813 14.6579L42.9344 14.1504"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M1.79994 15.369H5.1404C5.4123 15.369 5.64536 15.1972 5.73081 14.9396L6.35229 13.0737C6.48436 12.6677 6.18915 12.2461 5.76189 12.2461H2.42142C2.14953 12.2461 1.91647 12.4179 1.83102 12.6755L1.20954 14.5414C1.07747 14.9474 1.37268 15.369 1.79994 15.369Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M9.12578 14.6579L6.07275 14.1504"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M3.33057 42.6953H33.6278"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                        stroke-dasharray="4 4"
-                      />
-                      <path
-                        d="M45.4201 20.8359C45.4201 23.061 46.7485 25.2939 48.9625 25.7389C49.4053 34.202 45.8939 39.995 39.2519 44.0002C32.602 39.9872 29.0596 34.202 29.5024 25.7389C31.7164 25.2939 33.0448 23.0688 33.0448 20.8359H45.4201Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M39.322 35.9253L33.4956 31.0458L35.4843 28.6489L38.9802 31.5767L43.4238 26.4785L45.7621 28.5318L39.322 35.9253Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linejoin="round"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_172_3057">
-                        <rect width="50" height="50" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <h2>부대비용이 없습니다.</h2>
-                <div>공제금이 없어, 보증범위 내의 수리에 관한 부대비용이 없습니다.</div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="50"
-                    height="50"
-                    viewBox="0 0 50 50"
-                    fill="none"
-                  >
-                    <g clip-path="url(#clip0_172_3050)">
-                      <path
-                        d="M29.83 30.859L35.307 30.8009C35.1715 33.5117 32.9265 34.6735 29.83 35.2156M29.83 39.6885C34.3393 39.6885 39.1583 39.5723 41.2485 39.2431C45.6804 38.5654 48.9124 37.0938 48.8931 34.5767C48.8737 32.0788 48.9512 29.9102 48.8737 27.4705C48.8737 23.3462 45.5062 18.4086 42.4484 15.7365M42.4484 15.7365C40.0292 17.4598 34.9973 18.641 29.83 19.2219M42.4484 15.7365C41.3066 12.8902 38.4616 7.06194 37.7455 5.90016C35.8876 2.91827 28.3398 2.957 23.8498 3.01509C19.4372 2.97636 12.0829 2.93764 10.0508 5.74526M45.5837 28.7097C43.687 28.2837 37.3585 31.1107 39.4099 33.1051M37.3972 39.5529V45.265H45.5837V38.6429M41.3646 12.5223C42.5839 10.7215 47.4803 9.28868 47.9835 11.1088C48.8931 15.0395 45.6998 16.511 43.7451 17.0145"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M2 8.39844H27.0627V46.5821H2V8.39844Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M5.52246 12.3477H11.9091V18.7374H5.52246V12.3477ZM5.52246 23.4232H11.9091V29.813H5.52246V23.4232ZM5.52246 34.4988H11.9091V40.8886H5.52246V34.4988Z"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M14.6567 15.0207L16.3985 17.2281L23.5787 11.7871M14.6567 25.4573L16.3985 27.6647L23.5787 22.2237M14.6567 35.8939L16.3985 38.1013L23.5787 32.6603"
-                        stroke="#333333"
-                        stroke-width="2.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </g>
-                    <defs>
-                      <clipPath id="clip0_172_3050">
-                        <rect width="50" height="50" fill="white" />
-                      </clipPath>
-                    </defs>
-                  </svg>
-                </div>
-                <h2>
-                  기본 플랜에 더 많은 서비스 보장 을 원하실 경우 플랜 업그레이드가
-                  가능합니다.
-                </h2>
-                <div>
-                  업그레이드 플랜에 대한 자세한 사항은 공식 딜러사로 문의 주십시오.
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="nav--dis--wrap" :class="{ active: isDisOpen }">
-      <div class="dis--btn" @click="isDisOpen = !isDisOpen">
-        disclosures <i class="ico"></i>
-      </div>
-      <div class="dis--cont">
-        <div class="container">
-          <p>
-            [1] 정비를 위해 하루 이상의 시간이 걸릴 수 있습니다.<br /><br />
-
-            [2] 자세한 사항은 가까운 전시장 및 서비스센터에 문의하세요.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 탭 관련
-  const activeTab = ref(0);
-  const tabItems = ["공인 서비스", "차량관리 서비스", "서비스 센터에서의 관리"];
-
-  const setActiveTab = (index) => {
-    activeTab.value = index;
-  };
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/contact.vue

@@ -1,89 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper">
-      <div class="title--visual">
-        <h2>포드 고객센터</h2>
-        <p class="desc type2">신속한 서비스로 여러분의 관심과 성원에 보답하겠습니다.</p>
-        <div class="desc mt--40">
-          언제나 저희의 목표는 고객의 만족입니다. 질문이나 의견이 있으실 때에는 주저하지
-          마시고 저희에게 연락하시기 바랍니다.<br />
-          최대한 신속한 서비스로 여러분의 관심과 성원에 보답하겠습니다.
-        </div>
-      </div>
-      <div class="title--visual mt--100">
-        <h2 class="side--title2">개인정보 처리위탁 관련 고지 사항</h2>
-        <div class="desc mt--30">
-          당사는 원활한 개인정보 업무처리를 위하여 다음과 같이 개인정보 처리업무를
-          위탁하고 있습니다.
-        </div>
-      </div>
-      <div class="table--wrap">
-        <table>
-          <colgroup></colgroup>
-          <thead>
-            <tr>
-              <th>수탁자</th>
-              <th>위탁 업무 내용</th>
-              <th>재수탁자 및 업무 내용</th>
-            </tr>
-          </thead>
-          <tbody>
-            <!-- Mustang 2.3 -->
-            <tr>
-              <td>주식회사 선인 자동차</td>
-              <td>
-                자동차 고객 문의 접수 및 불만 관리 등<br />
-                FLAK 고객 지원 센터 운영
-              </td>
-              <td>
-                주식회사 오토브레인<br />
-                FLAK 고객 지원 센터 운영
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-
-      <div class="contact--wrap mt--80">
-        <div class="contact">
-          <i class="ico"></i>
-          <h3 class="mb--30">고객센터 전화번호</h3>
-          <span class="">1600-6003</span>
-          <p>(근무시간 : 평일 09 - 18시 운영, 점심시간 12-13시)</p>
-        </div>
-        <div class="contact">
-          <i class="ico"></i>
-          <h3>긴급 출동 서비스</h3>
-          <span>080-300-3673</span>
-          <p>(연중 무휴, 24시간 운영)</p>
-        </div>
-        <div class="contact">
-          <i class="ico"></i>
-          <h3>E-MAIL</h3>
-          <a class="mailto--type mb--30" href="mailto:customercenter@flak.co.kr">
-            customercenter@flak.co.kr
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "NETWORK",
-    currentSubMenu: "포드 고객센터",
-    subMenuItems: [
-      { label: "전시장 및 서비스센터", to: "/ford/network", active: true },
-      { label: "포드 고객센터", to: "/ford/owner/contact", active: true },
-    ],
-  };
-</script>

app/pages/ford/owner/event/[id].vue

@@ -1,391 +0,0 @@
-<template>
-   <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper">
-      <div class="title--visual">
-        <h2>PROMOTION</h2>        
-      </div>
-      <div class="detail--container">       
-        <div class="content--wrap">
-          <div v-if="loading" class="view--wrap">
-            <p style="text-align: center; padding: 40px 0;">로딩 중...</p>
-          </div>
-          <div v-else-if="error" class="view--wrap">
-            <p style="text-align: center; padding: 40px 0; color: red;">{{ error }}</p>
-          </div>
-          <div v-else-if="eventData" class="view--wrap">
-            <div class="title--wrap">
-              <h2>{{ eventData.title }}</h2>
-              <div class="meta--info">
-                <p>{{ formatDate(eventData.created_at) }}</p>
-                <p v-if="eventData.start_date && eventData.end_date" class="event--period">
-                  기간: {{ formatDate(eventData.start_date) }} ~ {{ formatDate(eventData.end_date) }}
-                </p>
-              </div>
-            </div>
-            <div class="cont--wrap">
-              <div class="suneditor-content" v-html="eventData.content"></div>
-
-              <!-- 링크 섹션 (Iron Auto only) -->
-              <div v-if="config.public.company === 'i' && eventLinks.length > 0" class="event--links">
-                <div class="link--title">관련 링크</div>
-                <div class="link--buttons">
-                  <div v-for="(link, index) in eventLinks" :key="index" class="link--item">
-                    <a :href="link" target="_blank" rel="noopener noreferrer" class="link--button">
-                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M7.33333 8.66667L12.6667 3.33333M12.6667 3.33333H9.33333M12.6667 3.33333V6.66667M6.66667 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V12C2 12.5304 2.21071 13.0391 2.58579 13.4142C2.96086 13.7893 3.46957 14 4 14H12C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12V9.33333" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-                      </svg>
-                      {{ link }}
-                    </a>
-                  </div>
-                </div>
-              </div>
-
-              <!-- <div v-if="fileLinks.length > 0" class="file--links">
-                <div class="file--title">첨부파일</div>
-                <div class="file--buttons">
-                  <div v-for="(link, index) in fileLinks" :key="index" class="file--item">
-                    <a :href="link.url" :target="link.target" class="file--button">
-                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M14 10v2.667A1.333 1.333 0 0 1 12.667 14H3.333A1.333 1.333 0 0 1 2 12.667V10m2.667-4L8 9.333 11.333 6M8 2v7.333" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-                      </svg>
-                      {{ link.text }}
-                    </a>
-                    <span class="file--tooltip">{{ link.title }}</span>
-                  </div>
-                </div>
-              </div> -->
-            </div>
-            <!-- 이전글/다음글 -->
-             <div class="post--navigation">
-              <div class="nav--item prev" :class="{ disabled: !eventData.prev_post }">
-                <NuxtLink v-if="eventData.prev_post" :to="`${isLincolnPage == false ? '/ford' : '/lincoln'}/owner/event/${eventData.prev_post.id}`" class="nav--link">
-                  <span class="nav--label">이전글</span>
-                  <span class="nav--title">{{ eventData.prev_post.title }}</span>
-                </NuxtLink>
-                <div v-else class="nav--link disabled">
-                  <span class="nav--label">이전글</span>
-                  <span class="nav--title">이전글이 없습니다.</span>
-                </div>
-              </div>
-              <div class="nav--item next" :class="{ disabled: !eventData.next_post }">
-                <NuxtLink v-if="eventData.next_post" :to="`${isLincolnPage == false ? '/ford' : '/lincoln'}/owner/event/${eventData.next_post.id}`" class="nav--link">
-                  <span class="nav--label">다음글</span>
-                  <span class="nav--title">{{ eventData.next_post.title }}</span>
-                </NuxtLink>
-                <div v-else class="nav--link disabled">
-                  <span class="nav--label">다음글</span>
-                  <span class="nav--title">다음글이 없습니다.</span>
-                </div>
-              </div>
-            </div>
-            <div class="btn--wrap" style="margin-top: 40px; text-align: center;">
-              <button
-                @click="goToList"
-                class="btn--primary"
-                style="padding: 12px 40px; background: #000; color: #fff; border: none; cursor: pointer;"
-              >
-                목록으로                
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-const { getMediaUrl } = useImage();
-import { ref, computed, onMounted } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import '~/assets/scss/suneditor-content.scss';
-
-const route = useRoute();
-const router = useRouter();
-const config = useRuntimeConfig();
-const { apiBase } = useCompany();
-
-const eventData = ref(null);
-const loading = ref(true);
-const error = ref(null);
-const isLincolnPage = computed(() => {  
-  return route.path.includes("lincoln");
-});
-
-// 파일명 자르기 함수 (20자 내외)
-const truncateFileName = (fileName) => {
-  if (!fileName) return '';
-
-  // 확장자 분리
-  const lastDotIndex = fileName.lastIndexOf('.');
-  const name = lastDotIndex > 0 ? fileName.substring(0, lastDotIndex) : fileName;
-  const ext = lastDotIndex > 0 ? fileName.substring(lastDotIndex) : '';
-
-  // 이름이 20자 이하면 그대로 반환
-  if (name.length <= 20) {
-    return fileName;
-  }
-
-  // 20자로 자르고 ... 추가 후 확장자 붙이기
-  return name.substring(0, 20) + '...' + ext;
-};
-
-// 링크 목록 생성 (Iron Auto only)
-const eventLinks = computed(() => {
-  if (!eventData.value || !eventData.value.link) return [];
-
-  try {
-    const links = Array.isArray(eventData.value.link)
-      ? eventData.value.link
-      : JSON.parse(eventData.value.link || '[]');
-
-    // null이나 빈 문자열 제거
-    return links.filter(link => link && link.trim() !== '');
-  } catch (e) {
-    console.error('링크 파싱 오류:', e);
-    return [];
-  }
-});
-
-// 파일 링크 목록 생성
-const fileLinks = computed(() => {
-  if (!eventData.value || !eventData.value.file_urls) return [];
-
-  try {
-    const files = Array.isArray(eventData.value.file_urls)
-      ? eventData.value.file_urls
-      : JSON.parse(eventData.value.file_urls || '[]');
-
-    return files.map(file => {
-      let fileUrl = file.url || file;
-      const originalFileName = file.name || file;
-
-      // 상대 경로면 도메인 붙이기
-      if (fileUrl.startsWith('/')) {
-        fileUrl = apiBase.value + fileUrl;
-      }
-
-      return {
-        text: truncateFileName(originalFileName),
-        url: fileUrl,
-        target: '_blank',
-        class: 'pl--0',
-        title: originalFileName // 툴팁으로 전체 파일명 표시
-      };
-    });
-  } catch (e) {
-    console.error('파일 파싱 오류:', e);
-    return [];
-  }
-});
-
-// 날짜 포맷팅
-const formatDate = (dateString) => {
-  if (!dateString) return '-';
-  const date = new Date(dateString);
-  return `${date.getFullYear()}.${String(date.getMonth() + 1).padStart(2, '0')}.${String(date.getDate()).padStart(2, '0')}`;
-};
-
-// Event 데이터 로드
-const loadEventData = async () => {
-  try {
-    loading.value = true;
-    error.value = null;
-
-    const id = route.params.id;
-    const response = await fetch(`${apiBase.value}/api/event/public/${id}`);
-    const result = await response.json();
-
-    console.log('[Event Detail] API 응답:', result);
-
-    if (!result.success) {
-      error.value = result.message || '이벤트 정보를 불러올 수 없습니다.';
-      console.error('[Event Detail] API 에러:', result);
-    } else if (result.data) {
-      eventData.value = result.data;
-      console.log('[Event Detail] 로드 성공:', eventData.value);
-    } else {
-      error.value = '이벤트 정보를 찾을 수 없습니다.';
-    }
-  } catch (e) {
-    console.error('[Event Detail] 로드 실패:', e);
-    error.value = '이벤트 정보를 불러오는 중 오류가 발생했습니다.';
-  } finally {
-    loading.value = false;
-  }
-};
-
-// 목록으로 돌아가기
-
-const goToList = () => {
-  router.push('/ford/owner/event');
-};
-
-   // 샘플 데이터
-const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "프로모션",
-    subMenuItems: [
-      { label: "프로모션", to: '/ford/owner/event', active: false },      
-    ],
-  };
-
-onMounted(() => {
-  loadEventData();
-});
-</script>
-
-<style scoped lang="scss">
-.event--links {
-  margin-top: 40px;
-  padding-top: 24px;
-  border-top: 1px solid rgba(252, 252, 253, 0.2);
-}
-
-.link--title {
-  font-size: 16px;
-  font-weight: 600;
-  color: rgba(252, 252, 253, 1);
-  margin-bottom: 16px;
-}
-
-.link--buttons {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.link--item {
-  display: block;
-}
-
-.link--button {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 20px;
-  background-color: rgba(255, 255, 255, 0.1);
-  border: 1px solid rgba(252, 252, 253, 0.3);
-  border-radius: 50px;
-  color: rgba(252, 252, 253, 0.9);
-  font-size: 14px;
-  text-decoration: none;
-  transition: all 0.3s ease;
-  cursor: pointer;
-  word-break: break-all;
-
-  svg {
-    flex-shrink: 0;
-  }
-
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-color: rgba(252, 252, 253, 0.5);
-    transform: translateY(-2px);
-  }
-
-  &:active {
-    transform: translateY(0);
-  }
-}
-
-.file--links {
-  margin-top: 40px;
-  padding-top: 24px;
-  border-top: 1px solid #444c57;
-}
-
-.file--title {
-  font-size: 16px;
-  font-weight: 600;
-  color: rgba(252, 252, 253, 1);
-  margin-bottom: 16px;
-}
-
-.file--buttons {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-
-.file--item {
-  position: relative;
-  display: inline-block;
-
-  &:hover {
-    .file--tooltip {
-      opacity: 1;
-      visibility: visible;
-      transform: translateY(-5px);
-    }
-  }
-}
-
-.file--button {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 20px;
-  background-color: rgba(255, 255, 255, 0.1);
-  border: 1px solid rgba(252, 252, 253, 0.3);
-  border-radius: 50px;
-  color: rgba(252, 252, 253, 0.9);
-  font-size: 14px;
-  text-decoration: none;
-  transition: all 0.3s ease;
-  cursor: pointer;
-
-  svg {
-    flex-shrink: 0;
-  }
-
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-color: rgba(252, 252, 253, 0.5);
-    transform: translateY(-2px);
-  }
-
-  &:active {
-    transform: translateY(0);
-  }
-}
-
-.file--tooltip {
-  position: absolute;
-  bottom: calc(100% + 10px);
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: rgba(0, 0, 0, 0.95);
-  color: #fff;
-  padding: 10px 14px;
-  border-radius: 6px;
-  font-size: 13px;
-  white-space: nowrap;
-  opacity: 0;
-  visibility: hidden;
-  transition: all 0.25s ease;
-  pointer-events: none;
-  z-index: 1000;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    transform: translateX(-50%);
-    border: 7px solid transparent;
-    border-top-color: rgba(0, 0, 0, 0.95);
-  }
-}
-
-.file--item:hover .file--tooltip {
-  transform: translateX(-50%) translateY(-5px);
-}
-
-</style>

app/pages/ford/owner/event/index.vue

@@ -1,10 +0,0 @@
-<script setup>
-  const config = useRuntimeConfig();
-  const event = defineAsyncComponent(() =>
-    import(`~/components/event.vue`)
-  );
-</script>
-
-<template>
-  <event />
-</template>

app/pages/ford/owner/genuine.vue

@@ -1,211 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper">
-      <div class="title--visual">
-        <h2>순정 부품</h2>
-        <!-- <div class="desc mt--40">
-          귀하의 차량에 사용된 부품은 주행할 때마다 기능을 발휘합니다.<br />자격을 갖춘
-          숙련된 전문가가 귀하의 차량을 취급해야 하듯이 전문가가 수리에 사용하는 부품은
-          귀하의 차량을 위해 특별히 설계, 제작, 추천되는 제품이어야 합니다.<br />포드 순정
-          부품은 포드 모터 컴퍼니가 보증하며 포드 딜러 네트워크가 지원합니다.
-        </div> -->
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/parts--visual1.png" alt="" />
-        </div>
-      </div>
-
-      <div class="text--tab--layout mt--100">
-        <ul>
-          <li
-            v-for="(tab, index) in tabItems"
-            :key="index"
-            :class="{ 'anch--location': index === 0, actv: activeTab === index }"
-            @click="setActiveTab(index)"
-          >
-            <NuxtLink>{{ tab }}</NuxtLink>
-          </li>
-        </ul>
-      </div>
-
-      <div class="owner--inner--content mt--50">
-        <div :class="{ show: activeTab === 0, hidden: activeTab !== 0 }">
-          <div class="thumb">
-            <img src="/img/owner/parts--visual2.png" />
-          </div>
-          <div class="desc--wrapper">
-            <h2 class="mt--60">순정 부품의 장점</h2>
-            <h3 class="mt--50">안전</h3>
-            <div class="captions fz--17 pt--25">
-              저희는 귀하의 포드 차량이 귀하와 동승자, 보행자를 보호할 수 있도록 세심하게
-              고려했습니다. 이에 따라 포드 순정 부품은 법규 상의 안전 및 환경 기준을
-              만족하고, 많은 부분에서 더 우수하도록 설계, 생산, 시험된 제품입니다.
-            </div>
-            <h3 class="mt--50">성능</h3>
-            <div class="captions fz--17 pt--25">
-              귀하의 포드 차량에 사용된 모든 부품은 함께 작동하여 최적의 성능, 완벽한
-              쾌적함, 최상의 연비를 내도록 설계되었습니다. 출고 시 장착 부품과 같은 엄격한
-              규격에 따라 생산된 포드 순정 부품 역시 마찬가지입니다.
-            </div>
-            <h3 class="mt--50">품질</h3>
-            <div class="captions fz--17 pt--25">
-              포드 순정 부품은 높은 기준에 따라 설계 및 생산되어 최상의 조립과 마무리,
-              신뢰성과 성능을 보장합니다. 힘을 주지 않아도 빈틈 또는 비틀림 없이 완벽하게
-              조립되도록 설계되어, 양산 부품과 같은 마무리를 보여줍니다.
-            </div>
-            <h3 class="mt--50">보증</h3>
-            <div class="captions fz--17 pt--25">
-              포드의 보증이 있다면 서비스, 수리, 차체, 액세서리와 관계없이 안심하실 수
-              있습니다. 모든 수리 절차는 최상의 품질 기준으로 이루어집니다. 또한 귀하의
-              포드를 매각할 때에는 보증이 승계되어 새 소유주에게 혜택이 더해집니다.
-            </div>
-            <h3 class="mt--50">정품</h3>
-            <div class="captions fz--17 pt--25">
-              포드 순정 부품은 로고를 통해 진품 여부를 쉽게 확인할 수 있습니다. 포드
-              상표는 돋보이는 위치에 표시되어 있습니다.
-            </div>
-            <h3 class="mt--50">올바른 부품의 선택</h3>
-            <div class="captions fz--17 pt--25">
-              서비스 센터에서 정비하거나 직접 수리를 하더라도, 사용하는 부품의 차이가
-              중요합니다. 귀하께서 직접 차량 수리작업을 하거나 다른 이가 귀하의 차를
-              수리할 때에도, 항상 차량 출고 시에 장착된 것과 같은 성능을 내도록 특별히
-              설계 및 제작된 부품인 포드 모터 컴퍼니 순정 부품과 모터크래프트 부품을
-              사용하십시오. 수리 후에는 최적의 성능과 수명을 기대할 수 있습니다.
-            </div>
-          </div>
-        </div>
-        <div :class="{ show: activeTab === 1, hidden: activeTab !== 1 }">
-          <div class="thumb">
-            <img src="/img/owner/parts--visual3.png" />
-          </div>
-          <div class="desc--wrapper">
-            <h2 class="mt--60">위조 부품</h2>
-            <div class="captions">
-              포드 모터 컴퍼니는 위조 부품을 매우 심각하게 여기고 있으며 시장에 유통되어
-              귀하의 차량에 사용되지 않도록 예방조치를 취하고 있습니다. 위조품 생산은
-              세계적인 현상이며 포드 모터 컴퍼니는 세계적인 차원에서 포드 브랜드와 저희의
-              고객인 귀하를 보호하기 위해 노력을 기울이고 있습니다.
-              <!-- <br /><br />귀하를
-              보호하고자 하는 저희의 노력이 궁금하다면 아래 버튼을 클릭하십시오. -->
-            </div>
-            <div class="btn--wrap fl--start mt--50">
-              <NuxtLink
-                to="https://www.fordbrandprotection.com/"
-                class="btn--go"
-                target="_blank"
-                ><strong>Fordbrandprotection </strong> Go To Site <i class="ico"></i
-              ></NuxtLink>
-            </div>
-          </div>
-        </div>
-        <div :class="{ show: activeTab === 2, hidden: activeTab !== 2 }">
-          <div class="thumb">
-            <img src="/img/owner/parts--visual4.png" />
-          </div>
-          <div class="desc--wrapper">
-            <h2 class="mt--60">순정부품 가격정보</h2>
-            <div class="captions">
-              순정 부품 가격은 아래 공식 딜러사 홈페이지에서 확인하실 수 있습니다. 배너를
-              클릭하시면 각 딜러사의 부품 가격 정보 페이지로 이동합니다.
-              <div class="btn--wrap fl--start mt--50">
-                <NuxtLink
-                  to="https://suninford.co.kr/_ford/service_center/part_price.html"
-                  class="btn--go fw--500"
-                  target="_blank"
-                  ><strong class="color--blue">선인자동차 </strong> 부품 가격
-                  <i class="ico"></i
-                ></NuxtLink>
-                <NuxtLink
-                  to="https://www.premiermotors.co.kr/ford/center/parts_price.html?PHPSESSID=b5abb007710978e1dcf4d34acb8ffbaf"
-                  class="btn--go fw--500"
-                  target="_blank"
-                  ><strong class="color--blue">프리미어 모터스 </strong> 부품 가격
-                  <i class="ico"></i
-                ></NuxtLink>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="owner--part--wrap">
-        <div class="owner--part">
-          <i class="ico"></i>
-          <div class="part--content">
-            <h3>출고 시 장착되는 순정 부품에 대하여</h3>
-            <p>
-              저희는 교체용 부품을 신차와 마찬가지로 높은 기준에 따라 생산하고
-              있습니다.<br />저희는 100년 이상의 자동차 생산 경험을 통해 귀하의 포드
-              차량을 완벽한 상태로 유지하는 것이 얼마나 중요한지 잘 알고 있기 때문입니다.
-            </p>
-          </div>
-        </div>
-        <div class="owner--part">
-          <i class="ico"></i>
-          <div class="part--content">
-            <h3>출고 시 장착되는 순정 부품의 중요성</h3>
-            <p>
-              귀하의 차량에 알맞게 조립되고 설계된 부품은 더욱 뛰어난 성능을 발휘하도록
-              해줄 뿐 아니라 수명도 깁니다.<Br />따라서 부품 교체 횟수와 주기가 길어지므로
-              비용이 절감됩니다. <Br />포드 모터 컴퍼니 순정 부품,
-              모터크래프트(Motorcraft®) 부품, 그리고 포드 및 모터 크래프트 재생 부품은
-              성능, 수명, 가치에서 모두 탁월한 선택입니다. 또한 포드 모터 컴퍼니의 한정
-              부품 보증을 받으므로 성능에 대해 안심하실 수 있습니다.<Br />귀하의 차량을
-              위한 포드 및 모터크래프트의 재생 부품도 마련되어 있습니다.
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="nav--dis--wrap" :class="{ active: isDisOpen }">
-      <div class="dis--btn" @click="isDisOpen = !isDisOpen">
-        disclosures <i class="ico"></i>
-      </div>
-      <div class="dis--cont">
-        <div class="container">
-          <p>[1] 부품 보증에 관한 자세한 사항은 서비스 센터에 문의하십시오.</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 탭 관련
-  const activeTab = ref(0);
-  const tabItems = ["순정 부품의 장점", "위조 부품", "순정 부품 가격 정보"];
-
-  const setActiveTab = (index) => {
-    activeTab.value = index;
-  };
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/index.vue

@@ -1,202 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper">
-      <div class="title--visual">
-        <h2>공인 서비스</h2>
-        <div class="desc mt--40">
-          포드 전문가에게 맡기시면 차별화된 서비스를 받으실 수 있습니다.<br />
-          귀하의 차량을 포드 공식 서비스 센터로 가져오시면, 포드 전문 테크니션이 순정
-          부품을 사용하여 탁월한 서비스를 제공해드립니다.<br />
-          귀하의 차량에 가장 적합한 제품과 서비스입니다. 포드 공식 서비스센터 전문
-          테크니션들은 고객께 비교할 수 없는 작업 품질과 신뢰성을 보여 드립니다.
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/owner-visual.jpg" alt="" />
-        </div>
-      </div>
-
-      <div class="text--tab--layout mt--100">
-        <ul>
-          <li
-            v-for="(tab, index) in tabItems"
-            :key="index"
-            :class="{ 'anch--location': index === 0, actv: activeTab === index }"
-            @click="setActiveTab(index)"
-          >
-            <NuxtLink>{{ tab }}</NuxtLink>
-          </li>
-        </ul>
-      </div>
-
-      <div class="owner--inner--content mt--50">
-        <div :class="{ show: activeTab === 0, hidden: activeTab !== 0 }">
-          <div class="thumb">
-            <img src="/img/owner/owner-visual02.jpg" />
-          </div>
-          <div class="desc--wrapper">
-            <h2 class="mt--60">공인 서비스</h2>
-            <div class="captions">
-              귀하의 차량에 관한 문제라면 무엇이든 포드 공식 서비스센터로 맡겨
-              주십시오.<br />
-              정기적인 오일 교환이나 좀 더 복잡한 엔진 수리라도 포드 공식 서비스센터에서는
-              귀하께서 차량을 처음 구매하신 날부터 재구매를 위해 다시 찾아오시는
-              날까지,<br />
-              차량에 필요한 모든 사항을 관리 해 드립니다.<br /><br /><br />
-              아래 항목을 포함하는 모든 서비스를 완벽하게 제공합니다.
-              <ul>
-                <li>엔진 오일 및 필터 교환</li>
-                <li>차량 정기 점검</li>
-                <li>타이어 교체 및 정비</li>
-                <li>브레이크 패드 및 라이닝 교체</li>
-                <li>에어컨</li>
-                <li>엔진 점검</li>
-                <li>차량 종합 검사</li>
-                <li>4륜 구동 시스템</li>
-                <li>자동 변속기</li>
-                <li>엔진 냉각 계통</li>
-                <li>충전, 시동 또는 배터리 정비</li>
-                <li>휠 얼라인먼트</li>
-                <li>ABS 브레이크 시스템</li>
-                <li>기타 정비 및 점검</li>
-              </ul>
-
-              <div class="add--text">
-                다양한 서비스 제공을 위하여 전문적인 교육을 이수한 포드 테크니션이 언제나
-                귀하의 차량을 책임지기 위하여 노력하고 있습니다.
-              </div>
-            </div>
-          </div>
-        </div>
-        <div :class="{ show: activeTab === 1, hidden: activeTab !== 1 }">
-          <div class="thumb">
-            <img src="/img/owner/owner-visual03.jpg" />
-          </div>
-          <div class="desc--wrapper">
-            <h2 class="mt--60">차량관리 서비스</h2>
-            <div class="captions">
-              귀하의 차량을 최적의 상태로 유지하기 위해 어떤 서비스가 필요한지 확인하고자
-              방문하시면, 포드 공식 서비스센터에서 차량 종합 검사를 받아 보실 수 있습니다.
-              이 서비스의 목적은 귀하의 서비스에<br />
-              관한 이해를 돕는 한편 차량의 핵심 부품이 최적의 상태로 유지되도록
-              도와드립니다.<br /><br /><br />
-
-              포드 공식 서비스 센터에 도착하시면, 귀하의 차량은 포드 전문가에게
-              맡겨집니다. 귀하의 차량을 위해 포드 서비스 직원들은 아래 항목을 포함하는
-              모든 주요 부분을 검사하고 평가합니다.
-              <ul>
-                <li>오일류 레벨 확인</li>
-                <li>엔진 오일</li>
-                <li>변속기 오일</li>
-                <li>워셔액 탱크</li>
-                <li>브레이크 액</li>
-                <li>냉각수</li>
-                <li>누유/누수</li>
-                <li>타이어 트레드 잔존량 및 마모 패턴</li>
-                <li>배터리</li>
-                <li>휠</li>
-                <li>브레이크(마모도 측정/점검)</li>
-                <li>쇼크 업소버</li>
-                <li>배기계통</li>
-                <li>등속 조인트</li>
-                <li>드라이브 샤프트</li>
-                <li>U 조인트</li>
-                <li>벨트 및 호스 점검</li>
-                <li>엔진 필터(엔진)</li>
-              </ul>
-
-              <div class="add--text">
-                검사 항목의 평가는 아래와 같은 색상 구분이 되어 있어 쉽게 이해하실 수
-                있습니다.<br />
-                - 녹색: 점검 결과 현재 양호한 상태입니다.<br />
-                - 황색: 앞으로 상태를 지켜보거나 다시 점검해야 합니다.<br />
-                - 적색: 즉시 조치해야 합니다.
-              </div>
-            </div>
-          </div>
-        </div>
-        <div :class="{ show: activeTab === 2, hidden: activeTab !== 2 }">
-          <div class="thumb">
-            <img src="/img/owner/owner-visual04.jpg" />
-          </div>
-          <div class="desc--wrapper">
-            <h2 class="mt--60">서비스 센터에서의 관리</h2>
-            <div class="captions">
-              포드의 정기점검 서비스를 통해 차량을 위한 지출계획을 가장 합리적으로 준비
-              하실 수 있습니다. 포드가 권장하는 정비 서비스 주기는 필요한 시기에 귀하의
-              차량이 최적의 운행 상태를 유지하도록 마련 되어 있습니다.
-              <h3 class="mt--60">
-                귀하의 차량 정기점검 서비스 안내에서 다음의 안내 사항을 확인하십시오.
-              </h3>
-              <ul class="pt--20">
-                <li>정기점검의 필요성</li>
-                <li>주행거리 주기 및 시기</li>
-              </ul>
-
-              <h3 class="mt--60">
-                지정된 권장 정비 주기를 따르면 아래와 같은 점이 좋습니다.
-              </h3>
-              <ul class="pt--20">
-                <li>최적의 작동, 신뢰성, 안전성이 보장됩니다.</li>
-                <li>차량의 수명이 연장됩니다.</li>
-                <li>예상치 못한 고장이 예방됩니다.</li>
-                <li>연료소비 효율이 극대화됩니다.</li>
-              </ul>
-
-              <h3 class="mt--60">
-                중고차 거래 시 가치가 높아집니다.아래와 같은 현상이 하나 이상 나타나면
-                즉시 서비스 예약을 하시기 바랍니다.
-              </h3>
-              <ul class="pt--20">
-                <li>시동을 건 후 ‘Service Engine Soon’ 경고등이 꺼지지 않을 때</li>
-                <li>엔진에서 오일류가 누유될 때</li>
-                <li>하나 이상의 엔진 부품에 뚜렷한 손상이 있을 때</li>
-                <li>엔진에서 큰 소음이 날 때</li>
-                <li>보닛 아래에서 연기가 날 때</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 탭 관련
-  const activeTab = ref(0);
-  const tabItems = ["공인 서비스", "차량관리 서비스", "서비스 센터에서의 관리"];
-
-  const setActiveTab = (index) => {
-    activeTab.value = index;
-  };
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/navigation.vue

@@ -1,926 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :width="219"
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper pb--0">
-      <div class="inner--wrap">
-        <div class="title--visual">
-          <h2>포드 내비게이션 서비스 종료 안내</h2>
-          <!-- <div class="desc mt--40">
-            포드코리아에서 제공 중인 내비게이션 서비스 관련하여 <br />고객님께 다음의 안내
-            사항을 전달해 드립니다.
-          </div> -->
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/nav--visual2.png" alt="" />
-        </div>
-      </div>
-      <div class="nav--desc--wrap">
-        <p>
-          안녕하세요. 포드코리아입니다. <br /><br />
-          포드코리아에서 제공 중인
-          <b>내비게이션 서비스</b> 관련하여<br />고객님께 다음의 안내 사항을 전달해
-          드립니다.<br /><br />
-          2024년 12월 말 내비게이션 업체와의 계약 만료에 따라,
-          <b>2025년부터 맵 업데이트 서비스 및 신차 대상 내비게이션 장착이 순차적</b>으로
-          <b>중단</b>됨을 안내드립니다. <br /><br />이번 결정에 대한 고객님들의 너른
-          양해를 부탁드리며, 관련한 고객님의 문의에 성심껏 답변해 드리겠습니다.<br />보다
-          자세한 내용은 당사 고객센터로 문의해 주시기를 바랍니다.<br /><br />앞으로도
-          고객님께 더 나은 서비스를 제공하기 위해 최선을 다하겠습니다.<br /><br />감사합니다.
-        </p>
-        <div class="btn--wrap pt--50 pb--150 fl--start">
-          <button class="btn--go fw--500" @click="showModal = true">
-            서비스 약관 <i class="ico"></i>
-          </button>
-          <NuxtLink class="btn--go fw--500" to="/warranty/warranty.pdf" target="_blank"
-            ><strong class="">제품</strong> 보증서 <i class="ico"></i
-          ></NuxtLink>
-          <button class="btn--go fw--500" @click="showModal2 = true">
-            아틀란 내비게이션 이용약관 <i class="ico"></i>
-          </button>
-          <NuxtLink
-            class="btn--go fw--500"
-            to="https://ktfordlincoln-go.com"
-            target="_blank"
-            ><strong class="">KT 내비게이션 업데이트 바로가기</strong> <i class="ico"></i
-          ></NuxtLink>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="nav--dis--wrap" :class="{ active: isDisOpen }">
-      <div class="dis--btn" @click="isDisOpen = !isDisOpen">
-        disclosures <i class="ico"></i>
-      </div>
-      <div class="dis--cont">
-        <div class="container">
-          <p>
-            본 내비게이션 앱과 관련한 하드웨어는 (주) 엠핀스가, 소프트웨어는 ㈜케이티가
-            포드세일즈서비스코리아와의 공급계약을 통하여 제공하고 있습니다.<br /><br />본
-            내비게이션 앱의 하드웨어에 대해서는 (주) 엠핀스의 보증정책에 따라 (주)
-            엠핀스가 보증서비스를 제공합니다.<br /><br />본 내비게이션 앱의 소프트웨어를
-            통하여 제공하는 서비스 및 그 콘텐츠는 ㈜케이티에서 관리하며, ㈜케이티의
-            보증정책에 따라 ㈜케이티에서 보증서비스를 제공합니다.
-          </p>
-        </div>
-      </div>
-    </div> -->
-
-    <!-- 서비스 약관 모달 -->
-    <div v-if="showModal" class="modal--overlay" @click="showModal = false">
-      <div class="modal--content" @click.stop>
-        <h2>
-          포드 차량 “내비게이션 & 인포테인먼트 서비스” 이용약관
-          <button class="modal--close" @click="showModal = false"></button>
-        </h2>
-        <div class="modal--body">
-          <div class="list--wrap">
-            <h3>제 1조 (약관의 목적)</h3>
-            <p>
-              이 약관은 계약자가 포드세일즈서비스코리아 유한회사(이하 "회사")에서 제공하는
-              “내비게이션 & 인포테인먼트 서비스” (이하 "서비스")의 이용에 관한 일체의
-              관계에 적용합니다.
-            </p>
-          </div>
-          <div class="list--wrap">
-            <h3>제 2조 (약관의 적용 범위와 약관 외 준칙)</h3>
-            <p>
-              이 약관은 회사가 제공하는 서비스에 관하여 적용되고, 이 약관에 명시되지
-              아니한 사항에 대하여 해당 서비스 제공사 약관이 적용됩니다.
-            </p>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 3조 (약관의 명시와 개정)</h3>
-            <ul>
-              <li class="num--1">
-                회사는 약관의 내용과 상호, 주요 영업소 소재지, 서비스 관리자의 성명 및
-                연락처 등을 계약자가 알 수 있도록 홈페이지 (<a
-                  href="http://www.ford.co.kr/"
-                  target="_blank"
-                  >http://www.ford.co.kr/</a
-                >) (이하 통칭하여 ‘사이트’라 한다.)에 게시 혹은 링크 표시하여 명시합니다.
-                2022년 11월 현재 회사의 상호, 주소 및 대표 전화번호는 아래와 같습니다.
-              </li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="width: 33.3333%" />
-                    <col style="width: 33.3333%" />
-                    <col style="width: 33.3333%" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>상호</th>
-                      <th>주소</th>
-                      <th>대표 전화번호</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>포드 세일즈 서비스 코리아 유한회사</td>
-                      <td>서울특별시 강남구 삼성로 511 (삼성동)</td>
-                      <td>1600-6003</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <li class="num--2 mb--30">
-                회사는 약관을 개정하거나 변경할 경우, 적용 일자 및 개정 사유를 사이트에
-                명시하여 그 적용 일자 14일 이전부터 적용 일자 전일까지 공지하는 방법으로
-                이용자에게 통지합니다.
-              </li>
-              <li class="num--3">
-                회사는 사전 통지한 후 서비스와 관련한 주요 정책을 변경할 수 있습니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>제 4 조 (용어의 정의)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                내비게이션 & 인포테인먼트 서비스 : 회사가 제공하는 인포테인먼트
-                서비스로서, 길안내 AI 음성인식, 날씨정보, 엔터테인먼트 서비스 등을 통칭함
-                (차종 별로 제공서비스 상이) (이하 "서비스"라 합니다.)
-              </li>
-
-              <li class="num--2 mb--30">
-                이용자 : 서비스를 제공 받기 위해 필요한 단말기가 장착된 차량구매하여
-                이용하는 자 이하 "이용자 "라 한다.
-              </li>
-
-              <li class="num--3 mb--30">
-                서비스 제공사 : 회사가 서비스를 제공하기 위하여 상호 계약을 체결한 서비스
-                제공사 (이하 "서비스 제공사"라 합니다.)
-              </li>
-
-              <li class="num--4 mb--30">
-                차량용 단말장치 : 회사가 서비스를 제공하기 위해 차량에 장착한 시스템 및
-                차량과의 연계 부분 일체 (이하 "단말장치"라 합니다.)
-              </li>
-
-              <li class="num--5">
-                포드 고객센터 : 회사가 서비스를 제공하기 위해 운영하는 상담센터
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 5 조 (서비스의 내용)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                이 약관에 기초하여 계약자가 이용할 수 있는 서비스의 내용은 다음과 같으며
-                출시 시점에 따라 추가, 변경 또는 삭제될 수 있습니다.
-              </li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="width: 33.3333%" />
-                    <col style="" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>구분</th>
-                      <th>서비스</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>AI 음성인식</td>
-                      <td>AI 음성인식 / 일반대화</td>
-                    </tr>
-                    <tr>
-                      <td>내비게이션</td>
-                      <td>길안내 / 주변 안내 서비스 / 카오너 서비스</td>
-                    </tr>
-                    <tr>
-                      <td>인포테인먼트</td>
-                      <td>
-                        뮤직 스트리밍 / 음성뉴스 / 팟케스트 / 인터넷 라디오/ 날씨 &amp;
-                        미세먼지 정보
-                      </td>
-                    </tr>
-                    <tr>
-                      <td>기타</td>
-                      <td>위키피디아 검색 / 감성채팅 / 번역 / 환율 / 운세 등</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <li class="num--2 mb--30">
-                회사는 상당한 이유가 있는 경우에 운영상, 기술상의 필요에 따라 제공하고
-                있는 전부 또는 일부 서비스를 변경할 수 있습니다. 또한, 서비스 제공사의
-                사정 및 서비스 제공 가능 환경의 변화 등으로 인하여 서비스 제공을
-                중단하거나 변경할 수 있습니다.
-              </li>
-
-              <li class="num--3 mb--30">
-                차량용 단말장치는 자동차 전용으로서 내비게이션 & 인포테인먼트 서비스로
-                정의한 기능을 구현하기 위한 용도로 한정하여 사용됩니다.
-              </li>
-
-              <li class="num--4">
-                차량용 단말장치 장착시 이와 동시에 적용이 불가한 용품 또는 서비스가 있을
-                수 있습니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 6 조 (서비스의 일시 중단)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                회사는 설비의 보수점검, 교체 및 고장등의 사유가 발생한 경우, 서비스의
-                제공을 일시적으로 중단할 수 있습니다.
-              </li>
-              <li class="num--2 mb--30">
-                회사는 국가 비상사태, 정전, 서비스 설비의 장애 또는 서비스 이용의 폭주
-                등으로 정상적인 서비스 제공이 불가능할 경우, 서비스의 전부 또는 일부를
-                제한하거나 중지할 수 있습니다.
-              </li>
-              <li class="num--3 mb--30">
-                회사는 다음 각 호의 1 에 해당하는 경우 서비스 제공을 일시적으로 중단할 수
-                있습니다.
-                <ul class="pt--30">
-                  <li class="num--1 mb--30">
-                    시스템 보수를 정기적으로, 또는 긴급히 행하는 경우
-                  </li>
-
-                  <li class="num--2 mb--30">
-                    화재, 정전 등에 따라 서비스 제공을 할 수 없게 된 경우
-                  </li>
-
-                  <li class="num--3 mb--30">
-                    천재지변 또는 전쟁, 폭동, 소란, 노동쟁의 등에 의해 서비스 제공을 할 수
-                    없는 경우
-                  </li>
-
-                  <li class="num--4 mb--30">서비스 제공사에 의해 서비스가 정지된 경우</li>
-
-                  <li class="num--5">
-                    그 외, 운용 또는 기술상, 회사가 서비스 제공의 일시적인 중단이
-                    필요하다고 판단한 경우
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 7 조 (서비스의 중단 및 계약 종료시 대책)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                회사는 서비스 제공사와 계약이 지속되어 계속 서비스가 제공될 수 있도록
-                노력합니다
-              </li>
-
-              <li class="num--2 mb--30">
-                서비스 제공이 중단될 경우 회사는 홈페이지 게시 또는 단말장치에 내용 고지,
-                개별 문자발송 등을 통해 30 일 이내 사전 통지의 의무를 수행해야 합니다.
-              </li>
-
-              <li class="num--3">
-                이용자는 전쟁, 폭동, 화재, 정전, 천재지변 등 예측이 불가능한 돌발 상황의
-                경우, 사전 통지 없이 서비스가 일시 중단, 지연될 수 있음을 인정합니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 8 조 (정보갱신의 조건)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                교통정보는 정보를 수집, 가공, 전송하는 절차를 거쳐 제공됨으로 실제시간의
-                정보와 다를 수 있습니다.
-              </li>
-
-              <li class="num--2 mb--30">
-                도로정보는 현지 실사, 시스템 반영, 최적화 과정을 거친 후 제공되는 것으로
-                실제 사용시간의 도로정보와 차이가 발생할 수 있습니다.
-              </li>
-
-              <li class="num--3 mb--30">
-                각종 부가정보 컨텐츠는 정기, 비정기적으로 정보를 갱신하여 제공하는 것으로
-                실제 사용시간의 상황과 다를 수 있습니다.
-              </li>
-
-              <li class="num--4">
-                제 1 항 내지 제 3 항과 관련된 부가 컨텐츠는 이를 제공하는 회사의 사정에
-                의해 일시중단, 지연되거나 혹은 제공되지 아니할 수 있습니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 9 조 (주행 중 일부기능 정지 및 제한)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                주행 중에는 안전운전에 지장을 주는 단말장치 조작 방지를 위해 일부 서비스는
-                제공되지 않습니다.
-              </li>
-
-              <li class="num--2">
-                회사가 정한 기능 이외에 임의 조작으로 인해 야기된 문제에 대해 회사는
-                책임을 면합니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 10 조 (보증 및 운영)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                차량용 단말장치의 단말기(하드웨어)에 대하여는 엠핀스가 보증책임을 가지며,
-                회사의 용품 보증 조건 및 기간(출고 후 1 년 이내 및 주행거리 2 만 km
-                이내)에 따라 보증을 시행하며, 엠핀스에서 A/S 를 위탁 처리합니다.
-              </li>
-              <li class="num--2">
-                차량용 소프트웨어에 대하여는 KT 가 운영하며, KT 의 보증 정책에 따라 A/S
-                합니다.
-              </li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="" />
-                    <col style="" />
-                    <col style="" />
-                    <col style="" />
-                    <col style="" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>서비스 종류</th>
-                      <th>제공받는자</th>
-                      <th>위치정보 수집여부</th>
-                      <th>수집항목</th>
-                      <th>보유기간</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>소프트웨어 A/S</td>
-                      <td>KT</td>
-                      <td>X</td>
-                      <td>
-                        AS, CS 를 위한 디바이스 정보(Serial, IMEI, ICCID),<br />
-                        무상 보증을 위한 출고일 정보
-                      </td>
-                      <td>판매 후 5 년&nbsp; &nbsp;</td>
-                    </tr>
-                    <tr>
-                      <td>단말 A/S</td>
-                      <td>엠핀스</td>
-                      <td>X</td>
-                      <td>
-                        AS, CS 를 위한 디바이스 정보(Serial, IMEI, ICCID),<br />
-                        무상 보증을 위한 출고일 정보
-                      </td>
-                      <td>판매 후 1 년</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 11 조 (분쟁의 처리)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                회사는 서비스의 원활한 진행과 신속한 고객 불만 처리를 위해 담당자를
-                지정하며 [별표 1]가 같이 운영합니다.
-              </li>
-
-              <li class="num--2 mb--30">
-                이용자의 민원사항은 계약자보호위원회를 통하여 접수 즉시 처리하고
-                처리기간이 소요되는 사항은 소요기간을 해당 계약자에게 통지합니다.
-              </li>
-
-              <li class="num--3">
-                회사와 이용자간에 발생하는 분쟁이 전항에 의하여 해결되지 아니하는 경우
-                민사소송법상의 관할법원에 제기합니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>제 12 조 (개인정보 보호 정책의 수립 및 시행)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                계약자의 개인정보 보호에 관해서는 관련법령 및 회사가 정하는
-                "개인정보처리방침"에 정한 바에 의합니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>제 13 조 (약관 동의서 수집 및 저장 방식)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                차량용 단말장치 기동 후 초기화면에 동의함으로써 서비스에 대해 동의하는
-                것으로 간주합니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>부 칙</h3>
-            <ul>
-              <li class="mb--30 pl--0">
-                (시행일) 이 약관은 2022 년 11 월 28 일부터 시행합니다.
-              </li>
-              <li class="mb--30 pl--0">[별표 1] 이용자 불만 유형별 처리 대책</li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <ul>
-              <li class="num--1 mb--30">
-                이용자 문의/불만 처리 절차<br />회사는 고객의 불편을 최소화하고, 고객이
-                서비스를 원활하게 이용할 수 있도록 각종 민원에 대해 다음과 같은 기본
-                원칙으로 이용자에게 안내합니다.
-                <ul>
-                  <li class="num--1 mb--30 mt--30">
-                    서비스 이용 방법등 간단하고 유형화된 문의에 대해서는 즉시 또는 접수
-                    당일 고객에게 안내합니다.
-                  </li>
-                  <li class="num--2 mb--30">
-                    회사 내부의 분석, 검토, 개선 또는 의사결정이 필요한 민원에 대해서는
-                    처리 방향을 먼저 안내한 후, 접수일로부터 10 일 이내에 고객에게
-                    답변합니다.
-                  </li>
-                </ul>
-              </li>
-              <li class="num--2">이용자 불만 유형별 처리 대책</li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="width: 15.3333%" />
-                    <col style="" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>불만의 유형</th>
-                      <th>처리 대책</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>서비스 작동·품질</td>
-                      <td>
-                        유형화된 민원의 경우 상담사가 즉시 또는 당일 처리하고, 관련
-                        시스템의 분석 등 해결에 일정 시간이 소요되는 민원의 경우
-                        접수일로부터 5 일 이내 민원의 원인을 설명하고 10 일 이내 해결을
-                        원칙으로 함. 단, 기술적으로 세부적인 검토가 필요한 내용인 경우 10
-                        일 이내 민원의 원인을 설명하고 해결이 불가능한 경우에는 그 사유를
-                        고객에게 설명함.
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 아틀란 네비게이션 모달 -->
-    <div v-if="showModal2" class="modal--overlay" @click="showModal2 = false">
-      <div class="modal--content" @click.stop>
-        <h2>
-          아틀란3D지도 탑재 FLS-250A 단말 “내비게이션 서비스” 이용약관
-          <button class="modal--close" @click="showModal2 = false"></button>
-        </h2>
-        <div class="modal--body">
-          <div class="list--wrap">
-            <h3>제 1조 (약관의 목적)</h3>
-            <p>
-              이 약관은 계약자가 에프엘오토코리아 유한회사(이하 "회사")에서 제공하는
-              “내비게이션 서비스” (이하 "서비스")의 이용에 관한 일체의 관계에 적용합니다.
-            </p>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 2조 (약관의 적용 범위와 약관 외 준칙)</h3>
-            <p>
-              이 약관은 회사가 제공하는 서비스에 관하여 적용되고, 이 약관에 명시되지
-              아니한 사항에 대하여 해당 서비스 제공사 약관이 적용됩 니다.
-            </p>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 3조 (약관의 명시와 개정)</h3>
-            <p>
-              회사는 약관의 내용과 상호, 주요 영업소 소재지, 서비스 관리자의 성명 및
-              연락처 등을 계약자가 알 수 있도록 홈페이지
-              <a href="http://www.flak.co.kr" target="_blank">(http://www.flak.co.kr/)</a>
-              (이하 통칭하여 ‘사이트’라 한다.)에 게시 혹은 링크 표시하여 명시합니다.
-              2026년 01월 현재 회사의 상 호, 주소 및 대표 전화번호는 아래와 같습니다.
-            </p>
-          </div>
-
-          <div class="list--wrap">
-            <ul>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="width: 33.3333%" />
-                    <col style="width: 33.3333%" />
-                    <col style="width: 33.3333%" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>상호</th>
-                      <th>주소</th>
-                      <th>대표 전화번호</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>에프엘오토코리아 유한회사</td>
-                      <td>서울 성동구 자동차시장 1길 104-13, 10층</td>
-                      <td>1600-6003</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <li class="num--2 mb--30">
-                회사는 약관을 개정하거나 변경할 경우, 적용 일자 및 개정 사유를 사이트에
-                명시하여 그 적용 일자 14일 이전부터 적용 일자 전일까지 공지하는 방법으로
-                이용자에게 통지합니다.
-              </li>
-              <li class="num--3">
-                회사는 사전 통지한 후 서비스와 관련한 주요 정책을 변경할 수 있습니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>제 4 조 (용어의 정의)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                내비게이션 서비스 : 회사가 제공하는 길안내 서비스를 의미함. (이하
-                "서비스"라 합니다.)
-              </li>
-
-              <li class="num--2 mb--30">
-                이용자 : 서비스를 제공받기 위해 필요한 단말기가 장착된 차량을 구매하여
-                이용하는 자 이하 "이용자 "라 한다.
-              </li>
-
-              <li class="num--3 mb--30">
-                서비스 제공사 : 회사가 서비스를 제공하기 위하여 상호 계약을 체결한 서비스
-                제공사 (이하 "서비스 제공사"라 합니다.)
-              </li>
-
-              <li class="num--4 mb--30">
-                차량용 단말장치 : 회사가 서비스를 제공하기 위해 차량에 장착한 시스템 및
-                차량과의 연계 부분 일체 (이하 "단말장치"라 합니 다.)
-              </li>
-
-              <li class="num--5">
-                포드 고객센터 : 회사가 서비스를 제공하기 위해 운영하는 상담센터
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 5 조 (서비스의 내용)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                이 약관에 기초하여 계약자가 이용할 수 있는 서비스의 내용은 다음과 같으며
-                출시 시점에 따라 추가, 변경 또는 삭제될 수 있습니다.
-              </li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="width: 33.3333%" />
-                    <col style="" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>구분</th>
-                      <th>서비스</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>내비게이션</td>
-                      <td>길안내 / 주변 안내 서비스</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-              <li class="num--2 mb--30">
-                회사는 불가피한 사유가 있는 경우에 운영상, 기술상의 필요에 따라 제공하고
-                있는 전부 또는 일부 서비스를 변경할 수 있습니 다. 또한, 서비스 제공사의
-                사정 및 서비스 제공 가능 환경의 변화 등으로 인하여 서비스 제공을
-                중단하거나 변경할 수 있습니 다.
-              </li>
-
-              <li class="num--3 mb--30">
-                차량용 단말장치는 자동차 전용으로서 내비게이션 서비스로 정의한 기능을
-                구현하기 위한 용도로 한정하여 사용됩니다.
-              </li>
-
-              <li class="num--4">
-                차량용 단말장치 장착시 이와 동시에 적용이 불가한 용품 또는 서비스가 있을
-                수 있습니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 6 조 (서비스의 일시 중단)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                회사는 설비의 보수점검, 교체 및 고장등의 사유가 발생한 경우, 서비스의
-                제공을 일시적으로 중단할 수 있습니다.
-              </li>
-              <li class="num--2 mb--30">
-                회사는 국가 비상사태, 정전, 서비스 설비의 장애 또는 서비스 이용의 폭주
-                등으로 정상적인 서비스 제공이 불가능할 경우, 서 비스의 전부 또는 일부를
-                제한하거나 중지할 수 있습니다.
-              </li>
-              <li class="num--3 mb--30">
-                회사는 다음 각 호의 1 에 해당하는 경우 서비스 제공을 일시적으로 중단할 수
-                있습니다.
-                <ul class="pt--30">
-                  <li class="num--1 mb--30">
-                    시스템 보수를 정기적으로, 또는 긴급히 행하는 경우
-                  </li>
-
-                  <li class="num--2 mb--30">
-                    화재, 정전 등에 따라 서비스 제공을 할 수 없게 된 경우
-                  </li>
-
-                  <li class="num--3 mb--30">
-                    천재지변 또는 전쟁, 폭동, 소란, 노동쟁의 등에 의해 서비스 제공을 할 수
-                    없는 경우
-                  </li>
-
-                  <li class="num--4 mb--30">서비스 제공사에 의해 서비스가 정지된 경우</li>
-
-                  <li class="num--5">
-                    그 외, 운용 또는 기술상, 회사가 서비스 제공의 일시적인 중단이
-                    필요하다고 판단한 경우
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 7 조 (서비스의 중단 및 계약 종료시 대책)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                회사는 서비스 제공사와 계약이 지속되어 계속 서비스가 제공될 수 있도록
-                노력합니다
-              </li>
-
-              <li class="num--2 mb--30">
-                서비스 제공이 중단될 경우 회사는 홈페이지 게시 또는 단말장치에 내용 고지,
-                개별 문자발송 등을 통해 30 일 이내 사전 통지 의 의무를 수행해야 합니다.
-              </li>
-
-              <li class="num--3">
-                이용자는 전쟁, 폭동, 화재, 정전, 천재지변 등 예측이 불가능한 돌발 상황의
-                경우, 사전 통지 없이 서비스가 일시 중단, 지연될 수 있음을 인정합니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 8 조 (정보갱신의 조건)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                교통정보는 정보를 수집, 가공, 전송하는 절차를 거쳐 제공됨으로 실제 시간의
-                정보와 다를 수 있습니다.
-              </li>
-
-              <li class="num--2 mb--30">
-                도로정보는 현지 실사, 시스템 반영, 최적화 과정을 거친 후 제공되는 것으로
-                실제 사용시간의 도로정보와 차이가 발생할 수 있 습니다.
-              </li>
-
-              <li class="num--3 mb--30">
-                각종 부가정보 컨텐츠는 정기, 비정기적으로 정보를 갱신하여 제공하는 것으로
-                실제 사용시간의 상황과 다를 수 있습니다.
-              </li>
-
-              <li class="num--4">
-                제 1 항 내지 제 3 항과 관련된 부가 컨텐츠는 이를 제공하는 회사의 사정에
-                의해 일시중단, 지연되거나 혹은 제공되지 아니할 수 있습니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 9 조 (주행 중 일부기능 정지 및 제한)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                주행 중에는 안전운전에 지장을 주는 단말장치 조작 방지를 위해 일부 서비스는
-                제공되지 않습니다.
-              </li>
-
-              <li class="num--2">
-                회사가 정한 기능 외의 이용자 임의 조작으로 인해 직접적으로 발생한 장애
-                또는 손해와 그로 인해 야기된 문제에 대해 회사 는 책임을 면합니다.
-              </li>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 10 조 (보증 및 운영)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                내비게이션 서비스 제공에 필요한 차량용 단말기에 대하여는 ㈜엠핀스가
-                보증책임을 가지며, 회사의 용품 보증 조건 및 기간 (출고 후 1 년 이내 및
-                주행거리 2 만 km 이내)에 따라 보증을 시행하며, ㈜엠핀스에서 A/S 를 위탁
-                처리합니다.
-              </li>
-              <li class="num--2">
-                단말기에 탑재된 아틀란3D 지도 소프트웨어의 관리 및 데이터 업데이트
-                서비스는 지도 제작사인 ㈜맵퍼스에서 운영하며, 연동 된 단말의 단종일로부터
-                최소 5년간 무상으로 지도 업데이트를 제공합니다. (아틀란3D 공식 홈페이지
-                <a href="https://www.atlan.co.kr" target="_blank">www.atlan.co.kr</a> 내
-                회원 가입 및 단말 시리얼 등록 후 차량에 장착된 단말기 내 MicroSD를 PC에
-                연결 후 PC용 업데이트 프로그램을 통해 지도 업데이 트 가능)
-              </li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="" />
-                    <col style="" />
-                    <col style="" />
-                    <col style="" />
-                    <col style="" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>서비스 종류</th>
-                      <th>제공받는자</th>
-                      <th>위치정보 수집여부</th>
-                      <th>수집항목</th>
-                      <th>보유기간</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>단말 A/S 보증기간<br />(소프트웨어 포함)</td>
-                      <td>엠핀스</td>
-                      <td>X</td>
-                      <td>
-                        AS, CS 를 위한 디바이스 정보(Serial, IMEI, ICCID),<br />
-                        무상 보증을 위한 출고일 정보
-                      </td>
-                      <td>판매 후 1 년&nbsp; &nbsp;</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </ul>
-          </div>
-
-          <div class="list--wrap">
-            <h3>제 11 조 (분쟁의 처리)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                회사는 서비스의 원활한 진행과 신속한 고객 불만 처리를 위해 담당자를
-                지정하며 [별표 1]가 같이 운영합니다.
-              </li>
-
-              <li class="num--2 mb--30">
-                이용자의 민원사항은 계약자보호위원회를 통하여 접수 즉시 처리하고
-                처리기간이 소요되는 사항은 소요기간을 해당 계약자에 게 통지합니다.
-              </li>
-
-              <li class="num--3">
-                회사와 이용자 간에 발생하는 분쟁이 전항에 의하여 해결되지 아니하는 경우
-                민사소송법상의 관할법원에 제기합니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>제 12 조 (개인정보 보호 정책의 수립 및 시행)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                계약자의 개인정보 보호에 관해서는 관련법령 및 회사가 정하는
-                "개인정보처리방침"에 정한 바에 의합니다.
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>제 13 조 (약관 동의서 수집 및 저장 방식)</h3>
-            <ul>
-              <li class="num--1 mb--30">
-                차량용 단말장치 기동 후 초기화면에 동의함으로써 서비스에 대해 동의하는
-                것으로 간주합니다<a href="https://flak.co.kr" target="_blank"
-                  >(https://flak.co.kr)</a
-                >
-                .
-              </li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <h3>부 칙</h3>
-            <ul>
-              <li class="mb--30 pl--0">
-                (시행일) 이 약관은 2025 년 12 월 01 일부터 시행합니다.
-              </li>
-              <li class="mb--30 pl--0">[별표 1] 이용자 불만 유형별 처리 대책</li>
-            </ul>
-          </div>
-          <div class="list--wrap">
-            <ul>
-              <li class="num--1 mb--30">
-                이용자 문의/불만 처리 절차<br />회사는 고객의 불편을 최소화하고, 고객이
-                서비스를 원활하게 이용할 수 있도록 각종 민원에 대해 다음과 같은 기본
-                원칙으로 이용자에게 안내합니다.
-                <ul>
-                  <li class="num--1 mb--30 mt--30">
-                    서비스 이용 방법 등 간단하고 유형화된 문의에 대해서는 즉시 또는 접수
-                    당일 고객에게 안내합니다.
-                  </li>
-                  <li class="num--2 mb--30">
-                    회사 내부의 분석, 검토, 개선 또는 의사결정이 필요한 민원에 대해서는
-                    처리 방향을 먼저 안내한 후, 접수일로부터 10 일 이내에 고객에게
-                    답변합니다.
-                  </li>
-                </ul>
-              </li>
-              <li class="num--2">이용자 불만 유형별 처리 대책</li>
-              <div class="table--wrap mt--40 mb--40">
-                <table>
-                  <colgroup>
-                    <col style="width: 15.3333%" />
-                    <col style="" />
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th>불만의 유형</th>
-                      <th>처리 대책</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>서비스 작동·품질</td>
-                      <td>
-                        유형화된 민원의 경우 상담사가 즉시 또는 당일 처리하고, 관련
-                        시스템의 분석 등 해결에 일정 시간이 소요되는 민원의 경우 접
-                        수일로부터 5 일 이내 민원의 원인을 설명하고 10 일 이내 해결을
-                        원칙으로 함. 단, 기술적으로 세부적인 검토가 필요한 내용인 경우 10
-                        일 이내 민원의 원인을 설명하고 해결이 불가능한 경우에는 그 사유를
-                        고객에게 설명함.
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 서비스 약관 모달
-  const showModal = ref(false);
-  const showModal2 = ref(false);
-
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-
-  // 드롭메뉴 관련 (기본 모두 열림)
-  const dropMenuOpen = ref([true, true, true]);
-
-  const toggleDropMenu = (index) => {
-    dropMenuOpen.value[index] = !dropMenuOpen.value[index];
-  };
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/recall.vue

@@ -1,101 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      width="220"
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper type--2 pb--0">
-      <div class="inner--wrap">
-        <div class="title--visual">
-          <h2>리콜 안내</h2>
-          <!-- <div class="desc mt--40">
-            포드코리아 리콜 안내입니다. 아래 링크를 통해서 자신이 소유한 차량의 리콜
-            대상여부를 확인할 수 있습니다.
-          </div> -->
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/recall-visual.jpg" alt="" />
-        </div>
-      </div>
-
-      <div class="consumable--parts--wrap">
-        <div class="inner--wrap">
-          <div class="prm--service pt--120">
-            <h2>리콜 제도란?</h2>
-            <div class="sub--title">
-              리콜 제도는 제품의 결함으로 인해 소비자의 신체 또는 재산상의 위해를 끼치거나
-              끼칠 우려가 있는 제품에<br />
-              대하여 제품을 제조, 수입 또는 유통시킨 자가 제품의 문제점에 대해 소비자에게
-              통지하고 관련 제품을 신속하게 수리 교환 등의 적절한<br />
-              조치를 취함으로써 안전과 관련된 사고와 소비자 피해를 사전에 예방하고 재발을
-              방지하는 제도입니다.<br />
-              리콜제도는 제작자의 자발적인 리콜과 강제적인 리콜로 나눌 수 있으며, 리콜
-              제도가 활발하게 이루어지고 있는 미국의 경우 리콜 중<br />
-              95%가 자발적인 리콜로 이루어지고 있을 정도로 강제적인 리콜보다는 제작자
-              스스로가 시행하는 자발적 리콜이 대부분을 차지하고 있습니다.
-            </div>
-            <div class="btn--wrap mt--70 mb--160">
-              <NuxtLink
-                style="width: 230px"
-                class="btn--sky"
-                to="https://www.car.go.kr/ri/recall/list.do"
-                target="_blank"
-                >리콜 대상 확인하기<i class="ico"></i
-              ></NuxtLink>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="nav--dis--wrap" :class="{ active: isDisOpen }">
-      <div class="dis--btn" @click="isDisOpen = !isDisOpen">
-        disclosures <i class="ico"></i>
-      </div>
-      <div class="dis--cont">
-        <div class="container">
-          <p>[1] 자세한 사항은 가까운 전시장 및 서비스센터에 문의하세요.</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-
-  // 탭 관련
-  const activeTab = ref(0);
-  const tabItems = ["공인 서비스", "차량관리 서비스", "서비스 센터에서의 관리"];
-
-  const setActiveTab = (index) => {
-    activeTab.value = index;
-  };
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/tfService.vue

@@ -1,325 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :width="219"
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper pb--0">
-      <div class="inner--wrap">
-        <div class="title--visual">
-          <h2>24시간 긴급 출동 서비스</h2>
-          <div class="desc mt--40">
-            <!-- 운전 중 예상치 못한 긴급한 상황이 발생하더라도, 귀하의 곁에 저희 포드가 -->
-            <!-- 언제든지 달려가 도움을 드립니다.<br /> -->
-            <!-- 저희 포드코리아가 수입한 차량을 구매하신 고객께는 다양한 항목의 포드 긴급출동
-            서비스가 365일, 24시간 제공됩니다. -->
-          </div>
-        </div>
-        <div class="dbl--info--cont pt--70">
-          <ul>
-            <li>
-              <div class="thumb">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="40"
-                  height="40"
-                  viewBox="0 0 40 40"
-                  fill="none"
-                >
-                  <path
-                    d="M12.0508 2.40039H27.6059"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-miterlimit="10"
-                    stroke-linecap="round"
-                  />
-                  <path
-                    d="M15.8143 2.40039L1.27588 23.0572"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-miterlimit="10"
-                    stroke-linecap="round"
-                  />
-                  <path
-                    d="M23.6367 2.40039L38.1751 23.0572"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-miterlimit="10"
-                    stroke-linecap="round"
-                  />
-                  <path
-                    d="M38.101 33.6719H1.89859C1.29175 33.6719 0.799805 34.167 0.799805 34.7778V36.4943C0.799805 37.1051 1.29175 37.6002 1.89859 37.6002H38.101C38.7079 37.6002 39.1998 37.1051 39.1998 36.4943V34.7778C39.1998 34.167 38.7079 33.6719 38.101 33.6719Z"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M11.3614 32.4977C12.806 32.4977 13.9771 31.319 13.9771 29.8651C13.9771 28.4111 12.806 27.2324 11.3614 27.2324C9.91672 27.2324 8.74561 28.4111 8.74561 29.8651C8.74561 31.319 9.91672 32.4977 11.3614 32.4977Z"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M27.3023 32.4977C28.7469 32.4977 29.918 31.319 29.918 29.8651C29.918 28.4111 28.7469 27.2324 27.3023 27.2324C25.8576 27.2324 24.6865 28.4111 24.6865 29.8651C24.6865 31.319 25.8576 32.4977 27.3023 32.4977Z"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M24.6856 29.8652H13.9766"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M8.75392 29.8672H6.43336C6.43336 29.8672 3.875 30.1891 3.875 26.9787C3.875 24.3131 5.62157 22.3654 7.36815 21.8702C9.11472 21.3751 9.87731 21.4989 12.3865 19.1716C12.3865 19.1716 16.8554 14.748 23.7023 14.748C30.5492 14.748 33.4191 20.0299 34.0013 21.4246C34.5835 22.8193 35.2149 24.9898 35.2149 27.2346C35.2149 29.4793 34.3211 29.859 33.0173 29.8672C31.7136 29.8755 29.9178 29.8672 29.9178 29.8672"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M11.6729 22.3164H31.4017"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M20.1934 22.3164V29.876"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M5.61337 23.2148C5.61337 23.2148 7.43374 24.4775 6.61376 26.0951C5.79377 27.7126 4.47359 27.1679 3.875 27.234"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M17.1426 19.641C17.1426 19.641 19.2499 17.1074 23.4893 17.1074C27.7286 17.1074 28.6224 19.8226 28.6224 19.8226"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M23.4814 17.0996V19.3444"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </div>
-              <div class="desc">
-                <h2>전시장 및 서비스센터 찾기</h2>
-                <NuxtLink class="location--btn" to="/ford/network">
-                  바로가기
-                  <i>
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="16"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      fill="none"
-                    >
-                      <path
-                        d="M3.33301 8H12.6663"
-                        stroke="#3B3B3B"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M8 3.33398L12.6667 8.00065L8 12.6673"
-                        stroke="#3B3B3B"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </i>
-                </NuxtLink>
-              </div>
-            </li>
-            <li>
-              <div class="thumb">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="40"
-                  height="40"
-                  viewBox="0 0 40 40"
-                  fill="none"
-                >
-                  <path
-                    d="M20 3C29.3732 3 37.0001 10.6269 37.0001 20.0001"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M20 8.45312C26.3642 8.45312 31.5473 13.6311 31.5473 20.0004"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M20 14.5332C23.0141 14.5332 25.4681 16.9872 25.4681 20.0013"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M31.318 31.7402C31.262 32.1831 31.0532 32.6261 30.7732 32.9061L28.7112 34.9732C21.6851 40.8537 12.765 32.0915 12.6733 32.0049L8.00962 27.3361C7.92306 27.2445 -0.844298 18.3295 5.01079 11.3237L7.10844 9.22607C7.38338 8.95113 7.83142 8.74239 8.26928 8.68129C8.35583 8.67111 8.43729 8.66602 8.51875 8.66602C8.8446 8.66602 9.10935 8.75257 9.2621 8.90531L13.6203 13.9356C14.1447 14.46 14.1447 15.3052 13.6203 15.8296L12.0318 17.4232C11.6398 17.8458 11.3648 18.2429 11.1866 18.6451C10.8404 19.5972 10.2855 22.0869 12.6784 24.6631L15.3565 27.3463C17.9174 29.724 20.4071 29.169 21.3898 28.8126C21.7563 28.6497 22.1586 28.3697 22.5913 27.9674L24.1697 26.3891C24.6737 25.8851 25.5291 25.8545 26.0891 26.4146L31.0736 30.7321C31.2823 30.951 31.3689 31.3176 31.3129 31.7402H31.318Z"
-                    stroke="white"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </div>
-              <div class="desc">
-                <h2>24시간 긴급 출동 서비스 콜센터</h2>
-                <div class="phone">080-300-3673</div>
-              </div>
-            </li>
-          </ul>
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/tfs-visual01.jpg" alt="" />
-        </div>
-      </div>
-      <div class="tfs--drop--menus pt--90 pb--150">
-        <ul>
-          <li :class="{ open: dropMenuOpen[0] }">
-            <div class="title" @click="toggleDropMenu(0)">제공 서비스</div>
-            <div class="drop--contents">
-              <h2>긴급 견인 서비스</h2>
-              <div>
-                차량의 이상으로 인해 운행이 불가한 경우, 발생지점으로부터 50 km 범위 내
-                가장 가까운 포드 공식서비스센터로의 무상 견인서비스를 제공해 드립니다. 단,
-                사고로 인한 견인 서비스는 유상입니다.
-              </div>
-              <h2>배터리 충전 서비스</h2>
-              <div>
-                배터리 방전으로 운행이 불가한 경우, 임시 배터리 충전서비스(월 2회 한함)를
-                제공해 드립니다.
-              </div>
-              <h2>타이어 교체 서비스</h2>
-              <div>
-                타이어 파손으로 교체가 필요한 경우, 고객 차량에 장착된 예비타이어로 교체해
-                드립니다.
-              </div>
-              <h2>비상 연료 또는 요소수액 보충 서비스</h2>
-              <div style="text-transform: uppercase">
-                연료 또는 요소수액 소진에 따른 운행이 불가한 경우, 비상연료 또는 요소수액
-                보충 서비스(월 1회 한함)를 제공해 드립니다. 다만, 제공되는 보충량은 최대
-                10L이나, 사정에 따라 제공량은 변동될 수 있습니다. 아울러, 요소수액
-                보충서비스는 경유차량에 한합니다.
-              </div>
-              <p>
-                제공되는 서비스 범위 및 내용은 당사 서비스정책에 따라 별도의 사전고지없이
-                변경될 수 있습니다.
-              </p>
-            </div>
-          </li>
-          <li :class="{ open: dropMenuOpen[1] }">
-            <div class="title" @click="toggleDropMenu(1)">서비스 제공 시간</div>
-            <div class="drop--contents">
-              <div class="solo">
-                차량 소유권 변동에 관계없이 주행거리 6만km 이내이면, 해당 서비스를
-                이용하실 수 있습니다.
-              </div>
-            </div>
-          </li>
-          <li :class="{ open: dropMenuOpen[2] }">
-            <div class="title" @click="toggleDropMenu(2)">서비스 제공 조건</div>
-            <div class="drop--contents">
-              <h3>
-                24시간 긴급출동 서비스 이용을 위해서는 다음의 사항이 준수되어야 합니다.
-              </h3>
-              <ul>
-                <li>
-                  24시간 긴급출동 서비스 콜센터에 요청하시는 서비스 및 서비스 제공을 위한
-                  관련 정보를 제공하십시오.
-                </li>
-                <li>
-                  24시간 긴급출동 서비스를 위한 콜센터의 안내사항을 반드시 준수하십시오.
-                </li>
-              </ul>
-            </div>
-          </li>
-          <li :class="{ open: dropMenuOpen[3] }">
-            <div class="title" @click="toggleDropMenu(3)">긴급출동 서비스 이용 방법</div>
-            <div class="drop--contents">
-              <h3>
-                24시간 긴급출동 서비스를 이용하고자 하실 때에는 다음 정보를 준비 및
-                제공하여 주십시오.
-              </h3>
-              <ul>
-                <li>서비스 대상 차량정보 (차량번호 및 VIN(차대번호*))</li>
-                <li>
-                  서비스 대상 차량의 정확한 위치(주소) 및 출동인원과 즉시 연락가능한
-                  전화번호
-                </li>
-              </ul>
-              <p class="mt--50">
-                참고: 차대번호는 17자리의 숫자 및 문자로 구성되어 있으며, 이는
-                차량등록증에 기재되어 있습니다.<br />
-                또한 운전석 측 대시보드의 앞 유리창 부근 및 운전석 측 도어 기둥에도 해당
-                정보를 확인하실 수 있습니다.
-              </p>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // 드롭메뉴 관련 (기본 모두 열림)
-  const dropMenuOpen = ref([true, true, true, true]);
-
-  const toggleDropMenu = (index) => {
-    dropMenuOpen.value[index] = !dropMenuOpen.value[index];
-  };
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "서비스",
-    subMenuItems: [
-      { label: "공인 서비스", to: "/ford/owner", active: false },
-      {
-        label: "소모성 부품 무상 교환 서비스",
-        to: "/ford/owner/consumableParts",
-        active: true,
-      },
-      { label: "24시간 긴급 출동 서비스", to: "/ford/owner/tfService", active: false },
-      { label: "순정 부품", to: "/ford/owner/genuine", active: false },
-      { label: "리콜 안내", to: "/ford/owner/recall", active: false },
-      {
-        label: "사고 수리를 위한 포드 서비스 부품",
-        to: "/ford/owner/accident",
-        active: false,
-      },
-      { label: "내비게이션", to: "/ford/owner/navigation", active: false },
-    ],
-  };
-</script>

app/pages/ford/owner/warranty.vue

@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="ovwner--wrapper type--2 pb--0">
-      <div class="inner--wrap">
-        <div class="title--visual">
-          <h2>보증 및 서비스</h2>
-          <div class="desc mt--40">
-            고객께 최적의 서비스를 제공해야 하기에 포드는 업계 최고수준의 서비스를 제공합니다.<br />포드에서 제공하는 보증과 소모성 부품 무상교환 서비스(ESP)로 마음까지 편안하게 해드립니다.
-          </div>
-        </div>
-        <div class="thums--wrap mt--70">
-          <img src="/img/owner/warranty--visual.png" alt="" />
-        </div>
-      </div>
-
-      <div class="consumable--parts--wrap">
-        <div class="inner--wrap">
-          <div class="prm--service pt--120">
-            <h2>소모성 부품 무상교환 서비스 (ESP)</h2>
-            <div class="sub--title">
-              포드 고객께서는 무상 보증서비스 혜택과 함께 차량 구입 시 제공되는 소모성 부품 무상교환 서비스(ESP)로 차량 유지관리비를 대폭 절감하실 수 있습니다.
-            </div>
-            <ul class="sub--list">
-              <li>3년/6만km 이내 소모성 부품 유지 프로그램(기본형, EMP) 제공(차량관리에 필요한 기본정기점검 포함)</li>
-              <li>소정의 비용을 지불하여 업그레이드 시, 서비스 기간을 5년/10만km로 연장하고 제공 서비스를 기본형에서 고급형(PMP Upgrade)으로 확대 제공</li>
-            </ul>
-            <div class="btn--wrap mb--160">
-              <NuxtLink class="btn--sky" to="/ford/owner/consumableParts">자세히 보기<i class="ico"></i></NuxtLink>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="nav--dis--wrap" :class="{ active: isDisOpen }">
-      <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-      <div class="dis--cont">
-        <div class="container">
-          <p>
-            [1] 자세한 사항은 가까운 전시장 및 서비스센터에 문의하세요.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  import { ref } from "vue";
-
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-
-  // 탭 관련
-  const activeTab = ref(0);
-  const tabItems = ["공인 서비스", "차량관리 서비스", "서비스 센터에서의 관리"];
-
-  const setActiveTab = (index) => {
-    activeTab.value = index;
-  };
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "OWNER",
-    currentSubMenu: "보증 및 서비스",
-    subMenuItems: [
-      { label: "보증 및 서비스", to: "/", active: false },
-    ],
-  };
-</script>

app/pages/ford/shopping/brochure.vue

@@ -1,73 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="container">
-      <div>
-        <div class="title--wrap">
-          <h2 class="">{{ pageTitle }}</h2>
-          <p v-if="!isAfterLaunch">{{ pageDescription }}</p>
-        </div>
-        <div class="brochure--wrap">
-          <a :href="isAfterLaunch == false ? '/brochure/25-Explorer-kr.pdf' : '/brochure/26-Explorer-kr.pdf'" download class="brochure">
-            <img :src="isAfterLaunch == false ? '/img/models/explorer.png' :  '/img/models/explorer2026.png'" alt="explorer" />            
-            <span>EXPLORER</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-          <a href="/brochure/24-expedition-catalog.pdf" download class="brochure">
-            <img src="/img/img--expedition.png" alt="explorer" />
-            <span>expedition</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-          <a href="/brochure/bronco-25.pdf" download class="brochure">
-            <img src="/img/img--bronco.png" alt="explorer" />
-            <span>bronco</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-          <!-- 2026-04-15 08:00:00 이후(차량 순서 변경) -->
-          <a v-if="isAfterLaunch" href="/brochure/25my_mustang.pdf" download class="brochure">
-            <img src="/img/img--mustang.png" alt="mustang" />
-            <span>mustang</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-          <a v-if="isAfterLaunch" href="/brochure/next-gen-ranger-kr-brochure.pdf" download class="brochure">
-            <img src="/img/img--ranger.png" alt="explorer" />
-            <span>ranger</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-          <!-- 2026-04-15 08:00:00 이전(차량 순서 변경) -->
-          <a v-if="!isAfterLaunch" href="/brochure/next-gen-ranger-kr-brochure.pdf" download class="brochure">
-            <img src="/img/img--ranger.png" alt="explorer" />
-            <span>ranger</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-          <a v-if="!isAfterLaunch" href="/brochure/25my_mustang.pdf" download class="brochure">
-            <img src="/img/img--mustang.png" alt="mustang" />
-            <span>mustang</span>
-            <div>다운로드 <i class="ico"></i></div>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  const isAfterLaunch = useTimeSwitch('2026-04-15T08:00:00+09:00');
-  const pageTitle = "브로슈어 다운로드";
-  const pageDescription = "포드에서 전하는 최신 정보와 특별한 이야기를 만나보세요.";
-
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "SHOPPING",
-    currentSubMenu: "브로슈어 다운로드",
-    subMenuItems: [
-      { label: "브로슈어 다운로드", to: "/ford/shopping/brochure", active: true },
-      { label: "타이어 에너지 소비 효율", to: "/ford/shopping/tire", active: false },
-      // { label: "신청하기", to: "/ford/shopping/apply", active: false },
-    ],
-  };
-</script>

app/pages/ford/shopping/tire.vue

@@ -1,313 +0,0 @@
-<template>
-  <div>
-    <breadCrumbs
-      :main-menu="breadcrumbData.mainMenu"
-      :current-sub-menu="breadcrumbData.currentSubMenu"
-      :sub-menu-items="breadcrumbData.subMenuItems"
-    />
-    <div class="container">
-      <div>
-        <div class="title--wrap">
-          <h2 class="">{{ pageTitle }}</h2>
-          <!-- <p>{{ pageDescription }}</p> -->
-        </div>
-        <div class="table--wrap">
-          <table>
-            <colgroup></colgroup>
-            <thead>
-              <tr>
-                <th>모델명</th>
-                <th>타이어 업체</th>
-                <th>타이어 모델명</th>
-                <th>타이어 규격</th>
-                <th>회전 저항 등급</th>
-                <th>젖은 노면 제동 등급</th>
-                <th>비고 (현재 장착 여부)</th>
-              </tr>
-            </thead>
-            <tbody>
-              <!-- Mustang 2.3 -->
-              <!-- <tr>
-                <td rowspan="2">Mustang 2.3</td>
-                <td class="uppercase">PIRELLI</td>
-                <td>Pzero</td>
-                <td class="uppercase">255/40ZR19 96Y</td>
-                <td>5</td>
-                <td>1</td>
-                <td class="uppercase">FR/RR</td>
-              </tr> -->
-              <!-- <tr>
-                <td class="uppercase">PIRELLI</td>
-                <td>Pzero</td>
-                <td class="uppercase">255/40ZR19 100Y</td>
-                <td>4</td>
-                <td>2</td>
-                <td class="uppercase">FR/RR</td>
-              </tr> -->
-              <!-- Mustang 5.0 -->
-              <!-- <tr>
-                <td rowspan="5">Mustang 5.0</td>
-                <td rowspan="2" class="uppercase">MICHELIN</td>
-                <td rowspan="2">Pilot Sport4 S</td>
-                <td>255/40ZR19 (100Y)</td>
-                <td>N/A</td>
-                <td>N/A</td>
-                <td>FR</td>
-              </tr>
-              <tr>
-                <td>275/40ZR19 (105Y)</td>
-                <td>N/A</td>
-                <td>N/A</td>
-                <td>RR</td>
-              </tr>
-              <tr>
-                <td class="uppercase">PIRELLI</td>
-                <td>Pzero</td>
-                <td>265/40R19 98Y</td>
-                <td>5</td>
-                <td>1</td>
-                <td>FR/RR</td>
-              </tr> -->
-              <!-- <tr>
-                <td class="uppercase">GOODYEAR</td>
-                <td class="uppercase">EAGLE F1 ASYMMETRIC ALL SEASON</td>
-                <td>265/35R20 99W</td>
-                <td>3</td>
-                <td>4</td>
-                <td>FR/RR</td>
-              </tr>
-              <tr>
-                <td class="uppercase">PIRELLI</td>
-                <td>Pzero</td>
-                <td>255/40ZR19 (96Y)</td>
-                <td>N/A</td>
-                <td>N/A</td>
-                <td>FR</td>
-              </tr> -->
-              <!-- Explorer 2.3 -->
-              <!-- <tr>
-                <td rowspan="4">Explorer 2.3</td>
-                <td class="uppercase">MICHELIN</td>
-                <td>Latitude Tour HP</td>
-                <td>245/60R18 104H</td>
-                <td>3</td>
-                <td>4</td>
-                <td></td>
-              </tr> -->
-              <!-- <tr>
-                <td class="uppercase">HANKOOK</td>
-                <td>Ventus S1 Noble2</td>
-                <td>255/50R20 105H</td>
-                <td>3</td>
-                <td>3</td>
-                <td>동일</td>
-              </tr> -->
-              <!-- <tr>
-                <td class="uppercase">MICHELIN</td>
-                <td>Primacy A/S</td>
-                <td>255/55R20 110V</td>
-                <td>3</td>
-                <td>3</td>
-                <td></td>
-              </tr> -->
-              <!-- <tr>
-                <td class="uppercase">PIRELLI</td>
-                <td>SCORPION ZERO A/S</td>
-                <td>275/45R21 110W</td>
-                <td>1</td>
-                <td>2</td>
-                <td></td>
-              </tr> -->
-              <!-- Explorer 3.0 -->
-              <!--               
-              <tr>
-                <td>Explorer 3.0</td>
-                <td class="uppercase">PIRELLI</td>
-                <td>SCORPION ZERO</td>
-                <td>275/45R21 110W</td>
-                <td>N/A</td>
-                <td>N/A</td>
-                <td></td>
-              </tr> -->
-              <!-- Explorer 3.0 PHEV -->
-              <!-- <tr>
-                <td>Explorer 3.0 PHEV</td>
-                <td class="uppercase">MICHELIN</td>
-                <td>Primacy A/S</td>
-                <td>255/55R20 110V</td>
-                <td>3</td>
-                <td>3</td>
-                <td></td>
-              </tr> -->
-              <!-- Explorer 3.3 FHEV -->
-              <!-- <tr>
-                <td>Explorer 3.3 FHEV</td>
-                <td class="uppercase">MICHELIN</td>
-                <td>Primacy A/S</td>
-                <td>255/55R20 110V</td>
-                <td>3</td>
-                <td>3</td>
-                <td></td>
-              </tr> -->
-              <!-- Ranger Raptor -->
-              <!-- <tr>
-                <td>Ranger Raptor</td>
-                <td class="uppercase">GENERAL</td>
-                <td>GRABBER AT3</td>
-                <td>LT285/70R17 116/113S</td>
-                <td>4</td>
-                <td>2</td>
-                <td></td>
-              </tr> -->
-              <!-- Ranger Wildtrak -->
-              <!-- <tr>
-                <td rowspan="2">Ranger Wildtrak</td>
-                <td class="uppercase">CONTINENTAL</td>
-                <td>CROSSCONTACT LX</td>
-                <td>265/60R18 110T</td>
-                <td>5</td>
-                <td>4</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td class="uppercase">GOODYEAR</td>
-                <td>WRANGLER TERRITORY HT</td>
-                <td>255/65R18 111H</td>
-                <td>1</td>
-                <td>4</td>
-                <td></td>
-              </tr>-->
-              <!-- Expedition 3.5L -->
-              <!--<tr>
-                <td rowspan="2">Expedition 3.5L</td>
-                <td class="uppercase">HANKOOK</td>
-                <td>Dynapro HT</td>
-                <td>285/45R22 114H</td>
-                <td>2</td>
-                <td>3</td>
-                <td>PLATINUM</td>
-              </tr>
-              <tr>
-                <td class="uppercase">general</td>
-                <td>GRABBER HTS60</td>
-                <td>285/45R22 114H</td>
-                <td>4</td>
-                <td>4</td>
-                <td>PLATINUM</td>
-              </tr> -->
-              <!-- Bronco 2.7 -->
-              <!-- <tr>
-                <td>Bronco 2.7</td>
-                <td class="uppercase">BRIDGESTON</td>
-                <td>DUELER A/T RH-S</td>
-                <td>255/70R18 113T</td>
-                <td>2</td>
-                <td>4</td>
-                <td>OUTERBANKS</td>
-              </tr> -->
-
-              <tr>
-                <td rowspan="2">Explorer 2.3L</td>
-                <td>MICHELIN</td>
-                <td>Primacy A/S</td>
-                <td>255/55R20 110V</td>
-                <td>3</td>
-                <td>3</td>
-                <td>Platinum</td>
-              </tr>
-              <tr>
-                <td>PIRELLI</td>
-                <td>SCORPION ZERO A/S</td>
-                <td>275/45R21 110W</td>
-                <td>1</td>
-                <td>2</td>
-                <td>ST-Line</td>
-              </tr>
-
-              <tr>
-                <td>Explorer 3.0L</td>
-                <td>BRIDGESTON</td>
-                <td>DUELER A/T REVO3</td>
-                <td>265/65R 112T</td>
-                <td>4</td>
-                <td>4</td>
-                <td>Tremor</td>
-              </tr>
-
-              <tr>
-                <td rowspan="2">Expedition 3.5L</td>
-                <td>MICHELIN</td>
-                <td>PRIMACY LTX</td>
-                <td>275/50R22 115H</td>
-                <td>1</td>
-                <td>3</td>
-                <td>Platinum</td>
-              </tr>
-              <tr>
-                <td>GOODYEAR</td>
-                <td>EAGLE TOURING</td>
-                <td>285/40R24 112H</td>
-                <td>2</td>
-                <td>4</td>
-                <td>Platinum</td>
-              </tr>
-
-              <!-- Bronco 2.3 -->
-              <tr>
-                <td>Bronco 2.3</td>
-                <td class="uppercase">BRIDGESTON</td>
-                <td>DUELER A/T RH-S</td>
-                <td>255/70R18 113T</td>
-                <td>2</td>
-                <td>4</td>
-                <td>Outerbanks</td>
-              </tr>
-              <!-- S650 Mustang 2.3L -->
-              <tr>
-                <td>S650 Mustang 2.3L</td>
-                <td class="uppercase">PIRELLI</td>
-                <td>Pzero</td>
-                <td>255/40R19 96Y</td>
-                <td>5</td>
-                <td>1</td>
-                <td>FR/RR</td>
-              </tr>
-              <!-- S650 Mustang GT 5.0L -->
-              <tr>
-                <td rowspan="2">S650 Mustang GT 5.0L</td>
-                <td rowspan="2" class="uppercase">PIRELLI</td>
-                <td rowspan="2">Pzero</td>
-                <td>255/40ZR19 (96Y)</td>
-                <td>5</td>
-                <td>1</td>
-                <td>FR</td>
-              </tr>
-              <tr>
-                <td>275/40R19 (101Y)</td>
-                <td>4</td>
-                <td>3</td>
-                <td>RR</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-  const pageTitle = "타이어 에너지 소비 효율";
-  const pageDescription =
-    "포드 코리아는 타이어의 에너지 소비 효율 등급 표시 정보를 소비자에게 제공합니다.";
-  // 샘플 데이터
-  const breadcrumbData = {
-    mainMenu: "SHOPPING",
-    currentSubMenu: "타이어 에너지 소비 효율",
-    subMenuItems: [
-      { label: "브로슈어 다운로드", to: "/ford/shopping/brochure", active: false },
-      { label: "타이어 에너지 소비 효율", to: "/ford/shopping/tire", active: true },
-      // { label: "신청하기", to: "/ford/shopping/apply", active: false },
-    ],
-  };
-</script>

app/pages/ford/vehicle/bronco.vue

@@ -1,279 +0,0 @@
-<template>
-  <main>
-    <SwiperBanner
-      class="sticky--banner"
-      :slides="bannerSlides"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-
-    <div class="outer--wrapper">
-      <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              73,100,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>EcoBoost 2.3L</div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>5</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>Bronco Outer Banks</h2>
-        <div class="sub--title">
-          오프로드 성능과 스타일리시한 디자인을 모두 갖춘 브롱코는<br />광활한 대자연을
-          열망하고 모험을 추구하는 내면의 열정을 실현시켜줄 진정한 버디입니다.
-        </div>
-      </div>
-
-      <div class="models--visual--01 mt--80">
-        <div class="thumb--wrap">
-          <img src="/img/models/bronco/visual-01.jpg" />
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>BRONCO Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/bronco/brc-car.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Outer Banks 2.3L</h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>73,100,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>편안하고 더 넓은 SUV</h2>
-        <div class="sub--title">
-          오프로드 성능과 스타일리시한 디자인을 모두 갖춘 브롱코는<br />
-          광활한 대자연을 열망하고 모험을 추구하는 내면의 열정을 실현시켜줄 진정한
-          버디입니다.
-        </div>
-      </div>
-      <div class="models--visual--grid mt--80 type--2">
-        <ul>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/bronco/grid-01.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>탈착식 도어/루프</h2>
-              <div class="captions">
-                루프와 도어는 편리하게 탈부착이 가능합니다.<br />
-                브롱코의 독특한 디자인과 함께 최고의 오픈-에어<br />
-                경험을 즐길 수 있습니다.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/bronco/grid-02.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>
-                G.O.A.T (Goes Over Any Terrain)<br />
-                지형 관리 시스템
-              </h2>
-              <div class="captions">
-                G.O.A.T. MODESTM (Goes Over Any Type<br />
-                of Terrain) 를 포함한 지형 관리 시스템(The Terrain<br />
-                Management SystemTM)은 간단한 작동만으로도<br />
-                지형, 날씨 또는 도로 상황에 맞는 퍼포먼스를 발휘할 수<br />
-                있도록 설계되었습니다. 6가지 모드 중 주행 상황에<br />
-                가장 적합한 모드를 선택하십시오. (NORMAL,<br />
-                ECO, SLIPPERY, SAND, MUD/RUTS, SPORT)
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/bronco/grid-03.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>BRONCO ACCESSORIES</h2>
-              <div class="captions">
-                나의 라이프 스타일에 맞춰 다양한 액세서리를 장착할 수 있습니다.<br />
-                개성을 표현하기 위해 외관을 업그레이드하거나<br />
-                아웃도어 활동 시 편의를 위한 소품의 추가 장착도<br />
-                가능합니다. 구매 가능 아이템에 대한 자세한 사항은<br />
-                각 포드 딜러사 서비스 센터에서 확인하실 수 있습니다.
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-
-      <!-- <SwiperBanner3
-        class="mt--100"
-        :slides="bannerSlides2"
-        :autoplay="false"
-        :loop="false"
-        mtitle="design"
-        stitle="브롱코 아우터 뱅크스와 함께 스타일리시한 아웃도어 라이프를 즐겨보십시오.<br/>
-  아우터 뱅크스(Outer Banks) 모델은 LED 시그니처 라이팅 및 테일램프, 외장 컬러와 동일한 펜더 플레어,튜브 스텝 등이 포함되어 있어 오프로드를<br/>
-  위한 성능은 물론 멋진 스타일도 놓치지 않았습니다. 12인치 LCD 스크린과 B&O® 사운드 시스템 등은 브롱코와 함께하는<br/>
-  여정을 더욱 편리하고 즐겁게 만들어 드립니다."
-        type=""
-      />
-
-      <SwiperBanner3
-        :slides="bannerSlides3"
-        :autoplay="false"
-        :loop="false"
-        type=""
-        mtitle="technology"
-        stitle="브롱코의 에코부스트 엔진은 일상적인 주행 상황에서 뿐만 아니라 오프로드, 트레일 라이딩에서도 뛰어난 성능을 발휘합니다.<br/>노면 상태에 따라 다양하게 4×4 모드변경을 통해 더욱 더 안정적인 주행에 도움을 받을 수 있습니다."
-      /> -->
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">
-          일상과 자유로운 아웃도어 라이프스타일을 향한 열망을 모두 충족시켜주는 브롱코의
-          디자인은 1세대 브롱코를 현대적 감각으로 재해석
-        </div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-              *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-  const bannerSlides = ref([
-    {
-      image: "/img/models/bronco/brc_banner01.jpg",
-      moImage: "/img/models/bronco/brc_banner01_mo.jpg",
-      alt: "THE BRONCO LEGEND FORGES AHEAD",
-      title: "THE BRONCO<br/>LEGEND FORGES AHEAD",
-      subtitle: "한 번도 인류의 발길이 닿지 않은 거대한 세계, 그곳으로 향하는 도전의 길",
-      smalldesc: "",
-      morelink: "/ford/network",
-      morelinktitle: "시승 신청",
-    },
-  ]);
-
-  const bannerSlides2 = ref([
-    {
-      image: "/img/models/bronco/design-01-1.png",
-      alt: "Bronco Outer Banks",
-      title: "Bronco Outer Banks",
-      smalldesc:
-        "국내 출시된 아우터 뱅크스 모델은 각진 브롱코 레터링 그릴, 전면의 둥근 헤드램프, 이목을 사로잡는 펜더 플레어로 둘러싸인 대형 타이어 등은 1세대 브롱코 디자인의<br/>특별하고도 독특한 아이텐티티를 잘 보여줍니다.",
-    },
-    {
-      image: "/img/models/bronco/design-01-2.png",
-      alt: "COMFORT MEETS DURABILITY",
-      title: "COMFORT MEETS DURABILITY",
-      smalldesc:
-        "자유로우면서도 강인한 익스테리 감각적인 인테리어는 브롱코를 더욱 빛내주는 중요한 요소입니다.<br/>다양한 편의시설과 운전자의 체형에 따라 조절가능한 1열 파워시트, 넉넉한 레그룸을 갖춘 2열 공간은 브롱코를 더욱 매력적으로 만듭니다.",
-    },
-  ]);
-
-  const bannerSlides3 = ref([
-    {
-      image: "/img/models/bronco/design-02-1.png",
-      alt: "10-Speed Transmissions",
-      title: "10-Speed Transmissions",
-
-      smalldesc:
-        "브롱코 아우터뱅크스에 장착된 10단 자동 트랜스미션은 오프로드 상황에서도 엔진의 파워를 잘 유지시켜줄 수 있도록 설계되었으며 특히 저단 기어에서는 더욱 더 인상적인<br/>성능을 발휘합니다.",
-    },
-    {
-      image: "/img/models/bronco/design-02-2.png",
-      alt: "THE WHOLE HOSS",
-      title: "THE WHOLE HOSS",
-
-      smalldesc:
-        "브롱코의 스릴 넘치는 오프로드 기량을 만들어 내는 다양한 핵심 기술 중인 HOSS (High-Performance, Off-Road, Stability, Suspension) 시스템 최신 기술을 바탕으로 설계된<br/>서스펜션은 오프로드 주행 시에는 다이내믹하면서도 안정적으로 운전의 즐거움을 만끽하도록 도와주며, 일반 도로 주행 시에는 부드럽고 편안한 주행 경험을 제공합니다.<br/>* 오프로드 주행전에는사용자 설명서를 참고하시고, 주행전 주변지형을 사전에 파악하신 후 안전을 위해 주행 환경에 적합한 기능을 사용하시기 바랍니다.",
-    },
-  ]);
-
-  const gallery1 = ref([
-    { image: "/img/models/bronco/gallery_1_1.avif" },
-    { image: "/img/models/bronco/gallery_1_2.avif" },
-    { image: "/img/models/bronco/gallery_1_3.avif" },
-    { image: "/img/models/bronco/gallery_1_4.avif" },
-    { image: "/img/models/bronco/gallery_1_5.avif" },
-    { image: "/img/models/bronco/gallery_1_6.avif" },
-    { image: "/img/models/bronco/gallery_1_7.avif" },
-    { image: "/img/models/bronco/gallery_1_8.jpg" },
-    { image: "/img/models/bronco/gallery_1_9.avif" },
-    { image: "/img/models/bronco/gallery_1_10.avif" },
-    { image: "/img/models/bronco/gallery_1_11.webp" },
-    { image: "/img/models/bronco/gallery_1_12.avif" },
-    { image: "/img/models/bronco/gallery_2_1.avif" },
-    { image: "/img/models/bronco/gallery_2_2.avif" },
-    { image: "/img/models/bronco/gallery_2_3.avif" },
-    { image: "/img/models/bronco/gallery_2_4.avif" },
-    { image: "/img/models/bronco/gallery_2_5.avif" },
-    { image: "/img/models/bronco/gallery_2_6.avif" },
-    { image: "/img/models/bronco/gallery_2_7.jpg" },
-    { image: "/img/models/bronco/gallery_2_8.avif" },
-    { image: "/img/models/bronco/gallery_2_9.webp" },
-    { image: "/img/models/bronco/gallery_2_10.avif" },  
-  ]);
-
-  const gallery2 = ref([
-    { image: "/img/models/bronco/gallery_2_1.avif" },
-    { image: "/img/models/bronco/gallery_2_2.avif" },
-    { image: "/img/models/bronco/gallery_2_3.avif" },
-    { image: "/img/models/bronco/gallery_2_4.avif" },
-    { image: "/img/models/bronco/gallery_2_5.avif" },
-    { image: "/img/models/bronco/gallery_2_6.avif" },
-    { image: "/img/models/bronco/gallery_2_7.jpg" },
-    { image: "/img/models/bronco/gallery_2_8.avif" },
-    { image: "/img/models/bronco/gallery_2_9.webp" },
-    { image: "/img/models/bronco/gallery_2_10.avif" },
-  ]);
-</script>

app/pages/ford/vehicle/expedition.vue

@@ -1,315 +0,0 @@
-<template>
-  <main>
-    <SwiperBanner
-      class="sticky--banner"
-      :slides="bannerSlides"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-
-    <div class="outer--wrapper">
-      <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              111,100,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>Platinum 3.5L EcoBoost V6</div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>7 ~ 8</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>The Road To adventure is often unpaved</h2>
-        <div class="sub--title">
-          Ford Expedition®은 대형 SUV 중에서 확실한 존재감을 보여주고 있습니다.<br />
-          사람들의 시선을 압도하는 큰 차체와 차량 내에 설치된 각종 편의 사양들은 다른
-          SUV와는 확실한 차별점을 느끼실 수 있게 해드립니다.<br />
-          Ford Expedition® Platinum 시리즈를 경험해 보십시오.
-        </div>
-      </div>
-
-      <div class="models--visual--01 mt--80">
-        <div class="thumb--wrap">
-          <img src="/img/models/expedition/visual-01.jpg" />
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>EXPEDITION Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/expedition/expd-plt7.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">platinum 7 seater standard</h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>111,100,000 원 부터 <i>*</i></em>
-                  </div>
-                </div>
-              </li>
-              <!-- <li>
-                <div class="thumb">
-                  <img src="/img/models/expedition/expd-plt8.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">platinum 8 seater standard</h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>111,100,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li> -->
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>편안하고 더 넓은 SUV</h2>
-        <div class="sub--title">
-          최대 8명이 탑승할 수 있는 편안한 좌석은 물론, Ford CO-PILOT360TM 시스템이
-          안전하고 편안한 주행을 지원합니다.<br />
-          또한 3.5리터 가솔린 엔진이 뿜어내는 강력한 파워는 익스페디션 만의 퍼포먼스
-          주행을 실현합니다.
-        </div>
-      </div>
-      <div class="models--visual--grid mt--80 type--2">
-        <ul>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/expedition/grid-01.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>3.5L 가솔린 엔진</h2>
-              <div class="captions">
-                포드 익스페디션은 3.5리터 가솔린 엔진과 10단<br />
-                자동 변속기가 장착되어 원하시는 곳이 어디든지<br />
-                편안하게 모셔드립니다.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/expedition/grid-02.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>10단 자동 변속기</h2>
-              <div class="captions">
-                10단 자동 변속기는 최적화된 변속 타이밍을 제공합니다.<br />
-                또한, 견인/끌기 모드는 가파른 오르막 경사에서<br />
-                원치 않는 빈번한 기어 변속을 억제합니다.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/expedition/grid-03.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>60/40 리클라이닝 파워 폴드 시트</h2>
-              <div class="captions">
-                포드 익스페디션의 좌석은 1열 파워 운전석, 캡틴 시트<br />
-                또는 벤치 시트로 구성된 2열 좌석, 60/40으로<br />
-                분할된 리클라이닝 파워폴드 시트로 구성된 3열<br />
-                좌석으로 구성되었습니다. 최대 8명이 가능한<br />
-                익스페디션의 넓은 공간은 모든 탑승객에<br />
-                만족감과 편안함을 선사합니다.
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-
-      <!-- <SwiperBanner3
-        class="mt--100"
-        :slides="bannerSlides2"
-        :autoplay="false"
-        :loop="false"
-        mtitle="design"
-        stitle="오랜 시간 동안 포드는 가족들의 편안함을 위한 더 크고, 더 나은 suV를 만들기 위해 고민해왔습니다.<br/>이제, 익스페디션은 바로 그 해답들 중 하나입니다."
-        type=""
-      />
-
-      <SwiperBanner3
-        :slides="bannerSlides3"
-        :autoplay="false"
-        :loop="false"
-        type=""
-        mtitle="technology"
-        stitle="때로는 사소한 것들이 우리의 삶을 지탱할 수 있게 해줍니다.<br/>익스페디션에는 작지만 세심한 배려가 숨어 있습니다."
-      /> -->
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">작지만 세심한 배려가 숨어 있는 디자인</div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <!-- <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type="exterior"
-          /> -->
-          <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-            *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-  const bannerSlides = ref([
-    {
-      image: "/img/models/expedition/expd_banner01.jpg",
-      moImage: "/img/models/expedition/expd_banner01_mo.png",
-      alt: "ford expedition",
-      title: "ford expedition",
-      subtitle: "사람들의 시선을 압도하는 큰 차체 다른 SUV와는 확실한 차별점",
-      smalldesc: "",
-      morelink: "/ford/network",
-      morelinktitle: "시승 신청",
-      morelinktarget: "",
-    },
-  ]);
-
-  const bannerSlides2 = ref([
-    {
-      image: "/img/models/expedition/design-01-1.png",
-      alt: "ford expedition",
-      title: "LIVING LARGE",
-
-      smalldesc:
-        "3.5L 가솔린 engine과 22인치 알루미늄 휠, 그리고 파워 러닝 보드 등이 적용되어 있어 큰 차체 때문에 느낄 수 있는 운전 및 승하차의 불편함을 덜어 드립니다.<br/>또한 360도 카메라는 주차시 주변 장애물을 쉽게 인지할 수 있도록 도와드립니다.",
-    },
-    {
-      image: "/img/models/expedition/design-01-2.png",
-      alt: "LIVING COMFORT",
-      title: "LIVING COMFORT",
-
-      smalldesc:
-        "열선 및 통풍 기능이 포함된 럭셔리 가죽시트는 운전자는 물론, 동승자에게도 편안함을 제공해드립니다. <br />뿐만 아니라, 인테리어 곳곳에서 익스페디션만의 특별함을 느끼실 수 있습니다.",
-    },
-    {
-      image: "/img/models/expedition/design-01-3.png",
-      alt: "LOOKS MEET COMFORT",
-      title: "LOOKS MEET COMFORT",
-
-      smalldesc:
-        "익스페디션 실내에 적용된 독특한 우드 액센트, 가죽으로 마감처리된 인스트루먼트 패널 및 파노라믹 비스타 루프가 서로 조화를 이루어 익스페디션을 더욱 돋보이게 만듭니다.",
-    },
-  ]);
-
-  const bannerSlides3 = ref([
-    {
-      image: "/img/models/expedition/design-02-1.png",
-      alt: "STAY WELL-CONNECTED",
-      title: "STAY WELL-CONNECTED",
-
-      smalldesc:
-        "포드 익스페디션에 제공되는 싱크4 (SYNC)® 시스템과 함께라면 운전 중에도 각종 기능들을 안전하게 이용하실 수 있습니다. <br />싱크4 (SYNC)®의 음성 명령 기능으로 차량을 컨트롤할 수 있음은 물론, 대형 터치스크린에서 간단한 조작만으로도 필요한 기능을 사용하실 수 있습니다. <br />싱크4 (SYNC)® 1로 애플 카플레이(Apple CarPlayTM)2와 안드로이드 오토(Android AutoTM) 의 다양한 기능을 즐길 수 있습니다.",
-    },
-    {
-      image: "/img/models/expedition/design-02-2.png",
-      alt: "THE POWER TO MOVE YOU",
-      title: "THE POWER TO MOVE YOU",
-
-      smalldesc:
-        "포드 익스페디션은 3.5리터 가솔린 엔진과 10 단 자동 변속기가 장착되어 원하시는 곳이 어디든지 편안하게 모셔드립니다.<br/>간단한 조작만으로도 7개의 드라이브 모드*를 사용할 수 있도록 설계되어 있어, 도로 여건에 최적화된 드라이빙을 즐기실 수 있도록 도와드립니다.<br/>* 7개의 드라이브 모드 : NORMAL, SPORT, ECO, GRASS/GRAVEL/SNOW(4WD), TOW/HAUL, SAND, MUD/RUTS",
-    },
-  ]);
-
-  const gallery1 = ref([
-    { image: "/img/models/expedition/gallery_1_1.jpg" },
-    { image: "/img/models/expedition/gallery_1_2.jpg" },
-    { image: "/img/models/expedition/gallery_1_3.jpg" },
-    { image: "/img/models/expedition/gallery_1_4.jpg" },
-    { image: "/img/models/expedition/gallery_1_5.jpg" },
-    { image: "/img/models/expedition/gallery_1_6.jpg" },
-    { image: "/img/models/expedition/gallery_1_7.jpg" },
-    { image: "/img/models/expedition/gallery_1_8.jpg" },
-    { image: "/img/models/expedition/gallery_1_9.jpg" },
-    { image: "/img/models/expedition/gallery_2_1.jpg" },
-    { image: "/img/models/expedition/gallery_2_2.jpg" },
-    { image: "/img/models/expedition/gallery_2_3.jpg" },
-    { image: "/img/models/expedition/gallery_2_4.jpg" },
-    { image: "/img/models/expedition/gallery_2_5.jpg" },
-    { image: "/img/models/expedition/gallery_2_6.jpg" },
-    { image: "/img/models/expedition/gallery_2_7.jpg" },
-    { image: "/img/models/expedition/gallery_2_8.jpg" },
-    { image: "/img/models/expedition/gallery_2_9.jpg" },
-    { image: "/img/models/expedition/gallery_2_10.jpg" },
-    { image: "/img/models/expedition/gallery_2_11.jpg" },
-    { image: "/img/models/expedition/gallery_2_12.jpg" },
-    { image: "/img/models/expedition/gallery_2_13.jpg" },
-    { image: "/img/models/expedition/gallery_2_14.jpg" },
-    { image: "/img/models/expedition/gallery_2_15.jpg" },
-    { image: "/img/models/expedition/gallery_2_16.jpg" },
-    { image: "/img/models/expedition/gallery_2_17.jpg" },
-    { image: "/img/models/expedition/gallery_2_18.jpg" },
-    { image: "/img/models/expedition/gallery_2_19.jpg" },
-    { image: "/img/models/expedition/gallery_2_20.jpg" },
-  ]);
-
-  const gallery2 = ref([
-    { image: "/img/models/expedition/gallery_2_1.jpg" },
-    { image: "/img/models/expedition/gallery_2_2.jpg" },
-    { image: "/img/models/expedition/gallery_2_3.jpg" },
-    { image: "/img/models/expedition/gallery_2_4.jpg" },
-    { image: "/img/models/expedition/gallery_2_5.jpg" },
-    { image: "/img/models/expedition/gallery_2_6.jpg" },
-    { image: "/img/models/expedition/gallery_2_7.jpg" },
-    { image: "/img/models/expedition/gallery_2_8.jpg" },
-    { image: "/img/models/expedition/gallery_2_9.jpg" },
-    { image: "/img/models/expedition/gallery_2_10.jpg" },
-    { image: "/img/models/expedition/gallery_2_11.jpg" },
-    { image: "/img/models/expedition/gallery_2_12.jpg" },
-    { image: "/img/models/expedition/gallery_2_13.jpg" },
-    { image: "/img/models/expedition/gallery_2_14.jpg" },
-    { image: "/img/models/expedition/gallery_2_15.jpg" },
-    { image: "/img/models/expedition/gallery_2_16.jpg" },
-    { image: "/img/models/expedition/gallery_2_17.jpg" },
-    { image: "/img/models/expedition/gallery_2_18.jpg" },
-    { image: "/img/models/expedition/gallery_2_19.jpg" },
-    { image: "/img/models/expedition/gallery_2_20.jpg" },
-  ]);
-</script>

app/pages/ford/vehicle/explorer.vue

@@ -1,591 +0,0 @@
-<template>
-  <main>
-    <SwiperBanner
-      v-if="!isAfterLaunch"
-      class="sticky--banner"
-      :slides="bannerSlides"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-    <SwiperBanner
-      v-if="isAfterLaunch"
-      class="sticky--banner"
-      :slides="bannerSlides2"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-    <div class="outer--wrapper" v-if="!isAfterLaunch">
-      <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              62,000,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>Ecoboost 2.3L<em></em></div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>6 ~ 7</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>it’s all in the name, 포드 익스플로러</h2>
-        <div class="sub--title">
-          1990년 처음 미국에서 출시된 익스플로러는 대형 SUV라는 새로운 장르를 개척하며
-          35년 넘는 시간 동안 성장과 진화를 거듭해 왔습니다.<br />가장 익스플로러 다운
-          그리고 더욱 새로워진 더 뉴 익스플로러(The new Explorer)를 소개합니다
-        </div>
-      </div>
-
-      <div class="models--visual--01 mt--80">
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/visual-01.jpg" />
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>Explorer Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/explorer-stl.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">ST-Line <span class="trim--desc">25MY</span></h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>62,000,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/explorer-plt.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Platinum <span class="trim--desc">25MY</span></h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>68,000,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>New face of exploration</h2>
-        <div class="sub--title">
-          더 커진 그릴과 더 날렵해진 헤드 랩프는 익스플로러만의 유니크한 스타일링을
-          완성해주었습니다.<br />
-          익스플로러의 첫 인상을 만들어 내는 전면부 디자인은 전체적으로 무게 중심이 낮게
-          보이도록 설계되어 시각적인 안정감을 제공합니다.
-        </div>
-      </div>
-      <div class="models--visual--01 mt--80 type--2">
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/visual-02.png" />
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>ST-line</h2>
-        <div class="sub--title">
-          Stylish 대형 SUV라는 새로운 장르를 개척한 ST-Line은 도심 속에서 더욱 빛을
-          발합니다.<br />
-          하지만 도심을 벗어나 오프로드에 진입하는 순간에는 익스플로러라는 이름에 걸맞은
-          4WD SUV 본연의 역할을 충실히 해냅니다.<br />
-          다재다능한 The New Explorer ST-Line과 합께 하십시오.
-        </div>
-      </div>
-      <div class="models--visual--01 mt--80 type--2">
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/visual-03.png" />
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>platinum</h2>
-        <div class="sub--title">
-          독특한 문양의 그릴이 돋보이는 Platinum 시리즈는 도심형 SUV의 진수를
-          보여드립니다.<br />
-          최대 7명까지 탑승 가능한 Platinum 시리즈는 많은 인원이 함께 여정을 함께하는
-          순간에도 편안함을 제공하며 패밀리 SUV로서 명성을 충분히 수행합니다.
-        </div>
-      </div>
-      <div class="models--visual--01 mt--80 type--2">
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/visual-04.png" />
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">
-          가장 익스플로러 다운 그리고 더욱 새로워진 더 뉴 익스플로러 (The new explorer)를
-          소개합니다.
-        </div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-             *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="outer--wrapper" v-if="isAfterLaunch">
-      <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              77,500,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>2.3L Ecoboost  I-4<br />3.0L Ecoboost V6</div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>6 ~ 7</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>IT’S ALL IN THE NAME, FORD EXPLORER<br/>익스플로러 시작은 호기심과 확인</h2>
-        <div class="sub--title">
-          국내 대형 SUV를 개척해온 익스플로러는 오랜시간 동안 성장과 진화를 거듭해 왔습니다.<br/>가장 익스플로러다운 그리고 더욱 새로워진 뉴 익스플로러(The new Explorer)를 소개합니다.
-        </div>
-      </div>
-
-      <div class="models--visual--01 type--5 mt--80">
-        <div class="thumb--wrap">
-          <ClientOnly>
-           <video
-              autoplay
-              muted
-              loop
-              playsinline              
-              poster="https://audi.interscope.co.kr/video/flak/flak_26my_web.mp4"
-              preload="metadata"
-            >
-              <source src="https://audi.interscope.co.kr/video/flak/flak_26my_web.mp4" type="video/mp4" />
-            </video>
-            </ClientOnly>
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/n-explorer-tremor.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Tremor</h2>
-                  <div class="price--wrap flex--column">
-                    <div>소비자 가격 : <em>88,500,000 원<i>*</i></em></div>
-                    <div>엔진 : <em>3.0L Ecoboost V6</em></div>
-                    <div>승차 정원 (명) : <em>6</em></div>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/n-explorer-stl.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">ST-Line</h2>
-                  <div class="price--wrap flex--column">
-                    <div>소비자 가격 : <em>77,500,000 원<i>*</i></em></div>
-                    <div>엔진 : <em>2.3L Ecoboost I-4</em></div>
-                    <div>승차 정원 (명) : <em>6</em></div>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/n-explorer-plt.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Platinum</h2>
-                  <div class="price--wrap flex--column">
-                    <div>소비자 가격 : <em>84,500,000 원<i>*</i></em></div>
-                    <div>엔진 : <em>2.3L Ecoboost I-4</em></div>
-                    <div>승차 정원 (명) : <em>7</em></div>
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="car--color--pick--wrap mt--120">
-        <div>
-          <div class="tab">
-            <span
-              :class="{ active: activeColorTab === 0 }"
-              @click="activeColorTab = 0"
-            >Tremor</span>
-            <span
-              :class="{ active: activeColorTab === 1 }"
-              @click="activeColorTab = 1"
-            >ST-Line</span>
-            <span
-              :class="{ active: activeColorTab === 2 }"
-              @click="activeColorTab = 2"
-            >Platinum</span>
-          </div>
-
-          <div v-show="activeColorTab === 0">
-            <ColorPicker
-              title="Tremor"
-              :colors="colorpick3"
-              titleOption
-              class="mt--80"
-            />
-          </div>
-          <div v-show="activeColorTab === 1">
-            <ColorPicker
-              title="st-line"
-              :colors="colorpick2"
-              titleOption
-              class="mt--80"
-            />
-          </div>
-          <div v-show="activeColorTab === 2">
-            <ColorPicker
-              title="platinum"
-              titleOption
-              :colors="colorpick"
-              class="mt--80"
-            />
-          </div>
-        </div>
-      </div>
-
-      <div class="models--visual--tab--type">
-        <h3 class="title--interior">Interior Theme</h3>
-        <div v-show="activeColorTab === 0" class="">
-          <div class="thumb--wrap none--border">
-            <img src="/img/models/explorer/2026/img--tremor2.jpg" alt="">
-          </div>
-        </div>
-        <div v-show="activeColorTab === 1" class="">
-          <div class="thumb--wrap none--border">
-            <img src="/img/models/explorer/2026/img--stline2.jpg" alt="">
-          </div>
-        </div>
-        <div v-show="activeColorTab === 2" class="">
-          <div class="thumb--wrap none--border">
-            <img src="/img/models/explorer/2026/img--platinum2.jpg" alt="">
-          </div>
-        </div>
-      </div>
-
-      <div class="models--visual--3view mt--100">
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/2026/img--tremor1.jpg" alt="Tremor">
-        </div>
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/2026/img--stline1.jpg" alt="ST-Line">
-        </div>
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/2026/img--platinum1.jpg" alt="Platinum">
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">
-          가장 익스플로러 다운 그리고 더욱 새로워진 더 뉴 익스플로러 (The new explorer)를
-          소개합니다.
-        </div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-             *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  const isAfterLaunch = useTimeSwitch('2026-04-15T08:00:00+09:00');
-
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-  const activeColorTab = ref(0);
-  const activeIntTab = ref(0);
-  const bannerSlides = ref([
-    {
-      image: "/img/models/explorer/exp_banner01.png",
-      moImage: "/img/models/explorer/exp_banner01_mo.jpg",
-      alt: "the new ford explorer",
-      title: "the new ford explorer",
-      subtitle: "익스플로러 시작은 호기심과 확신",
-      smalldesc: "",
-      morelink: "/ford/network",
-      morelinktitle: "시승 신청",
-      morelinktarget: "",
-    },
-  ]);
-
-  const bannerSlides2 = ref([
-    {
-      image: "/img/models/explorer/2026/banner.png",
-      moImage: "/img/models/explorer/2026/banner_mo.jpg",
-      alt: "",
-      title: "",
-      subtitle: "",
-      smalldesc: "",
-      // morelink: "/ford/network",
-      // morelinktitle: "시승 신청",
-      morelinktarget: "",
-    },
-  ]);
-
-  const colorpick = ref([
-    {
-      image : "/img/models/explorer/exp_agate_black.png",
-      alt : "",
-      title : "Agate Black",
-      colorValue : "#535353"
-    },
-    {
-      image : "/img/models/explorer/exp_space_white.png",
-      alt : "",
-      title : "Space White",
-      colorValue : "#939BA3"
-    },
-    {
-      image : "/img/models/explorer/exp_carbonized_gray.png",
-      alt : "",
-      title : "Carbonized Gray",
-      colorValue : "#58585B"
-    },
-    {
-      image : "/img/models/explorer/exp_rapid_red.png",
-      alt : "",
-      title : "Rapid Red",
-      colorValue : "#A21E26"
-    },
-    {
-      image : "/img/models/explorer/exp_star_white.png",
-      alt : "",
-      title : "Star White",
-      colorValue : "#CACBC5"
-    }   
-  ])
-  const colorpick2 = ref([
-    {
-      image : "/img/models/explorer/exp_st_agate_black.png",
-      alt : "",
-      title : "Agate Black",
-      colorValue : "#535353"
-    },
-    {
-      image : "/img/models/explorer/exp_st_marsh_gray.png",
-      alt : "",
-      title : "Marsh Gray",
-      colorValue : "#5B534D"
-    },
-    {
-      image : "/img/models/explorer/exp_st_carbonized_gray.png",
-      alt : "",
-      title : "Carbonized Gray",
-      colorValue : "#58585B"
-    },
-    {
-      image : "/img/models/explorer/exp_st_vapor_blue.png",
-      alt : "",
-      title : "Vapor Blue",
-      colorValue : "#384F64"
-    },
-    {
-      image : "/img/models/explorer/exp_st_rapid_red.png",
-      alt : "",
-      title : "Rapid Red",
-      colorValue : "#A21E26"
-    },
-    {
-      image : "/img/models/explorer/exp_st_star_white.png",
-      alt : "",
-      title : "Star White",
-      colorValue : "#CACBC5"
-    }   
-  ])
-  const colorpick3 = ref([
-    {
-      image : "/img/models/explorer/exp_tremor_agate_black.png",
-      alt : "",
-      title : "Agate Black",
-      colorValue : "#535353"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_marsh_gray.png",
-      alt : "",
-      title : "Marsh Gray",
-      colorValue : "#5B534D"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_space_white.png",
-      alt : "",
-      title : "Space White",
-      colorValue : "#A0A7B1"
-    },   
-    {
-      image : "/img/models/explorer/exp_tremor_carbonized_gray.png",
-      alt : "",
-      title : "Carbonized Gray",
-      colorValue : "#58585B"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_vapor_blue.png",
-      alt : "",
-      title : "Vapor Blue",
-      colorValue : "#384F64"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_star_white.png",
-      alt : "",
-      title : "Star White",
-      colorValue : "#CACBC5"
-    },
-    
-  ])
-
-  const gallery1 = ref([
-    { image: "/img/models/explorer/gallery_1_1.jpg", },
-    { image: "/img/models/explorer/gallery_1_2.jpg", },
-    { image: "/img/models/explorer/gallery_1_3.jpg", },
-    { image: "/img/models/explorer/gallery_1_4.avif", },
-    { image: "/img/models/explorer/gallery_1_5.avif", },
-    { image: "/img/models/explorer/gallery_1_6.avif", },
-    { image: "/img/models/explorer/gallery_1_7.avif", },
-    { image: "/img/models/explorer/gallery_1_8.avif", },
-    { image: "/img/models/explorer/gallery_1_9.avif", },
-    { image: "/img/models/explorer/gallery_1_10.avif", },
-    { image: "/img/models/explorer/gallery_1_11.avif", },
-    { image: "/img/models/explorer/gallery_1_12.avif", },
-    { image: "/img/models/explorer/gallery_1_13.avif", },
-    { image: "/img/models/explorer/gallery_1_14.avif", },
-    { image: "/img/models/explorer/gallery_1_15.avif", },
-    { image: "/img/models/explorer/gallery_1_16.jpg", },
-    { image: "/img/models/explorer/gallery_1_17.jpg", },
-    { image: "/img/models/explorer/gallery_1_18.avif", },
-    { image: "/img/models/explorer/gallery_1_19.avif", },
-    { image: "/img/models/explorer/gallery_1_20.avif", },
-    { image: "/img/models/explorer/gallery_2_1.avif", },
-    { image: "/img/models/explorer/gallery_2_2.avif", },
-    { image: "/img/models/explorer/gallery_2_3.avif", },
-    { image: "/img/models/explorer/gallery_2_4.avif", },
-    { image: "/img/models/explorer/gallery_2_5.avif", },
-    { image: "/img/models/explorer/gallery_2_6.avif", },
-    { image: "/img/models/explorer/gallery_2_7.avif", },
-    { image: "/img/models/explorer/gallery_2_8.avif", },
-    { image: "/img/models/explorer/gallery_2_9.jpg", },
-    { image: "/img/models/explorer/gallery_2_10.avif", },
-    { image: "/img/models/explorer/gallery_2_11.avif", },
-    { image: "/img/models/explorer/gallery_2_12.avif", },
-    { image: "/img/models/explorer/gallery_2_13.avif", },
-    { image: "/img/models/explorer/gallery_2_14.avif", },
-    { image: "/img/models/explorer/gallery_2_15.avif", },
-    { image: "/img/models/explorer/gallery_2_16.jpg", },
-    { image: "/img/models/explorer/gallery_2_17.webp", },
-    { image: "/img/models/explorer/gallery_2_18.webp", },
-    { image: "/img/models/explorer/gallery_2_19.webp", },
-    { image: "/img/models/explorer/gallery_2_20.webp", },
-  ]);
-
-  const gallery2 = ref([
-    { image: "/img/models/explorer/2026/gallery1.jpg", },
-    { image: "/img/models/explorer/2026/gallery2.jpg", },
-    { image: "/img/models/explorer/2026/gallery3.jpg", },
-    { image: "/img/models/explorer/2026/gallery4.jpg", },
-    { image: "/img/models/explorer/2026/gallery5.jpg", },
-    { image: "/img/models/explorer/2026/gallery6.jpg", },
-    { image: "/img/models/explorer/2026/gallery7.jpg", },
-    { image: "/img/models/explorer/2026/gallery8.jpg", },
-    { image: "/img/models/explorer/2026/gallery9.jpg", },
-    { image: "/img/models/explorer/2026/gallery10.jpg", },
-    { image: "/img/models/explorer/2026/gallery11.jpg", },
-    { image: "/img/models/explorer/2026/gallery12.jpg", },
-    { image: "/img/models/explorer/2026/gallery13.jpg", },
-    { image: "/img/models/explorer/2026/gallery14.jpg", },
-    { image: "/img/models/explorer/2026/gallery15.jpg", },
-    { image: "/img/models/explorer/2026/gallery16.jpg", },
-    { image: "/img/models/explorer/2026/gallery17.jpg", },
-    { image: "/img/models/explorer/2026/gallery18.jpg", },
-    { image: "/img/models/explorer/2026/gallery19.jpg", },
-    { image: "/img/models/explorer/2026/gallery20.jpg", },
-    { image: "/img/models/explorer/2026/gallery21.jpg", },
-    { image: "/img/models/explorer/2026/gallery22.jpg", },
-    { image: "/img/models/explorer/2026/gallery23.jpg", },
-    { image: "/img/models/explorer/2026/gallery24.jpg", },
-  ]);
-</script>

app/pages/ford/vehicle/explorer2.vue

@@ -1,375 +0,0 @@
-<template>
-  <main>
-    <SwiperBanner
-      class="sticky--banner"
-      :slides="bannerSlides"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-    <div class="outer--wrapper">
-        <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              77,500,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>2.3L Ecoboost  I-4<br />3.0L Ecoboost V6</div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>6 ~ 7</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>IT’S ALL IN THE NAME, FORD EXPLORER<br/>익스플로러 시작은 호기심과 확인</h2>
-        <div class="sub--title">
-          국내 대형 SUV를 개척해온 익스플로러는 오랜시간 동안 성장과 진화를 거듭해 왔습니다.<br/>가장 익스플로러다운 그리고 더욱 새로워진 뉴 익스플로러(The new Explorer)를 소개합니다.
-        </div>
-      </div>
-
-      <div class="models--visual--01 type--5 mt--80">
-        <div class="thumb--wrap">
-          <ClientOnly>
-           <video
-              autoplay
-              muted
-              loop
-              playsinline              
-              poster="https://audi.interscope.co.kr/video/flak/flak_26my_web.mp4"
-              preload="metadata"
-            >
-              <source src="https://audi.interscope.co.kr/video/flak/flak_26my_web.mp4" type="video/mp4" />
-            </video>
-            </ClientOnly>
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/n-explorer-tremor.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Tremor</h2>
-                  <div class="price--wrap flex--column">
-                    <div>소비자 가격 : <em>88,500,000 원<i>*</i></em></div>
-                    <div>엔진 : <em>3.0L Ecoboost V6</em></div>
-                    <div>승차 정원 (명) : <em>6</em></div>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/n-explorer-stl.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">ST-Line</h2>
-                  <div class="price--wrap flex--column">
-                    <div>소비자 가격 : <em>77,500,000 원<i>*</i></em></div>
-                    <div>엔진 : <em>2.3L Ecoboost I-4</em></div>
-                    <div>승차 정원 (명) : <em>6</em></div>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/explorer/n-explorer-plt.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Platinum</h2>
-                  <div class="price--wrap flex--column">
-                    <div>소비자 가격 : <em>84,500,000 원<i>*</i></em></div>
-                    <div>엔진 : <em>2.3L Ecoboost I-4</em></div>
-                    <div>승차 정원 (명) : <em>7</em></div>
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="car--color--pick--wrap mt--120">
-        <div>
-          <div class="tab">
-            <span
-              :class="{ active: activeColorTab === 0 }"
-              @click="activeColorTab = 0"
-            >Tremor</span>
-            <span
-              :class="{ active: activeColorTab === 1 }"
-              @click="activeColorTab = 1"
-            >ST-Line</span>
-            <span
-              :class="{ active: activeColorTab === 2 }"
-              @click="activeColorTab = 2"
-            >Platinum</span>
-          </div>
-
-          <div v-show="activeColorTab === 0">
-            <ColorPicker
-              title="Tremor"
-              :colors="colorpick3"
-              titleOption
-              class="mt--80"
-            />
-          </div>
-          <div v-show="activeColorTab === 1">
-            <ColorPicker
-              title="st-line"
-              :colors="colorpick2"
-              titleOption
-              class="mt--80"
-            />
-          </div>
-          <div v-show="activeColorTab === 2">
-            <ColorPicker
-              title="platinum"
-              titleOption
-              :colors="colorpick"
-              class="mt--80"
-            />
-          </div>
-        </div>
-      </div>
-
-      <div class="models--visual--tab--type">
-        <h3 class="title--interior">Interior Theme</h3>
-        <div v-show="activeColorTab === 0" class="">
-          <div class="thumb--wrap none--border">
-            <img src="/img/models/explorer/2026/img--tremor2.jpg" alt="">
-          </div>
-        </div>
-        <div v-show="activeColorTab === 1" class="">
-          <div class="thumb--wrap none--border">
-            <img src="/img/models/explorer/2026/img--stline2.jpg" alt="">
-          </div>
-        </div>
-        <div v-show="activeColorTab === 2" class="">
-          <div class="thumb--wrap none--border">
-            <img src="/img/models/explorer/2026/img--platinum2.jpg" alt="">
-          </div>
-        </div>
-      </div>
-
-      <div class="models--visual--3view mt--100">
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/2026/img--tremor1.jpg" alt="Tremor">
-        </div>
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/2026/img--stline1.jpg" alt="ST-Line">
-        </div>
-        <div class="thumb--wrap">
-          <img src="/img/models/explorer/2026/img--platinum1.jpg" alt="Platinum">
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">
-          가장 익스플로러 다운 그리고 더욱 새로워진 더 뉴 익스플로러 (The new explorer)를
-          소개합니다.
-        </div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-             *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);  
-  const activeColorTab = ref(0);
-  const bannerSlides = ref([
-    {
-      image: "/img/models/explorer/2026/banner.png",
-      moImage: "/img/models/explorer/2026/banner_mo.png",
-      alt: "",
-      title: "",
-      subtitle: "",
-      smalldesc: "",
-      // morelink: "/ford/network",
-      // morelinktitle: "시승 신청",
-      morelinktarget: "",
-    },
-  ]);
-
-  const gallery1 = ref([
-    { image: "/img/models/explorer/2026/gallery1.jpg", },
-    { image: "/img/models/explorer/2026/gallery2.jpg", },
-    { image: "/img/models/explorer/2026/gallery3.jpg", },
-    { image: "/img/models/explorer/2026/gallery4.jpg", },
-    { image: "/img/models/explorer/2026/gallery5.jpg", },
-    { image: "/img/models/explorer/2026/gallery6.jpg", },
-    { image: "/img/models/explorer/2026/gallery7.jpg", },
-    { image: "/img/models/explorer/2026/gallery8.jpg", },
-    { image: "/img/models/explorer/2026/gallery9.jpg", },
-    { image: "/img/models/explorer/2026/gallery10.jpg", },
-    { image: "/img/models/explorer/2026/gallery11.jpg", },
-    { image: "/img/models/explorer/2026/gallery12.jpg", },
-    { image: "/img/models/explorer/2026/gallery13.jpg", },
-    { image: "/img/models/explorer/2026/gallery14.jpg", },
-    { image: "/img/models/explorer/2026/gallery15.jpg", },
-    { image: "/img/models/explorer/2026/gallery16.jpg", },
-    { image: "/img/models/explorer/2026/gallery17.jpg", },
-    { image: "/img/models/explorer/2026/gallery18.jpg", },
-    { image: "/img/models/explorer/2026/gallery19.jpg", },
-    { image: "/img/models/explorer/2026/gallery20.jpg", },
-    { image: "/img/models/explorer/2026/gallery21.jpg", },
-    { image: "/img/models/explorer/2026/gallery22.jpg", },
-    { image: "/img/models/explorer/2026/gallery23.jpg", },
-    { image: "/img/models/explorer/2026/gallery24.jpg", },
-  ]);
-
-
-
-
-  const colorpick = ref([
-    {
-      image : "/img/models/explorer/exp_agate_black.png",
-      alt : "",
-      title : "Agate Black",
-      colorValue : "#535353"
-    },
-    {
-      image : "/img/models/explorer/exp_space_white.png",
-      alt : "",
-      title : "Space White",
-      colorValue : "#939BA3"
-    },
-    {
-      image : "/img/models/explorer/exp_carbonized_gray.png",
-      alt : "",
-      title : "Carbonized Gray",
-      colorValue : "#58585B"
-    },
-    {
-      image : "/img/models/explorer/exp_rapid_red.png",
-      alt : "",
-      title : "Rapid Red",
-      colorValue : "#A21E26"
-    },
-    {
-      image : "/img/models/explorer/exp_star_white.png",
-      alt : "",
-      title : "Star White",
-      colorValue : "#CACBC5"
-    }   
-  ])
-  const colorpick2 = ref([
-    {
-      image : "/img/models/explorer/exp_st_agate_black.png",
-      alt : "",
-      title : "Agate Black",
-      colorValue : "#535353"
-    },
-    {
-      image : "/img/models/explorer/exp_st_marsh_gray.png",
-      alt : "",
-      title : "Marsh Gray",
-      colorValue : "#5B534D"
-    },
-    {
-      image : "/img/models/explorer/exp_st_carbonized_gray.png",
-      alt : "",
-      title : "Carbonized Gray",
-      colorValue : "#58585B"
-    },
-    {
-      image : "/img/models/explorer/exp_st_vapor_blue.png",
-      alt : "",
-      title : "Vapor Blue",
-      colorValue : "#384F64"
-    },
-    {
-      image : "/img/models/explorer/exp_st_rapid_red.png",
-      alt : "",
-      title : "Rapid Red",
-      colorValue : "#A21E26"
-    },
-    {
-      image : "/img/models/explorer/exp_st_star_white.png",
-      alt : "",
-      title : "Star White",
-      colorValue : "#CACBC5"
-    }   
-  ])
-  const colorpick3 = ref([
-    {
-      image : "/img/models/explorer/exp_tremor_agate_black.png",
-      alt : "",
-      title : "Agate Black",
-      colorValue : "#535353"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_marsh_gray.png",
-      alt : "",
-      title : "Marsh Gray",
-      colorValue : "#5B534D"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_space_white.png",
-      alt : "",
-      title : "Space White",
-      colorValue : "#A0A7B1"
-    },   
-    {
-      image : "/img/models/explorer/exp_tremor_carbonized_gray.png",
-      alt : "",
-      title : "Carbonized Gray",
-      colorValue : "#58585B"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_vapor_blue.png",
-      alt : "",
-      title : "Vapor Blue",
-      colorValue : "#384F64"
-    },
-    {
-      image : "/img/models/explorer/exp_tremor_star_white.png",
-      alt : "",
-      title : "Star White",
-      colorValue : "#CACBC5"
-    },
-    
-  ])
-</script>

app/pages/ford/vehicle/mustang.vue

@@ -1,383 +0,0 @@
-<template>
-  <main>
-    <SwiperBanner
-      class="sticky--banner"
-      :slides="bannerSlides"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-    <div class="outer--wrapper">
-      <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              59,200,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>EcoBoost® 2.3L<span></span>Ti-VCT V8 5.0L</div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>4</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>RULES OF THE OPEN ROAD</h2>
-        <div class="sub--title">
-          2025 FORD MUSTANG 현대적이고 헤리티지에서 영감을 받은 디자인은 마주하는 순간
-          영혼을 사로잡힐 정도의 매력이 있습니다.<br />
-          열린 도로. 닫힌 트랙. 이 전설적인 스포츠카의 아이콘은 모두를 삼켜 버립니다.
-        </div>
-      </div>
-
-      <div class="models--visual--01 type--3 mt--80">
-        <div class="thumb--wrap">
-          <img src="/img/models/mustang/visual-01.jpg" />
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>Mustang Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/mustang/mustang01.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">
-                    Ecoboost Premium<br />
-                    Coupe
-                  </h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>59,200,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/mustang/mustang02.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">
-                    Ecoboost Premium<br />
-                    Convertible
-                  </h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>66,200,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/mustang/mustang03.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">
-                    GT Premium Coupe<br />
-                    Standard
-                  </h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>78,900,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/mustang/mustang04.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">
-                    GT Premium<br />
-                    Convertible Standard
-                  </h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>85,000,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>THE LEGEND THAT KEEPS YOU COMING BACK</h2>
-        <div class="sub--title">
-          강력한 4기통 엔진이 장착된 MUSTANG ECOBOOST PREMIUM 모델은 2.3L 퍼포먼스
-          패키지와 함께하여 만족할만한 성능을 발휘합니다.<br />
-          MUSTANG 5.0L GT 모델은 원하시는 대로 트랙을 마음껏 달릴 수 있도록
-          설계되었습니다.<br />
-          MUSTANG에 올라 버클을 채우십시오. 당신의 삶은 놀라운 속도로 움직일 것입니다.
-        </div>
-      </div>
-      <div class="models--visual--grid mt--80 type--2">
-        <ul>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/mustang/grid-01.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>OPEN-AIR FREEDOM</h2>
-              <div class="captions">
-                MUSTANG CONVERTIBLE과 함께 하고 계시다면<br />
-                TOP을 제거하여 열어보십시오.<br />
-                코끝으로 느껴지는 신선한 공기가 당신을<br />
-                새롭게 만들어드릴 것입니다.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/mustang/grid-02.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>HIGH-PERFORMANCE HANDLING</h2>
-              <div class="captions">
-                2025 Ford Mustang에 적용된 Flat bottom<br />
-                스티어링 휠은 모두 4조각의 가죽으로 마감되어<br />
-                있으며 각 부분에 적절하게 조화된 크롬 베젤과도<br />
-                잘 조화를 이룹니다. Mustang의 스티어링 휠은<br />
-                도심, 트랙 어느 곳에서도 경주용 차량과 같은<br />
-                컨트롤이 가능할 수 있도록 도와드립니다.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/mustang/grid-03.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>IMMERSIVE DIGITAL COCKPIT</h2>
-              <div class="captions">
-                매일 반복되는 일상적인 드라이빙에는 가끔 변화가<br />
-                필요합니다. 사용자가 설정이 가능한 LCD 디지털<br />
-                클러스터 및 센터 터치스크린을 통해 원하시는<br />
-                디자인으로 디스플레이를 변경해 보십시오.
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-
-      <!-- <SwiperBanner3
-        class="mt--100"
-        :slides="bannerSlides2"
-        :autoplay="false"
-        :loop="false"
-        mtitle="design"
-        stitle="2025 Ford Mustang 라인업은 보는 순간 당신의 영혼을 자극할 수 있을 정도로 세심하게 제작되었습니다.<br/>
-  헤리티지에서 영감을 받은 모던한 디자인에는 날렵한 라인과 질주 본능 등 정통 머스탱의 특징이 그대로 반영되어 있습니다.<br/>
-  그리고 보는 이의 눈길을 사로잡는 11가지의 컬러 및 3가지 인테리어 옵션을 통해 어디를 가든지 자신만의 개성을 드러낼 수 있습니다."
-        type=""
-      />
-
-      <SwiperBanner3
-        :slides="bannerSlides3"
-        :autoplay="false"
-        :loop="false"
-        type=""
-        mtitle="technology"
-        stitle="아메리칸 머슬카를 대표하는 머스탱은 장애물이 있는 도로나 깊은 코너링에서도 최적의 성능을 발휘합니다.<br/>
-  이는 60년의 역사를 지닌 머스탱 이기에 가능한 일입니다."
-      /> -->
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">
-          여전히 많은 이들이 MUSTANG이라는 이름만 들어도 가슴이 설레이실 것입니다. 바로
-          퍼포먼스의 모든 것, 포드MUSTANG 입니다.
-        </div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-              *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-  const bannerSlides = ref([
-    {
-      image: "/img/models/mustang/mustang_banner01.jpg",
-      moImage: "/img/models/mustang/mustang_banner01_mo.jpg",
-      alt: "Ford mustang",
-      title: "Ford mustang",
-      subtitle: "머스탱을 소유할 최고의 타이밍",
-      smalldesc: "",
-      morelink: "/ford/network",
-      morelinktitle: "시승 신청",
-      morelinktarget: "",
-    },
-  ]);
-
-  const bannerSlides2 = ref([
-    {
-      image: "/img/models/mustang/design-01-1.png",
-      alt: "AN INSTANT CLASSIC STANDOUT STYLE",
-      title: "AN INSTANT CLASSIC STANDOUT STYLE",
-      smalldesc:
-        "2025 Ford Mustang의 특징은 매끈한 보디라인과 시선을 사로잡는 휠과 브레이크 조합에서도 발견하실 수 있습니다.<br/>이는 머스탱 고유의 현대적인 디자인을 유지하면서도 머스탱 헤리티지도 스며들어 있어, 잊을 수 없는 첫인상을 제공해 드립니다.",
-    },
-    {
-      image: "/img/models/mustang/design-01-2.png",
-      alt: "EXPERIENCE A RUSH OF COLOR",
-      title: "EXPERIENCE A RUSH OF COLOR",
-      smalldesc:
-        "2025 Ford Mustang에서는 다양한 외장색을 만나보실 수 있습니다. <br/>Race Red, Oxford White와 같은 클래식한 색상부터 생동감이 넘치는 Vapor Blue 및 Yellow Splash 컬러까지 다양하게 선택 가능합니다.",
-    },
-    {
-      image: "/img/models/mustang/design-01-3.png",
-      alt: "OPEN-AIR FREEDOM",
-      title: "OPEN-AIR FREEDOM",
-      smalldesc:
-        "만약, Mustang Convertible과 함께 하고 계시다면 Top을 제거하여 열어보십시오.<br/>코끝으로 느껴지는 신선한 공기가 당신을 새롭게 만들어드릴 것입니다.",
-    },
-  ]);
-
-  const bannerSlides3 = ref([
-    {
-      image: "/img/models/mustang/design-02-1.png",
-      alt: "GAME CHANGING COCKPIT",
-      title: "GAME CHANGING COCKPIT",
-      smalldesc:
-        "앉는 순간 나를 감싸주는 편안한 시트와 스포티한 디자인의 Flat bottom 스티어링 휠. 이뿐만 아니라 13.2인치 듀얼 스크린 대형 센터 스크린까지.<br/>쿠페 또는 컨버터블, 어떤 종류의 Mustang에 오르시더라도 Mustang과 함께하는 모든 순간에서 진정한 몰입감을 경험적으로,<br/>그리고 본능적으로 느끼실 수 있습니다.",
-    },
-    {
-      image: "/img/models/mustang/design-02-2.png",
-      alt: "IMMERSIVE DIGITAL COCKPIT",
-      title: "IMMERSIVE DIGITAL COCKPIT",
-      smalldesc:
-        "매일 반복되는 일상적인 드라이빙에는 가끔 변화가 필요합니다. 사용자가 설정이 가능한 LCD 디지털 클러스터 및 센터 터치스크린을 통해 원하시는 <br/>디자인으로 디스플레이를 변경해 보십시오.",
-    },
-    {
-      image: "/img/models/mustang/design-02-3.png",
-      alt: "EYE-CATCHING INTERIOR DETAILS",
-      title: "EYE-CATCHING INTERIOR DETAILS",
-      smalldesc:
-        "2025 Ford Mustang 인테리어는 디테일도 놓치지 않았습니다. 실내를 더욱 돋보이게 만드는 정밀한 스티칭과 악센트, 그리고 Mustang만의 유니크한 배지까지. <br/>이와 같은 디테일들이 잘 조화되어 오랫동안 잊히지 않는 Mustang 인테리어가 완성되었습니다.",
-    },
-    {
-      image: "/img/models/mustang/design-02-4.png",
-      alt: "HIGH-PERFORMANCE HANDLING",
-      title: "HIGH-PERFORMANCE HANDLING",
-      smalldesc:
-        "2025 Ford Mustang에 적용된 Flat bottom 스티어링 휠은 모두 4조각의 가죽으로 마감되어 있으며 각 부분에 적절하게 조화된 크롬 베젤과도 잘 조화를 이룹니다. <br/>Mustang의 스티어링 휠은 도심, 트랙 어느 곳에서도 경주용 차량과 같은 컨트롤이 가능할 수 있도록 도와드립니다.",
-    },
-  ]);
-
-  const gallery1 = ref([
-    { image: "/img/models/mustang/gallery_1_1.avif" },
-    { image: "/img/models/mustang/gallery_1_2.avif" },
-    { image: "/img/models/mustang/gallery_1_3.avif" },
-    { image: "/img/models/mustang/gallery_1_4.avif" },
-    { image: "/img/models/mustang/gallery_1_5.avif" },
-    { image: "/img/models/mustang/gallery_1_6.webp" },
-    { image: "/img/models/mustang/gallery_1_7.webp" },
-    { image: "/img/models/mustang/gallery_1_8.avif" },
-    { image: "/img/models/mustang/gallery_1_9.webp" },
-    { image: "/img/models/mustang/gallery_1_10.avif" },
-    { image: "/img/models/mustang/gallery_1_11.avif" },
-    { image: "/img/models/mustang/gallery_1_12.avif" },
-    { image: "/img/models/mustang/gallery_1_13.avif" },
-    { image: "/img/models/mustang/gallery_1_14.jpg" },
-    { image: "/img/models/mustang/gallery_1_15.webp" },
-    { image: "/img/models/mustang/gallery_1_16.jpg" },
-    { image: "/img/models/mustang/gallery_1_17.jpg" },
-    { image: "/img/models/mustang/gallery_1_18.avif" },
-    { image: "/img/models/mustang/gallery_1_19.webp" },
-    { image: "/img/models/mustang/gallery_1_20.avif" },
-    { image: "/img/models/mustang/gallery_1_21.avif" },
-    { image: "/img/models/mustang/gallery_1_22.avif" },
-    { image: "/img/models/mustang/gallery_1_23.avif" },
-    { image: "/img/models/mustang/gallery_1_24.jpg" },
-    { image: "/img/models/mustang/gallery_1_25.avif" },
-    { image: "/img/models/mustang/gallery_1_26.avif" },
-    { image: "/img/models/mustang/gallery_1_27.avif" },
-    { image: "/img/models/mustang/gallery_1_28.jpg" },
-    { image: "/img/models/mustang/gallery_1_29.webp" },
-    { image: "/img/models/mustang/gallery_1_30.avif" },
-    { image: "/img/models/mustang/gallery_1_31.avif" },
-    { image: "/img/models/mustang/gallery_1_32.avif" },
-    { image: "/img/models/mustang/gallery_1_33.avif" },
-    { image: "/img/models/mustang/gallery_1_34.avif" },
-    { image: "/img/models/mustang/gallery_1_35.avif" },
-    { image: "/img/models/mustang/gallery_1_36.jpg" },
-    { image: "/img/models/mustang/gallery_1_37.avif" },
-    { image: "/img/models/mustang/gallery_1_38.avif" },
-     { image: "/img/models/mustang/gallery_2_1.avif" },
-    { image: "/img/models/mustang/gallery_2_2.avif" },
-    { image: "/img/models/mustang/gallery_2_3.avif" },
-    { image: "/img/models/mustang/gallery_2_4.avif" },
-    { image: "/img/models/mustang/gallery_2_5.webp" },
-    { image: "/img/models/mustang/gallery_2_6.avif" },
-    { image: "/img/models/mustang/gallery_2_7.avif" },
-    { image: "/img/models/mustang/gallery_2_8.avif" },
-    { image: "/img/models/mustang/gallery_2_9.avif" },
-    { image: "/img/models/mustang/gallery_2_10.avif" },
-    { image: "/img/models/mustang/gallery_2_11.avif" },
-    { image: "/img/models/mustang/gallery_2_12.webp" },
-    { image: "/img/models/mustang/gallery_2_13.avif" },
-    { image: "/img/models/mustang/gallery_2_14.avif" },
-    { image: "/img/models/mustang/gallery_2_15.avif" },
-    { image: "/img/models/mustang/gallery_2_16.avif" },
-    { image: "/img/models/mustang/gallery_2_17.avif" },
-    { image: "/img/models/mustang/gallery_2_18.avif" },
-  ]);
-  const gallery2 = ref([
-    { image: "/img/models/mustang/gallery_2_1.avif" },
-    { image: "/img/models/mustang/gallery_2_2.avif" },
-    { image: "/img/models/mustang/gallery_2_3.avif" },
-    { image: "/img/models/mustang/gallery_2_4.avif" },
-    { image: "/img/models/mustang/gallery_2_5.webp" },
-    { image: "/img/models/mustang/gallery_2_6.avif" },
-    { image: "/img/models/mustang/gallery_2_7.avif" },
-    { image: "/img/models/mustang/gallery_2_8.avif" },
-    { image: "/img/models/mustang/gallery_2_9.avif" },
-    { image: "/img/models/mustang/gallery_2_10.avif" },
-    { image: "/img/models/mustang/gallery_2_11.avif" },
-    { image: "/img/models/mustang/gallery_2_12.webp" },
-    { image: "/img/models/mustang/gallery_2_13.avif" },
-    { image: "/img/models/mustang/gallery_2_14.avif" },
-    { image: "/img/models/mustang/gallery_2_15.avif" },
-    { image: "/img/models/mustang/gallery_2_16.avif" },
-    { image: "/img/models/mustang/gallery_2_17.avif" },
-    { image: "/img/models/mustang/gallery_2_18.avif" },
-  ]);
-</script>

app/pages/ford/vehicle/ranger.vue

@@ -1,345 +0,0 @@
-<template>
-  <main>
-    <SwiperBanner
-      class="sticky--banner"
-      :slides="bannerSlides"
-      :autoplay="false"
-      :loop="false"
-      type=""
-    />
-    <div class="outer--wrapper">
-      <div class="trim--spec--wrap">
-        <ul>
-          <li>
-            <span>소비자 가격</span>
-            <div>
-              63,500,000<em>원 부터<i>*</i></em>
-            </div>
-          </li>
-          <li>
-            <span>엔진</span>
-            <div>Bi-Turbo Diesel 2.0L</div>
-          </li>
-          <li>
-            <span>승차 정원(명)</span>
-            <div>5</div>
-          </li>
-        </ul>
-      </div>
-
-      <div class="title--visual">
-        <h2>OUR MOST VERSATILE RANGER EVER</h2>
-        <div class="sub--title">
-          지금까지 출시된 FORD RANGER 중 가장 스마트하고 다재다능한 RANGER를 만나보십시오.<br />
-          오랫동안 전 세계적인 명성을 유지해 온 FORD RANGER는 단순히 일차원적인 픽업
-          트럭이 아니라 고객들이 원하는 바를 모두 제공해드리기 위해 설계된 다목적
-          차량입니다.<br />
-          이제, 어떤 상황에서도 퍼포먼스를 발휘하는 파워풀한 엔진과 운전자의 안전을 위한
-          첨단 기능이 탑재된 FORD RANGER와 함께 하십시오.
-        </div>
-      </div>
-
-      <div class="models--visual--01 type--3 mt--80">
-        <div class="thumb--wrap">
-          <img src="/img/models/ranger/visual-01.jpg" />
-        </div>
-      </div>
-
-      <div class="car--price--small--pic--wrap mt--120">
-        <div>
-          <h2>RANGER Models</h2>
-          <div class="car--list--wrap">
-            <ul>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/ranger/ranger01.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Wildtrak Standard</h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>63,500,000 원 부터<i>*</i></em>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <div class="thumb">
-                  <img src="/img/models/ranger/ranger02.png" alt="" />
-                </div>
-                <div class="desc--wrap">
-                  <h2 class="trim--name">Raptor Standard</h2>
-                  <div class="price--wrap">
-                    소비자 가격 : <em>79,900,000 원 부터<i>*</i></em> 
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="title--visual mt--150">
-        <h2>TOUGHER. SMARTER. MORE CAPABLE.</h2>
-        <div class="sub--title">
-          지금까지 출시된 포드 레인저 중 가장 스마트하고 다재다능한 레인저를
-          만나보십시오.<br />
-          오랫동안 세계적인 명성을 유지해 온 레인저는 단순한 픽업 트럭이 아니라 고객들이
-          원하는 바를 모두 제공하기 위해 설계된 다재다능한 차량입니다. <br />
-          이제, 어떤 상황에서도 흔들림 없는 퍼포먼스를 발휘하는 파워풀한 엔진과 운전자의
-          안전을 위한 첨단 기능이 탑재된 포드 레인저를 경험해 보십시오.
-        </div>
-      </div>
-      <div class="models--visual--grid mt--80 type--2">
-        <ul>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/ranger/grid-01.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>FORD RANGER PICK-UP</h2>
-              <div class="captions">
-                포드 레인저 와일드트랙의 넉넉한 카고 스페이스는<br />
-                업무용, 레저용으로 사용하기에 충분합니다.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/ranger/grid-02.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>SELECTABLE DRIVE MODE</h2>
-              <div class="captions">
-                Ford Ranger Raptor는 간단한 작동만으로<br />
-                지형 및 도로 상황에 맞는 퍼포먼스를 발휘할 수 있도록<br />
-                설계된 Selectable Drive Mode가 포함되어<br />
-                있습니다. 여러가지 모드 중 주행 상황에 가장 적합한<br />
-                모드를 선택하십시오.
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="thumb--wrap">
-              <img src="/img/models/ranger/grid-03.jpg" />
-            </div>
-            <div class="desc--wrap">
-              <h2>DRIVER ASSISTANCE</h2>
-              <div class="captions">
-                넥스트 제너레이션 레인저에는 일반도로는 물론,<br />
-                오프로드까지 다양한 주행환경에 최적화된<br />
-                드라이브 모드를 제공합니다.
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-
-      <!-- <SwiperBanner3
-        class="mt--100"
-        :slides="bannerSlides2"
-        :autoplay="false"
-        :loop="false"
-        mtitle="design"
-        stitle="검은색 FORD 그릴이 한눈에 들어오는 Ford Ranger Raptor는 강렬한 첫인상을 선사합니다.<br/>
-  고강도 프레임을 바탕으로 제작된 Ford Ranger Raptor는 2.0L Bi-turbo 디젤 엔진과 10단 자동변속기가<br/>
-  차체에 즉각적으로 파워를 전달하여 거친 오프로드 환경에서도 운전자의 의도대로 주행할 수 있도록 도와드립니다."
-        type=""
-      />
-
-      <SwiperBanner3
-        :slides="bannerSlides3"
-        :autoplay="false"
-        :loop="false"
-        type=""
-        mtitle="technology"
-        stitle="포드 레인저의 2.0L 디젤 엔진은 강력한 파워를 바라는 운전자의 기대를 충족시켜드립니다.<br/>
-  흙먼지가 날리는 비포장도로에서도, 무거운 짐을 싣고 달리는 오르막길에서도 레인저는 운전자에게 주행 안정감을 제공합니다."
-      /> -->
-
-      <div class="title--visual mt--150">
-        <h2>gallery</h2>
-        <!-- <div class="sub--title">
-          여전히 많은 이들이 Raptor 라는 이름만 들어도 가슴이 설레이실 것입니다. 바로
-          퍼포먼스의 모든 것, 포드 레인저 랩터 입니다.
-        </div> -->
-      </div>
-      <div class="gallery--wrap mt--80">
-        <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery1"
-            :autoplay="false"
-            :loop="false"
-            type=""
-          />
-        </div>
-        <!-- <div class="thumb--wrap">
-          <SwiperBanner2
-            :slides="gallery2"
-            :autoplay="false"
-            :loop="false"
-            type="interior"
-          />
-        </div> -->
-      </div>
-      <div class="nav--dis--wrap model mt--150" :class="{ active: isDisOpen }">
-        <div class="dis--btn" @click="isDisOpen = !isDisOpen">disclosures <i class="ico"></i></div>
-        <div class="dis--cont">
-          <div class="container">
-            <p>
-            *본 웹사이트에 공지된 가격정보는 부가세(VAT)를 포함하고 있습니다. 본 가격은 개별소비세 인하에 관한 정부시책을 반영한 것이며 가격정보는 예고없이 변동될 수 있습니다. 
-             가격정보는 고객님의 차량 구입에 도움을 드리고자 함이며 법적 구속력은 없습니다. <br/><br/>
-             사이트에서 제공하는 차량에 대한 모든 이미지 또는 사양은 실제 판매 모델과 다를 수 있습니다. 정확한 정보는 가까운 공식 딜러를 통해 확인하시기 바랍니다.
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<script setup>
-  // disclosures 토글 (기본 열림)
-  const isDisOpen = ref(true);
-
-  const bannerSlides = ref([
-    {
-      image: "/img/models/ranger/ranger_banner01.jpg",
-      moImage: "/img/models/ranger/ranger_banner01_mo.jpg",
-      alt: "RANGER RAPTOR",
-      title: "RANGER<br/>RAPTOR",
-      subtitle:
-        "흔들림 없는 퍼포먼스를 발휘하는 파워풀한 엔진과 운전자의 안전을 위한 첨단 기능",
-      smalldesc: "",
-      morelink: "/ford/network",
-      morelinktitle: "시승 신청",
-    },
-  ]);
-
-  const bannerSlides2 = ref([
-    {
-      image: "/img/models/ranger/design-01-1.png",
-      alt: "Bold New Design",
-      title: "Bold New Design",
-      smalldesc:
-        "보는 이의 눈길을 사로잡는 차별화된 디자인의 Wildtrak은 기대 이상의 성능을 발휘합니다.",
-    },
-    {
-      image: "/img/models/ranger/design-01-2.png",
-      alt: "Your Space. Roomy and Comfortable.",
-      title: "Your Space. Roomy and Comfortable.",
-      smalldesc:
-        "포드 레인저 와일드트랙의 실내는 일반 주행뿐만 아니라, 장거리 및 아웃도어 주행 상황에서도 운전자의 편의를 생각하는 각종 편의 장치들이 마련되어 있습니다.<br/>레인저의 파워시트를 이용하여 탑승자의 체형에 맞게 시트 포지션을 조절해 보십시오. 또한 와일드트랙의 아이덴티티를 보여주는 독특한 컬러가 포함된 장식들은<br/>실내 인테리어 이미지와 잘 조화를 이루어 탑승자의 눈을 즐겁게 합니다.",
-    },
-    {
-      image: "/img/models/ranger/design-01-3.png",
-      alt: "Selectable Drive Mode",
-      title: "Selectable Drive Mode",
-      smalldesc:
-        "Ford Ranger Raptor는 간단한 작동만으로 지형 및 도로 상황에 맞는 퍼포먼스를 발휘할 수 있도록 설계된 Selectable Drive Mode가 포함되어 있습니다.<br/>여러가지 모드 중 주행 상황에 가장 적합한 모드를 선택하십시오.",
-    },
-  ]);
-
-  const bannerSlides3 = ref([
-    {
-      image: "/img/models/ranger/design-02-1.png",
-      alt: "10-Speed Transmissions",
-      title: "10-Speed Transmissions",
-      smalldesc:
-        "Ford Ranger에 장착된 10단 자동 변속기는 일반 주행은 물론 오프로드 상황에서도 최적의 타이밍에 기어를 변경하여 차량의 성능을 최대로 발휘할 수 있도록 도와줍니다.",
-    },
-    {
-      image: "/img/models/ranger/design-02-2.png",
-      alt: "Fun on Demand",
-      title: "Fun on Demand",
-      smalldesc:
-        "2.0L Bi-TurBo DieseL engine 포드 레인저의 2.0L 디젤 엔진은 강력한 파워를 바라는 운전자의 기대를 충족시켜드립니다.<br/>흙먼지가 날리는 비포장도로에서도, 무거운 짐을 싣고 달리는 오르막길에서도 레인저는 운전자에게 주행 안정감을 제공합니다.",
-    },
-    {
-      image: "/img/models/ranger/design-02-3.png",
-      alt: "Driver Assistance",
-      title: "Driver Assistance",
-      smalldesc:
-        "넥스트 제너레이션 레인저에는 일반도로는 물론, 오프로드까지 다양한 주행환경에 최적화된 드라이브 모드를 제공합니다.<br/>각 모드는 주행 환경에 최적화된 세팅을 통해 기대 이상의 퍼포먼스를 발휘합니다.<br/>또한 레인저에 탑재된 다양한 편의 기능을 통해 어떤 환경에서든 안전하고 편안한 드라이빙을 경험할 수 있습니다.<br/>* 와일드트랙과 랩터에서 제공되는 드라이브 모드는 상이할 수 있으며 각종 편의 기능은 운행에 보조적인 수단으로 안전운행에 대한 주의 책임은 운전자 본인에게 있습니다.",
-    },
-    {
-      image: "/img/models/ranger/design-02-4.png",
-      alt: "Adaptive Cruise Control with Stop & Go, and Lane Centering",
-      title: "Adaptive Cruise Control with Stop & Go, and Lane Centering",
-      smalldesc:
-        "장시간의 고속도로 주행 시 어댑티브 크루즈 컨트롤 기능을 사용해 운전의 피로감을 줄일 수 있습니다. 레인저의 전방에 다른 차량 진입을 감지해 차량 속도를 줄이거나 세팅된 속도로<br/>자동 되돌리며, 레인 센터링 기능으로 차량이 차선 중앙에서 안정적으로 주행할 수 있도록 지원합니다.",
-    },
-    {
-      image: "/img/models/ranger/design-02-5.png",
-      alt: "360-Degree Camera",
-      title: "360-Degree Camera",
-      smalldesc:
-        "좁은 주차장이나 사람과 차들로 붐비는 공간에서 차량 운행 시 360도 카메라를 활용해 주변의 상황을 쉽게 식별해 안전한 운행과 주차를 할 수 있습니다.",
-    },
-  ]);
-
-  const gallery1 = ref([
-    { image: "/img/models/ranger/gallery_1_1.avif" },
-    { image: "/img/models/ranger/gallery_1_2.jpg" },
-    { image: "/img/models/ranger/gallery_1_3.avif" },
-    { image: "/img/models/ranger/gallery_1_4.avif" },
-    { image: "/img/models/ranger/gallery_1_5.avif" },
-    { image: "/img/models/ranger/gallery_1_6.webp" },
-    { image: "/img/models/ranger/gallery_1_7.avif" },
-    { image: "/img/models/ranger/gallery_1_8.jpg" },
-    { image: "/img/models/ranger/gallery_1_9.avif" },
-    { image: "/img/models/ranger/gallery_1_10.jpg" },
-    { image: "/img/models/ranger/gallery_1_11.avif" },
-    { image: "/img/models/ranger/gallery_1_12.avif" },
-    { image: "/img/models/ranger/gallery_1_13.avif" },
-    { image: "/img/models/ranger/gallery_1_14.avif" },
-    { image: "/img/models/ranger/gallery_1_15.avif" },
-    { image: "/img/models/ranger/gallery_1_16.avif" },
-    { image: "/img/models/ranger/gallery_1_17.jpg" },
-    { image: "/img/models/ranger/gallery_1_18.jpg" },
-    { image: "/img/models/ranger/gallery_1_19.avif" },
-    { image: "/img/models/ranger/gallery_1_20.webp" },
-    { image: "/img/models/ranger/gallery_1_21.avif" },
-    { image: "/img/models/ranger/gallery_1_22.avif" },
-    { image: "/img/models/ranger/gallery_1_23.avif" },
-    { image: "/img/models/ranger/gallery_1_24.avif" },
-    { image: "/img/models/ranger/gallery_1_25.avif" },
-    { image: "/img/models/ranger/gallery_1_26.webp" },
-    { image: "/img/models/ranger/gallery_1_27.avif" },
-    { image: "/img/models/ranger/gallery_1_28.avif" },
-    { image: "/img/models/ranger/gallery_1_29.avif" },
-    { image: "/img/models/ranger/gallery_1_30.avif" },
-    { image: "/img/models/ranger/gallery_1_31.avif" },
-    { image: "/img/models/ranger/gallery_2_1.jpg" },
-    { image: "/img/models/ranger/gallery_2_2.avif" },
-    { image: "/img/models/ranger/gallery_2_3.avif" },
-    { image: "/img/models/ranger/gallery_2_4.avif" },
-    { image: "/img/models/ranger/gallery_2_5.avif" },
-    { image: "/img/models/ranger/gallery_2_6.avif" },
-    { image: "/img/models/ranger/gallery_2_7.webp" },
-    { image: "/img/models/ranger/gallery_2_8.avif" },
-    { image: "/img/models/ranger/gallery_2_9.webp" },
-    { image: "/img/models/ranger/gallery_2_10.webp" },
-    { image: "/img/models/ranger/gallery_2_11.avif" },
-    { image: "/img/models/ranger/gallery_2_12.webp" },
-    { image: "/img/models/ranger/gallery_2_13.webp" },
-    { image: "/img/models/ranger/gallery_2_14.avif" },
-    { image: "/img/models/ranger/gallery_2_15.webp" },
-  ]);
-
-  const gallery2 = ref([
-    { image: "/img/models/ranger/gallery_2_1.jpg" },
-    { image: "/img/models/ranger/gallery_2_2.avif" },
-    { image: "/img/models/ranger/gallery_2_3.avif" },
-    { image: "/img/models/ranger/gallery_2_4.avif" },
-    { image: "/img/models/ranger/gallery_2_5.avif" },
-    { image: "/img/models/ranger/gallery_2_6.avif" },
-    { image: "/img/models/ranger/gallery_2_7.webp" },
-    { image: "/img/models/ranger/gallery_2_8.avif" },
-    { image: "/img/models/ranger/gallery_2_9.webp" },
-    { image: "/img/models/ranger/gallery_2_10.webp" },
-    { image: "/img/models/ranger/gallery_2_11.avif" },
-    { image: "/img/models/ranger/gallery_2_12.webp" },
-    { image: "/img/models/ranger/gallery_2_13.webp" },
-    { image: "/img/models/ranger/gallery_2_14.avif" },
-    { image: "/img/models/ranger/gallery_2_15.webp" },
-  ]);
-</script>

db.vuerd.json

@@ -4,8 +4,8 @@
   "settings": {
     "width": 3000,
     "height": 3000,
-    "scrollTop": -1654.5063,
-    "scrollLeft": -759,
+    "scrollTop": -1663.5063,
+    "scrollLeft": -669,
     "zoomLevel": 1,
     "show": 431,
     "database": 4,
@@ -735,15 +735,15 @@
           "bSaY4dmic6j0QkKkzgkz_"
         ],
         "ui": {
-          "x": 1030,
-          "y": 2046.3039,
+          "x": 1032,
+          "y": 2077.3039,
           "zIndex": 1143,
           "widthName": 83,
           "widthComment": 89,
           "color": ""
         },
         "meta": {
-          "updateAt": 1781848970909,
+          "updateAt": 1782285528941,
           "createAt": 1781846820829
         }
       },
@@ -5119,8 +5119,8 @@
           "columnIds": [
             "bSaY4dmic6j0QkKkzgkz_"
           ],
-          "x": 1030,
-          "y": 2122.3039,
+          "x": 1032,
+          "y": 2153.3039,
           "direction": 1
         },
         "meta": {

nuxt.config.ts

@@ -36,7 +36,6 @@ export default defineNuxtConfig({
   css: [
     '~/assets/scss/style.scss',
     '~/assets/scss/admin.scss',
-    '~/assets/scss/media.scss',
   ],
   vite: {
     css: {

public/img/ico--address.svg

@@ -1,10 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_111_1352)">
-<path d="M9 1.5C6.10125 1.5 3.75 3.85125 3.75 6.75C3.75 10.6875 9 16.5 9 16.5C9 16.5 14.25 10.6875 14.25 6.75C14.25 3.85125 11.8988 1.5 9 1.5ZM9 8.625C7.965 8.625 7.125 7.785 7.125 6.75C7.125 5.715 7.965 4.875 9 4.875C10.035 4.875 10.875 5.715 10.875 6.75C10.875 7.785 10.035 8.625 9 8.625Z" fill="#BDBDBD"/>
-</g>
-<defs>
-<clipPath id="clip0_111_1352">
-<rect width="18" height="18" fill="white"/>
-</clipPath>
-</defs>
-</svg>

public/img/ico--arrow--right--black.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5 12H19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 5L19 12L12 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--arrow--right.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 6H9.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6 2.5L9.5 6L6 9.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--back--s.svg

@@ -1 +0,0 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="main"><path fill="currentColor" d="m10.21 12 5.12-5.08-.7-.71L8.79 12l5.84 5.8.7-.72L10.22 12Z"></path></g></svg>

public/img/ico--breadcrumbs.svg

@@ -1,10 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_150_1444)">
-<path d="M13.9998 6.99983C13.9998 3.14022 10.8598 -1.3725e-07 6.99993 -3.05972e-07C3.14002 -4.74694e-07 9.71375e-05 3.14021 9.69688e-05 6.99983C9.68001e-05 10.8597 3.14002 14 6.99993 14C10.8598 14 13.9998 10.8597 13.9998 6.99983ZM6.62065 9.65065L4.38412 5.81953C4.34435 5.75068 4.32417 5.675 4.32417 5.59933C4.32417 5.52483 4.34376 5.45034 4.38234 5.38238C4.46128 5.24498 4.60314 5.16306 4.76162 5.16306L9.23823 5.16306C9.39671 5.16306 9.53797 5.24527 9.61692 5.38268C9.69586 5.5198 9.69527 5.68362 9.61514 5.82014L7.37446 9.65037C7.29552 9.7857 7.15484 9.86642 6.99815 9.86672C6.84085 9.86671 6.70018 9.78599 6.62065 9.65065Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_150_1444">
-<rect width="14" height="14" fill="white"/>
-</clipPath>
-</defs>
-</svg>

public/img/ico--btn--arrow--white.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.33203 8H12.6654" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 3.33398L12.6667 8.00065L8 12.6673" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--btn--arrow.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.33301 8H12.6663" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 3.33398L12.6667 8.00065L8 12.6673" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--call.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.6215 11.7953C14.1082 11.268 12.6492 10.2801 11.693 10.2801C11.4715 10.2801 11.2781 10.3293 11.1199 10.4313C10.6523 10.7301 10.2797 10.9621 10.1004 10.9621C10.0019 10.9621 9.89648 10.8742 9.66445 10.6738L9.62578 10.6387C8.98242 10.0797 8.84531 9.93555 8.5957 9.67539L8.53242 9.60859C8.48671 9.56289 8.44804 9.5207 8.40937 9.48203C8.1914 9.25703 8.0332 9.09531 7.47421 8.4625L7.4496 8.43437C7.18242 8.13203 7.00663 7.93516 6.99609 7.79102C6.98554 7.65039 7.10859 7.42188 7.42148 6.99648C7.80117 6.4832 7.81523 5.85039 7.46718 5.11563C7.18945 4.53555 6.73593 3.98008 6.33515 3.49141L6.29999 3.44922C5.95546 3.02734 5.55468 2.81641 5.1082 2.81641C4.61249 2.81641 4.20117 3.08359 3.9832 3.22422C3.96562 3.23477 3.94804 3.24883 3.93046 3.25937C3.44179 3.56875 3.08671 3.99414 2.95312 4.42656C2.75273 5.07695 2.61913 5.9207 3.5789 7.675C4.40859 9.19375 5.16093 10.2133 6.35624 11.4402C7.48124 12.5934 7.98046 12.966 9.09843 13.7746C10.343 14.6746 11.5383 15.1914 12.375 15.1914C13.1519 15.1914 13.7637 15.1914 14.6355 14.1402C15.5496 13.0363 15.1699 12.3613 14.6215 11.7953Z" fill="#BDBDBD"/>
-</svg>

public/img/ico--chv--down.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 9L12 15L18 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--clock.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.99999 1.80078C7.57596 1.80078 6.18392 2.22305 4.99988 3.0142C3.81585 3.80535 2.89301 4.92983 2.34806 6.24546C1.80311 7.56109 1.66052 9.00877 1.93834 10.4054C2.21615 11.8021 2.90188 13.085 3.90882 14.0919C4.91576 15.0989 6.19868 15.7846 7.59534 16.0624C8.992 16.3402 10.4397 16.1977 11.7553 15.6527C13.0709 15.1078 14.1954 14.1849 14.9866 13.0009C15.7777 11.8169 16.2 10.4248 16.2 9.00078C16.2 7.09122 15.4414 5.25987 14.0912 3.90961C12.7409 2.55935 10.9095 1.80078 8.99999 1.80078ZM11.4264 11.4272C11.3036 11.5499 11.1372 11.6188 10.9636 11.6188C10.7901 11.6188 10.6236 11.5499 10.5009 11.4272L8.53723 9.46354C8.41447 9.34082 8.34548 9.17436 8.34544 9.00078V5.07351C8.34544 4.89991 8.4144 4.73343 8.53716 4.61067C8.65991 4.48792 8.82639 4.41896 8.99999 4.41896C9.17358 4.41896 9.34007 4.48792 9.46282 4.61067C9.58557 4.73343 9.65453 4.89991 9.65453 5.07351V8.7298L11.4264 10.5017C11.5491 10.6244 11.618 10.7909 11.618 10.9644C11.618 11.138 11.5491 11.3044 11.4264 11.4272Z" fill="#BDBDBD"/>
-</svg>

public/img/ico--contact1.svg

@@ -1,6 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33.9336 15.6962C34.0977 15.6812 34.2618 15.6562 34.431 15.6562C36.9131 15.6562 38.9233 17.2912 38.9233 19.3062V22.6313C38.9233 24.6463 36.9131 26.2812 34.431 26.2812C34.2618 26.2812 33.9336 26.2413 33.9336 26.2413" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.98974 15.6962C6.82564 15.6812 6.66154 15.6562 6.49231 15.6562C4.01026 15.6562 2 17.2912 2 19.3062V22.6313C2 24.6463 4.01026 26.2812 6.49231 26.2812C6.66154 26.2812 6.82564 26.2563 6.98974 26.2413L7.75897 26.1362" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M26.9477 33.5706C26.9477 34.9156 25.8298 36.0056 24.4554 36.0056H17.4708C16.0913 36.0056 14.9785 34.9156 14.9785 33.5706C14.9785 32.2256 16.0965 31.1406 17.4708 31.1406H24.4554C25.8349 31.1406 26.9477 32.2306 26.9477 33.5706Z" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.5524 32.015C10.7114 31.345 6.98828 27.285 6.98828 22.38V12.73C6.98828 7.355 11.4549 3 16.9678 3H23.9524C29.4652 3 33.9319 7.355 33.9319 12.73V26.27" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--contact2.svg

@@ -1,11 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.2292 9.18555V24.0018H2V29.9686H38.6788V24.0018V9.18555H22.2292Z" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<g style="mix-blend-mode:darken">
-<path d="M38.6784 12.25H26.8223V16.8636H38.6784" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<path d="M26.8223 19.4258H28.5259" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.32135 33.2027C10.1125 33.2027 11.5646 31.7543 11.5646 29.9676C11.5646 28.1809 10.1125 26.7324 8.32135 26.7324C6.53017 26.7324 5.07812 28.1809 5.07812 29.9676C5.07812 31.7543 6.53017 33.2027 8.32135 33.2027Z" fill="#F3F3F3" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M31.7667 33.2027C33.5579 33.2027 35.0099 31.7543 35.0099 29.9676C35.0099 28.1809 33.5579 26.7324 31.7667 26.7324C29.9755 26.7324 28.5234 28.1809 28.5234 29.9676C28.5234 31.7543 29.9755 33.2027 31.7667 33.2027Z" fill="#F3F3F3" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.17969 6H12.9025L22.2283 24.0011H16.8208L9.17969 6Z" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.18028 6V16.7314C9.18028 17.6 8.47359 18.3049 7.60284 18.3049C6.73209 18.3049 6.02539 17.6 6.02539 16.7314V14.7488" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--contact3.svg

@@ -1,11 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_177_5663)">
-<path d="M3.83271 35.7011C4.22069 35.4301 4.62303 35.1448 5.011 34.8737C5.49956 34.5313 5.98812 34.189 6.49104 33.8466C6.37609 32.6625 6.2755 31.4642 6.16055 30.2801C5.06848 29.7808 3.97641 29.2815 2.88434 28.7679C2.19461 29.2529 1.49051 29.738 0.800781 30.223C1.03069 24.3455 6.20366 26.4854 8.70392 24.7306L18.59 16.1568L23.1451 11.9626C24.5677 10.5646 24.1366 7.6258 25.7172 5.94242C27.499 4.05932 29.6688 4.31611 31.8386 5.0722C31.4506 5.34325 31.0483 5.62857 30.6603 5.89963C30.1717 6.24201 29.6832 6.58439 29.1802 6.92677C29.2952 8.11084 29.3958 9.30918 29.5107 10.4933C30.6028 10.9926 31.6949 11.5061 32.787 12.0054C33.4767 11.5204 34.1808 11.0354 34.8705 10.5503C34.6406 16.4279 29.4676 14.288 26.9674 16.0427L17.0813 24.6165L12.5262 28.8107C11.1036 30.2088 11.5347 33.1475 9.95406 34.8309C8.17226 36.714 6.00249 36.4715 3.83271 35.7011Z" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9079 12.2153L7.56834 11.288L4.55078 7.05102L6.49064 5.12512L8.43051 3.19922L12.7126 6.1808L13.6466 10.4891M11.7067 12.4007L13.819 10.3036L19.1644 15.6106L18.5753 16.1527L16.9228 17.5935L11.6923 12.4007H11.7067ZM23.0441 19.4481L26.3491 22.7293C25.9898 23.0289 25.6162 23.3712 25.257 23.7422C24.8834 24.1131 24.5385 24.484 24.2368 24.8264L20.7881 21.4025L23.0441 19.4481ZM39.0947 31.4172L29.108 21.5024C28.6625 21.0602 26.9382 22.0588 25.2426 23.7422C23.5614 25.4113 22.5412 27.1374 22.9867 27.5797L32.9734 37.4945C33.4188 37.9367 35.1431 36.9381 36.8387 35.2548C38.5343 33.5714 39.5401 31.8595 39.0947 31.4172Z" stroke="#00095B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_177_5663">
-<rect width="40" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>

public/img/ico--contact4.svg

@@ -1,14 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_466_8019)">
-<path d="M26.1027 31.1594H5.89479C3.10592 31.1594 0.84375 28.8908 0.84375 26.094V17.6504L16.0006 22.7158L31.1575 17.6504V26.094C31.1575 28.8908 28.8954 31.1594 26.1065 31.1594H26.1027Z" fill="#00095B"/>
-<path d="M26.104 32.0008H5.89603C2.64488 32.0008 0 29.3484 0 26.088V17.6444C0 17.3708 0.128834 17.12 0.348609 16.9604C0.568384 16.8008 0.848786 16.759 1.10645 16.8426L15.9981 21.8206L30.8898 16.8426C31.1474 16.7552 31.4278 16.8008 31.6476 16.9604C31.8674 17.12 31.9962 17.3746 31.9962 17.6444V26.088C31.9962 29.3484 29.3513 32.0008 26.1002 32.0008H26.104ZM1.68242 18.8148V26.088C1.68242 28.4174 3.56945 30.3098 5.89224 30.3098H26.1002C28.423 30.3098 30.31 28.4174 30.31 26.088V18.8148L16.2633 23.5116C16.089 23.5686 15.9034 23.5686 15.7291 23.5116L1.68242 18.8148Z" fill="#00095B"/>
-<path d="M28.6313 18.4888C28.1652 18.4888 27.7901 18.1126 27.7901 17.6452V7.51436C27.7901 5.18496 25.9031 3.29256 23.5803 3.29256H8.41959C6.09679 3.29256 4.20976 5.18496 4.20976 7.51436V17.649C4.20976 18.1164 3.83463 18.4926 3.36855 18.4926C2.90248 18.4926 2.52734 18.1164 2.52734 17.649V7.51436C2.52734 4.25396 5.16843 1.60156 8.41959 1.60156H23.5765C26.8276 1.60156 29.4725 4.25396 29.4725 7.51436V17.649C29.4725 18.1164 29.0974 18.4926 28.6313 18.4926V18.4888Z" fill="#00095B"/>
-<path d="M21.8932 10.0446H10.1049C9.6388 10.0446 9.26367 9.66842 9.26367 9.20102C9.26367 8.73362 9.6388 8.35742 10.1049 8.35742H21.8932C22.3592 8.35742 22.7344 8.73362 22.7344 9.20102C22.7344 9.66842 22.3592 10.0446 21.8932 10.0446Z" fill="#00095B"/>
-<path d="M21.8932 15.1149H10.1049C9.6388 15.1149 9.26367 14.7387 9.26367 14.2713C9.26367 13.8039 9.6388 13.4277 10.1049 13.4277H21.8932C22.3592 13.4277 22.7344 13.8039 22.7344 14.2713C22.7344 14.7387 22.3592 15.1149 21.8932 15.1149Z" fill="#00095B"/>
-</g>
-<defs>
-<clipPath id="clip0_466_8019">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>

public/img/ico--download.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.25 6.28516C11.1515 6.2851 11.0539 6.30538 10.9629 6.34484C10.8719 6.38431 10.7892 6.44218 10.7195 6.51515C10.6499 6.58812 10.5946 6.67476 10.557 6.77011C10.5193 6.86546 10.4999 6.96765 10.5 7.07085V9.42793H1.5V7.07085C1.5 6.86247 1.42098 6.66263 1.28033 6.51528C1.13968 6.36793 0.948913 6.28516 0.75 6.28516C0.551088 6.28516 0.360322 6.36793 0.21967 6.51528C0.0790177 6.66263 1.20564e-07 6.86247 1.20564e-07 7.07085V10.2136C-5.57476e-05 10.3168 0.0193054 10.419 0.0569767 10.5144C0.0946479 10.6097 0.14989 10.6964 0.219545 10.7693C0.2892 10.8423 0.371902 10.9002 0.462921 10.9396C0.553941 10.9791 0.651493 10.9994 0.75 10.9993H11.25C11.3485 10.9994 11.4461 10.9791 11.5371 10.9396C11.6281 10.9002 11.7108 10.8423 11.7805 10.7693C11.8501 10.6964 11.9054 10.6097 11.943 10.5144C11.9807 10.419 12.0001 10.3168 12 10.2136V7.07085C12.0001 6.96765 11.9807 6.86546 11.943 6.77011C11.9054 6.67476 11.8501 6.58812 11.7805 6.51515C11.7108 6.44218 11.6281 6.38431 11.5371 6.34484C11.4461 6.30538 11.3485 6.2851 11.25 6.28516Z" fill="white"/>
-<path d="M5.46964 7.62675C5.53926 7.69972 5.62193 7.75761 5.71292 7.79711C5.8039 7.8366 5.90143 7.85693 5.99991 7.85693C6.0984 7.85693 6.19593 7.8366 6.28691 7.79711C6.3779 7.75761 6.46056 7.69972 6.53019 7.62675L8.78019 5.26967C8.92018 5.1222 8.99864 4.92259 8.99836 4.71461C8.99809 4.50663 8.9191 4.30725 8.77872 4.16019C8.63833 4.01313 8.44801 3.93038 8.24948 3.93009C8.05095 3.9298 7.86041 4.01199 7.71964 4.15865L6.74991 5.17452V0.785693C6.74991 0.577314 6.6709 0.37747 6.53024 0.230124C6.38959 0.0827782 6.19883 0 5.99991 0C5.801 0 5.61024 0.0827782 5.46958 0.230124C5.32893 0.37747 5.24991 0.577314 5.24991 0.785693V5.17452L4.28019 4.15865C4.13942 4.01199 3.94888 3.9298 3.75035 3.93009C3.55182 3.93038 3.3615 4.01313 3.22111 4.16019C3.08073 4.30725 3.00174 4.50663 3.00147 4.71461C3.00119 4.92259 3.07965 5.1222 3.21964 5.26967L5.46964 7.62675Z" fill="white"/>
-</svg>

public/img/ico--ex.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1354 5H20.9482C21.5223 5 22.034 5.35992 22.2251 5.89813L25.1563 12.8077M25.1563 12.8077C26.1042 12.9423 28 13.6962 28 15.6346V16.8462M25.1563 12.8077H15.1354M25.1563 12.8077L27.7292 10.9231M28 16.8462V20.3462M28 16.8462L23.3958 18.5962M28 20.3462V23.8462C27.9097 24.5641 27.3229 26 25.6979 26C23.6674 26 23.396 25.3274 22.0431 22.503M28 20.3462C26.8663 21.4731 24.5199 22.1343 22.0431 22.503M22.0431 22.503C22.0426 22.502 22.0421 22.501 22.0417 22.5M22.0431 22.503C19.5496 22.8742 16.924 22.9489 15.2708 22.9038H14.7292C13.076 22.9489 10.4504 22.8742 7.9569 22.503M19.3333 22.5V19C19.3333 18.7026 19.0908 18.4615 18.7917 18.4615H11.2083C10.9092 18.4615 10.6667 18.7026 10.6667 19V22.5M14.8646 5H9.05184C8.4777 5 7.96596 5.35992 7.77488 5.89813L4.84375 12.8077M4.84375 12.8077C3.89583 12.9423 2 13.6962 2 15.6346V16.8462M4.84375 12.8077H14.8646M4.84375 12.8077L2.27083 10.9231M2 16.8462V20.3462M2 16.8462L6.60417 18.5962M2 20.3462V23.8462C2.09028 24.5641 2.67708 26 4.30208 26C6.33261 26 6.60398 25.3274 7.9569 22.503M2 20.3462C3.13367 21.4731 5.48012 22.1343 7.9569 22.503M7.9569 22.503C7.95738 22.502 7.95785 22.501 7.95833 22.5" stroke="white" stroke-width="2" stroke-linecap="round"/>
-</svg>

public/img/ico--footer.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 6.75L9 11.25L13.5 6.75" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--forward--s.svg

@@ -1 +0,0 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="main"><path fill="currentColor" d="M14.27 12 9.15 6.92l.7-.71L15.7 12l-5.84 5.8-.7-.72L14.27 12Z"></path></g></svg>

public/img/ico--header--arrow--blue.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.75 13.5L11.25 9L6.75 4.5" stroke="#076FED" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--header--arrow--lincoln.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.75 13.5L11.25 9L6.75 4.5" stroke="#DB784D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--header--arrow.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.75 13.5L11.25 9L6.75 4.5" stroke="#3D3D3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--in.svg

@@ -1,4 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.30859 22.3072H13.8941M20.7419 22.3072H26.6932C27.2455 22.3072 27.6932 21.8595 27.6932 21.3072V18.0765M2.30859 3.8457C2.78901 3.8457 4.52222 3.8457 7.61168 3.8457C11.4735 3.8457 13.8941 6.92263 16.8801 9.61493C19.2689 11.7688 21.2223 12.3072 21.9005 12.3072C23.4452 12.3072 25.9297 12.5214 27.0918 14.9995M2.30859 6.92263H7.61168C8.12659 6.92263 9.46536 7.1534 10.7011 8.07647C11.7266 8.84247 13.8868 10.8974 15.3279 12.3072M2.30859 19.6149C4.84866 19.6149 10.1605 19.6149 11.0873 19.6149C12.051 19.6149 12.2131 19.0828 12.6848 18.4611M6.45313 13.8457L7.80478 11.9226M9.15642 9.99955L7.80478 11.9226M7.80478 11.9226L9.92878 13.4611M9.92878 13.4611C10.1862 13.0765 10.9329 12.3072 11.8597 12.3072C12.7865 12.3072 14.558 12.3072 15.3279 12.3072M9.92878 13.4611C9.31089 14.3842 9.67133 15.3842 9.92878 15.7688L12.6848 18.4611M15.3279 12.3072C15.6234 12.5963 15.8887 12.8583 16.1077 13.0765C16.3652 13.3329 16.8801 13.9995 16.8801 14.6149C16.8801 15.3842 16.8801 16.2288 15.7215 16.538C14.563 16.8472 13.7906 17.3072 13.0182 18.0765C12.8883 18.2059 12.7802 18.3353 12.6848 18.4611M27.6932 18.0765C27.6932 16.8049 27.465 15.7955 27.0918 14.9995M27.6932 18.0765H24.6355C23.125 18.0765 21.9005 16.852 21.9005 15.3414C21.9005 15.1526 22.0535 14.9995 22.2423 14.9995H27.0918" stroke="white" stroke-width="2" stroke-linecap="round"/>
-<path d="M17.2666 20.2305C18.6377 20.2305 19.7422 21.3367 19.7422 22.6924C19.742 24.0479 18.6376 25.1533 17.2666 25.1533C15.8957 25.1533 14.7912 24.0478 14.791 22.6924C14.791 21.3368 15.8955 20.2305 17.2666 20.2305Z" stroke="white" stroke-width="2" stroke-linecap="round"/>
-</svg>

public/img/ico--location.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 1.5C9.3846 1.5 9.70162 1.78953 9.74498 2.16253L9.75 2.25L9.75023 3.23548C12.3607 3.57187 14.4286 5.63999 14.7646 8.25052L15.75 8.25C16.1642 8.25 16.5 8.58577 16.5 9C16.5 9.3846 16.2105 9.70162 15.8374 9.74498L15.75 9.75L14.7645 9.75023C14.4281 12.3604 12.3604 14.4281 9.75023 14.7645L9.75 15.75C9.75 16.1642 9.41422 16.5 9 16.5C8.6154 16.5 8.29837 16.2105 8.25502 15.8374L8.25 15.75L8.25052 14.7646C5.63999 14.4286 3.57187 12.3607 3.23548 9.75023L2.25 9.75C1.83579 9.75 1.5 9.41422 1.5 9C1.5 8.6154 1.78953 8.29837 2.16253 8.25502L2.25 8.25L3.23538 8.25052C3.57148 5.63974 5.63974 3.57148 8.25052 3.23538L8.25 2.25C8.25 1.83579 8.58577 1.5 9 1.5ZM9 4.6875C6.61827 4.6875 4.6875 6.61827 4.6875 9C4.6875 11.3817 6.61827 13.3125 9 13.3125C11.3817 13.3125 13.3125 11.3817 13.3125 9C13.3125 6.61827 11.3817 4.6875 9 4.6875ZM9 6C10.6568 6 12 7.34314 12 9C12 10.6568 10.6568 12 9 12C7.34314 12 6 10.6568 6 9C6 7.34314 7.34314 6 9 6Z" fill="#414141"/>
-</svg>

public/img/ico--main1.svg

@@ -1,13 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.1424 27.6587C19.035 27.6587 20.6072 29.2263 20.6073 31.2065C20.6073 33.1869 19.0351 34.7544 17.1424 34.7544C15.25 34.7542 13.6786 33.1867 13.6786 31.2065C13.6786 29.2264 15.25 27.6589 17.1424 27.6587Z" stroke="black" stroke-width="2.5"/>
-<path d="M43.7138 27.6587C45.6064 27.6587 47.1786 29.2263 47.1787 31.2065C47.1787 33.1869 45.6065 34.7544 43.7138 34.7544C41.8214 34.7542 40.25 33.1867 40.25 31.2065C40.25 29.2264 41.8214 27.6589 43.7138 27.6587Z" stroke="black" stroke-width="2.5"/>
-<line x1="25.6786" y1="31.2656" x2="35.1786" y2="31.2656" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M27.8572 22.7014H30.8572" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M16.5 18.9939H38.1429" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M25.9157 14.1213L26.7857 18.9939" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M8.78568 21.3931H11.5714" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M49.8799 22.8387C49.3534 22.3922 48.5646 22.457 48.1181 22.9835C47.6716 23.51 47.7364 24.2988 48.2629 24.7453L49.0714 23.792L49.8799 22.8387ZM52.043 24.8824V26.1324H52.9286V24.8824V23.6324H52.043V24.8824ZM49.0714 23.792L48.2629 24.7453C49.3188 25.6409 50.6584 26.1324 52.043 26.1324V24.8824V23.6324C51.2507 23.6324 50.4842 23.3511 49.8799 22.8387L49.0714 23.792Z" fill="black"/>
-<path d="M4.71427 30.9736L3.73393 32.6365C3.53411 32.9755 3.42856 33.3633 3.42856 33.7586V40.0792C3.42856 40.4021 3.49118 40.7218 3.65949 40.9956C5.42162 43.8614 12.5158 48.857 29.1428 48.857H30.8571C47.4841 48.857 54.5784 43.8614 56.3405 40.9956C56.5088 40.7218 56.5714 40.4021 56.5714 40.0792V34.679C56.5714 34.5354 56.5575 34.3921 56.5298 34.2513L56.1428 32.2822" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M10.2857 31.2071L8.77205 30.1405C7.97447 29.5786 7.5 28.6638 7.5 27.6882V24.0854C7.5 23.4687 7.6901 22.8669 8.04441 22.362L8.57143 21.6111C8.57143 19.3214 10.171 17.3428 12.4099 16.8631L12.6429 16.8132L22.2598 11.7236C22.9804 11.3422 23.7834 11.1428 24.5986 11.1428H29.5236C31.6434 11.1428 33.7083 11.8164 35.4203 13.0664L42.6429 18.3398L49.8938 21.0507C51.8478 21.7812 53.1429 23.648 53.1429 25.7341V27.8568C53.1429 29.5207 52.2405 31.0537 50.7857 31.8613" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M8.35715 37.9526C12.4286 41.1429 16.8857 42.5325 29.5714 42.5325H30.4286C43.1143 42.5325 47.5714 41.1429 50.7857 37.9526" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-</svg>

public/img/ico--main2.svg

@@ -1,4 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M48.3593 30.7952L47.7567 30.4309C45.8677 29.2879 44.8206 28.2739 44.2225 27.2502C43.6325 26.2402 43.4013 25.0876 43.4012 23.5002C43.4012 20.7956 44.773 18.4179 46.8505 17.0315V19.5002C46.8506 21.8373 48.733 23.7502 51.076 23.7502C53.4189 23.75 55.3005 21.8372 55.3007 19.5002V17.0315C57.3782 18.4178 58.7499 20.7955 58.7499 23.5002C58.7497 25.0664 57.8681 28.6752 54.4794 30.384L53.7919 30.7307V45.5002C53.7917 47.0287 52.566 48.25 51.076 48.2502C49.5859 48.2502 48.3594 47.0288 48.3593 45.5002V30.7952Z" stroke="black" stroke-width="2.5"/>
-<path d="M8.93277 20.5L12.4886 13.6866C13.3504 12.0354 15.0586 11 16.9213 11H38.0846C39.418 11 40.6962 11.5326 41.635 12.4794L42.1512 13M12.8992 22.5H36.2017M20.8319 31H33.7227M18.8487 40V39.5C18.8487 37.8431 20.1919 36.5 21.8487 36.5H31.7143C33.3711 36.5 34.7143 37.8431 34.7143 39.5V40M6.45378 18H4.17506C3.43086 18 2.73632 18.3734 2.32593 18.9943C1.61172 20.0747 1.97192 21.5346 3.1067 22.1588L6.45378 24L4.99095 26.9505C4.64867 27.6408 4.47059 28.4009 4.47059 29.1715V38.5C4.47059 41.2614 6.70916 43.5 9.47059 43.5H42.1512M5.32933 47V48C5.32933 49.1046 6.22476 50 7.32933 50H9.77471C10.8793 50 11.7747 49.1046 11.7747 48V47M8.43697 29L9.92437 30H15.7494C16.4913 30 16.9749 30.7795 16.6453 31.4442L15.709 33.3326C15.2027 34.3539 14.1617 35 13.0217 35C11.8945 35 10.3957 35 8.93277 35M40.6638 30.5H38.8858C38.1249 30.5 37.6428 31.316 38.01 31.9825L39.1021 33.965C39.4538 34.6035 40.125 35 40.8539 35H42.1512" stroke="black" stroke-width="3" stroke-linecap="round"/>
-</svg>

public/img/ico--main3.svg

@@ -1,22 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.3243 9.58569H8C6.89543 9.58569 6 10.4811 6 11.5857V44.9027C6 46.0073 6.89543 46.9027 8 46.9027H10.3243" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M35.4054 9.58569H37.7297C38.8343 9.58569 39.7297 10.4811 39.7297 11.5857V13.9759" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<line x1="39.25" y1="29.7134" x2="39.25" y2="33.3597" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<line x1="17.1959" y1="18.4326" x2="28.5337" y2="18.4326" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M12.4865 24.0732H29.7837" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M12.4865 29.7803H28.054" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M12.4865 35.4878H17.6756" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M31.0811 9.58536V7.51219C31.0811 6.95991 30.6334 6.51219 30.0811 6.51219H28.6216C28.0694 6.51219 27.6216 6.06448 27.6216 5.51219V4.7561C27.6216 3.78623 26.8472 3 25.8919 3H19.8379C18.8826 3 18.1081 3.78623 18.1081 4.7561V5.51219C18.1081 6.06448 17.6604 6.51219 17.1081 6.51219H15.6487C15.0964 6.51219 14.6487 6.95991 14.6487 7.51219V9.58536C14.6487 10.0703 15.0359 10.4634 15.5135 10.4634H30.2162C30.6939 10.4634 31.0811 10.0703 31.0811 9.58536Z" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<ellipse cx="24.5945" cy="53.9269" rx="3.02702" ry="3.07317" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<ellipse cx="24.5945" cy="53.9269" rx="3.02702" ry="3.07317" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<ellipse cx="46.2162" cy="53.9269" rx="3.02702" ry="3.07317" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<line x1="32.3311" y1="53.9939" x2="38.4797" y2="53.9939" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M33.2432 47.7805H34.9729" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M17.2433 46.9023H19.8379" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M49.7135 47.0613C49.0739 46.8016 48.3448 47.1095 48.085 47.7492C47.8253 48.3888 48.1332 49.1179 48.7728 49.3776L49.2432 48.2195L49.7135 47.0613ZM51.0434 48.9506L50.5731 50.1087L51.0434 48.9506ZM49.2432 48.2195L48.7728 49.3776L50.5731 50.1087L51.0434 48.9506L51.5137 47.7924L49.7135 47.0613L49.2432 48.2195ZM51.7959 49.0975V50.3475H53.5675V49.0975V47.8475H51.7959V49.0975ZM51.0434 48.9506L50.5731 50.1087C50.9615 50.2664 51.3767 50.3475 51.7959 50.3475V49.0975V47.8475C51.6992 47.8475 51.6034 47.8288 51.5137 47.7924L51.0434 48.9506Z" fill="black"/>
-<path d="M18.1082 53.0487L17.0985 52.0236C16.9142 51.8365 16.8109 51.5844 16.8109 51.3218V47.3282C16.8109 46.8506 17.1981 46.4633 17.6758 46.4633V44.5069C17.6758 43.5919 18.2968 42.7935 19.1838 42.5684L21.1352 42.0731L28.4616 37.9408C28.7615 37.7717 29.0999 37.6829 29.4441 37.6829H36.0896C36.4892 37.6829 36.8797 37.8026 37.2106 38.0266L44.2857 42.8152C44.4191 42.9055 44.5629 42.9793 44.7141 43.0351L52.6927 45.9807C53.4783 46.2707 54 47.0195 54 47.8569V51.3511C54 51.8763 53.7935 52.3804 53.4249 52.7545L52.2703 53.9267" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<line x1="25.4121" y1="44.3354" x2="39.3445" y2="44.3354" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M31.7894 41.2753L32.3784 43.3903" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<path d="M47.459 12.0281L35.0656 23.95L34.1225 26.9119C33.9886 27.3325 34.4148 27.7114 34.8079 27.5212L37.2814 26.3242L49.6748 14.4023C50.3211 13.7806 50.349 12.7451 49.7372 12.0895C49.1253 11.4339 48.1053 11.4064 47.459 12.0281Z" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-<line x1="1.25" y1="-1.25" x2="2.44738" y2="-1.25" transform="matrix(0.701738 0.712435 -0.701738 0.712435 44.5791 15.2925)" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
-</svg>

public/img/ico--minus--lincoln.svg

@@ -1,4 +0,0 @@
-
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5835 11H17.4168" stroke="#db784d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--minus.svg

@@ -1,3 +0,0 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5835 11H17.4168" stroke="#076FED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--plus.svg

@@ -1,4 +0,0 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 4.58331V17.4166" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.58301 11H17.4163" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--quick--close.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.5 6.5L6.5 17.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.5 6.5L17.5 17.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--quick.svg

@@ -1,6 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 10H6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21 6H3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21 14H3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18 18H6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--res--service.svg

@@ -1,3 +0,0 @@
-<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5 4.32354H0.5M4.38889 2.02942V0.500009M10.6111 2.02941V0.5M2.05556 1.26471H1.97778C1.16162 1.26471 0.5 1.91522 0.5 2.71765V11.9706C0.5 12.8153 1.19645 13.5 2.05556 13.5H12.9444C13.8036 13.5 14.5 12.8153 14.5 11.9706V2.71765C14.5 1.91522 13.8384 1.26471 13.0222 1.26471H12.9444M6.72222 1.26471H8.27778M10.0301 7.46717L7.40684 10.6799C7.11697 11.0349 6.57777 11.0639 6.25035 10.7419L5.16667 9.67647" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--search.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14 13.9996L11.1 11.0996" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--select.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 6L8 10L12 6" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

public/img/ico--top--arrow.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 15L12 9L6 15" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>