/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/main/src/scss/index.scss ***!
  \************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* URL */
/* Language */
/* media query */
/* px to vw convert */
/* resource */
/* clamp() fallback function */
/* gm-component__video-responsive 영역 개별 설정 */
.cai-xukun {
  background-color: #000;
  color: #fff;
}
.cai-xukun .sub-title {
  line-height: 1;
  color: #fff !important;
}
.cai-xukun a {
  color: #fff;
}
.cai-xukun .logo {
  width: 316px;
  height: auto;
  margin: 10px auto 0;
}
@media (max-width: 767px) {
  .cai-xukun .logo {
    width: 240px;
    margin-top: 8px;
  }
}

:root {
  --header: 60px;
  --app-height: 100%;
}
@media (min-width: 1025px) {
  :root {
    --header: 72px;
  }
}

video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
}

/* html,
 body,*/
.container_sq {
  height: 100%;
}
@media (max-width: 1024px) {
  .container_sq {
    height: 100%;
  }
}

html {
  /*   height: -webkit-fill-available;
     overscroll-behavior: none;*/
}

body {
  /*   min-height: 100vh;
     min-height: -webkit-fill-available;*/
}

.container_sq {
  min-height: auto;
  /* height: calc(100% - var(--header));*/
  height: auto;
}
@media (max-width: 1024px) {
  .container_sq {
    /* height: 100%;
     max-height: none;
     height: calc(100% - var(--header));*/
  }
}
.container_sq .main {
  overflow: hidden;
  position: relative;
  height: calc(var(--vh) * 100 - var(--headerOffsetTop));
  height: calc(var(--deviceRatioHeightToWidth) * 100vw - var(--headerOffsetTop));
  /* height: 46.4vw;
   max-height: none;*/
}
@media (max-width: 1920px) {
  .container_sq .main {
    /* height: auto;
     max-height: calc(calc(var(--vh, 1vh) * 95) - var(--header));*/
  }
}
@media (max-width: 767px) {
  .container_sq .main {
    height: 590px;
  }
}
.container_sq .main-wrapper {
  height: 100%;
}
.container_sq .main-wrapper > figure {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 1024px) {
  .container_sq .main-wrapper > figure .main-asset {
    min-height: 100%;
  }
}
.container_sq .main-asset {
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .container_sq .main-asset--pc {
    width: auto;
    height: 100%;
  }
}
.container_sq .main-image {
  /* width: 50%;*/
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.container_sq .main-image--tablet {
  width: 100%;
}
.container_sq .main-video {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.container_sq .main-video.loaded {
  opacity: 1;
  visibility: visible;
}
.container_sq .main-video + .video-controller {
  position: absolute;
  bottom: 1vw;
  right: 1vw;
  z-index: 1;
  width: 20px;
  opacity: 0;
  clip: rect(0, 0, 0, 0);
}
.container_sq .main-video + .video-controller span {
  display: none;
  pointer-events: none;
}
.container_sq .main-video + .video-controller[data-state=play] .pause, .container_sq .main-video + .video-controller[data-state=pause] .play {
  display: block;
}
.container_sq .main-video + .video-controller:focus-visible {
  opacity: 1;
  clip: unset;
}
.container_sq .main-link {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container_sq .main svg {
  width: 100%;
  height: auto;
}
.container_sq .main .text-area {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  padding-top: 2.083vw;
  padding-bottom: 4.687vw;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.container_sq .main .text-area .font--kr.font--10,
.container_sq .main .text-area .font--en-no.font--en.font--10 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--10-t,
.container_sq .main .text-area .font--en-no.font--en.font--10-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--10-m,
.container_sq .main .text-area .font--en-no.font--en.font--10-m {
    font-size: 10px !important;
  }
}
.container_sq .main .text-area .font--kr.font--11,
.container_sq .main .text-area .font--en-no.font--en.font--11 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--11-t,
.container_sq .main .text-area .font--en-no.font--en.font--11-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--11-m,
.container_sq .main .text-area .font--en-no.font--en.font--11-m {
    font-size: 11px !important;
  }
}
.container_sq .main .text-area .font--kr.font--12,
.container_sq .main .text-area .font--en-no.font--en.font--12 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--12-t,
.container_sq .main .text-area .font--en-no.font--en.font--12-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--12-m,
.container_sq .main .text-area .font--en-no.font--en.font--12-m {
    font-size: 12px !important;
  }
}
.container_sq .main .text-area .font--kr.font--13,
.container_sq .main .text-area .font--en-no.font--en.font--13 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--13-t,
.container_sq .main .text-area .font--en-no.font--en.font--13-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--13-m,
.container_sq .main .text-area .font--en-no.font--en.font--13-m {
    font-size: 13px !important;
  }
}
.container_sq .main .text-area .font--kr.font--14,
.container_sq .main .text-area .font--en-no.font--en.font--14 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--14-t,
.container_sq .main .text-area .font--en-no.font--en.font--14-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--14-m,
.container_sq .main .text-area .font--en-no.font--en.font--14-m {
    font-size: 14px !important;
  }
}
.container_sq .main .text-area .font--kr.font--15,
.container_sq .main .text-area .font--en-no.font--en.font--15 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--15-t,
.container_sq .main .text-area .font--en-no.font--en.font--15-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--15-m,
.container_sq .main .text-area .font--en-no.font--en.font--15-m {
    font-size: 15px !important;
  }
}
.container_sq .main .text-area .font--kr.font--16,
.container_sq .main .text-area .font--en-no.font--en.font--16 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--16-t,
.container_sq .main .text-area .font--en-no.font--en.font--16-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--16-m,
.container_sq .main .text-area .font--en-no.font--en.font--16-m {
    font-size: 16px !important;
  }
}
.container_sq .main .text-area .font--kr.font--17,
.container_sq .main .text-area .font--en-no.font--en.font--17 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--17-t,
.container_sq .main .text-area .font--en-no.font--en.font--17-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--17-m,
.container_sq .main .text-area .font--en-no.font--en.font--17-m {
    font-size: 17px !important;
  }
}
.container_sq .main .text-area .font--kr.font--18,
.container_sq .main .text-area .font--en-no.font--en.font--18 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--18-t,
.container_sq .main .text-area .font--en-no.font--en.font--18-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--18-m,
.container_sq .main .text-area .font--en-no.font--en.font--18-m {
    font-size: 18px !important;
  }
}
.container_sq .main .text-area .font--kr.font--19,
.container_sq .main .text-area .font--en-no.font--en.font--19 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--19-t,
.container_sq .main .text-area .font--en-no.font--en.font--19-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--19-m,
.container_sq .main .text-area .font--en-no.font--en.font--19-m {
    font-size: 19px !important;
  }
}
.container_sq .main .text-area .font--kr.font--20,
.container_sq .main .text-area .font--en-no.font--en.font--20 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--20-t,
.container_sq .main .text-area .font--en-no.font--en.font--20-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--20-m,
.container_sq .main .text-area .font--en-no.font--en.font--20-m {
    font-size: 20px !important;
  }
}
.container_sq .main .text-area .font--kr.font--21,
.container_sq .main .text-area .font--en-no.font--en.font--21 {
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--21-t,
.container_sq .main .text-area .font--en-no.font--en.font--21-t {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--21-m,
.container_sq .main .text-area .font--en-no.font--en.font--21-m {
    font-size: 21px !important;
  }
}
.container_sq .main .text-area .font--kr.font--22,
.container_sq .main .text-area .font--en-no.font--en.font--22 {
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--22-t,
.container_sq .main .text-area .font--en-no.font--en.font--22-t {
    font-size: 22px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--22-m,
.container_sq .main .text-area .font--en-no.font--en.font--22-m {
    font-size: 22px !important;
  }
}
.container_sq .main .text-area .font--kr.font--23,
.container_sq .main .text-area .font--en-no.font--en.font--23 {
  font-size: 23px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--23-t,
.container_sq .main .text-area .font--en-no.font--en.font--23-t {
    font-size: 23px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--23-m,
.container_sq .main .text-area .font--en-no.font--en.font--23-m {
    font-size: 23px !important;
  }
}
.container_sq .main .text-area .font--kr.font--24,
.container_sq .main .text-area .font--en-no.font--en.font--24 {
  font-size: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--24-t,
.container_sq .main .text-area .font--en-no.font--en.font--24-t {
    font-size: 24px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--24-m,
.container_sq .main .text-area .font--en-no.font--en.font--24-m {
    font-size: 24px !important;
  }
}
.container_sq .main .text-area .font--kr.font--25,
.container_sq .main .text-area .font--en-no.font--en.font--25 {
  font-size: 25px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--25-t,
.container_sq .main .text-area .font--en-no.font--en.font--25-t {
    font-size: 25px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--25-m,
.container_sq .main .text-area .font--en-no.font--en.font--25-m {
    font-size: 25px !important;
  }
}
.container_sq .main .text-area .font--kr.font--26,
.container_sq .main .text-area .font--en-no.font--en.font--26 {
  font-size: 26px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--26-t,
.container_sq .main .text-area .font--en-no.font--en.font--26-t {
    font-size: 26px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--26-m,
.container_sq .main .text-area .font--en-no.font--en.font--26-m {
    font-size: 26px !important;
  }
}
.container_sq .main .text-area .font--kr.font--27,
.container_sq .main .text-area .font--en-no.font--en.font--27 {
  font-size: 27px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--27-t,
.container_sq .main .text-area .font--en-no.font--en.font--27-t {
    font-size: 27px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--27-m,
.container_sq .main .text-area .font--en-no.font--en.font--27-m {
    font-size: 27px !important;
  }
}
.container_sq .main .text-area .font--kr.font--28,
.container_sq .main .text-area .font--en-no.font--en.font--28 {
  font-size: 28px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--28-t,
.container_sq .main .text-area .font--en-no.font--en.font--28-t {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--28-m,
.container_sq .main .text-area .font--en-no.font--en.font--28-m {
    font-size: 28px !important;
  }
}
.container_sq .main .text-area .font--kr.font--29,
.container_sq .main .text-area .font--en-no.font--en.font--29 {
  font-size: 29px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--29-t,
.container_sq .main .text-area .font--en-no.font--en.font--29-t {
    font-size: 29px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--29-m,
.container_sq .main .text-area .font--en-no.font--en.font--29-m {
    font-size: 29px !important;
  }
}
.container_sq .main .text-area .font--kr.font--30,
.container_sq .main .text-area .font--en-no.font--en.font--30 {
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--kr.font--30-t,
.container_sq .main .text-area .font--en-no.font--en.font--30-t {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--kr.font--30-m,
.container_sq .main .text-area .font--en-no.font--en.font--30-m {
    font-size: 30px !important;
  }
}
.container_sq .main .text-area .font--cn.font--10 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--10-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--10-m {
    font-size: 10px !important;
  }
}
.container_sq .main .text-area .font--cn.font--11 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--11-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--11-m {
    font-size: 11px !important;
  }
}
.container_sq .main .text-area .font--cn.font--12 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--12-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--12-m {
    font-size: 12px !important;
  }
}
.container_sq .main .text-area .font--cn.font--13 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--13-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--13-m {
    font-size: 13px !important;
  }
}
.container_sq .main .text-area .font--cn.font--14 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--14-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--14-m {
    font-size: 14px !important;
  }
}
.container_sq .main .text-area .font--cn.font--15 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--15-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--15-m {
    font-size: 15px !important;
  }
}
.container_sq .main .text-area .font--cn.font--16 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--16-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--16-m {
    font-size: 16px !important;
  }
}
.container_sq .main .text-area .font--cn.font--17 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--17-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--17-m {
    font-size: 17px !important;
  }
}
.container_sq .main .text-area .font--cn.font--18 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--18-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--18-m {
    font-size: 18px !important;
  }
}
.container_sq .main .text-area .font--cn.font--19 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--19-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--19-m {
    font-size: 19px !important;
  }
}
.container_sq .main .text-area .font--cn.font--20 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--20-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--20-m {
    font-size: 20px !important;
  }
}
.container_sq .main .text-area .font--cn.font--21 {
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--21-t {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--21-m {
    font-size: 21px !important;
  }
}
.container_sq .main .text-area .font--cn.font--22 {
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--22-t {
    font-size: 22px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--22-m {
    font-size: 22px !important;
  }
}
.container_sq .main .text-area .font--cn.font--23 {
  font-size: 23px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--23-t {
    font-size: 23px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--23-m {
    font-size: 23px !important;
  }
}
.container_sq .main .text-area .font--cn.font--24 {
  font-size: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--24-t {
    font-size: 24px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--24-m {
    font-size: 24px !important;
  }
}
.container_sq .main .text-area .font--cn.font--25 {
  font-size: 25px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--25-t {
    font-size: 25px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--25-m {
    font-size: 25px !important;
  }
}
.container_sq .main .text-area .font--cn.font--26 {
  font-size: 26px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--26-t {
    font-size: 26px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--26-m {
    font-size: 26px !important;
  }
}
.container_sq .main .text-area .font--cn.font--27 {
  font-size: 27px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--27-t {
    font-size: 27px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--27-m {
    font-size: 27px !important;
  }
}
.container_sq .main .text-area .font--cn.font--28 {
  font-size: 28px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--28-t {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--28-m {
    font-size: 28px !important;
  }
}
.container_sq .main .text-area .font--cn.font--29 {
  font-size: 29px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--29-t {
    font-size: 29px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--29-m {
    font-size: 29px !important;
  }
}
.container_sq .main .text-area .font--cn.font--30 {
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--cn.font--30-t {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--cn.font--30-m {
    font-size: 30px !important;
  }
}
.container_sq .main .text-area .font--jp.font--10 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--10-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--10-m {
    font-size: 10px !important;
  }
}
.container_sq .main .text-area .font--jp.font--11 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--11-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--11-m {
    font-size: 11px !important;
  }
}
.container_sq .main .text-area .font--jp.font--12 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--12-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--12-m {
    font-size: 12px !important;
  }
}
.container_sq .main .text-area .font--jp.font--13 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--13-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--13-m {
    font-size: 13px !important;
  }
}
.container_sq .main .text-area .font--jp.font--14 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--14-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--14-m {
    font-size: 14px !important;
  }
}
.container_sq .main .text-area .font--jp.font--15 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--15-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--15-m {
    font-size: 15px !important;
  }
}
.container_sq .main .text-area .font--jp.font--16 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--16-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--16-m {
    font-size: 16px !important;
  }
}
.container_sq .main .text-area .font--jp.font--17 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--17-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--17-m {
    font-size: 17px !important;
  }
}
.container_sq .main .text-area .font--jp.font--18 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--18-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--18-m {
    font-size: 18px !important;
  }
}
.container_sq .main .text-area .font--jp.font--19 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--19-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--19-m {
    font-size: 19px !important;
  }
}
.container_sq .main .text-area .font--jp.font--20 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--20-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--20-m {
    font-size: 20px !important;
  }
}
.container_sq .main .text-area .font--jp.font--21 {
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--21-t {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--21-m {
    font-size: 21px !important;
  }
}
.container_sq .main .text-area .font--jp.font--22 {
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--22-t {
    font-size: 22px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--22-m {
    font-size: 22px !important;
  }
}
.container_sq .main .text-area .font--jp.font--23 {
  font-size: 23px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--23-t {
    font-size: 23px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--23-m {
    font-size: 23px !important;
  }
}
.container_sq .main .text-area .font--jp.font--24 {
  font-size: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--24-t {
    font-size: 24px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--24-m {
    font-size: 24px !important;
  }
}
.container_sq .main .text-area .font--jp.font--25 {
  font-size: 25px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--25-t {
    font-size: 25px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--25-m {
    font-size: 25px !important;
  }
}
.container_sq .main .text-area .font--jp.font--26 {
  font-size: 26px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--26-t {
    font-size: 26px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--26-m {
    font-size: 26px !important;
  }
}
.container_sq .main .text-area .font--jp.font--27 {
  font-size: 27px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--27-t {
    font-size: 27px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--27-m {
    font-size: 27px !important;
  }
}
.container_sq .main .text-area .font--jp.font--28 {
  font-size: 28px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--28-t {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--28-m {
    font-size: 28px !important;
  }
}
.container_sq .main .text-area .font--jp.font--29 {
  font-size: 29px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--29-t {
    font-size: 29px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--29-m {
    font-size: 29px !important;
  }
}
.container_sq .main .text-area .font--jp.font--30 {
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--jp.font--30-t {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--jp.font--30-m {
    font-size: 30px !important;
  }
}
.container_sq .main .text-area .font--en.font--10, .container_sq .main .text-area .font-mm.font--10 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--10-t, .container_sq .main .text-area .font-mm.font--10-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--10-m, .container_sq .main .text-area .font-mm.font--10-m {
    font-size: 11px !important;
  }
}
.container_sq .main .text-area .font--en.font--11, .container_sq .main .text-area .font-mm.font--11 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--11-t, .container_sq .main .text-area .font-mm.font--11-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--11-m, .container_sq .main .text-area .font-mm.font--11-m {
    font-size: 12px !important;
  }
}
.container_sq .main .text-area .font--en.font--12, .container_sq .main .text-area .font-mm.font--12 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--12-t, .container_sq .main .text-area .font-mm.font--12-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--12-m, .container_sq .main .text-area .font-mm.font--12-m {
    font-size: 13px !important;
  }
}
.container_sq .main .text-area .font--en.font--13, .container_sq .main .text-area .font-mm.font--13 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--13-t, .container_sq .main .text-area .font-mm.font--13-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--13-m, .container_sq .main .text-area .font-mm.font--13-m {
    font-size: 14px !important;
  }
}
.container_sq .main .text-area .font--en.font--14, .container_sq .main .text-area .font-mm.font--14 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--14-t, .container_sq .main .text-area .font-mm.font--14-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--14-m, .container_sq .main .text-area .font-mm.font--14-m {
    font-size: 15px !important;
  }
}
.container_sq .main .text-area .font--en.font--15, .container_sq .main .text-area .font-mm.font--15 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--15-t, .container_sq .main .text-area .font-mm.font--15-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--15-m, .container_sq .main .text-area .font-mm.font--15-m {
    font-size: 16px !important;
  }
}
.container_sq .main .text-area .font--en.font--16, .container_sq .main .text-area .font-mm.font--16 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--16-t, .container_sq .main .text-area .font-mm.font--16-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--16-m, .container_sq .main .text-area .font-mm.font--16-m {
    font-size: 17px !important;
  }
}
.container_sq .main .text-area .font--en.font--17, .container_sq .main .text-area .font-mm.font--17 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--17-t, .container_sq .main .text-area .font-mm.font--17-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--17-m, .container_sq .main .text-area .font-mm.font--17-m {
    font-size: 18px !important;
  }
}
.container_sq .main .text-area .font--en.font--18, .container_sq .main .text-area .font-mm.font--18 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--18-t, .container_sq .main .text-area .font-mm.font--18-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--18-m, .container_sq .main .text-area .font-mm.font--18-m {
    font-size: 19px !important;
  }
}
.container_sq .main .text-area .font--en.font--19, .container_sq .main .text-area .font-mm.font--19 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--19-t, .container_sq .main .text-area .font-mm.font--19-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--19-m, .container_sq .main .text-area .font-mm.font--19-m {
    font-size: 20px !important;
  }
}
.container_sq .main .text-area .font--en.font--20, .container_sq .main .text-area .font-mm.font--20 {
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--20-t, .container_sq .main .text-area .font-mm.font--20-t {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--20-m, .container_sq .main .text-area .font-mm.font--20-m {
    font-size: 21px !important;
  }
}
.container_sq .main .text-area .font--en.font--21, .container_sq .main .text-area .font-mm.font--21 {
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--21-t, .container_sq .main .text-area .font-mm.font--21-t {
    font-size: 22px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--21-m, .container_sq .main .text-area .font-mm.font--21-m {
    font-size: 22px !important;
  }
}
.container_sq .main .text-area .font--en.font--22, .container_sq .main .text-area .font-mm.font--22 {
  font-size: 23px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--22-t, .container_sq .main .text-area .font-mm.font--22-t {
    font-size: 23px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--22-m, .container_sq .main .text-area .font-mm.font--22-m {
    font-size: 23px !important;
  }
}
.container_sq .main .text-area .font--en.font--23, .container_sq .main .text-area .font-mm.font--23 {
  font-size: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--23-t, .container_sq .main .text-area .font-mm.font--23-t {
    font-size: 24px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--23-m, .container_sq .main .text-area .font-mm.font--23-m {
    font-size: 24px !important;
  }
}
.container_sq .main .text-area .font--en.font--24, .container_sq .main .text-area .font-mm.font--24 {
  font-size: 25px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--24-t, .container_sq .main .text-area .font-mm.font--24-t {
    font-size: 25px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--24-m, .container_sq .main .text-area .font-mm.font--24-m {
    font-size: 25px !important;
  }
}
.container_sq .main .text-area .font--en.font--25, .container_sq .main .text-area .font-mm.font--25 {
  font-size: 26px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--25-t, .container_sq .main .text-area .font-mm.font--25-t {
    font-size: 26px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--25-m, .container_sq .main .text-area .font-mm.font--25-m {
    font-size: 26px !important;
  }
}
.container_sq .main .text-area .font--en.font--26, .container_sq .main .text-area .font-mm.font--26 {
  font-size: 27px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--26-t, .container_sq .main .text-area .font-mm.font--26-t {
    font-size: 27px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--26-m, .container_sq .main .text-area .font-mm.font--26-m {
    font-size: 27px !important;
  }
}
.container_sq .main .text-area .font--en.font--27, .container_sq .main .text-area .font-mm.font--27 {
  font-size: 28px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--27-t, .container_sq .main .text-area .font-mm.font--27-t {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--27-m, .container_sq .main .text-area .font-mm.font--27-m {
    font-size: 28px !important;
  }
}
.container_sq .main .text-area .font--en.font--28, .container_sq .main .text-area .font-mm.font--28 {
  font-size: 29px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--28-t, .container_sq .main .text-area .font-mm.font--28-t {
    font-size: 29px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--28-m, .container_sq .main .text-area .font-mm.font--28-m {
    font-size: 29px !important;
  }
}
.container_sq .main .text-area .font--en.font--29, .container_sq .main .text-area .font-mm.font--29 {
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--29-t, .container_sq .main .text-area .font-mm.font--29-t {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--29-m, .container_sq .main .text-area .font-mm.font--29-m {
    font-size: 30px !important;
  }
}
.container_sq .main .text-area .font--en.font--30, .container_sq .main .text-area .font-mm.font--30 {
  font-size: 31px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container_sq .main .text-area .font--en.font--30-t, .container_sq .main .text-area .font-mm.font--30-t {
    font-size: 31px !important;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area .font--en.font--30-m, .container_sq .main .text-area .font-mm.font--30-m {
    font-size: 31px !important;
  }
}
@media (min-width: 1921px) {
  .container_sq .main .text-area {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1535px) {
  .container_sq .main .text-area {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .container_sq .main .text-area {
    padding-top: 23px;
    padding-bottom: 40px;
  }
}
.container_sq .main .text-area__title {
  margin-right: auto;
  margin-left: auto;
  /*font-size:27px;*/
  line-height: 1.04;
  /* @include mobile {
   	font-size: 22px;
   }*/
}
.container_sq .main .text-area__title svg {
  max-width: 304px;
}
@media (max-width: 767px) {
  .container_sq .main .text-area__title svg {
    max-width: 253.5px;
  }
}
.container_sq .main .text-area__sub-title {
  margin-top: 9px;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .container_sq .main .text-area__sub-title {
    margin-top: 8px;
  }
}
.container_sq .main .text-area__sub {
  display: block;
  line-height: 2;
}
.container_sq .main .text-area__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 44px;
  margin-top: 24px;
  margin-right: 10px;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-weight: 400;
  line-height: 0.94;
  color: #fff;
}
.container_sq .main .text-area__link:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .container_sq .main .text-area__link {
    width: 136px;
    height: 40px;
    margin-top: 20.4px;
  }
  .container_sq .main .text-area__link:last-child {
    margin-right: 0;
  }
}
.container_sq .main.font--kr .text-area__link {
  font-size: 13px;
}

.html-mm-on {
  overflow: hidden;
}

body.mm-on {
  overflow: hidden !important;
  will-change: margin;
  width: 100%;
}

.filter-dim {
  width: 100%;
  position: fixed;
  left: 0;
  top: var(--headerOffsetTop);
  height: calc(100vh - var(--headerOffsetTop));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1;
}
.filter-dim.on {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  opacity: 1;
  visibility: visible;
}

.dheygere-campaign .font--kr.font--8,
.dheygere-campaign .font--en-no.font--en.font--8 {
  font-size: 8px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--8-t,
.dheygere-campaign .font--en-no.font--en.font--8-t {
    font-size: 8px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--8-m,
.dheygere-campaign .font--en-no.font--en.font--8-m {
    font-size: 8px !important;
  }
}
.dheygere-campaign .font--kr.font--9,
.dheygere-campaign .font--en-no.font--en.font--9 {
  font-size: 9px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--9-t,
.dheygere-campaign .font--en-no.font--en.font--9-t {
    font-size: 9px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--9-m,
.dheygere-campaign .font--en-no.font--en.font--9-m {
    font-size: 9px !important;
  }
}
.dheygere-campaign .font--kr.font--10,
.dheygere-campaign .font--en-no.font--en.font--10 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--10-t,
.dheygere-campaign .font--en-no.font--en.font--10-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--10-m,
.dheygere-campaign .font--en-no.font--en.font--10-m {
    font-size: 10px !important;
  }
}
.dheygere-campaign .font--kr.font--11,
.dheygere-campaign .font--en-no.font--en.font--11 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--11-t,
.dheygere-campaign .font--en-no.font--en.font--11-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--11-m,
.dheygere-campaign .font--en-no.font--en.font--11-m {
    font-size: 11px !important;
  }
}
.dheygere-campaign .font--kr.font--12,
.dheygere-campaign .font--en-no.font--en.font--12 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--12-t,
.dheygere-campaign .font--en-no.font--en.font--12-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--12-m,
.dheygere-campaign .font--en-no.font--en.font--12-m {
    font-size: 12px !important;
  }
}
.dheygere-campaign .font--kr.font--13,
.dheygere-campaign .font--en-no.font--en.font--13 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--13-t,
.dheygere-campaign .font--en-no.font--en.font--13-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--13-m,
.dheygere-campaign .font--en-no.font--en.font--13-m {
    font-size: 13px !important;
  }
}
.dheygere-campaign .font--kr.font--14,
.dheygere-campaign .font--en-no.font--en.font--14 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--14-t,
.dheygere-campaign .font--en-no.font--en.font--14-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--14-m,
.dheygere-campaign .font--en-no.font--en.font--14-m {
    font-size: 14px !important;
  }
}
.dheygere-campaign .font--kr.font--15,
.dheygere-campaign .font--en-no.font--en.font--15 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--15-t,
.dheygere-campaign .font--en-no.font--en.font--15-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--15-m,
.dheygere-campaign .font--en-no.font--en.font--15-m {
    font-size: 15px !important;
  }
}
.dheygere-campaign .font--kr.font--16,
.dheygere-campaign .font--en-no.font--en.font--16 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--16-t,
.dheygere-campaign .font--en-no.font--en.font--16-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--16-m,
.dheygere-campaign .font--en-no.font--en.font--16-m {
    font-size: 16px !important;
  }
}
.dheygere-campaign .font--kr.font--17,
.dheygere-campaign .font--en-no.font--en.font--17 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--17-t,
.dheygere-campaign .font--en-no.font--en.font--17-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--17-m,
.dheygere-campaign .font--en-no.font--en.font--17-m {
    font-size: 17px !important;
  }
}
.dheygere-campaign .font--kr.font--18,
.dheygere-campaign .font--en-no.font--en.font--18 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--18-t,
.dheygere-campaign .font--en-no.font--en.font--18-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--18-m,
.dheygere-campaign .font--en-no.font--en.font--18-m {
    font-size: 18px !important;
  }
}
.dheygere-campaign .font--kr.font--19,
.dheygere-campaign .font--en-no.font--en.font--19 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--19-t,
.dheygere-campaign .font--en-no.font--en.font--19-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--19-m,
.dheygere-campaign .font--en-no.font--en.font--19-m {
    font-size: 19px !important;
  }
}
.dheygere-campaign .font--kr.font--20,
.dheygere-campaign .font--en-no.font--en.font--20 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--kr.font--20-t,
.dheygere-campaign .font--en-no.font--en.font--20-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--kr.font--20-m,
.dheygere-campaign .font--en-no.font--en.font--20-m {
    font-size: 20px !important;
  }
}
.dheygere-campaign .font--cn.font--8 {
  font-size: 8px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--8-t {
    font-size: 8px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--8-m {
    font-size: 8px !important;
  }
}
.dheygere-campaign .font--cn.font--9 {
  font-size: 9px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--9-t {
    font-size: 9px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--9-m {
    font-size: 9px !important;
  }
}
.dheygere-campaign .font--cn.font--10 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--10-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--10-m {
    font-size: 10px !important;
  }
}
.dheygere-campaign .font--cn.font--11 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--11-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--11-m {
    font-size: 11px !important;
  }
}
.dheygere-campaign .font--cn.font--12 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--12-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--12-m {
    font-size: 12px !important;
  }
}
.dheygere-campaign .font--cn.font--13 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--13-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--13-m {
    font-size: 13px !important;
  }
}
.dheygere-campaign .font--cn.font--14 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--14-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--14-m {
    font-size: 14px !important;
  }
}
.dheygere-campaign .font--cn.font--15 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--15-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--15-m {
    font-size: 15px !important;
  }
}
.dheygere-campaign .font--cn.font--16 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--16-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--16-m {
    font-size: 16px !important;
  }
}
.dheygere-campaign .font--cn.font--17 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--17-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--17-m {
    font-size: 17px !important;
  }
}
.dheygere-campaign .font--cn.font--18 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--18-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--18-m {
    font-size: 18px !important;
  }
}
.dheygere-campaign .font--cn.font--19 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--19-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--19-m {
    font-size: 19px !important;
  }
}
.dheygere-campaign .font--cn.font--20 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--cn.font--20-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--cn.font--20-m {
    font-size: 20px !important;
  }
}
.dheygere-campaign .font--jp.font--8 {
  font-size: 8px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--8-t {
    font-size: 8px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--8-m {
    font-size: 8px !important;
  }
}
.dheygere-campaign .font--jp.font--9 {
  font-size: 9px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--9-t {
    font-size: 9px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--9-m {
    font-size: 9px !important;
  }
}
.dheygere-campaign .font--jp.font--10 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--10-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--10-m {
    font-size: 10px !important;
  }
}
.dheygere-campaign .font--jp.font--11 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--11-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--11-m {
    font-size: 11px !important;
  }
}
.dheygere-campaign .font--jp.font--12 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--12-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--12-m {
    font-size: 12px !important;
  }
}
.dheygere-campaign .font--jp.font--13 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--13-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--13-m {
    font-size: 13px !important;
  }
}
.dheygere-campaign .font--jp.font--14 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--14-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--14-m {
    font-size: 14px !important;
  }
}
.dheygere-campaign .font--jp.font--15 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--15-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--15-m {
    font-size: 15px !important;
  }
}
.dheygere-campaign .font--jp.font--16 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--16-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--16-m {
    font-size: 16px !important;
  }
}
.dheygere-campaign .font--jp.font--17 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--17-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--17-m {
    font-size: 17px !important;
  }
}
.dheygere-campaign .font--jp.font--18 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--18-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--18-m {
    font-size: 18px !important;
  }
}
.dheygere-campaign .font--jp.font--19 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--19-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--19-m {
    font-size: 19px !important;
  }
}
.dheygere-campaign .font--jp.font--20 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--jp.font--20-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--jp.font--20-m {
    font-size: 20px !important;
  }
}
.dheygere-campaign .font--en.font--8, .dheygere-campaign .font-mm.font--8 {
  font-size: 9px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--8-t, .dheygere-campaign .font-mm.font--8-t {
    font-size: 9px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--8-m, .dheygere-campaign .font-mm.font--8-m {
    font-size: 9px !important;
  }
}
.dheygere-campaign .font--en.font--9, .dheygere-campaign .font-mm.font--9 {
  font-size: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--9-t, .dheygere-campaign .font-mm.font--9-t {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--9-m, .dheygere-campaign .font-mm.font--9-m {
    font-size: 10px !important;
  }
}
.dheygere-campaign .font--en.font--10, .dheygere-campaign .font-mm.font--10 {
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--10-t, .dheygere-campaign .font-mm.font--10-t {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--10-m, .dheygere-campaign .font-mm.font--10-m {
    font-size: 11px !important;
  }
}
.dheygere-campaign .font--en.font--11, .dheygere-campaign .font-mm.font--11 {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--11-t, .dheygere-campaign .font-mm.font--11-t {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--11-m, .dheygere-campaign .font-mm.font--11-m {
    font-size: 12px !important;
  }
}
.dheygere-campaign .font--en.font--12, .dheygere-campaign .font-mm.font--12 {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--12-t, .dheygere-campaign .font-mm.font--12-t {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--12-m, .dheygere-campaign .font-mm.font--12-m {
    font-size: 13px !important;
  }
}
.dheygere-campaign .font--en.font--13, .dheygere-campaign .font-mm.font--13 {
  font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--13-t, .dheygere-campaign .font-mm.font--13-t {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--13-m, .dheygere-campaign .font-mm.font--13-m {
    font-size: 14px !important;
  }
}
.dheygere-campaign .font--en.font--14, .dheygere-campaign .font-mm.font--14 {
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--14-t, .dheygere-campaign .font-mm.font--14-t {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--14-m, .dheygere-campaign .font-mm.font--14-m {
    font-size: 15px !important;
  }
}
.dheygere-campaign .font--en.font--15, .dheygere-campaign .font-mm.font--15 {
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--15-t, .dheygere-campaign .font-mm.font--15-t {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--15-m, .dheygere-campaign .font-mm.font--15-m {
    font-size: 16px !important;
  }
}
.dheygere-campaign .font--en.font--16, .dheygere-campaign .font-mm.font--16 {
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--16-t, .dheygere-campaign .font-mm.font--16-t {
    font-size: 17px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--16-m, .dheygere-campaign .font-mm.font--16-m {
    font-size: 17px !important;
  }
}
.dheygere-campaign .font--en.font--17, .dheygere-campaign .font-mm.font--17 {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--17-t, .dheygere-campaign .font-mm.font--17-t {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--17-m, .dheygere-campaign .font-mm.font--17-m {
    font-size: 18px !important;
  }
}
.dheygere-campaign .font--en.font--18, .dheygere-campaign .font-mm.font--18 {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--18-t, .dheygere-campaign .font-mm.font--18-t {
    font-size: 19px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--18-m, .dheygere-campaign .font-mm.font--18-m {
    font-size: 19px !important;
  }
}
.dheygere-campaign .font--en.font--19, .dheygere-campaign .font-mm.font--19 {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--19-t, .dheygere-campaign .font-mm.font--19-t {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--19-m, .dheygere-campaign .font-mm.font--19-m {
    font-size: 20px !important;
  }
}
.dheygere-campaign .font--en.font--20, .dheygere-campaign .font-mm.font--20 {
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dheygere-campaign .font--en.font--20-t, .dheygere-campaign .font-mm.font--20-t {
    font-size: 21px !important;
  }
}
@media (max-width: 767px) {
  .dheygere-campaign .font--en.font--20-m, .dheygere-campaign .font-mm.font--20-m {
    font-size: 21px !important;
  }
}
.dheygere-campaign .font--cn {
  font-family: "Unica77LLWeb", "Noto Sans SC GM", sans-serif;
}
.dheygere-campaign .font--en,
.dheygere-campaign .font--cn,
.dheygere-campaign .font--jp,
.dheygere-campaign .font--en.font--md,
.dheygere-campaign .font--cn.font--md,
.dheygere-campaign .font--jp.font--md {
  font-weight: 500 !important;
}

.dheygere-popup {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /*@include mobile() {
  	position: absolute;
  }*/
}
.dheygere-popup.on {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  pointer-events: unset;
}
.dheygere-popup .subscribe-container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: default;
  /*@include mobile() {
  	position: absolute;
  }*/
}
.dheygere-popup .subscribe-container .subscribe-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents-wrap {
  position: relative;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents__ing {
  visibility: hidden;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents__ing.active {
  visibility: visible;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents__complete {
  display: none;
  margin-top: 79.7px;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents__complete.active {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents__complete {
    margin-top: 89.7px;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-contents__complete .subscribe-contents__complete--title {
  color: #000;
  text-align: center;
  line-height: 1.58;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 19.4270833333vw;
  min-width: 321px;
  max-width: 373px;
  /*height: calc(445 / 1920 * 100vw);
  min-height: 383px;
  max-height: 445px;*/
  padding: 45px max(28px, min(32px, 1.6666666667vw));
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.85);
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-desc {
  margin-bottom: 18px;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-title img {
  width: 9.9479166667vw;
  min-width: 155px;
  max-width: 191px;
  margin: auto;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-sub {
  margin: 42px 0 29px;
  color: #000;
  line-height: 1.58;
  text-align: center;
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-sub {
    margin: 36px 0 27px;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email {
  position: relative;
  z-index: 2;
  text-align: left;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email.has-error .subscribe-email__txt {
  visibility: visible;
  color: var(--dangerColor1);
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email.has-error .subscribe-email__input {
  border-bottom: 1px solid var(--dangerColor1);
  /*&:hover ~ .subscribe-email__txt,
  &:not(:placeholder-shown) ~ .subscribe-email__txt{
  	color: #ef480e;
  }
  &:focus ~ .subscribe-email__txt,
  &:not(:placeholder-shown) ~ .subscribe-email__txt{
  	color: #ef480e;
  }*/
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__txt {
  display: flex;
  visibility: hidden;
  margin-top: 10px;
  z-index: -1;
  pointer-events: none;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__txt i, .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__txt span {
  /* 문구가 없어도 영역을 잡기 위해 높이 설정 */
  display: inline-flex;
  align-items: center;
  height: 6px;
  line-height: 6px;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__txt .ico_alert {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input {
  width: 100%;
  height: 27px;
  padding-right: 26px;
  padding-bottom: 6px;
  border: 0 none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  color: #000;
  letter-spacing: normal;
  font-size: 14px !important;
  /* 중문 9px -> 10px 강제 설정 */
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input {
    font-size: 12px !important;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input:focus, .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input:hover {
  transition: border-bottom 0.2s ease, font-size 0.2s ease;
  -moz-transition: border-bottom 0.2s ease, font-size 0.2s ease;
  -webkit-transition: border-bottom 0.2s ease, font-size 0.2s ease;
  border-bottom: 1px solid rgb(0, 0, 0);
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input .subscribe-email__txt .font--cn {
  font-size: 10px !important;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input:-moz-placeholder-shown {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input:placeholder-shown {
  font-size: 14px !important;
  font-weight: 500 !important;
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input:-moz-placeholder-shown {
    font-size: 12px !important;
  }
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__input:placeholder-shown {
    font-size: 12px !important;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit {
  /*position: absolute;
                    right: 0;
                    bottom: 6px;*/
  width: auto;
  height: 40px;
  margin: 20px auto 0;
  padding: 0 21px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: rgb(199, 199, 199);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25) inset, 0 2px 4px rgba(0, 0, 0, 0.25);
  cursor: default;
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit {
    gap: 3px;
    margin: 20px auto 0;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit.active {
  background: rgb(22, 125, 247);
  cursor: pointer;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit svg {
  width: auto;
  height: 19px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit svg {
    height: 16px;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit span {
  display: inline-flex;
  align-items: center;
  margin-top: 1px;
  margin-right: 4px;
  color: white;
}
@media (max-width: 767px) {
  .dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .subscribe-email__submit span {
    margin-left: 5px;
    margin-right: 0;
  }
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .popup-close {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
}
.dheygere-popup .subscribe-container .subscribe-inner .subscribe-wrap .popup-close img {
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  pointer-events: none;
}

/*.mm-popup {
	.subscribe-container {
		.font--md.font--cn,
		.font--md.font--en, {
			font-weight: 400;
		}

		&.on {
			opacity: 1;
			visibility: visible;
		}
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
		-ms-transition: opacity 0.3s ease, visibility 0.3s ease;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		z-index: 1;
		@include semiMobile() {
			width: 100%;padding: 0 13px;
		}
		.subscribe-inner {
			.subscribe-contents {
				&.active {
					display: block;
				}
				&__complete {
					display: none;
					margin-top: 79.7px;
					@include mobile() {
						margin-top: 89.7px;
					}
					.subscribe-contents__complete--title  {
						color: #000;
						text-align: center;
						line-height: 1.58;
					}
				}
			}
			.subscribe-contents__ing {
				&.active {
					display: block;
				}
				display: none;
			}
			.subscribe-wrap {
				@include globalFontSize(10, 30);
				position: relative;
				display: flex;
				flex-direction: column;
				width: 350px;
				min-height: 297px;
				padding: 42px 42px 46px;
				border-radius: 7px;
				box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
				background-color: rgba(255, 255, 255, 0.15);
				@include semiMobile() {
					width: 100%;
				}
				.subscribe-title {
					img {
						width: 100%;
						max-width: 265px;
						margin: auto;
					}
				}
				.subscribe-sub {
					margin: 28.7px 0 34px;
					color: #000;
					line-height: 1.58;
					text-align: center;
					@include mobile() {
						margin: 28.7px 0 29px;
					}
				}
				.subscribe-email {
					z-index: 2;
					&.has-error {
						.subscribe-email__txt {
							color: #ef480e;
						}
						.subscribe-email__input {
							border-bottom: 1px solid #ef480e;
							&:hover ~ .subscribe-email__txt,
							&:not(:placeholder-shown) ~ .subscribe-email__txt{
								color: #ef480e;
							}
							&:focus ~ .subscribe-email__txt,
							&:not(:placeholder-shown) ~ .subscribe-email__txt{
								color: #ef480e;
							}
						}
					}
					position: relative;
					text-align: left;

					&__txt {
						position: absolute;
						left: 0;
						top: -6px;
						color: rgba(0, 0, 0, 0.5);
						transition: top 0.2s ease, font-size 0.2s ease;
						-moz-transition: top 0.2s ease, font-size 0.2s ease;
						-webkit-transition: top 0.2s ease, font-size 0.2s ease;
						line-height: 2.22;
						z-index: -1;
						pointer-events: none;
					}
					&__input {
						width: 100%;
						height: 27px;
						padding-right: 26px;
						padding-bottom: 6px;
						border-left: 1px solid transparent;
						border-right: 1px solid transparent;
						border-top: 1px solid transparent;
						border-bottom: 1px solid rgba(0, 0, 0, 0.5);
						color: #000;
						letter-spacing: normal;
						&:focus ~ .subscribe-email__txt,
						&:not(:placeholder-shown) ~ .subscribe-email__txt{
							top: -21px;
						}

						&:focus ~ .font--en.subscribe-email__txt,
						&:not(:placeholder-shown) ~ .font--en.subscribe-email__txt,
						&:hover ~ .font--en.subscribe-email__txt,
						&:not(:placeholder-shown) ~ .font--en.subscribe-email__txt,
						&:hover ~ .font--cn.subscribe-email__txt,
						&:not(:placeholder-shown) ~ .font--cn.subscribe-email__txt,
						&:focus ~ .font--cn.subscribe-email__txt,
						&:not(:placeholder-shown) ~ .font--cn.subscribe-email__txt {
							font-size: 10px !important;
						}
						&:hover ~ .font--kr.subscribe-email__txt,
						&:not(:placeholder-shown) ~ .font--kr.subscribe-email__txt,
						&:focus ~ .font--kr.subscribe-email__txt,
						&:not(:placeholder-shown) ~ .font--kr.subscribe-email__txt{
							font-size: 9px !important;
						}
						&:hover ~ .subscribe-email__txt,
						&:not(:placeholder-shown) ~ .subscribe-email__txt{
							top: -21px;
							color: rgba(0, 0, 0, 0.5);
						}
						&:focus ,
						&:hover {
							transition: border-bottom 0.2s ease, font-size 0.2s ease;
							-moz-transition: border-bottom 0.2s ease, font-size 0.2s ease;
							-webkit-transition: border-bottom 0.2s ease, font-size 0.2s ease;
							border-bottom: 1px solid rgba(0, 0, 0, 1);
						}
					}
					&__submit {
						position: absolute;
						right: 0;
						bottom: 6px;
						opacity: .5;
						&.active {
							opacity: 1;
						}
					}
				}
				.subscribe-disc {
					display: block;
					margin-top: 23px;
					color: rgba(0, 0, 0, 0.5);
					text-align: left;
					line-height: 1.6;
				}
				.popup-close {
					position: absolute;
					right: 6px;
					top: 6px;
					width: 24px;
					height: 24px;
					img {
						display: block;
						width: 12px;
						height: 12px;
						margin: auto;
					}
				}
			}
		}
	}
}*/