From aef0f871684dcadcd19fcc23eda8fd628d16b510 Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Tue, 2 Dec 2025 17:10:12 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EC=98=A8=EC=8B=A4=EA=B0=80=EC=8A=A4?=
 =?UTF-8?q?=20=ED=99=94=EB=A9=B4=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SmartAquaViewer/View/EnegyView.xaml           | 138 +--
 SmartAquaViewer/View/GreenHouseView.xaml      | 900 ++++++++++--------
 .../ViewModel/GreenHouseGasViewModel.cs       |  51 +
 3 files changed, 632 insertions(+), 457 deletions(-)

diff --git a/SmartAquaViewer/View/EnegyView.xaml b/SmartAquaViewer/View/EnegyView.xaml
index 819e21b..446828e 100644
--- a/SmartAquaViewer/View/EnegyView.xaml
+++ b/SmartAquaViewer/View/EnegyView.xaml
@@ -28,61 +28,86 @@
             <Border Margin="0 0 0 16" BorderBrush="#3E4C60" BorderThickness="1" CornerRadius="4" Background="#264A60">
                 <UniformGrid Columns="9">
                     <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
-                        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                            <TextBlock Text="총 소비 전력" HorizontalAlignment="Center" 
-                                       FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                            <TextBlock Text="{Binding TotalEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                       FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                        </StackPanel>
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="총 소비 전력" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="모래여과기" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalCirculationPumpEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="순환펌프" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalCirculationPumpEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="히트펌프" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalHeatPumpEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="에어브로와" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalAirBlowerEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="오존발생기" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalOzoneGeneratorEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="자외선 살균기" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalUVSterilizerEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="오존용해장치" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalOzoneDissolverEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border>
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="배오존장치" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalExcessOzoneDestroyerEnergy, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
                     </Border>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="모래여과기" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalSandFilterEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="순환펌프" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalCirculationPumpEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="히트펌프" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalHeatPumpEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="에어브로와" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalAirBlowerEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="오존발생기" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalOzoneGeneratorEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="자외선 살균기" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalUVSterilizerEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="오존용해장치" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalOzoneDissolverEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="배오존장치" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalExcessOzoneDestroyerEnergy, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
                 </UniformGrid>
             </Border>
 
@@ -400,7 +425,7 @@
                                                                  helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
                                                                  helper:MultiSelectBehavior.KeyPath="Key"
                                                                  helper:MultiSelectBehavior.ValuePath="Value"
-                                                                 FontSize="16" FontWeight="Bold"
+                                                                 FontSize="14" FontWeight="Bold"
                                                                  FontFamily="{StaticResource SCDream5}"
                                                                  Style="{StaticResource MaterialDesignFilterChipListBox}"
                                                                  ItemContainerStyle="{StaticResource ListBoxItemStyle}">
@@ -443,7 +468,6 @@
                                                                 <TextBlock Text="평균" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
                                                             </RadioButton>
                                                         </StackPanel>
-
                                                     </Grid>
                                                 </StackPanel>
                                             </StackPanel>
@@ -515,7 +539,7 @@
                                     Background="#152935" BorderBrush="#325C80" BorderThickness="1">
                                 <control:GraphControl 
                                     x:Name="graphControl"
-                                    Margin="10" DataContext="{Binding GraphControlVM}"
+                                    Margin="16" DataContext="{Binding GraphControlVM}"
                                     HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                             </Border>
                         </Grid>
diff --git a/SmartAquaViewer/View/GreenHouseView.xaml b/SmartAquaViewer/View/GreenHouseView.xaml
index e2f76cc..a0c28e3 100644
--- a/SmartAquaViewer/View/GreenHouseView.xaml
+++ b/SmartAquaViewer/View/GreenHouseView.xaml
@@ -18,432 +18,532 @@
         <classes:CurrentPageEqualsConverter x:Key="CurrentPageEqualsConverter"/>
     </UserControl.Resources>
 
-    <Border BorderBrush="#2d374c" BorderThickness="2">
-        <Grid Background="Transparent">
+    <Border>
+        <Grid>
             <Grid.RowDefinitions>
-                <RowDefinition Height="160"/>
-                <RowDefinition Height="350"/>
+                <RowDefinition Height="128"/>
                 <RowDefinition Height="*"/>
-                <RowDefinition Height="40"/>
             </Grid.RowDefinitions>
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="*"/>
-                <ColumnDefinition Width="600"/>
-            </Grid.ColumnDefinitions>
 
-            <Border Grid.ColumnSpan="2" Margin="15" BorderBrush="#3E4C60" BorderThickness="1" CornerRadius="10">
-                <Border.Background>
-                    <ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
-                </Border.Background>
+            <Border Margin="0 0 0 16" BorderBrush="#3E4C60" BorderThickness="1" CornerRadius="4" Background="#264A60">
                 <UniformGrid Columns="9">
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="총 배출량" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="모래여과기" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalSandFilterGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="순환펌프" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalCirculationPumpGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="히트펌프" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalHeatPumpGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="에어브로와" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalAirBlowerGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="오존발생기" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalOzoneGeneratorGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="자외선 살균기" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalUVSterilizerGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="오존용해장치" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalOzoneDissolverGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
-                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
-                        <TextBlock Text="배오존장치" HorizontalAlignment="Center" 
-                                   FontSize="22" Foreground="White" FontFamily="{StaticResource SCDream5}"/>
-                        <TextBlock Text="{Binding TotalExcessOzoneDestroyerGreenhouseGas, StringFormat=\{0:F2\}}" HorizontalAlignment="Center" 
-                                   FontSize="26" Foreground="White" FontFamily="{StaticResource SCDream4}"/>
-                    </StackPanel>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="총 배출량" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="모래여과기" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalSandFilterGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="순환펌프" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalCirculationPumpGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="히트펌프" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalHeatPumpGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="에어브로와" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalAirBlowerGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="오존발생기" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalOzoneGeneratorGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="자외선 살균기" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalUVSterilizerGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border BorderThickness="0 0 1 0" BorderBrush="#99325C80">
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="오존용해장치" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalOzoneDissolverGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
+                    <Border>
+                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">
+                            <Run Text="배오존장치" FontSize="18" Foreground="#4178BE" FontFamily="{StaticResource SCDream5}"/>
+                            <LineBreak/>
+                            <Run Text="{Binding TotalExcessOzoneDestroyerGreenhouseGas, StringFormat=\{0:F2\}}" 
+                                 FontSize="24" FontFamily="{StaticResource SCDream5}"
+                                 Foreground="White"/>
+                        </TextBlock>
+                    </Border>
                 </UniformGrid>
             </Border>
 
-            <DataGrid Style="{StaticResource DataGridStyle}" Background="Transparent" 
-                      ItemsSource="{Binding PagedItems}"
-                      RowStyle="{StaticResource DataGridRowStyle}" ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"
-                      helper:DataGridAutoPageSizeBehavior.Enable="True"
-                      ColumnWidth="*" RowHeight="30"
-                      HorizontalAlignment="Stretch"
-                      Grid.Row="1" Grid.RowSpan="2" Margin="15 0">
-                <DataGrid.Columns>
-                    <DataGridTextColumn 
-                        Header="시간"
-                        Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
-                        ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+            <md:DrawerHost Grid.Row="1" RightDrawerBackground="Transparent" IsRightDrawerOpen="{Binding IsOpenMode}" OpenMode="Standard">
+                <Border BorderBrush="#1D3649" BorderThickness="0 0 2 0">
+                    <Grid>
+                        <Grid.RowDefinitions>
+                            <RowDefinition/>
+                            <RowDefinition Height="40"/>
+                        </Grid.RowDefinitions>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition/>
+                            <ColumnDefinition Width="30"/>
+                        </Grid.ColumnDefinitions>
+                        <DataGrid Style="{StaticResource DataGridStyle}" Background="Transparent" 
+                                  ItemsSource="{Binding PagedItems}"
+                                  RowStyle="{StaticResource DataGridRowStyle}" ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"
+                                  helper:DataGridAutoPageSizeBehavior.Enable="True"
+                                  Margin="0 0 16 0"
+                                  ColumnWidth="*" RowHeight="30"
+                                  HorizontalAlignment="Stretch">
+                            <DataGrid.Columns>
+                                <DataGridTextColumn 
+                                    Header="시간"
+                                    Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
+                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
 
-                    <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Filtering.SandFilterGreenhouseGas, StringFormat=\{0:F3\}}">
-                        <DataGridTextColumn.Header>
-                            <StackPanel>
-                                <TextBlock Text="모래" HorizontalAlignment="Center"/>
-                                <TextBlock Text="여과기" HorizontalAlignment="Center"/>
-                            </StackPanel>
-                        </DataGridTextColumn.Header>
-                    </DataGridTextColumn>
-                    <DataGridTextColumn Header="순환펌프" ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Filtering.CirculationPumpGreenhouseGas, StringFormat=\{0:F3\}}"/>
-                    <DataGridTextColumn Header="히트펌프" ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Filtering.HeatPumpGreenhouseGas, StringFormat=\{0:F3\}}"/>
-                    <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Filtering.AirBlowerGreenhouseGas, StringFormat=\{0:F3\}}">
-                        <DataGridTextColumn.Header>
-                            <StackPanel>
-                                <TextBlock Text="에어" HorizontalAlignment="Center"/>
-                                <TextBlock Text="브로와" HorizontalAlignment="Center"/>
-                            </StackPanel>
-                        </DataGridTextColumn.Header>
-                    </DataGridTextColumn>
-                    <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Sterilizing.OzoneGeneratorGreenhouseGas, StringFormat=\{0:F3\}}">
-                        <DataGridTextColumn.Header>
-                            <StackPanel>
-                                <TextBlock Text="오존" HorizontalAlignment="Center"/>
-                                <TextBlock Text="발생기" HorizontalAlignment="Center"/>
-                            </StackPanel>
-                        </DataGridTextColumn.Header>
-                    </DataGridTextColumn>
-                    <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Sterilizing.UVSterilizerGreenhouseGas, StringFormat=\{0:F3\}}">
-                        <DataGridTextColumn.Header>
-                            <StackPanel>
-                                <TextBlock Text="자외선"/>
-                                <TextBlock Text="살균기"/>
-                            </StackPanel>
-                        </DataGridTextColumn.Header>
-                    </DataGridTextColumn>
-                    <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Sterilizing.OzoneDissolverGreenhouseGas, StringFormat=\{0:F3\}}">
-                        <DataGridTextColumn.Header>
-                            <StackPanel>
-                                <TextBlock Text="오존용해" HorizontalAlignment="Center"/>
-                                <TextBlock Text="장치" HorizontalAlignment="Center"/>
-                            </StackPanel>
-                        </DataGridTextColumn.Header>
-                    </DataGridTextColumn>
-                    <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding Sterilizing.ExcessOzoneDestroyerGreenhouseGas, StringFormat=\{0:F3\}}">
-                        <DataGridTextColumn.Header>
-                            <StackPanel>
-                                <TextBlock Text="배오존" HorizontalAlignment="Center"/>
-                                <TextBlock Text="장치" HorizontalAlignment="Center"/>
-                            </StackPanel>
-                        </DataGridTextColumn.Header>
-                    </DataGridTextColumn>
-                    <DataGridTextColumn Header="총 배출량" ElementStyle="{StaticResource DataGridElmenetStyle}"
-                                        Binding="{Binding TotalGreenhouseGas, StringFormat=\{0:F3\}}"/>
-                </DataGrid.Columns>
-            </DataGrid>
+                                <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Filtering.SandFilterGreenhouseGas, StringFormat=\{0:F3\}}"
+                                                    CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
+                                                    HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}">
+                                    <DataGridTextColumn.Header>
+                                        <StackPanel>
+                                            <TextBlock Text="모래" HorizontalAlignment="Center"/>
+                                            <TextBlock Text="여과기" HorizontalAlignment="Center"/>
+                                        </StackPanel>
+                                    </DataGridTextColumn.Header>
+                                </DataGridTextColumn>
+                                <DataGridTextColumn Header="순환펌프" ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Filtering.CirculationPumpGreenhouseGas, StringFormat=\{0:F3\}}"/>
+                                <DataGridTextColumn Header="히트펌프" ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Filtering.HeatPumpGreenhouseGas, StringFormat=\{0:F3\}}"/>
+                                <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Filtering.AirBlowerGreenhouseGas, StringFormat=\{0:F3\}}">
+                                    <DataGridTextColumn.Header>
+                                        <StackPanel>
+                                            <TextBlock Text="에어" HorizontalAlignment="Center"/>
+                                            <TextBlock Text="브로와" HorizontalAlignment="Center"/>
+                                        </StackPanel>
+                                    </DataGridTextColumn.Header>
+                                </DataGridTextColumn>
+                                <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Sterilizing.OzoneGeneratorGreenhouseGas, StringFormat=\{0:F3\}}">
+                                    <DataGridTextColumn.Header>
+                                        <StackPanel>
+                                            <TextBlock Text="오존" HorizontalAlignment="Center"/>
+                                            <TextBlock Text="발생기" HorizontalAlignment="Center"/>
+                                        </StackPanel>
+                                    </DataGridTextColumn.Header>
+                                </DataGridTextColumn>
+                                <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Sterilizing.UVSterilizerGreenhouseGas, StringFormat=\{0:F3\}}">
+                                    <DataGridTextColumn.Header>
+                                        <StackPanel>
+                                            <TextBlock Text="자외선"/>
+                                            <TextBlock Text="살균기"/>
+                                        </StackPanel>
+                                    </DataGridTextColumn.Header>
+                                </DataGridTextColumn>
+                                <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Sterilizing.OzoneDissolverGreenhouseGas, StringFormat=\{0:F3\}}">
+                                    <DataGridTextColumn.Header>
+                                        <StackPanel>
+                                            <TextBlock Text="오존용해" HorizontalAlignment="Center"/>
+                                            <TextBlock Text="장치" HorizontalAlignment="Center"/>
+                                        </StackPanel>
+                                    </DataGridTextColumn.Header>
+                                </DataGridTextColumn>
+                                <DataGridTextColumn ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding Sterilizing.ExcessOzoneDestroyerGreenhouseGas, StringFormat=\{0:F3\}}">
+                                    <DataGridTextColumn.Header>
+                                        <StackPanel>
+                                            <TextBlock Text="배오존" HorizontalAlignment="Center"/>
+                                            <TextBlock Text="장치" HorizontalAlignment="Center"/>
+                                        </StackPanel>
+                                    </DataGridTextColumn.Header>
+                                </DataGridTextColumn>
+                                <DataGridTextColumn Header="총 배출량" ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                    Binding="{Binding TotalGreenhouseGas, StringFormat=\{0:F3\}}"/>
+                            </DataGrid.Columns>
+                        </DataGrid>
 
-            <Grid Grid.Row="3" VerticalAlignment="Center">
-                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
-                    <Button Command="{Binding FirstPageCommand}"  
-                            Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                        <md:PackIcon Kind="PageFirst"/>
-                    </Button>
-                    <Button Command="{Binding PrevPageCommand}"   
-                            Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                        <md:PackIcon Kind="ChevronLeft"/>
-                    </Button>
+                        <Grid Grid.Row="1" VerticalAlignment="Center">
+                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                                <Button Command="{Binding FirstPageCommand}"  
+                                        Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                    <md:PackIcon Kind="PageFirst"/>
+                                </Button>
+                                <Button Command="{Binding PrevPageCommand}"   
+                                        Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                    <md:PackIcon Kind="ChevronLeft"/>
+                                </Button>
 
-                    <ItemsControl ItemsSource="{Binding PageNumbers}">
-                        <ItemsControl.ItemsPanel>
-                            <ItemsPanelTemplate>
-                                <StackPanel Orientation="Horizontal" />
-                            </ItemsPanelTemplate>
-                        </ItemsControl.ItemsPanel>
+                                <ItemsControl ItemsSource="{Binding PageNumbers}">
+                                    <ItemsControl.ItemsPanel>
+                                        <ItemsPanelTemplate>
+                                            <StackPanel Orientation="Horizontal" Margin="32 0"/>
+                                        </ItemsPanelTemplate>
+                                    </ItemsControl.ItemsPanel>
 
-                        <ItemsControl.ItemTemplate>
-                            <DataTemplate>
-                                <Button Margin="2"
-                                        Padding="6,2"
-                                        Command="{Binding DataContext.GoToPageCommand,
-                                                          RelativeSource={RelativeSource AncestorType=ItemsControl}}"
-                                        CommandParameter="{Binding}">
-                                    <Button.Content>
-                                        <Binding Converter="{StaticResource PageIndexToDisplayConverter}" />
-                                    </Button.Content>
-                                    <Button.Style>
-                                        <Style TargetType="Button">
-                                            <Setter Property="Background" Value="Transparent" />
-                                            <Setter Property="BorderBrush" Value="Gray" />
-                                            <Setter Property="BorderThickness" Value="1" />
+                                    <ItemsControl.ItemTemplate>
+                                        <DataTemplate>
+                                            <Button Margin="6"
+                                                    Padding="6,0"
+                                                    Command="{Binding DataContext.GoToPageCommand,
+                                                                      RelativeSource={RelativeSource AncestorType=ItemsControl}}"
+                                                    CommandParameter="{Binding}">
+                                                <Button.Content>
+                                                    <Binding Converter="{StaticResource PageIndexToDisplayConverter}" />
+                                                </Button.Content>
+                                                <Button.Style>
+                                                    <Style TargetType="Button">
+                                                        <Setter Property="Background" Value="Transparent" />
+                                                        <Setter Property="BorderBrush" Value="#264A60" />
+                                                        <Setter Property="BorderThickness" Value="1" />
+                                                        <Setter Property="Foreground" Value="#264A60"/>
 
-                                            <!-- 🔹 현재 페이지면 강조 -->
-                                            <Style.Triggers>
-                                                <DataTrigger Value="True">
-                                                    <DataTrigger.Binding>
-                                                        <MultiBinding Converter="{StaticResource CurrentPageEqualsConverter}">
-                                                            <!--현재 버튼의 인덱스-->
-                                                            <Binding />
-                                                            <!--ViewModel의 PageIndex-->
-                                                            <Binding Path="DataContext.PageIndex"
-                                                                     RelativeSource="{RelativeSource AncestorType=ItemsControl}" />
-                                                        </MultiBinding>
-                                                    </DataTrigger.Binding>
-                                                    <Setter Property="Background" Value="#FF007ACC" />
-                                                    <Setter Property="Foreground" Value="White" />
-                                                </DataTrigger>
-                                            </Style.Triggers>
-                                        </Style>
-                                    </Button.Style>
-                                </Button>
-                            </DataTemplate>
-                        </ItemsControl.ItemTemplate>
-                    </ItemsControl>
+                                                        <!-- 🔹 현재 페이지면 강조 -->
+                                                        <Style.Triggers>
+                                                            <DataTrigger Value="True">
+                                                                <DataTrigger.Binding>
+                                                                    <MultiBinding Converter="{StaticResource CurrentPageEqualsConverter}">
+                                                                        <!--현재 버튼의 인덱스-->
+                                                                        <Binding />
+                                                                        <!--ViewModel의 PageIndex-->
+                                                                        <Binding Path="DataContext.PageIndex"
+                                                                         RelativeSource="{RelativeSource AncestorType=ItemsControl}" />
+                                                                    </MultiBinding>
+                                                                </DataTrigger.Binding>
+                                                                <Setter Property="Background" Value="#325C80" />
+                                                                <Setter Property="Foreground" Value="White" />
+                                                                <Setter Property="BorderThickness" Value="0" />
+                                                            </DataTrigger>
+                                                        </Style.Triggers>
+                                                    </Style>
+                                                </Button.Style>
+                                            </Button>
+                                        </DataTemplate>
+                                    </ItemsControl.ItemTemplate>
+                                </ItemsControl>
 
-                    <Button Command="{Binding NextPageCommand}"   
-                            Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                        <md:PackIcon Kind="ChevronRight"/>
-                    </Button>
-                    <Button Command="{Binding LastPageCommand}"   
-                            Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                        <md:PackIcon Kind="PageLast"/>
-                    </Button>
-                </StackPanel>
-            </Grid>
+                                <Button Command="{Binding NextPageCommand}"   
+                                        Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                    <md:PackIcon Kind="ChevronRight"/>
+                                </Button>
+                                <Button Command="{Binding LastPageCommand}"   
+                                        Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                    <md:PackIcon Kind="PageLast"/>
+                                </Button>
+                            </StackPanel>
+                        </Grid>
 
-            <Border Grid.Row="1" Grid.Column="1" Margin="0 0 15 15" CornerRadius="10"
-                    Background="#384659" BorderBrush="#404F63" BorderThickness="1">
-                <Grid>
-                    <Grid.RowDefinitions>
-                        <RowDefinition/>
-                        <RowDefinition Height="50"/>
-                    </Grid.RowDefinitions>
-                    <StackPanel>
-                        <Grid Margin="15 15 15 15">
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="80"/>
-                                <ColumnDefinition/>
-                            </Grid.ColumnDefinitions>
-                            <TextBlock Text="그래프" VerticalAlignment="Center"
-                                       FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                        <Grid Grid.Column="1">
+                            <Button Name="btnVisibilityDown" Tag="right"
+                                    Style="{StaticResource VerticalTrapezoidButtonStyle}" Command="{Binding ChangeDrawerStatusCommand}"
+                                    VerticalAlignment="Top" HorizontalAlignment="Left" Visibility="{Binding BtnVisibilityRight}">
+                                <Path Data="M13.0607 12.1111L8.11067 17.0611L9.52467 18.4751L15.8887 12.1111L9.52467 5.7471L8.11067 7.1611L13.0607 12.1111Z"
+                                      Fill="White" Stretch="Uniform"
+                                      Width="7.78" Height="12.728"
+                                      HorizontalAlignment="Center"
+                                      VerticalAlignment="Center"/>
+                            </Button>
 
-                            <ComboBox Margin="15 0 0 0" Height="40" Grid.Column="1"
-                                      Style="{StaticResource ComboBoxStyle}"
-                                      FontFamily="{StaticResource SCDream3}"
-                                      ItemsSource="{Binding GraphTypes}"
-                                      SelectedIndex="{Binding SelectedGraphIndex, Mode=TwoWay}"
-                                      helper:ComboBoxHelper.SelectFirstOnItemsChange="True"
-                                      IsEditable="False" IsTextSearchEnabled="False"/>
+                            <Button Name="btnVisibilityUp" Tag="left"
+                                    Style="{StaticResource VerticalTrapezoidButtonStyle}" Command="{Binding ChangeDrawerStatusCommand}"
+                                    VerticalAlignment="Top" HorizontalAlignment="Left" Visibility="{Binding BtnVisibilityLeft}">
+                                <Path Data="M11.1615 12.1111 L16.11153 17.0611 L14.69753 18.4751 L8.3335 12.1111 L14.69753 5.7471 L16.11153 7.1611 Z"
+                                      Fill="White" Stretch="Uniform"
+                                      Width="7.78" Height="12.728"
+                                      HorizontalAlignment="Center"
+                                      VerticalAlignment="Center"/>
+                            </Button>
                         </Grid>
-                        <Grid Margin="15 0">
-                            <Grid.Resources>
-                                <Style TargetType="FrameworkElement">
-                                    <Setter Property="Visibility" Value="Collapsed"/>
-                                </Style>
-                                <Style x:Key="VisibleWhenLine" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                                <Style x:Key="VisibleWhenStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                                <Style x:Key="VisibleWhenLineNStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                                <Style x:Key="VisibleWhenPie" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                            </Grid.Resources>
-                            <StackPanel>
-                                <StackPanel Style="{StaticResource VisibleWhenLineNStackArea}">
-                                    <Grid Margin="0 0 0 20" >
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="80"/>
-                                            <ColumnDefinition/>
-                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="X축" VerticalAlignment="Center"
-                                                   FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
-                                        <TextBlock Text="{Binding SelectedXField.Display}" VerticalAlignment="Center"
-                                                   Margin="15 0 0 0" Grid.Column="1"
-                                                   FontSize="20" FontFamily="{StaticResource SCDream3}" Foreground="White"/>
-                                    </Grid>
+                    </Grid>
+                </Border>
+                <md:DrawerHost.RightDrawerContent>
+                    <Border x:Name="RightDrawerRoot" Width="626" CornerRadius="0 4 4 0" Background="#1D3649">
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="358"/>
+                                <RowDefinition/>
+                            </Grid.RowDefinitions>
+                            <Border Margin="16 16 16 12" CornerRadius="4"
+                                    Background="#152935" BorderBrush="#325C80" BorderThickness="1">
+                                <Grid>
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition/>
+                                        <RowDefinition Height="62"/>
+                                    </Grid.RowDefinitions>
+                                    <StackPanel Margin="24 24 24 0">
+                                        <Grid>
+                                            <Grid.ColumnDefinitions>
+                                                <ColumnDefinition Width="146"/>
+                                                <ColumnDefinition/>
+                                            </Grid.ColumnDefinitions>
+                                            <TextBlock Text="그래프" VerticalAlignment="Center"
+                                                       FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
+
+                                            <ComboBox Height="35" Grid.Column="1"
+                                                      Style="{StaticResource ComboBoxStyle}"
+                                                      FontFamily="{StaticResource SCDream3}"
+                                                      ItemsSource="{Binding GraphTypes}"
+                                                      SelectedIndex="{Binding SelectedGraphIndex, Mode=TwoWay}"
+                                                      helper:ComboBoxHelper.SelectFirstOnItemsChange="True"
+                                                      IsEditable="False" IsTextSearchEnabled="False"/>
+                                        </Grid>
+                                        <Grid Margin="0 10 0 0">
+                                            <Grid.Resources>
+                                                <Style TargetType="FrameworkElement">
+                                                    <Setter Property="Visibility" Value="Collapsed"/>
+                                                </Style>
+                                                <Style x:Key="VisibleWhenLine" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                                <Style x:Key="VisibleWhenStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                                <Style x:Key="VisibleWhenLineNStackArea" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                                <Style x:Key="VisibleWhenPie" TargetType="FrameworkElement" BasedOn="{StaticResource {x:Type FrameworkElement}}">
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                            </Grid.Resources>
+
+                                            <StackPanel>
+                                                <StackPanel Style="{StaticResource VisibleWhenLineNStackArea}">
+                                                    <Grid Margin="0 0 0 10" >
+                                                        <Grid.ColumnDefinitions>
+                                                            <ColumnDefinition Width="146"/>
+                                                            <ColumnDefinition/>
+                                                        </Grid.ColumnDefinitions>
+                                                        <TextBlock Text="X축" VerticalAlignment="Center"
+                                                                   FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
+                                                        <TextBlock Text="{Binding SelectedXField.Display}" VerticalAlignment="Center"
+                                                                   Grid.Column="1"
+                                                                   FontSize="18" FontFamily="{StaticResource SCDream3}" Foreground="White"/>
+                                                    </Grid>
 
-                                    <Grid Margin="0 0 0 15">
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="80"/>
-                                            <ColumnDefinition/>
-                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="Y축" VerticalAlignment="Top"
-                                                   FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                                                    <Grid Margin="0 0 0 10">
+                                                        <Grid.ColumnDefinitions>
+                                                            <ColumnDefinition Width="146"/>
+                                                            <ColumnDefinition/>
+                                                        </Grid.ColumnDefinitions>
+                                                        <TextBlock Text="Y축" VerticalAlignment="Top"
+                                                                   FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
 
-                                        <Border Grid.Column="1" CornerRadius="10" 
-                                                Background="White" Margin="15 0 0 15">
-                                            <ListBox ItemsSource="{Binding YFieldCandidates}"
-                                                     DisplayMemberPath="Display"
-                                                     SelectionMode="Extended"
-                                                     helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
-                                                     helper:MultiSelectBehavior.KeyPath="Key"
-                                                     helper:MultiSelectBehavior.ValuePath="Value"
-                                                     Height="Auto" Background="White"
-                                                     FontSize="16" FontWeight="Bold"
-                                                     FontFamily="{StaticResource SCDream5}"
-                                                     Style="{StaticResource MaterialDesignFilterChipListBox}"/>
-                                        </Border>
-                                    </Grid>
-                                </StackPanel>
+                                                        <ListBox ItemsSource="{Binding YFieldCandidates}"
+                                                                 Grid.Column="1"
+                                                                 SelectionMode="Extended"
+                                                                 helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
+                                                                 helper:MultiSelectBehavior.KeyPath="Key"
+                                                                 helper:MultiSelectBehavior.ValuePath="Value"
+                                                                 Height="Auto" Background="White"
+                                                                 FontSize="14" FontWeight="Bold"
+                                                                 FontFamily="{StaticResource SCDream5}"
+                                                                 Style="{StaticResource MaterialDesignFilterChipListBox}"
+                                                                 ItemContainerStyle="{StaticResource ListBoxItemStyle}">
+                                                            <ListBox.ItemTemplate>
+                                                                <DataTemplate>
+                                                                    <ToggleButton Content="{Binding Display}"
+                                                                                  Focusable="False"
+                                                                                  IsChecked="{Binding IsSelected,
+                                                                                              RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
+                                                                                  Style="{StaticResource CircleCheckToggleButtonStyle}"
+                                                                                  Margin="12 0"/>
+                                                                </DataTemplate>
+                                                            </ListBox.ItemTemplate>
+                                                        </ListBox>
+                                                    </Grid>
+                                                </StackPanel>
 
-                                <StackPanel Style="{StaticResource VisibleWhenPie}">
-                                    <Grid Margin="0 0 0 15">
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="80"/>
-                                            <ColumnDefinition/>
-                                        </Grid.ColumnDefinitions>
-                                        <TextBlock Text="필드" VerticalAlignment="Top"
-                                                   FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
+                                                <StackPanel Style="{StaticResource VisibleWhenPie}">
+                                                    <Grid Margin="0 0 0 10">
+                                                        <Grid.ColumnDefinitions>
+                                                            <ColumnDefinition Width="146"/>
+                                                            <ColumnDefinition/>
+                                                        </Grid.ColumnDefinitions>
+                                                        <TextBlock Text="필드" VerticalAlignment="Top"
+                                                                   FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
 
-                                        <Border Grid.Column="1" CornerRadius="10" 
-                                                Background="White" Margin="15 0 0 15">
-                                            <ListBox ItemsSource="{Binding YFieldCandidates}"
-                                                     DisplayMemberPath="Display"
-                                                     SelectionMode="Extended"
-                                                     helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
-                                                     helper:MultiSelectBehavior.KeyPath="Key"
-                                                     helper:MultiSelectBehavior.ValuePath="Value"
-                                                     Height="Auto" Background="White"
-                                                     FontSize="16" FontWeight="Bold"
-                                                     FontFamily="{StaticResource SCDream5}"
-                                                     Style="{StaticResource MaterialDesignFilterChipListBox}"/>
-                                        </Border>
-                                    </Grid>
+                                                        <ListBox ItemsSource="{Binding YFieldCandidates}"
+                                                                 Grid.Column="1"
+                                                                 SelectionMode="Extended"
+                                                                 helper:MultiSelectBehavior.SelectedItems="{Binding SelectedYFields, Mode=OneWay}"
+                                                                 helper:MultiSelectBehavior.KeyPath="Key"
+                                                                 helper:MultiSelectBehavior.ValuePath="Value"
+                                                                 Height="Auto" Background="White"
+                                                                 FontSize="14" FontWeight="Bold"
+                                                                 FontFamily="{StaticResource SCDream5}"
+                                                                 Style="{StaticResource MaterialDesignFilterChipListBox}"
+                                                                 ItemContainerStyle="{StaticResource ListBoxItemStyle}">
+                                                            <ListBox.ItemTemplate>
+                                                                <DataTemplate>
+                                                                    <ToggleButton Content="{Binding Display}"
+                                                                                  Focusable="False"
+                                                                                  IsChecked="{Binding IsSelected,
+                                                                                              RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
+                                                                                  Style="{StaticResource CircleCheckToggleButtonStyle}"
+                                                                                  Margin="12 0"/>
+                                                                </DataTemplate>
+                                                            </ListBox.ItemTemplate>
+                                                        </ListBox>
+                                                    </Grid>
 
-                                    <StackPanel Orientation="Horizontal" Margin="0 0 0 15">
-                                        <RadioButton x:Name="rbStatus" Content="합계" 
-                                                     GroupName="pie" Margin="0 0 30 0"
-                                                     Foreground="White" FontSize="20"
-                                                     FontFamily="{StaticResource SCDream3}"
-                                                     Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
-                                                     IsChecked="{Binding UseAverage, Converter={StaticResource InverseBoolConverter}, Mode=TwoWay}"/>
-                                        <RadioButton x:Name="pie" Content="평균" 
-                                                     GroupName="pie" Grid.Column="1" 
-                                                     Foreground="White" FontSize="20"
-                                                     FontFamily="{StaticResource SCDream3}"
-                                                     Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
-                                                     IsChecked="{Binding UseAverage, Mode=TwoWay}"/>
+                                                    <Grid Margin="0 0 0 10">
+                                                        <Grid.ColumnDefinitions>
+                                                            <ColumnDefinition Width="146"/>
+                                                            <ColumnDefinition/>
+                                                        </Grid.ColumnDefinitions>
+                                                        <TextBlock Text="집계 방식" VerticalAlignment="Top"
+                                                                   FontSize="18" FontFamily="{StaticResource SCDream4}" Foreground="White"/>
+
+                                                        <StackPanel Orientation="Horizontal" Grid.Column="1">
+                                                            <RadioButton x:Name="rbStatus"
+                                                                         GroupName="pie" Margin="0 0 12 0"
+                                                                         Foreground="#325C80"
+                                                                         FontFamily="{StaticResource SCDream3}"
+                                                                         Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
+                                                                         IsChecked="{Binding UseAverage, Converter={StaticResource InverseBoolConverter}, Mode=TwoWay}">
+                                                                <TextBlock Text="합계" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
+                                                            </RadioButton>
+                                                            <RadioButton x:Name="pie"
+                                                                         GroupName="pie" 
+                                                                         Foreground="#325C80"
+                                                                         FontFamily="{StaticResource SCDream3}"
+                                                                         Style="{StaticResource MaterialDesignUserForegroundRadioButton}"
+                                                                         IsChecked="{Binding UseAverage, Mode=TwoWay}">
+                                                                <TextBlock Text="평균" Style="{StaticResource RadioBtnContentTextBlockStyle}"/>
+                                                            </RadioButton>
+                                                        </StackPanel>
+                                                    </Grid>
+                                                </StackPanel>
+                                            </StackPanel>
+                                        </Grid>
                                     </StackPanel>
-                                </StackPanel>
-                            </StackPanel>
-                        </Grid>
-                    </StackPanel>
 
-                    <StackPanel Orientation="Horizontal" Margin="15 0 0 0" Grid.Row="1">
-                        <CheckBox Content="마커 표시" IsChecked="{Binding ShowMarkers}" Margin="0 0 15 0"
-                                  FontSize="20" FontFamily="{StaticResource SCDream4}" Foreground="White"
-                                  VerticalContentAlignment="Center">
-                            <CheckBox.Style>
-                                <Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
-                                    <Setter Property="Visibility" Value="Collapsed"/>
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                            </CheckBox.Style>
-                        </CheckBox>
-                        <CheckBox Content="범례 표시" IsChecked="{Binding ShowLegends}" Margin="0 0 15 0"
-                                  FontSize="20" FontFamily="{StaticResource SCDream4}" Foreground="White"
-                                  VerticalContentAlignment="Center">
-                            <CheckBox.Style>
-                                <Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
-                                    <Setter Property="Visibility" Value="Collapsed"/>
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                            </CheckBox.Style>
-                        </CheckBox>
-                        <CheckBox Content="도넛 모드" IsChecked="{Binding IsDonut}" Margin="0 0 15 0"
-                                  FontSize="20" FontFamily="{StaticResource SCDream4}" Foreground="White"
-                                  VerticalContentAlignment="Center">
-                            <CheckBox.Style>
-                                <Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignUserForegroundCheckBox}">
-                                    <Setter Property="Visibility" Value="Collapsed"/>
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
-                                            <Setter Property="Visibility" Value="Visible"/>
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                            </CheckBox.Style>
-                        </CheckBox>
-                    </StackPanel>
+                                    <StackPanel Orientation="Horizontal" Margin="24 0 0 0" Grid.Row="1">
+                                        <CheckBox IsChecked="{Binding ShowMarkers}" Margin="0 0 12 0" Foreground="#264A60">
+                                            <CheckBox.Style>
+                                                <Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
+                                                    <Setter Property="Visibility" Value="Collapsed"/>
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                            </CheckBox.Style>
+                                            <TextBlock Text="마커" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
+                                        </CheckBox>
+                                        <CheckBox IsChecked="{Binding ShowLegends}" Margin="0 0 12 0" Foreground="#264A60">
+                                            <CheckBox.Style>
+                                                <Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
+                                                    <Setter Property="Visibility" Value="Collapsed"/>
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="LINE">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="STACKAREA">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                            </CheckBox.Style>
+                                            <TextBlock Text="범례" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
+                                        </CheckBox>
+                                        <CheckBox IsChecked="{Binding IsDonut}" Margin="0 0 12 0"
+                                                  Foreground="#264A60"
+                                                  VerticalContentAlignment="Center">
+                                            <CheckBox.Style>
+                                                <Style TargetType="CheckBox" BasedOn="{StaticResource SquareCheckToggleButtonStyle}">
+                                                    <Setter Property="Visibility" Value="Collapsed"/>
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding SelectedGraphType}" Value="PIE">
+                                                            <Setter Property="Visibility" Value="Visible"/>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                            </CheckBox.Style>
+                                            <TextBlock Text="도넛모드" Style="{StaticResource CheckBoxContentTextBlockStyle}"/>
+                                        </CheckBox>
+                                    </StackPanel>
 
-                    <StackPanel Orientation="Horizontal" Margin="15 0" Grid.Row="1" HorizontalAlignment="Right">
-                        <Button Content="그래프 생성" FontFamily="{StaticResource SCDream5}"
-                                Style="{StaticResource MaterialDesignFlatLightBgButton}"
-                                FontWeight="Bold" Command="{Binding DrawGraphCommand}"/>
-                    </StackPanel>
-                </Grid>
-            </Border>
+                                    <StackPanel Orientation="Horizontal" Margin="0 0 24 24" 
+                                                Grid.Row="1" HorizontalAlignment="Right">
+                                        <Button Content="그래프 생성"
+                                                Style="{StaticResource GraphButtonStyle}"
+                                                FontWeight="Bold" Command="{Binding DrawGraphCommand}"/>
+                                    </StackPanel>
 
-            <Border Grid.Row="2" Grid.Column="1" Grid.RowSpan="2" Margin="0 0 15 15" CornerRadius="10"
-                    Background="#384659" BorderBrush="#404F63" BorderThickness="1">
-                <control:GraphControl x:Name="graphControl"
-                                      Margin="10" DataContext="{Binding GraphControlVM}"
-                                      HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
-            </Border>
+                                </Grid>
+                            </Border>
+                            <Border Grid.Row="2" Grid.Column="1" Grid.RowSpan="2" Margin="16 0 16 16" CornerRadius="4"
+                                    Background="#152935" BorderBrush="#325C80" BorderThickness="1">
+                                <control:GraphControl 
+                                    x:Name="graphControl"
+                                    Margin="16" DataContext="{Binding GraphControlVM}"
+                                    HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
+                            </Border>
+                        </Grid>
+                    </Border>
+                </md:DrawerHost.RightDrawerContent>
+            </md:DrawerHost>
         </Grid>
     </Border>
 </UserControl>
diff --git a/SmartAquaViewer/ViewModel/GreenHouseGasViewModel.cs b/SmartAquaViewer/ViewModel/GreenHouseGasViewModel.cs
index fa51822..a08a493 100644
--- a/SmartAquaViewer/ViewModel/GreenHouseGasViewModel.cs
+++ b/SmartAquaViewer/ViewModel/GreenHouseGasViewModel.cs
@@ -8,6 +8,7 @@ using System.Linq;
 using System.Runtime.CompilerServices;
 using System.Text;
 using System.Threading.Tasks;
+using System.Windows;
 using System.Windows.Input;
 using SmartAquaViewer.Controls;
 using SmartAquaViewer.DataAnalysis;
@@ -203,6 +204,51 @@ namespace SmartAquaViewer.ViewModel
             }
         }
 
+        private bool _isOpenMode;
+        public bool IsOpenMode
+        {
+            get => _isOpenMode;
+            set
+            {
+                if (_isOpenMode != value)
+                {
+                    _isOpenMode = value;
+                    OnPropertyChanged();
+
+                    _btnVisibilityRight = _isOpenMode ? Visibility.Visible : Visibility.Collapsed;
+                    BtnVisibilityLeft = _isOpenMode ? Visibility.Collapsed : Visibility.Visible;
+                }
+            }
+        }
+
+        private Visibility _btnVisibilityRight;
+        public Visibility BtnVisibilityRight
+        {
+            get => _btnVisibilityRight;
+            set
+            {
+                if (_btnVisibilityRight != value)
+                {
+                    _btnVisibilityRight = value;
+                    OnPropertyChanged();
+                }
+            }
+        }
+
+        private Visibility _btnVisibilityLeft;
+        public Visibility BtnVisibilityLeft
+        {
+            get => _btnVisibilityLeft;
+            set
+            {
+                if (_btnVisibilityLeft != value)
+                {
+                    _btnVisibilityLeft = value;
+                    OnPropertyChanged();
+                }
+            }
+        }
+
         public bool ShowXSelector => SelectedGraphType == GraphType.SCATTER;
 
         // [필드 후보 목록] 탭/시스템에 따라 달라짐
@@ -243,10 +289,14 @@ namespace SmartAquaViewer.ViewModel
         private bool _isDonut;
         public bool IsDonut { get => _isDonut; set { _isDonut = value; OnPropertyChanged(); } }
 
+        public ICommand ChangeDrawerStatusCommand { get; }
         public ICommand DrawGraphCommand { get; }
 
         public GreenHouseGasViewModel()
         {
+            IsOpenMode = true;
+            BtnVisibilityLeft = Visibility.Collapsed;
+
             GraphTypes = new ObservableCollection<GraphType>
             {
                 GraphType.LINE,
@@ -263,6 +313,7 @@ namespace SmartAquaViewer.ViewModel
 
             SelectedKind = StepFieldKind.GHG;
 
+            ChangeDrawerStatusCommand = new RelayCommand(_ => IsOpenMode = !IsOpenMode);
             DrawGraphCommand = new RelayCommand(DrawGraph);
 
             RebuildAvailableFields();