From e308fcbf349ace719a8bb43dd727508e6e7ae6a8 Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Thu, 27 Nov 2025 16:07:48 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EB=B0=95=EC=8A=A4=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SmartAquaViewer/App.xaml                 |   40 +-
 SmartAquaViewer/Classes/Converter.cs     |   29 +
 SmartAquaViewer/Resources/Generic.xaml   |  122 ++-
 SmartAquaViewer/View/MonitoringView.xaml | 1002 +++++++++++-----------
 4 files changed, 685 insertions(+), 508 deletions(-)

diff --git a/SmartAquaViewer/App.xaml b/SmartAquaViewer/App.xaml
index 7961e0e..a0a735b 100644
--- a/SmartAquaViewer/App.xaml
+++ b/SmartAquaViewer/App.xaml
@@ -2,31 +2,34 @@
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:local="clr-namespace:SmartAquaViewer"
+             xmlns:classes="clr-namespace:SmartAquaViewer.Classes"
              xmlns:view="clr-namespace:SmartAquaViewer.View"
              xmlns:vm="clr-namespace:SmartAquaViewer.ViewModel"
              StartupUri="MainWindow.xaml">
     <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesign2.Defaults.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Secondary/MaterialDesignColor.Lime.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Button.xaml"/>
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Badged.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Card.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Chip.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Clock.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Flipper.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.FlipperClassic.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ColorPicker.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.RatingBar.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TimePicker.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Shadows.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.SmartHint.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Snackbar.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.AutoSuggestBox.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.SplitButton.xaml" />
                 <ResourceDictionary Source="/Resources/Generic.xaml"/>
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesign2.Defaults.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Secondary/MaterialDesignColor.Lime.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Badged.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Card.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Chip.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Clock.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Flipper.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.FlipperClassic.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ColorPicker.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.RatingBar.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TimePicker.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Shadows.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.SmartHint.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Snackbar.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.AutoSuggestBox.xaml" />
-                    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.SplitButton.xaml" />
             </ResourceDictionary.MergedDictionaries>
 
             <DataTemplate DataType="{x:Type vm:MonitoringViewModel}">
@@ -41,6 +44,7 @@
             <DataTemplate DataType="{x:Type vm:CCTVViewModel}">
                 <view:CCTVView/>
             </DataTemplate>
+
         </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/SmartAquaViewer/Classes/Converter.cs b/SmartAquaViewer/Classes/Converter.cs
index 9023b12..4e2b20c 100644
--- a/SmartAquaViewer/Classes/Converter.cs
+++ b/SmartAquaViewer/Classes/Converter.cs
@@ -4,6 +4,7 @@ using System.Globalization;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
+using System.Windows;
 using System.Windows.Data;
 
 namespace SmartAquaViewer.Classes
@@ -78,4 +79,32 @@ namespace SmartAquaViewer.Classes
         public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
             => throw new NotImplementedException();
     }
+
+    public class BoolToVisibilityConverter : IValueConverter
+    {
+        public bool Inverse { get; set; }
+
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            bool flag = false;
+
+            if (value is bool b)
+                flag = b;
+
+            if (Inverse)
+                flag = !flag;
+
+            return flag ? Visibility.Visible : Visibility.Collapsed;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value is Visibility visibility)
+            {
+                bool flag = visibility == Visibility.Visible;
+                return Inverse ? !flag : flag;
+            }
+            return false;
+        }
+    }
 }
diff --git a/SmartAquaViewer/Resources/Generic.xaml b/SmartAquaViewer/Resources/Generic.xaml
index 18947f5..57cb6c4 100644
--- a/SmartAquaViewer/Resources/Generic.xaml
+++ b/SmartAquaViewer/Resources/Generic.xaml
@@ -1,11 +1,15 @@
 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:classes="clr-namespace:SmartAquaViewer.Classes"
                     xmlns:helper="clr-namespace:SmartAquaViewer.Helper"
                     xmlns:vm="clr-namespace:SmartAquaViewer.ViewModel"
                     xmlns:model="clr-namespace:SmartAquaViewer.Model"
                     xmlns:da="clr-namespace:SmartAquaViewer.DataAnalysis"
+                    xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
                     xmlns:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework">
 
+    <classes:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter"/>
+
     <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>
@@ -192,6 +196,8 @@
     <Style x:Key="TrapezoidButtonStyle" TargetType="Button">
         <Setter Property="Foreground" Value="White"/>
         <Setter Property="FontWeight" Value="Bold"/>
+        <Setter Property="Width" Value="92"/>
+        <Setter Property="Height" Value="30"/>
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="Button">
@@ -203,7 +209,7 @@
                               (0,50)    (140,50) -->
                         <Polygon x:Name="shape"
                                  Fill="#1D3649"
-                                 Points="20,0 120,0 140,50 0,50" />
+                                 Points="85.6111,0 92,30 0,30 6.38889,0" />
 
                         <!-- 내용 -->
                         <ContentPresenter HorizontalAlignment="Center"
@@ -301,4 +307,118 @@
         <Setter Property="HorizontalAlignment" Value="Center"/>
     </Style>
 
+    <Style x:Key="PageCommandButtonStyle"
+       TargetType="Button"
+       BasedOn="{StaticResource MaterialDesignFlatLightBgButton}">
+
+        <!-- 기본 속성 재정의 -->
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="Foreground" Value="White"/>
+        <Setter Property="Width" Value="20"/>
+        <Setter Property="Height" Value="20"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="Opacity" Value="1"/>
+    </Style>
+
+    <Style TargetType="ListBoxItem" x:Key="TransparentListBoxItemStyle" BasedOn="{StaticResource MaterialDesignListBoxItem}">
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="HorizontalContentAlignment" Value="Left"/>
+
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ListBoxItem">
+                    <Border Background="Transparent">
+                        <ContentPresenter/>
+                    </Border>
+
+                    <ControlTemplate.Triggers>
+                        <!-- Hover 배경 제거 -->
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter Property="Background" Value="Transparent"/>
+                        </Trigger>
+
+                        <!-- 선택 배경 제거 -->
+                        <Trigger Property="IsSelected" Value="True">
+                            <Setter Property="Background" Value="Transparent"/>
+                        </Trigger>
+
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter Property="Opacity" Value="0.6"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style x:Key="SquareCheckToggleButtonStyle" TargetType="ToggleButton">
+        <!-- 기본 값들 -->
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="Foreground" Value="#808890"/>
+        <!-- 기본 숫자색: 회색 -->
+
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ToggleButton">
+                    <StackPanel Orientation="Horizontal"
+                            VerticalAlignment="Center">
+
+                        <!-- 네모 체크박스 부분 -->
+                        <Border x:Name="CheckBoxBorder"
+                            Width="18"
+                            Height="18"
+                            Margin="0,0,4,0"
+                            Background="Transparent"
+                            BorderBrush="#294A63"
+                            BorderThickness="1.5">
+
+                            <!-- 체크 표시 -->
+                            <Path x:Name="CheckMark"
+                              Stroke="White"
+                              StrokeThickness="2"
+                              Data="M3,9 L7,13 L14,4"
+                              Stretch="Uniform"
+                              SnapsToDevicePixels="True"
+                              Visibility="Collapsed"/>
+                        </Border>
+
+                        <!-- 숫자(컨텐츠) -->
+                        <ContentPresenter x:Name="contentPresenter"
+                                      VerticalAlignment="Center"
+                                      TextElement.Foreground="{TemplateBinding Foreground}"/>
+                    </StackPanel>
+
+                    <ControlTemplate.Triggers>
+                        <!-- 체크 되었을 때 -->
+                        <Trigger Property="IsChecked" Value="True">
+                            <Setter TargetName="CheckBoxBorder"
+                                Property="Background"
+                                Value="#28567A"/>
+                            <!-- 파란 배경 -->
+                            <Setter TargetName="CheckBoxBorder"
+                                Property="BorderBrush"
+                                Value="#28567A"/>
+                            <Setter TargetName="CheckMark"
+                                Property="Visibility"
+                                Value="Visible"/>
+                            <Setter Property="Foreground" Value="White"/>
+                            <!-- 숫자 흰색 -->
+                        </Trigger>
+
+                        <!-- 마우스 오버 효과 약간 -->
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter TargetName="CheckBoxBorder"
+                                Property="BorderBrush"
+                                Value="#3A6C90"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index 8b5cec8..9884b1d 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -22,509 +22,520 @@
 
     <Border>
         <md:DrawerHost BottomDrawerBackground="Transparent" IsBottomDrawerOpen="{Binding IsOpenMode}" OpenMode="Standard">
-            <Grid Background="Transparent">
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="80"/>
-                    <RowDefinition Height="*"/>
-                    <RowDefinition Height="40"/>
-                    <RowDefinition Height="40"/>
-                </Grid.RowDefinitions>
-                <Grid Margin="0 0 0 12">
-                    <!--<Grid.Background>
-                        <ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
-                    </Grid.Background>-->
-                    <control:SegmentedControl x:Name="segmentedControl" HorizontalAlignment="Left"
-                                              SelectedTab="{Binding SelectedTab, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
-                </Grid>
+            <Border BorderBrush="#1D3649" BorderThickness="0 0 0 2">
+                <Grid Background="Transparent">
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="80"/>
+                        <RowDefinition Height="*"/>
+                        <RowDefinition Height="60"/>
+                    </Grid.RowDefinitions>
+                    <Grid Margin="0 0 0 12">
+                        <!--<Grid.Background>
+                            <ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
+                        </Grid.Background>-->
+                        <control:SegmentedControl x:Name="segmentedControl" HorizontalAlignment="Left"
+                                                  SelectedTab="{Binding SelectedTab, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
+                    </Grid>
 
-                <DataGrid x:Name="dgTanks" ItemsSource="{Binding TanksPager.PagedItems}"
-                          Style="{StaticResource DataGridStyle}"
-                          RowStyle="{StaticResource DataGridRowStyle}"
-                          ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"
-                          helper:DataGridAutoPageSizeBehavior.Enable="True"
-                          helper:DataGridAutoPageSizeBehavior.Pager="{Binding TanksPager}"
-                          helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
-                          helper:DataGridAutoPageSizeBehavior.ThrottleMs="120"
-                          Grid.Row="1" Margin="15 0"
-                          ColumnWidth="*" RowHeight="30"
-                          Background="Transparent"
-                          HorizontalAlignment="Stretch">
-                    <DataGrid.Columns>
-                        <!-- 측정 시각 -->
-                        <DataGridTextColumn 
-                                Header="시간" Width="90"
-                                Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
-                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                    <DataGrid x:Name="dgTanks" ItemsSource="{Binding TanksPager.PagedItems}"
+                              Style="{StaticResource DataGridStyle}"
+                              RowStyle="{StaticResource DataGridRowStyle}"
+                              ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"
+                              helper:DataGridAutoPageSizeBehavior.Enable="True"
+                              helper:DataGridAutoPageSizeBehavior.Pager="{Binding TanksPager}"
+                              helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
+                              helper:DataGridAutoPageSizeBehavior.ThrottleMs="120"
+                              Grid.Row="1" Margin="15 0"
+                              ColumnWidth="*" RowHeight="30"
+                              Background="Transparent"
+                              HorizontalAlignment="Stretch">
+                        <DataGrid.Columns>
+                            <!-- 측정 시각 -->
+                            <DataGridTextColumn 
+                                    Header="시간" Width="90"
+                                    Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
+                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+
+                            <!-- Tank 값들 -->
+                            <DataGridTextColumn Header="번호" Binding="{Binding Tanks[0].Number}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Binding="{Binding Tanks[0].DOValue, StringFormat=\{0:F2\}}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="DO" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(mg/L)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Header="pH" Binding="{Binding Tanks[0].PH, StringFormat=\{0:F2\}}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Binding="{Binding Tanks[0].ORP, StringFormat=\{0:F0\}}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="ORP" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(mV)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Tanks[0].Temperature, StringFormat=\{0:F1\}}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="온도" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(℃)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Tanks[0].FlowRate, StringFormat=\{0:F2\}}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="유량" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(m³/s)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
 
-                        <!-- Tank 값들 -->
-                        <DataGridTextColumn Header="번호" Binding="{Binding Tanks[0].Number}"
+                            <DataGridTextColumn Width="5"/>
+
+                            <DataGridTextColumn Header="번호" Binding="{Binding Tanks[1].Number}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Binding="{Binding Tanks[1].DOValue, StringFormat=\{0:F2\}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="DO" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(mg/L)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Header="pH" Binding="{Binding Tanks[1].PH, StringFormat=\{0:F2\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Binding="{Binding Tanks[0].DOValue, StringFormat=\{0:F2\}}"
+                            <DataGridTextColumn Binding="{Binding Tanks[1].ORP, StringFormat=\{0:F0\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="DO" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(mg/L)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Header="pH" Binding="{Binding Tanks[0].PH, StringFormat=\{0:F2\}}"
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="ORP" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(mV)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Tanks[1].Temperature, StringFormat=\{0:F1\}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="온도" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(℃)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Tanks[1].FlowRate, StringFormat=\{0:F2\}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="유량" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(m³/s)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Width="5"/>
+
+                            <DataGridTextColumn Header="번호" Binding="{Binding Tanks[2].Number}"
+                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Binding="{Binding Tanks[2].DOValue, StringFormat=\{0:F2\}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="DO" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(mg/L)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Header="pH" Binding="{Binding Tanks[2].PH, StringFormat=\{0:F2\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Binding="{Binding Tanks[0].ORP, StringFormat=\{0:F0\}}"
+                            <DataGridTextColumn Binding="{Binding Tanks[2].ORP, StringFormat=\{0:F0\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="ORP" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(mV)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Tanks[0].Temperature, StringFormat=\{0:F1\}}"
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="ORP" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(mV)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Tanks[2].Temperature, StringFormat=\{0:F1\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="온도" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(℃)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Tanks[0].FlowRate, StringFormat=\{0:F2\}}"
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="온도" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(℃)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Tanks[2].FlowRate, StringFormat=\{0:F2\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="유량" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(m³/s)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="유량" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="(m³/s)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                        </DataGrid.Columns>
+                    </DataGrid>
+
+                    <DataGrid ItemsSource="{Binding PagedItems}" x:Name="dgFilter"
+                              Style="{StaticResource DataGridStyle}" 
+                              ColumnWidth="*" RowHeight="30"
+                              helper:DataGridAutoPageSizeBehavior.Enable="True"
+                              helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
+                              helper:DataGridAutoPageSizeBehavior.ThrottleMs="120"
+                              Grid.Row="1" Margin="15 0 15 0" 
+                              Background="Transparent"
+                              RowStyle="{StaticResource DataGridRowStyle}" 
+                              ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}">
+                        <DataGrid.Columns>
+                            <DataGridTextColumn 
+                                Header="시간"
+                                Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
+                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
 
-                        <DataGridTextColumn Width="5"/>
+                            <DataGridTextColumn Binding="{Binding Filtering.SandFilterPower, Converter={StaticResource BoolToPowerConverter}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="모래여과기" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="전원" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.SumpPH}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="pH" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.SumpORP, StringFormat=\{0:F2\}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="ORP(mV)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.SumpWaterLevel, StringFormat=\{0:F0\}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="수위(m)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.SumpFlowRate, StringFormat=\{0:F1\}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="유량(m³/s)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.SumpTemperature, StringFormat=\{0:F2\}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="수온(°C)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.CirculationPumpPower, Converter={StaticResource BoolToPowerConverter}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="순환펌프" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="전원" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.InverterControllerStatus}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="인버터 제어기" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="상태" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.FlowRate, StringFormat=\{0:F2\}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="순환펌프" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="유량(m³/s)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.HeatPumpPower, Converter={StaticResource BoolToPowerConverter}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="히트펌프" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="전원" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.HeatPumpTemperature, StringFormat=\{0:F2\}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="히트펌프" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="온도(°C)" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                            <DataGridTextColumn Binding="{Binding Filtering.AirBlowerPower, Converter={StaticResource BoolToPowerConverter}}" 
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                <DataGridTextColumn.Header>
+                                    <StackPanel>
+                                        <TextBlock Text="에어브로와" HorizontalAlignment="Center"/>
+                                        <TextBlock Text="전원" HorizontalAlignment="Center"/>
+                                    </StackPanel>
+                                </DataGridTextColumn.Header>
+                            </DataGridTextColumn>
+                        </DataGrid.Columns>
+                    </DataGrid>
+
+                    <DataGrid ItemsSource="{Binding PagedItems}" x:Name="dgSterilizer"
+                              Style="{StaticResource DataGridStyle}" 
+                              ColumnWidth="*" RowHeight="30"
+                              helper:DataGridAutoPageSizeBehavior.Enable="True"
+                              helper:DataGridAutoPageSizeBehavior.Pager="{Binding TanksPager}"
+                              helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
+                              Grid.Row="1" Margin="15 0 15 0" 
+                              Background="Transparent"
+                              VerticalScrollBarVisibility="Auto"
+                              RowStyle="{StaticResource DataGridRowStyle}" 
+                              ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}">
+                        <DataGrid.Columns>
+                            <DataGridTextColumn 
+                                Header="시간"
+                                Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
+                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
 
-                        <DataGridTextColumn Header="번호" Binding="{Binding Tanks[1].Number}"
+                            <DataGridTextColumn Header="오존 발생기 전원" Binding="{Binding Sterilizing.OzoneGeneratorPower, Converter={StaticResource BoolToPowerConverter}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Binding="{Binding Tanks[1].DOValue, StringFormat=\{0:F2\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="DO" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(mg/L)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Header="pH" Binding="{Binding Tanks[1].PH, StringFormat=\{0:F2\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Binding="{Binding Tanks[1].ORP, StringFormat=\{0:F0\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="ORP" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(mV)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Tanks[1].Temperature, StringFormat=\{0:F1\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="온도" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(℃)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Tanks[1].FlowRate, StringFormat=\{0:F2\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="유량" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(m³/s)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Width="5"/>
-
-                        <DataGridTextColumn Header="번호" Binding="{Binding Tanks[2].Number}"
+                            <DataGridTextColumn Header="자외선 살균기 ID" Binding="{Binding Sterilizing.UVSterilizerId}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Binding="{Binding Tanks[2].DOValue, StringFormat=\{0:F2\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="DO" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(mg/L)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Header="pH" Binding="{Binding Tanks[2].PH, StringFormat=\{0:F2\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Binding="{Binding Tanks[2].ORP, StringFormat=\{0:F0\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="ORP" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(mV)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Tanks[2].Temperature, StringFormat=\{0:F1\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="온도" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(℃)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Tanks[2].FlowRate, StringFormat=\{0:F2\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="유량" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="(m³/s)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                    </DataGrid.Columns>
-                </DataGrid>
-
-                <DataGrid ItemsSource="{Binding PagedItems}" x:Name="dgFilter"
-                          Style="{StaticResource DataGridStyle}" 
-                          ColumnWidth="*" RowHeight="30"
-                          helper:DataGridAutoPageSizeBehavior.Enable="True"
-                          helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
-                          helper:DataGridAutoPageSizeBehavior.ThrottleMs="120"
-                          Grid.Row="1" Margin="15 0 15 0" 
-                          Background="Transparent"
-                          RowStyle="{StaticResource DataGridRowStyle}" 
-                          ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}">
-                    <DataGrid.Columns>
-                        <DataGridTextColumn 
-                            Header="시간"
-                            Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
-                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-
-                        <DataGridTextColumn Binding="{Binding Filtering.SandFilterPower, Converter={StaticResource BoolToPowerConverter}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="모래여과기" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="전원" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.SumpPH}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="pH" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.SumpORP, StringFormat=\{0:F2\}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="ORP(mV)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.SumpWaterLevel, StringFormat=\{0:F0\}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="수위(m)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.SumpFlowRate, StringFormat=\{0:F1\}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="유량(m³/s)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.SumpTemperature, StringFormat=\{0:F2\}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="섬프탱크" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="수온(°C)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.CirculationPumpPower, Converter={StaticResource BoolToPowerConverter}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="순환펌프" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="전원" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.InverterControllerStatus}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="인버터 제어기" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="상태" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.FlowRate, StringFormat=\{0:F2\}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="순환펌프" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="유량(m³/s)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.HeatPumpPower, Converter={StaticResource BoolToPowerConverter}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="히트펌프" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="전원" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.HeatPumpTemperature, StringFormat=\{0:F2\}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="히트펌프" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="온도(°C)" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                        <DataGridTextColumn Binding="{Binding Filtering.AirBlowerPower, Converter={StaticResource BoolToPowerConverter}}" 
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}">
-                            <DataGridTextColumn.Header>
-                                <StackPanel>
-                                    <TextBlock Text="에어브로와" HorizontalAlignment="Center"/>
-                                    <TextBlock Text="전원" HorizontalAlignment="Center"/>
-                                </StackPanel>
-                            </DataGridTextColumn.Header>
-                        </DataGridTextColumn>
-                    </DataGrid.Columns>
-                </DataGrid>
-
-                <DataGrid ItemsSource="{Binding PagedItems}" x:Name="dgSterilizer"
-                          Style="{StaticResource DataGridStyle}" 
-                          ColumnWidth="*" RowHeight="30"
-                          helper:DataGridAutoPageSizeBehavior.Enable="True"
-                          helper:DataGridAutoPageSizeBehavior.Pager="{Binding TanksPager}"
-                          helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
-                          Grid.Row="1" Margin="15 0 15 0" 
-                          Background="Transparent"
-                          VerticalScrollBarVisibility="Auto"
-                          RowStyle="{StaticResource DataGridRowStyle}" 
-                          ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}">
-                    <DataGrid.Columns>
-                        <DataGridTextColumn 
-                            Header="시간"
-                            Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
-                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-
-                        <DataGridTextColumn Header="오존 발생기 전원" Binding="{Binding Sterilizing.OzoneGeneratorPower, Converter={StaticResource BoolToPowerConverter}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Header="자외선 살균기 ID" Binding="{Binding Sterilizing.UVSterilizerId}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Header="자외선 살균기 전원" Binding="{Binding Sterilizing.UVSterilizerPower, Converter={StaticResource BoolToPowerConverter}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Header="오존용해장치 전원" Binding="{Binding Sterilizing.OzoneDissolverPower, Converter={StaticResource BoolToPowerConverter}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Header="오존용해장치 압력(kPa)" Binding="{Binding Sterilizing.OzoneDissolverPressure, StringFormat=\{0:F1\}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                        <DataGridTextColumn Header="배오존장치 전원" Binding="{Binding Sterilizing.ExcessOzoneDestroyerPower, Converter={StaticResource BoolToPowerConverter}}"
-                                            ElementStyle="{StaticResource DataGridElmenetStyle}"/>
-                    </DataGrid.Columns>
-                </DataGrid>
-
-                <Grid Grid.Row="2">
-                    <Grid.Style>
-                        <Style TargetType="Grid">
-                            <Setter Property="Visibility" Value="Collapsed"/>
-                            <Style.Triggers>
-                                <DataTrigger Binding="{Binding SelectedTab}" Value="{x:Static model:MonitorTab.Tank}">
-                                    <Setter Property="Visibility" Value="Visible"/>
-                                </DataTrigger>
-                            </Style.Triggers>
-                        </Style>
-                    </Grid.Style>
-
-                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
-                        <Button Command="{Binding TanksPager.FirstPageCommand}"  Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                            <md:PackIcon Kind="PageFirst"/>
-                        </Button>
-                        <Button Command="{Binding TanksPager.PrevPageCommand}"   Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                            <md:PackIcon Kind="ChevronLeft"/>
-                        </Button>
+                            <DataGridTextColumn Header="자외선 살균기 전원" Binding="{Binding Sterilizing.UVSterilizerPower, Converter={StaticResource BoolToPowerConverter}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Header="오존용해장치 전원" Binding="{Binding Sterilizing.OzoneDissolverPower, Converter={StaticResource BoolToPowerConverter}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Header="오존용해장치 압력(kPa)" Binding="{Binding Sterilizing.OzoneDissolverPressure, StringFormat=\{0:F1\}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                            <DataGridTextColumn Header="배오존장치 전원" Binding="{Binding Sterilizing.ExcessOzoneDestroyerPower, Converter={StaticResource BoolToPowerConverter}}"
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                        </DataGrid.Columns>
+                    </DataGrid>
+
+                    <Grid Grid.Row="2">
+                        <Grid.Style>
+                            <Style TargetType="Grid">
+                                <Setter Property="Visibility" Value="Collapsed"/>
+                                <Style.Triggers>
+                                    <DataTrigger Binding="{Binding SelectedTab}" Value="{x:Static model:MonitorTab.Tank}">
+                                        <Setter Property="Visibility" Value="Visible"/>
+                                    </DataTrigger>
+                                </Style.Triggers>
+                            </Style>
+                        </Grid.Style>
+
+                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                            <Button Command="{Binding TanksPager.FirstPageCommand}"  
+                                    Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                <md:PackIcon Kind="PageFirst"/>
+                            </Button>
+                            <Button Command="{Binding TanksPager.PrevPageCommand}"   
+                                    Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                <md:PackIcon Kind="ChevronLeft"/>
+                            </Button>
+
+                            <ItemsControl DataContext="{Binding TanksPager}"
+                                          ItemsSource="{Binding PageNumbers}">
+                                <ItemsControl.ItemsPanel>
+                                    <ItemsPanelTemplate>
+                                        <StackPanel Orientation="Horizontal" Margin="32 0"/>
+                                    </ItemsPanelTemplate>
+                                </ItemsControl.ItemsPanel>
+
+                                <ItemsControl.ItemTemplate>
+                                    <DataTemplate>
+                                        <Button Margin="6" Padding="6 0"
+                                                Width="21" Height="20"
+                                                Command="{Binding DataContext.GoToPageCommand,
+                                                                  RelativeSource={RelativeSource AncestorType=ItemsControl}}"
+                                                CommandParameter="{Binding}">
+                                            <Button.Content>
+                                                <!-- 각 아이템은 int(0,1,2,...) 이므로 그대로 컨버터 -->
+                                                <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}">
+                                                                    <!-- 현재 버튼의 인덱스 (각 아이템, int) -->
+                                                                    <Binding />
+                                                                    <!-- TanksPager.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 TanksPager.NextPageCommand}"   
+                                    Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                <md:PackIcon Kind="ChevronRight"/>
+                            </Button>
+                            <Button Command="{Binding TanksPager.LastPageCommand}"   
+                                    Style="{StaticResource PageCommandButtonStyle}" Margin="4,0">
+                                <md:PackIcon Kind="PageLast"/>
+                            </Button>
+                        </StackPanel>
+                    </Grid>
 
-                        <ItemsControl DataContext="{Binding TanksPager}"
-              ItemsSource="{Binding PageNumbers}">
-                            <ItemsControl.ItemsPanel>
-                                <ItemsPanelTemplate>
-                                    <StackPanel Orientation="Horizontal" />
-                                </ItemsPanelTemplate>
-                            </ItemsControl.ItemsPanel>
-
-                            <ItemsControl.ItemTemplate>
-                                <DataTemplate>
-                                    <Button Margin="2"
-                    Padding="6,2"
-                    Command="{Binding DataContext.GoToPageCommand,
-                                      RelativeSource={RelativeSource AncestorType=ItemsControl}}"
-                    CommandParameter="{Binding}">
-                                        <Button.Content>
-                                            <!-- 각 아이템은 int(0,1,2,...) 이므로 그대로 컨버터 -->
-                                            <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" />
-
-                                                <!-- 현재 페이지면 강조 -->
-                                                <Style.Triggers>
-                                                    <DataTrigger Value="True">
-                                                        <DataTrigger.Binding>
-                                                            <MultiBinding Converter="{StaticResource CurrentPageEqualsConverter}">
-                                                                <!-- 현재 버튼의 인덱스 (각 아이템, int) -->
-                                                                <Binding />
-                                                                <!-- TanksPager.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>
-
-                        <Button Command="{Binding TanksPager.NextPageCommand}"   
-                                Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                            <md:PackIcon Kind="ChevronRight"/>
-                        </Button>
-                        <Button Command="{Binding TanksPager.LastPageCommand}"   
-                                Style="{StaticResource MaterialDesignFlatLightBgButton}" Margin="4,0">
-                            <md:PackIcon Kind="PageLast"/>
-                        </Button>
-                    </StackPanel>
-                </Grid>
+                    <!-- (2) 필터/살균기 공용 페이지바 -->
+                    <Grid Grid.Row="2">
+                        <Grid.Style>
+                            <Style TargetType="Grid">
+                                <Setter Property="Visibility" Value="Visible"/>
+                                <Style.Triggers>
+                                    <DataTrigger Binding="{Binding SelectedTab}" Value="{x:Static model:MonitorTab.Tank}">
+                                        <Setter Property="Visibility" Value="Collapsed"/>
+                                    </DataTrigger>
+                                </Style.Triggers>
+                            </Style>
+                        </Grid.Style>
+
+                        <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" Margin="32 0"/>
+                                    </ItemsPanelTemplate>
+                                </ItemsControl.ItemsPanel>
+
+                                <ItemsControl.ItemTemplate>
+                                    <DataTemplate>
+                                        <Button Margin="6" Padding="6 0"
+                                                Width="21" Height="20"
+                                                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="#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 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>
 
-                <!-- (2) 필터/살균기 공용 페이지바 -->
-                <Grid Grid.Row="2">
-                    <Grid.Style>
-                        <Style TargetType="Grid">
-                            <Setter Property="Visibility" Value="Visible"/>
-                            <Style.Triggers>
-                                <DataTrigger Binding="{Binding SelectedTab}" Value="{x:Static model:MonitorTab.Tank}">
-                                    <Setter Property="Visibility" Value="Collapsed"/>
-                                </DataTrigger>
-                            </Style.Triggers>
-                        </Style>
-                    </Grid.Style>
-
-                    <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"/>
+                    <Grid Grid.Row="3" VerticalAlignment="Bottom">
+                        <Button Name="btnVisibilityDown" Tag="down"
+                                Style="{StaticResource TrapezoidButtonStyle}" Command="{Binding ChangeDrawerStatusCommand}"
+                                VerticalAlignment="Bottom" HorizontalAlignment="Left" Visibility="{Binding BtnVisibilityDown}">
+                            <Path Data="M6.364 4.94983L1.414 -0.000167768L3.54069e-07 1.41383L6.364 7.77783L12.728 1.41383L11.314 -0.000167217L6.364 4.94983Z"
+                                  Fill="White" Stretch="Uniform"
+                                  Width="12.728" Height="7.78"
+                                  HorizontalAlignment="Center"
+                                  VerticalAlignment="Center"/>
                         </Button>
 
-                        <ItemsControl ItemsSource="{Binding PageNumbers}">
-                            <ItemsControl.ItemsPanel>
-                                <ItemsPanelTemplate>
-                                    <StackPanel Orientation="Horizontal" />
-                                </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" />
-
-                                                <!-- 🔹 현재 페이지면 강조 -->
-                                                <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>
-
-                        <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 Name="btnVisibilityUp" Tag="up"
+                                Style="{StaticResource TrapezoidButtonStyle}" Command="{Binding ChangeDrawerStatusCommand}"
+                                VerticalAlignment="Bottom" HorizontalAlignment="Left" Visibility="{Binding BtnVisibilityUp}">
+                            <Path Data="M6.364 2.828L1.414 7.778L0 6.364L6.364 0L12.728 6.364L11.314 7.778Z"
+                                  Fill="White" Stretch="Uniform"
+                                  Width="12.728" Height="7.78"
+                                  HorizontalAlignment="Center"
+                                  VerticalAlignment="Center"/>
                         </Button>
-                    </StackPanel>
-                </Grid>
-
-                <Grid Grid.Row="3" VerticalAlignment="Bottom">
-                    <Button Name="btnVisibilityDown" Tag="down"
-                            Style="{StaticResource TrapezoidButtonStyle}" Height="33" Command="{Binding ChangeDrawerStatusCommand}"
-                            VerticalAlignment="Bottom" HorizontalAlignment="Center" Visibility="{Binding BtnVisibilityDown}">
-                        <Path Data="M6.364 4.94983L1.414 -0.000167768L3.54069e-07 1.41383L6.364 7.77783L12.728 1.41383L11.314 -0.000167217L6.364 4.94983Z"
-                              Fill="White" Stretch="Uniform"
-                              Width="12.728" Height="7.78"
-                              HorizontalAlignment="Center"
-                              VerticalAlignment="Center"/>
-                    </Button>
-
-                    <Button Name="btnVisibilityUp" Tag="up"
-                            Style="{StaticResource TrapezoidButtonStyle}" Height="33" Command="{Binding ChangeDrawerStatusCommand}"
-                            VerticalAlignment="Bottom" HorizontalAlignment="Center" Visibility="{Binding BtnVisibilityUp}">
-                        
-                    </Button>
+                    </Grid>
                 </Grid>
-            </Grid>
+            </Border>
             <md:DrawerHost.BottomDrawerContent>
-                <Border x:Name="BottomDrawerRoot" Height="450"
-                        BorderThickness="0 3 0 0" BorderBrush="#455569">
+                <Border x:Name="BottomDrawerRoot" Height="400" CornerRadius="0 4 4 4" Background="#1D3649">
                     <Grid>
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="550"/>
@@ -585,17 +596,30 @@
                                         <TextBlock Text="수조 (복수 선택)" VerticalAlignment="Center"
                                                    FontSize="20" FontFamily="{StaticResource SCDream5}" Foreground="White"/>
 
-                                        <Border CornerRadius="10" Background="White" Margin="0 5 0 10">
+                                        <Border CornerRadius="10" Margin="0 5 0 10">
                                             <ListBox ItemsSource="{Binding TankGroups}"
-                                                     DisplayMemberPath="Key"
                                                      SelectionMode="Extended"
-                                                     helper:MultiSelectBehavior.SelectedDictionary="{Binding SelectedWaterTanks, Mode=OneWay}"
+                                                     helper:MultiSelectBehavior.SelectedDictionary="{Binding SelectedWaterTanks}"
                                                      helper:MultiSelectBehavior.KeyPath="Key"
                                                      helper:MultiSelectBehavior.ValuePath="Value"
-                                                     Height="Auto" Background="White"
                                                      FontSize="16" FontWeight="Bold"
                                                      FontFamily="{StaticResource SCDream5}"
-                                                     Style="{StaticResource MaterialDesignFilterChipListBox}"/>
+                                                     Style="{StaticResource MaterialDesignChoiceChipListBox}"
+                                                     ItemContainerStyle="{StaticResource TransparentListBoxItemStyle}"
+                                                     Background="Transparent">
+
+                                                <ListBox.ItemTemplate>
+                                                    <DataTemplate>
+                                                        <ToggleButton Content="{Binding Key}"
+                                                                      Focusable="False"
+                                                                      IsChecked="{Binding IsSelected,
+                                                                                  RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
+                                                                      Style="{StaticResource SquareCheckToggleButtonStyle}"
+                                                                      Margin="0 0 20 0"/>
+                                                    </DataTemplate>
+                                                </ListBox.ItemTemplate>
+
+                                            </ListBox>
                                         </Border>
                                     </StackPanel>