From 4e029aac764609d65cd18e3651acffc4282aa15a Mon Sep 17 00:00:00 2001 From: "NEW_GIL_HOME\\hyeon" Date: Sat, 26 Apr 2025 15:30:32 +0900 Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=EC=88=98=EC=A0=95=20?= =?UTF-8?q?=EC=A4=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/kia/kiamain.css | 8 + assets/css/kia/kiamain.scss | 167 ++- assets/css/kiamain.css | 1460 +++++++++++++++++++++++++++ assets/css/kiamain.css.map | 1 + assets/js/common.js | 5 +- kia.html | 123 ++- product/pdp_display_theme_0429.html | 22 +- 7 files changed, 1724 insertions(+), 62 deletions(-) create mode 100644 assets/css/kiamain.css create mode 100644 assets/css/kiamain.css.map diff --git a/assets/css/kia/kiamain.css b/assets/css/kia/kiamain.css index a94d425..79f44a4 100644 --- a/assets/css/kia/kiamain.css +++ b/assets/css/kia/kiamain.css @@ -1390,4 +1390,12 @@ margin-top: 0; } } + +.specNoti { + display: block; + max-width: 120rem; + height: 6.5rem; + margin: 0 auto; + background-color: #f1f1f1; +} /*# sourceMappingURL=kiamain.css.map */ \ No newline at end of file diff --git a/assets/css/kia/kiamain.scss b/assets/css/kia/kiamain.scss index 76e433c..2d5a317 100644 --- a/assets/css/kia/kiamain.scss +++ b/assets/css/kia/kiamain.scss @@ -153,7 +153,7 @@ background-size: 0; @media(max-width: 1024px){ position: relative; - display: block; + display: flex; width: 100%; padding: 3rem; background-size: cover; @@ -194,7 +194,7 @@ border: 1px solid #9EA1A2; font-size: 1.3rem; font-weight: 400; - color: #9EA1A2; + color: #000; line-height: 1; &:not(:first-child){ margin-left: 0.3rem; @@ -204,6 +204,20 @@ color: #FFFFFF; border: 1px solid #FFFFFF; } + &.available { + background-color: #5D7D2B; + color: #fff; + @media(max-width: 1024px){ + border: 0; + } + } + &.promotion { + background-color: #F3C300; + color: #000; + @media(max-width: 1024px){ + border: 0; + } + } } } h2 { @@ -243,9 +257,10 @@ .infoBottom { display: flex; justify-content: space-between; - align-items: center; + align-items: flex-end; width: 100%; @media(max-width: 1024px){ + display: block; margin-top: 2.5rem; } .listOtionPrice { @@ -259,58 +274,84 @@ position: relative; display: flex; flex-direction: column; - justify-content: flex-start; + justify-content: space-between; align-items: flex-start; + height: 9.2rem; + padding:1.6rem; + background-color: #F2F2F2; + border-radius: 0.6rem; @media(max-width: 1024px){ - flex-direction: row-reverse; - justify-content: flex-end; + flex-direction: row; flex-wrap: wrap; + align-items: center; + width: 100%; + height: 4.8rem; + padding: 1rem 1.6rem; &:not(:first-child){ margin-top: 1rem; } } dt { - font-size: 1.6rem; + font-size: 1.1rem; font-weight: 400; color: #676767; @media(max-width: 1024px){ position: relative; font-size: 1.4rem; - color: #FFFFFF; - margin-left: 0.8rem; - padding-left: 0.8rem; - &::before { - content: ""; - position: absolute; - top: 0.1rem; - left: 0; - width: 0.1rem; - height: 1.4rem; - background-color: #DEDEDE; - } + color: #000; + margin-left: 0; + padding-left: 0; + // &::before { + // content: ""; + // position: absolute; + // top: 0.1rem; + // left: 0; + // width: 0.1rem; + // height: 1.4rem; + // background-color: #DEDEDE; + // } } } dd { - margin-top: 1rem; + // margin-top: 1.8rem; font-size: 1.6rem; font-weight: 600; color: #000000; - @media(max-width: 1024px){ + @media(max-width: 1024px){ + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: flex-end; margin-top: 0; font-size: 1.4rem; - color: #FFFFFF; - + color: #000; + } + + .price { + @media(max-width: 1024px){ + display: flex; + em { + order: 2; + } + .dc { + order: 1; + margin-right: .4rem; + } + } } - &.discount { - margin:.6rem 0 -1.5rem; + .discount { + display: block; + margin:.6rem 0 0; font-size: 1.4rem; color: #9EA1A2; - @media(max-width: 1024px){ + text-align: left; + @media(max-width: 1024px){ width: 100%; margin:.2rem 0 0; - + color: #9EA1A2; + text-align: right; } b { font-weight: 600; @@ -320,26 +361,29 @@ text-decoration:line-through; } } + .dc { + font-size: 1.4rem; + color: #EA0029; + } } &:not(:first-child){ - margin-left: 1.5rem; - padding-left: 1.5rem; + margin-left: 0.8rem; + // padding-left: 0.8rem; @media(max-width: 1024px){ margin-left: 0; - padding-left: 0; - } - &::before { - content: ""; - position: absolute; - top: 0.2rem; - left: 0; - width: 0.1rem; - height: 4.4rem; - background-color: #DEDEDE; - @media(max-width: 1024px){ - display: none; - } } + // &::before { + // content: ""; + // position: absolute; + // top: 0.2rem; + // left: 0; + // width: 0.1rem; + // height: 4.4rem; + // background-color: #DEDEDE; + // @media(max-width: 1024px){ + // display: none; + // } + // } } } } @@ -1256,4 +1300,43 @@ } +.specNoti { + display: flex; + align-items: center; + max-width: 120rem; + height: 6.5rem; + padding:0 2.4rem; + margin: 6rem auto -3rem; + background-color: #f1f1f1; + + @include maxtablet{ + padding:1.2rem; + margin: -2rem 2rem 2rem; + } + .tag { + display: flex; + align-items: center; + justify-content: center; + padding: 0.5rem 0.8rem; + margin: 0 0.4rem; + border: 1px solid #9EA1A2; + font-size: 1.3rem; + font-weight: 400; + color: #9EA1A2; + line-height: 1; + @include maxtablet{ + font-size: 1.1rem; + color: #FFFFFF; + border: 1px solid #FFFFFF; + } + &.available { + background-color: #5D7D2B; + color: #fff; + } + &.promotion { + background-color: #F3C300; + color: #000; + } + } +} diff --git a/assets/css/kiamain.css b/assets/css/kiamain.css new file mode 100644 index 0000000..c2a9718 --- /dev/null +++ b/assets/css/kiamain.css @@ -0,0 +1,1460 @@ +@charset "UTF-8"; +/*변수*/ +/*반응형 화면 크기*/ +/*css 디폴트는 모바일이 기준*/ +/*반응형, 브라우저 크기가 300px 이하일때*/ +/*반응형, 브라우저 크기가 800px 이상일때*/ +/*@media (min-width: $mobile ) and (max-width: $tablet){*/ +/*반응형, 브라우저 크기가 1025px 이상일때*/ +/*반응형, 브라우저 크기가 1204px 이상일때*/ +/*넓이, 높이 자동 계산함수*/ +/*변수파일 import*/ +@-webkit-keyframes fadein { + from { + opacity: 0.9; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0.9; + } + to { + opacity: 1; + } +} +.contentWarp.main { + margin-bottom: 0; +} +.contentWarp.main .mainWarpInner { + width: 120rem; + margin: 0 auto; +} + +.mainContentsWrap { + width: 100%; + margin: 0 auto; + margin-top: 59rem; + z-index: 1; +} +@media (min-width: 768px) { + .mainContentsWrap { + margin-top: 59rem; + } +} +@media (min-width: 1025px) { + .mainContentsWrap { + margin-top: 64rem; + } +} +@media (min-width: 1240px) { + .mainContentsWrap { + margin-top: 76.8rem; + } +} + +.mainTopCopy { + width: 100%; + max-width: 120rem; + margin: 0 auto; +} +@media (max-width: 1240px) { + .mainTopCopy { + padding: 0 2rem; + } +} +@media (max-width: 1024px) { + .mainTopCopy { + display: none; + } +} +.mainTopCopy .title { + font-size: 5.2rem; + font-weight: 600; + color: #000000; + line-height: 5.8rem; +} +.mainTopCopy .description { + margin-top: 2.5rem; + font-size: 1.8rem; + font-weight: 400; + color: #676767; +} + +.mainProductListWrap { + width: 100%; + margin-top: 7rem; +} +@media (max-width: 1024px) { + .mainProductListWrap { + margin-top: 0; + } +} + +@media (max-width: 1024px) { + .mainProductListTop { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + padding: 0 2rem; + } +} + +@media (max-width: 1024px) { + .mainProductListBottom { + display: flex; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: wrap; + padding: 0 2rem; + } +} + +.mainProductItem { + width: 100%; + margin-bottom: 4rem; +} +@media (max-width: 1240px) { + .mainProductItem { + padding: 0 2rem; + } +} +@media (max-width: 1024px) { + .mainProductItem { + width: calc((100% - 2rem) / 2); + padding: 0; + margin-bottom: 2rem; + } +} +@media (max-width: 768px) { + .mainProductItem { + width: 100%; + } +} +.mainProductItem .item { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + max-width: 120rem; + height: 35rem; + overflow: hidden; + margin: 0 auto; + border: 1px solid #DEDEDE; + border-radius: 0.6rem; +} +@media (max-width: 1024px) { + .mainProductItem .item { + height: initial; + aspect-ratio: 32/45; + } +} +.mainProductItem .item .imageArea { + display: block; + width: 35rem; + height: 35rem; + overflow: hidden; +} +@media (max-width: 1024px) { + .mainProductItem .item .imageArea { + display: none; + } +} +.mainProductItem .item .imageArea .productSmallVideo { + position: relative; +} +.mainProductItem .item .imageArea .productSmallVideo video { + width: 35rem; + height: 35rem; +} +.mainProductItem .item .imageArea .productSmallVideo img { + position: absolute; + top: 0; + left: 0; + width: 35rem; + height: 35rem; +} +.mainProductItem .item .infoArea { + width: calc(100% - 35rem); + height: 100%; + padding: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + background-size: 0; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea { + position: relative; + display: flex; + width: 100%; + padding: 3rem; + background-size: cover; + background-position: center; + } + .mainProductItem .item .infoArea::before { + content: ""; + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + background-image: url("/kr/assets/images/kia/producy.png"); + background-repeat: no-repeat; + background-size: contain; + background-position: top left; + } +} +.mainProductItem .item .infoArea.defualt { + display: none; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea.defualt { + display: block; + } + .mainProductItem .item .infoArea.defualt::before { + display: none; + } +} +.mainProductItem .item .infoArea .infoTop { + position: relative; +} +.mainProductItem .item .infoArea .infoTop .tag { + margin-bottom: 2rem; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoTop .tag { + margin-bottom: 1.5rem; + } +} +.mainProductItem .item .infoArea .infoTop .tag span { + display: inline-block; + padding: 0.5rem 0.8rem; + border: 1px solid #9EA1A2; + font-size: 1.3rem; + font-weight: 400; + color: #000; + line-height: 1; +} +.mainProductItem .item .infoArea .infoTop .tag span:not(:first-child) { + margin-left: 0.3rem; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoTop .tag span { + font-size: 1.1rem; + color: #FFFFFF; + border: 1px solid #FFFFFF; + } +} +.mainProductItem .item .infoArea .infoTop .tag span.available { + background-color: #5D7D2B; + color: #fff; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoTop .tag span.available { + border: 0; + } +} +.mainProductItem .item .infoArea .infoTop .tag span.promotion { + background-color: #F3C300; + color: #000; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoTop .tag span.promotion { + border: 0; + } +} +.mainProductItem .item .infoArea .infoTop h2 { + width: 100%; + display: -webkit-box; + white-space: normal; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 2; + font-size: 3.5rem; + font-weight: 600; + color: #000000; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoTop h2 { + color: #FFFFFF; + font-size: 3rem; + } +} +.mainProductItem .item .infoArea .infoTop .descript { + width: 100%; + margin-top: 1rem; + display: -webkit-box; + white-space: normal; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 2; + font-size: 1.6rem; + font-weight: 400; + color: #676767; + line-height: 2.4rem; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoTop .descript { + display: none; + } +} +.mainProductItem .item .infoArea .infoBottom { + display: flex; + justify-content: space-between; + align-items: flex-end; + width: 100%; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom { + display: block; + margin-top: 2.5rem; + } +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice { + display: flex; + justify-content: flex-start; + align-items: flex-start; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice { + display: block; + } +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl { + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + height: 9.2rem; + padding: 1.6rem; + background-color: #F2F2F2; + border-radius: 0.6rem; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl { + flex-direction: row; + flex-wrap: wrap; + align-items: center; + width: 100%; + height: 4.8rem; + padding: 1rem 1.6rem; + } + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl:not(:first-child) { + margin-top: 1rem; + } +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dt { + font-size: 1.1rem; + font-weight: 400; + color: #676767; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dt { + position: relative; + font-size: 1.4rem; + color: #000; + margin-left: 0; + padding-left: 0; + } +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd { + font-size: 1.6rem; + font-weight: 600; + color: #000000; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: flex-end; + margin-top: 0; + font-size: 1.4rem; + color: #000; + } +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .price { + display: flex; + } + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .price em { + order: 2; + } + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .price .dc { + order: 1; + margin-right: 0.4rem; + } +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .discount { + display: block; + margin: 0.6rem 0 0; + font-size: 1.4rem; + color: #9EA1A2; + text-align: left; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .discount { + width: 100%; + margin: 0.2rem 0 0; + color: #9EA1A2; + text-align: right; + } +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .discount b { + font-weight: 600; +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .discount i { + font-weight: 400; + text-decoration: line-through; +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl dd .dc { + font-size: 1.4rem; + color: #EA0029; +} +.mainProductItem .item .infoArea .infoBottom .listOtionPrice dl:not(:first-child) { + margin-left: 0.8rem; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listOtionPrice dl:not(:first-child) { + margin-left: 0; + } +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .infoBottom .listImgBtn { + display: none; + } +} +.mainProductItem .item .infoArea .mobileLinker { + display: none; +} +@media (max-width: 1024px) { + .mainProductItem .item .infoArea .mobileLinker { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + } +} +.mainProductItem .item.defualt .defaultLogo { + display: flex; + justify-content: center; + align-items: center; + width: 100%; +} +@media (max-width: 1024px) { + .mainProductItem .item.defualt .defaultLogo { + display: none; + } +} + +.mainBannerArea { + position: relative; + width: 100%; + max-width: 192rem; + height: 34rem; + margin: 0 auto; + margin-top: 9rem; +} +@media (max-width: 1024px) { + .mainBannerArea { + margin-top: 4rem; + } +} +@media (max-width: 768px) { + .mainBannerArea { + height: auto; + } +} +.mainBannerArea .mainBannerImageArea { + height: 34rem; +} +@media (max-width: 768px) { + .mainBannerArea .mainBannerImageArea { + height: auto; + } +} +.mainBannerArea .mainBannerImageArea .mainBannerPC { + display: block; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +@media (max-width: 768px) { + .mainBannerArea .mainBannerImageArea .mainBannerPC { + display: none; + } +} +.mainBannerArea .mainBannerImageArea .mainBannerMO { + display: none; +} +@media (max-width: 768px) { + .mainBannerArea .mainBannerImageArea .mainBannerMO { + display: block; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + } +} +.mainBannerArea .mainBannerInfo { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.mainBannerArea .mainBannerInfo .mainBannerInfoInner { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + width: 100%; + height: 100%; + max-width: 1200px; + margin: 0 auto; + padding: 6rem 0; +} +@media (max-width: 1240px) { + .mainBannerArea .mainBannerInfo .mainBannerInfoInner { + padding: 3rem 2rem; + } +} +@media (max-width: 768px) { + .mainBannerArea .mainBannerInfo .mainBannerInfoInner { + justify-content: flex-end; + } +} +.mainBannerArea .mainBannerInfo .mainBannerInfoInner .title { + width: 100%; + display: -webkit-box; + white-space: normal; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 2; + font-size: 4rem; + font-weight: 600; + color: #000000; +} +.mainBannerArea .mainBannerInfo .mainBannerInfoInner .text { + width: 100%; + display: -webkit-box; + white-space: normal; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 2; + margin-top: 1rem; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.4rem; + color: #000000; +} +@media (max-width: 768px) { + .mainBannerArea .mainBannerInfo .mainBannerInfoInner .text { + margin-bottom: 2.5rem; + } +} + +.mainBanner .mabannerInner .listImgBtn .oneButton a::after, .mainBanner .mabannerInner .listImgBtn .oneButton a::before { + width: 3rem; +} +@media (min-width: 1240px) { + .mainBanner .mabannerInner .listImgBtn .oneButton a::after, .mainBanner .mabannerInner .listImgBtn .oneButton a::before { + width: 4rem; + } +} + +.mainTopKey { + width: 100%; + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%, 0); +} +@media (min-width: 1025px) { + .mainTopKey { + max-width: 192rem; + } +} +.mainTopKey .mainSwiper { + max-width: 192rem; + width: 100%; + top: 0; + left: 50%; + transform: translate(-50%, 0); + height: 59rem; + background-size: cover; + z-index: 0; +} +@media (min-width: 768px) { + .mainTopKey .mainSwiper { + height: 59rem; + } +} +@media (min-width: 1025px) { + .mainTopKey .mainSwiper { + height: 64rem; + } +} +@media (min-width: 1240px) { + .mainTopKey .mainSwiper { + height: 76.8rem; + } +} +.mainTopKey .mainSwiper::before { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 8rem; + top: 0; + background: linear-gradient(180deg, rgba(5, 20, 31, 0.8) 0%, rgba(5, 20, 31, 0) 100%); + z-index: 2; +} +.mainTopKey .mainSwiper ul li { + displaY: flex; + align-items: center; + height: 59rem; + background-size: cover; +} +@media (min-width: 768px) { + .mainTopKey .mainSwiper ul li { + height: 59rem; + } +} +@media (min-width: 1025px) { + .mainTopKey .mainSwiper ul li { + height: 64rem; + } +} +@media (min-width: 1240px) { + .mainTopKey .mainSwiper ul li { + height: 76.8rem; + } +} +.mainTopKey .mainSwiper ul li .mainText { + width: 100%; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + padding-left: 2rem; + padding-right: 2rem; + z-index: 2; +} +@media (min-width: 1025px) { + .mainTopKey .mainSwiper ul li .mainText { + width: 120rem; + } +} +@media (min-width: 1240px) { + .mainTopKey .mainSwiper ul li .mainText { + padding-left: 0rem; + padding-right: 0rem; + } +} +.mainTopKey .mainSwiper ul li .mainText p { + width: calc(100% - 64px); +} +.mainTopKey .mainSwiper ul li .mainText p strong { + font-size: 3.5rem; + font-weight: 600; +} +@media (min-width: 1025px) { + .mainTopKey .mainSwiper ul li .mainText p strong { + font-size: 8rem; + } +} +.mainTopKey .mainSwiper ul li .mainText p strong, +.mainTopKey .mainSwiper ul li .mainText p span { + displaY: block; + width: 100%; + color: #fff; + line-height: 1.1; +} +.mainTopKey .mainSwiper ul li .mainText .oneButton { + width: 16rem; +} +.mainTopKey .mainSwiper ul li video.mainKvMoviePc { + display: block; +} +@media (max-width: 768px) { + .mainTopKey .mainSwiper ul li video.mainKvMoviePc { + display: none; + } +} +.mainTopKey .mainSwiper ul li video.mainKvMovieMo { + display: none; +} +@media (max-width: 768px) { + .mainTopKey .mainSwiper ul li video.mainKvMovieMo { + display: block; + } +} +.mainTopKey .mainSwiper ul li .imageArea { + position: absolute; + left: 0; + top: 0; + display: flex; + justify-content: center; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + overflow: hidden; +} +.mainTopKey .mainSwiper ul li .imageArea.mainKvImagePc { + display: flex; +} +@media (max-width: 768px) { + .mainTopKey .mainSwiper ul li .imageArea.mainKvImagePc { + display: none; + } +} +.mainTopKey .mainSwiper ul li .imageArea.mainKvImageMo { + display: none; +} +@media (max-width: 768px) { + .mainTopKey .mainSwiper ul li .imageArea.mainKvImageMo { + display: flex; + } +} +.mainTopKey .mainSwiper ul li .imageArea img { + width: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.mainTopKey .mainSwiper .swiper-pagination { + bottom: 3rem; +} +.mainTopKey .mainSwiper .swiper-pagination span { + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #fff; +} +.mainTopKey .kvSwiperBtnArea { + position: absolute; + top: 366px; + width: 100%; + height: 36px; + max-width: 137.6rem; + left: 50%; + transform: translate(-50%); +} +@media (max-width: 1300px) { + .mainTopKey .kvSwiperBtnArea { + display: none; + } +} +.mainTopKey .kvSwiperBtnArea .kvNextBtn::after { + content: ""; + display: block; + width: 1.8rem; + height: 3.6rem; + background-image: url(/kr/assets/images/common/kv-next-btn.svg); + background-repeat: no-repeat; + background-position: center; +} +.mainTopKey .kvSwiperBtnArea .kvPrevBtn::after { + content: ""; + display: block; + width: 1.8rem; + height: 3.6rem; + background-image: url(/kr/assets/images/common/kv-prev-btn.svg); + background-repeat: no-repeat; + background-position: center; +} +.mainTopKey .mycarInfo { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + height: 5rem; + position: absolute; + bottom: 0; + left: 0; + z-index: 1; + background-color: rgba(5, 20, 31, 0.6); +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo { + width: 100%; + height: 8.7rem; + padding-left: 2rem; + padding-right: 2rem; + } +} +@media (min-width: 1240px) { + .mainTopKey .mycarInfo { + max-width: 192rem; + padding-left: 0rem; + padding-right: 0rem; + } +} +.mainTopKey .mycarInfo .mycarInfoInner { + width: 100%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: space-between; +} +@media (min-width: 1240px) { + .mainTopKey .mycarInfo .mycarInfoInner { + width: 120rem; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainComment { + display: none; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainComment { + display: block; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainComment p { + color: #fff; + font-size: 1.6rem; + display: flex; + align-items: center; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainComment p::before { + content: ""; + display: block; + width: 4.3rem; + height: 4.3rem; + margin-right: 1.5rem; + background-image: url(/kr/assets/images/common/icon-car.svg); + background-size: contain; + background-repeat: no-repeat; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum { + width: 100%; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist { + position: relative; + width: 100%; + padding-left: 2rem; + padding-right: 2rem; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist { + width: auto; + display: block; + padding-left: 0rem; + padding-right: 0rem; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span { + color: #F3C300; + font-weight: 400; + displaY: flex; + width: auto; + min-width: 2.2rem; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span { + width: 100%; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span::before { + content: ""; + displaY: block; + width: 1px; + height: 1.4rem; + background-color: #DEDEDE; + margin-left: 1rem; + margin-right: 1rem; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem { + displaY: flex; + height: 5rem; + font-size: 1.4rem; + align-items: center; + cursor: pointer; + color: #676767; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem::after { + content: ""; + width: 2.5rem; + height: 0.8rem; + displaY: block; + background: url("/kr/assets/images/common/icon-wtbarrow.svg") center right no-repeat; + background-size: 1.2rem; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem:hover, .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem:focus { + border: none; + outline: none; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem { + height: 8.7rem; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem.on .carlistItem { + display: block; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem { + display: none; + position: absolute; + width: 100%; + min-width: 17rem; + top: 5rem; + left: 50%; + transform: translate(-50%, 0); + background-color: #fff; + z-index: 1; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem { + top: 8.7rem; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + left: auto; + right: 0; + transform: translate(0); + } +} +@media (min-width: 1240px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem { + left: 50%; + transform: translate(-50%, 0); + right: inherit; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem .boxBullet { + display: none; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem .boxBullet { + width: 1.4rem; + height: 1rem; + displaY: block; + position: absolute; + top: -0.9rem; + left: 73%; + transform: translate(-50%, 0); + z-index: 1; + } +} +@media (min-width: 1240px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem .boxBullet { + left: 50%; + transform: translate(-50%, 0); + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul { + position: relative; + display: block; + padding: 2rem; + background-color: #fff; + border: 1px solid #DEDEDE; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li a { + display: flex; + font-size: 1.4rem; + align-items: center; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li a:hover span { + color: #000; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li a span { + color: #9EA1A2; + font-weight: 400; + displaY: flex; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li + li { + margin-top: 1rem; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem.on { + display: block; +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem.on + .carlistItem { + display: block; + width: 100%; +} +@media (min-width: 1025px) { + .mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem.on + .carlistItem { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + } +} +.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist.on a::after { + transform: rotate(-180deg); + background-position-x: left; +} + +.mainTopKey + .contentWarp { + margin-top: 55rem; + z-index: 1; +} +@media (min-width: 768px) { + .mainTopKey + .contentWarp { + margin-top: 64rem; + } +} +@media (min-width: 1240px) { + .mainTopKey + .contentWarp { + margin-top: 85.5rem; + } +} + +.mainProductList { + padding-left: 2rem; + padding-right: 2rem; +} +@media (min-width: 1240px) { + .mainProductList { + padding-left: 0; + padding-right: 0; + } +} +.mainProductList .mainContensTitle { + display: none; +} +@media (min-width: 768px) { + .mainProductList .mainContensTitle { + display: block; + } +} +.mainProductList .mainContensTitle h1, .mainProductList .mainContensTitle p { + text-align: center; +} +.mainProductList .mainContensTitle h1 { + font-size: 4rem; + font-weight: 600; +} +@media (min-width: 1025px) { + .mainProductList .mainContensTitle h1 { + font-size: 6rem; + } +} +.mainProductList .mainContensTitle p { + font-size: 1.6rem; + font-weight: 400; + margin-top: 1.5rem; +} +.mainProductList .mainProductInner { + margin-top: 6rem; + max-width: 120rem; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner { + margin-top: 5rem; + } +} +.mainProductList .mainProductInner ul { + display: grid; + grid-gap: 1rem; + grid-template-columns: repeat(1, 1fr); +} +@media (min-width: 501px) { + .mainProductList .mainProductInner ul { + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 768px) { + .mainProductList .mainProductInner ul { + grid-template-columns: repeat(2, 1fr); + } +} +.mainProductList .mainProductInner ul li { + position: relative; + width: 100%; + overflow: hidden; + border-radius: 0.6rem; + height: 50.4rem; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li { + height: 59.5rem; + } +} +.mainProductList .mainProductInner ul li::after { + content: ""; +} +@media (min-width: 768px) { + .mainProductList .mainProductInner ul li::after { + content: ""; + display: block; + padding-bottom: 100%; + } +} +.mainProductList .mainProductInner ul li a { + position: relative; + width: 100%; + height: 100%; + min-height: 50.4rem; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li a { + height: 59.5rem; + } +} +@media (min-width: 768px) { + .mainProductList .mainProductInner ul li a { + position: absolute; + width: 100%; + height: 100%; + } +} +.mainProductList .mainProductInner ul li a::before { + content: ""; + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + background-image: url(/kr/assets/images/kia/producy.png); + background-repeat: no-repeat; + background-size: contain; + background-position: top left; + z-index: 1; +} +.mainProductList .mainProductInner ul li a img { + position: absolute; + top: 0; + left: 0; + z-index: 0; +} +.mainProductList .mainProductInner ul li a .productSmallVideo { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.mainProductList .mainProductInner ul li a video { + width: 100%; + height: 100%; +} +.mainProductList .mainProductInner ul li a .contentInfo { + width: 100%; + height: 100%; + padding: 3rem; + position: relative; + z-index: 2; +} +@media (min-width: 768px) { + .mainProductList .mainProductInner ul li a .contentInfo { + padding: 3rem; + } +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li a .contentInfo { + padding: 5rem; + } +} +.mainProductList .mainProductInner ul li a .contentInfo .tag { + display: flex; +} +.mainProductList .mainProductInner ul li a .contentInfo .tag span { + border: 1px solid #fff; + padding: 0.6rem; + font-size: 1.1rem; + font-weight: 400; + color: #fff; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li a .contentInfo .tag span { + font-size: 1.3rem; + } +} +.mainProductList .mainProductInner ul li a .contentInfo .tag span + span { + margin-left: 0.8rem; +} +.mainProductList .mainProductInner ul li a .contentInfo .tag + h2 { + margin-top: 2rem; +} +.mainProductList .mainProductInner ul li a .contentInfo h2 { + font-size: 3rem; + font-weight: 600; + color: #fff; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li a .contentInfo h2 { + font-size: 4rem; + } +} +.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice { + margin-top: 3rem; +} +.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl { + displaY: flex; + text-align: left; +} +.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt, .mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd { + color: #fff; + font-size: 1.4rem; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt, .mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd { + font-size: 1.6rem; + } +} +.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt { + font-weight: 400; + border-left: 1px solid rgba(255, 255, 255, 0.5); + margin-left: 0.8rem; + padding-left: 0.8rem; +} +.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd { + font-weight: 600; +} +.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl + dl { + margin-top: 1.2rem; +} +.mainProductList .mainProductInner ul li a .contentInfo .descript { + display: none; + color: #fff; + font-weight: 400; + line-height: 2.2rem; + margin-top: 1.5rem; + font-size: 1.4rem; +} +@media (min-width: 1025px) { + .mainProductList .mainProductInner ul li a .contentInfo .descript { + font-size: 1.6rem; + } +} +.mainProductList .mainProductInner ul li a .contentInfo .listImgBtn { + display: none; + width: 16rem; +} +.mainProductList .mainProductInner ul li a .contentInfo .listImgBtn .oneButton div::after, .mainProductList .mainProductInner ul li a .contentInfo .listImgBtn .oneButton div::before { + width: 4rem; +} +.mainProductList .mainProductInner ul li a .contentInfo .descript + .listImgBtn { + margin-top: 4rem; +} +.mainProductList .mainProductInner ul li a:hover::before { + content: ""; + -webkit-animation: fadein 1s; + animation: fadein 1s; + background-image: url(/kr/assets/images/kia/producy-on.png); + z-index: 1; + background-size: cover; +} +.mainProductList .mainProductInner ul li a:hover .descript, .mainProductList .mainProductInner ul li a:hover .listImgBtn { + displaY: block; + -webkit-animation: fadein 1s; + animation: fadein 1s; +} + +.mainSevice { + width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 120rem; + margin: 0 auto; + justify-content: space-between; + padding-left: 2rem; + padding-right: 2rem; + margin-top: 5rem; + margin-bottom: 9rem; +} +@media (min-width: 768px) { + .mainSevice { + margin-top: 6rem; + margin-bottom: 9rem; + flex-wrap: nowrap; + } +} +@media (min-width: 1025px) { + .mainSevice { + margin-top: 12rem; + margin-bottom: 15rem; + } +} +@media (min-width: 1240px) { + .mainSevice { + padding-left: 0; + padding-right: 0; + } +} +.mainSevice .left { + display: flex; + align-items: center; +} +@media (min-width: 768px) { + .mainSevice .left { + width: 50%; + } +} +.mainSevice .left span { + color: #05141F; + font-size: 1.6rem; +} +.mainSevice .left h2 { + margin-top: 1rem; + font-size: 3rem; + font-weight: 400; + line-height: 4rem; +} +@media (min-width: 1025px) { + .mainSevice .left h2 { + font-size: 4rem; + line-height: 5rem; + } +} +.mainSevice .right { + display: flex; + flex-wrap: wrap; + margin-top: 2.5rem; + width: 100%; +} +@media (min-width: 768px) { + .mainSevice .right { + flex-wrap: nowrap; + width: 50%; + margin-top: 0; + } +} +.mainSevice .right a { + width: 100%; + height: 14rem; + padding: 3rem; + border-radius: 0.6rem; + border: 1px solid #DEDEDE; + color: #000000; +} +@media (min-width: 768px) { + .mainSevice .right a { + height: 17rem; + } +} +@media (min-width: 1025px) { + .mainSevice .right a { + width: 29rem; + } +} +.mainSevice .right a:hover { + border: 1px solid #05141F; +} +.mainSevice .right a .faq, .mainSevice .right a .cs { + display: flex; + height: 100%; + flex-direction: column; + justify-content: space-between; +} +.mainSevice .right a .faq span, .mainSevice .right a .cs span { + position: relative; + displaY: block; +} +.mainSevice .right a .faq span::after, .mainSevice .right a .cs span::after { + content: ""; + position: absolute; + right: 0; + displaY: inline-block; + width: 0.8rem; + height: 1.6rem; + background-size: contain; + background-repeat: no-repeat; + background-position: center right; + background-image: url(/kr/assets/images/common/icon-bgo.svg); +} +.mainSevice .right a .faq::before, .mainSevice .right a .cs::before { + content: ""; + display: block; + width: 4.5rem; + height: 4.5rem; + background-size: contain; + background-repeat: no-repeat; +} +.mainSevice .right a .faq::before { + background-image: url(/kr/assets/images/common/icon-faq.svg); +} +.mainSevice .right a .cs::before { + background-image: url(/kr/assets/images/common/icon-bannercs.svg); +} +.mainSevice .right a + a { + margin-top: 1rem; +} +@media (min-width: 768px) { + .mainSevice .right a + a { + margin-left: 1rem; + margin-top: 0; + } +} + +.specNoti { + display: flex; + align-items: center; + max-width: 120rem; + height: 6.5rem; + padding: 0 2.4rem; + margin: 6rem auto -3rem; + background-color: #f1f1f1; +} +@media (max-width: 768px) { + .specNoti { + padding: 1.2rem; + margin: -2rem 2rem 2rem; + } +} +.specNoti .tag { + display: flex; + align-items: center; + justify-content: center; + padding: 0.5rem 0.8rem; + margin: 0 0.4rem; + border: 1px solid #9EA1A2; + font-size: 1.3rem; + font-weight: 400; + color: #9EA1A2; + line-height: 1; +} +@media (max-width: 768px) { + .specNoti .tag { + font-size: 1.1rem; + color: #FFFFFF; + border: 1px solid #FFFFFF; + } +} +.specNoti .tag.available { + background-color: #5D7D2B; + color: #fff; +} +.specNoti .tag.promotion { + background-color: #F3C300; + color: #000; +} +/*# sourceMappingURL=kiamain.css.map */ \ No newline at end of file diff --git a/assets/css/kiamain.css.map b/assets/css/kiamain.css.map new file mode 100644 index 0000000..17a4d65 --- /dev/null +++ b/assets/css/kiamain.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["kiamain.css","_utils.scss","kia/kiamain.scss"],"names":[],"mappings":"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","file":"kiamain.css"} \ No newline at end of file diff --git a/assets/js/common.js b/assets/js/common.js index 2297355..95a3de6 100644 --- a/assets/js/common.js +++ b/assets/js/common.js @@ -719,10 +719,7 @@ function pdpIntro() { const videoWrap = $(".editorWarp .video_wrap"); const youtubeId = $(".youtube-box").attr("value"); - const youtubeFrame = - ''; + const youtubeFrame = ''; $(".editorWarp .youtube-box").html(youtubeFrame); switch (true) { diff --git a/kia.html b/kia.html index 6168bdd..20fba9b 100644 --- a/kia.html +++ b/kia.html @@ -41,7 +41,7 @@ - + @@ -131,6 +131,9 @@ +
  • + 사양별 이용안내 +
  • 스토어 소개
    @@ -239,11 +242,11 @@
    • @@ -308,9 +311,113 @@
      당신의 일상에 딱 맞는
      새로운 기술과 서비스를 간편하게 경험해보세요.
    - + +
    + 차량별로 구매 가능한 디지털 사양이 다르므로 구매가능 표시를 꼭 확인해주세요! +
    + +
    +
    + +

    + + 이미지 상품명 +

    +     +
    +
    + +
    + + 구매가능 + + 프로모션 + + NEW +
    +

    KBO 디스플레이 테마

    +

    운전에 스타일을 더 하는 특별한 테마

    +
    +
    +
    +
    +
    평생 이용
    +
    + ₩ 500,000 + \ 29,000 99% +
    +
    +
    +
    연간 구독
    +
    + \ 120,000/년 +
    +
    +
    +
    월간 구독
    +
    + \ 12,000/월 +
    +
    +
    +
    +
    +

    자세히 보기

     +
    +
    +
    + +
    +
    +
    + + +
    +
    + +

    + + 이미지 상품명 +

    +     +
    +
    + +
    + + 구매가능 + + 프로모션 + + NEW +
    +

    KBO 디스플레이 테마

    +

    운전에 스타일을 더 하는 특별한 테마

    +
    +
    +
    +
    +
    평생 이용
    +
    \29,000
    +
    +
    +
    +
    +

    자세히 보기

     +
    +
    +
    + +
    +
    +
    +
    @@ -344,12 +451,12 @@
    + + 구매가능 + + 프로모션 NEW - - Promotion - - 구매가능

    KBO 디스플레이 테마

    운전에 스타일을 더 하는 특별한 테마

    diff --git a/product/pdp_display_theme_0429.html b/product/pdp_display_theme_0429.html index d0ec2e1..b0120e6 100644 --- a/product/pdp_display_theme_0429.html +++ b/product/pdp_display_theme_0429.html @@ -263,17 +263,14 @@
    -
    이미지 상품명
    -
    이미지 상품명
    +
    이미지를 클릭해주세요.

    - - 이미지 상품명 -

    + + NBA 디스플레이 테마

    -
    이미지 상품명
    +
    NBA 디스플레이 테마
    +
    NBA 디스플레이 테마
    @@ -1012,6 +1009,15 @@