.

resources/sass/common/reset.scss

@@ -1,3 +1,10 @@
+// Font Awesome
+$fa-font-path: "@fortawesome/fontawesome-free/webfonts";
+@import '@fortawesome/fontawesome-free/scss/fontawesome';
+@import '@fortawesome/fontawesome-free/scss/regular';
+@import '@fortawesome/fontawesome-free/scss/solid';
+@import '@fortawesome/fontawesome-free/scss/brands';
+
 html {
     scrollbar-width: auto;
     scrollbar-color: hsla(0, 0%, 53%, .5) #585858;
@@ -11,20 +18,19 @@ input[type="number"]::-webkit-inner-spin-button {
     margin: 0;
 }
 
+label {
+    cursor: pointer;
+}
+
 a {
     text-decoration: none;
 
     &:hover,
-    &:focus,
-    &:active {
+    &:focus {
         text-decoration: underline;
     }
 }
 
-label {
-    cursor: pointer;
-}
-
 /* 기본 버튼 */
 .btn-default {
     display: inline-block;
@@ -148,3 +154,23 @@ label {
         }
     }
 }
+
+.pagination {
+    justify-content: center;
+    padding: 10px 0 20px 0;
+
+    ul {
+        margin: 0;
+        padding: 0;
+
+        li {
+            a {
+                &:hover,
+                &:focus,
+                &:active {
+                    text-decoration: none;
+                }
+            }
+        }
+    }
+}

resources/sass/sub.scss

@@ -1,26 +1,26 @@
 // Fonts
-@use "common/font";
+@import "common/font";
 
 // Variables
-@use 'variables';
+@import 'variables';
 
 // Bootstrap
-@use 'bootstrap/scss/bootstrap';
+@import 'bootstrap/scss/bootstrap';
 
 // Common
-@use 'common/reset';
+@import 'common/reset';
 
 // 로그인
-@use 'common/auth/login';
+@import 'common/auth/login';
 
 // 회원가입
-@use 'common/auth/register';
+@import 'common/auth/register';
 
 // 비밀번호 재설정, 변경 처리
-@use 'common/auth/passwords';
+@import 'common/auth/passwords';
 
 // 이메일 주소 확인
-@use 'common/auth/verify';
+@import 'common/auth/verify';
 
 // Jquery-ui
 @import url('jquery-ui/themes/base/all.css');