@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! 으랏차차 ! 이야기 세계사 15 */
/*! 으랏차차 ! 이야기 세계사 15 */
/*! 으랏차차 ! 이야기 세계사 15 */
.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)}
.step-1[class*="content-box"]::before{height:-webkit-calc(100% - 250px);height:calc(100% - 250px);height:-webkit-calc(100% - 25rem);height:calc(100% - 25rem)}
.step-1 .cont-detail{top:1.7rem;left:2rem}
.step-1 .cont-detail .txt-box{margin-top:0}
.step-1 .round-type-tag{margin-bottom:1rem}
.step-1 .desc{margin-bottom:1.7rem}
.step-2[class*="content-box"]::before{height:-webkit-calc(100% - 100px);height:calc(100% - 100px);height:-webkit-calc(100% - 10rem);height:calc(100% - 10rem)}
.step-2 .align-center-box .desc{margin-top:1.1rem;margin-bottom:1.7rem}
.step-2 .container-row{margin-top:2.5rem;text-align:center}
.step-2 .container-row .txt{font-size:1.3rem;line-height:1.76;margin-top:1rem}
.step-2 .container-row .item-content:nth-child(1n+3){margin-top:1.8rem}
.step-3[class*="content-box"]::before{height:-webkit-calc(100% - 130px);height:calc(100% - 130px);height:-webkit-calc(100% - 13rem);height:calc(100% - 13rem)}
.step-3 .align-center-box.space01{margin-top:3rem}
.step-3 .align-center-box .desc{margin-top:1.1rem;margin-bottom:1.7rem}
.step-3 .desc{margin-bottom:1.7rem}
.collection-guide .align-center-box{margin-top:1rem}
.collection-guide .align-center-box .desc{margin-top:1rem}
.collection-guide .img-box{margin-top:3rem}
.collection-guide .container-row{margin-top:3.2rem;padding:0 6rem;background:url("../images/common/ico_sky_plus02@2x.png") no-repeat center/32px}
.collection-guide .container-row .item-content{position:relative;padding:0;width:-webkit-calc(50% - 22px);width:calc(50% - 22px);width:-webkit-calc(50% - 2.2rem);width:calc(50% - 2.2rem)}
.collection-guide .container-row .item-content:nth-child(odd){margin-right:2.2rem}
.collection-guide .container-row .item-content:nth-child(even){margin-left:2.2rem}
.collection-guide .container-row .item-content:nth-child(1n+3){margin-top:2rem}
.collection-guide .container-row .txt{position:absolute;bottom:1.5rem;width:100%;font-size:1.2rem;line-height:1.83;font-weight:500;color:#fff;text-align:center;line-height:1.5}
.grey-column-text-box{margin-top:4rem;margin-bottom:2rem}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.book-cover-box{margin:0 auto;position:relative;width:27rem;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)}
[class*="step-"] img{width:100%}
.step-1[class*="content-box"]::before{height:-webkit-calc(100% - 190px);height:calc(100% - 190px);height:-webkit-calc(100% - 19rem);height:calc(100% - 19rem)}
.step-1 .round-type-tag{margin-bottom:1rem}
.step-1 .desc{margin-bottom:1.7rem}
.step-1 [class*="swiper-btn-round"]{margin-top:-3rem}
.step-2::before{height:-webkit-calc(100% - 150px);height:calc(100% - 150px);height:-webkit-calc(100% - 15rem);height:calc(100% - 15rem)}
.step-2 .align-center-box .desc{margin-top:1.3rem;margin-bottom:4.4rem}
.step-2 .container-row{width:60rem;margin:0 auto;margin-top:3.9rem;text-align:center}
.step-2 .container-row .txt{font-size:1.6rem;line-height:1.62;margin-top:1.3rem}
.step-2 .container-row .item-content:nth-child(odd){padding-right:3.7rem}
.step-2 .container-row .item-content:nth-child(even){padding-left:3.7rem}
.step-2 .container-row .item-content:nth-child(1n+3){margin-top:2.2rem}
.step-2 [class*="swiper-btn-round"]{margin-top:-3rem}
.step-3::before{height:-webkit-calc(100% - 210px);height:calc(100% - 210px);height:-webkit-calc(100% - 21rem);height:calc(100% - 21rem)}
.step-3 .book-cover-box{padding:0 2rem;margin-top:2.9rem;text-align:center}
.step-3 .book-cover-box img{width:46.3rem}
.step-3 .align-center-box.space01{margin-top:3rem}
.step-3 .align-center-box .desc{margin-top:1.1rem;margin-bottom:1.7rem}
.step-3 [class*="swiper-btn-round"]{margin-top:0}
.step-4{margin-top:6rem}
.step-4::before{height:-webkit-calc(100% - 320px);height:calc(100% - 320px);height:-webkit-calc(100% - 32rem);height:calc(100% - 32rem)}
.step-4 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-9rem}
.collection-guide .align-center-box{margin-top:2rem}
.collection-guide .align-center-box .desc{margin-top:0.9rem}
.collection-guide .img-box{width:60rem;margin:0 auto;margin-top:5.1rem}
.collection-guide .container-row{width:48rem;margin:0 auto;margin-top:3.2rem;background:url("../images/common/ico_sky_plus02@2x.png") no-repeat center/44px}
.collection-guide .container-row .item-content{position:relative;padding:0;width:-webkit-calc(50% - 22px);width:calc(50% - 22px);width:-webkit-calc(50% - 2.2rem);width:calc(50% - 2.2rem)}
.collection-guide .container-row .item-content:nth-child(odd){margin-right:2.2rem}
.collection-guide .container-row .item-content:nth-child(even){margin-left:2.2rem}
.collection-guide .container-row .item-content:nth-child(1n+3){margin-top:2rem}
.collection-guide .container-row .txt{position:absolute;bottom:1.5rem;width:100%;font-size:1.2rem;line-height:1.83;font-weight:500;color:#fff;text-align:center;line-height:1.5}
.grey-column-text-box{margin-top:4rem;margin-bottom:1rem}
.content-box.round-type.space02{text-align:center;padding-top:12.4rem;padding-bottom:6rem}
.content-box.round-type.space02 .pc-show{display:inline-block}
}