feat: MaxWidthLayout 추가

frontend/src/components/Layout/MaxWidthLayout.jsx

@@ -0,0 +1,5 @@
+import styles from './MaxWidthLayout.module.css';
+
+export default function MaxWidthLayout({ children }) {
+  return <div className={styles.area}>{children}</div>;
+}

frontend/src/components/Layout/MaxWidthLayout.module.css

@@ -0,0 +1,5 @@
+.area {
+  max-width: 1320px;
+  padding: 0 40px;
+  margin: 0 auto;
+}

frontend/src/components/Layout/index.js

@@ -1 +1,2 @@
 export { default as PageLayout } from './PageLayout';
+export { default as MaxWidthLayout } from './MaxWidthLayout';

frontend/src/index.css

@@ -132,6 +132,7 @@
 body {
   font-family:
     Pretendard,
+    Pretendard Variable,
     -apple-system,
     BlinkMacSystemFont,
     Apple SD Gothic Neo,