@charset "UTF-8";
/*----------------------------------------------------
	Effect Setting
----------------------------------------------------*/
.effect_fade {
    opacity: 0;
    transform : translate(0, 10px);
    transition: all ease-out 0.5s;
}
.effect_fade.effect_scroll {
    opacity: 1;
    transform : translate(0, 0);
}

/* Main */
.effect_main01_bg,
.effect_main01 {
    opacity: 0;
    transition: all 0.5s ease-out 0.3s;
}
.effect_main01_bg.effect_scroll {
    right: 0;
    width: 100%;
    opacity: 1;
    -moz-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
}
.effect_main01.effect_scroll {
    right: 2%;
    width: 100%;
    opacity: 1;
    -moz-transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
}
.effect_main02_bg,
.effect_main02 {
    opacity: 0;
    transition: all 0.5s ease-in 0.3s;
}
.effect_main02_bg.effect_scroll {
    left: 0;
    width: 100%;
    opacity: 1;
    -moz-transition-delay: 1500ms;
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
}
.effect_main02.effect_scroll {
    left: 2%;
    width: 100%;
    opacity: 1;
    -moz-transition-delay: 2000ms;
    -webkit-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    -ms-transition-delay: 2000ms;
}
.effect_main03_bg,
.effect_main03 {
    opacity: 0;
    transition: all 0.4s ease-in 0.5s;
}
.effect_main03_bg.effect_scroll {
    top: 61%;
    height: 31%;
    opacity: 1;
    -moz-transition-delay: 2500ms;
    -webkit-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    -ms-transition-delay: 2500ms;
}
.effect_main03.effect_scroll {
    top: 63%;
    width: 100%;
    opacity: 1;
    -moz-transition-delay: 3000ms;
    -webkit-transition-delay: 3000ms;
    -o-transition-delay: 3000ms;
    -ms-transition-delay: 3000ms;
}
.effect_main04a {
    opacity: 0;
    transition: all 0.5s ease-in 0.5s;
}
.effect_main04a.effect_scroll {
    left: 0;
    opacity: 1;
    -moz-transition-delay: 3500ms;
    -webkit-transition-delay: 3500ms;
    -o-transition-delay: 3500ms;
    -ms-transition-delay: 3500ms;will-change: transform;
}
.effect_main04b {
    opacity: 0;
    transition: all 0.5s ease-in 0.5s;
}
.effect_main04b.effect_scroll {
    left: 0;
    opacity: 1;
    -moz-transition-delay: 3750ms;
    -webkit-transition-delay: 3750ms;
    -o-transition-delay: 3750ms;
    -ms-transition-delay: 3750ms;will-change: transform;
}
.effect_main04c {
    opacity: 0;
    transition: all 0.5s ease-in 0.5s;
}
.effect_main04c.effect_scroll {
    left: 0;
    opacity: 1;
    -moz-transition-delay: 4000ms;
    -webkit-transition-delay: 4000ms;
    -o-transition-delay: 4000ms;
    -ms-transition-delay: 4000ms;will-change: transform;
}
.effect_main05 {
    opacity: 0;
    transition: all 0.5s ease-out 0.5s;
}
.effect_main05.effect_scroll {
    top: 0;
    height: 80%;
    opacity: 1;
    -moz-transition-delay: 4000ms;
    -webkit-transition-delay: 4000ms;
    -o-transition-delay: 4000ms;
    -ms-transition-delay: 4000ms;will-change: transform;
}
.effect_main06a {
    opacity: 0;
    transition: all 0.5s ease-in 0.5s;
}
.effect_main06a.effect_scroll {
    top: 0;
    opacity: 1;
    -moz-transition-delay: 4750ms;
    -webkit-transition-delay: 4750ms;
    -o-transition-delay: 4750ms;
    -ms-transition-delay: 4750ms;will-change: transform;
}
.effect_main06b {
    opacity: 0;
    transition: all 0.5s ease-in 0.5s;
}
.effect_main06b.effect_scroll {
    top: 0;
    opacity: 1;
    -moz-transition-delay: 5000ms;
    -webkit-transition-delay: 5000ms;
    -o-transition-delay: 5000ms;
    -ms-transition-delay: 5000ms;will-change: transform;
}
.effect_main07 {
    opacity: 0;
    transition: all 0.5s ease-in 0.5s;
}
.effect_main07.effect_scroll {
    top: 64%;
    opacity: 1;
    -moz-transition-delay: 5500ms;
    -webkit-transition-delay: 5500ms;
    -o-transition-delay: 5500ms;
    -ms-transition-delay: 5500ms;
}