feat: 기본 레이아웃 설정, 스타일 설정, 메뉴 세팅 (ui는 kamco 프로젝트 기반)

web-app/app/app.css

@@ -1,9 +1,62 @@
 @import "tailwindcss";
-@import "pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css";
+
+@font-face {
+  font-family: "Pretendard";
+  font-weight: 400;
+  font-style: normal;
+  src: url("~/shared/assets/fonts/Pretendard-Regular.subset.woff") format("woff");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Pretendard";
+  font-weight: 500;
+  font-style: normal;
+  src: url("~/shared/assets/fonts/Pretendard-Medium.subset.woff") format("woff");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Pretendard";
+  font-weight: 600;
+  font-style: normal;
+  src: url("~/shared/assets/fonts/Pretendard-SemiBold.subset.woff") format("woff");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Pretendard";
+  font-weight: 700;
+  font-style: normal;
+  src: url("~/shared/assets/fonts/Pretendard-Bold.subset.woff") format("woff");
+  font-display: swap;
+}
 
 @theme {
-  --font-sans: "Pretendard Variable", ui-sans-serif, system-ui, sans-serif,
+  --font-sans: "Pretendard", ui-sans-serif, system-ui, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+  /* Primary (Navy) */
+  --color-primary: var(--color-dabeeo-navy-main);
+  --color-primary-secondary: var(--color-dabeeo-navy-secondary);
+  --color-primary-tertiary: var(--color-dabeeo-navy-tertiary);
+  --color-primary-tertiary01: var(--color-dabeeo-navy-tertiary01);
+  --color-primary-tertiary02: var(--color-dabeeo-navy-tertiary02);
+
+  /* Navy */
+  --color-dabeeo-navy-main: #00387d;
+  --color-dabeeo-navy-secondary: #032651;
+  --color-dabeeo-navy-tertiary: #5c84b4;
+  --color-dabeeo-navy-tertiary01: #d4dde9;
+  --color-dabeeo-navy-tertiary02: #f0f3f7;
+
+  /* Gray */
+  --color-dabeeo-gray-44: #444444;
+  --color-dabeeo-gray-99: #999999;
+  --color-dabeeo-gray-be: #bebebe;
+  --color-dabeeo-gray-da: #dadada;
+  --color-dabeeo-gray-eb: #ebebeb;
+  --color-dabeeo-gray-f9: #f9f9f9;
 }
 
 html,