<div class="REPN_CARN_CD" style="display:none">US41</div>

<!-- design -->
<section id="design" class="design" data-title="Design">
  <div class="content-img-overlap">
    <div class="thumb">
      <img
        data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_main.jpg"
        alt="스타리아 리무진 일렉트릭 디자인"
        class="pc-img"
        data-image-mobile
      />
    </div>
    <div class="area-content text-white">
      <div class="inner text-only">
        <div class="wrap-title vtc-center hrz-center">
          <h2 class="title-main">Design</h2>
          <div class="bar-point"></div>
          <p class="title-main-desc">
            골드 메탈릭, 블랙 컬러 포인트로 <br class="m-br"/>절제되고 섬세한 디자인을 완성하였습니다.
          </p>
        </div>
      </div>
    </div>
    <div class="area-notice-text">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 LPG/하이브리드 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>
  <div class="accordion" data-js="toggle-content" data-toggle-type="accordion">
    <button class="btn-icon-text color-activeblue" data-js="showContent">
      <i class="icon el-icon-plus icon-round"></i>
      <span class="text">더 알아보기</span>
    </button>
    <div class="area-accordion">
      <section class="section-sub">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Exterior</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="4">
            <div class="slide" data-dark-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_exterior_bumper_led_positioning_lamp.jpg"
                  alt="스타리아 리무진 일렉트릭 리무진 전용 디자인(범퍼), LED 포지셔닝 램프"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">리무진 전용 디자인(범퍼), LED 포지셔닝 램프</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>

            <div class="slide" data-white-img>
              <div class="thumb area-toggle-image">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_exterior_black_emblem_front.jpg"
                  alt="스타리아 리무진 일렉트릭 블랙 엠블럼 - Front"
                  class="pc-img"
                  data-image-mobile
                />
                <div 
                  class="toggle-image" 
                  data-text-on-off="Front-Rear" 
                  data-suffix-on-off="front-rear" 
                  data-alt-on-off="Front-Rear"
                >
                  <button class="toggle">
                    <span class="toggle-name"><!-- javascript --></span>
                  </button>
                </div>
              </div>
              <div class="box-text">
                <h3 class="title">블랙 엠블럼</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb area-toggle-image">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_exterior_only_limousine_design_front.jpg"
                  alt="스타리아 리무진 일렉트릭 리무진 전용 디자인 – Front"
                  class="pc-img"
                  data-image-mobile
                />
                <div 
                  class="toggle-image" 
                  data-text-on-off="Front-Side" 
                  data-suffix-on-off="front-side" 
                  data-alt-on-off="Front-Side"
                >
                  <button class="toggle">
                    <span class="toggle-name"><!-- javascript --></span>
                  </button>
                </div>
              </div>
              <div class="box-text">
                <h3 class="title">리무진 전용 디자인</h3>
                <p class="desc">
                  * 골드 메탈릭 가니쉬(프론트/리어/사이드실)
                </p>
              </div>
            </div>
            <div class="slide" data-dark-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_exterior_only_limousine_17inch_black_alloy_wheel.jpg"
                  alt="스타리아 리무진 일렉트릭 리무진 전용 17인치 블랙 알로이 휠 & 흡음 타이어"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">리무진 전용 17인치 블랙 알로이 휠 & 흡음 타이어</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section-sub bg-lightsand">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Interior</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="4">
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_black_rear_view.jpg"
                  alt="스타리아 리무진 일렉트릭 블랙 원톤 Rear View"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">블랙 원톤 – Rear View</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_black_front_view.jpg"
                  alt="스타리아 리무진 일렉트릭 블랙 원톤 Front View"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">블랙 원톤 – Front View</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_green_rear_view.jpg"
                  alt="스타리아 리무진 일렉트릭 블랙 원톤 Rear View"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">앙티브 그린 원톤 – Rear View</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_design_green_front_view.jpg"
                  alt="스타리아 리무진 일렉트릭 블랙 원톤 Front View"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">앙티브 그린 원톤 – Front View</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <button class="btn-icon-text color-black" data-js="hideContent">
      <i class="icon el-icon-close icon-round"></i>
      <span class="text">컨텐츠 닫기</span>
    </button>
  </div>
</section>

<!-- colors -->
<section id="colors" class="colors" data-title="Colors">
  <div class="inner" data-animation="fadeUp">
    <div class="area-title-row">
      <div class="wrap-title">
        <h2 class="title-main">Colors</h2>
      </div>
    </div>
    <div class="wrap-tab-area in-overlap-thumb">
      <div class="area-tab-menu">
        <ul class="model-tab-menu" data-tab-id="color">
          <li><button
            class="tab-button d1"
          >Exterior</button></li>
          <li><button
            class="tab-button d1"
          >Interior</button>
          </li>
        </ul>
      </div>
      <div class="vr360" data-js="tabContent" data-tab-id="color" data-auto-play="false">
        <div class="content-img-overlap">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_colors_exterior_bg.jpg"
              alt="스타리아 리무진 일렉트릭 360VR 배경"
              class="pc-img"
              data-image-mobile
            >
          </div>
          <div class="area-content">
            <div class="screen">
              <div class="vr_info">
                <button type="button" class="btn-vr ibtn" data-link-area="모델상세" data-link-name="360VR View">
                  <span class="ir">360</span>
                  <span class="button-guide-text">
                    360° 버튼 클릭 후 <br>재생 버튼 또는 드래그를 통해 <br>차량을 다양한 각도로 확인하실 수 있습니다.
                  </span>
                </button>
              </div>
              <button class="btn-control pause" style="display:none;">일시정지</button>
              <div class="vr360_car_image_container" tabindex="1">
                <img class="vr_car_image" src="" alt="차량명 360 VR">
              </div>
              <div class="vr_car_preload"></div>
            </div>
          </div>
        </div>
        <div class="section-bottom">
          <div class="area-tab-menu">
            <ul class="model-tab-menu select-360vr">
              <li>
                <button class="tab-button d2 option-360vr" data-select-option="US41-1">원톤</button>
              </li>
              <li>
                <button class="tab-button d2 option-360vr" data-select-option="US41-2">투톤</button>
              </li>
            </ul>
          </div>
          <div class="viewer-controller">
            <div class="parett-list area-tab">
              <ul class="tabs">
                <li class="active">
                  <button id="YAC" data-link-area="모델상세" data-link-name="360VR_ext_크리미 화이트" data-car-code="US41" data-select-option="US41-1">
                    <span class="thumb"></span>
                    <span class="title">크리미 화이트</span>
                  </button>
                </li>
                <li>
                  <button id="CRP" data-link-area="모델상세" data-link-name="360VR_ext_캐스트 아이언 브라운 펄" data-car-code="US41" data-select-option="US41-1">
                    <span class="thumb"></span>
                    <span class="title">캐스트 아이언 브라운 펄</span>
                  </button>
                </li>
                <li>
                  <button id="R8N" data-link-area="모델상세" data-link-name="360VR_ext_로버스트 에메랄드 펄" data-car-code="US41" data-select-option="US41-1">
                    <span class="thumb"></span>
                    <span class="title">로버스트 에메랄드 펄</span>
                  </button>
                </li>
                <li>
                  <button id="A2B" data-link-area="모델상세" data-link-name="360VR_ext_어비스 블랙 펄" data-car-code="US41" data-select-option="US41-1">
                    <span class="thumb"></span>
                    <span class="title">어비스 블랙 펄</span>
                  </button>
                </li>

                <li>
                  <button id="CRP-T" data-link-area="모델상세" data-link-name="360VR_ext_어비스 블랙 펄 + 캐스트 아이언 브라운 펄" data-car-code="US41" data-select-option="US41-2">
                    <span class="thumb"></span>
                    <span class="title">어비스 블랙 펄 + 캐스트 아이언 브라운 펄</span>
                  </button>
                </li>
                <li>
                  <button id="R8N-T" data-link-area="모델상세" data-link-name="360VR_ext_어비스 블랙 펄 + 로버스트 에메랄드 펄" data-car-code="US41" data-select-option="US41-2">
                    <span class="thumb"></span>
                    <span class="title">어비스 블랙 펄 + 로버스트 에메랄드 펄</span>
                  </button>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="area-notice-text pos-bottom">
          <p class="blt-block notice">상기 이미지는 실제 차량 컬러와 다를 수 있으며 사전 예고없이 변경될 수 있습니다.</p>
        </div>
      </div>
      <div data-js="tabContent" data-tab-id="color" class="tab-content-menu">
        <div class="section-bottom">
          <div class="area-tab-menu">
            <ul class="model-tab-menu" data-tab-id="colorcarousel">
              <li><button class="tab-button d2">인스퍼레이션</button></li>
            </ul>
          </div>
        </div>
        <div data-js="tabContent" data-tab-id="colorcarousel">
          <div class="carousel" data-js="carousel" data-carousel-type="colorCarousel">
            <div class="slide">
              <div class="thumb" data-color="II9"></div>
              <div class="box-text">
                <h3 class="title">블랙 원톤 / 세미 애닐린 가죽 & 나파가죽 시트</h3>
              </div>
            </div>
            <div class="slide">
              <div class="thumb" data-color="IM5"></div>
              <div class="box-text">
                <h3 class="title">앙티브 그린 원톤 / 세미 애닐린 가죽 & 나파가죽 시트</h3>
              </div>
            </div>
          </div>
        </div>
        <div class="area-notice-text pos-bottom">
          <p class="blt-block notice">
            상기 이미지는 실제 차량 컬러와 다를 수 있으며 사전 예고없이 변경될 수 있습니다.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Space -->
<section id="Space" class="space" data-title="Space">
  <div class="content-img-overlap">
    <div class="thumb">
      <img
        data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_main.jpg"
        alt="스타리아 리무진 일렉트릭 스페이스"
        class="pc-img"
        data-image-mobile
      >
    </div>
    <div class="area-content text-white">
      <div class="inner text-only">
        <div class="wrap-title vtc-center hrz-center">
          <h2 class="title-main">Space</h2>
          <div class="bar-point"></div>
          <p class="title-main-desc">
            비즈니스와 휴식 모두를 완벽히 누릴 수 있는<br />
            고급스럽고 감성적인 실내 공간을 연출하였습니다.
          </p>
        </div>
      </div>
    </div>
    <div class="area-notice-text">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 모델 및 리무진 하이브리드 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>
  <div class="accordion" data-js="toggle-content" data-toggle-type="accordion">
    <button class="btn-icon-text color-activeblue" data-js="showContent">
      <i class="icon el-icon-plus icon-round"></i>
      <span class="text">더 알아보기</span>
    </button>
    <div class="area-accordion">
      <section class="section-sub">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Interior Design</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="4">
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_14way_electric_sheet_1.jpg"
                  alt="스타리아 리무진 일렉트릭 14way 전동시트 – 전동 리클라이닝"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">14way 전동시트 – 전동 리클라이닝</h3>
                <p class="desc">
                  시트 위치와 각도를 세밀하게 조정하여 체형에 꼭 맞는 편안한 시트 포지션을 제공합니다.<br />
                  외측 암레스트에 위치한 스위치로 14 방향 시트 조절이 가능하여, 이동 중에도 최상의 편안함을 유지합니다. 또한, 암레스트부터 레그서포트까지 적용된 열선 기능으로 한층 안락한 휴식을 선사합니다.
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_14way_electric_sheet_2.jpg"
                  alt="스타리아 리무진 일렉트릭 14way 전동시트 – 넥 서포트 헤드레스트"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">14way 전동시트 – 넥 서포트 헤드레스트</h3>
                <p class="desc">
                  
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_14way_electric_sheet_3.jpg"
                  alt="스타리아 리무진 일렉트릭 14way 전동시트 - 슬라이딩/릴랙션 틸팅/레그서포트"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">14way 전동시트 - 슬라이딩/릴랙션 틸팅/레그서포트</h3>
                <p class="desc">
                  
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_tower_armrest_table.jpg"
                  alt="스타리아 리무진 일렉트릭 타워형 암레스트 – 폴딩 테이블"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">타워형 암레스트 – 폴딩 테이블</h3>
                <p class="desc">
                  내측 암레스트에 적용된 매뉴얼 테이블(플립형 미러 포함)은 활용도 높은 공간을 제공합니다.<br>
                  스마트폰 무선충전, 컵홀더, 수납함을 함께 구성하여 편리한 사용 환경을 제공합니다.
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_tower_armrest_mirror.jpg"
                  alt="스타리아 리무진 일렉트릭 타워형 암레스트 – 테이블 미러"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">타워형 암레스트 – 테이블 미러</h3>
                <p class="desc">
                  
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_tower_armrest_wireless_charge.jpg"
                  alt="스타리아 리무진 일렉트릭 타워형 암레스트 - 무선충전"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">타워형 암레스트 - 무선충전</h3>
                <p class="desc">
                  
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_tower_armrest_cup_holder.jpg"
                  alt="스타리아 리무진 일렉트릭 타워형 암레스트 - 컵홀더"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">타워형 암레스트 - 컵홀더</h3>
                <p class="desc">
                  
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_tower_armrest_wireless_storage.jpg"
                  alt="스타리아 리무진 일렉트릭 타워형 암레스트 - 수납함"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">타워형 암레스트 - 수납함</h3>
                <p class="desc">
                  
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_one_touch_relaxation.jpg"
                  alt="스타리아 리무진 일렉트릭 원터치 릴랙션/에어 컨투어 바디케어/자세 메모리 시스템"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">원터치 릴랙션/에어 컨투어 바디케어/자세 메모리 시스템</h3>
                <p class="desc">
                  원터치 조작으로 시트 기울기를 최적화하여 신체에 가해지는 압력을 골고루 분산시키고 14개의 에어 셀을 활용한 5가지 마사지 모드를 제공하여 장거리 이동 시 피로도를 감소시키고 평온한 휴식을 제공합니다.<br />
                  또한 설정한 자세를 기억하는 자세 메모리 시스템을 적용하여 편의성을 높였습니다.<br />
                  - <strong>마사지 모드</strong> : 전신 좌우/전신 상하/전신 순환/상체/하체
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_semi_aniline_leather.jpg"
                  alt="스타리아 리무진 일렉트릭 세미 애닐린 가죽"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">세미 애닐린 가죽</h3>
                <p class="desc">
                  최고급 원피에 가공과 코팅을 최소화하여 천연가죽 본연의 부드러운 촉감과 자연스러운 주름이 그대로 살아 있는 프리미엄 가죽입니다. 세미 애닐린 가죽이 적용된 2열 이그제큐티브 시트는 안락한 착좌감을 제공하며, 사용 시간에 따라 자연스럽게 나타나는 들뜸이나 변화 역시 가죽 고유의 특성으로 시간이 지날수록 깊이 있는 멋과 품격을 완성합니다.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section-sub bg-lightsand">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Limousine Package</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="4">
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_panoramic_sky_roof.jpg"
                  alt="스타리아 리무진 일렉트릭 파노라믹 스카이 루프"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">파노라믹 스카이 루프</h3>
                <p class="desc">
                  잔잔한 물결의 파문을 닮은 천장의 무드램프가 시트 리클라이닝 시 은은한 빛 아래 깊은 몰입감과 평온함을 선사하여, 프라이빗한 감성의 실내 분위기를 완성합니다.
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_roof_folding_rear_entertainment_system.jpg"
                  alt="스타리아 리무진 일렉트릭 17.3인치 루프 폴딩 후석 엔터테인먼트 시스템"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">17.3인치 루프 폴딩 후석 엔터테인먼트 시스템</h3>
                <p class="desc">고화질 영상과 풍부한 사운드를 통해 프라이빗 시네마와 같은 몰입감을 제공하여, 다양한 콘텐츠를 생생하게 즐길 수 있습니다.</p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_rear_sliding_door_spot_lamp.jpg"
                  alt="스타리아 리무진 일렉트릭 후석 슬라이딩 도어 스팟 램프"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">후석 슬라이딩 도어 스팟 램프</h3>
                <p class="desc">
                  * 양측<br />
                  차량 도어 하단 조명은 어두운 환경에서도 발 밑을 밝게 비춰 안전한 승하차를 도와줍니다.
                </p>
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_suede_cushion.jpg"
                  alt="스타리아 리무진 일렉트릭 스웨이드 목베개&시트 쿠션, 블랭킷"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">스웨이드 목베개&시트 쿠션, 블랭킷</h3>
                <p class="desc">
                  인체공학적으로 설계된 목베개 및 시트 쿠션은 몸을 편안하게 지지해 피로감을 줄여주며, 고급스러운 디자인의 블랭킷은 편안함을 더해줍니다.<br />
                  * 2열 이그제큐티브 시트 적용
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section-sub">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Seat Variation</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="4">
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_6seater.jpg"
                  alt="스타리아 리무진 일렉트릭 6인승"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">6인승</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide">
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_space_6seater_executive_seat.jpg"
                  alt="스타리아 리무진 일렉트릭 6인승 2열 이그제큐티브 시트"
                  class="pc-img"
                  data-image-mobile
                >
              </div>
              <div class="box-text">
                <h3 class="title">6인승 – 2열 이그제큐티브 시트</h3>
                <p class="desc">
                  최고급 소재와 인체공학적 설계, 다양한 기능이 어우러져 2열 탑승객을 위한 한 차원 높은 프리미엄 휴식 공간을 구현합니다.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <button class="btn-icon-text color-black" data-js="hideContent">
      <i class="icon el-icon-close icon-round"></i>
      <span class="text">컨텐츠 닫기</span>
    </button>
  </div>
</section>

<!-- Function -->
<section id="function" class="function" data-title="Function">
  <div class="inner">
    <div class="area-title-row" data-animation="fadeUp">
      <div class="wrap-title">
        <h2 class="title-main">Function</h2>
        <div class="bar-point"></div>
        <p class="title-main-desc">
          더욱 다양해진 편의 사양으로 즐기는 <br class="m-br"/>드라이빙 경험을 제공합니다.
        </p>
      </div>
    </div>
    <div class="carousel" data-js="carousel" data-carousel-type="singleImageTab">
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_function_software_update.jpg"
            alt="스타리아 리무진 일렉트릭 무선 소프트웨어 업데이트"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">무선 소프트웨어 업데이트</h3>
          <p class="desc">업데이트 가능한 최신 버전의 소프트웨어가 있을 경우 시동 후 주차 및 시동 OFF 시 사용자의 승인을 거쳐 무선으로 소프트웨어 업데이트를 진행합니다.</p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_function_digital_key_2.jpg"
            alt="스타리아 리무진 일렉트릭 디지털 키 2"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">디지털 키 2</h3>
          <p class="desc">아이폰, 애플워치 및 안드로이드 계열 스마트폰(예: 삼성 스마트폰)으로 도어 잠금/해제 및 시동이 가능하고, 최대 15개 디바이스까지 사용 권한을 공유할 수 있습니다.</p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_function_builtin_cam_2.jpg"
            alt="스타리아 리무진 일렉트릭 빌트인 캡 2 Plus"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">빌트인 캠 2 Plus</h3>
          <p class="desc">
            고해상도 카메라로 차량의 전·후방 영상을 녹화하며, 주차 중 움직임 감지 시 자동 녹화를 지원합니다. 블루링크를 통해 주차 충격 알림 및 영상을 전송하고 빌트인 캠 상태 정보를 제공합니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_function_infortainment.jpg"
            alt="스타리아 리무진 현대 차세대 인포테인먼트 시스템"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">현대 차세대 인포테인먼트 시스템</h3>
          <p class="desc">
            * ccNC : connected car Navigation Cockpit<br />
            12.3인치의 대화면 고해상도 와이드 LCD를 적용해 사용 편의성을 높이고 고객 친화적 인터페이스 및 음성 인식 등의 기능으로 스마트한 모빌리티 경험을 제공합니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_function_bose_premium_sound.jpg"
            alt="스타리아 리무진 일렉트릭 BOSE 프리미엄 사운드 시스템"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">BOSE 프리미엄 사운드 시스템</h3>
          <p class="desc">12개의 스피커와 함께 적용된 BOSE 프리미엄 사운드 시스템으로 풍부한 음향을 즐기실 수 있습니다.</p>
        </div>
      </div>
    </div>
    <div class="area-notice-text pos-bottom align-right">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 LPG/하이브리드 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>
</section>

<!-- Convenience -->
<section id="Convenience" class="convenience" data-title="Convenience">
  <div class="inner">
    <div class="area-title-row" data-animation="fadeUp">
      <div class="wrap-title">
        <h2 class="title-main">Convenience</h2>
        <div class="bar-point"></div>
        <p class="title-main-desc">
        </p>
      </div>
    </div>
    <div class="carousel" data-js="carousel" data-carousel-type="singleImageTab">
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_surround_view_monitor.jpg"
            alt="스타리아 리무진 일렉트릭 서라운드 뷰 모니터"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">서라운드 뷰 모니터</h3>
          <p class="desc">
            주행 또는 주차 시 차량 주변 상황을 고화질 카메라와 디지털 영상 전송 방식으로 선명하게 제공합니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_rear_side_monitor.jpg"
            alt="스타리아 리무진 일렉트릭 후측방 모니터"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">후측방 모니터</h3>
          <p class="desc">
            방향지시등 스위치를 조작하면 해당 방향의 후측방 영상을 클러스터에 표시해줍니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_smartphone_charging.jpg"
            alt="스타리아 리무진 일렉트릭 스마트폰 무선 충전"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">스마트폰 무선 충전</h3>
          <p class="desc">
            별도의 케이블 없이 무선으로 고속 충전이 가능하며 하차 시 휴대폰 방치 알림 기능으로 편의성을 높였습니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_rear_view_voice recognition.jpg"
            alt="스타리아 리무진 일렉트릭 후석 뷰/후석 음성 인식"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">후석 뷰/후석 대화 모드</h3>
          <p class="desc">
            차량 내부에 장착된 후석 전용 카메라와 내비게이션 화면을 통해 후석 탑승객의 상태를 모니터링 할 수 있고, 후석 대화 모드와 연계하여 동작할 수 있어 더욱 편리합니다.<br />
            * 후석 대화 모드는 BOSE 프리미엄 사운드 선택 & 선루프 미선택 시 적용
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_smart_power_tailgate.jpg"
            alt="스타리아 리무진 일렉트릭 스마트 파워 테일게이트"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">스마트 파워 테일게이트</h3>
          <p class="desc">
            스마트키 또는 디지털 키 2 소지 후 차량에 가까이 가면 별도 조작 없이 테일게이트가 자동으로 열리고, 차량에서 멀어지면 테일게이트가 자동으로 닫힙니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_smart_power_sliding_door.jpg"
            alt="스타리아 리무진 일렉트릭 스마트 파워 슬라이딩 도어"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">스마트 파워 슬라이딩 도어</h3>
          <p class="desc">
            스마트키 또는 디지털 키 2 소지 후 도어 주변에서 일정 시간 대기 시 별도 조작 없이 슬라이딩 도어를 자동으로 열 수 있습니다.
          </p>
        </div>
      </div>
      <div class="slide" data-white-img>
        <div class="thumb area-toggle-image">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_smart_individual_air_conditioning_driver.jpg"
            alt="스타리아 리무진 일렉트릭 스마트 개별 공조 (운전석)"
            class="pc-img"
            data-image-mobile
          />
          <div 
            class="toggle-image" 
            data-text-on-off="운전석-동승석" 
            data-suffix-on-off="driver-fellow" 
            data-alt-on-off="(운전석)-(동승석)"
          >
            <button class="toggle">
              <span class="toggle-name"><!-- javascript --></span>
            </button>
          </div>
        </div>
        <div class="box-text">
          <h3 class="title">스마트 개별 공조</h3>
          <p class="desc">
            운전석/동승석 탑승객의 유무를 감지하여, 동승석에 사람이 없을 경우 운전자에게 풍량을 집중하여 에너지 효율을 높입니다.<br />
            * 일렉트릭 전용
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_usb_type_c_terminal.jpg"
            alt="스타리아 리무진 일렉트릭 100W USB C타입 단자"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">100W USB C타입 단자</h3>
          <p class="desc">
            고성능 노트북이나 태블릿 등 다양한 전자기기를 빠르게 충전할 수 있습니다.<br />
            * 당사에서 제공하는 100W 충전 케이블 또는 USB-IF 인증 규격을 만족하는 케이블 사용 시 최대 100W까지 충전 지원
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_convenience_full_auto_air_conditioner.jpg"
            alt="스타리아 리무진 일렉트릭 후석 독립제어 풀오토 에어컨"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">후석 독립제어 풀오토 에어컨</h3>
          <p class="desc">
            후석에서도 독립적으로 온도를 설정하고 자동으로 풍량을 조절하여 전력 효율을 높이고 쾌적한 실내를 완성합니다.
          </p>
        </div>
      </div>
    </div>
    <div class="area-notice-text pos-bottom align-right">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 LPG/하이브리드 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>
</section>

<!-- Driving -->
<section id="driving" class="driving" data-title="Driving">
  <div class="content-img-overlap">
    <div
      class="carousel"
      data-js="carousel"
      data-carousel-type="fullImageTab"
      data-mob-src="/static/images/model/staria-limousine-electric/27pe/mo/staria_limousine_electric_driving_m.jpg"
      data-mob-alt="스타리아 리무진 일렉트릭 드라이빙"
      data-tab-per-view="3"
    >
      <div class="slide" data-dark-img>
        <div class="thumb">
          <img
            src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_driving_performance.jpg"
            alt="스타리아 리무진 일렉트릭 주행성능"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">주행성능</h3>
          <p class="desc">
            <strong>최고출력</strong> 160kW<br>
            <strong>최대토크</strong> 350Nm<br>
            <strong>1회 충전 주행 가능거리 </strong>
            364km (6인승, 17인치 타이어 기준)
          </p>
        </div>
      </div>
      <div class="slide" data-dark-img>
        <div class="thumb">
          <img
            src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_driving_rear_multi_link_suspension.jpg"
            alt="스타리아 리무진 일렉트릭 후륜 멀티링크 서스펜션"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">후륜 멀티링크 서스펜션</h3>
          <p class="desc">
            노면 접지력을 향상시키고 충격을 분산, 차체로 전달되는 진동을 최소화하여 일상 주행 시에는 편안한 승차감을 전달하고 스포티한 주행 시에는 안정적인 차체 거동성을 제공합니다.
          </p>
        </div>
      </div>
      <div class="slide" data-dark-img>
        <div class="thumb">
          <img
            src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_driving_drive_mode.jpg"
            alt="스타리아 리무진 일렉트릭 통합 주행 모드"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">통합 주행 모드</h3>
          <p class="desc">
            * 드라이브 모드<br />
            운전자의 운전 습관 등에 따라 다양하게 주행모드를 선택할 수 있습니다.
          </p>
        </div>
      </div>
      <div class="slide" data-dark-img>
        <div class="thumb">
          <img
            src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_driving_lateral_wind_stabilization_control.jpg"
            alt="스타리아 리무진 일렉트릭 횡풍안정제어"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">횡풍안정제어</h3>
          <p class="desc">
            강한 측풍에 의한 차선 이탈 발생을 능동적으로 제어하여 주행 방향을 유지하고 주행 안정성을 확보합니다.
          </p>
        </div>
      </div>
      <div class="slide" data-dark-img>
        <div class="thumb">
          <img
            src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_driving_steering_wheel_grip_detection.jpg"
            alt="스타리아 리무진 일렉트릭 스티어링 휠 그립 감지"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">스티어링 휠 그립 감지</h3>
          <p class="desc">
            스티어링 휠의 표면에 손이 닿았을 때 흐르는 전류로 그립을 판단하여 첨단 운전자 보조 시스템의 안전성을 향상시킵니다.<br />
            * 일렉트릭 전용
          </p>
        </div>
      </div>
    </div>
    <div class="wrap-title vtc-top pc-only">
      <h2 class="title-main">Driving</h2>
      <div class="bar-point"></div>
      <p class="title-main-desc">
        안정적인 주행 성능과 <br class="m-br" />편안한 승차감으로 보여주는 드라이빙 퍼포먼스
      </p>
    </div>
    <div class="area-notice-text">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>
</section>

<!-- Electric -->
<section id="Electric" class="electric" data-title="Electric">
  <div class="content-img-overlap">
    <div class="thumb">
      <img
        data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric.jpg"
        alt="스타리아 리무진 일렉트릭 일렉트릭"
        class="pc-img"
        data-image-mobile
      />
    </div>
    <div class="area-content text-white">
      <div class="inner text-only">
        <div class="wrap-title vtc-center hrz-center">
          <h2 class="title-main">Electric</h2>
          <div class="bar-point"></div>
          <p class="title-main-desc">
            라이프 스타일을 확장하는<br />
            첨단 자동화 기반의 일렉트릭
          </p>
        </div>
      </div>
    </div>
    <!-- <div class="area-notice-text">
      <p class="blt-block notice">
        --
      </p>
    </div> -->
  </div>
  <div class="accordion" data-js="toggle-content" data-toggle-type="accordion">
    <button class="btn-icon-text color-activeblue" data-js="showContent">
      <i class="icon el-icon-plus icon-round"></i>
      <span class="text">더 알아보기</span>
    </button>
    <div class="area-accordion">
      <section class="section-sub">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Charging Convenience</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="3">
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_multi_superfast_charging_system.jpg"
                  alt="스타리아 리무진 일렉트릭 멀티 초고속 충전 시스템"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">멀티 초고속 충전 시스템</h3>
                <p class="desc">
                  * 400/800V<br />
                  * 20 min (10% → 80% 충전, 350kW급 충전 기준)
                </p>
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_pnc.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 플러그앤차지 PnC"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">플러그앤차지 PnC</h3>
                <p class="desc">
                  * Plug and Charge<br />
                  충전 케이블을 연결하는 것만으로 자동으로 차량 인증과 결제가 이루어져, 간편하고 빠르게 전기차 충전을 완료할 수 있습니다.<br />
                  복잡한 절차 없이 손쉽게 이용 가능한 최첨단 충전 시스템입니다.<br />
                  * E-pit 인프라 사용 시 가능, 앱 설치 필요
                </p>
              </div>
            </div>
            <div class="slide" data-dark-img>
              <div class="thumb area-toggle-image">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_charging_door_front.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 충전 도어_전방"
                  class="pc-img"
                  data-image-mobile
                />
                <div 
                  class="toggle-image" 
                  data-text-on-off="전방-후방" 
                  data-suffix-on-off="front-rear" 
                  data-alt-on-off="전방-후방"
                >
                  <button class="toggle">
                    <span class="toggle-name"><!-- javascript --></span>
                  </button>
                </div>
              </div>
              <div class="box-text">
                <h3 class="title">전방 충전 도어 / 후방 충전 도어</h3>
                <p class="desc">
                  - 전방 충전 도어 : 초급속/완속, 열선 포함<br />
                  - 후방 충전 도어 : 완속<br />
                  전/후방 충전 도어를 적용하여 다양한 환경에서도 편리하게 충전할 수 있고, 인디케이터를 통해 충전 상태를 한눈에 확인할 수 있습니다.<br />
                  * 전/후방 동시 충전 불가
                </p>
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_indoor_v2l.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 실내 V2L"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">실내 V2L</h3>
                <p class="desc">
                  차량 내부에서 V2L 기능을 통해 다양한 전자기기를 사용할 수 있습니다.
                </p>
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_outdoor_v2l.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 실외 V2L"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">실외 V2L</h3>
                <p class="desc">
                  차량 외부에서 V2L 기능을 통해 다양한 전자기기 사용이 가능하여 야외 활동 시 여러 환경에서 편리한 경험을 할 수 있습니다.<br />
                  * 전/후방 동시 사용 불가
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section-sub bg-lightsand">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Charging Experience</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="3">
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_find_charging_station.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 내비게이션으로 충전소 찾기"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">내비게이션으로 충전소 찾기</h3>
                <p class="desc">
                  스타리아 리무진 일렉트릭 고객을 위한 다양한 EV 충전 솔루션과 충전 서비스들을 한눈에 확인하세요.
                </p>
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_e-pit.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 E-pit 초급속 충전소"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">E-pit 초급속 충전소</h3>
                <p class="desc">
                  <a
                    href="https://www.e-pit.co.kr/brand-web/network/epit-network"
                    class="btn btn-external in-phrase"
                    target="_blank"
                    title="새 창"
                    >바로가기
                  </a>
                </p>
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_electric_charge_service.jpg"
                  alt="스타리아 리무진 일렉트릭 일렉트릭 찾아가는 충전 서비스"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">찾아가는 충전 서비스</h3>
                <p class="desc">
                  <a
                    href="https://www.hyundai.com/kr/ko/service-membership/ev/charge-service"
                    class="btn btn-external in-phrase"
                    target="_blank"
                    title="새 창"
                    >바로가기
                  </a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <button class="btn-icon-text color-black" data-js="hideContent">
      <i class="icon el-icon-close icon-round"></i>
      <span class="text">컨텐츠 닫기</span>
    </button>
  </div>
</section>

<!-- Safety -->
<section id="safety" class="safety" data-title="Safety">
  <div class="inner" data-animation="fadeUp">
    <div class="area-title-row">
      <div class="wrap-title">
        <h2 class="title-main">Safety</h2>
        <div class="bar-point"></div>
        <p class="title-main-desc">
          첨단 안전 시스템과 편의를 더해 편안하고 <br class="m-br" />안전하게 드라이빙을 즐기실 수 있습니다.
        </p>
      </div>
    </div>
    <div class="carousel" data-js="carousel" data-carousel-type="singleImageTab">
      <div class="slide">
        <div class="thumb video-wrap">
          <div class="video no-iframe" data-video="after-play-controls">
            <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
            <video
              poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_multi_collision_prevent_auto_control_system.jpg"
              title="스타리아 리무진 일렉트릭 다중 충돌방지 자동 제어 시스템"
              playsinline
            >
              <source
                data-src="/contents/attribute/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_multi_collision_prevent_auto_control_system.mp4"
                type="video/mp4"
              />
            </video>
          </div>
        </div>
        <div class="box-text">
          <h3 class="title">다중 충돌방지 자동 제어 시스템</h3>
          <p class="desc">
            차량의 정면 또는 측면 충돌사고로 에어백 전개 시 차량에 적절한 자동 긴급 제동을 통해 2차 사고 및 다중충돌을 방지하는 기능입니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_7airbag.jpg"
            alt="스타리아 리무진 일렉트릭 7에어백"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">7에어백 시스템</h3>
          <p class="desc">
            * 1열 에어백/사이드, 운전석 무릎, 전복대응 커튼<br />
            운전석 무릎 에어백을 포함하여 승객을 보호하는 7에어백으로 전방위 충돌 안전성을 확보하였습니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_advanced_backseat_passenger_alarm.jpg"
            alt="스타리아 리무진 일렉트릭 어드밴스드 후석 승객 알림"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">어드밴스드 후석 승객 알림</h3>
          <p class="desc">
            뒷좌석에 남아있는 승객의 움직임을 감지하여 운전자에게 경고함으로써 부주의에 의한 사고를 예방합니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_safety_exit_assist.jpg"
            alt="스타리아 리무진 일렉트릭 안전 하차 보조"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">안전 하차 보조</h3>
          <p class="desc">
            차량 정차 중 후측방에서 접근하는 차량이 감지되면 파워 슬라이딩 도어를 닫힘 상태로 유지하고 전좌석 도어 오픈 시 경고를 합니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_pedal_malfunction_safety_aid.jpg"
            alt="스타리아 리무진 일렉트릭 페달 오조작 안전 보조"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">페달 오조작 안전 보조</h3>
          <p class="desc">
            정차 상황에서 출발 시 전/후방 장애물이 가까이 있을 때 운전자가 가속 페달을 브레이크 페달로 오인하여 급조작하는 경우 가속 제한 및 긴급제동을 통해 충돌 피해를 경감시킵니다.<br />
            * 일렉트릭 전용
          </p>
        </div>
      </div>
    </div>
    <div class="area-notice-text align-right">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 LPG/하이브리드 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>

  <div class="accordion" data-js="toggle-content" data-toggle-type="accordion">
    <button class="btn-icon-text color-activeblue" data-js="showContent">
      <i class="icon el-icon-plus icon-round"></i>
      <span class="text">Hyundai SmartSense</span>
    </button>
    <div class="area-accordion">
      <section class="section-sub bg-lightsand">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Hyundai SmartSense</h2>
            </div>
          </div>
          <div class="grid-items grid-items-12 mo-full">
            <div class="grid-item col-4">
              <div class="thumb video-wrap">
                <div class="video no-iframe" data-video="after-play-controls">
                  <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
                  <video
                    poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_hss_highway_driving_assistance.jpg"
                    title="스타리아 리무진 일렉트릭 고속도로 주행 보조"
                    playsinline=""
                  >
                    <source
                      data-src="/contents/attribute/smartsence/new/video/staria-limousine-electric/27pe/highway_driving_assistance.mp4"
                      type="video/mp4"
                    />
                  </video>
                </div>
              </div>
              <div class="box-text">
                <div class="box-text-title">
                  <h3 class="title">고속도로 주행 보조</h3>
                </div>
                <p class="desc">
                  고속도로 및 자동차 전용도로 주행 시 앞차와의 거리를 유지하며 운전자가 설정한 속도로 곡선로에서도 차로 중앙을 유지하며 주행하도록 도와줍니다.
                </p>
              </div>
            </div>
            <div class="grid-item col-4">
              <div class="thumb video-wrap">
                <div class="video no-iframe" data-video="after-play-controls">
                  <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
                  <video
                    poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_hss_forward_collision_avoidance_assist.jpg"
                    title="스타리아 리무진 일렉트릭 전방 충돌방지 보조 "
                    playsinline=""
                  >
                    <source
                      data-src="/contents/attribute/smartsence/new/video/staria-limousine-electric/27pe/forward_collision_avoidance_assist.mp4"
                      type="video/mp4"
                    />
                  </video>
                </div>
              </div>
              <div class="box-text">
                <div class="box-text-title">
                  <h3 class="title">전방 충돌방지 보조 (차량/보행자/자전거 탑승자/교차로 대향차/정면 대향차)</h3>
                </div>
                <p class="desc">
                  전방 차량, 이륜차, 보행자, 자전거 탑승자와의 충돌 위험 시 경고하거나 자동으로 제동을 도와줍니다. 교차로 좌회전 중 또는 직진 주행 중 맞은편 차량과의 충돌 위험 시에도 자동으로 제동을 도와줍니다.
                </p>
              </div>
            </div>
            <div class="grid-item col-4">
              <div class="thumb video-wrap">
                <div class="video no-iframe" data-video="after-play-controls">
                  <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
                  <video
                    poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_hss_blind_spot_collision_avoidance_assist.jpg"
                    title="스타리아 리무진 일렉트릭 후측방 충돌방지 보조(주행), 후측방 충돌방지(전진 출차)"
                    playsinline=""
                  >
                    <source
                      data-src="/contents/attribute/smartsence/new/video/staria-limousine-electric/27pe/blind_spot_collision_avoidance_assist.mp4"
                      type="video/mp4"
                    />
                  </video>
                </div>
              </div>
              <div class="box-text">
                <div class="box-text-title">
                  <h3 class="title">후측방 충돌방지 보조(주행), 후측방 충돌방지(전진 출차)</h3>
                </div>
                <p class="desc">
                  차로 변경 중, 후측방에서 다가오는 차량과 충돌 위험 발생 시 경고를 합니다. 또한 평행 주차 상태에서 전진 출차 중, 후측방에서 다가오는 차량과 충돌 위험이 높아지면 자동으로 제동을 도와줍니다.
                </p>
              </div>
            </div>
            <div class="grid-item col-4">
              <div class="thumb video-wrap">
                <div class="video no-iframe" data-video="after-play-controls">
                  <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
                  <video
                    poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_hss_lane_keeping_assist.jpg"
                    title="스타리아 리무진 일렉트릭 차로 유지 보조"
                    playsinline=""
                  >
                    <source
                      data-src="/contents/attribute/smartsence/new/video/staria-limousine-electric/27pe/lane_keeping_assist.mp4"
                      type="video/mp4"
                    />
                  </video>
                </div>
              </div>
              <div class="box-text">
                <div class="box-text-title">
                  <h3 class="title">차로 이탈방지 보조/차로 유지 보조/차로 유지 보조2</h3>
                </div>
                <p class="desc">
                  일정 속도 이상으로 주행 중 방향지시등을 켜지 않고 차로를 이탈하면 경고하고, 차로의 차선을 벗어나기 직전 차로를 이탈하지 않도록 자동으로 조향을 도와줍니다. 차로 유지 보조를 켜면 차로 중앙을 유지하며 주행하도록 도와줍니다.<br />
                  * 차로 유지 보조2는 일렉트릭 전용
                </p>
              </div>
            </div>
            <div class="grid-item col-4">
              <div class="thumb video-wrap">
                <div class="video no-iframe" data-video="after-play-controls">
                  <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
                  <video
                    poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_hss_navigation_smart_cruise_control.jpg"
                    title="스타리아 리무진 일렉트릭 내비게이션 기반 스마트 크루즈 컨트롤"
                    playsinline=""
                  >
                    <source
                      data-src="/contents/attribute/smartsence/new/video/staria-limousine-electric/27pe/navigation_smart_cruise_control.mp4"
                      type="video/mp4"
                    />
                  </video>
                </div>
              </div>
              <div class="box-text">
                <div class="box-text-title">
                  <h3 class="title">내비게이션 기반 스마트 크루즈 컨트롤 (안전구간/곡선로)</h3>
                </div>
                <p class="desc">
                  고속도로 및 자동차 전용도로 주행 시 도로 상황에 맞춰 안전한 속도로 주행하도록 도와줍니다. 안전속도 구간, 곡선 구간 진입 전 자동으로 속도를 줄여주고, 해당 구간을 지나면 원래 설정한 속도로 복귀합니다.
                </p>
              </div>
            </div>
            <div class="grid-item col-4">
              <div class="thumb video-wrap">
                <div class="video no-iframe" data-video="after-play-controls">
                  <button type="button" class="icon-play"><span class="ir">영상 재생</span></button>
                  <video
                    poster="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_safety_hss_rear_cross_traffic_collision_avoidance_assist.jpg"
                    title="스타리아 리무진 일렉트릭 후방 교차 충돌방지 보조"
                    playsinline=""
                  >
                    <source
                      data-src="/contents/attribute/smartsence/new/video/staria-limousine-electric/27pe/rear_cross_traffic_collision_avoidance_assist.mp4"
                      type="video/mp4"
                    />
                  </video>
                </div>
              </div>
              <div class="box-text">
                <div class="box-text-title">
                  <h3 class="title">후방 교차 충돌방지 보조</h3>
                </div>
                <p class="desc">
                  후진 시 좌/우측에서 다가오는 차량과의 충돌 위험을 감지하면 경고하고, 경고 후에도 충돌 위험이 높아지면 자동으로 제동을 도와줍니다.
                </p>
              </div>
            </div>
          </div>
          <div class="area-notice-text content-bottom">
            <ul class="list-dot">
              <li>첨단 운전자 보조 시스템은 운전자의 조작을 보조하는 기능이므로, 항상 주의를 기울여 운전하십시오.</li>
              <li>주변 환경, 주행 조건에 따라 기능이 원활히 작동하지 않거나 않을 수 있습니다. 또한 첨단 운전자 보조 시스템 인증 관련 법규 제약 사항에 따라 기능이 제한적으로 작동할 수 있습니다. <br />세부 사항은 사용 설명서를 참조하십시오.</li>
              <li>상기 사양구성은 차량 구매자가 가격 및 선호도 등을 고려하여 직접 선택한 트림, 파워트레인 및 사양에 따라 다르게 적용됩니다.</li>
            </ul>
          </div>
        </div>
      </section>
    </div>
    <button class="btn-icon-text color-black" data-js="hideContent">
      <i class="icon el-icon-close icon-round"></i>
      <span class="text">컨텐츠 닫기</span>
    </button>
  </div>
</section>

<!-- Features -->
<section id="features" class="features bg-lightsand" data-title="Features">
  <div class="inner">
    <div class="area-title-row" data-animation="fadeUp">
      <div class="wrap-title">
        <h2 class="title-main">Features</h2>
        <div class="bar-point"></div>
        <p class="title-main-desc">
          더 뉴 스타리아 리무진 일렉트릭의<br class="m-br" /> 사양을 안내해드립니다.
        </p>
      </div>
    </div>
    <div class="carousel" data-js="carousel" data-carousel-type="singleImageTab">
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_lateral_parking_distance_warning.jpg"
            alt="스타리아 리무진 일렉트릭 측방 주차거리 경고"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">측방 주차 거리 경고</h3>
          <!-- <p class="desc"></p> -->
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_touchtype_outside_doorhandle.jpg"
            alt="스타리아 리무진 일렉트릭 터치타입 아웃사이드 도어 핸들"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <h3 class="title">터치타입 아웃사이드 도어 핸들</h3>
          <!-- <p class="desc"></p> -->
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_rear_row_manual_sun_curtain.jpg"
              alt="스타리아 리무진 일렉트릭 2/3열 수동 선커튼"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">2/3열 수동 선커튼</h3>
            <!-- <p class="desc"></p> -->
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_passenger_electric_seat.jpg"
              alt="스타리아 리무진 일렉트릭 동승석 전동시트"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">동승석 전동시트</h3>
            <p class="desc">
              * 4way, 워크인 디바이스
            </p>
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_2row_heated_seat.jpg"
              alt="스타리아 리무진 일렉트릭 2열 열선시트"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">2열 열선시트</h3>
            <!-- <p class="desc"></p> -->
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_2row_ventilation_seat.jpg"
              alt="스타리아 리무진 일렉트릭 2열 통풍시트"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">2열 통풍시트</h3>
            <!-- <p class="desc"></p> -->
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_stationary_privacy_glass.jpg"
              alt="스타리아 리무진 일렉트릭 고정식 프라이버시 글라스"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">고정식 프라이버시 글라스</h3>
            <p class="desc">
              * 후석<br />
              * 리무진 전용
            </p>
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_1row_seatback_assist_grip.jpg"
              alt="스타리아 리무진 일렉트릭 1열 시트백 어시스트 그립"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">1열 시트백 어시스트 그립</h3>
            <p class="desc">
              * 리무진 전용
            </p>
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_limousine_rear_car_mat.jpg"
              alt="스타리아 리무진 일렉트릭 리무진 후석 카매트"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">리무진 후석 카매트</h3>
            <p class="desc">
              * 리무진 전용 (6인승)
            </p>
          </div>
        </div>
        <div class="slide">
          <div class="thumb">
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_features_led_interior_lights.jpg"
              alt="스타리아 리무진 일렉트릭 LED 실내등"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">LED 실내등</h3>
            <p class="desc">
              * 2열 독서등<br />
              * 리무진 전용
            </p>
          </div>
        </div>
      </div>
    <div class="area-notice-text pos-bottom align-right">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 LPG/하이브리드 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>
</section>

<!-- 주행 거리 계산기 -->
<section id="mileage" class="mileage" data-title="주행 거리 계산기">
  <div class="inner">
    <div class="area-title-row" data-animation="fadeUp">
      <div class="wrap-title">
        <h2 class="title-main">주행 거리 계산기</h2>
        <div class="bar-point"></div>
        <p class="title-main-desc">
          운전자의 운전 환경에 따라 달라지는 <br class="m-br" />주행 가능 거리를 확인해보세요.
        </p>
      </div>
    </div>
    <div class="area-battery-range">
      <div class="selected-car" data-animation="fadeUp">
        <p class="txt">
          주행 가능 거리
          <span class="wrap-run-length"
            ><span class="txt-run-length">0</span> <span class="unit-run-length">km</span></span
          >
        </p>
        <div class="thumb">
          <img src="/static/images/ico_nocar_400.png" alt="선택한 차량 없음" />
        </div>
      </div>
      <div class="box-battery-range" data-animation="fadeUp">
        <div class="select-condition">
          <div class="select-condition-group">
            <p class="tit-select">모델 사양</p>
            <div class="wrap-select-model">
              <div class="select_wrap_white">
                <select title="인승 선택" class="selectBox-dropdown select-trim">
                  <option value="" selected hidden disabled>인승을 선택하세요.</option>
                </select>
              </div>
              <div class="select_wrap_white">
                <select title="타이어 선택" class="selectBox-dropdown select-tire selectBox-disabled" disabled>
                  <!-- 트림 미선택시 비활성화 클래스 .selectBox-disabled  / disabled 추가 -->
                  <option value="" selected hidden disabled>타이어를 선택하세요.</option>
                </select>
              </div>
            </div>
          </div>
          <div class="select-condition-group conditioner">
            <div class="wrap-select-ac">
              <p class="tit-select">A/C</p>
              <ul class="select-ac">
                <li>
                  <input type="radio" name="ac" id="ac-1" value="true" title="에어컨 ON" checked /><label for="ac-1"
                    >ON</label
                  >
                </li>
                <li>
                  <input type="radio" name="ac" id="ac-2" value="false" title="에어컨 OFF" /><label for="ac-2"
                    >OFF</label
                  >
                </li>
              </ul>
            </div>
            <div class="wrap-select-temperature">
              <p class="tit-select">외부 온도</p>
              <ul class="select-temperature">
                <li>
                  <input type="radio" name="temperature" id="temperature-1" value="-10" title="외부온도 -10" /><label
                    for="temperature-1"
                    >-10 ℃</label
                  >
                </li>
                <li>
                  <input type="radio" name="temperature" id="temperature-2" value="0" title="외부온도 0" /><label
                    for="temperature-2"
                    >0 ℃</label
                  >
                </li>
                <li>
                  <input type="radio" name="temperature" id="temperature-3" value="10" title="외부온 -10" /><label
                    for="temperature-3"
                    >10 ℃</label
                  >
                </li>
                <li>
                  <input
                    type="radio"
                    name="temperature"
                    id="temperature-4"
                    value="20"
                    title="외부2 -10"
                    checked
                  /><label for="temperature-4">20 ℃</label>
                </li>
                <li>
                  <input type="radio" name="temperature" id="temperature-5" value="30" title="외3도 -10" /><label
                    for="temperature-5"
                    >30 ℃</label
                  >
                </li>
              </ul>
            </div>
          </div>

          <div class="select-condition-group wrap-select-road">
            <p class="tit-select">주행 프로필</p>
            <div class="range-type">
              <span class="type-city"></span>
              <span class="type-highway"></span>
              <span class="cur-pos"></span>
              <input type="range" name="road" id="road" min="10" max="90" value="55" step="5" />
            </div>
            <ul class="list-road">
              <li class="type-city"><span class="list-raod-tit">도심</span> <span class="type-city-num">55</span>%</li>
              <li class="type-highway">
                <span class="list-raod-tit">고속도로</span> <span class="type-highway-num">45</span>%
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="area-notice-text pos-bottom">
      <p class="blt-block notice">
        주행 가능 거리는 산업부 인증 수치 기준의 표준모드에 기반한 수치로서 도로상태, 운전 방법, 차량적재, 정비상태 및
        외기온도에 따라 실제와 차이가 있습니다.
      </p>
      <p class="blt-block notice">
        동절기 등 외기온도 하락 시 배터리 성능 저하로 실 충전시간 증가 또는 실 주행거리가 감소될 수 있습니다.
      </p>
    </div>
  </div>
</section>

<!-- H Genuine Accessories -->
<section id="hga" data-title="H Genuine Accessories">
  <div class="inner" data-animation="fadeUp">
    <div class="area-title-row">
      <div class="wrap-title">
        <h2 class="title-main">H Genuine Accessories</h2>
        <div class="bar-point"></div>
        <p class="title-main-desc">
          H Genuine Accessories는 <br class="m-br">
          차별화된 커스터마이징을 원하는 <br class="m-br">
          고객의 니즈 및 라이프스타일을 위해 <br class="m-br">
          다양한 편의, 레저 상품을 제공합니다.
        </p>
      </div>
    </div>
    <div class="carousel" data-js="carousel" data-carousel-type="singleImageTab">
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_hga_protect_film1.jpg"
            alt="스타리아 리무진 일렉트릭 차량 보호 필름"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <div class="box-text-title">
            <h3 class="title">차량 보호 필름</h3>
            <p class="blt-block asterisk">신차 옵션 상품</p>
          </div>
          <p class="desc">
            - 3년 6만 km 보증 품질을 통과하여 내구성/복원력/투명도가 뛰어난 고급 TPU 소재 필름으로, 운행 중 발생할 수 있는 스크래치로 부터 도장을 보호해 줍니다.<br />
            - 프론트 충전 도어, 프론트 범퍼, 리어 범퍼 사이드, 리어 범퍼 어퍼, 도어 스텝, 도어 컵, 후방 충전 도어(완속) 총 7개 부위에 부착됩니다.<br />
            ※ 상기 이미지는 스타리아 라운지 LPG/하이브리드 기준입니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_hga_multi_hanger.jpg"
            alt="스타리아 리무진 일렉트릭 멀티 행거"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <div class="box-text-title">
            <h3 class="title">멀티 행거</h3>
            <p class="blt-block asterisk">신차 옵션 상품</p>
          </div>
          <p class="desc">
            - 러기지 공간에 다양한 용품을 거치할 수 있는 다목적 행거입니다.<br />
            - 탈부착이 가능하므로, 미사용시 별도 탈거하여 보관이 가능합니다.
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_hga_multi_curtain.jpg"
            alt="스타리아 리무진 일렉트릭 멀티 커튼"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <div class="box-text-title">
            <h3 class="title">멀티 커튼</h3>
            <p class="blt-block asterisk">애프터마켓 전용 상품</p>
          </div>
          <p class="desc">
            - 암막과 방출 기능을 동시에 가진 실내 커튼입니다.<br />
            - 장착한 상태에서 차량 문을 여닫을 수 있습니다.<br />
            *재질 : 나일론
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_hga_outdoor_v2l_connector.jpg"
            alt="스타리아 리무진 일렉트릭 실외 V2L 커넥터"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <div class="box-text-title">
            <h3 class="title">실외 V2L 커넥터</h3>
            <p class="blt-block asterisk">애프터마켓 전용 상품</p>
          </div>
          <p class="desc">
            * 일렉트릭 전용
          </p>
        </div>
      </div>
      <div class="slide">
        <div class="thumb">
          <img
            data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_hga_cordless_vaccum.jpg"
            alt="스타리아 리무진 일렉트릭 무선 청소기"
            class="pc-img"
            data-image-mobile
          />
        </div>
        <div class="box-text">
          <div class="box-text-title">
            <h3 class="title">무선 청소기</h3>
            <p class="blt-block asterisk">애프터마켓 전용 상품</p>
          </div>
          <!-- <p class="desc"></p> -->
        </div>
      </div>
    </div>
    <div class="area-notice-text pos-bottom align-right">
      <p class="blt-block notice">
        일부 사양은 이해를 돕기 위해 스타리아 라운지 모델 이미지가 활용되었으며, 실제 운영되는 사양과 다를 수 있습니다.
      </p>
    </div>
  </div>

  <div class="accordion" data-js="toggle-content" data-toggle-type="accordion" data-content-id="hga">
    <button class="btn-icon-text color-activeblue" data-js="showContent" data-content-id="hga">
      <i class="icon el-icon-plus icon-round"></i>
      <span class="text">더 알아보기</span>
    </button>
    <div class="area-accordion">
      <section class="section-sub bg-lightsand">
        <h2 class="ir">H Genuine Accessories 자세히 보기</h2>
        <div class="inner">
          <div class="content-row">
            <div class="area-title-row">
              <div class="wrap-title">
                <h3 class="title-sub2">패키지 적용표</h3>
              </div>
            </div>
            <div class="table-wrap carousel">
              <dl
                class="list-table type-basic"
                data-js="tableCarousel"
                data-fix-width="50%-110px"
              >
                <dt class="th th-col">구분</dt>
                <dd class="th th-row bg-sand">트림</dd>
                <dd class="th th-row">차량 보호 필름</dd>
                <dd class="th th-row">멀티 행거</dd>
               
                <dt class="ir">엔진 분류 1</dt>
                <dd class="th th-col">리무진 일렉트릭 (6인승)</dd>
                <div class="wrapper th-cols-sub">
                  <dt class="ir">트림 종류</dt>
                  <dd class="td bg-sand">인스퍼레이션</dd>
                </div>
                
                <div class="wrapper">
                  <dt class="ir"><!-- javascript --></dt>
                  <dd class="td">O</dd>
                </div>
                <div class="wrapper">
                  <dt class="ir"><!-- javascript --></dt>
                  <dd class="td">O</dd>
                </div>
              </dl>
            </div>
            <ul class="list-dot">
              <li><span>차량 보호 필름은 리무진 일렉트릭 차량에서 7부위(프론트 충전 도어, 프론트 범퍼, 리어 범퍼 사이드, 리어 범퍼 어퍼, 도어 스텝, 도어 컵, 후방 충전 도어(완속))에 부착 됩니다.</span></li>
              <li><span>차량 보호 필름은 필름 끝부분에 지속적인 고압수 분사 시 일부 떨어짐이 발생할 수 있습니다.</span></li>
              <li><span>멀티 행거는 장착 구조(브라켓)만 장착되고 행거는 차량 내에 투입되어 출고되는 상품입니다.</span></li>
              <li><span>멀티 행거의 허용 하중은 10kg입니다.</span></li>
              <li><span>H Genuine Accessories 신차 옵션 상품 선택 시 기존에 장착된 부품의 처리 비용은 해당 패키지 판매가격에 반영되어 있어 별도의 보상은 없습니다.</span></li>
              <li><span></span>H Genuine Accessories 신차 옵션 상품 선택 시 남양, 칠곡, 영남 출고센터에서만 출고가 가능합니다.</li>
              <li><span>현대샵(
                <a
                href="https://shop.hyundai.com"
                class="btn btn-external in-phrase"
                target="_blank"
                title="새창 열기"
                >shop.hyundai.com
                </a>
                ) 현대브랜드관에서 다양한 애프터마켓 상품 구매가 가능합니다.
              </span></li>
              <li><span>리무진 9인승은 2열 이그제큐티브 시트 전용 지급품(스웨이드 목베개, 스웨이드 시트 쿠션, 블랭킷)이 미지급 됩니다.</span></li>
            </ul>
          </div>
          <div class="content-row">
            <div class="area-title-row">
              <div class="wrap-title">
                <h3 class="title-sub2">주문방법</h3>
              </div>
            </div>
            <ol class="order-step">
              <li><span class="box-order">고객 상담</span></li>
              <li>
                <span class="box-order">차량 계약시<br />커스터마이징 주문</span>
                <ul class="list-dot">
                  <li>일반차량과 동일하게 계약처리</li>
                  <li>차량 판매가 포함</li>
                </ul>
              </li>
              <li>
                <span class="box-order">차량출고<br />(칠곡/남양/영남 출고 <br class="pc-br" />선택가능)</span>
              </li>
              <li>
                <span class="box-order"
                  >커스터마이징 장착<br />(칠곡/남양/영남 출고센터 <br class="pc-br" />
                  내 전용장착점)</span
                >
              </li>
              <li>
                <span class="box-order"
                  >차량 탁송 및 고객 인도 <br />
                  (배달 탁송만 가능)</span
                >
                <ul class="list-dot">
                  <li>본인출고 불가</li>
                </ul>
              </li>
            </ol>
          </div>
          <div class="content-row">
            <div class="area-title-row">
              <div class="wrap-title">
                <h3 class="title-sub2">꼭 읽어주세요!</h3>
              </div>
            </div>
            <ul class="list-dot">
              <li>
                <span>정확한 소요 기간은 장착점 상황에 따라 달라질 수 있으므로 카마스터에게 문의하시기 바랍니다.</span>
              </li>
            </ul>
          </div>
        </div>
      </section>
    </div>
    <button class="btn-icon-text color-black" data-js="hideContent">
      <i class="icon el-icon-close icon-round"></i>
      <span class="text">컨텐츠 닫기</span>
    </button>
  </div>
</section>

<!-- Bluelink Store -->
<section id="BluelinkStore" class="BluelinkStore" data-title="Bluelink Store">
  <div class="content-img-overlap">
    <div class="thumb">
      <img
        data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelink.jpg"
        alt="스타리아 리무진 일렉트릭 블루링크"
        class="pc-img"
        data-image-mobile
      />
    </div>
    <div class="area-content text-white">
      <div class="inner text-only">
        <div class="wrap-title vtc-top">
          <h2 class="title-main">Bluelink Store</h2>
          <div class="bar-point"></div>
          <p class="title-main-desc">
            블루링크 스토어에서 디지털 사양을 만나보세요.<br />
            차량 인도 후에도 다양한 기능을 간편하게 구독하고, <br class="m-br">필요한 만큼 경험할 수 있습니다.
          </p>
          <div class="wrap-btns">
            <button class="btn btn-sm-2 bg-blue big-pc pc-only" data-js="showContent" data-content-id="intro2">
              이용 방법 소개
              <i class="el-icon-arrow-right"></i>
            </button>
            <a
              href="https://commerce.hyundai.com/kr/ko/commerce/fod?utm_source=offline&utm_medium=qr&utm_campaign=vehicle_catalog"
              class="btn btn-sm-2 bg-blue big-pc btn-external-white"
              title="새 창"
              target="_blank"
            >
              자세히 보기
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <section class="section-sub no-popup-mo" data-js="toggle-content" data-toggle-type="popupFull" data-content-id="intro2">
    <div class="inner">
      <div class="area-title-row">
        <div class="wrap-title">
          <h2 class="title-sub">이용 방법 소개</h2>
        </div>
      </div>
      <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel">
        <div class="slide" data-dark-img>
          <div class="thumb">
            <img
              src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_service_join.jpg"
              alt="스타리아 리무진 일렉트릭 블루링크 스토어 가입"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">스토어 가입</h3>
            <p class="desc">
              블루링크 스토어 접속 후, 통합계정 생성 및 스토어 회원가입을 진행해주세요.
            </p>
          </div>
        </div>
        <div class="slide" data-dark-img>
          <div class="thumb">
            <img
              src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_service_buy.jpg"
              alt="스타리아 리무진 일렉트릭 블루링크 스토어 디지털 사양 구매"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">디지털 사양 구매</h3>
            <p class="desc">
              상세 정보(구매 조건, 요금제 등)를 확인하고 구매하신 후, 블루링크 스토어 홈페이지 ‘스토어 소개 > 스토어 이용 안내＇의 설치 방법에 따라 사양을 설치해 주세요.
            </p>
          </div>
        </div>
        <div class="slide" data-dark-img>
          <div class="thumb">
            <img
              src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_unsucscribe.jpg"
              alt="스타리아 리무진 일렉트릭 블루링크 스토어 주문 취소/구독 해지"
              class="pc-img"
              data-image-mobile
            />
          </div>
          <div class="box-text">
            <h3 class="title">주문 취소/구독 해지</h3>
            <p class="desc">
              블루링크 스토어 마이페이지에서, 주문 취소/구독 해지 신청을 하시면 즉시 환불 및 이용 중단됩니다.
            </p>
          </div>
        </div>
      </div>
      <button data-js="hideContent" title="팝업 닫기"></button>
    </div>
  </section>
  <div class="accordion" data-js="toggle-content" data-toggle-type="accordion" data-content-id="intro">
    <button class="btn-icon-text color-activeblue" data-js="showContent" data-content-id="intro">
      <i class="icon el-icon-plus icon-round"></i>
      <span class="text">더 알아보기</span>
    </button>
    <div class="area-accordion">
      <section class="section-sub bg-lightsand">
        <div class="inner">
          <div class="area-title-row">
            <div class="wrap-title">
              <h2 class="title-sub">Contents</h2>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="textTabCarousel" data-tab-per-view="4">
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_pikachu_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 피카츄 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 - 포켓몬스터 피카츄 전광석화</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_metamon_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 메타몽 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 – 포켓몬스터 메타몽 월드</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_loopy_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 잔망루피 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 – 잔망루피 오리지널</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_pororo_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 뽀로로 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 – 뽀로로 즐거운 기차 여행</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_tayo_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 타요 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 – 타요 알록달록 차고지</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_pony_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 포니 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 - 포니</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_natural_theme.jpg"
                  alt="스타리아 리무진 일렉트릭 블루링크 스토어 자연 테마"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">디스플레이 테마 - 자연</h3>
                <!-- <p class="desc"></p> -->
              </div>
            </div>
            <div class="slide" data-white-img>
              <div class="thumb">
                <img
                  data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_bluelinke_store_streaming_premium.jpg"
                  alt="스타리아 리무진 일렉트릭 스트리밍 프리미엄"
                  class="pc-img"
                  data-image-mobile
                />
              </div>
              <div class="box-text">
                <h3 class="title">스트리밍 프리미엄</h3>
                <p class="desc">
                  비디오/고음질 뮤직 스트리밍 등 차량에서 보다 다양한 콘텐츠를 즐길 수 있습니다.<br />
                  ※ 스트리밍은 콘텐츠 연동 및 차량용 데이터 지원 상품으로, 개별 서비스의 콘텐츠 구독권이 별도로 필요합니다.
                </p>
              </div>
            </div>
          </div>
          <div class="area-notice-text pos-bottom align-right">
            <p class="blt-block notice">
              위 테마는 대표 테마이며, 최신 테마는 블루링크 스토어에서 확인하실 수 있습니다.
            </p>
            <p class="blt-block notice">
              연출된 이미지로 실제 화면과 다를 수 있습니다.
            </p>
          </div>
        </div>
      </section>
    </div>
    <button class="btn-icon-text color-black" data-js="hideContent">
      <i class="icon el-icon-close icon-round"></i>
      <span class="text">컨텐츠 닫기</span>
    </button>
  </div>
</section>

<!-- 제원정보 -->
<section id="spec" data-title="제원 정보" class="spec">
  <div class="inner">
    <div class="area-title-row">
      <div class="wrap-title">
        <h2 class="title-main">제원 정보</h2>
      </div>
    </div>
    <div class="content-spec spec-img" data-animation="fadeUp" data-animation-delay="100">
      <div class="area-spec-img">
        <div class="carousel" data-js="carousel" data-carousel-type="specImage">
          <div class="slide">
            <div class="thumb">
              <img
                src="/contents/repn-car/html/homepage/spec/images/pip-staria-limousine-electric-27pe-specifications-front-w.jpg"
                alt="스타리아 리무진 일렉트릭 제원 이미지 – 전폭 1995, 전고 1990 , 윤거 전 1732"
                class="pc-img"
                data-spec-image-mobile
              />
            </div>
          </div>
          <div class="slide" data-dark-img>
            <div class="thumb">
              <img
                src="/contents/repn-car/html/homepage/spec/images/pip-staria-limousine-electric-27pe-specifications-side-w.jpg"
                alt="스타리아 리무진 일렉트릭 제원 이미지 – 전장 5255, 축간거리 3275"
                class="pc-img"
                data-spec-image-mobile
              />
            </div>
          </div>
          <div class="slide" data-dark-img>
            <div class="thumb">
              <img
                src="/contents/repn-car/html/homepage/spec/images/pip-staria-limousine-electric-27pe-specifications-back-w.jpg"
                alt="스타리아 리무진 일렉트릭 제원 이미지 – 윤거 후 1743"
                class="pc-img"
                data-spec-image-mobile
              />
            </div>
          </div>
        </div>
        <!-- <div class="area-notice-text pos-bottom">
          <p class="blt-block notice">
            단위 : mm
          </p>
        </div> -->
      </div>
    </div>
    <div class="content-spec spec-table" data-animation="fadeUp" data-animation-delay="500">
      <div class="carousel" data-js="carousel" data-carousel-type="specCategory">
        <div class="slide">
          <div class="area-title-row hrz-center">
            <div class="wrap-title">
              <h3 class="title-sub">Specifications</h3>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="specTable">
            <div class="slide">
              <dl class="list-table type-spec">
                <div class="th th-col">
                  <dt class="ir">분류</dt>
                  <dd>일렉트릭</dd>
                </div>
                <div class="td">
                  <dt>전장 (mm)</dt>
                  <dd>5,255</dd>
                </div>
                <div class="td">
                  <dt>전폭 (mm)</dt>
                  <dd>1,995</dd>
                </div>
                <div class="td">
                  <dt>전고 (mm)</dt>
                  <dd>1,990</dd>
                </div>
                <div class="td">
                  <dt>축간거리 (mm)</dt>
                  <dd>3,275</dd>
                </div>
                <div class="td">
                  <dt>윤거 전 (mm)</dt>
                  <dd>1,732</dd>
                </div>
                <div class="td">
                  <dt>윤거 후 (mm)</dt>
                  <dd>1,743</dd>
                </div>
                <div class="td">
                  <dt>배터리 종류</dt>
                  <dd>리튬이온</dd>
                </div>
                <div class="td">
                  <dt>배터리 용량 (kWh)</dt>
                  <dd>84.0</dd>
                </div>
                <div class="td">
                  <dt>모터 최고출력(kW)</dt>
                  <dd>160</dd>
                </div>
                <div class="td">
                  <dt>모터 최대토크(Nm)</dt>
                  <dd>350</dd>
                </div>
              </dl>
            </div>
          </div>
        </div>
        <div class="slide">
          <div class="area-title-row hrz-center">
            <div class="wrap-title">
              <h3 class="title-sub">정부공인 표준연비 및 등급</h3>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="specTable">
            <div class="slide">
              <dl class="list-table type-spec">
                <div class="th th-col">
                  <dt class="ir">분류</dt>
                  <dd>리무진 6인승</dd>
                </div>
                <div class="td">
                  <dt>정부 신고 연비</dt>
                  <dd>
                    <dl class="list-dl">
                      <div class="wrap-bracket">
                        <dt>복합</dt>
                        <dd>3.9km/kWh</dd>
                      </div>
                    </dl>
                    <dl class="list-dl">
                      <div class="wrap-bracket">
                        <dt>도심</dt>
                        <dd>4.3km/kWh</dd>
                      </div>
                    </dl>
                    <dl class="list-dl">
                      <div class="wrap-bracket">
                        <dt>고속도로</dt>
                        <dd>3.4km/kWh</dd>
                      </div>
                    </dl>
                  </dd>
                </div>
                <div class="td">
                  <dt>1회 충전 주행 거리</dt>
                  <dd>
                    <dl class="list-dl">
                      <div class="wrap-bracket">
                        <dt>복합</dt>
                        <dd>364km</dd>
                      </div>
                    </dl>
                    <dl class="list-dl">
                      <div class="wrap-bracket">
                        <dt>도심</dt>
                        <dd>401km</dd>
                      </div>
                    </dl>
                    <dl class="list-dl">
                      <div class="wrap-bracket">
                        <dt>고속도로</dt>
                        <dd>318km</dd>
                      </div>
                    </dl>
                  </dd>
                </div>
                <div class="td">
                  <dt>연료 타입</dt>
                  <dd>전기</dd>
                </div>
                <div class="td">
                  <dt>축전지 정격전압/용량</dt>
                  <dd>697V/120.6Ah</dd>
                </div>
                <div class="td">
                  <dt>최고출력</dt>
                  <dd>160kW/218PS</dd>
                </div>
                <div class="td">
                  <dt>타이어</dt>
                  <dd>17inch</dd>
                </div>
                <div class="td">
                  <dt>공차중량</dt>
                  <dd>2,695kg</dd>
                </div>
              </dl>
            </div>
          </div>
          <ul class="list-dot">
            <li><span> 효율적 사용방법 : 정속주행을 합시다.</span></li>
            <li><span>연비는 표준모드에 의한 연비로서 도로상태, 운전방법, 차량적재, 정비상태 및 외기온도에 따라 실주행연비와 차이가 있습니다.</span></li>
            <li><span>쇼룸의 사진에는 선택사양이 적용된 경우가 있으므로 실제 구입차량과는 다른 점이 있을 수도 있습니다.</span></li>
            <li><span>쇼룸에 표시된 사양, 컬러 및 제원은 차의 외관 및 성능 개선을 위해 변경될 수 있습니다.</span></li>
            <li><span>쇼룸의 차량 컬러는 실제 차량의 컬러와는 다소 차이가 있을 수도 있습니다.</span></li>
            <li><span>주행거리는 운전자의 습관과 도로 상태, 외부 온도 및 공조 시스템 설정에 따라 변동될 수 있습니다.</span></li>
            <li><span>동절기 등 외기온도 하락 시 배터리 성능 저하로 실주행거리가 감소될 수 있습니다.</span></li>
            <li><span>현대자동차는 전국 어느 곳에서나 같은 제품 같은 가격으로 바른 거래를 실천하고 있습니다.</span></li>
            <li><span>쇼룸에 수록된 신기술 및 신사양에 대한 자세한 내용은 취급설명서를 참조하시기 바랍니다.</span></li>
          </ul>
        </div>
        <div class="slide">
          <div class="area-title-row hrz-center">
            <div class="wrap-title">
              <h3 class="title-sub">타이어 효율 등급</h3>
            </div>
          </div>
          <div class="carousel" data-js="carousel" data-carousel-type="specTable">
            <div class="slide">
              <dl class="list-table type-spec">
                <div class="th th-col">
                  <dt class="ir">분류</dt>
                  <dd>Nexen</dd>
                </div>
                <div class="td">
                  <dt>타이어 규격</dt>
                  <dd>215/65 R17 108H XL</dd>
                </div>
                <div class="td">
                  <dt>회전저항(계수) 등급(RRC)</dt>
                  <dd>2</dd>
                </div>
                <div class="td">
                  <dt>젖은 노면 제동력 지수 등급(G)</dt>
                  <dd>3</dd>
                </div>
                <div class="td">
                  <dt>타이어 소음도 등급</dt>
                  <dd>A</dd>
                </div>
              </dl>
            </div>
          </div>
          <ul class="list-dot">
            <li><span>회전저항(계수) 등급 (RRC) : 타이어에 걸리는 하중에 대한 회전저항의 비율 (1 ~ 5등급까지 있으며 1등급에 가까울수록 소비 효율이 높아집니다.)</span></li>
            <li><span>젖은 노면 제동력 (G) : 기준 타이어 대비 시험대상 타이어의 젖은 노면 제동성능 비율 (1 ~ 5등급까지 있으며 1등급에 가까울수록 젖은 노면에서의 제동력이 좋습니다.)</span></li>
            <li><span>타이어 소음도 등급 : 타이어 소음 허용 기준 대비 해당 타이어의 소음 정도 (AA, A등급이 있으며 AA등급이 A등급 대비 소음도가 좋습니다.)</span></li>
            <li><span>타이어 사이즈가 동일하더라도 효율 등급 및 소음도 등급이 다를 수 있습니다. 또한 일부 정보가 사전통보 없이 변경될 수 있습니다.</span></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="area-notice-text pos-bottom">
      <p class="blt-block notice">첨단 운전자 보조 시스템은 운전자의 조작을 보조하는 기능이므로, 항상 주의를 기울여 운전하십시오.</p>
      <p class="blt-block notice">주변 환경, 주행 조건에 따라 기능이 원활히 작동하지 않거나 않을 수 있습니다. 또한 첨단 운전자 보조 시스템 인증 관련 법규 제약 사항에 따라 기능이 제한적으로 작동할 수 있습니다. 세부 사항은 사용 설명서를 참조하십시오.</p>
      <p class="blt-block notice">상기 사양구성은 차량 구매자가 가격 및 선호도 등을 고려하여 직접 선택한 트림, 파워트레인 및 사양에 따라 다르게 적용됩니다.</p>
    </div>
  </div>
</section>

<!-- 갤러리 -->
<section id="gallery" data-title="Gallery" class="gallery">
  <div class="inner bg-lightsand">
    <div class="area-title-row" data-animation="fadeUp">
      <div class="wrap-title">
        <h2 class="title-main">Gallery</h2>
      </div>
      <div class="area-tab-menu">
        <ul class="model-tab-menu" data-tab-id="gallery">
          <li><button class="tab-button d1">Exterior</button></li>
          <li><button class="tab-button d1">Interior</button></li>
        </ul>
      </div>
    </div>
    <div data-js="tabContent" data-tab-id="gallery">
      <div class="grid-items" data-js="showContentGroup" data-content-id="gallery1">
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_front_side_view_01.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 전측면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_rear_view_02.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 후면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_rear_view_03.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 전측면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_side_view_04.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 측면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>

        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_rear_view_05.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 후면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_front_view_06.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 전면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_rear_view_07.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 후면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_exterior_front_view_08.jpg"
              alt="스타리아 리무진 일렉트릭 갤러리 정면"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
      </div>
      <section class="section-sub" data-js="toggle-content" data-toggle-type="popup" data-content-id="gallery1">
        <div class="inner">
          <div class="carousel" data-js="carousel" data-carousel-type="gallery">
            <!-- javascript -->
          </div>
          <button class="icon-dimmed" data-js="hideContent" title="팝업 닫기"></button>
        </div>
      </section>
    </div>
    <div data-js="tabContent" data-tab-id="gallery">
      <div class="grid-items" data-js="showContentGroup" data-content-id="gallery2">
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_interior_01.jpg"
              alt="스타리아 리무진 일렉트릭 인테리어"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_interior_02.jpg"
              alt="스타리아 리무진 일렉트릭 인테리어"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
        <div class="thumb">
          <button>
            <img
              data-src="/static/images/model/staria-limousine-electric/27pe/staria_limousine_electric_gallery_interior_03.jpg"
              alt="스타리아 리무진 일렉트릭 인테리어"
              class="pc-img"
              data-image-mobile
            />
          </button>
        </div>
      </div>
      <section class="section-sub" data-js="toggle-content" data-toggle-type="popup" data-content-id="gallery2">
        <div class="inner">
          <div class="carousel" data-js="carousel" data-carousel-type="gallery">
            <!-- javascript -->
          </div>
          <button class="icon-dimmed" data-js="hideContent" title="팝업 닫기"></button>
        </div>
      </section>
    </div>
  </div>
</section>
