@charset "UTF-8";
.fw700{font-weight:700}
.fw500{font-weight:500}
.pt-10{padding-top:1rem}
.pt-70{padding-top:7rem}
.pt-40{padding-top:4rem}
.pt-50{padding-top:5rem}
.pb-40{padding-bottom:4rem}
strong{font-weight:700}
/*! mobile 버전 - css */
@media (max-width: 1023px){
.pc-show{display:none}
.mo-show{display:block}
.content-box .step-box{padding-top:50px;font-size:17px;line-height:1.55}
.content-box .step-box > strong{font-size:22px;line-height:1.45}
.content-box .step-box .text-box{font-size:14px;line-height:1.7}
.content-box .step-box .text-box strong{font-size:14px;display:inline-block;margin-bottom:4.5px}
.content-box .step-box.green03 strong{color:#008a8b}
.content-box.dark-pink .type-wrap .type{color:#da2c8b;border-color:#da2c8b}
.type-wrap{color:#666;text-align:center;font-size:13px;margin-top:20px}
.type-wrap .type{position:relative;color:#008a8b;border:1px solid #008a8b;border-radius:100px;padding:4px 15px;z-index:1}
.type-wrap .type-img{margin-top:20px;padding:0 2rem}
.type-wrap .type-img img{position:relative;-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);border-radius:2rem;z-index:1}
.type-wrap .type-img .book-spot{position:relative;margin-top:20px;z-index:1}
.type-wrap .type-img .book-spot span{position:relative;padding-right:20px;vertical-align:initial}
.type-wrap .type-img .book-spot span::after{content:"";position:absolute;top:3px;right:10px;width:1px;height:14px;background-color:#666}
.type-wrap .type-txt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.type-wrap .type-txt .book-img{width:100%;-webkit-box-shadow:none;box-shadow:none}
.type-wrap .type-txt .txt-box{width:100%;padding-left:0}
.type-wrap .type-txt .txt-box .content-center p{color:#222;margin-top:20px;margin-bottom:40px}
.type-wrap .type-txt .txt-box .content-center .book-point{width:100%;color:#222;background-color:#f9f9f9;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px}
.step-1 .txt-area strong{color:#da2c8b}
.preview-container .item-content .img-box{height:82.25px}
.use-tips-swiper .img-box span{position:absolute;bottom:32px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.step-2 .type-wrap .swiper-container .swiper-wrapper .swiper-slide .cont-area{overflow:visible;-webkit-box-shadow:none;box-shadow:none}
.step-2 .type-wrap .swiper-container .swiper-wrapper .swiper-slide .cont-area .type-img.type01{margin-top:0;padding:0 0}
.step-2 .type-wrap .swiper-container .swiper-wrapper .swiper-slide .cont-area .type-img.type01 img{-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-3 .type-wrap .type-img{padding:0 0}
/*! 20231011 책구성의 이미지가 어떤 것이 들어와도 정렬되게 - mo */
.ui-group-chapter .collected-lists .list .popup-open .img-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;padding-top:100%;padding-bottom:0}
.ui-group-chapter .collected-lists .list .popup-open .img-box > img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:80%;max-height:80%;width:auto}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.pc-show{display:block}
.mo-show{display:none}
.content-box .step-box{line-height:1.41;padding-top:100px;font-size:2.4rem;color:#222}
.content-box .step-box > strong{font-size:3.4rem;line-height:1.29}
.content-box .step-box .img-box{width:666px;height:160px;margin:0 auto}
.content-box .step-box .img-box img{width:100%}
.content-box .step-box .text-box{font-size:1.8rem;line-height:2.0}
.content-box .step-box .text-box strong{vertical-align:top}
.content-box .step-box.green03 strong{color:#008a8b}
.content-box.green03 .type-wrap .type{color:#008a8b;border-color:#008a8b}
.content-box.dark-pink .type-wrap .type{color:#da2c8b;border-color:#da2c8b}
.content-box .type-wrap{color:#666;text-align:center;font-size:20px;margin-top:45px}
.content-box .type-wrap .type{color:#222;border:2px solid #222;border-radius:100px;padding:8px 30px;margin-bottom:3rem;font-size:2rem}
.content-box .type-wrap .type .spot{position:relative;font-weight:700;vertical-align:baseline;padding-right:20px}
.content-box .type-wrap .type .spot::after{content:"";width:1px;height:14px;position:absolute;right:10px;top:9px}
.content-box .type-wrap .type-img{position:relative;margin-top:20px}
.content-box .type-wrap .type-img .img-box{width:85.5rem;padding:0 12.7rem;margin:0 auto}
.content-box .type-wrap .type-img .img-box img{-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);border-radius:2rem}
.content-box .type-wrap .type-img img{-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);border-radius:2rem}
.content-box .type-wrap .type-img .book-spot{margin-top:20px}
.content-box .type-wrap .type-img .book-spot span{position:relative;padding-right:20px;vertical-align:initial}
.content-box .type-wrap .type-img .book-spot span::after{content:"";position:absolute;top:9px;right:5px;width:1px;height:14px;background-color:#666}
.content-box .type-wrap .type-img .img-info{display:block;width:100%;background-color:#f8e4ef;padding:24px 50px;border-radius:20px 20px 0 0;font-size:20px}
.content-box .type-wrap .type-txt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.content-box .type-wrap .type-txt .book-img{width:486px;-webkit-box-shadow:none;box-shadow:none}
.content-box .type-wrap .type-txt .txt-box{width:100%;padding-left:0}
.content-box .type-wrap .type-txt .txt-box .content-center p{color:#222;margin-top:20px;margin-bottom:40px}
.content-box .type-wrap .type-txt .txt-box .content-center .book-point{width:600px;color:#222;background-color:#f9f9f9;padding:18px 67px 22px 67px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px}
.step-type::before{height:70%;z-index:-1}
.step-1 .txt-area strong{color:#da2c8b}
.step-2.step-type::before{height:32%}
.step-2 .type-wrap .swiper-container .swiper-wrapper .swiper-slide .cont-area{-webkit-box-shadow:none;box-shadow:none;overflow:visible}
.step-2 .type-wrap .swiper-container .swiper-wrapper .swiper-slide .cont-area .type-img.type01 .img-box{width:100%;padding:0 0}
.step-3 .public-swiper-container{padding-bottom:60px;margin-top:20px}
.step-3 .public-swiper-container .swiper-slide{padding-top:20px}
.step-3 .type-wrap{margin-top:20px}
.step-3 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-3.5rem}
[class*="content-box"].round-type .round-type-sub-detail{color:#999;font-size:16px}
.use-tips-swiper .img-box span{color:#666;font-size:14px;position:absolute;bottom:24.25px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-weight:500}
.txt-area .book-img{width:auto;min-width:auto}
.step-4 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-8rem}
}