@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.step-1::before{height:139rem}
.step-1 .align-center-box .desc{margin:1rem 0 2rem}
.step-2::before{height:-webkit-calc(100% - 200px);height:calc(100% - 200px);height:-webkit-calc(100% - 20rem);height:calc(100% - 20rem)}
.step-2 .public-swiper-container .video-container .thumnail-box{padding-top:66.3%}
.step-2 [class*="swiper-dig"]{margin-top:-3rem}
.step-3::before{height:-webkit-calc(100% - 200px);height:calc(100% - 200px);height:-webkit-calc(100% - 20rem);height:calc(100% - 20rem)}
.step-3 .music-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.step-3 .public-swiper-container .video-container .thumnail-box{padding-top:66.3%}
.step-3 [class*="swiper-dig"]{margin-top:-3rem}
.public-swiper-container .video-container .thumnail-box{padding-top:60.3%}
.preview-popup-wrap.has-only-music .preview-popup-dialog{opacity:1}
.preview-popup-wrap.has-only-music .preview-controler-area{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.preview-popup-wrap.has-only-music .preview-controler-area .drop-down-container{margin-left:15px}
.preview-popup-wrap.has-only-music .preview-controler-area .drop-down-btn{min-width:150px}
.preview-popup-wrap.has-only-music .ui-play-pause-btn{display:block!important}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.pageClassBookView img,[class*="pageClassCollectedView"] img{width:100%}
.step-1::before{height:224rem}
.step-1 .align-center-box .desc{margin:1rem 0 3rem}
.step-1 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-9rem}
.step-1 .ui-bebe-step1-swiper [class*="swiper-btn-round"]{margin-top:2rem}
.step-2::before{height:-webkit-calc(100% - 250px);height:calc(100% - 250px);height:-webkit-calc(100% - 25rem);height:calc(100% - 25rem)}
.step-2 .public-swiper-container .video-container .thumnail-box{padding-top:60.4%}
.step-2 [class*="swiper-dig"]{margin-top:-4.5rem}
.step-2 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-6rem}
.step-3::before{height:-webkit-calc(100% - 250px);height:calc(100% - 250px);height:-webkit-calc(100% - 25rem);height:calc(100% - 25rem)}
.step-3 .music-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.step-3 .public-swiper-container .video-container .thumnail-box{padding-top:65.5%}
.step-3 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-6.5rem}
.public-swiper-container .video-container{width:60rem}
.public-swiper-container .video-container .thumnail-box{padding-top:60.3%;border-radius:2rem;overflow:hidden}
.preview-popup-wrap.has-only-music .preview-popup-dialog{opacity:1}
.preview-popup-wrap.has-only-music .preview-controler-area{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.preview-popup-wrap.has-only-music .preview-controler-area .drop-down-container{margin-left:15px}
.preview-popup-wrap.has-only-music .preview-controler-area .drop-down-btn{min-width:150px}
.preview-popup-wrap.has-only-music .ui-play-pause-btn{display:block!important}
.book-cover-flip-area .banner-templete03 .img-box img{width:auto}
}