@charset "utf-8";
/* title */
.scale-in-ver-top{-webkit-animation:scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-ver-top{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:1;}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:1;}}
@keyframes scale-in-ver-top{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:1;}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:1;}}
/* sec01 */
.mouse:before,
.mouse:after{animation:mouse-wheel 1.5s ease-in-out infinite;background:#fff;border-radius:100px;content:'';height:4px;width:4px;opacity:0;position:absolute;left:11px;top:16px;}
.mouse:after{animation-delay:0.75s;}
@keyframes mouse-wheel{0%{transform:translateY(-11px);}
50%{opacity:1;transform:translateY(0);}
100%{transform:translateY(11px);}}
@keyframes logo-ani{from{stroke-dashoffset:10646;}
to{stroke-dashoffset:0;}}
/* 02words 03 04 */
.scale-in-center{-webkit-animation:scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}
@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}
/* sec01 */
/* 메인 서브 문구 */
.scale-in-ver-bottom{-webkit-animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-webkit-animation-delay:4s;animation-delay:4s;}
.scale-in-ver-bottom1{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
@-webkit-keyframes scale-in-ver-bottom{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1;}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1;}}
@keyframes scale-in-ver-bottom{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1;}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1;}}
/* 이미지 타이틀 */
.text-focus-in{-webkit-animation:text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;animation:text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;-webkit-animation-delay:3.3s;animation-delay:3.3s;}
@-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;}}
/* 메인 서브 타이틀 */
.bounce-top{-webkit-animation:bounce-top 0.9s both;animation:bounce-top 0.9s both;-webkit-animation-delay:3.7s;animation-delay:3.7s;}
@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1;}
24%{opacity:1;}
40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
25%,
55%,
75%,
87%{-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;}}
@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1;}
24%{opacity:1;}
40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
25%,
55%,
75%,
87%{-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;}}
.scale-in-hor-left{-webkit-animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0% 0%;transform-origin:0% 0%;opacity:1;}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0% 0%;transform-origin:0% 0%;opacity:1;}}
@keyframes scale-in-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0% 0%;transform-origin:0% 0%;opacity:1;}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0% 0%;transform-origin:0% 0%;opacity:1;}}
/* sec04 */
.swing-in-top-bck{-webkit-animation:swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation:swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}
@-webkit-keyframes swing-in-top-bck{0%{-webkit-transform:rotateX(70deg);transform:rotateX(70deg);-webkit-transform-origin:top;transform-origin:top;opacity:0;}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1;}}
@keyframes swing-in-top-bck{0%{-webkit-transform:rotateX(70deg);transform:rotateX(70deg);-webkit-transform-origin:top;transform-origin:top;opacity:0;}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1;}}
/* sec06 */
.sec06_active .slide-in-left{-webkit-animation:slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0;}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0;}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
.sec06_active .slide-in-right{-webkit-animation:slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation:slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0;}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
/* 06 sub title */
.bounce-in-top{-webkit-animation:bounce-in-top 1.1s both;animation:bounce-in-top 1.1s both;}
@-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;}
55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}}
@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;}
55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}}
.vibrate-1{-webkit-animation:vibrate-1 0.3s linear infinite both;animation:vibrate-1 0.3s linear infinite both;}
@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0);}
20%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px);}
40%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px);}
60%{-webkit-transform:translate(2px, 2px);transform:translate(2px, 2px);}
80%{-webkit-transform:translate(2px, -2px);transform:translate(2px, -2px);}
100%{-webkit-transform:translate(0);transform:translate(0);}}
@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0);}
20%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px);}
40%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px);}
60%{-webkit-transform:translate(2px, 2px);transform:translate(2px, 2px);}
80%{-webkit-transform:translate(2px, -2px);transform:translate(2px, -2px);}
100%{-webkit-transform:translate(0);transform:translate(0);}}
/* sec09 */
.click_soju{-webkit-animation:bounce-top 0.9s both;animation:bounce-top 0.9s both;}
@-webkit-keyframes scale-in-right{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1;}}
@keyframes scale-in-right{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1;}}