@import "../components/onboarding.css?v=2";
@import "../components/header.css?v=2";
@import "../components/footer.css?v=2";
@import "../components/input.css?v=2";
@import "../components/button.css?v=2";
@import "../components/alert.css?v=2";
@import "../components/layer.css?v=2";
@import "../components/textStyle.css?v=2";
@import "../components/table.css?v=2";

/* 마이 스탬프 :  S */
.myStamp {
  padding: 6.6rem 2rem 2rem;
}
.myStamp .stamp_container {
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #EAEAEA;
  z-index: 9;
}
.myStamp .stamp_container span {
  font-family: var(--font-o600);
  font-size: 1.3rem;
  text-align: center;
  color: var(--color-black);
}
.myStamp .stamp_container.cxp_1 {
  width: 50%;
  top: 6.6rem;
  left: 0;
}
.myStamp .stamp_container.cxp_2 {
  width: 50%;
  top: 6.6rem;
  right: 0;
}
.myStamp .stamp_container.cxp_3 {
  width: 2rem;
  height: calc(50% - 5rem);
  top: 8.6rem;
  left: 0;
}
.myStamp .stamp_container.cxp_3 span {
  transform: rotate(-90deg);
  white-space: nowrap;
}
.myStamp .stamp_container.cxp_4 {
  width: 2rem;
  height: calc(50% - 5rem);
  bottom: 2rem;
  left: 0;
}
.myStamp .stamp_container.cxp_4 span {
  transform: rotate(-90deg);
  white-space: nowrap;
}
.myStamp .stamp_container.cxp_5 {
  width: 2rem;
  height: calc(50% - 5rem);
  top: 8.6rem;
  right: 0;
}
.myStamp .stamp_container.cxp_5 span {
  transform: rotate(90deg);
  white-space: nowrap;
}
.myStamp .stamp_container.cxp_6 {
  width: 2rem;
  height: calc(50% - 5rem);
  bottom: 2rem;
  right: 0;
}
.myStamp .stamp_container.cxp_6 span {
  transform: rotate(90deg);
  white-space: nowrap;
}
.myStamp .stamp_container.cxp_7 {
  width: 100%;
  height: 2rem;
  bottom: 0;
  left: 0;
}
.myStamp .myStamp__inner {
  flex: 1;
  width: 100%;
  position: relative;
  padding: 4.8rem var(--inner-gap) 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3.6rem;
  background-color: var(--color-white);
}
.myStamp .myStamp__inner.yet .myStamp__kv .download_btn {
  display: none;
}
.myStamp .myStamp__inner.yet .myStamp__bottom_info .reward_btn, .myStamp .myStamp__inner.yet .myStamp__bottom_info .bottom_noti {
  display: none;
}
.myStamp .myStamp__inner.yet .myStamp__bottom_info .start_txt {
  display: block;
  text-align: center;
  font-family: var(--font-o600);
  font-size: 1.8rem;
  color: var(--color-black);
  letter-spacing: -0.036rem;
}
.myStamp .myStamp__inner .myStamp__kv {
  width: 100%;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 4rem;
}
.myStamp .myStamp__inner .myStamp__kv .tit {
  font-family: var(--font-s600);
  font-size: 2.6rem;
  color: var(--color-black);
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img {
  width: 29rem;
  height: 22.9rem;
  position: relative;
  margin: 2.4rem auto 0;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img > img {
  width: 100%;
  height: 0.92rem;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img .logo {
  width: 25.6rem;
  height: 4.4rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_logo.png?v=1") 50% 50%/contain no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img .character {
  position: absolute;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img .character.cxp_2 {
  width: 10.7rem;
  height: 12rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_2.png?v=1") 50% 50%/contain no-repeat;
  top: 5.7rem;
  left: 2.1rem;
  z-index: 1;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img .character.cxp_3 {
  width: 12.6rem;
  height: 17.4rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_3.png?v=1") 50% 50%/contain no-repeat;
  top: 0;
  left: 7.4rem;
  z-index: 2;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img .character.cxp_5 {
  width: 9.8rem;
  height: 11.96rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_5.png?v=1") 50% 50%/contain no-repeat;
  top: 5.5rem;
  right: 2.6rem;
  z-index: 3;
}
.myStamp .myStamp__inner .myStamp__kv .stamp_img .character.cxp_7 {
  width: 8.2rem;
  height: 9.4rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_7.png?v=1") 50% 50%/contain no-repeat;
  top: 8rem;
  right: 9.2rem;
  z-index: 4;
}
.myStamp .myStamp__inner .myStamp__kv .download_btn {
  margin-top: 2rem;
}
.myStamp .myStamp__inner .myStamp__bottom_info {
  width: 100%;
  position: relative;
  flex: 1;
}
.myStamp .myStamp__inner .myStamp__bottom_info .stamp_info {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 23rem;
  position: relative;
  margin: 0.5rem auto 0;
  text-align: center;
  border-radius: 3rem;
  border: 0.15rem solid #E4CE9A;
  background-color: var(--color-white);
  padding: 0.6rem 1.6rem;
  font-size: 1.4rem;
  font-family: var(--font-o500);
  color: var(--color-gray-1);
}
.myStamp .myStamp__inner .myStamp__bottom_info .stamp_info .point {
  font-family: var(--font-o700);
  color: var(--color-black);
}
.myStamp .myStamp__inner .myStamp__bottom_info .bottom_noti {
  display: block;
  width: 95%;
  position: relative;
  font-family: var(--font-o500);
  font-size: 1.2rem;
  line-height: 1.4;
  color: #5C5F61;
  text-align: center;
  margin: 1rem auto 1.5rem;
}
.myStamp .myStamp__inner .myStamp__bottom_info .start_txt {
  display: none;
}
.myStamp .myStamp__inner .myStamp__bottom_info .bottom_flex {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.8rem;
}
.myStamp .myStamp__inner .myStamp__bottom_info .bottom_flex a {
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-o700);
  font-size: 1.2rem;
  color: #222;
  position: relative;
  padding-left: 2rem;
}
.myStamp .myStamp__inner .myStamp__bottom_info .bottom_flex a::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.myStamp .myStamp__inner .myStamp__bottom_info .bottom_flex .tooltip_btn::before {
  background: url("/theme/blot/src/assets/icons/common/tooltip.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp .myStamp__inner .myStamp__bottom_info .bottom_flex .map_btn::before {
  background: url("/theme/blot/src/assets/icons/common/map_btn.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_1 .stamp_container.cxp_1 {
  background-color: #EBA785;
}
.myStamp.cxp_1 .myStamp__inner .myStamp__kv .stamp_img .logo {
  background: url("/theme/blot/src/assets/images/stamp/cxp_logo_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_2 .stamp_container.cxp_2 {
  background-color: #E4CE9A;
}
.myStamp.cxp_2 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_2 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_2_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_3 .stamp_container.cxp_3 {
  background-color: #B0DFD6;
}
.myStamp.cxp_3 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_3_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_3.cxp_4 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_3_4_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_4 .stamp_container.cxp_4 {
  background-color: #8CADE2;
}
.myStamp.cxp_4 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_4_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_4.cxp_3 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_3_4_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_5 .stamp_container.cxp_5 {
  background-color: #C3DFE4;
}
.myStamp.cxp_5 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_5_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_5.cxp_6 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_5_6_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_6 .stamp_container.cxp_6 {
  background-color: #C6D87F;
}
.myStamp.cxp_6 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_6_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_6.cxp_5 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_5_6_on.png?v=1") 50% 50%/contain no-repeat;
}
.myStamp.cxp_7 .stamp_container.cxp_7 {
  background-color: #ED849D;
}
.myStamp.cxp_7 .myStamp__inner .myStamp__kv .stamp_img .character.cxp_7 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_7_on.png?v=1") 50% 50%/contain no-repeat;
}

.hash_btn {
  width: 100%;
  max-width: 720px;
  height: 4.4rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  color: transparent;
  font-size: 0;
}
.hash_btn::after {
  content: "";
  width: 4.4rem;
  height: 4.4rem;
  background: url("/theme/blot/src/assets/icons/common/hashtag.png?v=1") 50% 50%/contain no-repeat;
  position: absolute;
  right: 2.8rem;
  bottom: 2.8rem;
  pointer-events: all;
}
/* 마이 스탬프 : E */

/* 마이 스탬프 > 다운로드 팝업 : S */
.common_layer.stamp_download .layer__inner {
  max-height: 100%;
  top: 0;
  transform: translate(-50%, 0);
  /* background: url("/theme/blot/src/assets/images/common/pattern_bg.jpg") center top / 36rem auto repeat; */
  background-color: var(--color-white);
  padding-bottom: 0;
  @media screen and (max-height: 660px) {
    padding-bottom: 0 !important;
  }
}
.common_layer.stamp_download .layer__inner .layer__content {
  height: calc(100% - 6.6rem);
  padding: 0;
}
.common_layer.stamp_download .layer__inner .layer__content .full_height {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding: 1.6rem var(--inner-gap) 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.common_layer.stamp_download .layer__inner .layer__content .layer__bottom {
  position: relative;
  padding: 0;
  bottom: auto;
  left: auto;
  height: auto;
  margin-top: 2rem;
  flex: 1;
  align-items: flex-end;
  padding-top: 3.2rem;
  @media screen and (max-height: 660px) {
    padding: 3.2rem 0 0 !important;
  }
}
.common_layer.stamp_download .download_box {
  width: 100%;
  position: relative;
  border-radius: 2.4rem;
  border: 0.4rem solid var(--color-black);
  background-color: var(--color-white);
}
.common_layer.stamp_download .download_box .download_img {
  width: 100%;
  height: 100%;
  padding: 3.2rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}
.common_layer.stamp_download .download_box .download_img .my_txt {
  width: 100%;
  max-width: 25.5rem;
  font-family: var(--font-o600);
  font-size: 2rem;
  line-height: 1.23;
  color: var(--color-gray-1);
  text-align: center;
  word-break: break-all;
}
.common_layer.stamp_download .download_box .download_img .stamp_img {
  width: 29rem;
  height: 22.9rem;
  position: relative;
}
.common_layer.stamp_download .download_box .download_img .stamp_img > img {
  width: 100%;
  height: 0.92rem;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.common_layer.stamp_download .download_box .download_img .stamp_img .logo {
  width: 25.6rem;
  height: 4.4rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_logo.png?v=1") 50% 50%/contain no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.common_layer.stamp_download .download_box .download_img .stamp_img .character {
  position: absolute;
}
.common_layer.stamp_download .download_box .download_img .stamp_img .character.cxp_2 {
  width: 10.7rem;
  height: 12rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_2.png?v=1") 50% 50%/contain no-repeat;
  top: 5.7rem;
  left: 2.1rem;
  z-index: 1;
}
.common_layer.stamp_download .download_box .download_img .stamp_img .character.cxp_3 {
  width: 12.6rem;
  height: 17.4rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_3.png?v=1") 50% 50%/contain no-repeat;
  top: 0;
  left: 7.4rem;
  z-index: 2;
}
.common_layer.stamp_download .download_box .download_img .stamp_img .character.cxp_5 {
  width: 9.8rem;
  height: 11.96rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_5.png?v=1") 50% 50%/contain no-repeat;
  top: 5.5rem;
  right: 2.6rem;
  z-index: 3;
}
.common_layer.stamp_download .download_box .download_img .stamp_img .character.cxp_7 {
  width: 8.2rem;
  height: 9.4rem;
  background: url("/theme/blot/src/assets/images/stamp/cxp_7.png?v=1") 50% 50%/contain no-repeat;
  top: 8rem;
  right: 9.2rem;
  z-index: 4;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_1 .logo {
  background: url("/theme/blot/src/assets/images/stamp/cxp_logo_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_2 .character.cxp_2 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_2_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_3 .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_3_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_3.cxp_4 .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_3_4_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_4 .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_4_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_4.cxp_3 .character.cxp_3 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_3_4_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_5 .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_5_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_5.cxp_6 .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_5_6_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_6 .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_6_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_6.cxp_5 .character.cxp_5 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_5_6_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .download_box .download_img .stamp_img.cxp_7 .character.cxp_7 {
  background: url("/theme/blot/src/assets/images/stamp/cxp_7_on.png?v=1") 50% 50%/contain no-repeat;
}
.common_layer.stamp_download .resolution_box {
  width: 100%;
  position: relative;
  margin-top: 2.4rem;
}
.common_layer.stamp_download .resolution_box .tit {
  font-family: var(--font-o700);
  font-size: 1.3rem;
  color: var(--color-black);
  line-height: 1.4;
}
.common_layer.stamp_download .resolution_box .label_flex {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.8rem;
  margin-top: 0.8rem;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio input {
  display: none;
  opacity: 0;
  overflow: hidden;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio input:checked + div {
  opacity: 1;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio input:checked + div p::before {
  background: url("/theme/blot/src/assets/icons/common/circle_radio_on.png?v=1") 50% 50% / contain no-repeat;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  opacity: 0.5;
  cursor: pointer;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio div .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio div p {
  font-family: var(--font-o600);
  font-size: 1.2rem;
  color: var(--color-black);
  position: relative;
  padding-left: 2rem;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio div p::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  background: url("/theme/blot/src/assets/icons/common/circle_radio.png?v=1") 50% 50% / contain no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio.bar div .img {
  width: 2.2rem;
  height: 4rem;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio.filp div .img {
  width: 5rem;
  height: 4rem;
}
.common_layer.stamp_download .resolution_box .label_flex .resolution_radio.fold div .img {
  width: 5rem;
  height: 4rem;
}
.common_layer.stamp_download .noti {
  width: 100%;
  display: block;
  margin-top: 1.6rem;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #444;
}
/* 마이 스탬프 > 다운로드 팝업 : E */

/* 마이 스탬프 > 나만의 메세지 작성 팝업 : S */
.common_layer.my_txt {
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
}
.common_layer.my_txt .layer__inner {
  width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: transparent;
  border-radius: 0;
}
.common_layer.my_txt .layer__header .layer_close {
  filter: invert(1) brightness(5);
}
.common_layer.my_txt .layer__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: calc(100% - 6.6rem);
}
.common_layer.my_txt .mt_tit {
  font-family: var(--font-o600);
  font-size: 2rem;
  color: var(--color-white);
}
.common_layer.my_txt .common_textarea {
  margin: 1.2rem 0 2rem;
}
.common_layer.my_txt .common_textarea textarea {
  max-width: 28.7rem;
  font-size: 2rem;
  word-break: break-all;
}
.common_layer.my_txt .noti {
  font-family: var(--font-o300);
  font-size: 1.3rem;
  color: var(--color-white);
  line-height: 1.4;
}
.common_layer.my_txt .pink_btn {
  width: 100%;
  height: 5.2rem;
  position: relative;
  margin-top: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  background-color: #ED849D;
  font-family: var(--font-o700);
  font-size: 1.8rem;
  color: var(--color-gray-1);
}
/* 마이 스탬프 > 나만의 메세지 작성 팝업 : E */

/* 마이 스탬프 > IOS 다운로드 팝업 : S */
.common_layer.download_ios {
  background-color: transparent;
}
.common_layer.download_ios .layer__inner {
  max-height: 100%;
  @media screen and (max-height: 660px) {
    padding-bottom: 0 !important;
  }
}
.common_layer.download_ios .layer__inner .layer__header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.common_layer.download_ios .layer__inner .layer__content {
  height: 100%;
  padding: 0;
}
.common_layer.download_ios .sample_img {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding: 1.6rem var(--inner-gap) 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.common_layer.download_ios .sample_img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.common_layer.download_ios .sample_img .noti_txt {
  width: 100%;
  font-family: var(--font-o400);
  font-size: 1.3rem;
  line-height: 1.4;
  color: #444;
  text-align: center;
  position: absolute;
  bottom: 3.2rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
/* 마이 스탬프 > IOS 다운로드 팝업 : E */

/* 마이 스탬프 > 필수 해시태그 팝업 : S */
.common_layer.hashtag .layer__inner {
  @media screen and (max-height: 660px) {
    padding-bottom: 0 !important;
  }
}
.common_layer.hashtag .layer__content {
  padding-block: 0 4rem;
}
.common_layer.hashtag .layer__content h3 {
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-o700);
  font-weight: 400;
  font-size: 2rem;
  color: var(--color-gray-1);
  padding-right: 2.4rem;
  position: relative;
  margin: 0 auto;
}
.common_layer.hashtag .layer__content h3::after {
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  background: url("/theme/blot/src/assets/icons/common/hashtag.png?v=1") 50% 50%/contain no-repeat;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 0;
}
.common_layer.hashtag .layer__content .hash_wrap {
  width: 100%;
  position: relative;
  margin: 1.6rem 0 0.8rem;
  background-color: #F1F1F1;
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 1.2rem;
}
.common_layer.hashtag .layer__content .hash_wrap div {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  background-color: var(--color-white);
  border-radius: 4rem;
  padding: 0.4rem 1.2rem;
  font-family: var(--font-o600);
  font-size: 1.2rem;
  text-align: center;
  color: #444;
}
.common_layer.hashtag .layer__content .noti {
  display: block;
  font-family: var(--font-o500);
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: -0.02rem;
  color: #5C5F61;
  text-align: center;
}
.common_layer.hashtag .layer__content .fill_btn {
  width: 19.1rem;
  height: 4rem;
  margin: 1.6rem auto 0;
  border-radius: 0.8rem;
}
/* 마이 스탬프 > 필수 해시태그 팝업 : E */

/* 체험후기 안내,완료 : S */
.survey_door .door_box {
  width: 100%;
  position: relative;
  flex: 1;
  padding-top: 4.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* .end_img {
      width: 49.4vw;
      height: 40.1vh;
      max-width: 18.5rem;
      max-height: 32.5rem;
      img {
          width: 100%;
          height: 100%;
          object-fit: contain;
      }
  } */
}
.survey_door .door_box .start_img, .survey_door .door_box .end_img {
  width: 19.6rem;
  height: 27.1rem;
}
.survey_door .door_box .start_img img, .survey_door .door_box .end_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.survey_door .door_box .tit {
  display: block;
  position: relative;
  margin: 4.8rem 0 1.6rem;
  font-family: var(--font-o700);
  font-size: 2.2rem;
  line-height: 1.4;
  color: var(--color-black);
  text-align: center;
}
.survey_door .door_box .tit span {
  font-family: var(--font-s600);
}
.survey_door .door_box .txt {
  font-size: 1.6rem;
  text-align: center;
  color: var(--color-black);
}
/* 체험후기 안내,완료 : E */

/* 체험 리뷰 : S */
.survey_wrap .step_box {
  width: 100%;
  position: relative;
  padding-top: 5rem;
  margin-bottom: 3.2rem;
  border-bottom: 0.2rem solid var(--color-black);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.survey_wrap .step_box .step {
  width: auto;
  position: relative;
}
.survey_wrap .step_box .step span {
  position: absolute;
  bottom: -2.4rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-o600);
  font-size: 1.2rem;
  color: rgba(37, 39, 41, 0.5);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.survey_wrap .step_box .step::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.survey_wrap .step_box .step.nt_1::before {
  width: 4.6rem;
  height: 4rem;
  bottom: -0.2rem;
  background: url("/theme/blot/src/assets/images/stamp/review_step_1.png?v=1") 50% 50%/contain no-repeat;
}
.survey_wrap .step_box .step.nt_2::before {
  width: 6.4rem;
  height: 4.6rem;
  bottom: -0.4rem;
  background: url("/theme/blot/src/assets/images/stamp/review_step_2.png?v=1") 50% 50%/contain no-repeat;
}
.survey_wrap .step_box .step.nt_3::before {
  width: 5.9rem;
  height: 4.1rem;
  bottom: -0.5rem;
  background: url("/theme/blot/src/assets/images/stamp/review_step_3.png?v=1") 50% 50%/contain no-repeat;
}
.survey_wrap .step_box .step.nt_4::before {
  width: 5.1rem;
  height: 3.4rem;
  bottom: -0.2rem;
  background: url("/theme/blot/src/assets/images/stamp/review_step_4.png?v=1") 50% 50%/contain no-repeat;
}
.survey_wrap .step_box .step.active span {
  color: rgb(37, 39, 41);
}
.survey_wrap .step_box .step.active::before {
  display: block;
}
.survey_wrap .cnt_box {
  width: 100%;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.survey_wrap .cnt_box .survey_form {
  width: 100%;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.survey_wrap .cnt_box .survey_form .input_wrap {
  flex: 1;
}
.survey_wrap .cnt_box .survey_form .common_textarea {
  height: 22rem;
}
.survey_wrap .cnt_box .after_box .tel_time {
  display: block;
  margin-top: 0.8rem;
  padding-inline: 0.8rem;
  font-size: 1.2rem;
  color: #FF2F00;
}
.survey_wrap .cnt_box .tel_flex {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.survey_wrap .cnt_box .tel_flex input {
  flex: 1;
}
.survey_wrap .cnt_box .tel_flex .fill_btn {
  width: 8.8rem;
  height: 5.2rem;
  font-size: 1.5rem;
  text-align: center;
}
.survey_wrap .cnt_box .info_noti {
  display: block;
  font-family: var(--font-o400);
  font-size: 1.3rem;
  color: #444;
  margin-top: 1.2rem;
}
.survey_wrap .cnt_box .star_level {
  width: 100%;
  position: relative;
  background-color: #EAEAEA;
  border-radius: 0.6rem;
  padding: 1.2rem 2.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.survey_wrap .cnt_box .star_level .star_box {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.survey_wrap .cnt_box .star_level .star_box .star {
  width: 3.5rem;
  height: 3.5rem;
  background: url("/theme/blot/src/assets/icons/common/star.png?v=1") 50% 50%/contain no-repeat;
}
.survey_wrap .cnt_box .star_level .star_box .star.on {
  background: url("/theme/blot/src/assets/icons/common/star_on.png?v=1") 50% 50%/contain no-repeat;
}
.survey_wrap .cnt_box .star_level .star_num {
  font-family: var(--font-o700);
  font-size: 1.9rem;
  color: #BBB;
}
.survey_wrap .cnt_box .star_level .star_num span {
  color: var(--color-black);
}
.survey_wrap .cnt_box .terms_box label {
  cursor: pointer;
}
.survey_wrap .cnt_box .terms_box .all_chkbox {
  width: 100%;
  height: 4.8rem;
  position: relative;
  border-radius: 0.6rem;
  background-color: #BBD1E5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.6rem;
}
.survey_wrap .cnt_box .terms_box .chk_list {
  width: 100%;
  position: relative;
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
}
.survey_wrap .cnt_box .terms_box .chk_list li {
  width: 100%;
  min-height: 5.2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.4rem 1.6rem;
  &:first-child {
    order: 4;
    border-top: 0.1rem solid #888;
  }
}
.survey_wrap .cnt_box .terms_box .chk_list li .open_layer {
  width: 2.4rem;
  height: 2.4rem;
  background: url("/theme/blot/src/assets/icons/common/more.png?v=1") 50% 50%/contain no-repeat;
  font-size: 0;
  color: transparent;
}
.survey_wrap .common_btn_box {
  margin-top: 4.5rem;
}
.flip_logo {
  width: 9rem;
  height: 1.53rem;
  margin-bottom: 0.6rem;
}
.fold_logo {
  width: 9.77rem;
  height: 1.53rem;
  margin-block: 1rem 0.6rem;
}
.flip_logo img, .fold_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.survey_form .terms_box {
  width: 100%;
  max-height: 32rem;
  overflow-y: auto;
  position: relative;
  border-radius: 0.6rem;
  border: 0.2rem solid #8694A1;
  padding: 2rem;
}
.survey_form .terms_box p {
  font-family: var(--font-o700);
  font-size: 1.4rem;
  color: var(--color-black);
  line-height: 1.4;
}
.survey_form .terms_box span {
  font-size: 1.2rem;
  color: var(--color-black);
  line-height: 1.4;
}
.survey_form .terms_box .common_table {
  margin-top: 1.6rem;
}
.survey_form .terms_label_box {
  width: 100%;
  position: relative;
  margin-top: 2rem;
}
.survey_form .terms_label_box .common_check {
  width: 100%;
  height: 5.2rem;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline: 1.6rem;
}
.survey_form .terms_label_box .common_check + .common_check::before {
  content: "";
  width: calc(100% - 3.2rem);
  height: 0.1rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #DDD;
}
/* 체험 리뷰 : E */

/* 체험 리뷰 > 약관 동의 레이어 : S */
.common_layer.terms .layer__inner {
  @media screen and (max-height: 660px) {
    padding-bottom: 2rem !important;
  }
}
.common_layer.terms .layer__content {
  padding: 0 var(--inner-gap) var(--inner-gap);
}
.common_layer.terms .terms_tit {
  font-family: var(--font-o700);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #222;
  margin-bottom: 2.4rem;
}
.common_layer.terms .terms_txt {
  font-family: var(--font-o300);
  font-size: 1.1rem;
  line-height: 1.4;
  color: #444;
}
.common_layer.terms .common_table {
  margin-top: 1.6rem;
}

/* 체험 리뷰 > 약관 동의 레이어 : E */

/* 커스텀이미지 */
.download_btn.android,
.download_btn.ios{
  display: none;
}

.clone_container{
  display: block;
  top:-999999999px;
  /* top: 0; */
}
.clone_container .layer__content{
  height:100% !important;
}
.clone_container .full_height{
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center;
}
.clone_container .download_box{
  border:none !important;
}
.clone_container.bar_container .download_img{
  gap: 110px !important;
}
.clone_container.fold_container .download_img {
  gap: 170px !important;
}
.clone_container.flip_container .download_img {
  gap: 70px !important;
}
.clone_container .download_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.clone_container.bar_container {
  /*top:50%;*/
  /*left:50%;*/
  /*transform: translate(-50%,-50%);*/
  width:1440px;
  max-width:1440px;
  height:3120px;
}

.clone_container.bar_container .download_box .download_img .my_txt{
  font-size: 84px;
  max-width: 1070px;
}
.clone_container.bar_container .download_box .download_img .stamp_img{
  width:1226.4px;
  height:987px;
}
.clone_container.bar_container .download_box .download_img .stamp_img .logo{
  width:1075.2px;
  height:184.8px;
}
.clone_container.bar_container .download_box .download_img .stamp_img .character.cxp_2{
  width:452.009px;
  height:507.236px;
  top:240.98px;
  left:113.4px;
}
.clone_container.bar_container .download_box .download_img .stamp_img .character.cxp_3{
  width:530.717px;
  height:736.133px;
  top:3px;
  left:336.56px;
}
.clone_container.bar_container .download_box .download_img .stamp_img .character.cxp_5{
  width:411.495px;
  height:502.466px;
  top:239.38px;
  left:705.27px;
}
.clone_container.bar_container .download_box .download_img .stamp_img .character.cxp_7{
  width:344.728px;
  height:396.936px;
  top:342.85px;
  left:509.97px;
}

.clone_container.bar_container .download_box .download_img .stamp_img > img{
  width: 1092px;
  height: 37.8px;
  top: 722.4px;
}

.clone_container.flip_container {
  /*top:50%;*/
  /*left:50%;*/
  /*transform: translate(-50%,-50%);*/
  width:1048px;
  max-width:1048px;
  height:948px;
}
.clone_container.flip_container .download_box .download_img .my_txt{
  font-size:54px;
  max-width: 685px;
}
.clone_container.flip_container .download_box .download_img .stamp_img{
  width: 788.4px;
  height:634.5px;
}
.clone_container.flip_container .download_box .download_img .stamp_img .logo{
  width:691.2px;
  height:118.8px;
}
.clone_container.flip_container .download_box .download_img .stamp_img .character.cxp_2{
  width:290.577px;
  height:326.08px;
  top:154.91px;
  left:72.9px;
}
.clone_container.flip_container .download_box .download_img .stamp_img .character.cxp_3{
  width:341.175px;
  height:473.228px;
  top:2px;
  left:216.36px;
}
.clone_container.flip_container .download_box .download_img .stamp_img .character.cxp_5{
  width: 264.532px;
  height: 323.014px;
  top: 150.6px;
  left: 453.39px;
}
.clone_container.flip_container .download_box .download_img .stamp_img .character.cxp_7{
  width: 221.611px;
  height: 255.173px;
  top: 217.83px;
  left: 327.84px;
}

.clone_container.flip_container .download_box .download_img .stamp_img > img{
  width:702px;
  height:24.3px;
  top:464.4px;
}

.clone_container.fold_container {
  /*top:50%;*/
  /*left:50%;*/
  /*transform: translate(-50%,-50%);*/
  width:1968px;
  max-width:1968px;
  height:2148px;
}
.clone_container.fold_container .download_box .download_img .my_txt{
  font-size:114px;
  max-width: 1455px;
}
.clone_container.fold_container .download_box .download_img .stamp_img{
  width:1664.4px;
  height:1339.5px;
}
.clone_container.fold_container .download_box .download_img .stamp_img .logo{
  width: 1459.2px;
  height: 250.8px;
}
.clone_container.fold_container .download_box .download_img .stamp_img .character.cxp_2{
  width: 613.441px;
  height: 688.392px;
  top: 327.04px;
  left: 153.9px;
}
.clone_container.fold_container .download_box .download_img .stamp_img .character.cxp_3{
  width: 720.259px;
  height: 999.038px;
  top: 0.3px;
  left: 456.76px;
}
.clone_container.fold_container .download_box .download_img .stamp_img .character.cxp_5{
  width: 558.457px;
  height: 681.919px;
  top: 318.09px;
  left: 957.16px;
}
.clone_container.fold_container .download_box .download_img .stamp_img .character.cxp_7{
  width: 467.845px;
  height: 538.699px;
  left: 692.1px;
  top: 459.87px;
}

.clone_container.fold_container .download_box .download_img .stamp_img > img{
  width: 1482px;
  height: 51.3px;
  top: 980.4px;
}

/* .download_ios#bar_popup .sample_img img{
  width:auto;
  object-fit: inherit;
  aspect-ratio: 0.46/1;
}
.download_ios#flip_popup .sample_img img{
  width:auto;
  object-fit: inherit;
  aspect-ratio: 1.7/1;
}
.download_ios#fold_popup .sample_img img {
  width:auto;
  object-fit: inherit;
  aspect-ratio: 1.56/1;
} */