/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
    #fulldivision_animation
                { width             : 100%;             height              : auto;             font-family         : "Noto Sans Kr";   font-size           : min(1.6vw,23px);
                  margin-top        : 3em;              overflow            : hidden;}
    #fulldivision_animation .titWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;}             
    #fulldivision_animation .titWrap p
                { font-size         : 2em;              font-weight         : 700;              color               : #777777;          word-break      : keep-all;
                  text-align        : center;}              
    #fulldivision_animation .contentWrap
                { width             : 100%;             height              : auto;             background          : #eee;             display             : flex;
                  align-items       : center;           justify-content     : center;           padding             : 2em 0 4em;        flex-direction      : column;}                     
    #fulldivision_animation .contentWrap .imgWrap              
                { width             : 85%;              height              : auto;             max-width           : 630px;            position            : relative; 
                  opacity           : 0;}
    #fulldivision_animation .contentWrap .imgWrap.on
                { opacity           : 1;}
    #fulldivision_animation .contentWrap .imgWrap.on .ani_out
                { width             : 100%;             height              : auto;             position            : relative;         z-index             : 2;
                  -webkit-animation:rotate-scale-up 1.6s linear both;
                  animation:rotate-scale-up 1.6s linear both}                  
    #fulldivision_animation .contentWrap .imgWrap.on .ani_center
                { position          : absolute;         top                 : 50%;              left                : 50%;              transform-origin : left top;              
                  width             : 53%;              z-index             : 1;
                  -webkit-animation: bounce-in-fwd 1.1s both;
            animation: bounce-in-fwd 1.1s both; animation-delay: 1.3s; }              
    #fulldivision_animation .contentWrap .imgWrap.on .ani_logo
                { width             : 13%;              height              : auto;             position            : absolute;         max-width           : 90px;
                  z-index           : 3;                top                 : 50%;              left                : 50%;              transform-origin    : left top;
                  transform: rotateY(0) translate(-50%,-35%);
                  -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 2s;
                  animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 2s;
            
            }              
     #fulldivision_animation .contentWrap .link
                { font-size         : 0.95em;           line-height         : 1em;              padding             : 0.5em 1em;        color               : #fff;
                  background        : #00b4ffb3;        transition          : .2s;              margin-top          : 2em;
                  -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 2s;
                  animation         : text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 2s;}             
     #fulldivision_animation .contentWrap .link:hover
                { background        : #0080ff;          transition          : .2s;}
 
 
 
 
@-webkit-keyframes rotate-scale-up{
    0% { 
      -webkit-transform:scale(0) rotateZ(0);transform:scale(0) rotateZ(0)
    }
    50% {
      -webkit-transform:scale(1.25) rotateZ(380deg);transform:scale(1.25) rotateZ(380deg)
    }
    100% {
      -webkit-transform:scale(1) rotateZ(720deg);transform:scale(1) rotateZ(720deg)
    }
}
@keyframes rotate-scale-up {
    0% { 
      -webkit-transform:scale(0) rotateZ(0);transform:scale(0) rotateZ(0)
    }
    50% {
      -webkit-transform:scale(1.25) rotateZ(380deg);transform:scale(1.25) rotateZ(380deg)
    }
    100% {
      -webkit-transform:scale(1) rotateZ(720deg);transform:scale(1) rotateZ(720deg)
    }
}     
                  
                  
@-webkit-keyframes bounce-in-fwd {
   0% {
    -webkit-transform: scale(0) translate(-50%,-43%);
            transform: scale(0) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7) translate(-50%,-43%);
            transform: scale(0.7) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84) translate(-50%,-43%);
            transform: scale(0.84) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95) translate(-50%,-43%);
            transform: scale(0.95) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0) translate(-50%,-43%);
            transform: scale(0) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7) translate(-50%,-43%);
            transform: scale(0.7) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84) translate(-50%,-43%);
            transform: scale(0.84) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95) translate(-50%,-43%);
            transform: scale(0.95) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%,-43%);
            transform: scale(1) translate(-50%,-43%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
                  

/* ----------------------------------------------
 * Generated by Animista on 2025-3-12 15:18:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-90-vertical-fwd
 * ----------------------------------------
 */
@-webkit-keyframes rotate-90-vertical-fwd {
   0% {
    -webkit-transform: rotateY(0) translate(-50%,-35%);
            transform: rotateY(0) translate(-50%,-35%);
  }
  25% {
    -webkit-transform: rotateY(180deg) translate(-50%,-35%);
            transform: rotateY(180deg) translate(-50%,-35%);
  }
  50% {
    -webkit-transform: rotateY(360deg) translate(-50%,-35%);
            transform: rotateY(360deg) translate(-50%,-35%);
  }
  100% {
    -webkit-transform: rotateY(360deg) translate(-50%,-35%);
            transform: rotateY(360deg) translate(-50%,-35%);
  }
}
@keyframes rotate-90-vertical-fwd {
  0% {
    -webkit-transform: rotateY(0) translate(-50%,-35%);
            transform: rotateY(0) translate(-50%,-35%);
  }
  25% {
    -webkit-transform: rotateY(180deg) translate(-50%,-35%);
            transform: rotateY(180deg) translate(-50%,-35%);
  }
  50% {
    -webkit-transform: rotateY(360deg) translate(-50%,-35%);
            transform: rotateY(360deg) translate(-50%,-35%);
  }
  100% {
    -webkit-transform: rotateY(360deg) translate(-50%,-35%);
            transform: rotateY(360deg) translate(-50%,-35%);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-12 15:23:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
                  
                  

@media(max-width:1024px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #fulldivision_animation
                { font-size         : min(2.3vw,18px);  }                  
   #fulldivision_animation .contentWrap .imgWrap
                { max-width         : 450px;}             
                
}    






@media(max-width:640px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */                
   #fulldivision_animation
                { font-size         : min(3.8vw,16px);   margin-top          : 2em;              }
                
                
}