@charset "UTF-8";
/* Noto Sans KR */
@font-face {
  font-family: "Onemobile";
  font-weight: 400;
  src: url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile OTF Light.otf");
  src: local("ONE Mobile Llight"), url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile OTF Light.otf") format("opentype"), url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile Light.ttf") format("truetype");
}
@font-face {
  font-family: "Onemobile";
  font-weight: 500;
  src: url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile OTF Regular.otf");
  src: local("ONE Mobile Regular"), url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile OTF Regular.otf") format("opentype"), url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Onemobile";
  font-weight: 700;
  src: url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile OTF Bold.otf");
  src: local("ONE Mobile Bold"), url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile OTF Bold.otf") format("opentype"), url("/content/dam/glo-jp/korea-images/brand-pages/assets/fonts/ONE Mobile Bold.ttf") format("truetype");
}
/* Noto Sans KR */
@font-face {
  font-family: "Onemobile";
  font-weight: 400;
  src: url("../fonts/ONE Mobile OTF Light.otf");
  src: local("ONE Mobile Light"), url("../fonts/ONE Mobile OTF Light.otf") format("opentype"), url("../fonts/ONE Mobile Light.ttf") format("truetype");
}
@font-face {
  font-family: "Onemobile";
  font-weight: 500;
  src: url("../fonts/ONE Mobile OTF Regular.otf");
  src: local("ONE Mobile Regular"), url("../fonts/ONE Mobile OTF Regular.otf") format("opentype"), url("../fonts/ONE Mobile Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Onemobile";
  font-weight: 700;
  src: url("../fonts/ONE Mobile OTF Bold.otf");
  src: local("ONE Mobile Bold"), url("../fonts/ONE Mobile OTF Bold.otf") format("opentype"), url("../fonts/ONE Mobile Bold.ttf") format("truetype");
}
@media all and (min-width: 768px) {
  .mo {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
.header {
  background: unset;
}

body .bat-wrapper {
  max-width: unset;
}

ol li, ul li {
  margin-bottom: unset;
}

.glo-contents {
  margin-top: 80px;
}
@media all and (max-width: 1024px) {
  .glo-contents {
    margin-top: 72px;
  }
}
@media all and (max-width: 767px) {
  .glo-contents {
    margin-top: 100px;
  }
}

.pro * {
  font-family: "mont", "Onemobile", "NotoSans", sans-serif !important;
  line-height: 1.3;
}
.pro figure video, .pro figure img {
  width: 100%;
  height: 100%;
}
.pro sup {
  font-size: 0.6em !important;
}
.pro .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5208333333vw;
  height: 3.125vw;
  padding: 0 1.71875vw;
  font-size: 1.0416666667vw;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  color: #FFF;
}
.pro .btn::after {
  content: "";
  display: block;
  width: 0.7291666667vw;
  height: 26%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.292893 13.7071C-0.0976311 13.3166 -0.0976312 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976317 1.31658 -0.0976317 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.pro .btn__org {
  background-color: #F6714F;
  color: #000;
}
.pro .btn__org::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.292893 13.7071C-0.0976311 13.3166 -0.0976312 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976317 1.31658 -0.0976317 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071Z' fill='black'/%3E%3C/svg%3E");
}
.pro .btn__blk {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(0.2604166667vw);
}
.pro .btn__wt {
  background: #FFF;
  color: #000;
}
.pro .btn__wt::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.292893 13.7071C-0.0976311 13.3166 -0.0976312 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976317 1.31658 -0.0976317 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071Z' fill='black'/%3E%3C/svg%3E");
}
.pro .btn__kakao {
  background-color: #FAE300;
  color: #391B1B;
}
.pro .btn__kakao::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14' fill='none'%3E%3Cpath d='M0.621018 13.7071C0.230494 13.3166 0.230494 12.6834 0.621018 12.2929L5.91391 7L0.621018 1.70711C0.230493 1.31658 0.230493 0.683417 0.621018 0.292893C1.01154 -0.0976315 1.64471 -0.0976315 2.03523 0.292893L8.03523 6.29289C8.42576 6.68342 8.42576 7.31658 8.03523 7.70711L2.03523 13.7071C1.64471 14.0976 1.01154 14.0976 0.621018 13.7071Z' fill='%23391B1B'/%3E%3C/svg%3E");
}
.pro .btn__kakao::before {
  content: "";
  display: block;
  width: 1.6666666667vw;
  height: 1.5625vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='30' viewBox='0 0 34 30' fill='none'%3E%3Cg clip-path='url(%23clip0_854_957)'%3E%3Cpath d='M16.9999 0C7.98226 0 0.672363 5.77889 0.672363 12.9078C0.672363 17.5481 3.76989 21.6142 8.41787 23.8895C8.07615 25.1651 7.18123 28.5088 7.00191 29.2243C6.78114 30.1125 7.32756 30.1007 7.68536 29.8613C7.96619 29.6743 12.1599 26.8238 13.9692 25.5931C14.9513 25.7386 15.9638 25.8155 16.9999 25.8155C26.0176 25.8155 33.3275 20.0358 33.3275 12.9078C33.3275 5.77974 26.0176 0 16.9999 0Z' fill='%23391B1B'/%3E%3Cpath d='M10.4292 9.10674H5.65431C5.20516 9.10674 4.84229 9.47046 4.84229 9.91876C4.84229 10.3671 5.206 10.7308 5.65431 10.7308H7.20645V16.4505C7.20645 16.6585 7.29104 16.8632 7.43991 17.0113C7.5854 17.1585 7.78925 17.243 7.99818 17.243H8.17158C8.37966 17.243 8.58266 17.1585 8.729 17.0113C8.87787 16.8632 8.96245 16.6594 8.96245 16.4505V10.7308H10.4283C10.8775 10.7308 11.2412 10.3671 11.2412 9.91876C11.2412 9.47046 10.8775 9.10674 10.4283 9.10674H10.4292Z' fill='%23FAE300'/%3E%3Cpath d='M21.9041 15.7154H19.6837V9.87393C19.6837 9.38672 19.2895 8.99255 18.8031 8.99255C18.3168 8.99255 17.9226 9.38672 17.9226 9.87393V16.1705C17.9226 16.2195 17.9285 16.2652 17.9361 16.3117C17.9277 16.3574 17.9226 16.4048 17.9226 16.4522C17.9226 16.8599 18.2516 17.1897 18.6593 17.1897H21.9041C22.3126 17.1897 22.6408 16.8599 22.6408 16.4522C22.6408 16.0445 22.3118 15.7154 21.9041 15.7154Z' fill='%23FAE300'/%3E%3Cpath d='M28.9991 15.9836L26.525 12.7338L28.7606 10.4973C29.0634 10.1954 29.0634 9.70391 28.7606 9.40109C28.4578 9.09828 27.9672 9.09828 27.6635 9.40109L24.8959 12.1687V9.87393C24.8959 9.38672 24.5017 8.99255 24.0153 8.99255C23.5289 8.99255 23.1339 9.38672 23.1339 9.87393V16.3642C23.1339 16.8514 23.5281 17.2456 24.0153 17.2456C24.5025 17.2456 24.8959 16.8522 24.8959 16.3642V14.362L25.3991 13.8596L27.7396 16.9309C28.0001 17.2786 28.495 17.3505 28.8426 17.0874C29.1903 16.826 29.2605 16.332 28.9991 15.9836Z' fill='%23FAE300'/%3E%3Cpath d='M17.2628 16.1942L14.8835 9.68446C14.8835 9.68446 14.8775 9.67938 14.8758 9.67684C14.7236 9.28014 14.2846 8.9917 13.761 8.9917C13.1799 8.9917 12.6994 9.34696 12.6039 9.81133C12.5878 9.84601 12.5717 9.88069 12.5582 9.91791L10.2186 16.1942C10.0739 16.6061 10.2904 17.0561 10.7007 17.2007C11.1118 17.3454 11.5626 17.1288 11.7073 16.7178L12.1124 15.5623H15.369L15.7733 16.7178C15.9179 17.1288 16.3688 17.3454 16.7799 17.2007C17.1909 17.0561 17.4075 16.6061 17.2628 16.1942ZM12.6292 14.0863L13.7238 10.9634C13.7365 10.9634 13.7466 10.9668 13.7593 10.9668L14.853 14.0863H12.6292Z' fill='%23FAE300'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_854_957'%3E%3Crect width='32.6551' height='30' fill='white' transform='translate(0.672363)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.pro .btn__insta {
  background: linear-gradient(52deg, #FDC581 12%, #EB6146 49.91%, #BB26CB 88.79%);
  height: 2.7083333333vw;
  padding: 0 1.3541666667vw;
  align-self: center;
}
.pro .btn__nobg {
  background: none;
}
.pro .btn__line {
  border: 0.1041666667vw solid #FFF;
}
.pro .btn__box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.25vw;
}
.pro__visual {
  width: 100%;
  aspect-ratio: 1920/1008;
  overflow: hidden;
  background: #FFF;
}
.pro__visual figure {
  width: 100%;
  height: 100%;
}
.pro__visual figure video, .pro__visual figure img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1920/1008;
  object-fit: cover;
}
.pro__visual .btn {
  position: unset !important;
  transform: unset !important;
}
.pro__visual .btn__box {
  position: absolute;
  top: 43.125vw;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
}
.pro__visual .btn__wt {
  width: 15.2604166667vw;
}
.pro__visual .slick li {
  position: relative;
}
.pro__visual .slick-prev, .pro__visual .slick-next {
  z-index: 1;
  width: unset;
  height: unset;
  display: flex;
  align-items: center;
  opacity: 0.2;
  transition: 0.3s;
}
.pro__visual .slick-prev:hover, .pro__visual .slick-next:hover {
  opacity: 0.7;
}
.pro__visual .slick-prev::after, .pro__visual .slick-next::after {
  content: "";
  display: inline-block;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='40' viewBox='0 0 24 40' fill='none'%3E%3Cpath d='M2.51538 36.6818L19.4851 19.7121L2.51538 2.74243' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 1.25vw auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.pro__visual .slick-disabled {
  display: none !important;
}
.pro__visual .slick-prev {
  left: 2.6041666667vw;
}
.pro__visual .slick-prev::before {
  content: "";
}
.pro__visual .slick-prev::after {
  transform: rotate(180deg);
}
.pro__visual .slick-next {
  right: 2.6041666667vw;
}
.pro__visual .slick-next::before {
  content: "";
}
.pro__video {
  width: 100%;
  height: 100vh;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/video_bg.png") no-repeat center center/cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1921px) {
  .pro__video {
    height: auto;
    padding: 5vw 0;
  }
}
.pro__video .inner {
  position: relative;
  width: 51.3541666667vw;
  height: 41.9791666667vw;
  max-height: 90%;
}
.pro__video__prd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pro__video .on {
  animation: sparkle 1s infinite forwards;
  animation-direction: alternate;
}
.pro__video__link {
  position: absolute;
  display: block;
  width: 5.3125vw;
  height: 1.875vw;
  z-index: 1;
}
.pro__video__link.heat {
  top: 2.7604166667vw;
  left: 28.0729166667vw;
}
.pro__video__link.taste {
  top: 12.9166666667vw;
  right: 16.7708333333vw;
}
.pro__video__link.easy {
  bottom: 15.9375vw;
  left: 16.8229166667vw;
}
@keyframes sparkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pro__buy {
  width: 100%;
  position: relative;
}
.pro__buy__top {
  position: relative;
  width: 100%;
  height: 68vw;
}
.pro__buy__top h2 {
  position: absolute;
  top: 26.9791666667vw;
  left: 56.25vw;
  font-size: 3.125vw;
  font-weight: 700;
  color: #FFF;
}
.pro__buy__top h2::first-line {
  font-weight: 500;
}
.pro__buy__top .disclaimer {
  position: absolute;
  top: 49.3229166667vw;
  left: 2.0833333333vw;
  font-size: 0.7291666667vw;
  color: #FFF;
}
.pro__buy__prd {
  width: 41.6666666667vw;
  height: 100vh;
  position: sticky;
  top: 3.9583333333vw;
  left: 16.8229166667vw;
  z-index: 2;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/hyperpro_prd.svg") no-repeat bottom center/100% auto;
}
.pro__buy__bg01 {
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/buy_top_bg.png") no-repeat top center/cover;
  z-index: -1;
}
.pro__buy__bg02 {
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #002348 13.3%, #028FCC 100%);
  z-index: -1;
}
.pro__buy__box01 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 1;
  width: 62.2916666667vw;
  margin: 0 auto;
  background: none;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  padding: 4.6875vw 0 4.6875vw 31.5625vw;
  border-radius: 1.5625vw;
  color: #FFF;
  overflow: hidden;
}
.pro__buy__box01 .head {
  font-size: 1.4583333333vw;
  font-weight: 700;
}
.pro__buy__box01 h3 {
  margin: 0.5208333333vw 0 1.0416666667vw;
  font-size: 2.7083333333vw;
  font-weight: 700;
}
.pro__buy__box01 .price {
  font-size: 1.4583333333vw;
  font-weight: 400;
}
.pro__buy__box01__bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/buy_top_box.svg") no-repeat center center/cover;
}
.pro__buy__box01 .btn__box {
  margin: 1.5625vw 0 0;
  justify-content: flex-start;
}
.pro__buy__bot {
  margin-top: -21.9vw;
  padding: 22.9166666667vw 0 7.8125vw;
  width: 100%;
  background: none;
}
.pro__buy__bot ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 1.25vw;
  width: 62.2916666667vw;
  margin: 0 auto;
  position: relative;
}
.pro__buy__bot ul::before {
  content: "※ 보유한 쿠폰은 별도의 다운로드 없이 결제 단계에서 바로 확인 및 적용 가능합니다.";
  bottom: -1.5vw;
  font-size: 0.78125vw;
  font-weight: 700;
}
.pro__buy__bot ul::after {
  content: "*본 제품은 무해하지 않으며, 중독성이 있는 니코틴을 포함하고 있습니다.";
  bottom: -2.6vw;
  font-size: 0.7291666667vw;
}
.pro__buy__bot ul::before, .pro__buy__bot ul::after {
  color: #FFF;
  position: absolute;
  left: 0;
}
.pro__buy__bot ul li {
  background: #FFF;
  border-radius: 1.5625vw;
  flex: 1;
  aspect-ratio: 586/360;
  overflow: hidden;
  padding: 2.6041666667vw 0 1.40625vw;
  text-align: center;
}
.pro__buy__bot ul li h3 {
  font-size: 1.5625vw;
  font-weight: 700;
}
.pro__buy__bot ul li img {
  width: 13.8541666667vw;
  margin: 1.0416666667vw 0 0.5208333333vw;
}
.pro__buy__bot ul .desc {
  font-size: 0.7291666667vw;
}
.pro__artist {
  width: 100%;
  max-height: 51.6vw;
  min-height: 100vh;
  height: 51.6vw;
  overflow: hidden;
  position: relative;
  background-color: #FFF;
}
.pro__artist__ttl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  filter: drop-shadow(0px 0px 0.2083333333vw rgba(0, 0, 0, 0.25));
}
.pro__artist__ttl .head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.171875vw;
  height: 2.9166666667vw;
  border: 0.078125vw solid #FFF;
  font-size: 1.25vw;
}
.pro__artist__ttl h2 {
  font-size: 3.75vw;
  margin: 1.3020833333vw 0 0.8333333333vw;
  font-weight: 700;
}
.pro__artist__ttl .txt {
  font-size: 2.1875vw;
  font-weight: 700;
}
.pro__artist__ttl.ttl02 .txt {
  font-weight: 400;
}
.pro__artist__bg {
  display: block;
  width: 130%;
  height: 100%;
  min-height: 100vh;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_bg.png");
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: 100% auto !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.pro__artist__bg.shadow {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_bg_shadow.png");
  z-index: 1;
}
.pro__artist__bgColor {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 100%), linear-gradient(180deg, #93C5CC 0%, #548C97 49.58%, #18323A 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.pro__artist__con {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  min-height: 100vh;
  padding: 10.4166666667vw 0 5.2083333333vw;
  color: #FFF;
}
.pro__artist__con .artists, .pro__artist__con .concert {
  width: 62.2916666667vw;
  margin: 0 auto;
}
.pro__artist__con .artists {
  display: flex;
  gap: 0 1.25vw;
}
.pro__artist__con .artists li {
  flex: 1;
  aspect-ratio: 586/600;
  text-align: center;
  border-radius: 1.5625vw;
  font-size: 2.3958333333vw;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5208333333vw 0;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
}
.pro__artist__con .artists li .date {
  font-size: 1.875vw;
  font-weight: 400;
}
.pro__artist__con .artists li:nth-child(1) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_car.png");
}
.pro__artist__con .artists li:nth-child(2) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_kil.png");
}
.pro__artist__con .artists.new li {
  padding: 1.6666666667vw 2.0833333333vw;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: left;
  gap: 1.25vw 0;
}
.pro__artist__con .artists.new li:nth-child(1) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_car_new.png");
}
.pro__artist__con .artists.new li:nth-child(2) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_kil_new.png");
}
.pro__artist__con .artists.new li .pro__artist__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5208333333vw;
  font-size: 1.1458333333vw;
}
.pro__artist__con .artists.new li .pro__artist__link img {
  width: 1.5625vw;
}
.pro__artist__con .concert {
  margin-top: 1.25vw;
  padding: 4.7395833333vw 0;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_concert_bg.png") no-repeat center center/cover;
  border-radius: 1.5625vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.0416666667vw 0;
}
.pro__artist__con .concert h3 {
  font-size: 2.7083333333vw;
  font-weight: 700;
}
.pro__artist__con .concert .txt {
  font-size: 1.25vw;
  font-weight: 700;
}
.pro__artist__con .concert .info {
  margin: 1.0416666667vw 0 0;
  padding: 1.5625vw 3.4895833333vw;
  font-size: 1.1458333333vw;
  line-height: 1.5;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.pro__artist__con .concert .desc {
  font-size: 0.7291666667vw;
  line-height: 1.3;
}
.pro__artist__con .concert .btn {
  min-width: 16.5625vw;
  font-weight: 400;
}
.pro__artist__con .concert .btn__box {
  margin-top: 2.7083333333vw;
}
.pro__invi {
  min-height: 100vh;
  height: 66.3541666667vw;
  position: relative;
  background: #FFF;
}
.pro__invi__ttl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5208333333vw 0;
  padding: 0 0 0 18.8541666667vw;
  width: 100%;
  height: 100vh;
  color: #FFF;
}
.pro__invi__ttl .txt {
  font-size: 1.6666666667vw;
  font-weight: 400;
}
.pro__invi__ttl h2 {
  font-size: 2.7083333333vw;
  font-weight: 700;
}
.pro__invi__top {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bg.gif") no-repeat top left/100% auto;
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.pro__invi__top .inner {
  width: 62.2916666667vw;
  height: 100%;
  margin: 0 auto;
  padding: 0 3.6458333333vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.0416666667vw 0;
  color: #FFF;
}
.pro__invi__top .inner .logo {
  width: 14.5833333333vw;
  margin: 0 0.5729166667vw 0 0;
}
.pro__invi__top .inner h3 {
  font-size: 2.7083333333vw;
  font-weight: 700;
}
.pro__invi__top .inner .txt {
  font-size: 1.25vw;
  line-height: 1.5;
}
.pro__invi__bot {
  width: 62.2916666667vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.25vw;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 41.1458333333vw;
  z-index: 1;
  color: #FFF;
}
.pro__invi__bot li {
  flex: 1;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: space-between;
  border-radius: 1.5625vw;
  padding: 1.5625vw;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.pro__invi__bot li:nth-child(1) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bot01.png");
}
.pro__invi__bot li:nth-child(2) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bot02.png");
}
.pro__invi__bot li:nth-child(3) {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bot03.png");
}
.pro__invi__bot li .ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.0416666667vw 0;
}
.pro__invi__bot li .txt {
  font-size: 1.1458333333vw;
  line-height: 1.3;
  font-weight: 700;
}
.pro__invi__bot li .link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 0.5208333333vw;
  font-size: 1.0416666667vw;
  font-weight: 700;
}
.pro__invi__bot li .link::before {
  content: "";
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/ico_insta.svg") no-repeat center center/contain;
}
.pro__invi__bgColor {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bgColor.png") no-repeat top center/cover;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.pro__about {
  width: 100%;
  height: 100vh;
}
@media all and (min-width: 1921px) {
  .pro__about {
    height: 50vw;
  }
}
.pro__about__bg {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/about__bg.png") no-repeat center center/cover;
  opacity: 0;
}
.pro__about .inner {
  width: 100%;
  height: 100%;
  border-top: 10.4166666667vw solid #070A0E;
  border-bottom: 10.4166666667vw solid #070A0E;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.3958333333vw 0;
  color: #FFF;
}
.pro__about .inner h2 {
  font-size: 3.125vw;
  font-weight: 700;
}
.pro__about .inner .desc {
  font-size: 1.5625vw;
  font-weight: 700;
}
.pro__about .inner .btn {
  margin-top: 1.0416666667vw;
}
.pro__notice {
  padding: 0 !important;
  font-size: 1.09375vw;
  color: #FFF;
}
.pro__notice * {
  font-family: "Mont", "NotoSans", sans-serif !important;
}
.pro__notice .tit {
  font-size: 1.4583333333vw;
  font-weight: 700;
}
.pro__notice .inner {
  width: 76.25vw;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro__notice .top {
  width: 100%;
  height: 6.25vw;
  background: #262626;
}
.pro__notice .top .tit {
  margin: 0 0 0 4.5833333333vw;
}
.pro__notice .top .ico_notice {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.6041666667vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M24.9795 35.5026V20.6379M24.9795 15.4759H25.0003M45.8337 25.0003C45.8337 36.5063 36.5063 45.8337 25.0003 45.8337C13.4944 45.8337 4.16699 36.5063 4.16699 25.0003C4.16699 13.4944 13.4944 4.16699 25.0003 4.16699C36.5063 4.16699 45.8337 13.4944 45.8337 25.0003Z' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.pro__notice .top .ico_arrow {
  width: 2.6041666667vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M38 30.2682L35.7812 32.4863L25.5 22.2081L15.2187 32.4863L13 30.2682L25.5 17.7719L38 30.2682Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.pro__notice .bottom {
  background: #333;
}
.pro__notice .bottom .inner {
  padding: 3.125vw 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.125vw 0;
}
.pro__notice .bottom .con {
  padding: 0;
}
.pro__notice .bottom .item {
  display: flex;
  flex-direction: column;
  gap: 1.25vw 0;
}
.pro__notice .bottom li {
  font-size: 1.0416666667vw;
  letter-spacing: -0.04em;
  padding: 0 0 0 1.0416666667vw;
  position: relative;
  font-weight: 350;
  line-height: 1.7;
}
.pro__notice .bottom li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.78125vw;
  display: block;
  width: 0.2604166667vw;
  height: 0.2604166667vw;
  background: #FFF;
  border-radius: 50%;
}
.pro__notice .toggle_open {
  cursor: pointer;
  transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
}
.pro__notice .toggle_open_active {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

@media all and (max-width: 767px) {
  .pro .btn {
    gap: 0 2.6666666667vw;
    height: 11.7333333333vw;
    padding: 0 4.8vw;
    font-size: 4.2666666667vw;
  }
  .pro .btn::after {
    width: 3.7333333333vw;
    height: 26%;
  }
  .pro .btn__blk {
    backdrop-filter: blur(1.3333333333vw);
  }
  .pro .btn__kakao::before {
    width: 6.4vw;
    height: 5.8666666667vw;
  }
  .pro .btn__insta {
    height: 11.7333333333vw;
    padding: 0 5.3333333333vw;
    align-self: flex-start;
    font-weight: 400;
  }
  .pro .btn__line {
    border: 0.2666666667vw solid #FFF;
  }
  .pro .btn__box {
    gap: 0 2.6666666667vw;
  }
  .pro__visual {
    aspect-ratio: 375/583;
  }
  .pro__visual figure video, .pro__visual figure img {
    aspect-ratio: 375/583;
  }
  .pro__visual .btn__box {
    top: 118.4vw;
    flex-direction: column;
    gap: 3vw 0 !important;
  }
  .pro__visual .btn__wt {
    width: 100%;
  }
  .pro__visual .slick li {
    position: relative;
  }
  .pro__visual .slick-prev::after, .pro__visual .slick-next::after {
    content: "";
    width: 9.6vw;
    height: 9.6vw;
    background-size: contain;
  }
  .pro__visual .slick-prev {
    left: 4vw;
  }
  .pro__visual .slick-next {
    right: 4vw;
  }
  .pro__video {
    height: auto;
    padding: 22.1333333333vw 0;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/video_bg_m.png") no-repeat center center/cover;
  }
  .pro__video .inner {
    width: 74.1333333333vw;
    height: 120.2666666667vw;
  }
  .pro__video__link {
    width: 16vw;
    height: 6.6666666667vw;
  }
  .pro__video__link.heat {
    top: 17.6vw;
    left: 54.1333333333vw;
  }
  .pro__video__link.taste {
    top: 34.9333333333vw;
    right: 24.5333333333vw;
  }
  .pro__video__link.easy {
    bottom: 35.4666666667vw;
    left: 26.6666666667vw;
  }
  .pro__buy {
    width: 100%;
    position: relative;
  }
  .pro__buy__top {
    position: relative;
    width: 100%;
    height: 164.2666666667vw;
  }
  .pro__buy__top h2 {
    top: 18.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8.5333333333vw;
    white-space: nowrap;
    text-align: center;
  }
  .pro__buy__top .disclaimer {
    top: 156vw;
    left: 6.4vw;
    font-size: 2.4vw;
    z-index: 3;
  }
  .pro__buy__prd {
    width: 93.6vw;
    height: 128.5333333333vw;
    position: absolute;
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/hyperpro_prd.svg") no-repeat bottom center/100% auto;
  }
  .pro__buy__bg01 {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/buy_top_bg_m.png") no-repeat top center/cover;
    z-index: -1;
  }
  .pro__buy__bg02 {
    display: none;
  }
  .pro__buy__box01 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60.5333333333vw;
    z-index: 1;
    width: 87.2vw;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/buy_top_box_m.svg");
    padding: 10.9333333333vw 0 10.9333333333vw 37.3333333333vw;
    border-radius: 2.6666666667vw;
    box-shadow: 0px 1.0666666667vw 1.0666666667vw 0px rgba(0, 0, 0, 0.25);
    overflow: visible;
  }
  .pro__buy__box01 .head {
    font-size: 3.7333333333vw;
    font-weight: 500;
  }
  .pro__buy__box01 h3 {
    margin: 0.5333333333vw 0 2.6666666667vw;
    font-size: 5.8666666667vw;
  }
  .pro__buy__box01 .price {
    font-size: 3.7333333333vw;
  }
  .pro__buy__box01__bg {
    display: none;
  }
  .pro__buy__box01::before {
    content: "";
    width: 44.2666666667vw;
    height: 50.1333333333vw;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/buy_prd.svg") no-repeat bottom center/contain;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .pro__buy__box01 .btn__box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15vw;
  }
  .pro__buy__box01 .btn {
    width: 42.1333333333vw;
  }
  .pro__buy__bot {
    margin-top: 0;
    padding: 82.1333333333vw 0 25.3333333333vw;
    background: linear-gradient(0deg, #002348 13.3%, #028FCC 100%);
  }
  .pro__buy__bot ul {
    flex-direction: column;
    gap: 2.6666666667vw 0;
    width: 87.2vw;
    margin: 0 auto;
    position: relative;
  }
  .pro__buy__bot ul::before {
    bottom: -5.5vw;
    font-size: 2.4vw;
  }
  .pro__buy__bot ul::after {
    bottom: -9.5vw;
    font-size: 2.4vw;
  }
  .pro__buy__bot ul li {
    border-radius: 2.6666666667vw;
    width: 100%;
    aspect-ratio: 327/244;
    padding: 7.2vw 0 3.7333333333vw;
    box-shadow: 0px 1.0666666667vw 1.0666666667vw 0px rgba(0, 0, 0, 0.25);
  }
  .pro__buy__bot ul li h3 {
    font-size: 5.8666666667vw;
  }
  .pro__buy__bot ul li img {
    width: 49.6vw;
    margin: 2.6666666667vw 0 3.4666666667vw;
  }
  .pro__buy__bot ul .desc {
    font-size: 2.4vw;
  }
  .pro__artist {
    width: 100%;
    height: unset;
    max-height: unset;
    aspect-ratio: 375/1830;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_bg_m.png") no-repeat top center/100% auto;
  }
  .pro__artist__ttl {
    height: 169.6vw;
    filter: drop-shadow(0px 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, 0.25));
  }
  .pro__artist__ttl .head {
    padding: 0 3.3333333333vw;
    height: 8vw;
    border: 0.2666666667vw solid #FFF;
    font-size: 3.7333333333vw;
  }
  .pro__artist__ttl h2 {
    font-size: 8.5333333333vw;
    margin: 4vw 0 1.3333333333vw;
  }
  .pro__artist__ttl .txt {
    font-size: 5.3333333333vw;
    letter-spacing: -0.04em;
    line-height: 1.5;
  }
  .pro__artist__ttl.ttl02 .txt {
    font-size: 4.8vw;
  }
  .pro__artist__bg {
    display: none;
  }
  .pro__artist__bgColor {
    display: none;
  }
  .pro__artist__con {
    top: 169.6vw;
    z-index: 2;
    width: 100%;
    min-height: auto;
    padding: 17.0666666667vw 0 18.6666666667vw;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 100%), linear-gradient(180deg, #93C5CC 0%, #548C97 49.58%, #18323A 100%);
  }
  .pro__artist__con .artists, .pro__artist__con .concert {
    width: 87.2vw;
  }
  .pro__artist__con .artists {
    flex-direction: column;
    gap: 2.6666666667vw 0;
  }
  .pro__artist__con .artists li {
    aspect-ratio: 327/230;
    border-radius: 2.6666666667vw;
    font-size: 5.8666666667vw;
    gap: 1.3333333333vw 0;
    box-shadow: 0px 1.0666666667vw 1.0666666667vw 0px rgba(0, 0, 0, 0.25);
  }
  .pro__artist__con .artists li .date {
    font-size: 4.2666666667vw;
  }
  .pro__artist__con .artists li:nth-child(1) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_car_m.png");
  }
  .pro__artist__con .artists li:nth-child(2) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_kil_m.png");
  }
  .pro__artist__con .artists.new li {
    padding: 5.8666666667vw 5.3333333333vw;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: left;
    gap: 3.7333333333vw 0;
  }
  .pro__artist__con .artists.new li:nth-child(1) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_car_new_m.png");
  }
  .pro__artist__con .artists.new li:nth-child(2) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_kil_new_m.png");
  }
  .pro__artist__con .artists.new li .pro__artist__link {
    gap: 0 1.3333333333vw;
    font-size: 3.2vw;
  }
  .pro__artist__con .artists.new li .pro__artist__link img {
    width: 5.0666666667vw;
  }
  .pro__artist__con .concert {
    margin-top: 2.6666666667vw;
    padding: 18.6666666667vw 0;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/artist_concert_bg_m.png") no-repeat center center/cover;
    border-radius: 2.6666666667vw;
    gap: 2.6666666667vw 0;
    box-shadow: 0px 1.0666666667vw 1.0666666667vw 0px rgba(0, 0, 0, 0.25);
  }
  .pro__artist__con .concert h3 {
    font-size: 5.8666666667vw;
  }
  .pro__artist__con .concert .txt {
    font-size: 4.2666666667vw;
  }
  .pro__artist__con .concert .info {
    margin: 5.3333333333vw 0 0;
    padding: 0;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    text-align: center;
    background: none;
    backdrop-filter: unset;
  }
  .pro__artist__con .concert .desc {
    font-size: 2.4vw;
    line-height: 1.5;
  }
  .pro__artist__con .concert .btn {
    min-width: 63.7333333333vw;
    width: 100%;
  }
  .pro__artist__con .concert .btn__box {
    margin-top: 10.6666666667vw;
    flex-direction: column;
    gap: 5.3333333333vw 0;
  }
  .pro__invi {
    min-height: 100vh;
    height: 487.533333vw;
    position: relative;
    background: #FFF;
  }
  .pro__invi__ttl {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    align-items: center;
    justify-content: flex-start;
    gap: 3.7333333333vw 0;
    padding: 16vw 0 0;
    height: 163.7333333333vw;
    text-align: center;
  }
  .pro__invi__ttl::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    background: radial-gradient(54.18% 49.23% at 50% 50%, #FFF 0%, #000 100%);
    mix-blend-mode: multiply;
    z-index: -1;
  }
  .pro__invi__ttl::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bg_m.gif") no-repeat top -36vw right -20vw/230% auto;
    z-index: -2;
  }
  .pro__invi__ttl .txt {
    font-size: 4.2666666667vw;
  }
  .pro__invi__ttl h2 {
    font-size: 8.5333333333vw;
  }
  .pro__invi__top {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bg_m.gif") no-repeat top left/100% auto;
    background-size: 110% auto !important;
    background-position: top right;
    position: absolute;
    top: 182.6666666667vw;
    width: 87.2vw;
    height: auto;
    aspect-ratio: 327/296;
    z-index: 1;
    border-radius: 2.6666666667vw;
    box-shadow: 0px 1.0666666667vw 1.0666666667vw 0px rgba(0, 0, 0, 0.25);
  }
  .pro__invi__top .inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 5.3333333333vw;
    gap: 1.6vw 0;
    justify-content: flex-start;
  }
  .pro__invi__top .inner .logo {
    width: 23.4666666667vw;
    margin: 0 1.0666666667vw 0 0;
  }
  .pro__invi__top .inner h3 {
    font-size: 5.3333333333vw;
  }
  .pro__invi__top .inner .txt {
    font-size: 3.7333333333vw;
  }
  .pro__invi__bot {
    width: 100%;
    padding: 100.2666666667vw 0 18.6666666667vw;
    gap: 2.6666666667vw 0;
    flex-direction: column;
    position: unset;
    transform: none;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bgColor_m.png") no-repeat top left/cover;
  }
  .pro__invi__bot li {
    width: 87.2vw;
    aspect-ratio: 327/250;
    border-radius: 2.6666666667vw;
    padding: 5.3333333333vw;
    box-shadow: 0px 1.0666666667vw 1.0666666667vw 0px rgba(0, 0, 0, 0.25);
  }
  .pro__invi__bot li:nth-child(1) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bot01_m.png");
  }
  .pro__invi__bot li:nth-child(2) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bot02_m.png");
    align-items: flex-end;
    text-align: right;
  }
  .pro__invi__bot li:nth-child(2) .link, .pro__invi__bot li:nth-child(2) .btn {
    align-self: flex-end;
  }
  .pro__invi__bot li:nth-child(3) {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/invi_bot03_m.png");
  }
  .pro__invi__bot li:nth-child(3) .btn {
    padding-left: 0;
  }
  .pro__invi__bot li .ttl {
    gap: 2.6666666667vw 0;
  }
  .pro__invi__bot li .txt {
    font-size: 5.3333333333vw;
  }
  .pro__invi__bot li .link {
    gap: 0 1.8666666667vw;
    font-size: 3.7333333333vw;
  }
  .pro__invi__bot li .link::before {
    width: 6.4vw;
    height: 6.4vw;
  }
  .pro__invi__bgColor {
    display: none;
  }
  .pro__about {
    width: 100%;
    height: 111.4666666667vw;
  }
  .pro__about__bg {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/hyperpro_launch/about__bg_m.png") no-repeat center center/auto 100%;
    opacity: 1;
  }
  .pro__about .inner {
    width: 100%;
    height: 100%;
    border-top: 18.6666666667vw solid #070A0E;
    border-bottom: 18.6666666667vw solid #070A0E;
    gap: 5.3333333333vw 0;
    text-align: center;
  }
  .pro__about .inner h2 {
    font-size: 8.5333333333vw;
  }
  .pro__about .inner .desc {
    font-size: 4.2666666667vw;
  }
  .pro__about .inner .btn {
    margin-top: 0;
  }
  .pro__notice {
    font-size: 2.9333333333vw;
    color: #FFF;
  }
  .pro__notice .tit {
    font-size: 4.2666666667vw;
    font-weight: 700;
  }
  .pro__notice .inner {
    width: 90.6666666667vw;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pro__notice .top {
    width: 100%;
    height: 18.6666666667vw;
    background: #262626;
  }
  .pro__notice .top .ico_notice {
    left: 0;
    width: 8.5333333333vw;
  }
  .pro__notice .top .ico_arrow {
    width: 8.5333333333vw;
    margin-right: 0;
  }
  .pro__notice .top .tit {
    margin-left: 11.2vw;
    font-size: 5.3333333333vw;
  }
  .pro__notice .bottom {
    background: #333;
  }
  .pro__notice .bottom .inner {
    padding: 6.4vw 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 6.4vw 0;
  }
  .pro__notice .bottom .item {
    display: flex;
    flex-direction: column;
    gap: 2.1333333333vw 0;
  }
  .pro__notice .bottom li {
    font-size: 2.9333333333vw;
    padding: 0 0 0 2.1333333333vw;
    position: relative;
    line-height: 1.5;
  }
  .pro__notice .bottom li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.3333333333vw;
    display: block;
    width: 0.5333333333vw;
    height: 0.5333333333vw;
  }
}
/* 비디오 팝업 스타일 */
.full_visual {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999;
}

.full_visual .fl_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 76vw;
  max-height: 42.75vw;
  margin: auto;
}

.full_visual .full_cls {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 44px;
  height: 44px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M25 23.2682L22.7812 25.4863L12.5 15.2081L2.21875 25.4863L-9.69846e-08 23.2682L12.5 10.7719L25 23.2682Z' fill='white'/%3E%3Cpath d='M4.79482e-06 2.21809L2.21875 2.71075e-07L12.5 10.2782L22.7813 2.6401e-08L25 2.21809L12.5 14.7144L4.79482e-06 2.21809Z' fill='white'/%3E%3C/svg%3E") 50% 50%/22px auto no-repeat;
  text-indent: -9999px;
  z-index: 900;
  transform: translateY(100%);
}

.full_visual video {
  width: 100%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .full_visual .fl_inner {
    max-width: 100%;
    max-height: 100%;
  }
  .full_visual .fl_inner .fl_visual {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
  }
  .full_visual .fl_inner .full_cls {
    width: min(8.8888888889vw, 32px);
    height: min(8.8888888889vw, 32px);
    background-size: min(5vw, 18px) auto;
    top: -17vw;
  }
}
@media screen and (max-width: 390px) {
  .full_visual .full_cls {
    bottom: auto;
    top: 0;
    width: min(11.1111111111vw, 40px);
    height: min(11.1111111111vw, 40px);
    background-size: min(5.5555555556vw, 20px) auto;
  }
}
/* 비디오 팝업 스타일 end */