diff --git a/assets/css/pdp_detail.css b/assets/css/pdp_detail.css index 096aca6..2cca8f8 100644 --- a/assets/css/pdp_detail.css +++ b/assets/css/pdp_detail.css @@ -3418,7 +3418,7 @@ left: -65px; width: 5rem; height: 5rem; - border: 1px solid #D3D3D3; + border: 1px solid #d3d3d3; border-radius: 50%; background: rgb(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center/15px auto; } @@ -3455,10 +3455,6 @@ background-color: #000; } -.scroll_area { - overflow: hidden; - overflow-x: auto; -} .scroll_area .web { display: block; } @@ -3469,10 +3465,41 @@ } .scroll_area .mobile { display: none; + position: relative; + padding-top: 3rem; +} +.scroll_area .mobile:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 16px; + background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0/contain; +} +.scroll_area .mobile .header { + overflow: hidden; + flex: none; + width: 125px; + height: 460px; + background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0/auto 100%; +} +.scroll_area .mobile .cont { + overflow: hidden; + overflow-x: auto; + height: 460px; +} +.scroll_area .mobile .cont:after { + content: ""; + display: block; + width: 306px; + height: 100%; + background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat -126px 0/auto 100%; } @media (max-width: 768px) { .scroll_area .mobile { - display: block; + display: flex; } } @media (max-width: 768px) { diff --git a/assets/css/pdp_detail.css.map b/assets/css/pdp_detail.css.map index 836cb85..6661b86 100644 --- a/assets/css/pdp_detail.css.map +++ b/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/assets/css/pdp_detail.scss b/assets/css/pdp_detail.scss index e0fa303..589741a 100644 --- a/assets/css/pdp_detail.scss +++ b/assets/css/pdp_detail.scss @@ -1,3966 +1,3991 @@ -@charset "UTF-8"; -@import "utils.scss"; -/*변수파일 import*/ - -.comp_wide { - width: 100%; - max-width: 192rem; - text-align: left; - margin: 0 auto; - margin-top: 12rem; - - &:first-child { - margin-top: 0; - } -} - -.comp_body { - width: 100%; - max-width: 120rem; - margin: 0 auto; - - @media (max-width: 1240px) { - padding: 0 2rem; - } - - .text_area { - margin-top: 4rem; - transition: 0.3s; - - @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; - } - } -} - -.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; - - @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; - - @include maxtablet { - padding-bottom: 6rem; - } -} - -.disclaimerArea { - padding-bottom: 10rem; - - @include maxtablet { - padding-bottom: 6rem; - } - - .disclaimerInner { - h2 { - width: 100%; - font-size: 2.4rem; - font-weight: 600; - - @include maxtablet { - font-size: 1.8rem; - } - } - - .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; - } - } - } - } - } - } -} - -.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; - } - } - } - } - } - - &.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; - } - - @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; - } - } - } -} - -.scroll_area { - overflow: hidden; - overflow-x: auto; - - .web { - display: block; - - @include maxtablet { - display: none; - } - } - - .mobile { - display: none; - - @include maxtablet { - display: block; - } - } - - .themeImg { - @include maxtablet { - height: 48rem; - } - } -} \ No newline at end of file +@charset "UTF-8"; +@import "utils.scss"; +/*변수파일 import*/ + +.comp_wide { + width: 100%; + max-width: 192rem; + text-align: left; + margin: 0 auto; + margin-top: 12rem; + + &:first-child { + margin-top: 0; + } +} + +.comp_body { + width: 100%; + max-width: 120rem; + margin: 0 auto; + + @media (max-width: 1240px) { + padding: 0 2rem; + } + + .text_area { + margin-top: 4rem; + transition: 0.3s; + + @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; + } + } +} + +.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; + + @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; + + @include maxtablet { + padding-bottom: 6rem; + } +} + +.disclaimerArea { + padding-bottom: 10rem; + + @include maxtablet { + padding-bottom: 6rem; + } + + .disclaimerInner { + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; + } + } + + .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; + } + } + } + } + } + } +} + +.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; + } + } + } + } + } + + &.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; + } + + @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; + } + } + } +} + +.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; + } + } +} diff --git a/assets/images/kia/pdp/streaming_premium/img_spec_index.png b/assets/images/kia/pdp/streaming_premium/img_spec_index.png new file mode 100644 index 0000000..8b270ae Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/img_spec_index.png differ diff --git a/assets/images/kia/pdp/streaming_premium/img_spec_m2.png b/assets/images/kia/pdp/streaming_premium/img_spec_m2.png new file mode 100644 index 0000000..50a77df Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/img_spec_m2.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img1.jpg b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1.jpg new file mode 100644 index 0000000..15a4e1e Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1.jpg differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png new file mode 100644 index 0000000..357f9f7 Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img2.jpg b/assets/images/kia/pdp/streaming_premium/streaming_premium_img2.jpg new file mode 100644 index 0000000..e072eca Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img2.jpg differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png new file mode 100644 index 0000000..1e9f2d4 Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img2_1.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img2_1.png index 1e9f2d4..1c4c2a8 100644 Binary files a/assets/images/kia/pdp/streaming_premium/streaming_premium_img2_1.png and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img2_1.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img3.jpg b/assets/images/kia/pdp/streaming_premium/streaming_premium_img3.jpg new file mode 100644 index 0000000..3acb388 Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img3.jpg differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png new file mode 100644 index 0000000..2e44acd Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img3_1.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img3_1.png index 2e44acd..f360096 100644 Binary files a/assets/images/kia/pdp/streaming_premium/streaming_premium_img3_1.png and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img3_1.png differ diff --git a/assets/images/kia/pdp/streaming_premium/theme1_screen.jpg b/assets/images/kia/pdp/streaming_premium/theme1_screen.jpg new file mode 100644 index 0000000..3caa106 Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/theme1_screen.jpg differ diff --git a/assets/images/kia/pdp/streaming_premium/usage_service.png b/assets/images/kia/pdp/streaming_premium/usage_service.png index 61b5179..a672325 100644 Binary files a/assets/images/kia/pdp/streaming_premium/usage_service.png and b/assets/images/kia/pdp/streaming_premium/usage_service.png differ diff --git a/assets/images/kia/pdp/streaming_premium/usage_service_m.png b/assets/images/kia/pdp/streaming_premium/usage_service_m.png index 67dc6cf..3c6d4ae 100644 Binary files a/assets/images/kia/pdp/streaming_premium/usage_service_m.png and b/assets/images/kia/pdp/streaming_premium/usage_service_m.png differ diff --git a/product/pdp_streaming_premium.html b/product/pdp_streaming_premium.html index a6b8668..2b976b7 100644 --- a/product/pdp_streaming_premium.html +++ b/product/pdp_streaming_premium.html @@ -40,7 +40,7 @@ - + @@ -368,7 +368,10 @@
이용 사양 - 이용 사양 +
+ + +