From b22ed6ba75c372f26f78471a3e1de937c610f94b Mon Sep 17 00:00:00 2001 From: "NEW_GIL_HOME\\hyeon" Date: Thu, 10 Jul 2025 07:09:41 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B5=AC=EB=94=94=EC=A6=88=EB=8B=88=20?= =?UTF-8?q?=EC=9E=91=EC=97=85=20=EC=A4=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .prettierrc | 4 +- kr/assets/css/pdp_detail.css | 61 + kr/assets/css/pdp_detail.css.map | 2 +- kr/assets/css/pdp_detail.scss | 9685 +++++++++-------- .../kia/pdp/display_theme_disney/btn_zoom.png | Bin 0 -> 1114 bytes .../display_theme_disney/btn_zoom_close.png | Bin 0 -> 336 bytes kr/assets/js/common.js | 21 +- kr/product/pdp_display_theme_disney.html | 18 +- 8 files changed, 4965 insertions(+), 4826 deletions(-) create mode 100644 kr/assets/images/kia/pdp/display_theme_disney/btn_zoom.png create mode 100644 kr/assets/images/kia/pdp/display_theme_disney/btn_zoom_close.png diff --git a/.prettierrc b/.prettierrc index 93f9cfb..f26d088 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,4 +1,4 @@ { - "printWidth": 99999, - "tabWidth": 4 + "printWidth": 99999, + "tabWidth": 2 } diff --git a/kr/assets/css/pdp_detail.css b/kr/assets/css/pdp_detail.css index d4d1375..2998e23 100644 --- a/kr/assets/css/pdp_detail.css +++ b/kr/assets/css/pdp_detail.css @@ -4296,6 +4296,7 @@ } } .displayThemeDesney .image_area { + position: relative; max-width: 100%; } .displayThemeDesney .image_area img { @@ -4572,6 +4573,20 @@ .displayThemeDesney.comp_2x_b_h_s_e2 .text_area { text-align: left; } +.displayThemeDesney .btn-zoom { + display: block; + position: absolute; + top: 1rem; + right: 1rem; + width: 2.4rem; + height: 2.4rem; + background: url(../images/kia/pdp/display_theme_disney/btn_zoom.png) no-repeat 0 0/100% auto; +} +@media (min-width: 768px) { + .displayThemeDesney .btn-zoom { + display: none; + } +} .desktop .displayThemeDesney .mobile { display: none; @@ -4584,4 +4599,50 @@ .moblie .displayThemeDesney .web { display: none; } + +.pdp-zoom { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.9); + z-index: 9999; + display: flex; + justify-content: center; + align-items: center; + /* 팝업에 overflow 방지 */ + overflow: hidden; +} + +.zoom-wrapper { + display: flex; + justify-content: center; + align-items: center; + width: 100vw; + height: 100vh; + /* 회전 + 위치 보정 */ + transform-origin: center center; +} + +.pdp-zoom img, +.pdp-zoom video { + width: 100%; + height: auto; + max-width: none; + -o-object-fit: contain; + object-fit: contain; +} + +.btn-close-zoom { + display: block; + position: absolute; + top: 2rem; + right: 2rem; + width: 2.4rem; + height: 2.4rem; + text-indent: -9999em; + background: url(../images/kia/pdp/display_theme_disney/btn_zoom_close.png) no-repeat 0 0/100% auto; + cursor: pointer; +} /*# sourceMappingURL=pdp_detail.css.map */ \ No newline at end of file diff --git a/kr/assets/css/pdp_detail.css.map b/kr/assets/css/pdp_detail.css.map index 915cf28..26b10e0 100644 --- a/kr/assets/css/pdp_detail.css.map +++ b/kr/assets/css/pdp_detail.css.map @@ -1 +1 @@ -{"version":3,"sources":["pdp_detail.css","_utils.scss","pdp_detail.scss"],"names":[],"mappings":"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","file":"pdp_detail.css"} \ No newline at end of file +{"version":3,"sources":["pdp_detail.css","_utils.scss","pdp_detail.scss"],"names":[],"mappings":"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","file":"pdp_detail.css"} \ No newline at end of file diff --git a/kr/assets/css/pdp_detail.scss b/kr/assets/css/pdp_detail.scss index 541b1b2..9365ccf 100644 --- a/kr/assets/css/pdp_detail.scss +++ b/kr/assets/css/pdp_detail.scss @@ -3,5055 +3,5114 @@ /*변수파일 import*/ .comp_wide { - width: 100%; - max-width: 192rem; - text-align: left; - margin: 0 auto; - margin-top: 12rem; + width: 100%; + max-width: 192rem; + text-align: left; + margin: 0 auto; + margin-top: 12rem; - &:first-child { - margin-top: 0; - } + &:first-child { + margin-top: 0; + } } .comp_body { - width: 100%; - max-width: 120rem; - margin: 0 auto; + width: 100%; + max-width: 120rem; + margin: 0 auto; - @media (max-width: 1240px) { - padding: 0 2rem; + @media (max-width: 1240px) { + padding: 0 2rem; + } + + .text_area { + margin-top: 4rem; + transition: 0.3s; + + @include maxtablet { + margin-top: 3rem; } - .text_area { - margin-top: 4rem; - transition: 0.3s; + h3 { + transition: 0.3s; + font-size: 4rem; + font-weight: 600; + line-height: 4.8rem; - @include maxtablet { - margin-top: 3rem; - } - - h3 { - transition: 0.3s; - font-size: 4rem; - font-weight: 600; - line-height: 4.8rem; - - @include maxtablet { - font-size: 3rem; - line-height: 3.8rem; - } - } - - h4 { - transition: 0.3s; - font-size: 3rem; - font-weight: 600; - line-height: 3.8rem; - - @include maxtablet { - font-size: 2.4rem; - line-height: 3.2rem; - } - } - - h5 { - transition: 0.3s; - font-size: 2.4rem; - font-weight: 600; - line-height: 3.4rem; - - @include maxtablet { - font-size: 2rem; - line-height: 2.8rem; - } - } - - p { - margin-top: 2rem; - font-size: 1.6rem; - line-height: 2.4rem; - transition: 0.3s; - - @include maxtablet { - margin-top: 1.5rem; - font-size: 1.4rem; - line-height: 2.2rem; - } - } - - .sub { - margin-top: 3rem; - font-size: 1.4rem; - font-weight: 400; - color: #0f0b0b; - line-height: 2.2rem; - } + @include maxtablet { + font-size: 3rem; + line-height: 3.8rem; + } } + + h4 { + transition: 0.3s; + font-size: 3rem; + font-weight: 600; + line-height: 3.8rem; + + @include maxtablet { + font-size: 2.4rem; + line-height: 3.2rem; + } + } + + h5 { + transition: 0.3s; + font-size: 2.4rem; + font-weight: 600; + line-height: 3.4rem; + + @include maxtablet { + font-size: 2rem; + line-height: 2.8rem; + } + } + + p { + margin-top: 2rem; + font-size: 1.6rem; + line-height: 2.4rem; + transition: 0.3s; + + @include maxtablet { + margin-top: 1.5rem; + font-size: 1.4rem; + line-height: 2.2rem; + } + } + + .sub { + margin-top: 3rem; + font-size: 1.4rem; + font-weight: 400; + color: #0f0b0b; + line-height: 2.2rem; + } + } } .comp_1x_w_v_s_eS { - .comp_top { - width: 100%; - height: 35.5rem; - background-color: #000000; - - @media (max-width: 1024px) { - height: auto; - } - - .text_area { - display: flex; - justify-content: space-between; - padding-top: 10rem; - - @media (max-width: 1024px) { - display: block; - padding-top: 5rem; - padding-bottom: 4rem; - } - - h4 { - width: 50%; - font-size: 4rem; - font-weight: 600; - line-height: 4.8rem; - color: #ffffff; - - @media (max-width: 1024px) { - width: 100%; - - br { - display: none; - } - } - } - - .info { - width: 50%; - font-size: 1.4rem; - font-weight: 400; - line-height: 2.2rem; - color: #ffffff; - - @media (max-width: 1024px) { - width: 100%; - margin-top: 3rem; - - br { - display: none; - } - } - } - } - } - - .movieArea { - position: relative; - width: 100%; - height: 52rem; - - @media (max-width: 1024px) { - height: 40rem; - } - - @media (max-width: 768px) { - height: 30rem; - } - - @media (max-width: 500px) { - height: 20rem; - } - } - - .comp_bottom { - width: 100%; - padding-top: 6rem; - padding-bottom: 5rem; - background-color: #000000; - - .com_bottm_inner { - width: 100%; - max-width: 120rem; - margin: 0 auto; - overflow: hidden; - - .swiper { - @media (max-width: 1200px) { - padding-right: 2rem; - } - - ul { - li { - width: 220px !important; - cursor: pointer; - - @media (max-width: 500px) { - width: 200px !important; - } - - &:first-child { - @media (max-width: 1240px) { - margin-left: 2rem; - } - } - - img { - width: 100%; - border-radius: 0.6rem; - } - - p { - margin-top: 3rem; - font-size: 1.8rem; - font-weight: 400; - color: #ffffff; - text-align: center; - - @media (max-width: 768px) { - margin-top: 2rem; - } - } - - &.active { - img { - border: 1px solid #ffffff; - } - } - } - } - } - } - } -} - -.comp_1x_w_v_s_e1 { - border-top: 1px solid #dedede; - padding-top: 10rem; + .comp_top { + width: 100%; + height: 35.5rem; + background-color: #000000; @media (max-width: 1024px) { - padding-top: 7rem; + height: auto; + } + + .text_area { + display: flex; + justify-content: space-between; + padding-top: 10rem; + + @media (max-width: 1024px) { + display: block; + padding-top: 5rem; + padding-bottom: 4rem; + } + + h4 { + width: 50%; + font-size: 4rem; + font-weight: 600; + line-height: 4.8rem; + color: #ffffff; + + @media (max-width: 1024px) { + width: 100%; + + br { + display: none; + } + } + } + + .info { + width: 50%; + font-size: 1.4rem; + font-weight: 400; + line-height: 2.2rem; + color: #ffffff; + + @media (max-width: 1024px) { + width: 100%; + margin-top: 3rem; + + br { + display: none; + } + } + } + } + } + + .movieArea { + position: relative; + width: 100%; + height: 52rem; + + @media (max-width: 1024px) { + height: 40rem; } @media (max-width: 768px) { - padding-top: 3rem; + height: 30rem; } - .image_area { - height: 600px; - margin-top: 4rem; - overflow: hidden; - - @include maxmobile { - height: 400px; - } - - img { - width: 100%; - height: 100%; - transition: 0.3s; - object-fit: cover; - - @include maxmobile { - width: 100%; - height: 100%; - } - } + @media (max-width: 500px) { + height: 20rem; } + } - .bottom { - position: relative; - - &::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 50%; - background-color: #0f0b0b; - background-size: 100% 50%; - z-index: -1; - } - - .text_area { - margin-top: 0; - padding-top: 4rem; - - h3 { - color: #ffffff; - } - - p { - color: #ffffff; - } - } - - .contents_area { - display: flex; - justify-content: space-between; - align-items: center; - flex-direction: row-reverse; - - &.reverse { - flex-direction: row; - - .text_area { - padding-left: 5rem; - padding-right: 0; - - @media (max-width: 768px) { - padding-left: 0; - } - } - } - - @media (max-width: 768px) { - display: block; - } - - .image_area { - width: 50%; - height: initial !important; - - @media (max-width: 768px) { - width: 100%; - } - - img { - height: initial !important; - border-radius: 0.6rem; - } - } - - .text_area { - width: 50%; - padding-right: 4rem; - - @media (max-width: 768px) { - width: 100%; - padding-right: 0; - } - - h4 { - color: #000000; - } - - p { - color: #000000; - } - } - } - } -} - -.comp_1x_w_v_s_e2 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @media (max-width: 900px) { - display: block; - } - - .text_area { - margin-top: 0; - } - - .icon_area { - @media (max-width: 900px) { - margin-top: 3rem; - } - - img { - &:last-child { - margin-left: 1.5rem; - } - - @media (max-width: 900px) { - width: 7rem; - height: 7rem; - - &:last-child { - margin-left: 1rem; - } - } - } - } - } - - .image_area { - height: 520px; - margin-top: 4rem; - overflow: hidden; - - @include maxmobile { - height: 360px; - } - - img { - width: 100%; - height: 100%; - transition: 0.3s; - object-fit: cover; - - @include maxmobile { - width: 100%; - height: 100%; - } - } - } -} - -.comp_1x_b_n_n_e1 { - margin-top: 10rem; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 1px solid #dedede; - - @media (max-width: 1024px) { - margin-top: 6rem; - padding-top: 6rem; - padding-bottom: 6rem; - } - - h5 { - font-size: 3rem; - font-weight: 600; - text-align: left; - color: #000000; - } - - .youtubeArea { - position: relative; - margin-top: 3.5rem; - padding-bottom: 56.25%; - /* 16:9 비율인 경우 */ - /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ - padding-top: 25px; - height: 0; - - @media (max-width: 1024px) { - margin-top: 2rem; - } - - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - - object { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } -} - -.comp_1x_b_n_n_e2 { - margin-top: 10rem; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 1px solid #dedede; - - @media (max-width: 1024px) { - margin-top: 6rem; - padding-top: 6rem; - padding-bottom: 6rem; - } - - h5 { - font-size: 3rem; - font-weight: 600; - text-align: left; - color: #000000; - } - - .mp4area { - position: relative; - margin-top: 3.5rem; - padding-bottom: 56.25%; - /* 16:9 비율인 경우 */ - /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ - padding-top: 25px; - height: 0; - - @media (max-width: 1024px) { - margin-top: 2rem; - } - - video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } -} - -.comp_1x_w_v_s_b { - .image_area { - @include maxmobile { - height: 360px; - } - - img { - width: 100%; - transition: 0.3s; - - @include maxmobile { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } -} - -.comp_1x_w_v_c_e1 { - position: relative; - - .image_area { - @include maxtablet { - height: 560px; - } - - img { - width: 100%; - transition: 0.3s; - - @include maxtablet { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } - - .comp_body { - &.layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - .text_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 6rem; - } - } - } - - &.no_layer { - position: absolute; - bottom: 0; - left: 50%; - transform: translateX(-50%); - display: flex; - justify-content: flex-end; - margin-bottom: 10rem; - - .text_area { - width: 38rem; - } - - @include maxdesktop { - position: relative; - left: initial; - transform: initial; - display: block; - - .text_area { - width: 100%; - } - } - } - } -} - -.comp_1x_w_v_o_b { - position: relative; - - .image_area { - @include maxtablet { - height: 560px; - } - - img { - width: 100%; - transition: 0.3s; - - @include maxtablet { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } - - .comp_body { - .text_area { - color: #ffffff !important; - } - - &.layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - .text_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 6rem; - } - } - } - - &.bottom { - .text_area { - color: #000000 !important; - } - } - } -} - -.comp_1x_w_v_c_b { - position: relative; - - .image_area { - height: 700px; - - @include maxtablet { - height: 560px; - } - - img { - width: 100%; - height: 100%; - width: 100%; - transition: 0.3s; - object-fit: cover; - } - } - - .comp_body { - &.layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - .text_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 6rem; - } - } - } - - &.no_layer { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - margin-bottom: 10rem; - - .text_area { - width: 38rem; - margin-top: 25rem; - } - - .icon_area { - margin-top: 3rem; - - img { - margin-right: 2rem; - } - } - - @include maxdesktop { - position: relative; - left: initial; - transform: initial; - display: block; - - .text_area { - width: 100%; - margin-top: 4rem; - } - } - } - } -} - -.comp_1x_b_v_s_b { - .image_area { - @include maxmobile { - height: 360px; - } - - img { - width: 100%; - transition: 0.3s; - border-radius: 0.6rem; - - @include maxmobile { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } -} - -.comp_1x_b_v_s_e1 { - .image_area { - img { - width: 100%; - transition: 0.3s; - border-radius: 0.6rem; - } - } - - .text_wrap { - display: flex; - justify-content: space-between; - - @include maxdesktop { - display: block; - } - - .text_area { - width: calc((100% - 4rem) / 2); - - @include maxdesktop { - width: 100%; - } - } - } -} - -.comp_1x_w_v_c_e2 { - position: relative; - - &::after { - content: ""; - position: absolute; - top: 0; - display: block; - width: 100%; - height: 60rem; - background-color: #05141f; - z-index: -1; - - @include maxdesktop { - height: 80%; - } - } - - .text_wrap { - display: flex; - justify-content: space-between; - padding-top: 6rem; - - @include maxdesktop { - display: block; - padding-top: 1rem; - } - - .text_area { - width: calc((100% - 40px) / 2); - color: #ffffff; - - @include maxdesktop { - width: 100%; - } - } - } - - .image_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 4rem; - } - - img { - width: 100%; - transition: 0.3s; - border-radius: 0.6rem; - } - } -} - -.comp_1x_b_v_o_b { - .comp_body { - position: relative; - - .image_area { - height: 520px; - - img { - width: 100%; - height: 100%; - width: 100%; - transition: 0.3s; - object-fit: cover; - border-radius: 0.6rem; - } - } - - .text_area { - position: absolute; - top: 0; - left: 0; - width: 100%; - color: #ffffff; - margin-top: 7rem; - padding: 0 7rem; - - @include maxdesktop { - margin-top: 4rem; - padding: 0 4rem; - } - } - } -} - -.comp_1x_b_h_s_b { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 50%; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - } - } - - .text_area { - width: 50%; - padding: 5rem; - - @include maxtablet { - width: 100%; - padding: 0; - } - } - } -} - -.comp_1x_b_h_s_e1 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 50%; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - width: 50%; - margin-top: 0; - - @include maxtablet { - width: 100%; - margin-top: 3rem; - } - } - - &:nth-child(odd) { - .text_area { - padding-left: 5rem; - - @include maxtablet { - padding-left: 0; - } - } - } - - &:nth-child(even), - &.reverse { - flex-direction: row-reverse; - - .text_area { - padding-right: 5rem; - - @include maxtablet { - padding-right: 0; - } - } - } - - &:not(:first-child) { - margin-top: 5rem; - } - } -} - -.comp_1x_b_h_s_e3 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 50%; - aspect-ratio: 1 / 1; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - - video { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - width: 50%; - margin-top: 0; - - @include maxtablet { - width: 100%; - margin-top: 3rem; - } - } - - &:nth-child(odd) { - .text_area { - padding-left: 5rem; - - @include maxtablet { - padding-left: 0; - } - } - } - - &:nth-child(even) { - flex-direction: row-reverse; - - .text_area { - padding-right: 5rem; - - @include maxtablet { - padding-right: 0; - } - } - } - - &:not(:first-child) { - margin-top: 5rem; - } - } -} - -.comp_1x_b_h_s_e4 { - border-top: 1px solid #dedede; + .comp_bottom { + width: 100%; padding-top: 6rem; + padding-bottom: 5rem; + background-color: #000000; - @include maxtablet { - padding-top: 7.5rem; - } + .com_bottm_inner { + width: 100%; + max-width: 120rem; + margin: 0 auto; + overflow: hidden; - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: center; - width: 100%; - margin-bottom: 5rem; - - .image_area { - width: 20%; - max-width: 12rem; - - img { - width: 100%; - } - } - - .text_area { - width: 80%; - margin-top: 0; - margin-left: 3rem; - - p { - color: #676767; - } - } - } - } -} - -.comp_2x_b_v_s_e1 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - - @include maxtablet { - display: block; - } - - .half_area { - display: flex; - flex-direction: column; - width: calc((100% - 6rem) / 2); - - @include maxtablet { - display: block; - width: 100%; - } - - .image_area { - width: 100%; - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - &:last-child { - flex-direction: column-reverse; - margin-top: 5rem; - - @include maxtablet { - display: block; - } - } - - .text_area { - padding-bottom: 4rem; - } - } - } -} - -.comp_2x_b_v_s_b { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - - @include maxtablet { - display: block; - } - - .half_area { - width: calc((100% - 2rem) / 2); - - @include maxtablet { - width: 100%; - display: block; - } - - .image_area { - width: 100%; - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - &:last-child { - @include maxtablet { - margin-top: 4rem; - } - } - } - } -} - -.comp_1x_b_h_s_e2 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 46%; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - width: calc(54% - 5rem); - margin-top: 0; - - @include maxtablet { - width: 100%; - margin-top: 3rem; - } - - ul { - margin-top: 5.5rem; - - li { - display: flex; - justify-content: flex-start; - align-items: center; - - p { - margin-top: 0; - margin-left: 3rem; - font-size: 1.6rem; - line-height: 2.4rem; - color: #676767; - } - - &:not(:first-child) { - margin-top: 3rem; - } - } - } - } - } -} - -.comp_2x_b_h_s_e2 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: flex-start; - width: calc((100% - 5rem) / 2); - margin-bottom: 5rem; - - @include maxtablet { - width: 100%; - } - - .image_area { - width: 20%; - max-width: 12rem; - - img { - width: 100%; - } - } - - .text_area { - width: 80%; - margin-top: 0; - margin-left: 3rem; - - p { - color: #676767; - } - } - } - } -} - -.comp_2x_b_h_s_e3 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: center; - width: calc((100% - 5rem) / 2); - margin-bottom: 5rem; - - @include maxtablet { - width: 100%; - } - - .image_area { - width: 20%; - max-width: 12rem; - - img { - width: 100%; - } - } - - .text_area { - width: 80%; - margin-top: 0; - margin-left: 3rem; - - p { - color: #676767; - } - } - } - } -} - -.comp_3x_b_v_s_b { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - width: calc((100% - 10rem) / 3); - - @include maxtablet { - width: 100%; - - &:not(:first-child) { - margin-top: 6rem; - } - } - - .image_area { - width: 100%; - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - margin-top: 3rem; - - p { - margin-top: 1.5rem; - } - } - } - } -} - -.comp_1x_b_n_n_b { - margin-top: 15rem; - background-color: #f3f3f3; - padding: 4rem 0; - - @media (max-width: 1024px) { - margin-top: 6rem; - } - - .comp_body { - .title { - font-size: 1.8rem; - font-weight: 600; - color: #000000; + .swiper { + @media (max-width: 1200px) { + padding-right: 2rem; } ul { - margin-top: 10px; + li { + width: 220px !important; + cursor: pointer; - li { - position: relative; - padding: 0.5rem 0 0.5rem 1rem; - font-size: 1.4rem; - font-weight: 400; - line-height: 2.2rem; - - &::before { - content: "∙"; - position: absolute; - top: 0.5rem; - left: 0; - } + @media (max-width: 500px) { + width: 200px !important; } + + &:first-child { + @media (max-width: 1240px) { + margin-left: 2rem; + } + } + + img { + width: 100%; + border-radius: 0.6rem; + } + + p { + margin-top: 3rem; + font-size: 1.8rem; + font-weight: 400; + color: #ffffff; + text-align: center; + + @media (max-width: 768px) { + margin-top: 2rem; + } + } + + &.active { + img { + border: 1px solid #ffffff; + } + } + } } + } } + } +} + +.comp_1x_w_v_s_e1 { + border-top: 1px solid #dedede; + padding-top: 10rem; + + @media (max-width: 1024px) { + padding-top: 7rem; + } + + @media (max-width: 768px) { + padding-top: 3rem; + } + + .image_area { + height: 600px; + margin-top: 4rem; + overflow: hidden; + + @include maxmobile { + height: 400px; + } + + img { + width: 100%; + height: 100%; + transition: 0.3s; + object-fit: cover; + + @include maxmobile { + width: 100%; + height: 100%; + } + } + } + + .bottom { + position: relative; + + &::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 50%; + background-color: #0f0b0b; + background-size: 100% 50%; + z-index: -1; + } + + .text_area { + margin-top: 0; + padding-top: 4rem; + + h3 { + color: #ffffff; + } + + p { + color: #ffffff; + } + } + + .contents_area { + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: row-reverse; + + &.reverse { + flex-direction: row; + + .text_area { + padding-left: 5rem; + padding-right: 0; + + @media (max-width: 768px) { + padding-left: 0; + } + } + } + + @media (max-width: 768px) { + display: block; + } + + .image_area { + width: 50%; + height: initial !important; + + @media (max-width: 768px) { + width: 100%; + } + + img { + height: initial !important; + border-radius: 0.6rem; + } + } + + .text_area { + width: 50%; + padding-right: 4rem; + + @media (max-width: 768px) { + width: 100%; + padding-right: 0; + } + + h4 { + color: #000000; + } + + p { + color: #000000; + } + } + } + } +} + +.comp_1x_w_v_s_e2 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @media (max-width: 900px) { + display: block; + } + + .text_area { + margin-top: 0; + } + + .icon_area { + @media (max-width: 900px) { + margin-top: 3rem; + } + + img { + &:last-child { + margin-left: 1.5rem; + } + + @media (max-width: 900px) { + width: 7rem; + height: 7rem; + + &:last-child { + margin-left: 1rem; + } + } + } + } + } + + .image_area { + height: 520px; + margin-top: 4rem; + overflow: hidden; + + @include maxmobile { + height: 360px; + } + + img { + width: 100%; + height: 100%; + transition: 0.3s; + object-fit: cover; + + @include maxmobile { + width: 100%; + height: 100%; + } + } + } +} + +.comp_1x_b_n_n_e1 { + margin-top: 10rem; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 1px solid #dedede; + + @media (max-width: 1024px) { + margin-top: 6rem; + padding-top: 6rem; + padding-bottom: 6rem; + } + + h5 { + font-size: 3rem; + font-weight: 600; + text-align: left; + color: #000000; + } + + .youtubeArea { + position: relative; + margin-top: 3.5rem; + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ + /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ + padding-top: 25px; + height: 0; + + @media (max-width: 1024px) { + margin-top: 2rem; + } + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + object { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } +} + +.comp_1x_b_n_n_e2 { + margin-top: 10rem; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 1px solid #dedede; + + @media (max-width: 1024px) { + margin-top: 6rem; + padding-top: 6rem; + padding-bottom: 6rem; + } + + h5 { + font-size: 3rem; + font-weight: 600; + text-align: left; + color: #000000; + } + + .mp4area { + position: relative; + margin-top: 3.5rem; + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ + /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ + padding-top: 25px; + height: 0; + + @media (max-width: 1024px) { + margin-top: 2rem; + } + + video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } +} + +.comp_1x_w_v_s_b { + .image_area { + @include maxmobile { + height: 360px; + } + + img { + width: 100%; + transition: 0.3s; + + @include maxmobile { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } +} + +.comp_1x_w_v_c_e1 { + position: relative; + + .image_area { + @include maxtablet { + height: 560px; + } + + img { + width: 100%; + transition: 0.3s; + + @include maxtablet { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + + .comp_body { + &.layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + .text_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 6rem; + } + } + } + + &.no_layer { + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + display: flex; + justify-content: flex-end; + margin-bottom: 10rem; + + .text_area { + width: 38rem; + } + + @include maxdesktop { + position: relative; + left: initial; + transform: initial; + display: block; + + .text_area { + width: 100%; + } + } + } + } +} + +.comp_1x_w_v_o_b { + position: relative; + + .image_area { + @include maxtablet { + height: 560px; + } + + img { + width: 100%; + transition: 0.3s; + + @include maxtablet { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + + .comp_body { + .text_area { + color: #ffffff !important; + } + + &.layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + .text_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 6rem; + } + } + } + + &.bottom { + .text_area { + color: #000000 !important; + } + } + } +} + +.comp_1x_w_v_c_b { + position: relative; + + .image_area { + height: 700px; + + @include maxtablet { + height: 560px; + } + + img { + width: 100%; + height: 100%; + width: 100%; + transition: 0.3s; + object-fit: cover; + } + } + + .comp_body { + &.layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + .text_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 6rem; + } + } + } + + &.no_layer { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + margin-bottom: 10rem; + + .text_area { + width: 38rem; + margin-top: 25rem; + } + + .icon_area { + margin-top: 3rem; + + img { + margin-right: 2rem; + } + } + + @include maxdesktop { + position: relative; + left: initial; + transform: initial; + display: block; + + .text_area { + width: 100%; + margin-top: 4rem; + } + } + } + } +} + +.comp_1x_b_v_s_b { + .image_area { + @include maxmobile { + height: 360px; + } + + img { + width: 100%; + transition: 0.3s; + border-radius: 0.6rem; + + @include maxmobile { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } +} + +.comp_1x_b_v_s_e1 { + .image_area { + img { + width: 100%; + transition: 0.3s; + border-radius: 0.6rem; + } + } + + .text_wrap { + display: flex; + justify-content: space-between; + + @include maxdesktop { + display: block; + } + + .text_area { + width: calc((100% - 4rem) / 2); + + @include maxdesktop { + width: 100%; + } + } + } +} + +.comp_1x_w_v_c_e2 { + position: relative; + + &::after { + content: ""; + position: absolute; + top: 0; + display: block; + width: 100%; + height: 60rem; + background-color: #05141f; + z-index: -1; + + @include maxdesktop { + height: 80%; + } + } + + .text_wrap { + display: flex; + justify-content: space-between; + padding-top: 6rem; + + @include maxdesktop { + display: block; + padding-top: 1rem; + } + + .text_area { + width: calc((100% - 40px) / 2); + color: #ffffff; + + @include maxdesktop { + width: 100%; + } + } + } + + .image_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 4rem; + } + + img { + width: 100%; + transition: 0.3s; + border-radius: 0.6rem; + } + } +} + +.comp_1x_b_v_o_b { + .comp_body { + position: relative; + + .image_area { + height: 520px; + + img { + width: 100%; + height: 100%; + width: 100%; + transition: 0.3s; + object-fit: cover; + border-radius: 0.6rem; + } + } + + .text_area { + position: absolute; + top: 0; + left: 0; + width: 100%; + color: #ffffff; + margin-top: 7rem; + padding: 0 7rem; + + @include maxdesktop { + margin-top: 4rem; + padding: 0 4rem; + } + } + } +} + +.comp_1x_b_h_s_b { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 50%; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + } + } + + .text_area { + width: 50%; + padding: 5rem; + + @include maxtablet { + width: 100%; + padding: 0; + } + } + } +} + +.comp_1x_b_h_s_e1 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 50%; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + width: 50%; + margin-top: 0; + + @include maxtablet { + width: 100%; + margin-top: 3rem; + } + } + + &:nth-child(odd) { + .text_area { + padding-left: 5rem; + + @include maxtablet { + padding-left: 0; + } + } + } + + &:nth-child(even), + &.reverse { + flex-direction: row-reverse; + + .text_area { + padding-right: 5rem; + + @include maxtablet { + padding-right: 0; + } + } + } + + &:not(:first-child) { + margin-top: 5rem; + } + } +} + +.comp_1x_b_h_s_e3 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 50%; + aspect-ratio: 1 / 1; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + + video { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + width: 50%; + margin-top: 0; + + @include maxtablet { + width: 100%; + margin-top: 3rem; + } + } + + &:nth-child(odd) { + .text_area { + padding-left: 5rem; + + @include maxtablet { + padding-left: 0; + } + } + } + + &:nth-child(even) { + flex-direction: row-reverse; + + .text_area { + padding-right: 5rem; + + @include maxtablet { + padding-right: 0; + } + } + } + + &:not(:first-child) { + margin-top: 5rem; + } + } +} + +.comp_1x_b_h_s_e4 { + border-top: 1px solid #dedede; + padding-top: 6rem; + + @include maxtablet { + padding-top: 7.5rem; + } + + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + margin-bottom: 5rem; + + .image_area { + width: 20%; + max-width: 12rem; + + img { + width: 100%; + } + } + + .text_area { + width: 80%; + margin-top: 0; + margin-left: 3rem; + + p { + color: #676767; + } + } + } + } +} + +.comp_2x_b_v_s_e1 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + + @include maxtablet { + display: block; + } + + .half_area { + display: flex; + flex-direction: column; + width: calc((100% - 6rem) / 2); + + @include maxtablet { + display: block; + width: 100%; + } + + .image_area { + width: 100%; + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + &:last-child { + flex-direction: column-reverse; + margin-top: 5rem; + + @include maxtablet { + display: block; + } + } + + .text_area { + padding-bottom: 4rem; + } + } + } +} + +.comp_2x_b_v_s_b { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + + @include maxtablet { + display: block; + } + + .half_area { + width: calc((100% - 2rem) / 2); + + @include maxtablet { + width: 100%; + display: block; + } + + .image_area { + width: 100%; + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + &:last-child { + @include maxtablet { + margin-top: 4rem; + } + } + } + } +} + +.comp_1x_b_h_s_e2 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 46%; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + width: calc(54% - 5rem); + margin-top: 0; + + @include maxtablet { + width: 100%; + margin-top: 3rem; + } + + ul { + margin-top: 5.5rem; + + li { + display: flex; + justify-content: flex-start; + align-items: center; + + p { + margin-top: 0; + margin-left: 3rem; + font-size: 1.6rem; + line-height: 2.4rem; + color: #676767; + } + + &:not(:first-child) { + margin-top: 3rem; + } + } + } + } + } +} + +.comp_2x_b_h_s_e2 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: flex-start; + width: calc((100% - 5rem) / 2); + margin-bottom: 5rem; + + @include maxtablet { + width: 100%; + } + + .image_area { + width: 20%; + max-width: 12rem; + + img { + width: 100%; + } + } + + .text_area { + width: 80%; + margin-top: 0; + margin-left: 3rem; + + p { + color: #676767; + } + } + } + } +} + +.comp_2x_b_h_s_e3 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: center; + width: calc((100% - 5rem) / 2); + margin-bottom: 5rem; + + @include maxtablet { + width: 100%; + } + + .image_area { + width: 20%; + max-width: 12rem; + + img { + width: 100%; + } + } + + .text_area { + width: 80%; + margin-top: 0; + margin-left: 3rem; + + p { + color: #676767; + } + } + } + } +} + +.comp_3x_b_v_s_b { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + width: calc((100% - 10rem) / 3); + + @include maxtablet { + width: 100%; + + &:not(:first-child) { + margin-top: 6rem; + } + } + + .image_area { + width: 100%; + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + margin-top: 3rem; + + p { + margin-top: 1.5rem; + } + } + } + } +} + +.comp_1x_b_n_n_b { + margin-top: 15rem; + background-color: #f3f3f3; + padding: 4rem 0; + + @media (max-width: 1024px) { + margin-top: 6rem; + } + + .comp_body { + .title { + font-size: 1.8rem; + font-weight: 600; + color: #000000; + } + + ul { + margin-top: 10px; + + li { + position: relative; + padding: 0.5rem 0 0.5rem 1rem; + font-size: 1.4rem; + font-weight: 400; + line-height: 2.2rem; + + &::before { + content: "∙"; + position: absolute; + top: 0.5rem; + left: 0; + } + } + } + } } .pdpDetail { - padding-bottom: 10rem; + padding-bottom: 10rem; - @include maxtablet { - padding-bottom: 6rem; - } + @include maxtablet { + padding-bottom: 6rem; + } } .disclaimerArea { - padding-bottom: 10rem; + padding-bottom: 10rem; - @include maxtablet { - padding-bottom: 6rem; + @include maxtablet { + padding-bottom: 6rem; + } + + .disclaimerInner { + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; + } } - .disclaimerInner { - h2 { - width: 100%; - font-size: 2.4rem; - font-weight: 600; + .disclaimerList { + margin-top: 4rem; + border-top: 1px solid #999999; + border-bottom: 1px solid #999999; - @include maxtablet { - font-size: 1.8rem; - } - } + @include maxtablet { + margin-top: 3rem; + } - .disclaimerList { - margin-top: 4rem; - border-top: 1px solid #999999; - border-bottom: 1px solid #999999; - - @include maxtablet { - margin-top: 3rem; - } - - .item { - display: flex; - justify-content: space-between; - align-items: center; - padding: 2rem 0; - border-bottom: 1px solid #dedede; - - &:last-child { - border-bottom: none; - } - - @include maxtablet { - display: block; - } - - .title { - width: 15.5rem; - padding-right: 2rem; - font-size: 1.6rem; - line-height: 2.4rem; - font-weight: 600; - word-break: keep-all; - - @include maxtablet { - width: 100%; - padding-right: 0; - font-size: 1.4rem; - line-height: 2.2rem; - } - } - - .bar { - width: 0.1rem; - height: 1.5rem; - background-color: #dedede; - - @include maxtablet { - display: none; - } - } - - .contents { - width: calc(100% - 15.6rem); - padding-left: 2rem; - font-size: 1.6rem; - line-height: 2.4rem; - word-break: keep-all; - color: #676767; - - @include maxtablet { - width: 100%; - font-size: 1.4rem; - line-height: 2.2rem; - margin-top: 1.5rem; - padding-left: 0; - } - - li { - position: relative; - padding-left: 1rem; - - &::before { - content: "∙"; - position: absolute; - top: 0; - left: 0; - line-height: 2.2rem; - } - - a { - color: #676767; - text-decoration: none !important; - border-bottom: 1px solid #676767; - } - } - } - } - } - } -} - -.reviewArea { - margin-top: 0; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 0.1rem solid #dedede; - border-bottom: 0.1rem solid #dedede; - - &:has(+ .qnaArea) { - border-bottom: none; - } - - @include maxtablet { - padding-top: 6rem; - padding-bottom: 6rem; - } - - .reviewInner { - .titleArea { - display: flex; - justify-content: space-between; - align-items: center; - - h2 { - width: 100%; - font-size: 2.4rem; - font-weight: 600; - - @include maxtablet { - font-size: 1.8rem; - } - } - - .searchBox { - .selectInner { - .cont-select { - position: relative; - width: 100%; - height: 4.5rem; - min-width: 10rem; - - @include tablet { - width: 13rem; - } - - .btn-select { - position: relative; - width: 100%; - height: 4.5rem; - font-size: 1.4rem; - padding: 1.4rem 2rem; - background-color: #fff; - border: 1px solid #dedede; - box-sizing: border-box; - cursor: pointer; - text-align: left; - color: #000; - line-height: 1; - /* 말줄임 */ - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - - @include tablet { - font-size: 1.6rem; - } - - &::after { - content: ""; - position: absolute; - right: 1rem; - top: 40%; - transform: translate(-50%, 0); - width: 1.4rem; - height: 0.8rem; - display: block; - background: url("/kr/assets/images/common/icon-notice.svg"); - background-size: contain; - background-repeat: no-repeat; - transform: rotate(-180deg); - } - } - - .list-member { - display: none; - position: absolute; - padding: 1rem 2rem; - width: 100%; - top: 4.4rem; - left: 0; - border: 1px solid #dedede; - box-sizing: border-box; - background-color: #fff; - z-index: 1; - } - - .btn-select.on { - &::after { - transform: rotate(0deg); - } - } - - .btn-select.on + .list-member { - display: block; - } - - .list-member li { - font-size: 1.6rem; - line-height: 2; - box-sizing: border-box; - } - - .list-member li button { - width: 100%; - font-size: 1.6rem; - border: none; - background-color: #fff; - cursor: pointer; - text-align: left; - /* 말줄임 */ - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - } - } - } - } - - .reviewList { - margin-top: 3rem; - border-top: 1px solid #999999; - border-bottom: 1px solid #999999; - - @include maxtablet { - margin-top: 2rem; - } - - .item { - display: flex; - justify-content: space-between; - align-items: flex-end; - padding: 2rem 0; - border-bottom: 1px solid #dedede; - - @include maxtablet { - display: block; - } - - .textArea { - width: calc(100% - 10rem); - padding-right: 5rem; - - @include maxtablet { - width: 100%; - padding-right: 0; - } - - .title { - display: flex; - justify-content: flex-start; - align-items: center; - - .name { - font-size: 1.6rem; - font-weight: 600; - } - - .date { - margin-left: 1rem; - font-size: 1.4rem; - color: #9ea1a2; - } - } - - .contents { - margin-top: 1.5rem; - font-size: 1.6rem; - line-height: 2.4rem; - - @include maxtablet { - margin-top: 1.3rem; - } - - &.abstracted { - white-space: normal; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - } - } - - .contentMoreBtn { - display: none; - align-items: center; - margin-top: 1rem; - font-size: 1.6rem; - color: #9ea1a2; - cursor: pointer; - - &::after { - content: ""; - display: block; - width: 1rem; - height: 1rem; - margin-left: 0.5rem; - background-image: url("/kr/assets/images/common/icon-more.svg"); - background-size: contain; - background-repeat: no-repeat; - background-position: center; - } - - &.active { - &::after { - background-image: url("/kr/assets/images/common/icon-briefly.svg"); - } - } - } - } - - .reviewBtnArea { - width: 10rem; - - @include maxtablet { - display: flex; - justify-content: flex-end; - width: 100%; - margin-top: 1.5rem; - } - - .reviewBtn { - display: flex; - justify-content: center; - align-items: center; - width: 10rem; - height: 3.5rem; - border: 1px solid #dedede; - border-radius: 0.6rem; - transition: 0.3s; - - .icon-good { - width: 2rem; - height: 2rem; - background-image: url("/kr/assets/images/common/icon_good.svg"); - background-repeat: no-repeat; - background-size: contain; - } - - .goodNum { - margin-left: 0.8rem; - padding-top: 0.2rem; - color: #9ea1a2; - font-size: 1.4rem; - font-weight: 600; - line-height: 2rem; - } - - &:hover { - border: 1px solid #000000; - } - - &.active { - .goodNum { - color: #000000; - } - } - } - } - } - } - - .noList { - display: flex; - justify-content: center; - align-items: center; - height: 14rem; - margin-top: 4rem; - border: 1px solid #dedede; - border-radius: 0.6rem; - font-size: 1.8rem; - color: #9ea1a2; - - @include tablet { - font-size: 2rem; - } - } - } -} - -.qnaArea { - margin-top: 0; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 0.1rem solid #dedede; - border-bottom: 0.1rem solid #dedede; - - @include maxtablet { - padding-top: 6rem; - padding-bottom: 6rem; - } - - .qnaInner { - .titleArea { - display: flex; - justify-content: space-between; - align-items: center; - - h2 { - width: 100%; - font-size: 2.4rem; - font-weight: 600; - - @include maxtablet { - font-size: 1.8rem; - } - } - } - - .qnaList { - margin-top: 4rem; - - @include maxtablet { - margin-top: 3rem; - } - } - - .qnaList { - width: 100%; - margin-top: 2rem; - - // padding-left:2rem; - // padding-right:2rem; - @include desktopMin { - max-width: 120rem; - margin-top: 2rem; - } - - @include desktopMax { - padding-left: 0; - padding-right: 0; - } - - .qnaAccodion { - .accordion { - dl { - border: 1px solid #dedede; - border-radius: 0.6rem; - padding: 2rem; - position: relative; - - &:hover { - border-color: #05141f; - } - - @include tablet { - padding: 2.5rem; - } - - dt { - display: flex; - align-items: center; - justify-content: space-between; - font-size: 1.6rem; - font-weight: 600; - position: relative; - cursor: pointer; - - @include desktopMin { - font-size: 1.8rem; - } - - > p { - position: relative; - width: 93%; - - .subTitle { - display: flex; - justify-content: flex-start; - align-items: center; - color: #9ea1a2; - margin-bottom: 1.5rem; - font-size: 1.4rem; - font-weight: 400; - - .badge { - display: flex; - justify-content: center; - align-items: center; - height: 2.5rem; - margin-right: 1rem; - padding: 0 0.8rem; - border: 0.1rem solid #dedede; - font-size: 1.4rem; - font-weight: 400; - - &.an { - color: #9ea1a2; - } - - &.ay { - color: #000000; - } - } - } - - span { - font-weight: 600; - } - } - - &:hover { - color: var(--unnamed-color-00aad2); - } - - &::after { - content: ""; - position: absolute; - right: 0rem; - top: 65%; - transform: translate(-50%, 0); - transform: rotate(-180deg); - width: 1.4rem; - height: 0.8rem; - display: block; - background: url("/kr/assets/images/common/icon-notice.svg"); - background-size: contain; - background-repeat: no-repeat; - - @include tablet { - top: 40%; - right: 1rem; - } - } - } - - dt.active { - &::after { - transform: rotate(0deg); - background-position-x: right; - right: 0rem; - - @include tablet { - right: 1rem; - } - } - } - - dt.active + dd { - display: block; - } - - dd { - display: none; - margin-top: 3rem; - - p { - font-size: 1.4rem; - line-height: 2.4rem; - color: #000000; - - @include desktopMin { - font-size: 1.6rem; - } - } - - .imageArea { - display: flex; - justify-content: flex-start; - align-items: center; - width: 100%; - margin-top: 3rem; - - .item { - width: calc((100% - 4rem) / 3); - border: 0.1rem solid #dedede; - overflow: hidden; - margin-right: 2rem; - - &:last-child { - margin-right: 0; - } - - .box { - position: relative; - padding-top: 100%; - background-repeat: no-repeat; - background-size: contain; - background-position: center; - } - } - } - - .adminAnswer { - margin-top: 3.5rem; - padding-top: 3.5rem; - border-top: 0.1rem solid #dedede; - - .subTitle { - color: #9ea1a2; - font-size: 1.4rem; - font-weight: 400; - } - - .answer { - margin-top: 1.5rem; - } - - .downloadArea { - display: flex; - justify-content: flex-start; - flex-wrap: wrap; - width: 100%; - margin-top: 2rem; - - .downloadItem { - display: flex; - justify-content: center; - align-items: center; - font-size: 1.6rem; - padding: 0.7rem 1rem; - background-color: #f3f3f3; - color: #000000; - margin-right: 1rem; - margin-bottom: 1rem; - - &:hover { - text-decoration: underline; - } - - .icon { - width: 2rem; - height: 2rem; - background-image: url("/kr/assets/images/common/icon-download.svg"); - background-repeat: repeat; - margin-left: 0.8rem; - } - } - } - } - - .csBtn { - margin: 0 auto; - margin-top: 4rem; - width: 100%; - - @include tablet { - width: 37rem; - margin-top: 5rem; - } - - .oneButton { - width: 16rem; - margin: 0 auto; - } - - .towButton { - display: flex; - flex-wrap: wrap; - - @include tablet { - flex-wrap: nowrap; - } - - .leftBtn { - margin-right: 0; - - @include tablet { - margin-right: 0.5rem; - } - } - - .rightBtn { - margin-left: 0; - - @include tablet { - margin-left: 0.5rem; - } - } - - button + button { - margin-top: 1rem; - - @include tablet { - margin-left: 1rem; - margin-top: 0; - } - } - } - } - } - - > .dd-padding { - padding-left: 6.5rem; - } - } - - dl.active { - border-color: #000; - } - - dl.private { - &:hover { - border-color: #dedede; - } - - dt { - cursor: default; - - &:after { - content: none; - } - - &:hover { - } - - > p { - span { - color: #9ea1a2; - } - } - } - } - - dl + dl { - margin-top: 1rem; - } - } - - .noList { - display: flex; - justify-content: center; - align-items: center; - height: 14rem; - - border: 1px solid #dedede; - border-radius: 0.6rem; - font-size: 1.8rem; - color: #9ea1a2; - - @include tablet { - font-size: 2rem; - } - } - } - } - } -} - -.listbtnWarp { - width: 100%; - margin: 0 auto; - padding: 0 2rem; - - @include desktopMin { - width: 16rem; - } - - a::before, - a::after { - width: 3.2rem; - - @include desktopMin { - width: 3.2rem; - } - } -} - -.pdpDisplayThemeSwiper { - .swiper-wrapper { - transition-timing-function: linear; - } -} - -.displayTheme { - .visualBg { - position: absolute; - width: 100%; - max-width: 192rem; - - @include maxdesktop { - overflow: hidden; - height: 76rem; - } - - @media (max-width: 820px) { - height: 62rem; - } - - @include maxtablet { - height: 76rem; - } - - @include maxmobile { - height: 71rem; - } - - img { - width: auto; - object-fit: cover; - object-position: center; - - @include maxdesktop { - width: 100%; - object-fit: initial; - object-position: initial; - } - - &.mobile { - display: none; - } - - @include maxdesktop { - &.web { - display: none; - } - - &.mobile { - display: block; - object-fit: initial; - height: auto; - } - } - } - - &:after { - content: ""; - display: none; - position: absolute; - bottom: 0; - left: 0; - z-index: 2; - width: 100%; - height: 60%; - background: rgb(255, 255, 255); - background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%); - } - } - - &.comp_wide { - .comp_body { - &.layer_up { - .text_area { - margin-top: 5.2rem; - - @include maxtablet { - margin-top: 6rem !important; - } - } - } - - .text_area { - @include maxtablet { - margin-top: 3rem !important; - - h3 { - font-size: 3rem; - } - - .info { - font-size: 1.4rem; - } - } - } - } - - .comp_bottom { - display: flex; - align-items: center; - position: relative; - z-index: 2; - // max-height: 26rem; - - @include maxdesktop { - // max-height: 22rem; - padding: 3rem 0; - } - - @include maxtablet { - // max-height: 22rem; - padding: 2rem 0; - } - - &.thumb-swiper { - overflow: hidden; - flex-wrap: wrap; - padding: 17rem 0 0; - - .com_bottm_inner { - padding: 3.4rem 0; - background-color: rgba(0, 0, 0, 0.8); - } - - @include maxtablet { - padding: 31.2rem 0 0; - - .com_bottm_inner { - padding: 2.4rem 0; - } - } - } - - .com_bottm_inner { - display: flex; - justify-content: center; - align-items: center; - position: relative; - width: 100%; - height: 100%; - - @include maxdesktop { - padding: 3rem 0; - } - - @include maxtablet { - padding: 2.5rem 0; - } - - .swiper { - overflow: visible; - width: 100%; - padding: 0 10rem; - - &:before, - &:after { - content: ""; - display: block; - position: absolute; - top: -4rem; - bottom: -4rem; - left: 0; - z-index: 2; - width: 10rem; - background: rgb(0, 0, 0); - background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - &:after { - left: auto; - right: 0; - background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - @include maxtablet { - &:before, - &:after { - display: none; - } - } - - @media (max-width: 1200px) { - padding-right: 2rem; - } - - .swiper-wrapper { - width: 100%; - transition-timing-function: linear; - - .swiper-slide { - width: 11.6rem !important; - padding: 6px; - border: 2px solid transparent; - cursor: pointer; - - @include maxtablet { - width: 12rem !important; - padding: 0.8rem; - } - - &:first-child { - @media (max-width: 1240px) { - margin-left: 2rem; - } - } - - img { - max-width: 100%; - } - - p { - margin-top: 0.3rem; - font-size: 1.2rem; - font-weight: 400; - color: #fff; - text-transform: uppercase; - text-align: left; - - @media (max-width: 768px) { - margin-top: 0.5rem; - } - } - - &.selected { - border: 2px dashed rgba(255, 255, 255, 0.5); - } - - &.active { - border: 2px solid #f8c40c; - } - } - } - } - } - } - } - - .comp_top { - z-index: 2; - - // height: 10rem; - .comp_body { - .text_area { - // display: flex; - h3 { - font-size: 3rem; - margin-bottom: 1rem; - } - - .info { - font-size: 1.6rem; - } - - > * { - flex: 1; - } - } - } - } - - .comp_md { - position: absolute; - z-index: 2; - top: 0; - height: 48rem; - background-color: rgba(0, 0, 0, 0); - - @include maxtablet { - height: 3rem; - } - } - - &.type2 { - .comp_bottom { - background-color: transparent; - - .com_bottm_inner { - .thumb-wrap { - display: flex; - flex-wrap: wrap; - gap: 1.4rem 2rem; - width: 100%; - max-width: 118rem; - margin: 0 auto; - - .dtthumb { - width: 13rem; - } - - .img-area { - display: flex; - justify-content: center; - align-items: center; - width: 13rem; - height: 12rem; - background-color: #fff; - border-radius: 0.8rem; - } - - p { - font-size: 1.4rem; - font-weight: 600; - color: #fff; - text-transform: uppercase; - } - } - } - } - } - - .dtlImgs { - position: relative; - padding-top: 7.2rem; - - @include maxtablet { - padding-top: 7.2rem; - } - - .item { - transition: opacity 0.2s; - - .text_area { - margin-top: 4rem; - - @include maxtablet { - margin-top: 2rem; - } - } - - & + .item { - margin-top: 8rem; - - @include maxtablet { - margin-top: 5rem; - } - } - - &.change { - opacity: 0; - } - } - } - - & + .comp_1x_b_v_s_b { - position: relative; - z-index: 2; - margin-top: 0; - - @include maxtablet { - margin-top: 4rem; - } - - .image_area { - height: auto; - } - } - - .comp_body .swiper-slide .text_area h5 { - font-size: 3rem; - - @include maxtablet { - font-size: 2rem; - } - } - - &.welcome-goodbye { - margin-top: 8rem; - - .comp_body { - & + .comp_body { - margin-top: 10rem; - } - - .text_area { - margin-bottom: 2rem; - } - - video { - width: 100%; - } - } - } -} - -.displayThemeDtl { - .swiper-navigation { - > * { - top: 210px; - left: -65px; - width: 5rem; - height: 5rem; - border-radius: 50%; - background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; - - &:after { - display: none; - } - } - - .swiper-button-next { - left: auto; - right: -65px; - transform: rotate(180deg); - } - - @media (max-width: 1200px) { - display: none; - } - } - - .swiper-pagination { - top: 46.4rem; - - // top:36.4vw; - @media (max-width: 1200px) { - top: 36.4vw; - } - - @include maxtablet { - // top: 14.4rem; - } - - .swiper-pagination-bullet { - opacity: 1; - width: 5.6rem; - height: 0.4rem; - border-radius: 0; - background-color: #e9e9e9; - - &.swiper-pagination-bullet-active { - background-color: #000; - } - } - } -} - -.inCarGame { - &.comp_1x_w_v_o_b { - .image_area { - @include maxtablet { - overflow: hidden; - height: auto; - } - } - } - - .comp_top.title-area { - position: absolute; - top: 0; - left: 0; - width: 100%; - } - - .visualBg { - position: absolute; - width: 100%; - max-width: 192rem; - - img { - width: 100%; - - &.mobile { - display: none; - } - - @include maxtablet { - &.web { - display: none; - } - - &.mobile { - display: block; - object-fit: initial; - height: auto; - } - } - } - - &.swiper { - position: relative; - - .swiper-pagination { - bottom: 3rem; - - .swiper-pagination-bullet { - opacity: 1; - width: 5.6rem; - height: 0.4rem; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.5); - - @include maxtablet { - width: 3rem; - height: 0.3rem; - } - - &.swiper-pagination-bullet-active { - background-color: rgba(255, 255, 255, 1); - } - } - } - - .image_area { - img { - object-fit: cover; - } - } - } - - // &:after { - // content:""; - // display: block; - // position: absolute; - // bottom:0; - // left:0; - // z-index: 2; - // width: 100%; - // height: 60%; - // background: rgb(255,255,255); - // background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%); - // } - } - - &.comp_wide { - .comp_body { - &.layer_up { - .text_area { - margin-top: 7rem; - - .info { - line-height: 1.5; - - br { - display: none; - - @include maxtablet { - display: block; - } - } - } - } - } - - .text_area { - @include maxtablet { - margin-top: 6rem; - - h3 { - font-size: 3rem; - line-height: 4rem; - } - - .info { - font-size: 1.4rem; - } - } - } - } - - .comp_bottom { - display: flex; - align-items: center; - position: relative; - z-index: 2; - // max-height: 26rem; - padding: 4rem 0; - margin-top: 8rem; - background-color: rgba(0, 0, 0, 1); - - @include maxdesktop { - // max-height: 22rem; - padding: 3rem 0; - } - - @include maxtablet { - // max-height: 22rem; - padding: 0; - margin-top: 4rem; - } - - .com_bottm_inner { - display: flex; - justify-content: center; - align-items: center; - position: relative; - width: 100%; - height: 100%; - - @include maxdesktop { - padding: 3rem 0; - } - - @include maxtablet { - padding: 2.5rem 0; - } - - .swiper { - width: 100%; - padding: 0 10rem; - - &:before, - &:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - z-index: 2; - width: 10rem; - height: 100%; - background: rgb(0, 0, 0); - background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - &:after { - left: auto; - right: 0; - background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - @include maxtablet { - &:before, - &:after { - display: none; - } - } - - @media (max-width: 1200px) { - padding-right: 2rem; - } - - .swiper-wrapper { - width: 100%; - transition-timing-function: linear; - - .swiper-slide { - width: 16.6rem !important; - padding: 6px; - border: 2px solid transparent; - cursor: pointer; - - @include maxtablet { - width: 18rem !important; - padding: 0.8rem; - } - - &:first-child { - @media (max-width: 1240px) { - margin-left: 2rem; - } - } - - img { - max-width: 100%; - } - - p { - margin-top: 0.3rem; - font-size: 1.4rem; - font-weight: 400; - color: #fff; - text-transform: uppercase; - text-align: left; - - @media (max-width: 768px) { - margin-top: 0.5rem; - } - } - - &.active { - border-color: #fff; - } - } - } - } - } - } - } - - .comp_top { - z-index: 2; - // height: 46rem; - // height: 340px; - // max-height: 529px; - - // @include maxtablet { - // height: 43.9rem; - // } - - .comp_body { - .text_area { - // display: flex; - h3 { - margin-bottom: 2rem; - } - - > * { - flex: 1; - } - } - } - } - - .comp_md { - position: absolute; - z-index: 2; - top: 0; - height: 48rem; - background-color: rgba(0, 0, 0, 0); - - @include maxtablet { - height: 3rem; - } - } - - &.type2 { - .comp_bottom { - background-color: transparent; - - .com_bottm_inner { - .thumb-wrap { - display: flex; - flex-wrap: wrap; - gap: 1.4rem 2rem; - width: 100%; - max-width: 118rem; - margin: 0 auto; - - .dtthumb { - width: 13rem; - } - - .img-area { - display: flex; - justify-content: center; - align-items: center; - width: 13rem; - height: 12rem; - background-color: #fff; - border-radius: 0.8rem; - } - - p { - font-size: 1.4rem; - font-weight: 600; - color: #fff; - text-transform: uppercase; - } - } - } - } - } - - .dtlImgs { - .item { - transition: opacity 0.2s; - - .text_area { - margin-top: 4rem; - - @include maxtablet { - margin-top: 2rem; - } - } - - & + .item { - margin-top: 8rem; - - @include maxtablet { - margin-top: 5rem; - } - } - - &.change { - opacity: 0; - } - } - } - - & + .comp_1x_b_v_s_b { - position: relative; - z-index: 2; - margin-top: 2rem; - - @include maxtablet { - margin-top: 7.5rem; - } - - .image_area { - height: auto; - border-radius: 0.8rem; - - img { - display: block; - border-radius: 0.8rem; - overflow: hidden; - } - - @include maxtablet { - video { - width: 100%; - } - } - } - - @include maxtablet { - margin-top: 3rem; - } - - .dtlImgs { - .text_area { - display: none; - margin-top: 3.2rem; - } - - @for $i from 0 through 12 { - &.theme#{$i} { - .text_theme#{$i} { - display: block; - } - } - } - } - } - - &.comp_2x_b_h_s_e2 .comp_body .item .text_area { - margin-top: 0; - } - - &.comp_wide.comp_2x_b_h_s_e2 { - margin-top: 20rem; - - @include maxtablet { - margin-top: 10rem; - } - } - - .comp_body .swiper-slide .text_area h5 { - font-size: 3rem; - - @include maxtablet { - font-size: 2rem; - } - } - - .inCarGameDtl { - overflow: hidden; - border-radius: 0.8rem; - - .swiper-slide { - cursor: pointer; - } - } - - .inCarGameDtlThumb { - margin-top: 0.7rem; - - .swiper-slide { - overflow: hidden; - position: relative; - height: 14.85rem; - border-radius: 0.8rem; - - @include maxtablet { - height: 4.5rem; - border-radius: 0.4rem; - } - - cursor: pointer; - - &.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; - - @include maxtablet { - width: 30px; - height: 31px; - opacity: 0.75; - } - } - - &.theme5 { - &::before { - display: none; - } - } - } - - img { - display: block; - max-width: 100%; - overflow: hidden; - } - - video { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 1; - width: 100%; - } - - &:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - z-index: 3; - width: 100%; - height: 100%; - border-radius: 0.8rem; - background-color: rgba(0, 0, 0, 0.7); - } - - &.swiper-slide-thumb-active { - &:after { - display: none; - } - } - } - } -} - -.tooltip { - display: flex; - align-items: center; - position: absolute; - top: -8.5rem; - left: 0; - z-index: 10; - width: 27.6rem; - height: 7.2rem; - padding: 0 0 0 1.6rem; - font-size: 1.2rem; - color: #05141f; - line-height: 2rem; - border: 1px solid #000; - border-radius: 0.4rem; - background-color: #fff; - - &:after { - content: ""; - display: block; - position: absolute; - bottom: -0.9rem; - left: 2.4rem; - width: 1.5rem; - height: 0.9rem; - background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain; - } - - .btn-close { - position: absolute; - top: 1.6rem; - right: 1.6rem; - width: 1.6rem; - height: 1.6rem; - background: url("../images/kia/pdp/display_theme/ico_close.png") no-repeat center / contain; - text-indent: -9999em; - cursor: pointer; - } -} - -.theme-story { - display: flex; - align-items: center; - column-gap: 1.6rem; - position: absolute; - top: 1.4rem; - left: 0; - width: 100%; - max-width: 120rem; - margin: 0 auto; - - @include maxdesktop { - overflow-x: auto; - padding: 0 2rem; - } - - @include maxtablet { - top: 0; - } - - .tooltip { - display: none; - } - - .btn-dtthumb { - position: relative; - - &.active { - .dtthumb { - border-color: rgba(248, 196, 12, 1); - background-color: rgba(253, 224, 68, 0.5); - } - } - } - - .dtthumb { - display: flex; - align-items: center; - width: 15.5rem; - height: 4.4rem; - padding: 0 0 0 0.8rem; - font-size: 1.2rem; - color: #fff; - border: 1px solid #fff; - border-radius: 2.2rem; - background-color: rgba(236, 221, 193, 0.5); - text-align: left; - cursor: pointer; - - img { - display: block; - width: 3rem; - height: 3rem; - margin-right: 0.8rem; - border-radius: 50%; - } - - @include maxtablet { - width: 7.4rem; - - p { - display: none; - } - } - } - - .btn-remove { - position: absolute; - top: 50%; - right: 0.6rem; - width: 2.4rem; - height: 2.4rem; - margin-top: -1.2rem; - background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto; - text-indent: -9999em; - cursor: pointer; - } -} - -.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label { - height: auto; - padding: 2rem 2rem 2rem 0; - - &:before { - display: none; - } - - strong { - font-size: 1.6rem; - - span { - font-size: 1.6rem; - } - } - - span { - color: #aaa !important; - font-size: 1.4rem; - } -} - -.comp_wide.comp_2x_b_h_s_e2 { - position: relative; - z-index: 2; -} - -.streamingPremium { - .mobile { - display: none; - } - - @include maxtablet { - .web { - display: none; - } - - .mobile { - display: block; - object-fit: initial; - height: auto; - } - } - - &.comp_1x_b_v_s_b { - margin-top: 4rem; - - @include maxmobile { - margin-top: 2rem; - } - - .mt-12 { - margin-top: 12rem; - - @include maxmobile { - margin-top: 6rem; - } - } - - .mb-2 { - margin-bottom: 2rem; - - @include maxmobile { - margin-top: 1rem; - } - } - } - - &.comp_1x_w_v_o_b { - .image_area { - @include maxtablet { - overflow: hidden; - height: auto; - } - } - } - - .visualBg { - overflow: hidden; - position: relative; - width: 100%; - max-width: 192rem; - max-height: 70rem; - - @include maxtablet { - max-height: auto; - } - - img { - width: 100%; - } - } - - &.comp_wide { - .comp_body { - &.layer_up { - .text_area { - margin-top: 7rem; - - .info { - line-height: 1.5; - - br { - display: none; - - @include maxtablet { - display: block; - } - } - } - } - } - - .text_area { - @include maxtablet { - margin-top: 3rem; - - h3 { - font-size: 3rem; - line-height: 4rem; - } - - .info { - font-size: 1.4rem; - } - } - } - - .refund-table { - .text_area { - margin-top: 0; - } - } - - .table-area { - margin-bottom: 12rem; - - @include maxtablet { - margin-bottom: 5rem; - } - - .index { - padding: 1.6rem 0 1rem; - font-size: 1.4rem; - color: #676767; - text-align: right; - } - - table { - width: 100%; - border-top: 1px solid #999; - - th { - height: 7.6rem; - padding: 0 1rem; - font-size: 1.6rem; - font-weight: 600; - vertical-align: middle; - text-align: center; - - @include maxtablet { - font-size: 1.4rem; - } - } - - tbody { - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - - td { - padding: 1rem; - font-size: 1.4rem; - font-weight: 400; - text-align: center; - } - } - } - } - } - } - - &.comp_1x_b_v_s_b { - .image_area { - height: auto; - } - } - - .comp_top { - z-index: 2; - - // height: 70rem; - // @include maxtablet{ - // height: 43.9rem; - // } - .comp_body { - .text_area { - // display: flex; - h3 { - margin-bottom: 2rem; - } - - > * { - flex: 1; - } - } - } - } - - .comp_md { - position: absolute; - z-index: 2; - top: 0; - height: 48rem; - background-color: rgba(0, 0, 0, 0); - - @include maxtablet { - height: 3rem; - } - } - - .spec-area { - padding: 6rem 0 16rem; - - @include maxmobile { - padding: 3rem 0 8rem; - } - } -} - -.comp_wide { - &.title-only { - & + .comp_wide { - margin-top: 4rem; - } - } - - .between { + .item { display: flex; justify-content: space-between; align-items: center; + padding: 2rem 0; + border-bottom: 1px solid #dedede; + + &:last-child { + border-bottom: none; + } + + @include maxtablet { + display: block; + } + + .title { + width: 15.5rem; + padding-right: 2rem; + font-size: 1.6rem; + line-height: 2.4rem; + font-weight: 600; + word-break: keep-all; + + @include maxtablet { + width: 100%; + padding-right: 0; + font-size: 1.4rem; + line-height: 2.2rem; + } + } + + .bar { + width: 0.1rem; + height: 1.5rem; + background-color: #dedede; + + @include maxtablet { + display: none; + } + } + + .contents { + width: calc(100% - 15.6rem); + padding-left: 2rem; + font-size: 1.6rem; + line-height: 2.4rem; + word-break: keep-all; + color: #676767; + + @include maxtablet { + width: 100%; + font-size: 1.4rem; + line-height: 2.2rem; + margin-top: 1.5rem; + padding-left: 0; + } + + li { + position: relative; + padding-left: 1rem; + + &::before { + content: "∙"; + position: absolute; + top: 0; + left: 0; + line-height: 2.2rem; + } + + a { + color: #676767; + text-decoration: none !important; + border-bottom: 1px solid #676767; + } + } + } + } } + } } -.editorWarp { - .visualBg { - img { - width: 100%; - object-fit: cover; - object-position: center; +.reviewArea { + margin-top: 0; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 0.1rem solid #dedede; + border-bottom: 0.1rem solid #dedede; - @include maxdesktop { - width: 100%; - object-fit: initial; - object-position: initial; - } + &:has(+ .qnaArea) { + border-bottom: none; + } - &.mobile { - display: none; - } + @include maxtablet { + padding-top: 6rem; + padding-bottom: 6rem; + } - @include maxdesktop { - &.web { - display: none; - } + .reviewInner { + .titleArea { + display: flex; + justify-content: space-between; + align-items: center; - &.mobile { - display: block; - object-fit: initial; - height: auto; - } - } + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; } + } + + .searchBox { + .selectInner { + .cont-select { + position: relative; + width: 100%; + height: 4.5rem; + min-width: 10rem; + + @include tablet { + width: 13rem; + } + + .btn-select { + position: relative; + width: 100%; + height: 4.5rem; + font-size: 1.4rem; + padding: 1.4rem 2rem; + background-color: #fff; + border: 1px solid #dedede; + box-sizing: border-box; + cursor: pointer; + text-align: left; + color: #000; + line-height: 1; + /* 말줄임 */ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + + @include tablet { + font-size: 1.6rem; + } + + &::after { + content: ""; + position: absolute; + right: 1rem; + top: 40%; + transform: translate(-50%, 0); + width: 1.4rem; + height: 0.8rem; + display: block; + background: url("/kr/assets/images/common/icon-notice.svg"); + background-size: contain; + background-repeat: no-repeat; + transform: rotate(-180deg); + } + } + + .list-member { + display: none; + position: absolute; + padding: 1rem 2rem; + width: 100%; + top: 4.4rem; + left: 0; + border: 1px solid #dedede; + box-sizing: border-box; + background-color: #fff; + z-index: 1; + } + + .btn-select.on { + &::after { + transform: rotate(0deg); + } + } + + .btn-select.on + .list-member { + display: block; + } + + .list-member li { + font-size: 1.6rem; + line-height: 2; + box-sizing: border-box; + } + + .list-member li button { + width: 100%; + font-size: 1.6rem; + border: none; + background-color: #fff; + cursor: pointer; + text-align: left; + /* 말줄임 */ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + } + } + } } - .video_wrap { - display: none; - align-items: center; - justify-content: center; - position: absolute; - top: 0; - left: 0; - width: 100%; - // height: 108rem; - // transform: translateY(-36rem); - padding-top: 56.25%; - z-index: 4; - background: rgba(0, 0, 0, 0.9); - opacity: 1; - transition: all 0.3s ease; + .reviewList { + margin-top: 3rem; + border-top: 1px solid #999999; + border-bottom: 1px solid #999999; - .video-area { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 80%; - max-width: 120rem; - aspect-ratio: 16/9; + @include maxtablet { + margin-top: 2rem; + } - .video { - width: 100%; - height: 100%; - background: #000; + .item { + display: flex; + justify-content: space-between; + align-items: flex-end; + padding: 2rem 0; + border-bottom: 1px solid #dedede; - .youtube-box { - width: 100%; - height: 100%; - } - - iframe { - width: 100%; - height: 100%; - } - - // video { - // display: block; - // width: 100%; - // height: 100%; - // visibility: visible; - - // &[poster] { - // height: 100%; - // width: 100%; - // } - // } - - // .video-ctrl { - // display: flex; - // align-items: center; - // justify-content: center; - // position: absolute; - // top: 50%; - // left: 50%; - // transform: translate(-50%, -50%); - // gap: 4rem; - // } - - .btn-play { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 8rem; - height: 8rem; - background: url(../images/kia/contents/ico_play.png?v1) no-repeat center / 100% auto; - text-indent: -9999em; - cursor: pointer; - - &.pause { - display: none; - background: url(../images/kia/contents/ico_pause.png?v1) no-repeat center / 100% auto; - } - - &.play { - display: block; - } - - @include maxmobile { - width: 4rem; - height: 4rem; - } - } - - .btn-sound { - display: none; - position: absolute; - bottom: 3rem; - right: 3rem; - width: 4rem; - height: 4rem; - background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; - text-indent: -9999em; - cursor: pointer; - - &.off { - background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; - } - - &.on { - background: url(../images/kia/contents/ico_sound_on.png?v1) no-repeat center / 100% auto; - } - - @include maxmobile { - bottom: 1.5rem; - right: 1.5rem; - width: 2rem; - height: 2rem; - } - } - } - - @include maxtablet { - width: 100%; - - .video { - border: 1.5rem solid #000; - border-bottom-width: 1.5rem; - } - } + @include maxtablet { + display: block; } - .btn-close { - position: absolute; - top: -4rem; - right: -16rem; - z-index: 10; - width: 14rem; - height: 14rem; - background-color: transparent; - border: none; - text-indent: -9999em; + .textArea { + width: calc(100% - 10rem); + padding-right: 5rem; + + @include maxtablet { + width: 100%; + padding-right: 0; + } + + .title { + display: flex; + justify-content: flex-start; + align-items: center; + + .name { + font-size: 1.6rem; + font-weight: 600; + } + + .date { + margin-left: 1rem; + font-size: 1.4rem; + color: #9ea1a2; + } + } + + .contents { + margin-top: 1.5rem; + font-size: 1.6rem; + line-height: 2.4rem; + + @include maxtablet { + margin-top: 1.3rem; + } + + &.abstracted { + white-space: normal; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + } + } + + .contentMoreBtn { + display: none; + align-items: center; + margin-top: 1rem; + font-size: 1.6rem; + color: #9ea1a2; cursor: pointer; - @media (max-width: 1024px) { - top: -7rem; - right: -12rem; - width: 10rem; - height: 10rem; + &::after { + content: ""; + display: block; + width: 1rem; + height: 1rem; + margin-left: 0.5rem; + background-image: url("/kr/assets/images/common/icon-more.svg"); + background-size: contain; + background-repeat: no-repeat; + background-position: center; } - @include maxtablet { - top: -7rem; - right: 0; - width: 6rem; - height: 6rem; + &.active { + &::after { + background-image: url("/kr/assets/images/common/icon-briefly.svg"); + } + } + } + } + + .reviewBtnArea { + width: 10rem; + + @include maxtablet { + display: flex; + justify-content: flex-end; + width: 100%; + margin-top: 1.5rem; + } + + .reviewBtn { + display: flex; + justify-content: center; + align-items: center; + width: 10rem; + height: 3.5rem; + border: 1px solid #dedede; + border-radius: 0.6rem; + transition: 0.3s; + + .icon-good { + width: 2rem; + height: 2rem; + background-image: url("/kr/assets/images/common/icon_good.svg"); + background-repeat: no-repeat; + background-size: contain; } - // @include maxmobile{ - // top:-6rem; - // right:-16rem; - // width: 14rem; - // height: 14rem; - // } - } - - .btn-close::before, - .btn-close::after { - content: ""; - position: absolute; - top: 50%; - left: 50%; - width: 9.2rem; - height: 2px; - background-color: #fff; - - @media (max-width: 1024px) { - width: 7rem; + .goodNum { + margin-left: 0.8rem; + padding-top: 0.2rem; + color: #9ea1a2; + font-size: 1.4rem; + font-weight: 600; + line-height: 2rem; } - @include maxtablet { - width: 4rem; - } - } - - .btn-close::before { - transform: translate(-50%, -50%) rotate(45deg); - } - - .btn-close::after { - transform: translate(-50%, -50%) rotate(-45deg); - } - - &.played { - .video { - .btn-sound { - display: block; - } - - &:hover { - .video-ctrl { - .btn-play { - display: block; - } - } - } - } - } - - &.paused { - .btn-play, - .btn-sound { - display: block !important; + &:hover { + border: 1px solid #000000; } - .video { - &:hover { - .video-ctrl { - .btn-play { - display: block; - } - } - } + &.active { + .goodNum { + color: #000000; + } } + } } - - // .btn-close { - // position: absolute; - // top: 2rem; - // right: 2rem; - // z-index: 1; - // width: 6rem; - // height: 6rem; - // background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain; - // cursor: pointer; - // text-indent: -9999em; - // @include maxtablet{ - // top: 1rem; - // right: 1rem; - // width: 4rem; - // height: 4rem; - // } - // } - @include maxtablet { - height: 56rem; - } - - @include maxmobile { - height: 40rem; - } + } } - .close-today { - display: flex; - align-items: center; - justify-content: center; - position: absolute; - bottom: 8.2rem; - width: 100%; - font-size: 1.6rem; - color: #fff; - font-weight: 600; - transition: all 0.2s ease; + .noList { + display: flex; + justify-content: center; + align-items: center; + height: 14rem; + margin-top: 4rem; + border: 1px solid #dedede; + border-radius: 0.6rem; + font-size: 1.8rem; + color: #9ea1a2; - span { - display: inline-flex; - align-items: center; - justify-content: center; + @include tablet { + font-size: 2rem; + } + } + } +} + +.qnaArea { + margin-top: 0; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 0.1rem solid #dedede; + border-bottom: 0.1rem solid #dedede; + + @include maxtablet { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .qnaInner { + .titleArea { + display: flex; + justify-content: space-between; + align-items: center; + + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; + } + } + } + + .qnaList { + margin-top: 4rem; + + @include maxtablet { + margin-top: 3rem; + } + } + + .qnaList { + width: 100%; + margin-top: 2rem; + + // padding-left:2rem; + // padding-right:2rem; + @include desktopMin { + max-width: 120rem; + margin-top: 2rem; + } + + @include desktopMax { + padding-left: 0; + padding-right: 0; + } + + .qnaAccodion { + .accordion { + dl { + border: 1px solid #dedede; + border-radius: 0.6rem; + padding: 2rem; position: relative; - input { - margin-right: 0.4rem; + &:hover { + border-color: #05141f; } - &:before { + @include tablet { + padding: 2.5rem; + } + + dt { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 1.6rem; + font-weight: 600; + position: relative; + cursor: pointer; + + @include desktopMin { + font-size: 1.8rem; + } + + > p { + position: relative; + width: 93%; + + .subTitle { + display: flex; + justify-content: flex-start; + align-items: center; + color: #9ea1a2; + margin-bottom: 1.5rem; + font-size: 1.4rem; + font-weight: 400; + + .badge { + display: flex; + justify-content: center; + align-items: center; + height: 2.5rem; + margin-right: 1rem; + padding: 0 0.8rem; + border: 0.1rem solid #dedede; + font-size: 1.4rem; + font-weight: 400; + + &.an { + color: #9ea1a2; + } + + &.ay { + color: #000000; + } + } + } + + span { + font-weight: 600; + } + } + + &:hover { + color: var(--unnamed-color-00aad2); + } + + &::after { content: ""; - display: block; position: absolute; - top: 0; - left: 0; + right: 0rem; + top: 65%; + transform: translate(-50%, 0); + transform: rotate(-180deg); + width: 1.4rem; + height: 0.8rem; + display: block; + background: url("/kr/assets/images/common/icon-notice.svg"); + background-size: contain; + background-repeat: no-repeat; + + @include tablet { + top: 40%; + right: 1rem; + } + } + } + + dt.active { + &::after { + transform: rotate(0deg); + background-position-x: right; + right: 0rem; + + @include tablet { + right: 1rem; + } + } + } + + dt.active + dd { + display: block; + } + + dd { + display: none; + margin-top: 3rem; + + p { + font-size: 1.4rem; + line-height: 2.4rem; + color: #000000; + + @include desktopMin { + font-size: 1.6rem; + } + } + + .imageArea { + display: flex; + justify-content: flex-start; + align-items: center; width: 100%; - height: 100%; + margin-top: 3rem; + + .item { + width: calc((100% - 4rem) / 3); + border: 0.1rem solid #dedede; + overflow: hidden; + margin-right: 2rem; + + &:last-child { + margin-right: 0; + } + + .box { + position: relative; + padding-top: 100%; + background-repeat: no-repeat; + background-size: contain; + background-position: center; + } + } + } + + .adminAnswer { + margin-top: 3.5rem; + padding-top: 3.5rem; + border-top: 0.1rem solid #dedede; + + .subTitle { + color: #9ea1a2; + font-size: 1.4rem; + font-weight: 400; + } + + .answer { + margin-top: 1.5rem; + } + + .downloadArea { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + width: 100%; + margin-top: 2rem; + + .downloadItem { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.6rem; + padding: 0.7rem 1rem; + background-color: #f3f3f3; + color: #000000; + margin-right: 1rem; + margin-bottom: 1rem; + + &:hover { + text-decoration: underline; + } + + .icon { + width: 2rem; + height: 2rem; + background-image: url("/kr/assets/images/common/icon-download.svg"); + background-repeat: repeat; + margin-left: 0.8rem; + } + } + } + } + + .csBtn { + margin: 0 auto; + margin-top: 4rem; + width: 100%; + + @include tablet { + width: 37rem; + margin-top: 5rem; + } + + .oneButton { + width: 16rem; + margin: 0 auto; + } + + .towButton { + display: flex; + flex-wrap: wrap; + + @include tablet { + flex-wrap: nowrap; + } + + .leftBtn { + margin-right: 0; + + @include tablet { + margin-right: 0.5rem; + } + } + + .rightBtn { + margin-left: 0; + + @include tablet { + margin-left: 0.5rem; + } + } + + button + button { + margin-top: 1rem; + + @include tablet { + margin-left: 1rem; + margin-top: 0; + } + } + } + } } - } - label { - display: flex; - align-items: center; - justify-content: center; - - input { - margin-right: 0.4rem; + > .dd-padding { + padding-left: 6.5rem; } + } + + dl.active { + border-color: #000; + } + + dl.private { + &:hover { + border-color: #dedede; + } + + dt { + cursor: default; + + &:after { + content: none; + } + + &:hover { + } + + > p { + span { + color: #9ea1a2; + } + } + } + } + + dl + dl { + margin-top: 1rem; + } } - @media (max-width: 1780px) { - bottom: 4rem; - } + .noList { + display: flex; + justify-content: center; + align-items: center; + height: 14rem; - @media (max-width: 1024px) { - bottom: 2rem; - } + border: 1px solid #dedede; + border-radius: 0.6rem; + font-size: 1.8rem; + color: #9ea1a2; - @include maxmobile { - bottom: 3.5rem; - font-size: 1.2rem; + @include tablet { + font-size: 2rem; + } } + } + } + } +} + +.listbtnWarp { + width: 100%; + margin: 0 auto; + padding: 0 2rem; + + @include desktopMin { + width: 16rem; + } + + a::before, + a::after { + width: 3.2rem; + + @include desktopMin { + width: 3.2rem; + } + } +} + +.pdpDisplayThemeSwiper { + .swiper-wrapper { + transition-timing-function: linear; + } +} + +.displayTheme { + .visualBg { + position: absolute; + width: 100%; + max-width: 192rem; + + @include maxdesktop { + overflow: hidden; + height: 76rem; } - .btn-intro { - display: none; - align-items: center; - position: absolute; - top: 5rem; - right: 3rem; - z-index: 3; - font-size: 1.4rem; - font-weight: 600; - color: #000; - cursor: pointer; + @media (max-width: 820px) { + height: 62rem; + } - @include maxtablet { - top: 2rem; - right: 1.6rem; + @include maxtablet { + height: 76rem; + } + + @include maxmobile { + height: 71rem; + } + + img { + width: auto; + object-fit: cover; + object-position: center; + + @include maxdesktop { + width: 100%; + object-fit: initial; + object-position: initial; + } + + &.mobile { + display: none; + } + + @include maxdesktop { + &.web { + display: none; } - &:before { + &.mobile { + display: block; + object-fit: initial; + height: auto; + } + } + } + + &:after { + content: ""; + display: none; + position: absolute; + bottom: 0; + left: 0; + z-index: 2; + width: 100%; + height: 60%; + background: rgb(255, 255, 255); + background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%); + } + } + + &.comp_wide { + .comp_body { + &.layer_up { + .text_area { + margin-top: 5.2rem; + + @include maxtablet { + margin-top: 6rem !important; + } + } + } + + .text_area { + @include maxtablet { + margin-top: 3rem !important; + + h3 { + font-size: 3rem; + } + + .info { + font-size: 1.4rem; + } + } + } + } + + .comp_bottom { + display: flex; + align-items: center; + position: relative; + z-index: 2; + // max-height: 26rem; + + @include maxdesktop { + // max-height: 22rem; + padding: 3rem 0; + } + + @include maxtablet { + // max-height: 22rem; + padding: 2rem 0; + } + + &.thumb-swiper { + overflow: hidden; + flex-wrap: wrap; + padding: 17rem 0 0; + + .com_bottm_inner { + padding: 3.4rem 0; + background-color: rgba(0, 0, 0, 0.8); + } + + @include maxtablet { + padding: 31.2rem 0 0; + + .com_bottm_inner { + padding: 2.4rem 0; + } + } + } + + .com_bottm_inner { + display: flex; + justify-content: center; + align-items: center; + position: relative; + width: 100%; + height: 100%; + + @include maxdesktop { + padding: 3rem 0; + } + + @include maxtablet { + padding: 2.5rem 0; + } + + .swiper { + overflow: visible; + width: 100%; + padding: 0 10rem; + + &:before, + &:after { content: ""; display: block; - width: 2.8rem; - height: 2.8rem; - margin-right: 0.5rem; - box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); - border-radius: 50%; - background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem auto; - text-indent: -9999em; - cursor: pointer; - } - } - - &.playing { - .comp_body.layer_up, - .thumb-swiper, - .pdpInCarGameSwiper, - .displayThemeDtl, - .inCarGameDtl, - .srsPlus .visualBg { - filter: blur(2px); - } - - .displayThemeDtl { - opacity: 0; - } - - @media (max-width: 1700px) { - .displayThemeDtl { - filter: blur(0); - } - } - } - - .srsPlus { - .close-today { - bottom: 13rem; - } - - @media (max-width: 1920px) { - .close-today { - bottom: 2vw; - } - } - } - - .visualBg { - .swiper-navigation { - display: flex; - justify-content: space-between; position: absolute; - top: 50%; - left: 50%; - z-index: 10; - width: 100%; - max-width: 140rem; - height: 0; - transform: translate(-50%, -50%); + top: -4rem; + bottom: -4rem; + left: 0; + z-index: 2; + width: 10rem; + background: rgb(0, 0, 0); + background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } - @include maxmobile { - max-width: 92%; - } - } - - .swiper-button-next, - .swiper-button-prev { - position: static; - width: 1.8rem; - height: 3.6rem; - margin: 0; - background: url(../images/common/ico_arrow_r.png) no-repeat center / contain; - - &:after { - display: none; - } - } - - .swiper-button-prev { - background: url(../images/common/ico_arrow_l.png) no-repeat center / contain; - } - } - - .bu { - display: block; - padding-left: 5.4rem; - text-indent: -2rem; - - @include maxmobile { - padding-left: 2rem; - } - } -} - -.boost { - &.comp_1x_w_v_s_e1 { - .bottom { - &:before { - background-color: rgba(5, 20, 31, 1); - } - - .contents_area { - .image_area { - margin-top: 0; - } - } - } - - .contents_area { - padding-top: 7rem; - - @include maxmobile { - padding-top: 4rem; - } - } - } - - &.comp_1x_b_h_s_e1 { - @include maxmobile { - margin-top: 6rem; - } - } - - &.comp_1x_w_v_s_e2 { - @include maxmobile { - margin-top: 6rem; - } - - .comp_body { - &.full { - flex-wrap: wrap; - } - } - - .image_area { - max-width: 120rem; - height: auto; - padding-top: 5rem; - margin: 0 auto; - - @include maxmobile { - padding-top: 3rem; - } - - img { - height: auto; - object-fit: inherit; - border-radius: 0.6rem; - } - } - } -} - -.pdpDtl { - .swiper-navigation { - > * { - top: 210px; - left: -65px; - width: 5rem; - height: 5rem; - border: 1px solid #d3d3d3; - border-radius: 50%; - background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; - - &:after { - display: none; - } - } - - .swiper-button-next { + &:after { left: auto; - right: -65px; - transform: rotate(180deg); - } + right: 0; + background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } - @media (max-width: 1200px) { - display: none; - } - } - - .swiper-pagination { - position: static; - top: 46.4rem; - - // top:36.4vw; - @media (max-width: 1200px) { - top: 36.4vw; - } - - .swiper-pagination-bullet { - opacity: 1; - width: 5.6rem; - height: 0.4rem; - border-radius: 0; - background-color: #e9e9e9; - - &.swiper-pagination-bullet-active { - background-color: #000; + @include maxtablet { + &:before, + &:after { + display: none; } + } + + @media (max-width: 1200px) { + padding-right: 2rem; + } + + .swiper-wrapper { + width: 100%; + transition-timing-function: linear; + + .swiper-slide { + width: 11.6rem !important; + padding: 6px; + border: 2px solid transparent; + cursor: pointer; + + @include maxtablet { + width: 12rem !important; + padding: 0.8rem; + } + + &:first-child { + @media (max-width: 1240px) { + margin-left: 2rem; + } + } + + img { + max-width: 100%; + } + + p { + margin-top: 0.3rem; + font-size: 1.2rem; + font-weight: 400; + color: #fff; + text-transform: uppercase; + text-align: left; + + @media (max-width: 768px) { + margin-top: 0.5rem; + } + } + + &.selected { + border: 2px dashed rgba(255, 255, 255, 0.5); + } + + &.active { + border: 2px solid #f8c40c; + } + } + } } + } } -} + } + + .comp_top { + z-index: 2; + + // height: 10rem; + .comp_body { + .text_area { + // display: flex; + h3 { + font-size: 3rem; + margin-bottom: 1rem; + } + + .info { + font-size: 1.6rem; + } + + > * { + flex: 1; + } + } + } + } + + .comp_md { + position: absolute; + z-index: 2; + top: 0; + height: 48rem; + background-color: rgba(0, 0, 0, 0); -.scroll_area { @include maxtablet { + height: 3rem; + } + } + + &.type2 { + .comp_bottom { + background-color: transparent; + + .com_bottm_inner { + .thumb-wrap { + display: flex; + flex-wrap: wrap; + gap: 1.4rem 2rem; + width: 100%; + max-width: 118rem; + margin: 0 auto; + + .dtthumb { + width: 13rem; + } + + .img-area { + display: flex; + justify-content: center; + align-items: center; + width: 13rem; + height: 12rem; + background-color: #fff; + border-radius: 0.8rem; + } + + p { + font-size: 1.4rem; + font-weight: 600; + color: #fff; + text-transform: uppercase; + } + } + } + } + } + + .dtlImgs { + position: relative; + padding-top: 7.2rem; + + @include maxtablet { + padding-top: 7.2rem; } - .web { - display: block; + .item { + transition: opacity 0.2s; + + .text_area { + margin-top: 4rem; @include maxtablet { - display: none; + margin-top: 2rem; } + } + + & + .item { + margin-top: 8rem; + + @include maxtablet { + margin-top: 5rem; + } + } + + &.change { + opacity: 0; + } + } + } + + & + .comp_1x_b_v_s_b { + position: relative; + z-index: 2; + margin-top: 0; + + @include maxtablet { + margin-top: 4rem; } - .mobile { - display: none; - position: relative; - padding-top: 3rem; + .image_area { + height: auto; + } + } - &:before { + .comp_body .swiper-slide .text_area h5 { + font-size: 3rem; + + @include maxtablet { + font-size: 2rem; + } + } + + &.welcome-goodbye { + margin-top: 8rem; + + .comp_body { + & + .comp_body { + margin-top: 10rem; + } + + .text_area { + margin-bottom: 2rem; + } + + video { + width: 100%; + } + } + } +} + +.displayThemeDtl { + .swiper-navigation { + > * { + top: 210px; + left: -65px; + width: 5rem; + height: 5rem; + border-radius: 50%; + background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; + + &:after { + display: none; + } + } + + .swiper-button-next { + left: auto; + right: -65px; + transform: rotate(180deg); + } + + @media (max-width: 1200px) { + display: none; + } + } + + .swiper-pagination { + top: 46.4rem; + + // top:36.4vw; + @media (max-width: 1200px) { + top: 36.4vw; + } + + @include maxtablet { + // top: 14.4rem; + } + + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #e9e9e9; + + &.swiper-pagination-bullet-active { + background-color: #000; + } + } + } +} + +.inCarGame { + &.comp_1x_w_v_o_b { + .image_area { + @include maxtablet { + overflow: hidden; + height: auto; + } + } + } + + .comp_top.title-area { + position: absolute; + top: 0; + left: 0; + width: 100%; + } + + .visualBg { + position: absolute; + width: 100%; + max-width: 192rem; + + img { + width: 100%; + + &.mobile { + display: none; + } + + @include maxtablet { + &.web { + display: none; + } + + &.mobile { + display: block; + object-fit: initial; + height: auto; + } + } + } + + &.swiper { + position: relative; + + .swiper-pagination { + bottom: 3rem; + + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.5); + + @include maxtablet { + width: 3rem; + height: 0.3rem; + } + + &.swiper-pagination-bullet-active { + background-color: rgba(255, 255, 255, 1); + } + } + } + + .image_area { + img { + object-fit: cover; + } + } + } + + // &:after { + // content:""; + // display: block; + // position: absolute; + // bottom:0; + // left:0; + // z-index: 2; + // width: 100%; + // height: 60%; + // background: rgb(255,255,255); + // background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%); + // } + } + + &.comp_wide { + .comp_body { + &.layer_up { + .text_area { + margin-top: 7rem; + + .info { + line-height: 1.5; + + br { + display: none; + + @include maxtablet { + display: block; + } + } + } + } + } + + .text_area { + @include maxtablet { + margin-top: 6rem; + + h3 { + font-size: 3rem; + line-height: 4rem; + } + + .info { + font-size: 1.4rem; + } + } + } + } + + .comp_bottom { + display: flex; + align-items: center; + position: relative; + z-index: 2; + // max-height: 26rem; + padding: 4rem 0; + margin-top: 8rem; + background-color: rgba(0, 0, 0, 1); + + @include maxdesktop { + // max-height: 22rem; + padding: 3rem 0; + } + + @include maxtablet { + // max-height: 22rem; + padding: 0; + margin-top: 4rem; + } + + .com_bottm_inner { + display: flex; + justify-content: center; + align-items: center; + position: relative; + width: 100%; + height: 100%; + + @include maxdesktop { + padding: 3rem 0; + } + + @include maxtablet { + padding: 2.5rem 0; + } + + .swiper { + width: 100%; + padding: 0 10rem; + + &:before, + &:after { 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; - } + z-index: 2; + width: 10rem; + height: 100%; + background: rgb(0, 0, 0); + background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } - .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%; - } - - .cont { - overflow: hidden; - overflow-x: auto; - height: 460px; + &:after { + left: auto; + right: 0; + background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } + @include maxtablet { + &:before, &: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%; + display: none; } - } + } - @include maxtablet { - display: flex; - } - } + @media (max-width: 1200px) { + padding-right: 2rem; + } - .themeImg { - @include maxtablet { - height: 48rem; - } - } -} + .swiper-wrapper { + width: 100%; + transition-timing-function: linear; -.disclaimerWrap { - .disclaimerList { - .item { - .contents { - .indent { - display: block; - padding-left: 1.25rem; + .swiper-slide { + width: 16.6rem !important; + padding: 6px; + border: 2px solid transparent; + cursor: pointer; + + @include maxtablet { + width: 18rem !important; + padding: 0.8rem; + } + + &:first-child { + @media (max-width: 1240px) { + margin-left: 2rem; } + } + + img { + max-width: 100%; + } + + p { + margin-top: 0.3rem; + font-size: 1.4rem; + font-weight: 400; + color: #fff; + text-transform: uppercase; + text-align: left; + + @media (max-width: 768px) { + margin-top: 0.5rem; + } + } + + &.active { + border-color: #fff; + } } + } } + } } -} + } -.refund-area { - margin-bottom: 1.6rem; + .comp_top { + z-index: 2; + // height: 46rem; + // height: 340px; + // max-height: 529px; - .btn-fold { - display: inline-flex; - align-items: center; - border-bottom: 1px solid #676767; - cursor: pointer; + // @include maxtablet { + // height: 43.9rem; + // } - em { - margin-left: 0.4rem; - font-size: 1rem; - transform: rotate(180deg); - transform-origin: center center; - transition: all 0.2s ease; + .comp_body { + .text_area { + // display: flex; + h3 { + margin-bottom: 2rem; } - &.fold { - em { - transform: rotate(0); - } + > * { + flex: 1; } + } + } + } + + .comp_md { + position: absolute; + z-index: 2; + top: 0; + height: 48rem; + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { + height: 3rem; + } + } + + &.type2 { + .comp_bottom { + background-color: transparent; + + .com_bottm_inner { + .thumb-wrap { + display: flex; + flex-wrap: wrap; + gap: 1.4rem 2rem; + width: 100%; + max-width: 118rem; + margin: 0 auto; + + .dtthumb { + width: 13rem; + } + + .img-area { + display: flex; + justify-content: center; + align-items: center; + width: 13rem; + height: 12rem; + background-color: #fff; + border-radius: 0.8rem; + } + + p { + font-size: 1.4rem; + font-weight: 600; + color: #fff; + text-transform: uppercase; + } + } + } + } + } + + .dtlImgs { + .item { + transition: opacity 0.2s; + + .text_area { + margin-top: 4rem; + + @include maxtablet { + margin-top: 2rem; + } + } + + & + .item { + margin-top: 8rem; + + @include maxtablet { + margin-top: 5rem; + } + } + + &.change { + opacity: 0; + } + } + } + + & + .comp_1x_b_v_s_b { + position: relative; + z-index: 2; + margin-top: 2rem; + + @include maxtablet { + margin-top: 7.5rem; } - .dtl { + .image_area { + height: auto; + border-radius: 0.8rem; + + img { + display: block; + border-radius: 0.8rem; + overflow: hidden; + } + + @include maxtablet { + video { + width: 100%; + } + } + } + + @include maxtablet { + margin-top: 3rem; + } + + .dtlImgs { + .text_area { display: none; - padding: 1rem 1.05rem; + margin-top: 3.2rem; + } - p { - margin-top: 0; + @for $i from 0 through 12 { + &.theme#{$i} { + .text_theme#{$i} { + display: block; + } + } + } + } + } + + &.comp_2x_b_h_s_e2 .comp_body .item .text_area { + margin-top: 0; + } + + &.comp_wide.comp_2x_b_h_s_e2 { + margin-top: 20rem; + + @include maxtablet { + margin-top: 10rem; + } + } + + .comp_body .swiper-slide .text_area h5 { + font-size: 3rem; + + @include maxtablet { + font-size: 2rem; + } + } + + .inCarGameDtl { + overflow: hidden; + border-radius: 0.8rem; + + .swiper-slide { + cursor: pointer; + } + } + + .inCarGameDtlThumb { + margin-top: 0.7rem; + + .swiper-slide { + overflow: hidden; + position: relative; + height: 14.85rem; + border-radius: 0.8rem; + + @include maxtablet { + height: 4.5rem; + border-radius: 0.4rem; + } + + cursor: pointer; + + &.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; + + @include maxtablet { + width: 30px; + height: 31px; + opacity: 0.75; + } } - .text_area { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - margin-top: 0; - margin-bottom: 0.5rem; + &.theme5 { + &::before { + display: none; + } } + } - .table-area { - margin-bottom: 0.5rem !important; - } + img { + display: block; + max-width: 100%; + overflow: hidden; + } - .tbl-dtl { - tr:nth-of-type(odd) { - td { - background-color: #fafafa; - } - } + video { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + width: 100%; + } + + &:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + z-index: 3; + width: 100%; + height: 100%; + border-radius: 0.8rem; + background-color: rgba(0, 0, 0, 0.7); + } + + &.swiper-slide-thumb-active { + &:after { + display: none; } + } + } + } +} + +.tooltip { + display: flex; + align-items: center; + position: absolute; + top: -8.5rem; + left: 0; + z-index: 10; + width: 27.6rem; + height: 7.2rem; + padding: 0 0 0 1.6rem; + font-size: 1.2rem; + color: #05141f; + line-height: 2rem; + border: 1px solid #000; + border-radius: 0.4rem; + background-color: #fff; + + &:after { + content: ""; + display: block; + position: absolute; + bottom: -0.9rem; + left: 2.4rem; + width: 1.5rem; + height: 0.9rem; + background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain; + } + + .btn-close { + position: absolute; + top: 1.6rem; + right: 1.6rem; + width: 1.6rem; + height: 1.6rem; + background: url("../images/kia/pdp/display_theme/ico_close.png") no-repeat center / contain; + text-indent: -9999em; + cursor: pointer; + } +} + +.theme-story { + display: flex; + align-items: center; + column-gap: 1.6rem; + position: absolute; + top: 1.4rem; + left: 0; + width: 100%; + max-width: 120rem; + margin: 0 auto; + + @include maxdesktop { + overflow-x: auto; + padding: 0 2rem; + } + + @include maxtablet { + top: 0; + } + + .tooltip { + display: none; + } + + .btn-dtthumb { + position: relative; + + &.active { + .dtthumb { + border-color: rgba(248, 196, 12, 1); + background-color: rgba(253, 224, 68, 0.5); + } + } + } + + .dtthumb { + display: flex; + align-items: center; + width: 15.5rem; + height: 4.4rem; + padding: 0 0 0 0.8rem; + font-size: 1.2rem; + color: #fff; + border: 1px solid #fff; + border-radius: 2.2rem; + background-color: rgba(236, 221, 193, 0.5); + text-align: left; + cursor: pointer; + + img { + display: block; + width: 3rem; + height: 3rem; + margin-right: 0.8rem; + border-radius: 50%; } - .table-area { + @include maxtablet { + width: 7.4rem; + + p { + display: none; + } + } + } + + .btn-remove { + position: absolute; + top: 50%; + right: 0.6rem; + width: 2.4rem; + height: 2.4rem; + margin-top: -1.2rem; + background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto; + text-indent: -9999em; + cursor: pointer; + } +} + +.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label { + height: auto; + padding: 2rem 2rem 2rem 0; + + &:before { + display: none; + } + + strong { + font-size: 1.6rem; + + span { + font-size: 1.6rem; + } + } + + span { + color: #aaa !important; + font-size: 1.4rem; + } +} + +.comp_wide.comp_2x_b_h_s_e2 { + position: relative; + z-index: 2; +} + +.streamingPremium { + .mobile { + display: none; + } + + @include maxtablet { + .web { + display: none; + } + + .mobile { + display: block; + object-fit: initial; + height: auto; + } + } + + &.comp_1x_b_v_s_b { + margin-top: 4rem; + + @include maxmobile { + margin-top: 2rem; + } + + .mt-12 { + margin-top: 12rem; + + @include maxmobile { + margin-top: 6rem; + } + } + + .mb-2 { + margin-bottom: 2rem; + + @include maxmobile { + margin-top: 1rem; + } + } + } + + &.comp_1x_w_v_o_b { + .image_area { + @include maxtablet { + overflow: hidden; + height: auto; + } + } + } + + .visualBg { + overflow: hidden; + position: relative; + width: 100%; + max-width: 192rem; + max-height: 70rem; + + @include maxtablet { + max-height: auto; + } + + img { + width: 100%; + } + } + + &.comp_wide { + .comp_body { + &.layer_up { + .text_area { + margin-top: 7rem; + + .info { + line-height: 1.5; + + br { + display: none; + + @include maxtablet { + display: block; + } + } + } + } + } + + .text_area { + @include maxtablet { + margin-top: 3rem; + + h3 { + font-size: 3rem; + line-height: 4rem; + } + + .info { + font-size: 1.4rem; + } + } + } + + .refund-table { + .text_area { + margin-top: 0; + } + } + + .table-area { margin-bottom: 12rem; @include maxtablet { - margin-bottom: 5rem; + margin-bottom: 5rem; } .index { - padding: 1.6rem 0 1rem; - font-size: 1.4rem; - color: #676767; - text-align: right; + padding: 1.6rem 0 1rem; + font-size: 1.4rem; + color: #676767; + text-align: right; } table { - width: 100%; - border-top: 1px solid #999; + width: 100%; + border-top: 1px solid #999; - th { - height: 7.6rem; - padding: 0 1rem; - font-size: 1.6rem; - font-weight: 600; - vertical-align: middle; - text-align: center; + th { + height: 7.6rem; + padding: 0 1rem; + font-size: 1.6rem; + font-weight: 600; + vertical-align: middle; + text-align: center; - @include maxtablet { - height: auto; - padding: 1rem; - font-size: 1.4rem; - } + @include maxtablet { + font-size: 1.4rem; } + } - tbody { - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; + tbody { + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; - td { - padding: 1rem; - font-size: 1.4rem; - font-weight: 400; - text-align: center; - } + td { + padding: 1rem; + font-size: 1.4rem; + font-weight: 400; + text-align: center; } + } } + } } + } + + &.comp_1x_b_v_s_b { + .image_area { + height: auto; + } + } + + .comp_top { + z-index: 2; + + // height: 70rem; + // @include maxtablet{ + // height: 43.9rem; + // } + .comp_body { + .text_area { + // display: flex; + h3 { + margin-bottom: 2rem; + } + + > * { + flex: 1; + } + } + } + } + + .comp_md { + position: absolute; + z-index: 2; + top: 0; + height: 48rem; + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { + height: 3rem; + } + } + + .spec-area { + padding: 6rem 0 16rem; + + @include maxmobile { + padding: 3rem 0 8rem; + } + } +} + +.comp_wide { + &.title-only { + & + .comp_wide { + margin-top: 4rem; + } + } + + .between { + display: flex; + justify-content: space-between; + align-items: center; + } +} + +.editorWarp { + .visualBg { + img { + width: 100%; + object-fit: cover; + object-position: center; + + @include maxdesktop { + width: 100%; + object-fit: initial; + object-position: initial; + } + + &.mobile { + display: none; + } + + @include maxdesktop { + &.web { + display: none; + } + + &.mobile { + display: block; + object-fit: initial; + height: auto; + } + } + } + } + + .video_wrap { + display: none; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + left: 0; + width: 100%; + // height: 108rem; + // transform: translateY(-36rem); + padding-top: 56.25%; + z-index: 4; + background: rgba(0, 0, 0, 0.9); + opacity: 1; + transition: all 0.3s ease; + + .video-area { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 80%; + max-width: 120rem; + aspect-ratio: 16/9; + + .video { + width: 100%; + height: 100%; + background: #000; + + .youtube-box { + width: 100%; + height: 100%; + } + + iframe { + width: 100%; + height: 100%; + } + + // video { + // display: block; + // width: 100%; + // height: 100%; + // visibility: visible; + + // &[poster] { + // height: 100%; + // width: 100%; + // } + // } + + // .video-ctrl { + // display: flex; + // align-items: center; + // justify-content: center; + // position: absolute; + // top: 50%; + // left: 50%; + // transform: translate(-50%, -50%); + // gap: 4rem; + // } + + .btn-play { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 8rem; + height: 8rem; + background: url(../images/kia/contents/ico_play.png?v1) no-repeat center / 100% auto; + text-indent: -9999em; + cursor: pointer; + + &.pause { + display: none; + background: url(../images/kia/contents/ico_pause.png?v1) no-repeat center / 100% auto; + } + + &.play { + display: block; + } + + @include maxmobile { + width: 4rem; + height: 4rem; + } + } + + .btn-sound { + display: none; + position: absolute; + bottom: 3rem; + right: 3rem; + width: 4rem; + height: 4rem; + background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; + text-indent: -9999em; + cursor: pointer; + + &.off { + background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; + } + + &.on { + background: url(../images/kia/contents/ico_sound_on.png?v1) no-repeat center / 100% auto; + } + + @include maxmobile { + bottom: 1.5rem; + right: 1.5rem; + width: 2rem; + height: 2rem; + } + } + } + + @include maxtablet { + width: 100%; + + .video { + border: 1.5rem solid #000; + border-bottom-width: 1.5rem; + } + } + } + + .btn-close { + position: absolute; + top: -4rem; + right: -16rem; + z-index: 10; + width: 14rem; + height: 14rem; + background-color: transparent; + border: none; + text-indent: -9999em; + cursor: pointer; + + @media (max-width: 1024px) { + top: -7rem; + right: -12rem; + width: 10rem; + height: 10rem; + } + + @include maxtablet { + top: -7rem; + right: 0; + width: 6rem; + height: 6rem; + } + + // @include maxmobile{ + // top:-6rem; + // right:-16rem; + // width: 14rem; + // height: 14rem; + // } + } + + .btn-close::before, + .btn-close::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 9.2rem; + height: 2px; + background-color: #fff; + + @media (max-width: 1024px) { + width: 7rem; + } + + @include maxtablet { + width: 4rem; + } + } + + .btn-close::before { + transform: translate(-50%, -50%) rotate(45deg); + } + + .btn-close::after { + transform: translate(-50%, -50%) rotate(-45deg); + } + + &.played { + .video { + .btn-sound { + display: block; + } + + &:hover { + .video-ctrl { + .btn-play { + display: block; + } + } + } + } + } + + &.paused { + .btn-play, + .btn-sound { + display: block !important; + } + + .video { + &:hover { + .video-ctrl { + .btn-play { + display: block; + } + } + } + } + } + + // .btn-close { + // position: absolute; + // top: 2rem; + // right: 2rem; + // z-index: 1; + // width: 6rem; + // height: 6rem; + // background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain; + // cursor: pointer; + // text-indent: -9999em; + // @include maxtablet{ + // top: 1rem; + // right: 1rem; + // width: 4rem; + // height: 4rem; + // } + // } + @include maxtablet { + height: 56rem; + } + + @include maxmobile { + height: 40rem; + } + } + + .close-today { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + bottom: 8.2rem; + width: 100%; + font-size: 1.6rem; + color: #fff; + font-weight: 600; + transition: all 0.2s ease; + + span { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + + input { + margin-right: 0.4rem; + } + + &:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } + + label { + display: flex; + align-items: center; + justify-content: center; + + input { + margin-right: 0.4rem; + } + } + + @media (max-width: 1780px) { + bottom: 4rem; + } + + @media (max-width: 1024px) { + bottom: 2rem; + } + + @include maxmobile { + bottom: 3.5rem; + font-size: 1.2rem; + } + } + + .btn-intro { + display: none; + align-items: center; + position: absolute; + top: 5rem; + right: 3rem; + z-index: 3; + font-size: 1.4rem; + font-weight: 600; + color: #000; + cursor: pointer; + + @include maxtablet { + top: 2rem; + right: 1.6rem; + } + + &:before { + content: ""; + display: block; + width: 2.8rem; + height: 2.8rem; + margin-right: 0.5rem; + box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); + border-radius: 50%; + background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem auto; + text-indent: -9999em; + cursor: pointer; + } + } + + &.playing { + .comp_body.layer_up, + .thumb-swiper, + .pdpInCarGameSwiper, + .displayThemeDtl, + .inCarGameDtl, + .srsPlus .visualBg { + filter: blur(2px); + } + + .displayThemeDtl { + opacity: 0; + } + + @media (max-width: 1700px) { + .displayThemeDtl { + filter: blur(0); + } + } + } + + .srsPlus { + .close-today { + bottom: 13rem; + } + + @media (max-width: 1920px) { + .close-today { + bottom: 2vw; + } + } + } + + .visualBg { + .swiper-navigation { + display: flex; + justify-content: space-between; + position: absolute; + top: 50%; + left: 50%; + z-index: 10; + width: 100%; + max-width: 140rem; + height: 0; + transform: translate(-50%, -50%); + + @include maxmobile { + max-width: 92%; + } + } + + .swiper-button-next, + .swiper-button-prev { + position: static; + width: 1.8rem; + height: 3.6rem; + margin: 0; + background: url(../images/common/ico_arrow_r.png) no-repeat center / contain; + + &:after { + display: none; + } + } + + .swiper-button-prev { + background: url(../images/common/ico_arrow_l.png) no-repeat center / contain; + } + } + + .bu { + display: block; + padding-left: 5.4rem; + text-indent: -2rem; + + @include maxmobile { + padding-left: 2rem; + } + } +} + +.boost { + &.comp_1x_w_v_s_e1 { + .bottom { + &:before { + background-color: rgba(5, 20, 31, 1); + } + + .contents_area { + .image_area { + margin-top: 0; + } + } + } + + .contents_area { + padding-top: 7rem; + + @include maxmobile { + padding-top: 4rem; + } + } + } + + &.comp_1x_b_h_s_e1 { + @include maxmobile { + margin-top: 6rem; + } + } + + &.comp_1x_w_v_s_e2 { + @include maxmobile { + margin-top: 6rem; + } + + .comp_body { + &.full { + flex-wrap: wrap; + } + } + + .image_area { + max-width: 120rem; + height: auto; + padding-top: 5rem; + margin: 0 auto; + + @include maxmobile { + padding-top: 3rem; + } + + img { + height: auto; + object-fit: inherit; + border-radius: 0.6rem; + } + } + } +} + +.pdpDtl { + .swiper-navigation { + > * { + top: 210px; + left: -65px; + width: 5rem; + height: 5rem; + border: 1px solid #d3d3d3; + border-radius: 50%; + background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; + + &:after { + display: none; + } + } + + .swiper-button-next { + left: auto; + right: -65px; + transform: rotate(180deg); + } + + @media (max-width: 1200px) { + display: none; + } + } + + .swiper-pagination { + position: static; + top: 46.4rem; + + // top:36.4vw; + @media (max-width: 1200px) { + top: 36.4vw; + } + + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #e9e9e9; + + &.swiper-pagination-bullet-active { + background-color: #000; + } + } + } +} + +.scroll_area { + @include maxtablet { + } + + .web { + display: block; + + @include maxtablet { + display: none; + } + } + + .mobile { + display: none; + position: relative; + padding-top: 3rem; + + &: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; + } + + .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%; + } + + .cont { + overflow: hidden; + overflow-x: auto; + height: 460px; + + &: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%; + } + } + + @include maxtablet { + display: flex; + } + } + + .themeImg { + @include maxtablet { + height: 48rem; + } + } +} + +.disclaimerWrap { + .disclaimerList { + .item { + .contents { + .indent { + display: block; + padding-left: 1.25rem; + } + } + } + } +} + +.refund-area { + margin-bottom: 1.6rem; + + .btn-fold { + display: inline-flex; + align-items: center; + border-bottom: 1px solid #676767; + cursor: pointer; + + em { + margin-left: 0.4rem; + font-size: 1rem; + transform: rotate(180deg); + transform-origin: center center; + transition: all 0.2s ease; + } + + &.fold { + em { + transform: rotate(0); + } + } + } + + .dtl { + display: none; + padding: 1rem 1.05rem; + + p { + margin-top: 0; + } + + .text_area { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-top: 0; + margin-bottom: 0.5rem; + } + + .table-area { + margin-bottom: 0.5rem !important; + } + + .tbl-dtl { + tr:nth-of-type(odd) { + td { + background-color: #fafafa; + } + } + } + } + + .table-area { + margin-bottom: 12rem; + + @include maxtablet { + margin-bottom: 5rem; + } + + .index { + padding: 1.6rem 0 1rem; + font-size: 1.4rem; + color: #676767; + text-align: right; + } + + table { + width: 100%; + border-top: 1px solid #999; + + th { + height: 7.6rem; + padding: 0 1rem; + font-size: 1.6rem; + font-weight: 600; + vertical-align: middle; + text-align: center; + + @include maxtablet { + height: auto; + padding: 1rem; + font-size: 1.4rem; + } + } + + tbody { + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + + td { + padding: 1rem; + font-size: 1.4rem; + font-weight: 400; + text-align: center; + } + } + } + } } //KBO PDP .displayTheme-kbo.comp_wide { - .visualBg { - @include maxtablet { - height: 76rem; - } + .visualBg { + @include maxtablet { + height: 76rem; } - .dtlImgs { - padding-top: 4rem; - @include maxtablet { - padding-top: 0; - } + } + .dtlImgs { + padding-top: 4rem; + @include maxtablet { + padding-top: 0; } - .tooltip { - top: -6.5rem; + } + .tooltip { + top: -6.5rem; + } + .swiper-info { + padding: 0 0 0.6rem; + color: #fff; + font-size: 1.6rem; + @include maxtablet { + display: none; } - .swiper-info { - padding: 0 0 0.6rem; - color: #fff; - font-size: 1.6rem; - @include maxtablet { - display: none; - } + } + .swiper-slide { + .image_area { + img { + box-shadow: 0px 0px 20px 0px #eae5bc4d; + } } - .swiper-slide { - .image_area { - img { - box-shadow: 0px 0px 20px 0px #eae5bc4d; - } - } + } + .swiper-pagination { + top: 48.4rem; + @media (max-width: 1240px) { + top: 39vw; } - .swiper-pagination { - top: 48.4rem; - @media (max-width: 1240px) { - top: 39vw; - } - @media (max-width: 900px) { - top: 39.4vw; - } - @media (max-width: 768px) { - top: 37.5vw; - } + @media (max-width: 900px) { + top: 39.4vw; } - .comp_top { - .comp_body { - .text_area { - h3 { - @include maxtablet { - letter-spacing: -0.075em; - } - } - } - } + @media (max-width: 768px) { + top: 37.5vw; } - .comp_bottom { - .com_bottm_inner { - .swiper { - &.pdpDisplayThemeKbo { - padding: 0; - @include maxtablet { - padding: 0 1.3rem; - } - .swiper-wrapper { - flex-wrap: wrap; - justify-content: center; - max-width: 1180px; - margin: 0 auto; - @include maxtablet { - justify-content: flex-start; - } - .swiper-slide { - @include maxtablet { - width: 25% !important; - padding: 0.5rem; - } - &:first-child { - margin-left: 0; - } - p { - @include maxtablet { - letter-spacing: -0.075em; - } - } - } - } - } - } + } + .comp_top { + .comp_body { + .text_area { + h3 { + @include maxtablet { + letter-spacing: -0.075em; + } } - &.thumb-swiper { + } + } + } + .comp_bottom { + .com_bottm_inner { + .swiper { + &.pdpDisplayThemeKbo { + padding: 0; + @include maxtablet { + padding: 0 1.3rem; + } + .swiper-wrapper { + flex-wrap: wrap; + justify-content: center; + max-width: 1180px; + margin: 0 auto; @include maxtablet { - padding-top: 28.2rem; + justify-content: flex-start; } + .swiper-slide { + @include maxtablet { + width: 25% !important; + padding: 0.5rem; + } + &:first-child { + margin-left: 0; + } + p { + @include maxtablet { + letter-spacing: -0.075em; + } + } + } + } } + } + } + &.thumb-swiper { + @include maxtablet { + padding-top: 28.2rem; + } + } + } + + .displayThemeKboDtl { + @media (max-width: 640px) { + .swiper-wrapper { + display: block; + .swiper-slide { + & + .swiper-slide { + margin-top: 5rem; + } + } + } } - .displayThemeKboDtl { - @media (max-width: 640px) { - .swiper-wrapper { - display: block; - .swiper-slide { - & + .swiper-slide { - margin-top: 5rem; - } - } - } + .swiper-navigation { + > * { + top: 210px; + left: -65px; + width: 5rem; + height: 5rem; + border-radius: 50%; + background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; + + &:after { + display: none; } + } - .swiper-navigation { - > * { - top: 210px; - left: -65px; - width: 5rem; - height: 5rem; - border-radius: 50%; - background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; + .swiper-button-next { + left: auto; + right: -65px; + transform: rotate(180deg); + } - &:after { - display: none; - } - } - - .swiper-button-next { - left: auto; - right: -65px; - transform: rotate(180deg); - } - - @media (max-width: 1200px) { - display: none; - } - } - - .swiper-pagination { - top: 48.4rem; - - @media (max-width: 1240px) { - top: 47.4rem; - } - @media (max-width: 1200px) { - top: 39.4vw; - } - @media (max-width: 760px) { - top: 36.4vw; - } - @media (max-width: 640px) { - display: none; - } - - .swiper-pagination-bullet { - opacity: 1; - width: 5.6rem; - height: 0.4rem; - border-radius: 0; - background-color: #e9e9e9; - - &.swiper-pagination-bullet-active { - background-color: #000; - } - } - } + @media (max-width: 1200px) { + display: none; + } } + + .swiper-pagination { + top: 48.4rem; + + @media (max-width: 1240px) { + top: 47.4rem; + } + @media (max-width: 1200px) { + top: 39.4vw; + } + @media (max-width: 760px) { + top: 36.4vw; + } + @media (max-width: 640px) { + display: none; + } + + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #e9e9e9; + + &.swiper-pagination-bullet-active { + background-color: #000; + } + } + } + } } .displayThemeDesney { + position: relative; + .layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + } + .comp_body { + .text_area { + margin-top: 4.8rem; + text-align: center; + + @include tablet { + margin-top: 8rem; + } + h3 { + margin: 1.2rem 0 2rem; + font-size: 3rem; + color: #fff; + letter-spacing: -0.095rem; + line-height: 1.3; + @include tablet { + margin: 1.2rem 0 3rem; + font-size: 4.8rem; + } + } + .info { + color: #f0f0f0; + letter-spacing: -0.032rem; + line-height: 1.5; + br { + display: none; + @include tablet { + display: block; + } + } + } + } + } + + .available-theme { + background-color: #f0f0f0; + background-image: radial-gradient(#e7e7e7 2px, transparent 4px); + background-size: 3.4rem 3.5rem; + // background: url(../images/kia/pdp/display_theme_disney/bg_pattern.png) repeat 50% 100%; + @include tablet { + min-height: 85.1rem; + } + h3 { + display: flex; + align-items: center; + justify-content: center; + height: 12.5rem; + font-size: 2.4rem; + font-weight: 600; + padding-bottom: 4.6rem; + letter-spacing: -0.095rem; + background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center bottom / auto 100%; + @include tablet { + height: 30.6rem; + font-size: 4.8rem; + padding-bottom: 8.6rem; + } + } + .list { + display: flex; + justify-content: center; + padding-top: 2.4rem; + padding-bottom: 5.6rem; + @include mobile { + max-width: 64rem; + margin: 0 auto; + } + @include tablet { + padding-top: 4.8rem; + } + @media (min-width: 1240px) { + max-width: 100%; + } + ul { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 2.4rem 0.8rem; + @include desktopMin { + flex-wrap: wrap; + justify-content: center; + gap: 2.4rem; + } + li { + overflow: hidden; + width: 15.6rem; + min-height: 19.6rem; + background-color: #fff; + border-radius: 0.8rem; + box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12); + @include tablet { + width: 28.2rem; + height: 36.9rem; + } + + a { + display: block; + img { + max-width: 100%; + } + .txt { + display: block; + padding: 0.8rem 1.2rem; + line-height: 1.333; + @include tablet { + padding: 2rem 2.4rem; + } + strong { + font-size: 1.4rem; + color: #000; + @include tablet { + font-size: 2.4rem; + } + } + .hashs { + display: block; + margin-top: 1.5rem; + font-size: 1rem; + color: #888; + line-height: 1.5; + @include tablet { + margin-top: 2.4rem; + font-size: 1.6rem; + } + } + } + } + + &.more { + width: 32rem; + height: 19.4rem; + padding: 2.4rem 2rem; + margin: 0; + background: url(../images/kia/pdp/display_theme_disney/box_more_m.png) no-repeat center / auto 100%; + border-radius: 3.3rem 0.8rem 3.3rem 0.8rem; + box-shadow: 0px 0px 1rem 0px #0000001f; + + @include tablet { + width: 61rem; + height: 40.5rem; + padding: 6.6rem 5.8rem; + margin: -1.8rem 0 0 0; + border-radius: 0; + background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center / auto 100%; + box-shadow: none; + } + @include desktopMin { + margin-left: 0; + } + @include desktopMax { + margin-left: -1.8rem; + } + strong { + display: flex; + align-items: center; + margin-bottom: 1.2rem; + font-size: 1.8rem; + color: #000; + font-weight: 600; + @include tablet { + font-size: 3rem; + margin-bottom: 3.6rem; + } + } + .arrow { + display: inline-block; + position: relative; + width: 2rem; + height: 0.2rem; + margin-left: 0.4rem; + background-color: #f5c400; + @include tablet { + width: 4rem; + height: 0.4rem; + margin-left: 0.8rem; + } + &::after { + content: ""; + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%) rotate(45deg); + width: 1rem; + height: 1rem; + border-top: 0.2rem solid #f5c400; + border-right: 0.2rem solid #f5c400; + @include tablet { + width: 2rem; + height: 2rem; + border-top: 0.4rem solid #f5c400; + border-right: 0.4rem solid #f5c400; + } + } + } + .hashs { + display: block; + margin-top: 0.8rem; + font-size: 1rem; + color: #969696; + letter-spacing: -0.032rem; + @include tablet { + font-size: 1.6rem; + margin-top: 2.2rem; + } + } + } + } + } + } + } + + &.discover-epic-design { position: relative; - .layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); + width: 100%; + max-width: 192rem; + margin: 0 auto; + padding: 4rem 0 10rem; + text-align: center; + background: url(../images/kia/pdp/display_theme_disney/bg_design_m.jpg) no-repeat center top / 100% auto; + @include tablet { + padding: 12rem 0 10rem; + background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top / 192rem auto; + } + + .comp_top { + padding: 0 2rem 2.4rem; + @include tablet { + padding: 0 0 7.6rem; + } + h3 { + margin: 0 0 1.6rem; + font-size: 3rem; + font-weight: 600; + color: #fff; + letter-spacing: -0.095rem; + @include tablet { + margin: 0 0 3rem; + font-size: 4.8rem; + } + } + .info { + font-size: 1.4rem; + color: #f0f0f0; + letter-spacing: -0.032rem; + line-height: 1.5; + @include tablet { + font-size: 1.6rem; + } + } } .comp_body { - .text_area { - margin-top: 4.8rem; - text-align: center; - - @include tablet { - margin-top: 8rem; - } - h3 { - margin: 1.2rem 0 2rem; - font-size: 3rem; - color: #fff; - letter-spacing: -0.095rem; - line-height: 1.3; - @include tablet { - margin: 1.2rem 0 3rem; - font-size: 4.8rem; - } - } - .info { - color: #f0f0f0; - letter-spacing: -0.032rem; - line-height: 1.5; - br { - display: none; - @include tablet { - display: block; - } - } - } - } + max-width: 100%; + padding: 0; } - - .available-theme { - background-color: #f0f0f0; - background-image: radial-gradient(#e7e7e7 2px, transparent 4px); - background-size: 3.4rem 3.5rem; - // background: url(../images/kia/pdp/display_theme_disney/bg_pattern.png) repeat 50% 100%; + .tab-wrap { + .tab-menu { + position: sticky; + top: 5.6rem; + z-index: 10; + padding: 1.6rem 2rem; + background: transparent; + backdrop-filter: blur(1.2rem); @include tablet { - min-height: 85.1rem; + top: 6rem; + padding: 1.6rem 2rem; } - h3 { - display: flex; - align-items: center; - justify-content: center; - height: 12.5rem; - font-size: 2.4rem; - font-weight: 600; - padding-bottom: 4.6rem; - letter-spacing: -0.095rem; - background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center bottom / auto 100%; + .btn-select { + overflow: hidden; + display: flex; + align-items: center; + position: relative; + width: 100%; + height: 4.5rem; + padding: 1.4rem 3.6rem 1.4rem 1.8rem; + font-size: 1.4rem; + font-weight: 600; + color: #fff; + background-color: #383838; + border-radius: 0.4rem; + border: 0.15rem solid rgba(255, 255, 255, 0.5); + &:after { + content: ""; + display: block; + position: absolute; + top: 50%; + right: 1.8rem; + width: 1.2rem; + height: 0.6rem; + transform: translateY(-50%), rotate(0deg); + transition: all 0.2s ease; + background: url(../images/kia/pdp/display_theme_disney/ico_arrow_down.png) no-repeat 50% / 1.2rem auto; + } + &.open { + &:after { + transform: translateY(-50%) rotate(180deg); + } + } + @include tablet { + display: none; + } + } + ul { + position: absolute; + left: 2rem; + right: 2rem; + display: none; + background-color: #383838; + border-radius: 0 0 0.4rem 0.4rem; + border: 0.15rem solid rgba(255, 255, 255, 0.5); + border-top: 0; + @include tablet { + display: flex !important; + position: static; + column-gap: 0.8rem; + border: 0; + border-radius: 0; + background: transparent; + } + li { + width: 100%; @include tablet { - height: 30.6rem; - font-size: 4.8rem; - padding-bottom: 8.6rem; + width: auto; } - } - .list { - display: flex; - justify-content: center; - padding-top: 2.4rem; - padding-bottom: 5.6rem; - @include mobile { - max-width: 64rem; - margin: 0 auto; - } - @include tablet { - padding-top: 4.8rem; - } - @media (min-width: 1240px) { - max-width: 100%; - } - ul { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 2.4rem 0.8rem; - @include desktopMin { - flex-wrap: wrap; - justify-content: center; - gap: 2.4rem; - } - li { - overflow: hidden; - width: 15.6rem; - min-height: 19.6rem; - background-color: #fff; - border-radius: 0.8rem; - box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12); - @include tablet { - width: 28.2rem; - height: 36.9rem; - } - - a { - display: block; - img { - max-width: 100%; - } - .txt { - display: block; - padding: 0.8rem 1.2rem; - line-height: 1.333; - @include tablet { - padding: 2rem 2.4rem; - } - strong { - font-size: 1.4rem; - color: #000; - @include tablet { - font-size: 2.4rem; - } - } - .hashs { - display: block; - margin-top: 1.5rem; - font-size: 1rem; - color: #888; - line-height: 1.5; - @include tablet { - margin-top: 2.4rem; - font-size: 1.6rem; - } - } - } - } - - &.more { - width: 32rem; - height: 19.4rem; - padding: 2.4rem 2rem; - margin: 0; - background: url(../images/kia/pdp/display_theme_disney/box_more_m.png) no-repeat center / auto 100%; - border-radius: 3.3rem 0.8rem 3.3rem 0.8rem; - box-shadow: 0px 0px 1rem 0px #0000001f; - - @include tablet { - width: 61rem; - height: 40.5rem; - padding: 6.6rem 5.8rem; - margin: -1.8rem 0 0 0; - border-radius: 0; - background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center / auto 100%; - box-shadow: none; - } - @include desktopMin { - margin-left: 0; - } - @include desktopMax { - margin-left: -1.8rem; - } - strong { - display: flex; - align-items: center; - margin-bottom: 1.2rem; - font-size: 1.8rem; - color: #000; - font-weight: 600; - @include tablet { - font-size: 3rem; - margin-bottom: 3.6rem; - } - } - .arrow { - display: inline-block; - position: relative; - width: 2rem; - height: 0.2rem; - margin-left: 0.4rem; - background-color: #f5c400; - @include tablet { - width: 4rem; - height: 0.4rem; - margin-left: 0.8rem; - } - &::after { - content: ""; - position: absolute; - top: 50%; - right: 0; - transform: translateY(-50%) rotate(45deg); - width: 1rem; - height: 1rem; - border-top: 0.2rem solid #f5c400; - border-right: 0.2rem solid #f5c400; - @include tablet { - width: 2rem; - height: 2rem; - border-top: 0.4rem solid #f5c400; - border-right: 0.4rem solid #f5c400; - } - } - } - .hashs { - display: block; - margin-top: 0.8rem; - font-size: 1rem; - color: #969696; - letter-spacing: -0.032rem; - @include tablet { - font-size: 1.6rem; - margin-top: 2.2rem; - } - } - } + button { + display: flex; + align-items: center; + width: 100%; + height: 4.5rem; + padding: 1.4rem 1.8rem; + font-size: 1.4rem; + font-weight: 600; + color: #666; + cursor: pointer; + @include tablet { + width: auto; + height: 4.3rem; + padding: 0 1.6rem 0 1.2rem; + font-size: 1.6rem; + background-color: #2c2c2c; + border-radius: 2.2rem; + border: 0.2rem solid rgba(255, 255, 255, 0.2); + &:before { + content: ""; + display: block; + width: 2.2rem; + height: 2.2rem; + margin-right: 0.6rem; + background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top / 100% auto; } + } } + &.active { + button { + color: #fff; + @include tablet { + border: 0; + background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%); + padding: 0 1.8rem 0 1.4rem; + &:before { + background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png); + } + } + } + } + } } - } - - &.discover-epic-design { - position: relative; - width: 100%; - max-width: 192rem; - margin: 0 auto; - padding: 4rem 0 10rem; - text-align: center; - background: url(../images/kia/pdp/display_theme_disney/bg_design_m.jpg) no-repeat center top / 100% auto; + } + .text_area { + margin-top: 1.6rem; + text-align: left; @include tablet { - padding: 12rem 0 10rem; - background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top / 192rem auto; + margin-top: 2rem; + } + } + + .tab-box { + display: none; + padding-top: 4.8rem; + @include tablet { + margin-bottom: 2.4rem; + } + &.box1 { + display: block; } - .comp_top { - padding: 0 2rem 2.4rem; - @include tablet { - padding: 0 0 7.6rem; - } - h3 { - margin: 0 0 1.6rem; - font-size: 3rem; - font-weight: 600; - color: #fff; - letter-spacing: -0.095rem; - @include tablet { - margin: 0 0 3rem; - font-size: 4.8rem; - } - } - .info { - font-size: 1.4rem; - color: #f0f0f0; - letter-spacing: -0.032rem; - line-height: 1.5; - @include tablet { - font-size: 1.6rem; - } + .discover { + position: relative; + padding: 0 2rem 20rem; + @include desktopMin { + padding-bottom: 40rem; + } + + &:after { + content: ""; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 20rem; + background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%); + } + @include desktopMax { + &::after { + display: none; } + } } - .comp_body { - max-width: 100%; - padding: 0; + .item { + margin-bottom: 4rem; + @include tablet { + margin-bottom: 6.4rem; + } } - .tab-wrap { - .tab-menu { - position: sticky; - top: 5.6rem; - z-index: 10; - padding: 1.6rem 2rem; - background: transparent; - backdrop-filter: blur(1.2rem); - @include tablet { - top: 6rem; - padding: 1.6rem 2rem; - } - .btn-select { - overflow: hidden; - display: flex; - align-items: center; - position: relative; - width: 100%; - height: 4.5rem; - padding: 1.4rem 3.6rem 1.4rem 1.8rem; - font-size: 1.4rem; - font-weight: 600; - color: #fff; - background-color: #383838; - border-radius: 0.4rem; - border: 0.15rem solid rgba(255, 255, 255, 0.5); - &:after { - content: ""; - display: block; - position: absolute; - top: 50%; - right: 1.8rem; - width: 1.2rem; - height: 0.6rem; - transform: translateY(-50%), rotate(0deg); - transition: all 0.2s ease; - background: url(../images/kia/pdp/display_theme_disney/ico_arrow_down.png) no-repeat 50% / 1.2rem auto; - } - &.open { - &:after { - transform: translateY(-50%) rotate(180deg); - } - } - @include tablet { - display: none; - } - } - ul { - position: absolute; - left: 2rem; - right: 2rem; - display: none; - background-color: #383838; - border-radius: 0 0 0.4rem 0.4rem; - border: 0.15rem solid rgba(255, 255, 255, 0.5); - border-top: 0; - @include tablet { - display: flex !important; - position: static; - column-gap: 0.8rem; - border: 0; - border-radius: 0; - background: transparent; - } - li { - width: 100%; - @include tablet { - width: auto; - } - button { - display: flex; - align-items: center; - width: 100%; - height: 4.5rem; - padding: 1.4rem 1.8rem; - font-size: 1.4rem; - font-weight: 600; - color: #666; - cursor: pointer; - @include tablet { - width: auto; - height: 4.3rem; - padding: 0 1.6rem 0 1.2rem; - font-size: 1.6rem; - background-color: #2c2c2c; - border-radius: 2.2rem; - border: 0.2rem solid rgba(255, 255, 255, 0.2); - &:before { - content: ""; - display: block; - width: 2.2rem; - height: 2.2rem; - margin-right: 0.6rem; - background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top / 100% auto; - } - } - } - &.active { - button { - color: #fff; - @include tablet { - border: 0; - background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%); - padding: 0 1.8rem 0 1.4rem; - &:before { - background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png); - } - } - } - } - } - } - } - .text_area { - margin-top: 1.6rem; - text-align: left; - @include tablet { - margin-top: 2rem; - } - } + } - .tab-box { - display: none; - padding-top: 4.8rem; - @include tablet { - margin-bottom: 2.4rem; - } - &.box1 { - display: block; - } - - .discover { - position: relative; - padding: 0 2rem 20rem; - @include desktopMin { - padding-bottom: 40rem; - } - - &:after { - content: ""; - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 20rem; - background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%); - } - @include desktopMax { - &::after { - display: none; - } - } - } - .item { - margin-bottom: 4rem; - @include tablet { - margin-bottom: 6.4rem; - } - } - } - - h4 { - font-size: 1.8rem; - font-weight: 600; - color: #fff; - line-height: 1.25; - @include tablet { - font-size: 2.4rem; - } - } - p { - margin-top: 0.2rem; - font-size: 1.4rem; - color: #fff; - line-height: 1.55; - @include tablet { - margin-top: 1rem; - font-size: 1.6rem; - } - } + h4 { + font-size: 1.8rem; + font-weight: 600; + color: #fff; + line-height: 1.25; + @include tablet { + font-size: 2.4rem; } + } + p { + margin-top: 0.2rem; + font-size: 1.4rem; + color: #fff; + line-height: 1.55; + @include tablet { + margin-top: 1rem; + font-size: 1.6rem; + } + } } + } + .image_area { + position: relative; + max-width: 100%; + img { + max-width: 100%; + } + } + + .welcome-goodbye { .image_area { - max-width: 100%; - img { + & + .image_area { + margin-top: 0.8rem; + @include tablet { + margin-top: 2rem; + } + } + video { + width: 100%; + } + } + } + + .inner { + max-width: 120rem; + margin: 0 auto; + } + + .three-reasons { + overflow: hidden; + position: relative; + padding: 7.2rem 0 0; + background-color: #fff; + text-align: left; + @include tablet { + padding: 9.6rem 0 0; + } + .tit-area { + position: relative; + padding: 0 2rem 4rem; + box-shadow: 0px 2.2rem 2rem 0px rgba(0, 0, 0, 0.25); + @include tablet { + padding: 0 2rem 7.2rem; + box-shadow: 0px 4.4rem 4rem 0px rgba(0, 0, 0, 0.25); + } + + // &:after { + // content: ""; + // display: block; + // position: absolute; + // bottom: 0; + // left: 0; + // width: 100%; + // height: 20rem; + // background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%); + // } + // @include desktopMax { + // &::after { + // display: none; + // } + // } + h3 { + display: inline-flex; + align-items: center; + height: 4.2rem; + padding: 0 0.8rem; + font-size: 3rem; + color: #fff; + font-weight: 600; + background-color: #ed1c24; + white-space: nowrap; + @include tablet { + height: 6.4rem; + padding: 0 0.8rem; + font-size: 4.8rem; + } + } + p { + margin: 0.6rem 0 0; + font-size: 2.4rem; + color: #000; + font-weight: 600; + @include tablet { + margin: 2rem 0 0; + font-size: 4.8rem; + color: #000; + } + } + } + + .reasons { + padding: 3rem 0 6.4rem; + background: linear-gradient(176.68deg, #3f3e3e 23.87%, #060606 97.26%); + @include tablet { + height: 84.7rem; + padding: 8rem 2rem; + } + li { + @include tablet { + display: flex; + flex-wrap: wrap; + } + & + li { + margin-top: 2.4rem; + @include tablet { + margin-top: 6rem; + } + } + p { + flex: 1; + padding: 1rem 2rem 0 6rem; + margin: 0 2rem 1.6rem; + font-size: 1.4rem; + color: #fff; + line-height: 1.5; + background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat 0 0 / 2.3rem auto; + @include tablet { + margin: 1.2rem 0 0; + padding: 0 2rem 0 7.2rem; + font-size: 1.6rem; + background-position: 0 0.5rem; + background-size: 3.1rem auto; + } + } + &:nth-child(2) { + p { + padding: 1rem 6rem 0 2rem; + background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat 100% 0 / 3.7rem auto; + text-align: right; + @include tablet { + padding: 0 2rem 0 7.2rem; + background-position: 0 0.5rem; + background-size: 5.1rem auto; + text-align: left; + } + } + .img-area { + padding-left: 2rem; + @include tablet { + padding-left: 0; + } + } + } + &:nth-child(3) { + p { + background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat 0 0 / 3.6rem auto; + @include tablet { + background-position: 0 0; + background-size: 4.9rem auto; + } + } + .img-area { + padding-left: 8rem; + @include tablet { + padding-left: 0; + } + } + } + + strong { + display: block; + font-size: 1.8rem; + font-weight: 600; + color: #fff; + @include tablet { + margin-bottom: 0.4rem; + font-size: 2.4rem; + } + } + + .img-area { + width: 100%; + @include tablet { + width: 50%; + margin-left: 3.2rem; + } + img { max-width: 100%; + } } + } } + } - .welcome-goodbye { - .image_area { - & + .image_area { - margin-top: 0.8rem; - @include tablet { - margin-top: 2rem; - } - } - video { - width: 100%; - } - } + .coming-next { + padding: 7.7rem 0 5.7rem; + text-align: left; + background-color: #000; + @include tablet { + padding: 23.8rem 2rem 16rem; } - - .inner { - max-width: 120rem; - margin: 0 auto; - } - - .three-reasons { - overflow: hidden; + .tit-area { + padding: 0 2rem; + @include tablet { + padding: 0; + margin-bottom: 5.5rem; + } + h3 { + display: inline-block; position: relative; - padding: 7.2rem 0 0; - background-color: #fff; - text-align: left; + font-size: 3rem; + font-weight: 600; + color: #fff; + line-height: 1.4; @include tablet { - padding: 9.6rem 0 0; + font-size: 4.8rem; } - .tit-area { + br { + display: block; + @include tablet { + display: none; + } + } + .next { + @include tablet { position: relative; - padding: 0 2rem 4rem; - box-shadow: 0px 2.2rem 2rem 0px rgba(0, 0, 0, 0.25); - @include tablet { - padding: 0 2rem 7.2rem; - box-shadow: 0px 4.4rem 4rem 0px rgba(0, 0, 0, 0.25); - } - - // &:after { - // content: ""; - // display: block; - // position: absolute; - // bottom: 0; - // left: 0; - // width: 100%; - // height: 20rem; - // background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%); - // } - // @include desktopMax { - // &::after { - // display: none; - // } - // } - h3 { - display: inline-flex; - align-items: center; - height: 4.2rem; - padding: 0 0.8rem; - font-size: 3rem; - color: #fff; - font-weight: 600; - background-color: #ed1c24; - white-space: nowrap; - @include tablet { - height: 6.4rem; - padding: 0 0.8rem; - font-size: 4.8rem; - } - } - p { - margin: 0.6rem 0 0; - font-size: 2.4rem; - color: #000; - font-weight: 600; - @include tablet { - margin: 2rem 0 0; - font-size: 4.8rem; - color: #000; - } - } + } } - - .reasons { - padding: 3rem 0 6.4rem; - background: linear-gradient(176.68deg, #3f3e3e 23.87%, #060606 97.26%); - @include tablet { - height: 84.7rem; - padding: 8rem 2rem; - } - li { - @include tablet { - display: flex; - flex-wrap: wrap; - } - & + li { - margin-top: 2.4rem; - @include tablet { - margin-top: 6rem; - } - } - p { - flex: 1; - padding: 1rem 2rem 0 6rem; - margin: 0 2rem 1.6rem; - font-size: 1.4rem; - color: #fff; - line-height: 1.5; - background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat 0 0 / 2.3rem auto; - @include tablet { - margin: 1.2rem 0 0; - padding: 0 2rem 0 7.2rem; - font-size: 1.6rem; - background-position: 0 0.5rem; - background-size: 3.1rem auto; - } - } - &:nth-child(2) { - p { - padding: 1rem 6rem 0 2rem; - background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat 100% 0 / 3.7rem auto; - text-align: right; - @include tablet { - padding: 0 2rem 0 7.2rem; - background-position: 0 0.5rem; - background-size: 5.1rem auto; - text-align: left; - } - } - .img-area { - padding-left: 2rem; - @include tablet { - padding-left: 0; - } - } - } - &:nth-child(3) { - p { - background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat 0 0 / 3.6rem auto; - @include tablet { - background-position: 0 0; - background-size: 4.9rem auto; - } - } - .img-area { - padding-left: 8rem; - @include tablet { - padding-left: 0; - } - } - } - - strong { - display: block; - font-size: 1.8rem; - font-weight: 600; - color: #fff; - @include tablet { - margin-bottom: 0.4rem; - font-size: 2.4rem; - } - } - - .img-area { - width: 100%; - @include tablet { - width: 50%; - margin-left: 3.2rem; - } - img { - max-width: 100%; - } - } - } - } - } - - .coming-next { - padding: 7.7rem 0 5.7rem; - text-align: left; - background-color: #000; + } + .speech-bubble { + display: inline-block; + position: absolute; + top: -1.5rem; + left: 77%; + background-color: #fbc707; + padding: 0.6rem 0.9rem; + border-radius: 0.4rem; + font-size: 1.2rem; + color: #000; + line-height: 1.3; + font-weight: 600; + text-align: center; + white-space: nowrap; @include tablet { - padding: 23.8rem 2rem 16rem; + top: -7rem; + left: 50%; + transform: translateX(-50%); + padding: 1rem 1.2rem; + border-radius: 0.4rem; + font-size: 1.6rem; } - .tit-area { - padding: 0 2rem; - @include tablet { - padding: 0; - margin-bottom: 5.5rem; - } - h3 { - display: inline-block; - position: relative; - font-size: 3rem; - font-weight: 600; - color: #fff; - line-height: 1.4; - @include tablet { - font-size: 4.8rem; - } - br { - display: block; - @include tablet { - display: none; - } - } - .next { - @include tablet { - position: relative; - } - } - } - .speech-bubble { - display: inline-block; - position: absolute; - top: -1.5rem; - left: 77%; - background-color: #fbc707; - padding: 0.6rem 0.9rem; - border-radius: 0.4rem; - font-size: 1.2rem; - color: #000; - line-height: 1.3; - font-weight: 600; - text-align: center; - white-space: nowrap; - @include tablet { - top: -7rem; - left: 50%; - transform: translateX(-50%); - padding: 1rem 1.2rem; - border-radius: 0.4rem; - font-size: 1.6rem; - } - &::after { - content: ""; - display: block; - position: absolute; - bottom: -1rem; - left: 1.65rem; - transform: 0; - border-left: 1rem solid transparent; - border-right: 1rem solid transparent; - border-top: 1rem solid #fbc707; - @include tablet { - left: 50%; - transform: translateX(-50%); - } - } - } + &::after { + content: ""; + display: block; + position: absolute; + bottom: -1rem; + left: 1.65rem; + transform: 0; + border-left: 1rem solid transparent; + border-right: 1rem solid transparent; + border-top: 1rem solid #fbc707; + @include tablet { + left: 50%; + transform: translateX(-50%); + } } + } } + } - &.comp_2x_b_h_s_e2 { - margin-top: 6rem; - @include tablet { - margin-top: 10rem; - } - .text_area { - text-align: left; - } + &.comp_2x_b_h_s_e2 { + margin-top: 6rem; + @include tablet { + margin-top: 10rem; } + .text_area { + text-align: left; + } + } + + .btn-zoom { + display: block; + position: absolute; + top: 1rem; + right: 1rem; + width: 2.4rem; + height: 2.4rem; + background: url(../images/kia/pdp/display_theme_disney/btn_zoom.png) no-repeat 0 0 / 100% auto; + @include tablet { + display: none; + } + } } .desktop { - .displayThemeDesney { - .mobile { - display: none; - } + .displayThemeDesney { + .mobile { + display: none; } + } } .tablet { - .displayThemeDesney { - .mobile { - display: none; - } + .displayThemeDesney { + .mobile { + display: none; } + } } .moblie { - .displayThemeDesney { - .web { - display: none; - } + .displayThemeDesney { + .web { + display: none; } + } +} + +.pdp-zoom { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.9); + z-index: 9999; + display: flex; + justify-content: center; + align-items: center; + + /* 팝업에 overflow 방지 */ + overflow: hidden; +} + +.zoom-wrapper { + display: flex; + justify-content: center; + align-items: center; + width: 100vw; + height: 100vh; + /* 회전 + 위치 보정 */ + // transform: rotate(90deg); + transform-origin: center center; +} +.pdp-zoom img, +.pdp-zoom video { + width: 100%; + height: auto; + max-width: none; + object-fit: contain; +} +.btn-close-zoom { + display: block; + position: absolute; + top: 2rem; + right: 2rem; + width: 2.4rem; + height: 2.4rem; + text-indent: -9999em; + background: url(../images/kia/pdp/display_theme_disney/btn_zoom_close.png) no-repeat 0 0 / 100% auto; + cursor: pointer; } diff --git a/kr/assets/images/kia/pdp/display_theme_disney/btn_zoom.png b/kr/assets/images/kia/pdp/display_theme_disney/btn_zoom.png new file mode 100644 index 0000000000000000000000000000000000000000..ee891476bf85010bcacf64b9e8b8a47f4e9a0b53 GIT binary patch literal 1114 zcmV-g1f~0lP)0HLfCpk? zj9#P!l#?lwUZ$U6O*3>iQ&rwE`%s55GWG%wTT;$ zkbcYe0a*}DjSb{KRGCc(al~&cFeaeQDo^BRlOR~%+HUy&`j+;*$^ZGWl=tkR%F1lI zkxE-9V7dm%9flgvN}*V)TxeZrH7DN>)VRBj3<*H30$YV_xhCHnv}RSzTx1B_&-Sa} zEDTKusj+~ncTmA9FNOqED>p*|kgzZ#NU2mLFwPJUXc$Ym^fU|Aqna$VyKm4mw5z5P zGE~!ZQ!mteAs1v2C9P-yHjHLx!TKw$xz8-DuteeFH0><}H~O(eKu&v+$2%Q-gPR(J z@y|+1ZQ3hHz~1cu)mPQAMpx=$rJ6YWD54_)38G%G3TRC(O`VcZA^^xF1d-|IGnsY{*gO2XE@5IoVfn|E~CsutQvS|}R@5F}qceL`<%-_zvdX!iPjUUNJc zQ>Z(bO+d2HhP*{$*3R)*5|efyWUZ=b!Zradu)yJJi;;ne!GvN4TPJo&xI#b+L{h7} z5;E+NaGiitsFEnVf(9E0LCqrenLO|K{Xi*@-TmOR51M!+xKX^|3y?PvhY8J-cM*pM zI%)4Ew-<4=g1_xv;3rY?9-{be;{W*604KOW-p~Z**tI|Bd^gMXK0UzO`(`R1jU;H# g+065a$Fw*80TQ>~}l(N0Irn2II3tzB7+aX4Gfs zG#~t9|0dGd=EUC4j@3`5H6AFcusfO dA`Pzcd2dAJzjgahxCrzxgQu&X%Q~loCIBv*f;|8L literal 0 HcmV?d00001 diff --git a/kr/assets/js/common.js b/kr/assets/js/common.js index 140a823..b261c8d 100644 --- a/kr/assets/js/common.js +++ b/kr/assets/js/common.js @@ -1327,8 +1327,21 @@ function pdpDisplayTab(button, element) { $(".pdpDetail .tab-menu ul").slideUp(200); } } -function pdpDisplayTabMobile() { - // tabmenu 기능 구현 - const molbileTabBtn = $(".pdpDetail .tab-menu .btn-select"); - molbileTabBtn.toggleClass("open").next().slideToggle(200); + +function pdpDisplayZoom(selector) { + const $target = $(selector).clone(); + + const $popup = $(` +
+
+ +
+ `); + + $popup.find(".zoom-wrapper").append($target); + $("body").append($popup); + + $(".btn-close-zoom").on("click", function () { + $popup.remove(); + }); } diff --git a/kr/product/pdp_display_theme_disney.html b/kr/product/pdp_display_theme_disney.html index 848d702..2f8a5a4 100644 --- a/kr/product/pdp_display_theme_disney.html +++ b/kr/product/pdp_display_theme_disney.html @@ -439,16 +439,18 @@
-
-
@@ -459,7 +461,8 @@
- 디스플레이 테마1 + 디스플레이 테마1 +

Cluster

@@ -469,7 +472,8 @@
- 디스플레이 테마1 + 디스플레이 테마1 +

Navigation

@@ -479,7 +483,8 @@
- 디스플레이 테마1 + 디스플레이 테마1 +

Homecard

@@ -489,7 +494,8 @@
- 디스플레이 테마1 + 디스플레이 테마1 +

Profile