diff --git a/apps/landing/devup.json b/apps/landing/devup.json
index c3133c47..ecf8808d 100644
--- a/apps/landing/devup.json
+++ b/apps/landing/devup.json
@@ -1,500 +1,506 @@
 {
-  "theme": {
-    "colors": {
-      "light": {
-        "primary": "#6159D4",
-        "secondary": "#85A5F2",
-        "link": "#006BFF",
-        "text": "#2F2F2F",
-        "background": "#FFFFFF",
-        "containerBackground": "#FFFFFF",
-        "border": "#E0E0E0",
-        "success": "#4CAF50",
-        "warning": "#FF9800",
-        "error": "#F44336",
-        "info": "#2196F3",
-        "base": "#FFFFFF",
-        "negativeBase": "#000000",
-        "title": "#1A1A1A",
-        "caption": "#A9A8B4",
-        "shadow": "#87878740",
-        "codeBg": "#3E3B41",
-        "cardBg": "#F8F8F8",
-        "buttonBlue": "#266CCD",
-        "joinBg": "#CDE2FA",
-        "third": "#918AE9",
-        "buttonBlueHover": "#1453AC",
-        "buttonBlueActive": "#19498B",
-        "textReverse": "#FFFFFF",
-        "footerTitle": "#A3A4B4",
-        "footerBg": "#E6E7ED",
-        "footerText": "#51575F",
-        "menuHover": "#F6F4FF",
-        "menuActive": "#EAE8FC",
-        "captionBold": "#878594",
-        "search": "#9C50FF"
-      },
-      "dark": {
-        "primary": "#737FE4",
-        "secondary": "#2A4586",
-        "link": "#006BFF",
-        "text": "#EDEDED",
-        "background": "#131313",
-        "containerBackground": "#1E1E1E",
-        "border": "#333333",
-        "success": "#4CAF50",
-        "warning": "#FF9800",
-        "error": "#F44336",
-        "info": "#2196F3",
-        "base": "#000000",
-        "negativeBase": "#FFFFFF",
-        "title": "#FAFAFA",
-        "caption": "#787878",
-        "shadow": "#62626240",
-        "codeBg": "#2E303C",
-        "cardBg": "#28272B",
-        "buttonBlue": "#0867AF",
-        "joinBg": "#2F363E",
-        "third": "#737FE4",
-        "buttonBlueHover": "#1453AC",
-        "buttonBlueActive": "#19498B",
-        "textReverse": "#2F2F2F",
-        "footerTitle": "#A3A4B4",
-        "footerBg": "#2E303C",
-        "footerText": "#FFFFFF",
-        "menuHover": "#3C404B",
-        "menuActive": "#283259",
-        "captionBold": "#878594",
-        "search": "#6FA4FF"
-      }
-    },
-    "typography": {
-      "h1": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "38px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
+    "theme": {
+        "colors": {
+            "light": {
+                "primary": "#6159D4",
+                "secondary": "#85A5F2",
+                "link": "#006BFF",
+                "text": "#2F2F2F",
+                "background": "#FFFFFF",
+                "containerBackground": "#FFFFFF",
+                "border": "#E0E0E0",
+                "success": "#4CAF50",
+                "warning": "#FF9800",
+                "error": "#F44336",
+                "info": "#2196F3",
+                "base": "#FFFFFF",
+                "negativeBase": "#000000",
+                "title": "#1A1A1A",
+                "caption": "#A9A8B4",
+                "shadow": "#87878740",
+                "codeBg": "#3E3B41",
+                "cardBg": "#F8F8F8",
+                "buttonBlue": "#266CCD",
+                "joinBg": "#CDE2FA",
+                "third": "#918AE9",
+                "buttonBlueHover": "#1453AC",
+                "buttonBlueActive": "#19498B",
+                "textReverse": "#FFFFFF",
+                "footerTitle": "#A3A4B4",
+                "footerBg": "#E6E7ED",
+                "footerText": "#51575F",
+                "menuHover": "#F6F4FF",
+                "menuActive": "#EAE8FC",
+                "captionBold": "#878594",
+                "search": "#9C50FF",
+                "kakaoButton": "#DE9800",
+                "kakaoButtonHover": "#C98900",
+                "kakaoButtonActive": "#B77D00"
+            },
+            "dark": {
+                "primary": "#737FE4",
+                "secondary": "#2A4586",
+                "link": "#006BFF",
+                "text": "#EDEDED",
+                "background": "#131313",
+                "containerBackground": "#1E1E1E",
+                "border": "#333333",
+                "success": "#4CAF50",
+                "warning": "#FF9800",
+                "error": "#F44336",
+                "info": "#2196F3",
+                "base": "#000000",
+                "negativeBase": "#FFFFFF",
+                "title": "#FAFAFA",
+                "caption": "#787878",
+                "shadow": "#62626240",
+                "codeBg": "#2E303C",
+                "cardBg": "#28272B",
+                "buttonBlue": "#0867AF",
+                "joinBg": "#2F363E",
+                "third": "#737FE4",
+                "buttonBlueHover": "#1453AC",
+                "buttonBlueActive": "#19498B",
+                "textReverse": "#2F2F2F",
+                "footerTitle": "#A3A4B4",
+                "footerBg": "#2E303C",
+                "footerText": "#FFFFFF",
+                "menuHover": "#3C404B",
+                "menuActive": "#283259",
+                "captionBold": "#878594",
+                "search": "#6FA4FF",
+                "kakaoButton": "#A3740D",
+                "kakaoButtonHover": "#C98900",
+                "kakaoButtonActive": "#E09900"
+            }
         },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "52px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
+        "typography": {
+            "h1": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "38px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "52px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "h6Reg": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 400,
+                    "fontSize": "18px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 400,
+                    "fontSize": "24px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "buttonL": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "17px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "20px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "code": [
+                {
+                    "fontFamily": "D2Coding",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "13px",
+                    "lineHeight": 1.5,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "D2Coding",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "15px",
+                    "lineHeight": 1.5,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "buttonM": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "15px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "17px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "h4": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "28px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "36px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "body": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "14px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "16px",
+                    "lineHeight": 1.5,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "h6": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "18px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "24px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "textS": {
+                "fontFamily": "Pretendard",
+                "fontStyle": "normal",
+                "fontWeight": 500,
+                "fontSize": "15px",
+                "lineHeight": 1.4,
+                "letterSpacing": "-0.03em"
+            },
+            "buttonLbold": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "17px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "18px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "buttonLsemiB": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "17px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "18px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "h2": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "36px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "48px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "h3": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "32px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "42px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "h5": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "24px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 600,
+                    "fontSize": "30px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "buttonS": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 800,
+                    "fontSize": "14px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 700,
+                    "fontSize": "15px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "caption": {
+                "fontFamily": "Pretendard",
+                "fontStyle": "normal",
+                "fontWeight": 500,
+                "fontSize": "14px",
+                "lineHeight": 1.4,
+                "letterSpacing": "-0.03em"
+            },
+            "small": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 300,
+                    "fontSize": "11px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 400,
+                    "fontSize": "12px",
+                    "lineHeight": 1.4,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "buttonSmid": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "14px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "15px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "captionBold": {
+                "fontFamily": "Pretendard",
+                "fontStyle": "normal",
+                "fontWeight": 700,
+                "fontSize": "14px",
+                "lineHeight": 1.3,
+                "letterSpacing": "-0.03em"
+            },
+            "textSbold": {
+                "fontFamily": "Pretendard",
+                "fontStyle": "normal",
+                "fontWeight": 700,
+                "fontSize": "15px",
+                "lineHeight": 1.4,
+                "letterSpacing": "-0.03em"
+            },
+            "textL": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "16px",
+                    "lineHeight": 1.3,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "18px",
+                    "lineHeight": 1.5,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "footerMenu": [
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "13px",
+                    "lineHeight": 1.4,
+                    "letterSpacing": "-0.03em"
+                },
+                null,
+                null,
+                null,
+                {
+                    "fontFamily": "Pretendard",
+                    "fontStyle": "normal",
+                    "fontWeight": 500,
+                    "fontSize": "14px",
+                    "lineHeight": 1.4,
+                    "letterSpacing": "-0.03em"
+                }
+            ],
+            "bodyReg": {
+                "fontFamily": "Pretendard",
+                "fontStyle": "normal",
+                "fontWeight": 400,
+                "fontSize": "16px",
+                "lineHeight": 1.5,
+                "letterSpacing": "-0.03em"
+            },
+            "smallBold": {
+                "fontFamily": "Pretendard",
+                "fontStyle": "normal",
+                "fontWeight": 800,
+                "fontSize": "12px",
+                "lineHeight": 1.4,
+                "letterSpacing": "-0.03em"
+            }
         }
-      ],
-      "h6Reg": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 400,
-          "fontSize": "18px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 400,
-          "fontSize": "24px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "buttonL": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "17px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "20px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "code": [
-        {
-          "fontFamily": "D2Coding",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "13px",
-          "lineHeight": 1.5,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "D2Coding",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "15px",
-          "lineHeight": 1.5,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "buttonM": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "15px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "17px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "h4": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "28px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "36px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "body": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "14px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "16px",
-          "lineHeight": 1.5,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "h6": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "18px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "24px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "textS": {
-        "fontFamily": "Pretendard",
-        "fontStyle": "normal",
-        "fontWeight": 500,
-        "fontSize": "15px",
-        "lineHeight": 1.4,
-        "letterSpacing": "-0.03em"
-      },
-      "buttonLbold": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "17px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "18px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "buttonLsemiB": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "17px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "18px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "h2": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "36px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "48px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "h3": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "32px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "42px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "h5": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "24px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 600,
-          "fontSize": "30px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "buttonS": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 800,
-          "fontSize": "14px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 700,
-          "fontSize": "15px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "caption": {
-        "fontFamily": "Pretendard",
-        "fontStyle": "normal",
-        "fontWeight": 500,
-        "fontSize": "14px",
-        "lineHeight": 1.4,
-        "letterSpacing": "-0.03em"
-      },
-      "small": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 300,
-          "fontSize": "11px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 400,
-          "fontSize": "12px",
-          "lineHeight": 1.4,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "buttonSmid": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "14px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "15px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "captionBold": {
-        "fontFamily": "Pretendard",
-        "fontStyle": "normal",
-        "fontWeight": 700,
-        "fontSize": "14px",
-        "lineHeight": 1.3,
-        "letterSpacing": "-0.03em"
-      },
-      "textSbold": {
-        "fontFamily": "Pretendard",
-        "fontStyle": "normal",
-        "fontWeight": 700,
-        "fontSize": "15px",
-        "lineHeight": 1.4,
-        "letterSpacing": "-0.03em"
-      },
-      "textL": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "16px",
-          "lineHeight": 1.3,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "18px",
-          "lineHeight": 1.5,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "footerMenu": [
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "13px",
-          "lineHeight": 1.4,
-          "letterSpacing": "-0.03em"
-        },
-        null,
-        null,
-        null,
-        {
-          "fontFamily": "Pretendard",
-          "fontStyle": "normal",
-          "fontWeight": 500,
-          "fontSize": "14px",
-          "lineHeight": 1.4,
-          "letterSpacing": "-0.03em"
-        }
-      ],
-      "bodyReg": {
-        "fontFamily": "Pretendard",
-        "fontStyle": "normal",
-        "fontWeight": 400,
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "letterSpacing": "-0.03em"
-      },
-      "smallBold": {
-        "fontFamily": "Pretendard",
-        "fontStyle": "normal",
-        "fontWeight": 800,
-        "fontSize": "12px",
-        "lineHeight": 1.4,
-        "letterSpacing": "-0.03em"
-      }
     }
-  }
-}
+}
\ No newline at end of file
diff --git a/apps/landing/src/components/Discord.tsx b/apps/landing/src/components/Discord.tsx
index b0fe2435..6393d5d3 100644
--- a/apps/landing/src/components/Discord.tsx
+++ b/apps/landing/src/components/Discord.tsx
@@ -30,34 +30,66 @@ export function Discord() {
             CSS-in-JS!
           </Text>
         </VStack>
-        <Link
-          className={css({
-            textDecoration: 'none',
-            borderRadius: '100px',
-          })}
-          href="https://discord.gg/8zjcGc7cWh"
-          target="_blank"
-        >
-          <Flex
-            _active={{
-              bg: '$buttonBlueActive',
-            }}
-            _hover={{
-              bg: '$buttonBlueHover',
-            }}
-            alignItems="center"
-            bg="$buttonBlue"
-            borderRadius="100px"
-            p="16px 40px"
+        <Flex gap="10px">
+          <Link
+            className={css({
+              textDecoration: 'none',
+              borderRadius: '100px',
+            })}
+            href="https://open.kakao.com/o/giONwVAh"
+            target="_blank"
           >
-            <Flex alignItems="center" gap="10px">
-              <Text color="#FFF" typography="buttonLbold">
-                Join our Discord
-              </Text>
-              <Image boxSize="24px" src="/outlink.svg" />
+            <Flex
+              _active={{
+                bg: '$kakaoButtonActive',
+              }}
+              _hover={{
+                bg: '$kakaoButtonHover',
+              }}
+              alignItems="center"
+              bg="$kakaoButton"
+              borderRadius="100px"
+              gap="20px"
+              px="40px"
+              py="16px"
+            >
+              <Flex alignItems="center" gap="10px">
+                <Text color="#FFF" typography="buttonLbold">
+                  Open KakaoTalk
+                </Text>
+                <Image boxSize="24px" src="/outlink.svg" />
+              </Flex>
             </Flex>
-          </Flex>
-        </Link>
+          </Link>
+          <Link
+            className={css({
+              textDecoration: 'none',
+              borderRadius: '100px',
+            })}
+            href="https://discord.gg/8zjcGc7cWh"
+            target="_blank"
+          >
+            <Flex
+              _active={{
+                bg: '$buttonBlueActive',
+              }}
+              _hover={{
+                bg: '$buttonBlueHover',
+              }}
+              alignItems="center"
+              bg="$buttonBlue"
+              borderRadius="100px"
+              p="16px 40px"
+            >
+              <Flex alignItems="center" gap="10px">
+                <Text color="#FFF" typography="buttonLbold">
+                  Join our Discord
+                </Text>
+                <Image boxSize="24px" src="/outlink.svg" />
+              </Flex>
+            </Flex>
+          </Link>
+        </Flex>
       </VStack>
     </VStack>
   )
diff --git a/apps/landing/src/components/Header/HeaderWrap.tsx b/apps/landing/src/components/Header/HeaderWrap.tsx
index 24702e90..75332625 100644
--- a/apps/landing/src/components/Header/HeaderWrap.tsx
+++ b/apps/landing/src/components/Header/HeaderWrap.tsx
@@ -16,7 +16,7 @@ export function HeaderWrap({ children }: { children: React.ReactNode }) {
       top="0"
       transition="all, 0.2s"
       w="100%"
-      zIndex={1}
+      zIndex={2}
     >
       <HeaderWrapInner>{children}</HeaderWrapInner>
     </Box>
diff --git a/apps/landing/src/components/Header/Kakao.tsx b/apps/landing/src/components/Header/Kakao.tsx
new file mode 100644
index 00000000..399d6510
--- /dev/null
+++ b/apps/landing/src/components/Header/Kakao.tsx
@@ -0,0 +1,32 @@
+import { css } from '@devup-ui/react'
+import Link from 'next/link'
+
+export function Kakao() {
+  return (
+    <Link
+      className={css({
+        textDecoration: 'none',
+      })}
+      href="https://open.kakao.com/o/giONwVAh"
+      target="_blank"
+    >
+      <svg
+        className={css({
+          color: '$text',
+        })}
+        fill="none"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clipRule="evenodd"
+          d="M12.0001 3C5.92457 3 1 6.76292 1 11.4039C1 14.2901 2.90472 16.8346 5.80521 18.348L4.58483 22.7571C4.477 23.1467 4.92752 23.4572 5.27347 23.2314L10.623 19.7396C11.0745 19.7827 11.5332 19.8078 12.0001 19.8078C18.0751 19.8078 23 16.045 23 11.4039C23 6.76292 18.0751 3 12.0001 3Z"
+          fill="#1A1A1A"
+          fillRule="evenodd"
+        />
+      </svg>
+    </Link>
+  )
+}
diff --git a/apps/landing/src/components/Header/MobMenu.tsx b/apps/landing/src/components/Header/MobMenu.tsx
index 862fdebb..08f5270a 100644
--- a/apps/landing/src/components/Header/MobMenu.tsx
+++ b/apps/landing/src/components/Header/MobMenu.tsx
@@ -40,6 +40,7 @@ export function MobMenu() {
             </Text>
           </Flex>
         </Link>
+        <Box h="100px" />
       </Box>
     </MobMenuWrap>
   )
diff --git a/apps/landing/src/components/Header/index.tsx b/apps/landing/src/components/Header/index.tsx
index 92b5ffb7..a5b86dd1 100644
--- a/apps/landing/src/components/Header/index.tsx
+++ b/apps/landing/src/components/Header/index.tsx
@@ -8,6 +8,7 @@ import { Github } from './Github'
 import { HeaderInput } from './HeaderInput'
 import { HeaderInputWrap } from './HeaderInputWrap'
 import { HeaderWrap } from './HeaderWrap'
+import { Kakao } from './Kakao'
 import { Menu } from './Menu'
 import { MobMenu } from './MobMenu'
 import { MobMenuButton } from './MobMenuButton'
@@ -31,6 +32,9 @@ export function Header() {
       <Flex alignItems="center" px="10px">
         <Discord />
       </Flex>
+      <Flex alignItems="center" px="10px">
+        <Kakao />
+      </Flex>
       <Flex alignItems="center" px="10px">
         <ThemeSwitch />
       </Flex>