@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.book-cover-box-container{margin-top:3.5rem}
.book-cover-box-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 3rem 0 3rem}
.book-cover-box-align .book-cover-box-align-col{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%}
.book-cover-box-align .book-cover-box-align-col .book-cover-box{margin-top:0;width:13rem}
.book-cover-box{margin:0 auto;position:relative;width:15rem;margin-top:3.2rem}
.book-cover-box img{margin-top:1.1rem;margin-bottom:0.5rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.book-cover-box strong{color:#d8213b}
.content-box.full.use-tip-area .public-swiper-container{margin-top:0}
.swiper-container.public-swiper-container .bg-img{position:relative}
.swiper-container.public-swiper-container .open-btn{position:absolute;top:50%;left:50%;margin:-3.3rem 0 0 -3.3rem}
.step-1::before{height:-webkit-calc(100% - 180px);height:calc(100% - 180px);height:-webkit-calc(100% - 18rem);height:calc(100% - 18rem)}
.step-2::before{height:-webkit-calc(100% - 120px);height:calc(100% - 120px);height:-webkit-calc(100% - 12rem);height:calc(100% - 12rem)}
.step-3::before{height:-webkit-calc(100% - 190px);height:calc(100% - 190px);height:-webkit-calc(100% - 19rem);height:calc(100% - 19rem)}
.step-4::before{height:-webkit-calc(100% - 190px);height:calc(100% - 190px);height:-webkit-calc(100% - 19rem);height:calc(100% - 19rem)}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.book-cover-box-container{max-width:600px;margin:5rem auto 0 auto}
.book-cover-box-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 3rem 0 3rem}
.book-cover-box-align .book-cover-box-align-col{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%}
.book-cover-box-align .book-cover-box-align-col .book-cover-box{margin-top:0;width:22rem}
.book-cover-box{margin:0 auto;position:relative;width:22rem;margin-top:3.2rem}
.book-cover-box img{margin-top:1.1rem;margin-bottom:0.5rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.book-cover-box strong{color:#d8213b}
.content-box.full.use-tip-area .public-swiper-container{margin-top:0}
.swiper-container.public-swiper-container .bg-img{position:relative}
.swiper-container.public-swiper-container .open-btn{position:absolute;top:50%;left:50%;margin:-3.3rem 0 0 -3.3rem}
.step-1::before{height:-webkit-calc(100% - 240px);height:calc(100% - 240px);height:-webkit-calc(100% - 24rem);height:calc(100% - 24rem)}
.step-2::before{height:-webkit-calc(100% - 240px);height:calc(100% - 240px);height:-webkit-calc(100% - 24rem);height:calc(100% - 24rem)}
.step-3::before{height:-webkit-calc(100% - 240px);height:calc(100% - 240px);height:-webkit-calc(100% - 24rem);height:calc(100% - 24rem)}
.step-4::before{height:-webkit-calc(100% - 230px);height:calc(100% - 230px);height:-webkit-calc(100% - 23rem);height:calc(100% - 23rem)}
.content-box.step-1 [class*="swiper-btn-round"]{margin-top:-6rem}
.content-box.step-2 [class*="swiper-btn-round"]{margin-top:-6rem}
.content-box.step-3 [class*="swiper-btn-round"]{margin-top:-9rem}
.content-box.step-4 [class*="swiper-btn-round"]{margin-top:-9rem}
}