diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 7f8c616..cc905e8 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,40 +1,33 @@
 ## 📋 작업 내용
-- **자체 SVG 아이콘 렌더링 적용**: `Lucide` 라이브러리를 부분 제거하고, 자체 에셋(`static/images/icons/`)을 이용해 헤더, 톡 페이지, 로그인 모달 내 아이콘을 커스텀 SVG `<img>` 태그로 전면 교체
-- **결산 내용 및 운영팀 한마디 상세 페이지 레이아웃 보완**: 라벨 텍스트(획득 일자, 직책, 상세 내용)에 고정 너비(`w-[72px]`), 좌측 정렬, 줄바꿈 방지(`whitespace-nowrap`), 축소 방지(`shrink-0`)를 적용하여 텍스트 길이에 따른 UI 찌그러짐 완벽 방지
-- **메생결산 톡 네비게이션(Top Bar) 개선**: 좌측 뒤로 가기 요소와 우측 로그아웃 버튼 존재 여부와 무관하게 "메생결산 톡" 타이틀이 화면 정중앙에 위치하도록 `absolute text-center` 제어 및 배경 분리 
-- **단풍바람 로그인 팝업 및 Input Box 접근성/UI 강화**:
-  - 이름/학번 `InputBox` 포커스 시 브라우저 기본 이중 아웃라인 버그(`focus:outline-none focus:ring-0`) 제거 및 내부 배경색 유지, 테두리만 전환되도록 픽스
-  - 모달 팝업 상단 "단풍바람" 텍스트 타이틀을 `logo-text-white.svg` 이미지로 교체하고 그림자 효과 제거 요소 간격(Gap, Margin) 미세 조정
-  - 이름 저장 커스텀 체크박스(`<label>` 확장) 적용을 통한 클릭 접근성(상호작용) 토글 이슈 해결 및 `check-enable/disable.svg` 상태 동기화
-- **카카오 로그인 기능 임시 제외**: 이번 프로젝트 스코프에서 제외됨에 따라 모달 및 메인 로그인 페이지 내 Kauth 연동 로직과 관련 UI 버튼 전체 주석 처리
+- **운영팀 한마디 상세 UI 동기화**: `team-message` 상세 페이지 레이아웃을 기존 결산 상세(`msg`) 페이지와 완벽히 통일 (흰색 컨테이너 배경 분리, 하단부 각 섹션별 가로 구분선 추가, 패딩 및 여백 수치 일치)
+- **사이드바 푸터 디자인 개편**: 기존 "메생결산 기록" 타이틀 텍스트를 제거하고, 하단에 별 모양 아이콘(`Simbol Logo`)과 전체 기록 기간 텍스트만 병렬 배치하여 심플하게 개선
+- **로그인 팝업 UI 개선**: 이름 입력 폼 내 불필요한 맞춤법 검사(빨간 줄) 및 웹 브라우저 자동완성을 방지하기 위해 단풍바람 `InputBox` 컴포넌트에 `spellcheck="false"`, `autocomplete="off"` 일괄 적용
+- **운영팀 전용 라벨링 필터링**: `member` 캐릭터 상세 페이지에서 캐릭터가 '운영팀'일 경우 기존의 "레벨/서버/직업" 자리가 아닌 **"13기 / 가천대학교 / 운영팀"**으로 강제 표시되도록 분기 처리 개선
+- **메생결산 톡 디자인 개선**: 톡 하단의 전송 버튼 화살표 아이콘을 흰색 투명 버전(`Send, Color=White copy.svg`) 레이아웃으로 교체하여 배경 톤오버 방지 및 시인성 확보
+- **메인 캐릭터 카드 비율 완벽 복구**: 이전 병합 및 구조 변경 과정에서 훼손됐던 원래 캐릭터 서탠딩 이미지 CSS 비율 속성(`h-40 w-3/4 aspect-[5/6] object-cover`)들을 원래 커밋대로 되돌리고, 가장자리가 선명하게 렌더링되도록 `image-rendering: pixelated`만 함께 적용
 
 ## 🎯 관련 이슈
-Closes #(이슈번호를 입력해주세요)
+- 없음
 
 ## 🤖 사용한 Prompt
-- "요청하신 디렉터리에 있던 13개의 SVG 아이콘들을 기존 Lucide 아이콘 대신 각 UI 컴포넌트에 알맞게 교체 배치해라."
-- "msg/[id] 페이지 상세 내용 라벨이 우측 긴 텍스트에 의해 찌그러지지 않도록 flex-shrink-0를 적용하고, w-[72px] 고정 너비 및 텍스트 좌측 정렬, 줄바꿈 방지를 걸어라."
-- "로그인 모달 내 학번 Input Box의 X 버튼을 숨기고, 요소 간 간격을 4px, 8px 등으로 UI 통일성을 지켜 조정하라."
-- "탑바의 '메생결산 톡' 제목이 수평 정중앙에 오도록 absolute 맵핑하고, 우측에 로그인 상태일 때만 렌더링되는 '로그아웃' 버튼을 추가하라."
-- "Input Box 포커스 시 기존 주황색 배경은 유지하되 1px 테두리 두께만 흰색으로 즉각 변화하게 만들고, 이중 링(ring) 아웃라인 발생 버그를 없애라."
-- "이름 저장 체크박스의 아이콘/클릭 영역 접근성을 높이도록 label 래핑 구조를 개선하여 텍스트나 아이콘 부분을 눌러도 상태가 정상 변경되도록 수정하라."
-- "기획 상 이번 구현에서 제외된 카카오 로그인 관련 버튼 UI와 스크립트 함수 로직들을 프론트엔드 코드에서 주석 처리해라."
+- "team-message/[id] 페이지의 UI를 기준이 되는 msg/[id] 페이지의 디자인 요소와 완벽하게 통일하도록 수정해라. 컨테이너 흰배경 나누기, hr 구분선 여백 등"
+- "메인 화면 캐릭터 이미지들의 크기가 작아지고 배치가 어긋나는 문제가 발생했다. 원본 코드 구조 레이아웃으로 완벽히 통일시키고 픽셀화 유지해"
+- "운영팀 한마디를 필터링 해서 '레벨/서버/직업' 자리에 '13기/가천대학교/운영팀'으로 표시되게 해줘."
+- "사이드바 하단 '메생결산 기록' 텍스트 제거하고 심볼 로고 svg랑 날짜 기간 배치해 줘"
+- "로그인 팝업의 이름 입력 칸에 텍스트 입력하면 빨간 줄 쳐지는 거 없앨 수 있어? autocomplete 꺼 줘"
+- "메생결산 톡의 전송 버튼 아이콘 컬러 화이트 사본 스니펫으로 변경해 줘 (`send-icon-white.svg`)"
 
 ## ✅ 체크리스트
-- [x] 로컬에서 테스트 완료
-- [x] 타입 에러 없음 (`npm run check`)
-- [x] Linter 통과
-- [x] 모바일 반응형 확인
-- [ ] 코드 리뷰 요청 완료
+- [x] 로컬에서 개발환경 작동 테스트 완료 (npm run dev)
+- [x] 타입 및 충돌 에러 없음 (`npm run check`, FastAPI 백엔드 린터 통과)
+- [x] UI/UX 렌더링 확인 (Pixelated, Overflow 등)
+- [ ] 코드 리뷰 요청 및 dev 브랜치 병합
 
 ## 📸 스크린샷 (선택)
-<!-- UI 변경 전/후 혹은 구현 완료된 톡 페이지/레이아웃 스크린샷을 첨부해주세요 -->
-
-
+<!-- UI 변경 전/후 캡처 화면 혹은 컴포넌트 이미지를 첨부해주세요 -->
 
 ## 💬 특이사항
-- 카카오 로그인 관련 로직(`handleKakaoLogin`) 및 프론트 버튼 UI는 파일 내부에 주석 형태로 보존해 두었습니다. (필요 시 추후 주석만 해제해 재활용 가능)
-- 모바일 뷰포트에서 `InputBox` 및 버튼 컴포넌트 터치 시 모바일 브라우저의 기본 음영(Highlight)이 겹치지 않게 조치하였습니다.
+- 임시 디버깅 용도로 기재해 둔 하드코딩 값(김단바, 학번 등) 코드를 정리하고 모두 올바르게 초기화(`""`) 및 삭제하였습니다.
 
 ---
 
diff --git a/dpbr_front/app/check_output.txt b/dpbr_front/app/check_output.txt
new file mode 100644
index 0000000..af2cd9c
Binary files /dev/null and b/dpbr_front/app/check_output.txt differ
diff --git a/dpbr_front/app/src/app.html b/dpbr_front/app/src/app.html
index 139a663..eff6309 100644
--- a/dpbr_front/app/src/app.html
+++ b/dpbr_front/app/src/app.html
@@ -1,16 +1,33 @@
 <!doctype html>
 <html lang="ko">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
-		<link rel="stylesheet" as="style" crossorigin
-			href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-		<title>단풍바람</title>
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
+
+<head>
+	<meta charset="utf-8" />
+	<link rel="icon" href="%sveltekit.assets%/images/icons/MSGS_Favicon.ico" />
+	<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
+	<link rel="stylesheet" as="style" crossorigin
+		href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+	<title>단풍바람</title>
+
+	<!-- SEO & Metadata -->
+	<meta name="description" content="단풍바람 13기 메생결산 - 당신의 메이플 여정을 기록하세요." />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="단풍바람" />
+	<meta property="og:description" content="단풍바람 13기 메생결산 - 당신의 메이플 여정을 기록하세요." />
+	<meta property="og:image" content="%sveltekit.assets%/images/thumbnail.png" />
+	<meta property="og:url" content="https://gc-maplewind.github.io/MSGS_13_F/" />
+
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:title" content="단풍바람" />
+	<meta name="twitter:description" content="단풍바람 13기 메생결산 - 당신의 메이플 여정을 기록하세요." />
+	<meta name="twitter:image" content="%sveltekit.assets%/images/thumbnail.png" />
+
+	%sveltekit.head%
+</head>
+
+<body data-sveltekit-preload-data="hover">
+	<div style="display: contents">%sveltekit.body%</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/dpbr_front/app/src/lib/api.ts b/dpbr_front/app/src/lib/api.ts
index 0e8ad3e..7a49194 100644
--- a/dpbr_front/app/src/lib/api.ts
+++ b/dpbr_front/app/src/lib/api.ts
@@ -101,6 +101,20 @@ interface SettlementResponse {
 	acquired_at: string;
 }
 
+interface CharactersPaginationResponse {
+	items: CharacterResponse[];
+	total: number;
+	page: number;
+	limit: number;
+}
+
+interface SettlementsPaginationResponse {
+	items: SettlementResponse[];
+	total: number;
+	page: number;
+	limit: number;
+}
+
 interface CommentResponse {
 	id: number;
 	user_id: number | null;
@@ -185,7 +199,27 @@ async function apiCall<T>(endpoint: string, options?: RequestInit): Promise<T> {
 export async function getCharacters(): Promise<Character[]> {
 	const data = await apiCall<CharacterResponse[]>('/characters');
 
-	return data.map((char) => ({
+	return data.map(mapCharacterResponse);
+}
+
+export async function getCharactersPaginated(
+	page: number = 1,
+	limit: number = 10
+): Promise<{ items: Character[]; total: number; page: number; limit: number }> {
+	const data = await apiCall<CharactersPaginationResponse>(
+		`/characters/pagination?page=${page}&limit=${limit}`
+	);
+
+	return {
+		items: data.items.map(mapCharacterResponse),
+		total: data.total,
+		page: data.page,
+		limit: data.limit
+	};
+}
+
+function mapCharacterResponse(char: CharacterResponse): Character {
+	return {
 		id: char.id.toString(),
 		name: char.name,
 		nickname: char.detail_txt || char.name,
@@ -194,7 +228,18 @@ export async function getCharacters(): Promise<Character[]> {
 		job: char.job,
 		club: '단풍바람',
 		server: char.server
-	}));
+	};
+}
+
+function mapSettlementResponse(settlement: SettlementResponse): SettlementItem {
+	return {
+		id: settlement.id.toString(),
+		characterId: settlement.character_id.toString(),
+		title: settlement.title,
+		description: settlement.description || '',
+		imageUrl: settlement.img_url ? `${getApiBaseUrl()}${settlement.img_url}` : '/default-avatar.png',
+		acquiredAt: settlement.acquired_at
+	};
 }
 
 /**
@@ -228,14 +273,24 @@ export async function getSettlementsByCharacterId(characterId: string): Promise<
 		`/characters/${characterId}/settlements`
 	);
 
-	return data.map((settlement) => ({
-		id: settlement.id.toString(),
-		characterId: settlement.character_id.toString(),
-		title: settlement.title,
-		description: settlement.description || '',
-		imageUrl: settlement.img_url ? `${getApiBaseUrl()}${settlement.img_url}` : '/default-avatar.png',
-		acquiredAt: settlement.acquired_at
-	}));
+	return data.map(mapSettlementResponse);
+}
+
+export async function getSettlementsByCharacterIdPaginated(
+	characterId: string,
+	page: number = 1,
+	limit: number = 10
+): Promise<{ items: SettlementItem[]; total: number; page: number; limit: number }> {
+	const data = await apiCall<SettlementsPaginationResponse>(
+		`/characters/${characterId}/settlements/pagination?page=${page}&limit=${limit}`
+	);
+
+	return {
+		items: data.items.map(mapSettlementResponse),
+		total: data.total,
+		page: data.page,
+		limit: data.limit
+	};
 }
 
 /**
diff --git a/dpbr_front/app/src/lib/components/BottomSheetLogin.svelte b/dpbr_front/app/src/lib/components/BottomSheetLogin.svelte
index 10b0e9c..2eb5876 100644
--- a/dpbr_front/app/src/lib/components/BottomSheetLogin.svelte
+++ b/dpbr_front/app/src/lib/components/BottomSheetLogin.svelte
@@ -23,6 +23,9 @@
     let studentIdInputRef: HTMLDivElement | undefined = $state();
     let dialogEl: HTMLDivElement | undefined = $state();
 
+    // 에러 메시지 상태
+    let errorMessage = $state("");
+
     // 애니메이션을 위한 상태
     let isVisible = $state(false);
 
@@ -32,24 +35,24 @@
             isVisible = true;
         }, 10);
 
-		const savedName = getSavedName();
-		if (savedName) {
-			name = savedName.slice(0, 3);
-			saveName = true;
-		}
+        const savedName = getSavedName();
+        if (savedName) {
+            name = savedName.slice(0, 3);
+            saveName = true;
+        }
 
-		dialogEl?.focus();
-		const handleEscape = (e: KeyboardEvent) => {
-			if (e.key === "Escape") {
-				handleClose();
-			}
-		};
+        dialogEl?.focus();
+        const handleEscape = (e: KeyboardEvent) => {
+            if (e.key === "Escape") {
+                handleClose();
+            }
+        };
 
-		window.addEventListener("keydown", handleEscape);
-		return () => {
-			window.removeEventListener("keydown", handleEscape);
-		};
-	});
+        window.addEventListener("keydown", handleEscape);
+        return () => {
+            window.removeEventListener("keydown", handleEscape);
+        };
+    });
 
     function handleClose(e?: Event) {
         e?.stopPropagation();
@@ -106,7 +109,10 @@
     */
 
     function showToastMessage(message?: string) {
-        toast.show(message || "이름 또는 학번을 확인해 주세요.");
+        errorMessage = message || "이름 또는 학번을 확인해 주세요.";
+        setTimeout(() => {
+            errorMessage = "";
+        }, 3000);
     }
 
     // Focus/Blur 핸들러들
@@ -158,7 +164,7 @@
     tabindex="-1"
 >
     <div
-        class="w-full h-[72%] bg-gradient-to-b from-[#FCDDA5] to-[#F1A470] rounded-t-3xl pt-4 pb-8 px-6 flex flex-col items-center shadow-lg transition-transform duration-300 {isVisible
+        class="w-full shrink-0 h-[72vh] bg-gradient-to-b from-[#FCDDA5] to-[#F1A470] rounded-t-3xl pt-4 pb-8 px-6 flex flex-col items-center shadow-lg transition-transform duration-300 {isVisible
             ? 'translate-y-0'
             : 'translate-y-full'}"
         onclick={(e) => e.stopPropagation()}
@@ -167,7 +173,7 @@
         <div class="w-full flex justify-end">
             <button onclick={handleClose} class="text-white p-2">
                 <img
-                    src="/images/icons/name=Close, Color=White.svg"
+                    src="/images/icons/close-icon-white.svg"
                     alt="닫기"
                     class="w-6 h-6"
                     draggable="false"
@@ -226,14 +232,27 @@
                 </div>
 
                 <!-- 로그인 버튼 -->
-                <Button
-                    label="메생결산 톡 입장"
-                    variant="primary"
-                    buttonState={isLoading ? "disabled" : "default"}
-                    onClick={handleLogin}
-                    type="button"
-                    class="bg-white !text-[#F87C56] hover:bg-white/90 font-medium py-[14px] rounded-lg"
-                />
+                <div class="relative w-full">
+                    {#if errorMessage}
+                        <div
+                            class="absolute bottom-[calc(100%+8px)] left-0 w-full flex justify-center z-[60] pointer-events-none"
+                        >
+                            <span
+                                class="bg-black/60 text-white text-[15px] px-5 py-2.5 rounded-3xl shadow-md font-medium whitespace-nowrap pointer-events-auto"
+                            >
+                                {errorMessage}
+                            </span>
+                        </div>
+                    {/if}
+                    <Button
+                        label="메생결산 톡 입장"
+                        variant="primary"
+                        buttonState={isLoading ? "disabled" : "default"}
+                        onClick={handleLogin}
+                        type="button"
+                        class="bg-white !text-[#F87C56] hover:bg-white/90 font-medium py-[14px] rounded-lg w-full"
+                    />
+                </div>
 
                 <!-- 이름 저장 체크박스 -->
                 <label class="flex items-center gap-2 cursor-pointer mt-2 mb-2">
@@ -248,14 +267,14 @@
                     >
                         {#if saveName}
                             <img
-                                src="/images/icons/name=check-enable, Color=White.svg"
+                                src="/images/icons/check-enable-icon.svg"
                                 alt="저장 활성화"
                                 class="w-full h-full"
                                 draggable="false"
                             />
                         {:else}
                             <img
-                                src="/images/icons/name=check-disable, Color=White.svg"
+                                src="/images/icons/check-disable-icon.svg"
                                 alt="저장 비활성화"
                                 class="w-full h-full"
                                 draggable="false"
diff --git a/dpbr_front/app/src/lib/components/CharacterCard.svelte b/dpbr_front/app/src/lib/components/CharacterCard.svelte
index d59ab06..6240839 100644
--- a/dpbr_front/app/src/lib/components/CharacterCard.svelte
+++ b/dpbr_front/app/src/lib/components/CharacterCard.svelte
@@ -1,85 +1,85 @@
 <script lang="ts">
-	import type { Character } from "$lib/types";
-	import { handleImageError } from "$lib/utils/image";
+    import type { Character } from "$lib/types";
+    import { handleImageError } from "$lib/utils/image";
 
-	interface Props {
-		character: Character;
-	}
+    interface Props {
+        character: Character;
+    }
 
-	let { character }: Props = $props();
+    let { character }: Props = $props();
 
-	// 서버명 매핑 (world name to english logo filename)
-	const worldLogoMap: Record<string, string> = {
-		오로라: "aurora",
-		레드: "red",
-		이노시스: "enosis",
-		유니온: "union",
-		스카니아: "scania",
-		루나: "luna",
-		제니스: "zenith",
-		크로아: "croa",
-		베라: "bera",
-		엘리시움: "elysium",
-		아케인: "arcane",
-		노바: "nova",
-		// 일반/리부트 아닌 특수 구별용 맵핑 추가
-		리부트: "reboot",
-		리부트2: "reboot2",
-		버닝: "burning",
-		에오스: "eos",
-		헬리오스: "helios",
-		챌린저스: "challengers",
-	};
+    // 서버명 매핑 (world name to english logo filename)
+    const worldLogoMap: Record<string, string> = {
+        오로라: "aurora",
+        레드: "red",
+        이노시스: "enosis",
+        유니온: "union",
+        스카니아: "scania",
+        루나: "luna",
+        제니스: "zenith",
+        크로아: "croa",
+        베라: "bera",
+        엘리시움: "elysium",
+        아케인: "arcane",
+        노바: "nova",
+        // 일반/리부트 아닌 특수 구별용 맵핑 추가
+        리부트: "reboot",
+        리부트2: "reboot2",
+        버닝: "burning",
+        에오스: "eos",
+        헬리오스: "helios",
+        챌린저스: "challengers",
+    };
 
-	function getWorldLogoPath(serverName: string): string {
-		const englishName = worldLogoMap[serverName];
-		if (!englishName) return ""; // 매핑되지 않은 서버는 빈칸 유지 (fallback)
-		return `/images/worlds/${englishName}.png`;
-	}
+    function getWorldLogoPath(serverName: string): string {
+        const englishName = worldLogoMap[serverName];
+        if (!englishName) return ""; // 매핑되지 않은 서버는 빈칸 유지 (fallback)
+        return `/images/worlds/${englishName}.png`;
+    }
 
-	let logoPath = $derived(getWorldLogoPath(character.server));
-	let isWorldLogoLoadFailed = $state(false);
+    let logoPath = $derived(getWorldLogoPath(character.server));
+    let isWorldLogoLoadFailed = $state(false);
 </script>
 
 <a
-	href="/member/{character.id}"
-	class="flex flex-col bg-white rounded-lg px-3 py-2 hover:shadow-md transition-shadow"
+    href="/member/{character.id}"
+    class="flex flex-col bg-white rounded-lg px-3 py-2 hover:shadow-md transition-shadow"
 >
-	<!-- Badge area (World Logo) -->
-	<div class="h-4 flex items-center mb-1">
-		{#if logoPath && !isWorldLogoLoadFailed}
-			<img
-				src={logoPath}
-				alt={character.server}
-				class="h-full object-contain"
-				onerror={() => {
-					isWorldLogoLoadFailed = true;
-				}}
-			/>
-		{:else}
-			<span class="text-[10px] text-text-muted bg-bg-light px-1 rounded"
-				>{character.server}</span
-			>
-		{/if}
-	</div>
+    <!-- Badge area (World Logo) -->
+    <div class="h-4 flex items-center mb-1">
+        {#if logoPath && !isWorldLogoLoadFailed}
+            <img
+                src={logoPath}
+                alt={character.server}
+                class="h-full object-contain"
+                onerror={() => {
+                    isWorldLogoLoadFailed = true;
+                }}
+            />
+        {:else}
+            <span class="text-[10px] text-text-muted bg-bg-light px-1 rounded"
+                >{character.server}</span
+            >
+        {/if}
+    </div>
 
-	<!-- Avatar -->
-	<div class="flex justify-center items-center py-2">
-		<img
-			src={character.avatarUrl}
-			alt={character.name}
-			onerror={handleImageError}
-			class="w-full aspect-square object-contain"
-		/>
-	</div>
+    <!-- Avatar -->
+    <div class="flex justify-center items-center py-2">
+        <img
+            src={character.avatarUrl}
+            alt={character.name}
+            onerror={handleImageError}
+            class="w-full aspect-square object-contain"
+        />
+    </div>
 
-	<!-- Info -->
-	<div class="flex flex-col">
-		<span class="text-sm text-text-primary leading-tight"
-			>{character.name}</span
-		>
-		<span class="text-xs text-primary-dark leading-tight"
-			>{character.nickname}</span
-		>
-	</div>
+    <!-- Info -->
+    <div class="flex flex-col">
+        <span class="text-sm text-text-primary leading-tight"
+            >{character.name}</span
+        >
+        <span class="text-xs text-primary-dark leading-tight"
+            >{character.nickname}</span
+        >
+    </div>
 </a>
diff --git a/dpbr_front/app/src/lib/components/CommentItem.svelte b/dpbr_front/app/src/lib/components/CommentItem.svelte
index 3cbc293..c72d0a7 100644
--- a/dpbr_front/app/src/lib/components/CommentItem.svelte
+++ b/dpbr_front/app/src/lib/components/CommentItem.svelte
@@ -47,7 +47,7 @@
 >
 	<div class="flex justify-between items-center">
 		<div class="flex items-center gap-2">
-			<span class="text-xs font-light text-text-primary"
+			<span class="text-xs font-bold text-text-primary"
 				>{comment.author}</span
 			>
 		</div>
@@ -63,7 +63,7 @@
 		{/if}
 	</div>
 	<div class="pb-4 border-b border-border flex flex-col gap-1">
-		<p class="text-sm font-light text-text-primary">{comment.content}</p>
+		<p class="text-sm font-medium text-text-primary">{comment.content}</p>
 		<span class="text-xs font-light text-text-muted text-left"
 			>{comment.createdAt}</span
 		>
diff --git a/dpbr_front/app/src/lib/components/Header.svelte b/dpbr_front/app/src/lib/components/Header.svelte
index ac8a3dd..e4352a8 100644
--- a/dpbr_front/app/src/lib/components/Header.svelte
+++ b/dpbr_front/app/src/lib/components/Header.svelte
@@ -31,7 +31,7 @@
 			aria-label="메뉴 열기"
 		>
 			<img
-				src="/images/icons/name=Menu, Color=White.svg"
+				src="/images/icons/menu-icon-white.svg"
 				alt=""
 				aria-hidden="true"
 				class="w-6 h-6"
@@ -46,7 +46,7 @@
 		/>
 		<a href="/talk" class="p-2 text-white" aria-label="톡 페이지">
 			<img
-				src="/images/icons/name=Chat, Color=White.svg"
+				src="/images/icons/chat-icon-white.svg"
 				alt=""
 				aria-hidden="true"
 				class="w-6 h-6"
@@ -56,7 +56,7 @@
 	</header>
 {:else if variant === "detail"}
 	<header
-		class="relative flex items-center bg-white px-2 py-3 sticky top-0 z-30 border-b border-gray-100"
+		class="relative flex items-center bg-white px-3 py-2 sticky top-0 z-30 border-b border-gray-100"
 	>
 		<button
 			type="button"
@@ -65,7 +65,7 @@
 			aria-label="뒤로가기"
 		>
 			<img
-				src="/images/icons/name=Back, Color=Black.svg"
+				src="/images/icons/back-icon-black.svg"
 				alt=""
 				aria-hidden="true"
 				class="w-6 h-6 opacity-70"
@@ -96,7 +96,7 @@
 			aria-label="닫기"
 		>
 			<img
-				src="/images/icons/name=Close, Color=Black.svg"
+				src="/images/icons/close-icon-black.svg"
 				alt=""
 				aria-hidden="true"
 				class="w-6 h-6"
@@ -108,9 +108,14 @@
 	<header
 		class="flex items-center justify-end bg-transparent px-3 py-2 sticky top-0 z-40"
 	>
-		<button type="button" onclick={onCloseClick} class="p-2 text-white" aria-label="닫기">
+		<button
+			type="button"
+			onclick={onCloseClick}
+			class="p-2 text-white"
+			aria-label="닫기"
+		>
 			<img
-				src="/images/icons/name=Close, Color=White.svg"
+				src="/images/icons/close-icon-white.svg"
 				alt=""
 				aria-hidden="true"
 				class="w-6 h-6"
diff --git a/dpbr_front/app/src/lib/components/InputBox.svelte b/dpbr_front/app/src/lib/components/InputBox.svelte
index fb45499..dbb1c44 100644
--- a/dpbr_front/app/src/lib/components/InputBox.svelte
+++ b/dpbr_front/app/src/lib/components/InputBox.svelte
@@ -62,6 +62,8 @@
 		{placeholder}
 		maxlength={maxLength}
 		value={valueProp}
+		spellcheck="false"
+		autocomplete="off"
 		oninput={handleInput}
 		onfocus={onFocus}
 		onblur={onBlur}
diff --git a/dpbr_front/app/src/lib/components/Sidebar.svelte b/dpbr_front/app/src/lib/components/Sidebar.svelte
index a045606..314a651 100644
--- a/dpbr_front/app/src/lib/components/Sidebar.svelte
+++ b/dpbr_front/app/src/lib/components/Sidebar.svelte
@@ -20,6 +20,7 @@
 	});
 	let adminTeamId = $state<string | null>(null);
 	const sidebarPeriodText = "메생결산 기록";
+	const SIDEBAR_RECORD_PERIOD = "'25년 8월 25일 ~ '26년 2월 22일의 기록";
 
 	onMount(() => {
 		const unsubscribeAuth = authStore.subscribe((state) => {
@@ -46,7 +47,7 @@
 	async function handleLogout() {
 		await authStore.logout();
 		onClose();
-		await goto("/login");
+		await goto("/");
 	}
 </script>
 
@@ -111,9 +112,9 @@
 	</div>
 
 	<!-- Footer -->
-	<div class="flex items-end gap-2 bg-bg-light p-6">
-		<span class="text-sm font-medium text-text-accent"
-			>{sidebarPeriodText}</span
+	<div class="flex items-center gap-2 bg-bg-light p-6">
+		<span class="text-xs font-medium text-text-secondary"
+			>{SIDEBAR_RECORD_PERIOD}</span
 		>
 	</div>
 </aside>
diff --git a/dpbr_front/app/src/lib/stores/auth.ts b/dpbr_front/app/src/lib/stores/auth.ts
index f3b04cb..ab278c3 100644
--- a/dpbr_front/app/src/lib/stores/auth.ts
+++ b/dpbr_front/app/src/lib/stores/auth.ts
@@ -156,6 +156,13 @@ export async function login(name: string, studentId: string, saveNameFlag = fals
 
 		const { token, user } = response.data;
 
+		// 이름 저장 로직
+		if (saveNameFlag) {
+			saveName(name);
+		} else {
+			saveName(null);
+		}
+
 		// 새로운 setAuthData 함수 사용
 		setAuthData(token, user);
 	} catch (error) {
diff --git a/dpbr_front/app/src/routes/+page.svelte b/dpbr_front/app/src/routes/+page.svelte
index 8f57524..4f552d3 100644
--- a/dpbr_front/app/src/routes/+page.svelte
+++ b/dpbr_front/app/src/routes/+page.svelte
@@ -3,23 +3,66 @@
 	import Header from "$lib/components/Header.svelte";
 	import Sidebar from "$lib/components/Sidebar.svelte";
 	import CharacterCard from "$lib/components/CharacterCard.svelte";
-	import { getCharacters } from "$lib/api";
+	import { getCharactersPaginated } from "$lib/api";
 	import type { Character } from "$lib/types";
 
 	let sidebarOpen = $state(false);
 	let characters = $state<Character[]>([]);
 	let loading = $state(true);
+	let loadingMore = $state(false);
+	let hasMore = $state(true);
 	let error = $state<string | null>(null);
+	let page = 1;
+	const limit = 12;
+	let sentinel = $state<HTMLDivElement | null>(null);
 
-	onMount(async () => {
+	async function loadMoreCharacters() {
+		if (loadingMore || !hasMore) return;
+
+		loadingMore = true;
 		try {
-			characters = await getCharacters();
+			const result = await getCharactersPaginated(page, limit);
+			if (page === 1) {
+				characters = result.items;
+			} else {
+				characters = [...characters, ...result.items];
+			}
+
+			hasMore = characters.length < result.total && result.items.length > 0;
+			if (result.items.length > 0) {
+				page += 1;
+			}
 		} catch (e) {
 			console.error("Failed to load characters:", e);
 			error = "캐릭터 목록을 불러오는데 실패했습니다.";
+			hasMore = false;
 		} finally {
 			loading = false;
+			loadingMore = false;
 		}
+	}
+
+	onMount(() => {
+		void loadMoreCharacters();
+	});
+
+	$effect(() => {
+		if (!sentinel || !hasMore || loading) return;
+
+		const observer = new IntersectionObserver(
+			(entries) => {
+				if (entries[0]?.isIntersecting) {
+					void loadMoreCharacters();
+				}
+			},
+			{ rootMargin: "200px 0px" },
+		);
+
+		observer.observe(sentinel);
+
+		return () => {
+			observer.disconnect();
+		};
 	});
 </script>
 
@@ -50,6 +93,13 @@
 					<CharacterCard {character} />
 				{/each}
 			</div>
+			{#if hasMore}
+				<div bind:this={sentinel} class="h-10 flex items-center justify-center">
+					{#if loadingMore}
+						<p class="text-white text-sm">불러오는 중...</p>
+					{/if}
+				</div>
+			{/if}
 		{/if}
 	</div>
 </div>
diff --git a/dpbr_front/app/src/routes/login/+page.svelte b/dpbr_front/app/src/routes/login/+page.svelte
index f768da5..a741922 100644
--- a/dpbr_front/app/src/routes/login/+page.svelte
+++ b/dpbr_front/app/src/routes/login/+page.svelte
@@ -13,6 +13,7 @@
 	let nameFocused = $state(false);
 	let studentIdFocused = $state(false);
 	let isLoading = $state(false);
+	let errorMessage = $state("");
 	let studentIdInputRef: HTMLDivElement | undefined = $state();
 
 	// 저장된 이름이 있으면 자동 입력 및 체크박스 활성화
@@ -81,7 +82,10 @@
 	*/
 
 	function showToastMessage(message?: string) {
-		toast.show(message || "이름 또는 학번을 확인해 주세요.");
+		errorMessage = message || "이름 또는 학번을 확인해 주세요.";
+		setTimeout(() => {
+			errorMessage = "";
+		}, 3000);
 	}
 
 	function handleNameFocus() {
@@ -179,14 +183,27 @@
 				</div>
 
 				<!-- 로그인 버튼 -->
-				<Button
-					label="메생결산 입장"
-					variant="primary"
-					buttonState={isLoading ? "disabled" : "default"}
-					onClick={handleLogin}
-					type="button"
-					class="bg-white text-primary-dark hover:bg-white/90 font-medium"
-				/>
+				<div class="relative w-full">
+					{#if errorMessage}
+						<div
+							class="absolute bottom-[calc(100%+8px)] left-0 w-full flex justify-center z-[60] pointer-events-none"
+						>
+							<span
+								class="bg-black/60 text-white text-[15px] px-5 py-2.5 rounded-3xl shadow-md font-medium whitespace-nowrap pointer-events-auto"
+							>
+								{errorMessage}
+							</span>
+						</div>
+					{/if}
+					<Button
+						label="메생결산 입장"
+						variant="primary"
+						buttonState={isLoading ? "disabled" : "default"}
+						onClick={handleLogin}
+						type="button"
+						class="bg-white text-primary-dark hover:bg-white/90 font-medium w-full"
+					/>
+				</div>
 
 				<!-- 이름 저장 체크박스 -->
 				<label class="flex items-center gap-2 cursor-pointer mt-2">
diff --git a/dpbr_front/app/src/routes/member/[id]/+page.svelte b/dpbr_front/app/src/routes/member/[id]/+page.svelte
index b0d24a4..a5d2c7c 100644
--- a/dpbr_front/app/src/routes/member/[id]/+page.svelte
+++ b/dpbr_front/app/src/routes/member/[id]/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { onMount } from "svelte";
 	import { page } from "$app/stores";
 	import { goto } from "$app/navigation";
 	import Header from "$lib/components/Header.svelte";
@@ -9,13 +8,24 @@
 		getAdminCharacter,
 		getCharacterById,
 		getSettlementsByCharacterId,
+		getSettlementsByCharacterIdPaginated,
 		getTeamMembers,
 	} from "$lib/api";
 	import { handleImageError } from "$lib/utils/image";
-	import type { Character, SettlementItem, TeamMessageItem } from "$lib/types";
+	import type {
+		Character,
+		SettlementItem,
+		TeamMessageItem,
+	} from "$lib/types";
+
+	const ADMIN_TEAM_INFO = {
+		generation: "13기",
+		university: "가천대학교",
+		role: "운영팀",
+	};
 
 	const ADMIN_TEAM_NAME = "단풍바람 운영팀";
-const ADMIN_TEAM_FALLBACK_ID = "admin-team";
+	const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 
 	const fallbackAdminCharacter: Character = {
 		id: ADMIN_TEAM_FALLBACK_ID,
@@ -31,9 +41,15 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 	const characterId = $derived($page.params.id ?? "");
 	let character = $state<Character | null>(null);
 	let isAdminTeam = $derived(
-		characterId === ADMIN_TEAM_FALLBACK_ID || character?.name === ADMIN_TEAM_NAME,
+		characterId === ADMIN_TEAM_FALLBACK_ID ||
+			character?.name === ADMIN_TEAM_NAME,
 	);
 	let settlements = $state<SettlementItem[]>([]);
+	let settlementsLoadingMore = $state(false);
+	let settlementsHasMore = $state(false);
+	let settlementsPage = 1;
+	const settlementsLimit = 10;
+	let settlementsSentinel = $state<HTMLDivElement | null>(null);
 	let teamMessages = $state<TeamMessageItem[]>([]);
 	let loading = $state(true);
 	let error = $state<string | null>(null);
@@ -53,13 +69,16 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 			if (characterId === ADMIN_TEAM_FALLBACK_ID) {
 				const adminCharacter = await getAdminCharacter();
 				if (adminCharacter.id !== null) {
-					const adminData = await getCharacterById(adminCharacter.id.toString());
+					const adminData = await getCharacterById(
+						adminCharacter.id.toString(),
+					);
 					character = adminData || fallbackAdminCharacter;
 				} else {
 					character = fallbackAdminCharacter;
 				}
 				teamMessages = await getTeamMembers();
 				settlements = [];
+				settlementsHasMore = false;
 				return;
 			}
 
@@ -67,6 +86,7 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 			character = charData;
 			if (!charData) {
 				settlements = [];
+				settlementsHasMore = false;
 				teamMessages = [];
 				return;
 			}
@@ -74,9 +94,13 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 			if (charData.name === ADMIN_TEAM_NAME) {
 				teamMessages = await getTeamMembers();
 				settlements = [];
+				settlementsHasMore = false;
 			} else {
-				settlements = await getSettlementsByCharacterId(characterId);
 				teamMessages = [];
+				settlements = [];
+				settlementsPage = 1;
+				settlementsHasMore = true;
+				await loadMoreSettlements(characterId);
 			}
 		} catch (e) {
 			console.error("Failed to load character data:", e);
@@ -85,6 +109,63 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 			loading = false;
 		}
 	}
+
+	async function loadMoreSettlements(targetCharacterId: string) {
+		if (settlementsLoadingMore || !settlementsHasMore) return;
+
+		settlementsLoadingMore = true;
+		try {
+			const result = await getSettlementsByCharacterIdPaginated(
+				targetCharacterId,
+				settlementsPage,
+				settlementsLimit,
+			);
+
+			settlements = [...settlements, ...result.items];
+			settlementsHasMore =
+				settlements.length < result.total && result.items.length > 0;
+			if (result.items.length > 0) {
+				settlementsPage += 1;
+			}
+		} catch (e) {
+			if (
+				e instanceof Error &&
+				e.message.includes("API Error: 404") &&
+				settlementsPage === 1
+			) {
+				const fallbackItems = await getSettlementsByCharacterId(targetCharacterId);
+				settlements = fallbackItems;
+				settlementsHasMore = false;
+				return;
+			}
+
+			console.error("Failed to load settlements:", e);
+			error = "데이터를 불러오는데 실패했습니다.";
+			settlementsHasMore = false;
+		} finally {
+			settlementsLoadingMore = false;
+		}
+	}
+
+	$effect(() => {
+		if (!settlementsSentinel || !settlementsHasMore || isAdminTeam) return;
+
+		const currentCharacterId = characterId;
+		const observer = new IntersectionObserver(
+			(entries) => {
+				if (entries[0]?.isIntersecting) {
+					void loadMoreSettlements(currentCharacterId);
+				}
+			},
+			{ rootMargin: "160px 0px" },
+		);
+
+		observer.observe(settlementsSentinel);
+
+		return () => {
+			observer.disconnect();
+		};
+	});
 </script>
 
 <svelte:head>
@@ -119,7 +200,7 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 						onerror={handleImageError}
 						class={isAdminTeam
 							? "w-10 h-10 object-contain"
-							: "w-full h-full object-cover"}
+							: "w-full h-full object-cover [image-rendering:pixelated]"}
 					/>
 				</div>
 				<div class="flex flex-col grow min-w-0">
@@ -138,15 +219,21 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 					>
 						<span
 							>{isAdminTeam
-								? character.level > 0
-									? character.level + "기"
-									: "운영팀"
+								? ADMIN_TEAM_INFO.generation
 								: "Lv. " + character.level}</span
 						>
 						<div class="w-px h-1.5 bg-border-dark"></div>
-						<span>{character.server}</span>
+						<span
+							>{isAdminTeam
+								? ADMIN_TEAM_INFO.university
+								: character.server}</span
+						>
 						<div class="w-px h-1.5 bg-border-dark"></div>
-						<span>{character.job}</span>
+						<span
+							>{isAdminTeam
+								? ADMIN_TEAM_INFO.role
+								: character.job}</span
+						>
 					</div>
 				</div>
 				{#if !isAdminTeam}
@@ -179,6 +266,18 @@ const ADMIN_TEAM_FALLBACK_ID = "admin-team";
 							{#each settlements as item (item.id)}
 								<SettlementListItem {item} />
 							{/each}
+							{#if settlementsHasMore}
+								<div
+									bind:this={settlementsSentinel}
+									class="py-4 flex items-center justify-center"
+								>
+									{#if settlementsLoadingMore}
+										<p class="text-text-muted text-sm">
+											불러오는 중...
+										</p>
+									{/if}
+								</div>
+							{/if}
 						{/if}
 					{:else}
 						<div class="flex items-center justify-center py-8">
diff --git a/dpbr_front/app/src/routes/member/[id]/save/+page.svelte b/dpbr_front/app/src/routes/member/[id]/save/+page.svelte
index c32cfec..c3e7453 100644
--- a/dpbr_front/app/src/routes/member/[id]/save/+page.svelte
+++ b/dpbr_front/app/src/routes/member/[id]/save/+page.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { page } from '$app/stores';
-	import { Download } from 'lucide-svelte';
-	import Header from '$lib/components/Header.svelte';
-	import { getCharacterById } from '$lib/api';
-	import { handleImageError } from '$lib/utils/image';
-	import type { Character } from '$lib/types';
+	import { page } from "$app/stores";
+	import { Download } from "lucide-svelte";
+	import Header from "$lib/components/Header.svelte";
+	import { getCharacterById } from "$lib/api";
+	import { handleImageError } from "$lib/utils/image";
+	import type { Character } from "$lib/types";
 
-	const characterId = $derived($page.params.id ?? '');
+	const characterId = $derived($page.params.id ?? "");
 	let character = $state<Character | null>(null);
 	let loading = $state(true);
 
@@ -20,13 +20,14 @@
 		try {
 			character = await getCharacterById(characterId);
 		} catch (e) {
-			console.error('Failed to load character:', e);
+			console.error("Failed to load character:", e);
 		} finally {
 			loading = false;
 		}
 	}
 
 	let cardElement: HTMLDivElement | undefined = $state();
+	let bgHeight = $state(0);
 
 	function goBack() {
 		history.back();
@@ -35,69 +36,129 @@
 	async function saveImage() {
 		if (!cardElement) return;
 		try {
-			const { toPng } = await import('html-to-image');
-			const dataUrl = await toPng(cardElement, { cacheBust: true });
-			const link = document.createElement('a');
-			link.download = `${character?.nickname ?? 'card'}.png`;
+			const { toPng } = await import("html-to-image");
+			const dataUrl = await toPng(cardElement, {
+				cacheBust: true,
+				pixelRatio: 2.5,
+			});
+			const link = document.createElement("a");
+			link.download = `${character?.nickname ?? "card"}.png`;
 			link.href = dataUrl;
 			link.click();
 		} catch (err) {
-			console.error('이미지 저장 실패:', err);
+			console.error("이미지 저장 실패:", err);
 		}
 	}
 </script>
 
 <svelte:head>
-	<title>카드 저장 - {character?.name ?? ''}</title>
+	<title>카드 저장 - {character?.name ?? ""}</title>
 </svelte:head>
 
 <div class="absolute inset-0 bg-bg-overlay z-50 flex flex-col">
 	<!-- Header -->
 	<Header variant="save" onCloseClick={goBack} />
 
-	<!-- Card Preview -->
-	<div class="flex-1 flex flex-col items-center justify-center px-8 gap-4">
+	<!-- Content Wrapper (Text, Card, Button) -->
+	<div class="flex-1 flex flex-col items-center justify-center gap-2 py-8">
 		{#if loading}
 			<p class="text-white">로딩 중...</p>
 		{:else if character}
+			<span class="text-xs text-text-muted opacity-80"
+				>내 캐릭터 카드를 저장해 보세요!</span
+			>
 			<div
 				bind:this={cardElement}
-				class="w-full max-w-64 aspect-[9/16] bg-gradient-to-br from-primary to-secondary rounded-2xl flex flex-col items-center justify-center gap-4 p-6 shadow-2xl"
+				class="w-full max-w-[260px] relative bg-[linear-gradient(to_bottom,#FAC486,#F2A372)] rounded-[16px] p-2 flex flex-col items-center shadow-2xl overflow-hidden"
 			>
-				<div class="w-32 h-32 rounded-full overflow-hidden bg-white/30">
+				<!-- Top Text Logo -->
+				<div
+					class="w-full flex items-center justify-center shrink-0 mt-1 mb-2"
+				>
 					<img
-						src={character.avatarUrl}
-						alt={character.name}
-						onerror={handleImageError}
-						class="w-full h-full object-cover"
+						src="/images/logos/logo-text-white.svg"
+						alt="단풍바람"
+						class="h-[18px] object-contain"
+						draggable="false"
 					/>
 				</div>
-				<div class="text-center">
-					<p class="text-xl font-bold text-white">{character.nickname}</p>
-					<p class="text-sm text-white/80 mt-1">{character.name}</p>
-				</div>
-				<div class="flex flex-col items-center gap-1 text-white/70 text-xs">
-					<span>Lv. {character.level}</span>
-					<span>{character.server} · {character.job}</span>
-					<span>{character.club}</span>
-				</div>
-				<div class="mt-2 px-4 py-1.5 bg-white/20 rounded-full">
-					<span class="text-xs text-white">단풍바람 13기</span>
+
+				<!-- Inner Content with Park Background -->
+				<div
+					class="relative w-full rounded-lg overflow-hidden flex flex-col justify-end border border-[#C15D39]"
+				>
+					<!-- Park Background -->
+					<img
+						src="/images/park-bg.png"
+						alt="배경"
+						class="w-full h-auto block z-0"
+						bind:clientHeight={bgHeight}
+						style="margin-bottom: -{bgHeight / 24}px;"
+						onerror={(e) =>
+							((e.currentTarget as HTMLImageElement).src =
+								"https://via.placeholder.com/300x450/EEE/999?text=Park+Background")}
+					/>
+
+					<!-- Content Overlay Container -->
+					<div
+						class="absolute inset-0 z-20 flex flex-col justify-end pb-4"
+					>
+						<!-- Character Image -->
+						<div
+							class="absolute inset-x-0 flex items-center justify-center top-1/2 -translate-y-[60%]"
+							style="margin-top: {bgHeight / 24}px;"
+						>
+							<img
+								src={character.avatarUrl ||
+									"/default-avatar.png"}
+								alt={character.name}
+								onerror={handleImageError}
+								class="w-auto h-auto object-contain drop-shadow-lg"
+								style="filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4)); transform: scale(2.2); image-rendering: pixelated; image-rendering: crisp-edges;"
+							/>
+						</div>
+
+						<!-- Character Info (Bottom) -->
+						<div
+							class="relative flex flex-col items-center text-center w-full px-3 pt-8 mt-auto"
+						>
+							<p
+								class="text-xl font-bold text-white mb-1 tracking-wide"
+							>
+								{character.name}
+							</p>
+							<p
+								class="text-xs text-white/90 font-light tracking-wide"
+							>
+								{character.server} · {character.nickname ||
+									character.name} · {character.job}
+							</p>
+
+							<div
+								class="mt-3 px-3 py-1 bg-white/20 rounded-full backdrop-blur-sm border border-white/10 flex items-center justify-center"
+							>
+								<img
+									src="/images/단풍바람 13기.svg"
+									alt="단풍바람 13기"
+									class="h-[10px] w-auto my-[1px]"
+									draggable="false"
+								/>
+							</div>
+						</div>
+					</div>
 				</div>
 			</div>
 
-			<span class="text-xs text-text-muted">내 캐릭터 카드를 저장해 보세요!</span>
+			<!-- Save Button -->
+			<div class="mt-2">
+				<button
+					onclick={saveImage}
+					class="flex items-center gap-2 px-6 py-3 rounded-full border border-white/30 text-white hover:bg-white/10 transition-colors"
+				>
+					<Download size={16} />
+					<span class="text-base">저장하기</span>
+				</button>
+			</div>
 		{/if}
 	</div>
-
-	<!-- Save Button -->
-	<div class="flex justify-center pb-8">
-		<button
-			onclick={saveImage}
-			class="flex items-center gap-2 px-6 py-3 rounded-full border border-white/30 text-white hover:bg-white/10 transition-colors"
-		>
-			<Download size={16} />
-			<span class="text-base">저장하기</span>
-		</button>
-	</div>
 </div>
diff --git a/dpbr_front/app/src/routes/msg/[id]/+page.svelte b/dpbr_front/app/src/routes/msg/[id]/+page.svelte
index bcc1599..e441ed9 100644
--- a/dpbr_front/app/src/routes/msg/[id]/+page.svelte
+++ b/dpbr_front/app/src/routes/msg/[id]/+page.svelte
@@ -65,7 +65,9 @@
 			<div class="flex justify-center items-center bg-white px-6 py-4">
 				<img
 					src={settlement.imageUrl ||
-						(isAdminTeam ? "/logo.png" : "/default-avatar.png")}
+						(isAdminTeam
+							? "/logo.png"
+							: character?.avatarUrl || "/default-avatar.png")}
 					alt={settlement.title}
 					onerror={handleImageError}
 					class={isAdminTeam && !settlement.imageUrl
diff --git a/dpbr_front/app/src/routes/talk/+page.svelte b/dpbr_front/app/src/routes/talk/+page.svelte
index ffab0be..0490fee 100644
--- a/dpbr_front/app/src/routes/talk/+page.svelte
+++ b/dpbr_front/app/src/routes/talk/+page.svelte
@@ -156,8 +156,11 @@
 		<div class="relative z-10 flex items-center pr-1">
 			{#if $authStore.isAuthenticated}
 				<button
-					onclick={() => authStore.logout()}
-					class="text-white text-sm font-light"
+					onclick={async () => {
+						await authStore.logout();
+						await goto("/");
+					}}
+					class="text-white text-[12px] font-light underline hover:opacity-80 transition-opacity"
 				>
 					로그아웃
 				</button>
@@ -233,7 +236,7 @@
 					<span class="text-xs">...</span>
 				{:else}
 					<img
-						src="/images/icons/name=Send, Color=White.svg"
+						src="/images/icons/send-icon-white.svg"
 						alt="보내기"
 						class="w-5 h-5 ml-[-2px]"
 						draggable="false"
diff --git a/dpbr_front/app/src/routes/team-message/[id]/+page.svelte b/dpbr_front/app/src/routes/team-message/[id]/+page.svelte
index 38ca587..5f91523 100644
--- a/dpbr_front/app/src/routes/team-message/[id]/+page.svelte
+++ b/dpbr_front/app/src/routes/team-message/[id]/+page.svelte
@@ -60,26 +60,50 @@
 					alt={teamMessage.name}
 					onerror={handleImageError}
 					class={teamMessage.imageUrl
-						? "w-full max-h-80 object-cover rounded-lg"
-						: "w-1/2 object-contain rounded-lg"}
+						? "w-full h-auto object-contain rounded-lg"
+						: "w-1/2 h-auto object-contain rounded-lg"}
 				/>
 			</div>
 
-			<div class="flex flex-col gap-4 px-6 pt-4">
+			<div class="flex flex-col gap-4 px-6 py-4">
 				<div class="flex gap-4">
-					<span class="text-sm font-light text-text-muted shrink-0">직책</span>
-					<span class="text-base text-text-primary">{teamMessage.role}</span>
+					<span
+						class="w-[72px] shrink-0 text-left whitespace-nowrap text-sm font-light text-text-muted"
+						>직책</span
+					>
+					<span class="text-base text-text-primary"
+						>{teamMessage.role}</span
+					>
 				</div>
 			</div>
 
-			<div class="flex flex-col gap-4 px-6 pt-4 pb-6">
+			<hr class="border-bg-light mx-6" />
+
+			<div class="flex flex-col gap-4 px-6 py-4">
 				<div class="flex gap-4">
-					<span class="text-sm font-light text-text-muted shrink-0">상세 내용</span>
-					<span class="text-base text-text-primary leading-relaxed"
+					<span
+						class="w-[72px] shrink-0 text-left whitespace-nowrap text-sm font-light text-text-muted"
+						>상세 내용</span
+					>
+					<span
+						class="text-base text-text-primary leading-relaxed whitespace-pre-line"
 						>{teamMessage.content || teamMessage.title}</span
 					>
 				</div>
 			</div>
+
+			<hr class="border-bg-light mx-6" />
+		</div>
+
+		<div
+			class="flex justify-center items-center h-[calc(100dvh*64/874)] bg-white shrink-0 mt-2"
+		>
+			<img
+				src="/images/logos/logo-text-mono.svg"
+				alt="단풍바람"
+				class="h-5 opacity-40 object-contain"
+				draggable="false"
+			/>
 		</div>
 	{:else}
 		<div class="flex-1 flex items-center justify-center">
diff --git a/dpbr_front/app/static/default-avatar.png b/dpbr_front/app/static/default-avatar.png
index 2d9785b..dfe2dc0 100644
Binary files a/dpbr_front/app/static/default-avatar.png and b/dpbr_front/app/static/default-avatar.png differ
diff --git a/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF Bold.otf b/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF Bold.otf
deleted file mode 100644
index 4511423..0000000
Binary files a/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF Bold.otf and /dev/null differ
diff --git a/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF Light.otf b/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF Light.otf
deleted file mode 100644
index 188ee5f..0000000
Binary files a/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF Light.otf and /dev/null differ
diff --git a/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF.otf b/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF.otf
deleted file mode 100644
index 985ed12..0000000
Binary files a/dpbr_front/app/static/fonts/NEXON Lv1 Gothic Low OTF.otf and /dev/null differ
diff --git a/dpbr_front/app/static/images/icons/MSGS_Favicon.ico b/dpbr_front/app/static/images/icons/MSGS_Favicon.ico
new file mode 100644
index 0000000..5a89154
Binary files /dev/null and b/dpbr_front/app/static/images/icons/MSGS_Favicon.ico differ
diff --git a/dpbr_front/app/static/images/icons/name=Back, Color=Black.svg b/dpbr_front/app/static/images/icons/back-icon-black.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=Back, Color=Black.svg
rename to dpbr_front/app/static/images/icons/back-icon-black.svg
diff --git a/dpbr_front/app/static/images/icons/name=Back, Color=White.svg b/dpbr_front/app/static/images/icons/back-icon-white.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=Back, Color=White.svg
rename to dpbr_front/app/static/images/icons/back-icon-white.svg
diff --git a/dpbr_front/app/static/images/icons/name=Chat, Color=White.svg b/dpbr_front/app/static/images/icons/chat-icon-white.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=Chat, Color=White.svg
rename to dpbr_front/app/static/images/icons/chat-icon-white.svg
diff --git a/dpbr_front/app/static/images/icons/name=check-disable, Color=White.svg b/dpbr_front/app/static/images/icons/check-disable-icon.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=check-disable, Color=White.svg
rename to dpbr_front/app/static/images/icons/check-disable-icon.svg
diff --git a/dpbr_front/app/static/images/icons/name=check-enable, Color=White.svg b/dpbr_front/app/static/images/icons/check-enable-icon.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=check-enable, Color=White.svg
rename to dpbr_front/app/static/images/icons/check-enable-icon.svg
diff --git a/dpbr_front/app/static/images/icons/name=Close, Color=Black.svg b/dpbr_front/app/static/images/icons/close-icon-black.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=Close, Color=Black.svg
rename to dpbr_front/app/static/images/icons/close-icon-black.svg
diff --git a/dpbr_front/app/static/images/icons/name=Close, Color=White.svg b/dpbr_front/app/static/images/icons/close-icon-white.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=Close, Color=White.svg
rename to dpbr_front/app/static/images/icons/close-icon-white.svg
diff --git a/dpbr_front/app/static/images/icons/name=Menu, Color=White.svg b/dpbr_front/app/static/images/icons/menu-icon-white.svg
similarity index 100%
rename from dpbr_front/app/static/images/icons/name=Menu, Color=White.svg
rename to dpbr_front/app/static/images/icons/menu-icon-white.svg
diff --git a/dpbr_front/app/static/images/icons/name=Save, Color=White.svg b/dpbr_front/app/static/images/icons/name=Save, Color=White.svg
deleted file mode 100644
index 0648bd7..0000000
--- a/dpbr_front/app/static/images/icons/name=Save, Color=White.svg	
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_599_956)">
-<path d="M2 1C1.73478 1 1.48043 1.10536 1.29289 1.29289C1.10536 1.48043 1 1.73478 1 2V14C1 14.2652 1.10536 14.5196 1.29289 14.7071C1.48043 14.8946 1.73478 15 2 15H14C14.2652 15 14.5196 14.8946 14.7071 14.7071C14.8946 14.5196 15 14.2652 15 14V2C15 1.73478 14.8946 1.48043 14.7071 1.29289C14.5196 1.10536 14.2652 1 14 1H9.5C9.23478 1 8.98043 1.10536 8.79289 1.29289C8.60536 1.48043 8.5 1.73478 8.5 2V9.293L11.146 6.646C11.2399 6.55211 11.3672 6.49937 11.5 6.49937C11.6328 6.49937 11.7601 6.55211 11.854 6.646C11.9479 6.73989 12.0006 6.86722 12.0006 7C12.0006 7.13278 11.9479 7.26011 11.854 7.354L8.354 10.854C8.30755 10.9006 8.25238 10.9375 8.19163 10.9627C8.13089 10.9879 8.06577 11.0009 8 11.0009C7.93423 11.0009 7.86911 10.9879 7.80837 10.9627C7.74762 10.9375 7.69245 10.9006 7.646 10.854L4.146 7.354C4.09951 7.30751 4.06264 7.25232 4.03748 7.19158C4.01232 7.13084 3.99937 7.06574 3.99937 7C3.99937 6.93426 4.01232 6.86916 4.03748 6.80842C4.06264 6.74768 4.09951 6.69249 4.146 6.646C4.19249 6.59951 4.24768 6.56264 4.30842 6.53748C4.36916 6.51232 4.43426 6.49937 4.5 6.49937C4.56574 6.49937 4.63084 6.51232 4.69158 6.53748C4.75232 6.56264 4.80751 6.59951 4.854 6.646L7.5 9.293V2C7.5 1.46957 7.71071 0.960859 8.08579 0.585786C8.46086 0.210714 8.96957 0 9.5 0L14 0C14.5304 0 15.0391 0.210714 15.4142 0.585786C15.7893 0.960859 16 1.46957 16 2V14C16 14.5304 15.7893 15.0391 15.4142 15.4142C15.0391 15.7893 14.5304 16 14 16H2C1.46957 16 0.960859 15.7893 0.585786 15.4142C0.210714 15.0391 0 14.5304 0 14V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0L4.5 0C4.63261 0 4.75979 0.0526784 4.85355 0.146447C4.94732 0.240215 5 0.367392 5 0.5C5 0.632608 4.94732 0.759785 4.85355 0.853553C4.75979 0.947322 4.63261 1 4.5 1H2Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_599_956">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/dpbr_front/app/static/images/icons/name=Send, Color=White.svg b/dpbr_front/app/static/images/icons/name=Send, Color=White.svg
deleted file mode 100644
index 7851e55..0000000
--- a/dpbr_front/app/static/images/icons/name=Send, Color=White.svg	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.00018 12L4.39618 6.563C4.22318 5.007 5.82518 3.864 7.24018 4.535L19.1842 10.193C20.7092 10.915 20.7092 13.085 19.1842 13.807L7.24018 19.466C5.82518 20.136 4.22318 18.994 4.39618 17.438L5.00018 12ZM5.00018 12H12.0002" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/dpbr_front/app/static/images/icons/name=Text Logo, color=Mono.svg b/dpbr_front/app/static/images/icons/name=Text Logo, color=Mono.svg
deleted file mode 100644
index 4b93350..0000000
--- a/dpbr_front/app/static/images/icons/name=Text Logo, color=Mono.svg	
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg width="1008" height="275" viewBox="0 0 1008 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M117.1 121.56H42.8799V37.8001C42.8799 25.9801 33.26 16.3601 21.44 16.3601C9.62 16.3601 0 25.9801 0 37.8001V143C0 154.82 9.62 164.44 21.44 164.44H117.1C128.92 164.44 138.54 154.82 138.54 143C138.54 131.18 128.92 121.56 117.1 121.56Z" fill="#D9D9D9"/>
-<path d="M117.1 16.3601H21.44C9.62 16.3601 0 25.9801 0 37.8001C0 49.6201 9.62 59.2401 21.44 59.2401H117.1C128.92 59.2401 138.54 49.6201 138.54 37.8001C138.54 25.9801 128.92 16.3601 117.1 16.3601Z" fill="#B3B3B3"/>
-<path d="M221.04 70.51H177.73C165.91 70.51 156.29 80.13 156.29 91.95C156.29 103.77 165.91 113.39 177.73 113.39H221.04C232.86 113.39 242.48 103.77 242.48 91.95C242.48 80.13 232.86 70.51 221.04 70.51Z" fill="#D9D9D9"/>
-<path d="M177.73 0C165.91 0 156.29 9.62 156.29 21.44V167.35C156.29 179.17 165.91 188.79 177.73 188.79C189.55 188.79 199.17 179.17 199.17 167.35V21.44C199.17 9.62 189.55 0 177.73 0Z" fill="#A6A6A6"/>
-<path d="M184.89 228.1H25.67C13.85 228.1 4.22998 237.72 4.22998 249.54C4.22998 261.36 13.85 270.98 25.67 270.98H184.89C196.71 270.98 206.33 261.36 206.33 249.54C206.33 237.72 196.71 228.1 184.89 228.1Z" fill="#D9D9D9"/>
-<path d="M25.67 180.94C13.85 180.94 4.22998 190.56 4.22998 202.38V249.54C4.22998 261.36 13.85 270.98 25.67 270.98C37.49 270.98 47.11 261.36 47.11 249.54V202.38C47.11 190.56 37.49 180.94 25.67 180.94Z" fill="#B3B3B3"/>
-<path d="M324.99 9.62012C313.17 9.62012 303.55 19.2401 303.55 31.0601V98.0201C303.55 109.84 313.17 119.46 324.99 119.46C336.81 119.46 346.43 109.84 346.43 98.0201V31.0601C346.43 19.2401 336.81 9.62012 324.99 9.62012Z" fill="#D9D9D9"/>
-<path d="M443.58 76.5901H289.38C277.56 76.5901 267.94 86.2101 267.94 98.0301C267.94 109.85 277.56 119.47 289.38 119.47H443.58C455.4 119.47 465.02 109.85 465.02 98.0301C465.02 86.2101 455.4 76.5901 443.58 76.5901Z" fill="#B3B3B3"/>
-<path d="M413.11 9.62012C401.29 9.62012 391.67 19.2401 391.67 31.0601V98.0201C391.67 109.84 401.29 119.46 413.11 119.46C424.93 119.46 434.55 109.84 434.55 98.0201V31.0601C434.55 19.2401 424.93 9.62012 413.11 9.62012Z" fill="#A6A6A6"/>
-<path d="M443.58 9.62012H289.38C277.56 9.62012 267.94 19.2401 267.94 31.0601C267.94 42.8801 277.56 52.5001 289.38 52.5001H443.58C455.4 52.5001 465.02 42.8801 465.02 31.0601C465.02 19.2401 455.4 9.62012 443.58 9.62012Z" fill="#D9D9D9"/>
-<path d="M534.38 16.3601C522.56 16.3601 512.94 25.9801 512.94 37.8001V205.52C512.94 217.34 522.56 226.96 534.38 226.96C546.2 226.96 555.82 217.34 555.82 205.52V37.8001C555.82 25.9801 546.2 16.3601 534.38 16.3601Z" fill="#D9D9D9"/>
-<path d="M622.76 89.76H534.38C522.56 89.76 512.94 99.38 512.94 111.2C512.94 123.02 522.56 132.64 534.38 132.64H622.76C634.58 132.64 644.2 123.02 644.2 111.2C644.2 99.38 634.58 89.76 622.76 89.76Z" fill="#A6A6A6"/>
-<path d="M622.76 16.3601C610.94 16.3601 601.32 25.9801 601.32 37.8001V205.52C601.32 217.34 610.94 226.96 622.76 226.96C634.58 226.96 644.2 217.34 644.2 205.52V37.8001C644.2 25.9801 634.58 16.3601 622.76 16.3601Z" fill="#B3B3B3"/>
-<path d="M694.06 0C682.24 0 672.62 9.62 672.62 21.44V251.71C672.62 263.53 682.24 273.15 694.06 273.15C705.88 273.15 715.5 263.53 715.5 251.71V21.44C715.5 9.62 705.88 0 694.06 0Z" fill="#D9D9D9"/>
-<path d="M735.24 112.27H694.06C682.24 112.27 672.62 121.89 672.62 133.71C672.62 145.53 682.24 155.15 694.06 155.15H735.24C747.06 155.15 756.68 145.53 756.68 133.71C756.68 121.89 747.06 112.27 735.24 112.27Z" fill="#B3B3B3"/>
-<path d="M875.84 111.93H786.46C774.64 111.93 765.02 121.55 765.02 133.37C765.02 145.19 774.64 154.81 786.46 154.81H875.84C887.66 154.81 897.28 145.19 897.28 133.37C897.28 121.55 887.66 111.93 875.84 111.93Z" fill="#A6A6A6"/>
-<path d="M875.84 58.2H786.46C774.64 58.2 765.02 67.82 765.02 79.64C765.02 91.46 774.64 101.08 786.46 101.08H875.84C887.66 101.08 897.28 91.46 897.28 79.64C897.28 67.82 887.66 58.2 875.84 58.2Z" fill="#B3B3B3"/>
-<path d="M786.46 58.2C774.64 58.2 765.02 67.82 765.02 79.64V133.37C765.02 145.19 774.64 154.81 786.46 154.81C798.28 154.81 807.9 145.19 807.9 133.37V79.64C807.9 67.82 798.28 58.2 786.46 58.2Z" fill="#A6A6A6"/>
-<path d="M875.84 9.62012C864.02 9.62012 854.4 19.2401 854.4 31.0601V79.6401C854.4 91.4601 864.02 101.08 875.84 101.08C887.66 101.08 897.28 91.4601 897.28 79.6401V31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="#D9D9D9"/>
-<path d="M622.76 184.08H534.38C522.56 184.08 512.94 193.7 512.94 205.52C512.94 217.34 522.56 226.96 534.38 226.96H622.76C634.58 226.96 644.2 217.34 644.2 205.52C644.2 193.7 634.58 184.08 622.76 184.08Z" fill="#D9D9D9"/>
-<path d="M875.84 9.62012H786.46C774.64 9.62012 765.02 19.2401 765.02 31.0601C765.02 42.8801 774.64 52.5001 786.46 52.5001H875.84C887.66 52.5001 897.28 42.8801 897.28 31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="#B3B3B3"/>
-<path d="M986.31 61.5901H950.16C938.34 61.5901 928.72 71.2101 928.72 83.0301C928.72 94.8501 938.34 104.47 950.16 104.47H986.31C998.13 104.47 1007.75 94.8501 1007.75 83.0301C1007.75 71.2101 998.13 61.5901 986.31 61.5901Z" fill="#D9D9D9"/>
-<path d="M950.15 0C938.33 0 928.71 9.62 928.71 21.44V144.63C928.71 156.45 938.33 166.07 950.15 166.07C961.97 166.07 971.59 156.45 971.59 144.63V21.44C971.59 9.62 961.97 0 950.15 0Z" fill="#A6A6A6"/>
-<path d="M790.72 171.31C778.9 171.31 769.28 180.93 769.28 192.75V252.38C769.28 264.2 778.9 273.82 790.72 273.82C802.54 273.82 812.16 264.2 812.16 252.38V192.75C812.16 180.93 802.54 171.31 790.72 171.31Z" fill="#D9D9D9"/>
-<path d="M950.15 171.31H790.72C778.9 171.31 769.28 180.93 769.28 192.75C769.28 204.57 778.9 214.19 790.72 214.19H950.15C961.97 214.19 971.59 204.57 971.59 192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="#A6A6A6"/>
-<path d="M950.15 171.31C938.33 171.31 928.71 180.93 928.71 192.75V252.38C928.71 264.2 938.33 273.82 950.15 273.82C961.97 273.82 971.59 264.2 971.59 252.38V192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="#A6A6A6"/>
-<path d="M950.15 230.94H790.72C778.9 230.94 769.28 240.56 769.28 252.38C769.28 264.2 778.9 273.82 790.72 273.82H950.15C961.97 273.82 971.59 264.2 971.59 252.38C971.59 240.56 961.97 230.94 950.15 230.94Z" fill="#D9D9D9"/>
-<path d="M426.04 176.12H310.55C283.34 176.12 261.2 198.26 261.2 225.47C261.2 237.29 270.82 246.91 282.64 246.91C294.46 246.91 304.08 237.29 304.08 225.47C304.08 221.9 306.98 219 310.55 219H426.04C429.61 219 432.51 221.9 432.51 225.47C432.51 229.04 429.61 231.94 426.04 231.94C414.22 231.94 404.6 241.56 404.6 253.38C404.6 265.2 414.22 274.82 426.04 274.82C453.25 274.82 475.39 252.68 475.39 225.47C475.39 198.26 453.25 176.12 426.04 176.12Z" fill="#D9D9D9"/>
-<path d="M426.04 231.95H310.55C306.98 231.95 304.08 229.05 304.08 225.48C304.08 213.66 294.46 204.04 282.64 204.04C270.82 204.04 261.2 213.66 261.2 225.48C261.2 252.69 283.34 274.83 310.55 274.83H426.04C437.86 274.83 447.48 265.21 447.48 253.39C447.48 241.57 437.86 231.95 426.04 231.95Z" fill="#A6A6A6"/>
-<path d="M368.48 126.3C356.66 126.3 347.04 135.92 347.04 147.74V177.06C347.04 188.88 356.66 198.5 368.48 198.5C380.3 198.5 389.92 188.88 389.92 177.06V147.74C389.92 135.92 380.3 126.3 368.48 126.3Z" fill="#B3B3B3"/>
-<path d="M470.69 126.3H266.28C254.46 126.3 244.84 135.92 244.84 147.74C244.84 159.56 254.46 169.18 266.28 169.18H470.69C482.51 169.18 492.13 159.56 492.13 147.74C492.13 135.92 482.51 126.3 470.69 126.3Z" fill="#D9D9D9"/>
-</svg>
diff --git a/dpbr_front/app/static/images/icons/name=Text Logo, color=White.svg b/dpbr_front/app/static/images/icons/name=Text Logo, color=White.svg
deleted file mode 100644
index c914790..0000000
--- a/dpbr_front/app/static/images/icons/name=Text Logo, color=White.svg	
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg width="1008" height="275" viewBox="0 0 1008 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M117.1 121.56H42.8799V37.8001C42.8799 25.9801 33.26 16.3601 21.44 16.3601C9.62 16.3601 0 25.9801 0 37.8001V143C0 154.82 9.62 164.44 21.44 164.44H117.1C128.92 164.44 138.54 154.82 138.54 143C138.54 131.18 128.92 121.56 117.1 121.56Z" fill="white"/>
-<path d="M117.1 16.3601H21.44C9.62 16.3601 0 25.9801 0 37.8001C0 49.6201 9.62 59.2401 21.44 59.2401H117.1C128.92 59.2401 138.54 49.6201 138.54 37.8001C138.54 25.9801 128.92 16.3601 117.1 16.3601Z" fill="white"/>
-<path d="M221.04 70.51H177.73C165.91 70.51 156.29 80.13 156.29 91.95C156.29 103.77 165.91 113.39 177.73 113.39H221.04C232.86 113.39 242.48 103.77 242.48 91.95C242.48 80.13 232.86 70.51 221.04 70.51Z" fill="white"/>
-<path d="M177.73 0C165.91 0 156.29 9.62 156.29 21.44V167.35C156.29 179.17 165.91 188.79 177.73 188.79C189.55 188.79 199.17 179.17 199.17 167.35V21.44C199.17 9.62 189.55 0 177.73 0Z" fill="white"/>
-<path d="M184.89 228.1H25.67C13.85 228.1 4.22998 237.72 4.22998 249.54C4.22998 261.36 13.85 270.98 25.67 270.98H184.89C196.71 270.98 206.33 261.36 206.33 249.54C206.33 237.72 196.71 228.1 184.89 228.1Z" fill="white"/>
-<path d="M25.67 180.94C13.85 180.94 4.22998 190.56 4.22998 202.38V249.54C4.22998 261.36 13.85 270.98 25.67 270.98C37.49 270.98 47.11 261.36 47.11 249.54V202.38C47.11 190.56 37.49 180.94 25.67 180.94Z" fill="white"/>
-<path d="M324.99 9.62012C313.17 9.62012 303.55 19.2401 303.55 31.0601V98.0201C303.55 109.84 313.17 119.46 324.99 119.46C336.81 119.46 346.43 109.84 346.43 98.0201V31.0601C346.43 19.2401 336.81 9.62012 324.99 9.62012Z" fill="white"/>
-<path d="M443.58 76.5901H289.38C277.56 76.5901 267.94 86.2101 267.94 98.0301C267.94 109.85 277.56 119.47 289.38 119.47H443.58C455.4 119.47 465.02 109.85 465.02 98.0301C465.02 86.2101 455.4 76.5901 443.58 76.5901Z" fill="white"/>
-<path d="M413.11 9.62012C401.29 9.62012 391.67 19.2401 391.67 31.0601V98.0201C391.67 109.84 401.29 119.46 413.11 119.46C424.93 119.46 434.55 109.84 434.55 98.0201V31.0601C434.55 19.2401 424.93 9.62012 413.11 9.62012Z" fill="white"/>
-<path d="M443.58 9.62012H289.38C277.56 9.62012 267.94 19.2401 267.94 31.0601C267.94 42.8801 277.56 52.5001 289.38 52.5001H443.58C455.4 52.5001 465.02 42.8801 465.02 31.0601C465.02 19.2401 455.4 9.62012 443.58 9.62012Z" fill="white"/>
-<path d="M534.38 16.3601C522.56 16.3601 512.94 25.9801 512.94 37.8001V205.52C512.94 217.34 522.56 226.96 534.38 226.96C546.2 226.96 555.82 217.34 555.82 205.52V37.8001C555.82 25.9801 546.2 16.3601 534.38 16.3601Z" fill="white"/>
-<path d="M622.76 89.76H534.38C522.56 89.76 512.94 99.38 512.94 111.2C512.94 123.02 522.56 132.64 534.38 132.64H622.76C634.58 132.64 644.2 123.02 644.2 111.2C644.2 99.38 634.58 89.76 622.76 89.76Z" fill="white"/>
-<path d="M622.76 16.3601C610.94 16.3601 601.32 25.9801 601.32 37.8001V205.52C601.32 217.34 610.94 226.96 622.76 226.96C634.58 226.96 644.2 217.34 644.2 205.52V37.8001C644.2 25.9801 634.58 16.3601 622.76 16.3601Z" fill="white"/>
-<path d="M694.06 0C682.24 0 672.62 9.62 672.62 21.44V251.71C672.62 263.53 682.24 273.15 694.06 273.15C705.88 273.15 715.5 263.53 715.5 251.71V21.44C715.5 9.62 705.88 0 694.06 0Z" fill="white"/>
-<path d="M735.24 112.27H694.06C682.24 112.27 672.62 121.89 672.62 133.71C672.62 145.53 682.24 155.15 694.06 155.15H735.24C747.06 155.15 756.68 145.53 756.68 133.71C756.68 121.89 747.06 112.27 735.24 112.27Z" fill="white"/>
-<path d="M875.84 111.93H786.46C774.64 111.93 765.02 121.55 765.02 133.37C765.02 145.19 774.64 154.81 786.46 154.81H875.84C887.66 154.81 897.28 145.19 897.28 133.37C897.28 121.55 887.66 111.93 875.84 111.93Z" fill="white"/>
-<path d="M875.84 58.2H786.46C774.64 58.2 765.02 67.82 765.02 79.64C765.02 91.46 774.64 101.08 786.46 101.08H875.84C887.66 101.08 897.28 91.46 897.28 79.64C897.28 67.82 887.66 58.2 875.84 58.2Z" fill="white"/>
-<path d="M786.46 58.2C774.64 58.2 765.02 67.82 765.02 79.64V133.37C765.02 145.19 774.64 154.81 786.46 154.81C798.28 154.81 807.9 145.19 807.9 133.37V79.64C807.9 67.82 798.28 58.2 786.46 58.2Z" fill="white"/>
-<path d="M875.84 9.62012C864.02 9.62012 854.4 19.2401 854.4 31.0601V79.6401C854.4 91.4601 864.02 101.08 875.84 101.08C887.66 101.08 897.28 91.4601 897.28 79.6401V31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="white"/>
-<path d="M622.76 184.08H534.38C522.56 184.08 512.94 193.7 512.94 205.52C512.94 217.34 522.56 226.96 534.38 226.96H622.76C634.58 226.96 644.2 217.34 644.2 205.52C644.2 193.7 634.58 184.08 622.76 184.08Z" fill="white"/>
-<path d="M875.84 9.62012H786.46C774.64 9.62012 765.02 19.2401 765.02 31.0601C765.02 42.8801 774.64 52.5001 786.46 52.5001H875.84C887.66 52.5001 897.28 42.8801 897.28 31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="white"/>
-<path d="M986.31 61.5901H950.16C938.34 61.5901 928.72 71.2101 928.72 83.0301C928.72 94.8501 938.34 104.47 950.16 104.47H986.31C998.13 104.47 1007.75 94.8501 1007.75 83.0301C1007.75 71.2101 998.13 61.5901 986.31 61.5901Z" fill="white"/>
-<path d="M950.15 0C938.33 0 928.71 9.62 928.71 21.44V144.63C928.71 156.45 938.33 166.07 950.15 166.07C961.97 166.07 971.59 156.45 971.59 144.63V21.44C971.59 9.62 961.97 0 950.15 0Z" fill="white"/>
-<path d="M790.72 171.31C778.9 171.31 769.28 180.93 769.28 192.75V252.38C769.28 264.2 778.9 273.82 790.72 273.82C802.54 273.82 812.16 264.2 812.16 252.38V192.75C812.16 180.93 802.54 171.31 790.72 171.31Z" fill="white"/>
-<path d="M950.15 171.31H790.72C778.9 171.31 769.28 180.93 769.28 192.75C769.28 204.57 778.9 214.19 790.72 214.19H950.15C961.97 214.19 971.59 204.57 971.59 192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="white"/>
-<path d="M950.15 171.31C938.33 171.31 928.71 180.93 928.71 192.75V252.38C928.71 264.2 938.33 273.82 950.15 273.82C961.97 273.82 971.59 264.2 971.59 252.38V192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="white"/>
-<path d="M950.15 230.94H790.72C778.9 230.94 769.28 240.56 769.28 252.38C769.28 264.2 778.9 273.82 790.72 273.82H950.15C961.97 273.82 971.59 264.2 971.59 252.38C971.59 240.56 961.97 230.94 950.15 230.94Z" fill="white"/>
-<path d="M426.04 176.12H310.55C283.34 176.12 261.2 198.26 261.2 225.47C261.2 237.29 270.82 246.91 282.64 246.91C294.46 246.91 304.08 237.29 304.08 225.47C304.08 221.9 306.98 219 310.55 219H426.04C429.61 219 432.51 221.9 432.51 225.47C432.51 229.04 429.61 231.94 426.04 231.94C414.22 231.94 404.6 241.56 404.6 253.38C404.6 265.2 414.22 274.82 426.04 274.82C453.25 274.82 475.39 252.68 475.39 225.47C475.39 198.26 453.25 176.12 426.04 176.12Z" fill="white"/>
-<path d="M426.04 231.95H310.55C306.98 231.95 304.08 229.05 304.08 225.48C304.08 213.66 294.46 204.04 282.64 204.04C270.82 204.04 261.2 213.66 261.2 225.48C261.2 252.69 283.34 274.83 310.55 274.83H426.04C437.86 274.83 447.48 265.21 447.48 253.39C447.48 241.57 437.86 231.95 426.04 231.95Z" fill="white"/>
-<path d="M368.48 126.3C356.66 126.3 347.04 135.92 347.04 147.74V177.06C347.04 188.88 356.66 198.5 368.48 198.5C380.3 198.5 389.92 188.88 389.92 177.06V147.74C389.92 135.92 380.3 126.3 368.48 126.3Z" fill="white"/>
-<path d="M470.69 126.3H266.28C254.46 126.3 244.84 135.92 244.84 147.74C244.84 159.56 254.46 169.18 266.28 169.18H470.69C482.51 169.18 492.13 159.56 492.13 147.74C492.13 135.92 482.51 126.3 470.69 126.3Z" fill="white"/>
-</svg>
diff --git a/dpbr_front/app/static/images/icons/send-icon-white.svg b/dpbr_front/app/static/images/icons/send-icon-white.svg
new file mode 100644
index 0000000..b2600a4
--- /dev/null
+++ b/dpbr_front/app/static/images/icons/send-icon-white.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.91669 12L5.31269 6.563C5.13969 5.007 6.74169 3.864 8.15669 4.535L20.1007 10.193C21.6257 10.915 21.6257 13.085 20.1007 13.807L8.15669 19.466C6.74169 20.136 5.13969 18.994 5.31269 17.438L5.91669 12ZM5.91669 12H12.9167" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/dpbr_front/app/static/images/icons/symbol-logo-color.svg b/dpbr_front/app/static/images/icons/symbol-logo-color.svg
new file mode 100644
index 0000000..c26122a
--- /dev/null
+++ b/dpbr_front/app/static/images/icons/symbol-logo-color.svg
@@ -0,0 +1,9 @@
+<svg width="534" height="591" viewBox="0 0 534 591" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M277.737 412.22C274.147 411.08 270.417 410.51 266.677 410.51C250.627 410.51 236.597 420.79 231.757 436.1L197.917 543.03C191.817 562.29 202.537 582.92 221.797 589.02C225.387 590.16 229.107 590.73 232.857 590.73C248.907 590.73 262.937 580.45 267.777 565.14L301.617 458.21C307.717 438.95 296.997 418.32 277.737 412.22Z" fill="#FF6C66"/>
+<path d="M417.187 438.21L273.467 411.14C271.217 410.72 268.927 410.5 266.657 410.5C249.067 410.5 233.937 423.06 230.677 440.36C226.937 460.21 240.047 479.41 259.897 483.15L403.617 510.22C405.867 510.64 408.157 510.86 410.427 510.86C428.017 510.86 443.147 498.3 446.407 481C450.147 461.15 437.037 441.95 417.187 438.21Z" fill="#FCD374"/>
+<path d="M517.207 190.42C511.127 186.32 504.057 184.16 496.757 184.16C484.537 184.16 473.177 190.2 466.357 200.32L349.577 373.58C342.937 383.44 341.487 395.96 345.707 407.07L376.157 487.24C381.527 501.38 395.297 510.87 410.407 510.87C414.857 510.87 419.227 510.06 423.407 508.48C442.297 501.3 451.827 480.1 444.647 461.22L420.937 398.8L527.107 241.29C538.397 224.54 533.957 201.72 517.207 190.43V190.42Z" fill="#FF6C66"/>
+<path d="M525.677 198.34C519.677 190.61 511.027 185.67 501.317 184.45L377.527 168.82L299.117 19.6C292.767 7.51 280.327 0 266.667 0C260.777 0 254.887 1.46 249.647 4.21C240.987 8.76 234.617 16.42 231.707 25.76C228.797 35.11 229.707 45.02 234.257 53.69L321.567 219.82C327.137 230.41 337.537 237.63 349.407 239.13L492.147 257.15C493.677 257.34 495.227 257.44 496.767 257.44C515.167 257.44 530.777 243.66 533.087 225.39C534.317 215.68 531.687 206.08 525.687 198.34H525.677Z" fill="#FCD374"/>
+<path d="M301.667 25.76C298.757 16.42 292.387 8.76 283.727 4.21C278.487 1.46 272.597 0 266.707 0C253.037 0 240.607 7.51 234.257 19.6L146.947 185.74C137.547 203.62 144.457 225.82 162.337 235.22C167.577 237.97 173.467 239.43 179.357 239.43C193.027 239.43 205.457 231.92 211.807 219.83L299.117 53.7C303.667 45.04 304.577 35.12 301.667 25.77V25.76Z" fill="#FF6C66"/>
+<path d="M131.164 509.269C150.531 503.404 161.476 482.949 155.61 463.582C149.745 444.215 129.29 433.27 109.923 439.136C90.5557 445.001 79.6108 465.456 85.4764 484.823C91.3421 504.19 111.797 515.135 131.164 509.269Z" fill="#FF8D66"/>
+<path d="M183.797 373.58L99.3167 248.25L100.177 248.19C120.327 246.71 135.507 229.11 134.027 208.97C132.627 189.93 116.607 175.01 97.5467 175.01C96.6267 175.01 95.6967 175.04 94.7767 175.11L33.9367 179.58C13.9167 181.05 -1.21328 198.46 0.0767232 218.47C-0.433277 226.52 1.73672 234.57 6.25672 241.28L123.037 414.54C129.857 424.66 141.227 430.7 153.447 430.7C160.757 430.7 167.827 428.54 173.897 424.44C190.647 413.15 195.097 390.33 183.797 373.58Z" fill="#FCD374"/>
+</svg>
diff --git a/dpbr_front/app/static/images/park-bg.png b/dpbr_front/app/static/images/park-bg.png
new file mode 100644
index 0000000..793315c
Binary files /dev/null and b/dpbr_front/app/static/images/park-bg.png differ
diff --git a/dpbr_front/app/static/images/thumbnail.png b/dpbr_front/app/static/images/thumbnail.png
new file mode 100644
index 0000000..8376afe
Binary files /dev/null and b/dpbr_front/app/static/images/thumbnail.png differ
diff --git "a/dpbr_front/app/static/images/\353\213\250\355\222\215\353\260\224\353\236\214 13\352\270\260.svg" "b/dpbr_front/app/static/images/\353\213\250\355\222\215\353\260\224\353\236\214 13\352\270\260.svg"
new file mode 100644
index 0000000..429d085
--- /dev/null
+++ "b/dpbr_front/app/static/images/\353\213\250\355\222\215\353\260\224\353\236\214 13\352\270\260.svg"	
@@ -0,0 +1,9 @@
+<svg width="146" height="23" viewBox="0 0 146 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.472 15.792H15.648V0H17.472V5.28H20.424V6.912H17.472V15.792ZM18.168 21.168H1.944V14.112H3.768V19.584H18.168V21.168ZM0 0.744H11.28V2.328H1.824V9.984L14.208 9.48V11.04L0 11.712V0.744Z" fill="white"/>
+<path d="M21.6081 9.84H42.6321V11.424H33.0561V13.224C36.6081 13.464 39.2721 15.168 39.2721 17.76C39.2721 20.568 36.2001 22.32 32.2161 22.32C28.2321 22.32 25.1601 20.568 25.1601 17.76C25.1601 15.216 27.7041 13.512 31.1841 13.248V11.424H21.6081V9.84ZM23.6961 0.383999H40.5201V1.92H37.7601L37.5921 6.504H41.1921V8.064H23.0241V6.504H26.6001L26.4321 1.92H23.6961V0.383999ZM32.2161 20.784C35.1441 20.784 37.4481 19.656 37.4481 17.76C37.4481 15.864 35.1441 14.736 32.2161 14.736C29.2881 14.736 26.9841 15.864 26.9841 17.76C26.9841 19.656 29.2881 20.784 32.2161 20.784ZM28.2561 1.92L28.4241 6.504H35.7681L35.9361 1.92H28.2561Z" fill="white"/>
+<path d="M54.5201 0.672H56.3441V17.376H45.3281V0.672H47.1521V6.912H54.5201V0.672ZM47.1521 15.792H54.5201V8.496H47.1521V15.792ZM62.2961 21.408H60.4721V0H62.2961V7.92H65.7761V9.552H62.2961V21.408Z" fill="white"/>
+<path d="M79.2722 6.768H69.8162V10.08L82.2002 9.624V11.136L67.9922 11.76V5.28H77.4482V2.088H67.9922V0.552H79.2722V6.768ZM85.4642 12.504H83.6402V0H85.4642V5.16H88.4162V6.792H85.4642V12.504ZM69.8162 13.704H85.4162V21.264H69.8162V13.704ZM71.6402 15.192V19.728H83.5922V15.192H71.6402Z" fill="white"/>
+<path d="M99.4672 5.568L104.339 1.488H105.803V19.488H104.075V3.744L100.403 6.792L99.4672 5.568Z" fill="white"/>
+<path d="M117.707 18.48C120.875 18.48 122.627 16.56 122.627 14.184C122.627 11.808 120.707 10.008 117.635 10.008C116.795 10.008 115.739 10.464 115.547 10.56L114.875 9.36L121.427 2.976H112.187V1.488H123.755V2.808L117.899 8.544C122.171 8.592 124.355 11.112 124.355 14.184C124.355 17.4 121.859 19.968 117.707 19.968C114.947 19.968 112.523 18.432 111.347 16.224L112.691 15.336C113.699 17.136 115.763 18.48 117.707 18.48Z" fill="white"/>
+<path d="M145.012 21.408H143.188V0H145.012V21.408ZM127.42 2.496V0.912H138.604C138.7 8.808 134.14 14.856 127.948 18.144L126.748 16.8C132.7 13.896 136.396 8.232 136.636 2.496H127.42Z" fill="white"/>
+</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Back, Color=Black.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Back, Color=Black.svg"
deleted file mode 100644
index 042f8cf..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Back, Color=Black.svg"	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 4.99023L7 11.9902L14 18.9902" stroke="#292E33" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Back, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Back, Color=White.svg"
deleted file mode 100644
index e5d15b9..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Back, Color=White.svg"	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 4.99023L7 11.9902L14 18.9902" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Chat, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Chat, Color=White.svg"
deleted file mode 100644
index 68a6317..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Chat, Color=White.svg"	
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_592_98)">
-<path d="M4.5 3.25C4.16848 3.25 3.85054 3.3817 3.61612 3.61612C3.3817 3.85054 3.25 4.16848 3.25 4.5V14.5C3.25 14.8315 3.3817 15.1495 3.61612 15.3839C3.85054 15.6183 4.16848 15.75 4.5 15.75H16.4825C17.1455 15.7501 17.7813 16.0136 18.25 16.4825L20.75 18.9825V4.5C20.75 4.16848 20.6183 3.85054 20.3839 3.61612C20.1495 3.3817 19.8315 3.25 19.5 3.25H4.5ZM19.5 2C20.163 2 20.7989 2.26339 21.2678 2.73223C21.7366 3.20107 22 3.83696 22 4.5V20.4913C22 20.6149 21.9633 20.7358 21.8945 20.8386C21.8257 20.9414 21.728 21.0215 21.6138 21.0687C21.4995 21.116 21.3737 21.1282 21.2525 21.104C21.1312 21.0797 21.0198 21.0201 20.9325 20.9325L17.3663 17.3663C17.1319 17.1318 16.814 17.0001 16.4825 17H4.5C3.83696 17 3.20107 16.7366 2.73223 16.2678C2.26339 15.7989 2 15.163 2 14.5V4.5C2 3.83696 2.26339 3.20107 2.73223 2.73223C3.20107 2.26339 3.83696 2 4.5 2H19.5Z" fill="white"/>
-<path d="M8.25 9.5C8.25 9.83152 8.1183 10.1495 7.88388 10.3839C7.64946 10.6183 7.33152 10.75 7 10.75C6.66848 10.75 6.35054 10.6183 6.11612 10.3839C5.8817 10.1495 5.75 9.83152 5.75 9.5C5.75 9.16848 5.8817 8.85054 6.11612 8.61612C6.35054 8.3817 6.66848 8.25 7 8.25C7.33152 8.25 7.64946 8.3817 7.88388 8.61612C8.1183 8.85054 8.25 9.16848 8.25 9.5ZM13.25 9.5C13.25 9.83152 13.1183 10.1495 12.8839 10.3839C12.6495 10.6183 12.3315 10.75 12 10.75C11.6685 10.75 11.3505 10.6183 11.1161 10.3839C10.8817 10.1495 10.75 9.83152 10.75 9.5C10.75 9.16848 10.8817 8.85054 11.1161 8.61612C11.3505 8.3817 11.6685 8.25 12 8.25C12.3315 8.25 12.6495 8.3817 12.8839 8.61612C13.1183 8.85054 13.25 9.16848 13.25 9.5ZM18.25 9.5C18.25 9.83152 18.1183 10.1495 17.8839 10.3839C17.6495 10.6183 17.3315 10.75 17 10.75C16.6685 10.75 16.3505 10.6183 16.1161 10.3839C15.8817 10.1495 15.75 9.83152 15.75 9.5C15.75 9.16848 15.8817 8.85054 16.1161 8.61612C16.3505 8.3817 16.6685 8.25 17 8.25C17.3315 8.25 17.6495 8.3817 17.8839 8.61612C18.1183 8.85054 18.25 9.16848 18.25 9.5Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_592_98">
-<rect width="20" height="20" fill="white" transform="translate(2 2)"/>
-</clipPath>
-</defs>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Close, Color=Black.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Close, Color=Black.svg"
deleted file mode 100644
index d09850a..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Close, Color=Black.svg"	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 12L19 19M12 12L5 5M12 12L5 19M12 12L19 5" stroke="#292E33" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Close, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Close, Color=White.svg"
deleted file mode 100644
index d1d0f5a..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Close, Color=White.svg"	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 12L19 19M12 12L5 5M12 12L5 19M12 12L19 5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Menu, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Menu, Color=White.svg"
deleted file mode 100644
index 2d3054b..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Menu, Color=White.svg"	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 18C3.75 17.8011 3.82902 17.6103 3.96967 17.4697C4.11032 17.329 4.30109 17.25 4.5 17.25H19.5C19.6989 17.25 19.8897 17.329 20.0303 17.4697C20.171 17.6103 20.25 17.8011 20.25 18C20.25 18.1989 20.171 18.3897 20.0303 18.5303C19.8897 18.671 19.6989 18.75 19.5 18.75H4.5C4.30109 18.75 4.11032 18.671 3.96967 18.5303C3.82902 18.3897 3.75 18.1989 3.75 18ZM3.75 12C3.75 11.8011 3.82902 11.6103 3.96967 11.4697C4.11032 11.329 4.30109 11.25 4.5 11.25H19.5C19.6989 11.25 19.8897 11.329 20.0303 11.4697C20.171 11.6103 20.25 11.8011 20.25 12C20.25 12.1989 20.171 12.3897 20.0303 12.5303C19.8897 12.671 19.6989 12.75 19.5 12.75H4.5C4.30109 12.75 4.11032 12.671 3.96967 12.5303C3.82902 12.3897 3.75 12.1989 3.75 12ZM3.75 6C3.75 5.80109 3.82902 5.61032 3.96967 5.46967C4.11032 5.32902 4.30109 5.25 4.5 5.25H19.5C19.6989 5.25 19.8897 5.32902 20.0303 5.46967C20.171 5.61032 20.25 5.80109 20.25 6C20.25 6.19891 20.171 6.38968 20.0303 6.53033C19.8897 6.67098 19.6989 6.75 19.5 6.75H4.5C4.30109 6.75 4.11032 6.67098 3.96967 6.53033C3.82902 6.38968 3.75 6.19891 3.75 6Z" fill="white"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Save, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Save, Color=White.svg"
deleted file mode 100644
index 0648bd7..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Save, Color=White.svg"	
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_599_956)">
-<path d="M2 1C1.73478 1 1.48043 1.10536 1.29289 1.29289C1.10536 1.48043 1 1.73478 1 2V14C1 14.2652 1.10536 14.5196 1.29289 14.7071C1.48043 14.8946 1.73478 15 2 15H14C14.2652 15 14.5196 14.8946 14.7071 14.7071C14.8946 14.5196 15 14.2652 15 14V2C15 1.73478 14.8946 1.48043 14.7071 1.29289C14.5196 1.10536 14.2652 1 14 1H9.5C9.23478 1 8.98043 1.10536 8.79289 1.29289C8.60536 1.48043 8.5 1.73478 8.5 2V9.293L11.146 6.646C11.2399 6.55211 11.3672 6.49937 11.5 6.49937C11.6328 6.49937 11.7601 6.55211 11.854 6.646C11.9479 6.73989 12.0006 6.86722 12.0006 7C12.0006 7.13278 11.9479 7.26011 11.854 7.354L8.354 10.854C8.30755 10.9006 8.25238 10.9375 8.19163 10.9627C8.13089 10.9879 8.06577 11.0009 8 11.0009C7.93423 11.0009 7.86911 10.9879 7.80837 10.9627C7.74762 10.9375 7.69245 10.9006 7.646 10.854L4.146 7.354C4.09951 7.30751 4.06264 7.25232 4.03748 7.19158C4.01232 7.13084 3.99937 7.06574 3.99937 7C3.99937 6.93426 4.01232 6.86916 4.03748 6.80842C4.06264 6.74768 4.09951 6.69249 4.146 6.646C4.19249 6.59951 4.24768 6.56264 4.30842 6.53748C4.36916 6.51232 4.43426 6.49937 4.5 6.49937C4.56574 6.49937 4.63084 6.51232 4.69158 6.53748C4.75232 6.56264 4.80751 6.59951 4.854 6.646L7.5 9.293V2C7.5 1.46957 7.71071 0.960859 8.08579 0.585786C8.46086 0.210714 8.96957 0 9.5 0L14 0C14.5304 0 15.0391 0.210714 15.4142 0.585786C15.7893 0.960859 16 1.46957 16 2V14C16 14.5304 15.7893 15.0391 15.4142 15.4142C15.0391 15.7893 14.5304 16 14 16H2C1.46957 16 0.960859 15.7893 0.585786 15.4142C0.210714 15.0391 0 14.5304 0 14V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0L4.5 0C4.63261 0 4.75979 0.0526784 4.85355 0.146447C4.94732 0.240215 5 0.367392 5 0.5C5 0.632608 4.94732 0.759785 4.85355 0.853553C4.75979 0.947322 4.63261 1 4.5 1H2Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_599_956">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Send, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Send, Color=White.svg"
deleted file mode 100644
index 7851e55..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Send, Color=White.svg"	
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.00018 12L4.39618 6.563C4.22318 5.007 5.82518 3.864 7.24018 4.535L19.1842 10.193C20.7092 10.915 20.7092 13.085 19.1842 13.807L7.24018 19.466C5.82518 20.136 4.22318 18.994 4.39618 17.438L5.00018 12ZM5.00018 12H12.0002" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Text Logo, color=Mono.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Text Logo, color=Mono.svg"
deleted file mode 100644
index 4b93350..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Text Logo, color=Mono.svg"	
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg width="1008" height="275" viewBox="0 0 1008 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M117.1 121.56H42.8799V37.8001C42.8799 25.9801 33.26 16.3601 21.44 16.3601C9.62 16.3601 0 25.9801 0 37.8001V143C0 154.82 9.62 164.44 21.44 164.44H117.1C128.92 164.44 138.54 154.82 138.54 143C138.54 131.18 128.92 121.56 117.1 121.56Z" fill="#D9D9D9"/>
-<path d="M117.1 16.3601H21.44C9.62 16.3601 0 25.9801 0 37.8001C0 49.6201 9.62 59.2401 21.44 59.2401H117.1C128.92 59.2401 138.54 49.6201 138.54 37.8001C138.54 25.9801 128.92 16.3601 117.1 16.3601Z" fill="#B3B3B3"/>
-<path d="M221.04 70.51H177.73C165.91 70.51 156.29 80.13 156.29 91.95C156.29 103.77 165.91 113.39 177.73 113.39H221.04C232.86 113.39 242.48 103.77 242.48 91.95C242.48 80.13 232.86 70.51 221.04 70.51Z" fill="#D9D9D9"/>
-<path d="M177.73 0C165.91 0 156.29 9.62 156.29 21.44V167.35C156.29 179.17 165.91 188.79 177.73 188.79C189.55 188.79 199.17 179.17 199.17 167.35V21.44C199.17 9.62 189.55 0 177.73 0Z" fill="#A6A6A6"/>
-<path d="M184.89 228.1H25.67C13.85 228.1 4.22998 237.72 4.22998 249.54C4.22998 261.36 13.85 270.98 25.67 270.98H184.89C196.71 270.98 206.33 261.36 206.33 249.54C206.33 237.72 196.71 228.1 184.89 228.1Z" fill="#D9D9D9"/>
-<path d="M25.67 180.94C13.85 180.94 4.22998 190.56 4.22998 202.38V249.54C4.22998 261.36 13.85 270.98 25.67 270.98C37.49 270.98 47.11 261.36 47.11 249.54V202.38C47.11 190.56 37.49 180.94 25.67 180.94Z" fill="#B3B3B3"/>
-<path d="M324.99 9.62012C313.17 9.62012 303.55 19.2401 303.55 31.0601V98.0201C303.55 109.84 313.17 119.46 324.99 119.46C336.81 119.46 346.43 109.84 346.43 98.0201V31.0601C346.43 19.2401 336.81 9.62012 324.99 9.62012Z" fill="#D9D9D9"/>
-<path d="M443.58 76.5901H289.38C277.56 76.5901 267.94 86.2101 267.94 98.0301C267.94 109.85 277.56 119.47 289.38 119.47H443.58C455.4 119.47 465.02 109.85 465.02 98.0301C465.02 86.2101 455.4 76.5901 443.58 76.5901Z" fill="#B3B3B3"/>
-<path d="M413.11 9.62012C401.29 9.62012 391.67 19.2401 391.67 31.0601V98.0201C391.67 109.84 401.29 119.46 413.11 119.46C424.93 119.46 434.55 109.84 434.55 98.0201V31.0601C434.55 19.2401 424.93 9.62012 413.11 9.62012Z" fill="#A6A6A6"/>
-<path d="M443.58 9.62012H289.38C277.56 9.62012 267.94 19.2401 267.94 31.0601C267.94 42.8801 277.56 52.5001 289.38 52.5001H443.58C455.4 52.5001 465.02 42.8801 465.02 31.0601C465.02 19.2401 455.4 9.62012 443.58 9.62012Z" fill="#D9D9D9"/>
-<path d="M534.38 16.3601C522.56 16.3601 512.94 25.9801 512.94 37.8001V205.52C512.94 217.34 522.56 226.96 534.38 226.96C546.2 226.96 555.82 217.34 555.82 205.52V37.8001C555.82 25.9801 546.2 16.3601 534.38 16.3601Z" fill="#D9D9D9"/>
-<path d="M622.76 89.76H534.38C522.56 89.76 512.94 99.38 512.94 111.2C512.94 123.02 522.56 132.64 534.38 132.64H622.76C634.58 132.64 644.2 123.02 644.2 111.2C644.2 99.38 634.58 89.76 622.76 89.76Z" fill="#A6A6A6"/>
-<path d="M622.76 16.3601C610.94 16.3601 601.32 25.9801 601.32 37.8001V205.52C601.32 217.34 610.94 226.96 622.76 226.96C634.58 226.96 644.2 217.34 644.2 205.52V37.8001C644.2 25.9801 634.58 16.3601 622.76 16.3601Z" fill="#B3B3B3"/>
-<path d="M694.06 0C682.24 0 672.62 9.62 672.62 21.44V251.71C672.62 263.53 682.24 273.15 694.06 273.15C705.88 273.15 715.5 263.53 715.5 251.71V21.44C715.5 9.62 705.88 0 694.06 0Z" fill="#D9D9D9"/>
-<path d="M735.24 112.27H694.06C682.24 112.27 672.62 121.89 672.62 133.71C672.62 145.53 682.24 155.15 694.06 155.15H735.24C747.06 155.15 756.68 145.53 756.68 133.71C756.68 121.89 747.06 112.27 735.24 112.27Z" fill="#B3B3B3"/>
-<path d="M875.84 111.93H786.46C774.64 111.93 765.02 121.55 765.02 133.37C765.02 145.19 774.64 154.81 786.46 154.81H875.84C887.66 154.81 897.28 145.19 897.28 133.37C897.28 121.55 887.66 111.93 875.84 111.93Z" fill="#A6A6A6"/>
-<path d="M875.84 58.2H786.46C774.64 58.2 765.02 67.82 765.02 79.64C765.02 91.46 774.64 101.08 786.46 101.08H875.84C887.66 101.08 897.28 91.46 897.28 79.64C897.28 67.82 887.66 58.2 875.84 58.2Z" fill="#B3B3B3"/>
-<path d="M786.46 58.2C774.64 58.2 765.02 67.82 765.02 79.64V133.37C765.02 145.19 774.64 154.81 786.46 154.81C798.28 154.81 807.9 145.19 807.9 133.37V79.64C807.9 67.82 798.28 58.2 786.46 58.2Z" fill="#A6A6A6"/>
-<path d="M875.84 9.62012C864.02 9.62012 854.4 19.2401 854.4 31.0601V79.6401C854.4 91.4601 864.02 101.08 875.84 101.08C887.66 101.08 897.28 91.4601 897.28 79.6401V31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="#D9D9D9"/>
-<path d="M622.76 184.08H534.38C522.56 184.08 512.94 193.7 512.94 205.52C512.94 217.34 522.56 226.96 534.38 226.96H622.76C634.58 226.96 644.2 217.34 644.2 205.52C644.2 193.7 634.58 184.08 622.76 184.08Z" fill="#D9D9D9"/>
-<path d="M875.84 9.62012H786.46C774.64 9.62012 765.02 19.2401 765.02 31.0601C765.02 42.8801 774.64 52.5001 786.46 52.5001H875.84C887.66 52.5001 897.28 42.8801 897.28 31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="#B3B3B3"/>
-<path d="M986.31 61.5901H950.16C938.34 61.5901 928.72 71.2101 928.72 83.0301C928.72 94.8501 938.34 104.47 950.16 104.47H986.31C998.13 104.47 1007.75 94.8501 1007.75 83.0301C1007.75 71.2101 998.13 61.5901 986.31 61.5901Z" fill="#D9D9D9"/>
-<path d="M950.15 0C938.33 0 928.71 9.62 928.71 21.44V144.63C928.71 156.45 938.33 166.07 950.15 166.07C961.97 166.07 971.59 156.45 971.59 144.63V21.44C971.59 9.62 961.97 0 950.15 0Z" fill="#A6A6A6"/>
-<path d="M790.72 171.31C778.9 171.31 769.28 180.93 769.28 192.75V252.38C769.28 264.2 778.9 273.82 790.72 273.82C802.54 273.82 812.16 264.2 812.16 252.38V192.75C812.16 180.93 802.54 171.31 790.72 171.31Z" fill="#D9D9D9"/>
-<path d="M950.15 171.31H790.72C778.9 171.31 769.28 180.93 769.28 192.75C769.28 204.57 778.9 214.19 790.72 214.19H950.15C961.97 214.19 971.59 204.57 971.59 192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="#A6A6A6"/>
-<path d="M950.15 171.31C938.33 171.31 928.71 180.93 928.71 192.75V252.38C928.71 264.2 938.33 273.82 950.15 273.82C961.97 273.82 971.59 264.2 971.59 252.38V192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="#A6A6A6"/>
-<path d="M950.15 230.94H790.72C778.9 230.94 769.28 240.56 769.28 252.38C769.28 264.2 778.9 273.82 790.72 273.82H950.15C961.97 273.82 971.59 264.2 971.59 252.38C971.59 240.56 961.97 230.94 950.15 230.94Z" fill="#D9D9D9"/>
-<path d="M426.04 176.12H310.55C283.34 176.12 261.2 198.26 261.2 225.47C261.2 237.29 270.82 246.91 282.64 246.91C294.46 246.91 304.08 237.29 304.08 225.47C304.08 221.9 306.98 219 310.55 219H426.04C429.61 219 432.51 221.9 432.51 225.47C432.51 229.04 429.61 231.94 426.04 231.94C414.22 231.94 404.6 241.56 404.6 253.38C404.6 265.2 414.22 274.82 426.04 274.82C453.25 274.82 475.39 252.68 475.39 225.47C475.39 198.26 453.25 176.12 426.04 176.12Z" fill="#D9D9D9"/>
-<path d="M426.04 231.95H310.55C306.98 231.95 304.08 229.05 304.08 225.48C304.08 213.66 294.46 204.04 282.64 204.04C270.82 204.04 261.2 213.66 261.2 225.48C261.2 252.69 283.34 274.83 310.55 274.83H426.04C437.86 274.83 447.48 265.21 447.48 253.39C447.48 241.57 437.86 231.95 426.04 231.95Z" fill="#A6A6A6"/>
-<path d="M368.48 126.3C356.66 126.3 347.04 135.92 347.04 147.74V177.06C347.04 188.88 356.66 198.5 368.48 198.5C380.3 198.5 389.92 188.88 389.92 177.06V147.74C389.92 135.92 380.3 126.3 368.48 126.3Z" fill="#B3B3B3"/>
-<path d="M470.69 126.3H266.28C254.46 126.3 244.84 135.92 244.84 147.74C244.84 159.56 254.46 169.18 266.28 169.18H470.69C482.51 169.18 492.13 159.56 492.13 147.74C492.13 135.92 482.51 126.3 470.69 126.3Z" fill="#D9D9D9"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Text Logo, color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Text Logo, color=White.svg"
deleted file mode 100644
index c914790..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=Text Logo, color=White.svg"	
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg width="1008" height="275" viewBox="0 0 1008 275" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M117.1 121.56H42.8799V37.8001C42.8799 25.9801 33.26 16.3601 21.44 16.3601C9.62 16.3601 0 25.9801 0 37.8001V143C0 154.82 9.62 164.44 21.44 164.44H117.1C128.92 164.44 138.54 154.82 138.54 143C138.54 131.18 128.92 121.56 117.1 121.56Z" fill="white"/>
-<path d="M117.1 16.3601H21.44C9.62 16.3601 0 25.9801 0 37.8001C0 49.6201 9.62 59.2401 21.44 59.2401H117.1C128.92 59.2401 138.54 49.6201 138.54 37.8001C138.54 25.9801 128.92 16.3601 117.1 16.3601Z" fill="white"/>
-<path d="M221.04 70.51H177.73C165.91 70.51 156.29 80.13 156.29 91.95C156.29 103.77 165.91 113.39 177.73 113.39H221.04C232.86 113.39 242.48 103.77 242.48 91.95C242.48 80.13 232.86 70.51 221.04 70.51Z" fill="white"/>
-<path d="M177.73 0C165.91 0 156.29 9.62 156.29 21.44V167.35C156.29 179.17 165.91 188.79 177.73 188.79C189.55 188.79 199.17 179.17 199.17 167.35V21.44C199.17 9.62 189.55 0 177.73 0Z" fill="white"/>
-<path d="M184.89 228.1H25.67C13.85 228.1 4.22998 237.72 4.22998 249.54C4.22998 261.36 13.85 270.98 25.67 270.98H184.89C196.71 270.98 206.33 261.36 206.33 249.54C206.33 237.72 196.71 228.1 184.89 228.1Z" fill="white"/>
-<path d="M25.67 180.94C13.85 180.94 4.22998 190.56 4.22998 202.38V249.54C4.22998 261.36 13.85 270.98 25.67 270.98C37.49 270.98 47.11 261.36 47.11 249.54V202.38C47.11 190.56 37.49 180.94 25.67 180.94Z" fill="white"/>
-<path d="M324.99 9.62012C313.17 9.62012 303.55 19.2401 303.55 31.0601V98.0201C303.55 109.84 313.17 119.46 324.99 119.46C336.81 119.46 346.43 109.84 346.43 98.0201V31.0601C346.43 19.2401 336.81 9.62012 324.99 9.62012Z" fill="white"/>
-<path d="M443.58 76.5901H289.38C277.56 76.5901 267.94 86.2101 267.94 98.0301C267.94 109.85 277.56 119.47 289.38 119.47H443.58C455.4 119.47 465.02 109.85 465.02 98.0301C465.02 86.2101 455.4 76.5901 443.58 76.5901Z" fill="white"/>
-<path d="M413.11 9.62012C401.29 9.62012 391.67 19.2401 391.67 31.0601V98.0201C391.67 109.84 401.29 119.46 413.11 119.46C424.93 119.46 434.55 109.84 434.55 98.0201V31.0601C434.55 19.2401 424.93 9.62012 413.11 9.62012Z" fill="white"/>
-<path d="M443.58 9.62012H289.38C277.56 9.62012 267.94 19.2401 267.94 31.0601C267.94 42.8801 277.56 52.5001 289.38 52.5001H443.58C455.4 52.5001 465.02 42.8801 465.02 31.0601C465.02 19.2401 455.4 9.62012 443.58 9.62012Z" fill="white"/>
-<path d="M534.38 16.3601C522.56 16.3601 512.94 25.9801 512.94 37.8001V205.52C512.94 217.34 522.56 226.96 534.38 226.96C546.2 226.96 555.82 217.34 555.82 205.52V37.8001C555.82 25.9801 546.2 16.3601 534.38 16.3601Z" fill="white"/>
-<path d="M622.76 89.76H534.38C522.56 89.76 512.94 99.38 512.94 111.2C512.94 123.02 522.56 132.64 534.38 132.64H622.76C634.58 132.64 644.2 123.02 644.2 111.2C644.2 99.38 634.58 89.76 622.76 89.76Z" fill="white"/>
-<path d="M622.76 16.3601C610.94 16.3601 601.32 25.9801 601.32 37.8001V205.52C601.32 217.34 610.94 226.96 622.76 226.96C634.58 226.96 644.2 217.34 644.2 205.52V37.8001C644.2 25.9801 634.58 16.3601 622.76 16.3601Z" fill="white"/>
-<path d="M694.06 0C682.24 0 672.62 9.62 672.62 21.44V251.71C672.62 263.53 682.24 273.15 694.06 273.15C705.88 273.15 715.5 263.53 715.5 251.71V21.44C715.5 9.62 705.88 0 694.06 0Z" fill="white"/>
-<path d="M735.24 112.27H694.06C682.24 112.27 672.62 121.89 672.62 133.71C672.62 145.53 682.24 155.15 694.06 155.15H735.24C747.06 155.15 756.68 145.53 756.68 133.71C756.68 121.89 747.06 112.27 735.24 112.27Z" fill="white"/>
-<path d="M875.84 111.93H786.46C774.64 111.93 765.02 121.55 765.02 133.37C765.02 145.19 774.64 154.81 786.46 154.81H875.84C887.66 154.81 897.28 145.19 897.28 133.37C897.28 121.55 887.66 111.93 875.84 111.93Z" fill="white"/>
-<path d="M875.84 58.2H786.46C774.64 58.2 765.02 67.82 765.02 79.64C765.02 91.46 774.64 101.08 786.46 101.08H875.84C887.66 101.08 897.28 91.46 897.28 79.64C897.28 67.82 887.66 58.2 875.84 58.2Z" fill="white"/>
-<path d="M786.46 58.2C774.64 58.2 765.02 67.82 765.02 79.64V133.37C765.02 145.19 774.64 154.81 786.46 154.81C798.28 154.81 807.9 145.19 807.9 133.37V79.64C807.9 67.82 798.28 58.2 786.46 58.2Z" fill="white"/>
-<path d="M875.84 9.62012C864.02 9.62012 854.4 19.2401 854.4 31.0601V79.6401C854.4 91.4601 864.02 101.08 875.84 101.08C887.66 101.08 897.28 91.4601 897.28 79.6401V31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="white"/>
-<path d="M622.76 184.08H534.38C522.56 184.08 512.94 193.7 512.94 205.52C512.94 217.34 522.56 226.96 534.38 226.96H622.76C634.58 226.96 644.2 217.34 644.2 205.52C644.2 193.7 634.58 184.08 622.76 184.08Z" fill="white"/>
-<path d="M875.84 9.62012H786.46C774.64 9.62012 765.02 19.2401 765.02 31.0601C765.02 42.8801 774.64 52.5001 786.46 52.5001H875.84C887.66 52.5001 897.28 42.8801 897.28 31.0601C897.28 19.2401 887.66 9.62012 875.84 9.62012Z" fill="white"/>
-<path d="M986.31 61.5901H950.16C938.34 61.5901 928.72 71.2101 928.72 83.0301C928.72 94.8501 938.34 104.47 950.16 104.47H986.31C998.13 104.47 1007.75 94.8501 1007.75 83.0301C1007.75 71.2101 998.13 61.5901 986.31 61.5901Z" fill="white"/>
-<path d="M950.15 0C938.33 0 928.71 9.62 928.71 21.44V144.63C928.71 156.45 938.33 166.07 950.15 166.07C961.97 166.07 971.59 156.45 971.59 144.63V21.44C971.59 9.62 961.97 0 950.15 0Z" fill="white"/>
-<path d="M790.72 171.31C778.9 171.31 769.28 180.93 769.28 192.75V252.38C769.28 264.2 778.9 273.82 790.72 273.82C802.54 273.82 812.16 264.2 812.16 252.38V192.75C812.16 180.93 802.54 171.31 790.72 171.31Z" fill="white"/>
-<path d="M950.15 171.31H790.72C778.9 171.31 769.28 180.93 769.28 192.75C769.28 204.57 778.9 214.19 790.72 214.19H950.15C961.97 214.19 971.59 204.57 971.59 192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="white"/>
-<path d="M950.15 171.31C938.33 171.31 928.71 180.93 928.71 192.75V252.38C928.71 264.2 938.33 273.82 950.15 273.82C961.97 273.82 971.59 264.2 971.59 252.38V192.75C971.59 180.93 961.97 171.31 950.15 171.31Z" fill="white"/>
-<path d="M950.15 230.94H790.72C778.9 230.94 769.28 240.56 769.28 252.38C769.28 264.2 778.9 273.82 790.72 273.82H950.15C961.97 273.82 971.59 264.2 971.59 252.38C971.59 240.56 961.97 230.94 950.15 230.94Z" fill="white"/>
-<path d="M426.04 176.12H310.55C283.34 176.12 261.2 198.26 261.2 225.47C261.2 237.29 270.82 246.91 282.64 246.91C294.46 246.91 304.08 237.29 304.08 225.47C304.08 221.9 306.98 219 310.55 219H426.04C429.61 219 432.51 221.9 432.51 225.47C432.51 229.04 429.61 231.94 426.04 231.94C414.22 231.94 404.6 241.56 404.6 253.38C404.6 265.2 414.22 274.82 426.04 274.82C453.25 274.82 475.39 252.68 475.39 225.47C475.39 198.26 453.25 176.12 426.04 176.12Z" fill="white"/>
-<path d="M426.04 231.95H310.55C306.98 231.95 304.08 229.05 304.08 225.48C304.08 213.66 294.46 204.04 282.64 204.04C270.82 204.04 261.2 213.66 261.2 225.48C261.2 252.69 283.34 274.83 310.55 274.83H426.04C437.86 274.83 447.48 265.21 447.48 253.39C447.48 241.57 437.86 231.95 426.04 231.95Z" fill="white"/>
-<path d="M368.48 126.3C356.66 126.3 347.04 135.92 347.04 147.74V177.06C347.04 188.88 356.66 198.5 368.48 198.5C380.3 198.5 389.92 188.88 389.92 177.06V147.74C389.92 135.92 380.3 126.3 368.48 126.3Z" fill="white"/>
-<path d="M470.69 126.3H266.28C254.46 126.3 244.84 135.92 244.84 147.74C244.84 159.56 254.46 169.18 266.28 169.18H470.69C482.51 169.18 492.13 159.56 492.13 147.74C492.13 135.92 482.51 126.3 470.69 126.3Z" fill="white"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=check-disable, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=check-disable, Color=White.svg"
deleted file mode 100644
index 4e9c33c..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=check-disable, Color=White.svg"	
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22C13.3135 22.0016 14.6143 21.7437 15.8278 21.2411C17.0412 20.7384 18.1434 20.0009 19.071 19.071C20.0009 18.1434 20.7384 17.0412 21.2411 15.8278C21.7437 14.6143 22.0016 13.3135 22 12C22.0016 10.6866 21.7437 9.38572 21.2411 8.17225C20.7384 6.95878 20.0009 5.85659 19.071 4.92901C18.1434 3.99909 17.0412 3.26162 15.8278 2.75897C14.6143 2.25631 13.3135 1.99839 12 2.00001C10.6866 1.99839 9.38572 2.25631 8.17225 2.75897C6.95878 3.26162 5.85659 3.99909 4.92901 4.92901C3.99909 5.85659 3.26162 6.95878 2.75897 8.17225C2.25631 9.38572 1.99839 10.6866 2.00001 12C1.99839 13.3135 2.25631 14.6143 2.75897 15.8278C3.26162 17.0412 3.99909 18.1434 4.92901 19.071C5.85659 20.0009 6.95878 20.7384 8.17225 21.2411C9.38572 21.7437 10.6866 22.0016 12 22Z" stroke="white" stroke-linejoin="round"/>
-<path d="M7.5 12.5L10.5 15.5L16.5 9.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=check-enable, Color=White.svg" "b/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=check-enable, Color=White.svg"
deleted file mode 100644
index 58a77f2..0000000
--- "a/dpbr_front/app/static/images/\353\251\224\354\203\235\352\262\260\354\202\260 \354\225\204\354\235\264\354\275\230 svg \355\214\214\354\235\274/name=check-enable, Color=White.svg"	
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22C13.3135 22.0016 14.6143 21.7437 15.8278 21.2411C17.0412 20.7384 18.1434 20.0009 19.071 19.071C20.0009 18.1434 20.7384 17.0412 21.2411 15.8278C21.7437 14.6143 22.0016 13.3135 22 12C22.0016 10.6866 21.7437 9.38572 21.2411 8.17225C20.7384 6.95878 20.0009 5.85659 19.071 4.92901C18.1434 3.99909 17.0412 3.26162 15.8278 2.75897C14.6143 2.25631 13.3135 1.99839 12 2.00001C10.6866 1.99839 9.38572 2.25631 8.17225 2.75897C6.95878 3.26162 5.85659 3.99909 4.92901 4.92901C3.99909 5.85659 3.26162 6.95878 2.75897 8.17225C2.25631 9.38572 1.99839 10.6866 2.00001 12C1.99839 13.3135 2.25631 14.6143 2.75897 15.8278C3.26162 17.0412 3.99909 18.1434 4.92901 19.071C5.85659 20.0009 6.95878 20.7384 8.17225 21.2411C9.38572 21.7437 10.6866 22.0016 12 22Z" fill="white" stroke="white" stroke-width="2" stroke-linejoin="round"/>
-<path d="M7.5 12.5L10.5 15.5L16.5 9.5" stroke="#F87C56" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>