diff --git a/SmartAquaViewer/App.xaml b/SmartAquaViewer/App.xaml
index a067e94..fa3d754 100644
--- a/SmartAquaViewer/App.xaml
+++ b/SmartAquaViewer/App.xaml
@@ -8,7 +8,7 @@
     <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="/Reources/Generic.xaml"/>
+                <ResourceDictionary Source="/Resources/Generic.xaml"/>
                 <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                 <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
             </ResourceDictionary.MergedDictionaries>
diff --git a/SmartAquaViewer/Fonts/SCDream1.otf b/SmartAquaViewer/Fonts/SCDream1.otf
new file mode 100644
index 0000000..c8eac97
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream1.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream2.otf b/SmartAquaViewer/Fonts/SCDream2.otf
new file mode 100644
index 0000000..c5625d9
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream2.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream3.otf b/SmartAquaViewer/Fonts/SCDream3.otf
new file mode 100644
index 0000000..28a160c
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream3.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream4.otf b/SmartAquaViewer/Fonts/SCDream4.otf
new file mode 100644
index 0000000..1978ea4
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream4.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream5.otf b/SmartAquaViewer/Fonts/SCDream5.otf
new file mode 100644
index 0000000..628e828
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream5.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream6.otf b/SmartAquaViewer/Fonts/SCDream6.otf
new file mode 100644
index 0000000..4e20297
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream6.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream7.otf b/SmartAquaViewer/Fonts/SCDream7.otf
new file mode 100644
index 0000000..7e38170
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream7.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream8.otf b/SmartAquaViewer/Fonts/SCDream8.otf
new file mode 100644
index 0000000..5d7e4be
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream8.otf differ
diff --git a/SmartAquaViewer/Fonts/SCDream9.otf b/SmartAquaViewer/Fonts/SCDream9.otf
new file mode 100644
index 0000000..f6db18f
Binary files /dev/null and b/SmartAquaViewer/Fonts/SCDream9.otf differ
diff --git a/SmartAquaViewer/Helper/RadioButtonHelper.cs b/SmartAquaViewer/Helper/RadioButtonHelper.cs
new file mode 100644
index 0000000..5236bdc
--- /dev/null
+++ b/SmartAquaViewer/Helper/RadioButtonHelper.cs
@@ -0,0 +1,37 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Media;
+
+namespace SmartAquaViewer.Helper
+{
+    public static class RadioButtonHelper
+    {
+        public static readonly DependencyProperty PressedImageProperty =
+         DependencyProperty.RegisterAttached(
+             "PressedImage",
+             typeof(ImageSource),
+             typeof(RadioButtonHelper),
+             new PropertyMetadata(null));
+
+        public static void SetPressedImage(DependencyObject element, ImageSource value)
+            => element.SetValue(PressedImageProperty, value);
+        public static ImageSource GetPressedImage(DependencyObject element)
+            => (ImageSource)element.GetValue(PressedImageProperty);
+
+        public static readonly DependencyProperty UnPressedImageProperty =
+        DependencyProperty.RegisterAttached(
+            "UnPressedImage",
+            typeof(ImageSource),
+            typeof(RadioButtonHelper),
+            new PropertyMetadata(null));
+
+        public static void SetUnPressedImage(DependencyObject element, ImageSource value)
+            => element.SetValue(UnPressedImageProperty, value);
+        public static ImageSource GetUnPressedImage(DependencyObject element)
+            => (ImageSource)element.GetValue(UnPressedImageProperty);
+    }
+}
diff --git a/SmartAquaViewer/MainWindow.xaml b/SmartAquaViewer/MainWindow.xaml
index d37aa6d..2fc1595 100644
--- a/SmartAquaViewer/MainWindow.xaml
+++ b/SmartAquaViewer/MainWindow.xaml
@@ -7,6 +7,7 @@
         xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
         xmlns:view="clr-namespace:SmartAquaViewer.View"
         xmlns:vm="clr-namespace:SmartAquaViewer.ViewModel"
+        xmlns:helper="clr-namespace:SmartAquaViewer.Helper"
         mc:Ignorable="d"
         Title="MainWindow" Height="1080" Width="1920" WindowStartupLocation="CenterScreen">
 
@@ -26,25 +27,38 @@
         <Grid Grid.RowSpan="2"> <!--파일 리스트-->
             <view:FileListView x:Name="fileListView"/>
         </Grid>
-        <Grid Grid.Column="1" Background="#00498D">  <!--탭-->
-            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
-                <RadioButton x:Name="rdbtnMonitoing" GroupName="contentSwap" Content="모니터링" Tag="monitoring"
-                             Style="{StaticResource RadioButtonStyle}" Margin="60 0" IsChecked="True"
-                             Command="{Binding SwapViewCommand}"
-                             CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
-                <RadioButton x:Name="rdbtnEnergy" GroupName="contentSwap" Content="에너지" Tag="energy"
-                             Style="{StaticResource RadioButtonStyle}"
-                             Command="{Binding SwapViewCommand}"
-                             CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
-                <RadioButton x:Name="rdBtnGreenHouseGas" GroupName="contentSwap" Content="온실가스" Tag="greenHouseGas"
-                             Style="{StaticResource RadioButtonStyle}" Margin="60 0 0 0"
-                             Command="{Binding SwapViewCommand}"
-                             CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
-                <RadioButton x:Name="rdbtnCCTV" GroupName="contentSwap" Content="CCTV" Tag="cctv"
-                             Style="{StaticResource RadioButtonStyle}" Margin="60 0"
-                             Command="{Binding SwapViewCommand}"
-                             CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
-            </StackPanel>
+        <Grid Grid.Column="1">  <!--탭-->
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+                <ColumnDefinition/>
+            </Grid.ColumnDefinitions>
+
+            <RadioButton x:Name="rdbtnMonitoing" GroupName="contentSwap" Content="모니터링" Tag="monitoring"
+                         Style="{StaticResource ImageRadioButtonStyle}" IsChecked="True"
+                         helper:RadioButtonHelper.UnPressedImage="/Resources/Images/tab_bg.png"
+                         helper:RadioButtonHelper.PressedImage="/Resources/Images/tab_bg_off.png"
+                         Command="{Binding SwapViewCommand}"
+                         CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
+            <RadioButton x:Name="rdbtnEnergy" GroupName="contentSwap" Content="에너지" Tag="energy"
+                         Style="{StaticResource ImageRadioButtonStyle}" Grid.Column="1"
+                         helper:RadioButtonHelper.UnPressedImage="/Resources/Images/tab_bg.png"
+                         helper:RadioButtonHelper.PressedImage="/Resources/Images/tab_bg_off.png"
+                         Command="{Binding SwapViewCommand}"
+                         CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
+            <RadioButton x:Name="rdBtnGreenHouseGas" GroupName="contentSwap" Content="온실가스" Tag="greenHouseGas"
+                         Style="{StaticResource ImageRadioButtonStyle}" Grid.Column="2"
+                         helper:RadioButtonHelper.UnPressedImage="/Resources/Images/tab_bg.png"
+                         helper:RadioButtonHelper.PressedImage="/Resources/Images/tab_bg_off.png"
+                         Command="{Binding SwapViewCommand}"
+                         CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
+            <RadioButton x:Name="rdbtnCCTV" GroupName="contentSwap" Content="CCTV" Tag="cctv"
+                         Style="{StaticResource ImageRadioButtonStyle}" Grid.Column="3"
+                         helper:RadioButtonHelper.UnPressedImage="/Resources/Images/tab_bg.png"
+                         helper:RadioButtonHelper.PressedImage="/Resources/Images/tab_bg_off.png"
+                         Command="{Binding SwapViewCommand}"
+                         CommandParameter="{Binding Tag, RelativeSource={RelativeSource Self}}"/>
         </Grid>
         <Grid Grid.Row="1" Grid.Column="1">  <!--기능 화면-->
             <ContentControl x:Name="contentControl" Content="{Binding SelectedViewModel}"/>
diff --git a/SmartAquaViewer/Reources/Generic.xaml b/SmartAquaViewer/Reources/Generic.xaml
deleted file mode 100644
index b35ade7..0000000
--- a/SmartAquaViewer/Reources/Generic.xaml
+++ /dev/null
@@ -1,30 +0,0 @@
-<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
-
-    <Style x:Key="RadioButtonStyle" TargetType="RadioButton">
-        <Setter Property="Background" Value="#2F2F44"/>
-        <Setter Property="Foreground" Value="White"/>
-        <Setter Property="FontSize" Value="32"/>
-        <Setter Property="Width" Value="300"/>
-        <Setter Property="Height" Value="60"/>
-        <Setter Property="Template">
-            <Setter.Value>
-                <ControlTemplate TargetType="RadioButton">
-                    <Border Background="{TemplateBinding Background}" CornerRadius="10"
-                            BorderThickness="1" BorderBrush="Black">
-                        <TextBlock Text="{TemplateBinding Content}" 
-                                   HorizontalAlignment="Center" VerticalAlignment="Center"
-                                   FontSize="32" Foreground="{TemplateBinding Foreground}"/>
-                    </Border>
-                    <ControlTemplate.Triggers>
-                        <Trigger Property="IsChecked" Value="True">
-                            <Setter Property="Background" Value="#C2C2E6"/>
-                            <Setter Property="Foreground" Value="Black"/>
-                        </Trigger>
-                    </ControlTemplate.Triggers>
-                </ControlTemplate>
-            </Setter.Value>
-        </Setter>
-    </Style>
-    
-</ResourceDictionary>
\ No newline at end of file
diff --git a/SmartAquaViewer/Resources/Generic.xaml b/SmartAquaViewer/Resources/Generic.xaml
new file mode 100644
index 0000000..36049b9
--- /dev/null
+++ b/SmartAquaViewer/Resources/Generic.xaml
@@ -0,0 +1,66 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:helper="clr-namespace:SmartAquaViewer.Helper">
+
+    <FontFamily x:Key="SCDream1">pack://application:,,,/Fonts/#S-Core Dream 1 Thin</FontFamily>
+    <FontFamily x:Key="SCDream2">pack://application:,,,/Fonts/#S-Core Dream 2 ExtraLight</FontFamily>
+    <FontFamily x:Key="SCDream3">pack://application:,,,/Fonts/#S-Core Dream 3 Light</FontFamily>
+    <FontFamily x:Key="SCDream4">pack://application:,,,/Fonts/#S-Core Dream 4 Regular</FontFamily>
+    <FontFamily x:Key="SCDream5">pack://application:,,,/Fonts/#S-Core Dream 5 Medium</FontFamily>
+    <FontFamily x:Key="SCDream6">pack://application:,,,/Fonts/#S-Core Dream 6 Bold</FontFamily>
+    <FontFamily x:Key="SCDream7">pack://application:,,,/Fonts/#S-Core Dream 7 ExtraBold</FontFamily>
+    <FontFamily x:Key="SCDream8">pack://application:,,,/Fonts/#S-Core Dream 8 Heavy</FontFamily>
+    <FontFamily x:Key="SCDream9">pack://application:,,,/Fonts/#S-Core Dream 9 Black</FontFamily>
+
+    <Style x:Key="RadioButtonStyle" TargetType="RadioButton">
+        <Setter Property="Background" Value="#2F2F44"/>
+        <Setter Property="Foreground" Value="White"/>
+        <Setter Property="FontSize" Value="32"/>
+        <Setter Property="Width" Value="300"/>
+        <Setter Property="Height" Value="60"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="RadioButton">
+                    <Border Background="{TemplateBinding Background}" CornerRadius="10"
+                            BorderThickness="1" BorderBrush="Black">
+                        <TextBlock Text="{TemplateBinding Content}" 
+                                   HorizontalAlignment="Center" VerticalAlignment="Center"
+                                   FontSize="32" Foreground="{TemplateBinding Foreground}"/>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="True">
+                            <Setter Property="Background" Value="#C2C2E6"/>
+                            <Setter Property="Foreground" Value="Black"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style x:Key="ImageRadioButtonStyle" TargetType="RadioButton">
+        <Setter Property="Foreground" Value="White"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="RadioButton">
+                    <Grid>
+                        <Image x:Name="ButtonImage" Stretch="Fill"
+                               Source="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(helper:RadioButtonHelper.UnPressedImage)}"/>
+                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"
+                                          TextElement.FontFamily="{StaticResource SCDream8}"
+                                          TextElement.FontSize="30"
+                                          TextElement.Foreground="{TemplateBinding Foreground}"/>
+                    </Grid>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="True">
+                            <Setter TargetName="ButtonImage" Property="Source"
+                                    Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(helper:RadioButtonHelper.PressedImage)}"/>
+                            <Setter Property="Foreground" Value="Black"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/SmartAquaViewer/Reources/Images/ListImage.png b/SmartAquaViewer/Resources/Images/ListImage.png
similarity index 100%
rename from SmartAquaViewer/Reources/Images/ListImage.png
rename to SmartAquaViewer/Resources/Images/ListImage.png
diff --git a/SmartAquaViewer/Resources/Images/tab_bg.png b/SmartAquaViewer/Resources/Images/tab_bg.png
new file mode 100644
index 0000000..da069cf
Binary files /dev/null and b/SmartAquaViewer/Resources/Images/tab_bg.png differ
diff --git a/SmartAquaViewer/Resources/Images/tab_bg_off.png b/SmartAquaViewer/Resources/Images/tab_bg_off.png
new file mode 100644
index 0000000..4df7c42
Binary files /dev/null and b/SmartAquaViewer/Resources/Images/tab_bg_off.png differ
diff --git a/SmartAquaViewer/SmartAquaViewer.csproj b/SmartAquaViewer/SmartAquaViewer.csproj
index 63f8823..dac5af2 100644
--- a/SmartAquaViewer/SmartAquaViewer.csproj
+++ b/SmartAquaViewer/SmartAquaViewer.csproj
@@ -10,7 +10,18 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <None Remove="Reources\Images\ListImage.png" />
+    <None Remove="Fonts\SCDream1.otf" />
+    <None Remove="Fonts\SCDream2.otf" />
+    <None Remove="Fonts\SCDream3.otf" />
+    <None Remove="Fonts\SCDream4.otf" />
+    <None Remove="Fonts\SCDream5.otf" />
+    <None Remove="Fonts\SCDream6.otf" />
+    <None Remove="Fonts\SCDream7.otf" />
+    <None Remove="Fonts\SCDream8.otf" />
+    <None Remove="Fonts\SCDream9.otf" />
+    <None Remove="Resources\Images\ListImage.png" />
+    <None Remove="Resources\Images\tab_bg.png" />
+    <None Remove="Resources\Images\tab_bg_off.png" />
   </ItemGroup>
 
   <ItemGroup>
@@ -19,7 +30,22 @@
   </ItemGroup>
 
   <ItemGroup>
-    <Resource Include="Reources\Images\ListImage.png" />
+    <Resource Include="Fonts\SCDream1.otf" />
+    <Resource Include="Fonts\SCDream2.otf" />
+    <Resource Include="Fonts\SCDream3.otf" />
+    <Resource Include="Fonts\SCDream4.otf" />
+    <Resource Include="Fonts\SCDream5.otf" />
+    <Resource Include="Fonts\SCDream6.otf" />
+    <Resource Include="Fonts\SCDream7.otf" />
+    <Resource Include="Fonts\SCDream8.otf" />
+    <Resource Include="Fonts\SCDream9.otf" />
+    <Resource Include="Resources\Images\ListImage.png" />
+    <Resource Include="Resources\Images\tab_bg.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Resource>
+    <Resource Include="Resources\Images\tab_bg_off.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Resource>
   </ItemGroup>
 
 </Project>
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index 52e27e7..381521b 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -5,12 +5,16 @@
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
              xmlns:local="clr-namespace:SmartAquaViewer.View"
              mc:Ignorable="d" 
-             d:DesignHeight="450" d:DesignWidth="800">
-    <Grid>
-        <TextBlock Text="Monitoring View"
-                       FontSize="24" FontWeight="Bold" 
-                       HorizontalAlignment="Center" 
-                       VerticalAlignment="Center"
-                       Foreground="Black"/>
-    </Grid>
+             d:DesignHeight="940" d:DesignWidth="1650">
+    <Border>
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="70"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="450"/>
+            </Grid.RowDefinitions>
+            
+            
+        </Grid>
+    </Border>
 </UserControl>