@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.multi-book-cover-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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.multi-book-cover-item{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:-webkit-calc(100% / 3 - 10px);width:calc(100% / 3 - 10px);width:-webkit-calc(100% / 3 - 1rem);width:calc(100% / 3 - 1rem);margin-right:1.5rem;margin-top:2.5rem}
.multi-book-cover-item:nth-child(1),.multi-book-cover-item:nth-child(2),.multi-book-cover-item:nth-child(3){margin-top:0}
.multi-book-cover-item:nth-child(3n){margin-right:0}
.multi-book-cover-item 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)}
.multi-book-cover-txt{margin-top:1rem;display:block;text-align:center;font-size:1.3rem;line-height:1.76;font-weight:500;color:#222}
.images-solo{position:relative;margin:4rem 2rem 0 2rem;border-radius:2rem}
.images-solo + .images-solo{margin-top:2rem;margin-bottom:2rem}
.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}
.swiper-container.public-swiper-container.mt-0{margin-top:0}
.step-slide-container .swiper-slide{width:12.6rem;padding:0}
.step-slide-container .bg-left-pc{display:none}
.step-slide-container .bg-right-pc{display:none}
.step-slide-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;padding:0 1.3rem 0 1.3rem}
.step-slide-circle-area{position:relative;width:11rem;height:12rem}
.step-slide-bg{position:absolute;top:0;left:0;width:11rem;height:11rem;background:url("../images/introduce/bu_circle02.png") no-repeat center center;background-size:11rem 11rem}
.step-slide-desc{position:relative;z-index:1;width:11rem;height:11rem;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.step-slide-desc .txt01{text-align:center;font-size:1.7rem;line-height:1.58;font-weight:700;color:#999}
.step-slide-desc .txt02{text-align:center;margin-top:0.2rem;font-size:1.3rem;line-height:1.76;color:#222}
.step-slide-bu{position:relative;z-index:1;display:block;width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid #fd980f;background:#fff url("../images/introduce/bu_arrow_line02.png") no-repeat center center;background-size:0.6rem 0.9rem}
.step-slide-line-right{position:absolute;bottom:0.8rem;right:0;width:50%;height:0.2rem;background-color:#fd980f}
.step-slide-line-left{position:absolute;bottom:0.8rem;left:0;width:50%;height:0.2rem;background-color:#fd980f}
.swiper-slide-active .step-slide-bg{top:-1rem;left:-1rem;width:13.9rem;height:14.7rem;background:url("../images/introduce/bu_circle01.png") no-repeat center center;background-size:13.9rem 14.7rem}
.swiper-slide-active .step-slide-bu{background:#fd980f url("../images/introduce/bu_arrow_line01.png") no-repeat center center;background-size:0.6rem 0.9rem}
.step-1::before{height:-webkit-calc(100% - 250px);height:calc(100% - 250px);height:-webkit-calc(100% - 25rem);height:calc(100% - 25rem)}
.step-2{padding-bottom:9rem}
.step-2::before{height:-webkit-calc(100% - 90px);height:calc(100% - 90px);height:-webkit-calc(100% - 9rem);height:calc(100% - 9rem)}
.step-2::after{content:'';position:absolute;width:100%;height:9rem;background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(#f7f7f7), color-stop(#fafafa), color-stop(#fcfcfc), to(#fff));background-image:-webkit-linear-gradient(top, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #fff);background-image:-o-linear-gradient(top, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #fff);background-image:linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #fff);bottom:0;left:0}
.step-3::before{height:-webkit-calc(100% - 160px);height:calc(100% - 160px);height:-webkit-calc(100% - 16rem);height:calc(100% - 16rem)}
.step-4::before{height:-webkit-calc(100% - 200px);height:calc(100% - 200px);height:-webkit-calc(100% - 20rem);height:calc(100% - 20rem)}
.content-box.ourliterature-space02{margin-top:-1rem}
.content-box.ourliterature-space02 .public-swiper-container.pb-30{padding-top:1rem}
.content-box.ourliterature-space02 .public-swiper-container.pb-30 .cont-area{-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.16)}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.multi-book-cover-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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.multi-book-cover-item{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:-webkit-calc(100% / 3 - 20px);width:calc(100% / 3 - 20px);width:-webkit-calc(100% / 3 - 2rem);width:calc(100% / 3 - 2rem);margin-right:3rem;margin-top:3.5rem}
.multi-book-cover-item:nth-child(1),.multi-book-cover-item:nth-child(2),.multi-book-cover-item:nth-child(3){margin-top:0}
.multi-book-cover-item:nth-child(3n){margin-right:0}
.multi-book-cover-item 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)}
.multi-book-cover-txt{margin-top:1rem;display:block;text-align:center;font-size:1.8rem;line-height:1.55;font-weight:500;color:#222}
.images-solo{position:relative;max-width:600px;margin:6rem auto 0 auto;border-radius:2rem;-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)}
.images-solo + .images-solo{margin-top:2rem;margin-bottom:2rem}
.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}
.swiper-container.public-swiper-container.mt-0{margin-top:0}
.step-slide-container{position:relative;max-width:855px;margin:0 auto 0 auto;padding:0 2rem 0 2rem}
.step-slide-container .public-swiper-container{position:relative;max-width:660px;margin:5rem auto 0 auto}
.step-slide-container .swiper-slide{width:23.1rem;padding:0}
.step-slide-container.space01 .public-swiper-container{margin-top:2rem}
.step-slide-container .bg-left-pc{position:absolute;z-index:2;top:0;left:0;width:18rem;height:100%;background:-webkit-gradient(linear, right top, left top, from(rgba(245, 245, 245, 0.2)), color-stop(90%, rgba(245, 245, 245, 0.9)));background:-webkit-linear-gradient(right, rgba(245, 245, 245, 0.2) 0, rgba(245, 245, 245, 0.9) 90%);background:-o-linear-gradient(right, rgba(245, 245, 245, 0.2) 0, rgba(245, 245, 245, 0.9) 90%);background:linear-gradient(-90deg, rgba(245, 245, 245, 0.2) 0, rgba(245, 245, 245, 0.9) 90%)}
.step-slide-container .bg-right-pc{position:absolute;z-index:2;top:0;right:0;width:18rem;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(245, 245, 245, 0.2)), color-stop(90%, rgba(245, 245, 245, 0.9)));background:-webkit-linear-gradient(left, rgba(245, 245, 245, 0.2) 0, rgba(245, 245, 245, 0.9) 90%);background:-o-linear-gradient(left, rgba(245, 245, 245, 0.2) 0, rgba(245, 245, 245, 0.9) 90%);background:linear-gradient(90deg, rgba(245, 245, 245, 0.2) 0, rgba(245, 245, 245, 0.9) 90%)}
.step-slide-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;padding:0 2.2rem 0 2.2rem}
.step-slide-circle-area{position:relative;width:18.7rem;height:21rem}
.step-slide-bg{position:absolute;top:0;left:0;width:18.7rem;height:18.7rem;background:url("../images/introduce/bu_circle02_pc.png") no-repeat center center;background-size:18.7rem 18.7rem}
.step-slide-desc{position:relative;z-index:1;width:18.7rem;height:18.7rem;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.step-slide-desc .txt01{text-align:center;font-size:2.2rem;line-height:1.45;font-weight:700;color:#999}
.step-slide-desc .txt02{text-align:center;margin-top:0.2rem;font-size:1.8rem;line-height:1.55;color:#222}
.step-slide-bu{position:relative;z-index:1;display:block;width:3rem;height:3rem;border-radius:50%;border:2px solid #fd980f;background:#fff url("../images/introduce/bu_arrow_line02.png") no-repeat center center;background-size:0.9rem 1.2rem}
.step-slide-line-right{position:absolute;bottom:1.3rem;right:0;width:50%;height:0.4rem;background-color:#fd980f}
.step-slide-line-left{position:absolute;bottom:1.3rem;left:0;width:50%;height:0.4rem;background-color:#fd980f}
.swiper-slide-active .step-slide-desc .txt01{color:#fd980f}
.swiper-slide-active .step-slide-bg{top:-2rem;left:-1.8rem;width:24.5rem;height:25.8rem;background:url("../images/introduce/bu_circle01_pc.png") no-repeat center center;background-size:24.5rem 25.8rem}
.swiper-slide-active .step-slide-bu{background:#fd980f url("../images/introduce/bu_arrow_line01.png") no-repeat center center;background-size:0.9rem 1.2rem}
.step-1::before{height:-webkit-calc(100% - 420px);height:calc(100% - 420px);height:-webkit-calc(100% - 42rem);height:calc(100% - 42rem)}
.step-2{padding-bottom:22rem}
.step-2::before{height:-webkit-calc(100% - 90px);height:calc(100% - 90px);height:-webkit-calc(100% - 9rem);height:calc(100% - 9rem)}
.step-2::after{content:'';position:absolute;width:100%;height:9rem;background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(#f7f7f7), color-stop(#fafafa), color-stop(#fcfcfc), to(#fff));background-image:-webkit-linear-gradient(top, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #fff);background-image:-o-linear-gradient(top, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #fff);background-image:linear-gradient(to bottom, #f5f5f5, #f7f7f7, #fafafa, #fcfcfc, #fff);bottom:0;left:0}
.step-3::before{height:-webkit-calc(100% - 280px);height:calc(100% - 280px);height:-webkit-calc(100% - 28rem);height:calc(100% - 28rem)}
.step-4::before{height:-webkit-calc(100% - 270px);height:calc(100% - 270px);height:-webkit-calc(100% - 27rem);height:calc(100% - 27rem)}
.content-box.step-2 [class*="swiper-btn-round"]{margin-top:-4rem}
.content-box.step-4 [class*="swiper-btn-round"]{margin-top:-6rem}
.public-swiper-container.pb-30.ourliterature-space01{padding-bottom:4rem}
.content-box.ourliterature-space02{margin-top:-1rem}
.content-box.ourliterature-space02 [class*="swiper-btn-round"]{margin-top:-9rem}
.content-box.ourliterature-space02 .public-swiper-container.pb-30{padding-bottom:4rem;padding-top:1rem}
.content-box.ourliterature-space02 .public-swiper-container.pb-30 .cont-area{-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.16)}
}