@import url('../images/null_3729ad3b06f94b608c1d0023514791b8.css2');@import url('../images/notosanskr.css');/* @charset "utf-8"; */* {  transition: all 0.3s;}@keyframes cardFlip {  0% {    transform: rotateY(0deg);  }  100% {    transform: rotateY(-180deg);  }}@keyframes flipDesc {  0% {    transform: translate(0, 30%);    opacity: 0;  }  100% {    transform: translate(0, 0);    opacity: 1;  }}/*************************//* 06. WORLD/************************/#update {  background-image: url('../images/update_bg%201.png');  overflow: hidden;}.cont_update {  width: 100%;}.card_slide {  display: flex;  justify-content: space-evenly;  padding: 0 40px;}.flip {  width: 464px;  height: 450px;  position: relative;  perspective: 1100px;}.m_flip {  width: 320px;  height: 370px;  position: relative;  perspective: 1100px;}.card {  width: 100%;  height: 100%;  position: relative;  transition: 0.4s;  transform-style: preserve-3d;  animation-fill-mode: forwards;}.front,.back {  position: absolute;  width: 100%;  height: 100%;  backface-visibility: hidden;  display: flex;  justify-content: center;  align-items: center;  color: #fff;}.front{  top: 49%;  transform: translate(0, -50%);}.front {  background: url('../images/card_ep_back.png') no-repeat center / auto 100%;}.front_1 {  background: url('../images/card_ep_back0.png') no-repeat center / auto 100%;}.front_2 {  background: url('../images/card_ep_back1.png') no-repeat center / auto 100%;}.front_3 {  background: url('../images/card_ep_back.png') no-repeat center / auto 100%;}.front_4 {  background: url('../images/card_ep_back3.png') no-repeat center / auto 100%;}.front_5 {  background: url('../images/card_ep_back4.png') no-repeat center / auto 100%;}.front_6 {  background: url('../images/card_ep_back5.png') no-repeat center / auto 100%;}.front_7 {  background: url('../images/card_ep_back6.png') no-repeat center / auto 100%;}.front_8 {  background: url('../images/card_ep_back7.png') no-repeat center / auto 100%;}.front_9 {  background: url('../images/card_ep_back8.png') no-repeat center / auto 100%;}.back {  background: url('../images/card_ep_0.png') no-repeat center / auto 100%;  transform: rotateY(-180deg);}.back_1 {  background: url('../images/card_ep_tw_0.png') no-repeat top -5px center / auto 100%;}.back_2 {  background: url('../images/card_ep_tw_1.png') no-repeat top -5px center / auto 100%;}.back_3 {  background: url('../images/card_ep_tw_2.png') no-repeat top -5px center / auto 100%;}.back_4 {  background: url('../images/card_ep_tw_3.png') no-repeat top -5px center / auto 100%;}.back_5 {  background: url('../images/card_ep_tw_4.png') no-repeat top -5px center / auto 100%;}.back_6 {  background: url('../images/card_ep_tw_5.png') no-repeat top -5px center / auto 100%;}.back_7 {  background: url('../images/card_ep_6.png') no-repeat top -5px center / auto 100%;}.mo_front_1 {  background: url('../images/card_ep_tw_0.png') no-repeat center / auto 100%;}.mo_front_2 {  background: url('../images/card_ep_tw_1.png') no-repeat center / auto 100%;}.mo_front_3 {  background: url('../images/card_ep_tw_2.png') no-repeat center / auto 100%;}.mo_front_4 {  background: url('../images/card_ep_tw_3_b85c386a83604ce5bcdc6e71388c7607.png') no-repeat center / auto 100%;}.mo_front_5 {  background: url('../images/card_ep_tw_4_02e7694b746e4b0c84d4a13d62a8210f.png') no-repeat center / auto 100%;}.mo_front_6 {  background: url('../images/card_ep_tw_5_8d8d50c4af31436bb94e582906c0cfd5.png') no-repeat center / auto 100%;}.mo_front_7 {  background: url('../images/card_ep_6_06a5bddcd285420aabf1615b126959df.png') no-repeat center / auto 100%;}.swiper-button-prev::after,.swiper-button-next::after {  content: '';}.prev_img {  transform: rotate(180deg);}.swiper-slide .flip {  transform: translate(0, 50%);  opacity: 0;}.swiper-slide .flip_fst {  transition: 0.5s 1.4s ease-out;}.swiper-slide .flip_scd {  transition: 0.5s 1.6s ease-out;  animation-delay: 0.2s;}.swiper-slide .flip_trd {  transition: 0.5s 1.8s ease-out;  animation-delay: 0.4s;}.swiper-slide-active .flip {  opacity: 1;  transform: translate(0, 0);}.episode,.btn_ep {  opacity: 0;}.btn_ep {  animation-delay: 0.5s;}.box_ep {  display: flex;  flex-direction: column;  justify-content: space-evenly;  align-items: center;  position: absolute;  bottom: 0;  width: 100%;  height: 30%;}@media screen and (max-width: 1280px) {  /* .card_slide {    height: 600px;  } */  .flip {    width: 334px;    height: 320px;  }}@media screen and (max-width: 520px) {  .pc {    display: none;  }  .mobile {    display: block;  }  #update .wrap{    margin-top: 73px;  }}@media screen and (max-width: 1024px) {}@media screen and (max-width: 520px) {  #world {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    height: 1000px;    margin-top: 46px;  }  .episode,  .btn_ep {    opacity: 1;  }  .swiper_m_update {    height: 500px;  }  .desc_top {    /* margin-top: 100px;    margin-bottom: 30px; */  }  .wrap_sub_intro {    justify-content: space-evenly;    height: inherit;  }  .cont_2 {    max-height: 755px;  }  .box_world {    max-height: max-content;  }  .box_world::before {    content: none;    display: none;  }  .swiper-button-next,  .swiper-button-prev {    top: 180px;  }}@media screen and (max-width: 400px) {  .swiper-button-next,  .swiper-button-prev {    top: 180px;  }}@media screen and (max-width: 320px) {  .swiper-button-next,  .swiper-button-prev {    top: 180px;  }}/* 모바일 가로 모드 */@media screen and (max-width: 950px) and (orientation: landscape) {  #world {    height: 800px;  }  .box_world::before {    content: none;    display: none;  }  /* .inner_world p{        font-size: 0.5rem;    } */}/* //모바일 가로 모드 */