디즈니 작업 중

kr/assets/css/pdp_detail.scss

@@ -4440,7 +4440,7 @@
   &.comp_content {
     .comp_wide {
       max-width: 192rem;
-      height: 337.4rem;
+      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;
@@ -4465,12 +4465,17 @@
       }
       .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;
@@ -4479,12 +4484,23 @@
                 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;
                   border: 0;
                   background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
+                  &:before {
+                    background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
+                  }
                 }
               }
             }
@@ -4495,6 +4511,12 @@
           text-align: left;
         }
 
+        .tab-box {
+          .item {
+            margin-bottom: 6.4rem;
+          }
+        }
+
         h4 {
           font-size: 2.4rem;
           font-weight: 600;
@@ -4514,6 +4536,77 @@
       & + .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%;
+          }
+        }
+      }
     }
   }
 }