no message

assets/scss/style.scss

@@ -64,6 +64,8 @@ img{
         // animation: fadeUpLogo 2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
       }
       >h1{
+        max-width: 966px;
+        width: 80%;
         margin-bottom: 30px;
         // opacity: 0;
         // transform: translateX(-60px);
@@ -363,7 +365,7 @@ img{
       position: relative;
       background-position: bottom;
       background-repeat: no-repeat;
-      z-index: 1;
+      z-index: 10;
       display: flex;
       flex-direction: column;
       justify-content: center;
@@ -410,6 +412,8 @@ img{
       font-family: 'Pretendard Variable';
       font-weight: 800;
       font-size: 30px;
+      position: relative;
+      z-index: 30;
       padding: 20px 40px;
       background-color: #00175f;
       color: #ffffff;
@@ -1487,6 +1491,11 @@ img{
   }
   .evt--section01{
     .section--container{
+      .section--title{
+        .bg--wave--wrap{
+          right: -20%;
+        }
+      }
       .swiper--wrap{
         .swiper-button-next,
         .swiper-button-prev{
@@ -1951,8 +1960,9 @@ img{
         margin-bottom: 80px;
         .bg2{
           left: -120px;
+          bottom: -160px;
           img{
-            width: 60%;
+            width: 50%;
           }
         }
         .bg4{
@@ -1968,7 +1978,6 @@ img{
           height: 300px;
           width: 450px;
           .bg--wave2{
-            display: none;
           }
         }
       }
@@ -1985,7 +1994,7 @@ img{
     .section--container{
       .evt--1{
         .bg1{
-          top: 10%;                   
+          top: 8%;                   
         }
         .bg2{
           right: -320px;
@@ -2177,6 +2186,7 @@ img{
           height: 80px;
         }
         .count--txt{
+          margin-bottom: 0;
           >p{
             font-size: 20px;
           }
@@ -2199,6 +2209,7 @@ img{
           //   width: 60px;
           //   height: 80px;
           // }
+          margin-bottom: 0px;
           transform: scale(.4);          
         }
       }
@@ -2220,6 +2231,9 @@ img{
 @media(max-width: 500px){
   .evt--section01{
     .section--container{
+      .section--title{
+        margin-top: 80px;
+      }
       .swiper--wrap{
         margin-bottom: 50px;
         .swiper--tab--wrap{
@@ -2256,6 +2270,7 @@ img{
       .evt--1{
         padding-bottom: 70px;
         .bg1{
+          left: -5%;
           img{
           }
         }
@@ -2267,7 +2282,8 @@ img{
           }
         }
         .bg3{
-          top: 32%;
+          left: -7%;
+          top: 34%;
         }
         .evt--box{
           margin-bottom: 0;

index.html

@@ -114,7 +114,7 @@
                 </div>
                 <div class="slide--desc">
                   <h4>실내 · 야외 온천 스파</h4>
-                  <p>조용하고 편안하게 즐기는 실내 스파, 자연의 소리와 은은한 허브향이 함께하는 야외 스파, <br>계절과 테마 별 이색 컨텐츠를 담은 이벤트 스파까지. 17개의 온천 스파를 취향 따라 즐겨보세요.</p>
+                  <p>조용하고 편안하게 즐기는 실내 스파, 장르 별 음악과 은은한 허브향이 함께하는 야외 스파, <br>계절과 테마 별 이색 컨텐츠를 담은 이벤트 스파까지. 17개의 온천 스파를 취향 따라 즐겨보세요.</p>
                 </div>
               </div>
             </div>