/* mixin*/
/* transform */
/* keyframes */
@-webkit-keyframes scroll-loop { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes scroll-loop { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-ms-keyframes scroll-loop { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes scroll-loop { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes scroll-loop { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes kv-loop1 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
  25% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes kv-loop1 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
  25% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes kv-loop1 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
  25% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes kv-loop1 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
  25% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); } }
@keyframes kv-loop1 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
  25% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); transform: translate(0, 0) rotate(0deg); opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes kv-loop2 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); } }
@-moz-keyframes kv-loop2 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); } }
@-ms-keyframes kv-loop2 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); } }
@-o-keyframes kv-loop2 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); } }
@keyframes kv-loop2 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); }
  50% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -o-transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0) rotate(0deg); opacity: 1; filter: alpha(opacity=100); } }
@-webkit-keyframes kv-loop3 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); }
  20% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  40% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  60% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  75% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  90% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); } }
@-moz-keyframes kv-loop3 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); }
  20% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  40% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  60% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  75% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  90% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); } }
@-ms-keyframes kv-loop3 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); }
  20% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  40% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  60% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  75% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  90% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); } }
@-o-keyframes kv-loop3 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); }
  20% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  40% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  60% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  75% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  90% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); } }
@keyframes kv-loop3 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); }
  20% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  40% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  60% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); transform: translate(10px, 10px) rotate(10deg); opacity: 0; filter: alpha(opacity=0); }
  75% { opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; filter: alpha(opacity=50); }
  90% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); transform: translate(0, 0) rotate(0deg); opacity: 0.5; filter: alpha(opacity=50); } }
@-webkit-keyframes kv-loop4 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); }
  15% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  30% { opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); }
  45% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); }
  60% { opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); }
  75% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); } }
@-moz-keyframes kv-loop4 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); }
  15% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  30% { opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); }
  45% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); }
  60% { opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); }
  75% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); } }
@-ms-keyframes kv-loop4 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); }
  15% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  30% { opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); }
  45% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); }
  60% { opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); }
  75% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); } }
@-o-keyframes kv-loop4 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); }
  15% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  30% { opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); }
  45% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); }
  60% { opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); }
  75% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); } }
@keyframes kv-loop4 { 0% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); }
  15% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  30% { opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); opacity: 0.1; filter: alpha(opacity=10); }
  45% { -webkit-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -moz-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -ms-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); -o-transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); transform: translate(10px, 10px) rotate(10deg); opacity: 0.8; filter: alpha(opacity=80); }
  60% { opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; filter: alpha(opacity=30); }
  75% { opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -moz-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -ms-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); -o-transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); transform: translate(0, 0) rotate(0deg); opacity: 0.2; filter: alpha(opacity=20); } }
/*txt transition*/
/* line */
/* font */
@font-face { font-family: 'samsungonelatin400'; font-weight: normal; font-style: normal; src: url("../../../../font/SamsungOneLatin-400.eot"); src: url("../../../../font/SamsungOneLatin-400.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneLatin-400.woff") format("woff"), url("../../../../font/SamsungOneLatin-400.woff2") format("woff2"), url("../../../../font/SamsungOneLatin-400.ttf") format("truetype"), url("../../../../font/SamsungOneLatin-400.svg#SamsungOneLatin-600") format("svg"); }
@font-face { font-family: 'samsungonelatin600'; font-weight: normal; font-style: normal; src: url("../../../../font/SamsungOneLatin-600.eot"); src: url("../../../../font/SamsungOneLatin-600.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneLatin-600.woff") format("woff"), url("../../../../font/SamsungOneLatin-600.woff2") format("woff2"), url("../../../../font/SamsungOneLatin-600.ttf") format("truetype"), url("../../../../font/SamsungOneLatin-600.svg#SamsungOneLatin-600") format("svg"); }
@font-face { font-family: 'samsungonelatin800'; font-weight: normal; font-style: normal; src: url("../../../../font/SamsungOneLatin-800.eot"); src: url("../../../../font/SamsungOneLatin-800.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneLatin-800.woff") format("woff"), url("../../../../font/SamsungOneLatin-800.woff2") format("woff2"), url("../../../../font/SamsungOneLatin-800.ttf") format("truetype"), url("../../../../font/SamsungOneLatin-800.svg#SamsungOneLatin-800") format("svg"); }
@font-face { font-family: 'samsungonelatin1100'; font-weight: normal; font-style: normal; src: url("../../../../font/SamsungOneLatin-1100.eot"); src: url("../../../../font/SamsungOneLatin-1100.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneLatin-1100.woff") format("woff"), url("../../../../font/SamsungOneLatin-1100.woff2") format("woff2"), url("../../../../font/SamsungOneLatin-1100.ttf") format("truetype"), url("../../../../font/SamsungOneLatin-1100.svg#SamsungOneLatin-1100") format("svg"); }
@font-face { font-family: 'samsungonekorean400'; src: url("../../../../font/SamsungOneKorean-400.eot"); src: url("../../../../font/SamsungOneKorean-400.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneKorean-400.woff") format("woff"), url("../../../../font/SamsungOneKorean-400.ttf") format("truetype"), url("../../../../font/SamsungOneKorean-400.svg#samsungonekorean400") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'samsungonekorean500'; src: url("../../../../font/SamsungOneKorean-500.eot"); src: url("../../../../font/SamsungOneKorean-500.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneKorean-500.woff") format("woff"), url("../../../../font/SamsungOneKorean-500.ttf") format("truetype"), url("../../../../font/SamsungOneKorean-500.svg#samsungonekorean400") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'samsungonekorean600'; src: url("../../../../font/SamsungOneKorean-600.eot"); src: url("../../../../font/SamsungOneKorean-600.eot?#iefix") format("embedded-opentype"), url("../../../../font/SamsungOneKorean-600.woff") format("woff"), url("../../../../font/SamsungOneKorean-600.ttf") format("truetype"), url("../../../../font/SamsungOneKorean-600.svg#samsungonekorean600") format("svg"); font-weight: normal; font-style: normal; }
h1 { line-height: 1; }

h2 { color: #fff; font-size: 16px; line-height: 1; text-align: left; letter-spacing: 1px; }

/* h2 reset */
img { width: 100%; }

li, a { -webkit-tap-highlight-color: transparent; }

.btn-close { width: 45px; height: 45px; display: block; position: fixed; top: 0; right: 0; z-index: 1000; }

.title-holder { position: relative; margin-left: 11%; z-index: 1; padding: 26% 0 28% 0; }
.title-holder .line { width: 0px; border-top: 40px solid #000; margin-bottom: 1%; }
.title-holder h1 { font-family: 'samsungonelatin1100'; font-size: 3.125vw; line-height: 1.6; letter-spacing: 0.2em; }
.title-holder.onTrans h1 { letter-spacing: 0.2em; margin: 0; opacity: 1; filter: alpha(opacity=100); }

#section { overflow-x: hidden; }

.content-1 { background-color: #fff; position: relative; padding-top: 10%; margin-top: -10%; background-color: #fff; }

.content-1 .inner-cont-wrap { opacity: 0; filter: alpha(opacity=0); }

.content-1 .inner-cont-wrap.onTrans { opacity: 1; filter: alpha(opacity=100); }

.content-1 .txt-holder { position: relative; margin: 59% auto 0; padding-bottom: 29%; }

.content-1 .inner-cont-wrap ul.box-holder { width: 100%; }
.content-1 .inner-cont-wrap ul.box-holder li { position: absolute; overflow: hidden; background: url("../img/sec1_kv_bg.jpg") no-repeat; -webkit-transition: -webkit-transform 1.2s ease-in-out,background-position 1.2s ease-in-out, background-size 1.2s ease-in-out; -moz-transition: -moz-transform 1.2s ease-in-out,background-position 1.2s ease-in-out, background-size 1.2s ease-in-out; -ms-transition: -ms-transform 1.2s ease-in-out,background-position 1.2s ease-in-out, background-size 1.2s ease-in-out; -o-transition: -o-transform 1.2s ease-in-out,background-position 1.2s ease-in-out, background-size 1.2s ease-in-out; transition: transform 1.2s ease-in-out,background-position 1.2s ease-in-out, background-size 1.2s ease-in-out; }
.content-1 .inner-cont-wrap ul.box-holder li.box1 { width: 45vw; height: 75vw; top: 24vw; left: 14.5vw; -webkit-border-top-left-radius: 12.5vw; -moz-border-top-left-radius: 12.5vw; -ms-border-top-left-radius: 12.5vw; -o-border-top-left-radius: 12.5vw; border-top-left-radius: 12.5vw; background-position: 0vw 0vw; background-size: 79vw; -webkit-transform: scale(0.87, 0.92) translate(-7vw, -4vw); -moz-transform: scale(0.87, 0.92) translate(-7vw, -4vw); -ms-transform: scale(0.87, 0.92) translate(-7vw, -4vw); -o-transform: scale(0.87, 0.92) translate(-7vw, -4vw); transform: scale(0.87, 0.92) translate(-7vw, -4vw); }
.content-1 .inner-cont-wrap ul.box-holder li.box2 { width: 33.5vw; height: 59.5vw; top: 39.5vw; left: 59.5vw; background-position: -35vw 0vw; background-size: 70vw; -webkit-transform: scale(1.2, 1.15) translate(-6.5vw, -10vw); -moz-transform: scale(1.2, 1.15) translate(-6.5vw, -10vw); -ms-transform: scale(1.2, 1.15) translate(-6.5vw, -10vw); -o-transform: scale(1.2, 1.15) translate(-6.5vw, -10vw); transform: scale(1.2, 1.15) translate(-6.5vw, -10vw); }
.content-1 .inner-cont-wrap ul.box-holder li.box3 { width: 47.5vw; height: 31vw; top: 99vw; left: 7vw; background-position: 0vw -96vw; background-size: 86vw; -webkit-transform: scale(0.82, 1.4) translate(0vw, -0.8vw); -moz-transform: scale(0.82, 1.4) translate(0vw, -0.8vw); -ms-transform: scale(0.82, 1.4) translate(0vw, -0.8vw); -o-transform: scale(0.82, 1.4) translate(0vw, -0.8vw); transform: scale(0.82, 1.4) translate(0vw, -0.8vw); }
.content-1 .inner-cont-wrap ul.box-holder li.box4 { width: 35vw; height: 54vw; top: 99vw; left: 53vw; -webkit-border-bottom-right-radius: 12.5vw; -moz-border-bottom-right-radius: 12.5vw; -ms-border-bottom-right-radius: 12.5vw; -o-border-bottom-right-radius: 12.5vw; border-bottom-right-radius: 12.5vw; background-position: -43vw -41vw; background-size: 80vw; -webkit-transform: scale(1.17, 0.83) translate(-3vw, -16vw); -moz-transform: scale(1.17, 0.83) translate(-3vw, -16vw); -ms-transform: scale(1.17, 0.83) translate(-3vw, -16vw); -o-transform: scale(1.17, 0.83) translate(-3vw, -16vw); transform: scale(1.17, 0.83) translate(-3vw, -16vw); }

/*.content-1 .inner-cont-wrap.addTrans ul.box-holder{ li{@include css-value-transition('width 1.2s ease-in-out,height 1.2s ease-in-out, background-position 1.2s ease-in-out, background-size 1.2s ease-in-out');}
}*/
.content-1 .inner-cont-wrap.onTrans ul.box-holder li { -webkit-transform: scale(1, 1) translate(0, 0); -moz-transform: scale(1, 1) translate(0, 0); -ms-transform: scale(1, 1) translate(0, 0); -o-transform: scale(1, 1) translate(0, 0); transform: scale(1, 1) translate(0, 0); }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box1 { background-position: -12vw -11vw; background-size: 100vw; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box2 { background-position: -48vw -6vw; background-size: 90vw; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box3 { background-position: -25vw -70vw; background-size: 120vw; }
.content-1 .inner-cont-wrap.onTrans ul.box-holder li.box4 { background-position: -40vw -80vw; background-size: 80vw; }

.content-1 .inner-cont-wrap .txt-holder h1 { text-align: center; font-family: 'samsungonelatin1100'; padding-bottom: 62.5%; letter-spacing: 0.15em; padding-left: 3%; font-size: 7.1875vw; line-height: 1.30435; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }

.content-1 .inner-cont-wrap.onTrans .txt-holder h1 { letter-spacing: 0.49em; }

.content-1 .inner-cont-wrap .txt-holder p { text-align: center; width: 100%; font-family: 'samsungonelatin600'; letter-spacing: 0.15em; padding-bottom: 45.7%; font-size: 3.75vw; line-height: 1.41667; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }

.content-1 .inner-cont-wrap.onTrans .txt-holder p { letter-spacing: 0.09em; }

.content-1 .inner-cont-wrap .txt-holder .txt-wrap { padding: 0 0% 1% 10.9375%; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-1 .inner-cont-wrap .txt-holder .txt-wrap.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-1 .inner-cont-wrap .txt-holder .txt-wrap .txt_01 { color: #000; position: relative; padding-bottom: 1.8125%; font-family: 'samsungonekorean600'; font-size: 4.6875vw; line-height: 1.33333; letter-spacing: -0.02em; }

.content-1 .inner-cont-wrap .txt-holder .txt-wrap .txt_02 { text-align: left; padding-top: 0.5em; padding-bottom: 2%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.03em; }

.content-1 .inner-cont-wrap .line-top { position: absolute; right: 11vw; top: 189vw; width: 1px; height: 27vw; border-left: 1px solid #000; }

.content-1 .inner-cont-wrap .svgLine_0 { position: absolute; width: 28%; left: 10.9%; top: 36.5%; }

.content-1 .inner-cont-wrap .svgLine_1 { position: absolute; top: 0; left: 73.43%; background-color: #000; width: 1px; height: 0%; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; }
.content-1 .inner-cont-wrap .svgLine_1.onTrans { height: 15%; }

.content-1 .inner-cont-wrap .svgLine_2 { position: absolute; top: 0; top: 31%; right: 3.9%; width: 36%; }

.content-2 { position: relative; background-color: #fff; }

/*.content-2 .txt-holder{ @include opacity(0);@include css-transition-inout(opacity,1,0.2) }*/
.content-2 .inner-cont-wrap .title-holder { padding: 0 0 28% 0; /*&.onTrans */ }
.content-2 .inner-cont-wrap .title-holder .line { width: 30%; border-top: 3px solid #000; }
.content-2 .inner-cont-wrap ul.box-holder { width: 100%; }
.content-2 .inner-cont-wrap ul.box-holder li { position: absolute; overflow: hidden; -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0s; transition: transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0s; }
.content-2 .inner-cont-wrap ul.box-holder li.box1 { width: 28vw; height: 44vw; top: 18vw; left: 48vw; background: url("../img/sec2_box_img1.jpg") no-repeat center center; background-size: 54vw; -webkit-transform: translate(-6vw, -6vw); -moz-transform: translate(-6vw, -6vw); -ms-transform: translate(-6vw, -6vw); -o-transform: translate(-6vw, -6vw); transform: translate(-6vw, -6vw); }
.content-2 .inner-cont-wrap ul.box-holder li.box2 { width: 47vw; height: 34vw; top: 53vw; left: 47vw; background: url("../img/sec2_box_img2.jpg") no-repeat center center; background-size: 62vw; -webkit-transform: translate(3vw, -23vw); -moz-transform: translate(3vw, -23vw); -ms-transform: translate(3vw, -23vw); -o-transform: translate(3vw, -23vw); transform: translate(3vw, -23vw); }
.content-2 .inner-cont-wrap ul.box-holder li.box3 { width: 33vw; height: 182px; top: 73vw; left: 7vw; -webkit-border-bottom-left-radius: 12.5vw; -moz-border-bottom-left-radius: 12.5vw; -ms-border-bottom-left-radius: 12.5vw; -o-border-bottom-left-radius: 12.5vw; border-bottom-left-radius: 12.5vw; background: url("../img/sec2_box_img3.jpg") no-repeat center center; background-size: 64vw; -webkit-transform: translate(-4vw, 33vw); -moz-transform: translate(-4vw, 33vw); -ms-transform: translate(-4vw, 33vw); -o-transform: translate(-4vw, 33vw); transform: translate(-4vw, 33vw); }
.content-2 .inner-cont-wrap ul.box-holder li.box4 { width: 62vw; height: 49vw; top: 43vw; left: 19vw; -webkit-border-bottom-right-radius: 18.5vw; -moz-border-bottom-right-radius: 18.5vw; -ms-border-bottom-right-radius: 18.5vw; -o-border-bottom-right-radius: 18.5vw; border-bottom-right-radius: 18.5vw; background: url("../img/sec2_box_img4.jpg") no-repeat center center; background-size: 118vw; -webkit-transform: translate(0vw, 45vw); -moz-transform: translate(0vw, 45vw); -ms-transform: translate(0vw, 45vw); -o-transform: translate(0vw, 45vw); transform: translate(0vw, 45vw); }
.content-2 .inner-cont-wrap.onTrans ul.box-holder li { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.content-2 .inner-cont-wrap .divide-txt-holder { position: absolute; left: 23vw; top: 37vw; }
.content-2 .inner-cont-wrap .divide-txt-holder li h3 { text-align: justify; font-family: 'samsungonelatin1100'; font-size: 5.625vw; letter-spacing: 0.5em; color: black; -webkit-transition: -webkit-transform 1.2s ease-in-out,letter-spacing 1.2s ease-in-out, opacity 1.2s ease-in-out, color 1.2s ease-in-out; -moz-transition: -moz-transform 1.2s ease-in-out,letter-spacing 1.2s ease-in-out, opacity 1.2s ease-in-out, color 1.2s ease-in-out; -ms-transition: -ms-transform 1.2s ease-in-out,letter-spacing 1.2s ease-in-out, opacity 1.2s ease-in-out, color 1.2s ease-in-out; -o-transition: -o-transform 1.2s ease-in-out,letter-spacing 1.2s ease-in-out, opacity 1.2s ease-in-out, color 1.2s ease-in-out; transition: transform 1.2s ease-in-out,letter-spacing 1.2s ease-in-out, opacity 1.2s ease-in-out, color 1.2s ease-in-out; }
.content-2 .inner-cont-wrap .divide-txt-holder li.txt-refined { margin: 0 0 0 6vw; }
.content-2 .inner-cont-wrap .divide-txt-holder li.txt-progressive { margin: 93vw 0 0 0; }
.content-2 .inner-cont-wrap.onTrans .divide-txt-holder li.txt-refined h3 { -webkit-transform: matrix(1, 0, 0, 1, 40, 120); -moz-transform: matrix(1, 0, 0, 1, 40, 120); -ms-transform: matrix(1, 0, 0, 1, 40, 120); -o-transform: matrix(1, 0, 0, 1, 40, 120); transform: matrix(1, 0, 0, 1, 40, 120); letter-spacing: 0; opacity: 0; filter: alpha(opacity=0); color: white; }
.content-2 .inner-cont-wrap.onTrans .divide-txt-holder li.txt-progressive h3 { -webkit-transform: matrix(1, 0, 0, 1, 30, -280); -moz-transform: matrix(1, 0, 0, 1, 30, -280); -ms-transform: matrix(1, 0, 0, 1, 30, -280); -o-transform: matrix(1, 0, 0, 1, 30, -280); transform: matrix(1, 0, 0, 1, 30, -280); letter-spacing: 0; opacity: 0; filter: alpha(opacity=0); color: white; }
.content-2 .inner-cont-wrap .txt-holder { padding: 105vw 0 10% 10.9375%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50vw); -moz-transform: translateY(50vw); -ms-transform: translateY(50vw); -o-transform: translateY(50vw); transform: translateY(50vw); -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-2 .inner-cont-wrap .txt-holder h2 { color: #000; position: relative; padding-bottom: 1.8125%; font-family: 'samsungonekorean600'; font-size: 6.25vw; line-height: 1.4; letter-spacing: -0.075em; }
.content-2 .inner-cont-wrap .txt-holder p { text-align: justify; padding-top: 0.5em; padding-bottom: 34%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.05em; padding-right: 11.5%; }
.content-2 .inner-cont-wrap.onTrans .txt-holder { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.content-3 { position: relative; background-color: #fff; }

.content-3 .title-holder { padding: 0 0 28% 0; /* &.onTrans */ }
.content-3 .title-holder .line { width: 40%; border-top: 3px solid #000; }

.content-3 .img-holder { position: absolute; top: -3%; left: 0; width: 100%; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.7s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-3 .img-holder .phone1 { position: absolute; left: 80px; margin-top: 65%; width: 86%; -webkit-transform: translate(-15%, 30%); -moz-transform: translate(-15%, 30%); -ms-transform: translate(-15%, 30%); -o-transform: translate(-15%, 30%); transform: translate(-15%, 30%); -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-3 .img-holder .phone2 { position: absolute; width: 48%; margin-top: 0%; right: 0; -webkit-transform: translate(8%, -4%); -moz-transform: translate(8%, -4%); -ms-transform: translate(8%, -4%); -o-transform: translate(8%, -4%); transform: translate(8%, -4%); -webkit-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.9s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-3 .img-holder.onTrans .phone1 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.content-3 .img-holder.onTrans .phone2 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.content-3 .txt-holder { padding: 9% 11% 0 10.9375%; }

.content-3 .txt-holder .txt_01 { color: #000; position: relative; font-family: 'samsungonekorean600'; font-size: 6.25vw; line-height: 1.2; letter-spacing: -0.075em; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-3 .txt-holder .txt_01.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-3 .txt-holder .txt_02 { text-align: justify; padding-top: 59.5%; padding-bottom: 35%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.05em; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-3 .txt-holder .txt_02.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-4 { background: url(../img/sec4_bg_img.png) no-repeat 0% 0%; background-size: 100% auto; background-color: #fff; }

.content-4 .obj-holder { width: 93.75%; overflow: hidden; position: relative; }

.content-4 .obj-holder > ul { margin-left: 0%; margin-right: 0%; padding-top: 0%; padding-bottom: 37.5%; }

.content-4 .obj-holder > ul li { margin-left: 0%; margin-right: 0%; padding-top: 0%; padding-bottom: 15.3125%; padding-bottom: 1.625%; }

.content-4 .obj-holder > ul > li:first-child { padding-top: 20.3125%; }

.content-4 .obj-holder > ul li:last-child { padding-bottom: 0; }

.content-4 .obj-holder > ul li:last-child p { padding-top: 6.25%; }

.content-4 .obj-holder > ul li h1 { margin-left: 10.9375%; margin-right: 10.9375%; padding-top: 10.9375%; padding-bottom: 6.25%; font-family: 'samsungonelatin400'; color: #fff; font-size: 8.4375vw; line-height: 1.04545; }

.content-4 .obj-holder > ul li p { padding-right: 10%; margin-left: 10.9375%; margin-right: 0%; padding-top: 7.03125%; padding-bottom: 1.5625%; text-align: justify; font-family: 'samsungonekorean400'; color: #fff; font-size: 3.75vw; letter-spacing: -0.05em; line-height: 1.66667; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-4 .obj-holder > ul li p.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-4 .obj-holder > ul li:nth-child(1) h1 { padding-bottom: 5.75%; }

.content-4 .obj-holder > ul li:nth-child(1) p { padding-top: 67.25%; }

.content-4 .obj-holder > ul li:nth-child(2) .img-holder { margin-top: 15.6875%; height: 76.87vw; }

.content-4 .obj-holder > ul li:nth-child(2) .img-holder > div { position: absolute; width: 84%; margin-left: 10.9375%; }

.content-4 .obj-holder > ul li:nth-child(2) h1 { margin-right: 11.9375%; padding-top: -0.75%; padding-bottom: 6.25%; position: relative; z-index: 100; text-align: justify; font-family: 'samsungonekorean400'; color: #fff; font-size: 4.6875vw; letter-spacing: -0.05em; line-height: 1.4; }

.content-4 .obj-holder > ul li:nth-child(2) p { padding-top: 6.25%; }

.content-4 .obj-holder > ul li:nth-child(3) h1 { padding-bottom: 6.25%; }

.content-4 .obj-holder > ul li:nth-child(3) .img-holder { height: 59.375vw; }

.content-4 .obj-holder > ul li:nth-child(3) .img-holder > div { position: absolute; width: 100%; }

.content-4 #sec4List0 .img-holder { position: relative; margin-top: -8%; width: 100%; }
.content-4 #sec4List0 .img-holder ul { position: absolute; top: 0; right: 0; width: 100%; }
.content-4 #sec4List0 .img-holder ul li { position: absolute; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-4 #sec4List0 .img-holder ul li.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-4 #sec4List0 .img-holder ul li.offTrans { opacity: 0; filter: alpha(opacity=0); }
.content-4 #sec4List0 .img-holder ul li img { width: 100%; }
.content-4 #sec4List0 .img-holder ul li.phone1 { top: 0px; right: 0px; width: 89%; }
.content-4 #sec4List0 .img-holder ul li.phone1 #sec4_vi0_0_svg { position: absolute; top: 23%; left: -4%; }
.content-4 #sec4List0 .img-holder ul li.phone2 { top: 0px; right: 0px; width: 100%; }
.content-4 #sec4List0 .img-holder ul li.phone2 img { width: 83%; margin-left: 21%; }
.content-4 #sec4List0 .img-holder ul li.phone2 #sec4_vi0_1_svg { position: absolute; top: 20%; left: 23%; }
.content-4 #sec4List0 .img-holder ul li.phone2 #sec4_vi0_2_svg { position: absolute; top: 23%; right: 5%; }

.content-4 #sec4List1 .svg-blueLine-top { padding-top: 40%; position: absolute; z-index: 80; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; }
.content-4 #sec4List1 .svg-blueLine-top path:nth-child(1) { transform: matrix(1, 0, 0, 1, 0.4, 42.35); }
.content-4 #sec4List1 .svg-blueLine-top path:nth-child(2) { transform: matrix(1, 0, 0, 1, 261.95, 0.4); }
.content-4 #sec4List1 .svg-blueLine-top path:nth-child(3) { transform: matrix(1, 0, 0, 1, 556.75, 179.65); }
.content-4 #sec4List1 .svg-blueLine-top path:nth-child(4) { transform: matrix(1, 0, 0, 1, 320.3, 288.65); }
.content-4 #sec4List1 .svg-baseLine { padding-top: 20%; position: absolute; z-index: 70; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; }
.content-4 #sec4List1 .svg-blueLine-bottom { padding-top: 20%; position: absolute; z-index: 80; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-4 #sec4List1 .svg-blueLine-bottom path:nth-child(1) { transform: matrix(1, 0, 0, 1, 0.4, 42.35); }
.content-4 #sec4List1 .svg-blueLine-bottom path:nth-child(2) { transform: matrix(1, 0, 0, 1, 261.95, 0.4); }
.content-4 #sec4List1 .svg-blueLine-bottom path:nth-child(3) { transform: matrix(1, 0, 0, 1, 558, 180.65); }
.content-4 #sec4List1 .svg-blueLine-bottom path:nth-child(4) { transform: matrix(1, 0, 0, 1, 321.3, 288.65); }
.content-4 #sec4List1 .svg-glass { padding-top: 26%; position: absolute; z-index: 60; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-4 #sec4List1 .img-phone { position: absolute; padding-top: 30%; }
.content-4 #sec4List1 .svg-baseLine.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-4 #sec4List1 .svg-blueLine-top.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-4 #sec4List1 .svg-blueLine-bottom.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-4 #sec4List1 .svg-glass.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-4 #sec4List1 .img-phone.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.content-4 #sec4List1 h1 { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }
.content-4 #sec4List1 h1.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-4 #sec4List1 .img-holder { position: relative; margin-top: 0%; }

.content-4 #sec4List1 .sec4_wrapper { position: absolute; margin-left: 8%; margin-top: -13%; }

.content-4 #sec4List1 .svg-blueLine-top { padding-top: 21.4%; position: absolute; z-index: 80; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; padding-left: 1%; width: 91%; }

.content-4 #sec4List1 .svg-baseLine { padding-top: 16%; position: absolute; z-index: 70; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.8s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.8s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.8s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.8s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.8s; padding-left: 1%; width: 91%; }

.content-4 #sec4List1 .svg-blueLine-bottom { padding-top: 27.4%; position: absolute; z-index: 80; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; padding-left: 1%; width: 91%; }

.content-4 #sec4List1 .svg-glass { padding-top: 22%; position: absolute; z-index: 60; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; padding-left: 1%; width: 91%; }

.content-4 #sec4List1 .img-phone { position: absolute; padding-top: 30%; padding-left: 1%; width: 91%; }

.content-4 #sec4List1 .svg-baseLine.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.content-4 #sec4List1 .svg-blueLine-top.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.content-4 #sec4List1 .svg-blueLine-bottom.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.content-4 #sec4List1 .svg-glass.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.content-4 #sec4List1 .img-phone.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.content-4 #sec4List1 h1 { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-4 #sec4List1 h1.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-5 { background: url("../img/sec5_kv_bg.png") no-repeat 10% 0%; background-color: #fff; background-size: 100% auto; padding-top: 10%; z-index: 999; margin-top: -18%; }

.content-5 .obj-holder { color: #000; padding: 10% 11% 1% 10%; }

.content-5 .obj-holder h1 { font-family: 'samsungonekorean400'; padding-left: 7.7%; color: #000; padding-bottom: 27.5%; padding-top: 20%; font-size: 8.4375vw; line-height: 1.18519; }

.content-5 .obj-holder h2 { padding-left: 6%; font-family: 'samsungonekorean300'; padding-bottom: 5.1125%; font-size: 5.625vw; line-height: 1.11111; letter-spacing: -0.05em; }

.content-5 .obj-holder p { opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-5 .obj-holder p.txt_01 { padding-left: 8.7%; padding-bottom: 20.8%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.05em; }

.content-5 .obj-holder p.txt_01.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-5 .obj-holder p.txt_02 { padding-left: 8.7%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.05em; }

.content-5 .obj-holder p.txt_02.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-5 .obj-holder p.txt_03 { padding-left: 8.7%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; }

.content-5 .obj-holder p.txt_03.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-5 .obj-holder .img01 { width: 90%; padding-left: 9%; padding-top: 8%; padding-bottom: 8%; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-5 .obj-holder .img01.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-5 .obj-holder .img02 { width: 91%; padding-left: 9%; padding-top: 16%; padding-bottom: 36%; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-5 .obj-holder .img02.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-5 .icon-list-holder { margin: 0 auto 31%; }
.content-5 .icon-list-holder ul.icon-list { text-align: center; }
.content-5 .icon-list-holder ul.icon-list li { position: relative; display: inline-block; margin: 0 3% 5% 0; width: 30%; }
.content-5 .icon-list-holder ul.icon-list li .grid { width: 100%; }
.content-5 .icon-list-holder ul.icon-list li ul { position: absolute; top: 0; left: 0; width: 100%; }
.content-5 .icon-list-holder ul.icon-list li ul li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; }
.content-5 .icon-list-holder ul.icon-list li ul li:first-child { opacity: 1; }
.content-5 .icon-list-holder ul.icon-list .icon3 { margin-right: 0; }
.content-5 .icon-list-holder ul.icon-list.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

.content-6 { background: url("../img/sec6_bg_img.png") no-repeat 10% 0%; background-color: #fff; background-size: 97% auto; padding-bottom: 23.4%; margin-left: -1%; }

.content-6 .img-wrapper { margin-left: -6%; }

.content-6 .progress-icon-con { position: absolute; margin-left: 6.5vw; width: 40vw; }
.content-6 .progress-icon-con .phone-icon { position: relative; width: 13vw; height: 13vw; z-index: 10; }
.content-6 .progress-icon-con .phone-icon .box { width: 13vw; height: 13vw; background-color: #5c5c5c; -webkit-transition: background-color 1.2s ease-in-out 1.4s,border-radius 1.2s ease-in-out 1.4s; -moz-transition: background-color 1.2s ease-in-out 1.4s,border-radius 1.2s ease-in-out 1.4s; -ms-transition: background-color 1.2s ease-in-out 1.4s,border-radius 1.2s ease-in-out 1.4s; -o-transition: background-color 1.2s ease-in-out 1.4s,border-radius 1.2s ease-in-out 1.4s; transition: background-color 1.2s ease-in-out 1.4s,border-radius 1.2s ease-in-out 1.4s; }
.content-6 .progress-icon-con .phone-icon .icon { position: absolute; top: 50%; left: 50%; margin-top: -35%; margin-left: -35%; width: 70%; }
.content-6 .progress-icon-con .phone-icon-value { position: absolute; top: 12vw; left: 0px; width: 3vw; }
.content-6 .progress-icon-con .phone-icon-value .line-top { width: 1px; height: 5vw; border-left: 1px solid #5c5c5c; margin-left: 1vw; -webkit-transition: border-left 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.5s; -moz-transition: border-left 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.5s; -ms-transition: border-left 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.5s; -o-transition: border-left 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.5s; transition: border-left 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.5s; z-index: 0; }
.content-6 .progress-icon-con .phone-icon-value .value { margin: -116.8% 0% 0% 84%; color: white; -webkit-transition: color 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.5s; -moz-transition: color 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.5s; -ms-transition: color 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.5s; -o-transition: color 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.5s; transition: color 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.5s; font-family: 'samsungonekorean600'; font-size: 3.125vw; line-height: 1.75; }
.content-6 .progress-icon-con .line-bg { position: absolute; width: 27vw; border-top: 1px solid #fff; opacity: 0.3; filter: alpha(opacity=30); top: 6.5vw; right: 0; }
.content-6 .progress-icon-con .line-progress { position: absolute; top: 6.5vw; right: 0; overflow: hidden; width: 27vw; height: 5vw; }
.content-6 .progress-icon-con .line-progress .line { width: 27vw; border-top: 1px solid #00acec; -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0.5s; -moz-transition: -moz-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0.5s; -ms-transition: -ms-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0.5s; -o-transition: -o-transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0.5s; transition: transform 1.2s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0.5s; -webkit-transform: translateX(27vw); -moz-transform: translateX(27vw); -ms-transform: translateX(27vw); -o-transform: translateX(27vw); transform: translateX(27vw); }
.content-6 .progress-icon-con .dot-value { position: absolute; padding-left: 39.5vw; margin-top: -1vw; }
.content-6 .progress-icon-con .dot-value .line-top { width: 1px; height: 5vw; border-left: 1px solid #00acec; margin-left: 0; }
.content-6 .progress-icon-con .dot-value .value { margin: -126% 0 0 44%; color: #00acec; font-family: 'samsungonekorean600'; font-size: 3.125vw; line-height: 1.75; }
.content-6 .progress-icon-con.onTrans .phone-icon .box { background-color: #00acec; -webkit-border-radius: 5.5vw; -moz-border-radius: 5.5vw; -ms-border-radius: 5.5vw; -o-border-radius: 5.5vw; border-radius: 5.5vw; }
.content-6 .progress-icon-con.onTrans .phone-icon-value .line-top { width: 1px; height: 5vw; border-left: 1px solid #00acec; }
.content-6 .progress-icon-con.onTrans .dot-value .line-top { width: 1px; height: 5vw; border-left: 1px solid #00acec; }
.content-6 .progress-icon-con.onTrans .phone-icon-value .value { color: #00acec; }
.content-6 .progress-icon-con.onTrans .line-progress .line { -webkit-transform: translateX(0vw); -moz-transform: translateX(0vw); -ms-transform: translateX(0vw); -o-transform: translateX(0vw); transform: translateX(0vw); }
.content-6 .progress-icon-con.offTrans .phone-icon .box { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-6 .progress-icon-con.offTrans .line-progress { -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }

.content-6 .txt-holder { color: #fff; padding: 10% 11% 1% 10%; }

.content-6 .txt-holder h1 { font-family: 'samsungonekorean400'; color: #fff; padding-bottom: 24.5%; padding-top: 27%; font-size: 8.4375vw; line-height: 1.18519; margin-left: 2.5%; }

.content-6 .txt-holder p.txt_01 { padding-right: 6%; margin-left: 2%; padding-bottom: 20.8%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.058em; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-6 .txt-holder p.txt_01.onTrans { opacity: 1; filter: alpha(opacity=100); }

.content-6 .txt-holder p.txt_02 { padding-right: 6%; margin-left: 2%; font-family: 'samsungonekorean400'; font-size: 3.75vw; line-height: 1.66667; letter-spacing: -0.05em; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 3vw); -moz-transform: translate(0, 3vw); -ms-transform: translate(0, 3vw); -o-transform: translate(0, 3vw); transform: translate(0, 3vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-6 .txt-holder p.txt_02.onTrans { opacity: 1; filter: alpha(opacity=100); }

.content-6 .txt-holder .img01 { padding-top: 3%; padding-bottom: 16%; width: 121%; margin-left: -12%; }

.content-6 .txt-holder .img02 { padding-top: 15%; padding-bottom: 10%; height: 115%; margin-left: -11%; margin-right: -8%; }

.content-6 .bg-holder { background-color: #000; padding: 33% 11% 1% 10%; }

.content-7 { background-color: #fff; position: relative; }

.content-7 .title-holder { padding: 26% 0 36% 0; /* &.onTrans */ }
.content-7 .title-holder .line { width: 35.5%; border-top: 3px solid #000; }

.content-7 .svgLine_0 { position: absolute; top: -5%; left: 73%; width: 1px; height: 0; background-color: #000; -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }
.content-7 .svgLine_0.onTrans { height: 32%; }
.content-7 .svgLine_1 { position: absolute; top: 54%; right: 13.75%; width: 32%; }
.content-7 .svgLine_2 { position: absolute; top: 66%; left: 16.7%; width: 27%; }

.content-7 .txt-holder { padding: 0 11% 0 10.9375%; text-align: center; }
.content-7 .txt-holder span { font-family: 'samsungonekorean400'; font-size: 3.75vw; padding-bottom: 7%; }

.content-7 .txt-holder.onTrans { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); }

.content-7 .txt-holder .txt_01 { color: #000; position: relative; text-align: center; padding-bottom: 4%; font-family: 'samsungonekorean400'; font-size: 4.6875vw; line-height: 1.4; letter-spacing: -0.11em; }

.content-7 .vl-holder { position: relative; width: 100vw; height: 18vw; padding: 0 0 47% 0; z-index: 120; margin-top: 37%; }
.content-7 .vl-holder ul li { position: absolute; left: 0; top: 0; width: 20%; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); }
.content-7 .vl-holder ul li a:focus { outline: none; -moz-outline-style: none; }
.content-7 .vl-holder ul li a { -webkit-tap-highlight-color: transparent; }
.content-7 .vl-holder ul li .iconImgWrap { position: relative; width: 100%; }
.content-7 .vl-holder ul li .iconImgWrap img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.content-7 .vl-holder ul li .iconImgWrap .iconObj { width: 100%; z-index: 70; opacity: 0; }
.content-7 .vl-holder ul li .iconImgWrap .iconBg { z-index: 60; opacity: 0; }
.content-7 .vl-holder ul li .iconImgWrap .iconDefault { z-index: 50; }
.content-7 .vl-holder ul li.inMotion { -webkit-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-7 .vl-holder ul li.inMotion .iconImgWrap .iconObj { -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-7 .vl-holder ul li.inMotion .iconImgWrap .iconBg { -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .vl-holder ul li.inMotion .iconImgWrap .iconDefault { -webkit-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-7 .vl-holder ul li.outMotion { -webkit-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.4s; -moz-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.4s; -ms-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.4s; -o-transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.4s; transition: all 0.45s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.4s; }
.content-7 .vl-holder ul li.outMotion .iconImgWrap .iconObj { -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .vl-holder ul li.outMotion .iconImgWrap .iconBg { -webkit-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }
.content-7 .vl-holder ul li.outMotion .iconImgWrap .iconDefault { -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.2s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.2s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.2s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.2s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.2s; }
.content-7 .vl-holder ul li.onTrans { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.content-7 .vl-holder ul li.onTrans .iconImgWrap .iconObj { opacity: 1; width: 100%; -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.6s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-7 .vl-holder ul li.onTrans .iconImgWrap .iconBg { opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.content-7 .vl-holder ul li.onTrans .iconImgWrap .iconDefault { opacity: 0; -webkit-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.1s; -moz-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.1s; -ms-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.1s; -o-transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.1s; transition: all 0.35s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.1s; }
.content-7 .vl-holder ul li:nth-child(1) { left: 7%; }
.content-7 .vl-holder ul li:nth-child(2) { left: 23.22%; }
.content-7 .vl-holder ul li:nth-child(3) { left: 39.44%; }
.content-7 .vl-holder ul li:nth-child(4) { left: 55.66%; }
.content-7 .vl-holder ul li:nth-child(5) { left: 71.88%; }

.content-8 { background-color: #fff; background: url("../img/sec8_bg_img.png") no-repeat; background-size: 100%; }

.content-8 .txt-holder { margin-top: 0%; }

.content-8 .txt-holder .txt01 { padding: 25% 0% 1% 10.9375%; color: #fff; font-family: 'samsungonekorean400'; letter-spacing: -0.046em; font-size: 4.6875vw; line-height: 1.33333; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 0vw); -moz-transform: translate(0, 0vw); -ms-transform: translate(0, 0vw); -o-transform: translate(0, 0vw); transform: translate(0, 0vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-8 .txt-holder .txt01.onTrans { opacity: 1; filter: alpha(opacity=100); }

.content-8 .txt-holder .txt02 { padding: 0% 10% 118% 11%; color: #fff; font-family: 'samsungonekorean400'; letter-spacing: -0.03em; font-size: 3.75vw; line-height: 1.66667; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 0vw); -moz-transform: translate(0, 0vw); -ms-transform: translate(0, 0vw); -o-transform: translate(0, 0vw); transform: translate(0, 0vw); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -moz-transition: -moz-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -ms-transition: -ms-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); -o-transition: -o-transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); transition: transform 0.7s cubic-bezier(.5, 0, .5, 1), opacity 0.7s cubic-bezier(.5, 0, 1, .5); }

.content-8 .txt-holder .txt02.onTrans { opacity: 1; filter: alpha(opacity=100); }

/*# sourceMappingURL=page.css.map */