diff --git a/.prettierrc b/.prettierrc
index f26d088..93f9cfb 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,4 @@
{
- "printWidth": 99999,
- "tabWidth": 2
+ "printWidth": 99999,
+ "tabWidth": 4
}
diff --git a/kr/assets/css/_utils.scss b/kr/assets/css/_utils.scss
index 7679f17..34f155b 100644
--- a/kr/assets/css/_utils.scss
+++ b/kr/assets/css/_utils.scss
@@ -3,66 +3,65 @@ $red: #fa5252;
/*반응형 화면 크기*/
$mobileSmall: 320px;
-$mobile:501px;
+$mobile: 501px;
$tablet: 768px;
$desktopMin: 1025px;
$desktopMax: 1240px;
/*css 디폴트는 모바일이 기준*/
/*반응형, 브라우저 크기가 300px 이하일때*/
-@mixin mobileSmall{
- @media (max-width: $mobileSmall){
- @content;
- }
+@mixin mobileSmall {
+ @media (max-width: $mobileSmall) {
+ @content;
+ }
}
-@mixin mobile{
- @media (min-width: $mobile){
- @content;
- }
+@mixin mobile {
+ @media (min-width: $mobile) {
+ @content;
+ }
}
-@mixin maxmobile{
- @media (max-width: $mobile){
- @content;
- }
+@mixin maxmobile {
+ @media (max-width: $mobile) {
+ @content;
+ }
}
/*반응형, 브라우저 크기가 800px 이상일때*/
/*@media (min-width: $mobile ) and (max-width: $tablet){*/
-@mixin tablet{
- @media(min-width: $tablet){
- @content;
- }
+@mixin tablet {
+ @media (min-width: $tablet) {
+ @content;
+ }
}
-@mixin maxtablet{
- @media(max-width: $tablet){
- @content;
- }
+@mixin maxtablet {
+ @media (max-width: $tablet) {
+ @content;
+ }
}
-
-@mixin maxdesktop{
- @media (max-width: $desktopMin){
- @content;
- }
+@mixin maxdesktop {
+ @media (max-width: $desktopMin) {
+ @content;
+ }
}
/*반응형, 브라우저 크기가 1025px 이상일때*/
-@mixin desktopMin{
- @media (min-width: $desktopMin){
- @content;
- }
+@mixin desktopMin {
+ @media (min-width: $desktopMin) {
+ @content;
+ }
}
/*반응형, 브라우저 크기가 1204px 이상일때*/
-@mixin desktopMax{
- @media (min-width: $desktopMax){
- @content;
- }
+@mixin desktopMax {
+ @media (min-width: $desktopMax) {
+ @content;
+ }
}
/*넓이, 높이 자동 계산함수*/
-@mixin square($size){
- $calculated: 32px * $size;
- width: $calculated;
- height: $calculated;
+@mixin square($size) {
+ $calculated: 32px * $size;
+ width: $calculated;
+ height: $calculated;
}
diff --git a/kr/assets/css/pdp_detail.css b/kr/assets/css/pdp_detail.css
index 3afaa2d..d4d1375 100644
--- a/kr/assets/css/pdp_detail.css
+++ b/kr/assets/css/pdp_detail.css
@@ -3795,52 +3795,127 @@
background-color: #000;
}
+.displayThemeDesney {
+ position: relative;
+}
+.displayThemeDesney .layer_up {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
.displayThemeDesney .comp_body .text_area {
- margin-top: 8rem;
+ margin-top: 4.8rem;
text-align: center;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .comp_body .text_area {
+ margin-top: 8rem;
+ }
+}
.displayThemeDesney .comp_body .text_area h3 {
- margin: 1.2rem 0 3rem;
- font-size: 4.8rem;
+ margin: 1.2rem 0 2rem;
+ font-size: 3rem;
+ color: #fff;
letter-spacing: -0.095rem;
+ line-height: 1.3;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .comp_body .text_area h3 {
+ margin: 1.2rem 0 3rem;
+ font-size: 4.8rem;
+ }
}
.displayThemeDesney .comp_body .text_area .info {
color: #f0f0f0;
letter-spacing: -0.032rem;
line-height: 1.5;
}
+.displayThemeDesney .comp_body .text_area .info br {
+ display: none;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .comp_body .text_area .info br {
+ display: block;
+ }
+}
.displayThemeDesney .available-theme {
- min-height: 85.1rem;
background-color: #f0f0f0;
background-image: radial-gradient(#e7e7e7 2px, transparent 4px);
background-size: 3.4rem 3.5rem;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme {
+ min-height: 85.1rem;
+ }
+}
.displayThemeDesney .available-theme h3 {
display: flex;
align-items: center;
justify-content: center;
- height: 30.6rem;
- font-size: 4.8rem;
+ height: 12.5rem;
+ font-size: 2.4rem;
font-weight: 600;
- padding-bottom: 8.6rem;
+ padding-bottom: 4.6rem;
letter-spacing: -0.095rem;
- background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center/auto 100%;
+ background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center bottom/auto 100%;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme h3 {
+ height: 30.6rem;
+ font-size: 4.8rem;
+ padding-bottom: 8.6rem;
+ }
}
.displayThemeDesney .available-theme .list {
display: flex;
justify-content: center;
- padding-top: 4.8rem;
+ padding-top: 2.4rem;
+ padding-bottom: 5.6rem;
+}
+@media (min-width: 501px) {
+ .displayThemeDesney .available-theme .list {
+ max-width: 64rem;
+ margin: 0 auto;
+ }
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list {
+ padding-top: 4.8rem;
+ }
+}
+@media (min-width: 1240px) {
+ .displayThemeDesney .available-theme .list {
+ max-width: 100%;
+ }
}
.displayThemeDesney .available-theme .list ul {
display: flex;
- gap: 3.1rem;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 2.4rem 0.8rem;
+}
+@media (min-width: 1025px) {
+ .displayThemeDesney .available-theme .list ul {
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 2.4rem;
+ }
}
.displayThemeDesney .available-theme .list ul li {
- width: 28.2rem;
- height: 36.9rem;
+ overflow: hidden;
+ width: 15.6rem;
+ min-height: 19.6rem;
background-color: #fff;
+ border-radius: 0.8rem;
box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12);
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li {
+ width: 28.2rem;
+ height: 36.9rem;
+ }
+}
.displayThemeDesney .available-theme .list ul li a {
display: block;
}
@@ -3849,146 +3924,390 @@
}
.displayThemeDesney .available-theme .list ul li a .txt {
display: block;
- padding: 2rem 2.4rem;
+ padding: 0.8rem 1.2rem;
line-height: 1.333;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li a .txt {
+ padding: 2rem 2.4rem;
+ }
+}
.displayThemeDesney .available-theme .list ul li a .txt strong {
- font-size: 2.4rem;
+ font-size: 1.4rem;
color: #000;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li a .txt strong {
+ font-size: 2.4rem;
+ }
+}
.displayThemeDesney .available-theme .list ul li a .txt .hashs {
display: block;
- margin-top: 2.4rem;
- font-size: 1.6rem;
+ margin-top: 1.5rem;
+ font-size: 1rem;
color: #888;
line-height: 1.5;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li a .txt .hashs {
+ margin-top: 2.4rem;
+ font-size: 1.6rem;
+ }
+}
.displayThemeDesney .available-theme .list ul li.more {
- width: 61rem;
- height: 40.5rem;
- padding: 6.6rem 5.8rem;
- margin: -1.8rem 0 0 -1.8rem;
- background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center/auto 100%;
- box-shadow: none;
+ width: 32rem;
+ height: 19.4rem;
+ padding: 2.4rem 2rem;
+ margin: 0;
+ background: url(../images/kia/pdp/display_theme_disney/box_more_m.png) no-repeat center/auto 100%;
+ border-radius: 3.3rem 0.8rem 3.3rem 0.8rem;
+ box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.1215686275);
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li.more {
+ width: 61rem;
+ height: 40.5rem;
+ padding: 6.6rem 5.8rem;
+ margin: -1.8rem 0 0 0;
+ border-radius: 0;
+ background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center/auto 100%;
+ box-shadow: none;
+ }
+}
+@media (min-width: 1025px) {
+ .displayThemeDesney .available-theme .list ul li.more {
+ margin-left: 0;
+ }
+}
+@media (min-width: 1240px) {
+ .displayThemeDesney .available-theme .list ul li.more {
+ margin-left: -1.8rem;
+ }
}
.displayThemeDesney .available-theme .list ul li.more strong {
display: flex;
align-items: center;
- margin-bottom: 3.6rem;
- font-size: 3rem;
+ margin-bottom: 1.2rem;
+ font-size: 1.8rem;
color: #000;
font-weight: 600;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li.more strong {
+ font-size: 3rem;
+ margin-bottom: 3.6rem;
+ }
+}
.displayThemeDesney .available-theme .list ul li.more .arrow {
display: inline-block;
position: relative;
- width: 40px;
- height: 4px;
- margin-left: 0.8rem;
+ width: 2rem;
+ height: 0.2rem;
+ margin-left: 0.4rem;
background-color: #f5c400;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li.more .arrow {
+ width: 4rem;
+ height: 0.4rem;
+ margin-left: 0.8rem;
+ }
+}
.displayThemeDesney .available-theme .list ul li.more .arrow::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(45deg);
- width: 20px;
- height: 20px;
- border-top: 4px solid #f5c400;
- border-right: 4px solid #f5c400;
+ width: 1rem;
+ height: 1rem;
+ border-top: 0.2rem solid #f5c400;
+ border-right: 0.2rem solid #f5c400;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li.more .arrow::after {
+ width: 2rem;
+ height: 2rem;
+ border-top: 0.4rem solid #f5c400;
+ border-right: 0.4rem solid #f5c400;
+ }
}
.displayThemeDesney .available-theme .list ul li.more .hashs {
display: block;
- margin-top: 2.2rem;
+ margin-top: 0.8rem;
+ font-size: 1rem;
color: #969696;
letter-spacing: -0.032rem;
}
-.displayThemeDesney.comp_content .comp_wide {
+@media (min-width: 768px) {
+ .displayThemeDesney .available-theme .list ul li.more .hashs {
+ font-size: 1.6rem;
+ margin-top: 2.2rem;
+ }
+}
+.displayThemeDesney.discover-epic-design {
+ position: relative;
+ width: 100%;
max-width: 192rem;
- height: 377.4rem;
- padding: 12rem 0 0;
- background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top/100% auto;
+ margin: 0 auto;
+ padding: 4rem 0 10rem;
text-align: center;
+ background: url(../images/kia/pdp/display_theme_disney/bg_design_m.jpg) no-repeat center top/100% auto;
}
-.displayThemeDesney.comp_content .comp_wide .comp_top {
- padding: 0 0 7.6rem;
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design {
+ padding: 12rem 0 10rem;
+ background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top/192rem auto;
+ }
}
-.displayThemeDesney.comp_content .comp_wide .comp_top h3 {
- margin: 0 0 3rem;
- font-size: 4.8rem;
+.displayThemeDesney.discover-epic-design .comp_top {
+ padding: 0 2rem 2.4rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .comp_top {
+ padding: 0 0 7.6rem;
+ }
+}
+.displayThemeDesney.discover-epic-design .comp_top h3 {
+ margin: 0 0 1.6rem;
+ font-size: 3rem;
font-weight: 600;
color: #fff;
letter-spacing: -0.095rem;
}
-.displayThemeDesney.comp_content .comp_wide .comp_top .info {
- font-size: 1.6rem;
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .comp_top h3 {
+ margin: 0 0 3rem;
+ font-size: 4.8rem;
+ }
+}
+.displayThemeDesney.discover-epic-design .comp_top .info {
+ font-size: 1.4rem;
color: #f0f0f0;
letter-spacing: -0.032rem;
line-height: 1.5;
}
-.displayThemeDesney.comp_content .comp_wide .comp_body {
- max-width: 120rem;
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .comp_top .info {
+ font-size: 1.6rem;
+ }
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu {
+.displayThemeDesney.discover-epic-design .comp_body {
+ max-width: 100%;
+ padding: 0;
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
position: -webkit-sticky;
position: sticky;
- top: 7rem;
+ top: 5.6rem;
z-index: 10;
- margin-bottom: 4.8rem;
+ padding: 1.6rem 2rem;
+ background: transparent;
+ -webkit-backdrop-filter: blur(1.2rem);
+ backdrop-filter: blur(1.2rem);
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul {
- display: flex;
- -moz-column-gap: 0.8rem;
- column-gap: 0.8rem;
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
+ top: 6rem;
+ padding: 1.6rem 2rem;
+ }
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li button {
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu .btn-select {
+ overflow: hidden;
display: flex;
align-items: center;
- height: 4.3rem;
- padding: 0 1.6rem 0 1.2rem;
- font-size: 1.6rem;
+ position: relative;
+ width: 100%;
+ height: 4.5rem;
+ padding: 1.4rem 3.6rem 1.4rem 1.8rem;
+ font-size: 1.4rem;
font-weight: 600;
- color: #666;
- background-color: #2c2c2c;
- border-radius: 2.2rem;
- border: 0.2rem solid rgba(255, 255, 255, 0.2);
+ color: #fff;
+ background-color: #383838;
+ border-radius: 0.4rem;
+ border: 0.15rem solid rgba(255, 255, 255, 0.5);
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li button:before {
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu .btn-select:after {
content: "";
display: block;
- width: 2.2rem;
- height: 2.2rem;
- margin-right: 0.6rem;
- background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top/100% auto;
+ position: absolute;
+ top: 50%;
+ right: 1.8rem;
+ width: 1.2rem;
+ height: 0.6rem;
+ transform: translateY(-50%), rotate(0deg);
+ transition: all 0.2s ease;
+ background: url(../images/kia/pdp/display_theme_disney/ico_arrow_down.png) no-repeat 50%/1.2rem auto;
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li.active button {
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu .btn-select.open:after {
+ transform: translateY(-50%) rotate(180deg);
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu .btn-select {
+ display: none;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul {
+ position: absolute;
+ left: 2rem;
+ right: 2rem;
+ display: none;
+ background-color: #383838;
+ border-radius: 0 0 0.4rem 0.4rem;
+ border: 0.15rem solid rgba(255, 255, 255, 0.5);
+ border-top: 0;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul {
+ display: flex !important;
+ position: static;
+ -moz-column-gap: 0.8rem;
+ column-gap: 0.8rem;
+ border: 0;
+ border-radius: 0;
+ background: transparent;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li {
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li {
+ width: auto;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li button {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ height: 4.5rem;
+ padding: 1.4rem 1.8rem;
+ font-size: 1.4rem;
+ font-weight: 600;
+ color: #666;
+ cursor: pointer;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li button {
+ width: auto;
+ height: 4.3rem;
+ padding: 0 1.6rem 0 1.2rem;
+ font-size: 1.6rem;
+ background-color: #2c2c2c;
+ border-radius: 2.2rem;
+ border: 0.2rem solid rgba(255, 255, 255, 0.2);
+ }
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li button:before {
+ content: "";
+ display: block;
+ width: 2.2rem;
+ height: 2.2rem;
+ margin-right: 0.6rem;
+ background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top/100% auto;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li.active button {
color: #fff;
- border: 0;
- background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li.active button:before {
- background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li.active button {
+ border: 0;
+ background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
+ padding: 0 1.8rem 0 1.4rem;
+ }
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu ul li.active button:before {
+ background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
+ }
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .text_area {
- margin-top: 2rem;
+.displayThemeDesney.discover-epic-design .tab-wrap .text_area {
+ margin-top: 1.6rem;
text-align: left;
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-box .item {
- margin-bottom: 6.4rem;
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .text_area {
+ margin-top: 2rem;
+ }
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap h4 {
- font-size: 2.4rem;
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-box {
+ display: none;
+ padding-top: 4.8rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-box {
+ margin-bottom: 2.4rem;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-box.box1 {
+ display: block;
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-box .discover {
+ position: relative;
+ padding: 0 2rem 20rem;
+}
+@media (min-width: 1025px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-box .discover {
+ padding-bottom: 40rem;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-box .discover:after {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 20rem;
+ background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
+}
+@media (min-width: 1240px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-box .discover::after {
+ display: none;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap .tab-box .item {
+ margin-bottom: 4rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap .tab-box .item {
+ margin-bottom: 6.4rem;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap h4 {
+ font-size: 1.8rem;
font-weight: 600;
color: #fff;
+ line-height: 1.25;
}
-.displayThemeDesney.comp_content .comp_wide .tab-wrap p {
- margin-top: 1rem;
- font-size: 1.6rem;
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap h4 {
+ font-size: 2.4rem;
+ }
+}
+.displayThemeDesney.discover-epic-design .tab-wrap p {
+ margin-top: 0.2rem;
+ font-size: 1.4rem;
color: #fff;
+ line-height: 1.55;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.discover-epic-design .tab-wrap p {
+ margin-top: 1rem;
+ font-size: 1.6rem;
+ }
+}
+.displayThemeDesney .image_area {
+ max-width: 100%;
+}
+.displayThemeDesney .image_area img {
+ max-width: 100%;
}
.displayThemeDesney .welcome-goodbye .image_area + .image_area {
- margin-top: 2rem;
+ margin-top: 0.8rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .welcome-goodbye .image_area + .image_area {
+ margin-top: 2rem;
+ }
}
.displayThemeDesney .welcome-goodbye .image_area video {
width: 100%;
@@ -3997,62 +4316,271 @@
max-width: 120rem;
margin: 0 auto;
}
+.displayThemeDesney .three-reasons {
+ overflow: hidden;
+ position: relative;
+ padding: 7.2rem 0 0;
+ background-color: #fff;
+ text-align: left;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons {
+ padding: 9.6rem 0 0;
+ }
+}
+.displayThemeDesney .three-reasons .tit-area {
+ position: relative;
+ padding: 0 2rem 4rem;
+ box-shadow: 0px 2.2rem 2rem 0px rgba(0, 0, 0, 0.25);
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .tit-area {
+ padding: 0 2rem 7.2rem;
+ box-shadow: 0px 4.4rem 4rem 0px rgba(0, 0, 0, 0.25);
+ }
+}
.displayThemeDesney .three-reasons .tit-area h3 {
- width: 35.4rem;
- height: 6.4rem;
+ display: inline-flex;
+ align-items: center;
+ height: 4.2rem;
padding: 0 0.8rem;
- font-size: 4.8rem;
+ font-size: 3rem;
color: #fff;
font-weight: 600;
background-color: #ed1c24;
white-space: nowrap;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .tit-area h3 {
+ height: 6.4rem;
+ padding: 0 0.8rem;
+ font-size: 4.8rem;
+ }
+}
.displayThemeDesney .three-reasons .tit-area p {
- margin: 1.2rem 0 7.2rem;
- font-size: 4.8rem;
+ margin: 0.6rem 0 0;
+ font-size: 2.4rem;
color: #000;
font-weight: 600;
}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .tit-area p {
+ margin: 2rem 0 0;
+ font-size: 4.8rem;
+ color: #000;
+ }
+}
.displayThemeDesney .three-reasons .reasons {
- height: 84.7rem;
+ padding: 3rem 0 6.4rem;
background: linear-gradient(176.68deg, #3f3e3e 23.87%, #060606 97.26%);
}
-.displayThemeDesney .three-reasons .reasons li {
- display: flex;
- flex-wrap: wrap;
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons {
+ height: 84.7rem;
+ padding: 8rem 2rem;
+ }
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li {
+ display: flex;
+ flex-wrap: wrap;
+ }
+}
+.displayThemeDesney .three-reasons .reasons li + li {
+ margin-top: 2.4rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li + li {
+ margin-top: 6rem;
+ }
+}
+.displayThemeDesney .three-reasons .reasons li p {
+ flex: 1;
+ padding: 1rem 2rem 0 6rem;
+ margin: 0 2rem 1.6rem;
+ font-size: 1.4rem;
+ color: #fff;
+ line-height: 1.5;
+ background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat 0 0/2.3rem auto;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li p {
+ margin: 1.2rem 0 0;
+ padding: 0 2rem 0 7.2rem;
+ font-size: 1.6rem;
+ background-position: 0 0.5rem;
+ background-size: 3.1rem auto;
+ }
}
.displayThemeDesney .three-reasons .reasons li:nth-child(2) p {
- background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat left center/5.1rem auto;
+ padding: 1rem 6rem 0 2rem;
+ background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat 100% 0/3.7rem auto;
+ text-align: right;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li:nth-child(2) p {
+ padding: 0 2rem 0 7.2rem;
+ background-position: 0 0.5rem;
+ background-size: 5.1rem auto;
+ text-align: left;
+ }
+}
+.displayThemeDesney .three-reasons .reasons li:nth-child(2) .img-area {
+ padding-left: 2rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li:nth-child(2) .img-area {
+ padding-left: 0;
+ }
}
.displayThemeDesney .three-reasons .reasons li:nth-child(3) p {
- background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat left center/4.9rem auto;
+ background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat 0 0/3.6rem auto;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li:nth-child(3) p {
+ background-position: 0 0;
+ background-size: 4.9rem auto;
+ }
+}
+.displayThemeDesney .three-reasons .reasons li:nth-child(3) .img-area {
+ padding-left: 8rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li:nth-child(3) .img-area {
+ padding-left: 0;
+ }
}
.displayThemeDesney .three-reasons .reasons li strong {
display: block;
- font-size: 2.4rem;
+ font-size: 1.8rem;
font-weight: 600;
color: #fff;
}
-.displayThemeDesney .three-reasons .reasons li p {
- max-width: 50%;
- margin-top: 1.2rem;
- padding-left: 6.2rem;
- font-size: 1.6rem;
- color: #fff;
- line-height: 1.5;
- background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat left center/3.1rem auto;
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li strong {
+ margin-bottom: 0.4rem;
+ font-size: 2.4rem;
+ }
}
.displayThemeDesney .three-reasons .reasons li .img-area {
- width: 50%;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .three-reasons .reasons li .img-area {
+ width: 50%;
+ margin-left: 3.2rem;
+ }
}
.displayThemeDesney .three-reasons .reasons li .img-area img {
max-width: 100%;
}
+.displayThemeDesney .coming-next {
+ padding: 7.7rem 0 5.7rem;
+ text-align: left;
+ background-color: #000;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next {
+ padding: 23.8rem 2rem 16rem;
+ }
+}
+.displayThemeDesney .coming-next .tit-area {
+ padding: 0 2rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next .tit-area {
+ padding: 0;
+ margin-bottom: 5.5rem;
+ }
+}
+.displayThemeDesney .coming-next .tit-area h3 {
+ display: inline-block;
+ position: relative;
+ font-size: 3rem;
+ font-weight: 600;
+ color: #fff;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next .tit-area h3 {
+ font-size: 4.8rem;
+ }
+}
+.displayThemeDesney .coming-next .tit-area h3 br {
+ display: block;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next .tit-area h3 br {
+ display: none;
+ }
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next .tit-area h3 .next {
+ position: relative;
+ }
+}
+.displayThemeDesney .coming-next .tit-area .speech-bubble {
+ display: inline-block;
+ position: absolute;
+ top: -1.5rem;
+ left: 77%;
+ background-color: #fbc707;
+ padding: 0.6rem 0.9rem;
+ border-radius: 0.4rem;
+ font-size: 1.2rem;
+ color: #000;
+ line-height: 1.3;
+ font-weight: 600;
+ text-align: center;
+ white-space: nowrap;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next .tit-area .speech-bubble {
+ top: -7rem;
+ left: 50%;
+ transform: translateX(-50%);
+ padding: 1rem 1.2rem;
+ border-radius: 0.4rem;
+ font-size: 1.6rem;
+ }
+}
+.displayThemeDesney .coming-next .tit-area .speech-bubble::after {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: -1rem;
+ left: 1.65rem;
+ transform: 0;
+ border-left: 1rem solid transparent;
+ border-right: 1rem solid transparent;
+ border-top: 1rem solid #fbc707;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney .coming-next .tit-area .speech-bubble::after {
+ left: 50%;
+ transform: translateX(-50%);
+ }
+}
+.displayThemeDesney.comp_2x_b_h_s_e2 {
+ margin-top: 6rem;
+}
+@media (min-width: 768px) {
+ .displayThemeDesney.comp_2x_b_h_s_e2 {
+ margin-top: 10rem;
+ }
+}
+.displayThemeDesney.comp_2x_b_h_s_e2 .text_area {
+ text-align: left;
+}
.desktop .displayThemeDesney .mobile {
display: none;
}
+.tablet .displayThemeDesney .mobile {
+ display: none;
+}
+
.moblie .displayThemeDesney .web {
display: none;
}
diff --git a/kr/assets/css/pdp_detail.css.map b/kr/assets/css/pdp_detail.css.map
index 16d779f..915cf28 100644
--- a/kr/assets/css/pdp_detail.css.map
+++ b/kr/assets/css/pdp_detail.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pdp_detail.css","_utils.scss","pdp_detail.scss"],"names":[],"mappings":"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","file":"pdp_detail.css"}
\ No newline at end of file
+{"version":3,"sources":["pdp_detail.css","_utils.scss","pdp_detail.scss"],"names":[],"mappings":"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","file":"pdp_detail.css"}
\ No newline at end of file
diff --git a/kr/assets/css/pdp_detail.scss b/kr/assets/css/pdp_detail.scss
index 90cb716..541b1b2 100644
--- a/kr/assets/css/pdp_detail.scss
+++ b/kr/assets/css/pdp_detail.scss
@@ -3,4625 +3,5055 @@
/*변수파일 import*/
.comp_wide {
- width: 100%;
- max-width: 192rem;
- text-align: left;
- margin: 0 auto;
- margin-top: 12rem;
+ width: 100%;
+ max-width: 192rem;
+ text-align: left;
+ margin: 0 auto;
+ margin-top: 12rem;
- &:first-child {
- margin-top: 0;
- }
+ &:first-child {
+ margin-top: 0;
+ }
}
.comp_body {
- width: 100%;
- max-width: 120rem;
- margin: 0 auto;
-
- @media (max-width: 1240px) {
- padding: 0 2rem;
- }
-
- .text_area {
- margin-top: 4rem;
- transition: 0.3s;
-
- @include maxtablet {
- margin-top: 3rem;
- }
-
- h3 {
- transition: 0.3s;
- font-size: 4rem;
- font-weight: 600;
- line-height: 4.8rem;
-
- @include maxtablet {
- font-size: 3rem;
- line-height: 3.8rem;
- }
- }
-
- h4 {
- transition: 0.3s;
- font-size: 3rem;
- font-weight: 600;
- line-height: 3.8rem;
-
- @include maxtablet {
- font-size: 2.4rem;
- line-height: 3.2rem;
- }
- }
-
- h5 {
- transition: 0.3s;
- font-size: 2.4rem;
- font-weight: 600;
- line-height: 3.4rem;
-
- @include maxtablet {
- font-size: 2rem;
- line-height: 2.8rem;
- }
- }
-
- p {
- margin-top: 2rem;
- font-size: 1.6rem;
- line-height: 2.4rem;
- transition: 0.3s;
-
- @include maxtablet {
- margin-top: 1.5rem;
- font-size: 1.4rem;
- line-height: 2.2rem;
- }
- }
-
- .sub {
- margin-top: 3rem;
- font-size: 1.4rem;
- font-weight: 400;
- color: #0f0b0b;
- line-height: 2.2rem;
- }
- }
-}
-
-.comp_1x_w_v_s_eS {
- .comp_top {
width: 100%;
- height: 35.5rem;
- background-color: #000000;
+ max-width: 120rem;
+ margin: 0 auto;
- @media (max-width: 1024px) {
- height: auto;
+ @media (max-width: 1240px) {
+ padding: 0 2rem;
}
.text_area {
- display: flex;
- justify-content: space-between;
- padding-top: 10rem;
+ margin-top: 4rem;
+ transition: 0.3s;
- @media (max-width: 1024px) {
- display: block;
- padding-top: 5rem;
- padding-bottom: 4rem;
- }
-
- h4 {
- width: 50%;
- font-size: 4rem;
- font-weight: 600;
- line-height: 4.8rem;
- color: #ffffff;
-
- @media (max-width: 1024px) {
- width: 100%;
-
- br {
- display: none;
- }
- }
- }
-
- .info {
- width: 50%;
- font-size: 1.4rem;
- font-weight: 400;
- line-height: 2.2rem;
- color: #ffffff;
-
- @media (max-width: 1024px) {
- width: 100%;
- margin-top: 3rem;
-
- br {
- display: none;
- }
- }
- }
- }
- }
-
- .movieArea {
- position: relative;
- width: 100%;
- height: 52rem;
-
- @media (max-width: 1024px) {
- height: 40rem;
- }
-
- @media (max-width: 768px) {
- height: 30rem;
- }
-
- @media (max-width: 500px) {
- height: 20rem;
- }
- }
-
- .comp_bottom {
- width: 100%;
- padding-top: 6rem;
- padding-bottom: 5rem;
- background-color: #000000;
-
- .com_bottm_inner {
- width: 100%;
- max-width: 120rem;
- margin: 0 auto;
- overflow: hidden;
-
- .swiper {
- @media (max-width: 1200px) {
- padding-right: 2rem;
+ @include maxtablet {
+ margin-top: 3rem;
}
- ul {
- li {
- width: 220px !important;
- cursor: pointer;
+ h3 {
+ transition: 0.3s;
+ font-size: 4rem;
+ font-weight: 600;
+ line-height: 4.8rem;
- @media (max-width: 500px) {
- width: 200px !important;
+ @include maxtablet {
+ font-size: 3rem;
+ line-height: 3.8rem;
}
-
- &:first-child {
- @media (max-width: 1240px) {
- margin-left: 2rem;
- }
- }
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
-
- p {
- margin-top: 3rem;
- font-size: 1.8rem;
- font-weight: 400;
- color: #ffffff;
- text-align: center;
-
- @media (max-width: 768px) {
- margin-top: 2rem;
- }
- }
-
- &.active {
- img {
- border: 1px solid #ffffff;
- }
- }
- }
- }
- }
- }
- }
-}
-
-.comp_1x_w_v_s_e1 {
- border-top: 1px solid #dedede;
- padding-top: 10rem;
-
- @media (max-width: 1024px) {
- padding-top: 7rem;
- }
-
- @media (max-width: 768px) {
- padding-top: 3rem;
- }
-
- .image_area {
- height: 600px;
- margin-top: 4rem;
- overflow: hidden;
-
- @include maxmobile {
- height: 400px;
- }
-
- img {
- width: 100%;
- height: 100%;
- transition: 0.3s;
- object-fit: cover;
-
- @include maxmobile {
- width: 100%;
- height: 100%;
- }
- }
- }
-
- .bottom {
- position: relative;
-
- &::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 50%;
- background-color: #0f0b0b;
- background-size: 100% 50%;
- z-index: -1;
- }
-
- .text_area {
- margin-top: 0;
- padding-top: 4rem;
-
- h3 {
- color: #ffffff;
- }
-
- p {
- color: #ffffff;
- }
- }
-
- .contents_area {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-direction: row-reverse;
-
- &.reverse {
- flex-direction: row;
-
- .text_area {
- padding-left: 5rem;
- padding-right: 0;
-
- @media (max-width: 768px) {
- padding-left: 0;
- }
- }
- }
-
- @media (max-width: 768px) {
- display: block;
- }
-
- .image_area {
- width: 50%;
- height: initial !important;
-
- @media (max-width: 768px) {
- width: 100%;
- }
-
- img {
- height: initial !important;
- border-radius: 0.6rem;
- }
- }
-
- .text_area {
- width: 50%;
- padding-right: 4rem;
-
- @media (max-width: 768px) {
- width: 100%;
- padding-right: 0;
}
h4 {
- color: #000000;
+ transition: 0.3s;
+ font-size: 3rem;
+ font-weight: 600;
+ line-height: 3.8rem;
+
+ @include maxtablet {
+ font-size: 2.4rem;
+ line-height: 3.2rem;
+ }
+ }
+
+ h5 {
+ transition: 0.3s;
+ font-size: 2.4rem;
+ font-weight: 600;
+ line-height: 3.4rem;
+
+ @include maxtablet {
+ font-size: 2rem;
+ line-height: 2.8rem;
+ }
}
p {
- color: #000000;
+ margin-top: 2rem;
+ font-size: 1.6rem;
+ line-height: 2.4rem;
+ transition: 0.3s;
+
+ @include maxtablet {
+ margin-top: 1.5rem;
+ font-size: 1.4rem;
+ line-height: 2.2rem;
+ }
+ }
+
+ .sub {
+ margin-top: 3rem;
+ font-size: 1.4rem;
+ font-weight: 400;
+ color: #0f0b0b;
+ line-height: 2.2rem;
+ }
+ }
+}
+
+.comp_1x_w_v_s_eS {
+ .comp_top {
+ width: 100%;
+ height: 35.5rem;
+ background-color: #000000;
+
+ @media (max-width: 1024px) {
+ height: auto;
+ }
+
+ .text_area {
+ display: flex;
+ justify-content: space-between;
+ padding-top: 10rem;
+
+ @media (max-width: 1024px) {
+ display: block;
+ padding-top: 5rem;
+ padding-bottom: 4rem;
+ }
+
+ h4 {
+ width: 50%;
+ font-size: 4rem;
+ font-weight: 600;
+ line-height: 4.8rem;
+ color: #ffffff;
+
+ @media (max-width: 1024px) {
+ width: 100%;
+
+ br {
+ display: none;
+ }
+ }
+ }
+
+ .info {
+ width: 50%;
+ font-size: 1.4rem;
+ font-weight: 400;
+ line-height: 2.2rem;
+ color: #ffffff;
+
+ @media (max-width: 1024px) {
+ width: 100%;
+ margin-top: 3rem;
+
+ br {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+
+ .movieArea {
+ position: relative;
+ width: 100%;
+ height: 52rem;
+
+ @media (max-width: 1024px) {
+ height: 40rem;
+ }
+
+ @media (max-width: 768px) {
+ height: 30rem;
+ }
+
+ @media (max-width: 500px) {
+ height: 20rem;
+ }
+ }
+
+ .comp_bottom {
+ width: 100%;
+ padding-top: 6rem;
+ padding-bottom: 5rem;
+ background-color: #000000;
+
+ .com_bottm_inner {
+ width: 100%;
+ max-width: 120rem;
+ margin: 0 auto;
+ overflow: hidden;
+
+ .swiper {
+ @media (max-width: 1200px) {
+ padding-right: 2rem;
+ }
+
+ ul {
+ li {
+ width: 220px !important;
+ cursor: pointer;
+
+ @media (max-width: 500px) {
+ width: 200px !important;
+ }
+
+ &:first-child {
+ @media (max-width: 1240px) {
+ margin-left: 2rem;
+ }
+ }
+
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
+ }
+
+ p {
+ margin-top: 3rem;
+ font-size: 1.8rem;
+ font-weight: 400;
+ color: #ffffff;
+ text-align: center;
+
+ @media (max-width: 768px) {
+ margin-top: 2rem;
+ }
+ }
+
+ &.active {
+ img {
+ border: 1px solid #ffffff;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.comp_1x_w_v_s_e1 {
+ border-top: 1px solid #dedede;
+ padding-top: 10rem;
+
+ @media (max-width: 1024px) {
+ padding-top: 7rem;
+ }
+
+ @media (max-width: 768px) {
+ padding-top: 3rem;
+ }
+
+ .image_area {
+ height: 600px;
+ margin-top: 4rem;
+ overflow: hidden;
+
+ @include maxmobile {
+ height: 400px;
+ }
+
+ img {
+ width: 100%;
+ height: 100%;
+ transition: 0.3s;
+ object-fit: cover;
+
+ @include maxmobile {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ .bottom {
+ position: relative;
+
+ &::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 50%;
+ background-color: #0f0b0b;
+ background-size: 100% 50%;
+ z-index: -1;
+ }
+
+ .text_area {
+ margin-top: 0;
+ padding-top: 4rem;
+
+ h3 {
+ color: #ffffff;
+ }
+
+ p {
+ color: #ffffff;
+ }
+ }
+
+ .contents_area {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-direction: row-reverse;
+
+ &.reverse {
+ flex-direction: row;
+
+ .text_area {
+ padding-left: 5rem;
+ padding-right: 0;
+
+ @media (max-width: 768px) {
+ padding-left: 0;
+ }
+ }
+ }
+
+ @media (max-width: 768px) {
+ display: block;
+ }
+
+ .image_area {
+ width: 50%;
+ height: initial !important;
+
+ @media (max-width: 768px) {
+ width: 100%;
+ }
+
+ img {
+ height: initial !important;
+ border-radius: 0.6rem;
+ }
+ }
+
+ .text_area {
+ width: 50%;
+ padding-right: 4rem;
+
+ @media (max-width: 768px) {
+ width: 100%;
+ padding-right: 0;
+ }
+
+ h4 {
+ color: #000000;
+ }
+
+ p {
+ color: #000000;
+ }
+ }
}
- }
}
- }
}
.comp_1x_w_v_s_e2 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- @media (max-width: 900px) {
- display: block;
- }
-
- .text_area {
- margin-top: 0;
- }
-
- .icon_area {
- @media (max-width: 900px) {
- margin-top: 3rem;
- }
-
- img {
- &:last-child {
- margin-left: 1.5rem;
- }
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
@media (max-width: 900px) {
- width: 7rem;
- height: 7rem;
-
- &:last-child {
- margin-left: 1rem;
- }
+ display: block;
}
- }
- }
- }
- .image_area {
- height: 520px;
- margin-top: 4rem;
- overflow: hidden;
+ .text_area {
+ margin-top: 0;
+ }
- @include maxmobile {
- height: 360px;
+ .icon_area {
+ @media (max-width: 900px) {
+ margin-top: 3rem;
+ }
+
+ img {
+ &:last-child {
+ margin-left: 1.5rem;
+ }
+
+ @media (max-width: 900px) {
+ width: 7rem;
+ height: 7rem;
+
+ &:last-child {
+ margin-left: 1rem;
+ }
+ }
+ }
+ }
}
- img {
- width: 100%;
- height: 100%;
- transition: 0.3s;
- object-fit: cover;
+ .image_area {
+ height: 520px;
+ margin-top: 4rem;
+ overflow: hidden;
- @include maxmobile {
- width: 100%;
- height: 100%;
- }
+ @include maxmobile {
+ height: 360px;
+ }
+
+ img {
+ width: 100%;
+ height: 100%;
+ transition: 0.3s;
+ object-fit: cover;
+
+ @include maxmobile {
+ width: 100%;
+ height: 100%;
+ }
+ }
}
- }
}
.comp_1x_b_n_n_e1 {
- margin-top: 10rem;
- padding-top: 10rem;
- padding-bottom: 10rem;
- border-top: 1px solid #dedede;
-
- @media (max-width: 1024px) {
- margin-top: 6rem;
- padding-top: 6rem;
- padding-bottom: 6rem;
- }
-
- h5 {
- font-size: 3rem;
- font-weight: 600;
- text-align: left;
- color: #000000;
- }
-
- .youtubeArea {
- position: relative;
- margin-top: 3.5rem;
- padding-bottom: 56.25%;
- /* 16:9 비율인 경우 */
- /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
- padding-top: 25px;
- height: 0;
+ margin-top: 10rem;
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ border-top: 1px solid #dedede;
@media (max-width: 1024px) {
- margin-top: 2rem;
+ margin-top: 6rem;
+ padding-top: 6rem;
+ padding-bottom: 6rem;
}
- iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
+ h5 {
+ font-size: 3rem;
+ font-weight: 600;
+ text-align: left;
+ color: #000000;
}
- object {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
+ .youtubeArea {
+ position: relative;
+ margin-top: 3.5rem;
+ padding-bottom: 56.25%;
+ /* 16:9 비율인 경우 */
+ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
+ padding-top: 25px;
+ height: 0;
+
+ @media (max-width: 1024px) {
+ margin-top: 2rem;
+ }
+
+ iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+ object {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
}
- }
}
.comp_1x_b_n_n_e2 {
- margin-top: 10rem;
- padding-top: 10rem;
- padding-bottom: 10rem;
- border-top: 1px solid #dedede;
-
- @media (max-width: 1024px) {
- margin-top: 6rem;
- padding-top: 6rem;
- padding-bottom: 6rem;
- }
-
- h5 {
- font-size: 3rem;
- font-weight: 600;
- text-align: left;
- color: #000000;
- }
-
- .mp4area {
- position: relative;
- margin-top: 3.5rem;
- padding-bottom: 56.25%;
- /* 16:9 비율인 경우 */
- /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
- padding-top: 25px;
- height: 0;
+ margin-top: 10rem;
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ border-top: 1px solid #dedede;
@media (max-width: 1024px) {
- margin-top: 2rem;
+ margin-top: 6rem;
+ padding-top: 6rem;
+ padding-bottom: 6rem;
}
- video {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
+ h5 {
+ font-size: 3rem;
+ font-weight: 600;
+ text-align: left;
+ color: #000000;
+ }
+
+ .mp4area {
+ position: relative;
+ margin-top: 3.5rem;
+ padding-bottom: 56.25%;
+ /* 16:9 비율인 경우 */
+ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
+ padding-top: 25px;
+ height: 0;
+
+ @media (max-width: 1024px) {
+ margin-top: 2rem;
+ }
+
+ video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
}
- }
}
.comp_1x_w_v_s_b {
- .image_area {
- @include maxmobile {
- height: 360px;
- }
+ .image_area {
+ @include maxmobile {
+ height: 360px;
+ }
- img {
- width: 100%;
- transition: 0.3s;
+ img {
+ width: 100%;
+ transition: 0.3s;
- @include maxmobile {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
+ @include maxmobile {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ }
}
- }
}
.comp_1x_w_v_c_e1 {
- position: relative;
+ 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;
+ .image_area {
+ @include maxtablet {
+ height: 560px;
}
- }
- }
- &.no_layer {
- position: absolute;
- bottom: 0;
- left: 50%;
- transform: translateX(-50%);
- display: flex;
- justify-content: flex-end;
- margin-bottom: 10rem;
+ img {
+ width: 100%;
+ transition: 0.3s;
- .text_area {
- width: 38rem;
- }
-
- @include maxdesktop {
- position: relative;
- left: initial;
- transform: initial;
- display: block;
-
- .text_area {
- width: 100%;
+ @include maxtablet {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ }
+ }
+
+ .comp_body {
+ &.layer_up {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+
+ .text_area {
+ margin-top: 9rem;
+
+ @include maxdesktop {
+ margin-top: 6rem;
+ }
+ }
+ }
+
+ &.no_layer {
+ position: absolute;
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ justify-content: flex-end;
+ margin-bottom: 10rem;
+
+ .text_area {
+ width: 38rem;
+ }
+
+ @include maxdesktop {
+ position: relative;
+ left: initial;
+ transform: initial;
+ display: block;
+
+ .text_area {
+ width: 100%;
+ }
+ }
}
- }
}
- }
}
.comp_1x_w_v_o_b {
- position: relative;
+ position: relative;
- .image_area {
- @include maxtablet {
- height: 560px;
- }
-
- img {
- width: 100%;
- transition: 0.3s;
-
- @include maxtablet {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- }
- }
-
- .comp_body {
- .text_area {
- color: #ffffff !important;
- }
-
- &.layer_up {
- position: absolute;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
-
- .text_area {
- margin-top: 9rem;
-
- @include maxdesktop {
- margin-top: 6rem;
+ .image_area {
+ @include maxtablet {
+ height: 560px;
+ }
+
+ img {
+ width: 100%;
+ transition: 0.3s;
+
+ @include maxtablet {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
}
- }
}
- &.bottom {
- .text_area {
- color: #000000 !important;
- }
+ .comp_body {
+ .text_area {
+ color: #ffffff !important;
+ }
+
+ &.layer_up {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+
+ .text_area {
+ margin-top: 9rem;
+
+ @include maxdesktop {
+ margin-top: 6rem;
+ }
+ }
+ }
+
+ &.bottom {
+ .text_area {
+ color: #000000 !important;
+ }
+ }
}
- }
}
.comp_1x_w_v_c_b {
- position: relative;
+ position: relative;
- .image_area {
- height: 700px;
+ .image_area {
+ height: 700px;
- @include maxtablet {
- height: 560px;
- }
-
- img {
- width: 100%;
- height: 100%;
- width: 100%;
- transition: 0.3s;
- object-fit: cover;
- }
- }
-
- .comp_body {
- &.layer_up {
- position: absolute;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
-
- .text_area {
- margin-top: 9rem;
-
- @include maxdesktop {
- margin-top: 6rem;
+ @include maxtablet {
+ height: 560px;
}
- }
- }
-
- &.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;
+ width: 100%;
+ height: 100%;
+ width: 100%;
+ transition: 0.3s;
+ object-fit: cover;
+ }
+ }
+
+ .comp_body {
+ &.layer_up {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+
+ .text_area {
+ margin-top: 9rem;
+
+ @include maxdesktop {
+ margin-top: 6rem;
+ }
+ }
+ }
+
+ &.no_layer {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+
+ margin-bottom: 10rem;
+
+ .text_area {
+ width: 38rem;
+ margin-top: 25rem;
+ }
+
+ .icon_area {
+ margin-top: 3rem;
+
+ img {
+ margin-right: 2rem;
+ }
+ }
+
+ @include maxdesktop {
+ position: relative;
+ left: initial;
+ transform: initial;
+ display: block;
+
+ .text_area {
+ width: 100%;
+ margin-top: 4rem;
+ }
+ }
}
- }
-
- @include maxdesktop {
- position: relative;
- left: initial;
- transform: initial;
- display: block;
-
- .text_area {
- width: 100%;
- margin-top: 4rem;
- }
- }
}
- }
}
.comp_1x_b_v_s_b {
- .image_area {
- @include maxmobile {
- height: 360px;
- }
+ .image_area {
+ @include maxmobile {
+ height: 360px;
+ }
- img {
- width: 100%;
- transition: 0.3s;
- border-radius: 0.6rem;
+ img {
+ width: 100%;
+ transition: 0.3s;
+ border-radius: 0.6rem;
- @include maxmobile {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
+ @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;
+ .image_area {
+ img {
+ width: 100%;
+ transition: 0.3s;
+ border-radius: 0.6rem;
+ }
}
- .text_area {
- width: calc((100% - 4rem) / 2);
+ .text_wrap {
+ display: flex;
+ justify-content: space-between;
- @include maxdesktop {
- width: 100%;
- }
+ @include maxdesktop {
+ display: block;
+ }
+
+ .text_area {
+ width: calc((100% - 4rem) / 2);
+
+ @include maxdesktop {
+ width: 100%;
+ }
+ }
}
- }
}
.comp_1x_w_v_c_e2 {
- position: relative;
+ position: relative;
- &::after {
- content: "";
- position: absolute;
- top: 0;
- display: block;
- width: 100%;
- height: 60rem;
- background-color: #05141f;
- z-index: -1;
-
- @include maxdesktop {
- height: 80%;
- }
- }
-
- .text_wrap {
- display: flex;
- justify-content: space-between;
- padding-top: 6rem;
-
- @include maxdesktop {
- display: block;
- padding-top: 1rem;
- }
-
- .text_area {
- width: calc((100% - 40px) / 2);
- color: #ffffff;
-
- @include maxdesktop {
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ display: block;
width: 100%;
- }
- }
- }
+ height: 60rem;
+ background-color: #05141f;
+ z-index: -1;
- .image_area {
- margin-top: 9rem;
-
- @include maxdesktop {
- margin-top: 4rem;
+ @include maxdesktop {
+ height: 80%;
+ }
}
- img {
- width: 100%;
- transition: 0.3s;
- border-radius: 0.6rem;
+ .text_wrap {
+ display: flex;
+ justify-content: space-between;
+ padding-top: 6rem;
+
+ @include maxdesktop {
+ display: block;
+ padding-top: 1rem;
+ }
+
+ .text_area {
+ width: calc((100% - 40px) / 2);
+ color: #ffffff;
+
+ @include maxdesktop {
+ width: 100%;
+ }
+ }
+ }
+
+ .image_area {
+ margin-top: 9rem;
+
+ @include maxdesktop {
+ margin-top: 4rem;
+ }
+
+ img {
+ width: 100%;
+ transition: 0.3s;
+ border-radius: 0.6rem;
+ }
}
- }
}
.comp_1x_b_v_o_b {
- .comp_body {
- position: relative;
+ .comp_body {
+ position: relative;
- .image_area {
- height: 520px;
+ .image_area {
+ height: 520px;
- img {
- width: 100%;
- height: 100%;
- width: 100%;
- transition: 0.3s;
- object-fit: cover;
- border-radius: 0.6rem;
- }
+ img {
+ width: 100%;
+ height: 100%;
+ width: 100%;
+ transition: 0.3s;
+ object-fit: cover;
+ border-radius: 0.6rem;
+ }
+ }
+
+ .text_area {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ color: #ffffff;
+ margin-top: 7rem;
+ padding: 0 7rem;
+
+ @include maxdesktop {
+ margin-top: 4rem;
+ padding: 0 4rem;
+ }
+ }
}
-
- .text_area {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- color: #ffffff;
- margin-top: 7rem;
- padding: 0 7rem;
-
- @include maxdesktop {
- margin-top: 4rem;
- padding: 0 4rem;
- }
- }
- }
}
.comp_1x_b_h_s_b {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
- @include maxtablet {
- display: block;
+ @include maxtablet {
+ display: block;
+ }
+
+ .image_area {
+ width: 50%;
+
+ @include maxtablet {
+ width: 100%;
+ }
+
+ img {
+ width: 100%;
+ }
+ }
+
+ .text_area {
+ width: 50%;
+ padding: 5rem;
+
+ @include maxtablet {
+ width: 100%;
+ padding: 0;
+ }
+ }
}
-
- .image_area {
- width: 50%;
-
- @include maxtablet {
- width: 100%;
- }
-
- img {
- width: 100%;
- }
- }
-
- .text_area {
- width: 50%;
- padding: 5rem;
-
- @include maxtablet {
- width: 100%;
- padding: 0;
- }
- }
- }
}
.comp_1x_b_h_s_e1 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- @include maxtablet {
- display: block;
- }
-
- .image_area {
- width: 50%;
-
- @include maxtablet {
- width: 100%;
- }
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
- }
-
- .text_area {
- width: 50%;
- margin-top: 0;
-
- @include maxtablet {
- width: 100%;
- margin-top: 3rem;
- }
- }
-
- &:nth-child(odd) {
- .text_area {
- padding-left: 5rem;
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
@include maxtablet {
- padding-left: 0;
+ display: block;
}
- }
- }
- &:nth-child(even),
- &.reverse {
- flex-direction: row-reverse;
+ .image_area {
+ width: 50%;
- .text_area {
- padding-right: 5rem;
+ @include maxtablet {
+ width: 100%;
+ }
- @include maxtablet {
- padding-right: 0;
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
+ }
}
- }
- }
- &:not(:first-child) {
- margin-top: 5rem;
+ .text_area {
+ width: 50%;
+ margin-top: 0;
+
+ @include maxtablet {
+ width: 100%;
+ margin-top: 3rem;
+ }
+ }
+
+ &:nth-child(odd) {
+ .text_area {
+ padding-left: 5rem;
+
+ @include maxtablet {
+ padding-left: 0;
+ }
+ }
+ }
+
+ &:nth-child(even),
+ &.reverse {
+ flex-direction: row-reverse;
+
+ .text_area {
+ padding-right: 5rem;
+
+ @include maxtablet {
+ padding-right: 0;
+ }
+ }
+ }
+
+ &:not(:first-child) {
+ margin-top: 5rem;
+ }
}
- }
}
.comp_1x_b_h_s_e3 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- @include maxtablet {
- display: block;
- }
-
- .image_area {
- width: 50%;
- aspect-ratio: 1 / 1;
-
- @include maxtablet {
- width: 100%;
- }
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
-
- video {
- width: 100%;
- border-radius: 0.6rem;
- }
- }
-
- .text_area {
- width: 50%;
- margin-top: 0;
-
- @include maxtablet {
- width: 100%;
- margin-top: 3rem;
- }
- }
-
- &:nth-child(odd) {
- .text_area {
- padding-left: 5rem;
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
@include maxtablet {
- padding-left: 0;
+ display: block;
}
- }
- }
- &:nth-child(even) {
- flex-direction: row-reverse;
+ .image_area {
+ width: 50%;
+ aspect-ratio: 1 / 1;
- .text_area {
- padding-right: 5rem;
+ @include maxtablet {
+ width: 100%;
+ }
- @include maxtablet {
- padding-right: 0;
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
+ }
+
+ video {
+ width: 100%;
+ border-radius: 0.6rem;
+ }
}
- }
- }
- &:not(:first-child) {
- margin-top: 5rem;
+ .text_area {
+ width: 50%;
+ margin-top: 0;
+
+ @include maxtablet {
+ width: 100%;
+ margin-top: 3rem;
+ }
+ }
+
+ &:nth-child(odd) {
+ .text_area {
+ padding-left: 5rem;
+
+ @include maxtablet {
+ padding-left: 0;
+ }
+ }
+ }
+
+ &:nth-child(even) {
+ flex-direction: row-reverse;
+
+ .text_area {
+ padding-right: 5rem;
+
+ @include maxtablet {
+ padding-right: 0;
+ }
+ }
+ }
+
+ &:not(:first-child) {
+ margin-top: 5rem;
+ }
}
- }
}
.comp_1x_b_h_s_e4 {
- border-top: 1px solid #dedede;
- padding-top: 6rem;
-
- @include maxtablet {
- padding-top: 7.5rem;
- }
-
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-wrap: wrap;
+ border-top: 1px solid #dedede;
+ padding-top: 6rem;
@include maxtablet {
- display: block;
+ padding-top: 7.5rem;
}
- .item {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- width: 100%;
- margin-bottom: 5rem;
-
- .image_area {
- width: 20%;
- max-width: 12rem;
-
- img {
- width: 100%;
- }
- }
-
- .text_area {
- width: 80%;
- margin-top: 0;
- margin-left: 3rem;
-
- p {
- color: #676767;
- }
- }
- }
- }
-}
-
-.comp_2x_b_v_s_e1 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
-
- @include maxtablet {
- display: block;
- }
-
- .half_area {
- display: flex;
- flex-direction: column;
- width: calc((100% - 6rem) / 2);
-
- @include maxtablet {
- display: block;
- width: 100%;
- }
-
- .image_area {
- width: 100%;
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
- }
-
- &:last-child {
- flex-direction: column-reverse;
- margin-top: 5rem;
-
- @include maxtablet {
- display: block;
- }
- }
-
- .text_area {
- padding-bottom: 4rem;
- }
- }
- }
-}
-
-.comp_2x_b_v_s_b {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
-
- @include maxtablet {
- display: block;
- }
-
- .half_area {
- width: calc((100% - 2rem) / 2);
-
- @include maxtablet {
- width: 100%;
- display: block;
- }
-
- .image_area {
- width: 100%;
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
- }
-
- &:last-child {
- @include maxtablet {
- margin-top: 4rem;
- }
- }
- }
- }
-}
-
-.comp_1x_b_h_s_e2 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- @include maxtablet {
- display: block;
- }
-
- .image_area {
- width: 46%;
-
- @include maxtablet {
- width: 100%;
- }
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
- }
-
- .text_area {
- width: calc(54% - 5rem);
- margin-top: 0;
-
- @include maxtablet {
- width: 100%;
- margin-top: 3rem;
- }
-
- ul {
- margin-top: 5.5rem;
-
- li {
- display: flex;
- justify-content: flex-start;
- align-items: center;
-
- p {
- margin-top: 0;
- margin-left: 3rem;
- font-size: 1.6rem;
- line-height: 2.4rem;
- color: #676767;
- }
-
- &:not(:first-child) {
- margin-top: 3rem;
- }
- }
- }
- }
- }
-}
-
-.comp_2x_b_h_s_e2 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- flex-wrap: wrap;
-
- @include maxtablet {
- display: block;
- }
-
- .item {
- display: flex;
- justify-content: flex-start;
- align-items: flex-start;
- width: calc((100% - 5rem) / 2);
- margin-bottom: 5rem;
-
- @include maxtablet {
- width: 100%;
- }
-
- .image_area {
- width: 20%;
- max-width: 12rem;
-
- img {
- width: 100%;
- }
- }
-
- .text_area {
- width: 80%;
- margin-top: 0;
- margin-left: 3rem;
-
- p {
- color: #676767;
- }
- }
- }
- }
-}
-
-.comp_2x_b_h_s_e3 {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-wrap: wrap;
-
- @include maxtablet {
- display: block;
- }
-
- .item {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- width: calc((100% - 5rem) / 2);
- margin-bottom: 5rem;
-
- @include maxtablet {
- width: 100%;
- }
-
- .image_area {
- width: 20%;
- max-width: 12rem;
-
- img {
- width: 100%;
- }
- }
-
- .text_area {
- width: 80%;
- margin-top: 0;
- margin-left: 3rem;
-
- p {
- color: #676767;
- }
- }
- }
- }
-}
-
-.comp_3x_b_v_s_b {
- .comp_body {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- flex-wrap: wrap;
-
- @include maxtablet {
- display: block;
- }
-
- .item {
- width: calc((100% - 10rem) / 3);
-
- @include maxtablet {
- width: 100%;
-
- &:not(:first-child) {
- margin-top: 6rem;
- }
- }
-
- .image_area {
- width: 100%;
-
- img {
- width: 100%;
- border-radius: 0.6rem;
- }
- }
-
- .text_area {
- margin-top: 3rem;
-
- p {
- margin-top: 1.5rem;
- }
- }
- }
- }
-}
-
-.comp_1x_b_n_n_b {
- margin-top: 15rem;
- background-color: #f3f3f3;
- padding: 4rem 0;
-
- @media (max-width: 1024px) {
- margin-top: 6rem;
- }
-
- .comp_body {
- .title {
- font-size: 1.8rem;
- font-weight: 600;
- color: #000000;
- }
-
- ul {
- margin-top: 10px;
-
- li {
- position: relative;
- padding: 0.5rem 0 0.5rem 1rem;
- font-size: 1.4rem;
- font-weight: 400;
- line-height: 2.2rem;
-
- &::before {
- content: "∙";
- position: absolute;
- top: 0.5rem;
- left: 0;
- }
- }
- }
- }
-}
-
-.pdpDetail {
- padding-bottom: 10rem;
-
- @include maxtablet {
- padding-bottom: 6rem;
- }
-}
-
-.disclaimerArea {
- padding-bottom: 10rem;
-
- @include maxtablet {
- padding-bottom: 6rem;
- }
-
- .disclaimerInner {
- h2 {
- width: 100%;
- font-size: 2.4rem;
- font-weight: 600;
-
- @include maxtablet {
- font-size: 1.8rem;
- }
- }
-
- .disclaimerList {
- margin-top: 4rem;
- border-top: 1px solid #999999;
- border-bottom: 1px solid #999999;
-
- @include maxtablet {
- margin-top: 3rem;
- }
-
- .item {
+ .comp_body {
display: flex;
justify-content: space-between;
align-items: center;
- padding: 2rem 0;
- border-bottom: 1px solid #dedede;
-
- &:last-child {
- border-bottom: none;
- }
+ flex-wrap: wrap;
@include maxtablet {
- display: block;
+ display: block;
}
- .title {
- width: 15.5rem;
- padding-right: 2rem;
- font-size: 1.6rem;
- line-height: 2.4rem;
- font-weight: 600;
- word-break: keep-all;
-
- @include maxtablet {
- width: 100%;
- padding-right: 0;
- font-size: 1.4rem;
- line-height: 2.2rem;
- }
- }
-
- .bar {
- width: 0.1rem;
- height: 1.5rem;
- background-color: #dedede;
-
- @include maxtablet {
- display: none;
- }
- }
-
- .contents {
- width: calc(100% - 15.6rem);
- padding-left: 2rem;
- font-size: 1.6rem;
- line-height: 2.4rem;
- word-break: keep-all;
- color: #676767;
-
- @include maxtablet {
- width: 100%;
- font-size: 1.4rem;
- line-height: 2.2rem;
- margin-top: 1.5rem;
- padding-left: 0;
- }
-
- li {
- position: relative;
- padding-left: 1rem;
-
- &::before {
- content: "∙";
- position: absolute;
- top: 0;
- left: 0;
- line-height: 2.2rem;
- }
-
- a {
- color: #676767;
- text-decoration: none !important;
- border-bottom: 1px solid #676767;
- }
- }
- }
- }
- }
- }
-}
-
-.reviewArea {
- margin-top: 0;
- padding-top: 10rem;
- padding-bottom: 10rem;
- border-top: 0.1rem solid #dedede;
- border-bottom: 0.1rem solid #dedede;
-
- &:has(+ .qnaArea) {
- border-bottom: none;
- }
-
- @include maxtablet {
- padding-top: 6rem;
- padding-bottom: 6rem;
- }
-
- .reviewInner {
- .titleArea {
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- h2 {
- width: 100%;
- font-size: 2.4rem;
- font-weight: 600;
-
- @include maxtablet {
- font-size: 1.8rem;
- }
- }
-
- .searchBox {
- .selectInner {
- .cont-select {
- position: relative;
- width: 100%;
- height: 4.5rem;
- min-width: 10rem;
-
- @include tablet {
- width: 13rem;
- }
-
- .btn-select {
- position: relative;
- width: 100%;
- height: 4.5rem;
- font-size: 1.4rem;
- padding: 1.4rem 2rem;
- background-color: #fff;
- border: 1px solid #dedede;
- box-sizing: border-box;
- cursor: pointer;
- text-align: left;
- color: #000;
- line-height: 1;
- /* 말줄임 */
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-
- @include tablet {
- font-size: 1.6rem;
- }
-
- &::after {
- content: "";
- position: absolute;
- right: 1rem;
- top: 40%;
- transform: translate(-50%, 0);
- width: 1.4rem;
- height: 0.8rem;
- display: block;
- background: url("/kr/assets/images/common/icon-notice.svg");
- background-size: contain;
- background-repeat: no-repeat;
- transform: rotate(-180deg);
- }
- }
-
- .list-member {
- display: none;
- position: absolute;
- padding: 1rem 2rem;
- width: 100%;
- top: 4.4rem;
- left: 0;
- border: 1px solid #dedede;
- box-sizing: border-box;
- background-color: #fff;
- z-index: 1;
- }
-
- .btn-select.on {
- &::after {
- transform: rotate(0deg);
- }
- }
-
- .btn-select.on + .list-member {
- display: block;
- }
-
- .list-member li {
- font-size: 1.6rem;
- line-height: 2;
- box-sizing: border-box;
- }
-
- .list-member li button {
- width: 100%;
- font-size: 1.6rem;
- border: none;
- background-color: #fff;
- cursor: pointer;
- text-align: left;
- /* 말줄임 */
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- }
- }
- }
- }
-
- .reviewList {
- margin-top: 3rem;
- border-top: 1px solid #999999;
- border-bottom: 1px solid #999999;
-
- @include maxtablet {
- margin-top: 2rem;
- }
-
- .item {
- display: flex;
- justify-content: space-between;
- align-items: flex-end;
- padding: 2rem 0;
- border-bottom: 1px solid #dedede;
-
- @include maxtablet {
- display: block;
- }
-
- .textArea {
- width: calc(100% - 10rem);
- padding-right: 5rem;
-
- @include maxtablet {
- width: 100%;
- padding-right: 0;
- }
-
- .title {
+ .item {
display: flex;
justify-content: flex-start;
align-items: center;
-
- .name {
- font-size: 1.6rem;
- font-weight: 600;
- }
-
- .date {
- margin-left: 1rem;
- font-size: 1.4rem;
- color: #9ea1a2;
- }
- }
-
- .contents {
- margin-top: 1.5rem;
- font-size: 1.6rem;
- line-height: 2.4rem;
-
- @include maxtablet {
- margin-top: 1.3rem;
- }
-
- &.abstracted {
- white-space: normal;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- }
-
- .contentMoreBtn {
- display: none;
- align-items: center;
- margin-top: 1rem;
- font-size: 1.6rem;
- color: #9ea1a2;
- cursor: pointer;
-
- &::after {
- content: "";
- display: block;
- width: 1rem;
- height: 1rem;
- margin-left: 0.5rem;
- background-image: url("/kr/assets/images/common/icon-more.svg");
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
- }
-
- &.active {
- &::after {
- background-image: url("/kr/assets/images/common/icon-briefly.svg");
- }
- }
- }
- }
-
- .reviewBtnArea {
- width: 10rem;
-
- @include maxtablet {
- display: flex;
- justify-content: flex-end;
width: 100%;
- margin-top: 1.5rem;
- }
+ margin-bottom: 5rem;
- .reviewBtn {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 10rem;
- height: 3.5rem;
- border: 1px solid #dedede;
- border-radius: 0.6rem;
- transition: 0.3s;
+ .image_area {
+ width: 20%;
+ max-width: 12rem;
- .icon-good {
- width: 2rem;
- height: 2rem;
- background-image: url("/kr/assets/images/common/icon_good.svg");
- background-repeat: no-repeat;
- background-size: contain;
+ img {
+ width: 100%;
+ }
}
- .goodNum {
- margin-left: 0.8rem;
- padding-top: 0.2rem;
- color: #9ea1a2;
- font-size: 1.4rem;
- font-weight: 600;
- line-height: 2rem;
- }
+ .text_area {
+ width: 80%;
+ margin-top: 0;
+ margin-left: 3rem;
- &:hover {
- border: 1px solid #000000;
+ p {
+ color: #676767;
+ }
}
-
- &.active {
- .goodNum {
- color: #000000;
- }
- }
- }
}
- }
}
-
- .noList {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 14rem;
- margin-top: 4rem;
- border: 1px solid #dedede;
- border-radius: 0.6rem;
- font-size: 1.8rem;
- color: #9ea1a2;
-
- @include tablet {
- font-size: 2rem;
- }
- }
- }
}
-.qnaArea {
- margin-top: 0;
- padding-top: 10rem;
- padding-bottom: 10rem;
- border-top: 0.1rem solid #dedede;
- border-bottom: 0.1rem solid #dedede;
-
- @include maxtablet {
- padding-top: 6rem;
- padding-bottom: 6rem;
- }
-
- .qnaInner {
- .titleArea {
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- h2 {
- width: 100%;
- font-size: 2.4rem;
- font-weight: 600;
+.comp_2x_b_v_s_e1 {
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
@include maxtablet {
- font-size: 1.8rem;
+ display: block;
}
- }
- }
- .qnaList {
- margin-top: 4rem;
+ .half_area {
+ display: flex;
+ flex-direction: column;
+ width: calc((100% - 6rem) / 2);
- @include maxtablet {
- margin-top: 3rem;
- }
- }
-
- .qnaList {
- width: 100%;
- margin-top: 2rem;
-
- // padding-left:2rem;
- // padding-right:2rem;
- @include desktopMin {
- max-width: 120rem;
- margin-top: 2rem;
- }
-
- @include desktopMax {
- padding-left: 0;
- padding-right: 0;
- }
-
- .qnaAccodion {
- .accordion {
- dl {
- border: 1px solid #dedede;
- border-radius: 0.6rem;
- padding: 2rem;
- position: relative;
-
- &:hover {
- border-color: #05141f;
- }
-
- @include tablet {
- padding: 2.5rem;
- }
-
- dt {
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: 1.6rem;
- font-weight: 600;
- position: relative;
- cursor: pointer;
-
- @include desktopMin {
- font-size: 1.8rem;
- }
-
- > p {
- position: relative;
- width: 93%;
-
- .subTitle {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- color: #9ea1a2;
- margin-bottom: 1.5rem;
- font-size: 1.4rem;
- font-weight: 400;
-
- .badge {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 2.5rem;
- margin-right: 1rem;
- padding: 0 0.8rem;
- border: 0.1rem solid #dedede;
- font-size: 1.4rem;
- font-weight: 400;
-
- &.an {
- color: #9ea1a2;
- }
-
- &.ay {
- color: #000000;
- }
- }
- }
-
- span {
- font-weight: 600;
- }
- }
-
- &:hover {
- color: var(--unnamed-color-00aad2);
- }
-
- &::after {
- content: "";
- position: absolute;
- right: 0rem;
- top: 65%;
- transform: translate(-50%, 0);
- transform: rotate(-180deg);
- width: 1.4rem;
- height: 0.8rem;
+ @include maxtablet {
display: block;
- background: url("/kr/assets/images/common/icon-notice.svg");
- background-size: contain;
- background-repeat: no-repeat;
-
- @include tablet {
- top: 40%;
- right: 1rem;
- }
- }
+ width: 100%;
}
- dt.active {
- &::after {
- transform: rotate(0deg);
- background-position-x: right;
- right: 0rem;
+ .image_area {
+ width: 100%;
- @include tablet {
- right: 1rem;
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
}
- }
}
- dt.active + dd {
- display: block;
+ &:last-child {
+ flex-direction: column-reverse;
+ margin-top: 5rem;
+
+ @include maxtablet {
+ display: block;
+ }
}
- dd {
- display: none;
- margin-top: 3rem;
+ .text_area {
+ padding-bottom: 4rem;
+ }
+ }
+ }
+}
- p {
- font-size: 1.4rem;
- line-height: 2.4rem;
- color: #000000;
+.comp_2x_b_v_s_b {
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
- @include desktopMin {
- font-size: 1.6rem;
+ @include maxtablet {
+ display: block;
+ }
+
+ .half_area {
+ width: calc((100% - 2rem) / 2);
+
+ @include maxtablet {
+ width: 100%;
+ display: block;
+ }
+
+ .image_area {
+ width: 100%;
+
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
}
- }
+ }
- .imageArea {
- display: flex;
- justify-content: flex-start;
- align-items: center;
+ &:last-child {
+ @include maxtablet {
+ margin-top: 4rem;
+ }
+ }
+ }
+ }
+}
+
+.comp_1x_b_h_s_e2 {
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ @include maxtablet {
+ display: block;
+ }
+
+ .image_area {
+ width: 46%;
+
+ @include maxtablet {
+ width: 100%;
+ }
+
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
+ }
+ }
+
+ .text_area {
+ width: calc(54% - 5rem);
+ margin-top: 0;
+
+ @include maxtablet {
width: 100%;
margin-top: 3rem;
+ }
- .item {
- width: calc((100% - 4rem) / 3);
- border: 0.1rem solid #dedede;
- overflow: hidden;
- margin-right: 2rem;
+ ul {
+ margin-top: 5.5rem;
- &:last-child {
- margin-right: 0;
- }
-
- .box {
- position: relative;
- padding-top: 100%;
- background-repeat: no-repeat;
- background-size: contain;
- background-position: center;
- }
- }
- }
-
- .adminAnswer {
- margin-top: 3.5rem;
- padding-top: 3.5rem;
- border-top: 0.1rem solid #dedede;
-
- .subTitle {
- color: #9ea1a2;
- font-size: 1.4rem;
- font-weight: 400;
- }
-
- .answer {
- margin-top: 1.5rem;
- }
-
- .downloadArea {
- display: flex;
- justify-content: flex-start;
- flex-wrap: wrap;
- width: 100%;
- margin-top: 2rem;
-
- .downloadItem {
+ li {
display: flex;
- justify-content: center;
+ justify-content: flex-start;
align-items: center;
- font-size: 1.6rem;
- padding: 0.7rem 1rem;
- background-color: #f3f3f3;
- color: #000000;
- margin-right: 1rem;
- margin-bottom: 1rem;
- &:hover {
- text-decoration: underline;
+ p {
+ margin-top: 0;
+ margin-left: 3rem;
+ font-size: 1.6rem;
+ line-height: 2.4rem;
+ color: #676767;
}
- .icon {
- width: 2rem;
- height: 2rem;
- background-image: url("/kr/assets/images/common/icon-download.svg");
- background-repeat: repeat;
- margin-left: 0.8rem;
+ &:not(:first-child) {
+ margin-top: 3rem;
}
- }
}
- }
+ }
+ }
+ }
+}
- .csBtn {
- margin: 0 auto;
- margin-top: 4rem;
+.comp_2x_b_h_s_e2 {
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ flex-wrap: wrap;
+
+ @include maxtablet {
+ display: block;
+ }
+
+ .item {
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ width: calc((100% - 5rem) / 2);
+ margin-bottom: 5rem;
+
+ @include maxtablet {
+ width: 100%;
+ }
+
+ .image_area {
+ width: 20%;
+ max-width: 12rem;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ .text_area {
+ width: 80%;
+ margin-top: 0;
+ margin-left: 3rem;
+
+ p {
+ color: #676767;
+ }
+ }
+ }
+ }
+}
+
+.comp_2x_b_h_s_e3 {
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+
+ @include maxtablet {
+ display: block;
+ }
+
+ .item {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: calc((100% - 5rem) / 2);
+ margin-bottom: 5rem;
+
+ @include maxtablet {
+ width: 100%;
+ }
+
+ .image_area {
+ width: 20%;
+ max-width: 12rem;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ .text_area {
+ width: 80%;
+ margin-top: 0;
+ margin-left: 3rem;
+
+ p {
+ color: #676767;
+ }
+ }
+ }
+ }
+}
+
+.comp_3x_b_v_s_b {
+ .comp_body {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ flex-wrap: wrap;
+
+ @include maxtablet {
+ display: block;
+ }
+
+ .item {
+ width: calc((100% - 10rem) / 3);
+
+ @include maxtablet {
width: 100%;
- @include tablet {
- width: 37rem;
- margin-top: 5rem;
+ &:not(:first-child) {
+ margin-top: 6rem;
+ }
+ }
+
+ .image_area {
+ width: 100%;
+
+ img {
+ width: 100%;
+ border-radius: 0.6rem;
+ }
+ }
+
+ .text_area {
+ margin-top: 3rem;
+
+ p {
+ margin-top: 1.5rem;
+ }
+ }
+ }
+ }
+}
+
+.comp_1x_b_n_n_b {
+ margin-top: 15rem;
+ background-color: #f3f3f3;
+ padding: 4rem 0;
+
+ @media (max-width: 1024px) {
+ margin-top: 6rem;
+ }
+
+ .comp_body {
+ .title {
+ font-size: 1.8rem;
+ font-weight: 600;
+ color: #000000;
+ }
+
+ ul {
+ margin-top: 10px;
+
+ li {
+ position: relative;
+ padding: 0.5rem 0 0.5rem 1rem;
+ font-size: 1.4rem;
+ font-weight: 400;
+ line-height: 2.2rem;
+
+ &::before {
+ content: "∙";
+ position: absolute;
+ top: 0.5rem;
+ left: 0;
+ }
+ }
+ }
+ }
+}
+
+.pdpDetail {
+ padding-bottom: 10rem;
+
+ @include maxtablet {
+ padding-bottom: 6rem;
+ }
+}
+
+.disclaimerArea {
+ padding-bottom: 10rem;
+
+ @include maxtablet {
+ padding-bottom: 6rem;
+ }
+
+ .disclaimerInner {
+ h2 {
+ width: 100%;
+ font-size: 2.4rem;
+ font-weight: 600;
+
+ @include maxtablet {
+ font-size: 1.8rem;
+ }
+ }
+
+ .disclaimerList {
+ margin-top: 4rem;
+ border-top: 1px solid #999999;
+ border-bottom: 1px solid #999999;
+
+ @include maxtablet {
+ margin-top: 3rem;
+ }
+
+ .item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 2rem 0;
+ border-bottom: 1px solid #dedede;
+
+ &:last-child {
+ border-bottom: none;
}
- .oneButton {
- width: 16rem;
- margin: 0 auto;
+ @include maxtablet {
+ display: block;
}
- .towButton {
- display: flex;
- flex-wrap: wrap;
+ .title {
+ width: 15.5rem;
+ padding-right: 2rem;
+ font-size: 1.6rem;
+ line-height: 2.4rem;
+ font-weight: 600;
+ word-break: keep-all;
- @include tablet {
- flex-wrap: nowrap;
- }
-
- .leftBtn {
- margin-right: 0;
-
- @include tablet {
- margin-right: 0.5rem;
+ @include maxtablet {
+ width: 100%;
+ padding-right: 0;
+ font-size: 1.4rem;
+ line-height: 2.2rem;
}
- }
-
- .rightBtn {
- margin-left: 0;
-
- @include tablet {
- margin-left: 0.5rem;
- }
- }
-
- button + button {
- margin-top: 1rem;
-
- @include tablet {
- margin-left: 1rem;
- margin-top: 0;
- }
- }
}
- }
- }
- > .dd-padding {
- padding-left: 6.5rem;
- }
- }
+ .bar {
+ width: 0.1rem;
+ height: 1.5rem;
+ background-color: #dedede;
- dl.active {
- border-color: #000;
- }
-
- dl.private {
- &:hover {
- border-color: #dedede;
- }
-
- dt {
- cursor: default;
-
- &:after {
- content: none;
- }
-
- &:hover {
- }
-
- > p {
- span {
- color: #9ea1a2;
+ @include maxtablet {
+ display: none;
+ }
}
- }
- }
- }
- dl + dl {
- margin-top: 1rem;
- }
+ .contents {
+ width: calc(100% - 15.6rem);
+ padding-left: 2rem;
+ font-size: 1.6rem;
+ line-height: 2.4rem;
+ word-break: keep-all;
+ color: #676767;
+
+ @include maxtablet {
+ width: 100%;
+ font-size: 1.4rem;
+ line-height: 2.2rem;
+ margin-top: 1.5rem;
+ padding-left: 0;
+ }
+
+ li {
+ position: relative;
+ padding-left: 1rem;
+
+ &::before {
+ content: "∙";
+ position: absolute;
+ top: 0;
+ left: 0;
+ line-height: 2.2rem;
+ }
+
+ a {
+ color: #676767;
+ text-decoration: none !important;
+ border-bottom: 1px solid #676767;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.reviewArea {
+ margin-top: 0;
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ border-top: 0.1rem solid #dedede;
+ border-bottom: 0.1rem solid #dedede;
+
+ &:has(+ .qnaArea) {
+ border-bottom: none;
+ }
+
+ @include maxtablet {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .reviewInner {
+ .titleArea {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ h2 {
+ width: 100%;
+ font-size: 2.4rem;
+ font-weight: 600;
+
+ @include maxtablet {
+ font-size: 1.8rem;
+ }
+ }
+
+ .searchBox {
+ .selectInner {
+ .cont-select {
+ position: relative;
+ width: 100%;
+ height: 4.5rem;
+ min-width: 10rem;
+
+ @include tablet {
+ width: 13rem;
+ }
+
+ .btn-select {
+ position: relative;
+ width: 100%;
+ height: 4.5rem;
+ font-size: 1.4rem;
+ padding: 1.4rem 2rem;
+ background-color: #fff;
+ border: 1px solid #dedede;
+ box-sizing: border-box;
+ cursor: pointer;
+ text-align: left;
+ color: #000;
+ line-height: 1;
+ /* 말줄임 */
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+
+ @include tablet {
+ font-size: 1.6rem;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ right: 1rem;
+ top: 40%;
+ transform: translate(-50%, 0);
+ width: 1.4rem;
+ height: 0.8rem;
+ display: block;
+ background: url("/kr/assets/images/common/icon-notice.svg");
+ background-size: contain;
+ background-repeat: no-repeat;
+ transform: rotate(-180deg);
+ }
+ }
+
+ .list-member {
+ display: none;
+ position: absolute;
+ padding: 1rem 2rem;
+ width: 100%;
+ top: 4.4rem;
+ left: 0;
+ border: 1px solid #dedede;
+ box-sizing: border-box;
+ background-color: #fff;
+ z-index: 1;
+ }
+
+ .btn-select.on {
+ &::after {
+ transform: rotate(0deg);
+ }
+ }
+
+ .btn-select.on + .list-member {
+ display: block;
+ }
+
+ .list-member li {
+ font-size: 1.6rem;
+ line-height: 2;
+ box-sizing: border-box;
+ }
+
+ .list-member li button {
+ width: 100%;
+ font-size: 1.6rem;
+ border: none;
+ background-color: #fff;
+ cursor: pointer;
+ text-align: left;
+ /* 말줄임 */
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+ }
+ }
+ }
+ }
+
+ .reviewList {
+ margin-top: 3rem;
+ border-top: 1px solid #999999;
+ border-bottom: 1px solid #999999;
+
+ @include maxtablet {
+ margin-top: 2rem;
+ }
+
+ .item {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-end;
+ padding: 2rem 0;
+ border-bottom: 1px solid #dedede;
+
+ @include maxtablet {
+ display: block;
+ }
+
+ .textArea {
+ width: calc(100% - 10rem);
+ padding-right: 5rem;
+
+ @include maxtablet {
+ width: 100%;
+ padding-right: 0;
+ }
+
+ .title {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+
+ .name {
+ font-size: 1.6rem;
+ font-weight: 600;
+ }
+
+ .date {
+ margin-left: 1rem;
+ font-size: 1.4rem;
+ color: #9ea1a2;
+ }
+ }
+
+ .contents {
+ margin-top: 1.5rem;
+ font-size: 1.6rem;
+ line-height: 2.4rem;
+
+ @include maxtablet {
+ margin-top: 1.3rem;
+ }
+
+ &.abstracted {
+ white-space: normal;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ }
+ }
+
+ .contentMoreBtn {
+ display: none;
+ align-items: center;
+ margin-top: 1rem;
+ font-size: 1.6rem;
+ color: #9ea1a2;
+ cursor: pointer;
+
+ &::after {
+ content: "";
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ margin-left: 0.5rem;
+ background-image: url("/kr/assets/images/common/icon-more.svg");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+
+ &.active {
+ &::after {
+ background-image: url("/kr/assets/images/common/icon-briefly.svg");
+ }
+ }
+ }
+ }
+
+ .reviewBtnArea {
+ width: 10rem;
+
+ @include maxtablet {
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ margin-top: 1.5rem;
+ }
+
+ .reviewBtn {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 10rem;
+ height: 3.5rem;
+ border: 1px solid #dedede;
+ border-radius: 0.6rem;
+ transition: 0.3s;
+
+ .icon-good {
+ width: 2rem;
+ height: 2rem;
+ background-image: url("/kr/assets/images/common/icon_good.svg");
+ background-repeat: no-repeat;
+ background-size: contain;
+ }
+
+ .goodNum {
+ margin-left: 0.8rem;
+ padding-top: 0.2rem;
+ color: #9ea1a2;
+ font-size: 1.4rem;
+ font-weight: 600;
+ line-height: 2rem;
+ }
+
+ &:hover {
+ border: 1px solid #000000;
+ }
+
+ &.active {
+ .goodNum {
+ color: #000000;
+ }
+ }
+ }
+ }
+ }
}
.noList {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 14rem;
-
- border: 1px solid #dedede;
- border-radius: 0.6rem;
- font-size: 1.8rem;
- color: #9ea1a2;
-
- @include tablet {
- font-size: 2rem;
- }
- }
- }
- }
- }
-}
-
-.listbtnWarp {
- width: 100%;
- margin: 0 auto;
- padding: 0 2rem;
-
- @include desktopMin {
- width: 16rem;
- }
-
- a::before,
- a::after {
- width: 3.2rem;
-
- @include desktopMin {
- width: 3.2rem;
- }
- }
-}
-
-.pdpDisplayThemeSwiper {
- .swiper-wrapper {
- transition-timing-function: linear;
- }
-}
-
-.displayTheme {
- .visualBg {
- position: absolute;
- width: 100%;
- max-width: 192rem;
-
- @include maxdesktop {
- overflow: hidden;
- height: 76rem;
- }
-
- @media (max-width: 820px) {
- height: 62rem;
- }
-
- @include maxtablet {
- height: 76rem;
- }
-
- @include maxmobile {
- height: 71rem;
- }
-
- img {
- width: auto;
- object-fit: cover;
- object-position: center;
-
- @include maxdesktop {
- width: 100%;
- object-fit: initial;
- object-position: initial;
- }
-
- &.mobile {
- display: none;
- }
-
- @include maxdesktop {
- &.web {
- display: none;
- }
-
- &.mobile {
- display: block;
- object-fit: initial;
- height: auto;
- }
- }
- }
-
- &:after {
- content: "";
- display: none;
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: 2;
- width: 100%;
- height: 60%;
- background: rgb(255, 255, 255);
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%);
- }
- }
-
- &.comp_wide {
- .comp_body {
- &.layer_up {
- .text_area {
- margin-top: 5.2rem;
-
- @include maxtablet {
- margin-top: 6rem !important;
- }
- }
- }
-
- .text_area {
- @include maxtablet {
- margin-top: 3rem !important;
-
- h3 {
- font-size: 3rem;
- }
-
- .info {
- font-size: 1.4rem;
- }
- }
- }
- }
-
- .comp_bottom {
- display: flex;
- align-items: center;
- position: relative;
- z-index: 2;
- // max-height: 26rem;
-
- @include maxdesktop {
- // max-height: 22rem;
- padding: 3rem 0;
- }
-
- @include maxtablet {
- // max-height: 22rem;
- padding: 2rem 0;
- }
-
- &.thumb-swiper {
- overflow: hidden;
- flex-wrap: wrap;
- padding: 17rem 0 0;
-
- .com_bottm_inner {
- padding: 3.4rem 0;
- background-color: rgba(0, 0, 0, 0.8);
- }
-
- @include maxtablet {
- padding: 31.2rem 0 0;
-
- .com_bottm_inner {
- padding: 2.4rem 0;
- }
- }
- }
-
- .com_bottm_inner {
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- width: 100%;
- height: 100%;
-
- @include maxdesktop {
- padding: 3rem 0;
- }
-
- @include maxtablet {
- padding: 2.5rem 0;
- }
-
- .swiper {
- overflow: visible;
- width: 100%;
- padding: 0 10rem;
-
- &:before,
- &:after {
- content: "";
- display: block;
- position: absolute;
- top: -4rem;
- bottom: -4rem;
- left: 0;
- z-index: 2;
- width: 10rem;
- background: rgb(0, 0, 0);
- background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
- }
-
- &:after {
- left: auto;
- right: 0;
- background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
- }
-
- @include maxtablet {
- &:before,
- &:after {
- display: none;
- }
- }
-
- @media (max-width: 1200px) {
- padding-right: 2rem;
- }
-
- .swiper-wrapper {
- width: 100%;
- transition-timing-function: linear;
-
- .swiper-slide {
- width: 11.6rem !important;
- padding: 6px;
- border: 2px solid transparent;
- cursor: pointer;
-
- @include maxtablet {
- width: 12rem !important;
- padding: 0.8rem;
- }
-
- &:first-child {
- @media (max-width: 1240px) {
- margin-left: 2rem;
- }
- }
-
- img {
- max-width: 100%;
- }
-
- p {
- margin-top: 0.3rem;
- font-size: 1.2rem;
- font-weight: 400;
- color: #fff;
- text-transform: uppercase;
- text-align: left;
-
- @media (max-width: 768px) {
- margin-top: 0.5rem;
- }
- }
-
- &.selected {
- border: 2px dashed rgba(255, 255, 255, 0.5);
- }
-
- &.active {
- border: 2px solid #f8c40c;
- }
- }
- }
- }
- }
- }
- }
-
- .comp_top {
- z-index: 2;
-
- // height: 10rem;
- .comp_body {
- .text_area {
- // display: flex;
- h3 {
- font-size: 3rem;
- margin-bottom: 1rem;
- }
-
- .info {
- font-size: 1.6rem;
- }
-
- > * {
- flex: 1;
- }
- }
- }
- }
-
- .comp_md {
- position: absolute;
- z-index: 2;
- top: 0;
- height: 48rem;
- background-color: rgba(0, 0, 0, 0);
-
- @include maxtablet {
- height: 3rem;
- }
- }
-
- &.type2 {
- .comp_bottom {
- background-color: transparent;
-
- .com_bottm_inner {
- .thumb-wrap {
- display: flex;
- flex-wrap: wrap;
- gap: 1.4rem 2rem;
- width: 100%;
- max-width: 118rem;
- margin: 0 auto;
-
- .dtthumb {
- width: 13rem;
- }
-
- .img-area {
display: flex;
justify-content: center;
align-items: center;
- width: 13rem;
- height: 12rem;
- background-color: #fff;
- border-radius: 0.8rem;
- }
+ height: 14rem;
+ margin-top: 4rem;
+ border: 1px solid #dedede;
+ border-radius: 0.6rem;
+ font-size: 1.8rem;
+ color: #9ea1a2;
- p {
- font-size: 1.4rem;
- font-weight: 600;
- color: #fff;
- text-transform: uppercase;
- }
+ @include tablet {
+ font-size: 2rem;
+ }
}
- }
}
- }
+}
- .dtlImgs {
- position: relative;
- padding-top: 7.2rem;
+.qnaArea {
+ margin-top: 0;
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ border-top: 0.1rem solid #dedede;
+ border-bottom: 0.1rem solid #dedede;
@include maxtablet {
- padding-top: 7.2rem;
+ padding-top: 6rem;
+ padding-bottom: 6rem;
}
- .item {
- transition: opacity 0.2s;
+ .qnaInner {
+ .titleArea {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
- .text_area {
- margin-top: 4rem;
+ h2 {
+ width: 100%;
+ font-size: 2.4rem;
+ font-weight: 600;
+
+ @include maxtablet {
+ font-size: 1.8rem;
+ }
+ }
+ }
+
+ .qnaList {
+ margin-top: 4rem;
+
+ @include maxtablet {
+ margin-top: 3rem;
+ }
+ }
+
+ .qnaList {
+ width: 100%;
+ margin-top: 2rem;
+
+ // padding-left:2rem;
+ // padding-right:2rem;
+ @include desktopMin {
+ max-width: 120rem;
+ margin-top: 2rem;
+ }
+
+ @include desktopMax {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .qnaAccodion {
+ .accordion {
+ dl {
+ border: 1px solid #dedede;
+ border-radius: 0.6rem;
+ padding: 2rem;
+ position: relative;
+
+ &:hover {
+ border-color: #05141f;
+ }
+
+ @include tablet {
+ padding: 2.5rem;
+ }
+
+ dt {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 1.6rem;
+ font-weight: 600;
+ position: relative;
+ cursor: pointer;
+
+ @include desktopMin {
+ font-size: 1.8rem;
+ }
+
+ > p {
+ position: relative;
+ width: 93%;
+
+ .subTitle {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ color: #9ea1a2;
+ margin-bottom: 1.5rem;
+ font-size: 1.4rem;
+ font-weight: 400;
+
+ .badge {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 2.5rem;
+ margin-right: 1rem;
+ padding: 0 0.8rem;
+ border: 0.1rem solid #dedede;
+ font-size: 1.4rem;
+ font-weight: 400;
+
+ &.an {
+ color: #9ea1a2;
+ }
+
+ &.ay {
+ color: #000000;
+ }
+ }
+ }
+
+ span {
+ font-weight: 600;
+ }
+ }
+
+ &:hover {
+ color: var(--unnamed-color-00aad2);
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ right: 0rem;
+ top: 65%;
+ transform: translate(-50%, 0);
+ transform: rotate(-180deg);
+ width: 1.4rem;
+ height: 0.8rem;
+ display: block;
+ background: url("/kr/assets/images/common/icon-notice.svg");
+ background-size: contain;
+ background-repeat: no-repeat;
+
+ @include tablet {
+ top: 40%;
+ right: 1rem;
+ }
+ }
+ }
+
+ dt.active {
+ &::after {
+ transform: rotate(0deg);
+ background-position-x: right;
+ right: 0rem;
+
+ @include tablet {
+ right: 1rem;
+ }
+ }
+ }
+
+ dt.active + dd {
+ display: block;
+ }
+
+ dd {
+ display: none;
+ margin-top: 3rem;
+
+ p {
+ font-size: 1.4rem;
+ line-height: 2.4rem;
+ color: #000000;
+
+ @include desktopMin {
+ font-size: 1.6rem;
+ }
+ }
+
+ .imageArea {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: 100%;
+ margin-top: 3rem;
+
+ .item {
+ width: calc((100% - 4rem) / 3);
+ border: 0.1rem solid #dedede;
+ overflow: hidden;
+ margin-right: 2rem;
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ .box {
+ position: relative;
+ padding-top: 100%;
+ background-repeat: no-repeat;
+ background-size: contain;
+ background-position: center;
+ }
+ }
+ }
+
+ .adminAnswer {
+ margin-top: 3.5rem;
+ padding-top: 3.5rem;
+ border-top: 0.1rem solid #dedede;
+
+ .subTitle {
+ color: #9ea1a2;
+ font-size: 1.4rem;
+ font-weight: 400;
+ }
+
+ .answer {
+ margin-top: 1.5rem;
+ }
+
+ .downloadArea {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+ width: 100%;
+ margin-top: 2rem;
+
+ .downloadItem {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 1.6rem;
+ padding: 0.7rem 1rem;
+ background-color: #f3f3f3;
+ color: #000000;
+ margin-right: 1rem;
+ margin-bottom: 1rem;
+
+ &:hover {
+ text-decoration: underline;
+ }
+
+ .icon {
+ width: 2rem;
+ height: 2rem;
+ background-image: url("/kr/assets/images/common/icon-download.svg");
+ background-repeat: repeat;
+ margin-left: 0.8rem;
+ }
+ }
+ }
+ }
+
+ .csBtn {
+ margin: 0 auto;
+ margin-top: 4rem;
+ width: 100%;
+
+ @include tablet {
+ width: 37rem;
+ margin-top: 5rem;
+ }
+
+ .oneButton {
+ width: 16rem;
+ margin: 0 auto;
+ }
+
+ .towButton {
+ display: flex;
+ flex-wrap: wrap;
+
+ @include tablet {
+ flex-wrap: nowrap;
+ }
+
+ .leftBtn {
+ margin-right: 0;
+
+ @include tablet {
+ margin-right: 0.5rem;
+ }
+ }
+
+ .rightBtn {
+ margin-left: 0;
+
+ @include tablet {
+ margin-left: 0.5rem;
+ }
+ }
+
+ button + button {
+ margin-top: 1rem;
+
+ @include tablet {
+ margin-left: 1rem;
+ margin-top: 0;
+ }
+ }
+ }
+ }
+ }
+
+ > .dd-padding {
+ padding-left: 6.5rem;
+ }
+ }
+
+ dl.active {
+ border-color: #000;
+ }
+
+ dl.private {
+ &:hover {
+ border-color: #dedede;
+ }
+
+ dt {
+ cursor: default;
+
+ &:after {
+ content: none;
+ }
+
+ &:hover {
+ }
+
+ > p {
+ span {
+ color: #9ea1a2;
+ }
+ }
+ }
+ }
+
+ dl + dl {
+ margin-top: 1rem;
+ }
+ }
+
+ .noList {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 14rem;
+
+ border: 1px solid #dedede;
+ border-radius: 0.6rem;
+ font-size: 1.8rem;
+ color: #9ea1a2;
+
+ @include tablet {
+ font-size: 2rem;
+ }
+ }
+ }
+ }
+ }
+}
+
+.listbtnWarp {
+ width: 100%;
+ margin: 0 auto;
+ padding: 0 2rem;
+
+ @include desktopMin {
+ width: 16rem;
+ }
+
+ a::before,
+ a::after {
+ width: 3.2rem;
+
+ @include desktopMin {
+ width: 3.2rem;
+ }
+ }
+}
+
+.pdpDisplayThemeSwiper {
+ .swiper-wrapper {
+ transition-timing-function: linear;
+ }
+}
+
+.displayTheme {
+ .visualBg {
+ position: absolute;
+ width: 100%;
+ max-width: 192rem;
+
+ @include maxdesktop {
+ overflow: hidden;
+ height: 76rem;
+ }
+
+ @media (max-width: 820px) {
+ height: 62rem;
+ }
@include maxtablet {
- margin-top: 2rem;
+ height: 76rem;
}
- }
- & + .item {
+ @include maxmobile {
+ height: 71rem;
+ }
+
+ img {
+ width: auto;
+ object-fit: cover;
+ object-position: center;
+
+ @include maxdesktop {
+ width: 100%;
+ object-fit: initial;
+ object-position: initial;
+ }
+
+ &.mobile {
+ display: none;
+ }
+
+ @include maxdesktop {
+ &.web {
+ display: none;
+ }
+
+ &.mobile {
+ display: block;
+ object-fit: initial;
+ height: auto;
+ }
+ }
+ }
+
+ &:after {
+ content: "";
+ display: none;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ width: 100%;
+ height: 60%;
+ background: rgb(255, 255, 255);
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%);
+ }
+ }
+
+ &.comp_wide {
+ .comp_body {
+ &.layer_up {
+ .text_area {
+ margin-top: 5.2rem;
+
+ @include maxtablet {
+ margin-top: 6rem !important;
+ }
+ }
+ }
+
+ .text_area {
+ @include maxtablet {
+ margin-top: 3rem !important;
+
+ h3 {
+ font-size: 3rem;
+ }
+
+ .info {
+ font-size: 1.4rem;
+ }
+ }
+ }
+ }
+
+ .comp_bottom {
+ display: flex;
+ align-items: center;
+ position: relative;
+ z-index: 2;
+ // max-height: 26rem;
+
+ @include maxdesktop {
+ // max-height: 22rem;
+ padding: 3rem 0;
+ }
+
+ @include maxtablet {
+ // max-height: 22rem;
+ padding: 2rem 0;
+ }
+
+ &.thumb-swiper {
+ overflow: hidden;
+ flex-wrap: wrap;
+ padding: 17rem 0 0;
+
+ .com_bottm_inner {
+ padding: 3.4rem 0;
+ background-color: rgba(0, 0, 0, 0.8);
+ }
+
+ @include maxtablet {
+ padding: 31.2rem 0 0;
+
+ .com_bottm_inner {
+ padding: 2.4rem 0;
+ }
+ }
+ }
+
+ .com_bottm_inner {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ height: 100%;
+
+ @include maxdesktop {
+ padding: 3rem 0;
+ }
+
+ @include maxtablet {
+ padding: 2.5rem 0;
+ }
+
+ .swiper {
+ overflow: visible;
+ width: 100%;
+ padding: 0 10rem;
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ top: -4rem;
+ bottom: -4rem;
+ left: 0;
+ z-index: 2;
+ width: 10rem;
+ background: rgb(0, 0, 0);
+ background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
+ }
+
+ &:after {
+ left: auto;
+ right: 0;
+ background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
+ }
+
+ @include maxtablet {
+ &:before,
+ &:after {
+ display: none;
+ }
+ }
+
+ @media (max-width: 1200px) {
+ padding-right: 2rem;
+ }
+
+ .swiper-wrapper {
+ width: 100%;
+ transition-timing-function: linear;
+
+ .swiper-slide {
+ width: 11.6rem !important;
+ padding: 6px;
+ border: 2px solid transparent;
+ cursor: pointer;
+
+ @include maxtablet {
+ width: 12rem !important;
+ padding: 0.8rem;
+ }
+
+ &:first-child {
+ @media (max-width: 1240px) {
+ margin-left: 2rem;
+ }
+ }
+
+ img {
+ max-width: 100%;
+ }
+
+ p {
+ margin-top: 0.3rem;
+ font-size: 1.2rem;
+ font-weight: 400;
+ color: #fff;
+ text-transform: uppercase;
+ text-align: left;
+
+ @media (max-width: 768px) {
+ margin-top: 0.5rem;
+ }
+ }
+
+ &.selected {
+ border: 2px dashed rgba(255, 255, 255, 0.5);
+ }
+
+ &.active {
+ border: 2px solid #f8c40c;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .comp_top {
+ z-index: 2;
+
+ // height: 10rem;
+ .comp_body {
+ .text_area {
+ // display: flex;
+ h3 {
+ font-size: 3rem;
+ margin-bottom: 1rem;
+ }
+
+ .info {
+ font-size: 1.6rem;
+ }
+
+ > * {
+ flex: 1;
+ }
+ }
+ }
+ }
+
+ .comp_md {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 48rem;
+ background-color: rgba(0, 0, 0, 0);
+
+ @include maxtablet {
+ height: 3rem;
+ }
+ }
+
+ &.type2 {
+ .comp_bottom {
+ background-color: transparent;
+
+ .com_bottm_inner {
+ .thumb-wrap {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.4rem 2rem;
+ width: 100%;
+ max-width: 118rem;
+ margin: 0 auto;
+
+ .dtthumb {
+ width: 13rem;
+ }
+
+ .img-area {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 13rem;
+ height: 12rem;
+ background-color: #fff;
+ border-radius: 0.8rem;
+ }
+
+ p {
+ font-size: 1.4rem;
+ font-weight: 600;
+ color: #fff;
+ text-transform: uppercase;
+ }
+ }
+ }
+ }
+ }
+
+ .dtlImgs {
+ position: relative;
+ padding-top: 7.2rem;
+
+ @include maxtablet {
+ padding-top: 7.2rem;
+ }
+
+ .item {
+ transition: opacity 0.2s;
+
+ .text_area {
+ margin-top: 4rem;
+
+ @include maxtablet {
+ margin-top: 2rem;
+ }
+ }
+
+ & + .item {
+ margin-top: 8rem;
+
+ @include maxtablet {
+ margin-top: 5rem;
+ }
+ }
+
+ &.change {
+ opacity: 0;
+ }
+ }
+ }
+
+ & + .comp_1x_b_v_s_b {
+ position: relative;
+ z-index: 2;
+ margin-top: 0;
+
+ @include maxtablet {
+ margin-top: 4rem;
+ }
+
+ .image_area {
+ height: auto;
+ }
+ }
+
+ .comp_body .swiper-slide .text_area h5 {
+ font-size: 3rem;
+
+ @include maxtablet {
+ font-size: 2rem;
+ }
+ }
+
+ &.welcome-goodbye {
margin-top: 8rem;
- @include maxtablet {
- margin-top: 5rem;
+ .comp_body {
+ & + .comp_body {
+ margin-top: 10rem;
+ }
+
+ .text_area {
+ margin-bottom: 2rem;
+ }
+
+ video {
+ width: 100%;
+ }
}
- }
-
- &.change {
- opacity: 0;
- }
}
- }
-
- & + .comp_1x_b_v_s_b {
- position: relative;
- z-index: 2;
- margin-top: 0;
-
- @include maxtablet {
- margin-top: 4rem;
- }
-
- .image_area {
- height: auto;
- }
- }
-
- .comp_body .swiper-slide .text_area h5 {
- font-size: 3rem;
-
- @include maxtablet {
- font-size: 2rem;
- }
- }
-
- &.welcome-goodbye {
- margin-top: 8rem;
-
- .comp_body {
- & + .comp_body {
- margin-top: 10rem;
- }
-
- .text_area {
- margin-bottom: 2rem;
- }
-
- video {
- width: 100%;
- }
- }
- }
}
.displayThemeDtl {
- .swiper-navigation {
- > * {
- top: 210px;
- left: -65px;
- width: 5rem;
- height: 5rem;
- border-radius: 50%;
- background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
+ .swiper-navigation {
+ > * {
+ top: 210px;
+ left: -65px;
+ width: 5rem;
+ height: 5rem;
+ border-radius: 50%;
+ background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
- &:after {
- display: none;
- }
+ &:after {
+ display: none;
+ }
+ }
+
+ .swiper-button-next {
+ left: auto;
+ right: -65px;
+ transform: rotate(180deg);
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
}
- .swiper-button-next {
- left: auto;
- right: -65px;
- transform: rotate(180deg);
+ .swiper-pagination {
+ top: 46.4rem;
+
+ // top:36.4vw;
+ @media (max-width: 1200px) {
+ top: 36.4vw;
+ }
+
+ @include maxtablet {
+ // top: 14.4rem;
+ }
+
+ .swiper-pagination-bullet {
+ opacity: 1;
+ width: 5.6rem;
+ height: 0.4rem;
+ border-radius: 0;
+ background-color: #e9e9e9;
+
+ &.swiper-pagination-bullet-active {
+ background-color: #000;
+ }
+ }
}
-
- @media (max-width: 1200px) {
- display: none;
- }
- }
-
- .swiper-pagination {
- top: 46.4rem;
-
- // top:36.4vw;
- @media (max-width: 1200px) {
- top: 36.4vw;
- }
-
- @include maxtablet {
- // top: 14.4rem;
- }
-
- .swiper-pagination-bullet {
- opacity: 1;
- width: 5.6rem;
- height: 0.4rem;
- border-radius: 0;
- background-color: #e9e9e9;
-
- &.swiper-pagination-bullet-active {
- background-color: #000;
- }
- }
- }
}
.inCarGame {
- &.comp_1x_w_v_o_b {
- .image_area {
- @include maxtablet {
- overflow: hidden;
- height: auto;
- }
+ &.comp_1x_w_v_o_b {
+ .image_area {
+ @include maxtablet {
+ overflow: hidden;
+ height: auto;
+ }
+ }
}
- }
- .comp_top.title-area {
+ .comp_top.title-area {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ }
+
+ .visualBg {
+ position: absolute;
+ width: 100%;
+ max-width: 192rem;
+
+ img {
+ width: 100%;
+
+ &.mobile {
+ display: none;
+ }
+
+ @include maxtablet {
+ &.web {
+ display: none;
+ }
+
+ &.mobile {
+ display: block;
+ object-fit: initial;
+ height: auto;
+ }
+ }
+ }
+
+ &.swiper {
+ position: relative;
+
+ .swiper-pagination {
+ bottom: 3rem;
+
+ .swiper-pagination-bullet {
+ opacity: 1;
+ width: 5.6rem;
+ height: 0.4rem;
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.5);
+
+ @include maxtablet {
+ width: 3rem;
+ height: 0.3rem;
+ }
+
+ &.swiper-pagination-bullet-active {
+ background-color: rgba(255, 255, 255, 1);
+ }
+ }
+ }
+
+ .image_area {
+ img {
+ object-fit: cover;
+ }
+ }
+ }
+
+ // &:after {
+ // content:"";
+ // display: block;
+ // position: absolute;
+ // bottom:0;
+ // left:0;
+ // z-index: 2;
+ // width: 100%;
+ // height: 60%;
+ // background: rgb(255,255,255);
+ // background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%);
+ // }
+ }
+
+ &.comp_wide {
+ .comp_body {
+ &.layer_up {
+ .text_area {
+ margin-top: 7rem;
+
+ .info {
+ line-height: 1.5;
+
+ br {
+ display: none;
+
+ @include maxtablet {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ .text_area {
+ @include maxtablet {
+ margin-top: 6rem;
+
+ h3 {
+ font-size: 3rem;
+ line-height: 4rem;
+ }
+
+ .info {
+ font-size: 1.4rem;
+ }
+ }
+ }
+ }
+
+ .comp_bottom {
+ display: flex;
+ align-items: center;
+ position: relative;
+ z-index: 2;
+ // max-height: 26rem;
+ padding: 4rem 0;
+ margin-top: 8rem;
+ background-color: rgba(0, 0, 0, 1);
+
+ @include maxdesktop {
+ // max-height: 22rem;
+ padding: 3rem 0;
+ }
+
+ @include maxtablet {
+ // max-height: 22rem;
+ padding: 0;
+ margin-top: 4rem;
+ }
+
+ .com_bottm_inner {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ height: 100%;
+
+ @include maxdesktop {
+ padding: 3rem 0;
+ }
+
+ @include maxtablet {
+ padding: 2.5rem 0;
+ }
+
+ .swiper {
+ width: 100%;
+ padding: 0 10rem;
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ width: 10rem;
+ height: 100%;
+ background: rgb(0, 0, 0);
+ background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
+ }
+
+ &:after {
+ left: auto;
+ right: 0;
+ background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
+ }
+
+ @include maxtablet {
+ &:before,
+ &:after {
+ display: none;
+ }
+ }
+
+ @media (max-width: 1200px) {
+ padding-right: 2rem;
+ }
+
+ .swiper-wrapper {
+ width: 100%;
+ transition-timing-function: linear;
+
+ .swiper-slide {
+ width: 16.6rem !important;
+ padding: 6px;
+ border: 2px solid transparent;
+ cursor: pointer;
+
+ @include maxtablet {
+ width: 18rem !important;
+ padding: 0.8rem;
+ }
+
+ &:first-child {
+ @media (max-width: 1240px) {
+ margin-left: 2rem;
+ }
+ }
+
+ img {
+ max-width: 100%;
+ }
+
+ p {
+ margin-top: 0.3rem;
+ font-size: 1.4rem;
+ font-weight: 400;
+ color: #fff;
+ text-transform: uppercase;
+ text-align: left;
+
+ @media (max-width: 768px) {
+ margin-top: 0.5rem;
+ }
+ }
+
+ &.active {
+ border-color: #fff;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .comp_top {
+ z-index: 2;
+ // height: 46rem;
+ // height: 340px;
+ // max-height: 529px;
+
+ // @include maxtablet {
+ // height: 43.9rem;
+ // }
+
+ .comp_body {
+ .text_area {
+ // display: flex;
+ h3 {
+ margin-bottom: 2rem;
+ }
+
+ > * {
+ flex: 1;
+ }
+ }
+ }
+ }
+
+ .comp_md {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 48rem;
+ background-color: rgba(0, 0, 0, 0);
+
+ @include maxtablet {
+ height: 3rem;
+ }
+ }
+
+ &.type2 {
+ .comp_bottom {
+ background-color: transparent;
+
+ .com_bottm_inner {
+ .thumb-wrap {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.4rem 2rem;
+ width: 100%;
+ max-width: 118rem;
+ margin: 0 auto;
+
+ .dtthumb {
+ width: 13rem;
+ }
+
+ .img-area {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 13rem;
+ height: 12rem;
+ background-color: #fff;
+ border-radius: 0.8rem;
+ }
+
+ p {
+ font-size: 1.4rem;
+ font-weight: 600;
+ color: #fff;
+ text-transform: uppercase;
+ }
+ }
+ }
+ }
+ }
+
+ .dtlImgs {
+ .item {
+ transition: opacity 0.2s;
+
+ .text_area {
+ margin-top: 4rem;
+
+ @include maxtablet {
+ margin-top: 2rem;
+ }
+ }
+
+ & + .item {
+ margin-top: 8rem;
+
+ @include maxtablet {
+ margin-top: 5rem;
+ }
+ }
+
+ &.change {
+ opacity: 0;
+ }
+ }
+ }
+
+ & + .comp_1x_b_v_s_b {
+ position: relative;
+ z-index: 2;
+ margin-top: 2rem;
+
+ @include maxtablet {
+ margin-top: 7.5rem;
+ }
+
+ .image_area {
+ height: auto;
+ border-radius: 0.8rem;
+
+ img {
+ display: block;
+ border-radius: 0.8rem;
+ overflow: hidden;
+ }
+
+ @include maxtablet {
+ video {
+ width: 100%;
+ }
+ }
+ }
+
+ @include maxtablet {
+ margin-top: 3rem;
+ }
+
+ .dtlImgs {
+ .text_area {
+ display: none;
+ margin-top: 3.2rem;
+ }
+
+ @for $i from 0 through 12 {
+ &.theme#{$i} {
+ .text_theme#{$i} {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ &.comp_2x_b_h_s_e2 .comp_body .item .text_area {
+ margin-top: 0;
+ }
+
+ &.comp_wide.comp_2x_b_h_s_e2 {
+ margin-top: 20rem;
+
+ @include maxtablet {
+ margin-top: 10rem;
+ }
+ }
+
+ .comp_body .swiper-slide .text_area h5 {
+ font-size: 3rem;
+
+ @include maxtablet {
+ font-size: 2rem;
+ }
+ }
+
+ .inCarGameDtl {
+ overflow: hidden;
+ border-radius: 0.8rem;
+
+ .swiper-slide {
+ cursor: pointer;
+ }
+ }
+
+ .inCarGameDtlThumb {
+ margin-top: 0.7rem;
+
+ .swiper-slide {
+ overflow: hidden;
+ position: relative;
+ height: 14.85rem;
+ border-radius: 0.8rem;
+
+ @include maxtablet {
+ height: 4.5rem;
+ border-radius: 0.4rem;
+ }
+
+ cursor: pointer;
+
+ &.video-slideThumb {
+ &:before {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 2;
+ transform: translate(-50%, -50%);
+ width: 60px;
+ height: 61px;
+ background: url(../images/kia/pdp/in_car_game/btn_play.png) no-repeat center / contain;
+
+ @include maxtablet {
+ width: 30px;
+ height: 31px;
+ opacity: 0.75;
+ }
+ }
+
+ &.theme5 {
+ &::before {
+ display: none;
+ }
+ }
+ }
+
+ img {
+ display: block;
+ max-width: 100%;
+ overflow: hidden;
+ }
+
+ video {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ z-index: 1;
+ width: 100%;
+ }
+
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 3;
+ width: 100%;
+ height: 100%;
+ border-radius: 0.8rem;
+ background-color: rgba(0, 0, 0, 0.7);
+ }
+
+ &.swiper-slide-thumb-active {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+}
+
+.tooltip {
+ display: flex;
+ align-items: center;
position: absolute;
- top: 0;
+ top: -8.5rem;
+ left: 0;
+ z-index: 10;
+ width: 27.6rem;
+ height: 7.2rem;
+ padding: 0 0 0 1.6rem;
+ font-size: 1.2rem;
+ color: #05141f;
+ line-height: 2rem;
+ border: 1px solid #000;
+ border-radius: 0.4rem;
+ background-color: #fff;
+
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: -0.9rem;
+ left: 2.4rem;
+ width: 1.5rem;
+ height: 0.9rem;
+ background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain;
+ }
+
+ .btn-close {
+ position: absolute;
+ top: 1.6rem;
+ right: 1.6rem;
+ width: 1.6rem;
+ height: 1.6rem;
+ background: url("../images/kia/pdp/display_theme/ico_close.png") no-repeat center / contain;
+ text-indent: -9999em;
+ cursor: pointer;
+ }
+}
+
+.theme-story {
+ display: flex;
+ align-items: center;
+ column-gap: 1.6rem;
+ position: absolute;
+ top: 1.4rem;
left: 0;
width: 100%;
- }
+ max-width: 120rem;
+ margin: 0 auto;
- .visualBg {
- position: absolute;
- width: 100%;
- max-width: 192rem;
+ @include maxdesktop {
+ overflow-x: auto;
+ padding: 0 2rem;
+ }
- img {
- width: 100%;
+ @include maxtablet {
+ top: 0;
+ }
- &.mobile {
+ .tooltip {
display: none;
- }
-
- @include maxtablet {
- &.web {
- display: none;
- }
-
- &.mobile {
- display: block;
- object-fit: initial;
- height: auto;
- }
- }
}
- &.swiper {
- position: relative;
+ .btn-dtthumb {
+ position: relative;
- .swiper-pagination {
- bottom: 3rem;
-
- .swiper-pagination-bullet {
- opacity: 1;
- width: 5.6rem;
- height: 0.4rem;
- border-radius: 0;
- background-color: rgba(255, 255, 255, 0.5);
-
- @include maxtablet {
- width: 3rem;
- height: 0.3rem;
- }
-
- &.swiper-pagination-bullet-active {
- background-color: rgba(255, 255, 255, 1);
- }
- }
- }
-
- .image_area {
- img {
- object-fit: cover;
- }
- }
- }
-
- // &:after {
- // content:"";
- // display: block;
- // position: absolute;
- // bottom:0;
- // left:0;
- // z-index: 2;
- // width: 100%;
- // height: 60%;
- // background: rgb(255,255,255);
- // background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%);
- // }
- }
-
- &.comp_wide {
- .comp_body {
- &.layer_up {
- .text_area {
- margin-top: 7rem;
-
- .info {
- line-height: 1.5;
-
- br {
- display: none;
-
- @include maxtablet {
- display: block;
- }
+ &.active {
+ .dtthumb {
+ border-color: rgba(248, 196, 12, 1);
+ background-color: rgba(253, 224, 68, 0.5);
}
- }
}
- }
-
- .text_area {
- @include maxtablet {
- margin-top: 6rem;
-
- h3 {
- font-size: 3rem;
- line-height: 4rem;
- }
-
- .info {
- font-size: 1.4rem;
- }
- }
- }
}
- .comp_bottom {
- display: flex;
- align-items: center;
- position: relative;
- z-index: 2;
- // max-height: 26rem;
- padding: 4rem 0;
- margin-top: 8rem;
- background-color: rgba(0, 0, 0, 1);
-
- @include maxdesktop {
- // max-height: 22rem;
- padding: 3rem 0;
- }
-
- @include maxtablet {
- // max-height: 22rem;
- padding: 0;
- margin-top: 4rem;
- }
-
- .com_bottm_inner {
+ .dtthumb {
display: flex;
- justify-content: center;
align-items: center;
+ width: 15.5rem;
+ height: 4.4rem;
+ padding: 0 0 0 0.8rem;
+ font-size: 1.2rem;
+ color: #fff;
+ border: 1px solid #fff;
+ border-radius: 2.2rem;
+ background-color: rgba(236, 221, 193, 0.5);
+ text-align: left;
+ cursor: pointer;
+
+ img {
+ display: block;
+ width: 3rem;
+ height: 3rem;
+ margin-right: 0.8rem;
+ border-radius: 50%;
+ }
+
+ @include maxtablet {
+ width: 7.4rem;
+
+ p {
+ display: none;
+ }
+ }
+ }
+
+ .btn-remove {
+ position: absolute;
+ top: 50%;
+ right: 0.6rem;
+ width: 2.4rem;
+ height: 2.4rem;
+ margin-top: -1.2rem;
+ background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto;
+ text-indent: -9999em;
+ cursor: pointer;
+ }
+}
+
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label {
+ height: auto;
+ padding: 2rem 2rem 2rem 0;
+
+ &:before {
+ display: none;
+ }
+
+ strong {
+ font-size: 1.6rem;
+
+ span {
+ font-size: 1.6rem;
+ }
+ }
+
+ span {
+ color: #aaa !important;
+ font-size: 1.4rem;
+ }
+}
+
+.comp_wide.comp_2x_b_h_s_e2 {
+ position: relative;
+ z-index: 2;
+}
+
+.streamingPremium {
+ .mobile {
+ display: none;
+ }
+
+ @include maxtablet {
+ .web {
+ display: none;
+ }
+
+ .mobile {
+ display: block;
+ object-fit: initial;
+ height: auto;
+ }
+ }
+
+ &.comp_1x_b_v_s_b {
+ margin-top: 4rem;
+
+ @include maxmobile {
+ margin-top: 2rem;
+ }
+
+ .mt-12 {
+ margin-top: 12rem;
+
+ @include maxmobile {
+ margin-top: 6rem;
+ }
+ }
+
+ .mb-2 {
+ margin-bottom: 2rem;
+
+ @include maxmobile {
+ margin-top: 1rem;
+ }
+ }
+ }
+
+ &.comp_1x_w_v_o_b {
+ .image_area {
+ @include maxtablet {
+ overflow: hidden;
+ height: auto;
+ }
+ }
+ }
+
+ .visualBg {
+ overflow: hidden;
position: relative;
width: 100%;
- height: 100%;
-
- @include maxdesktop {
- padding: 3rem 0;
- }
+ max-width: 192rem;
+ max-height: 70rem;
@include maxtablet {
- padding: 2.5rem 0;
+ max-height: auto;
}
- .swiper {
- width: 100%;
- padding: 0 10rem;
+ img {
+ width: 100%;
+ }
+ }
- &:before,
- &:after {
+ &.comp_wide {
+ .comp_body {
+ &.layer_up {
+ .text_area {
+ margin-top: 7rem;
+
+ .info {
+ line-height: 1.5;
+
+ br {
+ display: none;
+
+ @include maxtablet {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ .text_area {
+ @include maxtablet {
+ margin-top: 3rem;
+
+ h3 {
+ font-size: 3rem;
+ line-height: 4rem;
+ }
+
+ .info {
+ font-size: 1.4rem;
+ }
+ }
+ }
+
+ .refund-table {
+ .text_area {
+ margin-top: 0;
+ }
+ }
+
+ .table-area {
+ margin-bottom: 12rem;
+
+ @include maxtablet {
+ margin-bottom: 5rem;
+ }
+
+ .index {
+ padding: 1.6rem 0 1rem;
+ font-size: 1.4rem;
+ color: #676767;
+ text-align: right;
+ }
+
+ table {
+ width: 100%;
+ border-top: 1px solid #999;
+
+ th {
+ height: 7.6rem;
+ padding: 0 1rem;
+ font-size: 1.6rem;
+ font-weight: 600;
+ vertical-align: middle;
+ text-align: center;
+
+ @include maxtablet {
+ font-size: 1.4rem;
+ }
+ }
+
+ tbody {
+ border-top: 1px solid #dedede;
+ border-bottom: 1px solid #dedede;
+
+ td {
+ padding: 1rem;
+ font-size: 1.4rem;
+ font-weight: 400;
+ text-align: center;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &.comp_1x_b_v_s_b {
+ .image_area {
+ height: auto;
+ }
+ }
+
+ .comp_top {
+ z-index: 2;
+
+ // height: 70rem;
+ // @include maxtablet{
+ // height: 43.9rem;
+ // }
+ .comp_body {
+ .text_area {
+ // display: flex;
+ h3 {
+ margin-bottom: 2rem;
+ }
+
+ > * {
+ flex: 1;
+ }
+ }
+ }
+ }
+
+ .comp_md {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ height: 48rem;
+ background-color: rgba(0, 0, 0, 0);
+
+ @include maxtablet {
+ height: 3rem;
+ }
+ }
+
+ .spec-area {
+ padding: 6rem 0 16rem;
+
+ @include maxmobile {
+ padding: 3rem 0 8rem;
+ }
+ }
+}
+
+.comp_wide {
+ &.title-only {
+ & + .comp_wide {
+ margin-top: 4rem;
+ }
+ }
+
+ .between {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+}
+
+.editorWarp {
+ .visualBg {
+ img {
+ width: 100%;
+ object-fit: cover;
+ object-position: center;
+
+ @include maxdesktop {
+ width: 100%;
+ object-fit: initial;
+ object-position: initial;
+ }
+
+ &.mobile {
+ display: none;
+ }
+
+ @include maxdesktop {
+ &.web {
+ display: none;
+ }
+
+ &.mobile {
+ display: block;
+ object-fit: initial;
+ height: auto;
+ }
+ }
+ }
+ }
+
+ .video_wrap {
+ display: none;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ // height: 108rem;
+ // transform: translateY(-36rem);
+ padding-top: 56.25%;
+ z-index: 4;
+ background: rgba(0, 0, 0, 0.9);
+ opacity: 1;
+ transition: all 0.3s ease;
+
+ .video-area {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 80%;
+ max-width: 120rem;
+ aspect-ratio: 16/9;
+
+ .video {
+ width: 100%;
+ height: 100%;
+ background: #000;
+
+ .youtube-box {
+ width: 100%;
+ height: 100%;
+ }
+
+ iframe {
+ width: 100%;
+ height: 100%;
+ }
+
+ // video {
+ // display: block;
+ // width: 100%;
+ // height: 100%;
+ // visibility: visible;
+
+ // &[poster] {
+ // height: 100%;
+ // width: 100%;
+ // }
+ // }
+
+ // .video-ctrl {
+ // display: flex;
+ // align-items: center;
+ // justify-content: center;
+ // position: absolute;
+ // top: 50%;
+ // left: 50%;
+ // transform: translate(-50%, -50%);
+ // gap: 4rem;
+ // }
+
+ .btn-play {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 8rem;
+ height: 8rem;
+ background: url(../images/kia/contents/ico_play.png?v1) no-repeat center / 100% auto;
+ text-indent: -9999em;
+ cursor: pointer;
+
+ &.pause {
+ display: none;
+ background: url(../images/kia/contents/ico_pause.png?v1) no-repeat center / 100% auto;
+ }
+
+ &.play {
+ display: block;
+ }
+
+ @include maxmobile {
+ width: 4rem;
+ height: 4rem;
+ }
+ }
+
+ .btn-sound {
+ display: none;
+ position: absolute;
+ bottom: 3rem;
+ right: 3rem;
+ width: 4rem;
+ height: 4rem;
+ background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto;
+ text-indent: -9999em;
+ cursor: pointer;
+
+ &.off {
+ background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto;
+ }
+
+ &.on {
+ background: url(../images/kia/contents/ico_sound_on.png?v1) no-repeat center / 100% auto;
+ }
+
+ @include maxmobile {
+ bottom: 1.5rem;
+ right: 1.5rem;
+ width: 2rem;
+ height: 2rem;
+ }
+ }
+ }
+
+ @include maxtablet {
+ width: 100%;
+
+ .video {
+ border: 1.5rem solid #000;
+ border-bottom-width: 1.5rem;
+ }
+ }
+ }
+
+ .btn-close {
+ position: absolute;
+ top: -4rem;
+ right: -16rem;
+ z-index: 10;
+ width: 14rem;
+ height: 14rem;
+ background-color: transparent;
+ border: none;
+ text-indent: -9999em;
+ cursor: pointer;
+
+ @media (max-width: 1024px) {
+ top: -7rem;
+ right: -12rem;
+ width: 10rem;
+ height: 10rem;
+ }
+
+ @include maxtablet {
+ top: -7rem;
+ right: 0;
+ width: 6rem;
+ height: 6rem;
+ }
+
+ // @include maxmobile{
+ // top:-6rem;
+ // right:-16rem;
+ // width: 14rem;
+ // height: 14rem;
+ // }
+ }
+
+ .btn-close::before,
+ .btn-close::after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 9.2rem;
+ height: 2px;
+ background-color: #fff;
+
+ @media (max-width: 1024px) {
+ width: 7rem;
+ }
+
+ @include maxtablet {
+ width: 4rem;
+ }
+ }
+
+ .btn-close::before {
+ transform: translate(-50%, -50%) rotate(45deg);
+ }
+
+ .btn-close::after {
+ transform: translate(-50%, -50%) rotate(-45deg);
+ }
+
+ &.played {
+ .video {
+ .btn-sound {
+ display: block;
+ }
+
+ &:hover {
+ .video-ctrl {
+ .btn-play {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ &.paused {
+ .btn-play,
+ .btn-sound {
+ display: block !important;
+ }
+
+ .video {
+ &:hover {
+ .video-ctrl {
+ .btn-play {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ // .btn-close {
+ // position: absolute;
+ // top: 2rem;
+ // right: 2rem;
+ // z-index: 1;
+ // width: 6rem;
+ // height: 6rem;
+ // background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain;
+ // cursor: pointer;
+ // text-indent: -9999em;
+ // @include maxtablet{
+ // top: 1rem;
+ // right: 1rem;
+ // width: 4rem;
+ // height: 4rem;
+ // }
+ // }
+ @include maxtablet {
+ height: 56rem;
+ }
+
+ @include maxmobile {
+ height: 40rem;
+ }
+ }
+
+ .close-today {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ bottom: 8.2rem;
+ width: 100%;
+ font-size: 1.6rem;
+ color: #fff;
+ font-weight: 600;
+ transition: all 0.2s ease;
+
+ span {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+
+ input {
+ margin-right: 0.4rem;
+ }
+
+ &:before {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ label {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ input {
+ margin-right: 0.4rem;
+ }
+ }
+
+ @media (max-width: 1780px) {
+ bottom: 4rem;
+ }
+
+ @media (max-width: 1024px) {
+ bottom: 2rem;
+ }
+
+ @include maxmobile {
+ bottom: 3.5rem;
+ font-size: 1.2rem;
+ }
+ }
+
+ .btn-intro {
+ display: none;
+ align-items: center;
+ position: absolute;
+ top: 5rem;
+ right: 3rem;
+ z-index: 3;
+ font-size: 1.4rem;
+ font-weight: 600;
+ color: #000;
+ cursor: pointer;
+
+ @include maxtablet {
+ top: 2rem;
+ right: 1.6rem;
+ }
+
+ &:before {
+ content: "";
+ display: block;
+ width: 2.8rem;
+ height: 2.8rem;
+ margin-right: 0.5rem;
+ box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
+ border-radius: 50%;
+ background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem auto;
+ text-indent: -9999em;
+ cursor: pointer;
+ }
+ }
+
+ &.playing {
+ .comp_body.layer_up,
+ .thumb-swiper,
+ .pdpInCarGameSwiper,
+ .displayThemeDtl,
+ .inCarGameDtl,
+ .srsPlus .visualBg {
+ filter: blur(2px);
+ }
+
+ .displayThemeDtl {
+ opacity: 0;
+ }
+
+ @media (max-width: 1700px) {
+ .displayThemeDtl {
+ filter: blur(0);
+ }
+ }
+ }
+
+ .srsPlus {
+ .close-today {
+ bottom: 13rem;
+ }
+
+ @media (max-width: 1920px) {
+ .close-today {
+ bottom: 2vw;
+ }
+ }
+ }
+
+ .visualBg {
+ .swiper-navigation {
+ display: flex;
+ justify-content: space-between;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 10;
+ width: 100%;
+ max-width: 140rem;
+ height: 0;
+ transform: translate(-50%, -50%);
+
+ @include maxmobile {
+ max-width: 92%;
+ }
+ }
+
+ .swiper-button-next,
+ .swiper-button-prev {
+ position: static;
+ width: 1.8rem;
+ height: 3.6rem;
+ margin: 0;
+ background: url(../images/common/ico_arrow_r.png) no-repeat center / contain;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ .swiper-button-prev {
+ background: url(../images/common/ico_arrow_l.png) no-repeat center / contain;
+ }
+ }
+
+ .bu {
+ display: block;
+ padding-left: 5.4rem;
+ text-indent: -2rem;
+
+ @include maxmobile {
+ padding-left: 2rem;
+ }
+ }
+}
+
+.boost {
+ &.comp_1x_w_v_s_e1 {
+ .bottom {
+ &:before {
+ background-color: rgba(5, 20, 31, 1);
+ }
+
+ .contents_area {
+ .image_area {
+ margin-top: 0;
+ }
+ }
+ }
+
+ .contents_area {
+ padding-top: 7rem;
+
+ @include maxmobile {
+ padding-top: 4rem;
+ }
+ }
+ }
+
+ &.comp_1x_b_h_s_e1 {
+ @include maxmobile {
+ margin-top: 6rem;
+ }
+ }
+
+ &.comp_1x_w_v_s_e2 {
+ @include maxmobile {
+ margin-top: 6rem;
+ }
+
+ .comp_body {
+ &.full {
+ flex-wrap: wrap;
+ }
+ }
+
+ .image_area {
+ max-width: 120rem;
+ height: auto;
+ padding-top: 5rem;
+ margin: 0 auto;
+
+ @include maxmobile {
+ padding-top: 3rem;
+ }
+
+ img {
+ height: auto;
+ object-fit: inherit;
+ border-radius: 0.6rem;
+ }
+ }
+ }
+}
+
+.pdpDtl {
+ .swiper-navigation {
+ > * {
+ top: 210px;
+ left: -65px;
+ width: 5rem;
+ height: 5rem;
+ border: 1px solid #d3d3d3;
+ border-radius: 50%;
+ background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ .swiper-button-next {
+ left: auto;
+ right: -65px;
+ transform: rotate(180deg);
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
+ }
+
+ .swiper-pagination {
+ position: static;
+ top: 46.4rem;
+
+ // top:36.4vw;
+ @media (max-width: 1200px) {
+ top: 36.4vw;
+ }
+
+ .swiper-pagination-bullet {
+ opacity: 1;
+ width: 5.6rem;
+ height: 0.4rem;
+ border-radius: 0;
+ background-color: #e9e9e9;
+
+ &.swiper-pagination-bullet-active {
+ background-color: #000;
+ }
+ }
+ }
+}
+
+.scroll_area {
+ @include maxtablet {
+ }
+
+ .web {
+ display: block;
+
+ @include maxtablet {
+ display: none;
+ }
+ }
+
+ .mobile {
+ display: none;
+ position: relative;
+ padding-top: 3rem;
+
+ &:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
- z-index: 2;
- width: 10rem;
- height: 100%;
- background: rgb(0, 0, 0);
- background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
- }
-
- &:after {
- left: auto;
- right: 0;
- background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%);
- }
-
- @include maxtablet {
- &:before,
- &:after {
- display: none;
- }
- }
-
- @media (max-width: 1200px) {
- padding-right: 2rem;
- }
-
- .swiper-wrapper {
width: 100%;
- transition-timing-function: linear;
-
- .swiper-slide {
- width: 16.6rem !important;
- padding: 6px;
- border: 2px solid transparent;
- cursor: pointer;
-
- @include maxtablet {
- width: 18rem !important;
- padding: 0.8rem;
- }
-
- &:first-child {
- @media (max-width: 1240px) {
- margin-left: 2rem;
- }
- }
-
- img {
- max-width: 100%;
- }
-
- p {
- margin-top: 0.3rem;
- font-size: 1.4rem;
- font-weight: 400;
- color: #fff;
- text-transform: uppercase;
- text-align: left;
-
- @media (max-width: 768px) {
- margin-top: 0.5rem;
- }
- }
-
- &.active {
- border-color: #fff;
- }
- }
- }
- }
- }
- }
- }
-
- .comp_top {
- z-index: 2;
- // height: 46rem;
- // height: 340px;
- // max-height: 529px;
-
- // @include maxtablet {
- // height: 43.9rem;
- // }
-
- .comp_body {
- .text_area {
- // display: flex;
- h3 {
- margin-bottom: 2rem;
+ height: 16px;
+ background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0 / contain;
}
- > * {
- flex: 1;
- }
- }
- }
- }
-
- .comp_md {
- position: absolute;
- z-index: 2;
- top: 0;
- height: 48rem;
- background-color: rgba(0, 0, 0, 0);
-
- @include maxtablet {
- height: 3rem;
- }
- }
-
- &.type2 {
- .comp_bottom {
- background-color: transparent;
-
- .com_bottm_inner {
- .thumb-wrap {
- display: flex;
- flex-wrap: wrap;
- gap: 1.4rem 2rem;
- width: 100%;
- max-width: 118rem;
- margin: 0 auto;
-
- .dtthumb {
- width: 13rem;
- }
-
- .img-area {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 13rem;
- height: 12rem;
- background-color: #fff;
- border-radius: 0.8rem;
- }
-
- p {
- font-size: 1.4rem;
- font-weight: 600;
- color: #fff;
- text-transform: uppercase;
- }
- }
- }
- }
- }
-
- .dtlImgs {
- .item {
- transition: opacity 0.2s;
-
- .text_area {
- margin-top: 4rem;
-
- @include maxtablet {
- margin-top: 2rem;
- }
- }
-
- & + .item {
- margin-top: 8rem;
-
- @include maxtablet {
- margin-top: 5rem;
- }
- }
-
- &.change {
- opacity: 0;
- }
- }
- }
-
- & + .comp_1x_b_v_s_b {
- position: relative;
- z-index: 2;
- margin-top: 2rem;
-
- @include maxtablet {
- margin-top: 7.5rem;
- }
-
- .image_area {
- height: auto;
- border-radius: 0.8rem;
-
- img {
- display: block;
- border-radius: 0.8rem;
- overflow: hidden;
- }
-
- @include maxtablet {
- video {
- width: 100%;
- }
- }
- }
-
- @include maxtablet {
- margin-top: 3rem;
- }
-
- .dtlImgs {
- .text_area {
- display: none;
- margin-top: 3.2rem;
- }
-
- @for $i from 0 through 12 {
- &.theme#{$i} {
- .text_theme#{$i} {
- display: block;
- }
- }
- }
- }
- }
-
- &.comp_2x_b_h_s_e2 .comp_body .item .text_area {
- margin-top: 0;
- }
-
- &.comp_wide.comp_2x_b_h_s_e2 {
- margin-top: 20rem;
-
- @include maxtablet {
- margin-top: 10rem;
- }
- }
-
- .comp_body .swiper-slide .text_area h5 {
- font-size: 3rem;
-
- @include maxtablet {
- font-size: 2rem;
- }
- }
-
- .inCarGameDtl {
- overflow: hidden;
- border-radius: 0.8rem;
-
- .swiper-slide {
- cursor: pointer;
- }
- }
-
- .inCarGameDtlThumb {
- margin-top: 0.7rem;
-
- .swiper-slide {
- overflow: hidden;
- position: relative;
- height: 14.85rem;
- border-radius: 0.8rem;
-
- @include maxtablet {
- height: 4.5rem;
- border-radius: 0.4rem;
- }
-
- cursor: pointer;
-
- &.video-slideThumb {
- &:before {
- content: "";
- display: block;
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 2;
- transform: translate(-50%, -50%);
- width: 60px;
- height: 61px;
- background: url(../images/kia/pdp/in_car_game/btn_play.png) no-repeat center / contain;
-
- @include maxtablet {
- width: 30px;
- height: 31px;
- opacity: 0.75;
- }
+ .header {
+ overflow: hidden;
+ flex: none;
+ width: 125px;
+ height: 460px;
+ background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0 / auto 100%;
}
- &.theme5 {
- &::before {
- display: none;
- }
- }
- }
+ .cont {
+ overflow: hidden;
+ overflow-x: auto;
+ height: 460px;
- img {
- display: block;
- max-width: 100%;
- overflow: hidden;
- }
-
- video {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- z-index: 1;
- width: 100%;
- }
-
- &:after {
- content: "";
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 3;
- width: 100%;
- height: 100%;
- border-radius: 0.8rem;
- background-color: rgba(0, 0, 0, 0.7);
- }
-
- &.swiper-slide-thumb-active {
- &:after {
- display: none;
- }
- }
- }
- }
-}
-
-.tooltip {
- display: flex;
- align-items: center;
- position: absolute;
- top: -8.5rem;
- left: 0;
- z-index: 10;
- width: 27.6rem;
- height: 7.2rem;
- padding: 0 0 0 1.6rem;
- font-size: 1.2rem;
- color: #05141f;
- line-height: 2rem;
- border: 1px solid #000;
- border-radius: 0.4rem;
- background-color: #fff;
-
- &:after {
- content: "";
- display: block;
- position: absolute;
- bottom: -0.9rem;
- left: 2.4rem;
- width: 1.5rem;
- height: 0.9rem;
- background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain;
- }
-
- .btn-close {
- position: absolute;
- top: 1.6rem;
- right: 1.6rem;
- width: 1.6rem;
- height: 1.6rem;
- background: url("../images/kia/pdp/display_theme/ico_close.png") no-repeat center / contain;
- text-indent: -9999em;
- cursor: pointer;
- }
-}
-
-.theme-story {
- display: flex;
- align-items: center;
- column-gap: 1.6rem;
- position: absolute;
- top: 1.4rem;
- left: 0;
- width: 100%;
- max-width: 120rem;
- margin: 0 auto;
-
- @include maxdesktop {
- overflow-x: auto;
- padding: 0 2rem;
- }
-
- @include maxtablet {
- top: 0;
- }
-
- .tooltip {
- display: none;
- }
-
- .btn-dtthumb {
- position: relative;
-
- &.active {
- .dtthumb {
- border-color: rgba(248, 196, 12, 1);
- background-color: rgba(253, 224, 68, 0.5);
- }
- }
- }
-
- .dtthumb {
- display: flex;
- align-items: center;
- width: 15.5rem;
- height: 4.4rem;
- padding: 0 0 0 0.8rem;
- font-size: 1.2rem;
- color: #fff;
- border: 1px solid #fff;
- border-radius: 2.2rem;
- background-color: rgba(236, 221, 193, 0.5);
- text-align: left;
- cursor: pointer;
-
- img {
- display: block;
- width: 3rem;
- height: 3rem;
- margin-right: 0.8rem;
- border-radius: 50%;
- }
-
- @include maxtablet {
- width: 7.4rem;
-
- p {
- display: none;
- }
- }
- }
-
- .btn-remove {
- position: absolute;
- top: 50%;
- right: 0.6rem;
- width: 2.4rem;
- height: 2.4rem;
- margin-top: -1.2rem;
- background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto;
- text-indent: -9999em;
- cursor: pointer;
- }
-}
-
-.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label {
- height: auto;
- padding: 2rem 2rem 2rem 0;
-
- &:before {
- display: none;
- }
-
- strong {
- font-size: 1.6rem;
-
- span {
- font-size: 1.6rem;
- }
- }
-
- span {
- color: #aaa !important;
- font-size: 1.4rem;
- }
-}
-
-.comp_wide.comp_2x_b_h_s_e2 {
- position: relative;
- z-index: 2;
-}
-
-.streamingPremium {
- .mobile {
- display: none;
- }
-
- @include maxtablet {
- .web {
- display: none;
- }
-
- .mobile {
- display: block;
- object-fit: initial;
- height: auto;
- }
- }
-
- &.comp_1x_b_v_s_b {
- margin-top: 4rem;
-
- @include maxmobile {
- margin-top: 2rem;
- }
-
- .mt-12 {
- margin-top: 12rem;
-
- @include maxmobile {
- margin-top: 6rem;
- }
- }
-
- .mb-2 {
- margin-bottom: 2rem;
-
- @include maxmobile {
- margin-top: 1rem;
- }
- }
- }
-
- &.comp_1x_w_v_o_b {
- .image_area {
- @include maxtablet {
- overflow: hidden;
- height: auto;
- }
- }
- }
-
- .visualBg {
- overflow: hidden;
- position: relative;
- width: 100%;
- max-width: 192rem;
- max-height: 70rem;
-
- @include maxtablet {
- max-height: auto;
- }
-
- img {
- width: 100%;
- }
- }
-
- &.comp_wide {
- .comp_body {
- &.layer_up {
- .text_area {
- margin-top: 7rem;
-
- .info {
- line-height: 1.5;
-
- br {
- display: none;
-
- @include maxtablet {
+ &:after {
+ content: "";
display: block;
- }
+ width: 306px;
+ height: 100%;
+ background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat -126px 0 / auto 100%;
}
- }
}
- }
-
- .text_area {
- @include maxtablet {
- margin-top: 3rem;
-
- h3 {
- font-size: 3rem;
- line-height: 4rem;
- }
-
- .info {
- font-size: 1.4rem;
- }
- }
- }
-
- .refund-table {
- .text_area {
- margin-top: 0;
- }
- }
-
- .table-area {
- margin-bottom: 12rem;
@include maxtablet {
- margin-bottom: 5rem;
+ display: flex;
}
+ }
- .index {
- padding: 1.6rem 0 1rem;
- font-size: 1.4rem;
- color: #676767;
- text-align: right;
+ .themeImg {
+ @include maxtablet {
+ height: 48rem;
}
-
- table {
- width: 100%;
- border-top: 1px solid #999;
-
- th {
- height: 7.6rem;
- padding: 0 1rem;
- font-size: 1.6rem;
- font-weight: 600;
- vertical-align: middle;
- text-align: center;
-
- @include maxtablet {
- font-size: 1.4rem;
- }
- }
-
- tbody {
- border-top: 1px solid #dedede;
- border-bottom: 1px solid #dedede;
-
- td {
- padding: 1rem;
- font-size: 1.4rem;
- font-weight: 400;
- text-align: center;
- }
- }
- }
- }
}
- }
-
- &.comp_1x_b_v_s_b {
- .image_area {
- height: auto;
- }
- }
-
- .comp_top {
- z-index: 2;
-
- // height: 70rem;
- // @include maxtablet{
- // height: 43.9rem;
- // }
- .comp_body {
- .text_area {
- // display: flex;
- h3 {
- margin-bottom: 2rem;
- }
-
- > * {
- flex: 1;
- }
- }
- }
- }
-
- .comp_md {
- position: absolute;
- z-index: 2;
- top: 0;
- height: 48rem;
- background-color: rgba(0, 0, 0, 0);
-
- @include maxtablet {
- height: 3rem;
- }
- }
-
- .spec-area {
- padding: 6rem 0 16rem;
-
- @include maxmobile {
- padding: 3rem 0 8rem;
- }
- }
-}
-
-.comp_wide {
- &.title-only {
- & + .comp_wide {
- margin-top: 4rem;
- }
- }
-
- .between {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-}
-
-.editorWarp {
- .visualBg {
- img {
- width: 100%;
- object-fit: cover;
- object-position: center;
-
- @include maxdesktop {
- width: 100%;
- object-fit: initial;
- object-position: initial;
- }
-
- &.mobile {
- display: none;
- }
-
- @include maxdesktop {
- &.web {
- display: none;
- }
-
- &.mobile {
- display: block;
- object-fit: initial;
- height: auto;
- }
- }
- }
- }
-
- .video_wrap {
- display: none;
- align-items: center;
- justify-content: center;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- // height: 108rem;
- // transform: translateY(-36rem);
- padding-top: 56.25%;
- z-index: 4;
- background: rgba(0, 0, 0, 0.9);
- opacity: 1;
- transition: all 0.3s ease;
-
- .video-area {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- width: 80%;
- max-width: 120rem;
- aspect-ratio: 16/9;
-
- .video {
- width: 100%;
- height: 100%;
- background: #000;
-
- .youtube-box {
- width: 100%;
- height: 100%;
- }
-
- iframe {
- width: 100%;
- height: 100%;
- }
-
- // video {
- // display: block;
- // width: 100%;
- // height: 100%;
- // visibility: visible;
-
- // &[poster] {
- // height: 100%;
- // width: 100%;
- // }
- // }
-
- // .video-ctrl {
- // display: flex;
- // align-items: center;
- // justify-content: center;
- // position: absolute;
- // top: 50%;
- // left: 50%;
- // transform: translate(-50%, -50%);
- // gap: 4rem;
- // }
-
- .btn-play {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- width: 8rem;
- height: 8rem;
- background: url(../images/kia/contents/ico_play.png?v1) no-repeat center / 100% auto;
- text-indent: -9999em;
- cursor: pointer;
-
- &.pause {
- display: none;
- background: url(../images/kia/contents/ico_pause.png?v1) no-repeat center / 100% auto;
- }
-
- &.play {
- display: block;
- }
-
- @include maxmobile {
- width: 4rem;
- height: 4rem;
- }
- }
-
- .btn-sound {
- display: none;
- position: absolute;
- bottom: 3rem;
- right: 3rem;
- width: 4rem;
- height: 4rem;
- background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto;
- text-indent: -9999em;
- cursor: pointer;
-
- &.off {
- background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto;
- }
-
- &.on {
- background: url(../images/kia/contents/ico_sound_on.png?v1) no-repeat center / 100% auto;
- }
-
- @include maxmobile {
- bottom: 1.5rem;
- right: 1.5rem;
- width: 2rem;
- height: 2rem;
- }
- }
- }
-
- @include maxtablet {
- width: 100%;
-
- .video {
- border: 1.5rem solid #000;
- border-bottom-width: 1.5rem;
- }
- }
- }
-
- .btn-close {
- position: absolute;
- top: -4rem;
- right: -16rem;
- z-index: 10;
- width: 14rem;
- height: 14rem;
- background-color: transparent;
- border: none;
- text-indent: -9999em;
- cursor: pointer;
-
- @media (max-width: 1024px) {
- top: -7rem;
- right: -12rem;
- width: 10rem;
- height: 10rem;
- }
-
- @include maxtablet {
- top: -7rem;
- right: 0;
- width: 6rem;
- height: 6rem;
- }
-
- // @include maxmobile{
- // top:-6rem;
- // right:-16rem;
- // width: 14rem;
- // height: 14rem;
- // }
- }
-
- .btn-close::before,
- .btn-close::after {
- content: "";
- position: absolute;
- top: 50%;
- left: 50%;
- width: 9.2rem;
- height: 2px;
- background-color: #fff;
-
- @media (max-width: 1024px) {
- width: 7rem;
- }
-
- @include maxtablet {
- width: 4rem;
- }
- }
-
- .btn-close::before {
- transform: translate(-50%, -50%) rotate(45deg);
- }
-
- .btn-close::after {
- transform: translate(-50%, -50%) rotate(-45deg);
- }
-
- &.played {
- .video {
- .btn-sound {
- display: block;
- }
-
- &:hover {
- .video-ctrl {
- .btn-play {
- display: block;
- }
- }
- }
- }
- }
-
- &.paused {
- .btn-play,
- .btn-sound {
- display: block !important;
- }
-
- .video {
- &:hover {
- .video-ctrl {
- .btn-play {
- display: block;
- }
- }
- }
- }
- }
-
- // .btn-close {
- // position: absolute;
- // top: 2rem;
- // right: 2rem;
- // z-index: 1;
- // width: 6rem;
- // height: 6rem;
- // background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain;
- // cursor: pointer;
- // text-indent: -9999em;
- // @include maxtablet{
- // top: 1rem;
- // right: 1rem;
- // width: 4rem;
- // height: 4rem;
- // }
- // }
- @include maxtablet {
- height: 56rem;
- }
-
- @include maxmobile {
- height: 40rem;
- }
- }
-
- .close-today {
- display: flex;
- align-items: center;
- justify-content: center;
- position: absolute;
- bottom: 8.2rem;
- width: 100%;
- font-size: 1.6rem;
- color: #fff;
- font-weight: 600;
- transition: all 0.2s ease;
-
- span {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
-
- input {
- margin-right: 0.4rem;
- }
-
- &:before {
- content: "";
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- }
-
- label {
- display: flex;
- align-items: center;
- justify-content: center;
-
- input {
- margin-right: 0.4rem;
- }
- }
-
- @media (max-width: 1780px) {
- bottom: 4rem;
- }
-
- @media (max-width: 1024px) {
- bottom: 2rem;
- }
-
- @include maxmobile {
- bottom: 3.5rem;
- font-size: 1.2rem;
- }
- }
-
- .btn-intro {
- display: none;
- align-items: center;
- position: absolute;
- top: 5rem;
- right: 3rem;
- z-index: 3;
- font-size: 1.4rem;
- font-weight: 600;
- color: #000;
- cursor: pointer;
-
- @include maxtablet {
- top: 2rem;
- right: 1.6rem;
- }
-
- &:before {
- content: "";
- display: block;
- width: 2.8rem;
- height: 2.8rem;
- margin-right: 0.5rem;
- box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
- border-radius: 50%;
- background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem auto;
- text-indent: -9999em;
- cursor: pointer;
- }
- }
-
- &.playing {
- .comp_body.layer_up,
- .thumb-swiper,
- .pdpInCarGameSwiper,
- .displayThemeDtl,
- .inCarGameDtl,
- .srsPlus .visualBg {
- filter: blur(2px);
- }
-
- .displayThemeDtl {
- opacity: 0;
- }
-
- @media (max-width: 1700px) {
- .displayThemeDtl {
- filter: blur(0);
- }
- }
- }
-
- .srsPlus {
- .close-today {
- bottom: 13rem;
- }
-
- @media (max-width: 1920px) {
- .close-today {
- bottom: 2vw;
- }
- }
- }
-
- .visualBg {
- .swiper-navigation {
- display: flex;
- justify-content: space-between;
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 10;
- width: 100%;
- max-width: 140rem;
- height: 0;
- transform: translate(-50%, -50%);
-
- @include maxmobile {
- max-width: 92%;
- }
- }
-
- .swiper-button-next,
- .swiper-button-prev {
- position: static;
- width: 1.8rem;
- height: 3.6rem;
- margin: 0;
- background: url(../images/common/ico_arrow_r.png) no-repeat center / contain;
-
- &:after {
- display: none;
- }
- }
-
- .swiper-button-prev {
- background: url(../images/common/ico_arrow_l.png) no-repeat center / contain;
- }
- }
-
- .bu {
- display: block;
- padding-left: 5.4rem;
- text-indent: -2rem;
-
- @include maxmobile {
- padding-left: 2rem;
- }
- }
-}
-
-.boost {
- &.comp_1x_w_v_s_e1 {
- .bottom {
- &:before {
- background-color: rgba(5, 20, 31, 1);
- }
-
- .contents_area {
- .image_area {
- margin-top: 0;
- }
- }
- }
-
- .contents_area {
- padding-top: 7rem;
-
- @include maxmobile {
- padding-top: 4rem;
- }
- }
- }
-
- &.comp_1x_b_h_s_e1 {
- @include maxmobile {
- margin-top: 6rem;
- }
- }
-
- &.comp_1x_w_v_s_e2 {
- @include maxmobile {
- margin-top: 6rem;
- }
-
- .comp_body {
- &.full {
- flex-wrap: wrap;
- }
- }
-
- .image_area {
- max-width: 120rem;
- height: auto;
- padding-top: 5rem;
- margin: 0 auto;
-
- @include maxmobile {
- padding-top: 3rem;
- }
-
- img {
- height: auto;
- object-fit: inherit;
- border-radius: 0.6rem;
- }
- }
- }
-}
-
-.pdpDtl {
- .swiper-navigation {
- > * {
- top: 210px;
- left: -65px;
- width: 5rem;
- height: 5rem;
- border: 1px solid #d3d3d3;
- border-radius: 50%;
- background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
-
- &:after {
- display: none;
- }
- }
-
- .swiper-button-next {
- left: auto;
- right: -65px;
- transform: rotate(180deg);
- }
-
- @media (max-width: 1200px) {
- display: none;
- }
- }
-
- .swiper-pagination {
- position: static;
- top: 46.4rem;
-
- // top:36.4vw;
- @media (max-width: 1200px) {
- top: 36.4vw;
- }
-
- .swiper-pagination-bullet {
- opacity: 1;
- width: 5.6rem;
- height: 0.4rem;
- border-radius: 0;
- background-color: #e9e9e9;
-
- &.swiper-pagination-bullet-active {
- background-color: #000;
- }
- }
- }
-}
-
-.scroll_area {
- @include maxtablet {
- }
-
- .web {
- display: block;
-
- @include maxtablet {
- display: none;
- }
- }
-
- .mobile {
- display: none;
- position: relative;
- padding-top: 3rem;
-
- &:before {
- content: "";
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 16px;
- background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0 / contain;
- }
-
- .header {
- overflow: hidden;
- flex: none;
- width: 125px;
- height: 460px;
- background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0 / auto 100%;
- }
-
- .cont {
- overflow: hidden;
- overflow-x: auto;
- height: 460px;
-
- &:after {
- content: "";
- display: block;
- width: 306px;
- height: 100%;
- background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat -126px 0 / auto 100%;
- }
- }
-
- @include maxtablet {
- display: flex;
- }
- }
-
- .themeImg {
- @include maxtablet {
- height: 48rem;
- }
- }
}
.disclaimerWrap {
- .disclaimerList {
- .item {
- .contents {
- .indent {
- display: block;
- padding-left: 1.25rem;
+ .disclaimerList {
+ .item {
+ .contents {
+ .indent {
+ display: block;
+ padding-left: 1.25rem;
+ }
+ }
}
- }
}
- }
}
.refund-area {
- margin-bottom: 1.6rem;
+ margin-bottom: 1.6rem;
- .btn-fold {
- display: inline-flex;
- align-items: center;
- border-bottom: 1px solid #676767;
- cursor: pointer;
+ .btn-fold {
+ display: inline-flex;
+ align-items: center;
+ border-bottom: 1px solid #676767;
+ cursor: pointer;
- em {
- margin-left: 0.4rem;
- font-size: 1rem;
- transform: rotate(180deg);
- transform-origin: center center;
- transition: all 0.2s ease;
+ em {
+ margin-left: 0.4rem;
+ font-size: 1rem;
+ transform: rotate(180deg);
+ transform-origin: center center;
+ transition: all 0.2s ease;
+ }
+
+ &.fold {
+ em {
+ transform: rotate(0);
+ }
+ }
}
- &.fold {
- em {
- transform: rotate(0);
- }
- }
- }
+ .dtl {
+ display: none;
+ padding: 1rem 1.05rem;
- .dtl {
- display: none;
- padding: 1rem 1.05rem;
+ p {
+ margin-top: 0;
+ }
- p {
- margin-top: 0;
- }
+ .text_area {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ }
- .text_area {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- margin-top: 0;
- margin-bottom: 0.5rem;
+ .table-area {
+ margin-bottom: 0.5rem !important;
+ }
+
+ .tbl-dtl {
+ tr:nth-of-type(odd) {
+ td {
+ background-color: #fafafa;
+ }
+ }
+ }
}
.table-area {
- margin-bottom: 0.5rem !important;
- }
-
- .tbl-dtl {
- tr:nth-of-type(odd) {
- td {
- background-color: #fafafa;
- }
- }
- }
- }
-
- .table-area {
- margin-bottom: 12rem;
-
- @include maxtablet {
- margin-bottom: 5rem;
- }
-
- .index {
- padding: 1.6rem 0 1rem;
- font-size: 1.4rem;
- color: #676767;
- text-align: right;
- }
-
- table {
- width: 100%;
- border-top: 1px solid #999;
-
- th {
- height: 7.6rem;
- padding: 0 1rem;
- font-size: 1.6rem;
- font-weight: 600;
- vertical-align: middle;
- text-align: center;
+ margin-bottom: 12rem;
@include maxtablet {
- height: auto;
- padding: 1rem;
- font-size: 1.4rem;
+ margin-bottom: 5rem;
}
- }
- tbody {
- border-top: 1px solid #dedede;
- border-bottom: 1px solid #dedede;
-
- td {
- padding: 1rem;
- font-size: 1.4rem;
- font-weight: 400;
- text-align: center;
+ .index {
+ padding: 1.6rem 0 1rem;
+ font-size: 1.4rem;
+ color: #676767;
+ text-align: right;
+ }
+
+ table {
+ width: 100%;
+ border-top: 1px solid #999;
+
+ th {
+ height: 7.6rem;
+ padding: 0 1rem;
+ font-size: 1.6rem;
+ font-weight: 600;
+ vertical-align: middle;
+ text-align: center;
+
+ @include maxtablet {
+ height: auto;
+ padding: 1rem;
+ font-size: 1.4rem;
+ }
+ }
+
+ tbody {
+ border-top: 1px solid #dedede;
+ border-bottom: 1px solid #dedede;
+
+ td {
+ padding: 1rem;
+ font-size: 1.4rem;
+ font-weight: 400;
+ text-align: center;
+ }
+ }
}
- }
}
- }
}
//KBO PDP
.displayTheme-kbo.comp_wide {
- .visualBg {
- @include maxtablet {
- height: 76rem;
- }
- }
- .dtlImgs {
- padding-top: 4rem;
- @include maxtablet {
- padding-top: 0;
- }
- }
- .tooltip {
- top: -6.5rem;
- }
- .swiper-info {
- padding: 0 0 0.6rem;
- color: #fff;
- font-size: 1.6rem;
- @include maxtablet {
- display: none;
- }
- }
- .swiper-slide {
- .image_area {
- img {
- box-shadow: 0px 0px 20px 0px #eae5bc4d;
- }
- }
- }
- .swiper-pagination {
- top: 48.4rem;
- @media (max-width: 1240px) {
- top: 39vw;
- }
- @media (max-width: 900px) {
- top: 39.4vw;
- }
- @media (max-width: 768px) {
- top: 37.5vw;
- }
- }
- .comp_top {
- .comp_body {
- .text_area {
- h3 {
- @include maxtablet {
- letter-spacing: -0.075em;
- }
+ .visualBg {
+ @include maxtablet {
+ height: 76rem;
}
- }
}
- }
- .comp_bottom {
- .com_bottm_inner {
- .swiper {
- &.pdpDisplayThemeKbo {
- padding: 0;
- @include maxtablet {
- padding: 0 1.3rem;
- }
- .swiper-wrapper {
- flex-wrap: wrap;
- justify-content: center;
- max-width: 1180px;
- margin: 0 auto;
- @include maxtablet {
- justify-content: flex-start;
+ .dtlImgs {
+ padding-top: 4rem;
+ @include maxtablet {
+ padding-top: 0;
+ }
+ }
+ .tooltip {
+ top: -6.5rem;
+ }
+ .swiper-info {
+ padding: 0 0 0.6rem;
+ color: #fff;
+ font-size: 1.6rem;
+ @include maxtablet {
+ display: none;
+ }
+ }
+ .swiper-slide {
+ .image_area {
+ img {
+ box-shadow: 0px 0px 20px 0px #eae5bc4d;
}
- .swiper-slide {
- @include maxtablet {
- width: 25% !important;
- padding: 0.5rem;
- }
- &:first-child {
- margin-left: 0;
- }
- p {
- @include maxtablet {
- letter-spacing: -0.075em;
- }
- }
- }
- }
}
- }
}
- &.thumb-swiper {
- @include maxtablet {
- padding-top: 28.2rem;
- }
- }
- }
-
- .displayThemeKboDtl {
- @media (max-width: 640px) {
- .swiper-wrapper {
- display: block;
- .swiper-slide {
- & + .swiper-slide {
- margin-top: 5rem;
- }
- }
- }
- }
-
- .swiper-navigation {
- > * {
- top: 210px;
- left: -65px;
- width: 5rem;
- height: 5rem;
- border-radius: 50%;
- background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
-
- &:after {
- display: none;
- }
- }
-
- .swiper-button-next {
- left: auto;
- right: -65px;
- transform: rotate(180deg);
- }
-
- @media (max-width: 1200px) {
- display: none;
- }
- }
-
.swiper-pagination {
- top: 48.4rem;
-
- @media (max-width: 1240px) {
- top: 47.4rem;
- }
- @media (max-width: 1200px) {
- top: 39.4vw;
- }
- @media (max-width: 760px) {
- top: 36.4vw;
- }
- @media (max-width: 640px) {
- display: none;
- }
-
- .swiper-pagination-bullet {
- opacity: 1;
- width: 5.6rem;
- height: 0.4rem;
- border-radius: 0;
- background-color: #e9e9e9;
-
- &.swiper-pagination-bullet-active {
- background-color: #000;
+ top: 48.4rem;
+ @media (max-width: 1240px) {
+ top: 39vw;
+ }
+ @media (max-width: 900px) {
+ top: 39.4vw;
+ }
+ @media (max-width: 768px) {
+ top: 37.5vw;
+ }
+ }
+ .comp_top {
+ .comp_body {
+ .text_area {
+ h3 {
+ @include maxtablet {
+ letter-spacing: -0.075em;
+ }
+ }
+ }
+ }
+ }
+ .comp_bottom {
+ .com_bottm_inner {
+ .swiper {
+ &.pdpDisplayThemeKbo {
+ padding: 0;
+ @include maxtablet {
+ padding: 0 1.3rem;
+ }
+ .swiper-wrapper {
+ flex-wrap: wrap;
+ justify-content: center;
+ max-width: 1180px;
+ margin: 0 auto;
+ @include maxtablet {
+ justify-content: flex-start;
+ }
+ .swiper-slide {
+ @include maxtablet {
+ width: 25% !important;
+ padding: 0.5rem;
+ }
+ &:first-child {
+ margin-left: 0;
+ }
+ p {
+ @include maxtablet {
+ letter-spacing: -0.075em;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ &.thumb-swiper {
+ @include maxtablet {
+ padding-top: 28.2rem;
+ }
+ }
+ }
+
+ .displayThemeKboDtl {
+ @media (max-width: 640px) {
+ .swiper-wrapper {
+ display: block;
+ .swiper-slide {
+ & + .swiper-slide {
+ margin-top: 5rem;
+ }
+ }
+ }
+ }
+
+ .swiper-navigation {
+ > * {
+ top: 210px;
+ left: -65px;
+ width: 5rem;
+ height: 5rem;
+ border-radius: 50%;
+ background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ .swiper-button-next {
+ left: auto;
+ right: -65px;
+ transform: rotate(180deg);
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
+ }
+
+ .swiper-pagination {
+ top: 48.4rem;
+
+ @media (max-width: 1240px) {
+ top: 47.4rem;
+ }
+ @media (max-width: 1200px) {
+ top: 39.4vw;
+ }
+ @media (max-width: 760px) {
+ top: 36.4vw;
+ }
+ @media (max-width: 640px) {
+ display: none;
+ }
+
+ .swiper-pagination-bullet {
+ opacity: 1;
+ width: 5.6rem;
+ height: 0.4rem;
+ border-radius: 0;
+ background-color: #e9e9e9;
+
+ &.swiper-pagination-bullet-active {
+ background-color: #000;
+ }
+ }
}
- }
}
- }
}
.displayThemeDesney {
- .comp_body {
- .text_area {
- margin-top: 8rem;
- text-align: center;
- h3 {
- margin: 1.2rem 0 3rem;
- font-size: 4.8rem;
- letter-spacing: -0.095rem;
- }
- .info {
- color: #f0f0f0;
- letter-spacing: -0.032rem;
- line-height: 1.5;
- }
+ position: relative;
+ .layer_up {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
}
- }
+ .comp_body {
+ .text_area {
+ margin-top: 4.8rem;
+ text-align: center;
- .available-theme {
- min-height: 85.1rem;
- background-color: #f0f0f0;
- background-image: radial-gradient(#e7e7e7 2px, transparent 4px);
- background-size: 3.4rem 3.5rem;
- // background: url(../images/kia/pdp/display_theme_disney/bg_pattern.png) repeat 50% 100%;
- h3 {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 30.6rem;
- font-size: 4.8rem;
- font-weight: 600;
- padding-bottom: 8.6rem;
- letter-spacing: -0.095rem;
- background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center / auto 100%;
- }
- .list {
- display: flex;
- justify-content: center;
- padding-top: 4.8rem;
- ul {
- display: flex;
- gap: 3.1rem;
- li {
- width: 28.2rem;
- height: 36.9rem;
- background-color: #fff;
- box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12);
-
- a {
- display: block;
- img {
- max-width: 100%;
+ @include tablet {
+ margin-top: 8rem;
}
- .txt {
- display: block;
- padding: 2rem 2.4rem;
- line-height: 1.333;
- strong {
+ h3 {
+ margin: 1.2rem 0 2rem;
+ font-size: 3rem;
+ color: #fff;
+ letter-spacing: -0.095rem;
+ line-height: 1.3;
+ @include tablet {
+ margin: 1.2rem 0 3rem;
+ font-size: 4.8rem;
+ }
+ }
+ .info {
+ color: #f0f0f0;
+ letter-spacing: -0.032rem;
+ line-height: 1.5;
+ br {
+ display: none;
+ @include tablet {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ .available-theme {
+ background-color: #f0f0f0;
+ background-image: radial-gradient(#e7e7e7 2px, transparent 4px);
+ background-size: 3.4rem 3.5rem;
+ // background: url(../images/kia/pdp/display_theme_disney/bg_pattern.png) repeat 50% 100%;
+ @include tablet {
+ min-height: 85.1rem;
+ }
+ h3 {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 12.5rem;
+ font-size: 2.4rem;
+ font-weight: 600;
+ padding-bottom: 4.6rem;
+ letter-spacing: -0.095rem;
+ background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center bottom / auto 100%;
+ @include tablet {
+ height: 30.6rem;
+ font-size: 4.8rem;
+ padding-bottom: 8.6rem;
+ }
+ }
+ .list {
+ display: flex;
+ justify-content: center;
+ padding-top: 2.4rem;
+ padding-bottom: 5.6rem;
+ @include mobile {
+ max-width: 64rem;
+ margin: 0 auto;
+ }
+ @include tablet {
+ padding-top: 4.8rem;
+ }
+ @media (min-width: 1240px) {
+ max-width: 100%;
+ }
+ ul {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 2.4rem 0.8rem;
+ @include desktopMin {
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 2.4rem;
+ }
+ li {
+ overflow: hidden;
+ width: 15.6rem;
+ min-height: 19.6rem;
+ background-color: #fff;
+ border-radius: 0.8rem;
+ box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12);
+ @include tablet {
+ width: 28.2rem;
+ height: 36.9rem;
+ }
+
+ a {
+ display: block;
+ img {
+ max-width: 100%;
+ }
+ .txt {
+ display: block;
+ padding: 0.8rem 1.2rem;
+ line-height: 1.333;
+ @include tablet {
+ padding: 2rem 2.4rem;
+ }
+ strong {
+ font-size: 1.4rem;
+ color: #000;
+ @include tablet {
+ font-size: 2.4rem;
+ }
+ }
+ .hashs {
+ display: block;
+ margin-top: 1.5rem;
+ font-size: 1rem;
+ color: #888;
+ line-height: 1.5;
+ @include tablet {
+ margin-top: 2.4rem;
+ font-size: 1.6rem;
+ }
+ }
+ }
+ }
+
+ &.more {
+ width: 32rem;
+ height: 19.4rem;
+ padding: 2.4rem 2rem;
+ margin: 0;
+ background: url(../images/kia/pdp/display_theme_disney/box_more_m.png) no-repeat center / auto 100%;
+ border-radius: 3.3rem 0.8rem 3.3rem 0.8rem;
+ box-shadow: 0px 0px 1rem 0px #0000001f;
+
+ @include tablet {
+ width: 61rem;
+ height: 40.5rem;
+ padding: 6.6rem 5.8rem;
+ margin: -1.8rem 0 0 0;
+ border-radius: 0;
+ background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center / auto 100%;
+ box-shadow: none;
+ }
+ @include desktopMin {
+ margin-left: 0;
+ }
+ @include desktopMax {
+ margin-left: -1.8rem;
+ }
+ strong {
+ display: flex;
+ align-items: center;
+ margin-bottom: 1.2rem;
+ font-size: 1.8rem;
+ color: #000;
+ font-weight: 600;
+ @include tablet {
+ font-size: 3rem;
+ margin-bottom: 3.6rem;
+ }
+ }
+ .arrow {
+ display: inline-block;
+ position: relative;
+ width: 2rem;
+ height: 0.2rem;
+ margin-left: 0.4rem;
+ background-color: #f5c400;
+ @include tablet {
+ width: 4rem;
+ height: 0.4rem;
+ margin-left: 0.8rem;
+ }
+ &::after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%) rotate(45deg);
+ width: 1rem;
+ height: 1rem;
+ border-top: 0.2rem solid #f5c400;
+ border-right: 0.2rem solid #f5c400;
+ @include tablet {
+ width: 2rem;
+ height: 2rem;
+ border-top: 0.4rem solid #f5c400;
+ border-right: 0.4rem solid #f5c400;
+ }
+ }
+ }
+ .hashs {
+ display: block;
+ margin-top: 0.8rem;
+ font-size: 1rem;
+ color: #969696;
+ letter-spacing: -0.032rem;
+ @include tablet {
+ font-size: 1.6rem;
+ margin-top: 2.2rem;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &.discover-epic-design {
+ position: relative;
+ width: 100%;
+ max-width: 192rem;
+ margin: 0 auto;
+ padding: 4rem 0 10rem;
+ text-align: center;
+ background: url(../images/kia/pdp/display_theme_disney/bg_design_m.jpg) no-repeat center top / 100% auto;
+ @include tablet {
+ padding: 12rem 0 10rem;
+ background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top / 192rem auto;
+ }
+
+ .comp_top {
+ padding: 0 2rem 2.4rem;
+ @include tablet {
+ padding: 0 0 7.6rem;
+ }
+ h3 {
+ margin: 0 0 1.6rem;
+ font-size: 3rem;
+ font-weight: 600;
+ color: #fff;
+ letter-spacing: -0.095rem;
+ @include tablet {
+ margin: 0 0 3rem;
+ font-size: 4.8rem;
+ }
+ }
+ .info {
+ font-size: 1.4rem;
+ color: #f0f0f0;
+ letter-spacing: -0.032rem;
+ line-height: 1.5;
+ @include tablet {
+ font-size: 1.6rem;
+ }
+ }
+ }
+ .comp_body {
+ max-width: 100%;
+ padding: 0;
+ }
+ .tab-wrap {
+ .tab-menu {
+ position: sticky;
+ top: 5.6rem;
+ z-index: 10;
+ padding: 1.6rem 2rem;
+ background: transparent;
+ backdrop-filter: blur(1.2rem);
+ @include tablet {
+ top: 6rem;
+ padding: 1.6rem 2rem;
+ }
+ .btn-select {
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ height: 4.5rem;
+ padding: 1.4rem 3.6rem 1.4rem 1.8rem;
+ font-size: 1.4rem;
+ font-weight: 600;
+ color: #fff;
+ background-color: #383838;
+ border-radius: 0.4rem;
+ border: 0.15rem solid rgba(255, 255, 255, 0.5);
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 50%;
+ right: 1.8rem;
+ width: 1.2rem;
+ height: 0.6rem;
+ transform: translateY(-50%), rotate(0deg);
+ transition: all 0.2s ease;
+ background: url(../images/kia/pdp/display_theme_disney/ico_arrow_down.png) no-repeat 50% / 1.2rem auto;
+ }
+ &.open {
+ &:after {
+ transform: translateY(-50%) rotate(180deg);
+ }
+ }
+ @include tablet {
+ display: none;
+ }
+ }
+ ul {
+ position: absolute;
+ left: 2rem;
+ right: 2rem;
+ display: none;
+ background-color: #383838;
+ border-radius: 0 0 0.4rem 0.4rem;
+ border: 0.15rem solid rgba(255, 255, 255, 0.5);
+ border-top: 0;
+ @include tablet {
+ display: flex !important;
+ position: static;
+ column-gap: 0.8rem;
+ border: 0;
+ border-radius: 0;
+ background: transparent;
+ }
+ li {
+ width: 100%;
+ @include tablet {
+ width: auto;
+ }
+ button {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ height: 4.5rem;
+ padding: 1.4rem 1.8rem;
+ font-size: 1.4rem;
+ font-weight: 600;
+ color: #666;
+ cursor: pointer;
+ @include tablet {
+ width: auto;
+ height: 4.3rem;
+ padding: 0 1.6rem 0 1.2rem;
+ font-size: 1.6rem;
+ background-color: #2c2c2c;
+ border-radius: 2.2rem;
+ border: 0.2rem solid rgba(255, 255, 255, 0.2);
+ &:before {
+ content: "";
+ display: block;
+ width: 2.2rem;
+ height: 2.2rem;
+ margin-right: 0.6rem;
+ background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top / 100% auto;
+ }
+ }
+ }
+ &.active {
+ button {
+ color: #fff;
+ @include tablet {
+ border: 0;
+ background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
+ padding: 0 1.8rem 0 1.4rem;
+ &:before {
+ background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .text_area {
+ margin-top: 1.6rem;
+ text-align: left;
+ @include tablet {
+ margin-top: 2rem;
+ }
+ }
+
+ .tab-box {
+ display: none;
+ padding-top: 4.8rem;
+ @include tablet {
+ margin-bottom: 2.4rem;
+ }
+ &.box1 {
+ display: block;
+ }
+
+ .discover {
+ position: relative;
+ padding: 0 2rem 20rem;
+ @include desktopMin {
+ padding-bottom: 40rem;
+ }
+
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 20rem;
+ background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
+ }
+ @include desktopMax {
+ &::after {
+ display: none;
+ }
+ }
+ }
+ .item {
+ margin-bottom: 4rem;
+ @include tablet {
+ margin-bottom: 6.4rem;
+ }
+ }
+ }
+
+ h4 {
+ font-size: 1.8rem;
+ font-weight: 600;
+ color: #fff;
+ line-height: 1.25;
+ @include tablet {
+ font-size: 2.4rem;
+ }
+ }
+ p {
+ margin-top: 0.2rem;
+ font-size: 1.4rem;
+ color: #fff;
+ line-height: 1.55;
+ @include tablet {
+ margin-top: 1rem;
+ font-size: 1.6rem;
+ }
+ }
+ }
+ }
+
+ .image_area {
+ max-width: 100%;
+ img {
+ max-width: 100%;
+ }
+ }
+
+ .welcome-goodbye {
+ .image_area {
+ & + .image_area {
+ margin-top: 0.8rem;
+ @include tablet {
+ margin-top: 2rem;
+ }
+ }
+ video {
+ width: 100%;
+ }
+ }
+ }
+
+ .inner {
+ max-width: 120rem;
+ margin: 0 auto;
+ }
+
+ .three-reasons {
+ overflow: hidden;
+ position: relative;
+ padding: 7.2rem 0 0;
+ background-color: #fff;
+ text-align: left;
+ @include tablet {
+ padding: 9.6rem 0 0;
+ }
+ .tit-area {
+ position: relative;
+ padding: 0 2rem 4rem;
+ box-shadow: 0px 2.2rem 2rem 0px rgba(0, 0, 0, 0.25);
+ @include tablet {
+ padding: 0 2rem 7.2rem;
+ box-shadow: 0px 4.4rem 4rem 0px rgba(0, 0, 0, 0.25);
+ }
+
+ // &:after {
+ // content: "";
+ // display: block;
+ // position: absolute;
+ // bottom: 0;
+ // left: 0;
+ // width: 100%;
+ // height: 20rem;
+ // background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
+ // }
+ // @include desktopMax {
+ // &::after {
+ // display: none;
+ // }
+ // }
+ h3 {
+ display: inline-flex;
+ align-items: center;
+ height: 4.2rem;
+ padding: 0 0.8rem;
+ font-size: 3rem;
+ color: #fff;
+ font-weight: 600;
+ background-color: #ed1c24;
+ white-space: nowrap;
+ @include tablet {
+ height: 6.4rem;
+ padding: 0 0.8rem;
+ font-size: 4.8rem;
+ }
+ }
+ p {
+ margin: 0.6rem 0 0;
font-size: 2.4rem;
color: #000;
- }
- .hashs {
- display: block;
- margin-top: 2.4rem;
- font-size: 1.6rem;
- color: #888;
- line-height: 1.5;
- }
- }
- }
-
- &.more {
- width: 61rem;
- height: 40.5rem;
- padding: 6.6rem 5.8rem;
- margin: -1.8rem 0 0 -1.8rem;
- background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center / auto 100%;
- box-shadow: none;
- strong {
- display: flex;
- align-items: center;
- margin-bottom: 3.6rem;
- font-size: 3rem;
- color: #000;
- font-weight: 600;
- }
- .arrow {
- display: inline-block;
- position: relative;
- width: 40px;
- height: 4px;
- margin-left: 0.8rem;
- background-color: #f5c400;
- &::after {
- content: "";
- position: absolute;
- top: 50%;
- right: 0;
- transform: translateY(-50%) rotate(45deg);
- width: 20px;
- height: 20px;
- border-top: 4px solid #f5c400;
- border-right: 4px solid #f5c400;
- }
- }
- .hashs {
- display: block;
- margin-top: 2.2rem;
- color: #969696;
- letter-spacing: -0.032rem;
- }
- }
- }
- }
- }
- }
-
- &.comp_content {
- .comp_wide {
- max-width: 192rem;
- height: 377.4rem;
- padding: 12rem 0 0;
- background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top / 100% auto;
- text-align: center;
- .comp_top {
- padding: 0 0 7.6rem;
- h3 {
- margin: 0 0 3rem;
- font-size: 4.8rem;
- font-weight: 600;
- color: #fff;
- letter-spacing: -0.095rem;
- }
- .info {
- font-size: 1.6rem;
- color: #f0f0f0;
- letter-spacing: -0.032rem;
- line-height: 1.5;
- }
- }
- .comp_body {
- max-width: 120rem;
- }
- .tab-wrap {
- .tab-menu {
- position: sticky;
- top: 7rem;
- z-index: 10;
- margin-bottom: 4.8rem;
- ul {
- display: flex;
- column-gap: 0.8rem;
- li {
- button {
- display: flex;
- align-items: center;
- height: 4.3rem;
- padding: 0 1.6rem 0 1.2rem;
- font-size: 1.6rem;
font-weight: 600;
- color: #666;
- background-color: #2c2c2c;
- border-radius: 2.2rem;
- border: 0.2rem solid rgba(255, 255, 255, 0.2);
- &:before {
- content: "";
- display: block;
- width: 2.2rem;
- height: 2.2rem;
- margin-right: 0.6rem;
- background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top / 100% auto;
+ @include tablet {
+ margin: 2rem 0 0;
+ font-size: 4.8rem;
+ color: #000;
}
- }
- &.active {
- button {
- color: #fff;
- border: 0;
- background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
- &:before {
- background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
- }
- }
- }
}
- }
+ }
+
+ .reasons {
+ padding: 3rem 0 6.4rem;
+ background: linear-gradient(176.68deg, #3f3e3e 23.87%, #060606 97.26%);
+ @include tablet {
+ height: 84.7rem;
+ padding: 8rem 2rem;
+ }
+ li {
+ @include tablet {
+ display: flex;
+ flex-wrap: wrap;
+ }
+ & + li {
+ margin-top: 2.4rem;
+ @include tablet {
+ margin-top: 6rem;
+ }
+ }
+ p {
+ flex: 1;
+ padding: 1rem 2rem 0 6rem;
+ margin: 0 2rem 1.6rem;
+ font-size: 1.4rem;
+ color: #fff;
+ line-height: 1.5;
+ background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat 0 0 / 2.3rem auto;
+ @include tablet {
+ margin: 1.2rem 0 0;
+ padding: 0 2rem 0 7.2rem;
+ font-size: 1.6rem;
+ background-position: 0 0.5rem;
+ background-size: 3.1rem auto;
+ }
+ }
+ &:nth-child(2) {
+ p {
+ padding: 1rem 6rem 0 2rem;
+ background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat 100% 0 / 3.7rem auto;
+ text-align: right;
+ @include tablet {
+ padding: 0 2rem 0 7.2rem;
+ background-position: 0 0.5rem;
+ background-size: 5.1rem auto;
+ text-align: left;
+ }
+ }
+ .img-area {
+ padding-left: 2rem;
+ @include tablet {
+ padding-left: 0;
+ }
+ }
+ }
+ &:nth-child(3) {
+ p {
+ background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat 0 0 / 3.6rem auto;
+ @include tablet {
+ background-position: 0 0;
+ background-size: 4.9rem auto;
+ }
+ }
+ .img-area {
+ padding-left: 8rem;
+ @include tablet {
+ padding-left: 0;
+ }
+ }
+ }
+
+ strong {
+ display: block;
+ font-size: 1.8rem;
+ font-weight: 600;
+ color: #fff;
+ @include tablet {
+ margin-bottom: 0.4rem;
+ font-size: 2.4rem;
+ }
+ }
+
+ .img-area {
+ width: 100%;
+ @include tablet {
+ width: 50%;
+ margin-left: 3.2rem;
+ }
+ img {
+ max-width: 100%;
+ }
+ }
+ }
+ }
+ }
+
+ .coming-next {
+ padding: 7.7rem 0 5.7rem;
+ text-align: left;
+ background-color: #000;
+ @include tablet {
+ padding: 23.8rem 2rem 16rem;
+ }
+ .tit-area {
+ padding: 0 2rem;
+ @include tablet {
+ padding: 0;
+ margin-bottom: 5.5rem;
+ }
+ h3 {
+ display: inline-block;
+ position: relative;
+ font-size: 3rem;
+ font-weight: 600;
+ color: #fff;
+ line-height: 1.4;
+ @include tablet {
+ font-size: 4.8rem;
+ }
+ br {
+ display: block;
+ @include tablet {
+ display: none;
+ }
+ }
+ .next {
+ @include tablet {
+ position: relative;
+ }
+ }
+ }
+ .speech-bubble {
+ display: inline-block;
+ position: absolute;
+ top: -1.5rem;
+ left: 77%;
+ background-color: #fbc707;
+ padding: 0.6rem 0.9rem;
+ border-radius: 0.4rem;
+ font-size: 1.2rem;
+ color: #000;
+ line-height: 1.3;
+ font-weight: 600;
+ text-align: center;
+ white-space: nowrap;
+ @include tablet {
+ top: -7rem;
+ left: 50%;
+ transform: translateX(-50%);
+ padding: 1rem 1.2rem;
+ border-radius: 0.4rem;
+ font-size: 1.6rem;
+ }
+ &::after {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: -1rem;
+ left: 1.65rem;
+ transform: 0;
+ border-left: 1rem solid transparent;
+ border-right: 1rem solid transparent;
+ border-top: 1rem solid #fbc707;
+ @include tablet {
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+ }
+ }
+ }
+
+ &.comp_2x_b_h_s_e2 {
+ margin-top: 6rem;
+ @include tablet {
+ margin-top: 10rem;
}
.text_area {
- margin-top: 2rem;
- text-align: left;
+ text-align: left;
}
-
- .tab-box {
- .item {
- margin-bottom: 6.4rem;
- }
- }
-
- h4 {
- font-size: 2.4rem;
- font-weight: 600;
- color: #fff;
- }
- p {
- margin-top: 1rem;
- font-size: 1.6rem;
- color: #fff;
- }
- }
}
- }
-
- .welcome-goodbye {
- .image_area {
- & + .image_area {
- margin-top: 2rem;
- }
- video {
- width: 100%;
- }
- }
- }
-
- .inner {
- max-width: 120rem;
- margin: 0 auto;
- }
-
- .three-reasons {
- .tit-area {
- h3 {
- width: 35.4rem;
- height: 6.4rem;
- padding: 0 0.8rem;
- font-size: 4.8rem;
- color: #fff;
- font-weight: 600;
- background-color: #ed1c24;
- white-space: nowrap;
- }
- p {
- margin: 1.2rem 0 7.2rem;
- font-size: 4.8rem;
- color: #000;
- font-weight: 600;
- }
- }
-
- .reasons {
- height: 84.7rem;
- background: linear-gradient(176.68deg, #3f3e3e 23.87%, #060606 97.26%);
- li {
- display: flex;
- flex-wrap: wrap;
- &:nth-child(2) {
- p {
- background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat left center / 5.1rem auto;
- }
- }
- &:nth-child(3) {
- p {
- background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat left center / 4.9rem auto;
- }
- }
-
- strong {
- display: block;
- font-size: 2.4rem;
- font-weight: 600;
- color: #fff;
- }
- p {
- max-width: 50%;
- margin-top: 1.2rem;
- padding-left: 6.2rem;
- font-size: 1.6rem;
- color: #fff;
- line-height: 1.5;
- background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat left center / 3.1rem auto;
- }
-
- .img-area {
- width: 50%;
- img {
- max-width: 100%;
- }
- }
- }
- }
- }
}
.desktop {
- .displayThemeDesney {
- .mobile {
- display: none;
+ .displayThemeDesney {
+ .mobile {
+ display: none;
+ }
+ }
+}
+.tablet {
+ .displayThemeDesney {
+ .mobile {
+ display: none;
+ }
}
- }
}
.moblie {
- .displayThemeDesney {
- .web {
- display: none;
+ .displayThemeDesney {
+ .web {
+ display: none;
+ }
}
- }
}
diff --git a/kr/assets/css/product.css b/kr/assets/css/product.css
index a3599f4..36bf24e 100644
--- a/kr/assets/css/product.css
+++ b/kr/assets/css/product.css
@@ -148,6 +148,19 @@
.contentWarp .productView .productRight .musicBtn {
margin-top: 4rem;
}
+.contentWarp .productView .productRight .optionWarp .producTitle h1 {
+ position: relative;
+ padding-right: 4rem;
+}
+.contentWarp .productView .productRight .optionWarp .producTitle h1 .btn-wish {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+ width: 3rem;
+ height: 3rem;
+ background: url(../images/kia/pdp/display_theme_disney/Icon_heart.png) no-repeat center/100% auto;
+}
.contentWarp .productView .productRight .optionWarp .producTitle span {
color: #676767;
font-size: 1.5rem;
@@ -268,18 +281,22 @@
position: absolute;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label {
- background-color: #05141F;
+ background-color: #05141f;
}
-.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd {
+.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt,
+.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd {
color: #fff;
}
-.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt p, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt strong, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd p, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd strong {
+.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt p,
+.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt strong,
+.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd p,
+.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd strong {
color: #fff;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li label {
display: block;
padding: 2.5rem;
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
border-radius: 0.6rem;
cursor: pointer;
}
@@ -317,16 +334,16 @@
margin-top: 1rem;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn label dt {
- color: #9EA1A2 !important;
+ color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn label dd {
- color: #9EA1A2 !important;
+ color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn:hover label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .termsOK {
margin-top: 3rem;
@@ -341,7 +358,7 @@
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .termsOK > a::after {
content: "";
- displaY: block;
+ display: block;
width: 0.6rem;
margin-left: 0.8rem;
background-image: url("/kr/assets/images/common/icon-mMarrow.svg");
@@ -364,7 +381,7 @@
.contentWarp .productView .productRight .optionWarp .producInfoWarp .noStreaming {
margin-top: 2rem;
padding: 3rem 2rem;
- background-color: #F3F3F3;
+ background-color: #f3f3f3;
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .noStreaming P {
@@ -396,7 +413,7 @@
.contentWarp .productView .productRight .optionWarp .packageOption .optionList {
margin-top: 2rem;
padding: 2.5rem;
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
border-radius: 0.6rem;
}
@media (max-width: 768px) {
@@ -439,7 +456,7 @@
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem {
- displaY: flex;
+ display: flex;
width: 100%;
height: 9rem;
overflow: hidden;
@@ -463,7 +480,7 @@
}
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem .optionText p span,
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem .optionText p strong {
- displaY: block;
+ display: block;
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
@@ -529,7 +546,7 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn label {
- displaY: flex;
+ display: flex;
width: 100%;
height: 12rem;
overflow: hidden;
@@ -586,8 +603,8 @@
position: absolute;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label {
- background-color: #05141F;
- border: 1px solid #05141F;
+ background-color: #05141f;
+ border: 1px solid #05141f;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label::before {
content: "";
@@ -634,7 +651,7 @@
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn .optionText p span,
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn .optionText p strong {
- displaY: block;
+ display: block;
width: 100%;
font-size: 1.4rem;
width: 75%;
@@ -708,17 +725,17 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label span,
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label strong {
- color: #9EA1A2;
+ color: #9ea1a2;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label p {
opacity: 0.5;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn:hover label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn + .checkBtn {
margin-top: 1rem;
@@ -740,7 +757,7 @@
margin-top: 2rem;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label {
- displaY: flex;
+ display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
@@ -750,7 +767,7 @@
cursor: pointer;
position: relative;
border-radius: 0.6rem;
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
@media (max-width: 1024px) {
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label {
@@ -788,7 +805,7 @@
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
display: block;
font-size: 1.4rem;
- color: #9EA1A2;
+ color: #9ea1a2;
text-align: right;
}
@media (max-width: 1024px) {
@@ -806,15 +823,15 @@
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .dc {
margin-right: 0.8rem;
- color: #EA0029;
+ color: #ea0029;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio] {
visibility: hidden;
position: absolute;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label {
- background-color: #05141F;
- border: 1px solid #05141F;
+ background-color: #05141f;
+ border: 1px solid #05141f;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label span,
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label strong {
@@ -827,16 +844,16 @@
color: #fff;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .discount {
- color: #9EA1A2;
+ color: #9ea1a2;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .dc {
- color: #F3C300;
+ color: #f3c300;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn:hover label {
border: 1px solid #000;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn.coupon {
- background-color: #F3F3F3;
+ background-color: #f3f3f3;
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn.coupon label .title {
@@ -861,20 +878,20 @@
color: #676767;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label span,
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label strong {
- color: #9EA1A2;
+ color: #9ea1a2;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label span .title {
- color: #9EA1A2 !important;
+ color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label span .info {
- color: #9EA1A2 !important;
+ color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn:hover label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn + .radioBtn {
margin-top: 1rem;
@@ -978,7 +995,7 @@
.pdpListBtn {
width: 100%;
height: 7.4rem;
- background-color: #F3F3F3;
+ background-color: #f3f3f3;
padding: 0 2rem;
}
@media (min-width: 768px) {
diff --git a/kr/assets/css/product.css.map b/kr/assets/css/product.css.map
index d72d578..74e93d6 100644
--- a/kr/assets/css/product.css.map
+++ b/kr/assets/css/product.css.map
@@ -1 +1 @@
-{"version":3,"sources":["product.css","_utils.scss","product.scss"],"names":[],"mappings":"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","file":"product.css"}
\ No newline at end of file
+{"version":3,"sources":["product.css","_utils.scss","product.scss"],"names":[],"mappings":"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","file":"product.css"}
\ No newline at end of file
diff --git a/kr/assets/css/product.scss b/kr/assets/css/product.scss
index cb54afb..c09c979 100644
--- a/kr/assets/css/product.scss
+++ b/kr/assets/css/product.scss
@@ -1,78 +1,81 @@
@charset "UTF-8";
-@import 'utils.scss';
+@import "utils.scss";
/*변수파일 import*/
-.contentWarp{
-//결재페이지
- .productView{
- display:block;
- width:100%;
- padding-left:2rem;
- padding-right:2rem;
-
- @include tablet{
- display:flex;
+.contentWarp {
+ //결재페이지
+ .productView {
+ display: block;
+ width: 100%;
+ padding-left: 2rem;
+ padding-right: 2rem;
+
+ @include tablet {
+ display: flex;
justify-content: space-between;
}
- @include desktopMin{
- width:100%;
+ @include desktopMin {
+ width: 100%;
}
- @include desktopMax{
- width:120rem;
- display:flex;
+ @include desktopMax {
+ width: 120rem;
+ display: flex;
justify-content: space-between;
- padding-left:0rem;
- padding-right:0rem;
+ padding-left: 0rem;
+ padding-right: 0rem;
}
- .productLeft{
- width:100%;
-
-
- @include tablet{
- width:50%;
- margin-right:2rem;
+ .productLeft {
+ width: 100%;
+
+ @include tablet {
+ width: 50%;
+ margin-right: 2rem;
}
- @include desktopMax{
- width:60rem;
+ @include desktopMax {
+ width: 60rem;
}
- .productImg{
- border-radius:0.6rem ;
+ .productImg {
+ border-radius: 0.6rem;
overflow: hidden;
position: sticky;
- top:7.5rem;
- .productSwiper{
- width:100%;
- height:auto;
-
- @include desktopMax{
- width:100%;
-
+ top: 7.5rem;
+ .productSwiper {
+ width: 100%;
+ height: auto;
+
+ @include desktopMax {
+ width: 100%;
}
- .swiper-slide{
+ .swiper-slide {
position: relative;
background-color: #666;
height: auto;
line-height: 0;
- img{width:100%; height:100%;}
- .productSmallVideo{
- width:100%;
- height:100%;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ .productSmallVideo {
+ width: 100%;
+ height: 100%;
overflow: hidden;
position: relative;
-
- img {position: absolute; top:0; left:0;}
+
+ img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
video {
position: absolute;
width: 100%;
aspect-ratio: 1 / 1;
- height:100%;
+ height: 100%;
object-fit: cover;
position: relative;
left: 0;
top: 0;
opacity: 1;
-
-
}
}
.movie_info {
@@ -86,49 +89,62 @@
line-height: 1;
}
}
- .swiper-pagination{
- bottom:2rem;
- @include desktopMax{
- bottom:2.5rem;
+ .swiper-pagination {
+ bottom: 2rem;
+ @include desktopMax {
+ bottom: 2.5rem;
}
- span{
- width:5.6rem;
- height:0.4rem;
- border-radius: 0;
- background-color: #fff;
+ span {
+ width: 5.6rem;
+ height: 0.4rem;
+ border-radius: 0;
+ background-color: #fff;
}
}
}
- @include desktopMax{
- width:60rem;
- height:60rem;
+ @include desktopMax {
+ width: 60rem;
+ height: 60rem;
}
}
}
- .productRight{
- width:100%;
- margin-top:3rem;
- @include tablet{
- width:50%;
- margin-left:2rem;
- margin-top:0;
+ .productRight {
+ width: 100%;
+ margin-top: 3rem;
+ @include tablet {
+ width: 50%;
+ margin-left: 2rem;
+ margin-top: 0;
}
- @include desktopMax{
- width:50rem;
- margin-top:0;
+ @include desktopMax {
+ width: 50rem;
+ margin-top: 0;
}
- .musicBtn{
- margin-top:4rem;
+ .musicBtn {
+ margin-top: 4rem;
}
- .optionWarp{
- .producTitle{
- span{
- color:#676767;
- font-size:1.5rem;
+ .optionWarp {
+ .producTitle {
+ h1 {
+ position: relative;
+ padding-right: 4rem;
+ .btn-wish {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+ width: 3rem;
+ height: 3rem;
+ background: url(../images/kia/pdp/display_theme_disney/Icon_heart.png) no-repeat center / 100% auto;
+ }
+ }
+ span {
+ color: #676767;
+ font-size: 1.5rem;
font-weight: 400;
- @include desktopMax{
- font-size:1.4rem;
+ @include desktopMax {
+ font-size: 1.4rem;
line-height: initial;
}
}
@@ -137,15 +153,15 @@
justify-content: space-between;
align-items: center;
width: 100%;
- h1{
+ h1 {
width: calc(100% - 3rem);
padding-right: 2rem;
- color:#000;
- font-size:3rem;
+ color: #000;
+ font-size: 3rem;
font-weight: 600;
-
- @include desktopMax{
- font-size:4.5rem;
+
+ @include desktopMax {
+ font-size: 4.5rem;
}
}
a {
@@ -160,177 +176,178 @@
}
}
}
-
- >p{
- color:#000;
- font-size:1.6rem;
+
+ > p {
+ color: #000;
+ font-size: 1.6rem;
font-weight: 400;
- margin-top:2.3rem;
+ margin-top: 2.3rem;
line-height: 2.4rem;
}
}
- .producInfoWarp{
- margin-top:5rem;
- h2{
- color:#000;
- font-size:1.6rem;
+ .producInfoWarp {
+ margin-top: 5rem;
+ h2 {
+ color: #000;
+ font-size: 1.6rem;
font-weight: 600;
- @include desktopMin{
- font-size:1.8rem;
+ @include desktopMin {
+ font-size: 1.8rem;
}
}
- .producInfoLogOut{
- margin-top:2rem;
- >p{
- color:#000;
- font-size:1.4rem;
- line-height:2.2rem;
- @include desktopMin{
- font-size:1.6rem;
- line-height:2.4rem;
+ .producInfoLogOut {
+ margin-top: 2rem;
+ > p {
+ color: #000;
+ font-size: 1.4rem;
+ line-height: 2.2rem;
+ @include desktopMin {
+ font-size: 1.6rem;
+ line-height: 2.4rem;
}
}
- >span{
+ > span {
display: block;
- color:#676767;
- font-size:1.4rem;
- margin-top:1.5rem;
- line-height:2.2rem;
- @include desktopMin{
- font-size:1.6rem;
- line-height:2.4rem;
+ color: #676767;
+ font-size: 1.4rem;
+ margin-top: 1.5rem;
+ line-height: 2.2rem;
+ @include desktopMin {
+ font-size: 1.6rem;
+ line-height: 2.4rem;
}
}
}
- .producInfoLogIn{
- margin-top:2rem;
- >p{
- color:#000;
- font-size:1.4rem;
- margin-top:1rem;
- line-height:2.2rem;
- @include desktopMin{
- font-size:1.6rem;
- line-height:2.4rem;
+ .producInfoLogIn {
+ margin-top: 2rem;
+ > p {
+ color: #000;
+ font-size: 1.4rem;
+ margin-top: 1rem;
+ line-height: 2.2rem;
+ @include desktopMin {
+ font-size: 1.6rem;
+ line-height: 2.4rem;
}
}
- >span{
+ > span {
display: block;
- color:#676767;
- font-size:1.4em;
- margin-top:1.5rem;
- line-height:2.2rem;
- @include desktopMin{
- font-size:1.6rem;
- line-height:2.4rem;
+ color: #676767;
+ font-size: 1.4em;
+ margin-top: 1.5rem;
+ line-height: 2.2rem;
+ @include desktopMin {
+ font-size: 1.6rem;
+ line-height: 2.4rem;
}
}
- ul{
- li{
- input[type=radio]{
+ ul {
+ li {
+ input[type="radio"] {
visibility: hidden;
position: absolute;
- &:checked + label{
- background-color: #05141F;
- dt,dd{
- color:#fff;
- p,strong{
- color:#fff;
+ &:checked + label {
+ background-color: #05141f;
+ dt,
+ dd {
+ color: #fff;
+ p,
+ strong {
+ color: #fff;
}
}
-
}
}
- label{
+ label {
display: block;
- padding:2.5rem;
- border:1px solid #DEDEDE;
+ padding: 2.5rem;
+ border: 1px solid #dedede;
border-radius: 0.6rem;
cursor: pointer;
- dl{
- dt{
+ dl {
+ dt {
font-size: 1.8rem;
font-weight: bold;
}
- dd{
- margin-top:1rem;
- p{
- color:#676767;
+ dd {
+ margin-top: 1rem;
+ p {
+ color: #676767;
font-size: 1.6rem;
- line-height:2.4rem;
+ line-height: 2.4rem;
}
- strong{
+ strong {
display: block;
- color:#676767;
+ color: #676767;
font-size: 1.6rem;
- line-height:2.4rem;
+ line-height: 2.4rem;
font-weight: bold;
- margin-top:2rem;
+ margin-top: 2rem;
}
}
- dd:last-child{
- display:flex;
+ dd:last-child {
+ display: flex;
justify-content: flex-end;
- margin-top:3rem;
+ margin-top: 3rem;
font-weight: bold;
font-size: 2rem;
}
}
- &:hover{
- border:1px solid #000;
+ &:hover {
+ border: 1px solid #000;
}
}
}
- li+li{
- margin-top:1rem;
+ li + li {
+ margin-top: 1rem;
}
}
.disabledBtn {
label {
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
dt {
- color: #9EA1A2 !important;
+ color: #9ea1a2 !important;
}
dd {
- color: #9EA1A2 !important;
+ color: #9ea1a2 !important;
}
}
-
- &:hover{
- label{
- border:1px solid #DEDEDE;
+
+ &:hover {
+ label {
+ border: 1px solid #dedede;
}
}
}
}
- .termsOK{
- margin-top:3rem;
- >a{
- display:flex;
- font-size:1.4rem;
- color:#676767;
- span{
- border-bottom:1px solid #676767;
+ .termsOK {
+ margin-top: 3rem;
+ > a {
+ display: flex;
+ font-size: 1.4rem;
+ color: #676767;
+ span {
+ border-bottom: 1px solid #676767;
}
- &::after{
+ &::after {
content: "";
- displaY:block;
- width:0.6rem;
- margin-left:0.8rem;
+ display: block;
+ width: 0.6rem;
+ margin-left: 0.8rem;
background-image: url("/kr/assets/images/common/icon-mMarrow.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
}
}
- >label{
+ > label {
display: flex;
- margin-top:2rem;
+ margin-top: 2rem;
align-items: flex-start;
cursor: pointer;
- span{
- font-size:1.4rem;
- margin-left:1rem;
+ span {
+ font-size: 1.4rem;
+ margin-left: 1rem;
line-height: 2.2rem;
display: block;
}
@@ -339,7 +356,7 @@
.noStreaming {
margin-top: 2rem;
padding: 3rem 2rem;
- background-color: #F3F3F3;
+ background-color: #f3f3f3;
border-radius: 0.6rem;
P {
font-size: 1.6rem;
@@ -353,52 +370,51 @@
font-weight: 400;
line-height: 2.4rem;
color: #676767;
-
}
}
}
.packageOption {
- margin-top:5rem;
- h2{
- color:#000;
- font-size:1.6rem;
+ margin-top: 5rem;
+ h2 {
+ color: #000;
+ font-size: 1.6rem;
font-weight: 600;
- @include desktopMin{
- font-size:1.8rem;
+ @include desktopMin {
+ font-size: 1.8rem;
}
}
- .optionList{
- margin-top:2rem;
+ .optionList {
+ margin-top: 2rem;
padding: 2.5rem;
- border: 1px solid #DEDEDE;
+ border: 1px solid #dedede;
border-radius: 0.6rem;
-
- @include maxtablet{
+
+ @include maxtablet {
padding: 2rem;
}
- .productSmallVideo{
- min-width:9rem;
- height:9rem;
+ .productSmallVideo {
+ min-width: 9rem;
+ height: 9rem;
overflow: hidden;
position: relative;
- @include desktopMin{
- max-width:100%;
+ @include desktopMin {
+ max-width: 100%;
}
- @include desktopMax{
- min-width:9rem;
- max-width:9rem;
+ @include desktopMax {
+ min-width: 9rem;
+ max-width: 9rem;
}
img {
- position: absolute;
- top:0;
- left:0;
+ position: absolute;
+ top: 0;
+ left: 0;
width: 9rem;
height: 9rem;
border-radius: 0.6rem;
}
video {
position: absolute;
- height:9rem;
+ height: 9rem;
position: relative;
left: 0;
top: 0;
@@ -407,9 +423,9 @@
}
}
.optionItem {
- displaY:flex;
- width:100%;
- height:9rem;
+ display: flex;
+ width: 100%;
+ height: 9rem;
overflow: hidden;
position: relative;
margin-top: 2.5rem;
@@ -417,39 +433,45 @@
display: flex;
justify-content: flex-start;
align-items: center;
- width:100%;
+ width: 100%;
padding-left: 2.5rem;
- @include maxtablet{
+ @include maxtablet {
padding-left: 2rem;
}
- p{
- width:100%;
+ p {
+ width: 100%;
span,
- strong{
- displaY:block;
- width:100%;
- font-size:1.4rem ;
-
+ strong {
+ display: block;
+ width: 100%;
+ font-size: 1.4rem;
+
line-height: 1.4;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
- @include desktopMax{
- font-size:1.6rem ;
+ @include desktopMax {
+ font-size: 1.6rem;
line-height: 2rem;
}
}
- strong{font-weight: 600;}
- span{font-weight: 400;}
- strong + span{margin-top:1rem; }
+ strong {
+ font-weight: 600;
+ }
+ span {
+ font-weight: 400;
+ }
+ strong + span {
+ margin-top: 1rem;
+ }
}
}
&:first-child {
margin-top: 0;
}
- @include maxtablet{
+ @include maxtablet {
margin-top: 2rem;
&:first-child {
margin-top: 0;
@@ -463,148 +485,157 @@
}
}
}
- .producOption{
- margin-top:5rem;
- h2{
- color:#000;
- font-size:1.6rem;
+ .producOption {
+ margin-top: 5rem;
+ h2 {
+ color: #000;
+ font-size: 1.6rem;
font-weight: 600;
- @include desktopMin{
- font-size:1.8rem;
+ @include desktopMin {
+ font-size: 1.8rem;
}
}
- .optionList{
+ .optionList {
overflow: auto;
max-height: 642px;
- margin-top:2rem;
- @include maxtablet{
+ margin-top: 2rem;
+ @include maxtablet {
max-height: 44.5rem;
}
- .checkBtn{
- label{
- displaY:flex;
- width:100%;
- height:12rem;
+ .checkBtn {
+ label {
+ display: flex;
+ width: 100%;
+ height: 12rem;
overflow: hidden;
- cursor: pointer;
- position: relative;
- @include maxtablet{
- height:8rem;
+ cursor: pointer;
+ position: relative;
+ @include maxtablet {
+ height: 8rem;
}
p {
img {
width: 12rem;
height: 12rem;
- @include maxtablet{
+ @include maxtablet {
width: 8rem;
height: 8rem;
}
}
}
}
- .productSmallVideo{
- min-width:12rem;
- height:12rem;
+ .productSmallVideo {
+ min-width: 12rem;
+ height: 12rem;
overflow: hidden;
position: relative;
- @include desktopMin{
- max-width:100%;
+ @include desktopMin {
+ max-width: 100%;
}
- @include desktopMax{
- min-width:12rem;
- max-width:12rem;
+ @include desktopMax {
+ min-width: 12rem;
+ max-width: 12rem;
+ }
+ img {
+ position: absolute;
+ top: 0;
+ left: 0;
}
- img {position: absolute; top:0; left:0;}
video {
position: absolute;
- height:12rem;
+ height: 12rem;
position: relative;
left: 0;
top: 0;
opacity: 1;
}
}
-
- input[type=checkbox]{
+
+ input[type="checkbox"] {
visibility: hidden;
position: absolute;
- &:checked + label{
- background-color: #05141F;
- border:1px solid #05141F;
- &::before{
+ &:checked + label {
+ background-color: #05141f;
+ border: 1px solid #05141f;
+ &::before {
content: "";
position: absolute;
- right:1.5rem;
- top:50%;
+ right: 1.5rem;
+ top: 50%;
transform: translate(-50%, -50%);
- display:block;
- width:1.5rem;
- height:1.5rem;
+ display: block;
+ width: 1.5rem;
+ height: 1.5rem;
background-image: url("/kr/assets/images/common/icon_select.svg");
background-size: contain;
background-repeat: no-repeat;
- @include desktopMax{
- width:2rem;
- height:2rem;
- right:2rem;
+ @include desktopMax {
+ width: 2rem;
+ height: 2rem;
+ right: 2rem;
}
}
- div{
- p{
+ div {
+ p {
span,
- strong{color:#fff;}
+ strong {
+ color: #fff;
+ }
}
}
}
}
- &:hover{
- label{
- border:1px solid #000;
+ &:hover {
+ label {
+ border: 1px solid #000;
}
}
-
- .optionText{
- display:flex;
+
+ .optionText {
+ display: flex;
flex-wrap: wrap;
align-items: center;
- padding-left:2rem;
- width:100%;
- @include desktopMax{
- padding-left:3rem;
+ padding-left: 2rem;
+ width: 100%;
+ @include desktopMax {
+ padding-left: 3rem;
}
- p{
+ p {
position: relative;
- width:100%;
+ width: 100%;
span,
- strong{
- displaY:block;
- width:100%;
- font-size:1.4rem ;
- width:75%;
+ strong {
+ display: block;
+ width: 100%;
+ font-size: 1.4rem;
+ width: 75%;
line-height: 1.2;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
- @include desktopMax{
- font-size:1.4rem ;
+ @include desktopMax {
+ font-size: 1.4rem;
}
}
- strong{
+ strong {
font-size: 1.6rem;
font-weight: 600;
- em {display: block;font-size: 1.2rem;}
+ em {
+ display: block;
+ font-size: 1.2rem;
+ }
}
- span{
+ span {
font-size: 1.2rem;
font-weight: 400;
}
- strong + span{
- margin-top:1rem;
- @include maxtablet{
- margin-top:.5rem;
+ strong + span {
+ margin-top: 1rem;
+ @include maxtablet {
+ margin-top: 0.5rem;
}
}
.badge {
@@ -612,12 +643,12 @@
justify-content: center;
align-items: center;
position: absolute;
- top:0;
- right:2.4rem;
+ top: 0;
+ right: 2.4rem;
width: 6rem;
height: 2.4rem;
- padding-top: .25rem;
- color:#fff;
+ padding-top: 0.25rem;
+ color: #fff;
font-weight: 600;
font-size: 1.2rem;
background-color: rgba(5, 20, 31, 0.6);
@@ -625,7 +656,7 @@
line-height: 0;
}
- @include maxtablet{
+ @include maxtablet {
strong {
font-size: 1.4rem;
em {
@@ -639,7 +670,7 @@
right: 1.2rem;
width: 5rem;
height: 2rem;
- padding-top: .15rem;
+ padding-top: 0.15rem;
font-size: 1rem;
border-radius: 1rem;
}
@@ -647,69 +678,72 @@
}
}
}
- .disabledBtn{
- label{
- border:1px solid #DEDEDE;
+ .disabledBtn {
+ label {
+ border: 1px solid #dedede;
span,
- strong{color:#9EA1A2;}
- p{
+ strong {
+ color: #9ea1a2;
+ }
+ p {
opacity: 0.5;
}
}
- &:hover{
- label{
- border:1px solid #DEDEDE;
+ &:hover {
+ label {
+ border: 1px solid #dedede;
}
}
}
- .checkBtn + .checkBtn{margin-top:1rem;}
-
- }
- }
- .priceOption{
- margin-top:5rem;
- h2{
- color:#000;
- font-size:1.6rem;
- font-weight: 600;
- @include desktopMax{
- font-size:1.8rem;
+ .checkBtn + .checkBtn {
+ margin-top: 1rem;
}
}
- .priceList{
- margin-top:2rem;
- .radioBtn{
- label{
- displaY:flex;
- justify-content: space-between;
+ }
+ .priceOption {
+ margin-top: 5rem;
+ h2 {
+ color: #000;
+ font-size: 1.6rem;
+ font-weight: 600;
+ @include desktopMax {
+ font-size: 1.8rem;
+ }
+ }
+ .priceList {
+ margin-top: 2rem;
+ .radioBtn {
+ label {
+ display: flex;
+ justify-content: space-between;
align-items: center;
- width:100%;
- padding:2.5rem;
- height:9rem;
+ width: 100%;
+ padding: 2.5rem;
+ height: 9rem;
overflow: hidden;
- cursor: pointer;
- position: relative;
- border-radius: 0.6rem;
- border:1px solid #DEDEDE;
- @media(max-width: 1024px){
- height:8rem;
+ cursor: pointer;
+ position: relative;
+ border-radius: 0.6rem;
+ border: 1px solid #dedede;
+ @media (max-width: 1024px) {
+ height: 8rem;
padding: 2rem;
}
- span{
- font-size:1.4rem;
+ span {
+ font-size: 1.4rem;
font-weight: 400;
- color:#000;
- @include desktopMax{
- font-size:1.6rem;
+ color: #000;
+ @include desktopMax {
+ font-size: 1.6rem;
}
}
- strong{
- font-size:1.7rem;
+ strong {
+ font-size: 1.7rem;
font-weight: 600;
text-align: right;
- color:#000;
- @include desktopMax{
- font-size:2rem;
+ color: #000;
+ @include desktopMax {
+ font-size: 2rem;
}
span {
display: block;
@@ -717,62 +751,62 @@
font-size: 1.4rem;
text-align: right;
}
-
}
.discount {
display: block;
font-size: 1.4rem;
- color: #9EA1A2;
+ color: #9ea1a2;
text-align: right;
- @media(max-width: 1024px){
+ @media (max-width: 1024px) {
width: 100%;
- margin:.2rem 0 0;
-
+ margin: 0.2rem 0 0;
}
b {
font-weight: 600;
}
i {
font-weight: 400;
- text-decoration:line-through;
+ text-decoration: line-through;
}
}
.dc {
- margin-right: .8rem;
- color: #EA0029;
+ margin-right: 0.8rem;
+ color: #ea0029;
}
}
- input[type=radio]{
+ input[type="radio"] {
visibility: hidden;
position: absolute;
- &:checked + label{
- background-color: #05141F;
- border:1px solid #05141F;
+ &:checked + label {
+ background-color: #05141f;
+ border: 1px solid #05141f;
span,
- strong{color:#fff;}
+ strong {
+ color: #fff;
+ }
span {
.title {
- color:#fff;
+ color: #fff;
}
.info {
- color:#fff;
+ color: #fff;
}
}
.discount {
- color: #9EA1A2;
+ color: #9ea1a2;
}
.dc {
- color: #F3C300;
+ color: #f3c300;
}
}
}
- &:hover{
- label{
- border:1px solid #000;
+ &:hover {
+ label {
+ border: 1px solid #000;
}
}
&.coupon {
- background-color: #F3F3F3;
+ background-color: #f3f3f3;
border-radius: 0.6rem;
label {
.title {
@@ -782,8 +816,8 @@
&::after {
content: "";
display: inline-block;
- width:1.4rem;
- height:1.3rem;
+ width: 1.4rem;
+ height: 1.3rem;
background-image: url(/kr/assets/images/common/coupon_star.svg);
background-repeat: no-repeat;
background-size: contain;
@@ -799,110 +833,116 @@
}
}
}
- .disabledBtn{
- label{
- border:1px solid #DEDEDE;
+ .disabledBtn {
+ label {
+ border: 1px solid #dedede;
span,
- strong{color:#9EA1A2;}
+ strong {
+ color: #9ea1a2;
+ }
span {
.title {
- color:#9EA1A2 !important;
+ color: #9ea1a2 !important;
}
.info {
- color:#9EA1A2 !important;
+ color: #9ea1a2 !important;
}
}
}
- &:hover{
- label{
- border:1px solid #DEDEDE;
+ &:hover {
+ label {
+ border: 1px solid #dedede;
}
}
}
- .radioBtn + .radioBtn{margin-top:1rem;}
+ .radioBtn + .radioBtn {
+ margin-top: 1rem;
+ }
}
}
- .priceTotal{
- margin-top:4rem;
- .total{
- display:block;
- @include desktopMax{
- display:flex;
+ .priceTotal {
+ margin-top: 4rem;
+ .total {
+ display: block;
+ @include desktopMax {
+ display: flex;
justify-content: space-between;
align-items: center;
}
- dt{
- font-size:1.4rem;
+ dt {
+ font-size: 1.4rem;
font-weight: 600;
- color:#666;
- @include desktopMax{
- font-size:1.6rem;
+ color: #666;
+ @include desktopMax {
+ font-size: 1.6rem;
}
}
- dd{
- font-size:3rem;
+ dd {
+ font-size: 3rem;
font-weight: 600;
- color:#000;
- margin-top:1.5rem;
- @include desktopMax{
- margin-top:0;
- }
- }
- }
- .paymentButton{
- display:block;
- margin-top:3rem;
- width:100%;
- max-width:initial;
- @include tablet{display:flex; }
- @include desktopMax{
- display:flex;
- justify-content: space-between;
- margin-top:3.2rem;
-
- }
- .cartBtn,
- .PurchaseBtn{width:100%;}
- .cartBtn{
- margin-right:0rem;
- @include tablet{
- margin-right:0.5rem;
- }
- @include desktopMax{
- margin-right:0.5rem;
- }
- }
- .PurchaseBtn{
- margin-left:0;
- @include tablet{
- margin-left:0.5rem;
- }
- @include desktopMax{
- margin-left:0.5rem;
- }
- }
- button+button{
- margin-top:0.8rem;
- @include tablet{margin-top:0rem;}
- @include desktopMax{
+ color: #000;
+ margin-top: 1.5rem;
+ @include desktopMax {
+ margin-top: 0;
+ }
+ }
+ }
+ .paymentButton {
+ display: block;
+ margin-top: 3rem;
+ width: 100%;
+ max-width: initial;
+ @include tablet {
+ display: flex;
+ }
+ @include desktopMax {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 3.2rem;
+ }
+ .cartBtn,
+ .PurchaseBtn {
+ width: 100%;
+ }
+ .cartBtn {
+ margin-right: 0rem;
+ @include tablet {
+ margin-right: 0.5rem;
+ }
+ @include desktopMax {
+ margin-right: 0.5rem;
+ }
+ }
+ .PurchaseBtn {
+ margin-left: 0;
+ @include tablet {
+ margin-left: 0.5rem;
+ }
+ @include desktopMax {
+ margin-left: 0.5rem;
+ }
+ }
+ button + button {
+ margin-top: 0.8rem;
+ @include tablet {
+ margin-top: 0rem;
+ }
+ @include desktopMax {
margin-top: 0;
}
}
}
-
}
-
}
}
-
}
}
-.pdpListBtn{
+.pdpListBtn {
width: 100%;
height: 7.4rem;
- background-color: #F3F3F3;
+ background-color: #f3f3f3;
padding: 0 2rem;
@include tablet {
height: 10rem;
@@ -924,7 +964,7 @@
font-size: 1.6rem;
color: #000000;
}
- @media (max-width: 1240px){
+ @media (max-width: 1240px) {
padding: 0 2rem;
}
a {
@@ -940,4 +980,4 @@
}
}
}
-}
\ No newline at end of file
+}
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/Theme_screen_m.jpg b/kr/assets/images/kia/pdp/display_theme_disney/Theme_screen_m.jpg
index 12e7f60..aa88c6b 100644
Binary files a/kr/assets/images/kia/pdp/display_theme_disney/Theme_screen_m.jpg and b/kr/assets/images/kia/pdp/display_theme_disney/Theme_screen_m.jpg differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/bg_design_m.jpg b/kr/assets/images/kia/pdp/display_theme_disney/bg_design_m.jpg
new file mode 100644
index 0000000..536b067
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/bg_design_m.jpg differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/box_more_m.png b/kr/assets/images/kia/pdp/display_theme_disney/box_more_m.png
new file mode 100644
index 0000000..28e4534
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/box_more_m.png differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/ico_arrow_down.png b/kr/assets/images/kia/pdp/display_theme_disney/ico_arrow_down.png
new file mode 100644
index 0000000..b1b0240
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/ico_arrow_down.png differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/img_next_m.png b/kr/assets/images/kia/pdp/display_theme_disney/img_next_m.png
new file mode 100644
index 0000000..e76f6e9
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/img_next_m.png differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png b/kr/assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png
new file mode 100644
index 0000000..d6c8329
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/img_reasons2_m.png b/kr/assets/images/kia/pdp/display_theme_disney/img_reasons2_m.png
new file mode 100644
index 0000000..c084132
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/img_reasons2_m.png differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png b/kr/assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png
new file mode 100644
index 0000000..e543d89
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/lakers_goodbye.mp4 b/kr/assets/images/kia/pdp/display_theme_disney/lakers_goodbye.mp4
new file mode 100644
index 0000000..78db951
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/lakers_goodbye.mp4 differ
diff --git a/kr/assets/images/kia/pdp/display_theme_disney/lakers_welcome.mp4 b/kr/assets/images/kia/pdp/display_theme_disney/lakers_welcome.mp4
new file mode 100644
index 0000000..d17740c
Binary files /dev/null and b/kr/assets/images/kia/pdp/display_theme_disney/lakers_welcome.mp4 differ
diff --git a/kr/assets/js/common.js b/kr/assets/js/common.js
index 1996a9f..140a823 100644
--- a/kr/assets/js/common.js
+++ b/kr/assets/js/common.js
@@ -1,696 +1,696 @@
//비디오 썸내일 콘트롤
$(document).ready(function () {
- if ("scrollRestoration" in history) {
- history.scrollRestoration = "manual";
- }
+ 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";
+ //윈도우 사이즈 반응형에 따른 스크립트
+ 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.lower", 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: 300, easing: "easeInOutExpo" });
- $("html").removeClass("scrollDisable");
- });
- $(document).on("click", ".burgurBtn", function () {
- $(".menuWarp").stop().animate({ right: "0" }, { queue: true, duration: 300, 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.lower", 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: 300, easing: "easeInOutExpo" });
- $("html").removeClass("scrollDisable");
- });
- $(document).on("click", ".burgurBtn", function () {
- $(".menuWarp").stop().animate({ right: "0" }, { queue: true, duration: 300, easing: "easeInOutExpo" });
- $("html").addClass("scrollDisable");
- });
- }
- targetSize = "tablet";
- } else {
- //데스크탑 class
- body.className = "desktop";
-
- if (targetSize != "desktop") {
- let isEntered = false;
- menu_init();
-
- const $headerInner = $(".hederWarp_n .headerInner");
- let $menuBg = $(".menuBg");
- // menuBg가 없으면 생성 후 삽입
- console.log($menuBg.length);
- if ($menuBg.length <= 0) {
- $menuBg = $('');
- $headerInner.append($menuBg);
- }
-
- $(document).on("mouseenter", ".desktop .gnb", function () {
- if (isEntered) return;
- isEntered = true;
-
- $(".menuDepth2Wrap").hide().stop(true).fadeIn(240);
- $(".desktop .menu").addClass("open");
- $(".desktop .hederWarp_n").addClass("menu-open");
-
- const menuDepth2WrapHeights = $(".desktop .menuDepth2Wrap")
- .toArray()
- .map((el) => Math.floor($(el).outerHeight()));
- const menuDepth2WrapHeight = Math.max(...menuDepth2WrapHeights);
-
- // 강제로 리플로우 발생시켜야 transition 작동
- requestAnimationFrame(() => {
- $menuBg.css("height", `${menuDepth2WrapHeight + 80}px`);
- });
- });
-
- $(document).on("mouseleave", ".desktop .gnb, .desktop .menuBg", function (e) {
- const toElement = e.relatedTarget;
-
- // gnb, menuWarp, logoWrap, menu 내부로 이동한 경우는 무시
- if ($(toElement).closest(".desktop .gnb, .desktop .menuWarp, .desktop .logoWrap, .desktop .menuBg").length > 0) {
- return;
- }
-
- $(".desktop .menuBg").css("height", "0");
- $(".menuDepth2Wrap").hide().stop(true);
- $(".desktop .menu").removeClass("open");
- $(".desktop .hederWarp_n").removeClass("menu-open");
- isEntered = false;
- });
- }
- targetSize = "desktop";
- }
-
- $(document).on("click", ".menuDepth1Wrap > .menuDepth1", function () {
- window.dataLayer.push({
+ 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: $(this).data("dleventlabel"),
- });
- printDL();
+ 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");
+ }
});
- }
- 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");
+ $(document).on("click", ".moblie .menuDepth1Wrap > a.lower", 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: 300, easing: "easeInOutExpo" });
+ $("html").removeClass("scrollDisable");
+ });
+ $(document).on("click", ".burgurBtn", function () {
+ $(".menuWarp").stop().animate({ right: "0" }, { queue: true, duration: 300, 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.lower", 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: 300, easing: "easeInOutExpo" });
+ $("html").removeClass("scrollDisable");
+ });
+ $(document).on("click", ".burgurBtn", function () {
+ $(".menuWarp").stop().animate({ right: "0" }, { queue: true, duration: 300, easing: "easeInOutExpo" });
+ $("html").addClass("scrollDisable");
+ });
+ }
+ targetSize = "tablet";
+ } else {
+ //데스크탑 class
+ body.className = "desktop";
+
+ if (targetSize != "desktop") {
+ let isEntered = false;
+ menu_init();
+
+ const $headerInner = $(".hederWarp_n .headerInner");
+ let $menuBg = $(".menuBg");
+ // menuBg가 없으면 생성 후 삽입
+ console.log($menuBg.length);
+ if ($menuBg.length <= 0) {
+ $menuBg = $('');
+ $headerInner.append($menuBg);
+ }
+
+ $(document).on("mouseenter", ".desktop .gnb", function () {
+ if (isEntered) return;
+ isEntered = true;
+
+ $(".menuDepth2Wrap").hide().stop(true).fadeIn(240);
+ $(".desktop .menu").addClass("open");
+ $(".desktop .hederWarp_n").addClass("menu-open");
+
+ const menuDepth2WrapHeights = $(".desktop .menuDepth2Wrap")
+ .toArray()
+ .map((el) => Math.floor($(el).outerHeight()));
+ const menuDepth2WrapHeight = Math.max(...menuDepth2WrapHeights);
+
+ // 강제로 리플로우 발생시켜야 transition 작동
+ requestAnimationFrame(() => {
+ $menuBg.css("height", `${menuDepth2WrapHeight + 80}px`);
+ });
+ });
+
+ $(document).on("mouseleave", ".desktop .gnb, .desktop .menuBg", function (e) {
+ const toElement = e.relatedTarget;
+
+ // gnb, menuWarp, logoWrap, menu 내부로 이동한 경우는 무시
+ if ($(toElement).closest(".desktop .gnb, .desktop .menuWarp, .desktop .logoWrap, .desktop .menuBg").length > 0) {
+ return;
+ }
+
+ $(".desktop .menuBg").css("height", "0");
+ $(".menuDepth2Wrap").hide().stop(true);
+ $(".desktop .menu").removeClass("open");
+ $(".desktop .hederWarp_n").removeClass("menu-open");
+ isEntered = false;
+ });
+ }
+ targetSize = "desktop";
}
- initSwiper();
-
- $(window).on("resize", function () {
- ww = $(window).width();
- initSwiper();
+ $(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();
- //자동차 번호/메뉴/로그인 선택 슬라이드
- $(".menu > a, .user > a")
+ 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();
+ });
+
+ //자동차 번호/메뉴/로그인 선택 슬라이드
+ $(".menu > a, .user > a")
+ .on("mouseover focusin", function () {
+ $(this).addClass("on");
+ $(this).next(".gnbMenu, .userMenu").addClass("on");
+ $(this)
+ .next(".gnbMenu, .userMenu")
.on("mouseover focusin", function () {
- $(this).addClass("on");
- $(this).next(".gnbMenu, .userMenu").addClass("on");
- $(this)
- .next(".gnbMenu, .userMenu")
- .on("mouseover focusin", function () {
- $(this).addClass("on");
- })
- .on("mouseleave", function () {
- $(this).removeClass("on");
- });
+ $(this).addClass("on");
})
.on("mouseleave", function () {
- $(this).removeClass("on");
- $(this).next(".gnbMenu, .userMenu").removeClass("on");
+ $(this).removeClass("on");
});
-
- let isOverCarItem = false;
- let isOverCarlistItem = false;
-
- $(".carlist").on("mouseenter", function () {
- isOverCarItem = true;
- $(".carItem, .carlistItem").addClass("on");
- });
- $(".carlist").on("mouseleave", function () {
- isOverCarItem = false;
- setTimeout(removeOnClassIfNeeded, 10);
+ })
+ .on("mouseleave", function () {
+ $(this).removeClass("on");
+ $(this).next(".gnbMenu, .userMenu").removeClass("on");
});
- function removeOnClassIfNeeded() {
- if (!isOverCarItem && !isOverCarlistItem) {
- $(".carItem, .carlistItem").removeClass("on");
- }
+ let isOverCarItem = false;
+ let isOverCarlistItem = false;
+
+ $(".carlist").on("mouseenter", function () {
+ isOverCarItem = true;
+ $(".carItem, .carlistItem").addClass("on");
+ });
+ $(".carlist").on("mouseleave", function () {
+ isOverCarItem = false;
+ setTimeout(removeOnClassIfNeeded, 10);
+ });
+
+ function removeOnClassIfNeeded() {
+ if (!isOverCarItem && !isOverCarlistItem) {
+ $(".carItem, .carlistItem").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");
- }
- });
+ $("#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 버튼
+ //top 버튼
- if ($(this).scrollTop() > 200) {
- $(".floating_menu").fadeIn();
+ 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();
+ }
+ //디스플레이테마 스크롤 시 스와이퍼 실행
+ if ($(this).scrollTop() > 10) {
+ if (flagScroll) {
+ // console.log("스크롤 실행")
+ pdpIntro();
+ pdpDisplayThemeSwiper();
+ pdpDisplayThemeSwiperDtl();
+ pdpInCarGameSwiper();
+ pdpInCarGameSwiperDtl();
+ pdpDisplayThemeKbo();
+ pdpDisplayThemeKboSwiperDtl();
+ pdpSwiperDtl(".streamingPremium-swiper1");
+ pdpSwiperDtl(".streamingPremium-swiper2");
+ pdpSwiperDtl(".streamingPremium-swiper3");
+
+ flagScroll = false;
+ }
+ }
+ });
+ $(".floating_top").click(function () {
+ $("html, body").animate({ scrollTop: 0 }, 400);
+ return false;
+ });
+
+ //푸터 페밀리사이트
+ 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);
}
- var flagScroll = true;
- $(window).scroll(function () {
- if ($(this).scrollTop() > 400) {
- $(".floating_menu").fadeIn();
- } else {
- $(".floating_menu").fadeOut();
- }
- //디스플레이테마 스크롤 시 스와이퍼 실행
- if ($(this).scrollTop() > 10) {
- if (flagScroll) {
- // console.log("스크롤 실행")
- pdpIntro();
- pdpDisplayThemeSwiper();
- pdpDisplayThemeSwiperDtl();
- pdpInCarGameSwiper();
- pdpInCarGameSwiperDtl();
- pdpDisplayThemeKbo();
- pdpDisplayThemeKboSwiperDtl();
- pdpSwiperDtl(".streamingPremium-swiper1");
- pdpSwiperDtl(".streamingPremium-swiper2");
- pdpSwiperDtl(".streamingPremium-swiper3");
+ 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");
- });
-
- //문의하기 글자 수 제한
- 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
+ //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");
- });
- },
- },
- });
+ 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();
- }
- }
- );
+ $(".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();
- }
- }
- );
- }
+ 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;
+ flagScroll = false;
}
function pdpSwiperDtl(obj) {
- if ($(`${obj}`).length > 0) {
- var swiperThemeDtl = new Swiper(`${obj} .swiper`, {
- slidesPerView: 1,
- navigation: {
- nextEl: `${obj} .swiper-button-next`,
- prevEl: `${obj} .swiper-button-prev`,
- },
- pagination: {
- el: `${obj} .swiper-pagination`,
- },
- on: {
- init: function () {},
- },
- });
- }
+ if ($(`${obj}`).length > 0) {
+ var swiperThemeDtl = new Swiper(`${obj} .swiper`, {
+ slidesPerView: 1,
+ navigation: {
+ nextEl: `${obj} .swiper-button-next`,
+ prevEl: `${obj} .swiper-button-prev`,
+ },
+ pagination: {
+ el: `${obj} .swiper-pagination`,
+ },
+ on: {
+ init: function () {},
+ },
+ });
+ }
- flagScroll = false;
+ 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);
- });
- },
- },
- });
- }
+ 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;
+ flagScroll = false;
}
function pdpInCarGameSwiper() {
- if ($(".inCarGame .visualBg").length > 0) {
- }
- var swiperTheme = new Swiper(".visualBg", {
- slidesPerView: 1,
- loop: true,
- freeMode: false,
- navigation: {
- nextEl: ".inCarGame .visualBg .swiper-button-next",
- prevEl: ".inCarGame .visualBg .swiper-button-prev",
+ if ($(".inCarGame .visualBg").length > 0) {
+ }
+ var swiperTheme = new Swiper(".visualBg", {
+ slidesPerView: 1,
+ loop: true,
+ freeMode: false,
+ navigation: {
+ nextEl: ".inCarGame .visualBg .swiper-button-next",
+ prevEl: ".inCarGame .visualBg .swiper-button-prev",
+ },
+ pagination: {
+ el: ".inCarGame .visualBg .swiper-pagination",
+ },
+ on: {
+ init: function () {
+ // console.log('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,
},
- pagination: {
- el: ".inCarGame .visualBg .swiper-pagination",
+ // when window width is >= 480px
+ 480: {},
+ // when window width is >= 640px
+ 640: {
+ spaceBetween: 10,
},
- on: {
- init: function () {
- // console.log('pdpInCarGameSwiper 실행한다')
- },
+ },
+ // navigation: {
+ // nextEl: ".inCarGame .swiper-button-next",
+ // prevEl: ".inCarGame .swiper-button-prev",
+ // },
+ on: {
+ init: function () {
+ // console.log('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;
+ $(".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);
- });
- // const videoEle = `
- //
- //
- //
- // `;
- // $(".inCarGameDtlThumb .swiper-slide").eq(0).html(videoEle);
- },
- },
- });
- }
- flagScroll = false;
+ 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);
+ });
+ // const videoEle = `
+ //
+ //
+ //
+ // `;
+ // $(".inCarGameDtlThumb .swiper-slide").eq(0).html(videoEle);
+ },
+ },
+ });
+ }
+ 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");
+ 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}`);
- // console.log("videoEle===", videoEle);
- beforeDtlImgPath = dtlImgPath;
- $(this).html(videoEle);
+ $(this).addClass(`${dtlImgPath}`);
+ // console.log("videoEle===", videoEle);
+ beforeDtlImgPath = dtlImgPath;
+ $(this).html(videoEle);
- // $(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);
+ // $(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);
- $(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}.png`);
+ });
+ // const visualBgSrc = $(".visualBg img").attr("src");
+ // const visualBgLastIndex = visualBgSrc.lastIndexOf("/");
+ // const visualBgPathWithoutFileName = visualBgSrc.substring(0, visualBgLastIndex);
- // $(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`);
+ // $(".visualBg img").attr("src", `${visualBgPathWithoutFileName}/${dtlImgPath}_screen.jpg`);
- flagAutoPlay = false;
+ flagAutoPlay = false;
});
$(document).on("click", ".displayTheme .dtthumb", function () {
- const dtlImgPath = $(this).attr("value");
- const dtlTeamPath = this.dataset.team;
- const dtlImgs = $(".dtlImgs");
- const dtthumbClickState = $(this).attr("data-click");
+ const dtlImgPath = $(this).attr("value");
+ const dtlTeamPath = this.dataset.team;
+ 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 = $(`.swiper .dtthumb[value=${dtlImgPath}]`);
- const dtthumbHisSelectedItem = $(`.theme-story .dtthumb[value=${dtlImgPath}]`).parent();
- const dtthumbItemHtml = `
+ const dtthumbItem = $(this).html();
+ const dtthumbSelectedItem = $(`.swiper .dtthumb[value=${dtlImgPath}]`);
+ const dtthumbHisSelectedItem = $(`.theme-story .dtthumb[value=${dtlImgPath}]`).parent();
+ const dtthumbItemHtml = `
${dtthumbItem}
@@ -699,143 +699,143 @@ $(document).on("click", ".displayTheme .dtthumb", function () {
`;
- $(".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`);
+ });
- //KBO 웰컴/굿바이 비디오 변경
- if ($(".displayTheme-kbo").length > 0) {
- $(this).addClass("active");
- function updateVideoSource(selector, prefix) {
- $(selector).each(function () {
- const video = $(this)[0];
- const source = $(this).find("source")[0];
+ //KBO 웰컴/굿바이 비디오 변경
+ if ($(".displayTheme-kbo").length > 0) {
+ $(this).addClass("active");
+ function updateVideoSource(selector, prefix) {
+ $(selector).each(function () {
+ const video = $(this)[0];
+ const source = $(this).find("source")[0];
- if (video && source) {
- const src = $(source).attr("src");
- const pathWithoutFileName = src.substring(0, src.lastIndexOf("/"));
- const newSrc = `${pathWithoutFileName}/${prefix}_${dtlTeamPath}.mp4`;
+ if (video && source) {
+ const src = $(source).attr("src");
+ const pathWithoutFileName = src.substring(0, src.lastIndexOf("/"));
+ const newSrc = `${pathWithoutFileName}/${prefix}_${dtlTeamPath}.mp4`;
- $(source).attr("src", newSrc);
- video.load();
- video.play().catch((err) => {
- console.warn(`"${prefix}" 비디오 자동 재생 실패:`, err);
- });
- }
- });
+ $(source).attr("src", newSrc);
+ video.load();
+ video.play().catch((err) => {
+ console.warn(`"${prefix}" 비디오 자동 재생 실패:`, err);
+ });
}
-
- updateVideoSource(".video-welcome", "welcome");
- updateVideoSource(".video-goodbye", "goodbye");
+ });
}
- if (dtthumbClickState === "false") {
- $(".theme-story").append(dtthumbItemHtml);
- $(this).attr("data-click", "true");
- dtthumbSelectedItem.addClass("selected");
- }
+ updateVideoSource(".video-welcome", "welcome");
+ updateVideoSource(".video-goodbye", "goodbye");
+ }
- $(".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");
- });
+ if (dtthumbClickState === "false") {
+ $(".theme-story").append(dtthumbItemHtml);
+ $(this).attr("data-click", "true");
+ dtthumbSelectedItem.addClass("selected");
+ }
- dtthumbClickFlag = true;
+ $(".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;
});
function pdpIntro() {
- // dpThemeVideo 요소가 존재하는지 확인
- if ($(".video_wrap").length > 0) {
- // .video_wrap 내 모든 비디오 요소 선택
- const videoElements = document.querySelectorAll(".video_wrap video");
- let cookieVal;
- $(".editorWarp").addClass("playing");
+ // dpThemeVideo 요소가 존재하는지 확인
+ if ($(".video_wrap").length > 0) {
+ // .video_wrap 내 모든 비디오 요소 선택
+ const videoElements = document.querySelectorAll(".video_wrap video");
+ let cookieVal;
+ $(".editorWarp").addClass("playing");
- const videoWrap = $(".editorWarp .video_wrap");
+ const videoWrap = $(".editorWarp .video_wrap");
- const youtubeId = $(".youtube-box").attr("value");
- const youtubeFrame = 'VIDEO ';
- $(".editorWarp .youtube-box").html(youtubeFrame);
+ const youtubeId = $(".youtube-box").attr("value");
+ const youtubeFrame = 'VIDEO ';
+ $(".editorWarp .youtube-box").html(youtubeFrame);
- switch (true) {
- case $(".displayTheme").length > 0:
- cookieVal = "displayThemeIntro";
- break;
- case $(".inCarGame").length > 0:
- cookieVal = "inCarGameIntro";
- break;
- case $(".srsPlus").length > 0:
- cookieVal = "srsPlusIntro";
- break;
- case $(".streamingPremium").length > 0:
- cookieVal = "streamingPremiumIntro";
- break;
- }
+ switch (true) {
+ case $(".displayTheme").length > 0:
+ cookieVal = "displayThemeIntro";
+ break;
+ case $(".inCarGame").length > 0:
+ cookieVal = "inCarGameIntro";
+ break;
+ case $(".srsPlus").length > 0:
+ cookieVal = "srsPlusIntro";
+ break;
+ case $(".streamingPremium").length > 0:
+ cookieVal = "streamingPremiumIntro";
+ break;
+ }
- $(".close-today").html(`제품상세명 > 제품리스트 > 회사명
-
-
-
- 
- STEP 01
- 
- STEP 02
- 
- STEP 03
- 
- STEP 04
- 
- STEP 05
- 
- STEP 06
- 
- STEP 07
- 
- STEP 01
- 
- STEP 02
- 
- STEP 03
- 
- STEP 04
- 
- STEP 05
- 
- STEP 06
- 
- STEP 07
- 
- STEP 08
- 
- 
- 
- 
-