@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.content-box.step-type .round-type-tag{margin-top:3.5rem;margin-bottom:0}
.step-1::before{height:-webkit-calc(100% - 220px);height:calc(100% - 220px);height:-webkit-calc(100% - 22rem);height:calc(100% - 22rem)}
.step-3::before{height:-webkit-calc(100% - 260px);height:calc(100% - 260px);height:-webkit-calc(100% - 26rem);height:calc(100% - 26rem)}
.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:2rem}
.step-4{padding-bottom:6rem}
.step-4::before{height:-webkit-calc(100% - 150px);height:calc(100% - 150px);height:-webkit-calc(100% - 15rem);height:calc(100% - 15rem)}
.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{margin-bottom:-2rem}
.step-5::before{height:-webkit-calc(100% - 80px);height:calc(100% - 80px);height:-webkit-calc(100% - 8rem);height:calc(100% - 8rem)}
.step-5 .video-container{padding:0 2rem 2rem 2rem}
.step-5 .video-container .thumnail-box{margin-top:2rem}
.step-5 .video-container .thumnail-box img{border-radius:1rem;-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)}
.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}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.content-box.step-type .round-type-tag{margin-top:6rem;margin-bottom:0}
.step-1::before{height:-webkit-calc(100% - 300px);height:calc(100% - 300px);height:-webkit-calc(100% - 30rem);height:calc(100% - 30rem)}
.step-2::before{height:-webkit-calc(100% - 300px);height:calc(100% - 300px);height:-webkit-calc(100% - 30rem);height:calc(100% - 30rem)}
.step-3::before{height:-webkit-calc(100% - 300px);height:calc(100% - 300px);height:-webkit-calc(100% - 30rem);height:calc(100% - 30rem)}
.step-3 .container-row.pd-center{margin-top:4rem}
.step-3 .item-content:nth-child(1n+3){margin-top:3.5rem}
.step-3 .public-swiper-container{margin-top:3rem}
.step-4{padding-bottom:10rem}
.step-4::before{height:-webkit-calc(100% - 230px);height:calc(100% - 230px);height:-webkit-calc(100% - 23rem);height:calc(100% - 23rem)}
.step-4 .container-column{width:60rem;margin:0 auto;margin-top:5.7rem}
.step-4 .container-column > .item-content{background-color:#fff;padding:3.2rem 5rem 3.9rem;-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:3rem}
.step-4 .container-row .item-content{width:-webkit-calc(100% - 130px);width:calc(100% - 130px);width:-webkit-calc(100% - 13rem);width:calc(100% - 13rem)}
.step-4 .container-row .item-content.img-box{padding-left:0.7rem;padding-top:3.4rem;width:13rem}
.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:2rem;line-height:1.5;font-weight:700}
.step-4 .desc{margin-top:1.2rem;font-size:1.6rem;line-height:1.62;font-weight:500}
.step-4 .btn-lv03{margin-top:1.6rem;background-color:#a8509b;border-color:#a8509b;padding:0.7rem 1.9rem 0.8rem;min-width:auto}
.step-4 .btn-lv03 .txt{font-size:1.6rem;line-height:1.62;padding-right:0.2rem;font-weight:400}
.step-5{margin-bottom:-2rem}
.step-5::before{height:-webkit-calc(100% - 100px);height:calc(100% - 100px);height:-webkit-calc(100% - 10rem);height:calc(100% - 10rem)}
.step-5 .video-container{width:60rem;padding:0 2rem 2rem 2rem}
.step-5 .video-container .thumnail-box{margin-top:3rem;border:0}
.step-5 .video-container .thumnail-box img{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)}
.use-tip-area .public-swiper-container{margin-top:0}
.use-tip-area [class*="swiper-btn-round"]{margin-top:-8rem}
.collected-popup .modal-popup-header{padding:3rem 0 3rem 0;border-bottom:1px solid #e5e5e5}
.collected-popup .btn-close-popup{top:1rem;right:1rem}
.collected-popup-img-area{padding:3rem 0 5rem 0}
}