/*월 구독해지 신청1*/
.monthcancel1_box{
    padding: 15px;
}
.monthcancel1_box .display_flex{
    margin: 0 auto 10px auto;
}
.monthcancel1_box .display_flex:last-child{
    margin-bottom: 0;
}
.monthcancel1_box .display_flex p{
    white-space: nowrap;
}
.monthcancel1_box .display_flex p:first-child{
    margin-right: 10px;
}
.monthcancel1_box .display_flex p:last-child{
    text-overflow: ellipsis;
    overflow: hidden;
}
.monthcancel1_chk{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0 auto;
    cursor: pointer;
}
.monthcancel1_chk *{
    cursor: pointer;
}
input[class="monthcancel1_chk"] + span{
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background: url('../images/checkbox.svg') no-repeat;
    background-size: contain;
    margin-right: 5px;
}
input[class="monthcancel1_chk"]:checked + span{
    background: url('../images/checkbox_on.svg') no-repeat;
}
.dark input[class="monthcancel1_chk"] + span{
    background: url('../images/checkbox-dk.svg') no-repeat;
}
.dark input[class="monthcancel1_chk"]:checked + span{
    background: url('../images/checkbox_on-dk.svg') no-repeat;
}
.monthcancel1_btn{
    margin-top: calc(100vh - 427px);
}
.monthcancelwithdrawal1_btn{
    margin-top: calc(100vh - 458px);
}
@media (max-width: 323px){
    .monthcancel1_btn{
        margin-top: calc(100vh - 458px);
    }
    .monthcancelwithdrawal1_btn{
        margin-top: calc(100vh - 489px);
    }
}

/*월 구독해지 신청2*/
.monthcancel2_btn{
    margin-top: calc(100vh - 332px);
}
.monthcancelwithdrawal2_btn{
    margin-top: calc(100vh - 295px);
}
@media (max-width: 302px){
    .monthcancel2_btn{
        margin-top: calc(100vh - 351px);
    }
    .monthcancelwithdrawal2_btn{
        margin-top: calc(100vh - 314px);
    }
}
/*월 구독 해지 철회1*/
.monthcancel3_box{
    padding: 15px;
}
.monthcancel3_box .display_flex{
    margin: 0 auto 10px auto;
}
.monthcancel3_box .display_flex:last-child{
    margin-bottom: 0;
}
.monthcancel3_box .display_flex p{
    white-space: nowrap;
}
.monthcancel3_box .display_flex p:first-child{
    margin-right: 10px;
}
.monthcancel3_box .display_flex p:last-child{
    text-overflow: ellipsis;
    overflow: hidden;
}
.monthcancel3_btn{
    margin-top: calc(100vh - 459px);
}
@media (max-width: 323px){
    .monthcancel3_btn{
        margin-top: calc(100vh - 490px);
    }
}
@media (min-width: 397px){
    .monthcancel3_btn{
        margin-top: calc(100vh - 440px);
    }
}
@media (min-width: 450px){
    .monthcancel3_btn{
        margin-top: calc(100vh - 421px);
    }
}


/*월 구독해지 철회2*/
.monthcancel4_btn{
    margin-top: calc(100vh - 294px);
}
@media (min-width: 367px){
    .monthcancel4_btn{
        margin-top: calc(100vh - 275px);
    }
}