misc: 500px 모드를 일관되게 적용.

- media-1000px, media-500px 추가

hwe/scss/main.scss

@@ -1,6 +1,6 @@
-@import "./common/break_500px.scss";
 @import "./common/bootstrap5.scss";
 @import "./editor_component.scss";
+@import "./util.scss";
 body {
     color: white;
     background-color: black;
@@ -10,14 +10,14 @@ body {
     background-repeat: repeat-y;
 }
 
-@include media-breakpoint-up(md) {
+@include media-1000px {
     #container {
         width: 1000px;
         margin: 0 auto;
     }
 }
 
-@include media-breakpoint-down(md) {
+@include media-500px {
     body {
         overflow-x: hidden;
     }
@@ -120,7 +120,7 @@ body {
     text-overflow: ellipsis;
 }
 
-@include media-breakpoint-up(md) {
+@include media-1000px {
     #map_view {
         grid-template-columns: 500px 200px 300px;
         grid-template-rows: 520px 130px;
@@ -220,7 +220,7 @@ body {
     overflow: hidden;
 }
 
-@include media-breakpoint-down(md) {
+@include media-500px {
     .buttonPlate {
         display: grid;
         grid-template-columns: repeat(5, 1fr);
@@ -396,7 +396,7 @@ body {
 
 }
 
-@include media-breakpoint-up(md) {
+@include media-1000px {
     #message_board section {
         overflow-y: auto;
         overflow-x: hidden;
@@ -412,7 +412,7 @@ body {
     }
 }
 
-@include media-breakpoint-down(md) {
+@include media-500px {
 
     #message_board .message_input_form {
         position: -webkit-sticky;
@@ -537,7 +537,7 @@ body {
 }
 
 
-@include media-breakpoint-down(md) {
+@include media-500px {
     #mailbox_list-col {
         order: 1;
     }
@@ -588,13 +588,13 @@ body {
 }
 
 
-@include media-breakpoint-up(md) {
+@include media-1000px {
     #float-tabs {
         display: none;
     }
 }
 
-@include media-breakpoint-down(md) {
+@include media-500px {
     #float-tabs {
         position: fixed;
         right: -1rem;
@@ -629,17 +629,3 @@ body {
         }
     }
 }
-
-
-.s-border-t {
-    border-top: gray solid 1px;
-}
-
-.s-border-b {
-    border-bottom: gray solid 1px;
-}
-
-.s-border-tb {
-    border-top: gray solid 1px;
-    border-bottom: gray solid 1px;
-}