diff --git a/src/styles/emotion.d.ts b/src/styles/emotion.d.ts
index 963ea585..d7eaaea4 100644
--- a/src/styles/emotion.d.ts
+++ b/src/styles/emotion.d.ts
@@ -50,6 +50,13 @@ declare module '@emotion/react' {
       title11: SerializedStyles;
       title12: SerializedStyles;
       title13: SerializedStyles;
+      mTitle1: SerializedStyles;
+      mTitle2: SerializedStyles;
+      mTitle3: SerializedStyles;
+      mTitle4: SerializedStyles;
+      mTitle5: SerializedStyles;
+      mTitle6: SerializedStyles;
+      mTitle7: SerializedStyles;
       subtitle1: SerializedStyles;
       subtitle2: SerializedStyles;
       subtitle3: SerializedStyles;
@@ -57,6 +64,10 @@ declare module '@emotion/react' {
       subtitle5: SerializedStyles;
       subtitle6: SerializedStyles;
       subtitle7: SerializedStyles;
+      mSubtitle1: SerializedStyles;
+      mSubtitle2: SerializedStyles;
+      mSubtitle3: SerializedStyles;
+      mSubtitle4: SerializedStyles;
       body1: SerializedStyles;
       body2: SerializedStyles;
       body3: SerializedStyles;
@@ -66,10 +77,16 @@ declare module '@emotion/react' {
       body7: SerializedStyles;
       body8: SerializedStyles;
       body9: SerializedStyles;
+      mBody1: SerializedStyles;
+      mBody2: SerializedStyles;
+      mBody3: SerializedStyles;
+      mBody4: SerializedStyles;
       button1: SerializedStyles;
       button2: SerializedStyles;
       button3: SerializedStyles;
       button4: SerializedStyles;
+      mButton1: SerializedStyles;
+      editor: SerializedStyles;
     };
   }
 }
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index f97ce31b..007aaf47 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -132,6 +132,56 @@ export const theme = {
       font-style: normal;
       line-height: 120%;
     `,
+    mTitle1: css`
+      font-weight: 600;
+      font-size: 1.6rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 140%; /* 22.4px */
+    `,
+    mTitle2: css`
+      font-weight: 700;
+      font-size: 1.7rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 130%; /* 22.1px */
+    `,
+    mTitle3: css`
+      font-weight: 600;
+      font-size: 1.8rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 160%; /* 28.8px */
+    `,
+    mTitle4: css`
+      font-weight: 700;
+      font-size: 1.8rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 21.6px */
+    `,
+    mTitle5: css`
+      font-weight: 600;
+      font-size: 2rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 24px */
+    `,
+    mTitle6: css`
+      font-weight: 700;
+      font-size: 2.2rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 26.4px */
+    `,
+    mTitle7: css`
+      font-weight: 600;
+      font-size: 2.4rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 28.8px */
+    `,
+
     subtitle1: css`
       font-weight: 700;
       font-size: 1.8rem;
@@ -182,6 +232,34 @@ export const theme = {
       line-height: 150%; /* 39px */
       letter-spacing: -0.78px;
     `,
+    mSubtitle1: css`
+      font-weight: 400;
+      font-size: 1.2rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 140%; /* 16.8px */
+    `,
+    mSubtitle2: css`
+      font-weight: 500;
+      font-size: 1.4rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 140%; /* 19.6px */
+    `,
+    mSubtitle3: css`
+      font-weight: 400;
+      font-size: 1.5rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 18px */
+    `,
+    mSubtitle4: css`
+      font-weight: 500;
+      font-size: 1.6rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 19.2px */
+    `,
     body1: css`
       font-weight: 500;
       font-size: 1.6rem;
@@ -245,6 +323,34 @@ export const theme = {
       font-style: normal;
       line-height: 150%; /* 24px */
     `,
+    mBody1: css`
+      font-weight: 600;
+      font-size: 1.2rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 140%; /* 16.8px */
+    `,
+    mBody2: css`
+      font-weight: 400;
+      font-size: 1.3rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 140%; /* 18.2px */
+    `,
+    mBody3: css`
+      font-weight: 400;
+      font-size: 1.4px;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 140%; /* 19.6px */
+    `,
+    mBody4: css`
+      font-weight: 400;
+      font-size: 1.6rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 200%; /* 32px */
+    `,
     button1: css`
       font-weight: 600;
       font-size: 1.6rem;
@@ -273,6 +379,20 @@ export const theme = {
       font-style: normal;
       line-height: 125%; /* 20px */
     `,
+    mButton1: css`
+      font-weight: 600;
+      font-size: 1.4rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 135%; /* 18.9px */
+    `,
+    editor: css`
+      font-weight: 500;
+      font-size: 1.3rem;
+      font-family: 'Pretendard Variable', sans-serif;
+      font-style: normal;
+      line-height: 120%; /* 15.6px */
+    `,
   },
 };