/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #gaguyo_subNav
                { width             : 100%;             display             : flex;             align-items         : center;           flex-direction      : column;
                  justify-content   : center;           position            : sticky;           top                 : -150px;                    
                  z-index           : 100;              font-family         : "nanum";          font-size           : min(1.5vw,16px);}
   #gaguyo_subNav .topWrap
                { width             : 100%;             height              : 150px;            background          : #0e78ba;          display             : flex;
                  align-items       : center;           justify-content     : flex-end;         position            : relative;}           
   #gaguyo_subNav .topWrap .logo
                { width             : auto;             height              : 55%;             position            : absolute;         top                 : 50%;
                  left              : 50%;              transform           : translate(-50%,-50%);}
   #gaguyo_subNav .topWrap .logo img
                { width             : auto;             height              : 100%;             object-fit          : contain;}               
   #gaguyo_subNav .navWrap
                { width             : 100%;             height              : 70px;             display             : flex;             align-items         : center;
                  justify-content   : center;           box-shadow          : 0px 2px 3px 0px #00000047; background : #fff;}            
   #gaguyo_subNav .navWrap .navListWrap
                { width             : 100%;             height              : 100%;             display             : flex;             align-items         : center;
                  justify-content   : space-between;    max-width           : 900px;}
   #gaguyo_subNav .navWrap .navListWrap a:hover
                { color             : #0e78ba;}              
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  


   #gaguyo_subNav #navBtn
                { width             : auto;              height              : auto;              color               : #fff;           display             : none;}
   #gaguyo_subNav #navBtn svg
                { font-size         : 2em;              cursor              : pointer;}                
   #gaguyo_subNav #nav_backCover              
                { width             : 100vw;            height              : 100vh;            background          : #0000002e;        top                 : 0;
                  left              : 0;                position            : fixed;            z-index             : 51;               display             : none;}
   #gaguyo_subNav #nav_backCover.on
                { display           : none;}
   #gaguyo_subNav #mobileNavWrap
                { width             : 100%;             height              : 100vh;            max-width           : 480px;            background          : #fff;             
                  display           : flex;             flex-direction      : column;           align-items         : center;           justify-content     : flex-start;       
                  position          : fixed;            top                 : 0;                right               : -100%;                transition          : .4s;              
                  z-index           : 51;               padding             : 4em 0;            }
   #gaguyo_subNav #mobileNavWrap.on               
                { display           : none;             right               : 0;                box-shadow        : -5px -1px 10px 0px #0000002b; 
                  transition        : .4s;}            
   #gaguyo_subNav #mobileNavWrap #nav_close
                { font-size         : 1.7em;            position            : absolute;         top                 : 1em;              right               : 1em;
                  color             : #898989;          line-height         : 1em;              cursor              : pointer;}
   #gaguyo_subNav #mobileNavWrap .logoWrap
                { width             : 80%;              height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;       margin-bottom       : 10%;}               
   #gaguyo_subNav #mobileNavWrap .logoWrap a
                { width             : auto;             height              : auto;}               
   #gaguyo_subNav #mobileNavWrap .logoWrap a img
                { width             : auto;             height              : 4em;}    
   #gaguyo_subNav #mobileNavWrap .mobileNavListWrap              
                { width             : 80%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       padding-left        : 1em;}
   #gaguyo_subNav #mobileNavWrap .mobileNavListWrap li
                { margin-bottom     : 1.5em;}
   #gaguyo_subNav #mobileNavWrap .mobileNavListWrap a
                { font-size         : inherit;          }
   #gaguyo_subNav #mobileNavWrap .mobileNavListWrap a:hover
                { color             : #1279bb;}          
                
                
@media(max-width : 1024px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #gaguyo_subNav  
                { font-size         : 16px;             background          : #0e78ba;          top                 : 0;                box-shadow          :  0px 2px 6px 0px #00000061;}
   #gaguyo_subNav .topWrap
                { width             : 95%;              height            : 80px;}
        
   #gaguyo_subNav .topWrap .logo 
                { height            : 65%;}               
   #gaguyo_subNav .navWrap
                { display           : none;} 
   #gaguyo_subNav #navBtn
                { display           : block;}            
   #gaguyo_subNav #nav_backCover.on
                { display           : block;}
   #gaguyo_subNav #mobileNavWrap.on    
                { display           : flex;}                           
}                

@media(max-width : 640px){
   #gaguyo_subNav  { font-size         : 14px;             }
   #gaguyo_subNav .topWrap
                    { height            : 60px;}             
   #gaguyo_subNav #mobileNavWrap .mobileNavListWrap 
                { padding-left      : 0;} 
    
    
}