@font-face {
  font-family: 'Andale Mono';
  src: url('../fonts/AndaleMono.woff2') format('woff2'),
      url('../fonts/AndaleMono.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Mercury Text G2';
  src: url('../fonts/MercuryTextG2-Roman.woff2') format('woff2'),
      url('../fonts/MercuryTextG2-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Yessica Bold';
  src: url('../fonts/Yessica-Bold.woff2') format('woff2'),
      url('../fonts/Yessica-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Yessica';
  src: url('../fonts/Yessica-Regular.woff2') format('woff2'),
      url('../fonts/Yessica-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'Yessica Thin';
src: url('../fonts/Yessica-Thin.woff2') format('woff2'),
    url('../fonts/Yessica-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: 'Yessica Light';
src: url('../fonts/Yessica-Light.woff2') format('woff2'),
    url('../fonts/Yessica-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Bold';
src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
    url('../fonts/Helvetica-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Helvetica Light';
src: url('../fonts/Helvetica-Light.woff2') format('woff2'),
    url('../fonts/Helvetica-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'Helvetica';
src: url('../fonts/Helvetica.woff2') format('woff2'),
    url('../fonts/Helvetica.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
  font-family: 'Amostely Signature';
  src: url('../fonts/AmostelySignatureRegular.woff2') format('woff2'),
      url('../fonts/AmostelySignatureRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
      url('../fonts/MyriadPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Holiday In Monday';
  src: url('../fonts/HolidayInMondayPersonalUse.woff2') format('woff2'),
      url('../fonts/HolidayInMondayPersonalUse.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BadaBoom BB';
  src: url('../fonts/BadaBoomBB.woff2') format('woff2'),
      url('../fonts/BadaBoomBB.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Lt BT';
  src: url('../fonts/FuturaBT-Light.woff2') format('woff2'),
      url('../fonts/FuturaBT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Bebas Neue Bold';
  src: url('../fonts/BebasNeue-Bold.woff2') format('woff2'),
      url('../fonts/BebasNeue-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Colors Of Autumn';
  src: url('../fonts/ColorsOfAutumn.woff2') format('woff2'),
      url('../fonts/ColorsOfAutumn.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Futura Bk BT';
  src: url('../fonts/FuturaBT-Book.woff2') format('woff2'),
      url('../fonts/FuturaBT-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura LtCn BT';
  src: url('../fonts/FuturaBT-LightCondensed.woff2') format('woff2'),
      url('../fonts/FuturaBT-LightCondensed.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Md BT';
  src: url('../fonts/FuturaBT-Medium.woff2') format('woff2'),
      url('../fonts/FuturaBT-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura-Black-Bold.woff2') format('woff2'),
      url('../fonts/Futura-Black-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Futura BdCn BT';
  src: url('../fonts/FuturaBT-BoldCondensed.woff2') format('woff2'),
      url('../fonts/FuturaBT-BoldCondensed.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Futura XBlk BT';
  src: url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'),
      url('../fonts/FuturaBT-ExtraBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Futura MdCn BT';
  src: url('../fonts/FuturaBT-MediumCondensed.woff2') format('woff2'),
      url('../fonts/FuturaBT-MediumCondensed.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura-Bold.woff2') format('woff2'),
      url('../fonts/Futura-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura-Bold.woff2') format('woff2'),
      url('../fonts/Futura-Bold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Hv BT';
  src: url('../fonts/FuturaBT-Heavy.woff2') format('woff2'),
      url('../fonts/FuturaBT-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Futura XBlk BT';
  src: url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'),
      url('../fonts/FuturaBT-ExtraBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Lt BT';
  src: url('../fonts/FuturaBT-Light.woff2') format('woff2'),
      url('../fonts/FuturaBT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura-CondensedLight.woff2') format('woff2'),
      url('../fonts/Futura-CondensedLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}


/* Main Master */
  html, body {
    height: 100%;
  }
  body{
    overflow-x: hidden;
  }
  a.link {
    text-align: center;
    display: table;
    margin: 0 auto;
  }
  .logo-buro.positioning {
    position: absolute;
    z-index: 55;
    top: 1em;
    left: 1em;
  }
  a{
    transition:0.3s;
    display:table;
    color:black;
  }
  a.link:hover{
    transition:0.3s;
    display:table;
    color:black;
  }
  .mom-controller {
    /* overflow: scroll; */
    height: 100%;
    /* scroll-snap-type: mandatory; */
    /* scroll-snap-points-y: repeat(100vh); */
    /* scroll-snap-type: y mandatory; */
  }
  
  section {
    height: 100%;
    position: relative;
  }
  .absolute-container{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    left: 0;
  }
  img.responsive{
    width:100%;
    height:auto;
  }
  .absolute-container.with-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .fixed-container{
    position:fixed;
    z-index: 444;
    display: table;
    top: 0;
    left: 0;
  }
  .fixed-container.no-width{
    width:auto;
  }
  .vertical-align {
    display: table-cell;
    vertical-align: middle;
  }
  .vertical-align.top{
    vertical-align:top;
  }
  .vertical-align.bottom{
    vertical-align:bottom;
  }
/*  */

span.punchliner {
  font-family: 'Helvetica';
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  display: table;
  margin: 0 auto;
}
/* The Seoul*/

.the-korean-text ul {
  list-style-type: none;
  padding: 0px;
}
.the-korean-text ul li {
  font-size: 3.3em;
  text-shadow: -1px 0 #d71784, 0 1px #d71784, 1px 0 #d71784, 0 -1px #d71784;
  color: #fff;
}

.the-box.position-relative {
  top: -12vh;
  background-color: white;
  width: 100%;
  height: auto;
}
.the-box-inside {
  border: 2px solid #dc3513;
  font-family: 'Helvetica';
  font-size: 14px;
}
.the-box-inside:after {
  content: '';
  position: absolute;
  opacity:0;
  top: -20px;
  left: -20px;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 2px solid #dc3513;
  transition: 0.3s;
  animation:the-box 0.3s linear forwards;
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}
 @keyframes the-box{
   0%{
    top:0px;
    left:0px;
   }
   100%{
    top:-20px;
    left:-20px;
    opacity:1;
   }
 } 
/*  */

.detail-buro span {
  display: block;
  font-size: 13px;
  text-align: center;
  padding: 10px 0px;
  font-family: 'Futura Bk BT';
}
.detail-buro span b {
  font-weight: 500;
  /* font-size: 12px; */
  font-family: 'Futura';
}
ul.social-share.buro {
  display: inline-block;
  padding: 0px;
}
ul.social-share.buro li {
  display: inline-block;
}
img.logo-footer {
  max-width: 90px;
  position: relative;
  left: 10px;
}
.fb_iframe_widget {
  display: inline-block;
  position: relative;
  top: 0px;
}
section.info-credits {
}
.spanners.text-center {
  font-size: 11px;
}
/*  */

.slow_flick{
  opacity:1;
  animation: flickers_one 10s linear infinite;
}
@keyframes flickers_one { 
  0% {
    opacity:1;
  }
  45%{
    opacity:1;
  } 
  50% {
    opacity:0;
  } 
  55%{
    opacity:1;
  }
  100% {
    opacity:1;
  } 
}
@keyframes flickers_two { 
  0% {
    opacity:1;
  }
  55%{
    opacity:1;
  } 
  60% {
    opacity:0;
  } 
  65%{
    opacity:1;
  }
  100% {
    opacity:1;
  } 
}
@keyframes flickers_three { 
  0% {
    opacity:1;
  }
  75%{
    opacity:1;
  } 
  80% {
    opacity:0;
  } 
  85%{
    opacity:1;
  }
  100% {
    opacity:1;
  } 
}
.fast.blink_kr {
  animation: blink 750ms linear infinite;
}

.regular.blink_kr {
  animation: blink 1000ms linear infinite;
}

.slow.blink_kr {
  animation: blink 1700ms linear infinite;
}
.slower.blink_kr{
  animation: blink 2500ms linear infinite;
}

@keyframes blink { 
  0% {
    color: #fff;
  } 
  50% {
    color: #d71784;
  } 
  100% {
    color: #fff;
  } 
}
.scene {
  width: 356px;
  height: 500px;
  perspective: 1500px;
}
.cube {
  width: 356px;
  height: 500px;
  position: relative;
  transform-style: preserve-3d;
  /* transform: translateZ(-100px); */
  transform: perspective(1000px);
  transform: translateZ(20px);
  transition: transform 1s;
}
.cube_one {
  transform: rotateX(0deg) rotateY(-16deg) !important;
}
.cube_two{
  transform: rotateX(0deg) rotateY(-16deg) !important;
}
.the-box-front {
  width: 100%;
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
}
.cube.show-front  { transform: translateZ(-100px) rotateY(   0deg); }
.cube.show-right  { transform: translateZ(-100px) rotateY( -90deg); }
.cube.show-back   { transform: translateZ(-100px) rotateY(-180deg); }
.cube.show-left   { transform: translateZ(-100px) rotateY(  90deg); }
.cube.show-top    { transform: translateZ(-100px) rotateX( -90deg); }
.cube.show-bottom { transform: translateZ(-100px) rotateX(  90deg); }

.cube__face {
  position: absolute;
  width: 356px;
  height: 500px;
  border: 2px solid #d71784;
  line-height: 200px;
  font-size: 40px;
  font-weight: bold;
  color: white;
  text-align: center;
}

.cube__face--left   { 
  transform: rotateY(-90deg) translateZ(73px); 
  width: 149px;
  background: transparent;
  height: 500px;
  border-color: #d81785;
}
.cube__face--top    { 
  transform: rotateX( 90deg) translateZ(75px); 
  width: 356px;
  height: 150px;
  background:#d71784;
}
.cube__face--bottom {
  transform: rotateX(-90deg) rotateY(0deg) translateZ(425px);
  background:#d91785;
  width: 356px;
  height: 150px;
}
.cube__face--right {
  transform: rotateY( 90deg) translateZ(282px) translateX(-1px);
  width: 149px;
  background: transparent;
  height: 500px;
  border-color: #d81785;
}
label { margin-right: 10px; }
.cube_two {
  transform: rotateX(0deg) rotateY(0deg) !important;
}
.cube.une_two .cube__face--right, .cube.une_two .cube__face.cube__face--bottom {
  display: none;
}
.cube.une_two .cube__face--top {
  transform: rotateX( 70deg) translateZ(89px)translateX(-12px) skew(17deg);
  width: 333px;
  height: 150px;
  background: #d71784;
}
.cube.une_two .cube__face--left {
  transform: rotateY(-90deg) translateZ(73px);
  width: 149px;
  background: transparent;
  height: 500px;
  border-color: #d81785;
  border: 0px;
  border-right: 6px solid black;
}
.cube.une_two .cube__face--left {
  transform: rotateY(-94deg) rotateX(-3.2deg) translateZ(74px) translateX(1px) translateY(-18px);
  width: 149px;
  background: transparent;
  height: 500px;
  border-color: #d81785;
  border: 0px;
  border-right: 3px solid black;
}
.mtrphn.to-da-middle {
  display: table;
  margin: 0 auto;
  text-align: center;
  margin-bottom:2em;
}
ul.social-share.buro {
  list-style-type: none;
  padding: 0px !important;
  margin: 0px;
}
ul.social-share.buro li {
  display: inline-block;
}
ul.social-share.buro {
  display: inline-block;
  padding: 0px;
}
ul.social-share.buro li {
  display: inline-block;
}
img.logo-footer {
  max-width: 90px;
  position: relative;
  left: 10px;
}
.fb_iframe_widget {
  display: inline-block !important;
  position: relative;
  top: -8px;
  left: -4px;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(1);
}
a.twitter_button {
  text-decoration: none !important;
  background-color: #1a94e0;
  border-radius: 3px;
  padding: 4px 6px;
  font-size: 9px;
  color: #fff !important;
  position: relative;
  top: -2px;
}
a#whatsapp_link {
  position: relative;
  top: 5px;
}
a#whatsapp_link img{
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
div#rec108927898 {
  padding-top: 0px !important;
}
a.linkomega {
  display: inline-block;
  color: black !important;
}
@media all and (min-width:2000px){
  section.ultimate-key-visual {
    margin-bottom: 5em;
  }
}
@media all and (max-width:790px){
  .the-box.position-relative{
    top:0vh;
  }
  .vertical-align.top.one-night {
    position: relative;
    left: -17vw;
  }
  .vertical-align.bottom.in-seoul{
    position:relative;
    right:-17vw;
  }
}
@media all and (max-width:512px){
  .the_mobile_display {
    width: 100%;
    height: 66vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    top: 3vh;
  }
  .logo-buro.positioning {
    position: absolute;
    z-index: 55;
    top: 3em;
    left: 41%;
  }
  .container-fluid.d-flex.the-massacre {
    padding: 0px !important;
  }
  .detail-buro span {
    display: table;
    font-size: 11px;
    text-align: center;
    padding: 10px 0px;
    font-family: 'Futura Bk BT';
    width: 95%;
    margin: 0 auto;
  }
  span.punchliner {
    font-size: 12px;
  }
}
@media all and (max-width:420px){
  .vertical-align.top.one-night {
    position: relative;
    left: -17vw;
    top: 11vh;
  }
  .the-korean-text ul li{
    font-size:3em;
  }
  .vertical-align.bottom.in-seoul {
    position: relative;
    right: -17vw;
    top: -6vh;
  }
  .the-box-inside {
    border: 2px solid #dc3513;
    font-family: 'Helvetica';
    font-size: 9px;
  }
  .detail-buro {
    display: block;
    font-size: 8px;
    text-align: center;
    padding: 10px 0px;
  }
}
@media all and (max-width:420px) and (max-height:700px){
  .vertical-align.top.one-night {
    position: relative;
    left: -17vw;
    top: 4vh;
  }
  .the-korean-text ul li{
    font-size:3em;
  }
  .vertical-align.bottom.in-seoul {
    position: relative;
    right: -17vw;
    top: -10vh;
  }
}