@charset "UTF-8";
/* Body font Size */
@media all and (min-width: 768px) {
  .mo {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
body.hidden {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  touch-action: none;
}

.mont {
  font-family: "Mont", sans-serif;
  font-weight: 800;
  font-size: 1.083em;
}

.hyperair {
  overflow: hidden;
  padding: 100px 0 0;
  letter-spacing: -0.04rem;
}
.hyperair__tit {
  text-align: center;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px 0;
  white-space: nowrap;
}
.hyperair__tit h2 {
  line-height: 1.3;
  font-weight: 700;
  font-size: 54px;
}
.hyperair__tit h2 .mont {
  font-size: 1.083em;
  font-weight: 700;
}
.hyperair__tit__desc {
  font-size: 24px;
  line-height: 1.4;
}
.hyperair__tit__head {
  margin: 0 0 10px;
  padding: 8px 26px 8px 64px;
  background-color: #FFF;
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/logo_glo.svg");
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 18% auto;
  border-radius: 70px;
  font-size: 20px;
  font-weight: 700;
}
.hyperair__notice {
  padding: 0 !important;
  font-size: 21px;
  color: #FFF;
}
.hyperair__notice .tit {
  font-size: 21px;
  font-weight: 700;
}
.hyperair__notice .inner {
  width: 1140px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hyperair__notice .top {
  width: 100%;
  height: 90px;
  background: #262626;
}
.hyperair__notice .top .tit {
  margin: 0 0 0 50px;
}
.hyperair__notice .top .ico_notice {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(88%);
  width: 31px;
}
.hyperair__notice .top .ico_arrow {
  width: 30px;
}
.hyperair__notice .bottom {
  background: #333;
}
.hyperair__notice .bottom .inner {
  padding: 45px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px 0;
}
.hyperair__notice .bottom .con {
  padding: 0;
}
.hyperair__notice .bottom .item {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.hyperair__notice .bottom li {
  font-size: 15px;
  padding: 0 0 0 14px;
  position: relative;
  font-weight: 350;
  line-height: 1.7;
}
.hyperair__notice .bottom li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 4px;
  height: 4px;
  background: #FFF;
  border-radius: 50%;
}
.hyperair__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;
}
.hyperair__notice .toggle_open_active {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.hyperair__slide img {
  width: 100%;
}
.hyperair__slide .slick-prev, .hyperair__slide .slick-next {
  z-index: 1;
  width: unset;
  height: unset;
  display: flex;
  align-items: center;
  opacity: 0.7;
}
.hyperair__slide .slick-prev::after, .hyperair__slide .slick-next::after {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  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: 24px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.hyperair__slide .slick-prev {
  left: 50px;
}
.hyperair__slide .slick-prev::before {
  content: "";
}
.hyperair__slide .slick-prev::after {
  transform: rotate(180deg);
}
.hyperair__slide .slick-next {
  right: 50px;
}
.hyperair__slide .slick-next::before {
  content: "";
}
.hyperair__slide .slick-next.active::before {
  content: "좌우로 넘겨보세요";
  font-family: "NotoSans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.hyperair__slide .slick-next.active::after {
  animation-name: move;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes move {
  from {
    background-position: left 50% center;
  }
  to {
    background-position: left 70% center;
  }
}
.hyperair__slide .slick .item:not(.slick-current) .slick-next::before {
  display: none;
}
.hyperair__slide .slick .item:not(.slick-current) .slick-next::after {
  animation-name: none;
}
.hyperair__rolling .rolling {
  margin: 100px 0 0;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.hyperair__rolling .rolling__list {
  width: 100%;
  overflow: hidden;
}
.hyperair__rolling .rolling__list:nth-child(1) .rolling__item {
  transform: translateX(-50%);
}
.hyperair__rolling .rolling__item {
  width: 464px;
  aspect-ratio: 464/250;
  display: inline-block;
  padding: 30px;
  margin: 0 24px 0 0;
  background: #DEF1FF;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.hyperair__rolling .rolling__img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.hyperair__rolling .rolling__con {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  word-break: keep-all;
}
.hyperair__rolling .rolling__writer {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 6px 10px 6px 38px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 500;
  background-repeat: no-repeat !important;
  background-size: 22px auto;
  background-position: center left 10px;
}
.hyperair__rolling .rolling__writer.glo {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/logo_glo.svg");
}
.hyperair__rolling .rolling__writer.kakao {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/logo_kakao.svg");
}
.hyperair__rolling .rolling__writer.naver {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/logo_naver.svg");
}
.hyperair__rolling .rolling__writer.naverstore {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/logo_naverstore.svg");
}
.hyperair__share {
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/share_bg.svg") no-repeat center center/cover;
  padding-bottom: 702px;
}
.hyperair__share .article {
  margin: 30px 0 0;
  text-align: center;
}
.hyperair__share .article__period {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px 0;
}
.hyperair__share .article__period li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  font-size: 24px;
}
.hyperair__share .article__period li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2A2C2C;
  width: 128px;
  height: 40px;
  color: #FFF;
}

@media all and (max-width: 1440px) {
  .hyperair {
    padding: 5vw 0;
  }
  .hyperair__tit {
    gap: 1.39vw 0;
  }
  .hyperair__tit h2 {
    font-size: 3.75vw;
  }
  .hyperair__tit__desc {
    font-size: 1.67vw;
  }
  .hyperair__tit__head {
    margin: 0 0 0.69vw;
    padding: 0.56vw 1.81vw 0.56vw 4.44vw;
    background-position: left 1.39vw center;
    border-radius: 4.86vw;
    font-size: 1.39vw;
  }
  .hyperair__notice {
    font-size: 1.46vw;
  }
  .hyperair__notice .tit {
    font-size: 1.46vw;
  }
  .hyperair__notice .inner {
    width: 79.17vw;
  }
  .hyperair__notice .top {
    height: 6.25vw;
  }
  .hyperair__notice .top .tit {
    margin: 0 0 0 3.47vw;
  }
  .hyperair__notice .top .ico_notice {
    width: 2.15vw;
  }
  .hyperair__notice .top .ico_arrow {
    width: 2.08vw;
  }
  .hyperair__notice .bottom .inner {
    padding: 3.13vw 0;
    gap: 3.13vw 0;
  }
  .hyperair__notice .bottom .item {
    gap: 1.39vw 0;
  }
  .hyperair__notice .bottom li {
    font-size: 1.04vw;
    padding: 0 0 0 0.97vw;
  }
  .hyperair__notice .bottom li::before {
    left: 0;
    top: 0.69vw;
    width: 0.28vw;
    height: 0.28vw;
  }
  .hyperair__slide .slick-prev::after, .hyperair__slide .slick-next::after {
    width: 5.56vw;
    height: 5.56vw;
    background-size: 1.67vw auto;
  }
  .hyperair__slide .slick-prev {
    left: 3.47vw;
  }
  .hyperair__slide .slick-next {
    right: 3.47vw;
  }
  .hyperair__slide .slick-next.active::before {
    font-size: 1.25vw;
  }
  .hyperair__rolling .rolling {
    margin: 6.94vw 0 0;
    gap: 1.67vw 0;
  }
  .hyperair__rolling .rolling__item {
    width: 32.22vw;
    padding: 2.08vw;
    margin: 0 1.67vw 0 0;
    border-radius: 0.69vw;
  }
  .hyperair__rolling .rolling__con {
    font-size: 1.67vw;
  }
  .hyperair__rolling .rolling__writer {
    right: 0.69vw;
    bottom: 0.69vw;
    padding: 0.42vw 0.69vw 0.42vw 2.64vw;
    border-radius: 0.42vw;
    font-size: 1.11vw;
    background-size: 1.53vw auto;
    background-position: center left 0.69vw;
  }
  .hyperair__share {
    padding-bottom: 48.75vw;
  }
  .hyperair__share .article {
    margin: 2.08vw 0 0;
  }
  .hyperair__share .article__period {
    gap: 1.04vw 0;
  }
  .hyperair__share .article__period li {
    gap: 0 0.69vw;
    font-size: 1.67vw;
  }
  .hyperair__share .article__period li span {
    width: 8.89vw;
    height: 2.78vw;
  }
}
@media screen and (max-width: 767px) {
  .hyperair {
    padding: 16vw 0 0;
  }
  .hyperair .inner {
    width: 95%;
  }
  .hyperair__tit {
    gap: 5.3333333333vw 0;
  }
  .hyperair__tit h2 {
    font-size: 9.6vw;
  }
  .hyperair__tit__desc {
    font-size: 4.8vw;
  }
  .hyperair__tit__head {
    margin: 0;
    padding: 1.7333333333vw 5.3333333333vw 1.7333333333vw 13.6vw;
    background-position: left 4vw center;
    border-radius: 13.8666666667vw;
    font-size: 4vw;
  }
  .hyperair__notice {
    font-size: 4.2666666667vw;
  }
  .hyperair__notice .inner {
    width: 90%;
  }
  .hyperair__notice .tit {
    font-size: 5.3333333333vw;
  }
  .hyperair__notice .top {
    height: 18.6666666667vw;
  }
  .hyperair__notice .top .tit {
    margin: 0 0 0 11.2vw;
  }
  .hyperair__notice .top .ico_notice {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    transform: translateY(55%);
  }
  .hyperair__notice .top .ico_arrow {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .hyperair__notice .bottom .inner {
    padding: 6.4vw 0;
    gap: 6.4vw 0;
  }
  .hyperair__notice .bottom .tit {
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
  .hyperair__notice .bottom .con {
    padding: 0 0 0 3.4666666667vw;
  }
  .hyperair__notice .bottom li {
    font-size: 2.9333333333vw;
    padding: 0 0 0 2.6666666667vw;
  }
  .hyperair__notice .bottom li::before {
    top: 1.7vw;
    width: 0.8vw;
    height: 0.8vw;
  }
  .hyperair__slide .slick {
    width: 100%;
    aspect-ratio: unset;
    margin: 8vw 0 0;
    overflow: visible;
  }
  .hyperair__slide .slick-slide {
    width: 87.2vw;
    height: 133.3333333333vw;
    aspect-ratio: 327/500;
    margin: 0 !important;
    margin-left: 4vw !important;
    margin-bottom: 2vw !important;
    transform: translateX(13vw);
  }
  .hyperair__slide .slick-slide:first-child {
    margin-left: 0 !important;
  }
  .hyperair__slide .slick-list {
    padding: 0 !important;
    overflow: visible;
  }
  .hyperair__slide .first {
    position: relative;
  }
  .hyperair__slide .first::after {
    content: "";
    display: block;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/slide_present.svg") no-repeat center center/contain;
    width: 39.2vw;
    aspect-ratio: 5/5;
    position: absolute;
    top: -19vw;
    right: 0;
  }
  .hyperair__rolling .rolling {
    margin: 10.6666666667vw 0 0;
    gap: 4.2666666667vw 0;
  }
  .hyperair__rolling .rolling__list:nth-child(1) .rolling__item {
    transform: translateX(-10%);
  }
  .hyperair__rolling .rolling__item {
    width: 87.2vw;
    aspect-ratio: 327/200;
    padding: 5.3333333333vw;
    margin: 0 4.2666666667vw 0 0;
    border-radius: 2.6666666667vw;
  }
  .hyperair__rolling .rolling__con {
    font-size: 4.2666666667vw;
  }
  .hyperair__rolling .rolling__writer {
    right: 2.6666666667vw;
    bottom: 2.6666666667vw;
    padding: 1.8666666667vw 2.6666666667vw 1.8666666667vw 10.1333333333vw;
    border-radius: 2.6666666667vw;
    font-size: 3.7333333333vw;
    background-size: 5.8666666667vw auto;
    background-position: center left 2.6666666667vw;
  }
  .hyperair__share {
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/glowaybetter2/share_bg_m.svg") no-repeat center center/cover;
    padding-bottom: 174.9333333333vw;
  }
  .hyperair__share .article {
    margin: 8vw 0 0;
  }
  .hyperair__share .article__period {
    gap: 2.6666666667vw 0;
  }
  .hyperair__share .article__period li {
    gap: 0 4.2666666667vw;
    font-size: 4.2666666667vw;
  }
  .hyperair__share .article__period li span {
    width: 26.1333333333vw;
    height: 7.4666666667vw;
  }
}