스트리밍 프리미엄 수정 완료
hyeonggil
@@ -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) {
|
||||
|
||||
BIN
assets/images/kia/pdp/streaming_premium/img_spec_index.png
Normal file
|
After Width: | Height: | Size: 5.2 KiB |
BIN
assets/images/kia/pdp/streaming_premium/img_spec_m2.png
Normal file
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 415 KiB |
|
After Width: | Height: | Size: 355 KiB |
|
After Width: | Height: | Size: 614 KiB |
|
Before Width: | Height: | Size: 614 KiB After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 498 KiB |
|
Before Width: | Height: | Size: 498 KiB After Width: | Height: | Size: 499 KiB |
BIN
assets/images/kia/pdp/streaming_premium/theme1_screen.jpg
Normal file
|
After Width: | Height: | Size: 669 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 154 KiB |
@@ -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>
|
||||
|
||||
|
||||