@media all and (min-width: 768px) {
  .mo {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
html {
  scroll-behavior: smooth;
}

.header {
  background: unset;
}

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

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

.survey {
  font-family: "Mont", "Onemobile", "NotoSans", sans-serif;
}
.survey section {
  position: relative;
}
.survey__disclaimer {
  position: absolute;
  bottom: 2.0833333333vw;
  left: 3.125vw;
  font-size: 0.7291666667vw;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.survey .mont {
  vertical-align: text-bottom;
}
.survey .btn {
  display: block;
  max-width: 10.9375vw;
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  padding: 0.7291666667vw 0;
  border-radius: 100px;
  background-color: #fe5000;
  color: #fff;
  text-align: center;
  margin: auto;
  transition: background 0.3s;
}
.survey .btn:hover {
  background-color: #f34c00;
}
.survey__kv {
  display: flex;
  align-items: center;
  width: 100%;
  height: 52.5vw;
  background: #fffdfb url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/main_kv.jpg) 50% 50%/cover no-repeat;
}
.survey__kv .logo {
  position: absolute;
  top: 2.6041666667vw;
  left: 3.9583333333vw;
  width: 10.1041666667vw;
  height: 7.0833333333vw;
}
.survey__kv .logo img {
  width: 100%;
  height: auto;
}
.survey__kv__ttl {
  padding: 0 11.9791666667vw;
}
.survey__kv__ttl .sub_ttl {
  display: inline-block;
  font-size: 1.5104166667vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fe5000;
  border: 3px solid #fe5000;
  padding: 0.78125vw 2.03125vw 0.625vw;
  border-radius: 5.2083333333vw;
  -webkit-border-radius: 5.2083333333vw;
  -moz-border-radius: 5.2083333333vw;
  -ms-border-radius: 5.2083333333vw;
  -o-border-radius: 5.2083333333vw;
}
.survey__kv__ttl h2 {
  font-size: 4.1666666667vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin: 0.7291666667vw 0 1.25vw;
}
.survey__kv__ttl p {
  font-size: 1.9791666667vw;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.survey__story {
  text-align: center;
  padding: 6.7708333333vw 0;
  background: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_bg.png) 50% 0/cover no-repeat;
}
.survey__story .survey__container {
  max-width: 75vw;
  margin: 0 auto;
}
.survey__story .story__ttl h3 {
  font-size: 2.7083333333vw;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.survey__story .story__ttl p {
  font-size: 1.4583333333vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin: 1.1458333333vw 0 1.875vw;
}
.survey__story .story__date {
  display: flex;
  width: 25.4166666667vw;
  align-items: center;
  gap: 0 0.78125vw;
  margin: 0 auto;
}
.survey__story .story__date:first-child {
  margin-bottom: 0.4166666667vw;
}
.survey__story .story__date dt {
  width: 7.7083333333vw;
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fff;
  background: #9d6c38;
  padding: 0.5729166667vw 0;
  border-radius: 3.125vw;
  -webkit-border-radius: 3.125vw;
  -moz-border-radius: 3.125vw;
  -ms-border-radius: 3.125vw;
  -o-border-radius: 3.125vw;
}
.survey__story .story__date dd {
  font-size: 1.25vw;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #9d6c38;
}
.survey__story .story__guide {
  position: relative;
  width: 58.5416666667vw;
  height: 20.0520833333vw;
  margin: 4.1666666667vw auto 1.875vw;
}
.survey__story .story__guide span {
  position: absolute;
  font-size: 0;
  text-indent: -9999px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.survey__story .story__guide .glo {
  top: 0.78125vw;
  left: 50%;
  width: 14.6875vw;
  height: 14.6875vw;
  background: #fff url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/glo_logo.svg) 50% 50%/7.7083333333vw auto no-repeat;
  border-radius: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(11px 11px 11px rgba(0, 0, 0, 0.25));
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-filter: drop-shadow(11px 11px 11px rgba(0, 0, 0, 0.25));
}
.survey__story .story__guide .device {
  top: 12.8645833333vw;
  left: 30.5729166667vw;
  width: 9.0625vw;
  height: 7.2395833333vw;
  background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip1.png);
}
.survey__story .story__guide .f {
  top: 1.6666666667vw;
  left: 0;
  width: 19.6875vw;
  height: 5vw;
  background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip4.svg);
}
.survey__story .story__guide .s {
  top: 13.5416666667vw;
  left: 1.0416666667vw;
  width: 19.6875vw;
  height: 5vw;
  background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip5.svg);
}
.survey__story .story__guide .t {
  top: 0;
  right: 0;
  width: 21.7708333333vw;
  height: 4.4791666667vw;
  background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip3.svg);
}
.survey__story .story__guide .l {
  top: 8.3854166667vw;
  left: 38.5416666667vw;
  width: 15.0520833333vw;
  height: 2.96875vw;
  background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip2.svg);
}
.survey__story .story__vis img {
  max-width: 100%;
}
.survey__story .story__noti {
  font-size: 1.5625vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #654e2c;
  margin: -3.0208333333vw 0 0;
}
.survey__step {
  padding: 6.7708333333vw 0;
  background: #fff9f4;
}
.survey__step h3 {
  font-size: 2.1875vw;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin: 0 0 2.6041666667vw;
}
.survey__step .step__lst {
  max-width: 62.2916666667vw;
  margin: 0 auto 2.8125vw;
}
.survey__step .step__lst li {
  position: relative;
  display: flex;
  align-items: center;
  height: 12.1875vw;
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(190, 190, 190, 0.7);
  border-radius: 1.0416666667vw;
  -webkit-border-radius: 1.0416666667vw;
  -moz-border-radius: 1.0416666667vw;
  -ms-border-radius: 1.0416666667vw;
  -o-border-radius: 1.0416666667vw;
  padding: 0 0 0 21.25vw;
}
.survey__step .step__lst li:first-child {
  margin: 0 0 1.0416666667vw;
}
.survey__step .step__lst li:first-child .ico {
  left: 10.78125vw;
}
.survey__step .step__lst li .ico {
  position: absolute;
  top: 50%;
  left: 11.6666666667vw;
  width: 7.7083333333vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.survey__step .step__lst li .ico img {
  max-width: 100%;
}
.survey__step .step__lst li .desc {
  font-size: 1.40625vw;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: -0.02em;
}
.survey__step .step__lst li .desc .mont {
  display: block;
  font-weight: 700;
  color: #fe5000;
}
.survey__gift {
  padding: 6.7708333333vw 0;
  background: #512713;
}
.survey__gift h3 {
  font-size: 2.1875vw;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  margin: 0 0 2.6041666667vw;
}
.survey__gift .gift__lst {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 62.2916666667vw;
  margin: 0 auto 2.8125vw;
  gap: 1.25vw;
}
.survey__gift .gift__lst li {
  width: 30.5208333333vw;
}
.survey__gift .gift__lst li img {
  width: 100%;
}
.survey__share {
  text-align: center;
  padding: 4.1666666667vw 2.0833333333vw;
  background: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/noti_bg.png) 50% 50%/cover no-repeat;
}
.survey__share p {
  font-size: 2.1875vw;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fe5000;
}
.survey__share p .mont {
  display: block;
  font-size: 3.0208333333vw;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .survey .btn {
    max-width: 40vw;
    font-size: 3.7333333333vw;
    padding: 2.4vw 0;
  }
  .survey__disclaimer {
    bottom: 3.2vw;
    left: 4vw;
    font-size: 2.4vw;
  }
  .survey__kv {
    align-items: flex-start;
    height: 152.5333333333vw;
    background: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/main_kv_m.jpg) 50% 0/cover no-repeat;
  }
  .survey__kv .logo {
    top: 4.2666666667vw;
    left: 6.6666666667vw;
    width: 17.0666666667vw;
    height: 12vw;
  }
  .survey__kv__ttl {
    padding: 23.2vw 6.4vw 0;
  }
  .survey__kv__ttl .sub_ttl {
    border-width: 0.3866666667vw;
    font-size: 3.7333333333vw;
    padding: 1.8666666667vw 4.8vw 1.0666666667vw;
  }
  .survey__kv__ttl h2 {
    font-size: 8vw;
    margin: 2.6666666667vw 0;
  }
  .survey__kv__ttl p {
    font-size: 4.2666666667vw;
  }
  .survey__story {
    background-size: auto 100%;
    padding: 16vw 0 18.6666666667vw;
  }
  .survey__story .survey__container {
    max-width: 100%;
  }
  .survey__story .story__ttl h3 {
    font-size: 6.9333333333vw;
  }
  .survey__story .story__ttl p {
    font-size: 3.7333333333vw;
    margin: 2.1333333333vw 0 5.3333333333vw;
  }
  .survey__story .story__date {
    width: 76vw;
    gap: 0 1.6vw;
  }
  .survey__story .story__date:first-child {
    margin-bottom: 1.6vw;
  }
  .survey__story .story__date dt {
    width: 23.4666666667vw;
    font-size: 3.2vw;
    padding: 0.8vw 0;
  }
  .survey__story .story__date dd {
    font-size: 3.7333333333vw;
  }
  .survey__story .story__guide {
    width: 87.2vw;
    height: 74.1333333333vw;
    margin: 8.5333333333vw auto 7.4666666667vw;
  }
  .survey__story .story__guide .glo {
    top: 25.6vw;
    width: 32vw;
    height: 32vw;
    background-size: 16.8vw auto;
  }
  .survey__story .story__guide .f {
    top: 7.4666666667vw;
    width: 42.6666666667vw;
    height: 19.4666666667vw;
    background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip4_m.svg);
  }
  .survey__story .story__guide .s {
    top: 55.4666666667vw;
    width: 37.6vw;
    height: 18.6666666667vw;
    background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip5_m.svg);
  }
  .survey__story .story__guide .device {
    top: 51.7333333333vw;
    left: 49.6vw;
    width: 24.2666666667vw;
    height: 19.4666666667vw;
  }
  .survey__story .story__guide .t {
    right: 2.6666666667vw;
    width: 37.8666666667vw;
    height: 17.4666666667vw;
    background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip3_m.svg);
  }
  .survey__story .story__guide .l {
    top: 30.4vw;
    left: auto;
    right: 0;
    width: 25.8666666667vw;
    height: 13.3333333333vw;
    background-image: url(/content/dam/glo-kr/mcs/images/glo_pick/pre_survey/event_tooltip2_m.svg);
  }
  .survey__story .story__noti {
    font-size: 2.6666666667vw;
    margin-top: -3.2vw;
  }
  .survey__step {
    padding: 16vw 6.4vw;
  }
  .survey__step h3 {
    font-size: 7.4666666667vw;
    margin: 0 0 5.3333333333vw;
  }
  .survey__step .step__lst {
    max-width: 100%;
    margin: 0 auto 5.3333333333vw;
  }
  .survey__step .step__lst li {
    height: 20.2666666667vw;
    padding: 0 0 0 25.6vw;
    border-width: 1px;
    border-radius: 2.6666666667vw;
    -webkit-border-radius: 2.6666666667vw;
    -moz-border-radius: 2.6666666667vw;
    -ms-border-radius: 2.6666666667vw;
    -o-border-radius: 2.6666666667vw;
  }
  .survey__step .step__lst li:first-child {
    margin-bottom: 2.6666666667vw;
  }
  .survey__step .step__lst li:first-child .ico {
    left: 8.5333333333vw;
  }
  .survey__step .step__lst li .ico {
    left: 9.0666666667vw;
    width: 10.6666666667vw;
  }
  .survey__step .step__lst li .desc {
    font-size: 3.2vw;
    line-height: 1.4;
  }
  .survey__step .step__lst li .desc strong {
    line-height: 1.7;
  }
  .survey__gift {
    padding: 16vw 6.4vw;
  }
  .survey__gift h3 {
    font-size: 7.4666666667vw;
    margin: 0 0 5.3333333333vw;
  }
  .survey__gift .gift__lst {
    max-width: 100%;
    margin: 0 auto 5.3333333333vw;
    gap: 5.3333333333vw;
  }
  .survey__gift .gift__lst li {
    width: 100%;
  }
  .survey__share {
    padding: 16vw 5.3333333333vw;
  }
  .survey__share p {
    font-size: 6.4vw;
  }
  .survey__share p .mont {
    font-size: 8vw;
    margin: 2.6666666667vw 0 0;
  }
}