diff --git a/public/index.html b/public/index.html
index 14e6777..96e5055 100644
--- a/public/index.html
+++ b/public/index.html
@@ -40,15 +40,15 @@
     <main id="root">
       <section class="load-view">
         <div class="load-view__frame">
-          <div class="load-view__frame-squares">
+          <div class="load-view__frame__squares">
             <div></div><div></div><div></div><div></div>
           </div>
-          <div class="load-view__frame-lines">
+          <div class="load-view__frame__lines">
             <div></div><div></div><div></div><div></div>
           </div>
         </div>
         <div class="load-view__body">
-          <div class="load-view__body-bg"></div>
+          <div class="load-view__body__bg"></div>
         </div>
       </section>
     </main>
diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss
index 3ed47ef..4a8ed66 100644
--- a/src/scss/modules/pc/load-view.scss
+++ b/src/scss/modules/pc/load-view.scss
@@ -18,7 +18,7 @@
   }
 
   /*** squares ***/
-  .load-view__frame-squares {
+  .load-view__frame__squares {
     position: absolute;
     top: 0; left: 0;
     width: 100%; height: 100%;
@@ -37,7 +37,7 @@
   }
 
   /*** lines ***/
-  .load-view__frame-lines {
+  .load-view__frame__lines {
     position: absolute;
     top: 37px; left: 37px;
     width: calc(100% - 74px);
@@ -71,6 +71,12 @@
     top: 80px; left: 80px;
     width: calc(100% - 160px);
     height: calc(100% - 160px);
+  }
+
+  .load-view__body__bg {
+    position: absolute;
+    top: 0; left: 0;
+    width: 100%; height: 100%;
 
     &::before,
     &::after {