/*@import url('../../../css/webfont.css');*/
/*common*/
#section-7, #section-10 { will-change: top; }

.wa { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; }

.sns-bns { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; }

.clfix:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }

.vjs-control-bar, .vjs-loading-spinner, .vjs-text-track-display, .vjs-big-play-button { display: none; }

.sns-bns { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; }

body { overflow-x: auto; background: #fff; }

.footer_wrap { position: relative; z-index: 100; }

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; line-height: 28px; font-family: 'samsungonekorean400'; font-weight: 100; font-size: 16px; color: #000; letter-spacing: -0.2px; }

.section { overflow: hidden; position: relative; width: 100%; }

.btn_download { display: inline-block; width: 210px; height: 45px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; }

.btn_download:hover { background-position: 0 -55px; }

/*Common*/
.ib { display: inline-block; }

.layout { position: relative; width: 1280px; height: 100%; margin: 0 auto; box-sizing: border-box; }

.download_btn_area { padding: 50px 0 100px 0; text-align: center; }

/* blur */
/* 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 */
/* rotate */
/* font */
/* drop shadow */
/* image center */
/* Oth_2017 */
body { min-width: 1280px; }

.list-idx { font-family: samsungonekorean700; font-weight: 100; font-size: 12px; line-height: 1; padding: 0; }

.slide-btn { position: absolute; font-size: 0; }

.mask-wrapper .mask-box { position: absolute; background: #fff; z-index: 20; }
.mask-wrapper .mask-box.left { left: 0; top: -5px; width: 15%; height: 100%; }
.mask-wrapper .mask-box.right { right: 0; top: -5px; width: 15%; height: 100%; }

.img-trans-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-trans-box .trans-box { background-color: #fff; -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; }
.img-trans-box .trans-box.top { left: -1%; top: -1%; width: 102%; height: 0; }
.img-trans-box .trans-box.top.onTrans { height: 8%; }
.img-trans-box .trans-box.right { left: auto; top: -1%; right: -1%; width: 0; height: 102%; }
.img-trans-box .trans-box.right.onTrans { width: 8%; }
.img-trans-box .trans-box.bottom { left: -1%; bottom: -1%; width: 102%; height: 0; }
.img-trans-box .trans-box.bottom.onTrans { height: 8%; }
.img-trans-box .trans-box.left { left: -1%; top: -1%; width: 0; width: 0; height: 102%; }
.img-trans-box .trans-box.left.onTrans { width: 8%; }

.eq { display: block; width: 100%; height: 350px; pointer-events: none; z-index: 50; }

.addEq_sec0 { position: absolute; left: 0; bottom: -220px; }

.addEq_content { position: fixed; left: 0; bottom: 0; }

.addEq_rington { position: absolute; left: 0; bottom: 0; }

#waveCv { position: absolute; left: 0; bottom: 0; }

#section-1-dummy { position: relative; width: 100%; z-index: 40 -10; margin-top: -70px; }

#section-2-dummy { position: relative; width: 100%; z-index: 40 -10; }

.content { background: #fff; min-width: 1280px; }

#section-1 { position: fixed; left: 0; top: 0; width: 100%; height: 1080px; overflow: hidden; z-index: 38; }
#section-1 .bg-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#section-1 .bg-wrapper .bg-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/sec1_kv_bg_1.jpg") no-repeat center bottom #fff; background-size: cover; image-rendering: auto; }
#section-1 .bg-wrapper .bg-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/sec1_kv_bg_2.jpg") no-repeat center bottom #fff; background-size: cover; image-rendering: auto; -webkit-animation-delay: -3s; -moz-animation-delay: -3s; -ms-animation-delay: -3s; -o-animation-delay: -3s; animation-delay: -3s; -webkit-animation-name: fadeKeyvisual; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 9s; -moz-animation-name: fadeKeyvisual; -moz-animation-iteration-count: infinite; -moz-animation-duration: 9s; -ms-animation-name: fadeKeyvisual; -ms-animation-iteration-count: infinite; -ms-animation-duration: 9s; -o-animation-name: fadeKeyvisual; -o-animation-iteration-count: infinite; -o-animation-duration: 9s; animation-name: fadeKeyvisual; animation-iteration-count: infinite; animation-duration: 9s; }
#section-1 .bg-wrapper .bg-3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/sec1_kv_bg_3.jpg") no-repeat center bottom #fff; background-size: cover; image-rendering: auto; -webkit-animation-delay: -6s; -moz-animation-delay: -6s; -ms-animation-delay: -6s; -o-animation-delay: -6s; animation-delay: -6s; -webkit-animation-name: fadeKeyvisual; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 9s; -moz-animation-name: fadeKeyvisual; -moz-animation-iteration-count: infinite; -moz-animation-duration: 9s; -ms-animation-name: fadeKeyvisual; -ms-animation-iteration-count: infinite; -ms-animation-duration: 9s; -o-animation-name: fadeKeyvisual; -o-animation-iteration-count: infinite; -o-animation-duration: 9s; animation-name: fadeKeyvisual; animation-iteration-count: infinite; animation-duration: 9s; }
#section-1 .inner-cont-wrap { position: absolute; left: 50%; top: 0; width: 1280px; height: 100%; margin: 0 -640px; text-align: center; }
#section-1 .inner-cont-wrap .txt-holder { position: absolute; left: 113px; top: 50%; width: 100%; margin-top: -202px; text-align: left; color: #fff; }
#section-1 .inner-cont-wrap .txt-holder .sub-txt-holder { position: absolute; display: inline-block; left: 672px; top: 25px; }
#section-1 .inner-cont-wrap .txt-holder h1 { font-family: 'samsungonekorean500'; font-size: 110px; letter-spacing: -0.023em; line-height: 131px; font-weight: 100; -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; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .txt-holder h1.onTrans { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .txt-holder h2 { display: inline-block; font-family: 'samsungonekorean700'; font-size: 30px; letter-spacing: 0.005em; line-height: 32px; font-weight: 100; padding-bottom: 1px; border-bottom: 1.5px solid #fff; margin-bottom: 11px; -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; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .txt-holder h2.onTrans { opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .scroll-holder { position: absolute; left: 50%; bottom: 53px; width: 100%; margin-left: -50px; }
#section-1 .inner-cont-wrap .scroll-holder .txt-scroll { display: block; margin-top: -83px; font-family: 'samsungonekorean700'; font-size: 12px; letter-spacing: 0.005em; line-height: 32px; font-weight: 100; color: #fff; width: 100px; cursor: pointer; }
#section-1 .inner-cont-wrap .scroll-holder .content-line.bottom { position: absolute; width: auto; height: 0; border-left: 1px solid #fff; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); bottom: 0; left: 50px; margin-bottom: 0px; }
#section-1 .inner-cont-wrap .scroll-holder .content-line.bottom.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); height: 38px; }
#section-1 .inner-cont-wrap .scroll-holder .content-line.bottom.onAni { -webkit-animation: scroll-loop 1.5s infinite; -moz-animation: scroll-loop 1.5s infinite; -ms-animation: scroll-loop 1.5s infinite; -o-animation: scroll-loop 1.5s infinite; animation: scroll-loop 1.5s infinite; }

#section-2 { position: fixed; left: 0; top: 0; width: 100%; height: 1080px; background: #fff; overflow: hidden; z-index: 30; }
#section-2 .inner-cont-wrap { position: absolute; left: 50%; top: 0; width: 1280px; height: 100%; margin: 0 -640px; text-align: center; }
#section-2 .inner-cont-wrap .txt-holder { position: absolute; left: 113px; top: 50%; width: 100%; margin-top: -202px; text-align: left; color: #000; }
#section-2 .inner-cont-wrap .txt-holder h1 { font-family: 'samsungonekorean500'; font-size: 110px; letter-spacing: -0.023em; line-height: 131px; font-weight: 100; }
#section-2 .inner-cont-wrap .txt-holder .sub-txt-holder { position: absolute; display: inline-block; left: 672px; top: 25px; }
#section-2 .inner-cont-wrap .txt-holder h2 { display: inline-block; font-family: 'samsungonekorean700'; font-size: 30px; letter-spacing: 0.005em; line-height: 32px; font-weight: 100; padding-bottom: 1px; border-bottom: 1.5px solid #000; margin-bottom: 11px; }
#section-2 .inner-cont-wrap .txt-holder p { position: absolute; width: 1200px; left: 4px; top: 264px; font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: 0.012em; line-height: 32px; font-weight: 100; color: #000; margin-top: 33px; -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; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .txt-holder p.onTrans { opacity: 1; filter: alpha(opacity=100); }

#section-3 { position: relative; height: 857px; overflow: hidden; z-index: 60; opacity: 0; }
#section-3 .bg-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/sec3_kv_bg.jpg") no-repeat #fff; background-size: cover; image-rendering: auto; background-position: center 0px; background-attachment: fixed; }
#section-3 .inner-cont-wrap { position: absolute; left: 50%; top: 0; width: 1280px; height: 100%; margin: 0 -640px; }
#section-3 .inner-cont-wrap .dot-holder { position: absolute; left: 55px; top: 88px; }
#section-3 .inner-cont-wrap .dot-holder img { margin-bottom: -1px; }
#section-3 .inner-cont-wrap .txt-holder { position: absolute; left: 56px; top: 50%; margin-top: 42px; color: #fff; }
#section-3 .inner-cont-wrap .txt-holder h1 { font-family: 'samsungonekorean600'; font-size: 80px; letter-spacing: -0.018em; line-height: 85px; font-weight: 100; -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; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
#section-3 .inner-cont-wrap .txt-holder h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-3 .inner-cont-wrap .txt-holder p { width: 1158px; font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: 0.012em; line-height: 32px; font-weight: 100; margin-top: 34px; margin-left: 4px; -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; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-3 .inner-cont-wrap .txt-holder p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

#section-4 { position: relative; height: 1385px; }
#section-4 .inner-cont-wrap { position: absolute; top: 0; left: 50%; width: 1280px; height: 100%; margin: 0 -640px; }
#section-4 .inner-cont-wrap .dot-holder { position: absolute; top: 109px; left: 656px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -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; }
#section-4 .inner-cont-wrap .dot-holder.onTrans { 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); }
#section-4 .inner-cont-wrap .img-holder { position: absolute; overflow: hidden; border: 30px solid #fff; background: url("../img/sec4_img.jpg") no-repeat center #fff; z-index: 60; -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; margin-top: -279px; margin-left: -255px; left: 314px; top: 473px; width: 510px; height: 558px; box-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .img-holder.onTrans { opacity: 1; filter: alpha(opacity=100); border: 0 solid #fff; }
#section-4 .inner-cont-wrap .video-holder { display: block; position: absolute; z-index: 60; margin-top: -282.5px; margin-left: -501.5px; left: 640.5px; top: 1002.5px; width: 1003px; height: 565px; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
#section-4 .inner-cont-wrap .video-holder.onTrans { 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); }
#section-4 .inner-cont-wrap .video-holder .video-preview { display: none; width: 100%; }
#section-4 .inner-cont-wrap .video-holder .video-preview.on { display: block; }
#section-4 .inner-cont-wrap .video-holder img { display: none; width: 100%; }
#section-4 .inner-cont-wrap .video-holder img.on { display: block; width: 100%; }
#section-4 .inner-cont-wrap .video-title { position: absolute; right: 137px; top: 1292px; font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.04em; font-weight: 100; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; filter: alpha(opacity=0); -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; }
#section-4 .inner-cont-wrap .video-title.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-4 .inner-cont-wrap .txt-holder { display: block; position: absolute; left: 661px; top: 188px; }
#section-4 .inner-cont-wrap .txt-holder h1 { font-family: 'samsungonekorean400'; font-size: 50px; letter-spacing: 0.008em; line-height: 56px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .inner-cont-wrap .txt-holder h1.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); }
#section-4 .inner-cont-wrap .txt-holder h1 span { letter-spacing: -0.04em; }
#section-4 .inner-cont-wrap .txt-holder p { color: #000; margin-top: 22px; margin-left: -1px; font-family: 'samsungonekorean400'; font-size: 16px; letter-spacing: -0.3px; line-height: 28px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .inner-cont-wrap .txt-holder p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

#section-5 { position: relative; height: 699px; }
#section-5 .inner-cont-wrap { position: absolute; top: 0; left: 50%; width: 1280px; height: 100%; margin: 0 -640px; }
#section-5 .inner-cont-wrap .dot-holder { position: absolute; top: 8px; left: 55px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -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; }
#section-5 .inner-cont-wrap .dot-holder.onTrans { 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); }
#section-5 .inner-cont-wrap .img-holder { position: absolute; background: url("../img/sec5_img.jpg") no-repeat center #fff; border: 20px solid #fff; z-index: 60; margin-top: -260px; margin-left: -277.5px; left: 992.5px; top: 300px; width: 555px; height: 520px; box-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; prefixbox-sizing: border-box; opacity: 0; filter: alpha(opacity=0); -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; border: 30px solid #fff; }
#section-5 .inner-cont-wrap .img-holder.onTrans { opacity: 1; filter: alpha(opacity=100); border: 0px solid #fff; }
#section-5 .inner-cont-wrap .txt-holder { display: block; position: absolute; left: 57px; top: 86px; }
#section-5 .inner-cont-wrap .txt-holder h1 { color: #000; font-family: 'samsungonekorean400'; font-size: 50px; letter-spacing: 0.008em; line-height: 56px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-5 .inner-cont-wrap .txt-holder h1.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); }
#section-5 .inner-cont-wrap .txt-holder h2 { color: #000; margin-left: 4px; margin-top: 35px; margin-bottom: 36px; font-family: 'samsungonekorean700'; font-size: 26px; letter-spacing: -0.01em; line-height: 38px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.5s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.5s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.5s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.5s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.5s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-5 .inner-cont-wrap .txt-holder h2.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-5 .inner-cont-wrap .txt-holder h2 span { margin-left: 8px; }
#section-5 .inner-cont-wrap .txt-holder h2 .writer { position: absolute; left: 368px; top: 42px; width: 200px; color: #000; font-family: 'samsungonekorean700'; font-size: 18px; letter-spacing: 0; line-height: 38px; font-weight: 100; }
#section-5 .inner-cont-wrap .txt-holder p { color: #000; margin-left: 4px; margin-top: 36px; font-family: 'samsungonekorean400'; font-size: 16px; letter-spacing: -0.3px; line-height: 28px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 1.5s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-5 .inner-cont-wrap .txt-holder p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-5 .inner-cont-wrap .txt-holder p:last-child { -webkit-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.3s; -moz-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.3s; -ms-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.3s; -o-transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.3s; transition: all 1.2s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.3s; }

#section-6 { position: relative; height: 1120px; }
#section-6 .inner-cont-wrap { position: absolute; top: 0; left: 50%; width: 1280px; height: 100%; margin: 0 -640px; }
#section-6 .inner-cont-wrap .img-holder { position: absolute; z-index: 60; margin-top: -435px; margin-left: -580.5px; left: 640.5px; top: 435px; width: 1161px; height: 870px; }
#section-6 .inner-cont-wrap .img-holder .img-layer { position: absolute; width: 290px; height: 290px; opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .img-holder .img-layer.onTrans { opacity: 1; filter: alpha(opacity=100); }
#section-6 .inner-cont-wrap .img-holder .img-0 { -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; background: url("../img/sec6_img_0.jpg") no-repeat center 0px; left: 0; top: 0; height: 580px; }
#section-6 .inner-cont-wrap .img-holder .img-1 { -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.2s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.2s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.2s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.2s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.2s; background: url("../img/sec6_img_1.jpg") no-repeat center 0px; left: 290px; top: 0; }
#section-6 .inner-cont-wrap .img-holder .img-2 { -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; background: url("../img/sec6_img_2.jpg") no-repeat center 0px; left: 580px; top: 0; }
#section-6 .inner-cont-wrap .img-holder .img-3 { -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; background: url("../img/sec6_img_3.jpg") no-repeat center 0px; left: 870px; top: 0; }
#section-6 .inner-cont-wrap .img-holder .img-4 { -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.6s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.6s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.6s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.6s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.6s; background: url("../img/sec6_img_4.jpg") no-repeat center 0px; left: 290px; top: 290px; }
#section-6 .inner-cont-wrap .img-holder .img-5 { -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; background: url("../img/sec6_img_5.jpg") no-repeat center 0px; left: 580px; top: 290px; }
#section-6 .inner-cont-wrap .img-holder .img-6 { -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.2s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.2s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.2s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.2s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.2s; background: url("../img/sec6_img_6.jpg") no-repeat center 0px; left: 870px; top: 290px; }
#section-6 .inner-cont-wrap .img-holder .img-7 { -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; background: url("../img/sec6_img_7.jpg") no-repeat center 0px; left: 0; top: 580px; }
#section-6 .inner-cont-wrap .img-holder .img-8 { -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; background: url("../img/sec6_img_8.jpg") no-repeat center 0px; left: 290px; top: 580px; }
#section-6 .inner-cont-wrap .img-holder .img-9 { -webkit-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0.6s; -moz-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0.6s; -ms-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0.6s; -o-transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0.6s; transition: all 1s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0.6s; background: url("../img/sec6_img_9.jpg") no-repeat center 0px; left: 580px; top: 580px; width: 580px; }

#section-7 { position: relative; height: 857px; z-index: 60; }
#section-7 .bg-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/sec7_kv_bg.jpg") no-repeat center 0px #fff; background-size: cover; image-rendering: auto; background-position: center 0px; background-attachment: fixed; }
#section-7 .inner-cont-wrap { position: absolute; top: 0; left: 50%; width: 1280px; height: 100%; margin: 0 -640px; }
#section-7 .inner-cont-wrap .dot-holder { position: absolute; top: 90px; left: 55px; }
#section-7 .inner-cont-wrap .txt-holder { display: block; position: absolute; left: 57px; top: 50%; margin-top: -14px; }
#section-7 .inner-cont-wrap .txt-holder h1 { color: #fff; font-family: 'samsungonekorean600'; font-size: 80px; letter-spacing: -0.018em; line-height: 85px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
#section-7 .inner-cont-wrap .txt-holder h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-7 .inner-cont-wrap .txt-holder p { color: #fff; margin-left: 4px; margin-top: 34px; font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: 0.012em; line-height: 32px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-7 .inner-cont-wrap .txt-holder p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

#section-8 { position: relative; height: 970px; }
#section-8 .inner-cont-wrap { position: absolute; left: 50%; top: 0; width: 1280px; height: 100%; margin: 0 -640px; }
#section-8 .inner-cont-wrap .dot-holder { position: absolute; left: 55px; top: 110px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -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; }
#section-8 .inner-cont-wrap .dot-holder.onTrans { 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); }
#section-8 .inner-cont-wrap .video-title { position: absolute; right: 61px; top: 937px; color: #525252; font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.04em; font-weight: 100; }
#section-8 .inner-cont-wrap .txt-holder { display: block; position: absolute; left: 57px; top: 186px; }
#section-8 .inner-cont-wrap .txt-holder h1 { color: #000; font-family: 'samsungonekorean400'; font-size: 50px; letter-spacing: 0.008em; line-height: 56px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); letter-spacing: -0.02em; }
#section-8 .inner-cont-wrap .txt-holder h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-8 .inner-cont-wrap .video-holder { z-index: 60; position: absolute; margin-top: -326.5px; margin-left: -580px; left: 640px; top: 596.5px; width: 1160px; height: 653px; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }
#section-8 .inner-cont-wrap .video-holder.onTrans { 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); }
#section-8 .inner-cont-wrap .video-holder .video-preview { display: none; width: 100%; }
#section-8 .inner-cont-wrap .video-holder .video-preview.on { display: block; }
#section-8 .inner-cont-wrap .video-holder img { display: none; width: 100%; }
#section-8 .inner-cont-wrap .video-holder img.on { display: block; width: 100%; }

#section-9 { position: relative; height: 1600px; }

#section-9 .inner-cont-wrap { position: absolute; top: 0; left: 50%; width: 1280px; height: 100%; margin: 0 -640px; }
#section-9 .inner-cont-wrap .dot-holder { position: absolute; top: 96px; left: 55px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -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; }
#section-9 .inner-cont-wrap .dot-holder.onTrans { 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); }

#section-9 .inner-cont-wrap .txt-holder { display: block; position: absolute; left: 57px; top: 172px; }
#section-9 .inner-cont-wrap .txt-holder h1 { color: #000; font-family: 'samsungonekorean400'; font-size: 50px; letter-spacing: 0.008em; line-height: 56px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); letter-spacing: -0.02em; }
#section-9 .inner-cont-wrap .txt-holder h1.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-9 .inner-cont-wrap .txt-holder p { color: #000; margin-left: 2px; margin-top: 22px; font-family: 'samsungonekorean400'; font-size: 16px; letter-spacing: -0.3px; line-height: 28px; font-weight: 100; opacity: 0; filter: alpha(opacity=0); -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; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
#section-9 .inner-cont-wrap .txt-holder p.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

#section-9 .inner-cont-wrap .ringtone-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#section-9 .inner-cont-wrap .ringtone-holder .menu { position: absolute; z-index: 60; }
#section-9 .inner-cont-wrap .ringtone-holder .menu .bg-shadow { position: absolute; background: url("../img/sec9_shadow.png") no-repeat center 0px; -webkit-transform: scale(0.638); -moz-transform: scale(0.638); -ms-transform: scale(0.638); -o-transform: scale(0.638); transform: scale(0.638); margin-top: -475px; margin-left: -682px; left: 10px; top: 10px; width: 1364px; height: 950px; }
#section-9 .inner-cont-wrap .ringtone-holder .menu .bg-wrapper { position: absolute; margin-top: -236.5px; margin-left: -368.5px; left: 0px; top: 0px; width: 737px; height: 473px; }
#section-9 .inner-cont-wrap .ringtone-holder .menu .focus-bg-wrapper { position: absolute; background: #fff; margin-top: -236.5px; margin-left: -368.5px; left: 0px; top: 0px; width: 737px; height: 473px; opacity: 0; filter: alpha(opacity=0); }
#section-9 .inner-cont-wrap .ringtone-holder .menu .txt-holder { position: absolute; left: 0; top: 0; width: 737px; height: 473px; margin-left: -368.5px; margin-top: -236.5px; text-align: center; }
#section-9 .inner-cont-wrap .ringtone-holder .menu .txt-holder .title { position: absolute; left: 0; top: 225px; width: 100%; color: #fff; font-family: 'samsungonekorean500'; font-size: 56px; letter-spacing: -0.06em; font-weight: 100; }
#section-9 .inner-cont-wrap .ringtone-holder .menu .txt-holder .icon { position: absolute; background: url("../img/btn_expand.png") no-repeat center 0px; margin-top: -24px; margin-left: -24px; left: 368.5px; top: 302.5px; width: 48px; height: 48px; }

#section-9 .inner-cont-wrap .ringtone-holder .focus-holder { display: none; opacity: 1; position: absolute; left: 0; top: 0; overflow: hidden; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .img-holder { position: absolute; left: 1162px; overflow: hidden; width: 713px; height: 744.97px; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .img-holder img { position: absolute; left: 0; top: 0; width: 1000px; margin: -100px; -webkit-animation-name: fade; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 21s; -moz-animation-name: fade; -moz-animation-iteration-count: infinite; -moz-animation-duration: 21s; -ms-animation-name: fade; -ms-animation-iteration-count: infinite; -ms-animation-duration: 21s; -o-animation-name: fade; -o-animation-iteration-count: infinite; -o-animation-duration: 21s; animation-name: fade; animation-iteration-count: infinite; animation-duration: 21s; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .img-holder img:nth-child(1) { -webkit-animation-delay: -7s; -moz-animation-delay: -7s; -ms-animation-delay: -7s; -o-animation-delay: -7s; animation-delay: -7s; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .img-holder img:nth-child(2) { -webkit-animation-delay: -14s; -moz-animation-delay: -14s; -ms-animation-delay: -14s; -o-animation-delay: -14s; animation-delay: -14s; }

#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder { position: absolute; opacity: 0; width: 448px; height: 745px; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder h1 { position: absolute; left: 57px; top: 68px; color: #000; font-family: 'samsungonekorean600'; font-size: 30px; letter-spacing: -0.04em; line-height: 30px; font-weight: 100; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder p { position: absolute; left: 57px; top: 113px; color: #000; opacity: 0; filter: alpha(opacity=0); font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: -0.033em; line-height: 26px; font-weight: 100; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder ul { position: absolute; left: 55px; bottom: 66px; margin-bottom: 0px; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder ul li { width: 250px; height: 40px; color: #000; margin-top: 19px; margin-bottom: -2px; padding-left: 56px; background: url("../img/btn_ringtone_play.png") no-repeat 1px 4px; cursor: pointer; font-family: 'samsungonekorean700'; font-size: 30px; letter-spacing: -0.04em; line-height: 40px; font-weight: 100; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder ul li.play { background: url("../img/btn_ringtone_pause.png") no-repeat 1px 4px; cursor: pointer; }
#section-9 .inner-cont-wrap .ringtone-holder .focus-holder .focus-txt-holder ul li:last-child { margin-bottom: -1px; }

#section-9 .inner-cont-wrap .focus-holder { position: absolute; left: 0; top: 415px; width: 100%; display: none; opacity: 0; z-index: 90; }
#section-9 .inner-cont-wrap .focus-holder .title { position: absolute; left: 53px; font-family: 'samsungonekorean500'; font-size: 80px; color: #000; letter-spacing: -0.056em; font-weight: 100; }
#section-9 .inner-cont-wrap .focus-holder .bt-close { position: absolute; right: 60px; margin-top: -4px; width: 48px; height: 48px; background: url("../img/btn_close.png") no-repeat center 0px; cursor: pointer; }

.bt-area { position: absolute; width: 100%; height: 100%; cursor: pointer; }

.bt-play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; background: url("../img/btn_play.png") no-repeat center 50%; }

#ringtone-1 { left: 209px; top: 725px; }
#ringtone-1 .bg-wrapper { background: url("../img/sec9_menu_monochromic_bg.jpg") no-repeat center 0px #fff; }

#ringtone-2 { left: 849px; top: 1067px; }
#ringtone-2 .bg-wrapper { background: url("../img/sec9_menu_inviting_bg.jpg") no-repeat center 0px #fff; }

#ringtone-3 { left: 1130px; top: 624px; }
#ringtone-3 .bg-wrapper { background: url("../img/sec9_menu_novelty_bg.jpg") no-repeat center 0px #fff; }

#section-10 { position: relative; height: 772px; }
#section-10 .bg-wrapper { position: absolute; left: 0; top: 0; background: url("../img/sec10_kv_bg.jpg") no-repeat center 0px #fff; background-size: cover; image-rendering: auto; width: 100%; height: 100%; background-position: center 0px; background-attachment: fixed; }
#section-10 .inner-cont-wrap { position: absolute; top: 0; left: 50%; width: 1280px; height: 100%; margin: 0 -660px; }
#section-10 .inner-cont-wrap .txt-holder { display: block; position: absolute; left: 650px; top: 50%; margin-top: -186px; width: 100%; }
#section-10 .inner-cont-wrap .txt-holder h1 { color: #ffffff; font-family: 'samsungonekorean400'; font-size: 26px; letter-spacing: -0.0em; line-height: 34px; font-weight: 100; }
#section-10 .inner-cont-wrap .txt-holder h1 .bold { margin-left: 2px; font-family: 'samsungonekorean600'; font-size: 26px; letter-spacing: 0.011em; line-height: 34px; font-weight: 100; }
#section-10 .inner-cont-wrap .txt-holder h1 .margin { margin-left: 12px; }
#section-10 .inner-cont-wrap .txt-holder p { color: #fff; margin-left: 4px; margin-top: 27px; font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: 0.012em; line-height: 32px; font-weight: 100; }
#section-10 .inner-cont-wrap .txt-holder .common_btn { position: relative; margin-top: 53px;        /* a { display: inline-block; width: 211px;  height: 45px; font-size: 0; background-position-x: -214px; text-indent: -9999px; background-image: url('../img/common_button.png'); background-repeat: no-repeat; } a:nth-child(1){  } a:nth-child(2){ background-position-y: -130px; }
 a:hover{ background-position-y:-55px;} a:hover:nth-child(2){ background-position-y:-185px }*/ }

@-webkit-keyframes fadeKeyvisual { 0% { opacity: 0; filter: blur(0); }
  50% { opacity: 1; filter: blur(0); }
  100% { opacity: 0; filter: blur(0); } }
@keyframes fadeKeyvisual { 0% { opacity: 0; filter: blur(0); }
  50% { opacity: 1; filter: blur(0); }
  100% { opacity: 0; filter: blur(0); } }
@-webkit-keyframes fade { 0% { opacity: 0; filter: blur(100px); }
  20% { opacity: 1; filter: blur(0); }
  33% { opacity: 1; filter: blur(0); }
  53% { opacity: 0; filter: blur(100px); }
  100% { opacity: 0; filter: blur(100px); } }
@keyframes fade { 0% { opacity: 0; filter: blur(100px); }
  20% { opacity: 1; filter: blur(0); }
  33% { opacity: 1; filter: blur(0); }
  53% { opacity: 0; filter: blur(100px); }
  100% { opacity: 0; filter: blur(100px); } }
.movie_pop { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; }
.movie_pop iframe { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
.movie_pop .btn_close { position: absolute; top: 30px; right: 30px; width: 83px; height: 83px; background: url(../img/close_btn.png) no-repeat; text-indent: -999em; font-size: 0; }

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