1차 수정3

This commit is contained in:
hyeonggil
2024-07-17 11:55:43 +09:00
parent c22b62e2f1
commit de1899900c
9 changed files with 1003 additions and 287 deletions

View File

@@ -267,7 +267,8 @@
background-position: left top !important;
}
}
.contentsTypeNew.caseAs ul.case02 li strong, .contentsTypeNew.caseAs ul.case02 li p {
.contentsTypeNew.caseAs ul.case02 li strong,
.contentsTypeNew.caseAs ul.case02 li p {
font-size: 14px;
line-height: 22px;
color: #676767;
@@ -674,7 +675,8 @@
margin-bottom: 15px;
width: 100%;
padding-bottom: 15px;
-ms-overflow-style: none; /* IE and Edge */
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
}
@media (max-width: 500px) {
@@ -942,7 +944,8 @@
}
}
@media (max-width: 680px) {
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap .item, .contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap p {
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap .item,
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap p {
width: 100%;
}
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap .item + .item {
@@ -1361,7 +1364,8 @@
.contentsTypeNew .storeGuideItem ul.caseWide2 li:not(:last-child) {
margin-right: 20px;
}
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar, .contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar,
.contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
bottom: 0;
left: 0;
right: 0;
@@ -1372,7 +1376,8 @@
background: #C3C6C8;
opacity: 1 !important;
}
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
.contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
border-radius: 0;
background: #05141F;
}
@@ -1382,21 +1387,26 @@
.contentsTypeNew .storeGuideItem .swiper-scrollbar-lock + .swiper-scrollbar-after-space {
display: none;
}
.contentsTypeNew .storeGuideItem .swiper-button-next, .contentsTypeNew .storeGuideItem .swiper-button-prev {
.contentsTypeNew .storeGuideItem .swiper-button-next,
.contentsTypeNew .storeGuideItem .swiper-button-prev {
top: 250px;
margin-top: 0;
width: 55px;
height: 55px;
background: url("/kr/assets/images/kia/contents/arrowSwipe.svg") no-repeat center;
}
.contentsTypeNew .storeGuideItem .swiper-button-next::after, .contentsTypeNew .storeGuideItem .swiper-button-next.swiper-button-disabled, .contentsTypeNew .storeGuideItem .swiper-button-prev::after, .contentsTypeNew .storeGuideItem .swiper-button-prev.swiper-button-disabled {
.contentsTypeNew .storeGuideItem .swiper-button-next::after, .contentsTypeNew .storeGuideItem .swiper-button-next.swiper-button-disabled,
.contentsTypeNew .storeGuideItem .swiper-button-prev::after,
.contentsTypeNew .storeGuideItem .swiper-button-prev.swiper-button-disabled {
display: none;
}
.contentsTypeNew .storeGuideItem .swiper-button-next.case, .contentsTypeNew .storeGuideItem .swiper-button-prev.case {
.contentsTypeNew .storeGuideItem .swiper-button-next.case,
.contentsTypeNew .storeGuideItem .swiper-button-prev.case {
top: 132px;
}
@media (max-width: 1400px) {
.contentsTypeNew .storeGuideItem .swiper-button-next, .contentsTypeNew .storeGuideItem .swiper-button-prev {
.contentsTypeNew .storeGuideItem .swiper-button-next,
.contentsTypeNew .storeGuideItem .swiper-button-prev {
display: none;
}
}
@@ -1452,7 +1462,8 @@
.contentsTypeNew .storeGuideItem ul.caseWide li, .contentsTypeNew .storeGuideItem ul.caseWide2 li {
width: 100%;
}
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar, .contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar,
.contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
width: calc(100% - 40px);
}
.contentsTypeNew .storeGuideItem .swiper-scrollbar-after-space {
@@ -1589,7 +1600,8 @@
}
}
@media (max-width: 640px) {
.contentsTypeNew .caseMagazineView > div, .contentsTypeNew .caseMagazineView img {
.contentsTypeNew .caseMagazineView > div,
.contentsTypeNew .caseMagazineView img {
width: 100%;
padding-right: 0 !important;
padding-left: 0 !important;
@@ -1737,7 +1749,8 @@
}
.contentsTypeNew .comp_youtube .youtubeArea {
position: relative;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
padding-bottom: 56.25%;
/* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
height: 0;
}
@@ -1879,7 +1892,8 @@
.comp_1x_w_v_c_e2 .youtubeArea {
position: relative;
margin-top: 6rem;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
padding-bottom: 56.25%;
/* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;
@@ -2179,13 +2193,4 @@
text-overflow: ellipsis;
overflow: hidden;
}
.indent {
display: flex !important;
}
.indent em {
display: block;
white-space: nowrap;
margin-right: 4px;
}
/*# sourceMappingURL=contents.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 237 KiB

After

Width:  |  Height:  |  Size: 592 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 250 KiB

View File

@@ -256,8 +256,8 @@
<span style="color: #676767; display: block; padding-top: 15px;">
※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.
</span>
<span class="indent" style="color: #676767; display: block; padding-top: 8px;">
<em>※ 기본 제공 기능 :</em> 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
<span style="color: #676767; display: block; padding-top: 8px;">
<em style="display: block;">※ 기본 제공 기능 :</em> 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
</span>
</p>

View File

@@ -57,8 +57,8 @@
<span style="color: #676767; display: block; padding-top: 15px;">
※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.
</span>
<span class="indent" style="color: #676767; display: block; padding-top: 8px; letter-spacing: -0.05em;">
※ 기본 제공 기능 : 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
<span style="color: #676767; display: block; padding-top: 8px;">
<em style="display: block;">※ 기본 제공 기능 :</em> 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
</span>
</p>

View File

@@ -251,7 +251,9 @@
<a href="../info/product-usage-guide-nba.html" style="background-image: url('../assets/images/kia/contents/imgUsageList05.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>NBA 디스플레이 테마</b></a>
<a href="../info/product-usage-guide-incargame.html" style="background-image: url('../assets/images/kia/contents/imgUsageList06.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>아케이드 게임</b></a>
<a href="../info/product-usage-guide-srs.html" style="background-image: url('../assets/images/kia/contents/imgUsageList07.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스마트 회생 시스템 플러스</b></a>
<a href="../info/product-usage-guide-streamingPremium.html" style="background-image: url('../assets/images/kia/contents/imgUsageList08.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄</b></a>
<a href="#" style="background-image: url('../assets/images/kia/contents/imgUsageList08_comingsoon.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄 (Coming Soon)</b></a>
<!-- [D] 스트리밍 프리미엄 오픈시 버전 -->
<!-- <a href="../info/product-usage-guide-streamingPremium.html" style="background-image: url('../assets/images/kia/contents/imgUsageList08.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄</b></a> -->
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList02.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>라이팅 패턴<br>이용방법</b></a>
<a href="../info/product-usage-guide-rspa2" style="background-image: url('../assets/images/kia/contents/imgUsageList01.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>원격 스마트 주차 보조 2(RSPA 2)<br>이용방법</b></a>

View File

@@ -52,7 +52,10 @@
<a href="../info/product-usage-guide-incargame.html" style="background-image: url('../assets/images/kia/contents/imgUsageList05.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>NBA 디스플레이 테마</b></a>
<a href="../info/product-usage-guide-incargame.html" style="background-image: url('../assets/images/kia/contents/imgUsageList06.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>아케이드 게임</b></a>
<a href="../info/product-usage-guide-incargame.html" style="background-image: url('../assets/images/kia/contents/imgUsageList07.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스마트 회생 시스템 플러스</b></a>
<a href="../info/product-usage-guide-incargame.html" style="background-image: url('../assets/images/kia/contents/imgUsageList08.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄</b></a>
<a href="#" style="background-image: url('../assets/images/kia/contents/imgUsageList08_comingsoon.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄 (Coming Soon)</b></a>
<!-- [D] 스트리밍 프리미엄 오픈시 버전 -->
<!-- <a href="../info/product-usage-guide-streamingPremium.html" style="background-image: url('../assets/images/kia/contents/imgUsageList08.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄</b></a> -->
<a href="../info/product-usage-guide-lighting" style="background-image: url('../assets/images/kia/contents/imgUsageList02.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>라이팅 패턴<br>이용방법</b></a>
<a href="../info/product-usage-guide-rspa2" style="background-image: url('../assets/images/kia/contents/imgUsageList01.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>원격 스마트 주차 보조 2(RSPA 2)<br>이용방법</b></a>