@charset "UTF-8";
/* Noto Sans KR */
@font-face {
  font-family: "Onemobile";
  font-weight: 400;
  src: url("../fonts/ONE Mobile OTF light.otf");
  src: local("ONE Mobile Demilight"), url("../fonts/ONE Mobile OTF light.otf") format("opentype"), url("../fonts/ONE Mobile Demilight.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;
  }
}
.glo-contents {
  margin-top: 80px;
}

.main {
  /* 240613 */
  /* 런칭시
  &__visual {
      width: 100%;
      text-align: center;
      position: relative;
      aspect-ratio: 1920/1008;
      color: #FFF;
      overflow: hidden;

      &__logo {
          width: vw(322px);
          position: absolute;
          top: vw(100px);
          left: 50%;
          transform: translateX(-50%);
      }

      &__ttl {
          position: absolute;
          bottom: vw(80px);
          left: 50%;
          transform: translateX(-50%);
          h2 {
              font-size: vw(48px);
              font-weight: 700;
          }
      }

      &__desc {
          position: absolute;
          left: vw(30px);
          bottom: vw(30px);
          font-size: vw(14px);
      }

      &__bg {
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          object-fit: cover;
          z-index: -1;
      }
  }
  */
}
.main * {
  font-family: "Onemobile", sans-serif;
  line-height: 1.3;
}
.main figure video, .main figure img {
  width: 100%;
  height: 100%;
}
.main sup {
  font-size: 0.6em;
}
.main .inner {
  width: 1500px;
  margin: 0 auto;
}
.main .btn__more {
  display: inline-block;
  margin: 2.2916666667vw 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' fill='none'%3E%3Cpath d='M0.765317 17.5663C0.266541 17.0676 0.266541 16.2589 0.765317 15.7601L7.52538 9.00006L0.765317 2.23999C0.266541 1.74122 0.266541 0.932541 0.765317 0.433765C1.26409 -0.065012 2.07277 -0.0650121 2.57154 0.433765L10.2347 8.09694C10.7335 8.59572 10.7335 9.40439 10.2347 9.90317L2.57155 17.5663C2.07277 18.0651 1.26409 18.0651 0.765317 17.5663Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 70%;
  padding: 0 8% 0;
  font-size: 1.0416666667vw;
  font-weight: 700;
  white-space: nowrap;
}
.main .btn__more.small {
  margin: 1.5104166667vw 0 0;
  padding: 0 7% 0;
  background-size: auto 60%;
  font-size: 1.25vw;
}
.main .btn__rec {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5208333333vw;
  width: 11.4583333333vw;
  background-color: #FFF;
  padding: 0.9375vw 0;
  font-size: 1.0416666667vw;
  color: #000;
  font-weight: 700;
  box-sizing: border-box;
}
.main .btn__rec .arrow {
  display: block;
  width: 0.4166666667vw;
  height: 0.7291666667vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' fill='none'%3E%3Cpath d='M0.765317 17.5663C0.266541 17.0676 0.266541 16.2589 0.765317 15.7601L7.52538 9.00006L0.765317 2.23999C0.266541 1.74122 0.266541 0.932541 0.765317 0.433765C1.26409 -0.065012 2.07277 -0.0650121 2.57154 0.433765L10.2347 8.09694C10.7335 8.59572 10.7335 9.40439 10.2347 9.90317L2.57155 17.5663C2.07277 18.0651 1.26409 18.0651 0.765317 17.5663Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.main .btn__rec.line {
  border: 0.1041666667vw solid #FFF;
  background-color: unset !important;
  color: #FFF;
}
.main .btn__rec.line .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' fill='none'%3E%3Cpath d='M0.765317 17.5663C0.266541 17.0676 0.266541 16.2589 0.765317 15.7601L7.52538 9.00006L0.765317 2.23999C0.266541 1.74122 0.266541 0.932541 0.765317 0.433765C1.26409 -0.065012 2.07277 -0.0650121 2.57154 0.433765L10.2347 8.09694C10.7335 8.59572 10.7335 9.40439 10.2347 9.90317L2.57155 17.5663C2.07277 18.0651 1.26409 18.0651 0.765317 17.5663Z' fill='white'/%3E%3C/svg%3E");
}
.main .btn__box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.25vw;
}
.main__visual {
  width: 100%;
  text-align: left;
  position: relative;
  aspect-ratio: 1920/1008;
  color: #FFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 0 12.65625vw;
}
.main__visual__logo {
  width: 13.28125vw;
}
.main__visual__ttl {
  margin: 1.0416666667vw 0 4.1666666667vw;
}
.main__visual h2 {
  font-size: 3.75vw;
  font-weight: 700;
}
.main__visual__desc {
  margin: 1.0416666667vw 0 0;
  font-size: 1.9791666667vw;
  color: #F47A2A;
}
.main__visual__bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.main__banner ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__banner__item {
  display: block;
  width: 50%;
  height: 41.6666666667vw;
  position: relative;
  transition: all 0.7s;
}
.main__banner__item:hover {
  width: 70%;
}
.main__banner__item:hover .main__banner__bg::before {
  opacity: 0;
}
.main__banner__logo {
  filter: drop-shadow(0px 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.25));
  position: absolute;
  top: 14.21875vw;
  left: 50%;
  transform: translate(-50%);
}
.main__banner__logo.pro {
  width: 22.5vw;
}
.main__banner__logo.air {
  width: 15.46875vw;
}
.main__banner__ttl {
  position: absolute;
  top: 22.6041666667vw;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  text-align: center;
  filter: drop-shadow(0px 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.25));
}
.main__banner__ttl h2 {
  font-size: 2.0833333333vw;
  font-weight: 700;
}
.main__banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.main__banner__bg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.main__banner__bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.6;
  mix-blend-mode: multiply;
  transition: all 1s;
}
.main__navi {
  padding: 7.8125vw 0;
  background: #000;
  text-align: center;
}
.main__navi h2 {
  font-size: 2.7083333333vw;
  font-weight: 700;
  color: #FFF;
}
.main__navi__con {
  max-width: 78.125vw;
  margin: 0 auto;
  margin-top: 5.2083333333vw;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(12, 1fr);
  gap: 1.1458333333vw;
  color: #FFF;
}
.main__navi__item {
  grid-column: span 4;
  background-size: cover;
  background-repeat: no-repeat;
}
.main__navi__item:nth-child(1) {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_01.png");
}
.main__navi__item:nth-child(2) {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_02.png");
}
.main__navi__item:nth-child(3) {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_03.png");
}
.main__navi__item:nth-child(4) {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_04.png");
}
.main__navi__item:nth-child(5) {
  background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_05.png");
}
.main__navi__item:nth-child(4), .main__navi__item:nth-child(5) {
  grid-column: span 6;
}
.main__navi__item a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 17.2916666667vw;
  padding: 1.5625vw;
  text-align: left;
}
.main__navi h3 {
  font-size: 1.6666666667vw;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.main__navi__desc {
  margin: 0.5208333333vw 0 0;
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

@media all and (max-width: 767px) {
  .glo-contents {
    margin-top: 100px;
  }
  .main {
    /*240613*/
    /* 런칭시 비디오
    &__visual {
        aspect-ratio: 375/635;
        background: #000;

        &__logo {
            width: vwm(182px);
            top: vwm(100px);
        }

        &__ttl {
            bottom: vwm(98px);
            h2 {
                font-size: vwm(32px);
                white-space: nowrap;
            }
        }

        &__desc {
            left: vwm(24px);
            bottom: vwm(20px);
            font-size: vwm(9px);
            text-align: left;
        }

        &__bg {
            width: 100%;
            position: absolute;
            left: 0;
            top: vwm(160px);
            object-fit: cover;
            z-index: 0;
        }
    }
    */
  }
  .main .btn__more {
    margin: 9.3333333333vw 0 0;
    background-size: auto 70%;
    padding: 0 8% 0;
    font-size: 4.2666666667vw;
  }
  .main .btn__more.small {
    margin: 2.9333333333vw 0 0;
    background-size: auto 70%;
    padding: 0 8% 0;
    font-size: 4.2666666667vw;
  }
  .main .btn__rec {
    gap: 0 2.6666666667vw;
    width: 41.8666666667vw;
    padding: 3.7333333333vw 0;
    font-size: 4.2666666667vw;
  }
  .main .btn__rec .arrow {
    width: 2.1333333333vw;
    height: 3.7333333333vw;
  }
  .main .btn__rec.line {
    border: 0.2666666667vw solid #FFF;
  }
  .main .btn__box {
    gap: 0 2.6666666667vw;
  }
  .main__visual {
    text-align: center;
    aspect-ratio: 375/635;
    align-items: center;
    justify-content: flex-start;
    padding: 10.6666666667vw 0 0;
  }
  .main__visual__logo {
    width: 43.7333333333vw;
  }
  .main__visual__ttl {
    margin: 2.1333333333vw 0 94.9333333333vw;
  }
  .main__visual h2 {
    font-size: 8vw;
  }
  .main__visual__desc {
    margin: 2.4vw 0 0;
    font-size: 3.7333333333vw;
  }
  .main__banner ul {
    flex-direction: column;
  }
  .main__banner__item {
    display: block;
    width: 100%;
    height: 164.2666666667vw;
    position: relative;
    transition: all 0.7s;
    overflow-x: hidden;
  }
  .main__banner__item:hover {
    width: 100%;
  }
  .main__banner__logo {
    top: 58.9333333333vw;
  }
  .main__banner__logo.pro {
    width: 76.8vw;
  }
  .main__banner__logo.air {
    width: 54.1333333333vw;
  }
  .main__banner__ttl {
    top: 86.1333333333vw;
    left: 50%;
  }
  .main__banner__ttl h2 {
    font-size: 8vw;
    white-space: nowrap;
  }
  .main__banner__bg::before {
    width: 105vw;
  }
  .main__navi {
    padding: 26.6666666667vw 0;
  }
  .main__navi h2 {
    font-size: 8.5333333333vw;
  }
  .main__navi__con {
    max-width: 87.2vw;
    margin-top: 13.3333333333vw;
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(1, 1fr);
    gap: 5.3333333333vw;
  }
  .main__navi__item {
    grid-column: span 1 !important;
  }
  .main__navi__item:nth-child(1) {
    background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_01_m.png");
  }
  .main__navi__item:nth-child(2) {
    background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_02_m.png");
  }
  .main__navi__item:nth-child(3) {
    background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_03_m.png");
  }
  .main__navi__item:nth-child(4) {
    background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_04_m.png");
  }
  .main__navi__item:nth-child(5) {
    background-image: url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_05_m.png");
  }
  .main__navi__item a {
    height: 60.2666666667vw;
    padding: 5.3333333333vw 5.8666666667vw;
  }
  .main__navi h3 {
    font-size: 5.8666666667vw;
  }
  .main__navi__desc {
    margin: 2.6666666667vw 0 0;
    font-size: 3.7333333333vw;
  }
}
/* 20240628 7월 하이퍼프로 프로모션 */
.main_240628 .main__visual h3 {
  font-size: 1.97vw;
  font-weight: 700;
  line-height: 1.3;
  margin: 1.04vw 0 0;
}
.main_240628 .main__visual__desc {
  font-size: 1.35vw;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #fff;
}
.main__navi__item:nth-child(4) {
  background-image:url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_04_240628.png");
}
.main_240628 .main__navi__item:nth-child(3) {
  background-image: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/device_reg_240628.png);
}
@media screen and (max-width: 768px) {
  .main_240628 .main__navi__item:nth-child(3) {
    background-image: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/device_reg_240628_m.png);
  }

  .main__navi__item:nth-child(4) {
    background-image:url("/content/dam/glo-jp/korea-images/brand-pages/images/2024/main/navi_04_240628_m.png");
  }
}

/* 20240628 7월 하이퍼프로 프로모션 End */