/* 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%;
  display: block;
}
svg {
  width: 100%;
  height: 100%;
}
/* END 񃧯 CSS */
#thinkearth-container {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
#thinkearth-container * {
  box-sizing: border-box;
}

#thinkearth-container .btn-home {
  position: fixed;
  z-index: 300;
  right: 17px;
  bottom: 50px;
  width: 51px;
}

/* * Hero Section */
#thinkearth-container .section-hero {
  position: relative;
  z-index: 1;
  background-color: #aae0fa;
}
#thinkearth-container .section-hero .inner {
  position: relative;
  padding-top: 71px;
  padding-bottom: 113px;
  z-index: 1;
}
#thinkearth-container .section-hero .logo-block {
  width: 100%;
}
#thinkearth-container .section-hero .logo-block .logo {
  display: block;
  width: 160px;
  margin: 0 auto;
}

#thinkearth-container .section-hero .title-block {
  width: 100%;
  margin-top: 44px;
  position: relative;
}

#thinkearth-container .section-hero .title-block .title {
  width: 271px;
  margin: 0 auto;
}
#hero-lottie {
  position: absolute;
  bottom: -14.2vw;
  left: 0;
  width: 100%;
}
#thinkearth-container .section-hero #hero-cloud-lottie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* @keyframes floating {
    0% {
        transform: translateY(2%);
    }
    50% {
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(2%);
    }
} */

/* * END Hero Section */
/* * Think Earth Section */

#thinkearth-container .section-thinkearth {
  position: relative;
  z-index: 2;
  background: url(http://beplain01.img4.kr/private_pages/2409/mobile/thinkearth/thinkearth-bg-min.png) top center / cover no-repeat;
  /* padding: 260px 0 26px; */
  /* padding-top: 358px; */
  padding-top: 99.44%;
  /* margin-top: -25px; */
  /* margin-top: -88px; */
}
#thinkearth-container .section-thinkearth .character {
  width: 100%;
  position: absolute;
  top: -17vw;
  left: 0;
}
#thinkearth-container #hero-text-lottie {
  position: absolute;
  top: -116vw;
  left: 0;
  width: 100%;
  z-index: 10;
}
#thinkearth-container #hero-character-lottie {
  position: absolute;
  top: -116vw;
  left: 0;
  width: 100%;
  z-index: 10;
}
#thinkearth-container .section-thinkearth .title-block .title {
  padding: 0 63px 0 65px;
  margin-bottom: 39px;
}

#thinkearth-container .section-thinkearth .desc-block .speech-bubble {
  padding: 0 16px 0 29px;
  margin-bottom: 95px;
}

#thinkearth-container .section-thinkearth .desc-block .desc {
  padding: 0 32.5px;
  margin-bottom: 88px;
}

#thinkearth-container .section-thinkearth .desc-block .box-desc {
  position: relative;
  padding: 0 25px;
}

/* * END Think Earth Section */
/* * Clean Beauty Section */
#thinkearth-container .section-cleanbeauty {
  padding: 30px 0 78px;
}

#thinkearth-container .section-cleanbeauty .title-block {
  margin-bottom: 61px;
}

#thinkearth-container .section-cleanbeauty .title-block .title {
  padding: 0 34px;
}
#thinkearth-container .section-cleanbeauty .schedule-block {
  padding: 0 25px;
}
#thinkearth-container .section-cleanbeauty .schedule-block .schedule {
  position: relative;
  z-index: 1;
}
#thinkearth-container .section-cleanbeauty .schedule-block .schedule .obj {
  position: absolute;
  top: 132px;
  right: -14px;
  width: 57px;
}
#thinkearth-container .section-cleanbeauty .picnic-img {
  position: relative;
  z-index: 0;
  margin-top: -148px;
  width: 100%;
}
/* * END Clean Beauty Section */
/* * Cartoon Section */

#thinkearth-container .section-cartoon > .inner {
  /* background: url(http://beplain01.img4.kr/private_pages/2409/mobile/cartoon/cartoon-bg.png) 50% 0 / cover no-repeat, url(http://beplain01.img4.kr/private_pages/2409/mobile/cartoon/cartoon-bg-bottom.png) 50% 94px / 301px auto no-repeat; */
  background: url(http://beplain01.img4.kr/private_pages/2409/mobile/cartoon/cartoon-bg-min.png) 50% 0 / cover no-repeat,
    url(http://beplain01.img4.kr/private_pages/2409/mobile/cartoon/cartoon-bg-bottom.png) 50% 100% / 83.75% auto no-repeat;
  /* padding-bottom: 224px; */
  padding-bottom: 62.2%;
}

#thinkearth-container .section-cartoon .line-banner {
  padding: 19.5px 0 19px;
  background-color: #000000;
}

#thinkearth-container .section-cartoon .line-banner .title {
  padding: 0 83px 0 83.5px;
}

#thinkearth-container .section-cartoon .title-block {
  /* padding-top: 76px; */
  padding-top: 104px;
  /* margin: 0 auto 247px; */
  /* margin: 0 auto 68.6%; */
  margin: 0 auto 60%;
}

#thinkearth-container .section-cartoon .title-block .title {
  padding: 0 50px;
}
#thinkearth-container .section-cartoon .desc-block .desc {
  padding: 0 32px;
  margin-bottom: 48px;
}
#thinkearth-container .section-cartoon .cartoon-block .cartoon {
  padding: 0 48px;
}
/* * END Water Section */
/* * Product Section */
#thinkearth-container .section-product {
  position: relative;
  /* background: url(http://beplain01.img4.kr/private_pages/2409/mobile/product/product-bg.png) top center / 100% auto no-repeat; */
  background: url(http://beplain01.img4.kr/private_pages/2409/mobile/product/product-bg.png) top center / cover no-repeat;
}

#thinkearth-container .section-product .inner {
  position: relative;
  z-index: 1;
  padding-top: 220px;
  padding-bottom: 83px;
}
#thinkearth-container .section-product .top-block {
  /* position: absolute;
  left: -20px;
  top: -50px;
  width: 100%; */
  position: absolute;
  left: -20px;
  top: -50px;
  width: calc(100% + 20px);
}
#thinkearth-container .section-product .top-block #bike-lottie {
  /* position: absolute;
  top: -310px;
  width: 100%; */
  position: absolute;
  top: -89vw;
  width: 100%;
  left: 0;
}
#thinkearth-container .section-product .top-block .bg {
  width: 858px;
  max-width: none;
}
#thinkearth-container .section-product .title-block {
  margin-bottom: 29px;
  padding: 0 88px;
}
#thinkearth-container .section-product .product-block {
  padding: 0 30px;
}
#thinkearth-container .section-product .buy-btn {
  display: block;
  padding: 0 30px;
  margin: 42px auto 0;
}

#thinkearth-container .section-product .copyright {
  text-align: center;
  margin-top: 46px;
}

#thinkearth-container .section-product .copyright img {
  width: 50px;
  margin: 0 auto;
}
#thinkearth-container .section-goods .inner {
  padding: 140px 0 0;
}
#thinkearth-container .section-goods .inner .title-block {
  padding: 0 73px;
  margin-bottom: 42px;
}
#thinkearth-container .section-goods .inner .goods-thumb-block {
  position: relative;
  padding: 0 50px;
}
#thinkearth-container .section-goods .inner .goods-thumb-block .obj {
  position: absolute;
  z-index: 1;
  right: 24px;
  top: -12px;
  width: 20px;
}

/* * END Product Section */
/* * Event Section */
#thinkearth-container .section-event {
  padding: 146px 0 0;
  background: url(http://beplain01.img4.kr/private_pages/2409/mobile/event/event-bg.png) 50% 0 / cover no-repeat;
  margin-top: -20px;
  position: relative;
  z-index: 1;
}
#thinkearth-container .section-event .title-block {
  padding: 0 78px;
}
#thinkearth-container .section-event .desc-block {
  padding: 0 56px;
  margin: 62px auto 69px;
}
#thinkearth-container .section-event .img-sample-block {
  padding: 0 30px;
}
#thinkearth-container .section-event .hashtags-block {
  padding: 0 40px;
  margin: 56px auto 76px;
}
#thinkearth-container .copyright {
  padding: 37px 0 30px;
}
#thinkearth-container .copyright img {
  width: 93px;
  display: block;
  margin: 0 auto;
}

/* * END Event Section */

/* BASIC css end */