diff --git a/.gitignore b/.gitignore
index 24476c5d..c6b1624d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,44 +1,141 @@
-# Miscellaneous
-*.class
-*.log
-*.pyc
-*.swp
-.DS_Store
-.atom/
-.buildlog/
-.history
-.svn/
-migrate_working_dir/
-
-# IntelliJ related
-*.iml
-*.ipr
-*.iws
-.idea/
+# Created by https://www.toptal.com/developers/gitignore/api/windows,visualstudiocode,dart,flutter
+# Edit at https://www.toptal.com/developers/gitignore?templates=windows,visualstudiocode,dart,flutter
 
-# The .vscode folder contains launch configuration and tasks you configure in
-# VS Code which you may wish to be included in version control, so this line
-# is commented out by default.
-#.vscode/
+### Dart ###
+# See https://www.dartlang.org/guides/libraries/private-files
 
-# Flutter/Dart/Pub related
-**/doc/api/
-**/ios/Flutter/.last_build_id
+# Files and directories created by pub
 .dart_tool/
+.packages
+build/
+# If you're building an application, you may want to check-in your pubspec.lock
+pubspec.lock
+
+# Directory created by dartdoc
+# If you don't generate documentation locally you can remove this line.
+doc/api/
+
+# dotenv environment variables file
+.env*
+
+# Avoid committing generated Javascript files:
+*.dart.js
+*.info.json      # Produced by the --dump-info flag.
+*.js             # When generated by dart2js. Don't specify *.js if your
+                 # project includes source files written in JavaScript.
+*.js_
+*.js.deps
+*.js.map
+
 .flutter-plugins
 .flutter-plugins-dependencies
-.packages
+
+### Dart Patch ###
+# dotenv environment variables file
+.env
+
+### Flutter ###
+# Flutter/Dart/Pub related
+**/doc/api/
+.fvm/flutter_sdk
 .pub-cache/
 .pub/
-/build/
+coverage/
+lib/generated_plugin_registrant.dart
+# For library packages, don’t commit the pubspec.lock file.
+# Regenerating the pubspec.lock file lets you test your package against the latest compatible versions of its dependencies.
+# See https://dart.dev/guides/libraries/private-files#pubspeclock
+#pubspec.lock
+
+# Android related
+**/android/**/gradle-wrapper.jar
+**/android/.gradle
+**/android/captures/
+**/android/gradlew
+**/android/gradlew.bat
+**/android/key.properties
+**/android/local.properties
+**/android/**/GeneratedPluginRegistrant.java
+
+# iOS/XCode related
+**/ios/**/*.mode1v3
+**/ios/**/*.mode2v3
+**/ios/**/*.moved-aside
+**/ios/**/*.pbxuser
+**/ios/**/*.perspectivev3
+**/ios/**/*sync/
+**/ios/**/.sconsign.dblite
+**/ios/**/.tags*
+**/ios/**/.vagrant/
+**/ios/**/DerivedData/
+**/ios/**/Icon?
+**/ios/**/Pods/
+**/ios/**/.symlinks/
+**/ios/**/profile
+**/ios/**/xcuserdata
+**/ios/.generated/
+**/ios/Flutter/.last_build_id
+**/ios/Flutter/App.framework
+**/ios/Flutter/Flutter.framework
+**/ios/Flutter/Flutter.podspec
+**/ios/Flutter/Generated.xcconfig
+**/ios/Flutter/app.flx
+**/ios/Flutter/app.zip
+**/ios/Flutter/flutter_assets/
+**/ios/Flutter/flutter_export_environment.sh
+**/ios/ServiceDefinitions.json
+**/ios/Runner/GeneratedPluginRegistrant.*
+
+# Exceptions to above rules.
+!**/ios/**/default.mode1v3
+!**/ios/**/default.mode2v3
+!**/ios/**/default.pbxuser
+!**/ios/**/default.perspectivev3
+!/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+
+# Local History for Visual Studio Code
+.history/
+
+# Built Visual Studio Code Extensions
+*.vsix
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+.ionide
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
 
-# Symbolication related
-app.*.symbols
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
 
-# Obfuscation related
-app.*.map.json
+# Windows shortcuts
+*.lnk
 
-# Android Studio will place build artifacts here
-/android/app/debug
-/android/app/profile
-/android/app/release
+# End of https://www.toptal.com/developers/gitignore/api/windows,visualstudiocode,dart,flutter
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable-night-v21/background.png b/android/app/src/main/res/drawable-night-v21/background.png
new file mode 100644
index 00000000..71e9c817
Binary files /dev/null and b/android/app/src/main/res/drawable-night-v21/background.png differ
diff --git a/android/app/src/main/res/drawable-night-v21/launch_background.xml b/android/app/src/main/res/drawable-night-v21/launch_background.xml
new file mode 100644
index 00000000..f88598cf
--- /dev/null
+++ b/android/app/src/main/res/drawable-night-v21/launch_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+</layer-list>
diff --git a/android/app/src/main/res/drawable-night/background.png b/android/app/src/main/res/drawable-night/background.png
new file mode 100644
index 00000000..71e9c817
Binary files /dev/null and b/android/app/src/main/res/drawable-night/background.png differ
diff --git a/android/app/src/main/res/drawable-night/launch_background.xml b/android/app/src/main/res/drawable-night/launch_background.xml
new file mode 100644
index 00000000..f88598cf
--- /dev/null
+++ b/android/app/src/main/res/drawable-night/launch_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+</layer-list>
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
index 06952be7..dbc9ea9f 100644
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/assets/image/bank/bank_investment.png b/assets/image/bank/bank_investment.png
new file mode 100644
index 00000000..6ac36ea3
Binary files /dev/null and b/assets/image/bank/bank_investment.png differ
diff --git a/assets/image/bank/bank_kakao.png b/assets/image/bank/bank_kakao.png
new file mode 100644
index 00000000..2e9228b2
Binary files /dev/null and b/assets/image/bank/bank_kakao.png differ
diff --git a/assets/image/bank/bank_shinhan.png b/assets/image/bank/bank_shinhan.png
new file mode 100644
index 00000000..7a302522
Binary files /dev/null and b/assets/image/bank/bank_shinhan.png differ
diff --git a/assets/image/bank/bank_toss.png b/assets/image/bank/bank_toss.png
new file mode 100644
index 00000000..cd22f8dc
Binary files /dev/null and b/assets/image/bank/bank_toss.png differ
diff --git a/assets/image/benefit/benefit_01.png b/assets/image/benefit/benefit_01.png
new file mode 100644
index 00000000..9dfc7c6d
Binary files /dev/null and b/assets/image/benefit/benefit_01.png differ
diff --git a/assets/image/benefit/benefit_02.png b/assets/image/benefit/benefit_02.png
new file mode 100644
index 00000000..141d3c62
Binary files /dev/null and b/assets/image/benefit/benefit_02.png differ
diff --git a/assets/image/benefit/benefit_03.png b/assets/image/benefit/benefit_03.png
new file mode 100644
index 00000000..14353b1e
Binary files /dev/null and b/assets/image/benefit/benefit_03.png differ
diff --git a/assets/image/benefit/benefit_04.png b/assets/image/benefit/benefit_04.png
new file mode 100644
index 00000000..1054dbaa
Binary files /dev/null and b/assets/image/benefit/benefit_04.png differ
diff --git a/assets/image/benefit/benefit_05.png b/assets/image/benefit/benefit_05.png
new file mode 100644
index 00000000..eb86b608
Binary files /dev/null and b/assets/image/benefit/benefit_05.png differ
diff --git a/assets/image/benefit/benefit_06.png b/assets/image/benefit/benefit_06.png
new file mode 100644
index 00000000..81ed301c
Binary files /dev/null and b/assets/image/benefit/benefit_06.png differ
diff --git a/assets/image/credit_card/credit_cards.png b/assets/image/credit_card/credit_cards.png
new file mode 100644
index 00000000..1e33f148
Binary files /dev/null and b/assets/image/credit_card/credit_cards.png differ
diff --git a/assets/image/icon/map_point.png b/assets/image/icon/map_point.png
new file mode 100644
index 00000000..71a68f3e
Binary files /dev/null and b/assets/image/icon/map_point.png differ
diff --git a/assets/image/icon/notification.png b/assets/image/icon/notification.png
new file mode 100644
index 00000000..e03cebb2
Binary files /dev/null and b/assets/image/icon/notification.png differ
diff --git a/assets/image/icon/plus.png b/assets/image/icon/plus.png
new file mode 100644
index 00000000..1f7cbd45
Binary files /dev/null and b/assets/image/icon/plus.png differ
diff --git a/assets/image/icon/setting.png b/assets/image/icon/setting.png
new file mode 100644
index 00000000..da965362
Binary files /dev/null and b/assets/image/icon/setting.png differ
diff --git a/assets/image/icon/stock_calendar.png b/assets/image/icon/stock_calendar.png
new file mode 100644
index 00000000..c7eab8a2
Binary files /dev/null and b/assets/image/icon/stock_calendar.png differ
diff --git a/assets/image/icon/stock_search.png b/assets/image/icon/stock_search.png
new file mode 100644
index 00000000..d4d04997
Binary files /dev/null and b/assets/image/icon/stock_search.png differ
diff --git a/assets/image/icon/stock_settings.png b/assets/image/icon/stock_settings.png
new file mode 100644
index 00000000..10019558
Binary files /dev/null and b/assets/image/icon/stock_settings.png differ
diff --git a/assets/image/icon/toss.png b/assets/image/icon/toss.png
new file mode 100644
index 00000000..61645a4a
Binary files /dev/null and b/assets/image/icon/toss.png differ
diff --git a/assets/image/illustration/bulb.png b/assets/image/illustration/bulb.png
new file mode 100644
index 00000000..8a571d96
Binary files /dev/null and b/assets/image/illustration/bulb.png differ
diff --git a/assets/image/illustration/car.png b/assets/image/illustration/car.png
new file mode 100644
index 00000000..72c2b68a
Binary files /dev/null and b/assets/image/illustration/car.png differ
diff --git a/assets/image/illustration/credit_score.png b/assets/image/illustration/credit_score.png
new file mode 100644
index 00000000..cc5f53df
Binary files /dev/null and b/assets/image/illustration/credit_score.png differ
diff --git a/assets/image/notification/notification_idea.png b/assets/image/notification/notification_idea.png
new file mode 100644
index 00000000..71a6e29a
Binary files /dev/null and b/assets/image/notification/notification_idea.png differ
diff --git a/assets/image/notification/notification_luck.png b/assets/image/notification/notification_luck.png
new file mode 100644
index 00000000..22a06b4d
Binary files /dev/null and b/assets/image/notification/notification_luck.png differ
diff --git a/assets/image/notification/notification_people.png b/assets/image/notification/notification_people.png
new file mode 100644
index 00000000..dff44468
Binary files /dev/null and b/assets/image/notification/notification_people.png differ
diff --git a/assets/image/notification/notification_stock.png b/assets/image/notification/notification_stock.png
new file mode 100644
index 00000000..484797e0
Binary files /dev/null and b/assets/image/notification/notification_stock.png differ
diff --git a/assets/image/notification/notification_toss.png b/assets/image/notification/notification_toss.png
new file mode 100644
index 00000000..abe21140
Binary files /dev/null and b/assets/image/notification/notification_toss.png differ
diff --git a/assets/image/notification/notification_walk.png b/assets/image/notification/notification_walk.png
new file mode 100644
index 00000000..f8f52477
Binary files /dev/null and b/assets/image/notification/notification_walk.png differ
diff --git a/assets/image/splash/android12.png b/assets/image/splash/android12.png
new file mode 100644
index 00000000..bccbdb7a
Binary files /dev/null and b/assets/image/splash/android12.png differ
diff --git a/assets/image/splash/splash.png b/assets/image/splash/splash.png
new file mode 100644
index 00000000..659588df
Binary files /dev/null and b/assets/image/splash/splash.png differ
diff --git a/assets/image/stock/interest_stock_01.png b/assets/image/stock/interest_stock_01.png
new file mode 100644
index 00000000..9ceee122
Binary files /dev/null and b/assets/image/stock/interest_stock_01.png differ
diff --git a/assets/image/stock/interest_stock_02.png b/assets/image/stock/interest_stock_02.png
new file mode 100644
index 00000000..fecb3506
Binary files /dev/null and b/assets/image/stock/interest_stock_02.png differ
diff --git a/assets/image/stock/interest_stock_03.png b/assets/image/stock/interest_stock_03.png
new file mode 100644
index 00000000..54d155d7
Binary files /dev/null and b/assets/image/stock/interest_stock_03.png differ
diff --git a/assets/image/stock/interest_stock_04.png b/assets/image/stock/interest_stock_04.png
new file mode 100644
index 00000000..6e593bc1
Binary files /dev/null and b/assets/image/stock/interest_stock_04.png differ
diff --git a/assets/image/stock/interest_stock_05.png b/assets/image/stock/interest_stock_05.png
new file mode 100644
index 00000000..dcc81320
Binary files /dev/null and b/assets/image/stock/interest_stock_05.png differ
diff --git a/assets/image/stock/interest_stock_06.png b/assets/image/stock/interest_stock_06.png
new file mode 100644
index 00000000..ff3432e6
Binary files /dev/null and b/assets/image/stock/interest_stock_06.png differ
diff --git a/assets/image/stock/interest_stock_07.png b/assets/image/stock/interest_stock_07.png
new file mode 100644
index 00000000..8fea1d04
Binary files /dev/null and b/assets/image/stock/interest_stock_07.png differ
diff --git a/assets/image/stock/interest_stock_08.png b/assets/image/stock/interest_stock_08.png
new file mode 100644
index 00000000..27166321
Binary files /dev/null and b/assets/image/stock/interest_stock_08.png differ
diff --git a/assets/image/stock/interest_stock_09.png b/assets/image/stock/interest_stock_09.png
new file mode 100644
index 00000000..1ff2c7b2
Binary files /dev/null and b/assets/image/stock/interest_stock_09.png differ
diff --git a/assets/image/stock/interest_stock_10.png b/assets/image/stock/interest_stock_10.png
new file mode 100644
index 00000000..6382b10a
Binary files /dev/null and b/assets/image/stock/interest_stock_10.png differ
diff --git a/assets/image/stock/interest_stock_11.png b/assets/image/stock/interest_stock_11.png
new file mode 100644
index 00000000..fb700985
Binary files /dev/null and b/assets/image/stock/interest_stock_11.png differ
diff --git a/assets/image/stock/stock_01.png b/assets/image/stock/stock_01.png
new file mode 100644
index 00000000..3d595030
Binary files /dev/null and b/assets/image/stock/stock_01.png differ
diff --git a/assets/image/stock/stock_02.png b/assets/image/stock/stock_02.png
new file mode 100644
index 00000000..1d7a444b
Binary files /dev/null and b/assets/image/stock/stock_02.png differ
diff --git a/assets/image/stock/stock_03.png b/assets/image/stock/stock_03.png
new file mode 100644
index 00000000..15fddce5
Binary files /dev/null and b/assets/image/stock/stock_03.png differ
diff --git a/assets/image/stock/stock_04.png b/assets/image/stock/stock_04.png
new file mode 100644
index 00000000..47454ea6
Binary files /dev/null and b/assets/image/stock/stock_04.png differ
diff --git a/assets/image/stock/stock_05.png b/assets/image/stock/stock_05.png
new file mode 100644
index 00000000..bb904385
Binary files /dev/null and b/assets/image/stock/stock_05.png differ
diff --git a/assets/image/stock/stock_06.png b/assets/image/stock/stock_06.png
new file mode 100644
index 00000000..f9806fd3
Binary files /dev/null and b/assets/image/stock/stock_06.png differ
diff --git a/assets/image/stock/stock_heart_off.png b/assets/image/stock/stock_heart_off.png
new file mode 100644
index 00000000..e2f15871
Binary files /dev/null and b/assets/image/stock/stock_heart_off.png differ
diff --git a/assets/image/stock/stock_heart_on.png b/assets/image/stock/stock_heart_on.png
new file mode 100644
index 00000000..d0c672e7
Binary files /dev/null and b/assets/image/stock/stock_heart_on.png differ
diff --git a/assets/image/stock/stock_korea.png b/assets/image/stock/stock_korea.png
new file mode 100644
index 00000000..1fc1436c
Binary files /dev/null and b/assets/image/stock/stock_korea.png differ
diff --git a/assets/image/stock/stock_usa.png b/assets/image/stock/stock_usa.png
new file mode 100644
index 00000000..50499657
Binary files /dev/null and b/assets/image/stock/stock_usa.png differ
diff --git a/flutter_native_splash.yaml b/flutter_native_splash.yaml
index 15c7dc30..44b740a7 100644
--- a/flutter_native_splash.yaml
+++ b/flutter_native_splash.yaml
@@ -10,7 +10,8 @@ flutter_native_splash:
   # of your splash screen to a solid color.  Use background_image to set the background of your
   # splash screen to a png image.  This is useful for gradients. The image will be stretch to the
   # size of the app. Only one parameter can be used, color and background_image cannot both be set.
-  color: "#ffffff"
+  # 다크모드 사용 메인 컬러
+  color: "#0a0a0e"
   #background_image: "assets/background.png"
 
   # Optional parameters are listed below.  To enable a parameter, uncomment the line by removing
@@ -18,7 +19,7 @@ flutter_native_splash:
 
   # The image parameter allows you to specify an image used in the splash screen.  It must be a
   # png file and should be sized for 4x pixel density.
-  #image: assets/splash.png
+  image: assets/image/splash/splash.png
 
   # The branding property allows you to specify an image used as branding in the splash screen.
   # It must be a png file. It is supported for Android, iOS and the Web.  For Android 12,
@@ -50,10 +51,10 @@ flutter_native_splash:
   # 640 pixels in diameter.
   # App icon without an icon background: This should be 1152×1152 pixels, and fit within a circle
   # 768 pixels in diameter.
-  #image: assets/android12splash.png
+    image: assets/image/splash/android12.png
 
   # Splash screen background color.
-  #color: "#42a5f5"
+    color: "#0a0a0e"
 
   # App icon background color.
   #icon_background_color: "#111111"
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
index 9f447e1b..8bb185b1 100644
--- a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
@@ -2,16 +2,17 @@
   "images" : [
     {
       "filename" : "background.png",
-      "idiom" : "universal",
-      "scale" : "1x"
+      "idiom" : "universal"
     },
     {
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "universal",
-      "scale" : "3x"
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "darkbackground.png",
+      "idiom" : "universal"
     }
   ],
   "info" : {
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/darkbackground.png b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/darkbackground.png
new file mode 100644
index 00000000..71e9c817
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/darkbackground.png differ
diff --git a/lib/main.dart b/lib/main.dart
index f04f6d80..a63c45ac 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -3,9 +3,12 @@ import 'package:flutter/material.dart';
 
 import 'app.dart';
 import 'common/data/preference/app_preferences.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
 
 void main() async {
-  WidgetsFlutterBinding.ensureInitialized();
+  final bindings = WidgetsFlutterBinding.ensureInitialized();
+  // 기존에 네이티브 스플래시 화면 보전, 두번 로딩되는 현상 때문에, 나중에 지워야됨
+  FlutterNativeSplash.preserve(widgetsBinding: bindings);
   await EasyLocalization.ensureInitialized();
   await AppPreferences.init();
 
diff --git a/lib/screen/main/s_main.dart b/lib/screen/main/s_main.dart
index 92339013..7d3b03ca 100644
--- a/lib/screen/main/s_main.dart
+++ b/lib/screen/main/s_main.dart
@@ -1,10 +1,13 @@
 import 'package:fast_app_base/screen/main/tab/tab_item.dart';
 import 'package:fast_app_base/screen/main/tab/tab_navigator.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
 
 import '../../common/common.dart';
 import 'w_menu_drawer.dart';
 
+import 'package:after_layout/after_layout.dart';
+
 class MainScreen extends StatefulWidget {
   const MainScreen({super.key});
 
@@ -12,19 +15,35 @@ class MainScreen extends StatefulWidget {
   State<MainScreen> createState() => MainScreenState();
 }
 
-class MainScreenState extends State<MainScreen> with SingleTickerProviderStateMixin {
+class MainScreenState extends State<MainScreen>
+    with SingleTickerProviderStateMixin, AfterLayoutMixin {
   TabItem _currentTab = TabItem.home;
-  final tabs = [TabItem.home, TabItem.favorite];
+  final tabs = [
+    TabItem.home,
+    TabItem.benefit,
+    TabItem.ttossplay,
+    TabItem.stock,
+    TabItem.all,
+  ];
   final List<GlobalKey<NavigatorState>> navigatorKeys = [];
 
   int get _currentIndex => tabs.indexOf(_currentTab);
 
-  GlobalKey<NavigatorState> get _currentTabNavigationKey => navigatorKeys[_currentIndex];
+  GlobalKey<NavigatorState> get _currentTabNavigationKey =>
+      navigatorKeys[_currentIndex];
 
   bool get extendBody => true;
 
   static double get bottomNavigationBarBorderRadius => 30.0;
 
+  @override
+  FutureOr<void> afterFirstLayout(BuildContext context) async {
+    // 추후 로그인, 로딩 이후 실행
+    // await login();
+    // await loading();
+    FlutterNativeSplash.remove();
+  }
+
   @override
   void initState() {
     super.initState();
@@ -40,7 +59,8 @@ class MainScreenState extends State<MainScreen> with SingleTickerProviderStateMi
         drawer: const MenuDrawer(),
         body: Container(
           color: context.appColors.seedColor.getMaterialColorValues[200],
-          padding: EdgeInsets.only(bottom: extendBody ? 60 - bottomNavigationBarBorderRadius : 0),
+          padding: EdgeInsets.only(
+              bottom: extendBody ? 60 - bottomNavigationBarBorderRadius : 0),
           child: SafeArea(
             bottom: !extendBody,
             child: pages,
@@ -119,13 +139,15 @@ class MainScreenState extends State<MainScreen> with SingleTickerProviderStateMi
     });
   }
 
-  BottomNavigationBarItem bottomItem(
-      bool activate, IconData iconData, IconData inActivateIconData, String label) {
+  BottomNavigationBarItem bottomItem(bool activate, IconData iconData,
+      IconData inActivateIconData, String label) {
     return BottomNavigationBarItem(
         icon: Icon(
           key: ValueKey(label),
           activate ? iconData : inActivateIconData,
-          color: activate ? context.appColors.iconButton : context.appColors.iconButtonInactivate,
+          color: activate
+              ? context.appColors.iconButton
+              : context.appColors.iconButtonInactivate,
         ),
         label: label);
   }
diff --git a/lib/screen/main/tab/favorite/f_favorite.dart b/lib/screen/main/tab/all/f_all.dart
similarity index 87%
rename from lib/screen/main/tab/favorite/f_favorite.dart
rename to lib/screen/main/tab/all/f_all.dart
index 43f9ca1c..c7515dff 100644
--- a/lib/screen/main/tab/favorite/f_favorite.dart
+++ b/lib/screen/main/tab/all/f_all.dart
@@ -4,10 +4,10 @@ import 'package:flutter/material.dart';
 import '../../../../common/widget/round_button_theme.dart';
 import '../../../../common/widget/w_round_button.dart';
 
-class FavoriteFragment extends StatelessWidget {
+class AllFragment extends StatelessWidget {
   final bool isShowBackButton;
 
-  const FavoriteFragment({
+  const AllFragment({
     Key? key,
     this.isShowBackButton = true,
   }) : super(key: key);
@@ -31,7 +31,8 @@ class FavoriteFragment extends StatelessWidget {
                       const Row(),
                       RoundButton(
                         text: '즐겨찾기 화면 띄우기',
-                        onTap: () => Nav.push(const FavoriteFragment(isShowBackButton: true),
+                        onTap: () => Nav.push(
+                            const AllFragment(isShowBackButton: true),
                             context: context),
                         theme: RoundButtonTheme.blue,
                       ),
diff --git a/lib/screen/main/tab/benefit/f_benefit.dart b/lib/screen/main/tab/benefit/f_benefit.dart
new file mode 100644
index 00000000..24006d21
--- /dev/null
+++ b/lib/screen/main/tab/benefit/f_benefit.dart
@@ -0,0 +1,47 @@
+import 'package:fast_app_base/common/common.dart';
+import 'package:flutter/material.dart';
+
+import '../../../../common/widget/round_button_theme.dart';
+import '../../../../common/widget/w_round_button.dart';
+
+class BenefitFragment extends StatelessWidget {
+  final bool isShowBackButton;
+
+  const BenefitFragment({
+    Key? key,
+    this.isShowBackButton = true,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      child: SafeArea(
+        bottom: false,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            if (isShowBackButton) const BackButton(),
+            Expanded(
+              child: Container(
+                color: Colors.green.withOpacity(0.2),
+                child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Row(),
+                      RoundButton(
+                        text: '즐겨찾기 화면 띄우기',
+                        onTap: () => Nav.push(
+                            const BenefitFragment(isShowBackButton: true),
+                            context: context),
+                        theme: RoundButtonTheme.blue,
+                      ),
+                    ]),
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screen/main/tab/home/bank_accounts_dummy.dart b/lib/screen/main/tab/home/bank_accounts_dummy.dart
new file mode 100644
index 00000000..cb46ef61
--- /dev/null
+++ b/lib/screen/main/tab/home/bank_accounts_dummy.dart
@@ -0,0 +1,44 @@
+import 'package:fast_app_base/screen/main/tab/home/banks_dummy.dart';
+import 'package:fast_app_base/screen/main/tab/home/vo/vo_bank_acount.dart';
+
+// 계좌를 위젯 세팅할때 넣어줘도 되는데 리스트로 넣어주는게 나중에 관리할때 편함
+
+final bankAccountShinhan1 = BankAccount(
+  bankShinhan,
+  100000,
+  accountTypeName: "신한 주거래 우대통장(저축예금)",
+);
+final bankAccountShinhan2 = BankAccount(
+  bankShinhan,
+  200000,
+  accountTypeName: "저축예금",
+);
+final bankAccountShinhan3 = BankAccount(
+  bankShinhan,
+  300000,
+  accountTypeName: "저축예금",
+);
+final bankAccountToss = BankAccount(
+  bankTtoss,
+  600000,
+);
+final bankAccountKakao = BankAccount(
+  bankKakao,
+  700000,
+  accountTypeName: "입출금통장",
+);
+// 데이터 호출 되는지 테스트
+main() {
+  for (final item in bankAccounts) {
+    print(item.accountTypeName);
+  }
+}
+
+// List
+final bankAccounts = [
+  bankAccountShinhan1,
+  bankAccountShinhan2,
+  bankAccountShinhan3,
+  bankAccountToss,
+  bankAccountKakao,
+];
diff --git a/lib/screen/main/tab/home/banks_dummy.dart b/lib/screen/main/tab/home/banks_dummy.dart
new file mode 100644
index 00000000..881a4f79
--- /dev/null
+++ b/lib/screen/main/tab/home/banks_dummy.dart
@@ -0,0 +1,6 @@
+import "package:fast_app_base/common/common.dart";
+import 'package:fast_app_base/screen/main/tab/home/vo/vo_bank.dart';
+
+final bankShinhan = Bank("신한은행", "$basePath/bank_shinban.png");
+final bankKakao = Bank("카카오뱅크", "$basePath/bank_kakao.png");
+final bankTtoss = Bank("토스뱅크", "$basePath/bank_toss.png");
diff --git a/lib/screen/main/tab/home/vo/vo_bank.dart b/lib/screen/main/tab/home/vo/vo_bank.dart
new file mode 100644
index 00000000..258305d3
--- /dev/null
+++ b/lib/screen/main/tab/home/vo/vo_bank.dart
@@ -0,0 +1,10 @@
+// 설계서 우선 무슨 은행인지
+// UI를 그리기 위해 더미데이터 생성할 클래스
+class Bank {
+  final String name;
+  final String logoImagePath;
+
+  Bank(this.name, this.logoImagePath);
+}
+// 예시
+// final bank1 = Bank("카카오뱅크", "assets/image/bank1.png");
diff --git a/lib/screen/main/tab/home/vo/vo_bank_acount.dart b/lib/screen/main/tab/home/vo/vo_bank_acount.dart
new file mode 100644
index 00000000..6ce923ee
--- /dev/null
+++ b/lib/screen/main/tab/home/vo/vo_bank_acount.dart
@@ -0,0 +1,20 @@
+import 'vo_bank.dart';
+
+class BankAccount {
+  // 뱅크를 참조
+  final Bank bank;
+  // final String accountNumber; 실제 화면에는 노출 안돼서 삭제(기록을 위해 주석처리)
+  // final String accountHolderName; 실제 화면에는 노출 안돼서 삭제(기록을 위해 주석처리)
+  int balance;
+  // 토스뱅크통장은 따로 이름이 없음 so, 꼭 필요한건 아니라서 옵셔널일 경우 ? 추가 nullable
+  final String? accountTypeName;
+
+  BankAccount(
+    this.bank,
+    // this.accountNumber, 실제 화면에는 노출 안돼서 삭제(기록을 위해 주석처리)
+    // this.accountHolderName, 실제 화면에는 노출 안돼서 삭제(기록을 위해 주석처리)
+    this.balance, {
+    //accountTypeName 옵셔널한 파라미터
+    this.accountTypeName,
+  });
+}
diff --git a/lib/screen/main/tab/stock/f_stock.dart b/lib/screen/main/tab/stock/f_stock.dart
new file mode 100644
index 00000000..8db26c76
--- /dev/null
+++ b/lib/screen/main/tab/stock/f_stock.dart
@@ -0,0 +1,47 @@
+import 'package:fast_app_base/common/common.dart';
+import 'package:flutter/material.dart';
+
+import '../../../../common/widget/round_button_theme.dart';
+import '../../../../common/widget/w_round_button.dart';
+
+class StockFragment extends StatelessWidget {
+  final bool isShowBackButton;
+
+  const StockFragment({
+    Key? key,
+    this.isShowBackButton = true,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      child: SafeArea(
+        bottom: false,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            if (isShowBackButton) const BackButton(),
+            Expanded(
+              child: Container(
+                color: Colors.green.withOpacity(0.2),
+                child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Row(),
+                      RoundButton(
+                        text: '즐겨찾기 화면 띄우기',
+                        onTap: () => Nav.push(
+                            const StockFragment(isShowBackButton: true),
+                            context: context),
+                        theme: RoundButtonTheme.blue,
+                      ),
+                    ]),
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screen/main/tab/tab_item.dart b/lib/screen/main/tab/tab_item.dart
index 7966e338..b977000a 100644
--- a/lib/screen/main/tab/tab_item.dart
+++ b/lib/screen/main/tab/tab_item.dart
@@ -1,27 +1,38 @@
 import 'package:fast_app_base/common/common.dart';
-import 'package:fast_app_base/screen/main/tab/favorite/f_favorite.dart';
+import 'package:fast_app_base/screen/main/tab/all/f_all.dart';
+import 'package:fast_app_base/screen/main/tab/benefit/f_benefit.dart';
 import 'package:fast_app_base/screen/main/tab/home/f_home.dart';
+import 'package:fast_app_base/screen/main/tab/stock/f_stock.dart';
+import 'package:fast_app_base/screen/main/tab/ttosspay/f_ttosspay.dart';
 import 'package:flutter/material.dart';
 
 enum TabItem {
   home(Icons.home, '홈', HomeFragment()),
-  favorite(Icons.star, '즐겨찾기', FavoriteFragment(isShowBackButton: false));
+  benefit(Icons.star, '혜택', BenefitFragment()),
+  ttossplay(Icons.payment, '토스페이', TtosspayFragment()),
+  stock(Icons.candlestick_chart, '주식', StockFragment()),
+  all(Icons.menu, '전체', AllFragment());
 
+  // 이미지로 변경 시
+  // final String activeImagePath;
   final IconData activeIcon;
   final IconData inActiveIcon;
   final String tabName;
   final Widget firstPage;
 
-  const TabItem(this.activeIcon, this.tabName, this.firstPage, {IconData? inActiveIcon})
+  const TabItem(this.activeIcon, this.tabName, this.firstPage,
+      {IconData? inActiveIcon})
       : inActiveIcon = inActiveIcon ?? activeIcon;
 
-  BottomNavigationBarItem toNavigationBarItem(BuildContext context, {required bool isActivated}) {
+  BottomNavigationBarItem toNavigationBarItem(BuildContext context,
+      {required bool isActivated}) {
     return BottomNavigationBarItem(
         icon: Icon(
           key: ValueKey(tabName),
           isActivated ? activeIcon : inActiveIcon,
-          color:
-              isActivated ? context.appColors.iconButton : context.appColors.iconButtonInactivate,
+          color: isActivated
+              ? context.appColors.iconButton
+              : context.appColors.iconButtonInactivate,
         ),
         label: tabName);
   }
diff --git a/lib/screen/main/tab/ttosspay/f_ttosspay.dart b/lib/screen/main/tab/ttosspay/f_ttosspay.dart
new file mode 100644
index 00000000..d15e5939
--- /dev/null
+++ b/lib/screen/main/tab/ttosspay/f_ttosspay.dart
@@ -0,0 +1,47 @@
+import 'package:fast_app_base/common/common.dart';
+import 'package:flutter/material.dart';
+
+import '../../../../common/widget/round_button_theme.dart';
+import '../../../../common/widget/w_round_button.dart';
+
+class TtosspayFragment extends StatelessWidget {
+  final bool isShowBackButton;
+
+  const TtosspayFragment({
+    Key? key,
+    this.isShowBackButton = true,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      child: SafeArea(
+        bottom: false,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            if (isShowBackButton) const BackButton(),
+            Expanded(
+              child: Container(
+                color: Colors.green.withOpacity(0.2),
+                child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Row(),
+                      RoundButton(
+                        text: '즐겨찾기 화면 띄우기',
+                        onTap: () => Nav.push(
+                            const TtosspayFragment(isShowBackButton: true),
+                            context: context),
+                        theme: RoundButtonTheme.blue,
+                      ),
+                    ]),
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/pubspec.lock b/pubspec.lock
index de6caa64..cbf52deb 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -189,10 +189,10 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: "4a07be6cb69c84d677a6c3096fcf960cc3285a8330b4603e0d463d15d9bd934c"
+      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
       url: "https://pub.dev"
     source: hosted
-    version: "1.17.1"
+    version: "1.18.0"
   convert:
     dependency: transitive
     description:
@@ -205,10 +205,10 @@ packages:
     dependency: transitive
     description:
       name: coverage
-      sha256: "2fb815080e44a09b85e0f2ca8a820b15053982b2e714b59267719e8a9ff17097"
+      sha256: "8acabb8306b57a409bf4c83522065672ee13179297a6bb0cb9ead73948df7c76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.6.3"
+    version: "1.7.2"
   crypto:
     dependency: transitive
     description:
@@ -497,10 +497,10 @@ packages:
     dependency: transitive
     description:
       name: intl
-      sha256: a3715e3bc90294e971cb7dc063fbf3cd9ee0ebf8604ffeafabd9e6f16abbdbe6
+      sha256: "3bc132a9dbce73a7e4a21a17d06e1878839ffbf975568bc875c60537824b0c4d"
       url: "https://pub.dev"
     source: hosted
-    version: "0.18.0"
+    version: "0.18.1"
   io:
     dependency: transitive
     description:
@@ -565,6 +565,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.0.4"
+  leak_tracker:
+    dependency: transitive
+    description:
+      name: leak_tracker
+      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
+      url: "https://pub.dev"
+    source: hosted
+    version: "10.0.0"
+  leak_tracker_flutter_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_flutter_testing
+      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.1"
+  leak_tracker_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_testing
+      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.1"
   lints:
     dependency: transitive
     description:
@@ -585,26 +609,26 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: "6501fbd55da300384b768785b83e5ce66991266cec21af89ab9ae7f5ce1c4cbb"
+      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.15"
+    version: "0.12.16+1"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: d92141dc6fe1dad30722f9aa826c7fbc896d021d792f80678280601aff8cf724
+      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
       url: "https://pub.dev"
     source: hosted
-    version: "0.2.0"
+    version: "0.8.0"
   meta:
     dependency: "direct main"
     description:
       name: meta
-      sha256: "3c74dbf8763d36539f114c799d8a2d87343b5067e9d796ca22b5eb8437090ee3"
+      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.1"
+    version: "1.11.0"
   mime:
     dependency: transitive
     description:
@@ -657,10 +681,10 @@ packages:
     dependency: transitive
     description:
       name: path
-      sha256: "8829d8a55c13fc0e37127c29fedf290c102f4e40ae94ada574091fe0ff96c917"
+      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
       url: "https://pub.dev"
     source: hosted
-    version: "1.8.3"
+    version: "1.9.0"
   path_parsing:
     dependency: transitive
     description:
@@ -958,10 +982,10 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: dd904f795d4b4f3b870833847c461801f6750a9fa8e61ea5ac53f9422b31f250
+      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.1"
+    version: "1.10.0"
   sqflite:
     dependency: transitive
     description:
@@ -982,18 +1006,18 @@ packages:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
+      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "1.11.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
+      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   stream_transform:
     dependency: transitive
     description:
@@ -1030,26 +1054,26 @@ packages:
     dependency: "direct dev"
     description:
       name: test
-      sha256: "3dac9aecf2c3991d09b9cdde4f98ded7b30804a88a0d7e4e7e1678e78d6b97f4"
+      sha256: a1f7595805820fcc05e5c52e3a231aedd0b72972cb333e8c738a8b1239448b6f
       url: "https://pub.dev"
     source: hosted
-    version: "1.24.1"
+    version: "1.24.9"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: eb6ac1540b26de412b3403a163d919ba86f6a973fe6cc50ae3541b80092fdcfb
+      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
       url: "https://pub.dev"
     source: hosted
-    version: "0.5.1"
+    version: "0.6.1"
   test_core:
     dependency: transitive
     description:
       name: test_core
-      sha256: "5138dbffb77b2289ecb12b81c11ba46036590b72a64a7a90d6ffb880f1a29e93"
+      sha256: a757b14fc47507060a162cc2530d9a4a2f92f5100a952c7443b5cad5ef5b106a
       url: "https://pub.dev"
     source: hosted
-    version: "0.5.1"
+    version: "0.5.9"
   time:
     dependency: transitive
     description:
@@ -1142,10 +1166,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: f3743ca475e0c9ef71df4ba15eb2d7684eecd5c8ba20a462462e4e8b561b2e11
+      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
       url: "https://pub.dev"
     source: hosted
-    version: "11.6.0"
+    version: "13.0.0"
   vxstate:
     dependency: transitive
     description:
@@ -1219,5 +1243,5 @@ packages:
     source: hosted
     version: "3.1.2"
 sdks:
-  dart: ">=3.0.0 <4.0.0"
+  dart: ">=3.2.0-0 <4.0.0"
   flutter: ">=3.7.0-0"
diff --git a/pubspec.yaml b/pubspec.yaml
index 80e6e86c..8dc6569f 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -106,9 +106,15 @@ flutter:
   uses-material-design: true
   assets:
     - assets/json/
-    - assets/image/
+    - assets/image/bank/
+    - assets/image/benefit/
+    - assets/image/credit_card/
+    - assets/image/illustration/
+    - assets/image/notification/
+    - assets/image/stock/
     - assets/image/icon/
     - assets/image/flag/
+    - assets/image/splash/
     - assets/image/darkmode/
     - assets/translations/
     - assets/
diff --git a/web/index.html b/web/index.html
index c253dd97..9dae7577 100644
--- a/web/index.html
+++ b/web/index.html
@@ -36,9 +36,9 @@
   </script>
   <!-- This script adds the flutter initialization JS code -->
   <script src="flutter.js" defer=""></script>
-  <link rel="stylesheet" type="text/css" href="splash/style.css">
-  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
-  <script src="splash/splash.js"></script>
+  
+  
+  
 </head>
 <body>
   <script>
diff --git a/web/splash/splash.js b/web/splash/splash.js
deleted file mode 100644
index 3b6ed11f..00000000
--- a/web/splash/splash.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function removeSplashFromWeb() {
-  document.getElementById("splash")?.remove();
-  document.getElementById("splash-branding")?.remove();
-  document.body.style.background = "transparent";
-}
diff --git a/web/splash/style.css b/web/splash/style.css
deleted file mode 100644
index c458699a..00000000
--- a/web/splash/style.css
+++ /dev/null
@@ -1,56 +0,0 @@
-html {
-  height: 100%
-}
-
-body {
-  margin: 0;
-  min-height: 100%;
-  background-color: #ffffff;
-  background-size: 100% 100%;
-}
-
-.center {
-  margin: 0;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -ms-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-}
-
-.contain {
-  display:block;
-  width:100%; height:100%;
-  object-fit: contain;
-}
-
-.stretch {
-  display:block;
-  width:100%; height:100%;
-}
-
-.cover {
-  display:block;
-  width:100%; height:100%;
-  object-fit: cover;
-}
-
-.bottom {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  -ms-transform: translate(-50%, 0);
-  transform: translate(-50%, 0);
-}
-
-.bottomLeft {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-}
-
-.bottomRight {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-}