gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pdp/사양안내 업로드

Browse Source
This commit is contained in:
hyeonggil
2024-06-19 17:56:18 +09:00
parent 6f7e860912
commit f21d830235
22 changed files with 248 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
assets/css/pdp_detail.css
View File

@@ -1940,6 +1940,12 @@
width: 100%;
max-width: 192rem;
}
@media (max-width: 768px) {
.displayTheme .visualBg {
overflow: hidden;
height: 143vw;
}
}
.displayTheme .visualBg img {
width: 100%;
}
@@ -2255,6 +2261,18 @@
font-size: 2rem;
}
}
.displayTheme.welcome-goodbye {
margin-top: 8rem;
}
.displayTheme.welcome-goodbye .comp_body + .comp_body {
margin-top: 10rem;
}
.displayTheme.welcome-goodbye .comp_body .text_area {
margin-bottom: 2rem;
}
.displayTheme.welcome-goodbye .comp_body video {
width: 100%;
}
.displayThemeDtl .swiper-navigation > * {
top: 210px;
@@ -2275,9 +2293,9 @@
.displayThemeDtl .swiper-pagination {
top: 46.4rem;
}
@media (max-width: 768px) {
@media (max-width: 1200px) {
.displayThemeDtl .swiper-pagination {
top: 13.4rem;
top: 36.4vw;
}
}
.displayThemeDtl .swiper-pagination .swiper-pagination-bullet {
@@ -2550,6 +2568,11 @@
border-radius: 0.8rem;
overflow: hidden;
}
@media (max-width: 768px) {
.inCarGame + .comp_1x_b_v_s_b .image_area video {
width: 100%;
}
}
@media (max-width: 768px) {
.inCarGame + .comp_1x_b_v_s_b {
margin-top: 4rem;
@@ -2617,22 +2640,56 @@
margin-top: 0.7rem;
}
.inCarGame .inCarGameDtlThumb .swiper-slide {
overflow: hidden;
position: relative;
height: 14.85rem;
border-radius: 0.8rem;
cursor: pointer;
}
@media (max-width: 768px) {
.inCarGame .inCarGameDtlThumb .swiper-slide {
height: 4.5rem;
}
}
.inCarGame .inCarGameDtlThumb .swiper-slide.video-slideThumb:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%);
width: 60px;
height: 61px;
background: url(../images/kia/pdp/in_car_game/btn_play.png) no-repeat center/contain;
}
@media (max-width: 768px) {
.inCarGame .inCarGameDtlThumb .swiper-slide.video-slideThumb:before {
width: 30px;
height: 31px;
opacity: 0.75;
}
}
.inCarGame .inCarGameDtlThumb .swiper-slide img {
display: block;
max-width: 100%;
border-radius: 0.8rem;
overflow: hidden;
}
.inCarGame .inCarGameDtlThumb .swiper-slide video {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 100%;
}
.inCarGame .inCarGameDtlThumb .swiper-slide:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
border-radius: 0.8rem;