Merge remote-tracking branch 'origin/master'

app/assets/scss/admin.scss

@@ -463,7 +463,41 @@ html {
   }
 
   &[data-text-location="topleft"]{
+    .alt--text{      
+      bottom:auto;
+      top:40px;      
+    }
+        
+    .btn--wrapper{        
+      bottom:auto;
+      top:120px;
+
+      .default--round--btn{
+        background: rgb(101, 112, 129);
+        color: rgb(252, 252, 253);
+        box-shadow: rgba(101, 112, 129, 0) 0px 0px 0px 1px inset;
+        transition-property: color, background, box-shadow;
+        &:hover{
+          background: rgb(44, 52, 63);
+          color: rgb(252, 252, 253);
+          box-shadow: rgba(219, 223, 230, 0.2) 0px 0px 0px 1px inset;
+        }
 
+        &.reverse{
+          background-color: rgb(24, 29, 37);
+          color: rgb(252, 252, 253);
+          box-shadow: rgb(44, 52, 63) 0px 0px 0px 1px inset;
+          transition-property: color, box-shadow, background-color;
+
+          &:hover{
+            background-color: rgb(44, 52, 63);
+            color: rgb(252, 252, 253);
+            box-shadow: rgba(219, 223, 230, 0.2) 0px 0px 0px 1px inset;
+          }
+        }
+      }
+
+    }
   }
 
   
@@ -1569,9 +1603,85 @@ html {
           line-height: 24px;
           font-stretch: 105%;
         }
+
+        h4{
+          margin: var(--spacing-relative-md) 0 0 0;
+          color: rgba(252, 252, 253, 0.7);          
+          letter-spacing: 0px;
+          font-weight: 400;
+          text-decoration: none;
+          font-size: 12px;
+          line-height: 24px;
+          font-stretch: 105%;
+        }
       }
     }
   }
+
+
+
+  &[data-type="asymmetry"]{
+    >ul{  
+      @media (min-width: 1024px) {          
+        flex-direction: row;          
+      }
+
+      
+      gap:0px;
+      display: flex;
+      flex-direction: row;
+      
+      >li{
+        &:nth-of-type(1){
+          flex: 1 1 0px;
+          height: auto;
+          max-width:570px;
+        }
+        &:nth-of-type(2){
+          flex: 2 1 0px;
+          height: auto;
+          margin-left: var(--spacing-relative-md);
+        }        
+        width:100%;        
+        .thumb{
+          height:100%;
+          max-height:720px;
+        }
+        img{
+          height:100%;
+        }
+      }
+    }
+  }
+
+  &[data-type="symmetry"]{
+    >ul{        
+      
+      gap:20px;
+      display: flex;      
+      
+      >li{        
+        width:calc( (100% - 20px) / 2 );
+        flex: 1 1 0px;        
+        display: flex;
+        flex-direction: column;
+
+        .thumb{
+          height:100%;       
+          max-height:100vh;   
+          img{
+            height:100%;
+          }
+        }
+        .desc--wrapper{
+          height:auto;
+          display: flex;
+          flex-direction: column;
+        }
+      }
+    }
+  }
+
 }
 
 
@@ -1597,6 +1707,10 @@ html {
       display: flex;
       flex-wrap: wrap;
       gap:20px;
+
+      &.center{
+        justify-content: center;
+      }
       > li{
         width:calc(50% - 10px);
         padding-bottom:40px;

app/components/block/CareProgramItem.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="row--block--wrapper">
     <div>
-      <ul>
+      <ul :class="align">
         <li v-for="(item, index) in items" :key="index">
           <div class="thumb">
             <img :src="item.imagePath" :alt="item.title" />
@@ -30,6 +30,10 @@
 
 <script setup>
   defineProps({
+    align: {
+      type: String,
+      default: "",
+    },
     items: {
       type: Array,
       required: true,

app/components/block/GridBanner.vue

@@ -8,13 +8,14 @@
         <div class="desc--wrapper">
           <h2 v-if="item.title">{{ item.title }}</h2>
           <h3 v-if="item.subtitle">{{ item.subtitle }}</h3>
+          <h4 v-if="item.cautionText" v-html="item.cautionText"></h4>
           <NuxtLink
             v-if="item.linkUrl"
             class="more--detail--href mt--20 ft--16"
             :to="item.linkUrl"
             :target="item.linkTarget || '_self'"
           >
-            {{ item.linkText || '자세히 보기' }} <i class="ico"></i>
+            {{ item.linkText || "자세히 보기" }} <i class="ico"></i>
           </NuxtLink>
         </div>
       </li>
@@ -30,8 +31,7 @@
       required: true,
       validator: (value) => {
         return value.every(
-          (item) =>
-            item.hasOwnProperty("image") && item.hasOwnProperty("title")
+          (item) => item.hasOwnProperty("image") && item.hasOwnProperty("title")
         );
       },
     },

app/components/block/GridBanner2.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="grid--banner--type2">
+    <ul>
+      <li v-for="(item, index) in items" :key="index">
+        <div class="thumb">
+          <img :src="item.image" :alt="item.title || '배너 이미지'" loading="lazy" />
+        </div>
+        <div class="desc--wrapper">
+          <h2 v-if="item.title">{{ item.title }}</h2>
+          <h3 v-if="item.subtitle">{{ item.subtitle }}</h3>
+          <NuxtLink
+            v-if="item.linkUrl"
+            class="more--detail--href mt--20 ft--16"
+            :to="item.linkUrl"
+            :target="item.linkTarget || '_self'"
+          >
+            {{ item.linkText || "자세히 보기" }} <i class="ico"></i>
+          </NuxtLink>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup>
+  // Props 정의
+  const props = defineProps({
+    items: {
+      type: Array,
+      required: true,
+      validator: (value) => {
+        return value.every(
+          (item) => item.hasOwnProperty("image") && item.hasOwnProperty("title")
+        );
+      },
+    },
+  });
+</script>

app/components/block/fullSizeBannerText1.vue

@@ -20,7 +20,7 @@
         {{ subTitle }}
       </div>
       <div class="btn--wrapper" v-if="btnText">
-        <NuxtLink :to="btnLink" :target="btnTarget" class="default--round--btn reverse">
+        <NuxtLink :to="btnLink" :target="btnTarget" class="default--round--btn">
           {{ btnText }}
         </NuxtLink>
 
@@ -28,7 +28,7 @@
           v-if="btnText2"
           :to="btnLink2"
           :target="btnTarget2"
-          class="default--round--btn"
+          class="default--round--btn reverse"
         >
           {{ btnText2 }}
         </NuxtLink>

app/pages/models/detail/a6-etron.vue

@@ -63,6 +63,16 @@
 
       <CareProgramItem data-type-row="3" :items="careProgramItems2" />
 
+      <TitleVisual
+        title="100% 아우디 A6. 100% 전기차"
+        description="완전히 새로워진 순수 전기차, A6 e-tron performance"
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
       <!-- 
         Swiper 배너 (30% + 70% 레이아웃)
         type="vertical", 
@@ -74,15 +84,15 @@
         subtitle=""
         smalldesc=""
         notice=""
-        type="vertical"
+        type=""
         :autoplay="{ delay: 0 }"
         :loop="false"
       />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="충전 중에도 우수한 성능"
-        description="충전하는 동안에도 짜릿한 성능을 만끽하세요. 낮은 온도에서도 최대 320kW의 충전 용량을 이용할 수 있으며, 안정적인 충전 곡선 덕분에 고속 충전의 진가를 느낄 수 있습니다."
+        title="전율을 일으키는 퍼포먼스"
+        description="차체 하부에 플랫한 형태로 내장되어 있는 800V 리튬 이온 배터리는 이 차량의 심장부입니다. 이 파워풀한 배터리가 충전 및 주행 시에 놀라운 성능을 발휘합니다. 효율적인 고속 충전과 최대 270kW 출력을 누려보세요[전력 소비량 (km/kWh): 4.5 (복합), 4.7 (도심), 4.2 (고속도로) / 에너지 소비 효율 등급: 3등급]."
         textAlign="left"
         theme="dark"
         type="middle2"
@@ -98,25 +108,33 @@
         :loop="false"
       />
 
-      <TrimInfoColumn :items="trimInfoItems2" class="mt--180" />
-
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="코너링의 즐거움"
-        description="콰트로 사륜구동과 에어 서스펜션이 스포츠카 특유의 숨막히는 역동성을 제공합니다. 전기 토크 벡터링이 필요에 따라 후방 구동 휠에 다양한 수준의 토크를 배분하며, 이로써 코너링 시 우수한 후방 민첩성이 보장됩니다."
+        title="새로운 형태의 디자인"
+        description="아우디 A6 e-tron performance는 아우디의 새로운 전기차 디자인 언어를 담고 있습니다. 유려한 쿠페형 루프 아래로 큼직한 휠, 짧은 오버행, 플랫한 캐빈이 스포티한 비율을 부각시킵니다."
         textAlign="left"
         theme="dark"
         type="middle2"
+        class="mt--80"
         :animation="true"
         :animationDelay="300"
       />
 
-      <SwiperBanner :slides="bannerSlides3" :autoplay="false" :loop="false" type="" />
+      <GridBanner2 data-type="asymmetry" :items="bannerItems" class="mt--45" />
+
+      <GridBanner data-type="symmetry" :items="bannerItems2" class="mt--45" />
+
+      <SwiperBanner
+        :slides="bannerSlides3"
+        :autoplay="false"
+        :loop="false"
+        type="vertical"
+      />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="에너지로 충만한 아름다움"
-        description="아우디 S e-tron GT는 낮고 유려한 실루엣, 긴 휠베이스, 그리고 눈길을 사로잡는 S 디자인 요소를 갖추고 있습니다. 플로렛 실버 메탈릭 색상의 마감 도색이 그란 투리스모 특유의 강력한 비율과 역동적인 형태감을 강조합니다."
+        title="새로운 차원의 개방감"
+        description="스위처블 파노라믹 루프는 구조적으로 정돈된 실내 공간을 한층 더 넓어 보이게 하며, 고급 소재의 품격을 더욱 돋보이게 합니다. 차량 루프를 거의 가득 채우는 스위처블 파노라믹 루프는 전동식으로 차광이 가능한 9개 구획으로 이루어져 있습니다."
         textAlign="left"
         type="middle2"
         theme="dark"
@@ -131,10 +149,30 @@
         type="vertical"
       />
 
+      <SwiperBanner
+        :slides="bannerSlides5"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type="vertical"
+      />
+
+      <ProductCard
+        data-type=""
+        image="/img/models/a6-etron/A6e_2023_5956_DE_1-L.webp"
+        title="아우디 디지털 서비스"
+        subtitle="차 안에서 디지털 세상을 만끽할 수 있습니다."
+        buttonText="더보기"
+        buttonUrl="/aboutaudi/audi_connect"
+        buttonTarget="_blank"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="디테일에 숨겨진 스포티한 매력"
-        description="운전자 중심의 콕핏 레이아웃, 스포티한 윤곽의 스티어링 휠, 그리고 앞쪽에 S자 조명 엠블럼이 달린 스포츠 시트 플러스가 실내에서도 스포츠카만의 분위기를 조성합니다."
+        title="주행 스타일 맞춤 기능"
+        description="지속적으로 조정되는 차량 특성이 주행의 즐거움과 편안함을 더해줍니다. 새로운 기능이 적용된 아우디 드라이브 셀렉트를 통해 간편하게 설정할 수 있습니다. 스포티함이든 편안함이든, 어댑티브 에어 서스펜션을 통해 차량을 원하는 대로 조절할 수 있습니다."
         textAlign="left"
         type="middle2"
         theme="dark"
@@ -144,17 +182,17 @@
       />
 
       <SwiperBanner
-        :slides="bannerSlides5"
+        :slides="bannerSlides6"
         :autoplay="false"
         :loop="false"
         class="mt--80"
-        type="vertical"
+        type=""
       />
 
       <!-- 타이틀 비주얼 컴포넌트 -->
       <TitleVisual
-        title="눈에 띄는 특별함 – 아우디 익스클루시브"
-        description="내가 특별한 만큼, 내 아우디도 특별해야 합니다. 아우디 S e-tron GT에 나만의 독창적인 매력을 더해 보세요."
+        title="다채로운 가능성"
+        description="아우디 순정 액세서리는 차량에 완벽한 전천후 기능을 더해 줍니다. 실용적인 기능과 시각적 디테일로, 새로운 니즈에 맞춰 차량을 유연하게 조정할 수 있습니다. 원하는 만큼 몇 번이든 조정이 가능합니다."
         textAlign="left"
         type="middle2"
         theme="dark"
@@ -163,16 +201,12 @@
         class="mt--100"
       />
 
-      <ProductCard
-        data-type="square"
-        image="/img/models/e-tron-gt/SeGT_2024_6505-S-L.webp"
-        title="아우디 S e-tron GT가 마음에 드시나요?"
-        subtitle="지금 바로 고품질의 기본 구성부터 시작해보세요."
-        buttonText="차량 구성하기"
-        buttonUrl="https://www.audi.co.kr/ko/models/e-tron-gt/s-e-tron-gt-master-2025/konfigurator/?ulid=1762753594174&pr=F8PR9D0_2025%7CL5L5%7CFO#configurator"
-        buttonTarget="_blank"
-        layout="horizontal"
-        imagePosition="left"
+      <SwiperBanner
+        :slides="bannerSlides7"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type="vertical"
       />
 
       <!-- 제품 카드 컴포넌트 -->
@@ -241,6 +275,8 @@
   import LinkList from "~/components/block/LinkList.vue";
   import TrimInfoColumn from "~/components/block/TrimInfoColumn.vue";
   import CareProgramItem from "~/components/block/CareProgramItem.vue";
+  import GridBanner2 from "~/components/block/GridBanner2.vue";
+  import GridBanner from "~/components/block/GridBanner.vue";
 
   // Runtime Config 가져오기
   const config = useRuntimeConfig();
@@ -322,151 +358,215 @@
   // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
   const bannerSlides = ref([
     {
-      video: "/img/models/e-tron-gt/s-e-tron-gt-walkaround-L.mp4",
+      video: "/img/models/a6-etron/audi_a6_sb_e-tron_product_S-L.mp4",
       alt: "",
-      title: "",
-      subtitle: "",
+      title: "빠른 충전, 긴 주행 거리",
+      subtitle:
+        "효율적인 구동 시스템과 정교한 공기역학 설계를 갖춘 더 뉴 아우디 A6 e-tron performance는 최대 469km의 주행 가능 거리와 최대 270kW(DC)의 고속 충전을 지원합니다. 커피 한 잔을 마실 시간이면 충전이 완료됩니다.",
       smalldesc: "",
     },
-  ]);
-
-  const bannerSlides2 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6504_Cast-L.avif",
-      alt: "고출력 충전",
-      title: "고출력 충전",
+      video:
+        "/img/models/a6-etron/Walkaround_2024_A6_e-tron_NF_Sportback_AU51X_1920x1920_1.mp4",
+      alt: "",
+      title: "강렬한 Sportback 디자인",
       subtitle:
-        "약 18분 안에 10%에서 80%까지 충전됩니다. 또 10분이면 280km를 주행하기에 충분한 전력을 보충할 수 있습니다. 고전압 배터리를 탑재한 덕분에 HPC 충전소에서 이렇게 빠른 대용량 충전(충전 용량 최대 320kW)이 가능합니다.",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급<br/>유럽 WLTP 기준",
+        "더 뉴 아우디 A6 e-tron performance는 e-tron 디자인 언어의 새로운 지평을 엽니다. 플랫한 캐빈, 쿠페 스타일의 유려한 루프 라인, 넓은 휠베이스로 완성된 스포티한 비율이 마음을 사로잡습니다.",
+      smalldesc: "",
+    },
+    {
+      video:
+        "/img/models/a6-etron/InteriorWalkaround_A6_e-tron_NF_Sportback_AU51X_1920x1920_1.mp4",
+      alt: "",
+      title: "시각적으로 명확한 디자인과 편안함",
+      subtitle:
+        "모든 요소가 운전자에게 집중되어 있습니다. 부드러운 곡면과 고급 소재는 기분 좋은 촉감을 선사하며 차량의 고급스러움을 강조합니다. 소프트랩 구조는 도어 트림에서부터 계기판을 지나 센터 콘솔과 센터 암레스트를 시각적으로 연결합니다.",
+      smalldesc: "",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6505-L.avif",
-      alt: "내 생애 가장 오래 이어지는 아드레날린 킥",
-      title: "내 생애 가장 오래 이어지는 아드레날린 킥",
+      image: "/img/models/a6-etron/A6e_2023_5944_EN-S-L.avif",
+      alt: "",
+      title: "디지털, 스마트, 편의성",
       subtitle:
-        "기대하세요. 무려 420km(복합 기준)에 달하는 아우디 그란 투리스모 전기차의 기나긴 주행 가능 거리 덕분에 역동적인 주행 경험이 오래도록 지속됩니다.",
+        "MMI 파노라믹 디스플레이, 증강현실(AR) 헤드업 디스플레이, 아우디 어시스턴트, 다이내믹 인터렉션 라이트, 헤드레스트 스피커가 장착된 B&O 3D 프리미엄 사운드 시스템 등 첨단 기능을 갖춘 새로운 디지털 실내 공간을 경험해보세요.",
+      smalldesc: "",
       cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+        "증강현실 헤드업 디스플레이와 다이내믹 인터랙션 라이트는 Advanced 트림에서 미적용되며, 헤드레스트 스피커가 장착된 B&O 3D 프리미엄 사운드 시스템은 S-line Black Edition 트림에서 적용됩니다.",
     },
+  ]);
+
+  const bannerSlides2 = ref([
     {
-      image: "/img/models/e-tron-gt/RRA0356-L-1.jpg",
-      alt: "효율성을 위한 방향 전환",
-      title: "효율성을 위한 방향 전환",
+      image: "/img/models/a6-etron/A6e_2023_5920-L.avif",
+      alt: "긴 여정을 위한 완벽한 준비",
+      title: "긴 여정을 위한 완벽한 준비",
       subtitle:
-        "아우디 e-tron GT를 위해 특별히 개발된 21인치 타이어는 기존 타이어 대비 최적화된 구름 저항으로 효율성이 우수하며, 따라서 주행 가능 거리를 늘리는 데 유리합니다. 이 타이어는 평균 55%의 재생 원료와 재활용 원료를 사용해 제조됩니다.",
-      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT 입니다.",
+        "놀라운 주행 가능 거리와 e-tron 경로 플래너가 포함된 지능형 내비게이션 덕분에 장거리 주행을 여유롭게 즐기실 수 있습니다. e-tron 경로 플래너는 충전 지점을 계획하고 급속 충전을 위해 배터리를 사전 조절하는 등 다양한 기능을 제공합니다.",
+      cautiondesc: "",
+    },
+    {
+      image: "/img/models/a6-etron/A6e_2023_5962_EN-L.avif",
+      alt: "회생 제동 시스템을 통한 에너지 회수",
+      title: "회생 제동 시스템을 통한 에너지 회수",
+      subtitle:
+        "회생 제동 시스템을 통해 관성 주행 시는 물론이고 제동 중에도 에너지를 회수할 수 있습니다. 관성 주행 동안 에너지 회수는 운전자가 가속 페달에서 발을 뗄 때 활성화됩니다. 회수 수준은 스티어링 휠 페들을 통해 자동 또는 수동으로 선택할 수 있으며, 세 단계로 조절이 가능합니다.",
+      cautiondesc: "",
     },
   ]);
 
-  // Trim 정보 데이터
-  const trimInfoItems2 = ref([
+  const bannerItems = ref([
     {
-      title: "합산 출력",
-      value: "435",
-      unit: "kW",
-      subText: "",
+      image: "/img/models/a6-etron/A6e_2023_5915-L.jpg",
+      title: "",
+      subtitle:
+        "차원이 다른 존재감과 스포티한 개성: 차체 컬러의 인버티드 싱글프레임이 강렬한 존재감을 완성합니다. 날렵한 주간 주행등으로 넓고 낮은 전면 디자인이 한층 더 강조됩니다.",
     },
     {
-      title: "가속 (0-100km/h)",
-      value: "3.6",
-      unit: "초",
-      subText: "(Launch Control 모드: 3.4초)",
+      image: "/img/models/a6-etron/A6e_2023_5913-L.avif",
+      title: "",
+      subtitle:
+        "플랫한 실루엣: 넓은 휠 아치와 21인치 대형 휠, 플랫한 쿠페형 실루엣이 스포티한 외관을 연출합니다. 사이드 실 위의 블랙 인레이는 e-tron 디자인의 특징으로, 차량의 심장인 배터리를 상징합니다.",
+    },
+  ]);
+
+  const bannerItems2 = ref([
+    {
+      image: "/img/models/a6-etron/A6e_2023_5916-S.jpg",
+      title: "",
+      subtitle:
+        "공기역학적 후면부: 강렬한 후면부 디자인은 길게 이어지는 라이트 스트립과 그 위의 일루미네이티드 아우디 링으로 완성됩니다. 개성 있는 리어 디퓨저 덕분에 파워풀하고 스포티한 비율이 한층 돋보입니다.",
     },
     {
-      title: "배터리 용량 (Gross)",
-      value: "105",
-      unit: "kWh",
-      subText: "",
+      image: "/img/models/a6-etron/A6e_2023_6036-S.avif",
+      title: "",
+      subtitle:
+        "버추얼 사이드 미러: 옵션 사양인 버추얼 사이드 미러의 카메라는 후방 뷰를 고해상도 OLED 디스플레이에 투사하며, 인체공학적 설계 덕분에 운전자의 시야 안에 자연스럽게 표시됩니다. 또한 차량의 공기역학을 개선하며 전동식으로 접을 수 있습니다.",
+      cautionText:
+        "* 아우디 A6 Avant e-tron performance 이미지입니다.<br/>* 버추얼 사이드 미러의 경우, S-line Black Edition만 기본 사양이며 Advanced 및 S-line 에는 추가금이 발생하는 옵션입니다.",
     },
   ]);
 
   const bannerSlides3 = ref([
     {
       video:
-        "/img/models/e-tron-gt/EN-240430_Audi_GT_LAUNCH_CONTROL_29s_v11_1x1_CLEAN.mp4",
-      alt: "처음부터 압도적인 성능",
-      title: "처음부터 압도적인 성능",
+        "/img/models/a6-etron/SignatureCollection_A6_e-tron_NF_Sportback_AU51X_1920x1080-3.mp4",
+      alt: "카리스마 넘치는 라이트 시그니처",
+      title: "카리스마 넘치는 라이트 시그니처",
       subtitle:
-        "아드레날린이 솟구치는 짜릿한 경험이 매 순간 반복됩니다. 아우디 S e-tron GT 모델은 최대 435kW의 강력한 출력을 바탕으로 런치 컨트롤 모드에서 극한의 가속을 선사합니다(전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급). 정지 상태에서 3.6초(Launch Control 모드: 3.4초)면 100km/h에 도달합니다. 또한 아우디 S e-tron GT 모델의 e-tron 스포츠 사운드 덕분에 감동적인 주행 경험을 귀로도 느낄 수 있습니다. 절제, 균형, 스포티 등 원하는 사운드 프로필 옵션을 선택하세요.",
+        "매트릭스 LED 헤드라이트와 2세대 디지털 OLED 후미등의 디지털 라이트 시그니처가 새로운 조명 디자인에 생동감을 더합니다. 이 조합을 통해 새로운 액티브 디지털 라이트 시그니처를 포함한 총 8가지의 디지털 라이트 시그니처가 제공됩니다.",
       smalldesc: "",
-      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT performance 입니다.",
+      cautiondesc:
+        "* 상기 영상의 모델은 국내 사양과 다소 차이가 있을 수 있습니다.<br/>* 해당 옵션은 Advanced 트림에는 적용되지 않습니다.",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6505-S-L.avif",
-      alt: "노면과 하나 되는 감각",
-      title: "노면과 하나 되는 감각",
+      video:
+        "/img/models/a6-etron/Leavinghome_to_Cominghome_A6_e-tron_NF_Sportback_AU51X_1920x1080_1.mp4",
+      alt: "혁명적인 조명 디자인",
+      title: "혁명적인 조명 디자인",
       subtitle:
-        "정밀하게 조향되며 조향 각도는 감소했습니다. 더 직접적인 조향 비율의 전륜 스포츠 스티어링은 특히 굽은 도로에서 운전하는 재미를 더욱 높여주며, 사륜 스티어링은 아우디 S e-tron GT의 민첩성을 한층 더 향상시킵니다.",
+        "커밍 홈/리빙 홈 기능의 다이내믹한 라이트 시퀀스는 혁신적인 느낌을 선사합니다. 특히 후면부를 가로지르는 라이트 스트립과 일루미네이티드 아우디 링은 특히 감탄을 자아냅니다.",
       smalldesc: "",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+      cautiondesc: "* 해당 옵션은 Advanced 트림에는 적용되지 않습니다.",
     },
   ]);
 
   const bannerSlides4 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6511-L.avif",
-      alt: "모두가 주목하는 스포티한 감각",
-      title: "모두가 주목하는 스포티한 감각",
+      video: "/img/models/a6-etron/Panoramaglasdach_A6_e-tron.mp4",
+      alt: "",
+      title: "",
+      subtitle: "",
+      smalldesc: "",
+    },
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      image: "/img/models/a6-etron/A6e_2023_5952_bearb_EN-L-5.avif",
+      alt: "MMI 파노라믹 디스플레이",
+      title: "MMI 파노라믹 디스플레이",
       subtitle:
-        "넓은 전면부와 독특한 공기 흡입구, 눈에 띄는 범퍼가 스포츠카만의 인상적인 존재감을 드러냅니다. 싱글프레임의 반전 매력이 느껴지는 그릴은 특유의 3D 엠보싱으로 이러한 인상을 더욱 강화합니다.",
+        "커브드 형태의 대형 MMI 파노라믹 디스플레이는 운전자 쪽으로 완전히 기울어져 있으며, 아우디 버추얼 콕핏 플러스(11.9인치)와 MMI 센터 디스플레이(14.5인치)가 통합되어 있습니다. 또한 MMI 동반석 디스플레이(10.9인치)가 마련되어 있어 내비게이션과 엔터테인먼트를 별도로 조작할 수 있습니다.",
       smalldesc: "",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6509-L.avif",
-      alt: "다이내믹한 마감",
-      title: "다이내믹한 마감",
+      image: "/img/models/a6-etron/A6e_2023_5944_EN-L-1.avif",
+      alt: "지능형 조명 디자인",
+      title: "지능형 조명 디자인",
+      subtitle:
+        "앞유리 하단의 다이내믹 라이트 스트립인 인터랙션 라이트는 실내 공간을 세련된 컬러 분위기로 연출하고, 특정 상황에서 운전자를 지원합니다. 라이트 애니메이션은 차량이 충전 중일 때 배터리 충전 상태나 표시등의 활성화 여부 등을 표시합니다.",
+      smalldesc: "* 해당 옵션은 Advanced 트림에는 적용되지 않습니다.",
+    },
+    {
+      image: "/img/models/a6-etron/A6e_2023_5950-L.avif",
+      alt: "느긋하게 누리는 즐거움",
+      title: "느긋하게 누리는 즐거움",
+      subtitle:
+        "16개의 스피커를 갖춘 뱅앤올룹슨 프리미엄 사운드 시스템은 입체적인 음향으로 실내 공간을 가득 채웁니다. 운전석 헤드레스트와 동반석 헤드레스트에 각각 2개씩 보조 스피커가 추가로 장착되어 있어, 사적인 전화 통화를 하거나 내비게이션 안내를 받을 수 있는 개별 사운드 존을 제공합니다.",
+      smalldesc: "* 해당 옵션은 S-line Black Edition 트림에 적용됩니다.",
+    },
+    {
+      image: "/img/models/a6-etron/A6e_2023_5955_EN-L-1.avif",
+      alt: "증강현실(AR) 헤드업 디스플레이",
+      title: "증강현실(AR) 헤드업 디스플레이",
+      subtitle:
+        "앞유리의 증강현실 영역은 속도, 내비게이션 안내, 운전자 보조 시스템 메시지 등의 정보를 전방 10미터 정도 거리에 가상으로 표시합니다. 전화 연락처도 시야에 직접 표시할 수 있습니다.",
+      smalldesc: "* 해당 옵션은 Advanced 트림에는 적용되지 않습니다.",
+    },
+  ]);
+
+  const bannerSlides6 = ref([
+    {
+      image: "/img/models/a6-etron/A6e_2023_5940-S-L-1.avif",
+      alt: "운전자 지원 시스템",
+      title: "운전자 지원 시스템",
       subtitle:
-        "강력한 후방 디퓨저는 공기역학적 효율성과 명료한 시각적 아름다움을 결합한 결과물입니다. 수직 슬랫을 통해 난류를 줄이는 한편, 디퓨저 위에 차체 색상의 인레이를 넣어 S 모델 특유의 디자인 감각을 강조했습니다.",
+        "어댑티브 크루즈 컨트롤, 사이드 어시스트 등 운전자 지원 시스템은 도시 내 주행과 장거리 여행 모두에서 편안한 주행을 보장합니다. 또한 파크 어시스트, 360도 서라운드 뷰 카메라 등을 사용하면 차량을 편리하게 주차할 수 있을 뿐만 아니라 주차 공간에서 쉽게 빠져나올 수 있습니다.",
       smalldesc: "",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2&nbsp;배출량&nbsp;(복합): 0g/km,&nbsp;배출 등급: 4등급",
     },
     {
-      video: "/img/models/e-tron-gt/s-e-tron-gt-chlh-lights-animation-L.mp4",
-      alt: "혁신적인 조명 디자인",
-      title: "혁신적인 조명 디자인",
+      video:
+        "/img/models/a6-etron/SeatingBallet_A6_e-tron_NF_Sportback_AU51X_1920x1920_1.mp4",
+      alt: "넓은 실내 공간",
+      title: "넓은 실내 공간",
       subtitle:
-        "커밍 홈/리빙 홈 기능의 다이내믹한 라이트 시퀀스가 혁신적인 느낌을 선사합니다. 후면 전체를 가로지르는 조명 스트립은 특히 강렬한 인상을 남깁니다.",
-      cautiondesc:
-        "전력 소비량: 3.7 km/kWh (복합), CO2&nbsp;배출량&nbsp;(복합): 0g/km,&nbsp;배출 등급: 4등급",
+        "스포티한 감성과 일상의 실용성을 모두 갖췄습니다. 뒷좌석 등받이는 40:20:40 비율로 분할하여 접거나 완전히 접을 수 있으며, 이를 통해 트렁크 용량을 502리터에서 1,330리터까지 늘릴 수 있습니다.",
+      smalldesc: "",
     },
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6511-L-2.avif",
-      alt: "빛으로 완성되는 존재감",
-      title: "빛으로 완성되는 존재감",
+      video: "/img/models/a6-etron/Frunk_A6_e-tron_NF_Sportback_AU51X_1920x1920_1-1.mp4",
+      alt: "추가 수납 공간",
+      title: "추가 수납 공간",
       subtitle:
-        "매트릭스 LED 헤드라이트와 아우디 레이저 라이트는 아우디의 진보적 디자인을 대표하는 핵심 요소입니다. 아우디 레이저 라이트의 파란색 포인트가 돋보이는 독창적인 조명 시그니처는 이 자동차의 스포티한 개성을 더욱 강조합니다.",
+        "보닛 아래에는 27L 용량의 프렁크(frunk)가 마련되어 있습니다. 컴포트 키를 소지한 상태로 손을 차량 전면부에 있는 센서에 대기만 하면 덮개가 자동으로 열립니다.",
       smalldesc: "",
     },
   ]);
 
-  const bannerSlides5 = ref([
+  const bannerSlides7 = ref([
     {
-      image: "/img/models/e-tron-gt/SeGT_2024_6529_EN-L.avif",
-      alt: "한눈에 들어오는 디지털 정보",
-      title: "한눈에 들어오는 디지털 정보",
+      image: "/img/models/a6-etron/A6e_as_2023_6022-L.avif",
+      alt: "스포티함을 더하는 포인트",
+      title: "스포티함을 더하는 포인트",
       subtitle:
-        "아우디 버추얼 콕핏 플러스의 12.3인치 디스플레이는 속도 및 내비게이션 안내뿐만 아니라 배터리 온도 및 현재 차량의 최대 허용 충전 용량 등 충전 프로세스 관련 정보도 표시해 줍니다.",
+        "아우디 정품 액세서리의 카본 사이드 미러 하우징은 차량 도장 마감과 대비를 이루며, 신형 아우디 A6 e-tron performance의 외관을 더욱 역동적으로 만들어줍니다.",
       smalldesc: "",
     },
     {
-      video: "/img/models/e-tron-gt/Audi_GT-Post-GlassRoof-S_1920x1080.mp4",
-      alt: "새로운 차원의 개방감",
-      title: "새로운 차원의 개방감",
+      image: "/img/models/a6-etron/A6e_as_2023_5935-L.avif",
+      alt: "디테일에서 느껴지는 다이내믹함",
+      title: "디테일에서 느껴지는 다이내믹함",
       subtitle:
-        "블라인드처럼 간편하게 조작할 수 있으면서도, 훨씬 더 다양하게 활용 가능합니다. 파노라마 글래스 루프를 구성하는 9개의 세그먼트는 각각 투명 또는 불투명으로 전환할 수 있습니다. 원하는 곳으로 햇살이 들어오도록 MMI 터치 디스플레이에서 선택하면 됩니다.",
+        "카본 소재의 테일게이트 스포일러로 신형 아우디 A6 e-tron performance의 다이내믹한 느낌을 완성해보세요. 디자인과 소재 모두 스포티한 특징을 강조하며 스포일러는 전체적인 이미지에 완성도를 더합니다.",
       smalldesc: "",
     },
     {
-      video: "/img/models/e-tron-gt/Frunk_S_Etron_GT-L.mp4",
-      alt: "더 넉넉한 공간",
-      title: "더 넉넉한 공간",
+      image: "/img/models/a6-etron/A6e_as_2023_5934-L.avif",
+      alt: "자유로운 이동",
+      title: "자유로운 이동",
       subtitle:
-        "긴 보닛 아래에 추가 수납 공간이 마련되어, 수납 용량이 77리터나 더 늘어났습니다.",
+        "자동차의 가속 페달 대신 자전거 페달을 밟고 싶다면, 루프에 자전거 랙을 장착해보세요. 자전거를 루프에 간편하게 실을 수 있어, 트렁크 공간은 다른 짐을 위한 용도로 자유롭게 활용할 수 있습니다.",
       smalldesc: "",
-      cautiondesc: "유럽인증기준",
     },
   ]);
 
@@ -508,30 +608,38 @@
       title: "A6 e-tron performance Advanced",
       description:
         "94,590,000원* 부터<br/><br/>- 구동전동기의 최고출력: 270 kW<br/>- 1회 충전 주행 거리: 469 km (복합)",
-      linkUrl: "/service/program/dealersearch",
-      linkText: "전시장 바로가기",
-      linkTarget: "_self",
-      smallText: "",
+      linkUrl:
+        "https://www.audi.co.kr/ko/models/a-6-e-tron/a6-e-tron-performance-2025/configurator/?ulid=1762761928471&pr=GHAAC80_2025%7CG5G5%7CII#configurator",
+      linkText: "A6 e-tron performance Advanced 차량 만들기",
+      linkTarget: "_blank",
+      smallText:
+        "* 위 권장소비자가격은 3.5%의 한시적 개별소비세 인하분이 적용된 가격이며, 환경친화적자동차 등재 기준입니다.",
       captionText: "",
     },
     {
       imagePath: "/img/models/a6-etron/A6-e-tron-performance-S-line_1920x1080_new.avif",
-      title: "",
-      description: "",
-      linkUrl: "/service/careprogram/",
-      linkText: "아우디 e-tron 케어 프로그램 바로가기",
-      linkTarget: "_self",
-      smallText: "",
+      title: "A6 e-tron performance S-line",
+      description:
+        "102,100,000원* 부터<br/><br/>- 구동전동기의 최고출력: 270 kW<br/>- 1회 충전 주행 거리: 469 km (복합)",
+      linkUrl:
+        "https://www.audi.co.kr/ko/models/a-6-e-tron/a6-e-tron-performance-2025/configurator/?ulid=1762762063887&pr=GHAAC80_2025%7CG5G5%7CII#configurator",
+      linkText: "A6 e-tron performance S-line 차량 만들기",
+      linkTarget: "_blank",
+      smallText:
+        "* 위 권장소비자가격은 3.5%의 한시적 개별소비세 인하분이 적용된 가격이며, 환경친화적자동차 등재 기준입니다.",
     },
     {
       imagePath:
         "/img/models/a6-etron/A6-e-tron-performance-Black-Edition_1920x1080_new.avif",
-      title: "",
-      description: "",
-      linkUrl: "/service/program/carserviceplus",
-      linkText: "카 서비스 플러스 바로가기",
-      linkTarget: "_self",
-      smallText: "",
+      title: "A6 e-tron performance Black Edition",
+      description:
+        "105,860,000원* 부터<br/><br/>- 구동전동기의 최고출력: 270 kW<br/>- 1회 충전 주행 거리: 469 km (복합)",
+      linkUrl:
+        "https://www.audi.co.kr/ko/models/a-6-e-tron/a6-e-tron-performance-2025/configurator/?ulid=1762762064251&pr=GHAAC80_2025%7CG5G5%7CII#configurator",
+      linkText: "A6 e-tron performance Black Edition 차량 만들기",
+      linkTarget: "_blank",
+      smallText:
+        "* 위 권장소비자가격은 3.5%의 한시적 개별소비세 인하분이 적용된 가격이며, 환경친화적자동차 등재 기준입니다.",
     },
   ]);
 </script>

app/pages/models/detail/q4-etron.vue

@@ -0,0 +1,471 @@
+<template>
+  <main>
+    <div class="detail--container--full">
+      <!-- 풀사이즈 배너 텍스트 1줄용 -->
+      <fullSizeBannerText
+        :height="856"
+        :imagePath="bannerTextPath"
+        class="video"
+        textLocation="topleft"
+        textColor="#000"
+        type="cover"
+        altText="Audi Q4 e-tron"
+        btnText="상담신청"
+        btnLink="/"
+        btnTarget="_blank"
+        btnText2="내 차량 만들기"
+        btnLink2="/"
+        btnTarget2="_blank"
+        cautionText=""
+      />
+
+      <TrimInfoColumn class="mt--100" :items="trimInfoItems" />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="Adrenaline, Fully<br/> Charged"
+        description=""
+        textAlign="center"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <!-- 링크 리스트 컴포넌트 -->
+      <LinkList class="mt--20" :links="reservationLinks" />
+
+      <!-- 
+      타이틀 비주얼 컴포넌트
+
+      type : middle 타이틀 중간사이즈면 좌우 여백없음
+             middle2 : 타이틀 중간사이즈면서 좌우 여백있음
+      -->
+      <TitleVisual
+        title="가장 순수한 형태의 성능"
+        description="아우디 RS e-tron GT performance: 최초의 순수 전기차 RS performance 모델인 동시에, 지금까지 생산된 아우디 양산차 중 가장 강력한 성능을 가장 아름다운 그란 투리스모 디자인에 담아 냈습니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <!-- 
+        Swiper 배너 (30% + 70% 레이아웃)
+        type="vertical", 
+        type="horizental"
+      -->
+      <SwiperBanner
+        :slides="bannerSlides"
+        title=""
+        subtitle=""
+        smalldesc=""
+        notice=""
+        type="vertical"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="한계를 모르는 궁극의 역동성"
+        description="아드레날린이 솟구치는 짜릿한 경험이 매 순간 반복됩니다. 아우디 RS e-tron GT performance 모델은 최대 550kW의 강력한 출력을 바탕으로 런치 컨트롤을 통해 극한의 가속을 발휘합니다(전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급). 정지 상태에서 단 2.9초(Launch Control 모드: 2.5초)면 100km/h에 도달합니다. 또한 아우디 RS e-tron GT performance의 e-tron 스포츠 사운드 덕분에 감동적인 주행 경험을 음향으로도 느낄 수 있습니다. 절제, 균형, 스포티 등 원하는 사운드 프로필 옵션을 선택하세요."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides2"
+        notice=""
+        type=""
+        height="62"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <TrimInfoColumn :items="trimInfoItems2" class="mt--180" />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="숨 막히는 퍼포먼스"
+        description="충전하는 동안에도 짜릿한 성능을 만끽하세요. 낮은 온도에서도 최대 320kW의 충전 용량을 이용할 수 있으며, 안정적인 충전 곡선 덕분에 고속 충전의 진가를 느낄 수 있습니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides3"
+        :autoplay="false"
+        :loop="false"
+        type="vertical"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides4"
+        :autoplay="false"
+        :loop="false"
+        type="vertical"
+        class="mt--60"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides5"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type="vertical"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type="vertical"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="눈에 띄는 특별함 – 아우디 익스클루시브"
+        description="내가 특별한 만큼, 내 아우디도 특별해야 합니다. 아우디 S e-tron GT에 나만의 독창적인 매력을 더해 보세요."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+        class="mt--100"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6631-S-L.webp"
+        title="아우디 RS e-tron GT performance가 마음에 드시나요?"
+        subtitle="지금 바로 고품질의 기본 구성부터 시작해보세요."
+        buttonText="차량 구성하기"
+        buttonUrl="https://www.audi.co.kr/ko/models/e-tron-gt/rs-e-tron-gt-performance-master-2025/konfigurator/?ulid=1762759198233&pr=F8PR8D0_2025%7CL5L5%7CAR#configurator"
+        buttonTarget="_blank"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <CareProgramItem data-type-row="3" :items="careProgramItems" />
+
+      <!-- 제품 카드 컴포넌트 -->
+      <ProductCard
+        data-type="square"
+        image="/img/etronms/3_730X730.webp"
+        title="Audi
+      Warranty 아우디 보증 프로그램"
+        smallTitle="아우디 보증 프로그램"
+        subtitle="더 오래,
+      더 안전한 드라이빙을 위한 아우디 5년 보증 프로그램으로 아우디와 함께 어디든 안심하고
+      떠나세요.<br /><br />
+      › 대상차량 : 아우디코리아에서 공식 딜러사를 통해 판매하는 모든 21년식 모델부터
+      적용<br /><br />
+      › 보증 기간 : 5년 보증 또는 최종 주행거리 150,000km 까지 (선도래조건)<br /><br />
+      › 대상 부품 : 제조사 보증과 동일<br /><br />
+      › 차량당 총 보상한도(누적) : 신차 권장소비자가격(VAT포함)<br /><br />
+      * 자세한 내용은 차량과 함께 제공되는 아우디 보증서를 확인하세요."
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/models/e-tron-gt/2_730X730.webp"
+        title="Car Service Plus"
+        smallTitle="카 서비스 플러스"
+        subtitle="카 서비스 플러스 프로그램은 아우디 공식 서비스센터에서 제공하는 차량 유지관리 서비스 입니다.<br/><br/>
+아우디 공식 서비스센터를 통해 제공되는 전문적이고 체계적인 유지관리는 추가 비용 부담없이 고객님 차량의 가치를 더욱 높여줄 것입니다."
+        buttonText="카 서비스 플러스 확인하기"
+        buttonUrl="/service/program/carserviceplus"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="right"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/etronms/e-tron_1920x1920.webp"
+        title="아우디 전기차
+"
+        smallTitle="카 서비스 플러스"
+        subtitle="아우디 최초의 순수 전기차 아우디 e-tron은 아우디 브랜드 역사의 완전한 새로운 장을 열었습니다.<br/>
+아우디 e-tron은 순수 전기 모터로 구동되며 급속 충전 편의성, 주행 중 첨단 에너지 회수 기능을 보유하고 있습니다.<br/>
+지속적으로 확장되는 아우디 e-tron 제품군은 전력으로 구동되며, 정교한 차량 디자인과 역동적인 성능 및 핸들링을 제공합니다."
+        buttonText="카 서비스 플러스 확인하기"
+        buttonUrl="/models/etron"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <CautionText />
+    </div>
+  </main>
+</template>
+
+<script setup>
+  // 컴포넌트 import
+  import fullSizeBannerText from "~/components/block/fullSizeBannerText1.vue";
+  import ParallaxBanner from "~/components/block/parallaxBanner.vue";
+  import SwiperBanner from "~/components/block/SwiperBanner.vue";
+  import TitleVisual from "~/components/block/TitleVisual.vue";
+  import ProductCard from "~/components/block/ProductCard.vue";
+  import CautionText from "~/components/block/cautionText3.vue";
+  import LinkList from "~/components/block/LinkList.vue";
+  import TrimInfoColumn from "~/components/block/TrimInfoColumn.vue";
+  import CareProgramItem from "~/components/block/CareProgramItem.vue";
+
+  // Runtime Config 가져오기
+  const config = useRuntimeConfig();
+
+  const bannerTextPath = ref("/img/models/q4-etron/Stage_Desktop.avif");
+
+  // Trim 정보 데이터
+  const trimInfoItems = ref([
+    {
+      title: "합산 출력",
+      value: "550",
+      unit: "kW",
+      subText: "",
+    },
+    {
+      title: "가속 (0-100km/h)",
+      value: "2.9",
+      unit: "초",
+      subText: "(Launch Control 모드: 2.5초)",
+    },
+    {
+      title: "최고 속도",
+      value: "250",
+      unit: "km/h분",
+      subText: "",
+    },
+  ]);
+
+  // 링크 데이터 배열
+  const reservationLinks = ref([
+    {
+      text: "내 차량 만들기",
+      url:
+        "https://www.audi.co.kr/ko/models/e-tron-gt/rs-e-tron-gt-performance-master-2025/konfigurator/?ulid=1762755892978&pr=F8PR8D0_2025%7CL5L5%7CAR#configurator",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "차량 상담",
+      url:
+        "https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=" +
+        config.public.testDriveCode +
+        "&selectCar=RSETGTPFM25&step=1&testType=2",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "전시장/AS센터",
+      url: "/company/serviceCenter",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "카탈로그 다운로드",
+      url:
+        "https://www.audikoreaevent.co.kr/aca/ecatalog/download/Audi_SETGT25_&_RSETGTPFM25_catalog.pdf",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "디지털 카탈로그",
+      url: "https://indd.adobe.com/view/8aee0a52-9278-4af3-9dea-e7e0fc354ff6",
+      target: "_blank",
+      showIcon: true,
+    },
+  ]);
+
+  // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
+  const bannerSlides = ref([
+    {
+      video: "/img/models/rs-e-tron-gt-pm2025/rs-e-tron-gt-performance-walkaround-L.mp4",
+      alt: "",
+      title: "",
+      subtitle: "",
+      smalldesc: "",
+    },
+  ]);
+
+  const bannerSlides2 = ref([
+    {
+      video:
+        "/img/models/rs-e-tron-gt-pm2025/EN-240430_Audi_GT_LAUNCH_CONTROL_29s_v11_1x1_CLEAN.mp4",
+      alt: "런치 컨트롤과 함께 하늘을 나는 기분",
+      title: "런치 컨트롤과 함께 하늘을 나는 기분",
+      subtitle:
+        "아드레날린이 솟구치는 짜릿한 경험이 매 순간 반복됩니다. 아우디 RS e-tron GT performance 모델은 최대 550kW의 강력한 출력을 바탕으로 런치 컨트롤을 통해 극한의 가속을 선사합니다(전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급). 정지 상태에서 단 2.9초(Launch Control 모드: 2.5초)면 100km/h에 도달합니다. 또한 아우디 RS e-tron GT performance 모델의 e-tron 스포츠 사운드 덕분에 감동적인 주행 경험을 귀로도 느낄 수 있습니다. 절제, 균형, 스포티 등 원하는 사운드 프로필 옵션을 선택하세요.",
+      cautiondesc:
+        "전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+    },
+    {
+      video:
+        "/img/models/rs-e-tron-gt-pm2025/EN-240430_Audi_GT_BOOST_30s_v08_V5_1x1_CLEAN-L.mp4",
+      alt: "버튼 하나로 일시적 출력 상승",
+      title: "버튼 하나로 일시적 출력 상승",
+      subtitle:
+        "푸시-투-패스는 더 쉽게 추월할 수 있도록 차량의 출력을 잠깐 동안 높여주는 기능입니다. 스티어링 휠 상단과 하단의 납작한 제어 버튼으로 기능을 활성화하고, 10초 동안 최대 70kW(유럽 WLTP 기준)의 추가 출력을 누려 보세요.",
+      cautiondesc:
+        "전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+    },
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6587-S-L.avif",
+      alt: "노면과 하나 되는 감각",
+      title: "노면과 하나 되는 감각",
+      subtitle:
+        "사륜 스티어링과 전륜 스포츠 스티어링의 조합은 직접적인 조향 비율로 한층 더 편리한 기동과 스포티한 핸들링을 보장합니다. 아우디 드라이브 셀렉트를 통해 RS 모드나 RS performance 모드를 선택하면 운전자의 스타일과 요구사항에 맞게 차량을 더 세밀하게 조율할 수 있습니다.",
+      cautiondesc: "",
+    },
+  ]);
+
+  // Trim 정보 데이터
+  const trimInfoItems2 = ref([
+    {
+      title: "최대 주행 가능 거리 (복합 기준)",
+      value: "384",
+      unit: "km",
+      subText: "",
+    },
+    {
+      title: "충전 용량 10%에서 80%까지 소요 시간 (유럽 WLTP 기준)",
+      value: "18",
+      unit: "분",
+      subText: "최고 320kW의 최대 DC 전력 충전 시",
+    },
+    {
+      title: "최대 DC 충전 전력",
+      value: "320",
+      unit: "kW",
+      subText: "",
+    },
+  ]);
+
+  const bannerSlides3 = ref([
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6590-L.avif",
+      alt: "내 생애 가장 오래 이어지는 아드레날린 킥",
+      title: "내 생애 가장 오래 이어지는 아드레날린 킥",
+      subtitle:
+        "강력한 성능을 지님에도 불구하고 복합 기준 384km에 달하는 아우디 그란 투리스모 전기차의 기나긴 주행 가능 거리 덕분에 역동적인 주행 경험이 오래도록 지속됩니다.",
+      smalldesc: "",
+      cautiondesc:
+        "전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+    },
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RRA0356-L-1.jpg",
+      alt: "효율성을 위한 방향 전환",
+      title: "효율성을 위한 방향 전환",
+      subtitle:
+        "아우디 e-tron GT를 위해 특별히 개발된 21인치 타이어는 기존 타이어 대비 최적화된 구름 저항으로 효율성이 우수하며, 따라서 주행 가능 거리를 늘리는 데 유리합니다. 이 타이어는 평균 55%의 재생 원료와 재활용 원료를 사용해 제조됩니다.",
+      smalldesc: "",
+      cautiondesc: "참고: 사진의 모델은 아우디 RS e-tron GT입니다.",
+    },
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6633-L.avif",
+      alt: "고출력 충전",
+      title: "고출력 충전",
+      subtitle:
+        "약 18분 안에 10%에서 80%까지 충전됩니다. 또 10분이면 275km를 주행하기에 충분한 전력을 보충할 수 있습니다. 고전압 배터리를 탑재한 덕분에 HPC 충전소에서 이렇게 빠른 대용량 충전(충전 용량 최대 320kW)이 가능합니다.",
+      smalldesc: "",
+      cautiondesc: "유럽 WLTP 기준",
+    },
+  ]);
+
+  const bannerSlides4 = ref([
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6604-L.avif",
+      alt: "빛으로 완성되는 존재감",
+      title: "빛으로 완성되는 존재감",
+      subtitle:
+        "매트릭스 LED 헤드라이트와 아우디 레이저 라이트는 아우디의 진보적 디자인을 대표하는 핵심 요소입니다. 아우디 레이저 라이트의 파란색 포인트가 돋보이는 독창적인 조명 시그니처는 이 자동차의 스포티한 개성을 더욱 강조합니다.",
+      smalldesc: "",
+    },
+    {
+      video:
+        "/img/models/rs-e-tron-gt-pm2025/rs-e-tron-gt-performance-chlh-lights-animation-L.mp4",
+      alt: "혁신적인 조명 디자인",
+      title: "혁신적인 조명 디자인",
+      subtitle:
+        "‘커밍 홈/리빙 홈’ 기능의 다이내믹 라이트 시퀀스에서 아우디가 추구하는 진보적인 감각을 엿볼 수 있습니다. 후면 전체를 가로지르는 조명 스트립은 특히 강렬한 인상을 남깁니다.",
+      smalldesc: "",
+      cautiondesc:
+        "전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+    },
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      video:
+        "/img/models/rs-e-tron-gt-pm2025/Walkaround_Int_Etron_GT_RS_RS_Performance_1920x1080_1.mp4",
+      alt: "",
+      title: "",
+      subtitle: "",
+      smalldesc: "",
+    },
+  ]);
+
+  const bannerSlides6 = ref([
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6614_EN-L.avif",
+      alt: "RS performance를 뒷받침하는 MMI",
+      title: "RS performance를 뒷받침하는 MMI",
+      subtitle:
+        "RS 고유의 레이아웃으로 설계된 아우디 버추얼 콕핏 플러스에서 풍부한 정보를 활용하세요. 속도, 내비게이션, 인포테인먼트는 물론 배터리 온도와 예상 최대 충전 용량까지 확인할 수 있습니다. 다이내믹한 디자인의 “파워 미터” 레이아웃은 RS 모델에만 독점 제공됩니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/rs-e-tron-gt-pm2025/RSeGTp_2024_6615_V2_EN-L.avif",
+      alt: "성능에 초점을 맞춘 정보 제공",
+      title: "성능에 초점을 맞춘 정보 제공",
+      subtitle:
+        "10.1인치 MMI 내비게이션 플러스와 MMI 터치는 직관적인 조작 방식과 다양한 인포테인먼트 기능을 제공합니다. 아우디 드라이브 셀렉트에서 ‘RS 1’, ‘RS 2’, ‘RS performance’ 모드를 선택하면 더욱 스포티하고 역동적인 차량으로 변신합니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/rs-e-tron-gt-pm2025/Frunk_Etron_GT_RS_Performance-L.mp4",
+      alt: "더 넉넉한 공간",
+      title: "더 넉넉한 공간",
+      subtitle:
+        "긴 보닛 아래에 추가 수납 공간이 마련되어, 수납 용량이 77리터나 더 늘어났습니다.",
+      smalldesc: "",
+      cautiondesc: "유럽 인증 기준",
+    },
+  ]);
+
+  const careProgramItems = ref([
+    {
+      imagePath: "/img/models/e-tron-gt/SeGT_2024_6505-L.avif",
+      title: "S e-tron GT",
+      description: "",
+      linkUrl: "/models/detail/s-etron-gt",
+      linkText: "지금 알아보기",
+      linkTarget: "_self",
+      smallText:
+        "전력 소비량: 3.7 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+      captionText: "",
+    },
+    {
+      imagePath: "/img/models/e-tron-gt/Q6_2023_5202-cast_1-v2-L.avif",
+      title: "Q6 SUV e-tron",
+      description: "",
+      linkUrl: "/models/detail/q6-suv-e-tron-2025",
+      linkText: "지금 알아보기",
+      linkTarget: "_self",
+      smallText:
+        "전력 소비량(복합): 19.8-16.1kWh/100km, CO₂ 배출량(복합): 0g/km, CO₂ 등급: A",
+    },
+  ]);
+</script>

app/pages/models/detail/s6-etron.vue

@@ -0,0 +1,578 @@
+<template>
+  <main>
+    <div class="detail--container--full">
+      <!-- 풀사이즈 배너 텍스트 1줄용 -->
+      <fullSizeBannerText
+        :height="856"
+        :imagePath="bannerTextPath"
+        class="video"
+        textLocation="bottomleft2"
+        type="cover"
+        altText="The new Audi S6 e-tron"
+        btnText="상담신청"
+        btnLink="/"
+        btnTarget="_blank"
+        btnText2="내 차량 만들기"
+        btnLink2="/"
+        btnTarget2="_blank"
+        cautionText="전력 소비량 (km/kWh): 4.２ (복합), 4.３ (도심), 4.０ (고속도로) / 에너지 소비 효율 등급: 3등급"
+      />
+
+      <TrimInfoColumn class="mt--40" :items="trimInfoItems" />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="혁신의 차이, 전기적 프리미엄의 완성"
+        description=""
+        textAlign="center"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <!-- 링크 리스트 컴포넌트 -->
+      <LinkList class="mt--20" :links="reservationLinks" />
+
+      <!-- 
+      타이틀 비주얼 컴포넌트
+
+      type : middle 타이틀 중간사이즈면 좌우 여백없음
+             middle2 : 타이틀 중간사이즈면서 좌우 여백있음
+      -->
+      <TitleVisual
+        title="The new Audi S6 e-tron 론칭 혜택"
+        description=""
+        textAlign="center"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <CareProgramItem data-type-row="3" :items="careProgramItems" />
+
+      <TitleVisual
+        title="Price Range"
+        description=""
+        textAlign="center"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <CareProgramItem data-type-row="3" :items="careProgramItems2" align="center" />
+
+      <TitleVisual
+        title="스포티한 전기차"
+        description="더 뉴 아우디 S6 e-tron은 감각을 깨우는 순수 전기 퍼포먼스로 더 세련되고 혁신적인 스포티함을 선사합니다. 진보적인 아우디 디자인과 정교한 공기역학, 디지털 혁신을 경험해보세요."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <!-- 
+        Swiper 배너 (30% + 70% 레이아웃)
+        type="vertical", 
+        type="horizental"
+      -->
+      <SwiperBanner
+        :slides="bannerSlides"
+        title=""
+        subtitle=""
+        smalldesc=""
+        notice=""
+        type=""
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="강력한 가속 성능"
+        description="‘370kW의 합산 출력과 함께 e-tron 스포츠 사운드 시스템이 구현하는 강력한 가속을 경험해보세요. [전력 소비량 (km/kWh): 4.2 (복합), 4.3 (도심), 4.0 (고속도로) / 에너지 소비 효율 등급: 3등급] 단 4.1초만에 정지 상태에서 100km/h까지 가속합니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides2"
+        notice=""
+        type="vertical"
+        height="62"
+        :autoplay="{ delay: 0 }"
+        :loop="false"
+      />
+
+      <TitleVisual
+        title="에너지가 가득한 디자인"
+        description="S6 e-tron은 S 엠블럼과 S 범퍼, 블랙패키지, S 전용 리어 스포일러가 어우러져 S만의 익스클루시브한 외관을 강조합니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <GridBanner2 data-type="asymmetry" :items="bannerItems" class="mt--45" />
+
+      <SwiperBanner
+        :slides="bannerSlides3"
+        :autoplay="false"
+        :loop="false"
+        type="vertical"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides4"
+        :autoplay="false"
+        :loop="false"
+        type="vertical"
+        class="mt--60"
+      />
+
+      <TitleVisual
+        title="새로운 차원의 개방감"
+        description="스위처블 파노라믹 루프는 구조적으로 정돈된 실내 공간을 한층 더 넓어 보이게 하며, 고급 소재의 품격을 더욱 돋보이게 합니다. 차량 루프를 거의 가득 채우는 스위처블 파노라믹 루프는 전동식으로 차광이 가능한 9개 구획으로 이루어져 있습니다."
+        textAlign="left"
+        theme="dark"
+        type="middle2"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides5"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type="vertical"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides6"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type="vertical"
+      />
+
+      <ProductCard
+        data-type=""
+        image="/img/models/a6-etron/A6e_2023_5956_DE_1-L.webp"
+        title="아우디 디지털 서비스"
+        subtitle="차 안에서 디지털 세상을 만끽할 수 있습니다."
+        buttonText="더보기"
+        buttonUrl="/aboutaudi/audi_connect"
+        buttonTarget="_blank"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <!-- 타이틀 비주얼 컴포넌트 -->
+      <TitleVisual
+        title="매일을 특별하게 만드는 스포티함"
+        description="놀라운 주행 가능 거리와 고속 충전 기능을 갖춘 더 뉴 아우디 Audi S6 e-tron은 주행의 즐거움을 일상으로 끌어들입니다.  뒷좌석 폴딩 시트와 차량 전후면에 마련된 두 개의 수납 공간 등 높은 공간 활용성을 갖춘 설계로 일상에 더 큰 여유를 선사합니다."
+        textAlign="left"
+        type="middle2"
+        theme="dark"
+        :animation="true"
+        :animationDelay="300"
+      />
+
+      <SwiperBanner
+        :slides="bannerSlides7"
+        :autoplay="false"
+        :loop="false"
+        class="mt--80"
+        type=""
+      />
+
+      <!-- 제품 카드 컴포넌트 -->
+      <ProductCard
+        class="mt--60"
+        data-type="square"
+        image="/img/etronms/3_730X730.webp"
+        title="Audi
+      Warranty 아우디 보증 프로그램"
+        smallTitle="아우디 보증 프로그램"
+        subtitle="더 오래,
+      더 안전한 드라이빙을 위한 아우디 5년 보증 프로그램으로 아우디와 함께 어디든 안심하고
+      떠나세요.<br /><br />
+      › 대상차량 : 아우디코리아에서 공식 딜러사를 통해 판매하는 모든 21년식 모델부터
+      적용<br /><br />
+      › 보증 기간 : 5년 보증 또는 최종 주행거리 150,000km 까지 (선도래조건)<br /><br />
+      › 대상 부품 : 제조사 보증과 동일<br /><br />
+      › 차량당 총 보상한도(누적) : 신차 권장소비자가격(VAT포함)<br /><br />
+      * 자세한 내용은 차량과 함께 제공되는 아우디 보증서를 확인하세요."
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/models/e-tron-gt/2_730X730.webp"
+        title="Car Service Plus"
+        smallTitle="카 서비스 플러스"
+        subtitle="카 서비스 플러스 프로그램은 아우디 공식 서비스센터에서 제공하는 차량 유지관리 서비스 입니다.<br/><br/>
+아우디 공식 서비스센터를 통해 제공되는 전문적이고 체계적인 유지관리는 추가 비용 부담없이 고객님 차량의 가치를 더욱 높여줄 것입니다."
+        buttonText="카 서비스 플러스 확인하기"
+        buttonUrl="/service/program/carserviceplus"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="right"
+      />
+
+      <ProductCard
+        data-type="square"
+        image="/img/etronms/e-tron_1920x1920.webp"
+        title="아우디 전기차
+"
+        smallTitle="카 서비스 플러스"
+        subtitle="아우디 최초의 순수 전기차 아우디 e-tron은 아우디 브랜드 역사의 완전한 새로운 장을 열었습니다.<br/>
+아우디 e-tron은 순수 전기 모터로 구동되며 급속 충전 편의성, 주행 중 첨단 에너지 회수 기능을 보유하고 있습니다.<br/>
+지속적으로 확장되는 아우디 e-tron 제품군은 전력으로 구동되며, 정교한 차량 디자인과 역동적인 성능 및 핸들링을 제공합니다."
+        buttonText="카 서비스 플러스 확인하기"
+        buttonUrl="/models/etron"
+        buttonTarget="_self"
+        layout="horizontal"
+        imagePosition="left"
+      />
+
+      <CautionText />
+    </div>
+  </main>
+</template>
+
+<script setup>
+  // 컴포넌트 import
+  import fullSizeBannerText from "~/components/block/fullSizeBannerText1.vue";
+  import ParallaxBanner from "~/components/block/parallaxBanner.vue";
+  import SwiperBanner from "~/components/block/SwiperBanner.vue";
+  import TitleVisual from "~/components/block/TitleVisual.vue";
+  import ProductCard from "~/components/block/ProductCard.vue";
+  import CautionText from "~/components/block/cautionText3.vue";
+  import LinkList from "~/components/block/LinkList.vue";
+  import TrimInfoColumn from "~/components/block/TrimInfoColumn.vue";
+  import CareProgramItem from "~/components/block/CareProgramItem.vue";
+  import GridBanner2 from "~/components/block/GridBanner2.vue";
+
+  // Runtime Config 가져오기
+  const config = useRuntimeConfig();
+
+  const bannerTextPath = ref("/img/models/s6-etron/S6e_2023_6067-L.avif");
+
+  // Trim 정보 데이터
+  const trimInfoItems = ref([
+    {
+      title: "구동전동기의 합산출력",
+      value: "370",
+      unit: "kW",
+      subText: "",
+    },
+    {
+      title: "주행거리 (복합)",
+      value: "440",
+      unit: "km",
+      subText: "",
+    },
+    {
+      title: "가속력 (0-100km/h)",
+      value: "4.1",
+      unit: "초",
+      subText: "",
+    },
+  ]);
+
+  // 링크 데이터 배열
+  const reservationLinks = ref([
+    {
+      text: "내 차량 만들기",
+      url:
+        "https://www.audi.co.kr/ko/models/a-6-e-tron/s6-e-tron-2025/configurator/?ulid=1762826606792#configurator",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "차량 상담",
+      url:
+        "https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=" +
+        config.public.testDriveCode +
+        "&selectCar=S6_e-tron&testType=2",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "전시장/AS센터",
+      url: "/company/serviceCenter",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "카탈로그 다운로드",
+      url:
+        "https://www.audikoreaevent.co.kr/aca/ecatalog/download/Audi_A6_&_S6_etron_catalog.pdf",
+      target: "_blank",
+      showIcon: true,
+    },
+    {
+      text: "디지털 카탈로그",
+      url: "http://www.audi-catalogue.co.kr/A6e-tron/",
+      target: "_blank",
+      showIcon: true,
+    },
+  ]);
+
+  // Swiper 배너 슬라이드 데이터 (30% + 70% 레이아웃용)
+  const bannerSlides = ref([
+    {
+      image: "/img/models/s6-etron/S6e_2023_6068-S-L.avif",
+      alt: "전율을 일으키는 퍼포먼스",
+      title: "전율을 일으키는 퍼포먼스",
+      subtitle:
+        "더 뉴 아우디 S6 e-tron은 긴 주행 가능 거리와 고속 충전 외에도 전기 콰트로 사륜구동으로 탁월한 가속 성능, 뛰어난 접지력과 안전성을 구현합니다.",
+      smalldesc: "",
+    },
+    {
+      video:
+        "/img/models/s6-etron/Walkaround_2024_S6_e-tron_NF_Sportback_AU51X_1920x1920_1.mp4",
+      alt: "진보적인 디자인 철학",
+      title: "진보적인 디자인 철학",
+      subtitle:
+        "쿠페 스타일의 유려한 루프 라인, 플랫한 캐빈, S 전용 익스테리어 등 스포티함에 초점을 맞춰 한층 진화된 e-tron만의 디자인 언어가 역동적인 개성을 강조합니다.",
+      smalldesc: "",
+    },
+    {
+      video:
+        "/img/models/s6-etron/InteriorWalkaround_S6_e-tron_NF_Sportback_AU51X_1920x1920_1.mp4",
+      alt: "트렌드를 선도하는 실내 디자인",
+      title: "트렌드를 선도하는 실내 디자인",
+      subtitle:
+        "모든 요소가 운전자에게 집중되어 있습니다. 부드러운 곡면, S 전용 요소, 고급 소재는 기분 좋은 촉감을 선사하며 차량의 고급스러움을 강조합니다. 소프트랩 구조는 도어 트림에서부터 계기판을 지나 센터 콘솔과 센터 암레스트를 시각적으로 연결합니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/s6-etron/S6e_2023_6082_EN-S-L.avif",
+      alt: "디지털, 스마트, 편의성",
+      title: "디지털, 스마트, 편의성",
+      subtitle:
+        "MMI 파노라믹 디스플레이, 증강현실(AR) 헤드업 디스플레이, 아우디 어시스턴트, 다이내믹 인터렉션 라이트, 헤드레스트 스피커가 장착된 B&O 3D 프리미엄 사운드 시스템 등 첨단 기능을 갖춘 새로운 디지털 실내 공간을 경험해보세요.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/s6-etron/S6e_2023_6061-S-L.avif",
+      alt: "역동적인 충전 성능",
+      title: "역동적인 충전 성능",
+      subtitle:
+        "차체 하부에 플랫한 형태로 내장되어 있는 800V 리튬 이온 배터리는 이 차량의 심장부입니다. 이 파워풀한 배터리가 충전 및 주행 시에 놀라운 성능을 발휘합니다. 효율적인 고속 충전과 최대 370kW 출력을 누려보세요[전력 소비량 (km/kWh): 4.２ (복합), 4.３ (도심), 4.０ (고속도로) / 에너지 소비 효율 등급: 3등].",
+      smalldesc: "",
+    },
+  ]);
+
+  const bannerSlides2 = ref([
+    {
+      image: "/img/models/s6-etron/S6e_2023_6069-L-1.avif",
+      alt: "순수 전기 콰트로 드라이브",
+      title: "순수 전기 콰트로 드라이브",
+      subtitle:
+        "순수 전기 콰트로 드라이브는 탁월한 접지력과 조향 안전성을 제공합니다. 이는 전륜 및 후륜 차축에 있는 전기 모터의 구동력이 필요에 따라 네 바퀴 모두에 분산되기 때문입니다.",
+      cautiondesc: "",
+    },
+    {
+      image: "/img/models/s6-etron/S6e_2023_6067-L-1.avif",
+      alt: "주행 스타일 맞춤 기능",
+      title: "주행 스타일 맞춤 기능",
+      subtitle:
+        "다이내믹한 주행부터 안락한 승차감, 에너지 효율 중심의 주행까지, 아우디 드라이브 셀렉트를 통해 언제든지 차량 특성을 조절할 수 있습니다.  어댑티브 S 에어 서스펜션은 차량의 높이와 댐핑을 조절해 주행 역동성을 개선하는 동시에 편안한 승차감을 유지합니다.",
+      cautiondesc: "",
+    },
+  ]);
+
+  const bannerItems = ref([
+    {
+      image: "/img/models/s6-etron/S6-e-tron_1_1920x2400_new.avif",
+      title: "",
+      subtitle:
+        "압도적인 스포티함: 차체 컬러의 인버티드 싱글프레임, 크롬 스타일 매트 실버로 마감한 강렬한 흡기구가 압도적인 존재감을 드러냅니다. S 전용 디자인을 갖춘 범퍼가 스포티한 외관을 완성합니다.",
+    },
+    {
+      image: "/img/models/s6-etron/S6-e-tron_2_1920x1080_new.avif",
+      title: "",
+      subtitle:
+        "플랫한 실루엣: 쿠페 실루엣과 21인치 Audi Sport 5-트윈 스포크 메탈릭 휠, S 로고가 새겨진 레드 브레이크 캘리퍼가 우아한 스포티함을 자아냅니다.",
+    },
+  ]);
+
+  const bannerSlides3 = ref([
+    {
+      image: "/img/models/s6-etron/S6-e-tron_3_1920x1080_new.avif",
+      alt: "",
+      title: "",
+      subtitle:
+        "스포티한 마무리: 블랙 인레이로 마감된 S 전용 리어 디퓨저가 차량의 역동성을 한층 더 강조합니다. 후면을 가로지르는 라이트 스트립과 일루미네이티드 아우디 링이 차량의 너비감을 부각시킵니다.",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+  ]);
+
+  const bannerSlides4 = ref([
+    {
+      video:
+        "/img/models/s6-etron/SignatureCollection_S6_e-tron_NF_Sportback_AU51X_1920x1080_1-3.mp4",
+      alt: "카리스마 넘치는 라이트 시그니처",
+      title: "카리스마 넘치는 라이트 시그니처",
+      subtitle:
+        "매트릭스 LED 헤드라이트와 2세대 디지털 OLED 후미등의 디지털 라이트 시그니처가 새로운 조명 디자인에 생동감을 더합니다. 이 조합을 통해 새로운 액티브 디지털 라이트 시그니처를 포함한 총 8가지의 디지털 라이트 시그니처가 제공됩니다.",
+      smalldesc: "",
+    },
+    {
+      video:
+        "/img/models/s6-etron/Leavinghome_to_Cominghome_S6_e-tron_NF_Sportback_AU51X_1920x1080_1.mp4",
+      alt: "혁신적인 조명 디자인",
+      title: "혁신적인 조명 디자인",
+      subtitle:
+        "커밍 홈/리빙 홈 기능의 다이내믹한 라이트 시퀀스가 혁신적인 느낌을 선사합니다. 특히 후면부를 가로지르는 라이트 스트립과 일루미네이티드 아우디 링이 감탄을 자아냅니다.",
+      smalldesc: "",
+      cautiondesc:
+        "전력 소비량: 3.4 km/kWh (복합), CO2 배출량 (복합): 0g/km, 배출 등급: 4등급",
+    },
+  ]);
+
+  const bannerSlides5 = ref([
+    {
+      video: "/img/models/s6-etron/Panoramaglasdach_A6_e-tron.mp4",
+      alt: "",
+      title: "",
+      subtitle: "",
+      smalldesc: "",
+      cautiondesc: "참고: 아우디 A6 e-tron performance 이미지입니다.",
+    },
+  ]);
+
+  const bannerSlides6 = ref([
+    {
+      image: "/img/models/s6-etron/S6_e-tron_seet_2.avif",
+      alt: "스포티한 분위기",
+      title: "스포티한 분위기",
+      subtitle:
+        "레드 컬러의 나파 가죽 스포츠 시트 플러스는 마름모 패턴의 타공 처리가 되어 있으며 우수한 측면 지지력을 제공합니다. S 엠블럼과 가죽으로 스포티하게 마감된 스티어링 휠, 카본 스퀘어 인레이, S 로고와 조명 디테일이 들어간 구조적인 도어실 트림이 스포티한 모습을 완성합니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/s6-etron/A6e_2023_5952_bearb_EN-L-5.avif",
+      alt: "MMI 파노라믹 디스플레이",
+      title: "MMI 파노라믹 디스플레이",
+      subtitle:
+        "커브드 형태의 대형 MMI 파노라믹 디스플레이는 운전자 쪽으로 완전히 기울어져 있으며, 아우디 버추얼 콕핏 플러스(11.9인치)와 MMI 센터 디스플레이(14.5인치)가 통합되어 있습니다. 또한 MMI 동반석 디스플레이(10.9인치)가 마련되어 있어 내비게이션과 엔터테인먼트를 별도로 조작할 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      image: "/img/models/s6-etron/A6e_2023_5944_EN-L-1.avif",
+      alt: "지능형 조명 디자인",
+      title: "지능형 조명 디자인",
+      subtitle:
+        "앞유리 하단의 다이내믹 라이트 스트립인 인터랙션 라이트는 실내 공간을 세련된 컬러 분위기로 연출하고, 특정 상황에서 운전자를 지원합니다. 라이트 애니메이션은 차량이 충전 중일 때 배터리 충전 상태나 표시등의 활성화 여부 등을 표시합니다.",
+      smalldesc: "",
+      cautiondesc: "참고: 아우디 A6 e-tron performance 이미지입니다.",
+    },
+    {
+      image: "/img/models/s6-etron/A6e_2023_5950-L.avif",
+      alt: "느긋하게 누리는 즐거움",
+      title: "느긋하게 누리는 즐거움",
+      subtitle:
+        "16개의 스피커를 갖춘 뱅앤올룹슨 프리미엄 사운드 시스템은 입체적인 음향으로 실내 공간을 가득 채웁니다. 운전석 헤드레스트와 동반석 헤드레스트에 각각 2개씩 보조 스피커가 추가로 장착되어 있어, 사적인 전화 통화를 하거나 내비게이션 안내를 받을 수 있는 개별 사운드 존을 제공합니다.",
+      smalldesc: "",
+      cautiondesc: "참고: 아우디 A6 e-tron performance 이미지입니다.",
+    },
+    {
+      image: "/img/models/s6-etron/A6e_2023_5955_EN-L-1.avif",
+      alt: "증강현실(AR) 헤드업 디스플레이",
+      title: "증강현실(AR) 헤드업 디스플레이",
+      subtitle:
+        "앞유리의 증강현실 영역은 속도, 내비게이션 안내, 운전자 보조 시스템 메시지 등의 정보를 전방 10미터 정도 거리에 가상으로 표시합니다. 전화 연락처도 시야에 직접 표시할 수 있습니다.",
+      smalldesc: "",
+      cautiondesc: "참고: 아우디 A6 e-tron performance 이미지입니다.",
+    },
+  ]);
+
+  const bannerSlides7 = ref([
+    {
+      image: "/img/models/s6-etron/S6e_2023_6068-S-L.avif",
+      alt: "긴 여정을 위한 완벽한 준비",
+      title: "긴 여정을 위한 완벽한 준비",
+      subtitle:
+        "놀라운 주행 가능 거리와 충전 지점을 자동으로 계산해주는 e-tron 경로 플래너가 포함된 지능형 내비게이션 덕분에 장거리 주행을 여유롭게 즐기실 수 있습니다. 회생 제동 시스템을 통해 관성 주행 시는 물론이고 제동 중에도 에너지를 회수할 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      video:
+        "/img/models/s6-etron/SeatingBallet_S6_e-tron_NF_Sportback_AU51X_1920x1920_1.mp4",
+      alt: "넓은 실내 공간",
+      title: "넓은 실내 공간",
+      subtitle:
+        "스포티한 감성과 일상의 실용성을 모두 갖췄습니다. 뒷좌석 등받이는 40:20:40 비율로 분할하여 접거나 완전히 접을 수 있으며, 이를 통해 트렁크 용량을 502리터에서 1,330리터까지 늘릴 수 있습니다.",
+      smalldesc: "",
+    },
+    {
+      video: "/img/models/s6-etron/Frunk_S6_e-tron_NF_Sportback_AU51X1920x1920_1.mp4",
+      alt: "추가 수납 공간",
+      title: "추가 수납 공간",
+      subtitle:
+        "보닛 아래에는 27L 용량의 프렁크(frunk)가 마련되어 있습니다. 컴포트 키를 소지한 상태로 손을 차량 전면부에 있는 센서에 대기만 하면 덮개가 자동으로 열립니다.",
+      smalldesc: "",
+      cautiondesc: "",
+    },
+  ]);
+
+  const careProgramItems = ref([
+    {
+      imagePath: "/img/models/a6-etron/A6e_2023_5920-L.avif",
+      title: "",
+      description:
+        "A6 e-tron 출시 기념 100대 한정 특별 전기차 지원금(자세한 내용은 가까운 전시장을 통해 확인하세요.)",
+      linkUrl: "/service/program/dealersearch",
+      linkText: "전시장 바로가기",
+      linkTarget: "_self",
+      smallText: "",
+      captionText: "",
+    },
+    {
+      imagePath: "/img/models/a6-etron/teaser1-2.avif",
+      title: "",
+      description: "",
+      linkUrl: "/service/careprogram/",
+      linkText: "아우디 e-tron 케어 프로그램 바로가기",
+      linkTarget: "_self",
+      smallText: "",
+    },
+    {
+      imagePath: "/img/models/a6-etron/dealer-service_03_640x360.avif",
+      title: "",
+      description: "",
+      linkUrl: "/service/program/carserviceplus",
+      linkText: "카 서비스 플러스 바로가기",
+      linkTarget: "_self",
+      smallText: "",
+    },
+  ]);
+
+  const careProgramItems2 = ref([
+    {
+      imagePath: "/img/models/s6-etron/S6-e-tron_1920x1080_new.avif",
+      title: "S6 e-tron",
+      description:
+        "116,240,000원* 부터<br/><br/>- 구동전동기의 최고출력: 370 kW<br/>- 1회 충전 주행 거리: 440 km (복합)",
+      linkUrl: "/models/detail/s6-etron",
+      linkText: "S6 e-tron 차량 만들기",
+      linkTarget: "_blank",
+      smallText:
+        "* 위 권장소비자가격은 3.5%의 한시적 개별소비세 인하분이 적용된 가격이며, 환경친화적자동차 등재 기준입니다.",
+      captionText: "",
+    },
+  ]);
+</script>