@charset "UTF-8";
@media (max-width: 375px) {
  .main__visual__desc {
    font-weight: 600;
  }
}
/* 메인비주얼 변경 소스 250110 Start */
.main__visual__bg {
  height: 100%;
}

.main__visual__ttl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5208333333vw;
}
.main__visual h2 {
  font-size: 2.7083vw;
  line-height: 1.5;
}
.main__visual .btn__box .btn__rec {
  width: 14.58vw;
  border: none;
  font-family: "Mont", "Onemobile", sans-serif;
}
.main__visual .btn__box .btn__rec.line {
  background: #fff !important;
  color: #000 !important;
}
.main__visual__logo {
  width: 25vw;
}
.main__visual .main__disclaimer {
  color: #FFF;
  padding: 1.3vw 0 2.5vw 2vw;
  font-size: 0.7292vw;
}
.main__visual__disclaimer {
  position: absolute;
  bottom: 2.6042vw;
  left: 3.125vw;
  color: #000;
}

/* 메인비주얼 변경 소스 250110 END */
/* 메인비주얼 변경 소스 241010 Start */
@media all and (max-width: 768px) {
  .main__visual {
    justify-content: flex-start;
    aspect-ratio: 768/1360;
    padding: 0;
  }
  .main__visual__ttl strong {
    font-size: 1.2em;
  }
  .main__visual__ttl span.mont {
    font-size: 5.8133vw;
    display: block;
    margin: 1.5vw 0 0;
    font-family: "Mont", "Onemobile", sans-serif;
  }
  .main__visual h2 {
    font-size: 6.976vw;
    letter-spacing: -0.03em;
  }
  .main__visual .btn__box .btn__rec {
    width: 55.4667vw;
    font-size: 3.7333vw;
  }
  .main__visual__logo {
    width: 72.2667vw;
  }
  .main__visual__disclaimer {
    font-size: 2.4vw;
    text-align: left;
    bottom: 5.3333vw;
    left: 5vw;
    letter-spacing: -0.03em;
  }
}
/* 메인비주얼 변경 소스 240830 End */
/* 메인비주얼__리미티드 에디션 START */
.main__limited {
  width: 100%;
  position: relative;
}
.main__limited__bg, .main__limited__bg img {
  width: 100%;
}
.main__limited__bg img {
  position: absolute;
  left: 0;
  top: 0;
}
.main__limited__logo {
  position: absolute;
  top: 4.7917vw;
  left: 11.0417vw;
  width: 25.2604vw;
}
.main__limited__logo img {
  width: 100%;
}
.main__limited__box {
  position: absolute;
  top: 16.25vw;
  right: 10.7813vw;
  width: 33.2917vw;
  color: #fff;
}
.main__limited__box .mont {
  font-size: 1.6667vw;
  margin-bottom: 0.8208vw;
  display: block;
}
.main__limited__box .limited_hyper_logo {
  width: 11.0193vw;
  display: inline-block;
}
.main__limited__box .limited_hyper_logo img {
  width: 100%;
}
.main__limited__box p {
  font-size: 2.1875vw;
  font-weight: 700;
  margin-bottom: 2.0833vw;
}

@media all and (max-width: 768px) {
  .main__limited__logo {
    top: 13.6vw;
    left: 50%;
    transform: translateX(-50%);
    width: 65.3333vw;
  }
  .main__limited__box {
    position: absolute;
    top: 93.3333333333vw;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .main__limited__box .mont {
    font-size: 6.4vw;
    margin-bottom: 2vw;
  }
  .main__limited__box .limited_hyper_logo {
    width: 32.992vw;
  }
  .main__limited__box p {
    font-size: 6.1333vw;
    margin-bottom: 7.7333vw;
    line-height: 1.4;
  }
}
/* 메인비주얼__리미티드 에디션 END */
/* 메인비주얼__컬러 뱃지 프로그램 START */
.main__color {
  position: relative;
  width: 100%;
}
.main__color__bg, .main__color__bg img {
  width: 100%;
}
.main__color__bg img {
  position: absolute;
  left: 0;
  top: 0;
}
.main__color__box {
  position: absolute;
  top: 13.75vw;
  left: 11.4vw;
  font-family: "Mont", "Onemobile", sans-serif;
  color: #fff;
}
.main__color__box .mission {
  display: inline-block;
  font-size: 1.25vw;
  font-weight: 700;
  color: #ff0ca2;
  background: #fff;
  padding: 0.75vw 1.45vw 0.4vw;
  border-radius: 2vw;
}
.main__color__box h3 {
  font-family: "Mont", sans-serif;
  font-size: 3.29vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin: 0.75vw 0 1.97vw;
}

@media all and (max-width: 768px) {
  .main__color__box {
    top: 64.8vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .main__color__box .mission {
    font-size: 3.73vw;
    padding: 2.13vw 5.2vw 1.2vw;
    border-radius: 5.2vw;
  }
  .main__color__box h3 {
    font-size: 8.8vw;
    margin: 2.13vw 0 4.8vw;
  }
}
/* 메인비주얼__컬러 뱃지 프로그램 END */
/* 메인비주얼__지구의날 START */
.main__earth .main__visual__ttl {
  text-shadow: none !important;
}
.main__earth .btn__box .btn__rec.line {
  color: #29B7AB !important;
}
.main__earth .btn__box .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="%2329B7AB"/%3E%3C/svg%3E');
}

@media all and (max-width: 768px) {
  .main__earth .main__visual__ttl {
    margin: 13vw 0 8vw;
  }
  .main__earth .btn__box .btn__rec {
    width: 48vw;
  }
}
/* 메인비주얼__지구의날 END */
/* 메인비주얼__슬라이드 형식으로 변환 START */
.main .btn__more.small {
  font-size: 1.0416666667vw;
  padding: 0 1em 0;
  font-weight: 600 !important;
  background-size: auto 55% !important;
}
.main__visual {
  padding-left: 11.0416666667vw;
}
.main__slide {
  aspect-ratio: 1920/900;
}
.main__slide img {
  object-fit: cover;
}
.main__slide h2 {
  font-size: 3.6458333333vw;
  letter-spacing: -0.02em;
}
.main__slide .desc {
  font-size: 2.1875vw;
  margin: 0.6770833333vw 0 0;
  font-weight: 600;
}
.main__slide .btn__more.small {
  margin: 0;
}
.main__slide .swiper-pagination {
  position: absolute;
  left: 11.0416666667vw;
  bottom: 2.6041666667vw;
  padding: 0.46875vw 0.9895833333vw;
  border-radius: 2.6041666667vw;
  border: 0.0520833333vw solid rgba(255, 255, 255, 0.3);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.6770833333vw;
}
.main__slide .swiper-pagination-bullet {
  opacity: 1;
  width: 0.625vw;
  height: 0.625vw;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 1.5625vw;
  cursor: pointer;
  transition: all 0.5s ease;
}
.main__slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 5.9375vw;
  background: rgba(255, 255, 255, 0.7);
}
.main__slide .swiper-notification {
  display: none !important;
}

@media all and (max-width: 768px) {
  .main__visual {
    padding-left: unset;
  }
  .main__slide {
    aspect-ratio: 375/663;
  }
  .main__slide h2 {
    font-size: 10.6666666667vw;
    line-height: 1.2;
  }
  .main__slide .desc {
    font-size: 6.4vw;
    margin: 2.1333333333vw 0 0;
  }
  .main__slide .btn__more.small {
    font-size: 3.7333333333vw;
  }
  .main__slide .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 11.4666666667vw;
    padding: 1.3333333333vw 4.2666666667vw;
    border-radius: 11.4666666667vw;
    border: 0.2666666667vw solid rgba(255, 255, 255, 0.3);
    gap: 2.9333333333vw;
    opacity: 1;
  }
  .main__slide .swiper-pagination-bullet {
    opacity: 1;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 13.3333333333vw;
  }
  .main__slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 18.6666666667vw;
  }
}
/* 메인비주얼__슬라이드 형식으로 변환 END */
/* 메인비주얼__글로픽__250424*/
.main__glopick {
  display: flex;
  flex-direction: column;
  gap: 2.0833333333vw;
}
.main__glopick .logo {
  width: 7.65625vw;
}
.main__glopick h2 {
  font-size: 2.1875vw;
}
.main__glopick__slide {
  position: absolute;
  right: 6.25vw;
  bottom: 0;
  width: 66.1458333333vw;
  height: 20.78125vw;
  overflow: hidden;
  background: url("/content/dam/glo-kr/mcs/images/main/glopick_phone.png") no-repeat right 1.1979166667vw center/auto 100%;
}
.main__glopick__slide .swiper-container {
  width: 57.2916666667vw;
  position: absolute;
  right: -1.09375vw;
  bottom: 2.3958333333vw;
}
.main__glopick__slide .swiper-wrapper {
  align-items: center;
}
.main__glopick__slide .swiper-slide {
  padding: 0 0.5208333333vw;
  position: relative;
}
.main__glopick__slide .swiper-slide img {
  aspect-ratio: 349/245;
  object-fit: contain !important;
}
.main__glopick__slide .swiper-slide-active {
  width: 21.3020833333vw !important;
  padding: 0 1.5625vw !important;
  filter: drop-shadow(0px 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.45));
}

@media all and (max-width: 768px) {
  .main .btn__more.small {
    font-size: 3.7333333333vw !important;
  }
  .main__glopick .main__visual__ttl {
    margin: 37.3333333333vw 0 8vw;
    gap: 1.6vw;
    align-items: center;
  }
  .main__glopick .logo {
    width: 26.6666666667vw;
  }
  .main__glopick h2 {
    font-size: 6.1333333333vw;
    letter-spacing: -0.01em;
    line-height: 1.3;
  }
  .main__glopick__slide {
    overflow: hidden;
    background: url("/content/dam/glo-kr/mcs/images/main/glopick_phone.png") no-repeat center bottom/auto 100%;
    position: relative !important;
    width: 100% !important;
    height: 54.4vw;
    right: auto !important;
    bottom: auto !important;
    margin: 0 auto;
    margin-top: 9.3333333333vw;
  }
  .main__glopick__slide .swiper-container {
    width: 100% !important;
    height: auto !important;
    position: unset !important;
  }
  .main__glopick__slide .swiper-wrapper {
    width: auto !important;
    margin: 14.6666666667vw 0 0;
    align-items: center;
    height: 32vw;
  }
  .main__glopick__slide .swiper-slide {
    width: auto !important;
    padding: 0 3.2vw !important;
    margin: 0;
    position: relative;
    aspect-ratio: unset;
  }
  .main__glopick__slide .swiper-slide img {
    aspect-ratio: 193/117;
    object-fit: contain !important;
    filter: drop-shadow(0px 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, 0.45));
  }
  .main__glopick__slide .swiper-slide-active {
    width: auto !important;
  }
}
/* 메인비주얼__글로픽__250424 END*/
/* 메인비주얼 슬라이드02 전체적인 스타일 추가 */
.slidemid .shadow {
  text-shadow: 0px 0px 0.6770833333vw #373737;
}

@media all and (max-width: 768px) {
  .slidemid .shadow {
    text-shadow: 0px 0px 3.4666666667vw #373737;
  }
}
/* 메인비주얼 슬라이드02 전체적인 스타일 추가 END */
@media all and (max-width: 768px) {
  .slidemid .btn__box {
    position: unset !important;
    transform: none !important;
  }
  .slidemid .btn__box .btn__rec {
    width: 48vw;
  }
}