Files
fod/kr/product/pdp_boost.html

672 lines
37 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>제품상세명 &gt; 제품리스트 &gt; 회사명</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/product.css?v1" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.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>
<!--//header-->
<div class="hederWarp_n noBoder">
<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="/kr/kia.html#mainProductList" class="menuDepth1 lower">디지털 사양</a>
<div class="menuDepth2Wrap info">
<h3><a href="/kr/kia.html#mainProductList"></a>디지털 사양</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>
</p>
</div>
<div class="stickyRight">
<dl>
<dt>평생 이용</dt>
<dd>₩ 500,000</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/product-img/producy-temp_boost1.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/product-img/producy-temp3.png" 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>부스트</h1>
<p>그 어느때 보다 빠르게, 때론 거칠게</p>
</div>
<div class="priceOption">
<h2>원하시는 구매 옵션을 선택해주세요</h2>
<div class="priceList">
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioOne" value="평생이용 500000" checked>
<label for="radioOne">
<span>평생 이용</span>
<strong>₩ 500,000</strong>
</label>
</div>
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioTwo" value="연 구독 150000">
<label for="radioTwo">
<span>연 구독</span>
<strong>₩ 120,000/월</strong>
</label>
</div>
<div class="radioBtn disabledBtn">
<input type="radio" name="radioBtn" id="radioThree" value="월 구독 150000" disabled>
<label for="radioThree">
<span>월 구독</span>
<strong>₩ 12,000/월</strong>
</label>
</div>
</div>
</div>
<div class="priceTotal">
<dl class="total">
<dt>총 결제 금액</dt>
<dd>₩ 500,000</dd>
</dl>
<div class="paymentButton oneButton">
<button class="PurchaseBtn rightBtn"><p>바로구매</p></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//content-warp-->
<!--에디터 영역-->
<div class="editorWarp">
<div class="editorInner">
<div class="comp_wide comp_1x_w_v_s_e1 boost">
<div class="comp_body">
<div class="text_area">
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
모든 순간에도 두려움 없이
</h3>
<p data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
더 강력해진 토크는 출발 순간의 폭발적인 속도감과 성능을 이끌어냅니다. 역동적인 퍼포먼스를 경험해보세요.
</p>
</div>
</div>
<div class="image_area visualBg">
<img src="../assets/images/kia/pdp/boost/boost_contents_01.png" class="web" alt="부스트 비쥬얼 이미지">
<img src="../assets/images/kia/pdp/boost/boost_contents_01_m.png" class="mobile" alt="부스트 비쥬얼 이미지">
</div>
<div class="bottom">
<div class="comp_body">
<div class="text_area">
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
강력한 가속력
</h3>
<p data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
더욱 강력해진 엔진의 토크와 제로백 시간 단축으로 자동차의 속도감이 달라집니다. 이제 더욱 빠르고 짜릿한 느낌을 경험해 보실 수 있습니다.
</p>
</div>
<div class="contents_area reverse">
<div class="image_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<img src="../assets/images/kia/pdp/boost/boost_contents_02.png" alt="주행 중 운전석 장면">
</div>
<div class="text_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<h4>
전방 모터 토크 350Nm
</h4>
<p>
부스트 기능은 엔진의 성능을 최대치로 끌어올립니다.
토크 출력이 증가하면서 더욱 파워풀하고 과감한 주행 성능을 즐길 수 있습니다.<br><br>
※ '부스트' 구매 및 설치 시 전륜 모터 최대 토크 증대 연계하여 '터레인 모드' 성능이 일부 개선됩니다"
</p>
</div>
</div>
</div>
</div>
</div>
<div class="comp_wide comp_1x_b_h_s_e1 boost">
<div class="comp_body reverse">
<div class="image_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<img src="../assets/images/kia/pdp/boost/boost_contents_03.png" alt="차량 주행 이미지">
</div>
<div class="text_area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<h4>
제로백 5.3초
</h4>
<p>
0-100 km/h 도달 시간이 6.0초에서 5.3초로 감축되어 극명한 차이를 느낄 수 있습니다
</p>
</div>
</div>
</div>
<div class="comp_wide comp_1x_w_v_s_e2 boost">
<div class="comp_body full">
<div class="text_area">
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
부스트 전용 클러스터 테마
</h3>
<p data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
가속에 따라 변화하는 디스플레이는 역동적이고 신나는 주행 경험을 선사합니다.<br>
아래 2가지 방법 통해 부스트 전용 클러스터 테마를 활성화 할 수 있습니다.<br>
<span class="bu">① 차량 클러스터 그래픽 테마 中 'Style C' 선택</span>
<span class="bu">② 차량 클러스터 그래픽 테마 中 '드라이브 모드 연동' 선택 후 차량 클러스터 드라이브 모드에서 '스포츠 모드' 선택</span>
</p>
</div>
<div class="image_area">
<img src="../assets/images/kia/pdp/boost/boost_contents_04.png" alt="부스트 비쥬얼 이미지">
</div>
</div>
</div>
<div class="comp_wide comp_2x_b_h_s_e2 boost">
<div class="comp_body">
<div class="item">
<div class="image_area">
<img src="../assets/images/kia/pdp/boost/boost_contents_08.png" alt="아이콘 이미지">
</div>
<div class="text_area">
<h5>
4WD 차량에 한해서 구매가능
</h5>
<p>
해당 아이템은 사륜구동(4WD) 차량에 한해서 구매하실 수 있습니다. 참고하시길 바랍니다.
</p>
</div>
</div>
<div class="item">
<div class="image_area">
<img src="../assets/images/kia/pdp/boost/boost_contents_09.png" alt="아이콘 이미지">
</div>
<div class="text_area">
<h5>
GTL트림 기본 포함
</h5>
<p>
GTL 트림에는 기본적으로 해당 아이템이 포함되어 있습니다. 참고하시길 바랍니다.
</p>
</div>
</div>
</div>
</div>
<div class="listbtnWarp">
<div class="oneButton">
<a href="https://connectstore.kia.com/kr/info/product-usage-guide-boost"><p>사양 이용안내</p></a>
</div>
</div>
</div>
</div>
<!--에디터 영역-->
<!--관련상품-->
<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>