
/* subNav 스타일 수정 CSS */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .subNavBox   { width             : 100%;             height              : 45px;             text-align          : center;           box-sizing          : content-box;
                  position          : relative;         z-index             : 12;                                                                                                }
   .subNavBox .subNavWrap
                { width             : 100%;             height              : 100%;             max-width           : 1200px;           display             : inline-block;     }
   .subNavBox .subNavWrap .subNavListWrap
                { width             : 100%;             height              : 100%;             display             : flex;             justify-content     : flex-start;
                  align-items       : center;                                                                                                                                   }
   .subNavBox .subNavWrap .subNavListWrap .home
                { width             : 55px;             height              : 100%;             background          : #999999;          display             : flex;
                  justify-content   : center;           align-items         : center;                                                                                           }
   .subNavBox .subNavWrap .subNavListWrap .home a
                { font-size         : 14px;             color               : #fff;             line-height         : 1em;                                                                                                   }
   .subNavBox .subNavWrap .subNavListWrap .mainNameBox
                { width             : 240px;            height              : 100%;             position            : relative;                                                 }
   .subNavBox .subNavWrap .subNavListWrap .mainNameBox .thisMainName
                { width             : 100%;             height              : 100%;             font-size           : 16px;             color               : #747474;          
                  background        : #eaeaea;          font-weight         : 500;              
                  cursor            : pointer;          position            : relative;         z-index             : 2;               display              : flex;             
                  justify-content   : center;           align-items         : center;                                                                                           } 
   .subNavBox .subNavWrap .subNavListWrap .mainNameBox .mainNameListWrap
                { width             : 100%;             height              : auto;             position            : absolute;         top                 : 70%;
                  left              : 0;                display             : flex;             flex-direction      : column;           z-index             : 1;     
                  opacity           : 0;                pointer-events      : none;             transition          : .2s;                                                     }
   .subNavBox .subNavWrap .subNavListWrap .mainNameBox:hover .mainNameListWrap
                { opacity           : 1;                top                 : 100%;             pointer-events      : auto;             transition          : .5s;             }
   
   .subNavBox .subNavWrap .subNavListWrap .mainNameBox .mainNameListWrap a
                { font-size         : 14px;             padding             : 12px 0;           border              : 1px solid #ededed; background         : #fff;             }
   .subNavBox .subNavWrap .subNavListWrap .mainNameBox .mainNameListWrap a:hover
                { color             : #fff;             background          : #333;                                                                                             }
   .subNavBox .subNavWrap .subNavListWrap .subNameBox
                { width             : 240px;            height              : 100%;             position            : relative;                                                 }
   .subNavBox .subNavWrap .subNavListWrap .subNameBox .thisSubName
                { width             : 100%;             height              : 100%;             font-size           : 16px;             color               : #333;          
                  background        : #f7f7f7;          font-weight         : 500;              cursor              : pointer;          position            : relative;         
                  z-index           : 2;                display              : flex;            justify-content     : center;           align-items         : center;           }
   .subNavBox .subNavWrap .subNavListWrap .subNameBox .subNameListWrap
                { width             : 100%;             height              : auto;             position            : absolute;         top                 : 70%;
                  left              : 0;                display             : flex;             flex-direction      : column;           z-index             : 1;                                                                                                                                        
                  opacity           : 0;                pointer-events      : none;             transition          : .2s;                                                      }
   .subNavBox .subNavWrap .subNavListWrap .subNameBox:hover .subNameListWrap
                { opacity           : 1;                top                 : 100%;             pointer-events      : auto;             transition          : .5s;              }
   .subNavBox .subNavWrap .subNavListWrap .subNameBox .subNameListWrap a
                { font-size         : 14px;             padding             : 12px 0;           border              : 1px solid #ededed;  background        : #fff;             }
   .subNavBox .subNavWrap .subNavListWrap .subNameBox .subNameListWrap a:hover 
                { color             : #fff;             background          : #333;                                                                                             }
   
   .subNavBox .subNavWrap .subNavListWrap .subBigName
                { width             : 240px;            height              : 100%;             position            : relative;         border-right        : 1px solid #eaeaea;}
   .subNavBox .subNavWrap .subNavListWrap .subBigName .subBigThisName
                { width             : 100%;             height              : 100%;             display             : flex;             justify-content     : center;
                  align-items       : center;           background          : #fff;             color               : #9f0c3d;          font-size           : 16px; 
                  font-weight       : 500;              z-index             : 2;                cursor              : pointer;                                                 }
   .subNavBox .subNavWrap .subNavListWrap .subBigName .subBigNameListWrap
                { width             : 100%;             height              : auto;             position            : absolute;         top                 : 70%;
                  left              : 0;                display             : flex;             flex-direction      : column;           z-index             : 1;                                                                                                                                        
                  opacity           : 0;                pointer-events      : none;             transition          : .2s;                                                      }
   .subNavBox .subNavWrap .subNavListWrap .subBigName:hover .subBigNameListWrap
                { opacity           : 1;                top                 : 100%;             pointer-events      : auto;             transition          : .5s;              }
   .subNavBox .subNavWrap .subNavListWrap .subBigName .subBigNameListWrap a
                { font-size         : 14px;             padding             : 12px 0;           border              : 1px solid #ededed;  background        : #fff;             }
   .subNavBox .subNavWrap .subNavListWrap .subBigName .subBigNameListWrap a:hover 
                { color             : #fff;             background          : #333;                                                                                             }             
                

@media (min-width:751px) and (max-width:1024px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */


 }
 
 @media (max-width:750px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .subNavBox   { display           : none;}





 }