@charset "UTF-8";
.fhdSize {
  width: 100vw;
  height: 56.25vw;
}
@font-face {
  font-family: AritaDotum;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Arita-Dotum-Medium.eot);
  src: url(../fonts/Arita-Dotum-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Arita-Dotum-Medium.woff) format("woff"), url(../fonts/Arita-Dotum-Medium.ttf) format("truetype");
}
@font-face {
  font-family: AritaDotum;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Arita-Dotum-SemiBold.eot);
  src: url(../fonts/Arita-Dotum-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Arita-Dotum-SemiBold.woff) format("woff"), url(../fonts/Arita-Dotum-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Buri;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Arita-buri-SemiBold.eot);
  src: url(../fonts/Arita-buri-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Arita-buri-SemiBold.woff) format("woff"), url(../fonts/Arita-buri-SemiBold.ttf) format("truetype");
}
/* -----------------------------------------------------------------------------
 * Globals
 -----------------------------------------------------------------------------*/
.reset {
  margin: 0;
  padding: 0;
}
.only-sound {
  position: absolute;
  left: -3721em;
  width: 0;
  height: 0;
}
button,
input[type=button],
input[type=submit] {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
legend,
fieldset,
ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
ul.items {
  list-style: none;
}
i,
em {
  font-style: normal;
}
/* -----------------------------------------------------------------------------
 * Utils
 -----------------------------------------------------------------------------*/
.mAuto {
  margin-left: auto;
  margin-right: auto;
}
.cb:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
/* Include this file in your html if you are using the CSP mode. */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-shim {
  visibility: hidden;
}
.ng-anchor {
  position: absolute;
}
/* -----------------------------------------------------------------------------
 * Commons
 -----------------------------------------------------------------------------*/
html {
  height: 101% !important;
}
html.shot #testNav,
html.shot .mov-item .label,
html.shot .ui-portal,
html.shot .ui-zoom {
  opacity: 0 !important;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  font-family: 'AritaDotum';
}
/* -----------------------------------------------------------------------------
 * Forms
 -----------------------------------------------------------------------------*/
select.form-controls,
input[type=checkbox].form-controls,
input[type=radio].form-controls,
input[type=password].form-controls,
input[type=text].form-controls,
input[type=tel].form-controls {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
select.form-controls {
  background-image: url('../../assets/img/uio/stx-arrow.png');
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 1.25vw 1.09375vw;
}
input[type=checkbox].form-controls {
  width: 27px;
  width: 1.40625vw;
  height: 27px;
  height: 1.40625vw;
  border: 0.15625vw solid #de7683;
  -webkit-transition: background 0.5s linear;
  transition: background 0.5s linear;
}
input[type=checkbox].form-controls:checked {
  background: #de7683;
  -webkit-transition: background 0.5s linear;
  transition: background 0.5s linear;
}
/* -----------------------------------------------------------------------------
 * Functions
 -----------------------------------------------------------------------------*/
.alt {
  position: absolute;
  left: -3721em;
  color: rgba(0, 0, 0, 0);
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.9;
  }
  49% {
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.9;
  }
  49% {
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes shine {
  20%,
  100% {
    -webkit-transform: translate3d(200px, 0, 0);
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
  }
  0% {
    opacity: 0.2;
  }
  10% {
    opacity: 0.5;
  }
}
@keyframes shine {
  20%,
  100% {
    -webkit-transform: translate3d(200px, 0, 0);
            transform: translate3d(200px, 0, 0);
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  0% {
    opacity: 0.2;
  }
  10% {
    opacity: 0.5;
  }
}
.dbtn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  height: 93px;
  height: 4.84375vw;
  line-height: 93px;
  line-height: 4.84375vw;
}
.dbtn strong {
  font-size: 40px;
  font-size: 2.08333333vw;
  font-weight: 500;
}
.dbtn-medium {
  height: 106px;
  height: 5.52083333vw;
  line-height: 106px;
  line-height: 5.52083333vw;
}
.dbtn-pink {
  background-color: #e46676;
  color: #fff;
}
.dbtn-white {
  background-color: #fff;
  color: #e46676;
}
.dbtn.x-409 {
  width: 409px;
  width: 21.30208333vw;
}
.dbtn.x-460 {
  width: 460px;
  width: 23.95833333vw;
}
.dbtn.x-552 {
  width: 552px;
  width: 28.75vw;
}
.dbtn.x-528 {
  width: 528px;
  width: 27.5vw;
}
.dbtn.rds-18 {
  border-radius: 18px;
  border-radius: 0.9375vw;
  -webkit-border-radius: 18px;
  -webkit-border-radius: 0.9375vw;
}
.dbtn.rds-26 {
  border-radius: 26px;
  border-radius: 1.35416667vw;
  -webkit-border-radius: 26px;
  -webkit-border-radius: 1.35416667vw;
}
.message {
  z-index: 61;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../assets/img/uio/bg-message.png') repeat-x;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  will-change: opacity;
}
.message.visible {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.message .confirm-cont {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 280px;
  height: 14.58333333vw;
  top: 50%;
  left: 0;
  margin-top: -140px;
  margin-top: -7.29166667vw;
}
.message .confirm-cont h1 {
  font-family: AritaDotum;
  color: #191717;
  font-size: 55px;
  font-size: 2.86458333vw;
  letter-spacing: -4px;
  letter-spacing: -0.20833333vw;
  font-weight: 500;
  margin-bottom: 5vw;
  line-height: 1.3;
}
.message .confirm-cont .action {
  font-size: 0;
}
.message .confirm-cont .action .dbtn + .dbtn {
  margin-left: 61px;
  margin-left: 3.17708333vw;
}
.message.c2 .confirm-cont {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+36,f7b4c3+100 */
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, #ffffff), to(#f7b4c3));
  background: linear-gradient(to bottom, #ffffff 36%, #f7b4c3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-top: 10px;
  padding-top: 0.52083333vw;
  padding-bottom: 30px;
  padding-bottom: 1.5625vw;
  border-radius: 45px;
  border-radius: 2.34375vw;
  -webkit-border-radius: 45px;
  -webkit-border-radius: 2.34375vw;
  -webkit-box-shadow: 0 0 1.6vw rgba(96, 81, 77, 0.8);
          box-shadow: 0 0 1.6vw rgba(96, 81, 77, 0.8);
  width: 926px;
  width: 48.22916667vw;
  height: 233px;
  height: 12.13541667vw;
  overflow: hidden;
  top: 423px;
  top: 22.03125vw;
  left: 50%;
  margin-left: -463px;
  margin-left: -24.11458333vw;
  margin-top: auto;
}
.message.c2 .confirm-cont h1 {
  font-size: 42px;
  font-size: 2.1875vw;
  letter-spacing: -4px;
  letter-spacing: -0.20833333vw;
  padding-top: 44px;
  padding-top: 2.29166667vw;
  margin-bottom: 35px;
  margin-bottom: 1.82291667vw;
  color: #652e12;
  font-weight: 500;
}
.message.c2 .confirm-cont h1 strong {
  font-weight: 500;
  color: #2d1006;
}
.message.c2 .confirm-cont .action .dbtn {
  width: 363px;
  width: 18.90625vw;
  height: 94px;
  height: 4.89583333vw;
  line-height: 94px;
  line-height: 4.89583333vw;
}
.message.c3 .confirm-cont {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+36,f7b4c3+100 */
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, #ffffff), to(#f7b4c3));
  background: linear-gradient(to bottom, #ffffff 36%, #f7b4c3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-top: 10px;
  padding-top: 0.52083333vw;
  padding-bottom: 30px;
  padding-bottom: 1.5625vw;
  border-radius: 45px;
  border-radius: 2.34375vw;
  -webkit-border-radius: 45px;
  -webkit-border-radius: 2.34375vw;
  -webkit-box-shadow: 0 0 1.6vw rgba(96, 81, 77, 0.8);
          box-shadow: 0 0 1.6vw rgba(96, 81, 77, 0.8);
  width: 973px;
  width: 50.67708333vw;
  height: 272px;
  height: 14.16666667vw;
  overflow: hidden;
  top: 404px;
  top: 21.04166667vw;
  left: 50%;
  margin-left: -463px;
  margin-left: -24.11458333vw;
  margin-top: auto;
}
.message.c3 .confirm-cont h1 {
  font-size: 42px;
  font-size: 2.1875vw;
  letter-spacing: -4px;
  letter-spacing: -0.20833333vw;
  padding-top: 44px;
  padding-top: 2.29166667vw;
  margin-bottom: 35px;
  margin-bottom: 1.82291667vw;
  color: #652e12;
  font-weight: 500;
}
.message.c3 .confirm-cont h1 strong {
  font-weight: 500;
  color: #2d1006;
}
.message.c3 .confirm-cont .action .dbtn {
  width: 363px;
  width: 18.90625vw;
  height: 94px;
  height: 4.89583333vw;
  line-height: 94px;
  line-height: 4.89583333vw;
}
.message.floor5 {
  background: url('../../assets/img/f5/bg-game.jpg') no-repeat 50%;
  background-size: cover;
}
.message.floor5:before {
  content: '';
  display: block;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/bg-message.png') repeat-x;
  background-size: 100% 100%;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.message.readbox {
  overflow: hidden;
  background: url('../../assets/img/uio/bg-message-readbox.png') repeat-x;
  background-size: 100% 100%;
}
.message.readbox .confirm-cont {
  margin: 0;
  padding: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  height: 100%;
  /*overflow: hidden;
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch;
			-moz-overflow-scrolling: touch;
			-o-overflow-scrolling: touch;
			overflow-scrolling: touch;*/
}
.message.readbox .dbtn {
  width: 14vw;
  height: 4.2vw;
  line-height: 4.2vw;
}
.message.readbox .dbtn strong {
  font-size: 1.7vw;
}
.message.readbox .read-wrap {
  padding-top: 5vw;
}
.message.readbox .action {
  padding-top: 20px;
  padding-top: 1.04166667vw;
  padding-bottom: 400px;
  padding-bottom: 20.83333333vw;
}
.message.readbox .readme {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-bottom: 1.5625vw;
  text-align: left;
  line-height: 1.6;
  color: #f3e8e7;
}
.message.readbox .readme img {
  display: block;
  width: 100%;
}
.message.readbox .readme p {
  font-size: 22px;
  font-size: 1.14583333vw;
  letter-spacing: -1px;
  letter-spacing: -0.05208333vw;
}
.message.readbox .readme p.summary {
  width: 100%;
  font-size: 0.8vw;
  margin-bottom: 30px;
  margin-bottom: 1.5625vw;
  text-align: center;
}
.message.readbox .readme p.title {
  width: 100%;
  font-size: 0.8vw;
  text-align: center;
}
.message.readbox .readme p.reademecontent {
  font-size: 1.25vw;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
  margin-top: 1.04166667vw;
  margin-bottom: 20px;
  margin-bottom: 1.04166667vw;
}
.message.readbox .readme p.warn {
  font-size: 1.25vw;
  margin-top: 40px;
  margin-top: 2.08333333vw;
  text-align: center;
}
.message.readbox .readme p + p {
  margin-top: 20px;
  margin-top: 1.04166667vw;
  margin-bottom: 20px;
  margin-bottom: 1.04166667vw;
}
.message.readbox .readme.readme-terms p.reademecontent {
  width: 30vw;
}
.message.readbox .readme.readme-terms5fluck p.reademecontent {
  width: 35vw;
}
.message.readbox .readme.readme-privacy p.reademecontent {
  width: 40vw;
}
.message.readbox .readme.readme-privacy5f p.reademecontent {
  width: 40vw;
}
.message.readbox .readme-terms,
.message.readbox .readme-terms5fluck {
  padding-top: 2.5vw;
}
.message.readbox .readme-privacy5f {
  padding-top: 1vw;
}
html.iphoneX .message.readbox .read-wrap {
  padding-top: 4vw;
}
html.iphoneX .message.readbox .readme-terms,
html.iphoneX .message.readbox .readme-terms5fluck {
  padding-top: 4vw;
}
html.iphoneX .message.readbox .readme-privacy {
  padding-top: 2vw;
}
html.iphoneX .message.readbox .readme-privacy5f {
  padding-top: 3vw;
}
html.iphoneX .message.readbox .readme p.summary {
  font-size: 1.35vw;
}
html.iphoneX .message.readbox .readme p.title {
  font-size: 1.35vw;
}
html.iphoneX .message.readbox .readme p.reademecontent {
  font-size: 1.14vw;
}
html.iphoneX .message.readbox .readme.readme-terms p.reademecontent {
  width: 30vw;
}
html.iphoneX .message.readbox .readme.readme-terms5fluck p.reademecontent {
  width: 33vw;
}
html.iphoneX .message.readbox .readme.readme-privacy p.reademecontent,
html.iphoneX .message.readbox .readme.readme-privacy5f p.reademecontent {
  width: 41vw;
}
html.iphoneXR .message.readbox .read-wrap,
html.iphoneXsMax .message.readbox .read-wrap {
  padding-top: 4vw;
}
html.iphoneXR .message.readbox .readme-terms,
html.iphoneXsMax .message.readbox .readme-terms,
html.iphoneXR .message.readbox .readme-terms5fluck,
html.iphoneXsMax .message.readbox .readme-terms5fluck {
  padding-top: 4vw;
}
html.iphoneXR .message.readbox .readme-privacy,
html.iphoneXsMax .message.readbox .readme-privacy {
  padding-top: 2vw;
}
html.iphoneXR .message.readbox .readme-privacy5f,
html.iphoneXsMax .message.readbox .readme-privacy5f {
  padding-top: 3vw;
}
html.iphoneXR .message.readbox .readme p.summary,
html.iphoneXsMax .message.readbox .readme p.summary {
  font-size: 1.35vw;
}
html.iphoneXR .message.readbox .readme p.title,
html.iphoneXsMax .message.readbox .readme p.title {
  font-size: 1.35vw;
}
html.iphoneXR .message.readbox .readme p.reademecontent,
html.iphoneXsMax .message.readbox .readme p.reademecontent {
  font-size: 1.14vw;
}
html.iphoneXR .message.readbox .readme.readme-terms p.reademecontent,
html.iphoneXsMax .message.readbox .readme.readme-terms p.reademecontent {
  width: 30vw;
}
html.iphoneXR .message.readbox .readme.readme-terms5fluck p.reademecontent,
html.iphoneXsMax .message.readbox .readme.readme-terms5fluck p.reademecontent {
  width: 33vw;
}
html.iphoneXR .message.readbox .readme.readme-privacy p.reademecontent,
html.iphoneXsMax .message.readbox .readme.readme-privacy p.reademecontent,
html.iphoneXR .message.readbox .readme.readme-privacy5f p.reademecontent,
html.iphoneXsMax .message.readbox .readme.readme-privacy5f p.reademecontent {
  width: 41vw;
}
#sideNav {
  background: url('../../assets/img/uio/bg-pop-wrap.png') repeat-x 0 0;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  z-index: -1000;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  height: 56.25vw;
  font-size: 0;
}
#sideNav .side-in {
  -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0);
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, transform 0.5s linear;
  transition: opacity 0.5s linear, transform 0.5s linear, -webkit-transform 0.5s linear;
}
#sideNav.visible {
  z-index: 32;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s;
}
#sideNav.visible .side-in {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, transform 0.5s linear;
  transition: opacity 0.5s linear, transform 0.5s linear, -webkit-transform 0.5s linear;
}
#sideNav.floor5 {
  background: url('../../assets/img/f5/bg-game.jpg') no-repeat 50%;
  background-size: cover;
}
#sideNav.floor5:before {
  content: '';
  display: block;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/bg-message.png') repeat-x;
  background-size: 100% 100%;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
#sideNav .side-in {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  overflow: hidden;
  background: url('../../assets/img/uio/spr-side-nav.png') no-repeat 100% 0;
  background-size: contain;
}
#sideNav ul.items {
  display: block;
  width: 1256px;
  width: 65.41666667vw;
  margin-top: 197px;
  margin-top: 10.26041667vw;
  float: right;
}
#sideNav ul.items li.menu {
  display: block;
}
#sideNav ul.items li.menu.active button:before,
#sideNav ul.items li.menu.focus button:before,
#sideNav ul.items li.menu.touch button:before {
  opacity: 1;
}
#sideNav ul.items li.menu.active {
  -webkit-animation: blink 1s infinite;
          animation: blink 1s infinite;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#sideNav ul.items li.menu.active.moment {
  opacity: 0;
}
#sideNav ul.items li.menu button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#sideNav ul.items li.menu button:before {
  content: '';
  display: block;
  width: 76px;
  width: 3.95833333vw;
  height: 76px;
  height: 3.95833333vw;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#sideNav ul.items li.menu-1 {
  height: 148px;
  height: 7.70833333vw;
}
#sideNav ul.items li.menu-1 button:before {
  left: 73px;
  left: 3.80208333vw;
  top: 36px;
  top: 1.875vw;
  background-image: url('../../assets/img/uio/circle1.png');
  background-size: contain;
}
#sideNav ul.items li.menu-2 {
  height: 149px;
  height: 7.76041667vw;
}
#sideNav ul.items li.menu-2 button:before {
  left: 73px;
  left: 3.80208333vw;
  top: 36px;
  top: 1.875vw;
  background-image: url('../../assets/img/uio/circle2.png');
  background-size: contain;
}
#sideNav ul.items li.menu-3 {
  height: 128px;
  height: 6.66666667vw;
}
#sideNav ul.items li.menu-3 button:before {
  left: 73px;
  left: 3.80208333vw;
  top: 18px;
  top: 0.9375vw;
  background-image: url('../../assets/img/uio/circle3.png');
  background-size: contain;
}
#sideNav ul.items li.menu-4 {
  height: 135px;
  height: 7.03125vw;
}
#sideNav ul.items li.menu-4 button:before {
  left: 73px;
  left: 3.80208333vw;
  top: 23px;
  top: 1.19791667vw;
  background-image: url('../../assets/img/uio/circle4.png');
  background-size: contain;
}
#sideNav ul.items li.menu-5 {
  height: 134px;
  height: 6.97916667vw;
}
#sideNav ul.items li.menu-5 button:before {
  left: 73px;
  left: 3.80208333vw;
  top: 25px;
  top: 1.30208333vw;
  background-image: url('../../assets/img/uio/circle5.png');
  background-size: contain;
}
#sideNav .side-close {
  display: block;
  position: absolute;
  z-index: 33;
  width: 143px;
  width: 7.44791667vw;
  height: 145px;
  height: 7.55208333vw;
  top: 113px;
  top: 5.88541667vw;
  right: 18px;
  right: 0.9375vw;
  background: url('../../assets/img/uio/spr-side-close.png') no-repeat 2.60416667vw 2.60416667vw;
  background-size: 2.34375vw 2.34375vw;
  outline: none;
}
#soundControls {
  display: none;
}
#soundControls.show {
  display: block;
}
.ui-play {
  opacity: 1;
}
.ui-play ul.items li.zoom {
  z-index: 20;
  position: fixed;
  display: block;
  width: 112px;
  width: 5.83333333vw;
  height: 113px;
  height: 5.88541667vw;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  opacity: 0;
}
.ui-play ul.items li.zoom.on {
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.ui-play ul.items li.zoom.hidden {
  display: none !important;
}
.ui-play ul.items li.zoom button {
  display: block;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0);
}
.ui-play ul.items li.zoom .playBtn {
  background: url('../../assets/img/uio/btn-play.png') no-repeat 0 0;
  background-size: contain;
}
.ui-play ul.items li.zoom .moreBtn {
  width: 116px;
  width: 6.04166667vw;
  height: 116px;
  height: 6.04166667vw;
  background: url('../../assets/img/uio/spr-more.png') no-repeat 0 0;
  background-size: contain;
}
.ui-play ul.items li.zoom-1 {
  width: 625px;
  width: 32.55208333vw;
  height: 403px;
  height: 20.98958333vw;
  left: 0px;
  left: 0vw;
  top: 245px;
  top: 12.76041667vw;
  background: url(../../assets/img/f2/btn-play-f2-1.png) no-repeat left 2vw bottom 3vw;
  background-size: 28.5vw;
}
.ui-play ul.items li.zoom-2 {
  width: 490px;
  width: 25.52083333vw;
  height: 303px;
  height: 15.78125vw;
  left: 735px;
  left: 38.28125vw;
  top: 275px;
  top: 14.32291667vw;
  background: url(../../assets/img/f2/btn-play-f2-2.png) no-repeat left 1.5vw bottom 1.5vw;
  background-size: 22vw;
}
.ui-play ul.items li.zoom-3 {
  width: 550px;
  width: 28.64583333vw;
  height: 295px;
  height: 15.36458333vw;
  left: 1318px;
  left: 68.64583333vw;
  top: 282px;
  top: 14.6875vw;
  background: url(../../assets/img/f2/btn-play-f2-3.png) no-repeat left 1.5vw bottom 1.7vw;
  background-size: 22.5vw;
}
.ui-play ul.items li.zoom-3 button {
  width: 79%;
  float: left;
}
.ui-play ul.items li.zoom-4 {
  width: 652px;
  width: 33.95833333vw;
  height: 457px;
  height: 23.80208333vw;
  left: 28px;
  left: 1.45833333vw;
  top: 207px;
  top: 10.78125vw;
  background: url(../../assets/img/f2/btn-play-f2-4.png) no-repeat right 2.5vw bottom 2.5vw;
  background-size: 23vw;
}
.ui-play ul.items li.zoom-4 button {
  width: 75%;
  float: right;
}
.ui-play ul.items li.zoom-5 {
  width: 430px;
  width: 22.39583333vw;
  height: 250px;
  height: 13.02083333vw;
  left: 696px;
  left: 36.25vw;
  top: 303px;
  top: 15.78125vw;
  background: url(../../assets/img/f2/btn-play-f2-5.png) no-repeat right 0.7vw bottom 0.4vw;
  background-size: 20vw;
}
.ui-play ul.items li.zoom-6 {
  /*.setSize(430, 230);
					.setMaps(1228, 310);*/
  width: 26.7vw;
  height: 15.7vw;
  left: 63.1vw;
  top: 13.5vw;
  background: url(../../assets/img/f2/btn-play-f2-6.png) no-repeat left 0.8vw bottom 0.7vw;
  background-size: 23.7vw;
}
.ui-play.disabled {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.ui-play.dimmed ul.items {
  display: block;
  width: 1200px;
  width: 62.5vw;
  height: 760px;
  height: 39.58333333vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 160px;
  margin-top: 8.33333333vw;
}
.ui-play.dimmed ul.items:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.ui-play.dimmed ul.items li.zoom {
  position: relative;
  display: block;
  width: 48.75%;
  height: 360px;
  height: 18.75vw;
  top: auto;
  left: auto;
  bottom: right;
  right: auto;
  float: left;
  background-image: none;
  margin-top: 250px;
  margin-top: 13.02083333vw;
}
.ui-play.dimmed ul.items li.zoom button {
  opacity: 0;
}
.ui-play.dimmed ul.items li.zoom-2,
.ui-play.dimmed ul.items li.zoom-4 {
  float: right;
}
.ui-play.dimmed ul.items li.zoom-5,
.ui-play.dimmed ul.items li.zoom-6 {
  display: none;
}
.ui-play.dimmed ul.items li.zoom-1 button {
  background: url('../../assets/img/f2/thumb_1.png') no-repeat 50%;
  background-size: 108%;
}
.ui-play.dimmed ul.items li.zoom-2 button {
  background: url('../../assets/img/f2/thumb_2.png') no-repeat 50%;
  background-size: 108%;
}
.ui-play.dimmed ul.items li.zoom-3 button {
  background: url('../../assets/img/f2/thumb_2.png') no-repeat 50%;
  background-size: 108%;
}
.ui-play.dimmed ul.items li.zoom-4 button {
  background: url('../../assets/img/f2/thumb_1.png') no-repeat 50%;
  background-size: 108%;
}
.ui-zoom ul.items li.zoom {
  z-index: 20;
  position: fixed;
  opacity: 0;
}
.ui-zoom ul.items li.zoom.disabled {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.ui-zoom ul.items li.zoom button {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/spr-more.png') no-repeat 0 0;
  background-size: contain;
  overflow: hidden;
  text-indent: -3721em;
}
.ui-zoom ul.items li.zoom-1 {
  top: 470px;
  top: 24.47916667vw;
  left: 185px;
  left: 9.63541667vw;
  width: 72px;
  width: 3.75vw;
  height: 72px;
  height: 3.75vw;
}
.ui-zoom ul.items li.zoom-2 {
  top: 464px;
  top: 24.16666667vw;
  left: 525px;
  left: 27.34375vw;
  width: 72px;
  width: 3.75vw;
  height: 72px;
  height: 3.75vw;
}
.ui-zoom ul.items li.zoom-3 {
  top: 483px;
  top: 25.15625vw;
  left: 860px;
  left: 44.79166667vw;
  width: 72px;
  width: 3.75vw;
  height: 72px;
  height: 3.75vw;
}
.ui-zoom ul.items li.zoom-4 {
  top: 467px;
  top: 24.32291667vw;
  left: 1389px;
  left: 72.34375vw;
  width: 72px;
  width: 3.75vw;
  height: 72px;
  height: 3.75vw;
}
.ui-zoom ul.items li.zoom-5 {
  top: 578px;
  top: 30.10416667vw;
  left: 1182px;
  left: 61.5625vw;
  width: 61px;
  width: 3.17708333vw;
  height: 61px;
  height: 3.17708333vw;
}
.ui-zoom ul.items li.zoom-6 {
  top: 508px;
  top: 26.45833333vw;
  left: 1310px;
  left: 68.22916667vw;
  width: 61px;
  width: 3.17708333vw;
  height: 61px;
  height: 3.17708333vw;
}
.ui-zoom ul.items li.zoom-7 {
  top: 569px;
  top: 29.63541667vw;
  left: 1515px;
  left: 78.90625vw;
  width: 61px;
  width: 3.17708333vw;
  height: 61px;
  height: 3.17708333vw;
}
.ui-zoom.disabled ul.items li.zoom {
  z-index: -1000;
}
.ui-watch-gallery ul.items li.item {
  z-index: 20;
  position: fixed;
  width: 114px;
  width: 5.9375vw;
  height: 114px;
  height: 5.9375vw;
  background: url('../../assets/img/uio/spr-more.png') no-repeat 0 0;
  background-size: contain;
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.ui-watch-gallery ul.items li.item.show {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}
.ui-watch-gallery ul.items li.item button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -3721em;
}
.ui-watch-gallery ul.items li.item button:after {
  content: '';
  display: block;
  width: 287px;
  width: 14.94791667vw;
  height: 300px;
  height: 15.625vw;
  position: absolute;
  background: url('../../assets/img/uio/_blank.gif') repeat;
}
.ui-watch-gallery ul.items li.item-1 {
  top: 14.3vw;
  left: 10.3vw;
}
.ui-watch-gallery ul.items li.item-1 button:after {
  width: 287px;
  width: 14.94791667vw;
  height: 300px;
  height: 15.625vw;
  left: 2.60416667vw;
  top: 2.55vw;
}
.ui-watch-gallery ul.items li.item-2 {
  top: 29.4vw;
  left: 30.15vw;
}
.ui-watch-gallery ul.items li.item-2 button:after {
  width: 287px;
  width: 14.94791667vw;
  height: 300px;
  height: 15.625vw;
  left: 2.5vw;
  top: -12.55vw;
}
.ui-watch-gallery ul.items li.item-3 {
  top: 14.3vw;
  left: 49.79166667vw;
}
.ui-watch-gallery ul.items li.item-3 button:after {
  width: 287px;
  width: 14.94791667vw;
  height: 300px;
  height: 15.625vw;
  left: 2.55vw;
  top: 2.6vw;
}
.ui-watch-gallery ul.items li.item-4 {
  top: 29.4vw;
  left: 69.5vw;
}
.ui-watch-gallery ul.items li.item-4 button:after {
  width: 287px;
  width: 14.94791667vw;
  height: 300px;
  height: 15.625vw;
  left: 2.5vw;
  top: -12.55vw;
}
.ui-direction button {
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transform: translate3d(-30px, 0, 0);
          transform: translate3d(-30px, 0, 0);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0s, transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  display: block;
  z-index: 30;
  width: 91px;
  width: 4.73958333vw;
  height: 142px;
  height: 7.39583333vw;
  position: fixed;
  top: 474px;
  top: 24.6875vw;
  background-image: url('../../assets/img/uio/btn-prv.png');
}
.ui-direction button.enabled {
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
}
.ui-direction button .bgOpts {
  color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}
.ui-direction button.direction-prv {
  left: 58px;
  left: 3.02083333vw;
  color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  -webkit-animation: aprev 2s infinite;
  animation: aprev 2s infinite;
}
.ui-direction button.direction-nxt {
  -webkit-animation: anext 2s infinite;
  animation: anext 2s infinite;
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
  -webkit-transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
  transition: opacity 0.5s ease 0s, transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  background-image: url('../../assets/img/uio/btn-nxt.png');
  right: 58px;
  right: 3.02083333vw;
  color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}
.ui-direction button.direction-nxt.enabled {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;
  -webkit-transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
}
.ui-watch-story ul.items li.item {
  z-index: 20;
  position: fixed;
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s;
  transition: opacity 0.5s ease, -webkit-transform 0.5s;
  transition: opacity 0.5s ease, transform 0.5s;
  transition: opacity 0.5s ease, transform 0.5s, -webkit-transform 0.5s;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.ui-watch-story ul.items li.item.enabled {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s linear, -webkit-transform 1s linear;
  transition: opacity 1s linear, -webkit-transform 1s linear;
  transition: opacity 1s linear, transform 1s linear;
  transition: opacity 1s linear, transform 1s linear, -webkit-transform 1s linear;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.ui-watch-story ul.items li.item img {
  width: 100%;
}
.ui-watch-story ul.items li.item button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.ui-watch-story ul.items li.item button:after {
  content: '';
  width: 295px;
  width: 15.36458333vw;
  height: 220px;
  height: 11.45833333vw;
  display: block;
  position: absolute;
  background: url('../../assets/img/uio/_blank.gif') repeat;
}
.ui-watch-story ul.items li.item-1 {
  width: 387px;
  width: 20.15625vw;
  height: 194px;
  height: 10.10416667vw;
  top: 253px;
  top: 13.17708333vw;
  left: 1280px;
  left: 66.66666667vw;
}
.ui-watch-story ul.items li.item-1 button:after {
  width: 295px;
  width: 15.36458333vw;
  height: 220px;
  height: 11.45833333vw;
  top: 207px;
  top: 10.78125vw;
  left: -81px;
  left: -4.21875vw;
}
.ui-watch-story ul.items li.item-1.enabled {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.ui-watch-story ul.items li.item-2 {
  width: 387px;
  width: 20.15625vw;
  height: 194px;
  height: 10.10416667vw;
  top: 253px;
  top: 13.17708333vw;
  left: 841px;
  left: 43.80208333vw;
}
.ui-watch-story ul.items li.item-2 button:after {
  width: 235px;
  width: 12.23958333vw;
  height: 220px;
  height: 11.45833333vw;
  top: 240px;
  top: 12.5vw;
  left: 88px;
  left: 4.58333333vw;
}
.ui-watch-story ul.items li.item-2.enabled {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.ui-watch-story ul.items li.item-3 {
  width: 474px;
  width: 24.6875vw;
  height: 194px;
  height: 10.10416667vw;
  top: 134px;
  top: 6.97916667vw;
  left: 91px;
  left: 4.73958333vw;
}
.ui-watch-story ul.items li.item-3 button:after {
  /*.setSize(235,220);
							.setTop(240);
							.setLeft(88);*/
  width: 56vw;
  height: 31.9vw;
  left: 20.6vw;
  top: 10.2vw;
  background: url(../../assets/img/uio/btn-play.png) no-repeat right 1.8vw bottom 5vw;
  background-size: 6vw;
}
.ui-f3-sound {
  background: rgba(0, 0, 0, 0);
  z-index: 20;
  position: fixed;
  width: 122px;
  width: 6.35416667vw;
  height: 122px;
  height: 6.35416667vw;
  top: 810px;
  top: 42.1875vw;
  left: 570px;
  left: 29.6875vw;
  border-radius: 61px;
  border-radius: 3.17708333vw;
  -webkit-border-radius: 61px;
  -webkit-border-radius: 3.17708333vw;
  opacity: .6;
  color: rgba(0, 0, 0, 0);
}
.ui-portal {
  z-index: 31;
  position: fixed;
  right: 58px;
  right: 3.02083333vw;
  bottom: 64px;
  bottom: 3.33333333vw;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-portal.tops {
  right: 72px;
  right: 3.75vw;
/* 220208 버튼 위치 수정 */
  top: 3vw; 
  bottom: auto;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-portal.tops dl dt {
  width: 148px;
  width: 7.70833333vw;
  height: 136px;
  height: 7.08333333vw;
}
.ui-portal.tops dl dt button {
  width: 148px;
  width: 7.70833333vw;
  height: 136px;
  height: 7.08333333vw;
  background: url('../../assets/img/uio/btn-top-close.png') no-repeat 50% 0 !important;
  background-size: cover !important;
}
.ui-portal.enabled {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
}
.ui-portal.enabled.moments {
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: opacity 0.2s linear, transform 0.2s linear;
  transition: opacity 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear;
}
.ui-portal.enabled.moments * {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.ui-portal img {
  width: 100%;
}
.ui-portal dl {
  position: relative;
  display: block;
  z-index: 32;
}
.ui-portal dl dt,
.ui-portal dl dd {
  margin: 0;
  padding: 0;
  display: block;
}
.ui-portal dl dt {
  position: relative;
  overflow: hidden;
  width: 246px;
  width: 12.8125vw;
  height: 252px;
  height: 13.125vw;
  z-index: 33;
}
.ui-portal dl dt i.light {
  z-index: 30;
  display: block;
  width: 220px;
  width: 11.45833333vw;
  height: 220px;
  height: 11.45833333vw;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -110px;
  margin-top: -5.72916667vw;
  margin-left: -110px;
  margin-left: -5.72916667vw;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  border-radius: 110px;
  border-radius: 5.72916667vw;
  -webkit-border-radius: 110px;
  -webkit-border-radius: 5.72916667vw;
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.ui-portal dl dt i.light:after {
  content: '';
  position: absolute;
  z-index: 20;
  width: 220px;
  width: 11.45833333vw;
  height: 220px;
  height: 11.45833333vw;
  display: block;
  -webkit-animation: shine 3s infinite linear;
  animation: shine 3s infinite linear;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.82)), color-stop(22%, rgba(255, 255, 255, 0.89)), color-stop(57%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.89) 22%, #ffffff 57%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ui-portal dl dt button {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/spr-portal.png') no-repeat 0 0;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}
.ui-portal dl dt button.flower {
  background: url('../../assets/img/uio/spr-portal-flower.png') no-repeat 0 0;
  background-size: contain;
}
.ui-portal dl dt button.floor {
  background: url('../../assets/img/uio/spr-portal-floor.png') no-repeat 0 0;
  background-size: contain;
}
.ui-portal dl dd {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 247px;
  width: 12.86458333vw;
  height: 959px;
  height: 49.94791667vw;
  background: url('../../assets/img/uio/spr-portal-on.png') no-repeat 0 0;
  background-size: contain;
  z-index: 34;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s linear;
  transition: opacity 0.2s ease, -webkit-transform 0.2s linear;
  transition: opacity 0.2s ease, transform 0.2s linear;
  transition: opacity 0.2s ease, transform 0.2s linear, -webkit-transform 0.2s linear;
}
.ui-portal dl dd.enabled {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s linear;
  transition: opacity 0.2s ease, -webkit-transform 0.2s linear;
  transition: opacity 0.2s ease, transform 0.2s linear;
  transition: opacity 0.2s ease, transform 0.2s linear, -webkit-transform 0.2s linear;
}
.ui-portal dl dd ul.items li {
  display: block;
}
.ui-portal dl dd ul.items li.btn button {
  display: block;
  text-align: center;
  width: 100%;
  height: inherit;
  cursor: pointer;
  outline: none;
  opacity: 0;
}
.ui-portal dl dd ul.items li.btn-floor {
  height: 415px;
  height: 21.61458333vw;
  line-height: 415px;
  line-height: 21.61458333vw;
}
.ui-portal dl dd ul.items li.btn-event {
  height: 295px;
  height: 15.36458333vw;
  line-height: 295px;
  line-height: 15.36458333vw;
}
.ui-portal dl dd ul.items li.btn-close {
  height: 240px;
  height: 12.5vw;
  line-height: 240px;
  line-height: 12.5vw;
}
#intro-enter {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1001;
  opacity: 0;
  background: url('../../assets/img/uio/_blank.gif') repeat;
}
#intro-enter.passed {
  display: none;
}
#centerNav {
  z-index: 31;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  opacity: 0;
}
#centerNav.active {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
#centerNav ul.items {
  padding-top: 250px;
  padding-top: 13.02083333vw;
  margin-left: 412px;
  margin-left: 21.45833333vw;
  margin-right: 412px;
  margin-right: 21.45833333vw;
  display: block;
}
#centerNav ul.items li.menu {
  display: block;
}
#centerNav ul.items li.menu.touch button:before {
  opacity: 1;
}
#centerNav ul.items li.menu button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -3721em;
  opacity: 1;
}
#centerNav ul.items li.menu-1 {
  height: 149px;
  height: 7.76041667vw;
}
#centerNav ul.items li.menu-2 {
  height: 149px;
  height: 7.76041667vw;
}
#centerNav ul.items li.menu-2 button:before {
  content: '';
  width: 85px;
  width: 4.42708333vw;
  height: 85px;
  height: 4.42708333vw;
  background: url('../../assets/img/uio/circle2.png') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 33px;
  top: 1.71875vw;
  opacity: 0;
}
#centerNav ul.items li.menu-3 {
  height: 144px;
  height: 7.5vw;
}
#centerNav ul.items li.menu-3 button:before {
  content: '';
  width: 85px;
  width: 4.42708333vw;
  height: 85px;
  height: 4.42708333vw;
  background: url('../../assets/img/uio/circle3.png') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 27px;
  top: 1.40625vw;
  opacity: 0;
}
#centerNav ul.items li.menu-4 {
  height: 146px;
  height: 7.60416667vw;
}
#centerNav ul.items li.menu-4 button:before {
  content: '';
  width: 85px;
  width: 4.42708333vw;
  height: 85px;
  height: 4.42708333vw;
  background: url('../../assets/img/uio/circle4.png') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 29px;
  top: 1.51041667vw;
  opacity: 0;
}
#centerNav ul.items li.menu-5 {
  height: 144px;
  height: 7.5vw;
}
#centerNav ul.items li.menu-5 button:before {
  content: '';
  width: 85px;
  width: 4.42708333vw;
  height: 85px;
  height: 4.42708333vw;
  background: url('../../assets/img/uio/circle5.png') no-repeat 0 0;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 27px;
  top: 1.40625vw;
  opacity: 0;
}
.try-tarot {
  font-size: 0;
  color: #000;
  position: fixed;
  z-index: 62;
  bottom: 100px;
  bottom: 5.20833333vw;
  right: 100px;
  right: 5.20833333vw;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.try-tarot span,
.try-tarot em {
  display: inline-block;
  vertical-align: middle;
  height: 132px;
  height: 6.875vw;
  line-height: 132px;
  line-height: 6.875vw;
}
.try-tarot em {
  font-size: 50px;
  font-size: 2.60416667vw;
  font-weight: 600;
  margin-right: 20px;
  margin-right: 1.04166667vw;
  color: #522617;
  text-shadow: 0.10416667vw 0.10416667vw 0.15625vw rgba(82, 38, 23, 0.5);
  -webkit-background-clip: text;
  background-clip: text;
}
.try-tarot span {
  width: 132px;
  width: 6.875vw;
  height: 132px;
  height: 6.875vw;
  background: url('../../assets/img/uio/btn-try.png') no-repeat;
  background-size: cover;
  overflow: hidden;
}
.try-tarot.show {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.card-game {
  position: fixed;
  z-index: 21;
  background: url('../../assets/img/f5/bg-game.jpg') no-repeat 0 0;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100vw;
  height: 56.25vw;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}
.card-game .arr-prev,
.card-game .arr-next {
  position: absolute;
  width: 91px;
  width: 4.73958333vw;
  height: 142px;
  height: 7.39583333vw;
  top: 50%;
  margin-top: -71px;
  margin-top: -3.69791667vw;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}
.card-game .arr-prev strong,
.card-game .arr-next strong {
  position: relative;
  top: 90px;
  top: 4.6875vw;
  font-size: 2vw;
  color: #fedbd9;
  text-shadow: 0.10416667vw 0.10416667vw 0.15625vw rgba(82, 38, 23, 0.5);
  -webkit-background-clip: text;
  background-clip: text;
}
.card-game .arr-prev.active,
.card-game .arr-next.active {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}
.card-game .arr-prev {
  left: 58px;
  left: 3.02083333vw;
  background: url('../../assets/img/uio/btn-prv.png') no-repeat 0 0;
  background-size: contain;
  -webkit-animation: aprev 2s infinite;
  animation: aprev 2s infinite;
}
.card-game .arr-prev strong {
  left: 10px;
  left: 0.52083333vw;
}
.card-game .arr-next {
  right: 58px;
  right: 3.02083333vw;
  background: url('../../assets/img/uio/btn-nxt.png') no-repeat 0 0;
  background-size: contain;
  -webkit-animation: anext 2s infinite;
  animation: anext 2s infinite;
}
.card-game .arr-next strong {
  right: 10px;
  right: 0.52083333vw;
}
.card-game.show {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.card-game.show.moment {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.card-game h2,
.card-game h3 {
  margin: 0;
  padding: 0;
}
.card-game h2 {
  position: relative;
  height: 237px;
  height: 12.34375vw;
  font-size: 2.8vw;
  color: #a0694d;
  font-weight: 500;
  top: 130px;
  top: 6.77083333vw;
  text-shadow: 0.10416667vw 0.10416667vw 0.15625vw rgba(82, 38, 23, 0.5);
  -webkit-background-clip: text;
  background-clip: text;
}
.card-game h3 {
  opacity: 0;
  -webkit-transform: translate3d(0, -10, 0);
          transform: translate3d(0, -10, 0);
  height: 5.166667vw;
  color: #522617;
  background: #652e12;
  font-size: 3.5vw;
  font-weight: normal;
  visibility: visible !important;
  text-shadow: 0 -1px 0 #652e12, -1px -1px 1px rgba(0, 0, 0, 0.67);
  -webkit-background-clip: text;
  background-clip: text;
}
.card-game .quest {
  opacity: 0;
  position: fixed;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  visibility: hidden;
  left: 0;
  width: 100%;
  top: 11vw;
}
.card-game .quest.block-fn {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.card-game .quest.block-fn * {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.card-game .quest.on {
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  opacity: 1;
  visibility: visible;
}
.card-game .quest ul.items {
  font-size: 0;
}
.card-game .quest .card {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.card-game .quest .card button .in {
  display: block;
  position: relative;
  width: 346px;
  width: 18.02083333vw;
  height: 661px;
  height: 34.42708333vw;
  text-align: center;
  -webkit-transition: -webkit-transform 1.5s ease;
  transition: -webkit-transform 1.5s ease;
  transition: transform 1.5s ease;
  transition: transform 1.5s ease, -webkit-transform 1.5s ease;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.card-game .quest .card button .front,
.card-game .quest .card button .back {
  width: 346px;
  width: 18.02083333vw;
  height: 661px;
  height: 34.42708333vw;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.card-game .quest .card button .front {
  opacity: 1;
  -webkit-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
  background: url('../../assets/img/f5/spr-card.png') no-repeat 0 0;
  background-size: contain;
  z-index: 30;
}
.card-game .quest .card button .back {
  opacity: 0;
  -webkit-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
  background: url('../../assets/img/f5/spr-card-back.png') no-repeat 0 0;
  background-size: contain;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 20;
  font-size: 48px;
  font-size: 2.5vw;
  color: #270402;
  text-align: left;
}
.card-game .quest .card button .back img {
  display: inline-block;
  width: 98%;
}
.card-game .quest .card button .back em {
  font-style: normal;
  font-weight: 500;
  position: relative;
  top: 30%;
}
.card-game .quest .card button.srr .in {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.card-game .quest .card button.srr .front {
  z-index: 20;
  opacity: 0;
  -webkit-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
}
.card-game .quest .card button.srr .back {
  z-index: 30;
  opacity: 1;
  -webkit-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
}
.card-game .quest .card button.sbb .in {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.card-game .quest .card button.sbb .back {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.card-game .quest .card {
  z-index: 5;
}
.card-game .quest .card-0 {
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
}
.card-game .quest .card-1 {
  -webkit-transform: translate3d(-18.07291667vw, 0, 0);
          transform: translate3d(-18.07291667vw, 0, 0);
  z-index: 4;
  opacity: 0;
}
.card-game .quest .card-2 {
  -webkit-transform: translate3d(-36.14583333vw, 0, 0);
          transform: translate3d(-36.14583333vw, 0, 0);
  z-index: 3;
  opacity: 0;
}
.card-game .quest .card-3 {
  -webkit-transform: translate3d(-54.21875vw, 0, 0);
          transform: translate3d(-54.21875vw, 0, 0);
  z-index: 2;
  opacity: 0;
}
.card-result {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 21;
  left: 0;
  top: 0;
  background: #f00;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.card-result.show {
  opacity: 0.7;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.vote-slides {
  width: 100% !important;
  height: 100% !important;
}
.vote-slides .bx-wrapper,
.vote-slides .bx-viewport {
  width: 100% !important;
  height: 100% !important;
}
.vote-slides .slidee > li {
  display: block;
  text-align: center;
}
.vote-slides .slidee > li h1 {
  font-family: 'Buri';
  color: #3a3232;
  font-size: 60px;
  font-size: 3.125vw;
  padding-top: 32px;
  padding-top: 1.66666667vw;
  padding-bottom: 32px;
  padding-bottom: 1.66666667vw;
}
.vote-slides .slidee > li h2 {
  font-size: 40px;
  font-size: 2.08333333vw;
  font-weight: 400;
  color: #574c4d;
  letter-spacing: -3px;
  letter-spacing: -0.15625vw;
}
.vote-slides .slidee > li .figure {
  width: 1258px;
  width: 65.52083333vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-top: 3.125vw;
}
.vote-slides .slidee > li .figure img {
  width: 100%;
}
.vote-slides .slidee > li.item-0 .figure {
  margin-top: 60px;
  margin-top: 3.125vw;
}
.vote-slides .slidee > li .desc {
  position: absolute;
  text-align: left;
  left: 175px;
  left: 9.11458333vw;
  top: 715px;
  top: 37.23958333vw;
}
.vote-slides .slidee > li .desc h3 {
  font-size: 38px;
  font-size: 1.97916667vw;
  font-weight: 500;
  color: #de6876;
}
.vote-slides .slidee > li .desc p {
  padding-top: 19px;
  padding-top: 0.98958333vw;
  font-size: 28px;
  font-size: 1.45833333vw;
  color: #de6978;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* -----------------------------------------------------------------------------
 * Youtube
 -----------------------------------------------------------------------------*/
#ytWrapper {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #333;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  will-change: opacity;
}
#ytWrapper #yt-loader {
  position: fixed;
  width: 100px;
  width: 5.20833333vw;
  height: 100px;
  height: 5.20833333vw;
  top: 50%;
  margin-top: -50px;
  margin-top: -2.60416667vw;
  left: 50%;
  margin-left: -50px;
  margin-left: -2.60416667vw;
}
#ytWrapper #yt-loader img {
  width: 100%;
}
#ytWrapper .close-youtube {
  position: absolute;
  z-index: 121;
  width: 150px;
  width: 7.8125vw;
  height: 150px;
  height: 7.8125vw;
  /*background: #333 url('@{uio}/btn-close.png') no-repeat 50%;
    background-size: @x @y;*/
  background: url(../../assets/img/uio/btn-close-yt.png) no-repeat top center;
  background-size: contain;
  text-indent: -3721em;
  overflow: hidden;
  right: 0;
  top: 0;
}
#ytWrapper .wrap-rels {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
#ytWrapper .wrap-rels iframe,
#ytWrapper .wrap-rels object,
#ytWrapper .wrap-rels video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#ytWrapper.show {
  z-index: 1000;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
/* -----------------------------------------------------------------------------
 * Video
 -----------------------------------------------------------------------------*/
#bridge {
  position: fixed;
  width: 100vw;
  height: 56.25vw;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 9;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.mov {
  will-change: opacity, transform;
  z-index: 1;
  position: fixed;
  width: 100vw;
  height: 56.25vw;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.mov video {
  width: 100vw;
  height: 56.25vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.mov .label {
  position: fixed;
  background: #fff;
  padding: 10px 15px;
  left: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  border: 1px solid #ddd;
}
.mov.active {
  will-change: opacity, transform;
  opacity: 1;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  z-index: 11;
}
.mov.active > div {
  z-index: 1;
  position: fixed;
  width: 100vw;
  height: 56.25vw;
  left: 0;
  top: 100vh;
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.mov.active > div.on {
  top: 0;
  z-index: 12;
  opacity: 1;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.mov.active > div.clear {
  background-image: none !important;
}
.mov.active > div.clear video {
  background-image: none !important;
}
.mov-item {
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
.mov-item.on {
  z-index: 13;
  opacity: 1;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
/* -----------------------------------------------------------------------------
 * @ Popups
 -----------------------------------------------------------------------------*/
@-webkit-keyframes anext {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@keyframes anext {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@-webkit-keyframes aprev {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@keyframes aprev {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
.aprev {
  -webkit-animation: aprev 2s infinite;
  animation: aprev 2s infinite;
}
.anext {
  -webkit-animation: anext 2s infinite;
  animation: anext 2s infinite;
}
input[type=tel] {
  ime-mode: disabled;
}
p.input {
  font-size: 0;
}
p.input label i.lab,
p.input label select,
p.input label input[type=password],
p.input label input[type=text],
p.input label input[type=tel] {
  display: inline-block;
  color: #de7683;
  font-size: 33px;
  font-size: 1.71875vw;
}
p.input label i.lab {
  font-weight: 500;
  letter-spacing: -1px;
  letter-spacing: -0.05208333vw;
  width: 109px;
  width: 5.67708333vw;
}
p.input label .form-controls {
  border-bottom: 0.10416667vw solid #de7683;
}
p.input label select.form-controls {
  width: 203px;
  width: 10.57291667vw;
}
p.check label {
  white-space: nowrap;
}
p.check label i.lab {
  font-size: 26px;
  font-size: 1.35416667vw;
  letter-spacing: -3px;
  letter-spacing: -0.15625vw;
  font-weight: 500;
  color: #de7683;
  margin-left: 10px;
  margin-left: 0.52083333vw;
}
p.check a {
  font-size: 27px;
  font-size: 1.40625vw;
  color: #de7683;
  display: block;
  padding-top: 20px;
  padding-top: 1.04166667vw;
  padding-bottom: 20px;
  padding-bottom: 1.04166667vw;
}
p.alim {
  text-align: center;
  font-size: 29px;
  font-size: 1.51041667vw;
  font-weight: 500;
  color: #de7683;
  line-height: 46px;
  line-height: 2.39583333vw;
}
p.alim.alim-small {
  font-size: 25px;
  font-size: 1.30208333vw;
  line-height: 29px;
  line-height: 1.51041667vw;
}
.box-wrap {
  height: 688px;
  height: 35.83333333vw;
}
.choose-box {
  width: 100%;
}
.choose-box:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.choose-box ul.items {
  display: block;
  font-size: 0;
  text-align: center;
}
.choose-box ul.items li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 246px;
  width: 12.8125vw;
  height: 246px;
  height: 12.8125vw;
  margin-right: 22px;
  margin-right: 1.14583333vw;
  margin-bottom: 38px;
  margin-bottom: 1.97916667vw;
  /*&:nth-of-type(1),
			&:nth-of-type(2) {
				.setMarginBottom(49);
			}
			&:nth-of-type(2n-1) {
				.setMarginRight(30);
			}*/
}
.choose-box ul.items li button {
  z-index: 10;
  position: relative;
  outline: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.choose-box ul.items li button .descriptions {
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e46676;
  color: #fff;
  font-size: 18px;
  font-size: 0.9375vw;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 10px;
  padding-bottom: 0.52083333vw;
  padding-top: 10px;
  padding-top: 0.52083333vw;
  padding-right: 15px;
  padding-right: 0.78125vw;
  text-align: right;
}
.choose-box ul.items li button .descriptions span {
  display: block;
}
.choose-box ul.items li button .descriptions span.by {
  font-size: 24px;
  font-size: 1.25vw;
  color: #febbc4;
}
.choose-box ul.items li img {
  width: 100%;
}
.choose-box ul.items li:before {
  z-index: 20;
  content: '';
  display: block;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  border: 5px solid #e46676;
  border-color: transparent;
  width: 246px;
  width: 12.8125vw;
  height: 246px;
  height: 12.8125vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: border-color 350ms ease;
  transition: border-color 350ms ease;
}
.choose-box ul.items li.on:before {
  border-color: #e46676;
  -webkit-transition: border-color 350ms ease;
  transition: border-color 350ms ease;
}
.input-box {
  position: relative;
  font-size: 0;
  width: 534px;
  width: 27.8125vw;
  margin-right: 57px;
  margin-right: 2.96875vw;
  height: 693px;
  height: 36.09375vw;
  text-align: left;
  float: right;
}
.input-box .agreements {
  margin-top: 60px;
  margin-top: 3.125vw;
}
.input-box .agreements a {
  margin-left: 40px;
  margin-left: 2.08333333vw;
  text-decoration: none;
}
.input-box button[type=submit] {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -230px;
  margin-left: -11.97916667vw;
}
.input-box p.input {
  padding-top: 26px;
  padding-top: 1.35416667vw;
}
.input-box p.input:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.input-box p.input i.lab {
  float: left;
}
.input-box p.input select.form-controls {
  float: right;
}
.input-box p.input + p.input {
  padding-top: 0;
  margin-top: 50px;
  margin-top: 2.60416667vw;
}
.input-box p.check {
  display: inline-block;
  width: 250px;
  width: 13.02083333vw;
}
.input-box p.check i.lab,
.input-box p.check input.form-controls {
  display: inline-block;
  vertical-align: top;
}
.input-box p.check + p.check {
  width: 284px;
  width: 14.79166667vw;
}
.input-box p.alim {
  padding-top: 30px;
  padding-top: 1.5625vw;
}
.pop {
  position: fixed;
  z-index: 21;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/bg-pop-wrap.png') repeat-x 0 0;
  background-size: cover;
}
.pop.base {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.pop.base.show {
  opacity: 1;
  -webkit-transition: opacity 1s ease 0.5s;
  transition: opacity 1s ease 0.5s;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.pop.base.show.moment {
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.pop.fromRight {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 1.6s;
  transition: opacity 0.3s ease 1.6s;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.pop.fromRight .pop-in {
  -webkit-transform: translate3d(100vw, 0, 0);
          transform: translate3d(100vw, 0, 0);
  -webkit-transition: -webkit-transform 1s ease 0.5s;
  transition: -webkit-transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.pop.fromRight.show {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.pop.fromRight.show .pop-in {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 1s ease 0.5s;
  transition: -webkit-transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.pop .go-vote {
  position: absolute;
  z-index: 41;
  left: 1602px;
  left: 83.4375vw;
  top: 837px;
  top: 43.59375vw;
  width: 220px;
  width: 11.45833333vw;
  height: 223px;
  height: 11.61458333vw;
  background: url('../../assets/img/uio/btn-vote.png') no-repeat 0 0;
  background-size: contain;
  text-indent: -3721em;
}
.pop .pop-close {
  position: absolute;
  z-index: 41;
  left: 1615px;
  left: 84.11458333vw;
  top: 128px;
  top: 6.66666667vw;
  width: 121px;
  width: 6.30208333vw;
  height: 123px;
  height: 6.40625vw;
  background: url('../../assets/img/uio/btn-close.png') no-repeat 50%;
  background-size: 2.39583333vw 2.39583333vw;
  text-indent: -3721em;
  overflow: hidden;
}
.pop .pop-in {
  z-index: 31;
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/bg-pop.png') no-repeat 0 0;
  background-size: cover;
  overflow: hidden;
}
.pop .in-cont {
  z-index: 31;
  position: relative;
  width: 1570px;
  width: 81.77083333vw;
  height: 808px;
  height: 42.08333333vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 128px;
  margin-top: 6.66666667vw;
}
.pop .bx-wrapper .bx-controls .bx-controls-direction a {
  position: absolute;
  display: block;
  width: 91px;
  width: 4.73958333vw;
  height: 142px;
  height: 7.39583333vw;
  top: 50%;
  margin-top: -71px;
  margin-top: -3.69791667vw;
  text-indent: -3721em;
}
.pop .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
  background: url('../../assets/img/uio/btn-prv.png') no-repeat 0 0;
  background-size: contain;
  left: -117px;
  left: -6.09375vw;
}
.pop .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
  background: url('../../assets/img/uio/btn-nxt.png') no-repeat 0 0;
  background-size: contain;
  right: -117px;
  right: -6.09375vw;
}
.pop-vote .pop-in {
  background: url('../../assets/img/uio/bg-pop-vote.png') no-repeat 0 0;
  background-size: cover;
}
.pop.pop-vote-app .pop-in {
  background: url('../../assets/img/uio/bg-pop-vote-app.png') no-repeat 0 0;
  background-size: cover;
}
.pop.pop-vote-app .in-cont {
  margin-top: 59px;
  margin-top: 3.07291667vw;
  width: 1619px;
  width: 84.32291667vw;
  height: 962px;
  height: 50.10416667vw;
  margin-left: 301px;
  margin-left: 15.67708333vw;
}
.pop.pop-vote-app .pop-close {
  position: absolute;
  z-index: 41;
  width: 113px;
  width: 5.88541667vw;
  height: 134px;
  height: 6.97916667vw;
  background: url('../../assets/img/uio/btn-close.png') no-repeat 1.61458333vw 2.08333333vw;
  background-size: 2.39583333vw 2.39583333vw;
  text-indent: -3721em;
  overflow: hidden;
  left: 188px;
  left: 9.79166667vw;
  top: 126px;
  top: 6.5625vw;
}
.pops {
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 56.25vw;
  overflow: hidden !important;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.pops .btn {
  pointer-events: none !important;
  -ms-touch-action: none;
      touch-action: none;
}
.pops.show {
  z-index: 24;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.pops.show .btn {
  pointer-events: fill !important;
  -ms-touch-action: auto;
      touch-action: auto;
}
.pops.show.moment {
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  -webkit-transform: translate3d(-100vw, 0, 0);
          transform: translate3d(-100vw, 0, 0);
}
.pops.show.moment .btn {
  pointer-events: none !important;
  -ms-touch-action: none;
      touch-action: none;
}
.pops.show .btn {
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.pops .pop-container {
  z-index: 22;
  position: relative;
  width: 1920px;
  width: 100vw;
  height: 1080px;
  height: 56.25vw;
}
.pops .btn-close-pops {
  display: block;
  background: url('../../assets/img/uio/btn-close.png') no-repeat 50%;
  background-size: 2.39583333vw 2.39583333vw;
  overflow: hidden;
  text-indent: -3721em;
  outline: none;
  z-index: 23;
  position: absolute;
  left: 1615px;
  left: 84.11458333vw;
  top: 87px;
  top: 4.53125vw;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  width: 129px;
  width: 6.71875vw;
  height: 131px;
  height: 6.82291667vw;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.pops .btn-vote-box {
  display: block;
  background: url('../../assets/img/uio/btn-vote.png') no-repeat 50%;
  background-size: contain;
  overflow: hidden;
  text-indent: -3721em;
  outline: none;
  width: 220px;
  width: 11.45833333vw;
  height: 224px;
  height: 11.66666667vw;
  z-index: 23;
  position: fixed;
  left: 1601px;
  left: 83.38541667vw;
  top: 836px;
  top: 43.54166667vw;
}
.pops.move-slide * {
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.pops.move-slide .btn-close-pops {
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.pops .slider {
  z-index: 23;
  position: relative;
  width: 1920px;
  width: 100vw;
  height: 1080px;
  height: 56.25vw;
}
.pops .slider .bx-wrapper {
  z-index: 24;
  position: relative;
  width: 1920px;
  width: 100vw;
  height: 1080px;
  height: 56.25vw;
}
.pops .slider .bx-wrapper .bx-controls .bx-controls-direction > a {
  z-index: 28;
  position: absolute;
  top: 475px;
  top: 24.73958333vw;
  width: 91px;
  width: 4.73958333vw;
  height: 142px;
  height: 7.39583333vw;
  background-image: url('../../assets/img/uio/btn-prv.png');
  background-repeat: no-repeat;
  background-position: 50%;
  text-indent: -3721em;
  overflow: hidden;
  background-size: contain;
}
.pops .slider .bx-wrapper .bx-controls .bx-controls-direction > a.bx-prev {
  left: 60px;
  left: 3.125vw;
}
.pops .slider .bx-wrapper .bx-controls .bx-controls-direction > a.bx-next {
  background-image: url('../../assets/img/uio/btn-nxt.png');
  right: 60px;
  right: 3.125vw;
}
.pops .slider .bx-wrapper .bx-viewport {
  z-index: 25;
  position: relative;
  width: 1920px;
  width: 100vw;
  height: 1080px;
  height: 56.25vw;
  height: 100% !important;
}
.pops .slider .bx-wrapper .bx-viewport .slidee {
  display: block;
  z-index: 26;
  position: relative;
  width: 1920px;
  width: 100vw;
  height: 1080px;
  height: 56.25vw;
  height: 100% !important;
}
.pops .slider .bx-wrapper .bx-viewport .slidee li {
  display: block;
  z-index: 27;
  position: relative;
  width: 1920px;
  width: 100vw;
  height: 1080px;
  height: 56.25vw;
  overflow: hidden;
  height: 100% !important;
}
.pops-skin2 {
  opacity: 1;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}
.pops-skin2:before {
  content: '';
  display: block;
  width: 100vw;
  height: 56.25vw;
  position: absolute;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  background: url('../../assets/img/uio/bg-pop-wrap.png') repeat-x 0 0;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.pops-skin2.show {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0;
  transition: opacity 0;
  z-index: 30;
}
.pops-skin2.show:before {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.pops-skin2.show .pop-container {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s ease;
  transition: opacity 1s, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 1s;
  transition: transform 1s ease, opacity 1s, -webkit-transform 1s ease;
}
.pops-skin2 .pop-container {
  opacity: 0;
  -webkit-transform: translate3d(84.32291667vw, 0, 0);
          transform: translate3d(84.32291667vw, 0, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s ease;
  transition: opacity 1s, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 1s;
  transition: transform 1s ease, opacity 1s, -webkit-transform 1s ease;
  background: url('../../assets/img/pop/bg-from-right-slide.png') no-repeat;
  background-size: cover;
  overflow: hidden;
}
.pops-skin2 .pop-container:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.pops-skin2 .forms {
  position: relative;
  width: 1619px;
  width: 84.32291667vw;
  height: 962px;
  height: 50.10416667vw;
  margin-top: 59px;
  margin-top: 3.07291667vw;
  float: right;
}
.pops-skin2 .forms .splash {
  z-index: 30;
  position: absolute;
  left: 0;
  top: 0;
  width: 1619px;
  width: 84.32291667vw;
  height: 962px;
  height: 50.10416667vw;
  background: url('../../assets/img/f3/img-vote-splash.png') no-repeat 0 0;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: opacity 0.2s linear 0.5s;
  transition: opacity 0.2s linear 0.5s;
}
.pops-skin2 .forms .splash .splash-in {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.pops-skin2 .forms .splash .splash-in button {
  position: absolute;
  width: 397px;
  width: 20.67708333vw;
  height: 103px;
  height: 5.36458333vw;
  background: url('../../assets/img/uio/_blank.gif') repeat;
  left: 616px;
  left: 32.08333333vw;
  top: 743px;
  top: 38.69791667vw;
  text-indent: -3721em;
  overflow: hidden;
}
.pops-skin2 .forms .splash.landing.show {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.pops-skin2 .btn-close-pops {
  display: block;
  background: url('../../assets/img/uio/btn-close.png') no-repeat 1.61458333vw 2.08333333vw;
  background-size: 2.39583333vw 2.39583333vw;
  overflow: hidden;
  text-indent: -3721em;
  outline: none;
  z-index: 23;
  position: absolute;
  left: 188px;
  left: 9.79166667vw;
  top: 126px;
  top: 6.5625vw;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  width: 113px;
  width: 5.88541667vw;
  height: 134px;
  height: 6.97916667vw;
}
.pops-skin2 .action {
  position: relative;
  margin-top: -200px;
  margin-top: -10.41666667vw;
}
.pops-skin2 .action-re {
  text-align: center;
}
.pops-skin3 {
  background: url('../../assets/img/uio/bg-pop-wrap.png ') repeat-x 0 0;
  background-size: cover;
}
.pops-skin3 .btn-close-pops {
  display: block;
  background: url('../../assets/img/uio/btn-close.png') no-repeat 50%;
  background-size: 2.39583333vw 2.39583333vw;
  overflow: hidden;
  text-indent: -3721em;
  outline: none;
  z-index: 23;
  position: absolute;
  left: 1615px;
  left: 84.11458333vw;
  top: 128px;
  top: 6.66666667vw;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  width: 121px;
  width: 6.30208333vw;
  height: 123px;
  height: 6.40625vw;
}
.pops-skin3 .view-contain {
  width: 1396px !important;
  width: 72.70833333vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 77px;
  padding-top: 4.01041667vw;
}
.pops-skin3 .view-contain:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.pops-skin3 .view-contain .slide-thumbs {
  width: 663px;
  width: 34.53125vw;
  height: 672px;
  height: 35vw;
  position: relative;
  float: left;
}
.pops-skin3 .view-contain .slide-thumbs video,
.pops-skin3 .view-contain .slide-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pops-skin3 .view-contain .slide-thumbs button.play-mov {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../assets/img/uio/btn-play.png') no-repeat 50%;
  background-size: 5.36458333vw 5.46875vw;
  color: rgba(0, 0, 0, 0);
}
.pops-skin3 .view-contain .slide-content {
  float: right;
  width: 667px;
  width: 34.73958333vw;
  height: 672px;
  height: 35vw;
  text-align: center;
}
.pops-skin3 .view-contain .slide-content h1 {
  padding-top: 35px;
  padding-top: 1.82291667vw;
  font-size: 50px;
  font-size: 2.60416667vw;
  font-weight: 500;
  color: #c24e5d;
}
.pops-skin3 .view-contain .slide-content h2 {
  font-size: 30px;
  font-size: 1.5625vw;
  color: #de7683;
  margin-bottom: 44px;
  margin-bottom: 2.29166667vw;
}
.pops-skin3 .view-contain .slide-content .descriptions {
  width: 673px;
  width: 35.05208333vw;
  height: 322px;
  height: 16.77083333vw;
  background: url('../../assets/img/f4/bg-slide-desc.png') no-repeat 0 0;
  background-size: contain;
  text-align: left;
  overflow: hidden;
  margin-bottom: 55px;
  margin-bottom: 2.86458333vw;
}
.pops-skin3 .view-contain .slide-content p {
  margin-top: 70px;
  margin-top: 3.64583333vw;
  margin-left: 49px;
  margin-left: 2.55208333vw;
  font-size: 36px;
  font-size: 1.875vw;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
  line-height: 48px;
  line-height: 2.5vw;
  color: #de7683;
}
.pops-skin3 .view-contain .slide-content p em {
  color: #c24e5d;
  font-style: normal;
}
.pops-skin3 .view-contain .slide-content p strong {
  color: #c24e5d;
}
.pops-skin3 .view-contain .slide-content .actions a {
  color: #fff;
  font-size: 40px;
  font-size: 2.08333333vw;
  font-weight: 500;
}
.pops-skin4 {
  background: url('../../assets/img/uio/bg-pop-wrap.png ') repeat-x 0 0;
  background-size: cover;
}
.pops-skin4 .pop-container {
  overflow: hidden;
  background: url('../../assets/img/pop/bg-pop-skin4.png ') no-repeat 0 0;
  background-size: cover;
}
.pops-skin4 p.arrival-warn {
  position: absolute;
  top: 100px;
  width: 100%;
  left: 0;
  top: 915px;
  top: 47.65625vw;
  text-align: center;
  font-size: 30px;
  font-size: 1.5625vw;
  color: #de7683;
}
.pops-skin4 .btn-close-pops {
  display: block;
  background: url('../../assets/img/uio/btn-close.png') no-repeat 50%;
  background-size: 2.39583333vw 2.39583333vw;
  overflow: hidden;
  text-indent: -3721em;
  outline: none;
  z-index: 23;
  position: absolute;
  left: 1431px;
  left: 74.53125vw;
  top: 67px;
  top: 3.48958333vw;
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  width: 125px;
  width: 6.51041667vw;
  height: 127px;
  height: 6.61458333vw;
}
.pops-skin4 .view-contain {
  width: 1186px;
  width: 61.77083333vw;
  height: 962px;
  height: 50.10416667vw;
  margin-top: 59px;
  margin-top: 3.07291667vw;
  margin-left: auto;
  margin-right: auto;
}
#slider .slidee li {
  background: url('../../assets/img/pop/bg-vote-slide.png') no-repeat 0 0;
  background-size: contain;
}
#slider .slidee li .view-contain {
  font-size: 0;
  width: 1570px;
  width: 81.77083333vw;
  height: 907px;
  height: 47.23958333vw;
  margin-top: 87px;
  margin-top: 4.53125vw;
  margin-left: auto;
  margin-right: auto;
}
#slider .slidee li .view-contain > img {
  width: 100%;
}
#slider .slidee li .view-contain h1 {
  text-align: center;
  font-family: 'buri';
  height: 146px;
  height: 7.60416667vw;
  font-size: 60px;
  font-size: 3.125vw;
  color: #000;
}
#slider .slidee li .view-contain h1 span {
  display: block;
  padding-top: 72px;
  padding-top: 3.75vw;
}
#slider .slidee li .view-contain h2 {
  text-align: center;
  font-size: 40px;
  font-size: 2.08333333vw;
  color: #000;
  font-weight: 400;
  width: 1590px;
  width: 82.8125vw;
  height: 106px;
  height: 5.52083333vw;
  line-height: 106px;
  line-height: 5.52083333vw;
  letter-spacing: -4px;
  letter-spacing: -0.20833333vw;
  margin-bottom: 57px;
  margin-bottom: 2.96875vw;
  background: url('../../assets/img/pop/bg-vote-slide-h2.png') no-repeat 0 0;
  background-size: contain;
}
#slider .slidee li .view-contain .descriptions .figure {
  width: 1258px;
  width: 65.52083333vw;
  margin-left: auto;
  margin-right: auto;
}
#slider .slidee li .view-contain .descriptions .figure img {
  width: 100%;
}
#slider .slidee li .view-contain .descriptions dl {
  display: block;
  margin-left: 175px;
  margin-left: 9.11458333vw;
  padding-top: 40px;
  padding-top: 2.08333333vw;
}
#slider .slidee li .view-contain .descriptions dl dt {
  font-size: 36px;
  font-size: 1.875vw;
  color: #de6876;
  margin-bottom: 17px;
  margin-bottom: 0.88541667vw;
  text-transform: uppercase;
}
#slider .slidee li .view-contain .descriptions dl dd {
  font-size: 28px;
  font-size: 1.45833333vw;
  color: #de6978;
  font-weight: 400;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
}
#floor-event-form {
  background-image: none;
}
#floor-event-form:before {
  opacity: 0;
  content: '';
  display: block;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/uio/bg-message.png') repeat-x;
  background-size: 100% 100%;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
#floor-event-form.show {
  background: url('../../assets/img/f5/bg-game.jpg') no-repeat 50%;
  background-size: cover;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
#floor-event-form.show:before {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.vote-box {
  width: 1360px;
  width: 70.83333333vw;
  margin-left: 8.375vw;
  text-align: center;
}
.vote-box hgroup {
  display: block;
  height: 195px;
  height: 10.15625vw;
  margin-top: 50px;
  margin-top: 2.60416667vw;
}
.vote-box hgroup h1 {
  font-size: 45px;
  font-size: 2.34375vw;
  font-weight: 500;
  color: #de7683;
  padding-top: 60px;
  padding-top: 3.125vw;
  padding-bottom: 20px;
  padding-bottom: 1.04166667vw;
}
.vote-box hgroup h1 strong {
  color: #c24e5d;
}
.vote-box hgroup h2 {
  font-size: 33px;
  font-size: 1.71875vw;
  color: #de7683;
}
.vote-box .input-box {
  width: 100%;
  height: 16vw;
  text-align: center;
  margin-right: 0;
}
.vote-box .input-box p.input {
  display: inline-block;
  padding-right: 1.5vw;
  margin-top: 0;
  padding-top: 0;
}
.vote-box .input-box p.input label .form-controls {
  width: 13vw;
}
.vote-box .input-box p.input:last-child {
  padding-right: 0;
}
.vote-box .input-box p.input + p.input {
  margin-top: 0;
}
.vote-box .input-box .person-input-group {
  height: 50px;
  height: 2.60416667vw;
}
.vote-box .input-box .person-input-group p.input {
  vertical-align: top;
  display: inline-block;
  height: 45px;
  height: 2.34375vw;
}
.vote-box .input-box .agreements {
  margin-top: 1.125vw;
}
.vote-box .input-box .agreements a {
  display: block;
  width: 9vw;
  padding: 0.5vw;
}
.vote-box .input-box .agreements p.check {
  text-align: left;
}
.vote-box .input-box p.check,
.vote-box .input-box p.check + p.check {
  width: 17.541667vw;
}
.vote-box .input-box p.check i.lab {
  margin-left: 20px;
  margin-left: 1.04166667vw;
}
.vote-box .input-box .dbtn {
  height: 3.84375vw;
  line-height: 3.84375vw;
}
.vote-box .input-box .dbtn.x-460 {
  width: 16vw;
}
.vote-box .input-box button[type=submit] {
  margin-left: -8vw;
}
.vote-box .input-box p.alim {
  line-height: 2vw;
}
.vote-box .input-box .actions {
  padding-top: 16px;
  padding-top: 0.83333333vw;
}
.vote-box .input-box .actions .btn-vote,
.vote-box .input-box .actions .btn-goods {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  margin: auto;
  padding: auto;
}
.vote-box .input-box .actions .btn-goods {
  margin-left: 57px;
  margin-left: 2.96875vw;
}
.watch-live .box-wrap {
  width: 76vw;
  margin-left: 80px;
  margin-left: 4.16666667vw;
  padding-top: 73px;
  padding-top: 3.80208333vw;
}
.watch-live .box-wrap:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.watch-live .desc-box {
  font-size: 0;
  text-align: center;
  width: 41vw;
  float: left;
}
.watch-live .desc-box hgroup {
  display: block;
  margin-bottom: 50px;
  margin-bottom: 2.60416667vw;
}
.watch-live .desc-box hgroup h1 {
  font-size: 1.9vw;
  line-height: 55px;
  line-height: 2.86458333vw;
  color: #de7683;
  font-weight: 500;
  letter-spacing: -3px;
  letter-spacing: -0.15625vw;
  padding-top: 33px;
  padding-top: 1.71875vw;
  margin-bottom: 20px;
  margin-bottom: 1.04166667vw;
}
.watch-live .desc-box hgroup h1 strong {
  color: #c24e5d;
}
.watch-live .desc-box hgroup h2 {
  font-size: 1.5vw;
  color: #de7683;
  font-weight: 400;
  letter-spacing: -1px;
  letter-spacing: -0.05208333vw;
}
.watch-live .desc-box .goods .figure .img {
  width: 570px;
  width: 29.6875vw;
  height: 335px;
  height: 17.44791667vw;
  margin-left: auto;
  margin-right: auto;
}
.watch-live .desc-box .goods .figure .img img {
  width: 100%;
}
.watch-live .desc-box .goods .figure .figcaption {
  font-size: 0;
  margin-top: 20px;
  margin-top: 1.04166667vw;
}
.watch-live .desc-box .goods .figure .figcaption h3 {
  color: #c24e5d;
  font-size: 35px;
  font-size: 1.82291667vw;
  font-weight: 500;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
  margin-bottom: 45px;
  margin-bottom: 2.34375vw;
}
.watch-live .desc-box .goods .figure .figcaption p {
  color: #de6373;
  font-size: 30px;
  font-size: 1.5625vw;
  line-height: 40px;
  line-height: 2.08333333vw;
}
.watch-live .input-box {
  float: right;
  position: relative;
  width: 655px;
  width: 34.11458333vw;
  height: 814px;
  height: 42.39583333vw;
  background: url('../../assets/img/f2/bg-form.png') no-repeat 0 0;
  background-size: contain;
  margin-right: 0;
}
.watch-live .input-box button[type=submit] {
  position: absolute;
  top: 669px;
  top: 34.84375vw;
  left: 50%;
  margin-left: -230px;
  margin-left: -11.97916667vw;
}
.watch-live .input-box .box-in {
  padding-top: 128px;
  padding-top: 6.66666667vw;
  margin-left: 60px;
  margin-left: 3.125vw;
  width: 532px;
  width: 27.70833333vw;
}
.watch-live .input-box .box-in p.input label {
  display: block;
}
.watch-live .input-box .box-in p.input label:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.watch-live .input-box .box-in p.input label i.lab {
  width: 107px;
  width: 5.57291667vw;
  float: left;
}
.watch-live .input-box .box-in p.input label input[type=text],
.watch-live .input-box .box-in p.input label input[type=tel] {
  width: 425px;
  width: 22.13541667vw;
  float: right;
}
.watch-live .input-box .box-in p.input + p.input {
  margin-top: 50px;
  margin-top: 2.60416667vw;
  margin-bottom: 90px;
  margin-bottom: 4.6875vw;
}
.watch-live .input-box .box-in .check-wrap {
  position: relative;
  padding-bottom: 5vw;
}
.watch-live .input-box .box-in .check-wrap:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.watch-live .input-box .box-in p.check {
  display: inline-block;
  width: 250px;
  width: 13.02083333vw;
  float: left;
  position: absolute;
  left: -0.5vw;
  top: 0;
}
.watch-live .input-box .box-in p.check a {
  font-size: 27px;
  font-size: 1.40625vw;
  color: #de7683;
  display: block;
  padding-top: 20px;
  padding-top: 1.04166667vw;
  padding-bottom: 20px;
  padding-bottom: 1.04166667vw;
  margin-left: 37px;
  margin-left: 1.92708333vw;
}
.watch-live .input-box .box-in p.check i.lab,
.watch-live .input-box .box-in p.check input.form-controls {
  display: inline-block;
  vertical-align: top;
}
.watch-live .input-box .box-in p.check i.lab {
  font-size: 27px;
  font-size: 1.40625vw;
  letter-spacing: -3px;
  letter-spacing: -0.15625vw;
  font-weight: 500;
  color: #de7683;
  margin-left: 3px;
  margin-left: 0.15625vw;
}
.watch-live .input-box .box-in p.check + p.check {
  position: absolute;
  width: 284px;
  width: 14.79166667vw;
  float: right;
  left: 14.7vw;
  top: 0;
}
#sulinGallery2 {
  width: 1396px;
  width: 72.70833333vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 77px;
  padding-top: 4.01041667vw;
}
#sulinGallery2 ul.slidee li[aria-hidden=true] {
  -webkit-transform: translate(2.2vw, 0);
          transform: translate(2.2vw, 0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
#sulinGallery2 ul.slidee li[aria-hidden=false] {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
#sulinGallery2 .slide-thumbs {
  position: relative;
  width: 663px;
  width: 34.53125vw;
  height: 672px;
  height: 35vw;
  overflow: hidden;
  float: left;
}
#sulinGallery2 .slide-thumbs .play-mov {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../../assets/img/uio/btn-play.png') no-repeat 50%;
  background-size: 5.36458333vw 5.46875vw;
  color: rgba(0, 0, 0, 0);
  text-align: center;
}
#sulinGallery2 .slide-thumbs img {
  width: 100%;
}
#sulinGallery2 .slide-content {
  text-align: center;
  width: 667px;
  width: 34.73958333vw;
  height: 672px;
  height: 35vw;
  float: right;
}
#sulinGallery2 .slide-content h1 {
  padding-top: 35px;
  padding-top: 1.82291667vw;
  font-size: 50px;
  font-size: 2.60416667vw;
  font-weight: 500;
  color: #c24e5d;
}
#sulinGallery2 .slide-content h2 {
  font-size: 30px;
  font-size: 1.5625vw;
  color: #de7683;
  margin-bottom: 44px;
  margin-bottom: 2.29166667vw;
}
#sulinGallery2 .slide-content .descriptions {
  width: 673px;
  width: 35.05208333vw;
  height: 322px;
  height: 16.77083333vw;
  background: url('../../assets/img/f4/bg-slide-desc.png') no-repeat 0 0;
  background-size: contain;
  text-align: left;
  overflow: hidden;
  margin-bottom: 55px;
  margin-bottom: 2.86458333vw;
}
#sulinGallery2 .slide-content p {
  margin-top: 70px;
  margin-top: 3.64583333vw;
  margin-left: 49px;
  margin-left: 2.55208333vw;
  font-size: 36px;
  font-size: 1.875vw;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
  line-height: 48px;
  line-height: 2.5vw;
  color: #de7683;
}
#sulinGallery2 .slide-content p em {
  color: #c24e5d;
  font-style: normal;
}
#sulinGallery2 .slide-content p strong {
  color: #c24e5d;
}
#sulinGallery .bx-wrapper .bx-controls .bx-controls-direction a.disabled {
  opacity: 0;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.slider.slider-base .slidee li {
  background: url('../../assets/img/pop/bg-pop-base.png') no-repeat 0 0;
  background-size: contain;
}
.slider.slider-base .slidee li .view-contain {
  font-size: 0;
  width: 1570px;
  width: 81.77083333vw;
  height: 808px;
  height: 42.08333333vw;
  margin-top: 128px;
  margin-top: 6.66666667vw;
  margin-left: auto;
  margin-right: auto;
}
.slider.slider-base .slidee li .view-contain > img {
  width: 100%;
}
.tarot-result h1 img {
  width: 100%;
}
.tarot-result .box-wrap {
  width: 1247px;
  width: 64.94791667vw;
  margin-left: 155px;
  margin-left: 8.07291667vw;
  background: url('../../assets/img/f5/img-goods1.png') no-repeat 0 -1.04166667vw;
  background-size: 30.15625vw 27.86458333vw;
}
.tarot-result .box-wrap.goods1 {
  background: url('../../assets/img/f5/img-goods1.png') no-repeat 0 -1.04166667vw;
  background-size: 30.15625vw 27.86458333vw;
}
.tarot-result .box-wrap.goods2 {
  background: url('../../assets/img/f5/img-goods1.png') no-repeat 0 -1.04166667vw;
  background-size: 30.15625vw 27.86458333vw;
}
.tarot-result .box-wrap.goods3 {
  background: url('../../assets/img/f5/img-goods1.png') no-repeat 0 -1.04166667vw;
  background-size: 30.15625vw 27.86458333vw;
}
.tarot-result .box-wrap.goods4 {
  background: url('../../assets/img/f5/img-goods1.png') no-repeat 0 -1.04166667vw;
  background-size: 30.15625vw 27.86458333vw;
}
.tarot-result .input-box {
  width: 668px;
  width: 34.79166667vw;
  padding-top: 30px;
  padding-top: 1.5625vw;
}
.tarot-result .input-box button[type=submit] {
  top: 490px;
  top: 25.52083333vw;
  left: -180px;
  left: -9.375vw;
  bottom: auto;
  right: auto;
  margin-left: 0;
  margin-right: 0;
}
.tarot-result .input-box button.complete,
.tarot-result .input-box button.submit {
  position: absolute;
  top: 510px;
  top: 26.5625vw;
  bottom: auto;
  right: auto;
  margin-left: 0;
  margin-right: 0;
}
.tarot-result .input-box button.complete {
  left: -352px;
  left: -18.33333333vw;
}
.tarot-result .input-box button.submit {
  left: 248px;
  left: 12.91666667vw;
}
.tarot-result .input-box .is-person {
  margin-bottom: 60px;
  margin-bottom: 3.125vw;
}
.tarot-result .input-box .is-person .input label {
  width: 576px;
  width: 30vw;
  display: block;
  font-size: 0;
}
.tarot-result .input-box .is-person .input label:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.tarot-result .input-box .is-person .input label i.lab,
.tarot-result .input-box .is-person .input label input[type=text],
.tarot-result .input-box .is-person .input label input[type=password],
.tarot-result .input-box .is-person .input label input[type=tel] {
  display: inline-block;
  height: 40px;
  height: 2.08333333vw;
  vertical-align: bottom;
}
.tarot-result .input-box .is-person .input label i.lab {
  width: 136px;
  width: 7.08333333vw;
  float: left;
  font-size: 35px;
  font-size: 1.82291667vw;
}
.tarot-result .input-box .is-person .input label input[type=text],
.tarot-result .input-box .is-person .input label input[type=password],
.tarot-result .input-box .is-person .input label input[type=tel] {
  width: 440px;
  width: 22.91666667vw;
  float: right;
  font-size: 33px;
  font-size: 1.71875vw;
}
.tarot-result .input-box .is-person2 {
  width: 905px;
  width: 47.13541667vw;
  margin-top: 30px;
  margin-top: 1.5625vw;
}
.tarot-result .input-box .is-person2:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.tarot-result .input-box .is-person2 p.input2 {
  margin: 0;
  padding: 0;
  float: left;
  display: inline-block;
  width: 420px;
  width: 21.875vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 60px;
  margin-bottom: 3.125vw;
}
.tarot-result .input-box .is-person2 p.input2 + .input2 {
  margin-left: 30px;
  margin-left: 1.5625vw;
}
.tarot-result .input-box .is-person2 p.input2 label {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
}
.tarot-result .input-box .is-person2 p.input2 label i.lab,
.tarot-result .input-box .is-person2 p.input2 label input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-size: 32px;
  font-size: 1.66666667vw;
  float: left;
}
.tarot-result .input-box .is-person2 p.input2 label i.lab {
  color: #de7683;
  width: 110px;
  width: 5.72916667vw;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
}
.tarot-result .input-box .is-person2 p.input2 label input {
  width: 310px;
  width: 16.14583333vw;
  height: 38px;
  height: 1.97916667vw;
  border-bottom: 1px solid #de7683;
  color: #522617;
}
.tarot-result .input-box .is-store {
  font-size: 32px;
  font-size: 1.66666667vw;
  margin-bottom: 60px;
  margin-bottom: 3.125vw;
  width: 905px;
  width: 47.13541667vw;
}
.tarot-result .input-box .is-store:after {
  content: '';
  display: block;
  overflow: hidden;
  clear: both;
}
.tarot-result .input-box .is-store label {
  font-size: 0;
}
.tarot-result .input-box .is-store label i.lab {
  color: #de7683;
  letter-spacing: -2px;
  letter-spacing: -0.10416667vw;
  font-size: 32px;
  font-size: 1.66666667vw;
}
.tarot-result .input-box .is-store label:nth-of-type(1) i.lab {
  margin-right: 27px;
  margin-right: 1.40625vw;
}
.tarot-result .input-box .is-store label:nth-of-type(2) {
  margin-left: 17px;
  margin-left: 0.88541667vw;
}
.tarot-result .input-box .is-store label:nth-of-type(2) i.lab {
  position: absolute;
  left: -3721em;
}
.tarot-result .input-box .is-store label:nth-of-type(2) .stx {
  width: 21.5vw;
}
.tarot-result .input-box .is-store label .stx {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 210px;
  width: 10.9375vw;
  border-bottom: 1px solid #de7683;
  background: url('../../assets/img/uio/stx-arrow2.png') no-repeat 98% 50%;
  background-size: 0.9375vw 0.78125vw;
}
.tarot-result .input-box .is-store label .stx select {
  display: block;
  height: 38px;
  height: 1.97916667vw;
  font-size: 28px;
  font-size: 1.45833333vw;
  width: 100%;
  color: #522617;
  background-image: none;
}
.tarot-result .input-box .is-store label .stx select[disabled=disabled] {
  opacity: 0.3;
}
.tarot-result .input-box .is-agree {
  width: 41vw;
}
.tarot-result .input-box .is-agree p.check {
  width: 19vw;
}
.tarot-result .input-box .is-agree p.check label i.lab {
  font-size: 29px;
  font-size: 1.51041667vw;
  letter-spacing: -1px;
  letter-spacing: -0.05208333vw;
}
.tarot-result .input-box .is-agree p.check a {
  margin-left: 50px;
  margin-left: 2.60416667vw;
}
.tarot-result .input-box .is-agree p.check + p.check {
  width: 18vw;
}
.tarot-result .input-box .alim {
  text-align: left;
  width: 49vw;
  font-size: 1.3vw;
  line-height: 2vw;
}
.pop-winner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/f5/img-pop-winner.png') no-repeat 0 0;
  background-size: contain;
}
.pop-winner-0 {
  background: url('../../assets/img/f5/img-pop-winner-0.png') no-repeat 0 0;
  background-size: contain;
}
.pop-winner-1 {
  background: url('../../assets/img/f5/img-pop-winner-1.png') no-repeat 0 0;
  background-size: contain;
}
.pop-winner-2 {
  background: url('../../assets/img/f5/img-pop-winner-2.png') no-repeat 0 0;
  background-size: contain;
}
.pop-winner-3 {
  background: url('../../assets/img/f5/img-pop-winner-3.png') no-repeat 0 0;
  background-size: contain;
}
.pop-winner-4 {
  background: url('../../assets/img/f5/img-pop-winner-4.png') no-repeat 0 0;
  background-size: contain;
}
.pop-winner .action .btn-address {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  width: 460px;
  width: 23.95833333vw;
  height: 93px;
  height: 4.84375vw;
  top: 763px;
  top: 39.73958333vw;
  left: 363px;
  left: 18.90625vw;
  border-radius: 17px;
  border-radius: 0.88541667vw;
  -webkit-border-radius: 17px;
  -webkit-border-radius: 0.88541667vw;
}
.pop-share {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/f5/img-pop-share.png') no-repeat 0 0;
  background-size: contain;
}
.pop-share .action .btn-share-icon,
.pop-share .action .btn-share {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0) url('../../assets/img/uio/_blank.gif') repeat;
  color: rgba(0, 0, 0, 0);
}
.pop-share .action .btn-share-icon {
  display: none;
}
.pop-share .action .btn-share {
  width: 494px;
  width: 25.72916667vw;
  height: 96px;
  height: 5vw;
  top: 40.8vw;
  left: 359px;
  left: 18.69791667vw;
  border-radius: 17px;
  border-radius: 0.88541667vw;
  -webkit-border-radius: 17px;
  -webkit-border-radius: 0.88541667vw;
}
.pop-sharedone {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/f5/img-pop-sharedone.png') no-repeat 0 0;
  background-size: contain;
}
.pop-sharedone .action .btn-share-icon,
.pop-sharedone .action .btn-share {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0) url('../../assets/img/uio/_blank.gif') repeat;
  color: rgba(0, 0, 0, 0);
}
.pop-sharedone .action .btn-share-icon {
  display: none;
}
.pop-sharedone .action .btn-share {
  width: 25.729167vw;
  height: 5vw;
  top: 40.5vw;
  left: 17.9vw;
  border-radius: 17px;
  border-radius: 0.88541667vw;
  -webkit-border-radius: 17px;
  -webkit-border-radius: 0.88541667vw;
}
.pop-failed {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/f5/img-pop-failed.png') no-repeat 0 0;
  background-size: contain;
}
.pop-failed .action .btn-close {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  width: 460px;
  width: 23.95833333vw;
  height: 93px;
  height: 4.84375vw;
  top: 748px;
  top: 38.95833333vw;
  left: 363px;
  left: 18.90625vw;
  border-radius: 17px;
  border-radius: 0.88541667vw;
  -webkit-border-radius: 17px;
  -webkit-border-radius: 0.88541667vw;
}
.pop-address {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../assets/img/f5/img-pop-address.png') no-repeat 0 0;
  background-size: contain;
  margin-top: 3.5vw;
}
.pop-address-0 {
  background: url('../../assets/img/f5/img-pop-address-0.png') no-repeat 0 0;
  background-size: contain;
}
.pop-address-1 {
  background: url('../../assets/img/f5/img-pop-address-1.png') no-repeat 0 0;
  background-size: contain;
}
.pop-address-2 {
  background: url('../../assets/img/f5/img-pop-address-2.png') no-repeat 0 0;
  background-size: contain;
}
.pop-address-3 {
  background: url('../../assets/img/f5/img-pop-address-3.png') no-repeat 0 0;
  background-size: contain;
}
.pop-address-4 {
  background: url('../../assets/img/f5/img-pop-address-4.png') no-repeat 0 0;
  background-size: contain;
}
.pop-address .forms .is-address .btn {
  position: absolute;
}
.pop-address .forms .is-address .btn-find-address {
  /*.setSize(246,60);
					.setTop(521);
					.setLeft(150);*/
  width: 40.9vw;
  height: 3.125vw;
  top: 27.7vw;
  left: 12.8125vw;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  z-index: 2;
}
.pop-address .forms .is-address .input {
  position: absolute;
  font-size: 0;
}
.pop-address .forms .is-address .input-2 {
  top: 33vw;
  left: 170px;
  left: 8.85416667vw;
}
.pop-address .forms .is-address .input-2 label i.lab {
  width: 129px;
  width: 6.71875vw;
}
.pop-address .forms .is-address .input-2 label input.form-controls {
  width: 728px;
  width: 37.91666667vw;
}
.pop-address .forms .is-address .input-1 {
  top: 28.770833vw;
  left: 170px;
  left: 8.85416667vw;
}
.pop-address .forms .is-address .input-1 label i.lab {
  width: 81px;
  width: 4.21875vw;
}
.pop-address .forms .is-address .input-1 label input.form-controls {
  width: 776px;
  width: 40.41666667vw;
}
.pop-address .forms .is-person .input {
  font-size: 0;
  position: absolute;
  left: 622px;
  left: 32.39583333vw;
  top: 19.8125vw;
}
.pop-address .forms .is-person .input label i.lab,
.pop-address .forms .is-person .input label input.form-controls {
  display: inline-block;
}
.pop-address .forms .is-person .input label i.lab {
  font-size: 30px;
  font-size: 1.5625vw;
  width: 104px;
  width: 5.41666667vw;
}
.pop-address .forms .is-person .input label input.form-controls {
  font-size: 33px;
  font-size: 1.71875vw;
  width: 14.5vw;
}
.pop-address .forms .is-person .input-2 {
  left: 622px;
  left: 32.39583333vw;
  top: 23.5vw;
}
.pop-address .forms .is-agree {
  position: absolute;
  left: 7vw;
  top: 37vw;
}
.pop-address .forms .is-agree p.check1 {
  display: inline-block;
  width: 25vw;
  position: absolute;
}
.pop-address .forms .is-agree p.check1 a {
  display: inline;
}
.pop-address .forms .is-agree p.check2 {
  display: inline-block;
  position: absolute;
  left: 26vw;
  width: 25vw;
}
.pop-address .forms .is-agree p.check2 a {
  display: inline;
}
.pop-address p.arrival-warn {
  top: 46.65625vw;
}
.pop-address .action .btn-confirm {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  width: 460px;
  width: 23.95833333vw;
  height: 93px;
  height: 4.84375vw;
  top: 40.65625vw;
  left: 19.90625vw;
  border-radius: 17px;
  border-radius: 0.88541667vw;
  -webkit-border-radius: 17px;
  -webkit-border-radius: 0.88541667vw;
}
.trigger-bridge {
  display: none;
  position: fixed;
  z-index: 30;
  width: 100vw;
  height: 56.25vw;
  width: 68vw;
  left: 50%;
  top: 0;
  margin-left: -34vw;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  opacity: 0;
  overflow: hidden;
}
.trigger-bridge-0 {
  top: 226px;
  top: 11.77083333vw;
  left: 127px;
  left: 6.61458333vw;
  margin: 0;
  width: 645px;
  width: 33.59375vw;
  height: 400px;
  height: 20.83333333vw;
}
.trigger-bridge-1 {
  top: 240px;
  top: 12.5vw;
  left: 940px;
  left: 48.95833333vw;
  margin: 0;
  width: 610px;
  width: 31.77083333vw;
  height: 330px;
  height: 17.1875vw;
}
.trigger-bridge.show {
  opacity: 1;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.trigger-bridge button {
  background: url('../../assets/img/uio/_blank.gif') repeat;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -3721em;
  position: relative;
  overflow: hidden;
}
.play-bridge {
  position: fixed;
  z-index: 19;
  width: 100vw;
  height: 56.25vw;
  left: 0;
  top: 0;
  background: #333;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.play-bridge .close-bridge {
  background: url('../../assets/img/uio/btn-close.png') no-repeat 50%;
  width: 80px;
  width: 4.16666667vw;
  height: 80px;
  height: 4.16666667vw;
  -ms-background-size: 2.39583333vw 2.39583333vw;
  background-size: 2.39583333vw 2.39583333vw;
  position: absolute;
  text-indent: -3721em;
  overflow: hidden;
  top: 40px;
  top: 2.08333333vw;
  right: 40px;
  right: 2.08333333vw;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.play-bridge.show {
  opacity: 0.8;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  pointer-events: fill;
  -ms-touch-action: auto;
      touch-action: auto;
}
.play-bridge.show .close-bridge {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease 0.5s;
  transition: opacity 0.5s ease 0.5s;
}
#sulinGallery .slick-class .slick-slide {
  display: block;
  width: 100vw;
  height: 56.25vw;
  background: url('../../assets/img/pop/bg-pop-base.png') no-repeat 50% 0;
  background-size: contain;
}
#sulinGallery .slick-class .slick-slide .view-contain {
  font-size: 0;
  width: 1570px;
  width: 81.77083333vw;
  height: 808px;
  height: 42.08333333vw;
  margin-top: 128px;
  margin-top: 6.66666667vw;
  margin-left: auto;
  margin-right: auto;
}
#sulinGallery .slick-class .slick-prev,
#sulinGallery .slick-class .slick-next {
  z-index: 30;
  position: absolute;
  display: block;
  width: 91px;
  width: 4.73958333vw;
  height: 142px;
  height: 7.39583333vw;
  top: 473px;
  top: 24.63541667vw;
  text-indent: -3721em;
}
#sulinGallery .slick-class .slick-disabled {
  opacity: 0;
}
#sulinGallery .slick-class .slick-prev {
  background: url('../../assets/img/uio/btn-prv.png') no-repeat 0 0;
  background-size: contain;
  left: 60px;
  left: 3.125vw;
  -webkit-animation: aprev 2s infinite;
  animation: aprev 2s infinite;
}
#sulinGallery .slick-class .slick-next {
  background: url('../../assets/img/uio/btn-nxt.png') no-repeat 0 0;
  background-size: contain;
  right: 60px;
  right: 3.125vw;
  -webkit-animation: anext 2s infinite;
  animation: anext 2s infinite;
}
/*
 * Poster 설정
*/
.f0Mov1,
#f0Mov1 {
  background: url('../../assets/img/posters/intro01.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.introMov0,
#introMov0 {
  background: url('../../assets/img/posters/intro01.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.introMov1,
#introMov1 {
  background: url('../../assets/img/posters/intro02.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.introMov2,
#introMov2 {
  background: url('../../assets/img/posters/intro03.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.introMov3,
#introMov3 {
  background: url('../../assets/img/posters/re-enter.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f0Mov3,
#f0Mov3 {
  background: url('../../assets/img/posters/re-enter.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov0,
#f2Mov0 {
  background: url('../../assets/img/posters/liveshow01.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov1,
#f2Mov1 {
  background: url('../../assets/img/posters/liveshow03.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov2,
#f2Mov2 {
  background: url('../../assets/img/posters/liveshow03.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov3,
#f2Mov3 {
  background: url('../../assets/img/posters/liveshow04.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov4,
#f2Mov4 {
  background: url('../../assets/img/posters/liveshow05.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov5,
#f2Mov5 {
  background: url('../../assets/img/posters/liveshow06.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov6,
#f2Mov6 {
  background: url('../../assets/img/posters/liveshow07.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov7,
#f2Mov7 {
  background: url('../../assets/img/posters/liveshow04_re_lab.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov8,
#f2Mov8 {
  background: url('../../assets/img/posters/liveshow04_re_gallery.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov9,
#f2Mov9 {
  background: url('../../assets/img/posters/liveshow04_re_lab.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f2Mov10,
#f2Mov10 {
  background: url('../../assets/img/posters/liveshow04_re_tarot.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov0,
#f3Mov0 {
  background: url('../../assets/img/posters/gallery01.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov1,
#f3Mov1 {
  background: url('../../assets/img/posters/gallery02.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov2,
#f3Mov2 {
  background: url('../../assets/img/posters/gallery03.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov3,
#f3Mov3 {
  background: url('../../assets/img/posters/gallery04.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov4,
#f3Mov4 {
  background: url('../../assets/img/posters/gallery06.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov5,
#f3Mov5 {
  background: url('../../assets/img/posters/gallery06.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov6,
#f3Mov6 {
  background: url('../../assets/img/posters/gallery02_re_robby.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov7,
#f3Mov7 {
  background: url('../../assets/img/posters/gallery02_re_liveshow.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov8,
#f3Mov8 {
  background: url('../../assets/img/posters/gallery02_re_lab.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f3Mov9,
#f3Mov9 {
  background: url('../../assets/img/posters/gallery02_re_tarot.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov0,
#f4Mov0 {
  background: url('../../assets/img/posters/lab01.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov1,
#f4Mov1 {
  background: url('../../assets/img/posters/lab02.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov2,
#f4Mov2 {
  background: url('../../assets/img/posters/lab03.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov3,
#f4Mov3 {
  background: url('../../assets/img/posters/lab04.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov4,
#f4Mov4 {
  background: url('../../assets/img/posters/lab05.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov5,
#f4Mov5 {
  background: url('../../assets/img/posters/lab02_re_robby.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov6,
#f4Mov6 {
  background: url('../../assets/img/posters/lab02_re_liveshow.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov7,
#f4Mov7 {
  background: url('../../assets/img/posters/lab02_re_gallery.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f4Mov8,
#f4Mov8 {
  background: url('../../assets/img/posters/lab02_re_tarot.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f5Mov0,
#f5Mov0 {
  background: url('../../assets/img/posters/tarot01.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f5Mov1,
#f5Mov1 {
  background: url('../../assets/img/posters/tarot02_re_robby.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f5Mov2,
#f5Mov2 {
  background: url('../../assets/img/posters/tarot02_re_liveshow.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f5Mov3,
#f5Mov3 {
  background: url('../../assets/img/posters/tarot02_re_gallery.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
.f5Mov4,
#f5Mov4 {
  background: url('../../assets/img/posters/tarot02_re_lab.jpg') no-repeat 0 0;
  background-size: 100vw 56.25vw;
}
/* -----------------------------------------------------------------------------
 * Consoles
 -----------------------------------------------------------------------------*/
#console {
  position: fixed;
  opacity: 0.8;
  bottom: 10px;
  bottom: 0.52083333vw;
  left: 10px;
  left: 0.52083333vw;
  background: #fff;
  z-index: 1000;
  pointer-events: none;
  font-size: 20px;
  font-size: 1.04166667vw;
  padding-left: 20px;
  padding-left: 1.04166667vw;
  padding-right: 20px;
  padding-right: 1.04166667vw;
  padding-top: 20px;
  padding-top: 1.04166667vw;
  padding-bottom: 20px;
  padding-bottom: 1.04166667vw;
  border-radius: 10px;
}
#console table {
  width: 100%;
  border-collapse: collapse;
}
#console table th,
#console table td {
  border: 1px solid #ddd;
  padding: 2px 10px;
}
#console table thead th {
  background: #333;
  color: #fff;
}
/* -----------------------------------------------------------------------------
 * Navigations
 -----------------------------------------------------------------------------*/
#testNav {
  z-index: 31;
  position: fixed;
  right: 10px;
  top: 10px;
  background: #fff;
}
html,
body {
  overflow-x: hidden !important;
}
#f2Mov2Seq {
  opacity: 0;
  position: fixed;
  width: 100vw;
  height: 56.25vw;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
#f2Mov2Seq img {
  width: 100%;
}
#f2Mov2Seq.on {
  opacity: 1;
  z-index: 12;
}
html.naver body,
html.daum body,
html.crios body {
  background: #000;
}
html.naver #wrap,
html.daum #wrap,
html.crios #wrap {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
html.naver,
html.daum {
  padding-bottom: 150% !important;
}
html.naver body,
html.daum body {
  padding-bottom: 150% !important;
}
html.iphoneXR {
  background: #000;
  padding-bottom: 150% !important;
}
html.iphoneXR body {
  padding-bottom: 150% !important;
}
html.iphoneXR #wrap {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
html.iphoneXR.naver #wrap,
html.iphoneXR.daum #wrap,
html.iphoneXR.crios #wrap {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
html.iphoneXsMax {
  background: #000;
  padding-bottom: 150% !important;
}
html.iphoneXsMax body {
  padding-bottom: 150% !important;
}
html.iphoneXsMax #wrap {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
html.iphoneXsMax.naver #wrap,
html.iphoneXsMax.daum #wrap,
html.iphoneXsMax.crios #wrap {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
html.iphoneX {
  background: #000;
  padding-bottom: 150% !important;
}
html.iphoneX body {
  padding-bottom: 150% !important;
}
html.iphoneX #wrap {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
html.iphoneX.naver #wrap,
html.iphoneX.daum #wrap,
html.iphoneX.crios #wrap {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -28.125vw;
}
/*
 * # 세로모드 화면
 * - 가로모드 유도 메시지
 * 220207 텍스트 fade up 효과로 텍스 이미지 분할
 */
.portrait {
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #FFFFFF, #F9BFCD);
  color: #fff;
  text-align: center;
}
.portrait .portrait-in{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.portrait .portrait-in span{
  color: rgba(0, 0, 0, 0);
}
.portrait .portrait-in h1{
	background: url("../img/portrait/landscape_mode_logo.png") no-repeat;
	width: 215px; 
	height: 41px;
	background-size: cover;
	margin: 0 auto;
	animation: fadeUp 1s ease forwards; -webkit-animation: fadeUp 1s ease forwards;
	animation-delay: 1s; -webkit-animation-delay: 1s;
	opacity: 0;
}
.portrait .portrait-in p:first-of-type{
	background: url("../img/portrait/landscape_mode_txt1.png") no-repeat;
	width: 251px; 
	height: 80px;
	background-size: cover;
	margin-top: 30%;
	animation: fadeUp 1s ease forwards; -webkit-animation: fadeUp 1s ease forwards;
	animation-delay: 1.5s; -webkit-animation-delay: 1.5s;
	opacity: 0;
}
.portrait .portrait-in p:last-of-type{
	background: url("../img/portrait/landscape_mode_txt2.png") no-repeat;
	width: 253px; 
	height: 48px;
	background-size: cover;
	margin-top: 15%;
	animation: fadeUp 1s ease forwards; -webkit-animation: fadeUp 1s ease forwards;
	animation-delay: 2s; -webkit-animation-delay:2s;
	opacity: 0;
}
.portrait .portrait-in .landscape_mode_img{
	background: url("../img/portrait/landscape_mode_img.png") no-repeat;
	width: 142px; 
	height: 86px;
	background-size: cover;
	margin: 20% auto 0;
	animation: fadeUp 1s ease forwards; -webkit-animation: fadeUp 1s ease forwards;
	animation-delay:2.5s; -webkit-animation-delay: 2.5s;
	opacity: 0;
}
@keyframes fadeUp {
    0%{opacity: 0; transform: translateY(30px)}
    100%{opacity: 1; transform: none;}
}
@-webkit-keyframes fadeUp {
    0%{opacity: 0; -webkit-transform: translateY(30px)}
    100%{opacity: 1; -webkit-transform: none;}
}
@media all and (orientation: portrait) {
  html,
  body {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }
  /*
   * # 세로모드 화면 (노출)
   * - 가로모드 유도 메시지
   * - 세로모드이므로 노출함
   */
  .portrait {
    opacity: 1;
    pointer-events: fill;
    width: 100%;
    height: 100%;
  }
}
@media all and (orientation: landscape) {
  /*
   * # 세로모드 화면 (숨김)
   * - 가로모드 유도 메시지
   * - 가로모드이므로 숨김
   */
  .portrait {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
}
.lock {
  position: fixed;
  z-index: 23;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: rgba(0, 0, 0, 0);
  left: 0;
  top: 0;
}
.lock.off {
  opacity: 0;
  pointer-events: none;
}
.load-img {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  overflow: hidden;
  z-index: 1000;
  opacity: 0;
}
/* -----------------------------------------------------------------------------
 * preload/progressBar
 -----------------------------------------------------------------------------*/
#preload{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; color: #C14F5E;  background: linear-gradient(to bottom, #FFFFFF, #F9BFCD);  text-align: center; font-size: 1.5rem; line-height: 1.2; }
.preload_in{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#preload.on{position: relative; z-index: 0; pointer-events: none; visibility: hidden;}
.preload_txt h1{background: url(../img/portrait/landscape_mode_logo.png) no-repeat; width: 215px; height: 41px; background-size: cover; margin: 0 auto 1.3em;}
.preload_txt p{font-size: 0.9em;}
.preload_txt p:last-child{margin: 1.5em auto 2.7em;}
.preload_txt h1 span{width: 1px; height: 1px; position: absolute; border: none; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.progress{background: #f2f2f2; height: 10px; width: 90vw;  margin: 0 auto; border-radius: 10px;}
.progress span{display: block;}
.progress .progress_bar{background: #653600; width: 0; height: 10px; border-radius: 10px; max-width: 100%;}
.progress .progress_txt{font-size: 14px; font-weight: 700; color: #653600; padding-top: 0.5em;}

@media all and (orientation: landscape) {
	.preload_txt h1{width: 163px; height: 31px; margin: 0 auto 0.7em;}
	.preload_txt p{font-size: 0.85em;}
	.preload_txt p:last-child{margin: 1em auto 1.5em;}
}

/* -----------------------------------------------------------------------------
 * loadingBar
 -----------------------------------------------------------------------------*/
.loader_wrap {width:100%;height:100vh;position:fixed;left:0;top:0; background: linear-gradient(to bottom, #FFFFFF, #F9BFCD);}
.loader_wrap .loader {position: absolute;width: 130px;height: 130px; left: 50%;top: 50%;z-index: 1;margin-left:-65px;margin-top:-65px;border: 5px solid #e5e5e5;border-radius: 50%;border-top: 5px solid #653600;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg);transform-origin:center center; } 100% { -webkit-transform: rotate(360deg);transform-origin:center center; }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.loader_wrap .loader_txt {position: absolute;width:130px;height:130px;left: 50%;top: 50%;z-index: 1;margin-left:-65px;margin-top:-65px;line-height:130px;text-align:center;font-size:20px;font-family:'Roboto', sans-serif;-webkit-transform:scaleX(0.9);-moz-transform:scaleX(0.9);transform:scaleX(0.9);transform-origin:center center;font-weight:600;}


#loadBox{position: fixed; width: 100%; height: 100%; top:0; left: 0; background: rgba(255,204,204,.5); z-index: 1000}
#loadBox .load_box_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#loadBox .loader{display: block; width: 130px; height: 130px; border: 2px solid #ecbcbc; border-radius: 50%; border-top: 2px solid #fff; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; margin: 0 auto 30px;}
#loadBox p{font-size: 22px; color: #fff; text-align: center; line-height: 1.3}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

#loadBox2{position: fixed; width: 100%; height: 100%; top:0; left: 0; background: linear-gradient(to bottom, #FFFFFF, #F9BFCD); z-index: 1000}
#loadBox2 .load_box_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#loadBox2 .loader{display: block; width: 130px; height: 130px; border: 2px solid #ecbcbc; border-radius: 50%; border-top: 2px solid #fff; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; margin: 0 auto 30px;}
#loadBox2 p{font-size: 20px; color: #D07280; text-align: center; line-height: 1.3; font-weight: 700;}