diff --git a/info/buying-Installation-guide-installation.php b/info/buying-Installation-guide-installation.php
index 6cc676a..e033f02 100644
--- a/info/buying-Installation-guide-installation.php
+++ b/info/buying-Installation-guide-installation.php
@@ -96,26 +96,42 @@
                         </ul>
                     </div>
                 </div>
+                
+                <!-- 2024-07-04 수정 -->
+                <div class="tabWarp">
+                    <a href="javascript:void(0)" class="tabActive">일반</a>
+                    <a href="javascript:void(0)">테마형</a>
+                    <a href="javascript:void(0)" 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>
                     
                     <div class="swiper swiper1">
                         <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/guideStoreInstallationNew01_1.jpg" alt="차량에 탑승해서 시동을 겁니다.">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/guideStoreInstallationNew01_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/guideStoreInstallationNew01_2.jpg" alt="설치 진행을 위해 AVNT 안내 메시지 확인 후 시동을 끕니다.">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/guideStoreInstallationNew01_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/guideStoreInstallationNew01_3.jpg" alt="시동을 끄면 AVNT 안내가 나오면 설치 진행을 위해 '지금 설치'를 클릭해주십시오.">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/guideStoreInstallationNew01_3.jpg" alt="시동을 끄면 AVNT 안내가 나오면 설치 진행을 위해 '지금 설치'를 클릭해주십시오.">
                                 <b>STEP 03</b>
                                 <p class="caseBlack">
                                     시동을 끄고 인포테인먼트 안내가 나오면 설치 진행을 위해 '지금 설치'를 클릭해주세요.
@@ -127,17 +143,17 @@
                                 </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/guideStoreInstallationNew01_4.jpg" alt="디지털 사양을 설치합니다. 소요시간은 네트워크 환경에 따라 달라질 수 있습니다.">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/guideStoreInstallationNew01_4.jpg" alt="디지털 사양을 설치합니다. 소요시간은 네트워크 환경에 따라 달라질 수 있습니다.">
                                 <b>STEP 04</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/guideStoreInstallationNew01_5.jpg" alt="설치 완료 메시지 확인 후 사양 이용을 위해 시동을 켜주세요.">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/guideStoreInstallationNew01_5.jpg" alt="설치 완료 메시지 확인 후 사양 이용을 위해 시동을 켜주세요.">
                                 <b>STEP 05</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/guideStoreInstallationNew01_6.jpg" alt="이용 안내 메시지 확인하세요.">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/guideStoreInstallationNew01_6.jpg" alt="이용 안내 메시지 확인하세요.">
                                 <b>STEP 06</b>
                                 <p class="caseBlack">이용 안내 메시지 확인하세요.</p>
                             </li>
@@ -148,6 +164,59 @@
                     <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="/kr/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="/kr/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="/kr/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="/kr/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>
+                <!--// 2024-07-04 수정 -->
 
                 <section class="caseService">
                     <header>
diff --git a/info/product-usage-guide-nba.php b/info/product-usage-guide-nba.php
new file mode 100644
index 0000000..94dbc1e
--- /dev/null
+++ b/info/product-usage-guide-nba.php
@@ -0,0 +1,264 @@
+<?php $bland_code = "kia"; ?>
+<!--
+    //메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
+    //브랜드 별 경로에 따라 해당 코드를 변경해주세요.
+-->
+<?php $gnbStyleCode = "hskey"; ?>
+<!-- 
+    페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
+ -->
+
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>제품상세명 &gt; 제품리스트 &gt; 회사명</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">&nbsp;</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">NBA 디스플레이 테마 이용방법</h2>
+            <img src="/kr/assets/images/kia/contents/imgCaseInfo_nba.jpg" alt="NBA 디스플레이 테마 이용방법" 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">NBA 디스플레이 테마</h3>
+                <p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                    계기판/인포테인먼트 시스템 디자인을 NBA 30개 팀 테마로 변경하여 운전자의 특별한 개성을 표현할 수 있습니다. 테마 다운로드에는 약 5분(환경에 따라 상이)이 소요되며 적용을 위해  재시동이 필요합니다.
+                    <span style="color: #676767; display: block; padding-top: 15px;">※ 테마는 최대 3개만 다운로드하여 저장 가능하며, 삭제 / 재설치가 가능합니다.</span>
+                </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>
+            
+            <div class="functionTab" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                <ul>
+                    <li class="active"><button><b>테마 다운로드 / 적용</b></button></li>
+                    <li><button><b>테마 삭제</b></button></li>
+                </ul>
+            </div>
+
+            <script>
+                $(document).ready(function() {
+                    const btn = $(".selectInner_new2").find(".btn-select");
+                    const list = $(".selectInner_new2").find(".list-member");
+                    $(document).on("click",".selectInner_new2 .btn-select",function(){
+                        $(this).toggleClass("on");
+                    });
+                    $(document).on("click",".selectInner_new2 .list-member li button",function(event){
+                        if (event.target.nodeName === "BUTTON") {
+                            btn.html(event.target.innerText);
+                            btn.removeClass('on');
+                            var tabIndex = $(this).parent().index() +1;
+                            $('.caseFunction>section:nth-of-type('+tabIndex+')').show().siblings('section').hide();
+                        }
+                    });
+                });
+            </script>
+
+            <div class="selectInner_new2">
+                <div class="cont-select">
+                    <button class="btn-select">테마 다운로드 / 적용</button>
+                    <ul class="list-member">
+                        <li><button>테마 다운로드 / 적용</button></li>
+                        <li><button>테마 삭제</button></li>
+                    </ul>
+                </div>
+            </div>
+
+            <section class="functionDetail active" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                <section class="storeGuideItem">
+                    <header class="case">
+                        <h4 class="titleCase03">테마 다운로드 / 적용 방법</h4>
+                        <strong>7 STEP</strong>
+                    </header>
+
+                    <div class="swiper swiper1">
+                        <ul class="swiper-wrapper caseWide">
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_1.jpg" alt="인포테인먼트 화면에서 설정 메뉴에 진입">
+                                <b>STEP 01</b>
+                                <p class="caseBlack txtCase01">인포테인먼트 화면에서 설정 메뉴에 진입합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_2.jpg" alt="'설정 메뉴에서 화면구성 서브메뉴에 진입">
+                                <b>STEP 02</b>
+                                <p class="caseBlack txtCase01">설정 메뉴에서 화면구성 서브메뉴에 진입합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_3.jpg" alt="좌측상단의 디스플레이 테마에서 미리보기">
+                                <b>STEP 03</b>
+                                <p class="caseBlack txtCase01">좌측상단의 디스플레이 테마에서 미리보기가 가능합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_4.jpg" alt="구매한 사양은 다운로드 버튼이 활성화되며 터치 시 다운로드">
+                                <b>STEP 04</b>
+                                <p class="caseBlack txtCase01">구매한 사양은 다운로드 버튼이 활성화되며 터치 시 다운로드가 진행됩니다.(약 5분 소요)</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_5.jpg" alt="다운로드가 완료되면 재부팅을 진행">
+                                <b>STEP 05</b>
+                                <p class="caseBlack txtCase01">다운로드가 완료되면 재부팅을 진행합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_6.jpg" alt="프로필별로 설정">
+                                <b>STEP 06</b>
+                                <p class="caseBlack txtCase01">프로필별로 설정 가능합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_7.jpg" alt="로그인하면 적용된 테마를 확인">
+                                <b>STEP 07</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>
+
+            <section class="functionDetail">
+                <section class="storeGuideItem">
+                    <header class="case">
+                        <h4 class="titleCase03">테마 삭제 방법</h4>
+                        <strong>8 STEP</strong>
+                    </header>
+
+                    <div class="swiper swiper1">
+                        <ul class="swiper-wrapper caseWide">
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_1.jpg" alt="인포테인먼트 화면에서 설정 메뉴에 진입">
+                                <b>STEP 01</b>
+                                <p class="caseBlack txtCase01">인포테인먼트 화면에서 설정 메뉴에 진입합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_2.jpg" alt="'설정 메뉴에서 화면구성 서브메뉴에 진입">
+                                <b>STEP 02</b>
+                                <p class="caseBlack txtCase01">설정 메뉴에서 화면구성 서브메뉴에 진입합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba01_3.jpg" alt="좌측상단의 디스플레이 테마 메뉴를 터치">
+                                <b>STEP 03</b>
+                                <p class="caseBlack txtCase01">좌측상단의 디스플레이 테마 메뉴를 터치합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba02_4.jpg" alt="좌측하단 햄버거 메뉴를 터치하고 삭제 메뉴">
+                                <b>STEP 04</b>
+                                <p class="caseBlack txtCase01">좌측하단 햄버거 메뉴를 터치하고 삭제 메뉴를 터치합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba02_5.jpg" alt="삭제할 팀 테마를 선택">
+                                <b>STEP 05</b>
+                                <p class="caseBlack txtCase01">삭제할 팀 테마를 선택합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba02_6.jpg" alt="테마가 선택된 상태에서 삭제 버튼을 터치">
+                                <b>STEP 06</b>
+                                <p class="caseBlack txtCase01">테마가 선택된 상태에서 삭제 버튼을 터치합니다.</p>
+                            </li>
+                            <li class="swiper-slide">
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba02_7.jpg" alt="삭제 진행">
+                                <b>STEP 07</b>
+                                <p class="caseBlack txtCase01">삭제가 진행됩니다.(약 2분 소요)</p>
+                            </li>
+                            <li class="swiper-slide"> 
+                                <img class="noBorder" src="/kr/assets/images/kia/contents/nba02_8.jpg" alt="삭제 완료">
+                                <b>STEP 08</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>
+        </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>
+
+
+
+
+
+
diff --git a/info/product-usage-guide-srs.php b/info/product-usage-guide-srs.php
new file mode 100644
index 0000000..49e88e0
--- /dev/null
+++ b/info/product-usage-guide-srs.php
@@ -0,0 +1,237 @@
+<?php $bland_code = "kia"; ?>
+<!--
+    //메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
+    //브랜드 별 경로에 따라 해당 코드를 변경해주세요.
+-->
+<?php $gnbStyleCode = "hskey"; ?>
+<!-- 
+    페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
+ -->
+
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>제품상세명 &gt; 제품리스트 &gt; 회사명</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">&nbsp;</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="/kr/assets/images/kia/contents/imgCaseInfo_srsp.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">
+                            스마트 회생 시스템 3.0(정차 제어 등 기본 제공)에 플러스 기능(내비게이션 연동 감속기능 5종)을 구매하여 사용할 수 있습니다. 
+                            이 기능들이 정상적으로 작동하려면 내비게이션 목적지를 설정하면 보다 정확한 정보에 기반한 서비스를 제공합니다.
+                            <span style="color: #676767; display: block; padding-top: 15px;">※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.</span>
+                        </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>
+
+                    <div class="functionTab" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                        <ul>
+                            <li class="active"><button><b>사양이용</b></button></li>
+                            <li><button><b>기능설정</b></button></li>
+                        </ul>
+                    </div>
+
+                    <script>
+                        $(document).ready(function() {
+                            const btn = $(".selectInner_new2").find(".btn-select");
+                            const list = $(".selectInner_new2").find(".list-member");
+                            $(document).on("click",".selectInner_new2 .btn-select",function(){
+                                $(this).toggleClass("on");
+                            });
+                            $(document).on("click",".selectInner_new2 .list-member li button",function(event){
+                                if (event.target.nodeName === "BUTTON") {
+                                    btn.html(event.target.innerText);
+                                    btn.removeClass('on');
+                                    var tabIndex = $(this).parent().index() +1;
+                                    $('.caseFunction>section:nth-of-type('+tabIndex+')').show().siblings('section').hide();
+                                }
+                            });
+                        });
+                    </script>
+
+                    <div class="selectInner_new2">
+                        <div class="cont-select">
+                            <button class="btn-select">사양이용</button>
+                            <ul class="list-member">
+                                <li><button>사양이용</button></li>
+                                <li><button>기능설정</button></li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <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>1 STEP</strong>
+                        </header>
+
+                        <div class="swiper swiper1">
+                            <ul class="swiper-wrapper caseWide">
+                                <li class="swiper-slide">
+                                    <img class="noBorder" src="/kr/assets/images/kia/contents/srsp01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
+                                    <b>STEP 01</b>
+                                    <p class="caseBlack txtCase01">오른쪽 패들 시프트 레버를 약 0.5초 이상 당겨서 홀딩하면 
+                                        스마트 회생 시스템이 작동되며, 클러스터에 단계 별로 
+                                        표시되던 회생 제동량이 'AUTO' 표시등으로 전환 됩니다.</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 class="functionDetail">
+
+                        <section class="storeGuideItem">
+                            <header class="case" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <h4 class="titleCase03">거리 단계 조절</h4>
+                                <strong>2 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 src="/kr/assets/images/kia/contents/srsp02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
+                                        <b>STEP 01</b>
+                                        <p class="caseBlack txtCase01">스마트 회생 시스템 기능 설정을 위해 인포테인먼트 
+                                            시스템 홈 화면의 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="/kr/assets/images/kia/contents/srsp02_2.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
+                                        <b>STEP 02</b>
+                                        <p class="caseBlack txtCase01">스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정하여 앞 차와의 거리를 조절 할 수 
+                                            있습니다.</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 btnNextSlide4"></div>
+                            <div class="swiper-button-prev btnPrevSlide4"></div>
+                        </section>
+
+                        <section class="storeGuideItem">
+                            <header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <h4 class="titleCase03">내비게이션 연동기능 선택/해제</h4>
+                                <strong>2 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 src="/kr/assets/images/kia/contents/srsp02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
+                                        <b>STEP 01</b>
+                                        <p class="caseBlack txtCase01">스마트 회생 시스템 기능 설정을 위해 인포테인먼트 
+                                            시스템 홈 화면의 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="/kr/assets/images/kia/contents/srsp03_1.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
+                                        <b>STEP 02</b>
+                                        <p class="caseBlack txtCase01">스마트 회생제동 메뉴에서, Kia Connect Store를 통해 구매 한 스마트 회생시스템 플러스 기능은 내비게이션 
+                                            연동 선택/해제를 통해 on/off 할 수 있습니다.</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 btnNextSlide4"></div>
+                            <div class="swiper-button-prev btnPrevSlide4"></div>
+                        </section>
+                    </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>
+
+
+
+
+
+
diff --git a/info/product-usage-guide-streamingPremium.php b/info/product-usage-guide-streamingPremium.php
new file mode 100644
index 0000000..f144959
--- /dev/null
+++ b/info/product-usage-guide-streamingPremium.php
@@ -0,0 +1,265 @@
+<?php $bland_code = "kia"; ?>
+<!--
+    //메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
+    //브랜드 별 경로에 따라 해당 코드를 변경해주세요.
+-->
+<?php $gnbStyleCode = "hskey"; ?>
+<!-- 
+    페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
+ -->
+
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>제품상세명 &gt; 제품리스트 &gt; 회사명</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">&nbsp;</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="/kr/assets/images/kia/contents/streamingPremium.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">
+                            사양 구매 후 차량 내  메인 메뉴에서 ‘시네마 및 엔터테인먼트’ 기능을
+                            이용할 수 있으며, ‘미디어’ 기능에서 뮤직 스트리밍 앱의 고음질 음원을 이용 할 수 있습니다. 또한, LG webOS를 활용한 다양한 OTT 및 앱 이용이 
+                            가능합니다.
+                            <span style="color: #676767; display: block; padding-top: 15px;">※ 기아 커넥트 서비스가 유지 상태여야 이용할 수 있습니다.</span>
+                        </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>
+
+                    <div class="functionTab" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                        <ul>
+                            <li class="active"><button><b>엔터테인먼트</b></button></li>
+                            <li><button><b>고음질 스트리밍/시네마</b></button></li>
+                        </ul>
+                    </div>
+
+                    <script>
+                        $(document).ready(function() {
+                            const btn = $(".selectInner_new2").find(".btn-select");
+                            const list = $(".selectInner_new2").find(".list-member");
+                            $(document).on("click",".selectInner_new2 .btn-select",function(){
+                                $(this).toggleClass("on");
+                            });
+                            $(document).on("click",".selectInner_new2 .list-member li button",function(event){
+                                if (event.target.nodeName === "BUTTON") {
+                                    btn.html(event.target.innerText);
+                                    btn.removeClass('on');
+                                    var tabIndex = $(this).parent().index() +1;
+                                    $('.caseFunction>section:nth-of-type('+tabIndex+')').show().siblings('section').hide();
+                                }
+                            });
+                        });
+                    </script>
+
+                    <div class="selectInner_new2">
+                        <div class="cont-select">
+                            <button class="btn-select">엔터테인먼트</button>
+                            <ul class="list-member">
+                                <li><button>엔터테인먼트</button></li>
+                                <li><button>고음질 스트리밍/시네마</button></li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <section class="functionDetail active">
+                        <section class="storeGuideItem" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                            <header class="case">
+                                <h4 class="titleCase03">컨텐츠 앱 설정 방법</h4>
+                                <strong>3 STEP</strong>
+                            </header>
+    
+                            <div class="swiper swiper1">
+                                <ul class="swiper-wrapper caseWide">
+                                    <li class="swiper-slide">
+                                        <img class="noBorder" src="/kr/assets/images/kia/contents/sprem01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
+                                        <b>STEP 01</b>
+                                        <p class="caseBlack txtCase01">
+                                            사양 구매 후, 엔터테인먼트 카드에 진입합니다.<br>
+                                            홈 화면 > 메뉴 > 엔터테인먼트<br>
+                                            (별도의 설치과정이 필요하지 않습니다)
+                                        </p>
+                                    </li>
+                                    <li class="swiper-slide">
+                                        <img class="noBorder" src="/kr/assets/images/kia/contents/sprem01_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
+                                        <b>STEP 02</b>
+                                        <p class="caseBlack txtCase01">
+                                            좌우로 스크롤링하여 컨텐츠를 탐색/선택합니다.
+                                        </p>
+                                    </li>
+                                    <li class="swiper-slide">
+                                        <img class="noBorder" src="/kr/assets/images/kia/contents/sprem01_3.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
+                                        <b>STEP 03</b>
+                                        <p class="caseBlack txtCase01">
+                                            새로운 앱을 추가로 다운받을 때에는 Apps를 클릭합니다.<br>
+                                            앱을 선택하여 다운로드 받습니다.<br>
+                                            엔터테인먼트 > Apps > 앱 선택
+                                        </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 class="storeGuideItem" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                            <header class="case">
+                                <h4 class="titleCase03">컨텐츠 이용 방법</h4>
+                                <strong>3 STEP</strong>
+                            </header>
+    
+                            <div class="swiper swiper1">
+                                <ul class="swiper-wrapper caseWide">
+                                    <li class="swiper-slide">
+                                        <img class="noBorder" src="/kr/assets/images/kia/contents/sprem01_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
+                                        <b>STEP 01</b>
+                                        <p class="caseBlack txtCase01">
+                                            좌우로 스크롤링하여 컨텐츠를 탐색/선택합니다.
+                                        </p>
+                                    </li>
+                                    <li class="swiper-slide">
+                                        <img class="noBorder" src="/kr/assets/images/kia/contents/sprem02_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
+                                        <b>STEP 02</b>
+                                        <p class="caseBlack txtCase01">
+                                            (선택사항) 컨텐츠 사에 따라 별도 유료 계정이 필요할 수 있습니다. <br>
+                                            이 경우에는 화면에서 로그인을 실행 해주세요
+                                        </p>
+                                    </li>
+                                    <li class="swiper-slide">
+                                        <img class="noBorder" src="/kr/assets/images/kia/contents/sprem02_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>
+
+                    <section class="functionDetail">
+
+                        <section class="storeGuideItem">
+                            <header class="case" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                                <h4 class="titleCase03">컨텐츠 이용 방법</h4>
+                                <!-- <strong>2 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 src="/kr/assets/images/kia/contents/sprem01_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
+                                        <b>STEP 01</b>
+                                        <p class="caseBlack txtCase01">
+                                            기존 스트리밍 플러스 이용 방안과 동일합니다.<br><br>
+                                            <a href="https://connectstore.kia.com/kr/info/product-usage-guide-streaming" style="color:#000;text-decoration: underline;">https://connectstore.kia.com/kr/info/product-usage-guide-streaming</a>
+                                        </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 btnNextSlide4"></div>
+                            <div class="swiper-button-prev btnPrevSlide4"></div>
+                        </section>
+                    </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>
+
+
+
+
+
+