/* 다른 css와 중복되는 클래스 리셋 */
.howtouse { height: unset; }
.main-attendance-btn-wrap {display: none;}

html {scroll-behavior: smooth;}
html.safari {
    height: -webkit-fill-available;
  }
  
  html.safari body {
    min-height: -webkit-fill-available;
  }
  
  body.hidden {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    touch-action: none;
  }
  
  body::-webkit-scrollbar {
    width: 6px;
  }
  
  body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
  
  body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  
  body::-webkit-scrollbar-thumb:active {
    background: rgba(255, 255, 255, 0.3);
  }
  
  body::-webkit-scrollbar-button {
    display: none;
  }
  
  .glo-header {
    top: 0;
    transition: top 0.45s;
    -webkit-transition: top 0.45s;
    -moz-transition: top 0.45s;
    -ms-transition: top 0.45s;
    -o-transition: top 0.45s;
  }
  
  .glo-wrap.wide {
    max-width: 100%;
    height: 100%;
  }
  
  .h_ready .glo-header,
  .glo-header.header_hide {
    top: -90px;
  }
  
  .glo-header .gnb,
  .glo-header .gnb li,
  .glo-header .gnb svg {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  
  .blind {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    z-index: -1;
  }
  
  .glo-contents.hyperx2_teaser {
    font-family: "mont", "notokr", sans-serif;
    max-width: 100%;
    padding: 0;
    line-height: 1;
    overflow: hidden;
  }
  
  .mo-cont, .mo_only {
    display: none;
  }
  #vid_design .section__vid {padding-top: 0; background: #000000;}
  #vid_experience {
    background: #333333;
  }
  .section__vid {
    padding: 100px 160px 80px;
    background: #333;
    color: #fff;
  }
  .section__vid h3 {
    margin-bottom: 75px;
    font-size: 64px;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-align: center;
  }
  .section__vid .teaser__vid {
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 46.5%;
  }
  .section__vid .teaser__vid .btn__video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .section__vid .teaser__vid video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .section__vid .teaser__vid img {
    width: 100%;
    height: auto;
    position: absolute; 
    left: 0;
    top: 0;
}
  .section__timer {
    padding: 100px 0;
    background: #333;
    text-align: center;
  }
.section__timer .disabled {
  background: #666666;
  }
  .section__timer h3 {
    margin-bottom: 105px;
    font-size: 76px;
    font-weight: 800;
    color: #e5451c;
    letter-spacing: -0.03em;
  }
  .section__timer .timer {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
  }
  .section__timer .timer > div {
    width: 300px;
    position: relative;
  }
  .section__timer .timer > div::after {
    content: "";
    display: block;
    width: 1px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 40px;
    background: #666;
  }
  .section__timer .timer > div p {
    font-size: 22px;
    font-weight: 600;
    color: #666;
  }
  .section__timer .timer > div:last-of-type::after {
    display: none;
  }
  .section__timer .timer .num {
    padding-right: 25px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 186px;
    font-weight: 900;
    font-style: italic;
  }
  .section__timer .desc {
    margin-bottom: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.02em;
  }
  .vid__popup {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 89;
  }
  .vid__popup__inner {
    width: 100%;
    height: 100%;
    max-width: 1500px;
    max-height: 42.75vw;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .vid__popup__vis {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .vid__popup__vis video {
    width: 100%;
    height: 100%;
    max-height: 800px;
    object-fit: cover;
  }
  .vid__popup__cls {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    box-sizing: content-box;
    z-index: 33;
  }
  .vid__popup__cls::before, .vid__popup__cls::after {
    content: "";
    display: block;
    width: 26px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    margin: -0.5px 0 0;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .vid__popup__cls::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  @media screen and (min-width: 2250px) {
    .section__vid .teaser__vid {
      height: 800px;
      padding: 0;
    }
  }
  @media screen and (max-width: 1680px) {
    .section__vid {
      padding: 5.21vw 8.33vw 4.17vw;
    }
    .section__vid h3 {
      margin-bottom: 3.91vw;
      font-size: 3.33vw;
    }
    .section__vid .teaser__vid {
      border-radius: 1.04vw;
    }
    .section__timer {
      padding: 5.21vw 0;
    }
    .section__timer h3 {
      margin-bottom: 5.47vw;
      font-size: 3.96vw;
    }
    .section__timer .timer {
      margin-bottom: 3.65vw;
    }
    .section__timer .timer > div {
      width: 15.63vw;
    }
    .section__timer .timer > div::after {
      height: 5.21vw;
      top: 2.08vw;
    }
    .section__timer .timer > div p {
      font-size: 1.15vw;
    }
    .section__timer .timer .num {
      padding-right: 1.3vw;
      margin-bottom: 1.56vw;
      font-size: 9.69vw;
    }
    .section__timer .desc {
      margin-bottom: 2.08vw;
      font-size: 2.5vw;
      line-height: 1.2;
    }
  }
  @media screen and (max-width: 767px) {
    .mo-cont {
      display: block;
    }
    .pc-cont {
      display: none;
    }
    .section__vid {
      padding: 16vw 6.4vw;
    }
    .section__vid h3 {
      margin-bottom: 10.6666666667vw;
      font-size: 9.0666666667vw;
      line-height: 11.7333333333vw;
    }
    .section__vid .teaser__vid {
      height: 132vw;
      padding: 0;
      border-radius: 5.3333333333vw;
    }
    .section__vid .teaser__vid video {
      object-fit: cover;
    }
    .section__vid .teaser__vid img {
        width: 330%;
        left: -115%;
        object-fit: cover;
    }
    #vid_experience .section__vid .teaser__vid img {
    width: 100%;
    left:0;
    }
    .section__timer {
      padding: 16vw 0;
    }
    .section__timer h3 {
      margin-bottom: 16vw;
      font-size: 9vw;
      line-height: 1.2;
    }
    .section__timer .timer {
      margin-bottom: 16vw;
    }
    .section__timer .timer > div {
      width: 22.6666666667vw;
    }
    .section__timer .timer > div::after {
      height: 10.1333333333vw;
    }
    .section__timer .timer > div p {
      font-size: 2.6666666667vw;
    }
    .section__timer .timer .num {
      padding-right: 2.6666666667vw;
      margin-bottom: 4vw;
      font-size: 14.4vw;
    }
    .section__timer .desc {
      margin-bottom: 5.3333333333vw;
      font-size: 4.8vw;
    }
    .vid__popup__cls {
      width: 7.2vw;
      height: 7.2vw;
      padding: 1.25vw;
    }
    .vid__popup__cls::before, .vid__popup__cls::after {
      width: 7.2vw;
      height: 2px;
    }
  }


/* 프리런칭 */
.fc-o { color: #E5451C }
.inner { margin: 0 auto; }
.body-sub .glo-contents { padding-top: 0; }
.glo-contents.hyperx2_pre {
    font-family: "mont","notokr", sans-serif;
    max-width: 100%;
    padding: 0;
    color: #000;
    overflow: hidden;
}
.sub-h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 60px;
    box-sizing: border-box;
    color: #fff;
}
.sub-h1 .logo01 {
    max-width: 317px;
    width: 20vw;
    position: absolute;
    left: 3vw;
    top: 3vw;
}
.sub-h1 .logo02 {
    max-width: 512px;
    width: 45vw;
    position: absolute;
    right: 3vw;
    bottom: 3vw;
}
.sub-h1 h1 {
    font-family: 'Montserrat',SDGyeokdongG2 !important;
    font-size: 5.2vw;
    font-weight: 900;
    font-style: italic;
    line-height: 1.2;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 60px;
}
.sub-h1 h2 {
    font-family: 'Montserrat',SDGyeokdongG2 !important;
    font-size: 3.3vw;
    font-weight: 900;
    font-style: italic;
    line-height: 1.2;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 20px;
    margin-bottom: 60px;
}
.sub-h1 h2 .en { font-size: 4.1vw; vertical-align: middle; font-weight: 800; }
.en2 { font-size: 3.7vw !important; font-weight: 900 !important;}
.slide {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
    user-select: none;
}
.slide_fix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 72px;
    box-sizing: border-box;
    z-index: 70;
}
.slide_bg .slider-wrap {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 40;
}
.slide_bg .slick-slide {
    height: 100vh;
}
.slide_bg .cont01 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide01_bg.png) no-repeat right 0 bottom 0; background-size: cover;}
.slide_bg .cont02 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide02_bg.png) no-repeat right 0 bottom 0; background-size: cover;}
.slide_bg .cont03 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide03_bg.png) no-repeat right 0 bottom 0; background-size: cover;}
.slide_bg .cont04 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide04_bg.png) no-repeat right 0 bottom 0; background-size: cover;}
.slide_bg .cont05 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide05_bg.png) no-repeat right 0 bottom 0; background-size: cover;}

.slide_prd .slider-wrap {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 50;
}
.slide_prd .slick-slide {
    height: 100vh;
}
.slide_prd .cont01 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide01_img.png) no-repeat center bottom -43vh; background-size: auto 130%;}
.slide_prd .cont02 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide02_img.png) no-repeat center bottom -43vh; background-size: auto 130%;}
.slide_prd .cont03 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide03_img.png) no-repeat center bottom -43vh; background-size: auto 130%;}
.slide_prd .cont04 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide04_img.png) no-repeat center bottom -43vh; background-size: auto 130%;}
.slide_prd .cont05 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide05_img.png) no-repeat center bottom -43vh; background-size: auto 130%;}
.slide_frm .slider-wrap {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 60;
}
.slide_frm .slick-slide {
    height: 100vh;
}
.slide_frm .cont01 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide01_fr.png) no-repeat right 0 bottom 0; background-size: auto 100%;}
.slide_frm .cont02 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide02_fr.png) no-repeat right 0 bottom 0; background-size: auto 100%;}
.slide_frm .cont03 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide03_fr.png) no-repeat right 0 bottom 0; background-size: auto 100%;}
.slide_frm .cont04 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide04_fr.png) no-repeat right 0 bottom 0; background-size: auto 100%;}
.slide_frm .cont05 { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_slide05_fr.png) no-repeat right 0 bottom 0; background-size: auto 100%;}
#hyperx2_pre .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; 
    width:100%; 
    padding: 196px 0;
    background: #000;
}
p.tit {
    margin-bottom: 70px;
    font-size: 3.8vw;
    color: #ffffff;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}
.section__vid.vid01 { background: #000; text-align: center; }
.section__vid.vid01 p.tit { margin-bottom: 30px; }
.section__vid.vid01 .btn { margin-bottom: 60px; }
.section__vid.vid02 { background: #333 }
.section_preorder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center; 
    width: 100%; 
    height: 100vh;
    padding: 5vw 0 0;
    background: url('/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_preorder_img.png')#000 no-repeat center bottom 0;
    background-size: 70% auto;
    box-sizing: border-box;
    margin-bottom: -1px;
}
.section_preorder .preorder_img { width: 29vw;}
.section_preorder .tit { margin-bottom: 15px; }
.section_preorder .txt {
    margin-bottom: 1.5vw;
    font-size: 1.6vw;
    color: #FFFFFF;
}

/* section_location*/
.section_location {
  background: #333333;
  padding: 120px 0 63px;
  box-sizing: border-box;
  text-align: center;
}
.section_location p.tit { font-size: 3vw; }
.section_location .banner_cont {
  position: relative;
  width: 100%;
  max-width: 1920px;
  /* height: 60%; */
  margin: 0 auto;
  margin-top: 50px;
}
.section_location { background: #333333; padding: 133px 0; }
.section_location .banner_cont .swiper-container {padding: 0 160px;}
.section_location .swiper-slide {
    position: relative;
    /* width: 520px !important; */
    height: auto;
    background: #FFFFFF;
    overflow: hidden;
    /* aspect-ratio: 8/10; */
    border-radius: 20px;
}
/* .section_location .swiper-slide:nth-child(1) { margin-left: -20%; } */
.section_location .swiper-slide:last-child { margin-right:0 !important; }
.section_location .swiper-slide .img_box {
  aspect-ratio: 5/4;
  width: 100%;
  overflow: hidden;
}
.section_location .swiper-slide .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: table-cell;
}
.section_location .swiper-slide .con_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 700;
    color: #2A2C2C;
    letter-spacing: -0.02em;
    line-height: 1.3;
}
.section_location .swiper-slide .con_box .txt { 
  font-size: 28px;
  font-weight: 900;
  padding: 25px 0 12px;
}
.section_location .swiper-slide .con_box .txt2 {
  font-size: 32px;
  font-weight: 900;
}
.section_location .swiper-slide .con_box .txt2 span {
    position: relative;
}
/* .section_location .swiper-slide .con_box .txt2 span::after {
    display: block;
    content: '(한정 수량)';
    position: absolute;
    left: -8px;
    bottom: -20px;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
} */
.section_location .btn_custom {margin: 25px 0;}
.section_location .swiper-slide.coming .con_box {
    background: #000000;
    color: #FFFFFF;
}
.section_location .swiper-slide.coming .btn {
    background: #666666;
}
.section_location .swiper-button-prev, .section_location .swiper-button-next {
    width: 80px;
    height: 80px;
    background-size: cover;
}
.section_location .swiper-button-prev {
    left: 160px;
    background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2023/product/arrow_left.svg')
}
.section_location .swiper-button-prev.white {
    background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2023/product/arrow_left_w.svg')
}
.section_location .swiper-button-next {
    right: 160px;
    background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2023/product/arrow_right.svg')
}
.section_location .swiper-button-next.white {
    background-image: url('/content/dam/glo-jp/korea-images/event/past-events/2023/product/arrow_right_w.svg')
}
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.section_location .swiper-pagination {display: none !important}

/* 오버뷰페이지 */
#hyperx2_overview .slide_bg .cont { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_overview_bg.png) no-repeat center center; background-size: cover;}
#hyperx2_overview .slide_frm .cont { background:url(/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_overview_fr.png) no-repeat right 0 bottom 0; background-size: auto 100%;}
#hyperx2_overview .sub-h1 h1 { margin-top: 60px }
#hyperx2_overview #vid_design .section__vid { 
    padding-top: 100px;
    background: #333333;
}
#hyperx2_overview .main_visual img {
    width: 100%; height: auto; 
}
#hyperx2_overview .main_visual img.pc-cont {
    margin-bottom: -9px;
}
.section_howto { text-align: center; ;}
.section_howto .section__vid { 
    padding: 0;
    background: none;
}
.section_howto .howto_grid { 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section_howto .howto_grid > div { 
    flex: 0 0 32.8%;
}
.section_howto .section__vid .teaser__vid {
    padding-top: 95%;
}
.section_howto .section__vid .teaser__vid .btn__video .con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section_howto .section__vid .teaser__vid .btn__video .con .txt {
    color: #fff;
    font-size: 2vw;
    font-weight: 800;
}
.section_howto .btn_play { width: 20% !important; position: unset !important; margin-top: 30px;}
.section_howto .btn_w {
    margin-top: 60px;
    background-color: #FFF;
    color: #2A2C2C;
}


/* 프리, 오버뷰 미디어쿼리 */
@media all and (min-width: 1921px) {
    .sub-h1 .logo01 {max-width: 250px;}
    .sub-h1 .logo02 {max-width: 350px;}
    .sub-h1 h1 { font-size: 100px }
    .sub-h1 h2 { font-size: 70px }
	.sub-h1 h2 .en { font-size: 84px !important; }
	.en2 { font-size: 70px !important; }
    .section_preorder {
        background-size: 1600px auto;
        background-position: center bottom -4vw;
        padding-top: 3vw;
    }
}
@media all and (max-width: 1600px) {
    .section_howto .btn_play { margin-top: 10px; }
    .section_preorder { height: unset; padding-bottom: 30vw;}
    .section_location .swiper-slide .con_box .txt { font-size: 1.5vw; }
    .section_location .swiper-slide .con_box .txt2 {font-size: 1.8vw;}
    .section_location .swiper-slide .con_box .txt2 span::after {font-size: 1vw;}
}
@media all and (max-width: 1280px) {
    .section_preorder {
        background-position: center bottom -4vw;
    }
    .vid__popup__inner { max-width: 65vw;}
}
@media all and (max-width: 1200px) {
    .inner { width: 95%; }
    .btn_custom button { padding: 1.5vw 4.5vw; font-size: 1.5vw; }
    .section_preorder { background-position: center bottom 0; }
    .section_preorder .tit {margin-bottom: 1vw;}
    .section_preorder .preorder_img { width: 31vw; }
    .section_preorder .txt { font-size: 2.5vw; margin-bottom: 1vw;}
    .section_preorder {
        background-size: 80% auto;
        box-sizing: border-box;
    }
    .section_location p.tit {font-size: 3.8vw; }
    .section_location .banner_cont { width: 100%; }
    .section_location .banner_cont .swiper-container { margin-left: 0;}
    .section_location .swiper-pagination {display: flex !important; justify-content: center;left: 50%; transform: translate(-50%, 0); gap: 0 1vw; bottom: -5vw;}
    .section_location .swiper-pagination .swiper-pagination-bullet {border-radius: 0; width: 25px; height: 4px; background: #DBDBDB; }
    .section_location .swiper-pagination .swiper-pagination-bullet-active {background: #E5451C; }
    .section_location .swiper-button-prev, .section_location .swiper-button-next {display: none; }
    .section_location .swiper-slide .con_box .txt { font-size: 2.5vw; }
    .section_location .swiper-slide .con_box .txt2 {font-size: 2.8vw;}
    .section_location .swiper-slide .con_box .txt2 span::after {font-size: 1.5vw;}
}

@media all and (max-width:1024px) {
    .mo_only, .mo_cont {display: block !important;}
    .sub-h1 { padding: 0 2vw;}
    .sub-h1 h1 { font-size: 9.5vw; margin-top: 3vw}
    .sub-h1 h2 { font-size: 5.5vw; margin: 4.8vw 0 8vw;}
	.sub-h1 h2 .en { font-size: 6.8vw !important; }
	.en2 { font-size: 7vw !important; }
    .slide_prd .cont { background-position: center bottom -20vh; background-size: 85% auto;}
    p.tit { font-size: 7vw; margin-bottom: 5vw;}
    .section_location p.tit {font-size: 7vw; }
    .section_box { padding: 60px 0; }
    .section_preorder .preorder_img { width: 66vw; }
    .section_preorder .txt {font-size: 4vw;}
}

@media all and (max-width:767px) {
    .mo_only, .mo_cont {display: block !important;}
    .sub-h1 h1 { margin-top: -25vw; }
    .sub-h1 .logo02 { bottom: 22vh; }
    p.tit, .section_location p.tit {margin-bottom: 20px; font-size: 8vw;}
    .slide_prd .cont { background-position: center bottom 5vh; background-size: 95% auto;}
    .slide_frm .cont { background-position: right 10% bottom 0; }
    .vid__popup__inner {max-width: 85vw;}
    .section_preorder .preorder_img {width: 65vw;}
    .section_preorder .txt { font-size: 3.5vw; }
    .section_howto .howto_grid { flex-direction: column; }
    .section_howto .howto_grid > div { flex: 0 0 100%; width: 100%; height: 133.3333333333vw; }
    .section_preorder {
        background: url('/content/dam/glo-jp/korea-images/event/past-events/2023/hyperx2/hyperx2_pre_preorder_img_m.png')#000 no-repeat center bottom 0;
        background-size: 100% auto;
        box-sizing: border-box;
        padding: 15vw 0 60vw;
    }
    .section_location {padding: 63px 0 72px;}
    .section_location .banner_cont .swiper-container { width: 100%; padding: 0 10vw;}
    .section_location .swiper-wrapper {margin-left: 0;}
    .section_location .swiper-slide {aspect-ratio: unset; width: 80vw !important;}
    .section_location .swiper-slide .con_box .txt {font-size: 5.5vw;}
    .section_location .swiper-slide .con_box .txt2 {font-size: 6vw;}
    .section_location .swiper-slide .con_box .txt2 span::after {font-size: 3vw; bottom: -13px;
    }
    .section_howto .howto_grid { gap: 4vw 0; }
    .section_howto.section__vid .inner {width: 100%;}
    .section_howto.section__vid .teaser__vid { aspect-ratio: 10/9; height: unset !important; padding-top: unset; border-radius: 13px;}
    .section_howto.section__vid .teaser__vid img { width: 100%; left: 0; }
    .section_howto .section__vid .teaser__vid .btn__video .con .txt {font-size: 7vw; }
    #hyperx2_overview #vid_design .section__vid {padding: 16vw 6.4vw}
    #hyperx2_overview .section__vid.vid01 .btn_custom {margin: 40px 0 0; }
}




/* 공통 - btn */
.btn_custom { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.5vw;
    max-height: 64px;
    box-sizing: border-box;
    border-radius: 150px;
    padding: 0 57px;
    background: #E5451C;
    position: relative;
    color: #FFFFFF;
    font-size: 1.3vw;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    cursor: pointer; 
    z-index: 1;
}
.btn_custom_w {
    background: #FFFFFF;
    color: #2A2C2C;
}
.btn_custom:hover:before, .btn_custom:hover:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.btn_custom:before, .btn_custom:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    transition: all 0.3s ease-in-out;
    width: 0;
    height: 100%;
    border-radius: 40px;
    z-index: -1;
}
@media all and (max-width: 1680px) {
    .btn_custom {
        height: 4vw;
        border-radius: 7.81vw;
        padding: 0 4vw;
        font-size: 1.5vw;
      }
}
@media all and (min-width: 1920px) {
    .btn_custom {
        font-size: 24px;
    }
}
@media all and (max-width: 1024px) {
    .btn_custom {
        padding: 0 4.3vw;
      }
}
@media all and (max-width: 767px) {
    .btn_custom {
        height: 40px;
        padding: 0 30px;
        border-radius: 26.6666666667vw;
        font-size: 3.5vw;
      }
}

/* 공통 - btn */



/* 메인비주얼 통이미지로 변경 소스 */
.glo-contents * { box-sizing: border-box; }
.glo-contents .section__vis.visual_reset {
    position: relative;
    font-size: 0;
}
.glo-contents .section__vis.visual_reset .section__vis__inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.glo-contents .section__vis.visual_reset .section__vis__tit {
    margin-bottom: 30px;
    text-align: center;
}
.glo-contents .section__vis.visual_reset .section__vis__desc {
    margin-bottom: 30px;
    text-align: center;
}
.glo-contents .section__vis.visual_reset .section__vis__btn {
    display: block;
    width: 100%;
    text-align: center;
}
.glo-contents .section__vis.visual_reset .section__vis__bg {
    position: relative;
}
.glo-contents .section__vis.visual_reset .section__vis__bg img.pc-cont {
    display: block !important;
    max-width: 100vw;
    width: 100vw;
}
.glo-contents .section__vis.visual_reset .section__vis__bg img.mo-cont {
    display: none !important;
    max-width: 100%;
}
@media all and (max-width: 1440px) {
    .glo-contents .section__vis.visual_reset img { width: 100%; max-width: 100%;}
    .glo-contents .section__vis.visual_reset .section__tit {
      margin: 0 auto;
      margin-bottom: 1.82vw;
      font-size: 3.33vw;
    }
    .glo-contents .section__vis.visual_reset .section__desc {
      margin: 0 auto;
      font-size: 1.77vw;
      line-height: 2.03vw;
    }
    .glo-contents .section__vis.visual_reset .section__vis__tit {
      width: 73.59vw;
      margin-bottom: 1.56vw;
    }
    .glo-contents .section__vis.visual_reset .section__vis__desc {
      width: 52.34vw;
    }
}
@media all and (max-width: 767px) {
    .glo-contents .section__vis.visual_reset .section__vis__bg img.pc-cont {
        display: none !important;
    }
    .glo-contents .section__vis.visual_reset .section__vis__bg img.mo-cont {
        display: inline-block !important;
    }
    .glo-contents .section__vis.visual_reset { padding-top: 56px;}
    .glo-contents .section__vis.visual_reset .section__tit {
        margin-bottom: 1.3333333333vw;
        font-size: 10.1333333333vw;
        line-height: 12.2666666667vw;
      }
      .glo-contents .section__vis.visual_reset .section__desc {
        font-size: 3.7333333333vw;
        line-height: 4.8vw;
      }
      .glo-contents .section__vis.visual_reset .section__vis {
        padding-top: 56px;
      }
      .glo-contents .section__vis.visual_reset .section__vis__tit {
        width: 77.0666666667vw;
        margin-bottom: 2.6666666667vw;
      }
      .glo-contents .section__vis.visual_reset .section__vis__desc {
        width: 35vw;
      }
}