@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.step-1::before{height:-webkit-calc(100% - 240px);height:calc(100% - 240px);height:-webkit-calc(100% - 24rem);height:calc(100% - 24rem)}
.step-1 .img-box{margin-top:2.5rem}
.step-1 .public-swiper-container{margin-top:0.5rem}
.step-2::before{height:-webkit-calc(100% - 200px);height:calc(100% - 200px);height:-webkit-calc(100% - 20rem);height:calc(100% - 20rem)}
.step-2 .img-box{margin-top:2.5rem}
.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::before{height:-webkit-calc(100% - 175px);height:calc(100% - 175px);height:-webkit-calc(100% - 17.5rem);height:calc(100% - 17.5rem)}
.step-3 .bg-img{background-color:#fff}
.step-4::before{height:-webkit-calc(100% - 190px);height:calc(100% - 190px);height:-webkit-calc(100% - 19rem);height:calc(100% - 19rem)}
.step-4 .bg-img{background-color:#fff}
.step-4 .public-swiper-container .video-container .thumnail-box{padding-top:66%}
.collection-guide .align-center-box .txt{margin:1rem 0 0.7rem}
[class*="content-box"].round-type.space02{padding-top:4.5rem;padding-bottom:4.5rem}
[class*="content-box"].round-type.space02 .public-swiper-container{padding-bottom:4.5rem}
[class*="content-box"].round-type.space02 .public-swiper-container .swiper-slide{padding:0 1rem}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.step-1::before{height:-webkit-calc(100% - 300px);height:calc(100% - 300px);height:-webkit-calc(100% - 30rem);height:calc(100% - 30rem)}
.step-1 .img-box{margin:0 auto;margin-top:5rem;width:66rem;left:1.2rem}
.step-1 .public-swiper-container{margin-top:2.5rem}
.step-1 [class*="swiper-btn-round"]{margin-top:-12rem}
.step-2::before{height:-webkit-calc(100% - 300px);height:calc(100% - 300px);height:-webkit-calc(100% - 30rem);height:calc(100% - 30rem)}
.step-2 .img-box{margin:0 auto;margin-top:5.4rem;width:60rem}
.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-2 [class*="swiper-btn-round"]{margin-top:-12rem}
.step-3::before{height:-webkit-calc(100% - 260px);height:calc(100% - 260px);height:-webkit-calc(100% - 26rem);height:calc(100% - 26rem)}
.step-3 .bg-img{background-color:#fff}
.step-3 [class*="swiper-btn-round"]{margin-top:-6rem}
.step-4::before{height:-webkit-calc(100% - 350px);height:calc(100% - 350px);height:-webkit-calc(100% - 35rem);height:calc(100% - 35rem)}
.step-4 .public-swiper-container{padding-bottom:5rem}
.step-4 .public-swiper-container .video-container{width:60rem;margin:0 auto}
.step-4 .public-swiper-container .video-container .thumnail-box{padding-top:66%;border-radius:2rem}
.step-4 .public-swiper-container.pb-20{padding-bottom:0}
.step-4 .bg-img{background-color:#fff}
.step-4 [class*="swiper-btn-round"]{margin-top:-6rem}
.collection-guide .align-center-box .txt{margin:1rem 0 0.7rem}
[class*="content-box"].round-type.space02{padding-top:4.5rem;padding-bottom:6rem}
[class*="content-box"].round-type.space02 .public-swiper-container{padding-bottom:6rem;margin-top:7rem;width:auto}
[class*="content-box"].round-type.space02 .public-swiper-container .bg-img{display:inline-block;position:relative;left:2rem}
[class*="content-box"].round-type.space02 .public-swiper-container .swiper-slide{padding:0 1rem;text-align:center}
}