diff --git a/1Week_Mission/mutbooks/src/main/resources/static/resource/common/common.css b/1Week_Mission/mutbooks/src/main/resources/static/resource/common/common.css
new file mode 100644
index 0000000..5a14a4c
--- /dev/null
+++ b/1Week_Mission/mutbooks/src/main/resources/static/resource/common/common.css
@@ -0,0 +1,12 @@
+@font-face {
+ font-family: 'GmarketSansMedium';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+html > body {
+ font-family: "GmarketSansMedium";
+ text-underline-position: under;
+ color: #444;
+}
\ No newline at end of file
diff --git a/1Week_Mission/mutbooks/src/main/resources/static/resource/common/common.js b/1Week_Mission/mutbooks/src/main/resources/static/resource/common/common.js
new file mode 100644
index 0000000..988903a
--- /dev/null
+++ b/1Week_Mission/mutbooks/src/main/resources/static/resource/common/common.js
@@ -0,0 +1,29 @@
+toastr.options = {
+ closeButton: false,
+ debug: false,
+ newestOnTop: false,
+ progressBar: false,
+ positionClass: "toast-top-right",
+ preventDuplicates: false,
+ onclick: null,
+ showDuration: "300",
+ hideDuration: "1000",
+ timeOut: "5000",
+ extendedTimeOut: "1000",
+ showEasing: "swing",
+ hideEasing: "linear",
+ showMethod: "fadeIn",
+ hideMethod: "fadeOut"
+};
+
+function successModal(msg) {
+ toastr["success"](msg);
+}
+
+function errorModal(msg) {
+ toastr["error"](msg);
+}
+
+function warningModal(msg) {
+ toastr["warning"](msg);
+}
\ No newline at end of file
diff --git a/1Week_Mission/mutbooks/src/main/resources/templates/layout/layout.html b/1Week_Mission/mutbooks/src/main/resources/templates/layout/layout.html
new file mode 100644
index 0000000..5a2c220
--- /dev/null
+++ b/1Week_Mission/mutbooks/src/main/resources/templates/layout/layout.html
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file