/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transition-delay */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/* line */
body { overflow-x: scroll; background: #fff; height: 100%; }

#wrap { overflow: hidden; min-width: 1280px; }

.footer_wrap { position: fixed; bottom: 0; z-index: 100; }

#container { width: 100%; opacity: 0; }
#container.onShow { opacity: 1; }
#container * { box-sizing: border-box; }
#container .inner-cont-wrap h1 { font-family: 'samsungonekorean600'; font-size: 70px; letter-spacing: 0em; line-height: 1; font-weight: 100; }
#container .inner-cont-wrap h2 { font-family: 'samsungonekorean600'; font-size: 46px; letter-spacing: 0em; line-height: 1; font-weight: 100; }
#container .inner-cont-wrap h4 { font-family: 'samsungonekorean600'; font-size: 22px; letter-spacing: -0.035em; line-height: 36px; font-weight: 100; }
#container .inner-cont-wrap p { font-family: 'samsungonekorean600'; font-size: 18px; letter-spacing: -0.035em; line-height: 30px; font-weight: 100; }
#container .inner-cont-wrap span { font-family: 'samsungonekorean400'; font-size: 10px; letter-spacing: 0em; line-height: 1; font-weight: 100; }
#container .inner-cont-wrap .cont-txt { font-family: 'samsungonekorean600'; font-size: 18px; letter-spacing: -0.035em; line-height: 1.67; font-weight: normal; }

#content { position: relative; width: 15000px; overflow: hidden; font-size: 0; line-height: 0; clear: both; }

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

#indicator { position: fixed; width: 700px; height: 21px; left: 50%; bottom: 94px; margin-left: -350px; z-index: 90; -webkit-transform: translateY(90px); -moz-transform: translateY(90px); -ms-transform: translateY(90px); -o-transform: translateY(90px); transform: translateY(90px); opacity: 0; filter: alpha(opacity=0); -webkit-transition: -webkit-transform 0s 0.4s ease-in-out, opacity 0.4s; -moz-transition: -moz-transform 0s 0.4s ease-in-out, opacity 0.4s; -ms-transition: -ms-transform 0s 0.4s ease-in-out, opacity 0.4s; -o-transition: -o-transform 0s 0.4s ease-in-out, opacity 0.4s; transition: transform 0s 0.4s ease-in-out, opacity 0.4s; }
#indicator.onShow { -webkit-transition: -webkit-transform 0s ease-in-out, opacity 0.4s; -moz-transition: -moz-transform 0s ease-in-out, opacity 0.4s; -ms-transition: -ms-transform 0s ease-in-out, opacity 0.4s; -o-transition: -o-transform 0s ease-in-out, opacity 0.4s; transition: transform 0s ease-in-out, opacity 0.4s; 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); }
#indicator .clock-icon-wrap { position: absolute; top: 50%; left: 0; width: 83px; height: 99px; margin-top: -65px; background: url("../img/indi_clock_bg.png") no-repeat; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.2s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.2s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.2s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#indicator .clock-icon-wrap.onShow { opacity: 1; filter: alpha(opacity=100); }
#indicator .clock-icon-wrap.active { -webkit-animation: stop-motion-alarm 0.5s forwards; -moz-animation: stop-motion-alarm 0.5s forwards; -ms-animation: stop-motion-alarm 0.5s forwards; -o-animation: stop-motion-alarm 0.5s forwards; animation: stop-motion-alarm 0.5s forwards; }
#indicator .clock-icon-wrap.deactive { -webkit-animation: none !important; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; }
#indicator .clock-icon-wrap .hour-line { position: absolute; width: 3px; height: 17px; top: 64px; left: 38px; margin-left: -1.5px; background: url("../img/indi_clock_hour.png") no-repeat; transform-origin: center top; -webkit-transform: rotate(480deg); -moz-transform: rotate(480deg); -ms-transform: rotate(480deg); -o-transform: rotate(480deg); transform: rotate(480deg); }
#indicator .clock-icon-wrap .min-line { position: absolute; width: 6px; height: 27px; top: 64px; left: 37px; margin-left: -2px; background: url("../img/indi_clock_min.png") no-repeat; transform-origin: center top; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#indicator .indi-wrap { position: relative; width: 549px; height: 6px; top: 8px; left: 134px; background: url("../img/indi_bg_line.png") no-repeat; }
#indicator .indi-wrap .progress-line-holder { position: absolute; /*width:553px;*/ width: 0; height: 7px; top: -1px; left: -2px; -webkit-border-radius: 553px; -moz-border-radius: 553px; -ms-border-radius: 553px; -o-border-radius: 553px; border-radius: 553px; overflow: hidden; }
#indicator .indi-wrap .progress-line-holder:before { content: ''; display: block; width: 100%; height: 100%; background: url("../img/indi_process_line.png") no-repeat; }
#indicator .indi-wrap ol.indi-list-holder { font-size: 0; line-height: 0; }
#indicator .indi-wrap ol.indi-list-holder li { position: absolute; float: left; width: 50px; height: 50px; margin: -25px 0 0 -25px; text-align: center; }
#indicator .indi-wrap ol.indi-list-holder li.active a .dot:before { opacity: 1; filter: alpha(opacity=100); }
#indicator .indi-wrap ol.indi-list-holder li a { display: inline-block; width: 100%; height: 100%; }
#indicator .indi-wrap ol.indi-list-holder li .dot { width: 24px; height: 21px; margin: 17px 0 0 13px; background: url("../img/indi_base_dot.png") no-repeat; }
#indicator .indi-wrap ol.indi-list-holder li .dot:before { content: ''; display: block; width: 100%; height: 100%; background: url("../img/indi_focus_dot.png") no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: opacity 0.15s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: opacity 0.15s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: opacity 0.15s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: opacity 0.15s cubic-bezier(0,0,1,1); transition-delay: 0s; }
#indicator .indi-wrap ol.indi-list-holder li .txt { margin-top: -25px; -webkit-animation: stop-motion-txt 0.5s infinite; -moz-animation: stop-motion-txt 0.5s infinite; -ms-animation: stop-motion-txt 0.5s infinite; -o-animation: stop-motion-txt 0.5s infinite; animation: stop-motion-txt 0.5s infinite; }
#indicator .indi-wrap ol.indi-list-holder .indi-1 { left: 0%; }
#indicator .indi-wrap ol.indi-list-holder .indi-1 a .txt { width: 31px; height: 14px; background: url("../img/indi_txt_intro.png") no-repeat; margin: 10px auto 0; }
#indicator .indi-wrap ol.indi-list-holder .indi-2 { left: 20%; }
#indicator .indi-wrap ol.indi-list-holder .indi-2 a .txt { width: 46px; height: 10px; background: url("../img/indi_txt_chap1.png") no-repeat; margin: 12px auto 0; }
#indicator .indi-wrap ol.indi-list-holder .indi-3 { left: 40%; }
#indicator .indi-wrap ol.indi-list-holder .indi-3 a .txt { width: 46px; height: 11px; background: url("../img/indi_txt_chap2.png") no-repeat; margin: 11px auto 0; }
#indicator .indi-wrap ol.indi-list-holder .indi-4 { left: 60%; }
#indicator .indi-wrap ol.indi-list-holder .indi-4 a .txt { width: 43px; height: 10px; background: url("../img/indi_txt_chap3.png") no-repeat; margin: 12px auto 0; }
#indicator .indi-wrap ol.indi-list-holder .indi-5 { left: 80%; }
#indicator .indi-wrap ol.indi-list-holder .indi-5 a .txt { width: 44px; height: 12px; background: url("../img/indi_txt_chap4.png") no-repeat; margin: 11px auto 0; }
#indicator .indi-wrap ol.indi-list-holder .indi-6 { left: 100%; }
#indicator .indi-wrap ol.indi-list-holder .indi-6 a .txt { width: 34px; height: 10px; background: url("../img/indi_txt_outro.png") no-repeat; margin: 13px auto 0; }

section { overflow: hidden; position: relative; min-width: 1280px; height: calc(100vh - 61px - 70px); min-height: 661px; float: left; }
section .inner-cont-wrap { position: relative; width: 100%; height: 800px; top: 50%; left: 0; margin: -400px 0 0 0; text-align: center; /*.cont-box{ position: relative; float:left; height: 800px;}*/ }
section .inner-cont-wrap .btn-clip { margin-top: 32px; }
section .inner-cont-wrap .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; }
section .inner-cont-wrap .btn_download:hover { background-position: 0 -55px; }
section .inner-cont-wrap .bg-holder { position: absolute; width: 100%; height: 100%; }
section .inner-cont-wrap .cont-holder { clear: both; width: 100%; height: 100%; }
section .related-stories-wrap { position: relative; width: 100%; height: 800px; top: 50%; left: 0; margin: -431px 0 0 0; text-align: center; }
section .related-stories-wrap .inner-cont-holder { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
section img, section h1, section h2, section h3, section h4, section h5, section p, section span, section em { pointer-events: none; }

.blind { position: absolute !important; left: -9999px !important; top: -9999px !important; text-indent: -9999px !important; font-size: 0 !important; opacity: 0; overflow: hidden !important; }

.none-click { pointer-events: none; }

.no-drag { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }

@keyframes stop-motion-txt { 0% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); }
  50% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); }
  51% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }
  100% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } }
@keyframes stop-motion-txt1 { 0% { -webkit-transform: rotate(0.2deg); -moz-transform: rotate(0.2deg); -ms-transform: rotate(0.2deg); -o-transform: rotate(0.2deg); transform: rotate(0.2deg); }
  50% { -webkit-transform: rotate(0.2deg); -moz-transform: rotate(0.2deg); -ms-transform: rotate(0.2deg); -o-transform: rotate(0.2deg); transform: rotate(0.2deg); }
  51% { -webkit-transform: rotate(-0.2deg); -moz-transform: rotate(-0.2deg); -ms-transform: rotate(-0.2deg); -o-transform: rotate(-0.2deg); transform: rotate(-0.2deg); }
  100% { -webkit-transform: rotate(-0.2deg); -moz-transform: rotate(-0.2deg); -ms-transform: rotate(-0.2deg); -o-transform: rotate(-0.2deg); transform: rotate(-0.2deg); } }
@keyframes stop-motion-txt2 { 0% { -webkit-transform: rotate(-0.2deg); -moz-transform: rotate(-0.2deg); -ms-transform: rotate(-0.2deg); -o-transform: rotate(-0.2deg); transform: rotate(-0.2deg); }
  50% { -webkit-transform: rotate(-0.2deg); -moz-transform: rotate(-0.2deg); -ms-transform: rotate(-0.2deg); -o-transform: rotate(-0.2deg); transform: rotate(-0.2deg); }
  51% { -webkit-transform: rotate(0.2deg); -moz-transform: rotate(0.2deg); -ms-transform: rotate(0.2deg); -o-transform: rotate(0.2deg); transform: rotate(0.2deg); }
  100% { -webkit-transform: rotate(0.2deg); -moz-transform: rotate(0.2deg); -ms-transform: rotate(0.2deg); -o-transform: rotate(0.2deg); transform: rotate(0.2deg); } }
@keyframes stop-motion-txt3 { 0% { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
  50% { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }
  51% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }
  100% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } }
@keyframes stop-motion-alarm { 0% { -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); transform: rotate(0deg) translateY(0px); }
  1% { -webkit-transform: rotate(3deg) translateY(-5px); -moz-transform: rotate(3deg) translateY(-5px); -ms-transform: rotate(3deg) translateY(-5px); -o-transform: rotate(3deg) translateY(-5px); transform: rotate(3deg) translateY(-5px); }
  25% { -webkit-transform: rotate(3deg) translateY(-5px); -moz-transform: rotate(3deg) translateY(-5px); -ms-transform: rotate(3deg) translateY(-5px); -o-transform: rotate(3deg) translateY(-5px); transform: rotate(3deg) translateY(-5px); }
  26% { -webkit-transform: rotate(-3deg) translateY(-5px); -moz-transform: rotate(-3deg) translateY(-5px); -ms-transform: rotate(-3deg) translateY(-5px); -o-transform: rotate(-3deg) translateY(-5px); transform: rotate(-3deg) translateY(-5px); }
  50% { -webkit-transform: rotate(-3deg) translateY(-5px); -moz-transform: rotate(-3deg) translateY(-5px); -ms-transform: rotate(-3deg) translateY(-5px); -o-transform: rotate(-3deg) translateY(-5px); transform: rotate(-3deg) translateY(-5px); }
  51% { -webkit-transform: rotate(3deg) translateY(-5px); -moz-transform: rotate(3deg) translateY(-5px); -ms-transform: rotate(3deg) translateY(-5px); -o-transform: rotate(3deg) translateY(-5px); transform: rotate(3deg) translateY(-5px); }
  75% { -webkit-transform: rotate(3deg) translateY(-5px); -moz-transform: rotate(3deg) translateY(-5px); -ms-transform: rotate(3deg) translateY(-5px); -o-transform: rotate(3deg) translateY(-5px); transform: rotate(3deg) translateY(-5px); }
  76% { -webkit-transform: rotate(-3deg) translateY(-5px); -moz-transform: rotate(-3deg) translateY(-5px); -ms-transform: rotate(-3deg) translateY(-5px); -o-transform: rotate(-3deg) translateY(-5px); transform: rotate(-3deg) translateY(-5px); }
  99% { -webkit-transform: rotate(-3deg) translateY(-5px); -moz-transform: rotate(-3deg) translateY(-5px); -ms-transform: rotate(-3deg) translateY(-5px); -o-transform: rotate(-3deg) translateY(-5px); transform: rotate(-3deg) translateY(-5px); }
  100% { -webkit-transform: rotate(0deg) translateY(0px); -moz-transform: rotate(0deg) translateY(0px); -ms-transform: rotate(0deg) translateY(0px); -o-transform: rotate(0deg) translateY(0px); transform: rotate(0deg) translateY(0px); } }
@media screen and (max-width: 1280px), (max-height: 950px) { body .guide { display: none; position: absolute; top: 0; left: 0; filter: invert(100%); opacity: 0.5; z-index: 10; }
  body #section-1 .inner-cont-wrap { padding-left: 188px; }
  body #section-1 .inner-cont-wrap .con-1 { width: 1280px !important; }
  body #section-1 .inner-cont-wrap .con-1 .bg-box { -webkit-transform: scale(1, 0.75); -moz-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); transform: scale(1, 0.75); }
  body #section-1 .inner-cont-wrap .con-1 .title-box { -webkit-transform: scale(0.82) translate(-136px, 50px); -moz-transform: scale(0.82) translate(-136px, 50px); -ms-transform: scale(0.82) translate(-136px, 50px); -o-transform: scale(0.82) translate(-136px, 50px); transform: scale(0.82) translate(-136px, 50px); }
  body #section-1 .inner-cont-wrap .con-1 .title-box p { -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px); }
  body #section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character { -webkit-transform: scale(0.75) translate(-170px, -113px); -moz-transform: scale(0.75) translate(-170px, -113px); -ms-transform: scale(0.75) translate(-170px, -113px); -o-transform: scale(0.75) translate(-170px, -113px); transform: scale(0.75) translate(-170px, -113px); }
  body #section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble { -webkit-transform: scale(0.7) translate(-510px, -40px); -moz-transform: scale(0.7) translate(-510px, -40px); -ms-transform: scale(0.7) translate(-510px, -40px); -o-transform: scale(0.7) translate(-510px, -40px); transform: scale(0.7) translate(-510px, -40px); }
  body #section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-2 { -webkit-transform: scale(0.7) translate(82px, 163px); -moz-transform: scale(0.7) translate(82px, 163px); -ms-transform: scale(0.7) translate(82px, 163px); -o-transform: scale(0.7) translate(82px, 163px); transform: scale(0.7) translate(82px, 163px); }
  body #section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-3 { -webkit-transform: scale(0.7) translate(116px, 97px); -moz-transform: scale(0.7) translate(116px, 97px); -ms-transform: scale(0.7) translate(116px, 97px); -o-transform: scale(0.7) translate(116px, 97px); transform: scale(0.7) translate(116px, 97px); }
  body #section-1 .inner-cont-wrap .con-2 { width: 1280px !important; }
  body #section-1 .inner-cont-wrap .con-2 .bg-box { -webkit-transform: scale(1, 0.75); -moz-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); transform: scale(1, 0.75); }
  body #section-1 .inner-cont-wrap .con-2 .txt-box { -webkit-transform: translate(-83px, 60px); -moz-transform: translate(-83px, 60px); -ms-transform: translate(-83px, 60px); -o-transform: translate(-83px, 60px); transform: translate(-83px, 60px); }
  body #section-1 .inner-cont-wrap .con-2 .img-box .clip-3-frame { -webkit-transform: scale(0.75) translate(-42px, 100px); -moz-transform: scale(0.75) translate(-42px, 100px); -ms-transform: scale(0.75) translate(-42px, 100px); -o-transform: scale(0.75) translate(-42px, 100px); transform: scale(0.75) translate(-42px, 100px); }
  body #section-1 .inner-cont-wrap .con-2 .img-box .clip-4-bookshelf { -webkit-transform: scale(0.75) translate(-61px, -57px); -moz-transform: scale(0.75) translate(-61px, -57px); -ms-transform: scale(0.75) translate(-61px, -57px); -o-transform: scale(0.75) translate(-61px, -57px); transform: scale(0.75) translate(-61px, -57px); }
  body #section-1 .inner-cont-wrap .con-2 .img-box .clip-5-sofa { -webkit-transform: scale(0.75) translate(-159px, -58px); -moz-transform: scale(0.75) translate(-159px, -58px); -ms-transform: scale(0.75) translate(-159px, -58px); -o-transform: scale(0.75) translate(-159px, -58px); transform: scale(0.75) translate(-159px, -58px); }
  body #section-1 .inner-cont-wrap .con-2 .img-box .clip-6-shelf { -webkit-transform: scale(0.75) translate(173px, 142px); -moz-transform: scale(0.75) translate(173px, 142px); -ms-transform: scale(0.75) translate(173px, 142px); -o-transform: scale(0.75) translate(173px, 142px); transform: scale(0.75) translate(173px, 142px); }
  body #section-2 .inner-cont-wrap .cont-holder { background-color: transparent; }
  body #section-2 .inner-cont-wrap .cont-holder.title { width: 413px; }
  body #section-2 .inner-cont-wrap .cont-holder.title .title-box { -webkit-transform: translate(-1px, 102px); -moz-transform: translate(-1px, 102px); -ms-transform: translate(-1px, 102px); -o-transform: translate(-1px, 102px); transform: translate(-1px, 102px); }
  body #section-2 .inner-cont-wrap .cont-holder.title .txt-box { -webkit-transform: translate(-3px, 100px); -moz-transform: translate(-3px, 100px); -ms-transform: translate(-3px, 100px); -o-transform: translate(-3px, 100px); transform: translate(-3px, 100px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-1 { width: 868px; }
  body #section-2 .inner-cont-wrap .cont-holder.con-1 .img-box { -webkit-transform: scale(0.76) translate(-98px, -10px); -moz-transform: scale(0.76) translate(-98px, -10px); -ms-transform: scale(0.76) translate(-98px, -10px); -o-transform: scale(0.76) translate(-98px, -10px); transform: scale(0.76) translate(-98px, -10px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-1 .txt-box { -webkit-transform: translate(-153px, 75px); -moz-transform: translate(-153px, 75px); -ms-transform: translate(-153px, 75px); -o-transform: translate(-153px, 75px); transform: translate(-153px, 75px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-2 { width: 1064px; }
  body #section-2 .inner-cont-wrap .cont-holder.con-2 .img-box { -webkit-transform: scale(0.76) translate(-156px, 39px); -moz-transform: scale(0.76) translate(-156px, 39px); -ms-transform: scale(0.76) translate(-156px, 39px); -o-transform: scale(0.76) translate(-156px, 39px); transform: scale(0.76) translate(-156px, 39px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-2 .txt-box { -webkit-transform: translate(-208px, 106px); -moz-transform: translate(-208px, 106px); -ms-transform: translate(-208px, 106px); -o-transform: translate(-208px, 106px); transform: translate(-208px, 106px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-3 { width: 1086px; }
  body #section-2 .inner-cont-wrap .cont-holder.con-3 .deco-box { -webkit-transform: scale(0.76) translate(-6px, 103px); -moz-transform: scale(0.76) translate(-6px, 103px); -ms-transform: scale(0.76) translate(-6px, 103px); -o-transform: scale(0.76) translate(-6px, 103px); transform: scale(0.76) translate(-6px, 103px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-3 .img-box { -webkit-transform: scale(0.76) translate(-76px, -19px); -moz-transform: scale(0.76) translate(-76px, -19px); -ms-transform: scale(0.76) translate(-76px, -19px); -o-transform: scale(0.76) translate(-76px, -19px); transform: scale(0.76) translate(-76px, -19px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-3 .txt-box-1 { -webkit-transform: translate(1px, -67px); -moz-transform: translate(1px, -67px); -ms-transform: translate(1px, -67px); -o-transform: translate(1px, -67px); transform: translate(1px, -67px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-3 .txt-box-2 { -webkit-transform: translate(-115px, 37px); -moz-transform: translate(-115px, 37px); -ms-transform: translate(-115px, 37px); -o-transform: translate(-115px, 37px); transform: translate(-115px, 37px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-4 { width: 860px; }
  body #section-2 .inner-cont-wrap .cont-holder.con-4 .img-box { -webkit-transform: scale(0.76) translate(-132px, 32px); -moz-transform: scale(0.76) translate(-132px, 32px); -ms-transform: scale(0.76) translate(-132px, 32px); -o-transform: scale(0.76) translate(-132px, 32px); transform: scale(0.76) translate(-132px, 32px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .deco { -webkit-transform: translate(2px, 92px); -moz-transform: translate(2px, 92px); -ms-transform: translate(2px, 92px); -o-transform: translate(2px, 92px); transform: translate(2px, 92px); }
  body #section-2 .inner-cont-wrap .cont-holder.con-4 .txt-box { -webkit-transform: translate(-181px, 104px); -moz-transform: translate(-181px, 104px); -ms-transform: translate(-181px, 104px); -o-transform: translate(-181px, 104px); transform: translate(-181px, 104px); }
  body #section-3 .inner-cont-wrap .cont-holder { background-color: transparent; }
  body #section-3 .inner-cont-wrap .cont-holder.title { width: 584px; }
  body #section-3 .inner-cont-wrap .cont-holder.title .title-box { -webkit-transform: translate(0px, 100px); -moz-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); -o-transform: translate(0px, 100px); transform: translate(0px, 100px); }
  body #section-3 .inner-cont-wrap .cont-holder.title .txt-box { -webkit-transform: translate(-1px, 101px); -moz-transform: translate(-1px, 101px); -ms-transform: translate(-1px, 101px); -o-transform: translate(-1px, 101px); transform: translate(-1px, 101px); }
  body #section-3 .inner-cont-wrap .cont-holder.title .img-box { -webkit-transform: scale(0.76) translate(17px, -81px); -moz-transform: scale(0.76) translate(17px, -81px); -ms-transform: scale(0.76) translate(17px, -81px); -o-transform: scale(0.76) translate(17px, -81px); transform: scale(0.76) translate(17px, -81px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-1 { width: 1183px; }
  body #section-3 .inner-cont-wrap .cont-holder.con-1 .deco-box { -webkit-transform: scale(0.76) translate(-23px, 120px); -moz-transform: scale(0.76) translate(-23px, 120px); -ms-transform: scale(0.76) translate(-23px, 120px); -o-transform: scale(0.76) translate(-23px, 120px); transform: scale(0.76) translate(-23px, 120px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-1 .img-box { -webkit-transform: scale(0.76) translate(-167px, 3px); -moz-transform: scale(0.76) translate(-167px, 3px); -ms-transform: scale(0.76) translate(-167px, 3px); -o-transform: scale(0.76) translate(-167px, 3px); transform: scale(0.76) translate(-167px, 3px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-1 .txt-box { -webkit-transform: translate(-234px, 14px); -moz-transform: translate(-234px, 14px); -ms-transform: translate(-234px, 14px); -o-transform: translate(-234px, 14px); transform: translate(-234px, 14px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-2 { width: 854px; }
  body #section-3 .inner-cont-wrap .cont-holder.con-2 .img-box { -webkit-transform: scale(0.754) translate(-110px, 41px); -moz-transform: scale(0.754) translate(-110px, 41px); -ms-transform: scale(0.754) translate(-110px, 41px); -o-transform: scale(0.754) translate(-110px, 41px); transform: scale(0.754) translate(-110px, 41px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-2 .txt-box { -webkit-transform: translate(-161px, -52px); -moz-transform: translate(-161px, -52px); -ms-transform: translate(-161px, -52px); -o-transform: translate(-161px, -52px); transform: translate(-161px, -52px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-3 { width: 341px; }
  body #section-3 .inner-cont-wrap .cont-holder.con-3 .img-box { -webkit-transform: scale(0.76) translate(52px, -51px); -moz-transform: scale(0.76) translate(52px, -51px); -ms-transform: scale(0.76) translate(52px, -51px); -o-transform: scale(0.76) translate(52px, -51px); transform: scale(0.76) translate(52px, -51px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-3 .txt-box { -webkit-transform: translate(0px, 2px); -moz-transform: translate(0px, 2px); -ms-transform: translate(0px, 2px); -o-transform: translate(0px, 2px); transform: translate(0px, 2px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-4 { width: 998px; }
  body #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box { -webkit-transform: scale(0.756) translate(-116px, 51px); -moz-transform: scale(0.756) translate(-116px, 51px); -ms-transform: scale(0.756) translate(-116px, 51px); -o-transform: scale(0.756) translate(-116px, 51px); transform: scale(0.756) translate(-116px, 51px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-4 .txt-box { -webkit-transform: translate(-188px, -40px); -moz-transform: translate(-188px, -40px); -ms-transform: translate(-188px, -40px); -o-transform: translate(-188px, -40px); transform: translate(-188px, -40px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-5 { width: 836px; }
  body #section-3 .inner-cont-wrap .cont-holder.con-5 .img-box { -webkit-transform: scale(0.754) translate(-145px, 13px); -moz-transform: scale(0.754) translate(-145px, 13px); -ms-transform: scale(0.754) translate(-145px, 13px); -o-transform: scale(0.754) translate(-145px, 13px); transform: scale(0.754) translate(-145px, 13px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .deco { -webkit-transform: scale(0.85) translate(17px, -36px); -moz-transform: scale(0.85) translate(17px, -36px); -ms-transform: scale(0.85) translate(17px, -36px); -o-transform: scale(0.85) translate(17px, -36px); transform: scale(0.85) translate(17px, -36px); }
  body #section-3 .inner-cont-wrap .cont-holder.con-5 .txt-box { -webkit-transform: translate(-187px, -75px); -moz-transform: translate(-187px, -75px); -ms-transform: translate(-187px, -75px); -o-transform: translate(-187px, -75px); transform: translate(-187px, -75px); }
  body #section-4 .inner-cont-wrap .cont-holder { background-color: transparent; }
  body #section-4 .inner-cont-wrap .cont-holder.title { width: 515px; }
  body #section-4 .inner-cont-wrap .cont-holder.title .title-box { -webkit-transform: translate(-2px, 101px); -moz-transform: translate(-2px, 101px); -ms-transform: translate(-2px, 101px); -o-transform: translate(-2px, 101px); transform: translate(-2px, 101px); }
  body #section-4 .inner-cont-wrap .cont-holder.title .txt-box { -webkit-transform: translate(-2px, 100px); -moz-transform: translate(-2px, 100px); -ms-transform: translate(-2px, 100px); -o-transform: translate(-2px, 100px); transform: translate(-2px, 100px); }
  body #section-4 .inner-cont-wrap .cont-holder.title .img-box { -webkit-transform: scale(0.76) translate(12px, 93px); -moz-transform: scale(0.76) translate(12px, 93px); -ms-transform: scale(0.76) translate(12px, 93px); -o-transform: scale(0.76) translate(12px, 93px); transform: scale(0.76) translate(12px, 93px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-1 { width: 1066px; }
  body #section-4 .inner-cont-wrap .cont-holder.con-1 .deco-box { -webkit-transform: scale(0.64) translate(-325px, -74px); -moz-transform: scale(0.64) translate(-325px, -74px); -ms-transform: scale(0.64) translate(-325px, -74px); -o-transform: scale(0.64) translate(-325px, -74px); transform: scale(0.64) translate(-325px, -74px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-1 .img-box { -webkit-transform: scale(0.756) translate(-138px, 27px); -moz-transform: scale(0.756) translate(-138px, 27px); -ms-transform: scale(0.756) translate(-138px, 27px); -o-transform: scale(0.756) translate(-138px, 27px); transform: scale(0.756) translate(-138px, 27px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-1 .txt-box { -webkit-transform: translate(-225px, 16px); -moz-transform: translate(-225px, 16px); -ms-transform: translate(-225px, 16px); -o-transform: translate(-225px, 16px); transform: translate(-225px, 16px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-2 { width: 787px; }
  body #section-4 .inner-cont-wrap .cont-holder.con-2 .img-box { -webkit-transform: scale(0.754) translate(-82px, -10px); -moz-transform: scale(0.754) translate(-82px, -10px); -ms-transform: scale(0.754) translate(-82px, -10px); -o-transform: scale(0.754) translate(-82px, -10px); transform: scale(0.754) translate(-82px, -10px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-2 .txt-box { -webkit-transform: translate(-136px, -75px); -moz-transform: translate(-136px, -75px); -ms-transform: translate(-136px, -75px); -o-transform: translate(-136px, -75px); transform: translate(-136px, -75px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-3 { width: 943px; }
  body #section-4 .inner-cont-wrap .cont-holder.con-3 .img-box { -webkit-transform: scale(0.758) translate(-107px, 51px); -moz-transform: scale(0.758) translate(-107px, 51px); -ms-transform: scale(0.758) translate(-107px, 51px); -o-transform: scale(0.758) translate(-107px, 51px); transform: scale(0.758) translate(-107px, 51px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-3 .txt-box { -webkit-transform: translate(-160px, -3px); -moz-transform: translate(-160px, -3px); -ms-transform: translate(-160px, -3px); -o-transform: translate(-160px, -3px); transform: translate(-160px, -3px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-4 { width: 922px; }
  body #section-4 .inner-cont-wrap .cont-holder.con-4 .img-box { -webkit-transform: scale(0.75) translate(-131px, 11px); -moz-transform: scale(0.75) translate(-131px, 11px); -ms-transform: scale(0.75) translate(-131px, 11px); -o-transform: scale(0.75) translate(-131px, 11px); transform: scale(0.75) translate(-131px, 11px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.phone { -webkit-transform: translate(-5px, 3px); -moz-transform: translate(-5px, 3px); -ms-transform: translate(-5px, 3px); -o-transform: translate(-5px, 3px); transform: translate(-5px, 3px); }
  body #section-4 .inner-cont-wrap .cont-holder.con-4 .txt-box { -webkit-transform: translate(-195px, 58px); -moz-transform: translate(-195px, 58px); -ms-transform: translate(-195px, 58px); -o-transform: translate(-195px, 58px); transform: translate(-195px, 58px); }
  body #section-5 .inner-cont-wrap .cont-holder { background-color: transparent; }
  body #section-5 .inner-cont-wrap .cont-holder.title { width: 414px; }
  body #section-5 .inner-cont-wrap .cont-holder.title .title-box { -webkit-transform: translate(0px, 101px); -moz-transform: translate(0px, 101px); -ms-transform: translate(0px, 101px); -o-transform: translate(0px, 101px); transform: translate(0px, 101px); }
  body #section-5 .inner-cont-wrap .cont-holder.title .txt-box { -webkit-transform: translate(0px, 101px); -moz-transform: translate(0px, 101px); -ms-transform: translate(0px, 101px); -o-transform: translate(0px, 101px); transform: translate(0px, 101px); }
  body #section-5 .inner-cont-wrap .cont-holder.title .img-box { -webkit-transform: scale(0.76) translate(12px, 93px); -moz-transform: scale(0.76) translate(12px, 93px); -ms-transform: scale(0.76) translate(12px, 93px); -o-transform: scale(0.76) translate(12px, 93px); transform: scale(0.76) translate(12px, 93px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-1 { width: 1040px; }
  body #section-5 .inner-cont-wrap .cont-holder.con-1 .deco-box { -webkit-transform: scale(0.64) translate(-325px, -74px); -moz-transform: scale(0.64) translate(-325px, -74px); -ms-transform: scale(0.64) translate(-325px, -74px); -o-transform: scale(0.64) translate(-325px, -74px); transform: scale(0.64) translate(-325px, -74px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-1 .img-box { -webkit-transform: scale(0.75) translate(-135px, -15px); -moz-transform: scale(0.75) translate(-135px, -15px); -ms-transform: scale(0.75) translate(-135px, -15px); -o-transform: scale(0.75) translate(-135px, -15px); transform: scale(0.75) translate(-135px, -15px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-1 .txt-box { -webkit-transform: translate(-215px, -1px); -moz-transform: translate(-215px, -1px); -ms-transform: translate(-215px, -1px); -o-transform: translate(-215px, -1px); transform: translate(-215px, -1px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-2 { width: 1002px; }
  body #section-5 .inner-cont-wrap .cont-holder.con-2 .deco-box { -webkit-transform: scale(0.75) translate(-11px, 124px); -moz-transform: scale(0.75) translate(-11px, 124px); -ms-transform: scale(0.75) translate(-11px, 124px); -o-transform: scale(0.75) translate(-11px, 124px); transform: scale(0.75) translate(-11px, 124px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-2 .img-box { -webkit-transform: scale(0.747) translate(-133px, -2px); -moz-transform: scale(0.747) translate(-133px, -2px); -ms-transform: scale(0.747) translate(-133px, -2px); -o-transform: scale(0.747) translate(-133px, -2px); transform: scale(0.747) translate(-133px, -2px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.bear { -webkit-transform: translate(-11px, 6px); -moz-transform: translate(-11px, 6px); -ms-transform: translate(-11px, 6px); -o-transform: translate(-11px, 6px); transform: translate(-11px, 6px); }
  body #section-5 .inner-cont-wrap .cont-holder.con-2 .txt-box { -webkit-transform: translate(-265px, 22px); -moz-transform: translate(-265px, 22px); -ms-transform: translate(-265px, 22px); -o-transform: translate(-265px, 22px); transform: translate(-265px, 22px); }
  body #section-6 .inner-cont-wrap .img-holder .img-box .img-clip-holder .inner-img-clip-holder { -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0.75) translate(0, -61px); -moz-transform: scale(0.75) translate(0, -61px); -ms-transform: scale(0.75) translate(0, -61px); -o-transform: scale(0.75) translate(0, -61px); transform: scale(0.75) translate(0, -61px); }
  body #section-6 .inner-cont-wrap .img-holder .bg-box { -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transform: translateY(-60px); }
  body #section-6 .inner-cont-wrap .img-holder .bg-box .img-clip-belt { background-image: url("../img/tb_sec6_bg_pattern.png"); }
  body #section-6 .inner-cont-wrap .img-holder .img-box .img-clip-holder { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); }
  body #section-6 .inner-cont-wrap .cont-holder .txt-box .cont-txt { margin-top: -3px; font-size: 18px; line-height: 1.7; }
  body #section-6 .inner-cont-wrap .cont-holder .img-box { -webkit-transform: scale(0.75) translate(-23px, -22px); -moz-transform: scale(0.75) translate(-23px, -22px); -ms-transform: scale(0.75) translate(-23px, -22px); -o-transform: scale(0.75) translate(-23px, -22px); transform: scale(0.75) translate(-23px, -22px); } }
@media screen and (min-width: 2560px) { .related-stories-wrap .component-list li dl { padding-top: 285.85px; } }
section .inner-cont-wrap { padding: 0 175px; }
section .inner-cont-wrap > ul { display: block; height: 100%; text-align: left; font-size: 0; letter-spacing: 0; }
section .inner-cont-wrap .cont-holder { position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; }
section .inner-cont-wrap .cont-holder.title .title-box { position: absolute; }
section .inner-cont-wrap .cont-holder.title .title-box .clock { text-align: left; }
section .inner-cont-wrap .cont-holder.title .title-box .title-txt h2 { text-align: left; }
section .inner-cont-wrap .cont-holder.title .txt-box { top: 311px; left: 0; color: #263f6a; }
section .inner-cont-wrap .cont-holder.title .txt-box h4 { 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 .inner-cont-wrap .cont-holder .deco-box { position: absolute; }
section .inner-cont-wrap .cont-holder .img-box { display: inline-block; position: relative; }
section .inner-cont-wrap .cont-holder .img-box .img-clip { position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
section .inner-cont-wrap .cont-holder .txt-box { position: absolute; text-align: left; }
section .inner-cont-wrap .cont-holder .txt-box p { opacity: 0; filter: alpha(opacity=0); }
section .inner-cont-wrap .cont-holder.onShow .txt-box p { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.7s ease-out; -moz-transition: opacity 0.7s ease-out; -ms-transition: opacity 0.7s ease-out; -o-transition: opacity 0.7s ease-out; transition: opacity 0.7s ease-out; }
section .inner-cont-wrap .cont-holder.onShow.title .title-box .clock { -webkit-transition: -webkit-transform 0.4s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.4s 0.2s; -moz-transition: -moz-transform 0.4s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.4s 0.2s; -ms-transition: -ms-transform 0.4s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.4s 0.2s; -o-transition: -o-transform 0.4s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.4s 0.2s; transition: transform 0.4s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.4s 0.2s; }
section .inner-cont-wrap .cont-holder.onShow.title .title-box h2.txt-1 img { -webkit-animation: stop-motion-txt2 0.5s infinite; -moz-animation: stop-motion-txt2 0.5s infinite; -ms-animation: stop-motion-txt2 0.5s infinite; -o-animation: stop-motion-txt2 0.5s infinite; animation: stop-motion-txt2 0.5s infinite; }
section .inner-cont-wrap .cont-holder.onShow.title .title-box h2.txt-2 img { -webkit-animation: stop-motion-txt1 0.5s infinite; -moz-animation: stop-motion-txt1 0.5s infinite; -ms-animation: stop-motion-txt1 0.5s infinite; -o-animation: stop-motion-txt1 0.5s infinite; animation: stop-motion-txt1 0.5s infinite; }
section .inner-cont-wrap .cont-holder.onShow.title .title-box h2.txt-3 img { -webkit-animation: stop-motion-txt2 0.5s infinite; -moz-animation: stop-motion-txt2 0.5s infinite; -ms-animation: stop-motion-txt2 0.5s infinite; -o-animation: stop-motion-txt2 0.5s infinite; animation: stop-motion-txt2 0.5s infinite; }
section .inner-cont-wrap .cont-holder.onShow.title .txt-box h4 { 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); -webkit-transition: -webkit-transform 0.45s 0s ease-out, opacity 0.45s 0s; -moz-transition: -moz-transform 0.45s 0s ease-out, opacity 0.45s 0s; -ms-transition: -ms-transform 0.45s 0s ease-out, opacity 0.45s 0s; -o-transition: -o-transform 0.45s 0s ease-out, opacity 0.45s 0s; transition: transform 0.45s 0s ease-out, opacity 0.45s 0s; }

#section-1 { overflow: visible; }
#section-1:before { display: block; content: ''; position: absolute; width: calc(100% - 175px); height: 50%; left: 0; bottom: 0; background-color: #87d1d1; }
#section-1 .inner-cont-wrap { padding-left: 134px; background-color: #fff; font-size: 0; letter-spacing: 0; line-height: 0; z-index: 1; }
#section-1 .inner-cont-wrap .cont-holder { position: relative; display: inline-block; background-color: #fff; }
#section-1 .inner-cont-wrap .cont-holder .cont-inner-holder { position: relative; width: 100%; height: 100%; margin: 0 auto; }
#section-1 .inner-cont-wrap .cont-holder .img-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-1 .inner-cont-wrap .cont-holder .img-box .img-clip { position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-1 .inner-cont-wrap .cont-holder .bg-box { position: absolute; width: 100%; height: 1080px; top: 0; left: 0; margin-top: -140px; }
#section-1 .inner-cont-wrap .cont-holder .bg-box .bg-clip { position: absolute; width: 100%; height: 258px; left: 0; bottom: 0; right: 0; background-repeat: repeat-x; background-position: bottom left; background-image: url("../img/sec1_bg_pattern.png"); }
#section-1 .inner-cont-wrap .con-1 { width: 1777px; margin-right: 200px; }
#section-1 .inner-cont-wrap .con-1 .title-box { position: absolute; top: 27px; left: 78px; }
#section-1 .inner-cont-wrap .con-1 .title-box h1 { position: relative; font-size: 0; line-height: 0; letter-spacing: 0; text-align: left; }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .img-clip { display: inline-block; font-size: 0; line-height: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .line-1 { display: block; font-size: 0; margin-bottom: 25px; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .line-2 { display: block; font-size: 0; margin-bottom: 25px; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .line-3 { display: block; font-size: 0; margin-bottom: 36px; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-1 { width: 147px; height: 82px; margin-right: 22px; background-image: url("../img/sec1_tit_1.png"); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-2 { width: 159px; height: 85px; margin-right: 21px; background-image: url("../img/sec1_tit_2.png"); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-3 { width: 142px; height: 83px; background-image: url("../img/sec1_tit_3.png"); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-4 { display: block; width: 323px; height: 85px; background-image: url("../img/sec1_tit_4.png"); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-5 { width: 148px; height: 85px; margin-right: 18px; background-image: url("../img/sec1_tit_5.png"); }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-6 { width: 236px; height: 85px; margin-right: 18px; background-image: url("../img/sec1_tit_6.png"); background-position: 0 4px; }
#section-1 .inner-cont-wrap .con-1 .title-box h1 .word-7 { width: 199px; height: 85px; background-image: url("../img/sec1_tit_7.png"); background-position: 0 8px; }
#section-1 .inner-cont-wrap .con-1 .title-box p { margin-left: 9px; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-1 .title-box p span { display: block; width: 604px; height: 44px; font-size: 0; line-height: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec1_1_txt.png"); }
#section-1 .inner-cont-wrap .con-1 .bg-box { width: calc(100% + 1000px); margin-left: -500px; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character { width: 502px; height: 161px; top: 604px; left: 265px; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .img-pod { position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .character { width: 100%; height: 100%; background-image: url("../img/sec1_1_img.png"); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .lighting { width: 161px; height: 165px; top: 25px; left: 48px; background-image: url("../img/sec1_1_1.png"); -webkit-animation: sec1_1_char_lighting 2.8s 2s infinite; -moz-animation: sec1_1_char_lighting 2.8s 2s infinite; -ms-animation: sec1_1_char_lighting 2.8s 2s infinite; -o-animation: sec1_1_char_lighting 2.8s 2s infinite; animation: sec1_1_char_lighting 2.8s 2s infinite; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .txt { font-size: 0; top: 3px; left: 145px; -webkit-transform: translate(-20px, 15px) scale(0) rotate(20deg); -moz-transform: translate(-20px, 15px) scale(0) rotate(20deg); -ms-transform: translate(-20px, 15px) scale(0) rotate(20deg); -o-transform: translate(-20px, 15px) scale(0) rotate(20deg); transform: translate(-20px, 15px) scale(0) rotate(20deg); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .txt .txt-1 { display: inline-block; width: 27px; height: 26px; background-image: url("../img/sec1_1_txt_1.png"); background-repeat: no-repeat; background-position: 0 0px; -webkit-animation: stop-motion-txt3 0.5s infinite; -moz-animation: stop-motion-txt3 0.5s infinite; -ms-animation: stop-motion-txt3 0.5s infinite; -o-animation: stop-motion-txt3 0.5s infinite; animation: stop-motion-txt3 0.5s infinite; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .txt .txt-2 { display: inline-block; width: 66px; height: 33px; background-image: url("../img/sec1_1_txt_2.png"); background-repeat: no-repeat; background-position: 15px 7px; -webkit-animation: stop-motion-txt3 0.5s -0.25s infinite; -moz-animation: stop-motion-txt3 0.5s -0.25s infinite; -ms-animation: stop-motion-txt3 0.5s -0.25s infinite; -o-animation: stop-motion-txt3 0.5s -0.25s infinite; animation: stop-motion-txt3 0.5s -0.25s infinite; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .cat { width: 169px; height: 151px; top: 57px; right: -196px; left: auto; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .cat .cat-1 { width: 100%; height: 100%; top: 0; left: 0; background-image: url("../img/sec1_1_2_before.png"); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-1-character .cat .img-pod-1-1-cat { opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble { width: 1124px; height: 816px; top: -29px; left: 655px; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .img-pod { position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-1 { position: absolute; width: 885px; height: 816px; top: 0; right: 0; left: auto; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-1 .bubble-1-cloud { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: scale(0.8) rotate(20deg) translate(-50px, 0px); -moz-transform: scale(0.8) rotate(20deg) translate(-50px, 0px); -ms-transform: scale(0.8) rotate(20deg) translate(-50px, 0px); -o-transform: scale(0.8) rotate(20deg) translate(-50px, 0px); transform: scale(0.8) rotate(20deg) translate(-50px, 0px); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-1 .bubble-1-cloud .cloud { width: 100%; height: 100%; background-image: url("../img/sec1_2_img.png"); -webkit-animation: sec1_2_bubble_1 0.5s infinite; -moz-animation: sec1_2_bubble_1 0.5s infinite; -ms-animation: sec1_2_bubble_1 0.5s infinite; -o-animation: sec1_2_bubble_1 0.5s infinite; animation: sec1_2_bubble_1 0.5s infinite; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-1 .bubble-1-line { position: absolute; width: 483px; height: 381px; top: 202px; left: 190px; background-image: url("../img/sec1_2_img_1.png"); opacity: 0; filter: alpha(opacity=0); -webkit-animation: sec1-motion-line 0.4s steps(2) 1.3s infinite; -moz-animation: sec1-motion-line 0.4s steps(2) 1.3s infinite; -ms-animation: sec1-motion-line 0.4s steps(2) 1.3s infinite; -o-animation: sec1-motion-line 0.4s steps(2) 1.3s infinite; animation: sec1-motion-line 0.4s steps(2) 1.3s infinite; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-1 .bubble-1-obj { position: absolute; width: 643px; height: 663px; top: 48px; left: 127px; background-image: url("../img/sec1_2_img_2.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-1 .bubble-1-obj .txt { position: absolute; width: 684px; height: 573px; top: 124px; left: -36px; background-image: url("../img/sec1_2_img_2_1.png"); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .img-pod-character { position: absolute; width: 238px; height: 234px; top: 274px; left: 284px; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .img-pod-character .char-before, #section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .img-pod-character .char-after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .img-pod-character .char-before { background-image: url("../img/sec1_2_before.png"); }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .img-pod-character .char-after { width: 122px; height: 216px; top: 25px; left: 57px; background-image: url("../img/sec1_2_after.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-2 { position: absolute; width: 130px; height: 142px; top: 419px; left: 99px; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-2 .bubble { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec1_2_img_4.png"); -webkit-animation: sec1_2_bubble_2 0.5s -1s infinite; -moz-animation: sec1_2_bubble_2 0.5s -1s infinite; -ms-animation: sec1_2_bubble_2 0.5s -1s infinite; -o-animation: sec1_2_bubble_2 0.5s -1s infinite; animation: sec1_2_bubble_2 0.5s -1s infinite; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-3 { position: absolute; width: 81px; height: 91px; top: 518px; left: 0; }
#section-1 .inner-cont-wrap .con-1 .img-box .clip-2-bubble .bubble-3 .bubble { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec1_2_img_3.png"); -webkit-animation: sec1_2_bubble_3 0.5s -2s infinite; -moz-animation: sec1_2_bubble_3 0.5s -2s infinite; -ms-animation: sec1_2_bubble_3 0.5s -2s infinite; -o-animation: sec1_2_bubble_3 0.5s -2s infinite; animation: sec1_2_bubble_3 0.5s -2s infinite; }
#section-1 .inner-cont-wrap .con-1.onShow .title-box .line-1 { -webkit-transition: -webkit-transform 0.6s 0s ease-out,opacity 0.6s 0s; -moz-transition: -moz-transform 0.6s 0s ease-out,opacity 0.6s 0s; -ms-transition: -ms-transform 0.6s 0s ease-out,opacity 0.6s 0s; -o-transition: -o-transform 0.6s 0s ease-out,opacity 0.6s 0s; transition: transform 0.6s 0s ease-out,opacity 0.6s 0s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .con-1.onShow .title-box .line-2 { -webkit-transition: -webkit-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -moz-transition: -moz-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -ms-transition: -ms-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -o-transition: -o-transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; transition: transform 0.6s 0.1s ease-out,opacity 0.6s 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .con-1.onShow .title-box .line-3 { -webkit-transition: -webkit-transform 0.6s 0.1s ease-out,opacity 0.6s 0.2s; -moz-transition: -moz-transform 0.6s 0.1s ease-out,opacity 0.6s 0.2s; -ms-transition: -ms-transform 0.6s 0.1s ease-out,opacity 0.6s 0.2s; -o-transition: -o-transform 0.6s 0.1s ease-out,opacity 0.6s 0.2s; transition: transform 0.6s 0.1s ease-out,opacity 0.6s 0.2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .con-1.onShow .title-box p { -webkit-transition: opacity 0.3s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.4s; -moz-transition: opacity 0.3s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.4s; -ms-transition: opacity 0.3s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.4s; -o-transition: opacity 0.3s cubic-bezier(0,0,1,1); -o-transition-delay: 0.4s; transition: opacity 0.3s cubic-bezier(0,0,1,1); transition-delay: 0.4s; opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-1-character .txt { -webkit-transition: -webkit-transform 0.25s ease-out; -webkit-transition-delay: 0.5s; -moz-transition: -moz-transform 0.25s ease-out; -moz-transition-delay: 0.5s; -ms-transition: -ms-transform 0.25s ease-out; -ms-transition-delay: 0.5s; -o-transition: -o-transform 0.25s ease-out; -o-transition-delay: 0.5s; transition: transform 0.25s ease-out; transition-delay: 0.5s; -webkit-transform: translate(0, 0) scale(1) rotate(0deg); -moz-transform: translate(0, 0) scale(1) rotate(0deg); -ms-transform: translate(0, 0) scale(1) rotate(0deg); -o-transform: translate(0, 0) scale(1) rotate(0deg); transform: translate(0, 0) scale(1) rotate(0deg); }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-1-character .lighting { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0.8s; -moz-transition: opacity 0.5s cubic-bezier(0,0,1,1); -moz-transition-delay: 0.8s; -ms-transition: opacity 0.5s cubic-bezier(0,0,1,1); -ms-transition-delay: 0.8s; -o-transition: opacity 0.5s cubic-bezier(0,0,1,1); -o-transition-delay: 0.8s; transition: opacity 0.5s cubic-bezier(0,0,1,1); transition-delay: 0.8s; }
@keyframes sec1_1_char_lighting { 0% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-1-character .cat .cat-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1s; -moz-transition: opacity 0s cubic-bezier(0,0,1,1); -moz-transition-delay: 1s; -ms-transition: opacity 0s cubic-bezier(0,0,1,1); -ms-transition-delay: 1s; -o-transition: opacity 0s cubic-bezier(0,0,1,1); -o-transition-delay: 1s; transition: opacity 0s cubic-bezier(0,0,1,1); transition-delay: 1s; }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-1-character .cat .img-pod-1-1-cat { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1s; -moz-transition: opacity 0s cubic-bezier(0,0,1,1); -moz-transition-delay: 1s; -ms-transition: opacity 0s cubic-bezier(0,0,1,1); -ms-transition-delay: 1s; -o-transition: opacity 0s cubic-bezier(0,0,1,1); -o-transition-delay: 1s; transition: opacity 0s cubic-bezier(0,0,1,1); transition-delay: 1s; }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-2-bubble .bubble-1 .bubble-1-cloud { -webkit-transform: scale(1) rotate(0) translate(0, 0); -moz-transform: scale(1) rotate(0) translate(0, 0); -ms-transform: scale(1) rotate(0) translate(0, 0); -o-transform: scale(1) rotate(0) translate(0, 0); transform: scale(1) rotate(0) translate(0, 0); }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-2-bubble .bubble-1 .bubble-1-line { -webkit-transition: opacity 0.4s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1s; -moz-transition: opacity 0.4s cubic-bezier(0,0,1,1); -moz-transition-delay: 1s; -ms-transition: opacity 0.4s cubic-bezier(0,0,1,1); -ms-transition-delay: 1s; -o-transition: opacity 0.4s cubic-bezier(0,0,1,1); -o-transition-delay: 1s; transition: opacity 0.4s cubic-bezier(0,0,1,1); transition-delay: 1s; opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-2-bubble .bubble-1 .bubble-1-obj { -webkit-transition: -webkit-transform 0.4s 0.8s ease-out; -moz-transition: -moz-transform 0.4s 0.8s ease-out; -ms-transition: -ms-transform 0.4s 0.8s ease-out; -o-transition: -o-transform 0.4s 0.8s ease-out; transition: transform 0.4s 0.8s ease-out; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
@keyframes sec1-motion-line { 100% { background-position: 0 -762px; } }
@keyframes sec1_2_bubble_3 { 0% { -webkit-transform: rotate(5deg) translateY(1px); -moz-transform: rotate(5deg) translateY(1px); -ms-transform: rotate(5deg) translateY(1px); -o-transform: rotate(5deg) translateY(1px); transform: rotate(5deg) translateY(1px); }
  50% { -webkit-transform: rotate(5deg) translateY(1px); -moz-transform: rotate(5deg) translateY(1px); -ms-transform: rotate(5deg) translateY(1px); -o-transform: rotate(5deg) translateY(1px); transform: rotate(5deg) translateY(1px); }
  51% { -webkit-transform: rotate(-5deg) translateY(-1px); -moz-transform: rotate(-5deg) translateY(-1px); -ms-transform: rotate(-5deg) translateY(-1px); -o-transform: rotate(-5deg) translateY(-1px); transform: rotate(-5deg) translateY(-1px); }
  100% { -webkit-transform: rotate(-5deg) translateY(-1px); -moz-transform: rotate(-5deg) translateY(-1px); -ms-transform: rotate(-5deg) translateY(-1px); -o-transform: rotate(-5deg) translateY(-1px); transform: rotate(-5deg) translateY(-1px); } }
@keyframes sec1_2_bubble_2 { 0% { -webkit-transform: rotate(2deg) translateY(-1px); -moz-transform: rotate(2deg) translateY(-1px); -ms-transform: rotate(2deg) translateY(-1px); -o-transform: rotate(2deg) translateY(-1px); transform: rotate(2deg) translateY(-1px); }
  50% { -webkit-transform: rotate(2deg) translateY(-1px); -moz-transform: rotate(2deg) translateY(-1px); -ms-transform: rotate(2deg) translateY(-1px); -o-transform: rotate(2deg) translateY(-1px); transform: rotate(2deg) translateY(-1px); }
  51% { -webkit-transform: rotate(-2deg) translateY(1px); -moz-transform: rotate(-2deg) translateY(1px); -ms-transform: rotate(-2deg) translateY(1px); -o-transform: rotate(-2deg) translateY(1px); transform: rotate(-2deg) translateY(1px); }
  100% { -webkit-transform: rotate(-2deg) translateY(1px); -moz-transform: rotate(-2deg) translateY(1px); -ms-transform: rotate(-2deg) translateY(1px); -o-transform: rotate(-2deg) translateY(1px); transform: rotate(-2deg) translateY(1px); } }
@keyframes sec1_2_bubble_1 { 0% { -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); }
  50% { -webkit-transform: rotate(0.1deg); -moz-transform: rotate(0.1deg); -ms-transform: rotate(0.1deg); -o-transform: rotate(0.1deg); transform: rotate(0.1deg); }
  51% { -webkit-transform: rotate(-0.1deg); -moz-transform: rotate(-0.1deg); -ms-transform: rotate(-0.1deg); -o-transform: rotate(-0.1deg); transform: rotate(-0.1deg); }
  100% { -webkit-transform: rotate(-0.1deg); -moz-transform: rotate(-0.1deg); -ms-transform: rotate(-0.1deg); -o-transform: rotate(-0.1deg); transform: rotate(-0.1deg); } }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-2-bubble .img-pod-character { -webkit-transition: -webkit-transform 0.35s 0.8s ease-in-out, opacity 0.1s 0.8s; -moz-transition: -moz-transform 0.35s 0.8s ease-in-out, opacity 0.1s 0.8s; -ms-transition: -ms-transform 0.35s 0.8s ease-in-out, opacity 0.1s 0.8s; -o-transition: -o-transform 0.35s 0.8s ease-in-out, opacity 0.1s 0.8s; transition: transform 0.35s 0.8s ease-in-out, opacity 0.1s 0.8s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#section-1 .inner-cont-wrap .con-1.onShow .img-box .clip-2-bubble .img-pod-character .char-after { -webkit-transition: -webkit-transform 0.45s 0.8s cubic-bezier(0.51, 1.64, 0.57, 0.99) , opacity 0.2s 0.8s; -moz-transition: -moz-transform 0.45s 0.8s cubic-bezier(0.51, 1.64, 0.57, 0.99) , opacity 0.2s 0.8s; -ms-transition: -ms-transform 0.45s 0.8s cubic-bezier(0.51, 1.64, 0.57, 0.99) , opacity 0.2s 0.8s; -o-transition: -o-transform 0.45s 0.8s cubic-bezier(0.51, 1.64, 0.57, 0.99) , opacity 0.2s 0.8s; transition: transform 0.45s 0.8s cubic-bezier(0.51, 1.64, 0.57, 0.99) , opacity 0.2s 0.8s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .con-2 { width: 1566px; }
#section-1 .inner-cont-wrap .con-2 .txt-box { position: absolute; top: 155px; left: 403px; }
#section-1 .inner-cont-wrap .con-2 .txt-box .cont-txt { font-size: 18px; line-height: 1.68; text-align: center; color: #00000b; 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-1 .inner-cont-wrap .con-2 .txt-box .cont-txt.disclaimer { position: relative; width: 100%; margin-top: 27px; font-size: 14px; line-height: 1.428; color: #666; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .con-2 .txt-box.onShow .cont-txt { -webkit-transition: -webkit-transform 0.7s ease-out,opacity 0.7s; -moz-transition: -moz-transform 0.7s ease-out,opacity 0.7s; -ms-transition: -ms-transform 0.7s ease-out,opacity 0.7s; -o-transition: -o-transform 0.7s ease-out,opacity 0.7s; transition: transform 0.7s ease-out,opacity 0.7s; 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-1 .inner-cont-wrap .con-2 .txt-box.onShow .cont-txt.disclaimer { -webkit-transition: -webkit-transform 0.8s ease-out,opacity 0.5s 0.5s; -moz-transition: -moz-transform 0.8s ease-out,opacity 0.5s 0.5s; -ms-transition: -ms-transform 0.8s ease-out,opacity 0.5s 0.5s; -o-transition: -o-transform 0.8s ease-out,opacity 0.5s 0.5s; transition: transform 0.8s ease-out,opacity 0.5s 0.5s; 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-1 .inner-cont-wrap .con-2 .img-box .clip-3-frame { width: 276px; height: 248px; top: 0; left: 2px; background-image: url("../img/sec1_img_3.png"); }
#section-1 .inner-cont-wrap .con-2 .img-box .clip-4-bookshelf { width: 173px; height: 230px; top: 507px; left: 241px; background-image: url("../img/sec1_img_4.png"); }
#section-1 .inner-cont-wrap .con-2 .img-box .clip-5-sofa { width: 550px; height: 256px; top: 500px; left: 818px; background-image: url("../img/sec1_img_5.png"); }
#section-1 .inner-cont-wrap .con-2 .img-box .clip-6-shelf { width: 245px; height: 143px; top: 98px; left: auto; right: 98px; background-image: url("../img/sec1_img_6.png"); }

#section-2 .inner-cont-wrap .cont-holder { background-color: transparent; }
#section-2 .inner-cont-wrap .cont-holder.title { width: 411px; }
#section-2 .inner-cont-wrap .cont-holder.title .title-box { top: 0; left: 0; }
#section-2 .inner-cont-wrap .cont-holder.title .title-box .clock { margin-bottom: 37px; }
#section-2 .inner-cont-wrap .cont-holder.title .txt-box { width: 100%; left: 3px; }
#section-2 .inner-cont-wrap .cont-holder.con-1 { width: 1020px; }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box { top: 101px; }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .speech { top: 45px; width: 199px; height: 115px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec2_1_speech.png"); -webkit-transform: scale(0.9) rotate(3deg); -moz-transform: scale(0.9) rotate(3deg); -ms-transform: scale(0.9) rotate(3deg); -o-transform: scale(0.9) rotate(3deg); transform: scale(0.9) rotate(3deg); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .speech-txt { top: 45px; width: 199px; height: 115px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec2_1_txt.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip-2-1 { display: none; }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .wave { width: 178px; height: 65px; top: 402px; left: 221px; }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .wave .img-pod { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .wave .wave-1 { background-image: url("../img/sec2_1_1.png"); -webkit-animation: sec1_1_wave 1.6s ease-in-out infinite; -moz-animation: sec1_1_wave 1.6s ease-in-out infinite; -ms-animation: sec1_1_wave 1.6s ease-in-out infinite; -o-animation: sec1_1_wave 1.6s ease-in-out infinite; animation: sec1_1_wave 1.6s ease-in-out infinite; }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .wave .wave-2 { background-image: url("../img/sec2_1_2.png"); -webkit-animation: sec1_1_wave 1.6s 0.27s ease-in-out infinite; -moz-animation: sec1_1_wave 1.6s 0.27s ease-in-out infinite; -ms-animation: sec1_1_wave 1.6s 0.27s ease-in-out infinite; -o-animation: sec1_1_wave 1.6s 0.27s ease-in-out infinite; animation: sec1_1_wave 1.6s 0.27s ease-in-out infinite; }
#section-2 .inner-cont-wrap .cont-holder.con-1 .img-box .wave .wave-3 { background-image: url("../img/sec2_1_3.png"); -webkit-animation: sec1_1_wave 1.6s 0.54s ease-in-out infinite; -moz-animation: sec1_1_wave 1.6s 0.54s ease-in-out infinite; -ms-animation: sec1_1_wave 1.6s 0.54s ease-in-out infinite; -o-animation: sec1_1_wave 1.6s 0.54s ease-in-out infinite; animation: sec1_1_wave 1.6s 0.54s ease-in-out infinite; }
@keyframes sec1_1_wave { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); }
  25% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  75% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } }
#section-2 .inner-cont-wrap .cont-holder.con-1 .txt-box { top: 95px; left: 654px; }
#section-2 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .speech { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.15s 0.5s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.15s 0.5s; -moz-transition: -moz-transform 0.15s 0.5s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.15s 0.5s; -ms-transition: -ms-transform 0.15s 0.5s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.15s 0.5s; -o-transition: -o-transform 0.15s 0.5s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.15s 0.5s; transition: transform 0.15s 0.5s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.15s 0.5s; }
#section-2 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .speech-txt { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.15s 0.7s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s 0.7s; -moz-transition: -moz-transform 0.15s 0.7s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s 0.7s; -ms-transition: -ms-transform 0.15s 0.7s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s 0.7s; -o-transition: -o-transform 0.15s 0.7s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s 0.7s; transition: transform 0.15s 0.7s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s 0.7s; }
#section-2 .inner-cont-wrap .cont-holder.con-1.onShow .txt-box p { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
#section-2 .inner-cont-wrap .cont-holder.con-2 { width: 1272px; }
#section-2 .inner-cont-wrap .cont-holder.con-2 .img-box { top: -13px; left: 0; }
#section-2 .inner-cont-wrap .cont-holder.con-2 .img-box .bubble, #section-2 .inner-cont-wrap .cont-holder.con-2 .img-box .mark { top: 59px; left: 664px; width: 62px; height: 78px; background-image: url("../img/sec2_2_bubble.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-2 .img-box .mark.v1 { background-image: url("../img/sec2_2_mark1.png"); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
#section-2 .inner-cont-wrap .cont-holder.con-2 .img-box .mark.v2 { background-image: url("../img/sec2_2_mark2.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(5deg) scale(0); -moz-transform: rotate(5deg) scale(0); -ms-transform: rotate(5deg) scale(0); -o-transform: rotate(5deg) scale(0); transform: rotate(5deg) scale(0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
#section-2 .inner-cont-wrap .cont-holder.con-2 .img-box .light { top: 165px; left: 400px; width: 162px; height: 178px; background-image: url("../img/sec2_2_light.png"); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder.con-2 .txt-box { top: -6px; left: 895px; }
#section-2 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .mark.v1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(15deg) scale(0.9); -moz-transform: rotate(15deg) scale(0.9); -ms-transform: rotate(15deg) scale(0.9); -o-transform: rotate(15deg) scale(0.9); transform: rotate(15deg) scale(0.9); -webkit-transition: -webkit-transform 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190); -moz-transition: -moz-transform 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190); -ms-transition: -ms-transform 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190); -o-transition: -o-transform 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190); transition: transform 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 0.7s cubic-bezier(0.550, 0.055, 0.675, 0.190); }
#section-2 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .mark.v2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -webkit-transition: -webkit-transform 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: -moz-transform 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: -ms-transform 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: -o-transform 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: transform 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.08s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
#section-2 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .light { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s 0.5s linear; -moz-transition: opacity 0.2s 0.5s linear; -ms-transition: opacity 0.2s 0.5s linear; -o-transition: opacity 0.2s 0.5s linear; transition: opacity 0.2s 0.5s linear; }
#section-2 .inner-cont-wrap .cont-holder.con-2.onShow .txt-box p { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }
#section-2 .inner-cont-wrap .cont-holder.con-3 { width: 1210px; }
#section-2 .inner-cont-wrap .cont-holder.con-3 .deco-box { top: -71px; left: 71px; width: 798px; height: 188px; background-image: url("../img/sec2_3_deco.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-3 .txt-box-1 { top: 492px; }
#section-2 .inner-cont-wrap .cont-holder.con-3 .img-box { top: 232px; left: 272px; }
#section-2 .inner-cont-wrap .cont-holder.con-3 .img-box .img-clip-2-3-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
#section-2 .inner-cont-wrap .cont-holder.con-3 .img-box .washer { top: 73px; left: 195px; width: 266px; height: 380px; background-image: url("../img/sec2_3_wahser.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-3 .img-box .bixby { top: 216px; left: 125px; width: 356px; height: 186px; background-image: url("../img/sec2_3_bixby.png"); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder.con-3 .txt-box-2 { top: 232px; left: 822px; }
#section-2 .inner-cont-wrap .cont-holder.con-3.onShow .txt-box-2 p { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
#section-2 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .img-clip-2-3-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s 0.8s cubic-bezier(0.58,-0.37, 0, 2.46), opacity 0.2s 0.8s; -moz-transition: -moz-transform 0.3s 0.8s cubic-bezier(0.58,-0.37, 0, 2.46), opacity 0.2s 0.8s; -ms-transition: -ms-transform 0.3s 0.8s cubic-bezier(0.58,-0.37, 0, 2.46), opacity 0.2s 0.8s; -o-transition: -o-transform 0.3s 0.8s cubic-bezier(0.58,-0.37, 0, 2.46), opacity 0.2s 0.8s; transition: transform 0.3s 0.8s cubic-bezier(0.58,-0.37, 0, 2.46), opacity 0.2s 0.8s; }
#section-2 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .bixby { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.1s 0.5s ease-out; -moz-transition: opacity 0.1s 0.5s ease-out; -ms-transition: opacity 0.1s 0.5s ease-out; -o-transition: opacity 0.1s 0.5s ease-out; transition: opacity 0.1s 0.5s ease-out; }
#section-2 .inner-cont-wrap .cont-holder.con-4 { width: 1036px; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box { top: 0; left: 0; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .bg { top: 0; left: 0; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .dust { width: 753px; height: 538px; top: 0; left: 0; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .dust > li { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform-origin: 40% 65%; -moz-transform-origin: 40% 65%; -ms-transform-origin: 40% 65%; -o-transform-origin: 40% 65%; transform-origin: 40% 65%; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .dust .dust-1 { background-image: url("../img/sec2_4_dust1.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .dust .dust-2 { background-image: url("../img/sec2_4_dust2.png"); -webkit-transform-origin: 40% 70%; -moz-transform-origin: 40% 70%; -ms-transform-origin: 40% 70%; -o-transform-origin: 40% 70%; transform-origin: 40% 70%; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .dust .dust-3 { background-image: url("../img/sec2_4_dust3.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .road { width: 446px; height: 449px; top: 0; left: 0; overflow: hidden; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .road .road-line { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec2_4_road.png"); -webkit-transform: translate(-70px, -70px); -moz-transform: translate(-70px, -70px); -ms-transform: translate(-70px, -70px); -o-transform: translate(-70px, -70px); transform: translate(-70px, -70px); }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .bixby { width: 440px; height: 468px; top: -8px; left: 109px; -webkit-transform: translate(-70px, -70px); -moz-transform: translate(-70px, -70px); -ms-transform: translate(-70px, -70px); -o-transform: translate(-70px, -70px); transform: translate(-70px, -70px); }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .bixby ul { display: block; width: 100%; height: 100%; -webkit-animation: stop-motion-bixby 0.6s infinite; -moz-animation: stop-motion-bixby 0.6s infinite; -ms-animation: stop-motion-bixby 0.6s infinite; -o-animation: stop-motion-bixby 0.6s infinite; animation: stop-motion-bixby 0.6s infinite; -webkit-transform-origin: 50% 70%; -moz-transform-origin: 50% 70%; -ms-transform-origin: 50% 70%; -o-transform-origin: 50% 70%; transform-origin: 50% 70%; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .bixby ul > li { position: absolute; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .bixby ul .robot { background-image: url("../img/sec2_4_bixby.png"); width: 100%; height: 100%; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .bixby ul .gesture { background-image: url("../img/sec2_4_gesture.png"); width: 75px; height: 77px; top: 61px; left: -22px; -webkit-animation: stop-motion-gesture 0.6s infinite; -moz-animation: stop-motion-gesture 0.6s infinite; -ms-animation: stop-motion-gesture 0.6s infinite; -o-animation: stop-motion-gesture 0.6s infinite; animation: stop-motion-gesture 0.6s infinite; }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .frame { top: -2px; left: -1px; width: 756px; height: 544px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec2_4_frame.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-4 .img-box .deco { width: 292px; height: 433px; top: auto; left: auto; bottom: -209px; right: -83px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec2_4_deco.png"); }
#section-2 .inner-cont-wrap .cont-holder.con-4 .txt-box { top: -7px; left: 798px; }
#section-2 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .dust .dust-1 { -webkit-animation: motion-dust 0.8s 0.5s forwards; -moz-animation: motion-dust 0.8s 0.5s forwards; -ms-animation: motion-dust 0.8s 0.5s forwards; -o-animation: motion-dust 0.8s 0.5s forwards; animation: motion-dust 0.8s 0.5s forwards; }
#section-2 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .dust .dust-2 { -webkit-animation: motion-dust 0.8s 0.8s forwards; -moz-animation: motion-dust 0.8s 0.8s forwards; -ms-animation: motion-dust 0.8s 0.8s forwards; -o-animation: motion-dust 0.8s 0.8s forwards; animation: motion-dust 0.8s 0.8s forwards; }
#section-2 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .road .road-line { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.5s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.5s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.5s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: transform 1.5s cubic-bezier(0,0,1,1); transition-delay: 0s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-2 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .bixby { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0,0,1,1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.5s cubic-bezier(0,0,1,1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.5s cubic-bezier(0,0,1,1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.5s cubic-bezier(0,0,1,1); -o-transition-delay: 0s; transition: transform 1.5s cubic-bezier(0,0,1,1); transition-delay: 0s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-2 .inner-cont-wrap .cont-holder.con-4.onShow .txt-box p { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

@keyframes stop-motion-bixby { 0% { -webkit-transform: rotate(0.3deg); -moz-transform: rotate(0.3deg); -ms-transform: rotate(0.3deg); -o-transform: rotate(0.3deg); transform: rotate(0.3deg); }
  50% { -webkit-transform: rotate(0.3deg); -moz-transform: rotate(0.3deg); -ms-transform: rotate(0.3deg); -o-transform: rotate(0.3deg); transform: rotate(0.3deg); }
  51% { -webkit-transform: rotate(-0.3deg); -moz-transform: rotate(-0.3deg); -ms-transform: rotate(-0.3deg); -o-transform: rotate(-0.3deg); transform: rotate(-0.3deg); }
  100% { -webkit-transform: rotate(-0.3deg); -moz-transform: rotate(-0.3deg); -ms-transform: rotate(-0.3deg); -o-transform: rotate(-0.3deg); transform: rotate(-0.3deg); } }
@keyframes stop-motion-gesture { 0% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }
  50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }
  51% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } }
@keyframes motion-dust { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(0) rotate(20deg); -moz-transform: scale(0) rotate(20deg); -ms-transform: scale(0) rotate(20deg); -o-transform: scale(0) rotate(20deg); transform: scale(0) rotate(20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
#section-3 .inner-cont-wrap .cont-holder.title { width: 614px; }
#section-3 .inner-cont-wrap .cont-holder.title .title-box { top: 0; left: 0; }
#section-3 .inner-cont-wrap .cont-holder.title .title-box .clock { margin-bottom: 39px; }
#section-3 .inner-cont-wrap .cont-holder.title .txt-box { width: 100%; }
#section-3 .inner-cont-wrap .cont-holder.title .img-box { position: absolute; bottom: 0; right: 67px; }
#section-3 .inner-cont-wrap .cont-holder.con-1 { width: 1411px; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .deco-box { position: absolute; top: 10px; left: 3px; width: 143px; height: 144px; background-image: url("../img/sec3_1_deco.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-1 .deco-box .img-clip-3-1 { position: absolute; width: 100%; height: 100%; background-image: url("../img/sec3_1_deco_txt.png"); -webkit-animation: stop-motion-txt1 0.5s infinite; -moz-animation: stop-motion-txt1 0.5s infinite; -ms-animation: stop-motion-txt1 0.5s infinite; -o-animation: stop-motion-txt1 0.5s infinite; animation: stop-motion-txt1 0.5s infinite; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box { top: 101px; left: 73px; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .mark { top: 22px; left: 423px; width: 126px; height: 108px; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .mark.v1 { background-image: url("../img/sec3_1_mark1.png"); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .mark.v2 { background-image: url("../img/sec3_1_mark2.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(5deg) scale(0); -moz-transform: rotate(5deg) scale(0); -ms-transform: rotate(5deg) scale(0); -o-transform: rotate(5deg) scale(0); transform: rotate(5deg) scale(0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .bixby { top: 44px; left: 144px; width: 304px; height: 548px; }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .bixby.v1 { background-image: url("../img/sec3_1_bixby1.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .bixby.v2 { background-image: url("../img/sec3_1_bixby2.png"); opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .light { top: 132px; left: 272px; width: 200px; height: 220px; background-image: url("../img/sec3_1_light.png"); opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-1 .img-box .frame { width: 100%; height: 100%; top: 0; left: 0; background-image: url("../img/sec3_1_frame.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-1 .txt-box { top: 327px; left: 1027px; }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .mark { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .mark.v1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(15deg) scale(0.8); -moz-transform: rotate(15deg) scale(0.8); -ms-transform: rotate(15deg) scale(0.8); -o-transform: rotate(15deg) scale(0.8); transform: rotate(15deg) scale(0.8); -webkit-transition: -webkit-transform 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190); -moz-transition: -moz-transform 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190); -ms-transition: -ms-transform 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190); -o-transition: -o-transform 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190); transition: transform 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190), opacity 0s 1.1s cubic-bezier(0.550, 0.055, 0.675, 0.190); }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .mark.v2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -webkit-transition: -webkit-transform 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: -moz-transform 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: -ms-transform 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: -o-transform 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: transform 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-animation: stop-motion-txt 1.2s 2.1s infinite; -moz-animation: stop-motion-txt 1.2s 2.1s infinite; -ms-animation: stop-motion-txt 1.2s 2.1s infinite; -o-animation: stop-motion-txt 1.2s 2.1s infinite; animation: stop-motion-txt 1.2s 2.1s infinite; }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .light { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s 0.5s linear; -moz-transition: opacity 0.2s 0.5s linear; -ms-transition: opacity 0.2s 0.5s linear; -o-transition: opacity 0.2s 0.5s linear; transition: opacity 0.2s 0.5s linear; }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .bixby.v1 { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0s 0.7s ease-in; -moz-transition: opacity 0s 0.7s ease-in; -ms-transition: opacity 0s 0.7s ease-in; -o-transition: opacity 0s 0.7s ease-in; transition: opacity 0s 0.7s ease-in; }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .bixby.v2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 0.7s ease-out; -moz-transition: opacity 0s 0.7s ease-out; -ms-transition: opacity 0s 0.7s ease-out; -o-transition: opacity 0s 0.7s ease-out; transition: opacity 0s 0.7s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-1.onShow .txt-box p { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }
#section-3 .inner-cont-wrap .cont-holder.con-2 { width: 1015px; }
#section-3 .inner-cont-wrap .cont-holder.con-2 .img-box { top: 4px; }
#section-3 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip-3-2-1, #section-3 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip-3-2-2, #section-3 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip-3-2-3 { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-2 .img-box .snowman { top: 206px; left: 327px; width: 202px; height: 210px; background-image: url("../img/spritesheet/sec3_2_snowman.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scaleY(0.9); -moz-transform: scaleY(0.9); -ms-transform: scaleY(0.9); -o-transform: scaleY(0.9); transform: scaleY(0.9); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }
#section-3 .inner-cont-wrap .cont-holder.con-2 .txt-box { left: 692px; top: 559px; }
#section-3 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip-3-2-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 1.4s ease-out; -moz-transition: opacity 0s 1.4s ease-out; -ms-transition: opacity 0s 1.4s ease-out; -o-transition: opacity 0s 1.4s ease-out; transition: opacity 0s 1.4s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip-3-2-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 1.4s ease-out; -moz-transition: opacity 0s 1.4s ease-out; -ms-transition: opacity 0s 1.4s ease-out; -o-transition: opacity 0s 1.4s ease-out; transition: opacity 0s 1.4s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip-3-2-3 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 1s ease-out; -moz-transition: opacity 0s 1s ease-out; -ms-transition: opacity 0s 1s ease-out; -o-transition: opacity 0s 1s ease-out; transition: opacity 0s 1s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .snowman { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform 0.2s 0.5s ease-out, opacity 0.2s 0.5s; -moz-transition: -moz-transform 0.2s 0.5s ease-out, opacity 0.2s 0.5s; -ms-transition: -ms-transform 0.2s 0.5s ease-out, opacity 0.2s 0.5s; -o-transition: -o-transform 0.2s 0.5s ease-out, opacity 0.2s 0.5s; transition: transform 0.2s 0.5s ease-out, opacity 0.2s 0.5s; }
#section-3 .inner-cont-wrap .cont-holder.con-2.onShow .txt-box p { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; }
#section-3 .inner-cont-wrap .cont-holder.con-3 { width: 417px; }
#section-3 .inner-cont-wrap .cont-holder.con-3 .txt-box { top: 227px; }
#section-3 .inner-cont-wrap .cont-holder.con-3 .img-box { position: absolute; width: 345px; height: 318px; bottom: 81px; right: -6px; }
#section-3 .inner-cont-wrap .cont-holder.con-3 .img-box .img-clip { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); transform: translate(-200px, 200px); opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-3 .img-box .base-image { position: relative; -webkit-transform-origin: 80% 10%; -moz-transform-origin: 80% 10%; -ms-transform-origin: 80% 10%; -o-transform-origin: 80% 10%; transform-origin: 80% 10%; }
#section-3 .inner-cont-wrap .cont-holder.con-3 .img-box .vibe-mark { width: 100%; height: 100%; background-image: url("../img/sec3_3_vaccum.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .img-clip { -webkit-transition: -webkit-transform 2s ease-in-out, opacity 0.4s 0.4s linear; -moz-transition: -moz-transform 2s ease-in-out, opacity 0.4s 0.4s linear; -ms-transition: -ms-transform 2s ease-in-out, opacity 0.4s 0.4s linear; -o-transition: -o-transform 2s ease-in-out, opacity 0.4s 0.4s linear; transition: transform 2s ease-in-out, opacity 0.4s 0.4s linear; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .base-image { -webkit-animation: vaccum-vibe 1.4s 0.2s forwards; -moz-animation: vaccum-vibe 1.4s 0.2s forwards; -ms-animation: vaccum-vibe 1.4s 0.2s forwards; -o-animation: vaccum-vibe 1.4s 0.2s forwards; animation: vaccum-vibe 1.4s 0.2s forwards; }
@keyframes vaccum-vibe { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  5% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  10% { -webkit-transform: rotate(-0.8deg); -moz-transform: rotate(-0.8deg); -ms-transform: rotate(-0.8deg); -o-transform: rotate(-0.8deg); transform: rotate(-0.8deg); }
  25% { -webkit-transform: rotate(0.8deg); -moz-transform: rotate(0.8deg); -ms-transform: rotate(0.8deg); -o-transform: rotate(0.8deg); transform: rotate(0.8deg); }
  55% { -webkit-transform: rotate(0.8deg); -moz-transform: rotate(0.8deg); -ms-transform: rotate(0.8deg); -o-transform: rotate(0.8deg); transform: rotate(0.8deg); }
  65% { -webkit-transform: rotate(-0.4deg); -moz-transform: rotate(-0.4deg); -ms-transform: rotate(-0.4deg); -o-transform: rotate(-0.4deg); transform: rotate(-0.4deg); }
  75% { -webkit-transform: rotate(0.4deg); -moz-transform: rotate(0.4deg); -ms-transform: rotate(0.4deg); -o-transform: rotate(0.4deg); transform: rotate(0.4deg); }
  80% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }
#section-3 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .vibe-mark { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s 0s linear; -moz-transition: opacity 0.4s 0s linear; -ms-transition: opacity 0.4s 0s linear; -o-transition: opacity 0.4s 0s linear; transition: opacity 0.4s 0s linear; }
#section-3 .inner-cont-wrap .cont-holder.con-4 { width: 1179px; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box { top: -31px; left: -8px; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .prd1, #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .prd2, #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .prd3 { opacity: 0; filter: alpha(opacity=0); background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .prd1 { top: 140px; width: 180px; height: 304px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); background-image: url("../img/sec3_4_img_prd1.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .prd2 { left: auto; right: 33px; width: 160px; height: 198px; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); background-image: url("../img/sec3_4_img_prd2.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .prd3 { left: auto; top: auto; bottom: 119px; right: 5px; width: 132px; height: 96px; -webkit-transform: translateY(45px); -moz-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px); background-image: url("../img/sec3_4_img_prd3.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .note1, #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .note2, #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .note3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .note1 { top: 321px; left: 247px; width: 18px; height: 26px; background-image: url("../img/sec3_4_img_note1.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .note2 { top: 154px; left: 345px; width: 28px; height: 34px; background-image: url("../img/sec3_4_img_note2.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .note3 { top: 213px; left: 530px; width: 28px; height: 30px; background-image: url("../img/sec3_4_img_note3.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .person1 { background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec3_4_person1.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .appear-motion .person2 { opacity: 0; filter: alpha(opacity=0); background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .person1, #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .person2 { position: absolute; width: 460px; height: 350px; top: auto; bottom: 0; left: 214px; }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .person2 { background-image: url("../img/spritesheet/sec3_4_person2_3.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip-3-4, #section-3 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip-3-4-person { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-4 .txt-box { top: 330px; left: 810px; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion-wrap { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0s 1.3s linear; -moz-transition: opacity 0s 1.3s linear; -ms-transition: opacity 0s 1.3s linear; -o-transition: opacity 0s 1.3s linear; transition: opacity 0s 1.3s linear; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .prd1, #section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .prd2, #section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .prd3 { 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-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .prd1 { -webkit-transition: -webkit-transform 0.6s 0.3s ease-out, opacity 0.6s 0.3s; -moz-transition: -moz-transform 0.6s 0.3s ease-out, opacity 0.6s 0.3s; -ms-transition: -ms-transform 0.6s 0.3s ease-out, opacity 0.6s 0.3s; -o-transition: -o-transform 0.6s 0.3s ease-out, opacity 0.6s 0.3s; transition: transform 0.6s 0.3s ease-out, opacity 0.6s 0.3s; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .prd2 { -webkit-transition: -webkit-transform 0.6s 0.5s ease-out, opacity 0.6s 0.5s; -moz-transition: -moz-transform 0.6s 0.5s ease-out, opacity 0.6s 0.5s; -ms-transition: -ms-transform 0.6s 0.5s ease-out, opacity 0.6s 0.5s; -o-transition: -o-transform 0.6s 0.5s ease-out, opacity 0.6s 0.5s; transition: transform 0.6s 0.5s ease-out, opacity 0.6s 0.5s; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .prd3 { -webkit-transition: -webkit-transform 0.6s 0.7s ease-out, opacity 0.6s 0.7s; -moz-transition: -moz-transform 0.6s 0.7s ease-out, opacity 0.6s 0.7s; -ms-transition: -ms-transform 0.6s 0.7s ease-out, opacity 0.6s 0.7s; -o-transition: -o-transform 0.6s 0.7s ease-out, opacity 0.6s 0.7s; transition: transform 0.6s 0.7s ease-out, opacity 0.6s 0.7s; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .note1, #section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .note2, #section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .note3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .note1 { -webkit-transition: -webkit-transform 0.4s 0.5s ease-out, opacity 0.4s 0.3s; -moz-transition: -moz-transform 0.4s 0.5s ease-out, opacity 0.4s 0.3s; -ms-transition: -ms-transform 0.4s 0.5s ease-out, opacity 0.4s 0.3s; -o-transition: -o-transform 0.4s 0.5s ease-out, opacity 0.4s 0.3s; transition: transform 0.4s 0.5s ease-out, opacity 0.4s 0.3s; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .note2 { -webkit-transition: -webkit-transform 0.4s 0.7s ease-out, opacity 0.4s 0.5s; -moz-transition: -moz-transform 0.4s 0.7s ease-out, opacity 0.4s 0.5s; -ms-transition: -ms-transform 0.4s 0.7s ease-out, opacity 0.4s 0.5s; -o-transition: -o-transform 0.4s 0.7s ease-out, opacity 0.4s 0.5s; transition: transform 0.4s 0.7s ease-out, opacity 0.4s 0.5s; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .note3 { -webkit-transition: -webkit-transform 0.4s 0.9s ease-out, opacity 0.4s 0.7s; -moz-transition: -moz-transform 0.4s 0.9s ease-out, opacity 0.4s 0.7s; -ms-transition: -ms-transform 0.4s 0.9s ease-out, opacity 0.4s 0.7s; -o-transition: -o-transform 0.4s 0.9s ease-out, opacity 0.4s 0.7s; transition: transform 0.4s 0.9s ease-out, opacity 0.4s 0.7s; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .person1 { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0s 0.5s ease-in; -moz-transition: opacity 0s 0.5s ease-in; -ms-transition: opacity 0s 0.5s ease-in; -o-transition: opacity 0s 0.5s ease-in; transition: opacity 0s 0.5s ease-in; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .appear-motion .person2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 0.5s ease-out; -moz-transition: opacity 0s 0.5s ease-out; -ms-transition: opacity 0s 0.5s ease-out; -o-transition: opacity 0s 0.5s ease-out; transition: opacity 0s 0.5s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .img-clip-3-4, #section-3 .inner-cont-wrap .cont-holder.con-4.onShow .img-box .img-clip-3-4-person { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 1.3s linear; -moz-transition: opacity 0s 1.3s linear; -ms-transition: opacity 0s 1.3s linear; -o-transition: opacity 0s 1.3s linear; transition: opacity 0s 1.3s linear; }
#section-3 .inner-cont-wrap .cont-holder.con-4.onShow .txt-box p { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
#section-3 .inner-cont-wrap .cont-holder.con-5 { width: 1032px; }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box { top: 32px; }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .deco { top: -30px; left: auto; right: -42px; width: 410px; height: 354px; opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .deco .penguin-1 { position: absolute; bottom: 8px; left: 0; width: 128px; height: 166px; background-image: url("../img/sec3_5_penguin1.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .deco .penguin-2 { position: absolute; bottom: 35px; right: 0; width: 110px; height: 154px; background-image: url("../img/sec3_5_penguin2.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .deco .aircon { position: absolute; width: 100%; height: 100%; background-image: url("../img/sec3_5_deco.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .mask { top: 277px; right: 0; width: 322px; height: 200px; background-image: url("../img/sec3_5_mask.png"); }
#section-3 .inner-cont-wrap .cont-holder.con-5 .img-box .img-clip-3-5 { opacity: 0; filter: alpha(opacity=0); }
#section-3 .inner-cont-wrap .cont-holder.con-5 .txt-box { bottom: 91px; left: 779px; }
#section-3 .inner-cont-wrap .cont-holder.con-5.onShow .img-box .deco { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.1s 0.9s ease-out; -moz-transition: opacity 0.1s 0.9s ease-out; -ms-transition: opacity 0.1s 0.9s ease-out; -o-transition: opacity 0.1s 0.9s ease-out; transition: opacity 0.1s 0.9s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-5.onShow .img-box .deco .penguin-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.5s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.3s; -moz-transition: -moz-transform 0.5s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.3s; -ms-transition: -ms-transform 0.5s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.3s; -o-transition: -o-transform 0.5s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.3s; transition: transform 0.5s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-3 .inner-cont-wrap .cont-holder.con-5.onShow .img-box .deco .penguin-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.4s; -moz-transition: -moz-transform 0.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.4s; -ms-transition: -ms-transform 0.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.4s; -o-transition: -o-transform 0.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.4s; transition: transform 0.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.1s 1.4s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-3 .inner-cont-wrap .cont-holder.con-5.onShow .img-box .img-clip-3-5 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s 0.5s ease-out; -moz-transition: opacity 0.4s 0.5s ease-out; -ms-transition: opacity 0.4s 0.5s ease-out; -o-transition: opacity 0.4s 0.5s ease-out; transition: opacity 0.4s 0.5s ease-out; }
#section-3 .inner-cont-wrap .cont-holder.con-5.onShow .txt-box p { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; }

#section-4 .inner-cont-wrap .cont-holder.title { width: 532px; }
#section-4 .inner-cont-wrap .cont-holder.title .title-box { top: 0; left: 0; }
#section-4 .inner-cont-wrap .cont-holder.title .title-box .clock { margin-bottom: 38px; }
#section-4 .inner-cont-wrap .cont-holder.title .txt-box { width: 100%; }
#section-4 .inner-cont-wrap .cont-holder.title .img-box { position: absolute; bottom: 176px; right: 131px; width: 117px; height: 95px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec4_0_img.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-1 { width: 1297px; }
#section-4 .inner-cont-wrap .cont-holder.con-1 .img-box { top: 0; }
#section-4 .inner-cont-wrap .cont-holder.con-1 .img-box .bixby.v1 { top: 89px; left: 349px; width: 509px; height: 569px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec4_1_bixby1.png"); opacity: 1; filter: alpha(opacity=100); }
#section-4 .inner-cont-wrap .cont-holder.con-1 .img-box .bixby.v2 { top: 90px; left: 273px; width: 585px; height: 568px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec4_1_bixby2.png"); opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip-4-1 { top: 126px; left: 734px; }
#section-4 .inner-cont-wrap .cont-holder.con-1 .img-box .frame { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec4_1_frame.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-1 .deco-box { top: 521px; left: 748px; width: 335px; height: 233px; background-repeat: no-repeat; background-size: contain; background-position: 0 0; background-image: url("../img/sec4_1_deco.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-1 .txt-box { top: 242px; left: 910px; }
#section-4 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .bixby.v1 { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s 0.6s ease-in; -moz-transition: opacity 0.15s 0.6s ease-in; -ms-transition: opacity 0.15s 0.6s ease-in; -o-transition: opacity 0.15s 0.6s ease-in; transition: opacity 0.15s 0.6s ease-in; }
#section-4 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .bixby.v2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.15s 0.6s ease-out; -moz-transition: opacity 0.15s 0.6s ease-out; -ms-transition: opacity 0.15s 0.6s ease-out; -o-transition: opacity 0.15s 0.6s ease-out; transition: opacity 0.15s 0.6s ease-out; }
#section-4 .inner-cont-wrap .cont-holder.con-1.onShow .txt-box p { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
#section-4 .inner-cont-wrap .cont-holder.con-2 { width: 920px; }
#section-4 .inner-cont-wrap .cont-holder.con-2 .img-box { top: 166px; }
#section-4 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-4 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.mark .img-pod { position: absolute; width: 51px; height: 44px; top: 131px; left: 327px; background-repeat: no-repeat; background-size: contain; background-position: 0 0; -webkit-transform-origin: 60% 100%; -moz-transform-origin: 60% 100%; -ms-transform-origin: 60% 100%; -o-transform-origin: 60% 100%; transform-origin: 60% 100%; }
#section-4 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.mark .qe { background-image: url("../img/sec4_2_1_qe.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.mark .ex { background-image: url("../img/sec4_2_1_ex.png"); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
#section-4 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.message { width: 113px; height: 59px; top: 209px; left: 116px; background-image: url("../img/sec4_2_2.png"); opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-2 .txt-box { bottom: 93px; left: 555px; }
#section-4 .inner-cont-wrap .cont-holder.con-2.onShow .txt-box p { -webkit-transition-delay: 1.45s; -moz-transition-delay: 1.45s; -o-transition-delay: 1.45s; transition-delay: 1.45s; }
#section-4 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.mark .qe { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.08s 1.3s linear; -moz-transition: opacity 0.08s 1.3s linear; -ms-transition: opacity 0.08s 1.3s linear; -o-transition: opacity 0.08s 1.3s linear; transition: opacity 0.08s 1.3s linear; }
#section-4 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.mark .ex { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.1s 1.6s linear; -moz-transition: opacity 0.1s 1.6s linear; -ms-transition: opacity 0.1s 1.6s linear; -o-transition: opacity 0.1s 1.6s linear; transition: opacity 0.1s 1.6s linear; -webkit-transition: -webkit-transform 0.08s 1.4s ease-in-out; -moz-transition: -moz-transform 0.08s 1.4s ease-in-out; -ms-transition: -ms-transform 0.08s 1.4s ease-in-out; -o-transition: -o-transform 0.08s 1.4s ease-in-out; transition: transform 0.08s 1.4s ease-in-out; }
#section-4 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.message { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.1s 0.8s linear; -moz-transition: opacity 0.1s 0.8s linear; -ms-transition: opacity 0.1s 0.8s linear; -o-transition: opacity 0.1s 0.8s linear; transition: opacity 0.1s 0.8s linear; }
#section-4 .inner-cont-wrap .cont-holder.con-3 { width: 1107px; }
#section-4 .inner-cont-wrap .cont-holder.con-3 .img-box { top: 38px; left: 0; }
#section-4 .inner-cont-wrap .cont-holder.con-3 .img-box .img-clip { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-4 .inner-cont-wrap .cont-holder.con-3 .img-box .img-clip.light { width: 158px; height: 190px; top: 202px; left: 317px; background-image: url("../img/sec4_3_1.png"); opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-3 .img-box .img-clip-4-3-tv .on { opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-3 .txt-box { top: 394px; left: 722px; }
#section-4 .inner-cont-wrap .cont-holder.con-3.onShow .txt-box p { -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; }
#section-4 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .img-clip.light { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.15s 1s linear; -moz-transition: opacity 0.15s 1s linear; -ms-transition: opacity 0.15s 1s linear; -o-transition: opacity 0.15s 1s linear; transition: opacity 0.15s 1s linear; }
#section-4 .inner-cont-wrap .cont-holder.con-3.onShow .img-box .img-clip-4-3-tv .on { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s 1.4s linear; -moz-transition: opacity 0.2s 1.4s linear; -ms-transition: opacity 0.2s 1.4s linear; -o-transition: opacity 0.2s 1.4s linear; transition: opacity 0.2s 1.4s linear; }
#section-4 .inner-cont-wrap .cont-holder.con-4 { width: 1085px; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box { top: 157px; left: 0; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.note { width: 307px; height: 735px; top: -124px; left: 334px; background-image: url("../img/sec4_4_1.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.phone { width: 96px; height: 192px; top: auto; bottom: -59px; left: auto; right: -37px; background-image: url("../img/sec4_4_2.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror { width: 172px; height: 176px; top: -92px; right: 16px; left: auto; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-base { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_1.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-base-on { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_2.png"); -webkit-animation: sec4_4_mirror 0.8s infinite linear; -moz-animation: sec4_4_mirror 0.8s infinite linear; -ms-animation: sec4_4_mirror 0.8s infinite linear; -o-animation: sec4_4_mirror 0.8s infinite linear; animation: sec4_4_mirror 0.8s infinite linear; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-point-1 { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_point_1.png"); -webkit-animation: sec4_4_mirror_point 0.8s 0.1s infinite; -moz-animation: sec4_4_mirror_point 0.8s 0.1s infinite; -ms-animation: sec4_4_mirror_point 0.8s 0.1s infinite; -o-animation: sec4_4_mirror_point 0.8s 0.1s infinite; animation: sec4_4_mirror_point 0.8s 0.1s infinite; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-point-2 { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_point_2.png"); -webkit-animation: sec4_4_mirror_point 0.8s 0.2s infinite; -moz-animation: sec4_4_mirror_point 0.8s 0.2s infinite; -ms-animation: sec4_4_mirror_point 0.8s 0.2s infinite; -o-animation: sec4_4_mirror_point 0.8s 0.2s infinite; animation: sec4_4_mirror_point 0.8s 0.2s infinite; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-point-3 { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_point_3.png"); -webkit-animation: sec4_4_mirror_point 0.8s 0.3s infinite; -moz-animation: sec4_4_mirror_point 0.8s 0.3s infinite; -ms-animation: sec4_4_mirror_point 0.8s 0.3s infinite; -o-animation: sec4_4_mirror_point 0.8s 0.3s infinite; animation: sec4_4_mirror_point 0.8s 0.3s infinite; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-point-4 { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_point_4.png"); -webkit-animation: sec4_4_mirror_point 0.8s 0.4s infinite; -moz-animation: sec4_4_mirror_point 0.8s 0.4s infinite; -ms-animation: sec4_4_mirror_point 0.8s 0.4s infinite; -o-animation: sec4_4_mirror_point 0.8s 0.4s infinite; animation: sec4_4_mirror_point 0.8s 0.4s infinite; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-point-5 { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_point_5.png"); -webkit-animation: sec4_4_mirror_point 0.8s 0.5s infinite; -moz-animation: sec4_4_mirror_point 0.8s 0.5s infinite; -ms-animation: sec4_4_mirror_point 0.8s 0.5s infinite; -o-animation: sec4_4_mirror_point 0.8s 0.5s infinite; animation: sec4_4_mirror_point 0.8s 0.5s infinite; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .img-clip.mirror .img-pod.mirror-point-6 { background-image: url("../img/spritesheet/sec4_4_mirror_source/sec4_4_mirror_point_6.png"); -webkit-animation: sec4_4_mirror_point 0.8s 0.6s infinite; -moz-animation: sec4_4_mirror_point 0.8s 0.6s infinite; -ms-animation: sec4_4_mirror_point 0.8s 0.6s infinite; -o-animation: sec4_4_mirror_point 0.8s 0.6s infinite; animation: sec4_4_mirror_point 0.8s 0.6s infinite; }
@keyframes sec4_4_mirror { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes sec4_4_mirror_point { 50% { opacity: 0.6; filter: alpha(opacity=60); } }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror { display: none; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence { display: none; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod.img-pod-4-4-base { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_1.png"); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-1 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_1.png"); -webkit-animation: showAni 0.8s 0s forwards infinite; -moz-animation: showAni 0.8s 0s forwards infinite; -ms-animation: showAni 0.8s 0s forwards infinite; -o-animation: showAni 0.8s 0s forwards infinite; animation: showAni 0.8s 0s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-2 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_2.png"); -webkit-animation: showAni 0.8s 0.0666666667s forwards infinite; -moz-animation: showAni 0.8s 0.0666666667s forwards infinite; -ms-animation: showAni 0.8s 0.0666666667s forwards infinite; -o-animation: showAni 0.8s 0.0666666667s forwards infinite; animation: showAni 0.8s 0.0666666667s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-3 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_3.png"); -webkit-animation: showAni 0.8s 0.1333333333s forwards infinite; -moz-animation: showAni 0.8s 0.1333333333s forwards infinite; -ms-animation: showAni 0.8s 0.1333333333s forwards infinite; -o-animation: showAni 0.8s 0.1333333333s forwards infinite; animation: showAni 0.8s 0.1333333333s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-4 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_4.png"); -webkit-animation: showAni 0.8s 0.2s forwards infinite; -moz-animation: showAni 0.8s 0.2s forwards infinite; -ms-animation: showAni 0.8s 0.2s forwards infinite; -o-animation: showAni 0.8s 0.2s forwards infinite; animation: showAni 0.8s 0.2s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-5 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_5.png"); -webkit-animation: showAni 0.8s 0.2666666667s forwards infinite; -moz-animation: showAni 0.8s 0.2666666667s forwards infinite; -ms-animation: showAni 0.8s 0.2666666667s forwards infinite; -o-animation: showAni 0.8s 0.2666666667s forwards infinite; animation: showAni 0.8s 0.2666666667s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-6 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_6.png"); -webkit-animation: showAni 0.8s 0.3333333333s forwards infinite; -moz-animation: showAni 0.8s 0.3333333333s forwards infinite; -ms-animation: showAni 0.8s 0.3333333333s forwards infinite; -o-animation: showAni 0.8s 0.3333333333s forwards infinite; animation: showAni 0.8s 0.3333333333s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-7 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_7.png"); -webkit-animation: showAni 0.8s 0.4s forwards infinite; -moz-animation: showAni 0.8s 0.4s forwards infinite; -ms-animation: showAni 0.8s 0.4s forwards infinite; -o-animation: showAni 0.8s 0.4s forwards infinite; animation: showAni 0.8s 0.4s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-8 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_8.png"); -webkit-animation: showAni 0.8s 0.4666666667s forwards infinite; -moz-animation: showAni 0.8s 0.4666666667s forwards infinite; -ms-animation: showAni 0.8s 0.4666666667s forwards infinite; -o-animation: showAni 0.8s 0.4666666667s forwards infinite; animation: showAni 0.8s 0.4666666667s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-9 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_9.png"); -webkit-animation: showAni 0.8s 0.5333333333s forwards infinite; -moz-animation: showAni 0.8s 0.5333333333s forwards infinite; -ms-animation: showAni 0.8s 0.5333333333s forwards infinite; -o-animation: showAni 0.8s 0.5333333333s forwards infinite; animation: showAni 0.8s 0.5333333333s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-10 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_10.png"); -webkit-animation: showAni 0.8s 0.6s forwards infinite; -moz-animation: showAni 0.8s 0.6s forwards infinite; -ms-animation: showAni 0.8s 0.6s forwards infinite; -o-animation: showAni 0.8s 0.6s forwards infinite; animation: showAni 0.8s 0.6s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-11 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_11.png"); -webkit-animation: showAni 0.8s 0.6666666667s forwards infinite; -moz-animation: showAni 0.8s 0.6666666667s forwards infinite; -ms-animation: showAni 0.8s 0.6666666667s forwards infinite; -o-animation: showAni 0.8s 0.6666666667s forwards infinite; animation: showAni 0.8s 0.6666666667s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder.con-4 .img-box .loop-sprite.img-clip-4-4-mirror-sequence .img-pod-4-4-12 { background-image: url("../img/spritesheet/sec4_4_mirror/sec4_4_12.png"); -webkit-animation: showAni 0.8s 0.7333333333s forwards infinite; -moz-animation: showAni 0.8s 0.7333333333s forwards infinite; -ms-animation: showAni 0.8s 0.7333333333s forwards infinite; -o-animation: showAni 0.8s 0.7333333333s forwards infinite; animation: showAni 0.8s 0.7333333333s forwards infinite; opacity: 0; filter: alpha(opacity=0); }
@keyframes showAni { 0% { opacity: 1; filter: alpha(opacity=100); }
  8.4% { opacity: 1; filter: alpha(opacity=100); }
  8.5% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
#section-4 .inner-cont-wrap .cont-holder.con-4 .txt-box { top: 154px; left: 835px; }
#section-4 .inner-cont-wrap .cont-holder.con-4.onShow .txt-box p { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

#section-5 .inner-cont-wrap { padding-right: 350px; }
#section-5 .inner-cont-wrap .cont-holder.title { width: 349px; }
#section-5 .inner-cont-wrap .cont-holder.title .title-box { top: 0; left: 0; }
#section-5 .inner-cont-wrap .cont-holder.title .title-box .clock { margin-bottom: 37px; }
#section-5 .inner-cont-wrap .cont-holder.title .txt-box { width: 100%; }
#section-5 .inner-cont-wrap .cont-holder.con-1 { width: 1257px; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box { top: 201px; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble { width: 493px; height: 369px; top: -181px; left: auto; right: -187px; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble .img-pod { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble .bubble-1 { width: 393px; height: 369px; left: 100px; background: none; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble .bubble-1 .bubble-1-cloud { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; background-image: url("../img/sec5_1_2_bubble1.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble .bubble-2 { width: 47px; height: 53px; top: 194px; left: 47px; background-image: url("../img/sec5_1_2_bubble2.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble .bubble-3 { width: 30px; height: 31px; top: 225px; background-image: url("../img/sec5_1_2_bubble3.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-1 .img-box .img-clip.bubble .img-pod-5-1-3-bixby { opacity: 0; filter: alpha(opacity=0); left: 116px; }
#section-5 .inner-cont-wrap .cont-holder.con-1 .txt-box { top: 437px; left: 865px; }
#section-5 .inner-cont-wrap .cont-holder.con-1.onShow .txt-box p { -webkit-transition-delay: 1.15s; -moz-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; }
#section-5 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .img-clip.bubble .bubble-1 { -webkit-animation: sec6_bubble_1 3s ease-in-out infinite; -moz-animation: sec6_bubble_1 3s ease-in-out infinite; -ms-animation: sec6_bubble_1 3s ease-in-out infinite; -o-animation: sec6_bubble_1 3s ease-in-out infinite; animation: sec6_bubble_1 3s ease-in-out infinite; }
#section-5 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .img-clip.bubble .bubble-2 { -webkit-animation: sec6_bubble_2 2s ease-in-out infinite; -moz-animation: sec6_bubble_2 2s ease-in-out infinite; -ms-animation: sec6_bubble_2 2s ease-in-out infinite; -o-animation: sec6_bubble_2 2s ease-in-out infinite; animation: sec6_bubble_2 2s ease-in-out infinite; }
#section-5 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .img-clip.bubble .bubble-3 { -webkit-animation: sec6_bubble_3 2.5s ease-in-out infinite; -moz-animation: sec6_bubble_3 2.5s ease-in-out infinite; -ms-animation: sec6_bubble_3 2.5s ease-in-out infinite; -o-animation: sec6_bubble_3 2.5s ease-in-out infinite; animation: sec6_bubble_3 2.5s ease-in-out infinite; }
#section-5 .inner-cont-wrap .cont-holder.con-1.onShow .img-box .img-clip.bubble .img-pod-5-1-3-bixby { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s 0.8s linear; -moz-transition: opacity 0.2s 0.8s linear; -ms-transition: opacity 0.2s 0.8s linear; -o-transition: opacity 0.2s 0.8s linear; transition: opacity 0.2s 0.8s linear; }
@keyframes sec6_bubble_1 { 50% { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes sec6_bubble_2 { 50% { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes sec6_bubble_3 { 50% { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); }
  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 .cont-holder.con-2 { width: 1276px; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .deco-box { width: 274px; height: 56px; top: 0; left: -104px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url("../img/sec5_2_deco.png"); opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box { width: 808px; height: 623px; top: 101px; left: 0; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .base-image .base-image-clip.tb-light-off { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .base-image .base-image-clip.bixby-on { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.img-off { background-image: url("../img/sec5_2_img_off.jpg"); opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.bear { width: 159px; height: 154px; top: auto; bottom: -51px; left: -60px; background-image: url("../img/sec5_2_3.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.light { width: 254px; height: 212px; top: 93px; left: 268px; background-image: url("../img/sec5_2_1.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.lamp { width: 174px; height: 75px; top: 3px; left: 68px; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.lamp .img-pod { position: absolute; width: 100%; height: 100%; top: -3px; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.lamp .img-pod.on { background-image: url("../img/sec5_2_2_on.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.lamp .img-pod.off { opacity: 0; filter: alpha(opacity=0); background-image: url("../img/sec5_2_2_off.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.lamp .img-pod.light-mark { background-image: url("../img/sec5_2_2_on_light.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.table { width: 221px; height: 328px; top: 235px; left: auto; right: -201px; }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.table .img-pod-table { width: 207px; height: 327px; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: 0 0; background-image: url("../img/sec5_2_4.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.table .img-pod-txt { position: absolute; width: 22px; height: 14px; top: 29px; left: 54px; background-repeat: no-repeat; background-size: contain; background-position: 0 0; background-image: url("../img/sec5_2_4_off.png"); opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.edge { width: 816px; height: 629px; top: -3px; left: -3px; background-image: url("../img/sec5_2_edge.png"); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .img-box .img-clip.black-dim { width: 100%; height: 100%; top: 0; left: 0; background-color: #010101; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder.con-2 .txt-box { top: 294px; left: 1060px; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .txt-box p { -webkit-transition-delay: 1.9s; -moz-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .deco-box { animation: sec5_2_decoBox 0.8s 2.8s forwards alternate linear; }
@keyframes sec5_2_decoBox { 30% { opacity: 0; filter: alpha(opacity=0); }
  40% { opacity: 0.6; filter: alpha(opacity=60); }
  50% { opacity: 0.2; filter: alpha(opacity=20); }
  60% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .base-image .base-image-clip.tb-light-off { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s 1.3s linear; -moz-transition: opacity 0.2s 1.3s linear; -ms-transition: opacity 0.2s 1.3s linear; -o-transition: opacity 0.2s 1.3s linear; transition: opacity 0.2s 1.3s linear; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.img-off { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.1s 4.4s linear; -moz-transition: opacity 0.1s 4.4s linear; -ms-transition: opacity 0.1s 4.4s linear; -o-transition: opacity 0.1s 4.4s linear; transition: opacity 0.1s 4.4s linear; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.light { animation: sec5_2_light 2s 1.2s forwards alternate; }
@keyframes sec5_2_light { 0% { opacity: 1; filter: alpha(opacity=100); }
  15% { opacity: 0.8; filter: alpha(opacity=80); }
  30% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 0.8; filter: alpha(opacity=80); }
  65% { opacity: 1; filter: alpha(opacity=100); }
  80% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.lamp .img-pod.on { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s 1.3s linear; -moz-transition: opacity 0.2s 1.3s linear; -ms-transition: opacity 0.2s 1.3s linear; -o-transition: opacity 0.2s 1.3s linear; transition: opacity 0.2s 1.3s linear; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.lamp .img-pod.off { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s 1.3s linear; -moz-transition: opacity 0.2s 1.3s linear; -ms-transition: opacity 0.2s 1.3s linear; -o-transition: opacity 0.2s 1.3s linear; transition: opacity 0.2s 1.3s linear; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.lamp .img-pod.light-mark { animation: sec5_2_light_mark 1s 1s infinite linear; }
@keyframes sec5_2_light_mark { 50% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.table .img-pod-txt { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0s 1.5s linear; -moz-transition: opacity 0s 1.5s linear; -ms-transition: opacity 0s 1.5s linear; -o-transition: opacity 0s 1.5s linear; transition: opacity 0s 1.5s linear; }
#section-5 .inner-cont-wrap .cont-holder.con-2.onShow .img-box .img-clip.black-dim { animation: sec5_2_dim 1s 1.3s forwards alternate linear; }
@keyframes sec5_2_dim { 0% { opacity: 0; filter: alpha(opacity=0); }
  10% { opacity: 0.74; filter: alpha(opacity=74); }
  30% { opacity: 0.74; filter: alpha(opacity=74); }
  100% { opacity: 0.44; filter: alpha(opacity=44); } }
#section-6:before { display: block; content: ''; position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; background-color: #87d1d1; }
#section-6 .inner-cont-wrap { padding: 0; background-color: #fff; }
#section-6 .inner-cont-wrap .cont-holder { display: inline-block; position: relative; width: 1280px; margin: 0 auto; }
#section-6 .inner-cont-wrap .cont-holder .txt-box { position: absolute; width: 601px; height: 390px; top: 50%; left: 50%; margin-top: -195px; margin-left: -300.5px; padding: 20px; background-color: rgba(38, 63, 106, 0.83); font-size: 0; text-align: center; }
#section-6 .inner-cont-wrap .cont-holder .txt-box:before { display: inline-block; content: ''; width: 0; height: 100%; vertical-align: middle; }
#section-6 .inner-cont-wrap .cont-holder .txt-box .cont-txt { display: inline-block; margin-top: -8px; color: #fff; vertical-align: middle; }
#section-6 .inner-cont-wrap .cont-holder .img-box { position: absolute; width: 388px; height: 584px; bottom: 22px; right: -48px; }
#section-6 .inner-cont-wrap .img-holder { position: absolute; width: 100%; height: 1080px; top: 0; left: 0; margin-top: -140px; }
#section-6 .inner-cont-wrap .img-holder .img-box { position: absolute; width: 100%; height: 100%; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-holder { position: absolute; width: 100%; height: 595px; left: 0; bottom: 362px; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-holder.holder-2 { left: -150%; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-holder .inner-img-clip-holder { position: absolute; width: 1872px; height: 100%; bottom: 0; left: 0; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-aircon { position: absolute; width: 165px; height: 595px; bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("../img/sec6_obj_1.png"); }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv { position: absolute; width: 560px; height: 344px; bottom: 0; left: 222px; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .img-pod { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .tv { background-image: url("../img/sec6_obj_2.png"); }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .img-pod-6-1-tv, #section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .off { width: 547px; height: 307px; top: 5px; left: 6px; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .txt { width: 156px; height: 37px; top: 72px; left: 63px; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .txt .txt-good, #section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .txt .txt-night { position: absolute; width: 50%; height: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .txt .txt-good { background-image: url("../img/sec6_obj_2_txt_1.png"); -webkit-transform-origin: 40% 50%; -moz-transform-origin: 40% 50%; -ms-transform-origin: 40% 50%; -o-transform-origin: 40% 50%; transform-origin: 40% 50%; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .txt .txt-night { left: 50%; background-image: url("../img/sec6_obj_2_txt_2.png"); -webkit-transform-origin: 60% 50%; -moz-transform-origin: 60% 50%; -ms-transform-origin: 60% 50%; -o-transform-origin: 60% 50%; transform-origin: 60% 50%; }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-tv .off { background-image: url("../img/sec6_obj_2_off.jpg"); }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-cleaner { position: absolute; width: 166px; height: 148px; bottom: 0; left: 870px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("../img/sec6_obj_3.png"); }
#section-6 .inner-cont-wrap .img-holder .img-box .img-clip-fridge { position: absolute; width: 383px; height: 595px; bottom: 0; left: 1115px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("../img/sec6_obj_4.png"); }
#section-6 .inner-cont-wrap .img-holder .bg-box { position: absolute; width: 100%; height: 464px; left: 0; right: 0; bottom: 0; overflow: hidden; }
#section-6 .inner-cont-wrap .img-holder .bg-box .img-clip-belt { position: relative; width: 100%; height: 100%; background-repeat: repeat-x; background-position: 26px 0; background-image: url("../img/sec6_bg_pattern.png"); }
#section-6 .inner-cont-wrap .img-holder .bg-box .img-clip-bg { position: absolute; width: 100%; height: 100%; top: 5px; left: 0; background-color: #87d1d1; }
#section-6 .inner-cont-wrap .img-holder.onShow .img-box { -webkit-animation: sec6_outro_slide_pd 40s linear infinite; -moz-animation: sec6_outro_slide_pd 40s linear infinite; -ms-animation: sec6_outro_slide_pd 40s linear infinite; -o-animation: sec6_outro_slide_pd 40s linear infinite; animation: sec6_outro_slide_pd 40s linear infinite; }
@keyframes sec6_outro_slide_pd { 100% { -webkit-transform: translateX(150%); -moz-transform: translateX(150%); -ms-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%); } }
#section-6 .inner-cont-wrap .img-holder.onShow .img-clip-tv .txt-good { -webkit-animation: sec6_outro_txt_1_good 0.5s steps(2) infinite; -moz-animation: sec6_outro_txt_1_good 0.5s steps(2) infinite; -ms-animation: sec6_outro_txt_1_good 0.5s steps(2) infinite; -o-animation: sec6_outro_txt_1_good 0.5s steps(2) infinite; animation: sec6_outro_txt_1_good 0.5s steps(2) infinite; }
@keyframes sec6_outro_txt_1_good { 100% { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } }
#section-6 .inner-cont-wrap .img-holder.onShow .img-clip-tv .txt-night { -webkit-animation: sec6_outro_txt_2_night 0.5s steps(2) infinite; -moz-animation: sec6_outro_txt_2_night 0.5s steps(2) infinite; -ms-animation: sec6_outro_txt_2_night 0.5s steps(2) infinite; -o-animation: sec6_outro_txt_2_night 0.5s steps(2) infinite; animation: sec6_outro_txt_2_night 0.5s steps(2) infinite; }
@keyframes sec6_outro_txt_2_night { 100% { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); transform: rotate(4deg); } }
#section-6 .inner-cont-wrap .img-holder.onShow .bg-box .img-clip-belt { -webkit-animation: sec6_outro_belt 24s infinite linear; -moz-animation: sec6_outro_belt 24s infinite linear; -ms-animation: sec6_outro_belt 24s infinite linear; -o-animation: sec6_outro_belt 24s infinite linear; animation: sec6_outro_belt 24s infinite linear; }
@keyframes sec6_outro_belt { 100% { background-position: 100% 0; } }
#section-7 { min-width: 1694px; margin-left: -1px; background-color: #ffffff; }
#section-7 .related-stories-wrap .inner-cont-holder { margin: 0 207px; }

.loop-sprite.img-pod-1-1-cat { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec1_1_2.png"); }
.loop-sprite.img-clip-2-1 { position: absolute; width: 178px; height: 70px; top: 401px; left: 221px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec2_1.png"); }
.loop-sprite.img-clip-2-2 { position: absolute; width: 148px; height: 102px; top: 293px; left: 185px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec2_2.png"); }
.loop-sprite.img-clip-2-3-1 { position: absolute; width: 80px; height: 120px; top: 182px; left: 35px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec2_3.png"); }
.loop-sprite.img-clip-2-3-2 { position: absolute; width: 160px; height: 180px; top: 21px; left: 19px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec2_3_2.png"); }
.loop-sprite.img-clip-3-2-1 { position: absolute; width: 74px; height: 44px; top: 77px; left: 168px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec3_2_1.png"); }
.loop-sprite.img-clip-3-2-2 { position: absolute; width: 58px; height: 78px; top: 208px; left: 327px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec3_2_2.png"); }
.loop-sprite.img-clip-3-2-3 { position: absolute; width: 176px; height: 200px; top: 219px; left: 362px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec3_2_3.png"); }
.loop-sprite.img-clip-3-4 { position: absolute; top: 0; left: 0; width: 100%; height: 556px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec3_4.png"); }
.loop-sprite.img-clip-3-4-person { background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.loop-sprite.img-clip-3-5 { position: absolute; width: 186px; height: 222px; top: 194px; left: 235px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec3_5.png"); }
.loop-sprite.img-clip-4-1 { position: absolute; width: 124px; height: 160px; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec4_1.png"); }
.loop-sprite.img-clip-4-2-balloon { position: absolute; width: 438px; height: 144px; top: -138px; left: 50px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec4_2.png"); }
.loop-sprite.img-clip-4-3-smoke { position: absolute; width: 328px; height: 304px; top: 15px; left: -166px; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec4_3_1_1.png"); -webkit-animation: sec4_3_1 2s steps(2) infinite; -moz-animation: sec4_3_1 2s steps(2) infinite; -ms-animation: sec4_3_1 2s steps(2) infinite; -o-animation: sec4_3_1 2s steps(2) infinite; animation: sec4_3_1 2s steps(2) infinite; }
.loop-sprite.img-clip-4-3-food { position: absolute; width: 328px; height: 304px; top: 15px; left: -144px; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec4_3_1_2.png"); -webkit-animation: sec4_3_1 2s steps(2) infinite; -moz-animation: sec4_3_1 2s steps(2) infinite; -ms-animation: sec4_3_1 2s steps(2) infinite; -o-animation: sec4_3_1 2s steps(2) infinite; animation: sec4_3_1 2s steps(2) infinite; }
@keyframes sec4_3_1 { 100% { background-position: 0 -608px; } }
.loop-sprite.img-clip-4-3-tv { position: absolute; width: 334px; height: 208px; right: -186px; top: -38px; }
.loop-sprite.img-clip-4-3-tv .img-pod { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; background-position: 0 0; }
.loop-sprite.img-clip-4-3-tv .off { background-image: url("../img/sec4_3_2_off.png"); }
.loop-sprite.img-clip-4-3-tv .on-1, .loop-sprite.img-clip-4-3-tv .on-2 { width: 328px; height: 188px; top: 2px; left: 3px; }
.loop-sprite.img-clip-4-3-tv .on-1 { background-image: url("../img/spritesheet/sec4_3_2_on/sec4_3_2_on_1.png"); }
.loop-sprite.img-clip-4-3-tv .on-2 { background-image: url("../img/spritesheet/sec4_3_2_on/sec4_3_2_on_2.png"); }
.loop-sprite.img-clip-4-4-dance { position: absolute; width: 624px; height: 404px; bottom: -70px; left: 44px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-image: url("../img/spritesheet/sec4_4_1.png"); -webkit-animation: sec4_4_1 2s steps(2) infinite; -moz-animation: sec4_4_1 2s steps(2) infinite; -ms-animation: sec4_4_1 2s steps(2) infinite; -o-animation: sec4_4_1 2s steps(2) infinite; animation: sec4_4_1 2s steps(2) infinite; }
@keyframes sec4_4_1 { 100% { background-position: 0 -806px; } }
.loop-sprite.img-clip-4-4-mirror { position: absolute; width: 170px; height: 174px; top: -92px; right: 16px; background-size: 100% 1200%; background-position: 0 0; background-image: url("../img/spritesheet/sec4_4_2.png"); -webkit-animation: sec4_4_2 .8s steps(12) infinite; -moz-animation: sec4_4_2 .8s steps(12) infinite; -ms-animation: sec4_4_2 .8s steps(12) infinite; -o-animation: sec4_4_2 .8s steps(12) infinite; animation: sec4_4_2 .8s steps(12) infinite; }
@keyframes sec4_4_2 { 100% { background-position: 0 -1200%; } }
.loop-sprite.img-clip-4-4-mirror-sequence { position: absolute; width: 170px; height: 174px; top: -92px; right: 16px; }
.loop-sprite.img-clip-5-1-1-cat { position: absolute; width: 136px; height: 88px; top: 103px; left: 499px; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec5_1_1.png"); }
.loop-sprite.img-clip-5-1-2-coffee { position: absolute; width: 108px; height: 80px; top: 358px; left: 416px; background-repeat: no-repeat; background-size: 100% 300%; background-position: 0 0; background-image: url("../img/spritesheet/sec5_1_2.png"); }
.loop-sprite.img-pod-5-1-3-bixby { position: absolute; width: 160px; height: 112px; top: 47px; left: 118px; background-repeat: no-repeat; background-size: 100% 300%; background-position: 0 0; background-image: url("../img/spritesheet/sec5_1_3.png"); }
.loop-sprite.img-pod-5-2 { position: absolute; width: 34px; height: 36px; top: 0; right: 0; background-repeat: no-repeat; background-size: 100% 500%; background-position: 0 0; background-image: url("../img/spritesheet/sec5_2.png"); }
.loop-sprite.img-clip-6-1-char { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec6_1.png"); }
.loop-sprite.img-pod-6-1-tv { position: absolute; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec6_obj_2_on.png"); }
.loop-sprite.img-clip-6-2-washing { position: absolute; width: 244px; height: 440px; bottom: 0; left: 1633px; background-repeat: no-repeat; background-size: 100% 200%; background-position: 0 0; background-image: url("../img/spritesheet/sec6_obj_5.png"); }

.cont-holder.onShow .loop-sprite.img-pod-1-1-cat { -webkit-animation: sec1_1_cat 2s steps(2) infinite; -moz-animation: sec1_1_cat 2s steps(2) infinite; -ms-animation: sec1_1_cat 2s steps(2) infinite; -o-animation: sec1_1_cat 2s steps(2) infinite; animation: sec1_1_cat 2s steps(2) infinite; }
@keyframes sec1_1_cat { 100% { background-position: 0 -302px; } }
.cont-holder.onShow .loop-sprite.img-clip-2-1.first { -webkit-animation: sec2_1_wave 2s 0s steps(11) infinite; -moz-animation: sec2_1_wave 2s 0s steps(11) infinite; -ms-animation: sec2_1_wave 2s 0s steps(11) infinite; -o-animation: sec2_1_wave 2s 0s steps(11) infinite; animation: sec2_1_wave 2s 0s steps(11) infinite; }
.cont-holder.onShow .loop-sprite.img-clip-2-1.second { -webkit-animation: sec2_1_wave 2s 1.6s steps(11) infinite; -moz-animation: sec2_1_wave 2s 1.6s steps(11) infinite; -ms-animation: sec2_1_wave 2s 1.6s steps(11) infinite; -o-animation: sec2_1_wave 2s 1.6s steps(11) infinite; animation: sec2_1_wave 2s 1.6s steps(11) infinite; }
@keyframes sec2_1_wave { 100% { background-position: 0 -770px; } }
.cont-holder.onShow .loop-sprite.img-clip-2-2 { -webkit-animation: sec2_2_cat 2s 2s steps(2) infinite; -moz-animation: sec2_2_cat 2s 2s steps(2) infinite; -ms-animation: sec2_2_cat 2s 2s steps(2) infinite; -o-animation: sec2_2_cat 2s 2s steps(2) infinite; animation: sec2_2_cat 2s 2s steps(2) infinite; }
@keyframes sec2_2_cat { 100% { background-position: 0 -210px; } }
.cont-holder.onShow .loop-sprite.img-clip-2-3-1 { -webkit-animation: sec2_3_1_washingDrop 2s steps(10) infinite; -moz-animation: sec2_3_1_washingDrop 2s steps(10) infinite; -ms-animation: sec2_3_1_washingDrop 2s steps(10) infinite; -o-animation: sec2_3_1_washingDrop 2s steps(10) infinite; animation: sec2_3_1_washingDrop 2s steps(10) infinite; }
@keyframes sec2_3_1_washingDrop { 100% { background-position: 0 -1200px; } }
.cont-holder.onShow .loop-sprite.img-clip-2-3-2 { -webkit-animation: sec2_3_2 2s 0.8s steps(2) infinite; -moz-animation: sec2_3_2 2s 0.8s steps(2) infinite; -ms-animation: sec2_3_2 2s 0.8s steps(2) infinite; -o-animation: sec2_3_2 2s 0.8s steps(2) infinite; animation: sec2_3_2 2s 0.8s steps(2) infinite; }
@keyframes sec2_3_2 { 100% { background-position: 0 -360px; } }
.cont-holder.onShow .loop-sprite.img-clip-3-2-1 { -webkit-animation: sec3_2_1 3s 1.4s steps(3) infinite; -moz-animation: sec3_2_1 3s 1.4s steps(3) infinite; -ms-animation: sec3_2_1 3s 1.4s steps(3) infinite; -o-animation: sec3_2_1 3s 1.4s steps(3) infinite; animation: sec3_2_1 3s 1.4s steps(3) infinite; }
@keyframes sec3_2_1 { 100% { background-position: 0 -132px; } }
.cont-holder.onShow .loop-sprite.img-clip-3-2-2 { -webkit-animation: sec3_2_2 3s steps(4) 1.4s infinite; -moz-animation: sec3_2_2 3s steps(4) 1.4s infinite; -ms-animation: sec3_2_2 3s steps(4) 1.4s infinite; -o-animation: sec3_2_2 3s steps(4) 1.4s infinite; animation: sec3_2_2 3s steps(4) 1.4s infinite; }
@keyframes sec3_2_2 { 100% { background-position: 0 -312px; } }
.cont-holder.onShow .loop-sprite.img-clip-3-2-3 { -webkit-animation: sec3_2_3 3s steps(2) 1s infinite; -moz-animation: sec3_2_3 3s steps(2) 1s infinite; -ms-animation: sec3_2_3 3s steps(2) 1s infinite; -o-animation: sec3_2_3 3s steps(2) 1s infinite; animation: sec3_2_3 3s steps(2) 1s infinite; }
@keyframes sec3_2_3 { 100% { background-position: 0 -418px; } }
.cont-holder.onShow .loop-sprite.img-clip-3-4 { -webkit-animation: sec3_4 2s 1s steps(2) infinite; -moz-animation: sec3_4 2s 1s steps(2) infinite; -ms-animation: sec3_4 2s 1s steps(2) infinite; -o-animation: sec3_4 2s 1s steps(2) infinite; animation: sec3_4 2s 1s steps(2) infinite; }
@keyframes sec3_4 { 100% { background-position: 0 -1112px; } }
.cont-holder.onShow .loop-sprite.img-clip-3-4-person { -webkit-animation: sec3_4_person 2s 1s steps(2) infinite; -moz-animation: sec3_4_person 2s 1s steps(2) infinite; -ms-animation: sec3_4_person 2s 1s steps(2) infinite; -o-animation: sec3_4_person 2s 1s steps(2) infinite; animation: sec3_4_person 2s 1s steps(2) infinite; }
@keyframes sec3_4_person { 100% { background-position: 0 -700px; } }
.cont-holder.onShow .loop-sprite.img-clip-3-5 { -webkit-animation: sec3_5 2s 0.5s steps(2) infinite; -moz-animation: sec3_5 2s 0.5s steps(2) infinite; -ms-animation: sec3_5 2s 0.5s steps(2) infinite; -o-animation: sec3_5 2s 0.5s steps(2) infinite; animation: sec3_5 2s 0.5s steps(2) infinite; }
@keyframes sec3_5 { 100% { background-position: 0 -444px; } }
.cont-holder.onShow .loop-sprite.img-clip-4-1 { -webkit-animation: sec4_1 2s steps(2) infinite; -moz-animation: sec4_1 2s steps(2) infinite; -ms-animation: sec4_1 2s steps(2) infinite; -o-animation: sec4_1 2s steps(2) infinite; animation: sec4_1 2s steps(2) infinite; }
@keyframes sec4_1 { 100% { background-position: 0 -320px; } }
.cont-holder.onShow .loop-sprite.img-clip-4-2-balloon { -webkit-animation: sec4_2_balloon 2s steps(7) infinite; -moz-animation: sec4_2_balloon 2s steps(7) infinite; -ms-animation: sec4_2_balloon 2s steps(7) infinite; -o-animation: sec4_2_balloon 2s steps(7) infinite; animation: sec4_2_balloon 2s steps(7) infinite; }
@keyframes sec4_2_balloon { 100% { background-position: 0 -1008px; } }
.cont-holder.onShow .loop-sprite.img-clip-4-3-tv .on-2 { opacity: 0; filter: alpha(opacity=0); -webkit-animation: sec4_3_2_tv_on 2s steps(1) infinite; -moz-animation: sec4_3_2_tv_on 2s steps(1) infinite; -ms-animation: sec4_3_2_tv_on 2s steps(1) infinite; -o-animation: sec4_3_2_tv_on 2s steps(1) infinite; animation: sec4_3_2_tv_on 2s steps(1) infinite; }
@keyframes sec4_3_2_tv_on { 0% { opacity: 0; filter: alpha(opacity=0); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
.cont-holder.onShow .loop-sprite.img-clip-5-1-1-cat { -webkit-animation: sec5_1_1_cat 2s steps(2) infinite; -moz-animation: sec5_1_1_cat 2s steps(2) infinite; -ms-animation: sec5_1_1_cat 2s steps(2) infinite; -o-animation: sec5_1_1_cat 2s steps(2) infinite; animation: sec5_1_1_cat 2s steps(2) infinite; }
@keyframes sec5_1_1_cat { 100% { background-position: 0 -176px; } }
.cont-holder.onShow .loop-sprite.img-clip-5-1-2-coffee { -webkit-animation: sec5_1_2_coffee 3s steps(3) infinite; -moz-animation: sec5_1_2_coffee 3s steps(3) infinite; -ms-animation: sec5_1_2_coffee 3s steps(3) infinite; -o-animation: sec5_1_2_coffee 3s steps(3) infinite; animation: sec5_1_2_coffee 3s steps(3) infinite; }
@keyframes sec5_1_2_coffee { 100% { background-position: 0 -240px; } }
.cont-holder.onShow .loop-sprite.img-pod-5-1-3-bixby { -webkit-animation: sec5_1_3_bixby 3s steps(3) infinite; -moz-animation: sec5_1_3_bixby 3s steps(3) infinite; -ms-animation: sec5_1_3_bixby 3s steps(3) infinite; -o-animation: sec5_1_3_bixby 3s steps(3) infinite; animation: sec5_1_3_bixby 3s steps(3) infinite; }
@keyframes sec5_1_3_bixby { 100% { background-position: 0 -336px; } }
.cont-holder.onShow .loop-sprite.img-pod-5-2 { -webkit-animation: sec5_2 2s 2s steps(5) infinite; -moz-animation: sec5_2 2s 2s steps(5) infinite; -ms-animation: sec5_2 2s 2s steps(5) infinite; -o-animation: sec5_2 2s 2s steps(5) infinite; animation: sec5_2 2s 2s steps(5) infinite; }
@keyframes sec5_2 { 100% { background-position: 0 -180px; } }
.cont-holder.onShow .loop-sprite.img-clip-6-1-char { -webkit-animation: sec6_1_char 2s steps(2) infinite; -moz-animation: sec6_1_char 2s steps(2) infinite; -ms-animation: sec6_1_char 2s steps(2) infinite; -o-animation: sec6_1_char 2s steps(2) infinite; animation: sec6_1_char 2s steps(2) infinite; }
@keyframes sec6_1_char { 100% { background-position: 0 -1168px; } }
.img-holder.onShow .loop-sprite.img-pod-6-1-tv { -webkit-animation: sec6_1 2s steps(2) infinite; -moz-animation: sec6_1 2s steps(2) infinite; -ms-animation: sec6_1 2s steps(2) infinite; -o-animation: sec6_1 2s steps(2) infinite; animation: sec6_1 2s steps(2) infinite; }
@keyframes sec6_1 { 100% { background-position: 0 -614px; } }
.img-holder.onShow .loop-sprite.img-clip-6-2-washing { -webkit-animation: sec6_2 2s steps(2) infinite; -moz-animation: sec6_2 2s steps(2) infinite; -ms-animation: sec6_2 2s steps(2) infinite; -o-animation: sec6_2 2s steps(2) infinite; animation: sec6_2 2s steps(2) infinite; }
@keyframes sec6_2 { 100% { background-position: 0 -880px; } }

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