전용관 수정 중

kr/assets/css/promotion.scss

@@ -110,7 +110,7 @@ html {
         position: absolute;
         left: 2rem;
         bottom: 4rem;
-        z-index: 1;
+        z-index: 10;
         img {
           display: block;
           height: 3.6rem;
@@ -127,7 +127,7 @@ html {
         position: absolute;
         right: 2rem;
         bottom: 4rem;
-        z-index: 1;
+        z-index: 10;
         img {
           display: block;
           height: 2.8rem;
@@ -344,11 +344,39 @@ html {
     .parallax-bg {
       height: 100vh;
       background: url("../images/kia/promotion/section1_m.jpg") no-repeat center bottom / cover;
+
+      &:after {
+        content: "";
+        display: block;
+        position: absolute;
+        top: 1px;
+        left: 0;
+        z-index: 3;
+        width: 100%;
+        height: 100%;
+        background: url("../images/kia/promotion/section1_m_board.png") no-repeat center bottom / cover;
+        @include tablet {
+          background: url("../images/kia/promotion/section1_board.png") no-repeat center bottom / cover;
+        }
+      }
       @include tablet {
         height: 108rem;
         aspect-ratio: 1920 / 1080;
         background: url("../images/kia/promotion/section1.jpg") no-repeat center top / cover;
       }
+      &.reveal2 {
+        &:before {
+          content: "";
+          display: block;
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          z-index: 1;
+          width: 100%;
+          height: 100%;
+          background: url("../images/kia/promotion/section1_dim.png") no-repeat center / cover;
+        }
+      }
     }
     .section-content {
       padding-top: 22.1rem;
@@ -358,12 +386,15 @@ html {
       .content-item {
         position: absolute;
         top: 40vw;
+        left: 0;
+        width: 100%;
         padding: 0 2rem;
         font-size: 1.8rem;
         font-weight: 400;
         color: #fff;
         @include tablet {
-          position: static;
+          position: absolute;
+          top: 11vw;
           padding: 0;
           font-size: 2.8rem;
         }
@@ -410,6 +441,16 @@ html {
   }
 
   .section2 {
+    .section-content {
+      .content-item {
+        .copy {
+          position: static;
+          margin-top: 20rem;
+          transform: none;
+          text-align: center;
+        }
+      }
+    }
   }
 
   .section3 {
@@ -1185,6 +1226,7 @@ html {
               strong {
                 padding: 0;
                 font-size: 1.6rem;
+                font-weight: normal;
               }
             }
           }