스토어이용안애 추가

assets/css/basic.css

@@ -97,4 +97,12 @@ table {
 
 input:disabled {
   background-color: #f3f3f3;
-}
+}
+
+.mgt30 {
+  margin-top: 3rem !important;
+}
+.pdt30 {
+  padding-top: 3rem !important;
+}
+/*# sourceMappingURL=basic.css.map */

assets/css/basic.css.map

@@ -1 +1 @@
-{"version":3,"sources":["basic.scss","basic.css"],"names":[],"mappings":"AAAA;;;CAAA;AAKA;;;;;;;;;;;;;EAaC,SAAA;EACA,UAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,qBAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,6BAAA;ACAD;;ADIA,gDAAA;AACA;;EAEC,cAAA;ACDD;;ADIA;;EACM,+BAAA;EAAiC,mCAAA;EAAoC,0BAAA;EAA2B,8BAAA;EAAgC,2BAAA,EAAA,wCAAA;ACItI;;ADHA;EACC,gBAAA;ACMD;ADJC;;EAEC,oBAAA;EACA,uBAAA;ACMF;ADLE;;EACC,YAAA;ACQH;ADNE;;;EAEC,YAAA;ACSH;ADNE;;EACC,yBAAA;ACSH;;ADHA;EAAM,iBAAA;ACON;;ADNA;;EACM,WAAA;EAAY,kBAAA;EAAoB,sBAAA;EAAyB,gBAAA;ACa/D;;ADXA;EACC,gBAAA;ACcD;;ADZA;EACC,YAAA;ACeD;;ADbA;;EAEC,WAAA;EACA,aAAA;EACG,SAAA;ACgBJ;;ADdA;EACC,yBAAA;EACA,iBAAA;ACiBD;;ADVC;EACC,yBAAA;ACaF","file":"basic.css"}
+{"version":3,"sources":["basic.scss","basic.css"],"names":[],"mappings":"AAAA;;;CAAA;AAKA;;;;;;;;;;;;;EAaC,SAAA;EACA,UAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,qBAAA;EACA,kBAAA;EACA,6BAAA;EACA,yBAAA;EACA,oBAAA;ACAD;;ADIA,gDAAA;AACA;;EAEC,cAAA;ACDD;;ADIA;;EACM,+BAAA;EAAiC,mCAAA;EAAoC,0BAAA;EAA2B,8BAAA;EAAgC,2BAAA,EAAA,wCAAA;ACItI;;ADHA;EACC,gBAAA;ACMD;ADJC;;EAEC,oBAAA;EACA,uBAAA;ACMF;ADLE;;EACC,YAAA;ACQH;ADNE;;;EAEC,YAAA;ACSH;ADNE;;EACC,yBAAA;ACSH;;ADHA;EAAM,iBAAA;ACON;;ADNA;;EAEC,WAAA;EAEA,sBAAA;EACA,gBAAA;ACQD;;ADLA;EACC,gBAAA;ACQD;;ADNA;EACC,YAAA;ACSD;;ADPA;;EAEC,WAAA;EACA,aAAA;EACG,SAAA;ACUJ;;ADRA;EACC,yBAAA;EACA,iBAAA;ACWD;;ADJC;EACC,yBAAA;ACOF;;ADFA;EACC,4BAAA;ACKD","file":"basic.css"}

assets/css/basic.scss

@@ -95,3 +95,6 @@ input{
 }
 
 
+.pdt30 {
+	padding-top:3rem !important;
+}

info/buying-Installation-guide-installation.html

@@ -295,9 +295,24 @@
                         </ul>
                     </div>
                 </div>
+
+                <div class="tabWarp">
+                    <a href="#ongoing" class="tabActive"">일반</a>
+                    <a href="#ended">테마형</a>
+                    <a href="#winner" class="">이용권형</a>
+                </div>
+
+                <script>
+                    $(document).on("click",".tabWarp a",function(event){
+                        $(".tabWarp a").removeClass('tabActive')
+                        $(this).addClass('tabActive');
+                        var tabIndex = $(this).index() +1;
+                        $('.storeGuideItem:nth-of-type('+tabIndex+')').show().siblings('.storeGuideItem').hide();
+                    });
+                </script>
                 <section class="storeGuideItem">
-                    <header>
-                        <h3 class="titleCase02">디지털 사양 설치</h3>
+                    <header class="mgt30">
+                        <h3 class="titleCase02">일반 디지털 사양 설치</h3>
                         <strong>6 STEP</strong>
                     </header>
                     
@@ -347,6 +362,58 @@
                     <div class="swiper-button-next btnNextSlide1 case"></div>
                     <div class="swiper-button-prev btnPrevSlide1 case"></div>
                 </section>
+                <section class="storeGuideItem" style="display: none;">
+                    <header class="mgt30">
+                        <h3 class="titleCase02">테마형 디지털 사양 설치</h3>
+                        <strong>3 STEP</strong>
+                    </header>
+                    
+                    <div class="swiper swiper2">
+                        <ul class="swiper-wrapper caseWide">
+                            <li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <img class="noBorder" src="../assets/images/kia/contents/guideStoreInstallationNew02_1.jpg" alt="차량에 탑승해서 시동을 겁니다.">
+                                <b>STEP 01</b>
+                                <p class="caseBlack">인포테인먼트 시스템 – 설정 – 화면구성 메뉴에 진입해주세요.</p>
+                            </li>
+                            <li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <img class="noBorder" src="../assets/images/kia/contents/guideStoreInstallationNew02_2.jpg" alt="설치 진행을 위해 AVNT 안내 메시지 확인 후 시동을 끕니다.">
+                                <b>STEP 02</b>
+                                <p class="caseBlack">구매한 테마 사양 좌측 위 다운로드 버튼을 눌러주세요.</p>
+                            </li>
+                            <li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <img class="noBorder" src="../assets/images/kia/contents/guideStoreInstallationNew02_3.jpg" alt="시동을 끄면 AVNT 안내가 나오면 설치 진행을 위해 '지금 설치'를 클릭해주십시오.">
+                                <b>STEP 03</b>
+                                <p class="caseBlack">
+                                    약 5분후 설치가 완료되면, 예를 눌러 테마를 적용해주세요.(재시동 필요)
+                                </p>
+                            </li>
+                        </ul>
+                        <div class="swiper-scrollbar"></div>
+                        <div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
+                    </div>
+                    <div class="swiper-button-next btnNextSlide1 case"></div>
+                    <div class="swiper-button-prev btnPrevSlide1 case"></div>
+                </section>
+                <section class="storeGuideItem" style="display: none;">
+                    <header class="mgt30">
+                        <h3 class="titleCase02">이용권형 디지털 사양 설치</h3>
+                        <strong>1 STEP</strong>
+                    </header>
+                    
+                    <div class="swiper swiper3">
+                        <ul class="swiper-wrapper caseWide">
+                            <li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <img class="noBorder" src="../assets/images/kia/contents/guideStoreInstallationNew03_1.jpg" alt="차량에 탑승해서 시동을 겁니다.">
+                                <b>STEP 01</b>
+                                <p class="caseBlack">이용권 사양은 별도 설치없이 디지털 사양을 구매하시면 해당 메뉴에 진입 가능합니다.</p>
+                            </li>
+                        </ul>
+                        <div class="swiper-scrollbar"></div>
+                        <div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
+                    </div>
+                    <div class="swiper-button-next btnNextSlide1 case"></div>
+                    <div class="swiper-button-prev btnPrevSlide1 case"></div>
+                </section>
 
                 <section class="caseService">
                     <header>
@@ -502,6 +569,30 @@
                     prevEl: ".btnPrevSlide1",
                 },
             });
+            var swiper2 = new Swiper(".swiper2", {
+                slidesPerView: "auto",
+                //freeMode: true,
+                scrollbar: {
+                    el: ".swiper-scrollbar",
+                    hide: true,
+                },
+                navigation: {
+                    nextEl: ".btnNextSlide1",
+                    prevEl: ".btnPrevSlide1",
+                },
+            });
+            var swiper3 = new Swiper(".swiper3", {
+                slidesPerView: "auto",
+                //freeMode: true,
+                scrollbar: {
+                    el: ".swiper-scrollbar",
+                    hide: true,
+                },
+                navigation: {
+                    nextEl: ".btnNextSlide1",
+                    prevEl: ".btnPrevSlide1",
+                },
+            });
         </script>
     </body>
 </html>

info/product-usage-guide-srs.html

@@ -352,7 +352,7 @@
                                             시스템 홈 화면의 EV 항목을 선택합니다.</p>
                                     </li>
                                     <li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                                        <img class="noBorder" src="../assets/images/kia/contents/srsp02_2.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
+                                        <img class="noBorder" src="../assets/images/kia/contents/srsp03_1.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
                                         <b>STEP 02</b>
                                         <p class="caseBlack txtCase01">스마트 회생제동 메뉴에서, Kia Connect Store를 통해 구매 한 스마트 회생시스템 플러스 기능은 내비게이션 
                                             연동 선택/해제를 통해 on/off 할 수 있습니다.</p>