@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  word-break: keep-all;
  font-family: Montserrat, sans-serif;
  color: #ff0606
}

body {
  margin: 0
}

main {
  display: block
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent
}

abbr[title],
dfn[title] {
  border-bottom: none;
  text-decoration: underline
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  vertical-align: middle
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 0
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
optgroup,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

li,
ol,
ul {
  padding: 0;
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none
}

button {
  background: transparent;
  border: none;
  vertical-align: middle;
  margin: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none
}

fieldset,
img {
  border: 0;
  outline: none
}

img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

select {
  margin: 0;
  resize: none;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-overflow: "";
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.483887 0.241943L5.99989 5.75794L11.5159 0.241943' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  padding-right: 22px
}

select::-ms-expand {
  display: none
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none
}

*,
button:focus,
input:focus,
textarea:focus {
  outline: none !important
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

@keyframes animate {
  0% {
    opacity: 0;
    top: -10%;
    transform: translateX(20px) rotate(0deg)
  }

  10% {
    opacity: 1
  }

  20% {
    transform: translateX(-20px) rotate(45deg)
  }

  40% {
    transform: translateX(-20px) rotate(90deg)
  }

  60% {
    transform: translateX(20px) rotate(135deg)
  }

  80% {
    transform: translateX(-20px) rotate(180deg)
  }

  to {
    opacity: 0;
    top: 110%;
    transform: translateX(-20px) rotate(225deg)
  }
}

@keyframes swingswing {
  20% {
    transform: rotate(15deg)
  }

  40% {
    transform: rotate(-10deg)
  }

  60% {
    transform: rotate(5deg)
  }

  80% {
    transform: rotate(-5deg)
  }

  to {
    opacity: 0;
    transform: rotate(0deg)
  }
}

@keyframes opacityAni {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mainStarsTwinkle {
  0% {
    opacity: .3;
    filter: brightness(1) hue-rotate(0)
  }

  to {
    opacity: 1;
    filter: brightness(1.1) hue-rotate(1deg)
  }
}

@keyframes twinkle {
  0% {
    filter: brightness(1) hue-rotate(0)
  }

  to {
    filter: brightness(1.3) hue-rotate(1deg)
  }
}

@keyframes blingBling {
  to {
    filter: drop-shadow(0 0 7px #fff) brightness(1.07)
  }
}

@keyframes downAction {
  0% {
    transform: translateY(-10px)
  }

  to {
    ransform: translateY(0)
  }
}

@keyframes floatCh {
  0% {
    transform: rotate(-1deg) translateY(1%)
  }

  to {
    transform: rotate(0deg) translateY(2%)
  }
}

@keyframes rotateInfin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn);
    transform-origin: 50% 50%
  }
}

@keyframes floatingStar {

  0%,
  to {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-5%) rotate(4deg)
  }
}

@keyframes swirl {
  0% {
    opacity: 0;
    transform: rotate(50deg);
    transition-duration: 2s !important
  }

  to {
    opacity: 1;
    transform: rotate(0)
  }
}

@keyframes swirl2 {
  0% {
    opacity: 0;
    transition-duration: 2s !important
  }

  to {
    opacity: 1
  }
}

@keyframes starSway {

  0%,
  to {
    filter: brightness(1)
  }

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    transform: rotate(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: rotate(1deg)
  }

  50% {
    filter: brightness(1.1)
  }
}

@keyframes fadeInUp {
  0% {
    transform: translate3d(0, 70%, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 5%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.d-flex {
  display: flex !important
}

.d-none {
  display: none !important
}

.d-block {
  display: block !important
}

.dis-none {
  display: none !important
}

.dis-block,
.mo-none,
.ta-none,
.tm-none {
  display: block !important
}

.mo-block,
.ta-block,
.tm-block {
  display: none !important
}

.d-inline-block {
  display: inline-block !important
}

@media (min-width:1024.02px) {
  .d-lg-flex {
    display: flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .d-lg-block {
    display: block !important
  }
}

@media (max-width:1024px) {
  .dis-block {
    display: none !important
  }

  .tm-block {
    display: block !important
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .ta-block {
    display: block !important
  }

  .mo-block {
    display: none !important
  }
}

@media (max-width:767px) {
  .ta-block {
    display: none !important
  }

  .mo-block {
    display: block !important
  }

  .mo-none {
    display: none !important
  }
}

*,
:after,
:before {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  position: relative;
  overflow-x: hidden;
  font: 500 16px Montserrat, sans-serif;
  transition: opacity .3s !important;
  background-color: #fff
}

@media (max-width:1550px) {
  body {
    font-size: 14px
  }
}

.loadingopacity {
  opacity: 0
}

.loadingopacity[data-loading=done],
body[data-loading=done] {
  opacity: 1
}

body.none-scroll {
  overflow: hidden !important;
  touch-action: none !important;
  -webkit-overflow-scrolling: none !important;
  overscroll-behavior: none !important
}

body::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px
}

body::-webkit-scrollbar-thumb {
  height: 30%;
  background-color: rgba(255, 6, 6, .6);
  border-radius: 10px
}

body::-webkit-scrollbar-track {
  background-color: rgba(195, 20, 20, .4)
}

body:after {
  clear: both;
  display: block;
  content: ""
}

body * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none
}

#btnTop {
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/btnTop.webp) no-repeat;
  background-size: contain;
  transition: opacity .4s;
  opacity: .6
}

@media (max-width:767px) {
  #btnTop {
    width: 60px;
    height: 60px;
    right: 10px
  }
}

#btnTop:hover {
  opacity: 1
}

#btnTop.absolute {
  position: absolute;
  bottom: 320px
}

@media (min-width:768px) and (max-width:1024px) {
  #btnTop.absolute {
    bottom: 48.828125vw
  }
}

@media (max-width:767px) {
  #btnTop.absolute {
    bottom: 97.65625vw
  }
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 60px;
  background-color: #000;
  border-bottom: 1px solid rgba(8, 7, 5, .4)
}

@media (max-width:1024px) {
  .header {
    height: 50px
  }
}

.header__inner {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
  max-width: calc(100% - 172px);
  height: 100%;
  margin: 0 auto
}

@media (max-width:1550px) {
  .header__inner {
    max-width: calc(100% - 86px)
  }
}

@media (max-width:1440px) {
  .header__inner {
    width: 95%
  }
}

@media (max-width:1024px) {
  .header__inner {
    max-width: 90%
  }
}

.header .right-list {
  position: absolute;
  right: 53px;
  top: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 36px
}

@media (min-width:1024px) and (max-width:1300px) {
  .header .right-list {
    right: 0
  }
}

@media (max-width:1024px) {
  .header .right-list {
    right: 1%;
    top: 50%;
    transform: translateY(-50%)
  }
}

@media (max-width:767px) {
  .header .right-list {
    gap: 10%
  }
}

.header .right-list>li .right-list__btn {
  display: block;
  color: #fff
}

.header .right-list>li .right-list__btn:hover {
  color: #ff0606
}

@media (max-width:1024px) {
  .header .right-list>li .right-list__btn {
    font-size: .875em;
    border: 1px solid #da0c0c;
    color: #da0c0c;
    padding: 0 1.5em;
    border-radius: 2.125rem;
    height: 1.75rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
    align-items: center
  }
}

.header .right-list>li.signOut .right-list__btn {
  width: 90px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  border: 1px solid #777;
  color: #777;
  font-size: 14px;
  font-weight: 700;
  text-align: center
}

.header .right-list>li.signOut .right-list__btn:hover {
  background-color: #777;
  color: #bbb
}

.header .right-list>li.login-btn-mo {
  display: none
}

@media (max-width:1024px) {
  .header .right-list>li.login-btn-mo {
    display: block
  }

  .header .right-list>li.login-btn-mo>a {
    display: block;
    width: 5.37109375vw;
    height: 5.37109375vw;
    background: no-repeat 50%/contain;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/login.png)
  }
}

.header.present {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:1024px) {
  .header.present {
    padding: 1.953125vw 0
  }
}

.header.present .header__inner {
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start
}

@media (max-width:1024px) {
  .header.present .header__inner {
    align-items: center;
    max-width: 100%
  }
}

.header.present .header__inner #logo {
  display: flex;
  align-items: center;
  height: 100%
}

@media (min-width:1024.02px) {
  .header.present .header__inner #logo {
    flex: 0 0 137px
  }
}

@media (max-width:1024px) {
  .header.present .header__inner #logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

.header.present .header__inner #logo>a {
  display: block;
  width: auto
}

@media (max-width:1024px) {
  .header.present .header__inner #logo>a {
    width: 22.16796875vw;
    height: 5.56640625vw
  }
}

.header.present .header__inner #logo>a>img {
  display: block
}

@media (max-width:1024px) {
  .header.present .header__inner #logo>a>img {
    width: 122px !important;
    height: 30px !important;
    max-width: 122px
  }
}

.header.present .header__inner .mo-gnb-bg {
  height: 100%;
  padding-right: 200px
}

@media (min-width:1200px) {
  .header.present .header__inner .mo-gnb-bg {
    padding-left: 101px
  }
}

@media (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg {
    padding-right: 0;
    padding-left: 0;
    width: 100%
  }
}

.header.present .header__inner .mo-gnb-bg>.inner {
  height: 100%
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame {
  height: 100%;
  transition: all 1.1s
}

@media (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame {
    position: static;
    left: auto;
    top: auto;
    transform: translate(0)
  }
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav {
  height: 100%
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  height: 100%
}

@media (max-width:1440px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb {
    gap: 0
  }
}

@media (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    padding: 13% 0;
    width: calc(100% - 120px);
    margin: 0 auto;
    gap: 20px
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb {
    width: calc(100% - 120px);
    gap: 32px
  }
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li {
  display: flex;
  align-items: center;
  min-width: 4.5vw;
  height: 100%;
  text-align: center
}

@media (max-width:1440px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li {
    min-width: auto
  }
}

@media (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li {
    width: 100%
  }
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1.5em;
  line-height: 1.2;
  border-bottom: 2px solid transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt:hover {
  border-bottom-color: #ff0606;
  color: #ff0606
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt:hover .lang-box__arrow {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/slider_arrow_on.png)
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt.on {
  border-bottom-color: #ff0606;
  color: #ff0606
}

@media (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt.on {
    border-bottom: none
  }
}

.header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt.on .lang-box__arrow {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/slider_arrow_on.png)
}

@media (max-width:1440px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt {
    padding: 0 1em;
    font-size: 15px
  }
}

@media (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt {
    line-height: 1.5;
    min-width: auto;
    justify-content: center;
    font-size: 22px;
    padding: 0
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .header.present .header__inner .mo-gnb-bg>.inner .nav-frame nav .gnb>li .gnb__txt {
    font-size: 28px
  }
}

.header .lang-box {
  position: relative
}

.header .lang-box__curr {
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  cursor: pointer
}

.header .lang-box__arrow {
  display: inline-block;
  vertical-align: 1px;
  width: 14px;
  height: 9px;
  margin-left: 7px;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/slider_arrow.png) no-repeat top/contain
}

.header .lang-box__arrow.open {
  transform: rotate(180deg)
}

.header .lang-list {
  display: none;
  position: absolute;
  left: -6px;
  top: 50px;
  background: rgba(0, 0, 0, .7);
  padding: 12px 14px;
  border-radius: 7px
}

.header .lang-list li {
  margin-bottom: 9px
}

.header .lang-list li:last-child {
  margin-bottom: 0
}

.header .lang-list li>a {
  display: block;
  color: #858585;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  cursor: pointer
}

.header .lang-list li:hover>a,
.header .lang-list li>a.on {
  color: #ff0606
}

.mo-menu {
  display: none
}

@media (max-width:1024px) {
  .mo-menu {
    display: flex;
    align-items: center;
    gap: 3.125vw;
    position: relative;
    z-index: 10
  }

  .mo-menu .btn-live__ele-mo {
    width: 19.7vw;
    height: 7.6vw;
    background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/live_colored_mo.webp) no-repeat 50%/contain
  }

  .mo-menu .btn-gnb {
    position: relative;
    width: 9.765625vw;
    height: 9.765625vw;
    cursor: pointer;
    display: none
  }
}

@media (max-width:1024px) and (max-width:767px) {
  .mo-menu .btn-gnb {
    height: auto;
    aspect-ratio: 1
  }
}

@media (max-width:1024px) {
  .mo-menu .btn-gnb.on {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/menu_close.png)
  }

  .mo-gnb-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(0, 0, 0, .8)
  }
}

.mo-gnb-bg>.inner {
  display: flex;
  width: 100%
}

@media (max-width:1024px) {
  .mo-gnb-bg>.inner {
    display: block;
    padding-top: 8.7890625vw;
    background-color: rgba(0, 0, 0, .9)
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .mo-gnb-bg>.inner {
    width: calc(100% - 260px)
  }
}

.mo-gnb-bg__logo {
  display: none
}

@media (max-width:1024px) {
  .mo-gnb-bg__logo {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 3% 0 13%;
    border-bottom: 1px solid #242323
  }

  .mo-gnb-bg__logo>img {
    display: block;
    width: 50%;
    margin: 0 auto
  }
}

@media (max-width:1024px) and (max-width:767px) {
  .mo-gnb-bg__logo>img {
    width: 60%
  }
}

@media (max-width:767px) {
  .mo-gnb-bg__logo {
    padding: 15% 0 13%
  }
}

.mo-lang-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding-top: 5%
}

.mo-lang-list>li {
  color: #999;
  font-size: 24px;
  font-weight: 900
}

@media (max-width:767px) {
  .mo-lang-list>li {
    font-size: 16px
  }
}

.mo-lang-list>li:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 3px;
  background-color: transparent
}

.mo-lang-list>li.on {
  color: #fff
}

.mo-lang-list>li.on:after {
  background-color: #fff
}

.goToPortraitMode {
  display: none
}

@media (max-width:1024px) {
  .goToPortraitMode {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    top: 0;
    color: #fff;
    background: rgba(0, 0, 0, .95);
    padding: 3vw;
    font-size: 3vw;
    z-index: 100000;
    transition: top 1s, opacity 1s;
    top: -10.5vw;
    opacity: 0
  }

  .goToPortraitMode.show {
    top: 0;
    opacity: 1
  }

  .goToPortraitMode .container {
    text-align: center;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .goToPortraitMode i {
    display: inline-block;
    width: 4vw;
    margin-right: 1vw;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_레이어_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 63.14 58.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-3%7Bfill:%23fff;stroke-width:0px;%7D.cls-2%7Bstroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-3' d='M23.67,4.51c.32,0,.62.12.85.35l30.83,30.83c.23.23.35.53.35.85s-.12.62-.35.85l-15.27,15.27c-.23.23-.53.35-.85.35s-.62-.12-.85-.35L7.54,21.83c-.23-.23-.35-.53-.35-.85s.12-.62.35-.85l15.27-15.27c.23-.23.53-.35.85-.35M23.67,2.51c-.82,0-1.64.31-2.26.94l-15.27,15.27c-1.25,1.25-1.25,3.28,0,4.53l30.83,30.83c.62.62,1.44.94,2.26.94s1.64-.31,2.26-.94l15.27-15.27c1.25-1.25,1.25-3.28,0-4.53L25.93,3.45c-.62-.62-1.44-.94-2.26-.94h0Z'/%3E%3Cline class='cls-2' x1='20.44' y1='15.72' x2='18.4' y2='17.76'/%3E%3Ccircle class='cls-1' cx='42.05' cy='39.37' r='2'/%3E%3Cpath class='cls-1' d='M30.69,57.01c-15.05,0-27.25-12.2-27.25-27.25'/%3E%3Cpolygon class='cls-3' points='.99 32.39 0 35.53 8.15 33.72 2.51 27.56 1.48 30.82 .99 32.39'/%3E%3Cpath class='cls-1' d='M32.44,1c15.05,0,27.25,12.2,27.25,27.25'/%3E%3Cpolygon class='cls-3' points='62.15 25.62 63.14 22.48 54.98 24.29 60.63 30.45 61.65 27.2 62.15 25.62'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
  }
}

.footer {
  width: 100%
}

.footer-top {
  width: 100%;
  height: 60px;
  background-color: #171717
}

@media (max-width:1024px) {
  .footer-top {
    height: auto
  }
}

.footer-top__list {
  display: flex;
  align-items: center;
  gap: 78px;
  width: 1200px;
  height: 100%;
  margin: 0 auto
}

@media (max-width:1440px) {
  .footer-top__list {
    width: 95%
  }
}

@media (max-width:1024px) {
  .footer-top__list {
    width: 92%;
    flex-wrap: wrap;
    gap: 3.41796875vw;
    justify-content: center;
    margin: 0 auto;
    padding: 5.859375vw 0
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .footer-top__list {
    padding: 20px 0
  }
}

.footer-top__list>li {
  position: relative
}

@media (max-width:1024px) {
  .footer-top__list>li {
    flex: 1 1 auto;
    text-align: center
  }
}

.footer-top__list>li:before {
  content: "";
  width: 1px;
  height: 7px;
  background: no-repeat 50%/contain;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/f_line.png);
  position: absolute;
  left: -38px;
  top: 7px
}

@media (max-width:1024px) {
  .footer-top__list>li:before {
    content: none
  }
}

.footer-top__list>li:first-child:before {
  content: none
}

.footer-top__list>li>a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center
}

@media (max-width:767px) {
  .footer-top__list>li>a {
    font-size: 12px
  }
}

.footer__inner {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 72px 0 82px
}

@media (max-width:1440px) {
  .footer__inner {
    width: 95%
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .footer__inner {
    max-width: 90%;
    flex-direction: column-reverse;
    padding: 40px 0
  }
}

@media (max-width:767px) {
  .footer__inner {
    max-width: 90%;
    flex-direction: column-reverse;
    gap: 7.6171875vw;
    padding: 10.05859375vw 0
  }
}

.footer__inner img.gravity-logo {
  display: block
}

.footer__inner .copyright {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center
}

@media (max-width:1024px) {
  .footer__inner .copyright {
    padding-top: 3.90625vw
  }
}

@media (max-width:767px) {
  .footer__inner .copyright {
    font-size: 11px
  }
}

.footer__inner--item.i1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px
}

@media (max-width:1024px) {
  .footer__inner--item.i1 {
    flex-direction: column;
    order: 2;
    margin-bottom: 20px
  }
}

.footer__inner--item.i2 {
  margin-left: auto
}

@media (max-width:1024px) {
  .footer__inner--item.i2 {
    margin: 0 auto
  }
}

.blind {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  display: none;
  background-color: rgba(0, 0, 0, .7);
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  text-align: left
}

.blind--btnClosed {
  display: none;
  position: absolute;
  right: 19px;
  top: 19px;
  z-index: 500;
  width: 28px;
  height: 28px;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/icon_close.png) no-repeat 50%/contain;
  cursor: pointer
}

@media (min-width:1024.02px) {
  .blind--btnClosed {
    opacity: .8
  }

  .blind--btnClosed:focus,
  .blind--btnClosed:hover {
    opacity: 1
  }
}

@media (max-width:767px) {
  .blind--btnClosed {
    width: 20px;
    height: 20px
  }
}

.popup {
  display: none;
  z-index: 400;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center
}

.popup * {
  letter-spacing: -.05em;
  word-break: keep-all
}

.popup__scroll {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  overflow-anchor: none;
  overscroll-behavior: contain;
  padding: 52px 52px 70px
}

@media (max-width:767px) {
  .popup__scroll {
    padding: 8% 1rem 11%
  }
}

.popup__scroll::-webkit-scrollbar {
  width: 6px
}

.popup__scroll::-webkit-scrollbar-track {
  background-color: transparent
}

.popup__scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(60, 60, 60, .3)
}

.popup__scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0
}

.popup__wrap {
  position: relative;
  margin: 0 auto;
  width: 620px;
  background-color: #fff;
  border-radius: 30px
}

@media (max-width:767px) {
  .popup__wrap {
    width: 93%;
    border-radius: 10px
  }
}

.popup__page h2 {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-align: center
}

@media (min-width:768px) and (max-width:1024px) {
  .popup__page h2 {
    font-size: 32px
  }
}

@media (max-width:767px) {
  .popup__page h2 {
    font-size: 26px
  }
}

.popup__page--content p {
  color: #000;
  font-size: 16px;
  text-align: center;
  font-weight: 400
}

@media (min-width:768px) and (max-width:1024px) {
  .popup__page--content p {
    font-size: 18px
  }
}

.popup__page--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem
}

.popup__page--btn .popup__btn {
  display: block;
  min-width: 230px;
  height: 60px;
  padding: 17px;
  background-color: #000;
  border-radius: 10px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  line-height: 20px
}

@media (max-width:767px) {
  .popup__page--btn .popup__btn {
    height: 52px;
    font-size: 20px
  }
}

.popup__page--logo {
  display: block;
  width: 140px;
  margin: 0 auto 30px
}

@media (max-width:767px) {
  .popup__page--logo {
    width: 35%;
    margin-bottom: 10px
  }
}

.popup__cookie {
  width: 100%;
  height: auto;
  top: auto;
  bottom: 0
}

.popup__cookie .blind--btnClosed {
  right: 29px;
  top: 29px
}

.popup__cookie .popup__wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: auto;
  max-height: auto;
  padding: 2rem;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

@media (max-width:1024px) {
  .popup__cookie .popup__wrap {
    min-height: auto;
    max-height: none;
    padding: 1.5rem;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
  }
}

.popup__event-notice {
  font-size: 16px
}

@media (max-width:767px) {
  .popup__event-notice {
    font-size: 13px
  }
}

.popup__event-notice .dot-list li {
  line-height: 1.2;
  display: flex;
  margin-top: .2em
}

.popup__event-notice .dot-list li:first-child {
  margin-top: 0
}

.popup__event-notice .dot-list li:before {
  content: attr(data-dot);
  flex: 0 0 auto;
  margin-right: .2em
}

.interval-bg {
  display: block;
  position: relative;
  width: 100%;
  height: 122px;
  margin-top: 819px;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_t.png) no-repeat top/100% 100%;
  opacity: 0;
  transform: rotate(4deg);
  transform-origin: 0 100%;
  transition: transform .3s
}

.interval-bg.in {
  opacity: 1;
  transform: rotate(0)
}

@media (max-width:1024px) {
  .interval-bg {
    display: none;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_t_m.png)
  }
}

@media (max-width:1660px) {
  .interval-bg {
    height: 102px
  }
}

.section-frame {
  width: 100%;
  z-index: 1;
  background: transparent url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_b.png) no-repeat top/cover;
  position: relative;
  top: 0;
  padding-top: 207px;
  background-color: #fff
}

@media (max-width:1024px) {
  .section-frame {
    padding-top: 12.29vw;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_m.png);
    background-size: 100% auto
  }
}

@media (max-width:1660px) {
  .section-frame {
    padding-top: 10.29vw;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_m.png);
    background-size: 100% auto
  }
}

.section-frame4 {
  width: 100%;
  z-index: 1;
  background: transparent url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_b.png) no-repeat top/cover;
  position: relative;
  top: 0;
  padding-top: 207px
}

@media (max-width:1660px) {
  .section-frame4 {
    top: 100px
  }
}

@media (max-width:1024px) {
  .section-frame4 {
    margin-top: -10.1vw;
    padding-top: 29.296875vw;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/whole_bg_m.png);
    background-size: 100% auto
  }
}

html:not(.no-js).aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

.locomotive {
  position: relative;
  z-index: 1000;
  overflow: hidden
}

#main,
#section1,
#section2,
#section3,
#section4 {
  overflow: hidden;
  clear: both
}

.section-flag {
  position: relative
}

.section-txt {
  padding-bottom: 25px
}

@media (max-width:1024px) {
  .section-txt {
    width: 77%;
    margin: 0 auto;
    padding-bottom: 60px
  }
}

@media (max-width:767px) {
  .section-txt {
    width: 91%;
    padding-bottom: 10px !important
  }
}

.section-txt--tit {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 7px;
  position: relative;
  color: #111;
  font-size: 2.5em;
  font-weight: 900;
  text-align: center
}

@media (max-width:767px) {
  .section-txt--tit {
    font-size: 23px;
    margin-bottom: 15px
  }
}

.section-txt--sub {
  padding-top: 25px;
  color: #111;
  font-weight: 700;
  font-size: 1.75em;
  text-align: center
}

.article {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 490px;
  background: no-repeat top/cover;
  background-size: 100% 100%
}

@media (max-width:1024px) {
  .article {
    min-width: 100%
  }
}

.article#section2-1 {
  top: 19px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_1/bg.png)
}

@media (max-width:1024px) {
  .article#section2-1 {
    background-image: none
  }
}

@media (max-width:1680px) {
  .article#section2-1 {
    top: 41px
  }
}

.article#section2-1 .section2-btn {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_1/btn.png);
  margin-left: -26px;

  &.gray {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_1/btng.png)
  }
}

@media (max-width:1680px) {
  .article#section2-1 .article-txt__inner {
    left: 4%
  }
}

@media (max-width:1024px) {
  .article#section2-1 .article-txt__inner {
    left: 8%
  }
}

.article#section2-2 {
  top: -71px;
  height: 500px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_2/bg.png)
}

@media (max-width:1024px) {
  .article#section2-2 {
    background-image: none
  }
}

@media (max-width:1680px) {
  .article#section2-2 {
    top: -49px
  }
}

.article#section2-2 .section2-btn {
  margin-left: -28px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_2/btn.png);

  &.gray {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_1/btng.png)
  }
}

@media (max-width:767px) {
  .article#section2-2 .section2-btn {
    line-height: 9.078125vw
  }
}

.article#section2-2 .article-txt__inner {
  left: auto;
  right: 0;
  min-width: 35%
}

@media (max-width:1024px) {
  .article#section2-2 .article-txt__inner {
    right: 4%
  }
}

.article#section2-3 {
  top: -162px;
  height: 510px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_3/bg.png)
}

@media (max-width:1680px) {
  .article#section2-3 {
    top: -140px
  }
}

@media (max-width:1024px) {
  .article#section2-3 {
    background-image: none
  }
}

.article#section2-3 .section2-btn {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_3/btn.png);
  margin-left: -26px;

  &.gray {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_1/btng.png)
  }
}

@media (max-width:1680px) {
  .article#section2-3 .article-txt__inner {
    left: 4%
  }
}

@media (max-width:1024px) {
  .article#section2-3 .article-txt__inner {
    left: 8%
  }
}

.article#section2-4 {
  top: -249px;
  height: 500px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_4/bg.png)
}

@media (max-width:1024px) {
  .article#section2-4 {
    background-image: none
  }
}

@media (max-width:1680px) {
  .article#section2-4 {
    top: -227px
  }
}

.article#section2-4 .section2-btn {
  margin-left: -28px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_4/btn.png);
  line-height: 38px;

  &.gray {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section2/sec2_1/btng.png)
  }
}

@media (max-width:767px) {
  .article#section2-4 .section2-btn {
    line-height: 5.078125vw
  }
}

.article#section2-4 .article-txt__inner {
  left: auto;
  right: 0;
  min-width: 35%
}

@media (max-width:1680px) {
  .article#section2-4 .article-txt__inner {
    right: 8%
  }
}

@media (max-width:1024px) {
  .article#section2-4 .article-txt__inner {
    right: 4%
  }
}

.article-txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  z-index: 40
}

@media (max-width:1440px) {
  .article-txt {
    width: 95%
  }
}

@media (max-width:1024px) {
  .article-txt {
    width: 100%
  }
}

.article-txt--sub {
  display: block;
  padding-bottom: 9px;
  color: #fff;
  font-weight: 700;
  font-size: 1em
}

@media (max-width:1024px) {
  .article-txt--sub {
    font-size: 14px
  }
}

.article-txt--tit {
  color: #fff;
  font-weight: 900;
  font-size: 2em
}

@media (max-width:1024px) {
  .article-txt--tit {
    font-size: 18px
  }
}

.article-txt__inner {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -130px;
  min-width: 50%
}

@media (max-width:1024px) {
  .article-txt__inner {
    left: 6%;
    top: 50%;
    margin-top: -30%
  }
}

.article-txt .section2-btn {
  display: block;
  width: 245px;
  height: 48px;
  margin-top: 30px;
  background: no-repeat 50%/contain;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  text-align: center;
  filter: brightness(1);
  transition: all .5s ease-in;
  line-height: 53px
}

@media (max-width:767px) {
  .article-txt .section2-btn {
    width: 38.18359375vw;
    height: 7.51953125vw;
    margin-top: 4.8828125vw;
    font-size: 2.4vw;
    line-height: 8.0078125vw
  }
}

.chk-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0 20px
}

.btn-more {
  display: inline-block;
  font-weight: 700;
  font-size: 15px
}

@media (max-width:767px) {
  .btn-more {
    min-width: 30%;
    font-size: 12px;
    text-align: right
  }
}

.btn-more .icon-more {
  display: inline-block;
  width: 7px;
  height: 9px;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/icon_more.png) no-repeat 50%/contain
}

.btn-pre {
  display: block;
  width: 356px;
  height: 81px;
  margin: 13px auto 0;
  padding-bottom: 7px;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/btn_brown.png) no-repeat top/contain;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-align: center
}

.btn-pre:hover {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/btn_brown_on.png)
}

@media (max-width:1024px) {
  .btn-pre {
    padding-bottom: 0
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .btn-pre {
    font-size: 26px;
    margin-top: 20px
  }
}

@media (max-width:767px) {
  .btn-pre {
    width: 100%;
    height: 60px;
    font-size: 16px;
    margin-top: 5px
  }
}

.btn-pre>span {
  display: inline-block;
  vertical-align: 6px
}

.btn-caution {
  display: block;
  margin: 38px auto 0;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 233px;
  padding: 0 24px;
  border-radius: 27px;
  box-shadow: 2px 4px 0 rgba(0, 0, 0, .15);
  background-image: linear-gradient(#63421a, #3e2910);
  color: #dcc4a0;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.btn-caution span {
  display: inline-flex;
  height: 52px;
  align-items: center;
  justify-content: center
}

@media (max-width:1024px) {
  .btn-caution {
    display: inline-block;
    margin-top: 5%;
    padding: 1% 4%;
    border-radius: 50px
  }

  .btn-caution span {
    height: 30px
  }
}

@media (max-width:767px) {
  .btn-caution {
    width: auto;
    font-size: 16px;
    height: auto;
    min-width: auto
  }
}

.btn-caution:hover {
  background-image: linear-gradient(#815724, #4a3213)
}

@media (max-width:767px) {
  .btn-caution>span {
    display: inline-block;
    padding-bottom: 6px
  }
}

.chk-box {
  display: flex;
  align-items: center;
  cursor: pointer
}

.chk-box input {
  display: none
}

.chk-box input:checked~.chk-box__icon {
  border-color: #48231b;
  background-color: #48231b
}

.chk-box input:checked~.chk-box__icon:after,
.chk-box input:checked~.chk-box__icon:before {
  content: "";
  display: inline-block;
  width: 2px;
  background-color: #fff;
  position: absolute;
  transform-origin: left top
}

.chk-box input:checked~.chk-box__icon:before {
  top: 10px;
  left: 2px;
  transform: rotate(-45deg);
  height: 7px
}

.chk-box input:checked~.chk-box__icon:after {
  top: 15px;
  left: 8px;
  transform: rotate(-135deg);
  height: 12px
}

.chk-box input.bor:checked~.chk-box__icon {
  border-color: #aca59a
}

.chk-box__icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 2px solid #fff;
  background-color: #fff;
  position: relative
}

.chk-box__icon.round {
  border-radius: 50%
}

.chk-box__txt {
  display: inline-block;
  padding-left: 6px;
  color: #ff0606;
  font-size: 16px;
  font-weight: 500
}

@media (max-width:767px) {
  .chk-box__txt {
    font-size: 12px
  }
}

.ch {
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  transition: all 2s ease-in-out
}

.ch,
.ch__wrap {
  position: absolute
}

.ch__wrap {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.ch__ani {
  display: block;
  animation: floatCh 3s ease-in infinite alternate
}

.ch img {
  width: auto;
  max-width: -moz-fit-content;
  max-width: fit-content
}

.area-con.fix .ch__wrap {
  position: fixed
}

.info-frame {
  align-items: center;
  width: 100%;
  height: auto !important;
  padding: 100px 0;
  background-color: #fff
}

.info-frame,
.info-frame__inner {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.info-frame__inner {
  width: 95%;
  height: 70%
}

.info-frame__img {
  display: block;
  width: 240px;
  margin: 0 auto 37px
}

@media (max-width:1024px) {
  .info-frame__img {
    width: 31.640625vw;
    aspect-ratio: 1.5283018868;
    margin: 0 auto 5%
  }
}

.info-frame__txt--tit {
  padding-bottom: 12px;
  color: #111;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px
}

.info-frame__txt--sub {
  color: #666;
  font-size: 16px;
  text-align: center;
  letter-spacing: -1px
}

.info-frame__btn {
  margin-top: 45px;
  text-align: center
}

@media (max-width:1024px) {
  .info-frame__btn {
    margin-top: 11%
  }
}

.info-frame__btn--item {
  display: block;
  background: no-repeat 50%/contain;
  height: 49px;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/inc/info_btn.png);
  color: #fff;
  font-weight: 900;
  text-align: center;
  font-size: 22px;
  line-height: 43px
}

.app-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-bottom: 18px
}

.app-list.pc-mode .app-list__google>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/google_en.webp) !important
}

.app-list.pc-mode .app-list__apple>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/apple_en.webp) !important
}

.app-list.pc-mode>li>a {
  display: block;
  width: 200px;
  height: 59px;
  background: no-repeat 50%/contain
}

.app-list.mo-mode {
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translateX(-50%);
  width: 77%;
  height: 6%;
  padding-bottom: 0
}

.app-list.mo-mode>li {
  width: 49%;
  height: 100%
}

.app-list.mo-mode>li>a {
  display: block;
  width: 100%;
  height: 100%
}

#main {
  position: fixed;
  top: 0;
  width: 100%
}

@media (max-width:1660px) {
  #main {
    height: 100vh
  }
}

@media (max-width:1024px) {
  #main {
    position: static;
    min-height: auto;
    background: none;
    font-size: 0
  }
}

#main .main__con {
  position: relative;
  width: 100%;
  height: 100%
}

@media (max-width:1660px) {
  #main .main__con {
    height: 100vh
  }
}

#main .main__con video {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto
}

@media (max-width:1660px) {
  #main .main__con video {
    transform: scale(1.5)
  }
}

@media (max-width:1024px) {
  #main .main__con video {
    width: auto;
    transform: scale(1);
    object-fit: contain;
    max-height: 100%
  }
}

#main .main__con .logo {
  padding-bottom: 18px
}

#main .main__con--btn {
  display: block;
  width: 50%;
  margin: 0 auto;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/btn_gold.webp) no-repeat 50%/contain;
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 78px;
  padding: 0 20px 13px
}

#main .main__con--btn:hover {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/btn_gold_on.webp)
}

@media (max-width:1440px) {
  #main .main__con--btn {
    width: 100%;
    font-size: 32px
  }
}

@media (max-width:1024px) {
  #main .main__con--btn {
    width: 100%
  }
}

@media (max-width:767px) {
  #main .main__con--btn {
    font-size: 25px
  }
}

#main .main__con--date {
  color: #702424;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px
}

@media (max-width:1024px) {
  #main .main__con--date {
    padding-top: 0
  }
}

@media (max-width:767px) {
  #main .main__con--date {
    font-size: 22px
  }
}

#main .scroll-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 750px;
  z-index: 1;
  width: 96px;
  height: 30px;
  margin-left: -48px;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/scroll_down.png) no-repeat 50%/contain;
  animation: downAction 1s infinite alternate
}

@media (max-width:1024px) {
  #main .scroll-icon {
    top: 86%
  }
}

@media (min-width:768px) and (max-width:1024px) {
  #main .scroll-icon {
    top: 94%
  }
}

@media (max-width:767px) {
  #main .scroll-icon {
    top: 94%
  }
}

#main .mo-box {
  display: inline-block;
  position: relative;
  width: 100%
}

#main .mo-box__img {
  display: block;
  width: 100%
}

#main .mo-box__anchor {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translateX(-50%);
  width: 81%;
  height: 8%
}

#main .app-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-bottom: 18px
}

#main .app-list.pc-mode .app-list__google>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/google_en.webp) !important
}

#main .app-list.pc-mode .app-list__apple>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/apple_en.webp) !important
}

#main .app-list.pc-mode>li>a {
  display: block;
  width: 200px;
  height: 59px;
  background: no-repeat 50%/contain
}

#main .app-list.mo-mode {
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translateX(-50%);
  width: 77%;
  height: 6%;
  padding-bottom: 0
}

#main .app-list.mo-mode>li {
  width: 49%;
  height: 100%
}

#main .app-list.mo-mode>li>a {
  display: block;
  width: 100%;
  height: 100%
}

#infoSwiper {
  position: relative;
  margin: 0 auto;
  height: 100%
}

#infoSwiper .swiper-slide {
  position: relative;
  width: 100%;
  overflow: hidden
}

#infoSwiper .swiper-slide__inner {
  cursor: default
}

#infoSwiper .swiper-slide-active .swiper-slide__inner,
#infoSwiper .swiper-slide-next .swiper-slide__inner,
#infoSwiper .swiper-slide-prev .swiper-slide__inner {
  opacity: 1
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide {
    width: 45vw
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide {
    width: 68%;
    width: 60%
  }
}

#infoSwiper .swiper-slide-active .swiper-slide__inner:after {
  opacity: 1
}

#infoSwiper .swiper-slide__inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto
}

@media (max-width:1660px) {
  #infoSwiper .swiper-slide__inner {
    height: 100%
  }
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide__inner {
    display: flex;
    justify-content: center;
    align-items: center
  }
}

#infoSwiper .swiper-slide__inner>img {
  display: inline-block;
  width: 100%
}

#infoSwiper .swiper-slide__inner:after {
  transition: opacity .5s;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: no-repeat top/cover;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/info_bg.png);
  width: 100%;
  height: 100%
}

@media (max-width:1660px) {
  #infoSwiper .swiper-slide__inner:after {
    height: 100vh;
    min-height: 100%
  }
}

#infoSwiper .swiper-slide__frame {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 1200px;
  margin-top: 320px;
  z-index: 2
}

@media (max-width:1550px) {
  #infoSwiper .swiper-slide__frame {
    width: 91%
  }
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame {
    width: 84%;
    margin-top: -20%
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame {
    width: 87%;
    top: 20%;
    margin-top: 0
  }
}

@media (max-width:350px) {
  #infoSwiper .swiper-slide__frame {
    margin-top: 0
  }
}

#infoSwiper .swiper-slide__frame .frame-txt__tag {
  color: #ff0606;
  font-size: 1.3em;
  font-weight: 700
}

@media (max-width:1240px) {
  #infoSwiper .swiper-slide__frame .frame-txt__tag {
    font-size: 15px
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .frame-txt__tag {
    font-size: 14px
  }
}

#infoSwiper .swiper-slide__frame .frame-txt__tit {
  white-space: nowrap;
  display: block;
  padding: 12px 0 20px;
  color: #fff;
  font-weight: 900;
  font-size: 4.3em
}

@media (max-width:1550px) {
  #infoSwiper .swiper-slide__frame .frame-txt__tit {
    padding: 9px 0 17px
  }
}

@media (max-width:1240px) {
  #infoSwiper .swiper-slide__frame .frame-txt__tit {
    font-size: 35px
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .frame-txt__tit {
    font-size: 30px;
    padding: 3px 0 9px
  }
}

#infoSwiper .swiper-slide__frame .frame-txt__sub {
  color: #fff;
  opacity: .2;
  font-size: 1.45em
}

@media (max-width:1240px) {
  #infoSwiper .swiper-slide__frame .frame-txt__sub {
    font-size: 18px
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .frame-txt__sub {
    font-size: 13px
  }
}

#infoSwiper .swiper-slide__frame .button-list {
  display: flex;
  align-items: center;
  margin: 27px 0 0 -28px
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .button-list {
    gap: 1vw
  }
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .button-list {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-left: -4%
  }
}

#infoSwiper .swiper-slide__frame .button-list>li {
  width: 315px;
  height: 61px;
  color: #fff;
  background: no-repeat 50%/contain;
  background-size: initial;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/kv_btn_bg.png)
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .button-list>li {
    width: 30.636719vw;
    height: 5.132813vw;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/kv_btn_bg_m.png);
    background-size: 29.636719vw 11.265625vw
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .button-list>li {
    width: 48vw;
    height: 7vw;
    background-size: 48vw 7vw
  }
}

#infoSwiper .swiper-slide__frame .button-list>li>button {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 59px;
  font-size: 18px;
  color: #fff
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .button-list>li>button {
    font-size: 1.6vw;
    line-height: 6.5vw
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .button-list>li>button {
    font-size: 2.8vw;
    line-height: 8.1vw
  }
}

#infoSwiper .swiper-slide__frame .button-list>li:first-child,
#infoSwiper .swiper-slide__frame .button-list>li:nth-child(2) {
  background-position: 0 0
}

.swiper-control .swiper-button-prev.swiper-button-disabled {
  opacity: .5
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .button-list>li:nth-child(2) {
    margin-top: 1vw;
    background-position: 0 0
  }
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .button-list {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row
  }

  #infoSwiper .swiper-slide__frame .button-list>li:nth-child(2) {
    background-position: 0 0
  }
}

#infoSwiper .swiper-slide__frame .button-list,
#infoSwiper .swiper-slide__frame .sns-list {
  osition: relative;
  z-index: 10
}

.infoslider__video {
  pointer-events: none
}

#infoSwiper .swiper-slide__frame .sns-list {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 40px
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list {
    gap: 2.9296875vw;
    margin-top: 8.30078125vw
  }
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list {
    gap: .7vw;
    margin-top: 18px
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li {
  width: 33px;
  height: 32px;
  background: no-repeat 50%/contain;
  background-size: initial;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/sns_box.png)
}

@media (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li {
    width: 5.859375vw;
    height: 5.0734375vw;
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/sns_box_m.png);
    background-size: 62.3046875vw 4.7734375vw
  }
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li {
    width: 3.359375vw;
    height: 2.273438vw;
    background-size: 31.304688vw 2.273438vw
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.home {
  background-position: 0 0
}

#infoSwiper .swiper-slide__frame .sns-list>li.instagram {
  background-position: -52px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.instagram {
    background-position: -4.25vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.instagram {
    background-position: -8.7890625vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.youtube {
  background-position: -104px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.youtube {
    background-position: -8.55vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.youtube {
    background-position: -17.578125vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.tictok {
  background-position: -152px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.tictok {
    background-position: -12.8vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.tictok {
    background-position: -25.84375vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.twitch {
  background-position: -197px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.twitch {
    background-position: -16.8vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.twitch {
    background-position: -33.84375vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.facebook {
  background-position: -238px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.facebook {
    background-position: -20.5vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.facebook {
    background-position: -41.3515625vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.discord {
  background-position: -280px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.discord {
    background-position: -24.2vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.discord {
    background-position: -48.6171875vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li.whatsapp {
  background-position: -329px 0
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.whatsapp {
    background-position: -28.6vw 0
  }
}

@media (max-width:767px) {
  #infoSwiper .swiper-slide__frame .sns-list>li.whatsapp {
    background-position: -57.2171875vw 0
  }
}

#infoSwiper .swiper-slide__frame .sns-list>li>a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px
}

#infoSwiper .swiper-control {
  position: absolute;
  right: 220px;
  transform: translateX(-50%);
  top: 657px;
  z-index: 100;
  width: 300px;
  height: 27px
}

@media (max-width:1550px) {
  #infoSwiper .swiper-control {
    width: 91%
  }
}

#infoSwiper .swiper-control__inner {
  position: absolute;
  right: 0;
  z-index: 101;
  width: 87px;
  height: 27px
}

#infoSwiper .swiper-control .swiper-button-next,
#infoSwiper .swiper-control .swiper-button-prev {
  z-index: 102;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 10px;
  margin-top: 0;
  background: no-repeat 50%/contain;
  cursor: pointer
}

@media (max-width:1024px) {

  #infoSwiper .swiper-control .swiper-button-next,
  #infoSwiper .swiper-control .swiper-button-prev {
    display: none
  }
}

@media (max-width:767px) {

  #infoSwiper .swiper-control .swiper-button-next,
  #infoSwiper .swiper-control .swiper-button-prev {
    width: 41px;
    background-size: contain
  }
}

#infoSwiper .swiper-control .swiper-button-next:after,
#infoSwiper .swiper-control .swiper-button-prev:after {
  content: none
}

#infoSwiper .swiper-control .swiper-button-prev {
  left: 0;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/arrow_slide_l.png)
}

#infoSwiper .swiper-control .swiper-button-next {
  right: 0;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/arrow_slide_r.png)
}

#infoSwiper .swiper-control .swiper-pagination-fraction {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}

@media (max-width:1024px) {
  #infoSwiper .swiper-control .swiper-pagination-fraction {
    display: none
  }
}

#infoSwiper .swiper-control .swiper-pagination-fraction .slash {
  display: inline-block;
  padding: 0 7px;
  color: #fff;
  font-size: 1.1em;
  opacity: .5
}

#infoSwiper .swiper-control .swiper-pagination-current {
  color: #fff;
  font-size: 1.19em
}

#infoSwiper .swiper-control .swiper-pagination-total {
  color: #fff;
  opacity: .5;
  font-size: 1.1em
}

#infoSwiper .swiper-scrollbar {
  height: 1px;
  background: rgba(255, 255, 255, .2);
  z-index: 1;
  width: 100%;
  position: absolute;
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  top: 701px;
  background-color: rgba(255, 255, 255, .5)
}

@media (max-width:1550px) {
  #infoSwiper .swiper-scrollbar {
    width: 91%
  }
}

@media (max-width:1024px) {
  #infoSwiper .swiper-scrollbar {
    display: none
  }
}

#infoSwiper .swiper-scrollbar,
#infoSwiper .swiper-scrollbar-drag {
  border-radius: 0
}

#infoSwiper .swiper-scrollbar-drag {
  background-color: #ff0606
}

#infoSwiperThumb {
  position: absolute;
  right: 18px;
  top: 291px;
  z-index: 1;
  width: 645px;
  padding-left: 8px
}

@media (max-width:1320px) {
  #infoSwiperThumb {
    width: 575px
  }
}

@media (max-width:1240px) {
  #infoSwiperThumb {
    right: -220px
  }
}

@media (min-width:768px) and (max-width:1024px) {
  #infoSwiperThumb {
    width: 60%;
    left: -56%;
    top: 65%
  }
}

@media (max-width:767px) {
  #infoSwiperThumb {
    width: 96%;
    right: 0;
    top: 65%;
    padding-left: 4%
  }
}

#infoSwiperThumb .swiper-slide {
  cursor: pointer;
  width: 50%
}

#infoSwiperThumb .swiper-slide .img-box img {
  height: auto
}

#infoSwiperThumb .swiper-slide .img-box {
  width: 100%;
  height: 169px;
  background: no-repeat 50%/contain
}

@media (max-width:1024px) {
  #infoSwiperThumb .swiper-slide .img-box {
    background-position: 0;
    height: 14.6484375vw
  }
}

@media (max-width:767px) {
  #infoSwiperThumb .swiper-slide .img-box {
    height: 24.648438vw
  }
}

@media (max-width:350px) {
  #infoSwiperThumb .swiper-slide .img-box {
    height: 110px
  }
}

#infoSwiperThumb .swiper-slide .txt-box {
  opacity: .2
}

@media (max-width:1024px) {
  #infoSwiperThumb .swiper-slide .txt-box {
    padding-top: 2%
  }
}

#infoSwiperThumb .swiper-slide .txt-box>p {
  font-size: .858em;
  color: #fff;
  opacity: .5;
  text-align: left
}

@media (max-width:1024px) {
  #infoSwiperThumb .swiper-slide .txt-box>p {
    font-size: 12px
  }
}

#infoSwiperThumb .swiper-slide .txt-box h3 {
  padding-top: 7px;
  font-size: 1.2em;
  font-weight: 900;
  color: #fff;
  text-align: left
}

@media (max-width:1024px) {
  #infoSwiperThumb .swiper-slide .txt-box h3 {
    font-size: 14px
  }
}

#infoSwiperThumb .swiper-slide-active .txt-box {
  opacity: 1
}

#infoSwiper .swiper-scrollbar-drag {
  width: 50% !important;
  transform: none !important;
  left: 0 !important;
  position: absolute !important
}

#infoSwiper .swiper-scrollbar-drag.left-0 {
  left: 0 !important
}

#infoSwiper .swiper-scrollbar-drag.left-100 {
  left: 50% !important
}

@media (max-width:767px) {
  #infoSwiperThumb .swiper-slide {
    transition: opacity .5s
  }

  #infoSwiperThumb .swiper-slide-prev {
    opacity: 0
  }
}

@media (max-width:1024px) {
  #section1 {
    background-color: transparent !important
  }
}

#section1.action .section-txt {
  animation: fadeInUp 1.5s .2s alternate
}

#section1.action #eventSwiper #indieSwipter {
  opacity: 0;
  animation: fadeIn 2.5s .21s alternate forwards
}

#section1 .section-txt--tit {
  padding: 0 0 80px
}

#eventSwiper {
  overflow: visible;
  position: relative;
  z-index: 102;
  width: 1697px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 170px
}

@media (max-width:1760px) {
  #eventSwiper {
    max-width: 90%
  }
}

@media (max-width:1660px) {
  #eventSwiper {
    padding-bottom: 130px
  }
}

@media (max-width:1024px) {
  #eventSwiper {
    max-width: 100%;
    width: 100%;
    padding-bottom: 0
  }
}

#eventSwiper .swiper-slide {
  position: relative;
  width: 364px;
  overflow: hidden;
  transform: scale(.9)
}

@media (max-width:1024px) {
  #eventSwiper .swiper-slide {
    width: 60%;
    transform: scale(.7)
  }
}

#eventSwiper .swiper-slide .swiper-slide__inner {
  opacity: 0;
  transition: opacity .5s
}

#eventSwiper .swiper-slide-active .swiper-slide__inner,
#eventSwiper .swiper-slide-next .swiper-slide__inner,
#eventSwiper .swiper-slide-prev .swiper-slide__inner {
  opacity: 1
}

#eventSwiper .swiper-slide-active {
  transform: scale(1.1);
  z-index: 10
}

@media (max-width:1024px) {
  #eventSwiper .swiper-slide-active {
    transform: scale(1.3)
  }
}

#eventSwiper .swiper-slide__inner img.mask {
  -webkit-mask-image: url(/assets/images/section1_2/bg.webp);
  mask-image: url(/assets/images/section1_2/bg.webp);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 36vw;
  mask-size: 36vw;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}

#eventSwiper .swiper-slide .bg {
  opacity: 1 !important;
  position: absolute;
  top: 0;
  z-index: 4;
  left: 0;
  filter: brightness(1000)
}

#eventSwiper .swiper-slide:not(.swiper-slide-active) {
  transform: scale(.9);
  top: 0
}

@media (max-width:1024px) {
  #eventSwiper .swiper-slide-active {
    transform: scale(1.3)
  }

  #eventSwiper .swiper-slide:not(.swiper-slide-active) {
    transform: scale(1);
    top: -6vw
  }

  #eventSwiper .swiper-slide:not(.swiper-slide-active).swiper-slide-prev {
    left: -10vw
  }

  #eventSwiper .swiper-slide:not(.swiper-slide-active).swiper-slide-next {
    right: -10vw
  }

  #eventSwiper .swiper-slide__inner img.mask {
    -webkit-mask-size: 73vw;
    mask-size: 73vw
  }
}

#eventSwiper .swiper-slide:not(.swiper-slide-active) img {
  opacity: .5
}

#eventSwiper .swiper-slide:not(.swiper-slide-active) .txt-box {
  display: none
}

#eventSwiper .swiper-slide-active .swiper-slide__inner:after {
  opacity: 0
}

#eventSwiper .swiper-slide__inner {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative
}

#eventSwiper .swiper-slide__inner>img {
  z-index: 5;
  position: relative;
  display: inline-block;
  width: 100%
}

#eventSwiper .swiper-slide__inner .txt-box {
  width: 92%;
  margin: 12px auto 0;
  text-align: left
}

@media (max-width:1550px) {
  #eventSwiper .swiper-slide__inner .txt-box {
    margin: 0 auto
  }
}

@media (max-width:1024px) {
  #eventSwiper .swiper-slide__inner .txt-box {
    width: 84%;
    margin: 12px auto 0;
    padding-bottom: 25.390625vw
  }
}

#eventSwiper .swiper-slide__inner .txt-box__tag {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 600
}

@media (max-width:767px) {
  #eventSwiper .swiper-slide__inner .txt-box__tag {
    font-size: 11px
  }
}

#eventSwiper .swiper-slide__inner .txt-box h3 {
  color: #111;
  font-size: 17px;
  font-weight: 900
}

@media (max-width:767px) {
  #eventSwiper .swiper-slide__inner .txt-box h3 {
    font-size: 12px
  }
}

#eventSwiper .swiper-slide__inner:after {
  transition: opacity .5s;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  filter: brightness(3);
  width: 100%;
  height: 100%
}

@media (max-width:767px) {
  #eventSwiper .swiper-slide__inner:after {
    border-radius: 18px
  }
}

#eventSwiper .swiper-control {
  position: absolute;
  display: inline-block;
  width: 580px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin-top: -28px
}

@media (max-width:1760px) {
  #eventSwiper .swiper-control {
    width: 34%
  }
}

@media (max-width:1024px) {
  #eventSwiper .swiper-control {
    width: 72%
  }
}

#eventSwiper .swiper-control .swiper-button-next,
#eventSwiper .swiper-control .swiper-button-prev {
  position: static;
  transform: translate(0);
  width: 67px;
  height: auto;
  aspect-ratio: 1;
  margin-top: -72px;
  background-size: 67px 67px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer
}

@media (max-width:1024px) {

  #eventSwiper .swiper-control .swiper-button-next,
  #eventSwiper .swiper-control .swiper-button-prev {
    width: 9.375vw;
    margin-top: -18.6953125vw;
    background-size: 9.375vw 9.375vw
  }
}

#eventSwiper .swiper-control .swiper-button-next:after,
#eventSwiper .swiper-control .swiper-button-prev:after {
  content: none
}

#eventSwiper .swiper-control .swiper-button-prev {
  left: -3vw;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_l.png)
}

@media (max-width:1024px) {
  #eventSwiper .swiper-control .swiper-button-prev {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_l_m.png);
    left: -5vw
  }
}

#eventSwiper .swiper-control .swiper-button-next {
  right: -3vw;
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_r.png)
}

@media (max-width:1024px) {
  #eventSwiper .swiper-control .swiper-button-next {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_r_m.png);
    right: -5vw
  }
}

#eventSwiper .swiper-pagination {
  width: 100%;
  bottom: auto;
  bottom: 1vw
}

@media (min-width:768px) and (max-width:1024px) {
  #eventSwiper .swiper-pagination {
    top: 56.640625vw
  }
}

@media (max-width:767px) {
  #eventSwiper .swiper-pagination {
    top: 57.40625vw
  }
}

#eventSwiper .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 3px
}

#eventSwiper .swiper-pagination-bullet-active {
  width: 23px;
  height: 7px;
  background-color: #ff0606;
  border-radius: 4px
}

#indieSwiper {
  overflow: visible;
  position: relative;
  z-index: 102;
  width: 1697px;
  height: auto;
  padding-bottom: 170px;
  margin: 68px auto 0
}

@media (max-width:1760px) {
  #indieSwiper {
    max-width: 90%
  }
}

@media (max-width:1024px) {
  #indieSwiper {
    max-width: 100%;
    width: 100%;
    padding-bottom: 0
  }
}

#indieSwiper .swiper-slide {
  position: relative;
  overflow: hidden;
  transform: scale(1.25)
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide {
    transform: scale(1);
    width: 53vw
  }
}

#indieSwiper .swiper-slide .swiper-slide__inner {
  opacity: 0;
  transition: opacity .5s
}

#indieSwiper .swiper-slide-active .swiper-slide__inner,
#indieSwiper .swiper-slide-next .swiper-slide__inner,
#indieSwiper .swiper-slide-prev .swiper-slide__inner {
  opacity: 1
}

#indieSwiper .swiper-slide-active {
  transform: scale(1.4)
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide-active {
    transform: scale(1.4)
  }
}

#indieSwiper .swiper-slide .bg {
  opacity: 1 !important;
  position: absolute;
  top: 0;
  z-index: 4;
  left: 0;
  filter: brightness(1000)
}

#indieSwiper .swiper-slide:not(.swiper-slide-active) img {
  opacity: .8
}

#indieSwiper .swiper-slide-active .swiper-slide__inner:after {
  opacity: 0
}

#indieSwiper .swiper-slide__inner {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative
}

#indieSwiper .swiper-slide__inner>img {
  z-index: 5;
  position: relative;
  display: inline-block;
  width: 100%
}

#indieSwiper .swiper-slide__inner .txt-box {
  text-align: left;
  position: absolute;
  top: 35%;
  left: 52%;
  z-index: 30;
  width: 250px
}

@media (max-width:1550px) {
  #indieSwiper .swiper-slide__inner .txt-box {
    margin: 0 auto
  }
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide__inner .txt-box {
    width: 20vw;
    margin: 12px auto 0;
    padding-bottom: 25.390625vw
  }
}

#indieSwiper .swiper-slide__inner .txt-box .gametitle {
  color: #fff;
  font-size: .9vw
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide__inner .txt-box .gametitle {
    font-size: 1.9vw
  }
}

#indieSwiper .swiper-slide__inner .txt-box .textline {
  height: 3px;
  margin-top: .5vw;
  margin-bottom: .5vw;
  overflow: hidden;
  width: 12vw;
  background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/textline.png) no-repeat;
  background-size: 200px 2px
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide__inner .txt-box .textline {
    height: 3px;
    margin-top: .5vw;
    margin-bottom: .5vw;
    overflow: hidden;
    width: 18.5vw;
    background-size: 200px 2px
  }
}

#indieSwiper .swiper-slide__inner .txt-box .gameicongroup {
  color: #fff;
  font-size: .6vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 16vw
}

#indieSwiper .swiper-slide__inner .txt-box .gameicongroup .iconitem {
  display: flex;
  margin-right: 10px;
  min-width: 6vw
}

#indieSwiper .swiper-slide__inner .txt-box .gameicongroup .iconitem .icon {
  display: flex;
  align-items: center
}

#indieSwiper .swiper-slide__inner .txt-box .gameicongroup .iconitem .text {
  line-height: 25px;
  margin-left: 5px
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide__inner .txt-box .gameicongroup .iconitem .text {
    line-height: 3vw
  }
}

#indieSwiper .swiper-slide__inner .txt-box .gameicongroup .iconitem .text.gray {
  color: #aaaaaa
}

#indieSwiper .swiper-slide__inner .txt-box .gameicongroup .icon img {
  width: 16px;
  height: 16px
}

@media (max-width:1024px) {
  #indieSwiper .swiper-slide__inner .txt-box .gameicongroup {
    font-size: .85vw;
    width: 24vw
  }

  #indieSwiper .swiper-slide__inner .txt-box .gameicongroup .iconitem {
    min-width: 9vw;
    height: 3vw
  }

  #indieSwiper .swiper-slide__inner .txt-box .gameicongroup .icon img {
    width: 1.9vw;
    height: 1.9vw
  }
}

#indieSwiper .swiper-slide__inner:after {
  transition: opacity .5s;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  filter: brightness(3);
  width: 100%;
  height: 100%
}

@media (max-width:767px) {
  #indieSwiper .swiper-slide__inner:after {
    border-radius: 18px
  }
}

#indieSwiper .swiper-control {
  position: absolute;
  display: inline-block;
  width: 580px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin-top: -28px
}

@media (max-width:1760px) {
  #indieSwiper .swiper-control {
    width: 34%
  }
}

@media (max-width:1024px) {
  #indieSwiper .swiper-control {
    width: 72%
  }
}

#indieSwiper .swiper-control .swiper-button-next,
#indieSwiper .swiper-control .swiper-button-prev {
  position: static;
  transform: translate(0);
  width: 67px;
  height: auto;
  aspect-ratio: 1;
  margin-top: -47px;
  background-size: 67px 67px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer
}

@media (max-width:1024px) {

  #indieSwiper .swiper-control .swiper-button-next,
  #indieSwiper .swiper-control .swiper-button-prev {
    width: 9.375vw;
    top: 10vw;
    background-size: 9.375vw 9.375vw
  }
}

#indieSwiper .swiper-control .swiper-button-next:after,
#indieSwiper .swiper-control .swiper-button-prev:after {
  content: none
}

#indieSwiper .swiper-control .swiper-button-prev {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_l.png);
  left: -25%
}

#indieSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
  left: -250px
}

#indieSwiper .swiper-wrapper .swiper-slide.swiper-slide-next {
  right: -250px
}

#indieSwiper .swiper-control .swiper-button-next {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_r.png);
  right: -25%
}

@media (max-width:1024px) {
  #indieSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
    left: -13vw
  }

  #indieSwiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    right: -13vw
  }

  #indieSwiper .swiper-control .swiper-button-prev {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_l_m.png);
    top: 8vw;
    left: -9%
  }

  #indieSwiper .swiper-control .swiper-button-next {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_r_m.png);
    top: 8vw;
    right: -9%
  }
}

@media (max-width:767px) {
  #indieSwiper .swiper-control .swiper-button-prev {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_l_m.png);
    top: 12.5vw;
    left: -6vw
  }

  #indieSwiper .swiper-control .swiper-button-next {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section1_2/arr_r_m.png);
    top: 12.5vw;
    right: -6vw
  }
}

#indieSwiper .swiper-pagination {
  width: 100%;
  bottom: auto;
  top: 22vw
}

@media (min-width:768px) and (max-width:1024px) {
  #indieSwiper .swiper-pagination {
    top: 56.640625vw
  }
}

@media (max-width:767px) {
  #indieSwiper .swiper-pagination {
    top: 42.40625vw
  }
}

#indieSwiper .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 3px
}

#indieSwiper .swiper-pagination-bullet-active {
  width: 23px;
  height: 7px;
  background-color: #ff0606;
  border-radius: 4px
}

#section2 {
  margin-bottom: -350px;
  padding-top: 6vw;
  position: relative;
  z-index: 20
}

@media (max-width:1024px) {
  #section2 {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    padding-top: 0;
    background-color: transparent
  }
}

#section2 .section-txt--tit {
  padding: 0 0 40px
}

@media (max-width:1024px) {
  #section2 .section2__inner {
    display: inline-block;
    position: relative
  }
}

#section2 .article-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#section2 .article-img img {
  display: block;
  width: 100%
}

#section2 .article-img.aos-animate .img {
  animation: swirl2 1.5s cubic-bezier(.65, .05, .36, 1) forwards
}

#section2 .article-img .effect {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#section2 .article-img .effect .img {
  display: block;
  width: 100%;
  height: 100vh;
  background: no-repeat 50%/contain
}

html:not(.no-js) .effect .img {
  opacity: 0
}

html:not(.no-js) .effect .img.aos-animate {
  opacity: 1
}

#section2 .article-img .effect__sway {
  animation: starSway 50s cubic-bezier(.62, .22, .28, .85) infinite alternate;
  animation-delay: 1s
}

#section2 .article-txt .section2-logo {
  display: block;
  padding-bottom: 20px
}

@media (max-width:1024px) {
  #section2 .article-txt .section2-logo {
    width: 20.99609375vw;
    padding-bottom: 4.1015625vw
  }

  #section2 #section2-1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 43%
  }
}

#section2 #section2-1 .article-img {
  margin-left: 380px;
  width: 526px
}

@media (max-width:1280px) {
  #section2 #section2-1 .article-img {
    width: 40%;
    margin-left: 212px
  }
}

@media (max-width:1024px) {
  #section2 #section2-2 {
    position: absolute;
    left: 0;
    top: 33%;
    height: 43%
  }
}

#section2 #section2-2 .article-img {
  right: auto;
  left: 0;
  width: 495px;
  margin-left: 296px
}

@media (max-width:1280px) {
  #section2 #section2-2 .article-img {
    width: 40%
  }

  #section2 #section2-2 .article-img .effect .img {
    margin-left: -417px
  }
}

@media (max-width:1024px) {
  #section2 #section2-3 {
    position: absolute;
    left: 0;
    top: 63%;
    height: 43%
  }
}

#section2 #section2-3 .article-img {
  width: 508px;
  margin-left: 406px;
  margin-top: -17px
}

@media (max-width:1280px) {
  #section2 #section2-3 .article-img {
    width: 40%;
    margin-left: 310px;
    margin-top: -8px
  }
}

#section2 #section2-3 .article-img img {
  display: block;
  width: 100%
}

@media (max-width:1024px) {
  #section2 #section2-4 {
    position: absolute;
    left: 0;
    top: 71%;
    height: 35%
  }
}

#section2 #section2-4 .article-img {
  right: auto;
  left: 0;
  width: 495px;
  margin-left: 296px
}

@media (max-width:1280px) {
  #section2 #section2-4 .article-img {
    width: 40%
  }

  #section2 #section2-4 .article-img .effect .img {
    margin-left: -417px
  }
}

#section3 {
  position: relative;
  min-height: 666px;
  padding-top: 260px;
  text-align: center
}

@media (max-width:1024px) {
  #section3 {
    min-height: 100%;
    margin-top: -8.222656vw;
    padding-top: 0
  }
}

#section3 .ch {
  position: absolute;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%)
}

#section3 .ch__wrap {
  position: absolute;
  top: 0;
  bottom: 0
}

#section3 .ch__ani {
  display: block;
  animation: floatCh 3s ease-in infinite alternate
}

#section3 .ch img {
  width: auto;
  max-width: -moz-fit-content;
  max-width: fit-content
}

#section3 .ch__wrap {
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 1040px;
  z-index: -1
}

@media (max-width:1660px) {
  #section3 .ch__wrap {
    background: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/section_bg2_2.png) no-repeat;
    background-position-y: 100px
  }
}

#section3 .ch__item {
  display: block
}

#section3 .ch__item>img {
  display: block;
  width: 100%
}

#section3 .ch--l {
  margin-left: -32%;
  bottom: -28%;
  width: 553px
}

@media (max-width:1400px) {
  #section3 .ch--l {
    margin-left: -41%
  }
}

#section3 .ch--l .ch__item img {
  animation: swing 6.5s ease-in-out infinite alternate
}

#section3 .ch--r {
  margin-left: 33%;
  bottom: -10.6%;
  width: 528px
}

@media (max-width:1240px) {
  #section3 .ch--r {
    margin-left: 41%
  }
}

#section3 .ch--r img {
  animation: swing 7.5s ease-in-out infinite alternate
}

#section3 form {
  text-align: center
}

#section3 form .input-box {
  display: inline-block;
  position: relative
}

#section3 form .input-box img {
  display: block
}

#section3 form .input-box .input-label {
  position: absolute;
  left: 2%;
  top: 0;
  height: 97%;
  width: 64%;
  margin-left: 10px;
  font-size: 20px;
  text-align: left
}

#section3 form .input-box .input-label input {
  border: 0;
  display: inline-block;
  height: 100%;
  width: 100%;
  background-color: transparent;
  padding: 16px 12px 12px;
  font-size: 1em
}

@media (max-width:767px) {
  #section3 form .input-box .input-label input {
    font-size: 12px
  }
}

#section3 form .input-box__btn {
  position: absolute;
  left: 66%;
  top: 0;
  color: #fff;
  font-weight: 700;
  font-size: 1.25em;
  font-weight: 900;
  width: 33%;
  height: 100%;
  line-height: 73px
}

@media (min-width:768px) and (max-width:1024px) {
  #section3 form .input-box__btn {
    line-height: 12.98828125vw;
    font-size: 1.5em
  }
}

@media (max-width:767px) {
  #section3 form .input-box__btn {
    font-size: 13px;
    line-height: 13.96484375vw
  }
}

#section3 .section-txt {
  padding-bottom: 30px
}

@media (max-width:1024px) {
  #section3 .section-txt {
    width: 100%
  }
}

#section3 .section-txt--sub {
  padding-top: 20px;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff
}

@media (max-width:767px) {
  #section3 .section-txt--sub {
    padding-top: 0;
    font-size: 13px
  }
}

@media (max-width:1024px) {
  #section3 .section3__inner {
    position: relative
  }

  #section3 .section3__inner--item {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%
  }
}

.section * {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden
}

#wrap.esp .google-btn {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_esp.webp)
}

@media (max-width:767px) {
  #wrap.esp .google-btn {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_esp_m.webp)
  }
}

#wrap.esp #main .main__con--date {
  font-size: 29px
}

#wrap.esp .app-list.pc-mode .app-list__google>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/google_esp.webp) !important
}

#wrap.esp .app-list.pc-mode .app-list__apple>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/apple_esp.webp) !important
}

#wrap.fra .google-btn {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_fra.webp)
}

@media (max-width:767px) {
  #wrap.fra .google-btn {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_fra_m.webp)
  }
}

#wrap.fra #main .main__con--date {
  font-size: 29px
}

#wrap.fra .app-list.pc-mode .app-list__google>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/google_fra.webp) !important
}

#wrap.fra .app-list.pc-mode .app-list__apple>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/apple_fra.webp) !important
}

#wrap.ptb .google-btn {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_ptb.webp)
}

@media (max-width:767px) {
  #wrap.ptb .google-btn {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_ptb_m.webp)
  }
}

#wrap.ptb #main .main__con--date {
  font-size: 29px
}

#wrap.ptb .app-list.pc-mode .app-list__google>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/google_ptb.webp) !important
}

#wrap.ptb .app-list.pc-mode .app-list__apple>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/apple_ptb.webp) !important
}

@media (max-width:767px) {
  #wrap.ptb #bgShareWrap #section1 .form-area .input-label input {
    font-size: 9px
  }
}

#wrap.deu .google-btn {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_deu.webp)
}

@media (max-width:767px) {
  #wrap.deu .google-btn {
    background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/cbt/google_btn_deu_m.webp)
  }
}

#wrap.deu #main .main__con--date {
  font-size: 28px
}

#wrap.deu .app-list.pc-mode .app-list__google>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/google_deu.webp) !important
}

#wrap.deu .app-list.pc-mode .app-list__apple>a {
  background-image: url(https://assets.gnjoylatam.com/static/web/gnjoy/assets/images/main/download/apple_deu.webp) !important
}

.cloudeflare-container {
  min-height: calc(65px + 1.35em);
  padding-top: 65px;
  position: relative;
  width: 100%;
  line-height: 1.2
}

.reservation--1 .container__inner {
  overflow: visible !important
}

.cloudeflare-container p {
  margin-top: .2em
}

.cloudeflare-container .cf-turnstile {
  font-size: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0
}

.mypageBtn {
  aspect-ratio: 1;
  width: 34px;
  position: relative
}

.mypageBtn:before {
  content: "";
  width: 44px;
  background: url(/assets/images/inc/i_mypage.webp) no-repeat;
  aspect-ratio: 1;
  background-position-y: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.mypageBtn:hover:before {
  background-position-y: 100%
}

@media (max-width:767px) {
  .mypageBtn {
    right: 3vw
  }
}

.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px
}

#section4 {
  padding-top: 315px;
  padding-bottom: 80px;
  margin-bottom: 0;
  background-color: rgb(255, 255, 255)
}

#section4 .section-txt--tit {
  padding: 0 0 40px
}

@media (max-width:1024px) {
  #section4 {
    min-height: 100%;
    padding-top: 0;
    padding-bottom: 130px;
    margin-bottom: 144px
  }

  #section4 .section-txt--tit {
    padding: 0 0 30px
  }
}

.clientFooter_footerBot__QShGy .clientFooter_container__UkrnZ {
  justify-content: center !important;
}

.roadmap___left__FX6CL a img,
.page___left__qGmlp a img {
  display: none !important;
}