@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.step-1::before{height:-webkit-calc(100% - 70px);height:calc(100% - 70px);height:-webkit-calc(100% - 7rem);height:calc(100% - 7rem)}
.step-1 .img-box{position:relative;margin-top:3.7rem;padding:0 3rem}
.step-2::before{height:-webkit-calc(100% - 210px);height:calc(100% - 210px);height:-webkit-calc(100% - 21rem);height:calc(100% - 21rem)}
.step-3::before{height:-webkit-calc(100% - 220px);height:calc(100% - 220px);height:-webkit-calc(100% - 22rem);height:calc(100% - 22rem)}
.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% - 120px);height:calc(100% - 120px);height:-webkit-calc(100% - 12rem);height:calc(100% - 12rem)}
.step-6::before{height:-webkit-calc(100% - 120px);height:calc(100% - 120px);height:-webkit-calc(100% - 12rem);height:calc(100% - 12rem);background:-webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(40%, #f9f9f9), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 40%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(top, #f5f5f5 0, #f9f9f9 40%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 40%, rgba(255, 255, 255, 0) 100%)}
.step-6 .cont-area{-webkit-box-shadow:none;box-shadow:none}
.step-7::before{height:-webkit-calc(100% - 130px);height:calc(100% - 130px);height:-webkit-calc(100% - 13rem);height:calc(100% - 13rem)}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.step-1::before{height:-webkit-calc(100% - 125px);height:calc(100% - 125px);height:-webkit-calc(100% - 12.5rem);height:calc(100% - 12.5rem)}
.step-1 .img-box{position:relative;width:60rem;margin:0 auto;margin-top:7.3rem;padding:0 2rem}
.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% - 370px);height:calc(100% - 370px);height:-webkit-calc(100% - 37rem);height:calc(100% - 37rem)}
.step-4::before{height:-webkit-calc(100% - 360px);height:calc(100% - 360px);height:-webkit-calc(100% - 36rem);height:calc(100% - 36rem)}
.step-5::before{height:-webkit-calc(100% - 220px);height:calc(100% - 220px);height:-webkit-calc(100% - 22rem);height:calc(100% - 22rem)}
.step-6::before{height:-webkit-calc(100% - 120px);height:calc(100% - 120px);height:-webkit-calc(100% - 12rem);height:calc(100% - 12rem);background:-webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(40%, #f9f9f9), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 40%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(top, #f5f5f5 0, #f9f9f9 40%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 40%, rgba(255, 255, 255, 0) 100%)}
.step-6 .cont-area{-webkit-box-shadow:none;box-shadow:none}
.step-7 .public-swiper-container [class*="swiper-btn-round"]{margin-top:-5rem}
.step-7::before{height:-webkit-calc(100% - 160px);height:calc(100% - 160px);height:-webkit-calc(100% - 16rem);height:calc(100% - 16rem)}
}