diff --git a/assets/css/pdp_detail.css b/assets/css/pdp_detail.css index 4db4578..d4d0534 100644 --- a/assets/css/pdp_detail.css +++ b/assets/css/pdp_detail.css @@ -398,7 +398,8 @@ .comp_1x_b_n_n_e1 .youtubeArea { position: relative; margin-top: 3.5rem; - padding-bottom: 56.25%; /* 16:9 비율인 경우 */ + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ padding-top: 25px; height: 0; @@ -445,7 +446,8 @@ .comp_1x_b_n_n_e2 .mp4area { position: relative; margin-top: 3.5rem; - padding-bottom: 56.25%; /* 16:9 비율인 경우 */ + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ padding-top: 25px; height: 0; @@ -2153,6 +2155,9 @@ .displayTheme.comp_wide.playing .displayThemeDtl { filter: blur(2px); } +.displayTheme.comp_wide.playing .displayThemeDtl { + opacity: 0; +} @media (max-width: 1700px) { .displayTheme.comp_wide.playing .displayThemeDtl { filter: blur(0); @@ -2248,13 +2253,35 @@ left: 50%; transform: translate(-50%, -50%); width: 100%; - background-color: #000; - border: 2.5rem solid #000; - border-bottom-width: 5.65rem; } .displayTheme .comp_md.video_wrap .video-area .video video { + display: block; width: 100%; height: 100%; + visibility: visible; +} +.displayTheme .comp_md.video_wrap .video-area .video .btn-play { + display: none; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 8rem; + height: 8rem; + background: url(../images/kia/pdp/display_theme/ico_play.png) no-repeat center/100% auto; + text-indent: -9999em; +} +.displayTheme .comp_md.video_wrap .video-area .video .btn-play.pause { + display: none; + background: url(../images/kia/pdp/display_theme/ico_pause.png) no-repeat center/100% auto; +} +.displayTheme .comp_md.video_wrap .video-area .video .btn-play.play { + display: block; +} +@media (hover: hover) { + .displayTheme .comp_md.video_wrap .video-area .video:hover .btn-play.pause { + display: block; + } } @media (max-width: 768px) { .displayTheme .comp_md.video_wrap .video-area { @@ -3113,4 +3140,8 @@ height: 3rem; } } + +.comp_wide.title-only + .comp_wide { + margin-top: 4rem; +} /*# sourceMappingURL=pdp_detail.css.map */ \ No newline at end of file diff --git a/assets/css/pdp_detail.css.map b/assets/css/pdp_detail.css.map index 87ab87f..891272a 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 eb3945a..8dab114 100644 --- a/assets/css/pdp_detail.scss +++ b/assets/css/pdp_detail.scss @@ -10,67 +10,80 @@ 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){ + + @media (max-width: 1240px) { padding: 0 2rem; } + .text_area { margin-top: 4rem; transition: 0.3s; - @include maxtablet{ + + @include maxtablet { margin-top: 3rem; } - + h3 { transition: 0.3s; font-size: 4rem; font-weight: 600; line-height: 4.8rem; - @include maxtablet{ + + @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{ + + @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{ + + @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{ + + @include maxtablet { margin-top: 1.5rem; font-size: 1.4rem; line-height: 2.2rem; } - + } + .sub { margin-top: 3rem; font-size: 1.4rem; @@ -86,41 +99,50 @@ width: 100%; height: 35.5rem; background-color: #000000; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { height: auto; } + .text_area { display: flex; justify-content: space-between; padding-top: 10rem; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { display: block; padding-top: 5rem; padding-bottom: 4rem; } - h4{ + + h4 { width: 50%; font-size: 4rem; font-weight: 600; line-height: 4.8rem; color: #ffffff; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 100%; + br { display: none; } } } - .info{ + + .info { width: 50%; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; color: #FFFFFF; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 100%; margin-top: 3rem; + br { display: none; } @@ -128,61 +150,75 @@ } } } - .movieArea{ + + .movieArea { position: relative; width: 100%; height: 52rem; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { height: 40rem; } - @media(max-width: 768px){ + + @media(max-width: 768px) { height: 30rem; } - @media(max-width: 500px){ + + @media(max-width: 500px) { height: 20rem; } - + } + .comp_bottom { width: 100%; padding-top: 6rem; padding-bottom: 5rem; background-color: #000000; - .com_bottm_inner{ + + .com_bottm_inner { width: 100%; max-width: 120rem; margin: 0 auto; overflow: hidden; + .swiper { - @media(max-width: 1200px){ + @media(max-width: 1200px) { padding-right: 2rem; } - ul{ - li{ + + ul { + li { width: 220px !important; cursor: pointer; - @media(max-width: 500px){ + + @media(max-width: 500px) { width: 200px !important; } + &:first-child { - @media(max-width: 1240px){ + @media(max-width: 1240px) { margin-left: 2rem; } } - img{ + + 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){ + + @media(max-width: 768px) { margin-top: 2rem; } } + &.active { img { border: 1px solid #FFFFFF; @@ -199,34 +235,41 @@ .comp_1x_w_v_s_e1 { border-top: 1px solid #DEDEDE; padding-top: 10rem; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { padding-top: 7rem; } - @media(max-width: 768px){ + + @media(max-width: 768px) { padding-top: 3rem; } + .image_area { height: 600px; margin-top: 4rem; overflow: hidden; - @include maxmobile{ + + @include maxmobile { height: 400px; } + img { width: 100%; height: 100%; transition: 0.3s; object-fit: cover; - @include maxmobile{ + + @include maxmobile { width: 100%; height: 100%; - + } } } + .bottom { position: relative; - + &::before { content: ""; position: absolute; @@ -238,46 +281,57 @@ 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; - - @media(max-width: 768px){ + + @media(max-width: 768px) { display: block; } + .image_area { width: 50%; height: initial !important; - @media(max-width: 768px){ + + @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){ + + @media(max-width: 768px) { width: 100%; padding-right: 0; } + h4 { color: #000000; } + p { color: #000000; } @@ -287,28 +341,34 @@ } .comp_1x_w_v_s_e2 { - + .comp_body { display: flex; justify-content: space-between; align-items: center; - @media(max-width: 900px){ + + @media(max-width: 900px) { display: block; } + .text_area { margin-top: 0; } + .icon_area { - @media(max-width: 900px){ + @media(max-width: 900px) { margin-top: 3rem; } + img { &:last-child { margin-left: 1.5rem; } - @media(max-width: 900px){ + + @media(max-width: 900px) { width: 7rem; height: 7rem; + &:last-child { margin-left: 1rem; } @@ -316,27 +376,30 @@ } } } - + .image_area { height: 520px; margin-top: 4rem; overflow: hidden; - @include maxmobile{ + + @include maxmobile { height: 360px; } + img { width: 100%; height: 100%; transition: 0.3s; object-fit: cover; - @include maxmobile{ + + @include maxmobile { width: 100%; height: 100%; - + } } } - + } @@ -345,7 +408,8 @@ padding-top: 10rem; padding-bottom: 10rem; border-top: 1px solid #DEDEDE; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { margin-top: 6rem; padding-top: 6rem; padding-bottom: 6rem; @@ -357,16 +421,20 @@ text-align: left; color: #000000; } + .youtubeArea { position: relative; margin-top: 3.5rem; - padding-bottom: 56.25%; /* 16:9 비율인 경우 */ + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ padding-top: 25px; height: 0; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { margin-top: 2rem; } + iframe { position: absolute; top: 0; @@ -374,6 +442,7 @@ width: 100%; height: 100%; } + object { position: absolute; top: 0; @@ -389,7 +458,8 @@ padding-top: 10rem; padding-bottom: 10rem; border-top: 1px solid #DEDEDE; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { margin-top: 6rem; padding-top: 6rem; padding-bottom: 6rem; @@ -401,16 +471,20 @@ text-align: left; color: #000000; } + .mp4area { position: relative; margin-top: 3.5rem; - padding-bottom: 56.25%; /* 16:9 비율인 경우 */ + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ padding-top: 25px; height: 0; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { margin-top: 2rem; } + video { position: absolute; top: 0; @@ -423,51 +497,60 @@ .comp_1x_w_v_s_b { .image_area { - @include maxmobile{ - height: 360px; + @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{ + @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; @@ -476,14 +559,17 @@ 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%; } @@ -494,37 +580,45 @@ .comp_1x_w_v_o_b { position: relative; + .image_area { - @include maxtablet{ - height: 560px; + @include maxtablet { + height: 560px; } + img { width: 100%; transition: 0.3s; - @include maxtablet{ + + @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; @@ -535,11 +629,14 @@ .comp_1x_w_v_c_b { position: relative; + .image_area { height: 700px; - @include maxtablet{ + + @include maxtablet { height: 560px; } + img { width: 100%; height: 100%; @@ -548,41 +645,50 @@ 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; @@ -595,39 +701,45 @@ .comp_1x_b_v_s_b { .image_area { - @include maxmobile{ - height: 360px; + @include maxmobile { + height: 360px; } + img { width: 100%; transition: 0.3s; border-radius: 0.6rem; - @include maxmobile{ + + @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%; } @@ -637,6 +749,7 @@ .comp_1x_w_v_c_e2 { position: relative; + &::after { content: ""; position: absolute; @@ -646,21 +759,26 @@ 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%; } @@ -669,9 +787,11 @@ .image_area { margin-top: 9rem; + @include maxdesktop { margin-top: 4rem; } + img { width: 100%; transition: 0.3s; @@ -682,12 +802,14 @@ .comp_1x_b_v_o_b { - - + + .comp_body { position: relative; + .image_area { height: 520px; + img { width: 100%; height: 100%; @@ -696,7 +818,8 @@ object-fit: cover; border-radius: 0.6rem; } - } + } + .text_area { position: absolute; top: 0; @@ -705,6 +828,7 @@ color: #ffffff; margin-top: 7rem; padding: 0 7rem; + @include maxdesktop { margin-top: 4rem; padding: 0 4rem; @@ -718,22 +842,28 @@ display: flex; justify-content: space-between; align-items: center; - @include maxtablet{ + + @include maxtablet { display: block; } + .image_area { width: 50%; - @include maxtablet{ + + @include maxtablet { width: 100%; } + img { width: 100%; } } + .text_area { width: 50%; padding: 5rem; - @include maxtablet{ + + @include maxtablet { width: 100%; padding: 0; } @@ -747,23 +877,29 @@ display: flex; justify-content: space-between; align-items: center; - @include maxtablet{ + + @include maxtablet { display: block; } + .image_area { width: 50%; - @include maxtablet{ + + @include maxtablet { width: 100%; } + img { width: 100%; border-radius: 0.6rem; } } + .text_area { width: 50%; margin-top: 0; - @include maxtablet{ + + @include maxtablet { width: 100%; margin-top: 3rem; } @@ -772,53 +908,66 @@ &:nth-child(odd) { .text_area { padding-left: 5rem; - @include maxtablet{ + + @include maxtablet { padding-left: 0; } } - + } + &:nth-child(even) { flex-direction: row-reverse; + .text_area { padding-right: 5rem; - @include maxtablet{ + + @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{ + + @include maxtablet { display: block; } + .image_area { width: 50%; aspect-ratio: 1 / 1; - @include maxtablet{ + + @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{ + + @include maxtablet { width: 100%; margin-top: 3rem; } @@ -827,65 +976,78 @@ &:nth-child(odd) { .text_area { padding-left: 5rem; - @include maxtablet{ + + @include maxtablet { padding-left: 0; } } - + } + &:nth-child(even) { flex-direction: row-reverse; + .text_area { padding-right: 5rem; - @include maxtablet{ + + @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{ + + @include maxtablet { padding-top: 7.5rem; } + .comp_body { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; - @include maxtablet{ + + @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 { @@ -893,31 +1055,39 @@ display: flex; justify-content: space-between; align-items: flex-start; - @include maxtablet{ + + @include maxtablet { display: block; } + .half_area { display: flex; flex-direction: column; width: calc((100% - 6rem) / 2); - @include maxtablet{ + + @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{ + + @include maxtablet { display: block; } } + .text_area { padding-bottom: 4rem; } @@ -932,24 +1102,30 @@ display: flex; justify-content: space-between; align-items: flex-start; - @include maxtablet{ + + @include maxtablet { display: block; } + .half_area { width: calc((100% - 2rem) / 2); - @include maxtablet{ + + @include maxtablet { width: 100%; display: block; } + .image_area { width: 100%; + img { width: 100%; border-radius: 0.6rem; } } + &:last-child { - @include maxtablet{ + @include maxtablet { margin-top: 4rem; } } @@ -962,32 +1138,41 @@ display: flex; justify-content: space-between; align-items: center; - @include maxtablet{ + + @include maxtablet { display: block; } + .image_area { width: 46%; - @include maxtablet{ + + @include maxtablet { width: 100%; } + img { width: 100%; border-radius: 0.6rem; } } + .text_area { width: calc(54% - 5rem); margin-top: 0; - @include maxtablet{ + + @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; @@ -995,7 +1180,8 @@ line-height: 2.4rem; color: #676767; } - &:not(:first-child){ + + &:not(:first-child) { margin-top: 3rem; } } @@ -1010,36 +1196,43 @@ justify-content: space-between; align-items: flex-start; flex-wrap: wrap; - @include maxtablet{ + + @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{ + + @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 { @@ -1048,36 +1241,43 @@ justify-content: space-between; align-items: center; flex-wrap: wrap; - @include maxtablet{ + + @include maxtablet { display: block; } + .item { display: flex; justify-content: flex-start; align-items: center; width: calc((100% - 5rem) / 2); margin-bottom: 5rem; - @include maxtablet{ + + @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 { @@ -1086,26 +1286,34 @@ justify-content: space-between; align-items: flex-start; flex-wrap: wrap; - @include maxtablet{ + + @include maxtablet { display: block; } + .item { width: calc((100% - 10rem) / 3); - @include maxtablet{ + + @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; } @@ -1119,24 +1327,28 @@ margin-top: 15rem; background-color: #F3F3F3; padding: 4rem 0; - @media(max-width: 1024px){ + + @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; @@ -1147,49 +1359,59 @@ } } - + } .pdpDetail { padding-bottom: 10rem; - @include maxtablet{ + + @include maxtablet { padding-bottom: 6rem; } } .disclaimerArea { padding-bottom: 10rem; - @include maxtablet{ + + @include maxtablet { padding-bottom: 6rem; } + .disclaimerInner { - h2{ - width:100%; + h2 { + width: 100%; font-size: 2.4rem; font-weight: 600; - @include maxtablet{ + + @include maxtablet { font-size: 1.8rem; } } + .disclaimerList { margin-top: 4rem; border-top: 1px solid #999999; border-bottom: 1px solid #999999; - @include maxtablet{ + + @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{ + + @include maxtablet { display: block; } + .title { width: 15.5rem; padding-right: 2rem; @@ -1197,21 +1419,25 @@ line-height: 2.4rem; font-weight: 600; word-break: keep-all; - @include maxtablet{ + + @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{ + + @include maxtablet { display: none; } } + .contents { width: calc(100% - 15.6rem); padding-left: 2rem; @@ -1219,16 +1445,19 @@ line-height: 2.4rem; word-break: keep-all; color: #676767; - @include maxtablet{ + + @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; @@ -1236,6 +1465,7 @@ left: 0; line-height: 2.2rem; } + a { color: #676767; } @@ -1253,72 +1483,82 @@ padding-bottom: 10rem; border-top: 0.1rem solid #DEDEDE; border-bottom: 0.1rem solid #DEDEDE; - &:has(+ .qnaArea){ + + &:has(+ .qnaArea) { border-bottom: none; } - @include maxtablet{ + + @include maxtablet { padding-top: 6rem; padding-bottom: 6rem; } + .reviewInner { .titleArea { display: flex; justify-content: space-between; align-items: center; - h2{ - width:100%; + + h2 { + width: 100%; font-size: 2.4rem; font-weight: 600; - @include maxtablet{ + + @include maxtablet { font-size: 1.8rem; } } + .searchBox { .selectInner { .cont-select { position: relative; width: 100%; - height:4.5rem; - min-width:10rem; - @include tablet{ - width: 13rem; + height: 4.5rem; + min-width: 10rem; + + @include tablet { + width: 13rem; } + .btn-select { position: relative; width: 100%; - height:4.5rem; - font-size:1.4rem; + 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; + color: #000; line-height: 1; /* 말줄임 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; - @include tablet{ - font-size:1.6rem; + + @include tablet { + font-size: 1.6rem; } - &::after{ + + &::after { content: ""; position: absolute; - right:1rem; - top:40%; + 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") ; + 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; @@ -1328,29 +1568,29 @@ left: 0; border: 1px solid #DEDEDE; box-sizing: border-box; - background-color:#fff; + background-color: #fff; z-index: 1; } - + .btn-select.on { - &::after{ + &::after { transform: rotate(0deg); } } - + .btn-select.on+.list-member { display: block; } - + .list-member li { - font-size:1.6rem; + font-size: 1.6rem; line-height: 2; box-sizing: border-box; } - + .list-member li button { width: 100%; - font-size:1.6rem; + font-size: 1.6rem; border: none; background-color: #fff; cursor: pointer; @@ -1363,56 +1603,65 @@ } } } - + } - - + + .reviewList { margin-top: 3rem; border-top: 1px solid #999999; border-bottom: 1px solid #999999; - @include maxtablet{ + + @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{ + + @include maxtablet { display: block; } + .textArea { width: calc(100% - 10rem); padding-right: 5rem; - @include maxtablet{ + + @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{ + @include maxtablet { margin-top: 1.3rem; } - + &.abstracted { white-space: normal; text-overflow: ellipsis; @@ -1422,6 +1671,7 @@ overflow: hidden; } } + .contentMoreBtn { display: none; align-items: center; @@ -1429,33 +1679,38 @@ font-size: 1.6rem; color: #9EA1A2; cursor: pointer; + &::after { content: ""; - displaY:block; - width:1rem; + displaY: block; + width: 1rem; height: 1rem; - margin-left:0.5rem; + 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{ + + @include maxtablet { display: flex; justify-content: flex-end; width: 100%; margin-top: 1.5rem; } + .reviewBtn { display: flex; justify-content: center; @@ -1465,6 +1720,7 @@ border: 1px solid #DEDEDE; border-radius: 0.6rem; transition: 0.3s; + .icon-good { width: 2rem; height: 2rem; @@ -1472,6 +1728,7 @@ background-repeat: no-repeat; background-size: contain; } + .goodNum { margin-left: 0.8rem; padding-top: 0.2rem; @@ -1480,9 +1737,11 @@ font-weight: 600; line-height: 2rem; } + &:hover { border: 1px solid #000000; } + &.active { .goodNum { color: #000000; @@ -1492,7 +1751,8 @@ } } } - .noList{ + + .noList { display: flex; justify-content: center; align-items: center; @@ -1501,8 +1761,9 @@ border: 1px solid #DEDEDE; border-radius: 0.6rem; font-size: 1.8rem; - color:#9EA1A2; - @include tablet{ + color: #9EA1A2; + + @include tablet { font-size: 2rem; } } @@ -1516,57 +1777,69 @@ padding-bottom: 10rem; border-top: 0.1rem solid #DEDEDE; border-bottom: 0.1rem solid #DEDEDE; - @include maxtablet{ + + @include maxtablet { padding-top: 6rem; padding-bottom: 6rem; } + .qnaInner { .titleArea { display: flex; justify-content: space-between; align-items: center; - h2{ - width:100%; + + h2 { + width: 100%; font-size: 2.4rem; font-weight: 600; - @include maxtablet{ + + @include maxtablet { font-size: 1.8rem; } } } - + .qnaList { margin-top: 4rem; - @include maxtablet{ + + @include maxtablet { margin-top: 3rem; } } - .qnaList{ - width:100%; - margin-top:2rem; + + .qnaList { + width: 100%; + margin-top: 2rem; + // padding-left:2rem; // padding-right:2rem; - @include desktopMin{ - max-width:120rem; - margin-top:2rem; + @include desktopMin { + max-width: 120rem; + margin-top: 2rem; } - @include desktopMax{ - padding-left:0; - padding-right:0; + + @include desktopMax { + padding-left: 0; + padding-right: 0; } - .qnaAccodion{ + + .qnaAccodion { .accordion { dl { - border:1px solid #DEDEDE; + border: 1px solid #DEDEDE; border-radius: 0.6rem; - padding:2rem; + padding: 2rem; position: relative; - &:hover{ + + &:hover { border-color: #05141F; } - @include tablet{ - padding:2.5rem; + + @include tablet { + padding: 2.5rem; } + dt { display: flex; align-items: center; @@ -1575,21 +1848,24 @@ font-weight: 600; position: relative; cursor: pointer; - @include desktopMin{ - font-size:1.8rem; + + @include desktopMin { + font-size: 1.8rem; } + >p { position: relative; - width:93%; - - .subTitle{ + width: 93%; + + .subTitle { display: flex; justify-content: flex-start; align-items: center; color: #9EA1A2; - margin-bottom:1.5rem; - font-size:1.4rem; + margin-bottom: 1.5rem; + font-size: 1.4rem; font-weight: 400; + .badge { display: flex; justify-content: center; @@ -1600,79 +1876,94 @@ 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; - } + 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; + + @include tablet { + right: 1rem; } } } - dt.active + dd{ - displaY:block; + + dt.active+dd { + displaY: block; } + dd { display: none; - margin-top:3rem; + margin-top: 3rem; + p { font-size: 1.4rem; - line-height:2.4rem; - color:#000000; - @include desktopMin{ + 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 { + + .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%; @@ -1682,25 +1973,29 @@ } } } + .adminAnswer { margin-top: 3.5rem; padding-top: 3.5rem; border-top: 0.1rem solid #DEDEDE; - .subTitle{ + + .subTitle { color: #9EA1A2; - font-size:1.4rem; + 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; @@ -1711,10 +2006,11 @@ color: #000000; margin-right: 1rem; margin-bottom: 1rem; - + &:hover { text-decoration: underline; } + .icon { width: 2rem; height: 2rem; @@ -1725,89 +2021,107 @@ } } } + .csBtn { margin: 0 auto; - margin-top:4rem; - width:100%; - - @include tablet{ - width:37rem; - margin-top:5rem; + margin-top: 4rem; + width: 100%; + + @include tablet { + width: 37rem; + margin-top: 5rem; } - .oneButton{ - width:16rem; - margin:0 auto; + + .oneButton { + width: 16rem; + margin: 0 auto; } - .towButton{ - displaY:flex; + + .towButton { + displaY: flex; flex-wrap: wrap; - @include tablet{ + + @include tablet { flex-wrap: nowrap; } + .leftBtn { margin-right: 0; - @include tablet{ + + @include tablet { margin-right: 0.5rem; } } + .rightBtn { margin-left: 0; - @include tablet{ + + @include tablet { margin-left: 0.5rem; } } - button+button{ - margin-top:1rem; - @include tablet{ - margin-lefT:1rem; - margin-top:0; + + button+button { + margin-top: 1rem; + + @include tablet { + margin-lefT: 1rem; + margin-top: 0; } } } - + } } + >.dd-padding { padding-left: 6.5rem; } } - dl.active{ + + dl.active { border-color: #000; } - dl.private{ - &:hover{ + + dl.private { + &:hover { border-color: #DEDEDE; } - dt{ + + dt { cursor: default; - &:after{ + + &:after { content: none; } - &:hover{ - } - >p{ - span{ + &:hover {} + + >p { + span { color: #9EA1A2; } } } } - dl+dl{ - margin-top:1rem; + + dl+dl { + margin-top: 1rem; } } - .noList{ + + .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{ + color: #9EA1A2; + + @include tablet { font-size: 2rem; } } @@ -1816,59 +2130,76 @@ } } -.listbtnWarp{ - width:100%; - margin:0 auto; +.listbtnWarp { + width: 100%; + margin: 0 auto; padding: 0 2rem; - @include desktopMin{ - width:16rem; + + @include desktopMin { + width: 16rem; } + a::before, - a::after{ - width:3.2rem; - @include desktopMin{ - width:3.2rem; + a::after { + width: 3.2rem; + + @include desktopMin { + width: 3.2rem; } - - } + + } } + .pdpDisplayThemeSwiper { .swiper-wrapper { - transition-timing-function: linear ; - + transition-timing-function: linear; + } } + .displayTheme { .visualBg { position: absolute; width: 100%; max-width: 192rem; - @include maxdesktop{ + + @include maxdesktop { overflow: hidden; height: 76rem; } - @media (max-width: 820px){ + + @media (max-width: 820px) { height: 62rem; } - @include maxtablet{ + + @include maxtablet { height: 76rem; } - @include maxmobile{ + + @include maxmobile { height: 71rem; } + img { width: auto; object-fit: cover; object-position: center; - @include maxdesktop{ + + @include maxdesktop { width: 100%; object-fit: initial; object-position: initial; } - &.mobile {display: none;} - @include maxdesktop{ - &.web {display: none;} + &.mobile { + display: none; + } + + @include maxdesktop { + &.web { + display: none; + } + &.mobile { display: block; object-fit: initial; @@ -1877,17 +2208,18 @@ } } + &:after { - content:""; + content: ""; display: none; position: absolute; - bottom:0; - left:0; + 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%); + background: rgb(255, 255, 255); + background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%); } } @@ -1895,18 +2227,22 @@ .comp_body { &.layer_up { .text_area { - margin-top:5.2rem; - @include maxtablet{ + margin-top: 5.2rem; + + @include maxtablet { margin-top: 6rem !important; } } } + .text_area { - @include maxtablet{ + @include maxtablet { margin-top: 3rem !important; + h3 { font-size: 3rem; } + .info { font-size: 1.4rem; } @@ -1914,98 +2250,121 @@ } } + .comp_bottom { display: flex; align-items: center; position: relative; z-index: 2; // max-height: 26rem; - - @include maxdesktop{ + + @include maxdesktop { // max-height: 22rem; - padding:3rem 0; + padding: 3rem 0; } - @include maxtablet{ + + @include maxtablet { // max-height: 22rem; - padding:2rem 0; + padding: 2rem 0; } + &.thumb-swiper { overflow: hidden; flex-wrap: wrap; - padding:17rem 0 0; + padding: 17rem 0 0; + .com_bottm_inner { - padding:3.4rem 0; - background-color: rgba(0,0,0,.8); + padding: 3.4rem 0; + background-color: rgba(0, 0, 0, .8); } - @include maxtablet{ - padding:31.2rem 0 0; + + @include maxtablet { + padding: 31.2rem 0 0; + .com_bottm_inner { - padding:2.4rem 0; + padding: 2.4rem 0; } } } + .com_bottm_inner { display: flex; justify-content: center; align-items: center; position: relative; - width:100%; + width: 100%; height: 100%; - @include maxdesktop{ - padding:3rem 0; + + @include maxdesktop { + padding: 3rem 0; } - @include maxtablet{ - padding:2.5rem 0; + + @include maxtablet { + padding: 2.5rem 0; } + .swiper { overflow: visible; width: 100%; - padding:0 10rem; - &:before,&:after { - content:""; + padding: 0 10rem; + + &:before, + &:after { + content: ""; display: block; position: absolute; - top:-4rem; - bottom:-4rem; - left:0; + 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%); + 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%); + right: 0; + background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); } - @include maxtablet{ - &:before,&:after { + + @include maxtablet { + + &:before, + &:after { display: none; } } - @media(max-width: 1200px){ + + @media(max-width: 1200px) { padding-right: 2rem; } + .swiper-wrapper { width: 100%; - transition-timing-function : linear; + transition-timing-function: linear; + .swiper-slide { width: 11.6rem !important; - padding:6px; - border:2px solid transparent; + padding: 6px; + border: 2px solid transparent; cursor: pointer; - @include maxtablet{ + + @include maxtablet { width: 12rem !important; - padding:.8rem; + padding: .8rem; } + &:first-child { - @media(max-width: 1240px){ + @media(max-width: 1240px) { margin-left: 2rem; } } - img{ + + img { max-width: 100%; } + p { margin-top: 0.3rem; font-size: 1.2rem; @@ -2013,15 +2372,18 @@ color: #fff; text-transform: uppercase; text-align: left; - @media(max-width: 768px){ + + @media(max-width: 768px) { margin-top: .5rem; } } + &.selected { - border:2px dashed rgba(255,255,255,0.5); + border: 2px dashed rgba(255, 255, 255, 0.5); } + &.active { - border:2px solid #F8C40C; + border: 2px solid #F8C40C; } } @@ -2032,78 +2394,96 @@ } &.playing { + .comp_body.layer_up, .thumb-swiper, .displayThemeDtl { filter: blur(2px); } - @media (max-width: 1700px){ - + .displayThemeDtl { + opacity: 0; + } + + @media (max-width: 1700px) { + .displayThemeDtl { filter: blur(0); } } } + .close-today { display: flex; align-items: center; justify-content: center; position: absolute; - bottom:8.2rem; + bottom: 8.2rem; width: 100%; font-size: 1.6rem; - color:#fff; + color: #fff; font-weight: 600; transition: all .2s ease; + label { display: flex; align-items: center; justify-content: center; + input { margin-right: .4rem; } } - @media (max-width: 1780px){ - bottom:4rem; + + @media (max-width: 1780px) { + bottom: 4rem; } - @media (max-width: 1024px){ - bottom:2rem; + + @media (max-width: 1024px) { + bottom: 2rem; } - - @include maxmobile{ - bottom:4rem; + + @include maxmobile { + bottom: 4rem; font-size: 1.2rem; } } + } + .comp_top { z-index: 2; + // height: 10rem; - .comp_body { + .comp_body { .text_area { + // display: flex; h3 { font-size: 3rem; - margin-bottom:1rem; + margin-bottom: 1rem; } + .info { font-size: 1.6rem; } - > * { - flex:1; + + >* { + flex: 1; } } } } + .comp_md { position: absolute; z-index: 2; top: 0; height: 48rem; - background-color: rgba(0,0,0,0); - @include maxtablet{ + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { height: 3rem; } @@ -2112,16 +2492,17 @@ align-items: center; justify-content: center; position: absolute; - top:0; - left:0; + top: 0; + left: 0; width: 100%; // height: 108rem; // transform: translateY(-36rem); padding-top: 56.25%; z-index: 4; - background: rgba(0,0,0,.5); + background: rgba(0, 0, 0, .5); opacity: 1; transition: all 0.3s ease; + .video-area { position: absolute; top: 50%; @@ -2129,52 +2510,88 @@ transform: translate(-50%, -50%); width: 80%; max-width: 125rem; - padding-top:43.5%; + padding-top: 43.5%; + .video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; - background-color: #000; - border:2.5rem solid #000; - border-bottom-width:5.65rem; + video { - width: 100%; - height: 100%; + display: block; + width: 100%; + height: 100%; + visibility: visible; + } + + .btn-play { + display: none; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 8rem; + height: 8rem; + background: url(../images/kia/pdp/display_theme/ico_play.png) no-repeat center / 100% auto; + text-indent: -9999em; + + &.pause { + display: none; + background: url(../images/kia/pdp/display_theme/ico_pause.png) no-repeat center / 100% auto; + } + + &.play { + display: block; + } + + } + + @media (hover: hover) { + &:hover { + .btn-play.pause { + display: block; + } + } } } - - @include maxtablet{ + + @include maxtablet { width: 100%; + .video { - border:1.5rem solid #000; - border-bottom-width:1.5rem; + border: 1.5rem solid #000; + border-bottom-width: 1.5rem; } } } + .btn-close { position: absolute; - top:-6rem; - right:-16rem; + top: -6rem; + right: -16rem; width: 14rem; height: 14rem; background-color: transparent; border: none; cursor: pointer; - @media (max-width: 1024px){ + + @media (max-width: 1024px) { top: -7rem; right: -12rem; width: 10rem; height: 10rem; } - @include maxtablet{ + + @include maxtablet { top: -7rem; right: 0; width: 6rem; height: 6rem; } + // @include maxmobile{ // top:-6rem; // right:-16rem; @@ -2182,7 +2599,7 @@ // height: 14rem; // } } - + .btn-close::before, .btn-close::after { content: ''; @@ -2192,18 +2609,20 @@ width: 9.2rem; height: 2px; background-color: #fff; - @media (max-width: 1024px){ + + @media (max-width: 1024px) { width: 7rem; } - @include maxtablet{ + + @include maxtablet { width: 4rem; } } - + .btn-close::before { transform: translate(-50%, -50%) rotate(45deg); } - + .btn-close::after { transform: translate(-50%, -50%) rotate(-45deg); } @@ -2225,10 +2644,11 @@ // height: 4rem; // } // } - @include maxtablet{ + @include maxtablet { height: 56rem; } - @include maxmobile{ + + @include maxmobile { height: 36rem; } } @@ -2237,18 +2657,21 @@ &.type2 { .comp_bottom { background-color: transparent; + .com_bottm_inner { .thumb-wrap { display: flex; flex-wrap: wrap; - gap:1.4rem 2rem; + gap: 1.4rem 2rem; width: 100%; max-width: 118rem; margin: 0 auto; + .dtthumb { width: 13rem; } + .img-area { display: flex; justify-content: center; @@ -2258,10 +2681,11 @@ background-color: #fff; border-radius: .8rem; } + p { font-size: 1.4rem; font-weight: 600; - color:#fff; + color: #fff; text-transform: uppercase; } } @@ -2272,57 +2696,72 @@ .dtlImgs { position: relative; - padding-top:7.2rem; - @include maxtablet{ - padding-top:7.2rem; + 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; + margin-top: 4rem; + + @include maxtablet { + margin-top: 2rem; } } + &+.item { - margin-top:8rem; - @include maxtablet{ - margin-top:5rem; + 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: 0; + + @include maxtablet { margin-top: 4rem; } + .image_area { height: auto; } } + .comp_body .swiper-slide .text_area h5 { font-size: 3rem; - @include maxtablet{ + + @include maxtablet { font-size: 2rem; } } &.welcome-goodbye { - margin-top:8rem; + margin-top: 8rem; + .comp_body { &+.comp_body { margin-top: 10rem; } + .text_area { - margin-bottom:2rem; + margin-bottom: 2rem; } + video { width: 100%; } @@ -2332,69 +2771,84 @@ .displayThemeDtl { .swiper-navigation { - > * { - top:210px; - left:-65px; + >* { + 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; + 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; + left: auto; + right: -65px; transform: rotate(180deg); } - @media(max-width: 1200px){ + + @media(max-width: 1200px) { display: none; } } .swiper-pagination { - top:46.4rem; + top: 46.4rem; + // top:36.4vw; - @media(max-width: 1200px){ - top:36.4vw; + @media(max-width: 1200px) { + top: 36.4vw; } - @include maxtablet{ + + @include maxtablet { // top: 14.4rem; } + .swiper-pagination-bullet { opacity: 1; width: 5.6rem; height: .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{ + @include maxtablet { overflow: hidden; height: 80rem; } } } + .visualBg { position: absolute; width: 100%; max-width: 192rem; + img { width: 100%; - &.mobile {display: none;} - @include maxtablet{ - &.web {display: none;} + &.mobile { + display: none; + } + + @include maxtablet { + &.web { + display: none; + } + &.mobile { display: block; object-fit: initial; @@ -2403,6 +2857,7 @@ } } + // &:after { // content:""; // display: block; @@ -2421,12 +2876,15 @@ .comp_body { &.layer_up { .text_area { - margin-top:7rem; + margin-top: 7rem; + .info { line-height: 1.5; + br { display: none; - @include maxtablet{ + + @include maxtablet { display: block; } } @@ -2434,13 +2892,16 @@ } } } + .text_area { - @include maxtablet{ + @include maxtablet { margin-top: 6rem; + h3 { font-size: 3rem; line-height: 4rem; } + .info { font-size: 1.4rem; } @@ -2448,83 +2909,103 @@ } } + .comp_bottom { display: flex; align-items: center; position: relative; z-index: 2; // max-height: 26rem; - padding:4rem 0; - background-color: rgba(0,0,0,.8); - @include maxdesktop{ + padding: 4rem 0; + background-color: rgba(0, 0, 0, .8); + + @include maxdesktop { // max-height: 22rem; - padding:3rem 0; + padding: 3rem 0; } - @include maxtablet{ + + @include maxtablet { // max-height: 22rem; - padding:0; + padding: 0; } + .com_bottm_inner { display: flex; justify-content: center; align-items: center; position: relative; - width:100%; + width: 100%; height: 100%; - @include maxdesktop{ - padding:3rem 0; + + @include maxdesktop { + padding: 3rem 0; } - @include maxtablet{ - padding:2.5rem 0; + + @include maxtablet { + padding: 2.5rem 0; } + .swiper { width: 100%; - padding:0 10rem; - &:before,&:after { - content:""; + padding: 0 10rem; + + &:before, + &:after { + content: ""; display: block; position: absolute; - top:0; - left:0; + 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%); + 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%); + right: 0; + background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); } - @include maxtablet{ - &:before,&:after { + + @include maxtablet { + + &:before, + &:after { display: none; } } - @media(max-width: 1200px){ + + @media(max-width: 1200px) { padding-right: 2rem; } + .swiper-wrapper { width: 100%; - transition-timing-function : linear; + transition-timing-function: linear; + .swiper-slide { width: 16.6rem !important; - padding:6px; - border:2px solid transparent; + padding: 6px; + border: 2px solid transparent; cursor: pointer; - @include maxtablet{ + + @include maxtablet { width: 18rem !important; - padding:.8rem; + padding: .8rem; } + &:first-child { - @media(max-width: 1240px){ + @media(max-width: 1240px) { margin-left: 2rem; } } - img{ + + img { max-width: 100%; } + p { margin-top: 0.3rem; font-size: 1.4rem; @@ -2532,10 +3013,12 @@ color: #fff; text-transform: uppercase; text-align: left; - @media(max-width: 768px){ + + @media(max-width: 768px) { margin-top: .5rem; } } + &.active { border-color: #fff; } @@ -2545,33 +3028,40 @@ } } } + .comp_top { z-index: 2; // height: 46rem; height: 340px; max-height: 529px; - @include maxtablet{ + + @include maxtablet { height: 43.9rem; } - .comp_body { + + .comp_body { .text_area { + // display: flex; h3 { - margin-bottom:2rem; + margin-bottom: 2rem; } - > * { - flex:1; + + >* { + flex: 1; } } } } + .comp_md { position: absolute; z-index: 2; top: 0; height: 48rem; - background-color: rgba(0,0,0,0); - @include maxtablet{ + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { height: 3rem; } } @@ -2579,18 +3069,21 @@ &.type2 { .comp_bottom { background-color: transparent; + .com_bottm_inner { .thumb-wrap { display: flex; flex-wrap: wrap; - gap:1.4rem 2rem; + gap: 1.4rem 2rem; width: 100%; max-width: 118rem; margin: 0 auto; + .dtthumb { width: 13rem; } + .img-area { display: flex; justify-content: center; @@ -2600,10 +3093,11 @@ background-color: #fff; border-radius: .8rem; } + p { font-size: 1.4rem; font-weight: 600; - color:#fff; + color: #fff; text-transform: uppercase; } } @@ -2615,55 +3109,70 @@ .dtlImgs { .item { transition: opacity 0.2s; + .text_area { - margin-top:4rem; - @include maxtablet{ - margin-top:2rem; + margin-top: 4rem; + + @include maxtablet { + margin-top: 2rem; } } + &+.item { - margin-top:8rem; - @include maxtablet{ - margin-top:5rem; + margin-top: 8rem; + + @include maxtablet { + margin-top: 5rem; } } + &.change { opacity: 0; } } } + &+.comp_1x_b_v_s_b { position: relative; z-index: 2; - margin-top:8rem; - @include maxtablet{ + margin-top: 8rem; + + @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{ + + @include maxtablet { video { width: 100%; } } } - @include maxtablet{ - margin-top:4rem; + + @include maxtablet { + margin-top: 4rem; } + .dtlImgs { .text_area { display: none; - margin-top:3.2rem; + margin-top: 3.2rem; } + @for $i from 0 through 12 { &.theme#{$i} { - .text_theme#{$i} {display: block;} + .text_theme#{$i} { + display: block; + } } } } @@ -2671,104 +3180,119 @@ .comp_body .swiper-slide .text_area h5 { font-size: 3rem; - - @include maxtablet{ + + @include maxtablet { font-size: 2rem; } } + .inCarGameDtl { overflow: hidden; border-radius: 0.8rem; + .swiper-slide { cursor: pointer; } } + .inCarGameDtlThumb { margin-top: .7rem; + .swiper-slide { overflow: hidden; position: relative; height: 14.85rem; border-radius: 0.8rem; - @include maxtablet{ + + @include maxtablet { height: 4.5rem; } + cursor: pointer; + &.video-slideThumb { &:before { - content:""; + content: ""; display: block; position: absolute; - top:50%;left:50%; + 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{ + @include maxtablet { width: 30px; height: 31px; opacity: .75; } } + &.theme5 { &::before { display: none; } } } + img { display: block; max-width: 100%; border-radius: 0.8rem; overflow: hidden; } + video { position: absolute; - top:50%; + top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; } + &:after { - content:""; + content: ""; display: block; position: absolute; - top:0; - left:0; + top: 0; + left: 0; z-index: 3; width: 100%; height: 100%; border-radius: .8rem; - background-color: rgba(0,0,0,.7); + background-color: rgba(0, 0, 0, .7); } + &.swiper-slide-thumb-active { &:after { display: none; } } } - } + } } + .tooltip { display: flex; align-items: center; position: absolute; - top:-8.5rem; - left:0; + top: -8.5rem; + left: 0; z-index: 10; width: 27.6rem; height: 7.2rem; - padding:0 0 0 1.6rem; + padding: 0 0 0 1.6rem; font-size: 1.2rem; - color:#05141F; + color: #05141F; line-height: 2rem; - border:1px solid #000; + border: 1px solid #000; border-radius: .4rem; background-color: #fff; + &:after { - content:""; + content: ""; display: block; position: absolute; bottom: -0.9rem; @@ -2777,6 +3301,7 @@ height: .9rem; background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain; } + .btn-close { position: absolute; top: 1.6rem; @@ -2794,21 +3319,28 @@ align-items: center; column-gap: 1.6rem; position: absolute; - top:1.4rem; - left:0; + top: 1.4rem; + left: 0; width: 100%; max-width: 120rem; margin: 0 auto; - @include maxdesktop{ + + @include maxdesktop { overflow-x: auto; padding: 0 2rem; } - @include maxtablet{ + + @include maxtablet { top: 0; } - .tooltip {display: none;} + + .tooltip { + display: none; + } + .btn-dtthumb { position: relative; + &.active { .dtthumb { border-color: rgba(248, 196, 12, 1); @@ -2816,28 +3348,32 @@ } } } + .dtthumb { display: flex; align-items: center; width: 15.5rem; height: 4.4rem; - padding:0 0 0 .8rem; + padding: 0 0 0 .8rem; font-size: 1.2rem; - color:#fff; - border:1px solid #fff; + 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:.8rem; + margin-right: .8rem; border-radius: 50%; } - @include maxtablet{ + + @include maxtablet { width: 7.4rem; + p { display: none; } @@ -2850,7 +3386,7 @@ right: .6rem; width: 2.4rem; height: 2.4rem; - margin-top:-1.2rem; + margin-top: -1.2rem; background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto; text-indent: -9999em; cursor: pointer; @@ -2862,47 +3398,53 @@ display: flex; align-items: center; position: absolute; - top:5rem; - right:3rem; + top: 5rem; + right: 3rem; z-index: 3; font-size: 1.4rem; font-weight: 600; - color:#000; + color: #000; cursor: pointer; - @include maxtablet{ - top:2rem; - right:1.6rem; - + + @include maxtablet { + top: 2rem; + right: 1.6rem; + } + &:before { - content:""; + content: ""; display: block; width: 2.8rem; height: 2.8rem; margin-right: .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; + background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem 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; +.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; + color: #aaa !important; font-size: 1.4rem; } } @@ -2914,40 +3456,51 @@ .streamingPremium { - - .mobile {display: none;} - @include maxtablet{ - .web {display: none;} + .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; + margin-top: 4rem; + .mt-12 { - margin-top:6rem; + margin-top: 6rem; } } + &.comp_1x_w_v_o_b { .image_area { - @include maxtablet{ + @include maxtablet { overflow: hidden; height: 80rem; } } } + .visualBg { overflow: hidden; position: relative; width: 100%; max-width: 192rem; max-height: 70rem; - @include maxtablet{ + + @include maxtablet { max-height: auto; } + img { width: 100%; @@ -2958,12 +3511,15 @@ .comp_body { &.layer_up { .text_area { - margin-top:7rem; + margin-top: 7rem; + .info { line-height: 1.5; + br { display: none; - @include maxtablet{ + + @include maxtablet { display: block; } } @@ -2971,13 +3527,16 @@ } } } + .text_area { - @include maxtablet{ + @include maxtablet { margin-top: 3rem; + h3 { font-size: 3rem; line-height: 4rem; } + .info { font-size: 1.4rem; } @@ -2995,30 +3554,43 @@ .comp_top { z-index: 2; + // height: 70rem; // @include maxtablet{ // height: 43.9rem; // } - .comp_body { + .comp_body { .text_area { + // display: flex; h3 { - margin-bottom:2rem; + margin-bottom: 2rem; } - > * { - flex:1; + + >* { + flex: 1; } } } } + .comp_md { position: absolute; z-index: 2; top: 0; height: 48rem; - background-color: rgba(0,0,0,0); - @include maxtablet{ + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { height: 3rem; } } +} + +.comp_wide { + &.title-only { + &+.comp_wide { + margin-top: 4rem; + } + } } \ No newline at end of file diff --git a/assets/images/kia/contents/.DS_Store b/assets/images/kia/contents/.DS_Store index fcf95bb..03aee5d 100644 Binary files a/assets/images/kia/contents/.DS_Store and b/assets/images/kia/contents/.DS_Store differ diff --git a/assets/images/kia/contents/imgCaseInfo_srsp.jpg b/assets/images/kia/contents/imgCaseInfo_srsp.jpg index f6b5755..9f3ff40 100644 Binary files a/assets/images/kia/contents/imgCaseInfo_srsp.jpg and b/assets/images/kia/contents/imgCaseInfo_srsp.jpg differ diff --git a/assets/images/kia/pdp/display_theme/ico_pause.png b/assets/images/kia/pdp/display_theme/ico_pause.png new file mode 100644 index 0000000..954ad38 Binary files /dev/null and b/assets/images/kia/pdp/display_theme/ico_pause.png differ diff --git a/assets/images/kia/pdp/display_theme/ico_play.png b/assets/images/kia/pdp/display_theme/ico_play.png new file mode 100644 index 0000000..c990663 Binary files /dev/null and b/assets/images/kia/pdp/display_theme/ico_play.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_bg.png b/assets/images/kia/pdp/srs_plus/srs_plus_bg.png index 66250b9..3c3cbb6 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_bg.png and b/assets/images/kia/pdp/srs_plus/srs_plus_bg.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_bg_m.png b/assets/images/kia/pdp/srs_plus/srs_plus_bg_m.png index 372d9c8..e0ca83a 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_bg_m.png and b/assets/images/kia/pdp/srs_plus/srs_plus_bg_m.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_contents_01.png b/assets/images/kia/pdp/srs_plus/srs_plus_contents_01.png index 4d53e0c..5571471 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_contents_01.png and b/assets/images/kia/pdp/srs_plus/srs_plus_contents_01.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_contents_04.png b/assets/images/kia/pdp/srs_plus/srs_plus_contents_04.png index 5f6e8fe..decee35 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_contents_04.png and b/assets/images/kia/pdp/srs_plus/srs_plus_contents_04.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_contents_05.png b/assets/images/kia/pdp/srs_plus/srs_plus_contents_05.png index 177dd9f..0562dd5 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_contents_05.png and b/assets/images/kia/pdp/srs_plus/srs_plus_contents_05.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_contents_06.png b/assets/images/kia/pdp/srs_plus/srs_plus_contents_06.png index dac4879..04a2fa6 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_contents_06.png and b/assets/images/kia/pdp/srs_plus/srs_plus_contents_06.png differ diff --git a/assets/images/kia/pdp/srs_plus/srs_plus_contents_07.png b/assets/images/kia/pdp/srs_plus/srs_plus_contents_07.png index 76882c2..1dcc176 100644 Binary files a/assets/images/kia/pdp/srs_plus/srs_plus_contents_07.png and b/assets/images/kia/pdp/srs_plus/srs_plus_contents_07.png differ diff --git a/assets/js/common.js b/assets/js/common.js index 456156c..e97e098 100644 --- a/assets/js/common.js +++ b/assets/js/common.js @@ -1,942 +1,1090 @@ -//비디오 썸내일 콘트롤 -$(document).ready(function() { - if ('scrollRestoration' in history) { - history.scrollRestoration = 'manual'; - } - - //윈도우 사이즈 반응형에 따른 스크립트 - const body = document.querySelector("body"); - var targetSize = ""; - function handleWindowSize() { - const windowWidth = window.innerWidth; - if (windowWidth <= 500) { - //모바일 class - body.className = "moblie"; - - if(targetSize != "moblie"){ - menu_init(); - $(document).on("click",".mobileCarlist > .mobilecarItem",function(){ - if (!$(this).hasClass('noitem')) { - $(this).next().slideToggle("fast"); - $(this).find(".arrow").toggleClass("on"); - $(this).toggleClass("on"); - if($(this).hasClass("on")) { - window.dataLayer.push({ - 'event': 'navigation', - 'event_category': 'Navigation', - 'event_action': 'Top menu', - 'event_label': 'VIN' - }); - printDL(); - } - } - }); - $(document).on("click",".menuDepth1Wrap > .menuDepth1",function(){ - if($(this).hasClass("on") == true){ - $(this).next().slideToggle("fast"); - $(this).toggleClass("on"); - }else{ - $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); - $(".menuDepth1Wrap > .menuDepth1").next().slideUp("fast"); - $(this).next().slideToggle("fast"); - $(this).toggleClass("on"); - } - }); - - $(document).on("click",".moblie .menuDepth1Wrap > a",function(e){ - e.preventDefault(); - }); - - $(document).on("click",".btnClose, .menuWarp .menuDepth2Wrap a", function(e) { - $('.menuWarp .menuDepth1').removeClass('on'); - $('.menuWarp .menuDepth2Wrap').hide(); - $(".menuWarp").css("right", "-100%"); - $("html").removeClass("scrollDisable"); - }); - $(document).on("click",".closeBtn",function(){ - $(".menuWarp").stop().animate({"right":"-100%"}, { queue : true , duration : 500 , easing : 'easeInOutExpo'}); - $("html").removeClass("scrollDisable"); - }); - $(document).on("click",".burgurBtn",function(){ - $(".menuWarp").stop().animate({"right":"0"}, { queue : true , duration : 500 , easing : 'easeInOutExpo'}); - $("html").addClass("scrollDisable"); - }); - } - targetSize = "moblie"; - } else if (windowWidth > 500 && windowWidth <= 1024) { - //타블릿 class - body.className = "tablet"; - - if(targetSize != "tablet"){ - menu_init(); - $(document).on("click",".mobileCarlist > .mobilecarItem",function(){ - if (!$(this).hasClass('noitem')) { - $(this).next().slideToggle("fast"); - $(this).find(".arrow").toggleClass("on"); - $(this).toggleClass("on"); - if($(this).hasClass("on")) { - window.dataLayer.push({ - 'event': 'navigation', - 'event_category': 'Navigation', - 'event_action': 'Top menu', - 'event_label': 'VIN' - }); - printDL(); - } - } - }); - $(document).on("click",".menuDepth1Wrap > .menuDepth1",function(){ - if($(this).hasClass("on") == true){ - $(this).next().slideToggle("fast"); - $(this).toggleClass("on"); - }else{ - $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); - $(".menuDepth1Wrap > .menuDepth1").next().slideUp("fast"); - $(this).next().slideToggle("fast"); - $(this).toggleClass("on"); - } - }); - $(document).on("click",".tablet .menuDepth1Wrap > a",function(e){ - e.preventDefault(); - }); - - $(document).on("click",".btnClose, .menuWarp .menuDepth2Wrap a", function(e) { - $('.menuWarp .menuDepth1').removeClass('on'); - $('.menuWarp .menuDepth2Wrap').hide(); - $(".menuWarp").css("right", "-36rem"); - $("html").removeClass("scrollDisable"); - }); - $(document).on("click",".closeBtn",function(){ - $(".menuWarp").stop().animate({"right":"-36rem"}, { queue : true , duration : 500 , easing : 'easeInOutExpo'}); - $("html").removeClass("scrollDisable"); - }); - $(document).on("click",".burgurBtn",function(){ - $(".menuWarp").stop().animate({"right":"0"}, { queue : true , duration : 500 , easing : 'easeInOutExpo'}); - $("html").addClass("scrollDisable"); - }); - } - targetSize = "tablet"; - - } else { - //데스크탑 class - body.className = "desktop"; - - if(targetSize != "desktop"){ - menu_init(); - $(document).on("mouseenter",".menuDepth1Wrap",function(){ - $(this).find(".menuDepth2Wrap").css("display","block"); - }); - $(document).on("mouseleave",".menuDepth1Wrap",function(){ - $(this).find(".menuDepth2Wrap").css("display","none"); - }); - $(document).on("click",".menuDepth1Wrap > a",function(){ - location.href=$(this).data("url"); - }); - } - targetSize = "desktop"; - } +//비디오 썸내일 콘트롤 +$(document).ready(function () { + if ("scrollRestoration" in history) { + history.scrollRestoration = "manual"; + } - $(document).on("click",".menuDepth1Wrap > .menuDepth1",function(){ - window.dataLayer.push({ - 'event': 'navigation', - 'event_category': 'Navigation', - 'event_action': 'Top menu', - 'event_label': $(this).data('dleventlabel') - }); - printDL(); + //윈도우 사이즈 반응형에 따른 스크립트 + const body = document.querySelector("body"); + var targetSize = ""; + function handleWindowSize() { + const windowWidth = window.innerWidth; + if (windowWidth <= 500) { + //모바일 class + body.className = "moblie"; + + if (targetSize != "moblie") { + menu_init(); + $(document).on("click", ".mobileCarlist > .mobilecarItem", function () { + if (!$(this).hasClass("noitem")) { + $(this).next().slideToggle("fast"); + $(this).find(".arrow").toggleClass("on"); + $(this).toggleClass("on"); + if ($(this).hasClass("on")) { + window.dataLayer.push({ + event: "navigation", + event_category: "Navigation", + event_action: "Top menu", + event_label: "VIN", + }); + printDL(); + } + } }); - } - window.addEventListener("resize", handleWindowSize); - handleWindowSize(); - - function menu_init(){ - $(document).off("mouseenter",".menuDepth1Wrap"); - $(document).off("mouseleave",".menuDepth1Wrap"); - $(document).off("click",".mobileCarlist > .mobilecarItem"); - $(document).off("click",".menuDepth1Wrap > .menuDepth1"); - $(document).off("click",".menuDepth1Wrap > a"); - $(document).off("click",".closeBtn"); - $(document).off("click",".burgurBtn"); - $(".mobileCarlist > .mobilecarItem").removeClass("on"); - $(".mobileCarlist > .mobilecarItem").find(".arrow").removeClass("on"); - $(".mobileCarlist > .mobilecarItem").next().css("display","none"); - $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); - $(".menuDepth1Wrap > .menuDepth1").next().css("display","none"); - $(".menuWarp").stop().animate({"right":"-100%"}, { queue : true , duration : 500 , easing : 'easeInOutExpo'}); - $("html").removeClass("scrollDisable"); - } - - initSwiper(); - - $(window).on('resize', function () { - ww = $(window).width(); - initSwiper(); - }); - - - //자동차 번호/메뉴/로그인 선택 슬라이드 - $(".carlist, .carItem, .menu > a, .user > a").on('mouseover focusin', function(){ - $(this).addClass("on"); - $(this).next('.carlistItem, .gnbMenu, .userMenu').addClass("on"); - $(this).next('.carlistItem, .gnbMenu, .userMenu').on('mouseover focusin', function(){ - $(this).addClass("on"); - }).on('mouseleave',function(){ - $(this).removeClass("on"); - + $(document).on("click", ".menuDepth1Wrap > .menuDepth1", function () { + if ($(this).hasClass("on") == true) { + $(this).next().slideToggle("fast"); + $(this).toggleClass("on"); + } else { + $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); + $(".menuDepth1Wrap > .menuDepth1").next().slideUp("fast"); + $(this).next().slideToggle("fast"); + $(this).toggleClass("on"); + } }); - }).on('mouseleave',function(){ - $(this).removeClass("on"); - $(this).next('.carlistItem, .gnbMenu, .userMenu').removeClass("on"); - $(this).parents('.carlist').removeClass("on"); - }); - $("#slide-open").click(function(){ - if($("#burgur").hasClass("on")){ - $("#burgur").removeClass("on"); - $(".mMenuWarp").removeClass("on"); - $(".logo").removeClass("on"); + $(document).on("click", ".moblie .menuDepth1Wrap > a", function (e) { + e.preventDefault(); + }); + + $(document).on( + "click", + ".btnClose, .menuWarp .menuDepth2Wrap a", + function (e) { + $(".menuWarp .menuDepth1").removeClass("on"); + $(".menuWarp .menuDepth2Wrap").hide(); + $(".menuWarp").css("right", "-100%"); $("html").removeClass("scrollDisable"); - - } else{ - $("#burgur").addClass("on"); - $(".mMenuWarp").addClass("on"); - $("html").addClass("scrollDisable"); - $(".logo").addClass("on"); - } + } + ); + $(document).on("click", ".closeBtn", function () { + $(".menuWarp") + .stop() + .animate( + { right: "-100%" }, + { queue: true, duration: 500, easing: "easeInOutExpo" } + ); + $("html").removeClass("scrollDisable"); + }); + $(document).on("click", ".burgurBtn", function () { + $(".menuWarp") + .stop() + .animate( + { right: "0" }, + { queue: true, duration: 500, easing: "easeInOutExpo" } + ); + $("html").addClass("scrollDisable"); + }); + } + targetSize = "moblie"; + } else if (windowWidth > 500 && windowWidth <= 1024) { + //타블릿 class + body.className = "tablet"; + + if (targetSize != "tablet") { + menu_init(); + $(document).on("click", ".mobileCarlist > .mobilecarItem", function () { + if (!$(this).hasClass("noitem")) { + $(this).next().slideToggle("fast"); + $(this).find(".arrow").toggleClass("on"); + $(this).toggleClass("on"); + if ($(this).hasClass("on")) { + window.dataLayer.push({ + event: "navigation", + event_category: "Navigation", + event_action: "Top menu", + event_label: "VIN", + }); + printDL(); + } + } + }); + $(document).on("click", ".menuDepth1Wrap > .menuDepth1", function () { + if ($(this).hasClass("on") == true) { + $(this).next().slideToggle("fast"); + $(this).toggleClass("on"); + } else { + $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); + $(".menuDepth1Wrap > .menuDepth1").next().slideUp("fast"); + $(this).next().slideToggle("fast"); + $(this).toggleClass("on"); + } + }); + $(document).on("click", ".tablet .menuDepth1Wrap > a", function (e) { + e.preventDefault(); + }); + + $(document).on( + "click", + ".btnClose, .menuWarp .menuDepth2Wrap a", + function (e) { + $(".menuWarp .menuDepth1").removeClass("on"); + $(".menuWarp .menuDepth2Wrap").hide(); + $(".menuWarp").css("right", "-36rem"); + $("html").removeClass("scrollDisable"); + } + ); + $(document).on("click", ".closeBtn", function () { + $(".menuWarp") + .stop() + .animate( + { right: "-36rem" }, + { queue: true, duration: 500, easing: "easeInOutExpo" } + ); + $("html").removeClass("scrollDisable"); + }); + $(document).on("click", ".burgurBtn", function () { + $(".menuWarp") + .stop() + .animate( + { right: "0" }, + { queue: true, duration: 500, easing: "easeInOutExpo" } + ); + $("html").addClass("scrollDisable"); + }); + } + targetSize = "tablet"; + } else { + //데스크탑 class + body.className = "desktop"; + + if (targetSize != "desktop") { + menu_init(); + $(document).on("mouseenter", ".menuDepth1Wrap", function () { + $(this).find(".menuDepth2Wrap").css("display", "block"); + }); + $(document).on("mouseleave", ".menuDepth1Wrap", function () { + $(this).find(".menuDepth2Wrap").css("display", "none"); + }); + $(document).on("click", ".menuDepth1Wrap > a", function () { + location.href = $(this).data("url"); + }); + } + targetSize = "desktop"; + } + + $(document).on("click", ".menuDepth1Wrap > .menuDepth1", function () { + window.dataLayer.push({ + event: "navigation", + event_category: "Navigation", + event_action: "Top menu", + event_label: $(this).data("dleventlabel"), + }); + printDL(); + }); + } + window.addEventListener("resize", handleWindowSize); + handleWindowSize(); + + function menu_init() { + $(document).off("mouseenter", ".menuDepth1Wrap"); + $(document).off("mouseleave", ".menuDepth1Wrap"); + $(document).off("click", ".mobileCarlist > .mobilecarItem"); + $(document).off("click", ".menuDepth1Wrap > .menuDepth1"); + $(document).off("click", ".menuDepth1Wrap > a"); + $(document).off("click", ".closeBtn"); + $(document).off("click", ".burgurBtn"); + $(".mobileCarlist > .mobilecarItem").removeClass("on"); + $(".mobileCarlist > .mobilecarItem").find(".arrow").removeClass("on"); + $(".mobileCarlist > .mobilecarItem").next().css("display", "none"); + $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); + $(".menuDepth1Wrap > .menuDepth1").next().css("display", "none"); + $(".menuWarp") + .stop() + .animate( + { right: "-100%" }, + { queue: true, duration: 500, easing: "easeInOutExpo" } + ); + $("html").removeClass("scrollDisable"); + } + + initSwiper(); + + $(window).on("resize", function () { + ww = $(window).width(); + initSwiper(); + }); + + //자동차 번호/메뉴/로그인 선택 슬라이드 + $(".carlist, .carItem, .menu > a, .user > a") + .on("mouseover focusin", function () { + $(this).addClass("on"); + $(this).next(".carlistItem, .gnbMenu, .userMenu").addClass("on"); + $(this) + .next(".carlistItem, .gnbMenu, .userMenu") + .on("mouseover focusin", function () { + $(this).addClass("on"); + }) + .on("mouseleave", function () { + $(this).removeClass("on"); + }); + }) + .on("mouseleave", function () { + $(this).removeClass("on"); + $(this).next(".carlistItem, .gnbMenu, .userMenu").removeClass("on"); + $(this).parents(".carlist").removeClass("on"); }); - /************************************* + $("#slide-open").click(function () { + if ($("#burgur").hasClass("on")) { + $("#burgur").removeClass("on"); + $(".mMenuWarp").removeClass("on"); + $(".logo").removeClass("on"); + $("html").removeClass("scrollDisable"); + } else { + $("#burgur").addClass("on"); + $(".mMenuWarp").addClass("on"); + $("html").addClass("scrollDisable"); + $(".logo").addClass("on"); + } + }); + + /************************************* accordion *************************************/ - $(document).on("click", ".accordion dl", function(e) { - $(this).toggleClass("active"); - $(this).find(">dd.a").slideToggle(); - $(this).find(">dt.q").toggleClass("active"); - if($('body>div.contentWarp').find('div.productView').length > 0 && $(this).hasClass('active')) { - window.dataLayer.push({ - 'event': 'configurator', - 'event_category': 'Product', - 'event_action': 'Q&A', - 'event_label': 'Details', - 'customer_ID': ComUtils.getCookie('dlu') === null ? '' : ComUtils.getCookie('dlu'), //ID가 이메일 등의 개인정보일 경우 참고 - 'fod_product': $('h1.productName').text(), // eg ‘Vehicle To Grid’ - 'fod_qa_detail': $(this).find('dd.a>p').text().substr(0, 20), - 'fod_review_detail': undefined - }); - } - else if($('body>div.contentWarp').find('div.faqWarp').length > 0 && $(this).hasClass('active')) { - window.dataLayer.push({ - 'event': 'FAQ', - 'event_category': 'FAQ', - 'event_action': $('ul.tabList>li.on>a').text(), //eg '전체', '회원', '상품' … - 'event_label': $(this).find('dt>p>span').text().substr(0, 20), //eg'회원정보 수정은…' - 'customer_ID': ComUtils.getCookie('dlu') === null ? '' : ComUtils.getCookie('dlu') //ID가 이메일 등의 개인정보일 경우 참고 - }); - } - }); + $(document).on("click", ".accordion dl", function (e) { + $(this).toggleClass("active"); + $(this).find(">dd.a").slideToggle(); + $(this).find(">dt.q").toggleClass("active"); + if ( + $("body>div.contentWarp").find("div.productView").length > 0 && + $(this).hasClass("active") + ) { + window.dataLayer.push({ + event: "configurator", + event_category: "Product", + event_action: "Q&A", + event_label: "Details", + customer_ID: + ComUtils.getCookie("dlu") === null ? "" : ComUtils.getCookie("dlu"), //ID가 이메일 등의 개인정보일 경우 참고 + fod_product: $("h1.productName").text(), // eg ‘Vehicle To Grid’ + fod_qa_detail: $(this).find("dd.a>p").text().substr(0, 20), + fod_review_detail: undefined, + }); + } else if ( + $("body>div.contentWarp").find("div.faqWarp").length > 0 && + $(this).hasClass("active") + ) { + window.dataLayer.push({ + event: "FAQ", + event_category: "FAQ", + event_action: $("ul.tabList>li.on>a").text(), //eg '전체', '회원', '상품' … + event_label: $(this).find("dt>p>span").text().substr(0, 20), //eg'회원정보 수정은…' + customer_ID: + ComUtils.getCookie("dlu") === null ? "" : ComUtils.getCookie("dlu"), //ID가 이메일 등의 개인정보일 경우 참고 + }); + } + }); - /************************************* + /************************************* payment-history *************************************/ - $(document).on("click", ".openView", function() { - $(this).next().slideToggle(); - $(this).toggleClass("active"); - $(this).next().siblings(".payAll").slideUp(); - }); + $(document).on("click", ".openView", function () { + $(this).next().slideToggle(); + $(this).toggleClass("active"); + $(this).next().siblings(".payAll").slideUp(); + }); - //top 버튼 - - if ( $( this ).scrollTop() > 200 ) { - $( '.floating_menu' ).fadeIn(); + //top 버튼 + + if ($(this).scrollTop() > 200) { + $(".floating_menu").fadeIn(); + } else { + $(".floating_menu").fadeOut(); + } + + var flagScroll = true; + $(window).scroll(function () { + if ($(this).scrollTop() > 400) { + $(".floating_menu").fadeIn(); } else { - $( '.floating_menu' ).fadeOut(); + $(".floating_menu").fadeOut(); } - - var flagScroll = true; - $( window ).scroll( function() { - if ( $( this ).scrollTop() > 400 ) { - $( '.floating_menu' ).fadeIn(); - } else { - $( '.floating_menu' ).fadeOut(); - } - //디스플레이테마 스크롤 시 스와이퍼 실행 - if ( $( this ).scrollTop() > 400 ) { - if(flagScroll){ - // console.log("스크롤 실행") - pdpIntro(); - pdpDisplayThemeSwiper() - pdpDisplayThemeSwiperDtl(); - pdpInCarGameSwiper() - pdpInCarGameSwiperDtl(); - - flagScroll = false; - } - } - - }); - $( '.floating_top' ).click( function() { - $( 'html, body' ).animate( { scrollTop : 0 }, 400 ); - return false; - }); + //디스플레이테마 스크롤 시 스와이퍼 실행 + if ($(this).scrollTop() > 400) { + if (flagScroll) { + // console.log("스크롤 실행") + pdpIntro(); + pdpDisplayThemeSwiper(); + pdpDisplayThemeSwiperDtl(); + pdpInCarGameSwiper(); + pdpInCarGameSwiperDtl(); - //푸터 페밀리사이트 - const foot_famliy_btn = $(".familyBoxWarp").find(".btn-select"); - foot_famliy_btn.on("click", function() { - $(".familyBoxWarp").find(".list-member").slideToggle("fast", function(){ - foot_famliy_btn.toggleClass("on" , $(this).is(":visible")); - }); - }); - - $('.familyBoxWarp .cont-select').on('click', 'li>a', function() { - $('.familyBoxWarp .list-member').hide(); - $('.familyBoxWarp .btn-select').removeClass('on'); - }); - - //문의하기 글자 수 제한 - var maxInquiryContentsCount = 1000; - $('.inquiryContents').on('change keyup paste', function (e) { - let content = $(this).val(); - - if (content.length == 0 || content == '') { - $('.textCount').text('0/'+maxInquiryContentsCount); - } else { - $('.textCount').text(content.length+'/'+maxInquiryContentsCount); - } - - if (content.length > maxInquiryContentsCount) { - $(this).val($(this).val().substring(0, maxInquiryContentsCount)); - $('.textCount').text(maxInquiryContentsCount+'/'+maxInquiryContentsCount); - alert('글자수는 '+maxInquiryContentsCount+'자까지 입력 가능합니다.'); - }; - }); + flagScroll = false; + } + } + }); + $(".floating_top").click(function () { + $("html, body").animate({ scrollTop: 0 }, 400); + return false; + }); - // 문의하기 이미지 미리보기 - $('input[name="inquiryImgFile"]').change(function(){ - let fileSize = $(this)[0].files[0].size; - let maxSize = 5 * 1024 * 1024; - let check = $(this)[0].files[0].type.match('.jpg|.jpeg|.gif|.png'); - if (fileSize <= maxSize && check){ - setImageFromFile(this, $(this).next().find('.inquiryImg')); - $(this).parent().next().css("display","block"); - } - }); + //푸터 페밀리사이트 + const foot_famliy_btn = $(".familyBoxWarp").find(".btn-select"); + foot_famliy_btn.on("click", function () { + $(".familyBoxWarp") + .find(".list-member") + .slideToggle("fast", function () { + foot_famliy_btn.toggleClass("on", $(this).is(":visible")); + }); + }); - + $(".familyBoxWarp .cont-select").on("click", "li>a", function () { + $(".familyBoxWarp .list-member").hide(); + $(".familyBoxWarp .btn-select").removeClass("on"); + }); - //PDP Display Theme - - - - + //문의하기 글자 수 제한 + var maxInquiryContentsCount = 1000; + $(".inquiryContents").on("change keyup paste", function (e) { + let content = $(this).val(); + + if (content.length == 0 || content == "") { + $(".textCount").text("0/" + maxInquiryContentsCount); + } else { + $(".textCount").text(content.length + "/" + maxInquiryContentsCount); + } + + if (content.length > maxInquiryContentsCount) { + $(this).val($(this).val().substring(0, maxInquiryContentsCount)); + $(".textCount").text( + maxInquiryContentsCount + "/" + maxInquiryContentsCount + ); + alert("글자수는 " + maxInquiryContentsCount + "자까지 입력 가능합니다."); + } + }); + + // 문의하기 이미지 미리보기 + $('input[name="inquiryImgFile"]').change(function () { + let fileSize = $(this)[0].files[0].size; + let maxSize = 5 * 1024 * 1024; + let check = $(this)[0].files[0].type.match(".jpg|.jpeg|.gif|.png"); + if (fileSize <= maxSize && check) { + setImageFromFile(this, $(this).next().find(".inquiryImg")); + $(this).parent().next().css("display", "block"); + } + }); + + //PDP Display Theme }); var dtthumbClickFlag = false; var flagAutoPlay = true; // var swiperThemeDtl; -function pdpDisplayThemeSwiper(){ - if ($('.pdpDisplayThemeSwiper').length > 0) { - var swiperTheme = new Swiper(".pdpDisplayThemeSwiper", { - slidesPerView: "auto", - loop:true, - freeMode: false, - autoplay: { - delay:0, - disableOnInteraction: false, - }, - speed: 3000, - breakpoints: { - // when window width is >= 320px - 320: { - spaceBetween: 8, - }, - // when window width is >= 480px - 480: { - }, - // when window width is >= 640px - 640: { - spaceBetween: 15, - } - }, - on: { - init: function () { - $(".displayTheme .dtthumb").each(function(){ - $(this).attr("data-click", "false"); - }); - }, - }, - }); - - - - $('.pdpDisplayThemeSwiper').hover(function(){ - if(flagAutoPlay==true){ - swiperTheme.autoplay.stop(); - } - }, function(){ - if(flagAutoPlay==true){ - swiperTheme.autoplay.start(); - } - }); +function pdpDisplayThemeSwiper() { + if ($(".pdpDisplayThemeSwiper").length > 0) { + var swiperTheme = new Swiper(".pdpDisplayThemeSwiper", { + slidesPerView: "auto", + loop: true, + freeMode: false, + autoplay: { + delay: 0, + disableOnInteraction: false, + }, + speed: 3000, + breakpoints: { + // when window width is >= 320px + 320: { + spaceBetween: 8, + }, + // when window width is >= 480px + 480: {}, + // when window width is >= 640px + 640: { + spaceBetween: 15, + }, + }, + on: { + init: function () { + $(".displayTheme .dtthumb").each(function () { + $(this).attr("data-click", "false"); + }); + }, + }, + }); - swiperTheme.el.onclick = function() { - // 클릭 시 할 특별한 동작이 없더라도 이 핸들러를 설정해두면, - // 사용자의 클릭으로 인한 상호작용으로 자동 재생이 중단되는 것을 방지할 수 있습니다. - }; - $('.displayTheme .dtthumb').hover(function(){ - let leftPos = $(this).offset().left; - if(dtthumbClickFlag===false){ - $(this).append(`
썸네일을 클릭하면 적용예시를 확인
할 수 있습니다.
`); - } - }, function(){ - if($('.displayTheme .tooltip').length > 0){ - $('.displayTheme .tooltip').remove(); - } - }); - } - - flagScroll = false; + $(".pdpDisplayThemeSwiper").hover( + function () { + if (flagAutoPlay == true) { + swiperTheme.autoplay.stop(); + } + }, + function () { + if (flagAutoPlay == true) { + swiperTheme.autoplay.start(); + } + } + ); + + swiperTheme.el.onclick = function () { + // 클릭 시 할 특별한 동작이 없더라도 이 핸들러를 설정해두면, + // 사용자의 클릭으로 인한 상호작용으로 자동 재생이 중단되는 것을 방지할 수 있습니다. + }; + $(".displayTheme .dtthumb").hover( + function () { + let leftPos = $(this).offset().left; + if (dtthumbClickFlag === false) { + $(this).append( + `
썸네일을 클릭하면 적용예시를 확인
할 수 있습니다.
` + ); + } + }, + function () { + if ($(".displayTheme .tooltip").length > 0) { + $(".displayTheme .tooltip").remove(); + } + } + ); + } + + flagScroll = false; } -function pdpDisplayThemeSwiperDtl(){ - if ($('.displayThemeDtl .swiper').length > 0) { - var swiperThemeDtl = new Swiper(".displayThemeDtl .swiper", { - slidesPerView: 1, - navigation: { - nextEl: ".displayThemeDtl .swiper-button-next", - prevEl: ".displayThemeDtl .swiper-button-prev", - }, - pagination: { - el: ".displayThemeDtl .swiper-pagination", - }, - on: { - init: function () { - $(document).on("click", ".displayTheme .dtthumb", function() { - swiperThemeDtl.slideTo(0); - }); - }, - }, - }); - } - - flagScroll = false; +function pdpDisplayThemeSwiperDtl() { + if ($(".displayThemeDtl .swiper").length > 0) { + var swiperThemeDtl = new Swiper(".displayThemeDtl .swiper", { + slidesPerView: 1, + navigation: { + nextEl: ".displayThemeDtl .swiper-button-next", + prevEl: ".displayThemeDtl .swiper-button-prev", + }, + pagination: { + el: ".displayThemeDtl .swiper-pagination", + }, + on: { + init: function () { + $(document).on("click", ".displayTheme .dtthumb", function () { + swiperThemeDtl.slideTo(0); + }); + }, + }, + }); + } + + flagScroll = false; } -function pdpInCarGameSwiper(){ - if ($('.pdpInCarGameSwiper').length > 0) { - var swiperTheme = new Swiper(".pdpInCarGameSwiper", { - slidesPerView: "auto", - loop:true, - freeMode: false, - autoplay: { - delay:0, - disableOnInteraction: false, - }, - speed: 3000, - breakpoints: { - // when window width is >= 320px - 320: { - spaceBetween: 5, - }, - // when window width is >= 480px - 480: { - }, - // when window width is >= 640px - 640: { - spaceBetween: 10, - } - }, - // navigation: { - // nextEl: ".inCarGame .swiper-button-next", - // prevEl: ".inCarGame .swiper-button-prev", - // }, - on: { - init: function () { - // console.log('pdpInCarGameSwiper 실행한다') - }, - }, - }); - - - $('.pdpInCarGameSwiper').hover(function(){ - if(flagAutoPlay==true){ - swiperTheme.autoplay.stop(); - } - }, function(){ - if(flagAutoPlay==true){ - swiperTheme.autoplay.start(); - } - }); - } - flagScroll = false; +function pdpInCarGameSwiper() { + if ($(".pdpInCarGameSwiper").length > 0) { + var swiperTheme = new Swiper(".pdpInCarGameSwiper", { + slidesPerView: "auto", + loop: true, + freeMode: false, + autoplay: { + delay: 0, + disableOnInteraction: false, + }, + speed: 3000, + breakpoints: { + // when window width is >= 320px + 320: { + spaceBetween: 5, + }, + // when window width is >= 480px + 480: {}, + // when window width is >= 640px + 640: { + spaceBetween: 10, + }, + }, + // navigation: { + // nextEl: ".inCarGame .swiper-button-next", + // prevEl: ".inCarGame .swiper-button-prev", + // }, + on: { + init: function () { + // console.log('pdpInCarGameSwiper 실행한다') + }, + }, + }); + + $(".pdpInCarGameSwiper").hover( + function () { + if (flagAutoPlay == true) { + swiperTheme.autoplay.stop(); + } + }, + function () { + if (flagAutoPlay == true) { + swiperTheme.autoplay.start(); + } + } + ); + } + flagScroll = false; } let inCarGameSwiper; -function pdpInCarGameSwiperDtl(){ - if ($('.inCarGameDtl').length > 0) { - var inCarGameSwiper = new Swiper(".inCarGameDtlThumb", { - spaceBetween: 6, - slidesPerView: 3, - freeMode: true, - watchSlidesProgress: true, - }); - var inCarGameSwiper2 = new Swiper(".inCarGameDtl", { - spaceBetween: 10, - // navigation: { - // nextEl: ".inCarGameDtl .swiper-button-next", - // prevEl: ".inCarGameDtl .swiper-button-prev", - // }, - thumbs: { - swiper: inCarGameSwiper, - }, - on: { - init: function () { - $(document).on("click", ".inCarGame .dtthumb", function() { - inCarGameSwiper.slideTo(0); - inCarGameSwiper2.slideTo(0); - }); - }, - }, - }); - } - flagScroll = false; +function pdpInCarGameSwiperDtl() { + if ($(".inCarGameDtl").length > 0) { + var inCarGameSwiper = new Swiper(".inCarGameDtlThumb", { + spaceBetween: 6, + slidesPerView: 3, + freeMode: true, + watchSlidesProgress: true, + }); + var inCarGameSwiper2 = new Swiper(".inCarGameDtl", { + spaceBetween: 10, + // navigation: { + // nextEl: ".inCarGameDtl .swiper-button-next", + // prevEl: ".inCarGameDtl .swiper-button-prev", + // }, + thumbs: { + swiper: inCarGameSwiper, + }, + on: { + init: function () { + $(document).on("click", ".inCarGame .dtthumb", function () { + inCarGameSwiper.slideTo(0); + inCarGameSwiper2.slideTo(0); + }); + }, + }, + }); + } + flagScroll = false; } +var beforeDtlImgPath = ""; +$(document).on("click", ".inCarGame .dtthumb", function (e) { + const thumbIdx = e + 1; + const dtlImgPath = $(this).attr("value"); + const dtlImgs = $(".inCarGame .dtlImgs"); + $(".inCarGame .dtthumb").removeClass("active"); + $(this).addClass("active"); -var beforeDtlImgPath = ''; -$(document).on("click", ".inCarGame .dtthumb", function(e) { - const thumbIdx = e+1; - const dtlImgPath = $(this).attr("value"); - const dtlImgs = $(".inCarGame .dtlImgs"); - $(".inCarGame .dtthumb").removeClass("active"); - $(this).addClass("active"); + dtlImgs.removeClass(); + dtlImgs.addClass(`comp_body dtlImgs ${dtlImgPath}`); - dtlImgs.removeClass(); - dtlImgs.addClass(`comp_body dtlImgs ${dtlImgPath}`); + $(".inCarGame .dtlImgs .item").addClass("change"); + setTimeout(function () { + $(".inCarGame .dtlImgs .item").removeClass("change"); + }, 200); - $('.inCarGame .dtlImgs .item').addClass('change') - setTimeout(function() { - $('.inCarGame .dtlImgs .item').removeClass('change') - }, 200); + $(".inCarGame .themeImg").each(function (e) { + const idx = e + 2; + const src = $(this).attr("src"); + const lastIndex = src.lastIndexOf("/"); + const pathWithoutFileName = src.substring(0, lastIndex); + $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`); + }); - $(".inCarGame .themeImg").each(function(e){ - const idx = e+2; - const src = $(this).attr("src"); - const lastIndex = src.lastIndexOf("/"); - const pathWithoutFileName = src.substring(0, lastIndex); - $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`); - }); - - $(".inCarGame .video-slide").each(function(e){ - const idx = e+1; - const src = $(this).find(".themeVideo").attr("src"); - const lastIndex = src.lastIndexOf("/"); - const pathWithoutFileName = src.substring(0, lastIndex); - const videoEle = ` + $(".inCarGame .video-slide").each(function (e) { + const idx = e + 1; + const src = $(this).find(".themeVideo").attr("src"); + const lastIndex = src.lastIndexOf("/"); + const pathWithoutFileName = src.substring(0, lastIndex); + const videoEle = ` `; - $(this).html(videoEle); + $(this).html(videoEle); - // $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.mp4`); - }); + // $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.mp4`); + }); - - - $(".inCarGame .video-slideThumb").each(function(e){ - $(this).removeClass(`${beforeDtlImgPath}`) - const idx = e+1; - const src = $(this).find(".themeVideo").attr("src"); - const lastIndex = src.lastIndexOf("/"); - const pathWithoutFileName = src.substring(0, lastIndex); - const videoEle = ` + $(".inCarGame .video-slideThumb").each(function (e) { + $(this).removeClass(`${beforeDtlImgPath}`); + const idx = e + 1; + const src = $(this).find(".themeVideo").attr("src"); + const lastIndex = src.lastIndexOf("/"); + const pathWithoutFileName = src.substring(0, lastIndex); + const videoEle = ` `; - - $(this).addClass(`${dtlImgPath}`) - beforeDtlImgPath = dtlImgPath; - $(this).html(videoEle); + $(this).addClass(`${dtlImgPath}`); - // $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.mp4`); - }); - $(".inCarGame .themeImgThumb").each(function(e){ - const idx = e+2; - const src = $(this).attr("src"); - const lastIndex = src.lastIndexOf("/"); - const pathWithoutFileName = src.substring(0, lastIndex); + beforeDtlImgPath = dtlImgPath; + $(this).html(videoEle); - $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`); - }); - // const visualBgSrc = $(".visualBg img").attr("src"); - // const visualBgLastIndex = visualBgSrc.lastIndexOf("/"); - // const visualBgPathWithoutFileName = visualBgSrc.substring(0, visualBgLastIndex); + // $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.mp4`); + }); + $(".inCarGame .themeImgThumb").each(function (e) { + const idx = e + 2; + const src = $(this).attr("src"); + const lastIndex = src.lastIndexOf("/"); + const pathWithoutFileName = src.substring(0, lastIndex); - // $(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`); + $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`); + }); + // const visualBgSrc = $(".visualBg img").attr("src"); + // const visualBgLastIndex = visualBgSrc.lastIndexOf("/"); + // const visualBgPathWithoutFileName = visualBgSrc.substring(0, visualBgLastIndex); - flagAutoPlay = false; + // $(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`); + + flagAutoPlay = false; }); -$(document).on("click", ".displayTheme .dtthumb", function() { - const dtlImgPath = $(this).attr("value"); - const dtlImgs = $(".dtlImgs"); - const dtthumbClickState = $(this).attr("data-click"); +$(document).on("click", ".displayTheme .dtthumb", function () { + const dtlImgPath = $(this).attr("value"); + const dtlImgs = $(".dtlImgs"); + const dtthumbClickState = $(this).attr("data-click"); - - if($('.displayTheme .tooltip').length > 0){ - $('.displayTheme .tooltip').remove(); - } + if ($(".displayTheme .tooltip").length > 0) { + $(".displayTheme .tooltip").remove(); + } - $('.theme-story .btn-dtthumb').removeClass('active'); + $(".theme-story .btn-dtthumb").removeClass("active"); - const dtthumbItem = $(this).html(); - const dtthumbSelectedItem = $(`.pdpDisplayThemeSwiper .dtthumb[value=${dtlImgPath}]`) - const dtthumbHisSelectedItem = $(`.theme-story .dtthumb[value=${dtlImgPath}]`).parent(); - const dtthumbItemHtml = ` + const dtthumbItem = $(this).html(); + const dtthumbSelectedItem = $( + `.pdpDisplayThemeSwiper .dtthumb[value=${dtlImgPath}]` + ); + const dtthumbHisSelectedItem = $( + `.theme-story .dtthumb[value=${dtlImgPath}]` + ).parent(); + const dtthumbItemHtml = `
x
- ` + `; - $(".dtthumb").removeClass("active"); - dtthumbSelectedItem.addClass("active"); - dtthumbHisSelectedItem.addClass("active"); + $(".dtthumb").removeClass("active"); + dtthumbSelectedItem.addClass("active"); + dtthumbHisSelectedItem.addClass("active"); - $('.dtlImgs .item').addClass('change') - setTimeout(function() { - $('.dtlImgs .item').removeClass('change') - }, 200); + $(".dtlImgs .item").addClass("change"); + setTimeout(function () { + $(".dtlImgs .item").removeClass("change"); + }, 200); - $(".themeImg").each(function(e){ - const idx = e+1; - const src = $(this).attr("src"); - const lastIndex = src.lastIndexOf("/"); - const pathWithoutFileName = src.substring(0, lastIndex); + $(".themeImg").each(function (e) { + const idx = e + 1; + const src = $(this).attr("src"); + const lastIndex = src.lastIndexOf("/"); + const pathWithoutFileName = src.substring(0, lastIndex); - $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`); - }); + $(this).attr("src", `${pathWithoutFileName}/${dtlImgPath}-${idx}.png`); + }); - - if(dtthumbClickState === "false"){ - $('.theme-story').append(dtthumbItemHtml); - $(this).attr("data-click", "true"); - dtthumbSelectedItem.addClass("selected"); - } + if (dtthumbClickState === "false") { + $(".theme-story").append(dtthumbItemHtml); + $(this).attr("data-click", "true"); + dtthumbSelectedItem.addClass("selected"); + } - $('.btn-dtthumb .btn-remove').click(function() { - const dtthumbValue = $(this).closest('.btn-dtthumb').find('.dtthumb').attr("value"); - const selectedItem = $(`.pdpDisplayThemeSwiper .dtthumb[value=${dtthumbValue}]`) - $(this).closest('.btn-dtthumb').remove(); - selectedItem.attr("data-click", "false"); - selectedItem.removeClass("selected"); - }) + $(".btn-dtthumb .btn-remove").click(function () { + const dtthumbValue = $(this) + .closest(".btn-dtthumb") + .find(".dtthumb") + .attr("value"); + const selectedItem = $( + `.pdpDisplayThemeSwiper .dtthumb[value=${dtthumbValue}]` + ); + $(this).closest(".btn-dtthumb").remove(); + selectedItem.attr("data-click", "false"); + selectedItem.removeClass("selected"); + }); - dtthumbClickFlag = true; + dtthumbClickFlag = true; }); function pdpIntro() { - // dpThemeVideo 요소가 존재하는지 확인 - if ($('.video_wrap video').length > 0) { - $(".displayTheme").addClass('playing') - if (getCookie('hideIntroPopup')) { - $(".displayTheme").removeClass('playing') - $(".video_wrap").hide(); - } + // dpThemeVideo 요소가 존재하는지 확인 + if ($(".video_wrap video").length > 0) { + // .video_wrap 내 모든 비디오 요소 선택 + const videoElements = document.querySelectorAll(".video_wrap video"); + $(".displayTheme").addClass("playing"); + if (getCookie("hideIntroPopup")) { + $(".displayTheme").removeClass("playing"); - // .video_wrap 내 모든 비디오 요소 선택 - const videoElements = document.querySelectorAll('.video_wrap video'); - - videoElements.forEach(video => { - - const videoWrap = $('.displayTheme .video_wrap'); - const btnIntro = $('.displayTheme .btn-intro'); - const btnClose = $('.video_wrap .btn-close'); - // console.log("Intro 실행"); + videoElements[0].pause(); + videoElements[0].currentTime = 0; + $(".video_wrap").hide(); + } - // 비디오 요소가 존재하는지 확인 - if (video) { - // 비디오 재생이 끝났을 때 이벤트 리스너 추가 - video.addEventListener('ended', function() { - // console.log("addEventListener ended 실행"); - $(".displayTheme").removeClass('playing') - $(videoWrap).hide(); - // 비디오 재생이 끝나면 비디오 숨기기 - // $(videoWrap).fadeOut('fast',function(){ - // console.log("fadeOut 실행") - // video.currentTime = 0; - // video.pause(); - // }); - }); - } + videoElements.forEach((video) => { + const videoWrap = $(".displayTheme .video_wrap"); + const btnIntro = $(".displayTheme .btn-intro"); + const btnClose = $(".video_wrap .btn-close"); + const btnPlay = $(".video_wrap .btn-play"); + // console.log("Intro 실행"); - // .btn-intro 버튼 클릭 시 비디오 재생 - $(document).on("click", ".displayTheme .btn-intro", function() { - // console.log('intro 다시 실행'); - $(".displayTheme").addClass('playing') - $(videoWrap).show(); - if (video) { - video.currentTime = 0; - video.play(); - } - }); + // 비디오 요소가 존재하는지 확인 + if (video) { + // 비디오 재생이 끝났을 때 이벤트 리스너 추가 + video.addEventListener("ended", function () { + // console.log("addEventListener ended 실행"); + $(".displayTheme").removeClass("playing"); + video.currentTime = 0; + video.pause(); + $(videoWrap).hide(); - // .btn-close 버튼 클릭 시 비디오 숨기기 - $(document).on("click", ".video_wrap .btn-close", function() { - // console.log('btn close 실행'); - $(".displayTheme").removeClass('playing'); - $(videoWrap).hide(); - if (video) { - video.currentTime = 0; - video.pause(); - } - }); + // 비디오 재생이 끝나면 비디오 숨기기 + // $(videoWrap).fadeOut('fast',function(){ + // console.log("fadeOut 실행") + // video.currentTime = 0; + // video.pause(); + // }); + }); + video.addEventListener("pause", () => { + btnPlay.removeClass("pause"); + btnPlay.addClass("play"); + videoWrap.removeClass("played"); + videoWrap.addClass("paused"); }); - // 주석 처리된 부분: 버튼 클릭 시 비디오 숨기기 - // $(btnClose).on('click', function() { - // $(videoWrap).show() - // // .fadeOut('fast',function(){ - // // video.currentTime = 0; - // // video.pause(); - // // }); - // }); - } + // 비디오가 재생되었을 때 호출되는 함수 + video.addEventListener("play", () => { + btnPlay.addClass("pause"); + btnPlay.removeClass("play"); + + videoWrap.addClass("played"); + videoWrap.removeClass("paused"); + }); + } + + // .btn-intro 버튼 클릭 시 비디오 재생 + $(document).on("click", ".displayTheme .btn-intro", function () { + // console.log('intro 다시 실행'); + $(".displayTheme").addClass("playing"); + $(videoWrap).show(); + if (video) { + video.currentTime = 0; + video.play(); + } + }); + + // .btn-close 버튼 클릭 시 비디오 숨기기 + $(document).on("click", ".video_wrap .btn-close", function () { + // console.log('btn close 실행'); + $(".displayTheme").removeClass("playing"); + $(videoWrap).hide(); + if (video) { + video.currentTime = 0; + video.pause(); + } + }); + }); + + // 주석 처리된 부분: 버튼 클릭 시 비디오 숨기기 + // $(btnClose).on('click', function() { + // $(videoWrap).show() + // // .fadeOut('fast',function(){ + // // video.currentTime = 0; + // // video.pause(); + // // }); + // }); + } } +$(document).on("click", ".displayTheme .btn-play.play", function () { + console.log("intro 플레이"); + const btnPlay = $(".video_wrap .btn-play"); + const videoElements = document.querySelectorAll(".video_wrap video"); + if (videoElements) { + btnPlay.removeClass("play"); + btnPlay.addClass("pause"); + videoElements[0].play(); + } +}); +$(document).on("click", ".displayTheme .btn-play.pause", function () { + console.log("intro 정지"); + const btnPlay = $(".video_wrap .btn-play"); + const videoElements = document.querySelectorAll(".video_wrap video"); + + if (videoElements) { + btnPlay.addClass("play"); + btnPlay.removeClass("pause"); + videoElements[0].pause(); + } +}); //마이페이지 lnb 스와이프 var ww = $(window).width(); var mySwiper = undefined; var swiper = null; function initSwiper() { - if (ww < 800 && mySwiper == undefined) { - swiper = new Swiper(".lnbList", { - slidesPerView: "auto", - on: { - click: function(swiper) { - let getEventLabel = $('.lnbList>ul>li:nth-of-type('+(swiper.clickedIndex+1)+')>a').data('dleventlabel'); - if (getEventLabel) { - myLnbTagManager(getEventLabel); - } - - location.href = $('.lnbList > ul > li').eq(swiper.clickedIndex).find("a").attr('href'); - } - } - }); - } else if (ww >= 800 && mySwiper != undefined) { - mySwiper.destroy(); - mySwiper = undefined; - } + if (ww < 800 && mySwiper == undefined) { + swiper = new Swiper(".lnbList", { + slidesPerView: "auto", + on: { + click: function (swiper) { + let getEventLabel = $( + ".lnbList>ul>li:nth-of-type(" + (swiper.clickedIndex + 1) + ")>a" + ).data("dleventlabel"); + if (getEventLabel) { + myLnbTagManager(getEventLabel); + } + + location.href = $(".lnbList > ul > li") + .eq(swiper.clickedIndex) + .find("a") + .attr("href"); + }, + }, + }); + } else if (ww >= 800 && mySwiper != undefined) { + mySwiper.destroy(); + mySwiper = undefined; + } } // 마이페이지 태그매니저 function myLnbTagManager(label) { - window.dataLayer.push({ - 'event': 'navigation', - 'event_category': 'My page', - 'event_action': 'Left menu', - 'event_label': label, // eg 메뉴 순서대로 'Purchase history', 'Payment history', 'Wish list', 'Product review', 'Coupon details', 'Notices details', 'Inquiry details', 'My information' - 'customer_ID': undefined, - 'fod_product': undefined, - 'fod_review_detail': undefined - }); + window.dataLayer.push({ + event: "navigation", + event_category: "My page", + event_action: "Left menu", + event_label: label, // eg 메뉴 순서대로 'Purchase history', 'Payment history', 'Wish list', 'Product review', 'Coupon details', 'Notices details', 'Inquiry details', 'My information' + customer_ID: undefined, + fod_product: undefined, + fod_review_detail: undefined, + }); } // 문의하기 이미지 미리보기 function setImageFromFile(input, expression) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - reader.onload = function (e) { - $(expression).attr('src', e.target.result).attr('id', input.files[0].lastModified); - $(expression).closest('.imgItem').find('.delImg').data('index', input.files[0].lastModified); - } - reader.readAsDataURL(input.files[0]); - } + if (input.files && input.files[0]) { + var reader = new FileReader(); + reader.onload = function (e) { + $(expression) + .attr("src", e.target.result) + .attr("id", input.files[0].lastModified); + $(expression) + .closest(".imgItem") + .find(".delImg") + .data("index", input.files[0].lastModified); + }; + reader.readAsDataURL(input.files[0]); + } } //레이어 팝업 오픈 스크립트 -function open_layer_popup(popid){ - var popid = popid; - $("#"+popid).css("display","flex"); - $("body").css("overflow","hidden"); - $("body").css("touch-action","none"); - $("#"+popid).stop().animate({"opacity":"1"}, { queue : true , duration : 450 , easing : 'easeInOutExpo'}); - $("#"+popid+">.popInner").stop().animate({"top":"50%"}, { queue : true , duration : 450 , easing : 'easeInOutExpo'}); -}; +function open_layer_popup(popid) { + var popid = popid; + $("#" + popid).css("display", "flex"); + $("body").css("overflow", "hidden"); + $("body").css("touch-action", "none"); + $("#" + popid) + .stop() + .animate( + { opacity: "1" }, + { queue: true, duration: 450, easing: "easeInOutExpo" } + ); + $("#" + popid + ">.popInner") + .stop() + .animate( + { top: "50%" }, + { queue: true, duration: 450, easing: "easeInOutExpo" } + ); +} //레이어 팝업 클로즈 스크립트 -function close_layer_popup(popid){ - var popid = popid; - $("#"+popid).stop().animate({"opacity":"0"}, { queue : true , duration : 200 , easing : 'easeInOutExpo', complete : function(){ - $("#"+popid+">.popInner").css("top","53%"); - $("#"+popid).css("display","none"); - }}); - $("body").css("overflow","auto"); - $("body").css("touch-action","auto"); -}; +function close_layer_popup(popid) { + var popid = popid; + $("#" + popid) + .stop() + .animate( + { opacity: "0" }, + { + queue: true, + duration: 200, + easing: "easeInOutExpo", + complete: function () { + $("#" + popid + ">.popInner").css("top", "53%"); + $("#" + popid).css("display", "none"); + }, + } + ); + $("body").css("overflow", "auto"); + $("body").css("touch-action", "auto"); +} //[S]PDP 리뷰 더보기 관련 more_contents_chk(); -function more_contents_chk(){ - $('.reviewItem').each(function (index, item) { - if($(item).find(".contents").height() >= 74){ - $(item).find(".contents").addClass('abstracted'); - $(item).find(".contentMoreBtn").css("display","flex"); - } - }); +function more_contents_chk() { + $(".reviewItem").each(function (index, item) { + if ($(item).find(".contents").height() >= 74) { + $(item).find(".contents").addClass("abstracted"); + $(item).find(".contentMoreBtn").css("display", "flex"); + } + }); } -$(document).on("click", ".contentMoreBtn", function() { - if($(this).hasClass("active")){ - $(this).parent().find(".contents").addClass("abstracted"); - $(this).removeClass("active"); - $(this).html("더보기"); - }else{ - $(this).parent().find(".contents").removeClass("abstracted"); - $(this).addClass("active"); - $(this).html("간단히"); - } +$(document).on("click", ".contentMoreBtn", function () { + if ($(this).hasClass("active")) { + $(this).parent().find(".contents").addClass("abstracted"); + $(this).removeClass("active"); + $(this).html("더보기"); + } else { + $(this).parent().find(".contents").removeClass("abstracted"); + $(this).addClass("active"); + $(this).html("간단히"); + } }); // [E]PDP 리뷰 더보기 관련 //PDP Lighting Pattern -$(document).on("click", ".lpthumb", function() { - $(this).parent().find("li").removeClass("active"); - $(this).addClass("active"); - - $(".lighting_pattern_movie").attr("src", $(this).attr("value")); - $(".lighting_pattern_movie").get(0).load(); - let playPromise = $(".lighting_pattern_movie").get(0).play(); +$(document).on("click", ".lpthumb", function () { + $(this).parent().find("li").removeClass("active"); + $(this).addClass("active"); + + $(".lighting_pattern_movie").attr("src", $(this).attr("value")); + $(".lighting_pattern_movie").get(0).load(); + let playPromise = $(".lighting_pattern_movie").get(0).play(); }); function XSS_Check(strTemp, level) { - let getType = typeof strTemp; - if (getType === 'object') { - strTemp = JSON.stringify(strTemp); - } - - if (level == undefined || level == 0) { - strTemp = strTemp.replaceAll(/\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-|\//g,""); - } else if (level != undefined && level == 1) { - strTemp = strTemp.replaceAll(/\/g, ">"); - strTemp = strTemp.replaceAll(/\&/g, "&"); - strTemp = strTemp.replaceAll(/\'/g, "'"); - strTemp = strTemp.replaceAll(/\"/g, """); - strTemp = strTemp.replaceAll(/\(/g, "("); - strTemp = strTemp.replaceAll(/\)/g, ")"); - strTemp = strTemp.replaceAll(/\//g, "/"); - } else if (level != undefined && level == 2) { - strTemp = strTemp.replaceAll(/alert|window|document|eval|cookie|this|self|parent|top|opener|function|constructor|script|on|\-+\\<>=/gi,""); - } - - if (getType === 'object') { - strTemp = JSON.parse(strTemp); - } - return strTemp; + let getType = typeof strTemp; + if (getType === "object") { + strTemp = JSON.stringify(strTemp); + } + + if (level == undefined || level == 0) { + strTemp = strTemp.replaceAll(/\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-|\//g, ""); + } else if (level != undefined && level == 1) { + strTemp = strTemp.replaceAll(/\/g, ">"); + strTemp = strTemp.replaceAll(/\&/g, "&"); + strTemp = strTemp.replaceAll(/\'/g, "'"); + strTemp = strTemp.replaceAll(/\"/g, """); + strTemp = strTemp.replaceAll(/\(/g, "("); + strTemp = strTemp.replaceAll(/\)/g, ")"); + strTemp = strTemp.replaceAll(/\//g, "/"); + } else if (level != undefined && level == 2) { + strTemp = strTemp.replaceAll( + /alert|window|document|eval|cookie|this|self|parent|top|opener|function|constructor|script|on|\-+\\<>=/gi, + "" + ); + } + + if (getType === "object") { + strTemp = JSON.parse(strTemp); + } + return strTemp; } function htmlDecode(input) { - var doc = new DOMParser().parseFromString(input, "text/html"); - return doc.documentElement.textContent; + var doc = new DOMParser().parseFromString(input, "text/html"); + return doc.documentElement.textContent; } function getUrlParameter(sParam) { - let sPageURL = decodeURIComponent(window.location.search.substring(1)), - sURLVariables = sPageURL.split('&'), + let sPageURL = decodeURIComponent(window.location.search.substring(1)), + sURLVariables = sPageURL.split("&"), sParameterName, i; - for (i = 0; i < sURLVariables.length; i++) { - sParameterName = sURLVariables[i].split('='); + for (i = 0; i < sURLVariables.length; i++) { + sParameterName = sURLVariables[i].split("="); - if (sParameterName[0] === sParam) { - return sParameterName[1] === undefined ? false : sParameterName[1]; - } + if (sParameterName[0] === sParam) { + return sParameterName[1] === undefined ? false : sParameterName[1]; } + } } function enterVideo() { - var playPromise = null; - if($(".withVideo").length > 0){ - $(".withVideo").find("video").get(0).load(); - $(".withVideo").find("video").get(0).currentTime = 0; - $(document).on("mouseenter",".withVideo",function(){ - $(this).find(".productSmallVideo > img").stop().animate({"opacity":"0"}, { queue : true , duration : 300 , easing : 'easeInOutExpo'}); - playPromise = $(this).find("video").get(0).play(); - }); - $(document).on("mouseleave",".withVideo",function(){ - $(this).find(".productSmallVideo > img").stop().animate({"opacity":'1'}, { queue : true , duration : 300 , easing : 'easeInOutExpo', complete : function(){ - if (playPromise !== undefined) { - playPromise.then(_ => { - $(this).parent().find("video").get(0).pause(); - $(this).parent().find("video").get(0).currentTime = 0; - }) - .catch(error => { - console.log(error); - }); - } - }}); - }); - } + var playPromise = null; + if ($(".withVideo").length > 0) { + $(".withVideo").find("video").get(0).load(); + $(".withVideo").find("video").get(0).currentTime = 0; + $(document).on("mouseenter", ".withVideo", function () { + $(this) + .find(".productSmallVideo > img") + .stop() + .animate( + { opacity: "0" }, + { queue: true, duration: 300, easing: "easeInOutExpo" } + ); + playPromise = $(this).find("video").get(0).play(); + }); + $(document).on("mouseleave", ".withVideo", function () { + $(this) + .find(".productSmallVideo > img") + .stop() + .animate( + { opacity: "1" }, + { + queue: true, + duration: 300, + easing: "easeInOutExpo", + complete: function () { + if (playPromise !== undefined) { + playPromise + .then((_) => { + $(this).parent().find("video").get(0).pause(); + $(this).parent().find("video").get(0).currentTime = 0; + }) + .catch((error) => { + console.log(error); + }); + } + }, + } + ); + }); + } } function dlLoginAttempt() { - window.dataLayer.push({ - 'event': 'navigation', - 'event_category': 'Navigation', - 'event_action': 'Top menu', - 'event_label': 'Login/Register' - }); - printDL(); + window.dataLayer.push({ + event: "navigation", + event_category: "Navigation", + event_action: "Top menu", + event_label: "Login/Register", + }); + printDL(); } $.fn.clearForm = function () { - return this.each(function () { - var type = this.type, - tag = this.tagName.toLowerCase(); - if (tag === 'form') { - return $(':input', this).clearForm(); - } - if (type === 'text' || type === 'password' || type === 'hidden' || tag === 'textarea') { - this.value = ''; - } else if (type === 'checkbox' || type === 'radio') { - this.checked = false; - } else if (tag === 'select') { - this.selectedIndex = -1; - } - }); + return this.each(function () { + var type = this.type, + tag = this.tagName.toLowerCase(); + if (tag === "form") { + return $(":input", this).clearForm(); + } + if ( + type === "text" || + type === "password" || + type === "hidden" || + tag === "textarea" + ) { + this.value = ""; + } else if (type === "checkbox" || type === "radio") { + this.checked = false; + } else if (tag === "select") { + this.selectedIndex = -1; + } + }); }; // 쿠키 설정 함수 function setCookie(name, value, days) { - var expires = ""; - if (days) { - var date = new Date(); - date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); - expires = "; expires=" + date.toUTCString(); - } - document.cookie = name + "=" + (value || "") + expires + "; path=/"; + var expires = ""; + if (days) { + var date = new Date(); + date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); + expires = "; expires=" + date.toUTCString(); + } + document.cookie = name + "=" + (value || "") + expires + "; path=/"; } // 쿠키 가져오는 함수 function getCookie(name) { - var nameEQ = name + "="; - var ca = document.cookie.split(';'); - for(var i=0;i < ca.length;i++) { - var c = ca[i]; - while (c.charAt(0) == ' ') c = c.substring(1,c.length); - if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); - } - return null; + var nameEQ = name + "="; + var ca = document.cookie.split(";"); + for (var i = 0; i < ca.length; i++) { + var c = ca[i]; + while (c.charAt(0) == " ") c = c.substring(1, c.length); + if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); + } + return null; } // 팝업을 숨기는 함수 function hideTodayIntroPopup() { - $(".video_wrap").hide(); - $(".displayTheme").removeClass('playing'); - setCookie('hideIntroPopup', 'true', 1); -} \ No newline at end of file + const videoElements = document.querySelectorAll(".video_wrap video"); + videoElements[0].pause(); + videoElements[0].currentTime = 0; + $(".video_wrap").hide(); + $(".displayTheme").removeClass("playing"); + setCookie("hideIntroPopup", "true", 1); +} diff --git a/info/product-usage-guide-srs.html b/info/product-usage-guide-srs.html index f7b04c3..3c0fd6c 100644 --- a/info/product-usage-guide-srs.html +++ b/info/product-usage-guide-srs.html @@ -246,11 +246,19 @@

스마트 회생 시스템 플러스 이용 방법

스마트 회생 시스템 플러스 이용 방법
-

스마트 회생 시스템 플러스

+

+ 스마트 회생 시스템 플러스 +

- 스마트 회생 시스템 3.0(정차 제어 등 기본 제공)에 플러스 기능(내비게이션 연동 감속기능 5종)을 구매하여 사용할 수 있습니다. - 이 기능들이 정상적으로 작동하려면 내비게이션 목적지를 설정하면 보다 정확한 정보에 기반한 서비스를 제공합니다. - ※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다. + 스마트 회생 시스템 플러스 기능(내비게이션 연동 감속기능 4종)은 사양 구매 후 이용 할 수 있으며, + 플러스 기능의 경우 내비게이션 목적지를 설정할 시 보다 정확한 서비스를 제공합니다. + 플러스 기능을 구매하지 않을 시, 스마트 회생 시스템 기본 제공 기능만 이용 가능합니다. + + ※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다. + + + ※ 기본 제공 기능 : 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어 +

diff --git a/product/pdp_display_theme_0429.html b/product/pdp_display_theme_0429.html index 6a7b806..b2fb9cb 100644 --- a/product/pdp_display_theme_0429.html +++ b/product/pdp_display_theme_0429.html @@ -588,10 +588,11 @@
-
diff --git a/product/pdp_display_theme_관리자용.html b/product/pdp_display_theme_관리자용.html index 8ba56c6..8225cb2 100644 --- a/product/pdp_display_theme_관리자용.html +++ b/product/pdp_display_theme_관리자용.html @@ -695,8 +695,7 @@ $(document).on('click','.btn-data',function(){ const dataHtml = ` - -
+
디스플레이 테마 이미지 디스플레이 테마 이미지 @@ -857,10 +856,11 @@
-
@@ -1009,7 +1009,7 @@
사양 이용 영상
-
+
diff --git a/product/pdp_srs_plus.html b/product/pdp_srs_plus.html index ac7c3c7..bd38dd0 100644 --- a/product/pdp_srs_plus.html +++ b/product/pdp_srs_plus.html @@ -361,30 +361,18 @@
-
+
-
- EV만의 독특한 주행 경험을 제공하는 기술 혁신 -
-
-

EV만의 독특한 주행 경험을 제공하는 기술 혁신

-

- EV의 핵심 기능으로서, EV만의 매력적인 주행 스타일 경험해보세요. - 주행 상황을 분석하여 회생제동 단계를 자동으로 설정하고 제어하는 EV 첨단 기술을 경험하며 미래 자동차 시대를 앞서 나가세요. -

-
-
-
-
- 도로 제한 속도로 감속 [미국 / 유럽] -
-
-

도로 제한 속도로 감속 [미국 / 유럽]

-

- 제한 변화 도로의 속도 제한이 낮아졌을 때 (90kph → 50kph 등) 일회성으로 제한 속도로 감속 -

+
+

+ 스마트 회생 시스템 플러스 제공 기능 +

+
+ +
+
교차로 자동 감속 @@ -393,7 +381,7 @@

교차로 자동 감속

교차로에서 좌/우회전 하는 경우 상황에 맞는 속도로 감속. - 좌회전의 경우 네비 경로 설정 시, 주행 중인 차선 개수(4차선 도로 등)에 따라 감속 목표 속도가 달라짐 + 좌회전의 경우 내비 경로 설정 시, 주행 중인 차선 개수(4차선 도로 등)에 따라 감속 목표 속도가 달라짐