@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.content-box.step-type .round-type-tag{margin-top:3.5rem;margin-bottom:0}
.align-center-box.type01{margin-bottom:2rem}
.align-center-box.type01 .round-type-tag{margin-bottom:1rem}
.align-center-box.type01 .align-center-box-desc{margin-top:0.6rem;font-size:1.4rem;line-height:1.71;text-align:center;color:#222}
.mo-show{display:block}
.pc-show{display:none}
.public-swiper-container.pb-45.mt-80{padding-bottom:3rem;margin-top:5rem}
.swiper-container.public-swiper-container.ui-public-swiper.pb-20.mt-10{margin-top:0}
.swiper-container.public-swiper-container.ui-public-swiper.pb-20.mt-10 .align-center-box-desc{margin-top:0.6rem;margin-bottom:3.6rem}
.cont-area .bg-img img{min-height:22rem}
.cont-area .bg-img.relative{position:relative}
.cont-area .bg-img.relative a{position:absolute;top:40%;left:61%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0}
.cont-inner{padding-top:2.5rem;padding-right:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff}
.cont-inner .flex-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:30%}
.cont-inner .flex-item .img-wrap{position:relative;width:100%}
.cont-inner .flex-item .img-wrap img{width:100%;max-height:20.9rem;z-index:2;-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)}
.cont-inner .flex-item .img-wrap .preview-btn{position:absolute;right:2.3rem;top:42%;margin-top:-0.5rem;border-radius:3.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)}
.cont-inner .flex-item .txt-area.bookstore{height:2rem;padding:0}
.cont-inner .flex-item .txt-area.bookstore span{font-size:1.2rem;line-height:1.83;height:3rem;text-align:center;line-height:1.2}
.txt-area .book-img.no-shadow{-webkit-box-shadow:none;box-shadow:none}
.title-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-right:6rem;padding-left:6rem}
.title-area span{font-size:1.8rem;line-height:1.55;line-height:1.55}
.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% - 160px);height:calc(100% - 160px);height:-webkit-calc(100% - 16rem);height:calc(100% - 16rem)}
.step-3 .container-row.pd-center{margin-top:2rem}
.step-3 .item-content:nth-child(1n+3){margin-top:1.5rem}
.step-3 .public-swiper-container{margin-top:1rem}
.step-4::before{height:-webkit-calc(100% - 200px);height:calc(100% - 200px);height:-webkit-calc(100% - 20rem);height:calc(100% - 20rem)}
.step-4 .swiper-container.public-swiper-container.ui-public-swiper.pb-30.bookstore{padding-bottom:0.5rem;margin-top:1rem}
.step-4 .container-column > .item-content{background-color:#fff;padding:1.3rem 2.5rem 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);border-radius:1rem}
.step-4 .container-column > .item-content + .item-content{margin-top:1rem}
.step-4 .container-row .item-content{width:-webkit-calc(100% - 82px);width:calc(100% - 82px);width:-webkit-calc(100% - 8.2rem);width:calc(100% - 8.2rem)}
.step-4 .container-row .item-content.img-box{padding-left:0.7rem;padding-top:3.4rem;width:8.2rem}
.step-4 .container-row .item-content.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)}
.step-4 .number{font-size:1.7rem;line-height:1.58;font-weight:700}
.step-4 .desc{margin-top:0.5rem;font-size:1.3rem;line-height:1.76;font-weight:500}
.step-4 .btn-lv03{margin-top:1.3rem;background-color:#a8509b;border-color:#a8509b;padding:0.3rem 1.5rem 0.4rem;min-width:auto}
.step-4 .btn-lv03 .txt{font-size:1.3rem;line-height:1.76;padding-right:0.2rem;font-weight:400}
.step-5::before{height:-webkit-calc(100% - 200px);height:calc(100% - 200px);height:-webkit-calc(100% - 20rem);height:calc(100% - 20rem)}
.use-tip-area .public-swiper-container{margin-top:0}
.collected-popup .modal-popup-header{padding:2rem 0 2rem 0;border-bottom:1px solid #e5e5e5}
.collected-popup-img-area{padding:3rem 0 3rem 0}
.video-container .vimeo-player-control{border-radius:15px}
.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;opacity:0}
.preview-popup-wrap.has-only-music .preview-controler-area .drop-down-btn{min-width:150px}
.step-4-swiper-popup01 .ui-play-pause-btn,.step-4-swiper-popup02 .ui-play-pause-btn,.step-4-swiper-popup03 .ui-play-pause-btn,.step-4-swiper-popup04 .ui-play-pause-btn,.step-4-swiper-popup05 .ui-play-pause-btn,.step-4-swiper-popup06 .ui-play-pause-btn{display:block!important}
.button-link-area{position:relative;max-width:100%;overflow:hidden;margin:4rem auto 0;padding-bottom:10px}
.link-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 1.5rem}
.link-container .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:10rem}
.link-container .item:first-child .img-area{position:relative;border:2px solid #00a78d;border-radius:50%;-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)}
.link-container .item:first-child .img-area::after{content:'';position:absolute;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;width:100%;height:100%;background:url(../images/introduce/gregre_set_step03_icon01.png) no-repeat;background-size:50%;background-position:center center}
.link-container .item:nth-child(2) .img-area{position:relative;border:2px solid #00a78d;border-radius:50%;-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)}
.link-container .item:nth-child(2) .img-area::after{content:'';position:absolute;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;width:100%;height:100%;background:url(../images/introduce/gregre_set_step03_icon02.png) no-repeat;background-size:60%;background-position-x:41%;background-position-y:60%}
.link-container .item:last-child .img-area{position:relative;border:2px solid #00a78d;border-radius:50%;-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)}
.link-container .item:last-child .img-area::after{content:'';position:absolute;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;width:100%;height:100%;background:url(../images/introduce/gregre_set_step03_icon03.png) no-repeat;background-size:50%;background-position:center center}
.link-container .item .img-area{width:100%;max-width:9rem;min-height:9rem;background:#fff}
.link-container .item .txt-item{margin-top:1rem;font-size:1.3rem;line-height:1.76;line-height:1.46;text-align:center}
.link-container .item a{display:inline-block;min-width:auto;margin:1.5rem auto 0;padding:0.8rem 1.1rem;background-color:#00a78d;border:1px solid #000;border-color:#00a78d;border-radius:4rem;color:#fff;text-align:center;font-size:1.3rem;-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)}
.link-container .item a .ico-asset{width:0.7rem;height:1.2rem;margin-left:0.8rem;margin-bottom:0.2rem;background-size:0.7rem 1.2rem;background-image:url(../images/common/ico_asset@2x.png)}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.content-box.step-type .round-type-tag{margin-top:6rem;margin-bottom:0}
.align-center-box.type01{margin-bottom:2rem}
.align-center-box.type01 .round-type-tag{margin-bottom:1rem}
.align-center-box.type01 .align-center-box-desc{font-size:1.8rem;line-height:1.55;color:#222}
.book-view-container .video-container.bookstore{max-width:60rem}
.book-view-container .video-container.bookstore .thumnail-box .iframe-wrapper{width:100%;height:100%;border-radius:20px;background-color:#fff}
.mo-show{display:none}
.pc-show{display:block}
.public-swiper-container.pb-45.mt-80{padding-bottom:4.5rem;margin-top:8rem}
.swiper-container.public-swiper-container.ui-public-swiper.pb-20.mt-10{margin-top:0.6rem}
.swiper-container.public-swiper-container.ui-public-swiper.pb-20.mt-10 .align-center-box-desc{margin-bottom:6rem}
.cont-area{border-radius:2rem}
.cont-area .bg-img img{min-height:39.4rem}
.cont-area .bg-img.relative{position:relative}
.cont-area .bg-img.relative a{position:absolute;top:40%;left:61%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0}
.title-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-right:6rem;padding-left:6rem}
.title-area span{font-size:1.8rem;line-height:1.55;line-height:1.55}
.txt-area .book-img.no-shadow{-webkit-box-shadow:none;box-shadow:none}
.step-1::before{height:-webkit-calc(100% - 280px);height:calc(100% - 280px);height:-webkit-calc(100% - 28rem);height:calc(100% - 28rem)}
.step-2::before{height:-webkit-calc(100% - 280px);height:calc(100% - 280px);height:-webkit-calc(100% - 28rem);height:calc(100% - 28rem)}
.step-3::before{height:-webkit-calc(100% - 230px);height:calc(100% - 230px);height:-webkit-calc(100% - 23rem);height:calc(100% - 23rem)}
.step-4::before{height:-webkit-calc(100% - 230px);height:calc(100% - 230px);height:-webkit-calc(100% - 23rem);height:calc(100% - 23rem)}
.step-5::before{height:-webkit-calc(100% - 230px);height:calc(100% - 230px);height:-webkit-calc(100% - 23rem);height:calc(100% - 23rem)}
.round-type-tag.gregre-list .bold{padding:1rem}
.button-link-area{position:relative;max-width:74rem;overflow:visible;margin:4.5rem auto 0;padding-bottom:10px}
.link-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.link-container .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:18rem}
.link-container .item:first-child .img-area{position:relative;border:2px solid #00a78d;border-radius:50%;-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)}
.link-container .item:first-child .img-area::after{content:'';position:absolute;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;width:100%;height:100%;background:url(../images/introduce/gregre_set_step03_icon01.png) no-repeat;background-size:50%;background-position:center center}
.link-container .item:nth-child(2) .img-area{position:relative;border:2px solid #00a78d;border-radius:50%;-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)}
.link-container .item:nth-child(2) .img-area::after{content:'';position:absolute;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;width:100%;height:100%;background:url(../images/introduce/gregre_set_step03_icon02.png) no-repeat;background-size:60%;background-position-x:41%;background-position-y:60%}
.link-container .item:last-child .img-area{position:relative;border:2px solid #00a78d;border-radius:50%;-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)}
.link-container .item:last-child .img-area::after{content:'';position:absolute;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;width:100%;height:100%;background:url(../images/introduce/gregre_set_step03_icon03.png) no-repeat;background-size:50%;background-position:center center}
.link-container .item .img-area{width:100%;max-width:18rem;min-height:18rem;background:#fff}
.link-container .item .txt-item{margin-top:1rem;font-size:1.6rem;line-height:1.62;text-align:center}
.link-container .item a{display:inline-block;min-width:auto;margin:2rem auto 0;padding:1rem 2rem;background-color:#00a78d;border:1px solid #000;border-color:#00a78d;border-radius:4rem;color:#fff;text-align:center;font-size:1.6rem;-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)}
.link-container .item a .ico-asset{width:0.7rem;height:1.2rem;margin-left:0.8rem;margin-bottom:0.2rem;background-size:0.7rem 1.2rem;background-image:url(../images/common/ico_asset@2x.png)}
}