/* placeholder color */
/*---------------------------------------------
fadeIn
---------------------------------------------*/
.is-fadeIn {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity 1.0s, transform 1.0s;
  transition-timing-function: ease-out; }

.is-fadeIn.is-scrollIn,
.is-scrollIn .is-fadeIn {
  opacity: 1;
  transform: translate(0, 0); }

.top_flow_preparationList li,
.top_meritList li {
  opacity: 0;
  transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg); }

.top_sec_tit span {
  display: inline-block;
  opacity: 0; }

.is-anim.is-scrollIn .top_flow_preparationList li,
.is-anim.is-scrollIn .top_meritList li {
  opacity: 1;
  animation: rotateAnim 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) both;
  animation-delay: 0s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(1),
  .is-anim.is-scrollIn .top_meritList li:nth-child(1) {
    animation-delay: 0s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(2),
  .is-anim.is-scrollIn .top_meritList li:nth-child(2) {
    animation-delay: 0.2s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(3),
  .is-anim.is-scrollIn .top_meritList li:nth-child(3) {
    animation-delay: 0.4s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(4),
  .is-anim.is-scrollIn .top_meritList li:nth-child(4) {
    animation-delay: 0.6s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(5),
  .is-anim.is-scrollIn .top_meritList li:nth-child(5) {
    animation-delay: 0.8s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(6),
  .is-anim.is-scrollIn .top_meritList li:nth-child(6) {
    animation-delay: 1s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(7),
  .is-anim.is-scrollIn .top_meritList li:nth-child(7) {
    animation-delay: 1.2s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(8),
  .is-anim.is-scrollIn .top_meritList li:nth-child(8) {
    animation-delay: 1.4s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(9),
  .is-anim.is-scrollIn .top_meritList li:nth-child(9) {
    animation-delay: 1.6s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(10),
  .is-anim.is-scrollIn .top_meritList li:nth-child(10) {
    animation-delay: 1.8s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(11),
  .is-anim.is-scrollIn .top_meritList li:nth-child(11) {
    animation-delay: 2.0s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(12),
  .is-anim.is-scrollIn .top_meritList li:nth-child(12) {
    animation-delay: 2.2s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(13),
  .is-anim.is-scrollIn .top_meritList li:nth-child(13) {
    animation-delay: 2.4s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(14),
  .is-anim.is-scrollIn .top_meritList li:nth-child(14) {
    animation-delay: 2.6s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(15),
  .is-anim.is-scrollIn .top_meritList li:nth-child(15) {
    animation-delay: 2.8s; }
  .is-anim.is-scrollIn .top_flow_preparationList li:nth-child(16),
  .is-anim.is-scrollIn .top_meritList li:nth-child(16) {
    animation-delay: 3s; }
.is-anim.is-scrollIn .top_sec_tit span {
  opacity: 1;
  animation: textAnim 0.4s cubic-bezier(0.68, -0.05, 0.265, 1.75) both, fadeIn 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) both; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(1) {
    animation-delay: 0s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(2) {
    animation-delay: .08s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(3) {
    animation-delay: .16s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(4) {
    animation-delay: .24s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(5) {
    animation-delay: .32s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(6) {
    animation-delay: .40s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(7) {
    animation-delay: .48s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(8) {
    animation-delay: .56s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(9) {
    animation-delay: .64s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(10) {
    animation-delay: .72s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(11) {
    animation-delay: .8s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(12) {
    animation-delay: .88s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(13) {
    animation-delay: .96s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(14) {
    animation-delay: 1.04s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(15) {
    animation-delay: 1.12s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(16) {
    animation-delay: 1.2s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(17) {
    animation-delay: 1.28s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(18) {
    animation-delay: 1.36s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(19) {
    animation-delay: 1.44s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(20) {
    animation-delay: 1.52s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(21) {
    animation-delay: 1.6s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(22) {
    animation-delay: 1.68s; }
  .is-anim.is-scrollIn .top_sec_tit span:nth-child(23) {
    animation-delay: 1.76s; }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes textAnim {
  0% {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }
@keyframes rotateAnim {
  0% {
    opacity: 0;
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); }
  15% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } }