@charset "utf-8";

/* NotoSans, Theinhardt 폰트 이슈 - 설화수 브랜드사이트 CSS font-weight 가이드
    light 300 -> 400,
    regular 400 -> 500,
    medium 500 -> 700,
    bold 700 -> 800,
    Black 900 -> 900,
*/

/* WPC 수정 */
html {
  overflow-x: hidden;
}
html,
body {
  height: 100%;
}
body.scroll-rock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.scroll-rock .scroll-box {
  display: none;
}
#wrap {
  width: 100%;
  height: 100%;
}
.footer {
  margin-top: 0 !important;
  padding-top: 0;
}
.footer .go-top {
  display: none;
}

.rebloom * {
  margin: 0;
  padding: 0;
  font-family: "Theinhardt", "NotoSans", "Microsoft Yahei", "RobotoDraft",
    "Tahoma", "Arial", "Helvetica", sans-serif;
  color: inherit;
}
.rebloom *,
.rebloom :after,
.rebloom :before {
  box-sizing: border-box;
  flex-shrink: 0;
}
.rebloom img,
.rebloom picture,
.rebloom video,
.rebloom canvas,
.rebloom svg {
  display: block;
  max-width: 100%;
}
.rebloom button {
  background: none;
  border: 0;
  cursor: pointer;
}
.rebloom a {
  text-decoration: none;
}
.rebloom .hidden {
  display: initial;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.rebloom,
.rebloom button,
.rebloom input,
.rebloom select,
.rebloom textarea {
  font-weight: 500;
}
.rebloom .en-font-light {
  font-family: "Theinhardt";
  /* font-weight: 300; */
  font-weight: 400;
}
.rebloom .en-font-regular {
  font-family: "Theinhardt";
  /* font-weight: 400; */
  font-weight: 500;
}
.rebloom .en-font-medium {
  font-family: "Theinhardt";
  /* font-weight: 500; */
  font-weight: 700;
}
.rebloom .en-font-bold {
  font-family: "Theinhardt";
  font-weight: 900;
}
/* //WPC 수정 */

.rebloom {
  position: relative;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  word-break: keep-all;
}
.rebloom img {
  width: 100%;
}
.rebloom .cont {
  padding: 0 30px;
}
.rebloom .tit01 {
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 0.1em;
}
.rebloom .tit02 {
  font-size: 20px;
  /* font-weight: 400; */
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.1em;
  color: #f26e25;
}
.rebloom .cont-txt-tit {
  margin-top: 10px;
  font-size: 31px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.1em;
}
.rebloom .cont-txt-sub,
.rebloom .cont-txt-sub-ani {
  margin-top: 22px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
}
.rebloom .cont-txt-sub span,
.rebloom .cont-txt-sub-ani span {
  display: inline-block;
  line-height: 20px;
  vertical-align: baseline;
}
.rebloom .only_mo {
  display: none;
}
.rebloom .only_pc {
  display: block;
}
.rebloom .progress-bar-con {
  position: fixed;
  display: none;
  left: 0;
  margin-top: 16%;
  width: 100vw;
  height: 2px;
  z-index: 10;
  background: #fff;
  overflow: hidden;
}
.rebloom .progress-bar-con.progress-none {
  display: none;
}
.rebloom .progress-bar-con.progress-ver2 {
  background: rgba(23, 23, 23, 0.1);
}
.rebloom .progress-bar-con.progress-ver2 .progress-bar {
  background: #171717;
}
.rebloom .progress-bar {
  width: 0%;
  max-width: 100%;
  height: 100%;
  background: #333;
}
@media (max-width: 767px) {
  .rebloom .only_mo {
    display: block;
  }
  .rebloom .only_pc {
    display: none;
  }
  .rebloom .progress-bar-con {
    position: fixed;
    display: block;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    width: 80vw;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 100;
  }
  .rebloom .progress-bar {
    width: 0%;
    height: 100%;
    background: #fff;
  }
}
.rebloom .scroll-box {
  position: fixed;
  bottom: 53px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 99;
}
.rebloom .scroll-box .scroll-down {
  display: inline-block;
  padding-bottom: 17px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1em;
  background: url(https://amc.apglobal.com/image/384224417642/image_i8l3uq063949tdcqki89mcm72n/-FPNG/scroll_down_cn_230120.png)
    no-repeat center bottom/17px auto;
}
.rebloom .scroll-box .scroll-top {
  display: none;
  width: 50px;
  height: 36px;
  background: url(https://amc.apglobal.com/image/384224417642/image_k5r1eug4l12n19v19n7n80an28/-FPNG/scroll_top_cn_230120.png)
    no-repeat center center/100% auto;
}
.rebloom .scroll-box .scroll-down-mo {
  display: none;
  height: 22px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.01em;
  border: 1px solid #fff;
  padding: 0 5px;
}
.rebloom .scroll-box.scroll-inpro {
  background: none;
}
.rebloom .scroll-box.scroll-inpro .scroll-down {
  display: none;
}
.rebloom .scroll-box.scroll-inpro .scroll-top {
  display: block;
}
.rebloom .scroll-box.back-white .scroll-top {
  background-image: url(https://amc.apglobal.com/image/384224417642/image_sle8nbi5el7af6n276idl19h2p/-FPNG/scroll_top2_cn_230120.png);
  transition: 0.7s;
}
@media (max-width: 767px) {
  .rebloom .scroll-box.scroll-inpro .scroll-top {
    display: none;
  }
  .rebloom .scroll-box.mo-fade {
    background: none;
  }
  .rebloom .scroll-box.mo-fade .scroll-down {
    display: none;
  }
  .rebloom .scroll-box.mo-fade .scroll-down-mo {
    display: block;
  }
}
.rebloom .scroll-last {
  position: absolute;
  bottom: 40vh;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  z-index: 99;
  transition: 0.7s linear;
}
.rebloom .scroll-last .scroll-down {
  display: inline-block;
  padding-bottom: 17px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1em;
  background: url(https://amc.apglobal.com/image/384224417642/image_i8l3uq063949tdcqki89mcm72n/-FPNG/scroll_down_cn_230120.png)
    no-repeat center bottom/17px auto;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .rebloom .scroll-last {
    bottom: 35vh;
  }
}
.rebloom .intro {
  position: relative;
  width: 100%;
  height: 350vh;
  background: #171717;
}
.rebloom .intro.ani.active .roll {
  animation: none;
}
.rebloom .intro .tit02 {
  color: #fff;
}
.rebloom .intro .intro-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  font-size: 50px;
  color: #fff;
  z-index: 10;
}
.rebloom .intro .intro-list .intro-tit {
  position: relative;
  padding: 0 2rem;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.rebloom .intro .intro-list .intro-sub {
  display: none;
  padding: 0 2rem;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 0.01em;
  text-align: center;
  z-index: 1;
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .intro .intro-list .roll {
  animation: opacityup 0.7s linear;
  opacity: 1;
}
.rebloom .intro .intro1 {
  position: relative;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  background: url(https://amc.apglobal.com/image/384224417642/image_g3588qv5o13lrci8d3repsih2v/-FJPG/cnro_bg_pc_cn_230120.jpg)
    no-repeat center top;
  background-size: 100%;
  animation: scalechange 0.8s ease-in-out;
  transform-origin: center top;
  transition: 0.7s;
  opacity: 1;
}
.rebloom .intro .intro1 .tit01 .roll {
  font-weight: 500;
}
.rebloom .intro .intro1 .intro-tit-sub {
  margin-top: 20px;
  font-size: 62px;
  line-height: 68px;
  letter-spacing: 0.08em;
}
.rebloom .intro .intro1 .intro-tit-sub .roll-txt:last-child {
  line-height: 85px;
}
@media (max-width: 767px) {
  .rebloom .intro .intro1 .intro-tit-sub .roll-txt:last-child {
    line-height: 36px;
  }
}
.rebloom .intro .intro1 .intro-dim {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.47);
  transition: 1s;
}
.rebloom .intro .intro1.fade-out {
  opacity: 0;
}
.rebloom .intro .intro-video-box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 150vh;
  opacity: 0;
  transition: 0.7s;
}
.rebloom .intro .intro-video-box.fade-in {
  opacity: 1;
}
.rebloom .intro .intro-video-box.fade-in .intro-video {
  transform: scale(1);
}
.rebloom .intro .intro-video-box.fade-in .video-dim {
  background: rgba(0, 0, 0, 0.65);
}
.rebloom .intro .intro-video-box.out {
  position: absolute;
  bottom: 0;
  left: 0;
}
.rebloom .intro .intro2,
.rebloom .intro .intro3 {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.7s;
}
.rebloom .intro .intro2 {
  opacity: 1;
}
.rebloom .intro .intro2 .intro-tit-sub {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.08em;
}
.rebloom .intro .intro2 .intro-tit-sub .en-font-light {
  letter-spacing: 0.1em;
}
.rebloom .intro .intro2 .intro-sub {
  overflow: hidden;
  transform: translateY(-100%);
}
.rebloom .intro .intro3 {
  opacity: 0;
}
.rebloom .intro .intro3 .intro-sub {
  transform: translateY(200%);
  transition: 0.7s;
}
.rebloom .intro .intro-video {
  position: fixed;
  top: 0;
  left: 0;
  transform: scale(2);
  transform-origin: center center;
  transition: 1s;
}
.rebloom .intro .intro-video .video-dim {
  background: #000;
}
.rebloom .intro.active .intro1,
.rebloom .intro.active .intro-video-box {
  position: fixed;
}
.rebloom .cont1 {
  position: relative;
  width: 100%;
  height: 250vh;
  background: #fff;
}
.rebloom .cont1 .cont1-top {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  text-align: center;
}
.rebloom .cont1 .cont1-film {
  position: relative;
  display: flex;
  width: 200%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.rebloom .cont1 .cont1-film.film-next-show .film-box-next {
  left: 0;
}
.rebloom .cont1 .film-box {
  position: relative;
  width: 50%;
  height: 100%;
}
.rebloom .cont1 .film-box .film-video-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.rebloom .cont1 .film-box button {
  margin-top: 32px;
}
.rebloom .cont1 .film-box .film-prev-btn {
  position: absolute;
  top: 16.5%;
  right: 0;
  margin-top: 0;
}
.rebloom .cont1 .film-box .film-back-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 42%;
  height: 14%;
  background: url(https://amc.apglobal.com/image/384224417642/image_7juuirni6526p6iekqa7cfb06h/-FPNG/sulwhasoo_logo_cn_230120.png)
    no-repeat center center/contain;
}
.rebloom .cont1 .film-box .film-back-txt > div {
  margin: 0 30px;
  transition: 0.8s;
}
@keyframes speed11 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rebloom .cont1 .film-box-next {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 9%;
  background: #171717;
  text-align: left;
  z-index: 110;
  transition: 1.2s linear;
}
@media (max-width: 767px) {
  .rebloom .cont1 .film-box-next {
    transition: 0.7s linear;
  }
}
.rebloom .cont1 .film-box-next:after {
  display: none;
}
.rebloom .cont1 .film-box-next .film-txt {
  margin-top: 0;
  padding-right: 10%;
}
.rebloom .cont1 .film-box-next .cont-txt-tit {
  color: #fff;
}
.rebloom .cont1 .film-box-next .film-yt {
  margin-top: 3%;
  width: 100%;
  height: 66%;
}
.rebloom .cont1 .film-txt {
  margin-top: 9.5%;
  position: relative;
  color: #171717;
  transform-origin: center top;
  z-index: 11;
  opacity: 1;
}
.rebloom .cont1 .cont1-back-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: auto;
  bottom: 16%;
  transform: scale(0.3145);
  transform-origin: bottom center;
  transition: 0.8s;
  z-index: 10;
}
.rebloom .cont1 .cont1-video .video-dim {
  background: rgba(0, 0, 0, 0.5);
}
.rebloom .cont1 .cont1-full {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 150vh;
  opacity: 0;
}
.rebloom .cont1 .cont1-full .full-bg-txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 15%;
  width: 100%;
  height: 100vh;
  text-align: left;
  color: #fff;
  opacity: 0;
  transition: 0.7s;
}
.rebloom .cont1 .cont1-full .full-bg-sub {
  transition: 0.5s;
}
.rebloom .cont1.active .cont1-top,
.rebloom .cont1.active .cont1-full {
  position: fixed;
}
.rebloom .cont1.active .cont1-top {
  z-index: 11;
}
.rebloom .cont1.active .roll-txt .roll {
  animation: none;
}
.rebloom .cont1.active .full-bg-txt .full-bg-sub {
  animation: none;
}
.rebloom .cont1.active.now1 .cont1-back-img {
  bottom: 16%;
}
.rebloom .cont1.active.now2 .cont1-back-img {
  bottom: 0;
  left: 0;
  transform: scale(1);
}
.rebloom .cont1.active.now2 .cont1-full {
  opacity: 1;
  z-index: 12;
}
.rebloom .cont1.active.now2 .cont1-full .full-bg-txt {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
}
.rebloom .cont1.active.now2 .film-txt {
  z-index: 9;
}
.rebloom .cont1.active.now2 .roll-txt .roll {
  animation: opacityup 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont1.active.now2 .full-bg-txt .full-bg-sub {
  animation: opacityup 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont1.active.ani.active.end .cont1-top,
.rebloom .cont1.active.ani.active.end .cont1-full {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .cont1.active.ani.active.end .cont1-full {
  opacity: 1;
  z-index: 12;
}
.rebloom .cont1.active.ani.active.end .cont1-full .full-bg-txt {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .rebloom .cont1 .film-box .film-back-txt {
    top: 58%;
  }
  .rebloom .cont1 .film-txt {
    margin-top: 2%;
  }
  .rebloom .cont1 .cont1-back-img {
    bottom: 7%;
  }
  .rebloom .cont1.active.now1 .cont1-back-img {
    bottom: 7%;
  }
}
@keyframes sct {
  0% {
    transform: scale(0.8);
    bottom: -50%;
  }
  100% {
    bottom: 17%;
    transform: scale(0.3);
  }
}
.rebloom .cont2 {
  position: relative;
  height: 450vh;
  background: #171717;
}
.rebloom .cont2 .cont2-box {
  width: 100%;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: 100vh;
  display: flex;
}
.rebloom .cont2 .cont2-flow {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  transition: 1.2s linear;
}
.rebloom .cont2 .flow-wrap {
  height: 100vh;
}
.rebloom .cont2 .flow-list-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.rebloom .cont2 .flow-list {
  height: 100%;
  margin-right: 16%;
  opacity: 0;
  transition: 1.2s linear;
}
.rebloom .cont2 .flow-list .flow-img {
  width: 100%;
  height: 100%;
  background: url(https://amc.apglobal.com/image/384224417642/image_bfut5pcfa10fj4pk3bat8ep72o/-FJPG/flow_img1_cn_230120.jpg)
    no-repeat left center/100%;
  transition: 1.2s linear;
}
.rebloom .cont2 .flow-list.flow1 {
  width: 50%;
  transform: translate(12%, 50%);
}
.rebloom .cont2 .flow-list.flow1 .flow-img {
  background-size: 150%;
}
.rebloom .cont2 .flow-list.flow2 {
  width: 30%;
  height: 80%;
  transform: translate(6%, 150%);
  opacity: 1;
}
.rebloom .cont2 .flow-list.flow2 .flow-img {
  background-image: url(https://amc.apglobal.com/image/384224417642/image_rqk36kfofp79nd849v30g6jp76/-FJPG/flow_img2_cn_230120.jpg);
}
.rebloom .cont2 .flow-list.flow3 {
  width: 50%;
  height: 60%;
  transform: translate(16%, 40%);
}
.rebloom .cont2 .flow-list.flow3 .flow-img {
  background-image: url(https://amc.apglobal.com/image/384224417642/image_pt5f1fldk13f39lmpvcl8m4153/-FJPG/flow_img3_cn_230120.jpg);
  background-size: 120%;
  background-position: center right;
}
.rebloom .cont2 .cont2-story {
  position: relative;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100vh;
  transform: translate(0, 0);
  color: #fff;
  transition: 1.2s linear;
}
.rebloom .cont2 .cont2-story .story-box-img {
  width: 22%;
  z-index: 10;
  overflow: hidden;
}
.rebloom .cont2 .cont2-story .story-back-txt {
  position: absolute;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  top: 24%;
  left: 50%;
  background: url(https://amc.apglobal.com/image/384224417642/image_7juuirni6526p6iekqa7cfb06h/-FPNG/sulwhasoo_logo_cn_230120.png)
    no-repeat center center/100%;
  opacity: 0;
}
.rebloom .cont2 .cont2-story .story-back-txt > div {
  margin: 0 50px;
  transition: 1s linear;
  filter: invert(75%);
  opacity: 0.3;
}
@media (max-width: 767px) {
  .rebloom .cont2 .cont2-story .story-back-txt > div {
    margin: 0 40px;
    filter: opacity(0.2) drop-shadow(0 0 0 #f26e25);
  }
}
.rebloom .cont2.active .cont2-box,
.rebloom .cont2.active .cont2-story {
  position: fixed;
}
.rebloom .cont2.now1 .flow-list.flow1 {
  opacity: 1;
  transform: translate(12%, 0%);
}
.rebloom .cont2.now1 .flow-list.flow1 .flow-img {
  background-size: 100%;
}
.rebloom .cont2.now2 .flow-list.flow1 {
  opacity: 1;
  transform: translate(-10%, -50%);
}
.rebloom .cont2.now2 .flow-list.flow1 .flow-img {
  background-size: 150%;
  background-position: center right;
}
.rebloom .cont2.now2 .flow-list.flow2 {
  transform: translate(-26%, 13%);
}
.rebloom .cont2.now3 .flow-list.flow1,
.rebloom .cont2.now4 .flow-list.flow1 {
  opacity: 1;
  transform: translate(-150%, 0);
}
.rebloom .cont2.now3 .flow-list.flow1 .flow-img,
.rebloom .cont2.now4 .flow-list.flow1 .flow-img {
  background-size: 150%;
  background-position: center right;
}
.rebloom .cont2.now3 .flow-list.flow2,
.rebloom .cont2.now4 .flow-list.flow2 {
  transform: translate(-250%, 40%);
}
.rebloom .cont2.now3 .flow-list.flow2 .flow-img,
.rebloom .cont2.now4 .flow-list.flow2 .flow-img {
  background-size: 150%;
  background-position: center right;
}
.rebloom .cont2.now3 .flow-list.flow3,
.rebloom .cont2.now4 .flow-list.flow3 {
  opacity: 1;
  transform: translate(-150%, 30%);
}
@media (max-width: 767px) {
  .rebloom .cont2.now3 .story-back-txt,
  .rebloom .cont2.now4 .story-back-txt {
    top: 9%;
  }
}
.rebloom .cont2.now4 .cont2-flow,
.rebloom .cont2.now5 .cont2-flow {
  transform: translateX(-100%);
}
.rebloom .cont2.now4 .cont2-story,
.rebloom .cont2.now5 .cont2-story {
  transform: translate(-100%, 0);
}
.rebloom .cont2.now4 .story-back-txt,
.rebloom .cont2.now5 .story-back-txt {
  transition: 1s linear;
}
@media (max-width: 767px) {
  .rebloom .cont2.now4 .story-back-txt,
  .rebloom .cont2.now5 .story-back-txt {
    top: 13%;
  }
}
.rebloom .cont2.now4 .story-back-txt > div,
.rebloom .cont2.now5 .story-back-txt > div {
  margin: 0 10px;
  transition: 1s linear;
  animation: gtob 0.7s linear;
}
@media (max-width: 767px) {
  .rebloom .cont2.now4 .story-back-txt > div,
  .rebloom .cont2.now5 .story-back-txt > div {
    opacity: 1;
    transition: 1s linear;
    margin: 0 10px;
    filter: opacity(0.2) drop-shadow(0 0 0 #f26e25);
    animation: gtob_mo 0.7s linear;
  }
}
@keyframes gtob {
  0% {
    filter: invert(75%);
    opacity: 0.3;
  }
  50% {
    filter: none;
  }
  100% {
    filter: invert(75%);
    opacity: 0.3;
  }
}
@keyframes gtob_mo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.2;
  }
}
.rebloom .cont2.now4 .flow-list.flow3 .flow-img,
.rebloom .cont2.now5 .flow-list.flow3 .flow-img {
  background-size: 150%;
}
.rebloom .cont2.now4 .story-box-img img,
.rebloom .cont2.now5 .story-box-img img {
  animation: scalesmall 1s ease-in-out;
  z-index: 10;
  opacity: 1;
}
.rebloom .cont2.now4 .story-box-txt .tit02,
.rebloom .cont2.now5 .story-box-txt .tit02 {
  animation: textright 1s ease-in-out;
}
.rebloom .cont2.now4 .story-box-txt .cont-txt-tit,
.rebloom .cont2.now5 .story-box-txt .cont-txt-tit {
  animation: textright 1.3s ease-in-out;
}
.rebloom .cont2.now4 .story-box-txt .cont-txt-sub,
.rebloom .cont2.now5 .story-box-txt .cont-txt-sub {
  animation: textright 1.6s ease-in-out;
}
.rebloom .cont2.ani.active.end .cont2-box,
.rebloom .cont2.ani.active.end .cont2-story {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
.rebloom .cont2.ani.active.end .cont2-story {
  left: 100%;
}
@media (max-width: 767px) {
  .rebloom .cont2 .flow-list.flow1 {
    width: 140%;
  }
  .rebloom .cont2 .flow-list.flow2 {
    width: 90%;
  }
  .rebloom .cont2 .flow-list.flow3 {
    width: 140%;
  }
  .rebloom .cont2.now1 .flow-list.flow1 {
    transform: translate(-35%, -5%);
  }
  .rebloom .cont2.now2 .flow-list.flow1 {
    transform: translate(-120%, 0);
  }
  .rebloom .cont2.now2 .flow-list.flow2 {
    transform: translate(-160%, 13%);
  }
  .rebloom .cont2.now3 .flow-list.flow1,
  .rebloom .cont2.now4 .flow-list.flow1 {
    transform: translate(-120%, 0);
  }
  .rebloom .cont2.now3 .flow-list.flow2,
  .rebloom .cont2.now4 .flow-list.flow2 {
    transform: translate(-300%, 13%);
  }
  .rebloom .cont2.now3 .flow-list.flow3,
  .rebloom .cont2.now4 .flow-list.flow3 {
    transform: translate(-210%, 30%);
  }
  .rebloom .cont2.now4 .cont2-flow {
    transform: translateX(-100%);
  }
  .rebloom .cont2.now4 .cont2-story {
    transform: translateX(-100%);
  }
  .rebloom .cont2.now4 .flow-list.flow3 .flow-img {
    background-size: 150%;
  }
  .rebloom .cont2.now4 .story-back-txt {
    opacity: 0.3;
    width: calc(100% - 6rem);
    height: 20%;
  }
  .rebloom .cont2.now4 .story-box-img img {
    animation: scalesmall 1s ease-in-out;
    opacity: 1;
  }
  .rebloom .cont2.now4 .story-box-txt .tit02 {
    animation: textright 1s ease-in-out;
  }
  .rebloom .cont2.now4 .story-box-txt .cont-txt-tit {
    animation: textright 1.3s ease-in-out;
  }
  .rebloom .cont2.now4 .story-box-txt .cont-txt-sub {
    /* font-weight: 300; */
    font-weight: 400;
    animation: textright 1.6s ease-in-out;
  }
}
.rebloom .cont3 {
  position: relative;
  width: 100%;
  height: 250vh;
  background: #171717;
}
.rebloom .cont3.active .cont3-scale-box.video-scale {
  position: fixed;
}
.rebloom .cont3.active .cont4 {
  position: fixed;
}
.rebloom .cont3.active .roll-txt .roll {
  animation: none;
}
.rebloom .cont3.active .full-bg-txt .full-bg-sub {
  animation: none;
}
.rebloom .cont3.now2 .cont3-scale-box.video-scale,
.rebloom .cont3.now3 .cont3-scale-box.video-scale {
  transform: scale(2.5);
}
.rebloom .cont3.now2 .cont4,
.rebloom .cont3.now3 .cont4 {
  opacity: 1;
}
.rebloom .cont3.now2 .cont4 .cont4-box .video-dim,
.rebloom .cont3.now3 .cont4 .cont4-box .video-dim {
  background: rgba(0, 0, 0, 0.5);
}
.rebloom .cont3.now2 .roll-txt .roll,
.rebloom .cont3.now3 .roll-txt .roll {
  animation: opacityup 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont3.now2 .full-bg-txt .full-bg-sub,
.rebloom .cont3.now3 .full-bg-txt .full-bg-sub {
  animation: opacityup 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont3.ani.active.end .cont3-scale-box.video-scale {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .cont3.ani.active.end .cont4 {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .cont3.ani.active.end .cont4 .cont4-box .video-dim {
  background: rgba(0, 0, 0, 0.5);
}
.rebloom .cont3-scale-box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  color: #fff;
  transition: 0.7s linear;
  transition-delay: 0.3s;
}
.rebloom .cont3-scale-box .cont3-video {
  position: relative;
  transition: 0.7s linear;
  transition-delay: 0.3s;
}
.rebloom .cont3-scale-box.video-scale .cont3-video {
  transform-origin: center center;
}
.rebloom .cont4 {
  position: relative;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .cont4 .cont4-box {
  width: 100%;
  height: 100vh;
}
.rebloom .cont4 .cont4-box .video-dim {
  background: #000;
}
.rebloom .cont5 {
  position: relative;
  height: 150vh;
  background: #171717;
  color: #fff;
  overflow: hidden;
}
.rebloom .cont5 .cont5-story {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.rebloom .cont5 .story-box-img {
  width: 42%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .cont5 .cont-txt-sub {
  opacity: 0;
}
.rebloom .cont5.active .cont5-story {
  position: fixed;
}
.rebloom .cont5.active .story-box-img {
  opacity: 1;
}
.rebloom .cont5.active .story-box-img img {
  animation: scalesmall 1s ease-in-out;
}
.rebloom .cont5.ani.active.end .cont5-story {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .cont6 {
  position: relative;
  width: 100%;
  height: 150vh;
  background: #171717;
  z-index: 10;
}
.rebloom .cont6 .cont6-box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.rebloom .cont6 .cont6-back-img {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transform-origin: bottom center;
  transition: 0.7s linear;
  bottom: 0%;
  left: 0;
}
.rebloom .cont6.active .cont6-box {
  position: fixed;
  height: 100vh;
}
.rebloom .cont6.active .cont6-back-img {
  bottom: 0;
  transform: scale(1);
}
.rebloom .cont6.ani.active.end .cont6-box {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .cont7 {
  position: relative;
  width: 100%;
  height: 450vh;
  background: #171717;
}
.rebloom .cont7 .cont7-history {
  position: relative;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: 1.5s linear;
  z-index: 10;
}
.rebloom .cont7 .history-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 10%;
}
.rebloom .cont7 .history-box .history-list {
  position: relative;
  color: #fff;
  transition: 0.7s linear;
}
.rebloom .cont7 .history-box .history-list .history-txt {
  position: absolute;
  width: 200%;
  left: 65%;
  bottom: 34px;
  text-align: left;
  z-index: 10;
}
.rebloom .cont7 .history-box .history-list .history-txt-year {
  font-size: 130px;
  letter-spacing: -0.045em;
  opacity: 0;
}
.rebloom .cont7 .history-box .history-list .history-txt-exp {
  margin-top: -30px;
  font-size: 28px;
  /* font-weight: 600; */
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 0.08em;
  opacity: 0;
}
.rebloom .cont7 .history-box .history-list .history-txt-exp span {
  display: block;
  /* font-weight: 400; */
  font-weight: 400;
}
.rebloom .cont7 .history-box .history-list .history-txt-exp .en-font-bold {
  display: inline-block;
}
.rebloom .cont7 .history-box .history-list .history-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(https://amc.apglobal.com/image/384224417642/image_0dntna5lct5srb7v36834d1802/-FJPG/history_img1_cn_230120.jpg)
    no-repeat center center;
}
.rebloom .cont7 .history-box .history-list .history-img img {
  width: auto;
  max-width: 150%;
  height: 100%;
}
.rebloom .cont7 .history-box .history1 {
  width: 30%;
  height: 58%;
  transform: translate(-100%, 100%);
  opacity: 0;
}
.rebloom .cont7 .history-box .history2 {
  margin-left: 10%;
  width: 25%;
  height: 40%;
  transform: translate(100%, -50%);
  opacity: 0;
}
.rebloom .cont7 .history-box .history2 .history-txt {
  bottom: -25%;
  left: 30%;
}
.rebloom .cont7 .history-box .history2 .history-img {
  background-image: url(https://amc.apglobal.com/image/384224417642/image_6ij3gl5a417ardm9ipu6kk3d7e/-FJPG/history_img2_pc_cn_230120.jpg);
  background-size: 130%;
}
.rebloom .cont7 .history-box .history3 {
  margin-left: 5%;
  width: 23%;
  height: 66%;
  transform: translate(40%, 30%);
  z-index: 1;
  opacity: 0;
}
.rebloom .cont7 .history-box .history3 .history-txt {
  top: 15%;
  right: -100%;
}
.rebloom .cont7 .history-box .history3 .history-img {
  background-image: url(https://amc.apglobal.com/image/384224417642/image_0ln0qqd8md2u1dcss6f9odb301/-FJPG/history_img3_cn_230120.jpg);
  background-size: 250%;
  background-position: top center;
}
.rebloom .cont7 .history-box .history4 {
  margin-left: 20%;
  width: 30%;
  height: 58%;
  transform: translate(-20%, 0);
  opacity: 0;
}
.rebloom .cont7 .history-box .history4 .history-txt {
  top: 20%;
  left: -22%;
}
.rebloom .cont7 .history-box .history4 .history-img {
  background-image: url(https://amc.apglobal.com/image/384224417642/image_g77upn77mp4ij4fl0e6eq5ag44/-FJPG/history_img4_cn_230120.jpg);
}
.rebloom .cont7.active .cont7-history {
  position: fixed;
}
.rebloom .cont7.now1 .history-box .history1 {
  transform: translate(0, 0);
  opacity: 1;
}
.rebloom .cont7.now1 .history-box .history1 .history-txt-year {
  animation: textleft 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now1 .history-box .history1 .history-txt-exp {
  animation: textleft 1s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now2 .history-box .history1 {
  transform: translate(-10%, 20%);
  opacity: 1;
}
.rebloom .cont7.now2 .history-box .history1 .history-txt-year {
  opacity: 1;
}
.rebloom .cont7.now2 .history-box .history1 .history-txt-exp {
  opacity: 1;
}
.rebloom .cont7.now2 .history-box .history2 {
  transform: translate(0, -50%);
  opacity: 1;
}
.rebloom .cont7.now2 .history-box .history2 .history-txt-year {
  animation: textright 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now2 .history-box .history2 .history-txt-exp {
  animation: textright 1s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history1 {
  transform: translate(-160%, 0%);
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history1 .history-txt-year {
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history1 .history-txt-exp {
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history2 {
  transform: translate(-150%, -60%);
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history2 .history-txt-year {
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history2 .history-txt-exp {
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history3 {
  transform: translate(-120%, 30%);
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history3 .history-txt-year {
  animation: textright 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now3 .history-box .history3 .history-txt-exp {
  animation: textright 1s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now4 .cont7-history,
.rebloom .cont7.now5 .cont7-history,
.rebloom .cont7.now6 .cont7-history {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history1,
.rebloom .cont7.now5 .history-box .history1,
.rebloom .cont7.now6 .history-box .history1 {
  transform: translate(-270%, 0%);
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history1 .history-txt-year,
.rebloom .cont7.now5 .history-box .history1 .history-txt-year,
.rebloom .cont7.now6 .history-box .history1 .history-txt-year {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history1 .history-txt-exp,
.rebloom .cont7.now5 .history-box .history1 .history-txt-exp,
.rebloom .cont7.now6 .history-box .history1 .history-txt-exp {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history2,
.rebloom .cont7.now5 .history-box .history2,
.rebloom .cont7.now6 .history-box .history2 {
  transform: translate(-370%, -35%);
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history2 .history-txt-year,
.rebloom .cont7.now5 .history-box .history2 .history-txt-year,
.rebloom .cont7.now6 .history-box .history2 .history-txt-year {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history2 .history-txt-exp,
.rebloom .cont7.now5 .history-box .history2 .history-txt-exp,
.rebloom .cont7.now6 .history-box .history2 .history-txt-exp {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history3,
.rebloom .cont7.now5 .history-box .history3,
.rebloom .cont7.now6 .history-box .history3 {
  transform: translate(-330%, 45%);
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history3 .history-txt-year,
.rebloom .cont7.now5 .history-box .history3 .history-txt-year,
.rebloom .cont7.now6 .history-box .history3 .history-txt-year {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history3 .history-txt-exp,
.rebloom .cont7.now5 .history-box .history3 .history-txt-exp,
.rebloom .cont7.now6 .history-box .history3 .history-txt-exp {
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history4,
.rebloom .cont7.now5 .history-box .history4,
.rebloom .cont7.now6 .history-box .history4 {
  transform: translate(-180%, 0%);
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history4 .history-txt-year,
.rebloom .cont7.now5 .history-box .history4 .history-txt-year,
.rebloom .cont7.now6 .history-box .history4 .history-txt-year {
  animation: textright 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.now4 .history-box .history4 .history-txt-exp,
.rebloom .cont7.now5 .history-box .history4 .history-txt-exp,
.rebloom .cont7.now6 .history-box .history4 .history-txt-exp {
  animation: textright 1s ease-in-out;
  opacity: 1;
}
.rebloom .cont7.ani.active.end .cont7-history {
  position: absolute;
  top: auto;
  bottom: 0;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .rebloom .cont7 .history-box .history-list .history-txt-year {
    font-size: 70px;
    letter-spacing: -0.07em;
  }
  .rebloom .cont7 .history-box .history1 {
    width: 50%;
  }
  .rebloom .cont7 .history-box .history2 {
    width: 50%;
  }
  .rebloom .cont7 .history-box .history3 {
    width: 50%;
  }
  .rebloom .cont7 .history-box .history4 {
    width: 54%;
  }
  .rebloom .cont7.active.now3 .history-box .history2 {
    transform: translate(-140%, -70%);
  }
  .rebloom .cont7.active.now3 .history-box .history3 {
    transform: translate(-110%, 0%);
  }
  .rebloom .cont7.active.now3 .history-box .history3 .history-txt {
    top: auto;
    left: 0;
  }
  .rebloom .cont7.active.now4 .history-box .history3,
  .rebloom .cont7.active.now5 .history-box .history3 {
    transform: translate(-250%, 0%);
  }
  .rebloom .cont7 .history-box .history4 .history-txt {
    left: 0;
  }
  .rebloom .cont7.active.now4 .history-box .history3 .history-txt,
  .rebloom .cont7.active.now5 .history-box .history3 .history-txt {
    top: auto;
    left: 0;
  }
  .rebloom .cont7.active.now4 .history-box .history4,
  .rebloom .cont7.active.now5 .history-box .history4 {
    transform: translate(-250%, 0%);
  }
}
@media (max-width: 767px) {
  .rebloom .cont7 .history-box .history-list .history-txt {
    left: 8%;
    bottom: 34px;
  }
  .rebloom .cont7 .history-box .history-list .history-img {
    background-size: 100%;
  }
  .rebloom .cont7 .history-box .history-list .history-txt-year {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -0.035em;
  }
  .rebloom .cont7 .history-box .history-list .history-txt-exp {
    margin-top: -2px;
    font-size: 16px;
    /* font-weight: 600; */
    font-weight: 800;
    line-height: 22px;
    letter-spacing: 0.12em;
  }
  .rebloom .cont7 .history-box .history1 {
    width: 65%;
    height: 45%;
    transform: translate(0, -30%);
  }
  .rebloom .cont7 .history-box .history1 .history-txt-exp {
    padding-left: 10%;
  }
  .rebloom .cont7 .history-box .history2 {
    width: 125%;
    height: 35%;
  }
  .rebloom .cont7 .history-box .history2 .history-img {
    background-image: url(https://amc.apglobal.com/image/384224417642/image_5c8r7t90d54e95mnteb8cpln19/-FJPG/history_img2_mo_cn_230120.jpg);
  }
  .rebloom .cont7 .history-box .history2 .history-txt {
    bottom: 5%;
    left: 5%;
  }
  .rebloom .cont7 .history-box .history3 {
    width: 60%;
    height: 70%;
  }
  .rebloom .cont7 .history-box .history3 .history-img {
    background-size: 210%;
    background-position: bottom center;
  }
  .rebloom .cont7 .history-box .history3 .history-txt {
    top: auto;
    bottom: -8%;
    left: auto;
    right: -60%;
  }
  .rebloom .cont7 .history-box .history4 {
    width: 60%;
    height: 40%;
  }
  .rebloom .cont7 .history-box .history4 .history-txt {
    top: auto;
    bottom: 10%;
    left: -25%;
  }
  .rebloom .cont7.active.now2 .history-box .history1 {
    transform: translate(-25%, -45%);
  }
  .rebloom .cont7.active.now2 .history-box .history2 {
    transform: translate(-50%, 65%);
  }
  .rebloom .cont7.active.now3 .history-box .history2 {
    transform: translate(-140%, 65%);
  }
  .rebloom .cont7.active.now3 .history-box .history3 {
    transform: translate(-280%, -45%);
  }
  .rebloom .cont7.active.now4 .history-box .history3,
  .rebloom .cont7.active.now5 .history-box .history3 {
    transform: translate(-420%, -45%);
  }
  .rebloom .cont7.active.now4 .history-box .history4,
  .rebloom .cont7.active.now5 .history-box .history4 {
    transform: translate(-425%, 50%);
  }
}
.rebloom .cont8 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 250vh;
}
.rebloom .cont8 .full-bg-txt {
  opacity: 0;
}
.rebloom .cont8 .full-bg-txt .txt-first {
  opacity: 1;
  transition: 0.7s linear;
}
.rebloom .cont8 .full-bg-txt .txt-next {
  transform: translateY(-60px);
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .cont8 .cont8-dim {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s linear;
}
.rebloom .cont8 .cont8-full {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.rebloom .cont8.active .cont8-full {
  position: fixed;
}
.rebloom .cont8.active .full-bg-txt {
  opacity: 1;
}
.rebloom .cont8.now2 .full-bg-txt .txt-first {
  opacity: 0;
}
.rebloom .cont8.now2 .full-bg-txt .txt-next {
  transform: translateY(-60px);
  opacity: 1;
}
@media (max-width: 767px) {
  .rebloom .cont8.now2 .full-bg-txt .txt-next {
    transform: translateY(-66px);
  }
}
.rebloom .cont8.end .cont8-full {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}
.rebloom .cont9 {
  position: relative;
  width: 100%;
  height: 450vh;
  background: #171717;
}
.rebloom .cont9 .cont9-top {
  position: relative;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.rebloom .cont9 .cont9-top .cont9-txt-talk,
.rebloom .cont9 .cont9-top .cont9-txt-ps {
  opacity: 0;
}
.rebloom .cont9 .cont9-top-txt {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  z-index: 10;
}
.rebloom .cont9 .cont9-txt-talk {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
}
.rebloom .cont9 .cont9-txt-ps {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.1em;
}
.rebloom .cont9 .cont9-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #fff;
  transition: 0.7s linear;
  opacity: 0;
}
.rebloom .cont9 .cont9-img {
  position: absolute;
  top: 16%;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(https://amc.apglobal.com/image/384224417642/image_ua7j007akt5hnegpkohbaubf2s/-FJPG/talk_img_cn_230120.jpg)
    no-repeat center/cover;
  opacity: 0;
  transition: 0.7s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.5);
}
.rebloom .cont9 .cont9-img .only_mo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(https://amc.apglobal.com/image/384224417642/image_ua7j007akt5hnegpkohbaubf2s/-FJPG/talk_img_cn_230120.jpg)
    no-repeat center/cover;
}
@media (max-width: 767px) {
  .rebloom .cont9 .cont9-img {
    z-index: 10;
  }
}
.rebloom .cont9 .cont9-img .cont9-back-logo {
  position: relative;
  width: 100%;
  z-index: 9;
  opacity: 0;
  background: url(https://amc.apglobal.com/image/384224417642/image_7juuirni6526p6iekqa7cfb06h/-FPNG/sulwhasoo_logo_cn_230120.png)
    no-repeat center center/100%;
}
.rebloom .cont9 .film-txt {
  position: relative;
  padding-top: 6.1%;
  transform-origin: center top;
  z-index: 10;
  text-align: center;
  transition: 0.7s linear;
}
.rebloom .cont9 .film-txt .border-btn {
  margin-top: 32px;
  border-color: #fff;
}
.rebloom .cont9 .cont9-right {
  position: absolute;
  padding: 0 9%;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 100%;
  color: #fff;
  background: #171717;
  transition: 1.2s linear;
  z-index: 10;
}
.rebloom .cont9 .cont9-right .film-next-txt {
  width: 100%;
  padding: 0 20% 0 0;
  text-align: left;
}
.rebloom .cont9 .cont9-right .film-prev-btn {
  position: absolute;
  top: 16.5%;
  right: 0;
  margin-top: 0;
}
.rebloom .cont9 .cont9-right .film-video-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.rebloom .cont9 .cont9-right .film-video-area .film-yt {
  margin-top: 3%;
  width: 100%;
  height: 66%;
}
.rebloom .cont9.film-next-show .cont9-right {
  position: fixed;
  left: 0%;
  z-index: 110;
}
.rebloom .cont9.ani.active .cont9-top,
.rebloom .cont9.ani.active .cont9-bottom,
.rebloom .cont9.ani.active .cont9-img,
.rebloom .cont9.ani.active .cont10 {
  position: fixed;
  transition: 0.7s linear;
}
.rebloom .cont9.ani.active .cont9-right {
  position: fixed;
}
.rebloom .cont9.ani.active .roll-txt .roll {
  animation: none;
}
.rebloom .cont9.active.now1 .cont9-top {
  opacity: 1;
  z-index: 10;
}
.rebloom .cont9.active.now1 .cont9-top .cont9-txt-talk,
.rebloom .cont9.active.now1 .cont9-top .cont9-txt-ps {
  animation: opacityup 0.7s linear;
  opacity: 1;
}
.rebloom .cont9.active.now1 .cont9-bottom {
  opacity: 0;
  z-index: 1;
}
.rebloom .cont9.active.now1 .cont9-top {
  opacity: 1;
}
.rebloom .cont9.active.now1 .cont-txt-sub {
  animation: none;
}
.rebloom .cont9.active.now1 .cont9-right {
  position: fixed;
}
.rebloom .cont9.active.now2 .cont9-img {
  opacity: 1;
}
.rebloom .cont9.active.now2 .cont9-top {
  opacity: 0;
}
.rebloom .cont9.active.now2 .cont9-bottom {
  opacity: 1;
  z-index: 10;
}
.rebloom .cont9.active.now2 .cont9-bottom .film-txt {
  transform: scale(1);
}
.rebloom .cont9.active.now2 .cont-txt-sub .en-font-regular {
  /* font-weight: 400; */
  font-weight: 500;
}
.rebloom .cont9.active.now2 .roll-txt .roll {
  animation: opacityup 0.7s ease-in-out;
  opacity: 1;
}
.rebloom .cont9.active.now3 .cont9-top {
  opacity: 0;
  z-index: 0;
}
.rebloom .cont9.active.now3 .cont-txt-sub {
  animation: none;
}
.rebloom .cont9.active.now3 .cont9-bottom {
  opacity: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .rebloom .cont9.active.now3 .cont9-bottom .film-box {
    opacity: 0;
  }
}
.rebloom .cont9.active.now3 .film-txt {
  transform: scale(1);
}
.rebloom .cont9.active.now3 .cont9-img {
  top: 0;
  transition: 0.7s linear;
  background-image: url(https://amc.apglobal.com/image/384224417642/image_cennq43rnh01deoi63ojf5lv75/-FJPG/talk_img_pd_cn_230120.jpg);
  transform: scale(1);
  opacity: 1;
}
.rebloom .cont9.active.now3 .cont10 {
  z-index: 15;
}
.rebloom .cont9.active.now4 .cont9-bottom,
.rebloom .cont9.active.now5 .cont9-bottom {
  opacity: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .rebloom .cont9.active.now4 .cont9-bottom .film-box,
  .rebloom .cont9.active.now5 .cont9-bottom .film-box {
    opacity: 0;
  }
}
.rebloom .cont9.active.now4 .cont9-img,
.rebloom .cont9.active.now5 .cont9-img {
  top: 0;
  transition: 0.7s linear;
  background-image: url(https://amc.apglobal.com/image/384224417642/image_cennq43rnh01deoi63ojf5lv75/-FJPG/talk_img_pd_cn_230120.jpg);
  transform: scale(1);
  opacity: 1;
}
.rebloom .cont9.active.now4 .cont10,
.rebloom .cont9.active.now5 .cont10 {
  opacity: 1;
  z-index: 15;
}
.rebloom .cont9.active.now4 .cont10 .edition-txt-tit,
.rebloom .cont9.active.now4 .cont10 .edition-txt-sub,
.rebloom .cont9.active.now4 .cont10 .edition-more-btn,
.rebloom .cont9.active.now5 .cont10 .edition-txt-tit,
.rebloom .cont9.active.now5 .cont10 .edition-txt-sub,
.rebloom .cont9.active.now5 .cont10 .edition-more-btn {
  transform: translateY(0%);
  transition: 0.7s linear;
  opacity: 1;
}
.rebloom .cont9.ani.active.end .cont9-top,
.rebloom .cont9.ani.active.end .cont9-bottom,
.rebloom .cont9.ani.active.end .cont9-img,
.rebloom .cont9.ani.active.end .cont10 {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .cont9.ani.active.end .cont9-right {
  position: absolute;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .rebloom .cont9 .film-txt {
    padding-top: 2%;
  }
  .rebloom .cont9.active.now2 .cont9-img {
    top: 14%;
  }
}
.rebloom .cont10 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .cont10 .edition-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  background-image: none;
  transition: 0.7s linear;
}
.rebloom .cont10 .edition-txt {
  padding-left: 34%;
}
.rebloom .cont10 .edition-txt-tit,
.rebloom .cont10 .edition-txt-sub,
.rebloom .cont10 .edition-more-btn {
  transform: translateY(100%);
  transition: 0.7s linear;
  opacity: 0;
}
.rebloom .cont10 .edition-txt-tit {
  font-size: 20px;
  /* font-weight: 600; */
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.1em;
}
.rebloom .cont10 .edition-txt-sub {
  margin-top: 30px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
}
.rebloom .cont10 .edition-img {
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url(https://amc.apglobal.com/image/384224417642/image_c8fqg86u1d77b43p6ds0rijk3g/-FPNG/edition_img_cn_230120.png)
    no-repeat center top/contain;
  transition: 0.7s linear;
}
.rebloom .cont10 .edition-more-btn {
  display: inline-block;
  margin-top: 40px;
}
.rebloom .cont11{position:relative;width:100%;height:200vh;text-align:center}
.rebloom .cont11 .campaign-box{position:relative;top:0;left:0;width:100%;height:100vh}
.rebloom .cont11 .campaign-txt{position:relative;z-index:1;padding-top:7.2%;opacity:1;transition:1.5s linear;color:#171717}
.rebloom .cont11 .campaign-txt .cont-txt-sub,
.rebloom .cont11 .campaign-txt .cont-txt-tit,
.rebloom .cont11 .campaign-txt .tit02{opacity:0;transition:.7s linear}
.rebloom .cont11 .campaign-txt .cont-txt-tit{letter-spacing:-.01em}
.rebloom .cont11 .campaign-txt .cont-txt-sub{letter-spacing:.01em}
.rebloom .cont11 .campaign-txt .cont-txt-sub .only_pc{display:none}
.rebloom .cont11 .cont11-full-back{position:absolute;left:0;bottom:-25%;width:100%;height:100%;transform:scale(.8);transition:1s linear}
.rebloom .cont11 .cont11-full-back .video-dim{background:rgba(0,0,0,.8)}
.rebloom .cont11 .last{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;margin-top:50%;transition:1s linear}
.rebloom .cont11 .last .last-txt-tit{font-size:48px;line-height:57px}
.rebloom .cont11 .last .last-txt-sub{margin-top:20px;font-size:24px;line-height:28px;letter-spacing:.2em}
.rebloom .cont11.active .campaign-box{position:fixed;top:0;left:0}
.rebloom .cont11.now1 .campaign-txt .tit02{animation:opacityup .7s ease-in-out;opacity:1}
.rebloom .cont11.now1 .campaign-txt .cont-txt-tit{animation:opacityup .7s ease-in-out;opacity:1}
.rebloom .cont11.now1 .campaign-txt .cont-txt-sub{letter-spacing:.01em;animation:opacityup .7s ease-in-out;opacity:1}
.rebloom .cont11.now1 .campaign-box .cont11-full-back{bottom:-10%;transform:scale(.5)}
.rebloom .cont11.now1 .campaign-box .cont11-full-back .video-dim{background:rgba(0,0,0,.5)}
.rebloom .cont11.now1 .scroll-last{position:fixed}
.rebloom .cont11.ani.active.end .campaign-box,
.rebloom .cont11.ani.active.now2 .campaign-box{position:absolute;top:auto;bottom:0}
.rebloom .cont11.ani.active.end .campaign-box .cont11-full-back,
.rebloom .cont11.ani.active.now2 .campaign-box .cont11-full-back{bottom:0;transform:scale(1)}
.rebloom .cont11.ani.active.end .campaign-txt,
.rebloom .cont11.ani.active.now2 .campaign-txt{opacity:0;animation:fadeout 1s ease-in-out}
.rebloom .cont11.ani.active.end .campaign-txt .cont-txt-sub,
.rebloom .cont11.ani.active.end .campaign-txt .cont-txt-tit,
.rebloom .cont11.ani.active.end .campaign-txt .tit02,
.rebloom .cont11.ani.active.now2 .campaign-txt .cont-txt-sub,
.rebloom .cont11.ani.active.now2 .campaign-txt .cont-txt-tit,
.rebloom .cont11.ani.active.now2 .campaign-txt .tit02{opacity:1}
.rebloom .cont11.ani.active.end .cont11-video .video-dim,
.rebloom .cont11.ani.active.now2 .cont11-video .video-dim{background:rgba(0,0,0,.3)}
.rebloom .cont11.ani.active.end .last,
.rebloom .cont11.ani.active.now2 .last{margin-top:0;transform:scale(1);opacity:1}
.rebloom .cont11.ani.active.end .scroll-last,
.rebloom .cont11.ani.active.now2 .scroll-last{opacity:0}
.rebloom .intro1 .roll {
  position: relative;
  display: block;
  margin: 0;
  animation: up 500ms linear forwards;
  z-index: 1;
}
@keyframes up {
  100% {
    transform: translateY(0);
  }
}
@keyframes toptobottom {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scalesmall {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes videosmall {
  0% {
    transform: scale(0.8);
    bottom: -50%;
  }
  100% {
    transform: scale(0.3);
    bottom: 17%;
  }
}
@keyframes textright {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes textleft {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.rebloom .intro.active .progress-bar-con {
  margin-top: calc(60px + 5%);
}
.rebloom .intro.now1.active .intro1 {
  opacity: 0;
}
.rebloom .intro.now1.active .intro-video-box {
  opacity: 1;
}
.rebloom .intro.now1.active .intro-tit {
  animation: fadein 0.7s ease-in-out;
}
.rebloom .intro.now2.active .intro-tit,
.rebloom .intro.now3 .intro-tit {
  transform: translateY(-40px);
  transition: 0.7s linear;
}
@media (max-width: 767px) {
  .rebloom .intro.now2.active .intro-tit,
  .rebloom .intro.now3 .intro-tit {
    transform: translateY(-10px);
  }
}
.rebloom .intro.now2.active .intro2 .intro-sub,
.rebloom .intro.now3 .intro2 .intro-sub {
  animation: toptobottom 0.7s ease-in-out;
  transform: translateY(0);
  display: block;
  opacity: 1;
}
.rebloom .intro.now3 .intro2 {
  opacity: 0;
}
.rebloom .intro.now3 .intro2 .intro-sub {
  transform: translateY(0);
  opacity: 1;
}
.rebloom .intro.now3 .intro3 {
  opacity: 1;
}
.rebloom .intro.now3 .intro3 .intro-sub {
  display: block;
  transform: translateY(0);
  opacity: 1;
}
.rebloom .intro.active.end .intro1,
.rebloom .intro.active.end .intro-video-box,
.rebloom .intro.active.end .intro-video {
  position: absolute;
  top: auto;
  bottom: 0;
}
.rebloom .intro.active.end .intro3 {
  top: auto;
  bottom: 0;
}
.rebloom .intro.active.end .progress-bar-con {
  margin-top: 16%;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes scalechange {
  0% {
    opacity: 0;
    background-size: 130%;
  }
  100% {
    opacity: 1;
    background-size: 100%;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes bottomup1 {
  0% {
    opacity: 0;
    transform: translate(12%, 142%);
  }
  100% {
    opacity: 1;
    transform: translate(12%, 42%);
  }
}
@keyframes bottomup2 {
  0% {
    opacity: 0;
    transform: translate(16%, 120%);
  }
  100% {
    opacity: 1;
    transform: translate(16%, 20%);
  }
}
@keyframes scalefadein {
  0% {
    opacity: 0;
    transform: scale(2, 2);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes rightshow {
  0% {
    opacity: 0;
    transform: translate(116%, 40%);
  }
  100% {
    opacity: 1;
    transform: translate(16%, 40%);
  }
}
@keyframes opacityup {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.rebloom .roll-txt {
  overflow: hidden;
}
.rebloom .roll-txt .roll {
  display: block;
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .ani.active .roll {
  animation: opacityup 0.7s linear;
  opacity: 1;
}
.rebloom .border-btn {
  padding: 6px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.1em;
  border: 1px solid #171717;
}
.rebloom .border-btn.border-white {
  border-color: #fff;
}
@media (max-width: 767px) {
  .rebloom .border-btn {
    height: 22px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
  }
}
.rebloom .film-prev-btn {
  padding: 6px 6px 6px 24px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #fff;
  border: 1px solid #fff;
  background: url(https://amc.apglobal.com/image/384224417642/image_28egs0j4q13qbdq363ioso8u7v/-FPNG/arrow_prev_cn_230120.png)
    no-repeat 6px center/auto 16px;
  z-index: 15;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .rebloom .film-prev-btn {
    height: 22px;
    padding: 0 5px 0 17px;
    font-size: 12px;
    line-height: 21.5px;
    background-position: 5px center;
    background-size: auto 11px;
  }
}
.rebloom .border-next-btn {
  padding: 6px 24px 6px 6px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.1em;
  border: 1px solid #fff;
  background: url(https://amc.apglobal.com/image/384224417642/image_38bcq5o9j901f39gsgc3hjfv7h/-FPNG/arrow_next_cn_230120.png)
    no-repeat calc(100% - 6px) center/auto 16px;
}
@media (max-width: 767px) {
  .rebloom .border-next-btn {
    height: 22px;
    padding: 0 17px 0 5px;
    font-size: 12px;
    line-height: 23px;
    background-position: calc(100% - 5px) center;
    background-size: auto 11px;
  }
}
.rebloom .ani.active .full-bg-sub {
  animation: opacityup 0.7s linear;
  opacity: 1;
}
.rebloom .ani.active .cont-txt-sub {
  animation: opacityup 0.7s linear;
  opacity: 1;
}
.rebloom .full-video {
  position: absolute;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.rebloom .full-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.rebloom .full-video .video-dim {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.7s linear;
}
.rebloom .full-bg-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 15%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  color: #fff;
}
.rebloom .full-bg-box span {
  display: block;
}
.rebloom .full-bg-box .full-bg-txt {
  position: relative;
  text-align: left;
  z-index: 2;
  transition: 0.7s linear;
}
.rebloom .full-bg-box .tit02 {
  color: #fff;
}
.rebloom .full-bg-box .full-bg-tit {
  font-size: 54px;
  /* font-weight: 400; */
  font-weight: 500;
  line-height: 65px;
  letter-spacing: 0.08em;
}
.rebloom .full-bg-box .full-bg-sub {
  margin-top: 40px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  opacity: 0;
  transition: 0.7s linear;
}
.rebloom .scale-bg-img {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: scale(0.3);
  transform-origin: center top;
  opacity: 1;
  z-index: 1;
  transition: 1s linear;
}
.rebloom .story-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 54px;
  height: 100vh;
}
.rebloom .story-box .story-box-txt {
  flex: 0 1 auto;
  text-align: left;
}
.rebloom .story-box .cont-txt-tit {
  margin-top: 5px;
}
.rebloom .story-box .cont-txt-sub {
  margin-top: 30px;
  transition: 0.7s linear;
}
@media (max-width: 767px) {
  .rebloom .tit01 {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.12em;
  }
  .rebloom .tit02 {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12em;
  }
  .rebloom .tit02 .en-font-medium {
    /* font-weight: 400; */
    font-weight: 500;
  }
  .rebloom .cont-txt-tit {
    margin-top: 5px;
    font-size: 16px;
    /* font-weight: 500; */
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.12em;
  }
  .rebloom .cont-txt-sub,
  .rebloom .cont-txt-sub-ani {
    margin-top: 14px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.025em;
  }
  .rebloom .scroll-box {
    bottom: 30px;
  }
  .rebloom .scroll-box .scroll-down {
    display: block;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    background-size: 10px auto;
  }
  .rebloom .scroll-box .scroll-top {
    display: none;
  }
  .rebloom .scroll-box.back-white .scroll-down {
    color: #171717;
    background-image: url(https://amc.apglobal.com/image/384224417642/image_mhk6c8j0p50d7955r5vvl5ip23/-FPNG/arrow_bottom_cn_230120.png);
  }
  .rebloom .scroll-box.none {
    display: none;
  }
  .rebloom .scroll-last {
    bottom: 37vh;
  }
  .rebloom .scroll-last .scroll-down {
    display: none;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    background-size: 10px auto;
  }
  .rebloom .intro .intro-list .intro-sub {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.025em;
  }
  .rebloom .intro .intro1 {
    background: url(https://amc.apglobal.com/image/384224417642/image_s7gvtj6eh56evf9q2tc2col12u/-FJPG/cnro_bg_mo_cn_230120.jpg)
      no-repeat center top/cover;
  }
  .rebloom .intro .intro1 .intro-tit-sub {
    margin-top: 10px;
    font-size: 26px;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.12em;
  }
  .rebloom .intro .intro1 .intro-dim {
    background: rgba(0, 0, 0, 0.34);
  }
  .rebloom .intro .intro2 .intro-tit-sub {
    margin-top: 4px;
    font-size: 16px;
    /* font-weight: 400; */
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0.12em;
  }
  .rebloom .intro .intro2.intro2-focus .intro-tit {
    transform: translateY(-20px);
  }
  .rebloom .cont1 .film-txt {
    position: relative;
    margin-top: 40%;
    z-index: 10;
  }
  .rebloom .cont1 .film-txt button {
    margin-top: 20px;
  }
  .rebloom .cont1 .cont1-back-img {
    width: calc(100% - 60px);
    bottom: 11%;
    left: 30px;
    height: 27%;
    transform: scale(1);
    transform-origin: center center;
    z-index: 10;
    opacity: 1;
    transition: 0.7s linear;
  }
  .rebloom .cont1 .cont1-back-img .video-dim {
    display: none;
  }
  .rebloom .cont1 .cont1-full {
    padding: 0;
  }
  .rebloom .cont1 .cont1-full .full-bg-txt {
    padding: 0 30px 30%;
    justify-content: flex-end;
  }
  .rebloom .cont1 .full-video {
    position: static;
    height: 100%;
    min-height: 100%;
  }
  .rebloom .cont1 .full-video video {
    height: 100%;
  }
  .rebloom .cont1 .film-box {
    padding: 0 3rem;
  }
  .rebloom .cont1 .film-box .film-back-txt {
    width: 70%;
    height: 10%;
    transform: translate(-50%, 50%);
  }
  .rebloom .cont1 .film-box-next .film-video-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .rebloom .cont1 .film-box-next .film-txt {
    position: static;
    margin-top: 0;
    padding: 0;
    text-align: center;
    z-index: 10;
  }
  .rebloom .cont1 .film-box-next .film-yt {
    width: 100%;
    height: 24%;
  }
  .rebloom .cont1 .film-box-next .film-prev-btn {
    position: static;
    margin-top: 26px;
  }
  .rebloom .cont1.active.now1 .cont1-back-img {
    transform: scale(1);
    bottom: 11%;
    opacity: 1;
    transform: 0.7s scale(1) linear;
  }
  .rebloom .cont1.active.now1 .cont1-back-img.video-scale {
    width: 100%;
    height: 100%;
    bottom: auto;
    top: 0;
    margin: 0;
    transition: 1s linear;
  }
  .rebloom .cont1.active.now1 .cont1-back-img.video-scale .full-video {
    height: 100%;
    min-height: 100vh;
  }
  .rebloom .cont1.active.now1 .cont1-back-img.video-scale .full-video video {
    height: 100%;
  }
  .rebloom .cont1.now2 .film-box {
    display: block;
  }
  .rebloom .cont1.now2 .cont1-back-img {
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: auto;
    margin: 0;
  }
  .rebloom .cont1.now2 .cont1-back-img .full-video {
    height: 100%;
    min-height: 100%;
  }
  .rebloom .cont1.now2 .cont1-back-img .full-video video {
    height: 100%;
  }
  .rebloom .cont1.active.now2 .cont1-full {
    position: fixed;
  }
  .rebloom .cont1.active.now2 .cont1-full .full-bg-txt {
    padding: 0 30px 30%;
  }
  .rebloom .cont1.ani.active.end .cont1-back-img {
    position: absolute;
  }
  .rebloom .cont2 .story-box {
    margin-top: 8%;
  }
  .rebloom .cont2 .story-box .story-box-img {
    width: 80%;
  }
  .rebloom .cont3 .story-box .story-box-img {
    width: calc(100% - 40px);
  }
  .rebloom .cont3 .cont3-back-img {
    top: 100vh;
  }
  .rebloom .cont4 {
    padding: 0 0 100vh;
  }
  .rebloom .cont4 .cont4-box {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .rebloom .cont4 .cont4-box .cont4-full,
  .rebloom .cont4 .cont4-box .cont4-story {
    width: 100%;
    height: 100vh;
  }
  .rebloom .cont4 .cont4-box.full-fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .rebloom .cont4 .cont4-full-back .full-video {
    width: 100%;
  }
  .rebloom .cont5 .story-box {
    flex-direction: column-reverse;
    padding: 10% 0 0;
  }
  .rebloom .cont5 .story-box-img {
    width: calc(100% - 60px);
  }
  .rebloom .cont8 .cont8-full {
    width: 100%;
    height: 100vh;
    padding: 0 30px 15% 30px;
  }
  .rebloom .cont8 .cont8-full .full-bg-txt .txt-next {
    transform: translateY(-66px);
  }
  .rebloom .cont9 {
    height: 550vh;
  }
  .rebloom .cont9 .cont9-txt-talk {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.01em;
  }
  .rebloom .cont9 .cont9-txt-ps {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.12em;
  }
  .rebloom .cont9 .film-txt {
    padding-top: 40%;
    transform: scale(1);
  }
  .rebloom .cont9 .film-txt button {
    margin-top: 26px;
  }
  .rebloom .cont9 .cont9-right {
    transition: 0.7s linear;
  }
  .rebloom .cont9 .cont9-right .film-video-area {
    align-items: center;
  }
  .rebloom .cont9 .cont9-right .film-video-area .film-next-txt {
    position: static;
    padding: 0;
    text-align: center;
    z-index: 10;
  }
  .rebloom .cont9 .cont9-right .film-video-area .film-yt {
    width: 100%;
    height: 24%;
  }
  .rebloom .cont9 .cont9-right .film-video-area .film-prev-btn {
    position: static;
    margin-top: 26px;
  }
  .rebloom .cont9 .cont9-bottom {
    position: relative;
  }
  .rebloom .cont9 .cont9-img {
    transform: scale(1);
    width: calc(100% - 60px);
    height: 25%;
    margin: 0 30px;
    top: auto;
    bottom: 17%;
    background: #171717;
    z-index: 10;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .rebloom .cont9 .cont9-img {
    top: auto;
    bottom: 17%;
  }
}
@media (max-width: 767px) {
  .rebloom .cont9.active.now2 .cont9-bottom {
    z-index: 15;
  }
  .rebloom .cont9.active.now2 .cont9-img {
    top: auto;
    bottom: 17%;
    transform: scale(1);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .rebloom .cont9.active.now2 .cont9-img .cont9-back-logo {
    position: absolute;
    width: 80%;
    height: 40%;
    top: -30%;
    opacity: 0.2;
  }
}
@media (max-width: 767px) {
  .rebloom .cont9.active.now2 .cont10 {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .rebloom .cont9.active.now3 .cont9-img {
    opacity: 0;
    top: auto;
  }
  .rebloom .cont9.active.now3 .cont10 {
    background: #171717;
    opacity: 1;
    z-index: 11;
  }
  .rebloom .cont9.active.now4 .cont9-img,
  .rebloom .cont9.active.now5 .cont9-img,
  .rebloom .cont9.ani.active.end .cont9-img {
    opacity: 0;
    top: auto;
  }
  .rebloom .cont9.active.now4 .cont10,
  .rebloom .cont9.active.now5 .cont10,
  .rebloom .cont9.ani.active.end .cont10 {
    background: #171717;
    opacity: 1;
    z-index: 11;
  }
  .rebloom .cont9.active.now4 .cont10 .edition-box,
  .rebloom .cont9.active.now5 .cont10 .edition-box,
  .rebloom .cont9.ani.active.end .cont10 .edition-box {
    background: #171717;
    justify-content: center;
  }
  .rebloom .cont9.active.now4 .cont10 .edition-box .edition-img,
  .rebloom .cont9.active.now5 .cont10 .edition-box .edition-img,
  .rebloom .cont9.ani.active.end .cont10 .edition-box .edition-img {
    margin: 30% auto 0;
    width: 32%;
    height: 46%;
  }
  .rebloom .cont9.active.now4 .cont10::after,
  .rebloom .cont9.active.now5 .cont10::after,
  .rebloom .cont9.ani.active.end .cont10::after {
    opacity: 0;
    transition: 0.7s linear;
    z-index: -1;
  }
  .rebloom .cont9.active.now4 .cont10 .edition-txt-sub.txt-first,
  .rebloom .cont9.active.now5 .cont10 .edition-txt-sub.txt-first,
  .rebloom .cont9.ani.active.end .cont10 .edition-txt-sub.txt-first {
    opacity: 1;
  }
  .rebloom .cont9.active.now4 .cont10 .edition-txt-sub.txt-next,
  .rebloom .cont9.active.now5 .cont10 .edition-txt-sub.txt-next,
  .rebloom .cont9.ani.active.end .cont10 .edition-txt-sub.txt-next {
    opacity: 0;
    transform: translateY(-110px);
  }
  .rebloom .cont9.active.now4 .cont10 .edition-more-btn,
  .rebloom .cont9.active.now5 .cont10 .edition-more-btn,
  .rebloom .cont9.ani.active.end .cont10 .edition-more-btn {
    opacity: 0;
    transform: translateY(-110px);
  }
}
@media (max-width: 767px) {
  .rebloom .cont9.active.now5 .cont10 .edition-txt-sub.txt-first,
  .rebloom .cont9.ani.active.end .cont10 .edition-txt-sub.txt-first {
    opacity: 0;
  }
  .rebloom .cont9.active.now5 .cont10 .edition-txt-sub.txt-next,
  .rebloom .cont9.ani.active.end .cont10 .edition-txt-sub.txt-next {
    opacity: 1;
    transform: translateY(-110px);
  }
  .rebloom .cont9.active.now5 .cont10 .edition-more-btn,
  .rebloom .cont9.ani.active.end .cont10 .edition-more-btn {
    opacity: 1;
    transform: translateY(-110px);
  }
}
@media (max-width: 767px) {
  .rebloom .cont10 {
    position: relative;
    background: #171717;
  }
  .rebloom .cont10 .edition-box {
    display: block;
    position: relative;
    z-index: 0;
    background: rgba(0, 0, 0, 0);
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 20px;
    overflow: hidden;
    color: #fff;
    transition: 0.7s linear;
  }
  .rebloom .cont10 .edition-box .edition-img {
    display: block;
    margin: 0 auto;
    opacity: 1;
  }
  .rebloom .cont10 .edition-box .edition-txt {
    width: 100%;
    margin-top: 2rem;
    padding: 0 2rem;
    text-align: center;
  }
  .rebloom .cont10 .edition-box .edition-txt-tit {
    font-size: 16px;
    line-height: 22px;
  }
  .rebloom .cont10 .edition-box .edition-txt-sub {
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    transition: 0.7s linear;
  }
  .rebloom .cont10 .edition-box .edition-more-btn {
    margin-top: 20px;
    transition: 0.7s linear;
  }
  .rebloom .cont10::after {
    position: absolute;
    display: block;
    content: "";
    background: url(https://amc.apglobal.com/image/384224417642/image_kgd2kmi1u95l72qkca9o7vii7p/-FJPG/edition_img_back_cn_230120.jpg)
      no-repeat center center/cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 1;
    z-index: 1;
    transition: 0.7s linear;
  }
}
@media (max-width: 767px) {
  .rebloom .cont11 {
    height: 150vh;
  }
  .rebloom .cont11 .campaign-txt {
    padding-top: 22.4vh;
  }
  .rebloom .cont11 .campaign-txt .tit02 {
    font-size: 13px;
  }
  .rebloom .cont11 .campaign-txt .cont-txt-tit {
    font-size: 17px;
  }
  .rebloom .cont11 .campaign-txt .cont-txt-sub {
    letter-spacing: 0.025em;
  }
  .rebloom .cont11 .campaign-txt .cont-txt-sub .en-font-regular {
    /* font-weight: 300; */
    font-weight: 400;
  }
  .rebloom .cont11 .campaign-box .cont11-full-back {
    bottom: 27.9%;
    height: 28.6%;
    transform: scale(1);
    transition: all 1s;
    overflow: hidden;
  }
  .rebloom .cont11 .campaign-box .cont11-full-back .full-video {
    height: 28.6vh;
    min-height: 28.6vh;
  }
  .rebloom .cont11 .campaign-box .cont11-full-back .full-video video {
    height: 100%;
  }
  .rebloom .cont11 .last {
    margin-top: 50%;
  }
  .rebloom .cont11 .last .last-txt {
    width: 100%;
  }
  .rebloom .cont11 .last .last-txt .last-txt-tit {
    font-size: 34px;
  }
  .rebloom .cont11 .last .last-txt .last-txt-sub {
    font-size: 18px;
  }
  .rebloom .cont11 .scroll-last {
    width: 100%;
  }
  .rebloom .cont11 .scroll-last .border-next-btn {
    display: inline-block;
  }
  .rebloom .cont11.ani.active .campaign-txt,
  .rebloom .cont11.now1 .campaign-txt,
  .rebloom .cont11.ani.end .campaign-txt,
  .rebloom .cont11.ani.active.end .campaign-txt {
    opacity: 1;
    animation: none;
  }
  .rebloom .cont11.ani.active .campaign-txt .tit02,
  .rebloom .cont11.now1 .campaign-txt .tit02,
  .rebloom .cont11.ani.end .campaign-txt .tit02,
  .rebloom .cont11.ani.active.end .campaign-txt .tit02 {
    animation: opacityup 0.7s ease-in-out;
    opacity: 1;
  }
  .rebloom .cont11.ani.active .campaign-txt .cont-txt-tit,
  .rebloom .cont11.now1 .campaign-txt .cont-txt-tit,
  .rebloom .cont11.ani.end .campaign-txt .cont-txt-tit,
  .rebloom .cont11.ani.active.end .campaign-txt .cont-txt-tit {
    animation: opacityup 0.7s ease-in-out;
    opacity: 1;
  }
  .rebloom .cont11.ani.active .campaign-txt .cont-txt-sub,
  .rebloom .cont11.now1 .campaign-txt .cont-txt-sub,
  .rebloom .cont11.ani.end .campaign-txt .cont-txt-sub,
  .rebloom .cont11.ani.active.end .campaign-txt .cont-txt-sub {
    letter-spacing: 0.025em;
    animation: opacityup 0.7s ease-in-out;
    opacity: 1;
  }
  .rebloom .cont11.ani.active .campaign-box .cont11-full-back,
  .rebloom .cont11.now1 .campaign-box .cont11-full-back,
  .rebloom .cont11.ani.end .campaign-box .cont11-full-back,
  .rebloom .cont11.ani.active.end .campaign-box .cont11-full-back {
    bottom: 25%;
    transform: scale(1);
  }
  .rebloom .cont11.ani.active .campaign-box .cont11-full-back .video-dim,
  .rebloom .cont11.now1 .campaign-box .cont11-full-back .video-dim,
  .rebloom .cont11.ani.end .campaign-box .cont11-full-back .video-dim,
  .rebloom .cont11.ani.active.end .campaign-box .cont11-full-back .video-dim {
    background: rgba(0, 0, 0, 0.5);
  }
  .rebloom .cont11.ani.active .last,
  .rebloom .cont11.now1 .last,
  .rebloom .cont11.ani.end .last,
  .rebloom .cont11.ani.active.end .last {
    display: none;
  }
  .rebloom .cont11.ani.active .scroll-last,
  .rebloom .cont11.now1 .scroll-last,
  .rebloom .cont11.ani.end .scroll-last,
  .rebloom .cont11.ani.active.end .scroll-last {
    opacity: 1;
  }
  .rebloom .cont11.ani.end .scroll-last {
    position: absolute;
  }
  .rebloom .cont11.now2 .campaign-box .cont11-full-back {
    bottom: 0;
    height: 100%;
    transform: scale(1);
  }
  .rebloom .cont11.now2 .campaign-box .cont11-full-back .full-video {
    height: 100vh;
    min-height: 100vh;
  }
  .rebloom .cont11.now2 .campaign-box .cont11-full-back .full-video video {
    height: 100vh;
    transform: scale(1.2);
  }
  .rebloom .cont11.now2 .last {
    opacity: 1;
    margin-top: 0;
    transition-delay: 0.7s;
  }
}
@media (max-width: 767px) {
  .rebloom .full-video video {
    height: 100vh;
  }
}
@media (max-width: 767px) {
  .rebloom .scale-bg-img {
    transform: scale(1);
    top: 0;
  }
}
@media (max-width: 767px) {
  .rebloom .full-bg-box {
    justify-content: flex-end;
    padding: 0 30px 30%;
  }
}
@media (max-width: 767px) {
  .rebloom .full-bg-box .full-bg-tit {
    margin-top: 4px;
    font-size: 16px;
    /* font-weight: 500; */
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.12em;
  }
}
@media (max-width: 767px) {
  .rebloom .full-bg-box .full-bg-sub {
    margin-top: 20px;
    font-size: 14px;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.025em;
  }
}
@media (max-width: 767px) {
  .rebloom .story-box {
    flex-direction: column;
    padding: 0 30px;
    gap: 43px;
  }
  .rebloom .story-box .story-box-txt {
    flex: 0 0 auto;
    text-align: center;
  }
  .rebloom .story-box .cont-txt-sub {
    margin-top: 20px;
    /* font-weight: 300; */
    font-weight: 400;
  }
  .rebloom .story-box.story-fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 30px;
  }
}