/* ----------------------------------------------
 * Generated by Animista on 2020-12-16 11:53:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


 /* 폰트 tracking 애니메이션 */
.tracking-in-expand{-webkit-animation:tracking-in-expand 1.7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand 1.7s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand
{
    0%{letter-spacing:-.5em;opacity:0}
   40%{opacity:.6}
   100%{opacity:1}
}
@keyframes tracking-in-expand
{
   0%{letter-spacing:-.5em;opacity:0}
   40%{opacity:.6}
   100%{opacity:1}
}

/* fade in  애니메이션 */
.fade-in-bottom{-webkit-animation:fade-in-bottom .8s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .8s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in-bottom{
    0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-bottom{
    0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

.fade-in{-webkit-animation:fade-in 1.3s ease-in both;animation:fade-in 1.3s ease-in both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.fade-in-right{-webkit-animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1.000) both}
 @-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.fade-in-left{-webkit-animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}