/* ---------- 키비주얼 ---------- */
.kv_obj_ani {
  animation-name: kvObjAni;
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.kv_obj_ani.kv_obj1 {animation-delay: 0.2s;} /* 해외주식 */
.kv_obj_ani.kv_obj2 {animation-delay: 0.6s;} /* 해외채권 */
.kv_obj_ani.kv_obj3 {animation-delay: 0.4s;} /* 해외파생 */

@keyframes kvObjAni {
  0%   {transform: translateY(0);}
  50%  {transform: translateY(-50%);}
  100% {transform: translateY(0);}
}

/* ---------- 상단탭 ---------- */
.nav_txt_ani {
  animation-name: nav_txt_ani;
  animation-duration: 2.4s;
  /* animation-delay: 0.5s; */
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav_txt_ani.txt1 {animation-delay: 0.5s;}
.nav_txt_ani.txt2 {animation-delay: 0.6s;}
.nav_txt_ani.txt3 {animation-delay: 0.7s;}
.nav_txt_ani.txt4 {animation-delay: 0.8s;}
.nav_txt_ani.txt5 {animation-delay: 1s;}

@keyframes nav_txt_ani {
  0% {transform: translateY(0)}
  30% {transform: translateY(-110%)}
  60% {transform: translateY(-100%)}
  100% {transform: translateY(-100%)}
}

/* ---------- 이벤트 오브제 ---------- */
.event_obj_ani {
  animation-name: eventObjAni;
  animation-duration: 4.8s;
  animation-delay: 0.4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes eventObjAni {
  0%   {transform: scale(90%);}
  50%  {transform: scale(105%);}
  100% {transform: scale(90%);}
}