@import '../base/base.css';

/* 전체 화면 팝업 오버레이 */
.tutorial_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    overflow: hidden;
}

#app_wrapper{overflow: hidden;}
.tutorial_swiper{height:100svh; overflow: hidden;}
.tutorial_swiper .swiper-wrapper{align-items: flex-end;}
.tutorial_popup .tutorial-pagination{
    top:5% !important;
    bottom:auto !important;
    text-align: center;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    position: absolute;
    left: 0;
    z-index: 10;
}
.tutorial_popup .tutorial-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    opacity: 1;
    margin: 0 !important;
}
.tutorial_popup .tutorial-pagination .swiper-pagination-bullet-active{
    background-color: #000;
}
.tutorial_btn{height:4rem; font-weight: 600; font-size: 1.8rem; line-height: 1; border-radius: 0.8rem; background-color: #5700ED; border-color: transparent; position: fixed; left:1.5rem; top:85vh; margin: 0 auto; width:calc(100% - 3rem); z-index: 100; color:#fff; padding:1.7rem 2.7rem; height:auto;}