/* 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%;
  min-width: 1280px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
#thinkearth-container * {
  box-sizing: border-box;
}

#thinkearth-container .btn-home {
  position: fixed;
  z-index: 300;
  right: calc(50% - 546px);
  bottom: 100px;
  width: 92px;
}
/* * Hero Section */
#thinkearth-container .section-hero {
  position: relative;
  z-index: 1;
  background-color: #aae0fa;
}
#thinkearth-container .section-hero .inner {
  position: relative;
  padding-top: 138px;
  /* padding-bottom: 113px; */
  padding-bottom: 230px;
  z-index: 1;
}
#thinkearth-container .section-hero .logo-block {
  width: 100%;
}
#thinkearth-container .section-hero .logo-block .logo {
  display: block;
  width: 336px;
  margin: 0 auto;
}

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

#thinkearth-container .section-hero .title-block .title {
  width: 492px;
  margin: 0 auto;
}
#thinkearth-container .section-hero #hero-cloud-lottie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* pointer-events: none; */
}

/* @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/desktop/thinkearth/thinkearth-bg2.png) top center / cover no-repeat #e4ddca; */
  background-color: #e4ddca;
  padding-top: 66%;
  /* 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: -140px; */
  top: 0;
  margin-left: -2px;
  margin-top: -8%;
  /* left: 50%;
  transform: translateX(-50%); */
  left: 0;
  /* max-width: 1920px; */
}
#thinkearth-container #hero-text-lottie {
  position: absolute;
  top: 0;
  /* top: -850px; */
  /* left: 50%;
  transform: translateX(-50%); */
  margin-top: -42%;
  left: 0;
  width: 100%;
  z-index: 10;
  /* pointer-events: none; */
  /* max-width: 1920px; */
}
#thinkearth-container #hero-character-lottie {
  position: absolute;
  top: 0;
  margin-top: -42%;
  /* top: -42.5vw; */
  /* left: 50%;
  transform: translateX(-50%); */
  left: 0;
  width: 100%;
  z-index: 10;
  /* pointer-events: none; */
  /* max-width: 1920px; */
}
#thinkearth-container .section-thinkearth .bg2-wrap {
  position: relative;
  z-index: 2;
  /* background: url(http://beplain01.img4.kr/private_pages/2409/desktop/thinkearth/thinkearth-bg2.png) 50% 0 / cover no-repeat #e4ddca; */
  /* background: url(http://beplain01.img4.kr/private_pages/2409/desktop/thinkearth/thinkearth-bg3.png) 50% 0 / cover no-repeat; */
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/thinkearth/thinkearth-bg-final-min.png) 50% 0 / cover no-repeat #e4ddca;
  /* padding-bottom: 13.4%; */
  padding-bottom: 191px;
}
#thinkearth-container .section-thinkearth .title-block {
  margin-bottom: 86px;
  position: relative;
  z-index: 1;
}
#thinkearth-container .section-thinkearth .title-block .title {
  width: 435px;
  margin: 0 auto;
}

#thinkearth-container .section-thinkearth .desc-block .speech-bubble {
  width: 848px;
  margin: 0 auto;
}

#thinkearth-container .section-thinkearth .desc-block .desc {
  width: 675px;
  margin: 127px auto 151px;
}

#thinkearth-container .section-thinkearth .desc-block .box-desc {
  position: relative;
  width: 836px;
  margin: 0 auto;
}
#thinkearth-container .section-thinkearth .desc-block .box-desc:before {
  content: '';
  position: absolute;
  top: -176px;
  left: 50%;
  transform: translateX(-50%);
  width: 1528px;
  height: 218px;
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/thinkearth/thinkearth-obj0.png) 50% 0 / 1528px auto no-repeat;
}
#thinkearth-container .section-thinkearth .desc-block .box-desc:after {
  content: '';
  position: absolute;
  bottom: 106px;
  left: 50%;
  transform: translateX(-50%);
  width: 1520px;
  height: 190px;
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/thinkearth/thinkearth-obj1.png) 50% 0 / 1520px auto no-repeat;
}

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

#thinkearth-container .section-cleanbeauty .title-block {
  margin-top: 258px;
  /* margin-bottom: 46px; */
  margin-bottom: 80px;
}

#thinkearth-container .section-cleanbeauty .title-block .title {
  width: 455px;
  margin: 0 auto;
}
#thinkearth-container .section-cleanbeauty .schedule-block .schedule {
  position: relative;
  width: 827px;
  margin: 0 auto;
  z-index: 1;
}
#thinkearth-container .section-cleanbeauty .schedule-block:after {
  content: '';
  position: absolute;
  bottom: 106px;
  left: 50%;
  transform: translateX(-50%);
  width: 1332px;
  height: 125px;
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/thinkearth/thinkearth-obj2.png) 50% 0 / 1332px auto no-repeat;
}
/* * END Clean Beauty Section */
/* * Cartoon Section */

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

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

#thinkearth-container .section-cartoon .line-banner .title {
  width: 386px;
  margin: 0 auto;
}

#thinkearth-container .section-cartoon .title-block {
  /* padding-top: 265px; */
  /* padding-top: 13.8%; */
  /* padding-top: 12.8%; */
  padding-top: 15.8%;
  /* margin: 0 auto 247px; */
  /* margin: 0 auto 35.15%; */
  margin: 0 auto 36.2%;
}

#thinkearth-container .section-cartoon .title-block .title {
  width: 404px;
  margin: 0 auto;
}
#thinkearth-container .section-cartoon .desc-block .desc {
  position: relative;
  width: 766px;
  /* margin: 0 auto 211px; */
  margin: 0 auto 266px;
}
#thinkearth-container .section-cartoon .desc-block .desc .obj {
  position: absolute;
  left: -106px;
  bottom: -37px;
  width: 309px;
}
#thinkearth-container .section-cartoon .cartoon-block .cartoon {
  width: 982px;
  margin: 0 auto;
}
/* * END Water Section */
/* * Product Section */
#thinkearth-container .section-product {
  position: relative;
  /* padding-top: 294px; */
  padding-top: 23%;
  padding-bottom: 249px;
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/product/product-bg.png) 50% 0 / cover no-repeat;
}

#thinkearth-container .section-product .inner {
  position: relative;
  z-index: 1;
}
#thinkearth-container .section-product .top-block {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
}
#thinkearth-container .section-product .top-block #bike-lottie {
  position: absolute;
  /* top: -338px; */
  top: -142%;
  right: 0;
  width: 100%;
}
#thinkearth-container .section-product .top-block .bg {
  width: 100%;
  max-width: none;
}
#thinkearth-container .section-product .title-block {
  margin-bottom: 139px;
}
#thinkearth-container .section-product .title-block .title {
  width: 396px;
  margin: 0 auto;
}
#thinkearth-container .section-product .product-block {
  width: 985px;
  margin: 0 auto 293px;
}
#thinkearth-container .section-product .buy-btn {
  display: block;
  width: 498px;
  margin: 146px 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: 0;
}
#thinkearth-container .section-goods .inner .title-block {
  width: 495px;
  margin: 77px auto 110px;
}
#thinkearth-container .section-goods .inner .goods-thumb-block {
  position: relative;
  width: 1011px;
  margin: 0 auto;
}

/* * END Product Section */
/* * Event Section */
#thinkearth-container .section-event {
  /* padding: 302px 0 90px; */
  padding: 270px 0 90px;
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/event/event-bg.png) 50% 0 / cover no-repeat;
  margin-top: -20px;
  position: relative;
  z-index: 1;
}

#thinkearth-container .section-event .title-block .title {
  width: 491px;
  margin: 0 auto;
}
#thinkearth-container .section-event .desc-block {
  width: 463px;
  /* margin: 127px auto 50px; */
  margin: 127px auto 90px;
}
#thinkearth-container .section-event .img-sample-block {
  width: 1080px;
  margin: 0 auto 101px;
}
#thinkearth-container .section-event .hashtags-block {
  width: 618px;
  margin: 0 auto 329px;
}
#thinkearth-container .section-event .finish-block {
  position: relative;
  width: 100%;
  padding: 124px 0 112px;
}
#thinkearth-container .section-event .finish-block .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(http://beplain01.img4.kr/private_pages/2409/desktop/event/event-finish-bg.png) 50% 0 / 100% 502px no-repeat;
  z-index: 2;
}
#thinkearth-container .section-event .finish-block .text {
  position: relative;
  width: 628px;
  margin: 0 auto;
  z-index: 2;
}
#thinkearth-container .section-event .finish-block .btn {
  display: block;
  width: 440px;
  margin: 61px auto 0;
  position: relative;
  z-index: 2;
}
#thinkearth-container .section-event .finish-block .obj.front {
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-360px);
  width: 716px;
  z-index: 3;
}
#thinkearth-container .section-event .finish-block .obj.back {
  position: absolute;
  top: -182px;
  left: 50%;
  transform: translateX(-50%);
  width: 237px;
  z-index: 1;
}
#thinkearth-container .copyright {
  width: 197px;
  margin: 85px auto 0;
}

/* * END Event Section */

/* BASIC css end */