feat: 500xp 모드에서 오른쪽 고속 이동 툴바

hwe/scss/main.scss

@@ -322,6 +322,7 @@ body {
 }
 
 @include media-breakpoint-down(md) {
+
     .public_message,
     .diplomacy_message,
     .national_message,
@@ -473,4 +474,46 @@ body {
 #mailbox_list option {
     color: white;
     background-color: black;
+}
+
+
+@include media-breakpoint-up(md) {
+    #float-tabs {
+        display: none;
+    }
+}
+
+@include media-breakpoint-down(md) {
+    #float-tabs {
+        position: fixed;
+        right: -1rem;
+        top: 10%;
+        width: 3rem;
+
+        .btn-group-vertical {
+            margin-bottom: 0.5em;
+        }
+
+        .btn {
+            padding-left: 0.5em;
+            padding-right: 1.5rem;
+            line-height: 1em;
+        }
+    }
+}
+
+@media (max-width: 560px) {
+    #float-tabs {
+        .btn {
+            opacity: 0.7;
+        }
+
+        .btn.active{
+            opacity: 1.0;
+        }
+
+        .btn:active{
+            opacity: 0.7;
+        }
+    }
 }