/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #rotateBtn   { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  position          : fixed;            top                 : 35%;              left                : 1.5%;               z-index             : 50;               } 
   #rotateBtn .rotateRed 
                { width             : calc(70px + 2vw); height             : calc(70px + 2vw); position             : relative;         display             : inline-block;                                        }
   #rotateBtn .rotateRed img
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                                                                                                                                        }   
   #rotateBtn .rotateRed .rotateRedBack
                {  animation-duration: 4s;
                   animation-name: rotate;
                   animation-iteration-count: infinite;
                   animation-timing-function: cubic-bezier(0, 0, 1, 1);                                                                                                         }
   #rotateBtn .rotateBlue
                { width             : calc(70px + 2vw); height             : calc(70px + 2vw); position           : relative;         display             : inline-block;    
                  margin-top        : 2%;                                    }
   #rotateBtn .rotateBlue img
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                                                                                                                                        }
   #rotateBtn .rotateBlue .rotateBlueBack
                { animation-duration: 4s;
                   animation-name: rotateReverse;
                   animation-iteration-count: infinite;
                   animation-timing-function: cubic-bezier(0, 0, 1, 1);                                                                                                         }
   
   @keyframes rotate {
  from {
    transform : rotate(0deg);
    
  }

  to {
    transform : rotate(360deg);
  }
}

@keyframes rotateReverse {
  from {
    transform : rotate(0deg);
    
  }

  to {
    transform : rotate(-360deg);
  }
}


 @media (max-width:640px) {
  
/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */ 
   #rotateBtn   { top               : unset;            left                : unset;            right               : 1.5%;             bottom              : 5%;}
   #rotateBtn .rotateBlue 
                { margin-top        : 10%;                                                                                                                                      }
 }