diff --git a/src/apis/.http b/src/apis/.http
new file mode 100644
index 00000000..e69de29b
diff --git a/tailwind.config.js b/tailwind.config.js
index 383e106d..25a4545d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,7 +2,65 @@
 module.exports = {
   content: ['./pages/**/*.{js,ts,jsx,tsx,mdx}', './src/**/*.{js,ts,jsx,tsx,mdx}'],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        pretendard: ['Pretendard'],
+        iropkeBatang: ['IropkeBatang'],
+      },
+      colors: {
+        'black-100': '#787878',
+        'black-200': '#6B6B6B',
+        'black-300': '#5E5E5E',
+        'black-400': '#525252',
+        'black-500': '#454545',
+        'black-600': '#373737',
+        'black-700': '#2B2B2B',
+        'black-800': '#1F1F1F',
+        'black-900': '#121212',
+        'black-950': '#050505',
+        'blue-100': '#FFFFFF',
+        'blue-200': '#ECEFF4',
+        'blue-300': '#CBD3E1',
+        'blue-400': '#ABB8CE',
+        'blue-500': '#8B9DBC',
+        'blue-600': '#6A82A9',
+        'blue-700': '#52698E',
+        'blue-800': '#40516E',
+        'blue-900': '#2D394E',
+        'blue-950': '#1A212D',
+        'gray-100': '#DEDEDE',
+        'gray-200': '#C4C4C4',
+        'gray-300': '#ABABAB',
+        'gray-400': '#919191',
+        'background-100': '#F5F7FA',
+        'state-error': '#FF6577',
+        'line-100': '#F2F2F2',
+        'line-200': '#CFDBEA',
+        'illust-yellow': '#FBC85B',
+        'illust-green': '#48BB98',
+        'illust-purple': '#8E80E3',
+        'illust-blue': '#5195EE',
+        'illust-red': '#E46E80',
+        'illust-brown': '#9A695E',
+        'sub-yellow': '#E8AA26',
+        'sub-blue_1': '#3E3E3E',
+        'sub-blue_2': '#3E414D',
+        'sub-blue_3': '#494D59',
+        'sub-gray_1': '#C7D1E0',
+        'sub-gray_2': '#E3E9F1',
+        'sub-gray_3': '#EFF3F8',
+      },
+      screens: {
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
+        '2xl': '1536px',
+      },
+      backgroundImage: {
+        stripes: 'repeating-linear-gradient(to bottom, #ffffff, #ffffff 23px, #e5e7eb 23px, #e5e7eb 24px)',
+      },
+    },
   },
   plugins: [],
 };