srs플러스 / 인카게임 사양이용안내추가
This commit is contained in:
BIN
assets/images/kia/contents/imgCaseInfo_game.jpg
Normal file
BIN
assets/images/kia/contents/imgCaseInfo_game.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
BIN
assets/images/kia/contents/imgUsageList05.jpg
Normal file
BIN
assets/images/kia/contents/imgUsageList05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
BIN
assets/images/kia/contents/imgUsageList06.jpg
Normal file
BIN
assets/images/kia/contents/imgUsageList06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
BIN
assets/images/kia/contents/imgUsageList07.jpg
Normal file
BIN
assets/images/kia/contents/imgUsageList07.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
assets/images/kia/contents/imgUsageList08.jpg
Normal file
BIN
assets/images/kia/contents/imgUsageList08.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
BIN
assets/images/kia/contents/incar_game01_1.jpg
Normal file
BIN
assets/images/kia/contents/incar_game01_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
assets/images/kia/contents/incar_game01_2.jpg
Normal file
BIN
assets/images/kia/contents/incar_game01_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
assets/images/kia/contents/incar_game01_3.jpg
Normal file
BIN
assets/images/kia/contents/incar_game01_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
assets/images/kia/pdp/srs_plus/srs_plus_bg.png
Normal file
BIN
assets/images/kia/pdp/srs_plus/srs_plus_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 641 KiB |
BIN
assets/images/kia/pdp/srs_plus/srs_plus_topThumbnail.jpg
Normal file
BIN
assets/images/kia/pdp/srs_plus/srs_plus_topThumbnail.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
461
info/product-usage-guide-incargame.html
Normal file
461
info/product-usage-guide-incargame.html
Normal file
@@ -0,0 +1,461 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>제품상세명 > 제품리스트 > 회사명</title>
|
||||
<!--
|
||||
//위에 순서대로 title 이 변경되어야 합니다.
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no, shrink-to-fit=no" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="apple-mobile-web-app-title" content="">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-touch-fullscreen" content="yes">
|
||||
<meta name="title" content="">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta property="og:title" content="Page Title" />
|
||||
<meta property="og:type" content="Page Contens" />
|
||||
<meta property="og:image" content="../assets/images/kia/meta_img.png" />
|
||||
<meta property="og:site_name" content="Page name" />
|
||||
<meta property="og:description" content="Page Coment" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/jquery-ui.min.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/swiper.min.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/aos.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/basic.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/common.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/contents.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/popup.css?v1" type="text/css" />
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery-ui.min.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/swiper.min.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/aos.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v1"></script>
|
||||
<!--상품상세 페이지 css 분리-->
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/service.css?v1" type="text/css" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
||||
<link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png">
|
||||
<link rel="icon" href="../assets/images/kia/favicon-16x16.png">
|
||||
<link rel="stylesheet" href="../assets/css/kia/kia-font.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
|
||||
</head>
|
||||
<body id="event">
|
||||
<div class="contentHeaderCase case05"> </div>
|
||||
|
||||
<!--//header-->
|
||||
<div class="hederWarp_n hskey">
|
||||
<div class="headerInner">
|
||||
<div class="gnb">
|
||||
<!-- GNB 로고 영역입니다. -->
|
||||
<div class="logoWrap">
|
||||
<a href="">
|
||||
<i class="logoImg"></i>
|
||||
<!-- <span>
|
||||
Connect Store
|
||||
</span> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="menuWarp">
|
||||
<div class="mobileMenuTop">
|
||||
<!-- 모바일 슬라이드 메뉴의 로고 영역입니다. -->
|
||||
<div class="mobileLogoWrap">
|
||||
<a href="">
|
||||
<i class="logoImg"></i>
|
||||
<!-- <span>
|
||||
Connect store
|
||||
</span> -->
|
||||
</a>
|
||||
</div>
|
||||
<span class="closeBtn" id="closeBtn">
|
||||
<a href="#"></a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- 모바일 전용 USER 관련 링크 영역입니다. -->
|
||||
<div class="mobileFunc">
|
||||
<button>
|
||||
<span>마이페이지</span>
|
||||
<!--<span>로그인</span>-->
|
||||
</button>
|
||||
<!-- <button>
|
||||
|
||||
<span>장바구니</span>
|
||||
|
||||
</button> -->
|
||||
</div>
|
||||
<!-- 모바일 전용 차량 선택 UI입니다. -->
|
||||
<div class="mobileCarlist">
|
||||
<a href="javascript:void(0)" class="mobilecarItem">
|
||||
<div class="item">
|
||||
<span>MV</span>
|
||||
<span>161어 1660</span>
|
||||
</div>
|
||||
<div class="arrow"></div>
|
||||
</a>
|
||||
<div class="carlistItem">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>MV</span>
|
||||
<span>KMTKEXXBPMU000081</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>SX</span>
|
||||
<span>161어 1660</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>MV</span>
|
||||
<span>452허 1234</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PC 모바일 공통 메뉴 영역입니다. -->
|
||||
<ul class="menu">
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="../kia.html#mainProductList" class="menuDepth1">디지털 사양</a>
|
||||
<div class="menuDepth2Wrap info">
|
||||
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
||||
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
||||
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
||||
</svg>
|
||||
<ul>
|
||||
<li class="menuDepth2"><a href="../kia.html#mainProductList">디지털 사양</a></li>
|
||||
<li class="menuDepth2"><a href="../info/product-usage-guide.html" class="active">사양별 이용안내</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="../info/service-info.html" class="menuDepth1 lower" data-url="../info/service-info.html">스토어 소개</a>
|
||||
<div class="menuDepth2Wrap info">
|
||||
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
||||
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
||||
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
||||
</svg>
|
||||
<ul>
|
||||
<li class="menuDepth2"><a href="../info/service-info.html">스토어 소개</a></li>
|
||||
<li class="menuDepth2"><a href="../info/registration-guide.html" class="active">스토어 가입안내</a></li>
|
||||
<li class="menuDepth2"><a href="../info/buying-Installation-guide.html">스토어 이용안내</a></li>
|
||||
<li class="menuDepth2"><a href="../service/event-list.html">이벤트</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="../info/as-guide.html" class="menuDepth1 lower" data-url="../info/as-guide.html">고객지원</a>
|
||||
<div class="menuDepth2Wrap support">
|
||||
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
||||
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
||||
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
||||
</svg>
|
||||
<ul>
|
||||
<li class="menuDepth2"><a href="../service/faq.html">자주하는 질문</a></li>
|
||||
<li class="menuDepth2"><a href="../service/inquiry-list.html">문의하기</a></li>
|
||||
<li class="menuDepth2"><a href="../info/as-guide.html" class="active">고객센터 및 AS안내</a></li>
|
||||
<li class="menuDepth2"><a href="../service/notice-list.html">공지사항</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 모바일 전용 추가 메뉴 영역입니다. -->
|
||||
<div class="mobileSubMenu">
|
||||
<a href="https://privacy.kia.com/overview/full-policy/" target="_blank">개인정보 처리방침</a>
|
||||
<a href="../member/terms.html">이용약관</a>
|
||||
</div>
|
||||
<!-- 모바일 전용 로그아웃 버튼입니다. -->
|
||||
<!-- <div class="loginBtn oneButton">
|
||||
<button><p>로그아웃</p></button>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="func">
|
||||
<!-- PC 전용 차량 선택 UI입니다. -->
|
||||
<div class="carlist">
|
||||
<a href="javascript:void(0)" class="carItem">
|
||||
<span>MV</span>
|
||||
<span>161어 1660</span>
|
||||
</a>
|
||||
<div class="carlistItem">
|
||||
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
||||
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
||||
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
||||
</svg>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>MV</span>
|
||||
<span>KMTKEXXBPMU000081</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>SX</span>
|
||||
<span>161어 1660</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>MV</span>
|
||||
<span>452허 1234</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PC 전용 로그인 버튼입니다. -->
|
||||
<div class="userLogin">
|
||||
<a href="#">로그인/가입</a>
|
||||
</div>
|
||||
|
||||
<!-- PC 전용 USER 관련 링크 영역입니다. -->
|
||||
<div class="user">
|
||||
<a href="../mypage/my-product-list.html"><i class="icon-user"></i></a>
|
||||
</div>
|
||||
|
||||
<!-- PC 모바일 공통 장바구니 버튼입니다. -->
|
||||
<!-- <div class="cart">
|
||||
<a href="" class="login-alrt"><i class="icon-cart"></i></a>
|
||||
</div> -->
|
||||
|
||||
<!-- 모바일 전용 햄버거 메뉴 버튼입니다. -->
|
||||
<div class="moblieMenu burgurBtn">
|
||||
<span class="burgur" id="burgur">
|
||||
<span class="top-line"></span>
|
||||
<span class="bot-line"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//header-->
|
||||
|
||||
<div class="pageTitle">
|
||||
<h1>사양별 이용안내</h1>
|
||||
</div>
|
||||
|
||||
<div class="contentWarp">
|
||||
<div class="contentsTypeNew caseUsageDetail">
|
||||
<section class="caseInfoWrap">
|
||||
<h2 class="titleCase01">아케이드 게임 이용 방법</h2>
|
||||
<img src="../assets/images/kia/contents/imgCaseInfo_game.jpg" alt="아케이드 게임 이용 방법" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<div>
|
||||
<h3 class="titleCase02" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">아케이드 게임</h3>
|
||||
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
디스플레이 터치 기반의 아케이드 게임 8종을 경험하실 수 있습니다.<br>사양 구매후 별도 다운로드 및 설치 없이 차량 인포테인먼트 시스템 내 “게임”메뉴를 통해 이용 가능합니다.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="caseFunction">
|
||||
<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" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<header class="case">
|
||||
<h3 class="titleCase03">사양 이용 방법</h3>
|
||||
<strong>3 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper1">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">사양 구매 후, 게임 카드에 재진입 합니다. 홈 화면 > 메뉴 > 게임 <br>(별도의 설치과정이 필요하지 않습니다)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_2.jpg" alt="'좌우로 스크롤링하여 게임을 탐색/선택">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">좌우로 스크롤링하여 게임을 탐색/선택합니다. 가장 최근에 실행한 게임이 가장 왼쪽에 나타납니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_3.jpg" alt="게임에 대한 설명을 참고한 후 게임을 실행">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">게임에 대한 설명을 참고한 후 게임을 실행합니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="swiper-scrollbar"></div>
|
||||
<div class="swiper-scrollbar-after-space"></div>
|
||||
</div>
|
||||
<div class="swiper-button-next btnNextSlide1"></div>
|
||||
<div class="swiper-button-prev btnPrevSlide1"></div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<div class="contentsBtnWarp">
|
||||
<div class="oneButton">
|
||||
<a href="../info/product-usage-guide"><p>목록</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--//footer-->
|
||||
<div class="floating_menu">
|
||||
<a href="../service/faq.html" class="floating_faq"><img src="../assets/images/common/floating_inquiry.png" alt="자주하는 질문"></a>
|
||||
<a href="../service/inquiry-list.html" class="floating_inquiry"><img src="../assets/images/common/floating_faq.png" alt="문의하기"></a>
|
||||
<a href="javascript:;" class="floating_top"><img src="../assets/images/common/floating_top.png" alt="top"></a>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="kiaInner">
|
||||
<div class="tLeft">
|
||||
<div class="logoSEction">
|
||||
<a href="../kia.html"><img src="../assets/images/kia/kia-logo.svg" alt="kia"></a>
|
||||
</div>
|
||||
<div class="companyInfo">
|
||||
<ul>
|
||||
<li><a href="https://privacy.kia.com/overview/full-policy/" target="_blank">개인정보 처리방침</a></li>
|
||||
<li><a href="../member/terms.html">이용약관</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>사업자: 기아주식회사, 대표 송호성, 최준영</li>
|
||||
<li>주소: 서울특별시 서초구 현릉로 12 기아</li>
|
||||
<li>사업자등록번호: 119-81-02316</li>
|
||||
<li>통신판매신고: 2006-07935</li>
|
||||
<li>호스팅제공자: 현대오토에버</li>
|
||||
<li>이메일: KiaConnectStore@kia.com</li>
|
||||
<li>개인정보책임자: 기아정보보호센터 이상영 상무, privacy@kia.com / 080-200-2000</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="csTime">
|
||||
<div>
|
||||
<p>
|
||||
<strong>고객센터: 080-200-2000</strong>
|
||||
</p>
|
||||
<p><span>오류문의: 24시간 연중 무휴</span></p>
|
||||
<p>
|
||||
<span>
|
||||
일반 문의: 주중 08:30 ~ 18:00<br><span style="margin-left:64px;">(토·일·공휴일 휴무)</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="familyBoxWarp">
|
||||
<div class="familyBox">
|
||||
<div class="familyInner">
|
||||
<div class="cont-select">
|
||||
<ul class="list-member">
|
||||
<li><a href="https://www.kia.com/kr" target="_balnk">기아</a></li>
|
||||
<li><a href="https://connect.kia.com/kr" target="_balnk">기아 커넥트</a></li>
|
||||
<li><a href="https://worldwide.kia.com/kr" target="_balnk">Worldwide</a></li>
|
||||
<li><a href="https://www.hyundai.co.kr" target="_balnk">현대자동차그룹</a></li>
|
||||
<li><a href="https://members.kia.com" target="_balnk">기아멤버스</a></li>
|
||||
<li><a href="https://drivingexperience.hyundai.co.kr/" target="_balnk">기아 드라이빙 아카데미</a></li>
|
||||
<li><a href="https://worldwide.kia.com/kr/company/ir" target="_balnk">IR</a></li>
|
||||
<li><a href="http://winwin.hyundai.com/" target="_balnk">동반성장</a></li>
|
||||
<li><a href="https://gbic.hyundai.com/" target="_balnk">글로벌경영연구소</a></li>
|
||||
<li><a href="https://tigers.co.kr" target="_balnk">기아타이거즈</a></li>
|
||||
<li><a href="https://special.kia.com" target="_balnk">기아군용</a></li>
|
||||
</ul>
|
||||
<button class="btn-select">Family Site</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyRight"><span>Ⓒ</span> Kia CORP. ALL RIGHTS RESERVED.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popupWarp" style="display:none;">
|
||||
<div class="popInner termsPop" style="display:none;">
|
||||
<div class="popContents">
|
||||
<h1>개인정보 수집/이용 및 기타 동의</h1>
|
||||
<div class="termsCon">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. ManyLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many </p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="oneButton">
|
||||
<a href=""><p>닫기</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popInner payInfo" style="display:none;">
|
||||
<div class="popContents">
|
||||
<h1>결제 방법 안내</h1>
|
||||
<div class="payInfoCon">
|
||||
<p>
|
||||
<strong>이미 등록된 결제 방법이 있습니다.<br>(지로, 서울특별시 OO구 OOO로 OO길 OO)<br>해당 결제 방법으로 요금을 납부하시겠습니까?</strong>
|
||||
<span>※ 결제 방법을 다른 카드로 변경하실 경우 CCS앱에서 변경 가능합니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="towButton">
|
||||
<button class="cartBtn leftBtn"><p>취소</p></button>
|
||||
<button class="PurchaseBtn rightBtn"><p>확인</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popInner payInfo" style="display:none;">
|
||||
<div class="popContents">
|
||||
<h1>결제 방법 안내</h1>
|
||||
<div class="payInfoCon">
|
||||
<p>
|
||||
<strong>등록된 결제 방법이 없어 요금제 가입 진행이 불가합니다. 결제 카드 등록은 블루링크 App에서 진행해주시길 바랍니다.</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="oneButton">
|
||||
<a href=""><p>닫기</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
AOS.init();
|
||||
|
||||
$(document).on('click','.functionTab button',function(){
|
||||
var tabIndex = $(this).parent().index() +1;
|
||||
$(this).parent('li').addClass('active').siblings('li').removeClass('active');
|
||||
$('.caseFunction>section:nth-of-type('+tabIndex+')').show().siblings('section').hide();
|
||||
});
|
||||
|
||||
var swiper1 = new Swiper(".swiper1", {
|
||||
slidesPerView: "auto",
|
||||
roundLengths: true,
|
||||
//freeMode: true,
|
||||
scrollbar: {
|
||||
el: ".swiper-scrollbar",
|
||||
hide: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".btnNextSlide1",
|
||||
prevEl: ".btnPrevSlide1",
|
||||
},
|
||||
});
|
||||
|
||||
var swiper2 = new Swiper(".swiper2", {
|
||||
slidesPerView: "auto",
|
||||
roundLengths: true,
|
||||
//freeMode: true,
|
||||
scrollbar: {
|
||||
el: ".swiper-scrollbar",
|
||||
hide: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".btnNextSlide2",
|
||||
prevEl: ".btnPrevSlide2",
|
||||
},
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
148
info/product-usage-guide-incargame.php
Normal file
148
info/product-usage-guide-incargame.php
Normal file
@@ -0,0 +1,148 @@
|
||||
<?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 case05"> </div>
|
||||
|
||||
<!--//header-->
|
||||
<?php
|
||||
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
||||
?>
|
||||
<!--//header-->
|
||||
|
||||
<div class="pageTitle">
|
||||
<h1>사양별 이용안내</h1>
|
||||
</div>
|
||||
|
||||
<div class="contentWarp">
|
||||
<div class="contentsTypeNew caseUsageDetail">
|
||||
<section class="caseInfoWrap">
|
||||
<h2 class="titleCase01">아케이드 게임 이용 방법</h2>
|
||||
<img src="../assets/images/kia/contents/imgCaseInfo_game.jpg" alt="아케이드 게임 이용 방법" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<div>
|
||||
<h3 class="titleCase02" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">아케이드 게임</h3>
|
||||
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
디스플레이 터치 기반의 아케이드 게임 8종을 경험하실 수 있습니다.<br>사양 구매후 별도 다운로드 및 설치 없이 차량 인포테인먼트 시스템 내 “게임”메뉴를 통해 이용 가능합니다.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="caseFunction">
|
||||
<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" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<header class="case">
|
||||
<h3 class="titleCase03">사양 이용 방법</h3>
|
||||
<strong>3 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper1">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">사양 구매 후, 게임 카드에 재진입 합니다. 홈 화면 > 메뉴 > 게임 <br>(별도의 설치과정이 필요하지 않습니다)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_2.jpg" alt="'좌우로 스크롤링하여 게임을 탐색/선택">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">좌우로 스크롤링하여 게임을 탐색/선택합니다. 가장 최근에 실행한 게임이 가장 왼쪽에 나타납니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_3.jpg" alt="게임에 대한 설명을 참고한 후 게임을 실행">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">게임에 대한 설명을 참고한 후 게임을 실행합니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="swiper-scrollbar"></div>
|
||||
<div class="swiper-scrollbar-after-space"></div>
|
||||
</div>
|
||||
<div class="swiper-button-next btnNextSlide1"></div>
|
||||
<div class="swiper-button-prev btnPrevSlide1"></div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<div class="contentsBtnWarp">
|
||||
<div class="oneButton">
|
||||
<a href="../info/product-usage-guide"><p>목록</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--//footer-->
|
||||
<?php
|
||||
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
||||
?>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
$(document).on('click','.functionTab button',function(){
|
||||
var tabIndex = $(this).parent().index() +1;
|
||||
$(this).parent('li').addClass('active').siblings('li').removeClass('active');
|
||||
$('.caseFunction>section:nth-of-type('+tabIndex+')').show().siblings('section').hide();
|
||||
});
|
||||
|
||||
var swiper1 = new Swiper(".swiper1", {
|
||||
slidesPerView: "auto",
|
||||
roundLengths: true,
|
||||
//freeMode: true,
|
||||
scrollbar: {
|
||||
el: ".swiper-scrollbar",
|
||||
hide: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".btnNextSlide1",
|
||||
prevEl: ".btnPrevSlide1",
|
||||
},
|
||||
});
|
||||
|
||||
var swiper2 = new Swiper(".swiper2", {
|
||||
slidesPerView: "auto",
|
||||
roundLengths: true,
|
||||
//freeMode: true,
|
||||
scrollbar: {
|
||||
el: ".swiper-scrollbar",
|
||||
hide: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".btnNextSlide2",
|
||||
prevEl: ".btnPrevSlide2",
|
||||
},
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -498,6 +498,8 @@
|
||||
</div>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
AOS.init();
|
||||
|
||||
$(document).on('click','.functionTab button',function(){
|
||||
var tabIndex = $(this).parent().index() +1;
|
||||
$(this).parent('li').addClass('active').siblings('li').removeClass('active');
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/aos.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v1"></script>
|
||||
<!--상품상세 페이지 css 분리-->
|
||||
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/service.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/service.css?v1" type="text/css" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
||||
<link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png">
|
||||
@@ -248,6 +248,11 @@
|
||||
<section>
|
||||
<h2 class="titleCase01">기아 커넥트 스토어 디지털 사양 이용안내</h2>
|
||||
<div class="listType01">
|
||||
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList05.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>NBA 디스플레이 테마</b></a>
|
||||
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList06.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>아케이드 게임</b></a>
|
||||
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList07.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스마트 회생 시스템 플러스</b></a>
|
||||
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList08.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스마트 회생 시스템 플러스</b></a>
|
||||
|
||||
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList02.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>라이팅 패턴<br>이용방법</b></a>
|
||||
<a href="../info/product-usage-guide-rspa2" style="background-image: url('../assets/images/kia/contents/imgUsageList01.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>원격 스마트 주차 보조 2(RSPA 2)<br>이용방법</b></a>
|
||||
<a href="../info/product-usage-guide-streaming" style="background-image: url('../assets/images/kia/contents/imgUsageList03.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 플러스<br>이용방법</b></a>
|
||||
@@ -257,15 +262,15 @@
|
||||
<!-- //Kia Connect Store 디지털 상품 이용안내 -->
|
||||
|
||||
<!-- 기타 이용안내 -->
|
||||
<!-- <section>
|
||||
<section>
|
||||
<h2 class="titleCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">기타 이용안내</h2>
|
||||
<div class="listType02" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<a href="product-usage-guide-rspa2-key.php">
|
||||
<img src="/kr/assets/images/kia/contents/imgUsageList04.jpg" alt="">
|
||||
<img src="../assets/images/kia/contents/imgUsageList04.jpg" alt="">
|
||||
<b>원격 스마트 주차 보조2 (RSPA2) & 스마트키 사용 안내</b>
|
||||
</a>
|
||||
</div>
|
||||
</section> -->
|
||||
</section>
|
||||
<!-- //기타 이용안내 -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -389,6 +394,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
AOS.init();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@@ -263,8 +263,8 @@
|
||||
<div class="productImg">
|
||||
<div class="swiper productSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img src="../assets/images/kia/pdp/streaming_premium/streaming_premium1.png" alt="이미지 상품명"></div>
|
||||
<div class="swiper-slide"><img src="../assets/images/kia/pdp/streaming_premium/streaming_premium1.png" alt="이미지 상품명"></div>
|
||||
<div class="swiper-slide"><img src="../assets/images/kia/pdp/srs_plus/srs_plus_topThumbnail.jpg" alt="이미지 상품명"></div>
|
||||
<div class="swiper-slide"><img src="../assets/images/kia/pdp/srs_plus/srs_plus_topThumbnail.jpg" alt="이미지 상품명"></div>
|
||||
<div class="swiper-slide withVideo">
|
||||
<p class="productSmallVideo">
|
||||
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
|
||||
@@ -283,43 +283,33 @@
|
||||
<div class="optionWarp">
|
||||
<div class="producTitle">
|
||||
<!-- <span>차량SW</span> -->
|
||||
<h1>SRS Plus</h1>
|
||||
<p>차량에서도 즐길 수 있는 게임</p>
|
||||
<h1>스마트 회생시스템 플러스</h1>
|
||||
<p>네비게이션 정보를 활용하여 더욱 스마트해진 EV 드라이빙</p>
|
||||
</div>
|
||||
<div class="producInfoWarp">
|
||||
<div class="producOption">
|
||||
<h2>요금제</h2>
|
||||
<div class="optionList">
|
||||
<div class="checkBtn type2">
|
||||
<input type="checkbox" name="check" id="check1" value="Atlanta Hawks" checked >
|
||||
<label for="check1">
|
||||
<div class="optionText">
|
||||
<p>
|
||||
<strong>
|
||||
스마트 TV 솔루션즈 플러스
|
||||
|
||||
<span>차량에서 스마트 TV 서비스를 이용 가능합니다.</span>
|
||||
|
||||
</strong>
|
||||
<span>단, 비디오 스트리밍의 경우 지원 차량이 제한되오니 하단의
|
||||
상세 정보를 확인바랍니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="priceOption">
|
||||
<h2>원하시는 구매 옵션을 선택해주세요.</h2>
|
||||
<div class="priceList">
|
||||
<div class="radioBtn disabledBtn">
|
||||
<input type="radio" name="radioBtn" id="radio0" value="FOD1401" checked>
|
||||
<label for="radio0">
|
||||
<span>평생 이용</span>
|
||||
<strong data-price="500000">₩ 0</strong>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="producInfoLogOut">
|
||||
<p>본 요금제는 스트리밍 서비스 이용 시 사용하는 이용권이며, 서비스 이용을 위한 콘텐츠 플랫폼사 이용권은 별도로 구매 후 연동하셔야 합니다.</p>
|
||||
<span>(단, 구독 중인 콘텐츠 플랫폼의 이용권이 모바일 기기만 지원 할 경우, 차량 내 스트리밍 서비스를 이용하실 수 없습니다) </span>
|
||||
</div>
|
||||
<!-- [E] 로그아웃 케이스 -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="priceTotal">
|
||||
<div class="oneButtonBlack">
|
||||
<a href="" class="requireLogin"><p>요금제 가입하기</p></a>
|
||||
<dl class="total">
|
||||
<dt>총 결제 금액</dt>
|
||||
<dd class="totalPrice">₩ 0</dd>
|
||||
</dl>
|
||||
<div class="paymentButton oneButtonBlack">
|
||||
<button class="cartBtn leftBtn requireLogin"><p>바로구매</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -335,17 +325,17 @@
|
||||
|
||||
<div class="comp_wide comp_1x_w_v_o_b streamingPremium">
|
||||
<div class="image_area visualBg">
|
||||
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium.jpg" class="web" alt="스트리밍 프리미엄">
|
||||
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_m.jpg" class="mobile" alt="스트리밍 프리미엄">
|
||||
<img src="../assets/images/kia/pdp/srs_plus/srs_plus_bg.png" class="web" alt="스마트 회생시스템 플러스">
|
||||
<img src="../assets/images/kia/pdp/srs_plus/srs_plus_bg_m.png" class="mobile" alt="스마트 회생시스템 플러스">
|
||||
</div>
|
||||
<div class="comp_top">
|
||||
<div class="comp_body layer_up">
|
||||
<div class="text_area">
|
||||
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
이미지와 상품 안내 문구 필요합니다.
|
||||
더 안전하고 편리해진 스마트 회생 시스템 플러스
|
||||
</h3>
|
||||
<div class="info" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
다양한 OTT 컨텐츠와 더불어 뉴스, SNS, 회의, 스포츠 등 스마트TV에서 이용하던 다양한 서비스를 사용할 수 있습니다.
|
||||
네비게이션이 연동된 스마트 한 감속 기능을 경험해보세요.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -362,7 +352,7 @@
|
||||
<div class="text_area">
|
||||
<h4 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800" class="aos-init aos-animate">네비게이션 정보를 활용하여 더욱 안전하고 편리해진 EV 주행</h4>
|
||||
<p data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800" class="aos-init aos-animate">스마트 회생제시스템 플러스는 편리하고 안전한 운전을 지원합니다.
|
||||
원페달 운전을 가능하게 하여 가속과 제동을 더욱 편리하게 제어할 수 있습니다.
|
||||
원페달 운전을 가능하게 하여 가속과 제동을 더욱 편리하게 제어할 수 있습니다.<br>
|
||||
교통 체증 및 도심 주행에서도 피로 없이 운전하며 운전의 즐거움을 느껴보세요.
|
||||
</p>
|
||||
</div>
|
||||
@@ -378,7 +368,7 @@
|
||||
<h4>에너지 세이빙을 통한 친환경 드라이브</h4>
|
||||
<p>스마트 회생제동 시스템은 제동 에너지를 회수하여 주행거리를
|
||||
향상 시켜 줍니다.<br>
|
||||
에너지 재활용을 통해 탄소 배출량을 줄여 환경 보호에 기여합니다.
|
||||
에너지 재활용을 통해 탄소 배출량을 줄여 환경 보호에 기여합니다.<br>
|
||||
스마트 회생제동 시스템으로 미래 세대에게 깨끗한 지구를 물려주세요.
|
||||
</p>
|
||||
</div>
|
||||
@@ -390,8 +380,8 @@
|
||||
<div class="text_area aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<h4>EV만의 독특한 주행 경험을 제공하는 기술 혁신</h4>
|
||||
<p>스마트 회생제동 시스템은 제동 에너지를 회수하여 주행거리를 향상
|
||||
시켜 줍니다.
|
||||
에너지 재활용을 통해 탄소 배출량을 줄여 환경 보호에 기여합니다.
|
||||
시켜 줍니다.<br>
|
||||
에너지 재활용을 통해 탄소 배출량을 줄여 환경 보호에 기여합니다.<br>
|
||||
스마트 회생제동 시스템으로 미래 세대에게 깨끗한 지구를 물려주세요.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user