197 lines
11 KiB
PHP
197 lines
11 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "hskey"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
|
-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/service.css?v1" type="text/css" />
|
|
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
|
|
|
|
</head>
|
|
<body id="event">
|
|
<div class="contentHeaderCase case04"> </div>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
|
?>
|
|
<!--//header-->
|
|
|
|
<div class="pageTitle">
|
|
<h1>스토어 가입안내</h1>
|
|
</div>
|
|
|
|
<div class="contentWarp">
|
|
<div class="contentsTypeNew caseRegist">
|
|
<section class="caseInfoWrap">
|
|
<h2 class="titleCase01">기아 커넥트 스토어 가입하기</h2>
|
|
<img src="../assets/images/kia/contents/imgRegistInfo.jpg" alt="가입 방법 안내" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h3 class="titleCase02">가입 방법 안내</h3>
|
|
<p class="txtCase01 respond">
|
|
기아 커넥트 스토어를 이용하기 위해서는 통합계정을 먼저 생성하셔야 합니다. <br>단, 기아 커넥트 스토어를 통해 디지털 사양을 구매하기 위해서는 Kia Connect 서비스 가입이 추가로 필요합니다.
|
|
</p>
|
|
<a href="https://connect.kia.com../02_guide/owner_free01.html" target="_blank"><b>Kia Connect 가입방법 바로가기</b></a>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="titleCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">가입 절차</h2>
|
|
|
|
<section class="storeGuideItem">
|
|
<header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h3 class="titleCase02">통합계정 미보유 고객</h3>
|
|
<strong>4 STEP</strong>
|
|
</header>
|
|
|
|
<div class="swiper swiper1">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist01_1.jpg" alt="'회원가입' 버튼 선택">
|
|
<b>STEP 01</b>
|
|
<p class="caseBlack">'로그인/가입'을 클릭하세요.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist01_2.jpg" alt="통합계정 가입">
|
|
<b>STEP 02</b>
|
|
<p class="caseBlack">약관에 동의하고 통합계정을 개설하세요.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist01_3.jpg" alt="기아 커넥트스토어 회원가입">
|
|
<b>STEP 03</b>
|
|
<p class="caseBlack">약관에 동의하고 '가입하기'를 클릭하세요.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist01_4.jpg" alt="메인페이지 이동 후 로그인">
|
|
<b>STEP 04</b>
|
|
<p class="caseBlack">가입 완료 메시지를 확인하세요.</p>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-scrollbar"></div>
|
|
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
|
|
</div>
|
|
<div class="swiper-button-next btnNextSlide1"></div>
|
|
<div class="swiper-button-prev btnPrevSlide1"></div>
|
|
</section>
|
|
|
|
<section class="storeGuideItem">
|
|
<header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h3 class="titleCase02">통합계정 보유 고객</h3>
|
|
<strong>4 STEP</strong>
|
|
</header>
|
|
|
|
<div class="swiper swiper2">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist02_1.jpg" alt="'로그인' 버튼 선택">
|
|
<b>STEP 01</b>
|
|
<p class="caseBlack">'로그인/가입'을 클릭하세요.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist02_2.jpg" alt="기아 커넥트스토어 회원가입">
|
|
<b>STEP 02</b>
|
|
<p class="caseBlack">통합 계정으로 로그인하세요.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/guideRegist02_3.jpg" alt="메인 페이지 이동 후 로그인">
|
|
<b>STEP 03</b>
|
|
<p class="caseBlack">약관에 동의하고 '가입하기'를 클릭하세요.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="/kr/assets/images/kia/contents/guideRegist02_4.jpg" alt="메인 페이지 이동 후 로그인">
|
|
<b>STEP 04</b>
|
|
<p class="caseBlack">가입 완료 메시지를 확인하세요.</p>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-scrollbar"></div>
|
|
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
|
|
</div>
|
|
|
|
<div class="swiper-button-next btnNextSlide2"></div>
|
|
<div class="swiper-button-prev btnPrevSlide2"></div>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="connectStore">
|
|
<h2 class="titleCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">기아 커넥트 스토어 접속 방법</h2>
|
|
<ul>
|
|
<li data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/imgConnectStore01.jpg" alt="브라우저에서 connectstore.kia.com URL 입력">
|
|
<strong class="titleCase04">URL로 접속</strong>
|
|
<p>브라우저에서 connectstore.kia.com URL 입력</p>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/imgConnectStore02.jpg" alt="다양한 모바일 앱을 통해 접속">
|
|
<strong class="titleCase04">다양한 모바일 앱을 통해 접속</strong>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/imgConnectStore03.jpg" alt="기아 웹사이트를 통해 접속">
|
|
<strong class="titleCase04">기아 웹사이트를 통해 접속</strong>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
<script>
|
|
var swiper1 = new Swiper(".swiper1", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
navigation: {
|
|
nextEl: ".btnNextSlide1",
|
|
prevEl: ".btnPrevSlide1",
|
|
},
|
|
});
|
|
|
|
var swiper2 = new Swiper(".swiper2", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
navigation: {
|
|
nextEl: ".btnNextSlide2",
|
|
prevEl: ".btnPrevSlide2",
|
|
},
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|