/* 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 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 Regular.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;
  }
}

html {
  scroll-behavior: smooth;
}

.header {
  background: unset;
}

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

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

a {
  text-decoration: none !important;
}

.image {
  font-size: 0;
}

@media (min-width: 769px) {
  .glo-wrap {
    margin-top: 80px !important;
  }
}

.evergreen {
  font-family: "Mont", "Onemobile", "NotoSans", sans-serif;
  line-height: 1.3;
}

.evergreen figure video, .evergreen figure img {
  width: 100%;
  height: auto;
}

.evergreen h3 {
  font-size: 3.22917vw;
  font-weight: 700;
}

.evergreen sup {
  font-size: 0.6em !important;
}

.evergreen .visible {
  opacity: 1 !important;
}

.evergreen .inner {
  width: 75vw;
  margin: 0 auto;
}

.evergreen .inner__wide {
  width: 100% !important;
}

.evergreen__section {
  position: relative;
  width: 100%;
  min-height: 52.5vw;
  overflow: hidden;
}

.evergreen__desc {
  position: absolute;
  left: 1.5625vw;
  bottom: 3.125vw;
  font-size: 0.72917vw;
  color: #000;
}

.evergreen__logo {
  display: inline-block;
  aspect-ratio: 220/154;
  width: 11.45833vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='221' height='156' viewBox='0 0 221 156' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.3339 104.425C28.2907 104.425 15.2094 91.4082 15.2094 75.438C15.2094 59.4679 28.2907 46.4029 44.3339 46.4029C60.3771 46.4029 73.4015 59.4111 73.4015 75.438C73.4015 91.465 60.3852 104.425 44.3339 104.425ZM85.5495 35.5938H80.6643C76.7124 35.5938 73.3934 38.7911 73.3934 42.7998V43.1488C65.6599 36.17 55.4919 31.9908 44.3257 31.9908C20.265 31.9908 0.732422 51.4504 0.732422 75.438C0.732422 99.4257 20.265 118.885 44.3257 118.885C55.4919 118.885 65.6599 114.641 73.3934 107.727V111.338C73.3934 127.365 60.3121 140.844 44.2689 140.844C37.1197 140.844 30.433 138.288 25.1989 133.703C22.5859 131.439 18.7557 131.261 16.0128 133.354L11.6551 136.722C10.5515 137.533 10.3729 139.1 11.2493 140.146C19.5671 149.787 31.5367 155.305 44.4394 155.248C68.565 155.191 87.984 135.269 87.984 111.225V37.9796C87.984 36.7055 86.8723 35.5938 85.5414 35.5938H85.5495ZM106.592 118.999H111.485C115.494 118.999 118.748 115.802 118.748 111.85V3.12602C118.748 1.78706 117.701 0.740234 116.37 0.740234H111.428C107.411 0.740234 104.157 3.93751 104.157 7.88947V116.613C104.157 117.952 105.269 118.999 106.6 118.999H106.592ZM220.468 75.503C220.468 51.5153 200.936 31.9989 176.923 31.9989C152.911 31.9989 133.33 51.5153 133.33 75.503C133.33 99.4825 152.863 118.999 176.923 118.999C200.984 118.999 220.468 99.4825 220.468 75.503Z' fill='%23FEFEFE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M205.879 75.5051C205.879 91.4753 192.911 104.483 176.925 104.483C160.938 104.483 147.922 91.4753 147.922 75.5051C147.922 59.535 160.89 46.5754 176.925 46.5754C192.96 46.5754 205.879 59.5268 205.879 75.5051Z' fill='%23F26717'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.evergreen .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.52083vw;
  width: 14.58333vw;
  height: 3.125vw;
  padding: 0 1.71875vw;
  font-size: 1.04167vw;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  color: #FFF;
  backdrop-filter: blur(0.52083vw);
}

.evergreen .btn::after {
  content: '';
  display: block;
  width: 0.72917vw;
  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;
}

.evergreen .btn__wht {
  background-color: #fff;
  color: #000;
}

.evergreen .btn__wht::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");
}

.evergreen .btn__blk {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(0.26042vw);
}

.evergreen .btn__navy {
  background: rgba(0, 55, 99, 0.9);
}

.evergreen .btn__org {
  background: #FE5000;
}

.evergreen .btn__nobg {
  background: none;
}

.evergreen .btn__line {
  border: 0.05208vw solid #FFF;
}

.evergreen .btn__box {
  display: flex;
  align-items: center;
  gap: 0 1.25vw;
}

.evergreen__visual {
  background: #000;
  height: 56.1vw;
}

.evergreen__visual .evergreen__logo {
  width: 10.15625vw;
  position: absolute;
  top: 2.60417vw;
  left: 4.01042vw;
}

.evergreen__visual__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: #000;
}

.evergreen__visual .btn {
  width: 21.66667vw;
  position: absolute;
  bottom: 9.375vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 1s ease;
}

.evergreen__moment {
  padding: 5.20833vw 0 7.8125vw;
  background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2025/evergreen_thr/moment_bg.png") no-repeat center top/cover;
  background-attachment: fixed;
}

.evergreen__moment__head {
  text-align: center;
  color: #FFF;
  text-shadow: 0px 0.20833vw 0.20833vw rgba(0, 0, 0, 0.4);
}

.evergreen__moment__head .desc {
  margin: 1.04167vw 0 0;
  font-size: 1.45833vw;
  font-weight: 500;
}

.evergreen__moment__content {
  margin: 7.8125vw 0 0;
  height: 28.125vw;
  display: flex;
  gap: 0 7.55208vw;
}

.evergreen__moment__content .assets {
  position: relative;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 49.375vw;
  height: auto;
  opacity: 0;
}

.evergreen__moment__content .assets .item {
  margin: 0 5.05208vw;
  width: 21.04167vw;
  aspect-ratio: 506/600;
  position: absolute;
  top: 0;
  border-radius: 1.04167vw;
  overflow: hidden;
  z-index: 1;
  filter: drop-shadow(0px 0.20833vw 0.52083vw rgba(0, 0, 0, 0.25));
}

.evergreen__moment__content .assets .item .thumb {
  width: 100.1% !important;
  height: 100.1% !important;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.evergreen__moment__content .assets .item video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.evergreen__moment__content .assets:after {
  content: '';
  width: 100%;
  height: 6.51042vw;
  background: #BAE6FF;
  box-shadow: 0px 1.25vw 2.60417vw 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
}

.evergreen__moment__content .text {
  flex: 1;
  position: relative;
}

.evergreen__moment__content .text h4 {
  position: absolute;
  top: 8.95833vw;
  left: 0;
  width: fit-content;
  font-size: 2.70833vw;
  font-weight: 700;
}

.evergreen__moment__content .text h4.second {
  opacity: 0;
}

.evergreen__moment__content .text .desc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: fit-content;
  font-size: 0.72917vw;
}

.evergreen__moment__content.content02 {
  flex-direction: row-reverse;
}

.evergreen__moment__content.content02 .assets {
  justify-content: flex-start;
}

.evergreen__moment__content.content02 .text h4 {
  left: 12.5vw;
}

.evergreen__moment__content.content02 .text .desc {
  left: 12.5vw;
}

@media all and (max-width: 767px) {
  .evergreen h3 {
    font-size: 7.43155vw;
  }
  .evergreen .inner {
    width: 87.22295vw;
  }
  .evergreen .inner__s {
    width: 87.22295vw;
  }
  .evergreen__section {
    min-height: unset;
  }
  .evergreen__logo {
    width: 16.55802vw;
  }
  .evergreen .btn {
    width: 58.67014vw;
    gap: 0 1.95567vw;
    height: 11.73403vw;
    padding: 0 4.69361vw;
    font-size: 3.65059vw;
    backdrop-filter: blur(0.91265vw);
  }
  .evergreen .btn::after {
    width: 2.73794vw;
    height: 26%;
  }
  .evergreen .btn__line {
    border: 0.13038vw solid #FFF;
  }
  .evergreen__visual {
    aspect-ratio: 768/1176;
    height: unset;
  }
  .evergreen__visual .evergreen__logo {
    width: 16.55802vw;
    top: 4.1721vw;
    left: 6.64928vw;
  }
  .evergreen__visual .btn {
    bottom: 18.64407vw;
  }
  .evergreen__moment {
    padding: 13.03781vw 0 11.73403vw;
    background: url("/content/dam/glo-jp/korea-images/brand-pages/images/2025/evergreen_thr/moment_bg_m.png") no-repeat center top/cover;
  }
  .evergreen__moment__head {
    text-shadow: 0px 0.52151vw 1.04302vw rgba(0, 0, 0, 0.4);
  }
  .evergreen__moment__head .desc {
    margin: 2.60756vw 0 0;
    font-size: 4.69361vw;
  }
  .evergreen__moment__content {
    margin: 15.64537vw 0 0;
    height: 104.95437vw;
    flex-direction: column-reverse !important;
    gap: 8.08344vw 0;
  }
  .evergreen__moment__content .assets {
    margin: 3.22917vw 0 0;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 78.87875vw;
    position: relative;
  }
  .evergreen__moment__content .assets .item {
    margin: 0;
    width: 58.67014vw;
    border-radius: 2.60756vw;
    filter: drop-shadow(0px 0.52151vw 1.30378vw rgba(0, 0, 0, 0.25));
  }
  .evergreen__moment__content .assets:after {
    content: '';
    width: 93.61147vw;
    height: 17.34029vw;
    left: unset;
    right: 0;
    box-shadow: 0px 3.12907vw 6.5189vw 0px rgba(0, 0, 0, 0.1);
  }
  .evergreen__moment__content .text {
    flex: 1;
    position: relative;
  }
  .evergreen__moment__content .text h4 {
    top: 0;
    width: 100%;
    left: unset !important;
    right: unset !important;
    font-size: 6.77966vw;
    text-align: center;
  }
  .evergreen__moment__content.content01 .assets::after, .evergreen__moment__content.content03 .assets::after {
    left: 0;
    right: unset;
  }
  .evergreen__moment .desc.mo {
    width: 87.09257vw;
    margin: 0 auto;
    margin-top: 10.43025vw !important;
    font-size: 2.34681vw;
    letter-spacing: -0.03em;
  }
}