Enhance Disney display theme styles: add new Pixar theme styles, including responsive design adjustments, updated color schemes, and improved layout for better user experience. Update HTML content for clarity and consistency in Korean.

kr/assets/css/pdp_detail.scss

@@ -4819,6 +4819,7 @@
                   padding: 0;
                   font-size: 1.6rem;
                   color: #b2b8bd;
+                  line-height: 1.4;
                 }
               }
             }
@@ -4867,6 +4868,34 @@
         }
       }
     }
+    &.pixar {
+      padding-top: 0;
+      background: #fff;
+      .tab-box {
+        padding-top: 0;
+        .discover-area {
+          padding: 4rem 0 0;
+          background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design_m.jpg) no-repeat center top / 100% auto;
+
+          @include tablet {
+            padding: 12rem 0;
+            background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design.jpg) no-repeat center top / 192rem auto;
+          }
+          > .comp_top {
+            padding-bottom: 0;
+            h3 {
+              margin-bottom: 4.8rem;
+              @include tablet {
+                margin-bottom: 8rem;
+              }
+              &.color-000 {
+                color: #000;
+              }
+            }
+          }
+        }
+      }
+    }
 
     .comp_top {
       padding: 0 2rem 2.4rem;
@@ -5136,7 +5165,9 @@
         font-weight: 600;
         color: #fff;
         line-height: 1.25;
-
+        &.color-000 {
+          color: #000;
+        }
         @include tablet {
           font-size: 2.4rem;
         }
@@ -5148,7 +5179,9 @@
         color: #fff;
         line-height: 1.55;
         letter-spacing: -0.025em;
-
+        &.color-000 {
+          color: #000;
+        }
         @include tablet {
           margin-top: 1.4rem;
           font-size: 1.6rem;
@@ -5218,18 +5251,38 @@
                 }
               }
             }
+
+            &.stay-tuned-item {
+              @include tablet {
+                width: 20rem;
+                height: 100%;
+              }
+              strong {
+                @include tablet {
+                  text-align: center;
+                }
+              }
+            }
           }
         }
       }
     }
     &.discover-epic-design {
       .tab-wrap {
+        @include tablet {
+          padding-top: 6.4rem;
+        }
         .tab-box {
           padding-top: 0;
+          margin-top: 0;
+          @include tablet {
+            margin-top: 6.4rem;
+          }
         }
         .tab-menu {
           @include tablet {
-            padding: 8rem 2rem 6.4rem;
+            // padding: 8rem 2rem 6.4rem;
+            padding: 1.6rem 2rem 1.6rem;
           }
           .btn-select {
             overflow: hidden;
@@ -5421,6 +5474,9 @@
           @include tablet {
             width: 1.2rem;
             height: 10rem;
+            top: 50%;
+            bottom: auto;
+            transform: translateY(-50%);
           }
         }
       }
@@ -5435,7 +5491,7 @@
 
         @include tablet {
           height: 6.4rem;
-          padding: 0 0.8rem;
+          padding: 0;
           font-size: 4.8rem;
           line-height: 6.4rem;
         }