diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 2bbeecce..272a2860 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -239,6 +239,7 @@ input:read-only::-webkit-scrollbar-track {
 .layer-switch-list .dot-icon.color-brown{background:#A16B00;}
 .layer-switch-list .dot-icon.color-purple{background:#AB40FF;}
 .layer-switch-list .dot-icon.color-skyblue{background:#009cad;}
+.layer-switch-list .dot-icon.color-gray{background:#555;}
 .custom-control-red .custom-control-input:checked ~ .custom-control-label::before,
 .custom-control-red .custom-control-input:active ~ .custom-control-label::before{background-color:#FF3648;border-color:#FF3648;}
 .custom-control-pink .custom-control-input:checked ~ .custom-control-label::before,
@@ -251,6 +252,8 @@ input:read-only::-webkit-scrollbar-track {
 .custom-control-purple .custom-control-input:active ~ .custom-control-label::before{background-color:#AB40FF;border-color:#AB40FF;}
 .custom-control-skyblue .custom-control-input:checked ~ .custom-control-label::before,
 .custom-control-skyblue .custom-control-input:active ~ .custom-control-label::before{background-color:#009cad;border-color:#009cad;}
+.custom-control-gray .custom-control-input:checked ~ .custom-control-label::before,
+.custom-control-gray .custom-control-input:active ~ .custom-control-label::before{background-color:#555;border-color:#555;}
 .layer-switch-list svg{margin-right:8px;}
 .layer-switch-list .custom-switch .custom-control-label:after{top:2px;}
 .map-btn{border:1px solid #ddd;border-radius:0.358rem}
diff --git a/src/views/control/setting/ControlSetting.js b/src/views/control/setting/ControlSetting.js
index ea66ef18..db8965c1 100644
--- a/src/views/control/setting/ControlSetting.js
+++ b/src/views/control/setting/ControlSetting.js
@@ -188,13 +188,13 @@ const ControlSetting = props => {
             <dl>
               <dt>
                 <div className='list-left-txt'>
-                  <span className='dot-icon color-skyblue'></span>
+                  <span className='dot-icon color-gray'></span>
                   {mapControl.liner ? '격자' : '선형'}
                 </div>
                 <div className='list-right-txt'>
                   <CustomInput
                     onClick={e => handlerAreaClick('liner')}
-                    className='custom-control-skyblue'
+                    className='custom-control-gray'
                     type='switch'
                     id='test07'
                     name='test07'