diff --git a/kr/assets/css/promotion.css b/kr/assets/css/promotion.css index 4a28459..3887753 100644 --- a/kr/assets/css/promotion.css +++ b/kr/assets/css/promotion.css @@ -29,6 +29,11 @@ max-width: 100%; margin-top: 0; } +@media (min-width: 768px) { + #promotion .contentWarp { + margin-bottom: 16rem; + } +} #promotion .promotionHeader { width: 100%; aspect-ratio: 360/550; @@ -36,32 +41,39 @@ } @media (min-width: 768px) { #promotion .promotionHeader { - height: 108rem; + height: 95rem; background: url("../images/kia/promotion/kv_promotion.jpg") no-repeat center center/auto 100%; } } #promotion .promotionHeader .promotionHeaderInner { width: 100%; - max-width: 120rem; + max-width: 124rem; margin: 0 auto; padding-top: 86vw; } @media (min-width: 768px) { #promotion .promotionHeader .promotionHeaderInner { - padding-top: 71.4rem; + padding-top: 76.4rem; } } #promotion .promotionHeader .promotionHeaderInner .pageTitle { text-align: center; } +@media (min-width: 768px) { + #promotion .promotionHeader .promotionHeaderInner .pageTitle { + text-align: left; + } +} #promotion .promotionHeader .promotionHeaderInner .pageTitle h1 { font-size: 3rem; font-weight: 600; color: #fff; + margin-bottom: 1.2rem; } @media (min-width: 768px) { #promotion .promotionHeader .promotionHeaderInner .pageTitle h1 { font-size: 4.8rem; + margin-bottom: 2.4rem; } } #promotion .promotionHeader .promotionHeaderInner .pageTitle p { @@ -80,6 +92,7 @@ position: -webkit-sticky; position: sticky; top: 0; + width: 100%; height: 4rem; padding: 1rem 2rem; background-color: #fff; @@ -87,7 +100,6 @@ } @media (min-width: 768px) { #promotion .tabNavigation { - width: 100%; height: 5.4rem; padding: 0; } @@ -103,7 +115,7 @@ } } #promotion .tabNavigation .tabNavigationInner { - max-width: 120rem; + max-width: 124rem; } @media (min-width: 768px) { #promotion .tabNavigation .tabNavigationInner { @@ -181,7 +193,7 @@ position: relative; } #promotion .contentSection .contentSectionInner { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; } @media (min-width: 768px) { @@ -194,20 +206,20 @@ } @media (min-width: 768px) { #promotion .contentSection .title-area { - margin-bottom: 8rem; + margin-bottom: 6rem; } } #promotion .contentSection h2 { font-size: 3rem; font-weight: 600; color: #05141f; - margin-bottom: 2.4rem; - line-height: 1.5; + margin-bottom: 2.8rem; + line-height: 1.2; } @media (min-width: 768px) { #promotion .contentSection h2 { font-size: 4.8rem; - margin-bottom: 2.4rem; + margin-bottom: 4.2rem; } } #promotion .contentSection p { @@ -240,7 +252,7 @@ } } #promotion .overview .contentSectionInner { - padding: 4.8rem 2rem 0; + padding: 5.4rem 2rem 0; } @media (min-width: 768px) { #promotion .overview .contentSectionInner { @@ -258,7 +270,12 @@ } #promotion .overview .disneySwiperContainer .disneySwiper { width: 100%; - padding: 2rem 0 0; + padding: 0; +} +@media (min-width: 768px) { + #promotion .overview .disneySwiperContainer .disneySwiper { + padding: 2rem 0 0; + } } #promotion .overview .disneySwiperContainer .disneySwiper .swiper-slide { overflow: hidden; @@ -312,7 +329,7 @@ transform: scale(1.2); } #promotion .available-cars { - padding: 6.4rem 2rem 0; + padding: 7rem 2rem 0; } @media (min-width: 768px) { #promotion .available-cars { @@ -320,7 +337,7 @@ } } #promotion .available-cars .contentSection { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; } #promotion .available-cars .contentSection .title-area { @@ -330,7 +347,7 @@ font-size: 2.4rem; font-weight: 600; color: #05141f; - margin-bottom: 0.8rem; + margin-bottom: 1rem; } @media (min-width: 768px) { #promotion .available-cars .contentSection .title-area h3 { @@ -378,8 +395,7 @@ } @media (min-width: 768px) { #promotion .available-cars .noticeBox ul li { - padding-left: 1.4rem; - font-size: 1.4rem; + font-size: 1.6rem; } } #promotion .available-cars .noticeBox ul li:before { @@ -411,9 +427,9 @@ } @media (min-width: 768px) { #promotion .theme-select-guide .contentSection { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; - padding: 12rem 0; + padding: 16.8rem 2rem; } } #promotion .theme-select-guide .contentSection .title-area { @@ -421,7 +437,12 @@ } @media (min-width: 768px) { #promotion .theme-select-guide .contentSection .title-area { - margin-bottom: 6.4rem; + margin-bottom: 5.2rem; + } +} +@media (min-width: 768px) { + #promotion .theme-select-guide .contentSection .title-area h2 { + margin-bottom: 2.3rem; } } #promotion .theme-select-guide .contentSection .title-area h3 { @@ -638,7 +659,8 @@ background: url("../images/kia/promotion/ico_stay_tuned.svg") no-repeat center/contain; } #promotion .theme-select-guide .guides-wrap .guides-section .guides-content .stay-tuned strong { - padding: 0; + padding: 0.2rem 0 0; + line-height: 1; } @media (min-width: 768px) { #promotion .theme-select-guide .guides-wrap .guides-section .guides-content .stay-tuned { @@ -700,13 +722,13 @@ background: url("../images/kia/promotion/bg_national_pattern.png") no-repeat center top/100% auto; } #promotion .more-features .contentSection { - padding: 8rem 0; + padding: 7.9rem 0; } @media (min-width: 768px) { #promotion .more-features .contentSection { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; - padding: 12rem 0 8rem; + padding: 7rem 2rem 12rem; } } #promotion .more-features .contentSection .title-area { @@ -730,7 +752,7 @@ } } #promotion .more-features .features-list { - margin-bottom: 2.4rem; + margin-bottom: 2rem; } @media (min-width: 768px) { #promotion .more-features .features-list { @@ -813,31 +835,30 @@ border-top: 1px solid #dedede; } #promotion .information .contentSection { - padding: 8rem 2rem; + padding: 7.8rem 2rem; } @media (min-width: 768px) { #promotion .information .contentSection { - padding: 12rem 2rem 8rem; - max-width: 120rem; + padding: 11.5rem 2rem 8rem; + max-width: 124rem; margin: 0 auto; } } #promotion .information .contentSection .title-area { - margin-bottom: 4rem; + margin-bottom: 2.7rem; } @media (min-width: 768px) { #promotion .information .contentSection .title-area { - margin-bottom: 8rem; + margin-bottom: 3.5rem; } } #promotion .information .contentSection .title-area h2 { - margin-bottom: 0.8rem; - font-size: 2.4rem; + font-size: 2rem; } @media (min-width: 768px) { #promotion .information .contentSection .title-area h2 { margin-bottom: 1.6rem; - font-size: 3.2rem; + font-size: 3rem; } } #promotion .information .info-section { @@ -859,10 +880,10 @@ } } #promotion .information .info-section .item h3 { - font-size: 1.8rem; + font-size: 1.4rem; font-weight: 600; color: #05141f; - margin-bottom: 1.5rem; + margin-bottom: 1rem; } @media (min-width: 768px) { #promotion .information .info-section .item h3 { @@ -920,38 +941,40 @@ #promotion .information .info-section .item ul li.bu-none:before { display: none; } -#promotion .infoGrid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr)); - gap: 3rem; - margin-top: 3rem; +#promotion .goto-area { + display: none; + background-color: #f3f3f3; } -#promotion .infoGrid .infoSection h3 { - font-size: 2rem; - font-weight: 600; - color: #333; - margin-bottom: 1.5rem; - padding-bottom: 1rem; - border-bottom: 2px solid #e5e5e5; +@media (min-width: 768px) { + #promotion .goto-area { + display: block; + } } -#promotion .infoGrid .infoSection ul { - list-style: none; - padding: 0; - margin: 0; +@media (min-width: 768px) { + #promotion .goto-area .contentSection { + display: flex; + align-items: center; + max-width: 124rem; + height: 10rem; + padding: 0 2rem; + margin: 0 auto; + } } -#promotion .infoGrid .infoSection ul li { - padding: 0.8rem 0; - font-size: 1.4rem; - color: #666; - border-bottom: 1px solid #f0f0f0; -} -#promotion .infoGrid .infoSection ul li:last-child { - border-bottom: none; -} -#promotion .infoGrid .infoSection ul li:before { - content: "•"; - color: #333; - font-weight: bold; - margin-right: 1rem; +@media (min-width: 768px) { + #promotion .goto-area .contentSection .btn-goto { + display: flex; + align-items: center; + font-size: 1.6rem; + font-weight: 600; + color: #05141f; + } + #promotion .goto-area .contentSection .btn-goto:before { + content: ""; + display: block; + width: 3.2rem; + height: 1.5rem; + margin-right: 1.3rem; + background: url("../images/kia/promotion/ico_goto.svg") no-repeat center/auto 100%; + } } /*# sourceMappingURL=promotion.css.map */ \ No newline at end of file diff --git a/kr/assets/css/promotion.css.map b/kr/assets/css/promotion.css.map index cb1a150..56d89ee 100644 --- a/kr/assets/css/promotion.css.map +++ b/kr/assets/css/promotion.css.map @@ -1 +1 @@ -{"version":3,"sources":["promotion.css","_utils.scss","promotion.scss"],"names":[],"mappings":"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","file":"promotion.css"} \ No newline at end of file +{"version":3,"sources":["promotion.css","_utils.scss","promotion.scss"],"names":[],"mappings":"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","file":"promotion.css"} \ No newline at end of file diff --git a/kr/assets/css/promotion.scss b/kr/assets/css/promotion.scss index 6a29972..067a9ba 100644 --- a/kr/assets/css/promotion.scss +++ b/kr/assets/css/promotion.scss @@ -23,6 +23,9 @@ $KiaBlack: #05141f; .contentWarp { max-width: 100%; margin-top: 0; + @include tablet { + margin-bottom: 16rem; + } } .promotionHeader { width: 100%; @@ -30,25 +33,30 @@ $KiaBlack: #05141f; aspect-ratio: 360 / 550; background: url("../images/kia/promotion/kv_promotion_m.jpg") no-repeat center center / cover; @include tablet { - height: 108rem; + height: 95rem; background: url("../images/kia/promotion/kv_promotion.jpg") no-repeat center center / auto 100%; } .promotionHeaderInner { width: 100%; - max-width: 120rem; + max-width: 124rem; margin: 0 auto; padding-top: 86vw; @include tablet { - padding-top: 71.4rem; + padding-top: 76.4rem; } .pageTitle { text-align: center; + @include tablet { + text-align: left; + } h1 { font-size: 3rem; font-weight: 600; color: #fff; + margin-bottom: 1.2rem; @include tablet { font-size: 4.8rem; + margin-bottom: 2.4rem; } } p { @@ -69,12 +77,12 @@ $KiaBlack: #05141f; overflow-x: auto; position: sticky; top: 0; + width: 100%; height: 4rem; padding: 1rem 2rem; background-color: #fff; z-index: 100; @include tablet { - width: 100%; height: 5.4rem; padding: 0; &:after { @@ -89,7 +97,7 @@ $KiaBlack: #05141f; } } .tabNavigationInner { - max-width: 120rem; + max-width: 124rem; @include tablet { margin: 0 auto; } @@ -157,7 +165,7 @@ $KiaBlack: #05141f; min-height: 60rem; position: relative; .tabContentInner { - // max-width: 120rem; + // max-width: 124rem; margin: 0 auto; position: relative; .tabContent { @@ -172,7 +180,7 @@ $KiaBlack: #05141f; .contentSection { .contentSectionInner { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; @include tablet { padding: 0; @@ -182,7 +190,7 @@ $KiaBlack: #05141f; .title-area { margin-bottom: 3.2rem; @include tablet { - margin-bottom: 8rem; + margin-bottom: 6rem; } } @@ -190,11 +198,11 @@ $KiaBlack: #05141f; font-size: 3rem; font-weight: 600; color: $KiaBlack; - margin-bottom: 2.4rem; - line-height: 1.5; + margin-bottom: 2.8rem; + line-height: 1.2; @include tablet { font-size: 4.8rem; - margin-bottom: 2.4rem; + margin-bottom: 4.2rem; } } p { @@ -224,7 +232,7 @@ $KiaBlack: #05141f; .overview { .contentSectionInner { - padding: 4.8rem 2rem 0; + padding: 5.4rem 2rem 0; @include tablet { padding: 8rem 2rem 0; } @@ -239,7 +247,10 @@ $KiaBlack: #05141f; .disneySwiper { width: 100%; - padding: 2rem 0 0; + padding: 0; + @include tablet { + padding: 2rem 0 0; + } .swiper-slide { overflow: hidden; @@ -301,12 +312,12 @@ $KiaBlack: #05141f; } .available-cars { - padding: 6.4rem 2rem 0; + padding: 7rem 2rem 0; @include tablet { padding: 12rem 2rem 3.2rem; } .contentSection { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; .title-area { margin-bottom: 3.2rem; @@ -314,7 +325,7 @@ $KiaBlack: #05141f; font-size: 2.4rem; font-weight: 600; color: $KiaBlack; - margin-bottom: 0.8rem; + margin-bottom: 1rem; @include tablet { font-size: 3.2rem; margin-bottom: 1.6rem; @@ -358,8 +369,7 @@ $KiaBlack: #05141f; color: $KiaBlack; line-height: 1.5; @include tablet { - padding-left: 1.4rem; - font-size: 1.4rem; + font-size: 1.6rem; } &:before { @@ -391,14 +401,19 @@ $KiaBlack: #05141f; .contentSection { padding: 8rem 2rem; @include tablet { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; - padding: 12rem 0; + padding: 16.8rem 2rem; } .title-area { margin-bottom: 6.4rem; @include tablet { - margin-bottom: 6.4rem; + margin-bottom: 5.2rem; + } + h2 { + @include tablet { + margin-bottom: 2.3rem; + } } h3 { font-size: 1.8rem; @@ -607,7 +622,8 @@ $KiaBlack: #05141f; background: url("../images/kia/promotion/ico_stay_tuned.svg") no-repeat center / contain; } strong { - padding: 0; + padding: 0.2rem 0 0; + line-height: 1; } @include tablet { display: block; @@ -686,11 +702,11 @@ $KiaBlack: #05141f; // More Features 탭 스타일 .more-features { .contentSection { - padding: 8rem 0; + padding: 7.9rem 0; @include tablet { - max-width: 120rem; + max-width: 124rem; margin: 0 auto; - padding: 12rem 0 8rem; + padding: 7rem 2rem 12rem; } .title-area { padding: 0 2rem; @@ -710,7 +726,7 @@ $KiaBlack: #05141f; } } .features-list { - margin-bottom: 2.4rem; + margin-bottom: 2rem; @include tablet { margin-bottom: 8rem; } @@ -788,23 +804,22 @@ $KiaBlack: #05141f; .information { border-top: 1px solid #dedede; .contentSection { - padding: 8rem 2rem; + padding: 7.8rem 2rem; @include tablet { - padding: 12rem 2rem 8rem; - max-width: 120rem; + padding: 11.5rem 2rem 8rem; + max-width: 124rem; margin: 0 auto; } .title-area { - margin-bottom: 4rem; + margin-bottom: 2.7rem; @include tablet { - margin-bottom: 8rem; + margin-bottom: 3.5rem; } h2 { - margin-bottom: 0.8rem; - font-size: 2.4rem; + font-size: 2rem; @include tablet { margin-bottom: 1.6rem; - font-size: 3.2rem; + font-size: 3rem; } } } @@ -824,10 +839,10 @@ $KiaBlack: #05141f; } h3 { - font-size: 1.8rem; + font-size: 1.4rem; font-weight: 600; color: $KiaBlack; - margin-bottom: 1.5rem; + margin-bottom: 1rem; @include tablet { flex: 0 0 auto; @@ -892,38 +907,36 @@ $KiaBlack: #05141f; } } - // Information 탭 스타일 - .infoGrid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr)); - gap: 3rem; - margin-top: 3rem; - .infoSection { - h3 { - font-size: 2rem; - font-weight: 600; - color: #333; - margin-bottom: 1.5rem; - padding-bottom: 1rem; - border-bottom: 2px solid #e5e5e5; + .goto-area { + display: none; + background-color: #f3f3f3; + @include tablet { + display: block; + } + .contentSection { + @include tablet { + display: flex; + align-items: center; + max-width: 124rem; + height: 10rem; + padding: 0 2rem; + margin: 0 auto; } - ul { - list-style: none; - padding: 0; - margin: 0; - li { - padding: 0.8rem 0; - font-size: 1.4rem; - color: #666; - border-bottom: 1px solid #f0f0f0; - &:last-child { - border-bottom: none; - } + + .btn-goto { + @include tablet { + display: flex; + align-items: center; + font-size: 1.6rem; + font-weight: 600; + color: $KiaBlack; &:before { - content: "•"; - color: #333; - font-weight: bold; - margin-right: 1rem; + content: ""; + display: block; + width: 3.2rem; + height: 1.5rem; + margin-right: 1.3rem; + background: url("../images/kia/promotion/ico_goto.svg") no-repeat center / auto 100%; } } } diff --git a/kr/assets/images/kia/promotion/ico_goto.svg b/kr/assets/images/kia/promotion/ico_goto.svg new file mode 100644 index 0000000..c0173c2 --- /dev/null +++ b/kr/assets/images/kia/promotion/ico_goto.svg @@ -0,0 +1,4 @@ + + + + diff --git a/kr/assets/images/kia/promotion/img_available_cars.png b/kr/assets/images/kia/promotion/img_available_cars.png index 8e34879..7c78a06 100644 Binary files a/kr/assets/images/kia/promotion/img_available_cars.png and b/kr/assets/images/kia/promotion/img_available_cars.png differ diff --git a/kr/assets/images/kia/promotion/img_available_cars2.png b/kr/assets/images/kia/promotion/img_available_cars2.png new file mode 100644 index 0000000..8e34879 Binary files /dev/null and b/kr/assets/images/kia/promotion/img_available_cars2.png differ diff --git a/kr/assets/images/kia/promotion/img_available_cars_m.png b/kr/assets/images/kia/promotion/img_available_cars_m.png index 9f584a9..8308b65 100644 Binary files a/kr/assets/images/kia/promotion/img_available_cars_m.png and b/kr/assets/images/kia/promotion/img_available_cars_m.png differ diff --git a/kr/assets/images/kia/promotion/img_available_cars_m2.png b/kr/assets/images/kia/promotion/img_available_cars_m2.png new file mode 100644 index 0000000..9f584a9 Binary files /dev/null and b/kr/assets/images/kia/promotion/img_available_cars_m2.png differ diff --git a/kr/assets/images/kia/promotion/kv_promotion.jpg b/kr/assets/images/kia/promotion/kv_promotion.jpg index 6045a36..90214cf 100644 Binary files a/kr/assets/images/kia/promotion/kv_promotion.jpg and b/kr/assets/images/kia/promotion/kv_promotion.jpg differ diff --git a/kr/assets/images/kia/promotion/kv_promotion2.jpg b/kr/assets/images/kia/promotion/kv_promotion2.jpg new file mode 100644 index 0000000..6045a36 Binary files /dev/null and b/kr/assets/images/kia/promotion/kv_promotion2.jpg differ diff --git a/kr/assets/images/kia/promotion/marvel_logo1_m.png b/kr/assets/images/kia/promotion/marvel_logo1_m.png new file mode 100644 index 0000000..2da45c7 Binary files /dev/null and b/kr/assets/images/kia/promotion/marvel_logo1_m.png differ diff --git a/kr/assets/images/kia/promotion/marvel_logo2_m.png b/kr/assets/images/kia/promotion/marvel_logo2_m.png new file mode 100644 index 0000000..df68c82 Binary files /dev/null and b/kr/assets/images/kia/promotion/marvel_logo2_m.png differ diff --git a/kr/promotion/disney_promotion.html b/kr/promotion/disney_promotion.html index d66ca63..b4b8a9c 100644 --- a/kr/promotion/disney_promotion.html +++ b/kr/promotion/disney_promotion.html @@ -460,6 +460,8 @@

Notice

+
+
+ Go to the list +
+
+
자주하는 질문 @@ -1002,39 +1010,7 @@ $(document).ready(function () { // Disney 스와이퍼 초기화 var disneySwiper = new Swiper(".disneySwiper", { - slidesPerView: 4.2, - spaceBetween: 24, - loop: true, - autoplay: { - delay: 1500, - disableOnInteraction: false, - }, - // pagination: { - // el: ".swiper-pagination", - // clickable: true, - // }, - // navigation: { - // nextEl: ".swiper-button-next", - // prevEl: ".swiper-button-prev", - // }, - breakpoints: { - 640: { - slidesPerView: 1, - spaceBetween: 0, - }, - 768: { - slidesPerView: 3, - spaceBetween: 24, - }, - 1024: { - slidesPerView: 4.5, - spaceBetween: 24, - }, - }, - }); - - var disneyFeaturesSwiper = new Swiper(".features-list-swiper", { - slidesPerView: 2.15, + slidesPerView: "auto", spaceBetween: 16, loop: true, autoplay: { @@ -1049,15 +1025,46 @@ // nextEl: ".swiper-button-next", // prevEl: ".swiper-button-prev", // }, - breakpoints: { - 768: { - slidesPerView: 3, - }, - 1024: { - slidesPerView: 4, - spaceBetween: 16, - }, + // breakpoints: { + // 640: { + // slidesPerView: 3, + // spaceBetween: 16, + // }, + // 768: { + // slidesPerView: 3, + // spaceBetween: 24, + // }, + // 1024: { + // slidesPerView: 4.5, + // spaceBetween: 24, + // }, + // }, + }); + + var disneyFeaturesSwiper = new Swiper(".features-list-swiper", { + slidesPerView: "auto", + spaceBetween: 16, + loop: true, + autoplay: { + delay: 1500, + disableOnInteraction: false, }, + // pagination: { + // el: ".swiper-pagination", + // clickable: true, + // }, + // navigation: { + // nextEl: ".swiper-button-next", + // prevEl: ".swiper-button-prev", + // }, + // breakpoints: { + // 768: { + // slidesPerView: 3, + // }, + // 1024: { + // slidesPerView: 4, + // }, + // }, }); // 탭 클릭 이벤트