스트리밍 프리미엄 수정 완료

This commit is contained in:
hyeonggil
2024-09-24 20:49:28 +09:00
parent f9e89c516b
commit 51e853761d
17 changed files with 4030 additions and 3975 deletions

View File

@@ -3418,7 +3418,7 @@
left: -65px;
width: 5rem;
height: 5rem;
border: 1px solid #D3D3D3;
border: 1px solid #d3d3d3;
border-radius: 50%;
background: rgb(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center/15px auto;
}
@@ -3455,10 +3455,6 @@
background-color: #000;
}
.scroll_area {
overflow: hidden;
overflow-x: auto;
}
.scroll_area .web {
display: block;
}
@@ -3469,10 +3465,41 @@
}
.scroll_area .mobile {
display: none;
position: relative;
padding-top: 3rem;
}
.scroll_area .mobile:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 16px;
background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0/contain;
}
.scroll_area .mobile .header {
overflow: hidden;
flex: none;
width: 125px;
height: 460px;
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0/auto 100%;
}
.scroll_area .mobile .cont {
overflow: hidden;
overflow-x: auto;
height: 460px;
}
.scroll_area .mobile .cont:after {
content: "";
display: block;
width: 306px;
height: 100%;
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat -126px 0/auto 100%;
}
@media (max-width: 768px) {
.scroll_area .mobile {
display: block;
display: flex;
}
}
@media (max-width: 768px) {

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.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 315 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 415 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 614 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 614 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 259 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 498 KiB

After

Width:  |  Height:  |  Size: 499 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 669 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 154 KiB

View File

@@ -40,7 +40,7 @@
<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="https://connectstore.kia.com/kr/assets/css/kia/kia.css?v1" type="text/css" />
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
</head>
<body>
<!--//header-->
@@ -368,7 +368,10 @@
<div class="item aos-init aos-animate spec-area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
<div class="scroll_area">
<img src="../assets/images/kia/pdp/streaming_premium/img_spec.png" class="themeImg web" alt="이용 사양" />
<img src="../assets/images/kia/pdp/streaming_premium/img_spec_m.png" class="themeImg mobile" alt="이용 사양" />
<div class="mobile">
<span class="header"></span>
<span class="cont"></span>
</div>
</div>
</div>