1002 lines
54 KiB
HTML
1002 lines
54 KiB
HTML
<!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?v2" 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?v2"></script>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/product.css?v1.2" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v81553124" 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>
|
|
<!--//header-->
|
|
<div class="hederWarp_n noBoder">
|
|
<div class="headerInner">
|
|
<div class="gnb">
|
|
<!-- GNB 로고 영역입니다. -->
|
|
<div class="logoWrap">
|
|
<a href="/kr/kia.html">
|
|
<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="/kr/kia.html#mainProductList" class="menuDepth1 lower">디지털 사양</a>
|
|
<div class="menuDepth2Wrap info">
|
|
<h3><a href="/kr/kia.html#mainProductList">디지털 사양</a></h3>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_disney.html">디즈니 디스플레이 테마</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">KBO 디스플레이 테마</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme.html">NBA 디스플레이 테마</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_in_car_game.html">아케이드 게임</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_rspa2.html">원격 스마트 주차 보조(RSPA 2)</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_rspa2_ev9.html">부스트(The 2025 EV9)</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_lighting_pattern.html">라이팅 패턴</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_srs_plus.html">스마트 회생 시스템 플러스</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_premium.html">스트리밍 프리미엄</a></li>
|
|
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="/kr/info/product-usage-guide.html" class="menuDepth1" data-url="/kr/info/product-usage-guide.html">사양별 이용 안내</a>
|
|
<div class="menuDepth2Wrap info">
|
|
<h3><a href="/kr/info/product-usage-guide.html">사양별 이용 안내</a></h3>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="/kr/info/service-info.html" class="menuDepth1 lower" data-url="/kr/info/service-info.html">스토어 소개</a>
|
|
<div class="menuDepth2Wrap info">
|
|
<h3><a href="/kr/info/service-info.html">스토어 소개</a></h3>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="/kr/info/service-info.html">스토어 소개</a></li>
|
|
<li class="menuDepth2"><a href="/kr/info/registration-guide.html">스토어 가입안내</a></li>
|
|
<li class="menuDepth2"><a href="/kr/info/buying-Installation-guide.html">스토어 이용안내</a></li>
|
|
<li class="menuDepth2"><a href="/kr/service/event-list.html">이벤트</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="/kr/info/as-guide.html" class="menuDepth1 lower" data-url="/kr/info/as-guide.html">고객지원</a>
|
|
<div class="menuDepth2Wrap support">
|
|
<h3><a href="/kr/info/as-guide.html">고객지원</a></h3>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="/kr/service/faq.html">자주하는 질문</a></li>
|
|
<li class="menuDepth2"><a href="/kr/service/inquiry-list.html">문의하기</a></li>
|
|
<li class="menuDepth2"><a href="/kr/info/as-guide.html">고객센터 및 AS안내</a></li>
|
|
<li class="menuDepth2"><a href="/kr/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="/kr/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-->
|
|
|
|
<!--//sticky-->
|
|
<div class="infoSticky">
|
|
<div class="infoStickyInner">
|
|
<div class="stickyLeft">
|
|
<p>
|
|
<strong>마블 어벤져스 디스플레이 테마</strong>
|
|
<!-- <span>30개 NBA 팀의 개성있는 디스플레이 테마로 분위기 업업~!!!</span> -->
|
|
</p>
|
|
</div>
|
|
<div class="stickyRight">
|
|
<dl>
|
|
<dt>평생 이용</dt>
|
|
<dd>₩ 29,900</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//sticky-->
|
|
|
|
<!--//content-warp-->
|
|
<div class="contentWarp">
|
|
<div class="productView">
|
|
<div class="productLeft">
|
|
<div class="productImg">
|
|
<div class="swiper productSwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide"><img src="../assets/images/kia/pdp/display_theme_disney/producy-temp1.png" alt="이미지 상품명" /></div>
|
|
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp2.png" 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">
|
|
<source src="../assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4" />
|
|
</video>
|
|
<img src="../assets/images/kia/pdp/display_theme_disneyNBA_Theme_AVNT.jpg" alt="이미지 상품명" />
|
|
</p>
|
|
</div>
|
|
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp4.png" alt="이미지 상품명" /></div>
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="productRight">
|
|
<div class="optionWarp">
|
|
<div class="producTitle">
|
|
<!-- <span>차량SW</span> -->
|
|
<h1>
|
|
마블 어벤져스 <br />디스플레이 테마
|
|
<button type="button" class="btn-wish"></button>
|
|
</h1>
|
|
<p>마블 어벤져스와 함께 차량에 특별한 감성을 더해보세요!</p>
|
|
</div>
|
|
<div class="producOption scroll">
|
|
<h2>원하시는 상품을 선택해주세요.</h2>
|
|
<div class="optionList">
|
|
<div class="checkBtn withVideo">
|
|
<input type="checkbox" name="check" id="check1" value="kia" checked />
|
|
<label for="check1">
|
|
<p><img src="../assets/images/kia/pdp/display_theme_disney/marvel_logo1.png" alt="marvel1" /></p>
|
|
<div class="optionText">
|
|
<p>
|
|
<strong>마블 어벤져스 어셈블</strong>
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="checkBtn">
|
|
<input type="checkbox" name="check" id="check2" value="samsung" disabled />
|
|
<label for="check2">
|
|
<p><img src="../assets/images/kia/pdp/display_theme_disney/marvel_logo2.png" alt="marvel2" /></p>
|
|
<div class="optionText">
|
|
<p>
|
|
<strong>마블 어벤져스 코믹스</strong>
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="checkBtn disabledBtn">
|
|
<input type="checkbox" name="check" id="check2" value="samsung" disabled />
|
|
<label for="check2">
|
|
<p><img src="../assets/images/kia/pdp/display_theme_disney/marvel_logo2.png" alt="marvel2" /></p>
|
|
<div class="optionText">
|
|
<p>
|
|
<strong>마블 어벤져스 코믹스</strong>
|
|
<i class="badge">구매완료</i>
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="priceOption">
|
|
<h2>원하시는 구매 옵션을 선택해주세요.</h2>
|
|
<div class="priceList">
|
|
<div class="radioBtn">
|
|
<input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000" />
|
|
<label for="radioOne">
|
|
<span>평생 이용</span>
|
|
<span>
|
|
<!-- <span class="discount"><i>₩ 29,900</i></span> -->
|
|
<span class="price">
|
|
<!-- <b class="dc">16%</b> -->
|
|
<strong>₩ 29,000</strong>
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="priceTotal">
|
|
<dl class="total">
|
|
<dt>총 결제 금액</dt>
|
|
<dd>₩ 29,900</dd>
|
|
</dl>
|
|
<div class="paymentButton oneButtonLine">
|
|
<!-- <button class="cartBtn leftBtn"><p>장바구니</p></button> -->
|
|
<button class="PurchaseBtn leftBtn"><p>바로구매</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!--에디터 영역-->
|
|
<div class="editorWarp pdpDetail">
|
|
<div class="editorInner">
|
|
<div class="comp_wide displayThemeDesney">
|
|
<div class="image_area visualBg">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지" />
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Theme_screen_m.jpg" class="mobile" alt="디스플레이 테마 이미지" />
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h2 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/logo_marvel.png" width="89" class="web" alt="MARVEL" />
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/logo_marvel.png" width="53" class="mobile" alt="MARVEL" />
|
|
</h2>
|
|
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">마블 유니버스를 <br class="br-m" />차량에서 경험해 보세요.</h3>
|
|
<div class="info" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
기아와 마블 어벤져스의 만남으로,<br class="br-m" />
|
|
차량 안에서 펼쳐지는 또 하나의 새로운 이야기.<br class="br-m" /><br />
|
|
디스플레이 테마와 함께<br class="br-m" />
|
|
마블 히어로들의 활기찬 에너지를 느껴보세요.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="comp_bottom available-theme">
|
|
<h3>
|
|
<span>내 드라이빙에 <br class="br-m" />더 어울리는 마블 테마는?</span>
|
|
</h3>
|
|
<div class="list">
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/thumb_theme1.png" alt="MARVEL" />
|
|
<span class="txt">
|
|
<strong>마블 어벤져스 어셈블</strong>
|
|
<span class="hashs"><span>#어벤져스본부</span> <span>#홀로그램스타일</span> <span>#시크한무드</span></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/thumb_theme2.png" alt="MARVEL" />
|
|
<span class="txt">
|
|
<strong>마블 어벤져스 코믹스</strong>
|
|
<span class="hashs"><span>#오리지널</span> <span>#코믹북감성</span> <span>#다이나믹무드</span></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="more">
|
|
<a href="#">
|
|
<strong>
|
|
마블 테마는 계속 됩니다.
|
|
<em class="speech-bubble">앞으로 출시될 테마들을 <br class="br-m" />기대해주세요!</em>
|
|
</strong>
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/thumb_theme_more.png" alt="MARVEL" />
|
|
<span class="hashs">※ 출시 예정 테마는 변경될 수 있습니다.</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide discover-epic-design displayThemeDesney">
|
|
<div class="comp_top">
|
|
<h3>마블 테마, <br class="br-m" />직접 확인해보세요!</h3>
|
|
<p class="info">옵션을 선택하면, 차량에 적용된 테마 디자인을 <br class="br-m" />바로 확인할 수 있어요.</p>
|
|
</div>
|
|
<div class="comp_body">
|
|
<div class="tab-wrap">
|
|
<div class="tab-menu cont-select">
|
|
<div class="inner">
|
|
<div class="btn-select">마블 어벤져스 어셈블</div>
|
|
<ul>
|
|
<li class="active">
|
|
<span class="tab-btn">마블 어벤져스 어셈블</span>
|
|
</li>
|
|
<li>
|
|
<span class="tab-btn">마블 어벤져스 코믹스</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-box box1">
|
|
<div class="discover">
|
|
<div class="inner">
|
|
<div class="item welcome-goodbye" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Welcome.mov" type="video/quicktime" />
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Welcome.webm" type="video/webm" />
|
|
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
|
</video>
|
|
</div>
|
|
<div class="image_area">
|
|
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Goodbye.mov" type="video/quicktime" />
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Goodbye.webm" type="video/webm" />
|
|
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
|
</video>
|
|
</div>
|
|
|
|
<div class="text_area">
|
|
<h4>Welcome & Goodbye Video</h4>
|
|
<p>
|
|
마블 어벤져스 컨셉의 모션 그래픽 Video가 차량 Sleep <br class="br-m" />모드 동작 이후 차량을 켤 때, 끌 때에 적용 됩니다.<br />
|
|
<span class="add">※ 두가지 테마 모두 동일한 모션 그래픽 Video가 적용됩니다. </span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Assemble_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Cluster</h4>
|
|
<p>선택한 마블 테마가 클러스터 화면에 적용됩니다. 마블만의 역동적인 그래픽과 게이지 디자인을 확인해 보세요.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Assemble_Map.png" class="themeImg box1-navigation" alt="Navigation" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Navigation</h4>
|
|
<p>목적지까지의 길 안내 기능을 이용할 때마다 마블의 특별한 아트워크가 현재 위치를 표시해줍니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Assemble_Home.png" class="themeImg box1-homecard" alt="Homecard" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Homecard</h4>
|
|
<p>각 메뉴 화면을 넘길 때마다 마블 캐릭터와 로고, 다양한 일러스트가 나타납니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Assemble_Profile.png" class="themeImg box1-profile" alt="Profile" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Profile</h4>
|
|
<p>마블 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="three-reasons">
|
|
<div class="tit-area">
|
|
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<p>마블 테마를 놓쳐서는 안될</p>
|
|
<h3>세 가지 이유</h3>
|
|
</div>
|
|
</div>
|
|
<div class="reasons">
|
|
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<ol>
|
|
<li>
|
|
<p>
|
|
<strong>차 안에서 누리는 색다른 경험</strong>
|
|
마블 어벤져스 테마와 함께, <br class="br-m" />매 순간 주행의 즐거움을 느껴보세요.
|
|
</p>
|
|
<div class="img-area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1.png" class="web" alt="" />
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png" class="mobile" alt="" />
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<strong>취향에 따라 골라보는 다양한 테마</strong>
|
|
어벤져스, 스파이더맨, 엑스맨 등 <br class="br-m" />마블 유니버스를 사랑하는 팬이라면 <br />더 많은 히어로들의 등장을 놓치지 마세요.
|
|
<span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
|
|
</p>
|
|
<div class="img-area">
|
|
<span class="img-msg">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reason_marvel.png" alt="" />
|
|
<span class="msg">앞으로 출시될 테마들을<br />기대해주세요!</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<strong>개성 넘치는 드라이빙의 서막</strong>
|
|
기아 오너를 위한 마블 디스플레이 테마. <br />지금 바로, 특별한 드라이빙을 시작해보세요.
|
|
</p>
|
|
<div class="img-area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3.png" class="web" alt="" />
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png" class="mobile" alt="" />
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="copyright">ⓒ 2025 MARVEL</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-box box2">
|
|
<div class="discover">
|
|
<div class="inner">
|
|
<div class="item welcome-goodbye" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Welcome.mov" type="video/quicktime" />
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Welcome.webm" type="video/webm" />
|
|
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
|
</video>
|
|
</div>
|
|
<div class="image_area">
|
|
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Goodbye.mov" type="video/quicktime" />
|
|
<source src="../assets/images/kia/pdp/display_theme_disney/Marvel_Avengers_Goodbye.webm" type="video/webm" />
|
|
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
|
</video>
|
|
</div>
|
|
|
|
<div class="text_area">
|
|
<h4>Welcome & Goodbye Video</h4>
|
|
<p>
|
|
마블 어벤져스 컨셉의 모션 그래픽 Video가 차량 Sleep <br class="br-m" />모드 동작 이후 차량을 켤 때, 끌 때에 적용 됩니다.<br />
|
|
<span class="add">※ 두가지 테마 모두 동일한 모션 그래픽 Video가 적용됩니다. </span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Comics_Cluster.png" class="themeImg" alt="Cluster" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Cluster</h4>
|
|
<p>선택한 마블 테마가 클러스터 화면에 적용됩니다. 마블만의 역동적인 그래픽과 게이지 디자인을 확인해 보세요.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Comics_Map.png" class="themeImg" alt="Navigation" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Navigation</h4>
|
|
<p>목적지까지의 길 안내 기능을 이용할 때마다 마블의 특별한 아트워크가 현재 위치를 표시해줍니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Comics_Home.png" class="themeImg" alt="Homecard" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Homecard</h4>
|
|
<p>각 메뉴 화면을 넘길 때마다 마블 캐릭터와 로고, 다양한 일러스트가 나타납니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/Avengers_Comics_Profile.png" class="themeImg" alt="Profile" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>Profile</h4>
|
|
<p>마블 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="three-reasons">
|
|
<div class="tit-area">
|
|
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<p>마블 테마를 놓쳐서는 안될</p>
|
|
<h3>세 가지 이유</h3>
|
|
</div>
|
|
</div>
|
|
<div class="reasons">
|
|
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<ol>
|
|
<li>
|
|
<p>
|
|
<strong>차 안에서 누리는 색다른 경험</strong>
|
|
마블 어벤져스 테마와 함께, <br class="br-m" />매 순간 주행의 즐거움을 느껴보세요.
|
|
</p>
|
|
<div class="img-area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1.png" class="web" alt="" />
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png" class="mobile" alt="" />
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<strong>취향에 따라 골라보는 다양한 테마</strong>
|
|
어벤져스, 스파이더맨, 엑스맨 등 <br class="br-m" />마블 유니버스를 사랑하는 팬이라면 <br />더 많은 히어로들의 등장을 놓치지 마세요.
|
|
<span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
|
|
</p>
|
|
<div class="img-area">
|
|
<span class="img-msg">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reason_marvel.png" alt="" />
|
|
<span class="msg">앞으로 출시될 테마들을<br />기대해주세요!</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<strong>개성 넘치는 드라이빙의 서막</strong>
|
|
기아 오너를 위한 마블 디스플레이 테마. <br />지금 바로, 특별한 드라이빙을 시작해보세요.
|
|
</p>
|
|
<div class="img-area">
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3.png" class="web" alt="" />
|
|
<img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png" class="mobile" alt="" />
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="copyright">ⓒ 2025 MARVEL</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_2x_b_h_s_e2 displayThemeDesney">
|
|
<div class="comp_body">
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/lighting_pattern/lighting_pattern_contents_04.png" alt="아이콘 이미지" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>ccNC 차량에서 선택적 구매 가능</h5>
|
|
<p>기아 ccNC 인포테인먼트 플랫폼 중 12.3인치 클러스터가 적용된 차량에만 선택 가능합니다.</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/lighting_pattern/lighting_pattern_contents_05.png" alt="아이콘 이미지" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>고객 맞춤형 설정 기능</h5>
|
|
<p>여러 개의 테마를 구입하여 운전자 별로 다르게 설정할 수 있습니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_1x_b_n_n_e1 displayTheme displayTheme-kbo">
|
|
<div class="comp_body">
|
|
<h5>사양 이용 영상</h5>
|
|
<div class="youtubeArea youtubeArea_pdp" value="lNuSUuf7hYU"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="listbtnWarp">
|
|
<div class="oneButton">
|
|
<a href="https://connectstore.kia.com/kr/info/product-usage-guide-nba"><p>사양 이용안내</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--에디터 영역-->
|
|
|
|
<!-- [S] [2차]정보고시 -->
|
|
|
|
<div class="editorWarp disclaimerWrap">
|
|
<!-- [S]관리자에서 에디터로 등록되는 영역입니다. -->
|
|
<div class="comp_wide disclaimerArea">
|
|
<div class="comp_body disclaimerInner">
|
|
<h2>정보고시</h2>
|
|
<div class="disclaimerList">
|
|
<div class="item">
|
|
<div class="title">단말기 안내</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>EV6 (2021 이후, EV6 GT, Niro (2022), Sportage (2021 이후), K3 (2022), K9 (2021 이후)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">사양고시 및 이용 안내</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>품명 및 모델명 : 사양 설명 및 사양 이미지 참조</li>
|
|
<li>구성품 : 사양 설명 및 사양 이미지 참조</li>
|
|
<li>품질보증기준 : 관련 법 소비자 분쟁해결 규정에 따름</li>
|
|
<li>제조사/수입자 : 사양 설명 및 사양 이미지 참조</li>
|
|
<li>
|
|
유의사항<br />
|
|
※ 해당 내용은 전자상거래 등에서의 사양정보제공 고시에 따라 작성되었습니다
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">A/S 안내</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>무상 A/S 정책</li>
|
|
<li>품질 보증 기간: 활성화 일 부터 3개월 (구매 증빙 필요)</li>
|
|
<li>품질보증기간 내 정상 사용 상태에서 기능이나 성능상 하자가 발생한 경우 무상으로 서비스 신청이 가능합니다.</li>
|
|
<li>품질보증기간 내 제품 하자가 맞을 경우, 전국 Kia 정비센터에 방문하셔서 수리를 받을 수 있습니다.</li>
|
|
<li>
|
|
제품하자/고장이 아닌 경우, 고객 과실 및 취급부주의에 의한 고장일 경우, 제품 시리얼 넘버가 식별이 불가 시,<br />
|
|
품질 보증 기간 이후에는 유상 서비스가 제공됩니다.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">취소/해지/반품/환불 안내</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>고객님의 사양 이용 현황에 따라 정기 결제를 취소하거나 바로 해지하실 수 있습니다.</li>
|
|
<li>사양별 해지/환불 정책은 이용 안내 또는 사양 상세 설명을 참고해 주시기 바랍니다.</li>
|
|
<li>정기 결제를 취소하시면 구독 종료일까지 사양을 정상적으로 이용하실 수 있으며, 다음 정기 결제일에 해지됩니다.</li>
|
|
<li>구독 할인쿠폰이 적용된 사양을 해지하시면 쿠폰 사용 기간이 남아 있더라도 쿠폰은 소멸됩니다.</li>
|
|
<li>구독 할인쿠폰이 적용된 사양을 변경하셔도 쿠폰이 소멸될 수 있으니, 변경 신청 전 안내 내용을 꼼꼼히 확인해 주시기 바랍니다.</li>
|
|
<li>사양을 즉시 해지하는 경우, 재가입 및 혜택 이용이 제한될 수 있습니다.</li>
|
|
<li>정기 결제 당일에는 사양 해지가 불가 합니다. (정기 결제가 완료된 이후에는 결제 취소 가능하며, 재결제 기간 종료 후 자동으로 해지 됩니다.)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">기타 유의사항</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>구독 서비스를 해지하시면 해지한 다음달부터 결제가 진행되지 않습니다.</li>
|
|
<li>
|
|
만약 이미 결제된 서비스에 대해 결제 취소를 원하시는 경우, 결제 7일 이내에 홈페이지 또는 고객센터를 통해 결제 취소 신청을 해 주셔야 합니다. <br />
|
|
단, 구독 사양과 쿠폰 등을 이미 사용/등록하신 경우에는 결제취소가 불가합니다. (예시: 5월 구독 해지 신청 시, 6월부터 결제되지 않음 / <br />
|
|
5월 결제 건에 대해 취소가 필요한 경우, 별도 결제 취소 신청)
|
|
</li>
|
|
<li>모든 가격은 부가가치세가 포함된 가격이며, 추가로 결제되는 금액은 없습니다.</li>
|
|
<li>서비스 구매한 날짜에 매월 정기결제 됩니다. 결제한 날짜가 다음 달에 없다면 마지막일로 정기결제일이 변경 됩니다.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E]관리자에서 에디터로 등록되는 영역입니다. -->
|
|
</div>
|
|
<!-- [E] [2차]정보고시 -->
|
|
|
|
<!--관련상품-->
|
|
<div class="relatedProducts">
|
|
<div class="relatedInnder">
|
|
<h2>관련상품</h2>
|
|
<div class="relatedList">
|
|
<a href="">
|
|
<div class="relatedListItem">
|
|
<div class="itemInner">
|
|
<div class="itemLeft">
|
|
<p class="img"><img src="../assets/images/kia/product-img/producy-temp5.png" alt="이미지 상품명" /></p>
|
|
<div class="productName">
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDLEDKia Dynamic LEDLEDKia Dynamic LED</dt>
|
|
<dd>더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="productPrice">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\520,000</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>일반 정기 구독</dt>
|
|
<dd>\12,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="">
|
|
<div class="relatedListItem">
|
|
<div class="itemInner">
|
|
<div class="itemLeft">
|
|
<p class="img"><img src="../assets/images/kia/product-img/producy-temp5.png" alt="이미지 상품명" /></p>
|
|
<div class="productName">
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic</dt>
|
|
<dd>더 특별하 게 더 반짝이게</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="productPrice">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\520,000</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>일반 정기 구독</dt>
|
|
<dd>\12,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--관련상품-->
|
|
|
|
<!--//footer-->
|
|
<div class="floating_menu">
|
|
<a href="/kr/service/faq.html" class="floating_faq"><img src="../assets/images/common/floating_inquiry.png" alt="자주하는 질문" /></a>
|
|
<a href="/kr/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="/kr/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="/kr/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();
|
|
|
|
if ($(".youtubeArea").hasClass("youtubeArea_pdp") === true) {
|
|
var youtube_id = $(".youtubeArea_pdp").attr("value");
|
|
var youtube_frame = '<iframe src="https://www.youtube.com/embed/' + youtube_id + '?controls=1&rel=0&showsearch=0" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
|
|
$(".youtubeArea_pdp").html(youtube_frame);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|