/* BASIC css start */
/* »çÀÌÆ® ±âº» CSS Á¶Á¤ */
#wrap,
#contentWrap {
  width: 100%;
  min-width: 100%;
}
/* END »çÀÌÆ® ±âº» CSS Á¶Á¤ */
/* 񃧯 CSS */
button {
  border: 0;
}
.for-a11y {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: transparent;
  font-size: 1px;
  line-height: 1px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
}
img {
  width: 100%;
  max-width: 100%;
}
svg {
  width: 100%;
  height: 100%;
}

/* END 񃧯 CSS */
#beplepeople-container {
  width: 100%;
  position: relative;
  /* min-width: 1180px; */
}
#beplepeople-container .section-teaser {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background: url(https://beplain01.img4.kr/2506_sale/desktop/teaser/bg.jpg) no-repeat center center / cover;
}
#beplepeople-container .section-teaser .teaser-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#beplepeople-container .section-teaser .teaser-wrap .title {
  /* width: 431px; */
  width: 323px;
  margin: 0 auto;
}
#beplepeople-container .section-teaser .teaser-wrap .title img {
  width: 100%;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap {
  /* margin: 135px auto 63px; */
  margin: 100px auto 63px;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .progress-bar-wrap {
  position: relative;
  /* width: 690px; */
  /* width: 510px; */
  width: 480px;
  height: 7px;
  /* margin: 0 auto 50px; */
  margin: 0 auto 30px;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .progress-bar-wrap .progress-bar {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .progress-bar-wrap .progress-bar .progress-bar-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.4;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .progress-bar-wrap .progress-bar .progress-bar-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 100%;
  background-color: #eaff00;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .progress-bar-wrap .progressbar-bubble {
  position: absolute;
  /* top: -67px; */
  top: -50px;
  /* left: -72px; */
  left: -54px;
  /* width: 145px; */
  width: 109px;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .timer-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  /* column-gap: 96px; */
  column-gap: 60px;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .timer-wrap .time-elem span {
  display: block;
  margin: 0 auto;
  color: #ffffff;
  width: 95px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .timer-wrap .time-elem span:first-child {
  /* font-size: 85px; */
  font-size: 64px;
  letter-spacing: -0.05em;
}
#beplepeople-container .section-teaser .teaser-wrap .coming-soon-wrap .timer-wrap .time-elem span:last-child {
  /* font-size: 19px; */
  font-size: 14px;
  letter-spacing: -0.05em;
  opacity: 0.4;
  letter-spacing: -0.025em;
}

#beplepeople-container .section-teaser .teaser-wrap .btn .kakao-btn {
  display: block;
  /* width: 447px; */
  /* width: 335px; */
  width: 340px;
  margin: 0 auto;
}

@media screen and (max-height: 950px) {
  #beplepeople-container .section-teaser {
    overflow: auto;
  }
  #beplepeople-container .section-teaser .teaser-wrap {
    height: auto;
    padding: 100px 0;
  }
}

/* BASIC css end */