/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #fullDivision_introButton
                { width             : 100%;             height              : auto;             font-family         : "Noto Sans Kr";   font-size           : min(1.6vw,23px);
                  display           : flex;             align-items         : center;           justify-content     : center;           margin              : 0 0 4em;
                  position          : relative;         flex-direction      : column;           margin              : 3.5em 0;}
   #fullDivision_introButton .shadow
                { width             : 100%;             height              : auto;}               
   #fullDivision_introButton .wrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           position            : relative;}             
   #fullDivision_introButton .wrap .backImg
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                object-fit          : cover;            z-index             : 1;}
   #fullDivision_introButton .wrap .topWrap
                { width             : auto;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;           z-index             : 2;                background          : #00000080;
                  padding           : 4.5em 3.5em 2.5em;  }
   #fullDivision_introButton .wrap .topWrap.en
                { padding           : 1.5em 3.5em 2.5em;}
   #fullDivision_introButton .wrap .topWrap .logo
                { height            : 3em;            margin-bottom       : 1em;              }               
   #fullDivision_introButton .wrap .topWrap .logo.en
                { height            : auto;             width               : 4em;}
   #fullDivision_introButton .wrap .topWrap .textWrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           font-size           : 1.15em;            
                  }
   #fullDivision_introButton .wrap .topWrap .textWrap .text
                { color             : #fff;             font-weight         : 500;              margin              : 2px 0;}               
   #fullDivision_introButton .wrap .topWrap .textWrap .text span
                { line-height       : inherit;          color               : #fff000;          }      
   #fullDivision_introButton .wrap .buttonWrap
                { width             : 70%;              height              : auto;             display             : grid;             grid-template-columns : repeat(4,calc(calc(100% - 3em) / 4));
                  gap               : 0 1em;            z-index             : 2;                margin              : 3em 0 4.5em;    max-width           : 1000px;}             
   #fullDivision_introButton .wrap .buttonWrap .button
                { width             : 90%;              height              : auto;             border              : 1px solid #ffffff90;   line-height         : 1em;
                  display           : flex;             align-items         : center;           justify-content     : center;           overflow            : hidden;
                  position          : relative;         margin-left         : 5%;               }
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(1):hover
                { border            : 1px solid #00b4ff; transition         : .45s;} 
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(2):hover
                { border            : 1px solid #005C9B; transition         : .45s;}
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(3):hover
                { border            : 1px solid #008299; transition         : .45s;}
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(4):hover
                { border            : 1px solid #980000; transition         : .45s;}                          
   #fullDivision_introButton .wrap .buttonWrap .button::before               
                { content           : "";               width               : 100%;             height              : 100%;             display             : block;            
                  position          : absolute;         top                 : 0;                left                : -100%;            transition          : .2s;              z-index             : 1;}
   #fullDivision_introButton .wrap .buttonWrap .button:hover::before
                { left              : 0;                transition          : .2s;}
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(1)::before
                { background        : #00b4ff;}              
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(2)::before
                { background        : #005C9B;}
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(3)::before
                { background        : #008299;}
   #fullDivision_introButton .wrap .buttonWrap .button:nth-child(4)::before
                { background        : #980000;}                
                
   #fullDivision_introButton .wrap .buttonWrap .button a
                { width             : 100%;             line-height         : 1em;              padding             : 0.8em 0;          color               : #fff;             transition          : .2s;
                  text-align        : center;           z-index             : 2;                font-size           : 0.9em;    
                  font-weight       : 500;              word-break          : keep-all;}               
                             


@media(max-width:1024px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #fullDivision_introButton
                { font-size         : min(2.3vw,18px);}
   #fullDivision_introButton .wrap .buttonWrap
                { width             : 85%;              max-width           : 700px;}              
                
}                

@media(max-width:640px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */                
   #fullDivision_introButton
                { font-size         : min(3.8vw,16px);} 
   #fullDivision_introButton .wrap .topWrap,
   #fullDivision_introButton .wrap .topWrap.en
                { width               : 100%;         padding               : 0 0 2.5em;}
        
   #fullDivision_introButton .wrap .topWrap .logo 
                { margin            : 1.8em 0 1.2em;}
   #fullDivision_introButton .wrap .buttonWrap 
                { grid-template-columns: repeat(2, calc(calc(100% - 1em) / 2));                 gap                 : 0.8em 1em;
                  margin            : 3em 0 4.5em;}    
                       
   #fullDivision_introButton .wrap .buttonWrap .button a
                { padding           : 0.8em 0;}             
                
}