@charset "utf-8";
@import url(reset.css);
@import url(font.css);
@import url(swiper.min.css);
@import url(jquery-ui.css);
@import url(common.css);
@import url(form.css);
@import url(insight.min.css);


html, body {
    position:relative;
    overflow-x:hidden;
}

/*disabled 커서 기본으로 변경*/
.disabled {
    cursor: default !important;
}

/*2022.07.28 메인페이지 */

    /*스크롤 숨기기*/
        body {
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
        }
        body::-webkit-scrollbar {
            width:4px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }
        body::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        body::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }


        .gnb-menu-list {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }

        .gnb-menu-list::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .gnb-menu-list::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        .gnb-menu-list::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

.pay-contents::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.pay-contents::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background:#FDD94E;
}
.pay-contents::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.pay-management-detail-service-list::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.pay-management-detail-service-list::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background:#FDD94E;
}
.pay-management-detail-service-list::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.pay-management-detail-service-selected::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.pay-management-detail-service-selected::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background:#FDD94E;
}
.pay-management-detail-service-selected::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}


.talk-inner {
    /*-ms-overflow-style: none; !* IE and Edge *!*/
    /*scrollbar-width: none; !* Firefox *!*/
}

.talk-inner::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.talk-inner::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background:#FDD94E;
}
.talk-inner::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}


#all_wrap {
    /*-ms-overflow-style: none; !* IE and Edge *!*/
    /*scrollbar-width: none; !* Firefox *!*/
}

#all_wrap::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

#all_wrap::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background:#FDD94E;
}
#all_wrap::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}


.talk-textarea {
    /*-ms-overflow-style: none; !* IE and Edge *!*/
    /*scrollbar-width: none; !* Firefox *!*/
}

.talk-textarea::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

.talk-textarea::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background:#FDD94E;
}
.talk-textarea::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}

        .allimi-left-body-right {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }

        .allimi-left-body-right::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-left-body-right::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        .allimi-left-body-right::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-right-body-gallery {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }

        .allimi-right-body-gallery::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-right-body-gallery::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        .allimi-right-body-gallery::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-right-body-history {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }

        .allimi-right-body-history::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-right-body-history::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        .allimi-right-body-history::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }
        .allimi-left-body-left {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }

        .allimi-left-body-left::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-left-body-left::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        .allimi-left-body-left::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }


        .allimi-right-body-preview {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }

        .allimi-right-body-preview::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .allimi-right-body-preview::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background:#FDD94E;
        }
        .allimi-right-body-preview::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }

        .card-body {
            /*-ms-overflow-style: none; !* IE and Edge *!*/
            /*scrollbar-width: none; !* Firefox *!*/
        }
        .card-body::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }
        .card-body::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background:#FDD94E;
        }
        .card-body::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background: #b4b4b4;
        }
        .pay_management {
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */

        }
        .pay_management::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }
        .pay_management::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background:#FDD94E;
        }
        .pay_management::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background: #b4b4b4;
        }
        select::-webkit-scrollbar {
            width:3px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }
        select::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background:#FDD94E;
        }
        select::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background: #b4b4b4;
        }


        .pop-body::-webkit-scrollbar {
            width:5px;
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: #b4b4b4;
        }
        .pop-body::-webkit-scrollbar-thumb {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background:#FDD94E;
        }
        .pop-body::-webkit-scrollbar-track {
            /*display: none; !* Chrome, Safari, Opera*!*/
            background: white;
            background: #b4b4b4;
        }
    /*.swiper-slide {*/
    /*    max-height: 160px;*/
    /*}*/

.scroll-purple::-webkit-scrollbar {
    width:3px;
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: #b4b4b4;
}
.scroll-purple::-webkit-scrollbar-thumb {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: white;
    background:#6840b1;
}
.scroll-purple::-webkit-scrollbar-track {
    /*display: none; !* Chrome, Safari, Opera*!*/
    background: white;
    background: #b4b4b4;
}

.agreement_wrap::-webkit-scrollbar {
  display: none;
}
.agreement_wrap::-webkit-scrollbar-thumb {
    display: none;
}
.agreement_wrap::-webkit-scrollbar-track {
    display: none;
}


.customer-view-partition-pet::-webkit-scrollbar {
    display: none;
}
.customer-view-partition-pet::-webkit-scrollbar-thumb {
    display: none;
}
.customer-view-partition-pet::-webkit-scrollbar-track {
    display: none;
}



.customer-view-partition-customer::-webkit-scrollbar {
    display: none;
}
.customer-view-partition-customer::-webkit-scrollbar-thumb {
    display: none;
}
.customer-view-partition-customer::-webkit-scrollbar-track {
    display: none;
}



.pay-card-agree::-webkit-scrollbar {
    display: none;
}
.pay-card-agree::-webkit-scrollbar-thumb {
    display: none;
}
.pay-card-agree::-webkit-scrollbar-track {
    display: none;
}

    .main-calendar-month-header-col.sunday {
        color: red !important;
    }

    .main-calendar-month-header-col.saturday, .main-calendar-month-header-col.saturday .number{
        color:#39a0f8 !important;
    }

    .number.sunday{

        color:red !important;
    }

    .number.saturday{

        color:#39a0f8 !important;
    }

    .statutory {

        color: red !important;
    }


    .loading-container {
        display:none;
        position: relative;
        text-align: center;
        justify-content: center;
        align-items: center;


    }

    .pop-loading {
        min-height: 112px;
    }
    .loading-container img{
        max-width:50px;
    }

    .loading-container-2 {
        position: relative;
        text-align: center;
        justify-content: center;
        align-items: center;


    }
    .loading-container-2 img{
        max-width:50px;
    }
    .sales-loading-wrap{
        display: none;
        position: absolute;
        background:rgba(255,255,255,0.6);
        z-index: 99999;
        width:100%;
        height: 100%;
        align-items: center;
        justify-content: center;

    }

    .splash-wrap {
        display:none;
        width:100%;
        height: 100%;
    }
    .splash{
        -webkit-animation: loading 1.3s ease backwards;
        animation: loading 1.3s ease backwards;
        display:flex;
        width:100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        background: #F8C300;
        z-index: 9999999;
        transition: 0.5s;

    }



@keyframes loading {
    0% {
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}

@-webkit-keyframes loading {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}



/*작업결제관리페이지*/


.pay_management{

    width: 373px;
    height: 100%;
    max-height: calc( 100vh - 129px );
    position: absolute;
    right: 0;
    z-index: 10000;
    background: #fff;
    /*box-shadow: -8px 11px 9px -3px #f4f4f4;*/
    border: solid 1px #cecece;
    box-sizing: border-box;
    right:-1000px;
}

.pay-data-card{

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.pay-card-header {
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    z-index: 100;
    padding: 0 !important;
    box-sizing: border-box;
    display:flex;
    justify-content: center;
    align-items: center;

    position: sticky;
    overflow:visible;
}

.pay-close-btn{
    width: 40px;
    height: 54px;
    background: #fff;
    /*box-shadow: -8px -5px 9px -3px #f4f4f4;*/
    position: absolute;
    border: solid 1px #cecece;
    /* border-radius: 5px; */
    box-sizing: border-box;
     /*border-right: none; */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    left:-40px;


}

.pay-card-body{
    width:100%;
}

.pay-card-header{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    padding-left: 20px;
}
.pay-card-body-title{
    width:calc(100% - 20px);
    background: #f4f4f4;
    position: relative;
    min-height: 44px;
    padding-left:20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pay-flex-table{
    padding-left:20px;
    padding-right:20px;
    display: flex;
    flex-direction: column;

}
.pay-flex-table-cell{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cecece;
    padding-top:8px;
    padding-bottom:8px;
}
.pay-flex-table-item{
    display:flex;
    width:100%;

}
.pay-flex-table-data{
    display: flex;
    width:100%;
    align-items: center;
}
.pay-flex-table-title{
    min-width:85px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pay-flex-table-data-inner{
    justify-content: space-between;
    display:flex;
    font-size:14px;
    width:100%;

}
.pay-user-grade-item{
    display:flex;
    align-items: center;
}

.pay-txt{
    font-weight:500;
    font-size:14px;
}

.pay-user-sub-cellphone-name{
    margin-right:10px;
}

.pay-flex-table-data-side{
    align-self : flex-start;
}
.pay-grade-modify{
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 0;
    position: relative;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/10-ic-36-edit-middle@2x.png) left top no-repeat;
    background-size: 32px auto;
}

.pay-user-sub-cellphone{
    display: flex;
    flex-direction: column;
}
.pay-user-sub-cellphone-wrap{
    display: flex;
}

.call-edit{
    margin-left:10px;
    margin-top:5px;
    width: 50px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #cecece;
    cursor: pointer;
}
.pay-noshow{
    margin-right:20px;
}
.pay-sub-txt{
    font-size:11px;
    line-height: 22px;
    font-weight:300;
}

.pay-customer-memo{

    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;

}
.pay-customer-memo-title{
    margin-bottom:12px;
}


.pay-customer-memo-save{
    width:100% !important;
    margin-top:16px;
    margin-bottom:30px;

}
.pay-special-memo{

    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;


}
.pay-special-memo-title{
    margin-bottom:12px;
}
.pay-special-memo-save{
    width:100% !important;
    margin-top:16px;
}
.pay-product-save{
    width:calc(100% - 40px) !important;
    margin-top:16px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:16px;
}

.sticky-remove{
    display:block;
    position:relative !important;
}

.pay-card-content-1{
    margin-top:50px;
}
.pay-card-content-3{
    margin-top:50px;
}
.pay-card-content-3-2{
    margin-top:50px;
}
.pay-card-content-4{
    /*margin-top:50px;*/
}
.pay-card-content-5{
    margin-top:50px;
}
.pay-card-content-6{
    /*margin-top:50px;*/
}
.pay-card-content-6-1{
    /*margin-top:50px;*/
}
.pay-card-content-7{
    /*margin-top:50px;*/
}

.pay-card-content-8{
    /*margin-top:50px;*/
}


.pay-customer-pet-group{
    margin-top:12px;
}
.pay-customer-view-pet-picture{

    display:flex;
    flex-wrap:wrap;
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
}
.btn-bg-yellow{
    background: #FEE500;
    color:#202020;
    width:126px;
    padding:0;
    margin-right:20px;
    height:26px !important;
}

.pay-item-user-info{
    display: flex;
    align-items: center;
    margin-left:12px;
}

.pay-item-user-info-inner{
    width:100%;

}

.pay-pet-name{
    font-size:16px;
    font-weight: 500;
    margin-bottom:8px;

}
.pay-pet-cate{
    font-size:12px;

}

.pay-item-action{
    margin-top:20px;
}

.pay-pet-info{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(3,1fr);
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    margin-top:10px;
}

.pay-customer-view-pet-detail{
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:16px;
    margin-bottom:20px;
    display: flex;
    flex-direction: column;
}

.pay-btn-detail-toggle{
    display: flex;
    align-items: center;

}
.pay-btn-detail-toggle:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x.png) center center no-repeat;
    background-size: 10px auto;
}

.pay-btn-detail-toggle-2{
    display: flex;
    align-items: center;

}
.pay-btn-detail-toggle-2:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x.png) center center no-repeat;
    background-size: 10px auto;
}

.pay-btn-detail-toggle-3{
    display: flex;
    align-items: center;

}
.pay-btn-detail-toggle-3:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x.png) center center no-repeat;
    background-size: 10px auto;
}

.pay-service-selected-wrap{
    border : 1px solid #cecece;
    border-radius:12px;
    padding:24px;
    margin-top:16px;
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    display: none;
}
.pay-list-title{
    font-size:14px;
    width:90px;
    font-weight: 500;
}
.pay-list-data{
    font-size:13px;
    margin-top:4px;
    margin-left:10px;
}

.pay-service-selected-group + .pay-service-selected-group{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #cecece;
}

.pay-btn-detail-toggle.actived:after{
    transform:rotate(-180deg);
}
.pay-btn-detail-toggle-2.actived:after{
    transform:rotate(-180deg);
}
.pay-btn-detail-toggle-3.actived:after{
    transform:rotate(-180deg);
}
.pay-before-beauty-list{
    margin-top:10px;
    width:calc(100% - 40px);
    padding-left:20px;
    margin-bottom:10px;
    padding-right:20px;

}

.pay-before-beauty-item{
    margin-top:8px;
    display:flex;
    justify-content: space-between;
    background: #fff;
    border:1px solid #cecece;
    font-size:13px;
    font-weight: 300;
    border-radius: 5px;
    width:100%;
    box-sizing: border-box;
    min-height: 35px;
    align-items: center;
    padding: 13px 20px;
}

.pay-text-list-wrap{
    border-radius: 12px;
    padding : 22px 24px;
    border:1px solid #cecece;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
}
.pay-text-list-cell{
    font-size:12px;
    font-weight:500;
    display: flex;
    align-items: center;

}
.pay-text-list-title{
    width:50px;
    font-weight:400;
    color:#666;
    position: relative;
}
.pay-item-data{
    font-weight: 400;
    margin-left: 10px;
}

.pay-text-list-cell{
    margin-top:8px;
}
.pay-text-list-title.unit:after{
    content:':';
    position: absolute;
    top:0;
    right: 0;
}

.pay-datepicker-group{

    display: flex;
    align-items: center;

}
.pay-form-datepicker{

    display: flex;
    align-items: center;

}

.pay-form-datepicker select{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width:100%;
    height: 35px;
    font-size:13px;
    color:#202020;
    border:1px solid #cecece;
    background-image: url(https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow.png);
    background-position: right 17px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: 10px auto;
    z-index: 0;
    white-space: normal;
    word-wrap: normal;
    word-break: normal;
    border-radius: 5px;
    margin-left:10px;
    margin-right:10px;

}
.pay-form-datepicker:nth-child(1) select{
    margin-left:0px;
}
.only-change-time{
    width:100% !important;
    margin-top:20px;

}

.pay-form-bottom-info{
    font-size:12px;
    margin-top:10px;
}
.pay-form-bottom-info-2{
    font-size:12px;
    margin-top:10px;
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
}

.pay-basic-data-group-2{

    margin-top:20px;
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
}
.pay-beauty-notice{
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    margin-top:15px;

}

.pay-wide-tab{
    width:100%;
    padding-left:20px;
    padding-right:20px;

}

.pay-product-save-btn-wrap{
    display: flex;
    width:100%;
    justify-content: center;
}

.pay-user-receipt{
    width:calc(100% - 40px);
    padding-left:16px;
    padding-right:16px;
}

.user-receipt-wrap{
    display: flex;
    justify-content: center;
    margin-top:15px;
}

.set_update_discount_btn{

    width:100% !important;
}

.pay-complete-wrap{
    margin-top: 30px;
    width: calc(100% - 40px);
    margin-left: 20px;
    box-shadow: 0px 0px 10px #2020201A;
    border-radius: 15px;
}

.pay-noshow-count {
    height: 26px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 11px;
    line-height: 24px;
    border-radius: 5px;
    cursor: pointer;
}

.use-coupon{

    width:100%;
}

.basic_service {

    padding-left:20px;
    padding-right:20px;
    font-size:12px !important;
}

.display_flex_ju_center{
    display: flex;
    justify-content: center;
}

.save-final-price {
    width:100% !important;
}

#pay_management_loading{

    height:800px;
}

.use-coupon{
    width:100% !important;
}
.dark .allimi-wrap-bg-gray{
    background:#1E1F21;
}
.dark .allimi-wrap-bg-purple{
    background: #3F4145;
}
.dark .alim_btn{
    background: #1E1F21;
}
.dark .pay_management{

    background: #1E1F21;
    color:#fff;
    box-shadow: -8px 11px 9px -3px #333;
    border-color:#d8d8d8;
}

.dark .pay-card-header-title{

    color:#fff;
}

.dark .pay-card-body-title{
    background: #3F4145;
    color:#fff;
}

.dark #wide-tab-inner3{

    /*background: #666;*/
}

.dark .pay-wide-tab{
    /*background: #666;*/
}
.dark .tab-cell{
    color:#fff;
}

.dark .pay-before-beauty-item{
    background: #666;

}

.dark .before-path{
    stroke:white !important;
}

.dark .pay-text-list-title{

    color:#fff;
}

.dark .pay-btn-detail-toggle{

    color:#fff;
}

.dark #pay_special_memo_text{
    color:#fff;
}

.dark #coupon_name{
    color:#fff;
}

.dark #coupon_name option{

    color:#fff;
}

.dark #coupon_balance{
    color:#fff;
}
.dark #coupon_balance option{

    color:#fff;
}

.dark #use_coupon{
    color:#fff;
}

.dark #use_coupon option{
    color:#fff;
}

.dark #discount_1{
    color:#fff;
}

.dark #discount_1 option{
    color:#fff;
}

.dark #discount_2{
    color:#fff;
}

.dark #discount_2 option{
    color:#fff;
}

.dark #use_reserves{
    color:#fff;
}
.dark #last_card{
    color:#fff;
}

.dark #last_cash{
    color:#fff;
}

.dark #start_time{
    color:#fff;
}

.dark #start_time option{
    color:#fff;
}


.dark #end_time{
    color:#fff;
}

.dark #end_time option{
    color:#fff;
}

.dark .pay-close-btn{

    background: #393A3E;
    color:#fff;
    border-color:#d8d8d8;
}

.dark #pay_customer_memo_text{
    color:#fff;
}

.dark #agree_view_name{

    color:#fff;
}

.dark #agree_view_cellphone{
    color:#fff;
}
.dark #agree_view_breed_select{
    color:#fff;
}
.dark #agree_view_breed_select option{
    color:#fff;
}

.dark .agree_view_birthday{
    color:#fff;
}
.dark .agree_view_birthday option{
    color:#fff;
}
.dark #agree_view_birthday_date {
    color:#fff
}
.dark #agree_view_birthday_date option{
    color:#fff;
}
.dark #agree_view_vaccination{
    color:#fff;
}
.dark #agree_view_vaccination option{
    color:#fff;
}
.dark #agree_view_luxation{
    color:#fff;
}

.dark #agree_view_luxation option{
    color:#fff;
}

.dark #modify_customer_name{
    color:#fff;
}

.dark #modify_breed_select {
    color:#fff;
}

.dark #modify_breed_select option{
    color:#fff;
}
.dark .modify_birthday{
    color:#fff;
}
.dark .modify_birthday option{
    color:#fff;
}
.dark #modify_birthday_date{
    color:#fff;
}
.dark #modify_birthday_date option{
    color:#fff;
}

.dark #modify_weight1{
    color:#fff;
}

.dark #modify_weight1 option{
    color:#fff;
}

.dark #modify_weight2{
    color:#fff;
}

.dark #modify_weight2 option{
    color:#fff;
}

.dark #modify_beauty_exp {
    color:#fff;
}

.dark #modify_beauty_exp option{
    color:#fff;
}

.dark #modify_vaccination {
    color:#fff;
}

.dark #modify_vaccination option{
    color:#fff;
}


.dark #modify_bite {
    color:#fff;
}

.dark #modify_bite option{
    color:#fff;
}


.dark #modify_luxation {
    color:#fff;
}

.dark #modify_luxation option{
    color:#fff;
}



.dark .hasDatepicker{
    color:#fff !important;
}

.reserve_registration_footer{

    padding-left:20px;
    padding-right:20px;
    width:calc(100% - 40px);
    margin-bottom:40px;
}

.dark .text-add{

    color:#d8d8d8 !important;
    background: #1e1f21 !important;
}
.is_approve2{
    padding-left:20px;
    padding-right:20px;
    width:calc(100% - 40px);
}

.bg-fffbed{
    background:#fffbed;
}

.calendar-drag-item-add{

    max-width:100%;
}

.user-thumb.large{
    cursor: pointer;
}
.shortcut-wrap{right:40px; margin-right:-373px;  bottom:55px; cursor:pointer; display:flex; flex-direction: column;  z-index: 100; position: fixed; opacity: 0}
.shortcut-wrap img{margin-top:10px; width:40px; height:40px;}

.item-photo-name{

    display:flex;
}
.item-other{
    padding-left:40px;

}

.item-photo{

    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 8px;
    overflow: hidden;
    border-radius: 5px;
    border: 0.5px solid #bebebe;
}

.item-noshow{

    background: #ff4848;
    border-radius: 3px;
    width: 35px;
    height: 15px;
    display: flex;
    color: white;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    margin-left: 3px;

}

.item-noshow img{
    width: 15px;
    height: 15px;
}
.item-memo{
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical

}

.dark .item-memo{
    color:#fff;
}
.dark .item-price{
    color :#fff!important;
}

.form-switch-toggle{
    margin-right:40px;
}

.dark .change-reserve-pop-text{

    color:#fff;
}

.dark .portfolio-list-wrap span{

    color:#fff;
}

.mall-wrap{

    background: #e8e2f4;
    border-radius: 5px;
}

.mall-wrap2{

    background: #FFE2EC;
    border-radius: 5px;
}


#deposit_input{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/won-light_mode@2x.png) no-repeat;
    background-size:25px;
    background-position: right 17px center;
}

.deposit_input{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/won-light_mode@2x.png) no-repeat;
    background-size:25px;
    background-position: right 17px center;

}

.dark .deposit_input{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/won-dark_mode@2x.png) no-repeat;
    background-size: 25px;
    background-position: right 17px center;
}
.dark #deposit_input{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/won-dark_mode@2x.png) no-repeat;
    background-size: 25px;
    background-position: right 17px center;
}
.toggle-wrap{

    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    width: 80%;
    margin-bottom: 12px;
}

.notice_span{
    width: 40px;
}

.item-cate{
    display:flex;
}

.deposit-box{
    margin-left:10px;
    background: #fff;
    border: 1px solid #666;
    border-radius:5px;
    font-size:10px;
    padding-left: 5px;
    padding-right:5px;
    color: #202020;

}

.deposit-box-fin{
    margin-left:10px;
    background: #FF4848;
    border: 1px solid #fff;
    border-radius:5px;
    font-size:10px;
    padding-left: 5px;
    padding-right:5px;
    color:#fff;


}

.pay-card-content-0{

    /*margin-top:10px;*/
    /*margin-bottom:15px;*/
    margin-right:15px;

}

.pay-card-content-0-1{

    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
    /* padding-left: 20px; */
    display: none;
    margin-right:30px;
    /*padding-right: 10px;*/
}
.in-advance-box{

    font-weight: 500;
    width:100%;
}
.pay-deposit-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right:20px;


}

.pay-deposit-title{
    /*margin-left:20px;*/
    color:#ff4848;
    font-size:16px;
    width:110px;
    font-weight:500;
}

.pay-deposit-title.actived{
    color:#6840b1
}

.pay-deposit-date{
    display: none;
    font-size: 12px;
    justify-content: flex-start;
    /* margin-right: 20px; */
    /* margin-top: 10px; */
    /*padding-left: 20px;*/
}

#popup_wrap { display: none; z-index:9999; }
#popup_wrap .custom-modal-content { margin: 0px auto; width: 100%; }
#popup_wrap .swiper-container_front { margin: 0px auto; overflow: hidden; position: relative; z-index: 1; }
#popup_wrap .swiper-container_front .next { position: absolute; left: 10px; top: 50%; color: #000; font-size: 24px; z-index: 1; outline: none; display: block !important; }
#popup_wrap .swiper-container_front .next.swiper-button-disabled { color: rgba(0,0,0,0); }
#popup_wrap .swiper-container_front .prev { position: absolute; right: 10px; top: 50%; color: #000; font-size: 24px; z-index: 1; outline: none; display: block !important }
#popup_wrap .swiper-container_front .prev.swiper-button-disabled { color: rgba(0,0,0,0); }
#popup_wrap .swiper-wrapper { height: auto; }
#popup_wrap .swiper-slide {  }
#popup_wrap .swiper-slide img { width: 100%; height: auto; vertical-align: top; }
#popup_wrap .swiper-pagination_front { position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; margin-bottom: 20px; z-index: 1; }
#popup_wrap .swiper-pagination-bullet { margin: 0px 5px; }
#popup_wrap .swiper-pagination-bullet-active { background-color: #999; }
.ui-dialog { padding: 0px; }
.ui-dialog .ui-dialog-content { padding: 0px; }
.ui-dialog-titlebar { display: none; }
.ui-widget-overlay { background-color: rgba(0, 0, 0, 0.8); opacity: 1; }
.ui-dialog-buttonset { width: 100%; }
.ui-dialog .ui-dialog-buttonpane { padding: 0px !important; margin-top: 0px; }
.ui-widget.ui-widget-content { border: 0px; }
.ui-dialog .ui-dialog-buttonpane button { display: inline-block; width: 50%; height: 50px; padding: 0px; margin: 0px; border: 0px; background-color: #222; padding: 0px !important; margin: 0px !important; border-radius: 0px; border: 0px; font-size: 14px; color:white}

.ui-widget-overlay{
    z-index:9998; !important;
}


.allimi-container{

    position: relative;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    width: 84vw;
    height:80vh;
    box-sizing: border-box;
    margin: 0 auto;
}

.allimi-wrap{

    display:flex;
    width:100%;
    height:100%;
}


.allimi-left-wrap{
    width:71%;
    height:100%;
}
.allimi-right-wrap{

    width:29%;
    height:100%;
    position: relative;
}

.allimi-title-box{
    width:100%;
    height:68px;
    border-bottom: 1px solid #cecece;
    background:#fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.allimi-title-box-2{
    display: flex;
    justify-content: space-between;
    right:0px;
    position: relative;
    width:55%;
}

.border-right{
    border-right:1px solid #cecece;
    box-sizing: border-box;

}

.allimi-title{
    font-size:18px;
    font-weight: 500;
}
.allimi-title-right{
    font-size:14px;
    color:#6840B1;
    font-weight:500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right:20px;
}
.allimi-title-right img{
    width:14px;
    height: 14px;
    margin-right:5px;

}

.allimi-left-body{

    width:100%;
    height:calc(100% - 85px - 68px);
    display: flex;
}
.allimi-left-footer{

    width:100%;
    height:85px;
    border-top:1px solid #cecece;
    border-right:1px solid #cecece;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}

.allimi-left-body-left{

    width:320px;
    height:100%;
    display: flex;
    padding-left:20px;
    flex-direction: column;
    padding-right:20px;
    overflow-y:scroll;

}

.allimi-body-title{

    width:100%;
    height:45px;
    min-height:45px;
    background: #6840b1;
    color:#fff;
    font-size:18px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:20px;
    margin-bottom:20px;


}


.allimi-body-list{
    display: flex;
    flex-direction: column;
    font-size:14px;

}

.allimi-body-cell{
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 18px;

}

.allimi-body-cell-title{
    min-width:60px;
}

.allimi-body-cell-value{

    margin-left:34px;
}

.allimi-alert{

    font-size: 15px;
    margin-right: 30px;

}
.allimi-body-cell-icon {

    position: absolute;
    right:0;
    width:15px;
    height: 16px;
}

.allimi-form{
    position: relative;
    display: inline-flex;
    align-items: center;
}

.allimi-form > input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.allimi-form-one > input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.allimi-form > em {
    width:16px;
    height:16px;
    min-width:0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-right:7px;

}

.allimi-form-one >em {
    width:16px;
    height:16px;
    min-width:0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    margin-right:7px;

}

.allimi-form > input:checked + em{

    background: url('https://image.banjjakpet.com/common/shop-pc/icon/color_checked.png') no-repeat;

    background-size:cover;
}

.allimi-form-one > input:checked + em{

    background: url('https://image.banjjakpet.com/common/shop-pc/icon/color_checked.png') no-repeat;

    background-size:cover;
}

.allimi-radio-span{
    margin-right:22px;
}

.allimi-gallery-wrap{
    display:flex;
    flex-wrap: wrap;

}

.allimi-gallery-cell{
    width:85px;
    height:85px;
    border: 1px solid #cecece;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right:10px;
    margin-bottom:10px;
    overflow:hidden;
    position: relative;

}

.allimi-gallery-cell img{
    width:100%;
    height:100%;

}

.allimi-gallery-cell-icon img{
    width:20px;
    height:15px;

}


.allimi-gallery-span{
    margin-top:13px;
    font-weight:500;
}


.allimi-check-list{
    position: relative;
    display: none;

}
.allimi-check-container{
    width:45%;
}
.allimi-check-wrap{
    width:100%;
}

.allimi-check-title{

    width:100%;
    height:45px;
    border:1px solid #cecece;
    border-radius:5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:20px;
    margin-bottom:20px;
    box-sizing: border-box;
    cursor: pointer;

}

.flex-column{

    /*display: inline-flex;*/
    flex-direction: column;
    justify-content: flex-start;
}

.allimi-form-one{
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom:15px;
}

.allimi-textarea{
    width:260px;
    height:90px;
    border-radius: 5px;
    user-select: auto;
    display: none;
    margin-bottom:20px;
}

.allimi-left-body-right{
    overflow-y:scroll;
    overflow-x: hidden;
    /*padding-right:20px;*/
    padding-left:20px;

    width:calc(100% - 320px);
    height:100%;
    display: flex;
    justify-content: center;
}


.allimi-footer-cell{

    width:162px;
    height:45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border:1px solid #8f8f8f;
    margin-right:20px;
    cursor: pointer;

}

.cell-border-purple{

    border:1.5px solid #6840b1;
    color:#6840b1;
}

.cell-fill-purple{

    border:none;
    background: #6840b1;
    color:#fff;
}



.diary-not-exist{

    width:100%;
    height:40px;
    background: #6840b1;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:10px 0;
    border-radius: 5px;
}

.diary-exist{

    width:100%;
    height:40px;
    background: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:10px;
    border-radius: 5px;
}

.allimi-right-body-default{

    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: calc(100% - 68px);
    transition: 0.5s;
    position: absolute;
    opacity: 1;
}

.allimi-right-body-default img{

    width:50%;
}

.allimi-right-body-gallery{
    display: none;
    justify-content: space-between;
    width:100%;
    height: calc(100% - 68px - 20px);
    transition: 0.5s;
    opacity: 0;
    position: absolute;
    padding-top:20px;
    padding-bottom:20px;
    flex-direction: column;
    overflow-y:scroll;

}

.allimi-right-body-preview{
    display: none;
    justify-content: center;
    align-items: center;
    width:100%;
    height: calc(100% - 68px);
    transition: 0.5s;
    opacity: 0;
    position: absolute;
    overflow-y: scroll;
}
.allimi-right-body-history{
    display: none;
    justify-content: center;
    align-items: center;
    width:100%;
    height: calc(100% - 68px);
    transition: 0.5s;
    opacity: 0;
    position: absolute;
    overflow-y: scroll;
}

.allimi-gallery-list{

    width:100%;
    display: flex;
    padding-left:20px;
    padding-right:20px;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
}

.allimi-gallery-list-cell{

    width:135px;
    height:135px;
    margin-right: 10px;
    margin-bottom: 10px;

}

.allimi-gallery-footer{
    display: flex;
    flex-direction: column;
    color:#8F8F8F;
    font-size:13px;
    margin-left:20px;
    margin-bottom:20px;
    padding-right:20px;
}

.allimi-picture-thumb-view{
    position: relative;
    width:100%;
    height:100%;
}
.allimi-picture-obj{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.02);
    border-radius: 14px;
    z-index: 0;

}
.allimi-picture-obj img{
    width:100%;
    height: 100%;
}
.allimi-picture-date{
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    color: #fff;
    padding: 0 10px;
    background: rgba(0,0,0,0.51);
    border-radius: 8px;
    z-index: 20;

}
.allimi-picture-ui{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.allimi-picture-select{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.allimi-picture-ui > em{
    width: 16px;
    height: 16px;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-right: 7px;
}
.allimi-picture-ui > input:checked + em{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/color_checked.png) no-repeat;
    background-size: cover;
}
.allimi-gallery-cell-delete{

    position: absolute;
    border-radius: 10px;
    background: rgba(0,0,0,0.4);
    width:20px;
    height:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    right:3px;
    top:3px;
    cursor: pointer;

}

.allimi-gallery-cell-delete img{
    width:12px;
    height:12px;
}

.allimi-preview-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 20px;


}
.allimi-preview-title{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:20px;
}

.allimi-preview-name{
    font-size:18px;
    font-weight:500;
}
.allimi-preview-date{
    font-size:14px;
}

.allimi-preview-gallery{


    width:300px;
    height:300px;
    border-radius: 16px;
    position: relative;
}

.allimi-swiper-container{
    width:100% !important;
    height: 100% !important;
    border-radius:16px;
}

.allimi-slide img{
    width:100%;
    height:100%;
}

.allimi-prev{
    position: absolute;
    right: 10px;
    top: 50%;
    color: #000;
    font-size: 24px;
    z-index: 1;
    outline: none;
    background: white;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.allimi-next{
    position: absolute;
    left: 10px;
    top: 50%;
    color: #000;
    font-size: 24px;
    z-index: 1;
    outline: none;
    background: white;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.left-arrow{

    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-more@2x.png) no-repeat;
    transform:rotateY(-180deg);
    background-size: 15px;
    width: 15px;
    height: 15px;
}


.right-arrow{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-more@2x.png) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;

}

.allimi-pagination{
    width:50px;
    height:20px;
    background: rgba(0,0,0,0.2);
    border-radius:10px;
    color:#fff;
    position: absolute;
    left:calc(100% - 70px);

}

.list-style-basic{
    list-style: disc;
    margin-bottom:10px;
}

.allimi-preview-info{
    border:1px solid #cecece;
    border-radius: 10px;
    width:calc(100% - 40px);
    margin-top:30px;
}
.allimi-preview-info-content{
    padding-left:40px;
    padding-top:20px;
    padding-right:20px;
}

.allimi-preview-info-title{
    height:45px;
    width:100%;
    border-bottom:1px solid #cecece;
    display: flex;
    align-items: center;
    justify-content: center;

}

.allimi-history-wrap{

    width:100%;
    height:100%;
    padding-left:20px;
    padding-right:20px;
}

.allimi-history-title{

}

.diary-date{
    display: flex;
    justify-content: center;

}
.diary-date span{
    font-size:10px;
}

.allimi-preview-shop-title{
    margin-bottom:10px;
}

.allimi-preview-shop-title span{
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
}
.allimi-preview-shop-phone{

    font-size:14px;
    font-weight:500;
    margin-bottom:10px;

}

.allimi-preview-shop-address{

    font-size:14px;
    font-weight:500;
    margin-bottom:10px;

}

.allimi-preview-shop-phone span{

    font-size:14px;
    font-weight:300;
    margin-left:30px;

}

.allimi-preview-shop-address span{

    font-size:12px;
    font-weight:300;
    margin-left:30px;

}

.diary-wrap{
    /*padding-left:20px;*/
    /*padding-right:20px;*/
    cursor: pointer;
}
.blank-space{
    width:100%;
    height:50px;
    min-height:50px;
}

.allimi-date-select-wrap{
    width:70%;
    margin-left:30px;


}

.allimi-select-pet-list-wrap{
    display:flex;
    justify-content: space-between;
    width:75%;
    align-items: center;
    margin-top:30px;

}


.allimi-body-title option{
    text-align: center;
}

.allimi-history-list {

    display:flex;
    width:100%;
    flex-direction: column;

}

.allimi-history-img-wrap{
    width:110px;
    height:110px;
    border-radius: 15px;
}
.allimi-history-img-wrap img{
    border-radius: 15px;
    width:100%;
    height: 100%;
}

.allimi-history-info-wrap{
    display:flex;
    flex-direction: column;
    margin-left:15px;
    justify-content: center;

}


.allimi-history-cell-wrap{
    display: flex;
    margin-top:20px;
}

.allimi-check-title.actived{

    background: url('https://image.banjjakpet.com/common/shop-pc/icon/10-ic-16-upside@2x.png') no-repeat;
    background-size:13px;
    background-position: calc(100% - 20px);
}

.allimi-check-title{
    background: url('https://image.banjjakpet.com/common/shop-pc/icon/10-ic-16-downside@2x.png') no-repeat;
    background-size:13px;
    background-position: calc(100% - 20px);
}

.allimi-wrap-bg-gray{

    background: #F4F4F4 !important;
}
.allimi-wrap-bg-purple{

    background: #EEE7FA !important;
}
.allimi-wrap-bg-purple div{
    background: #EEE7FA !important;
}
.allimi-wrap-bg-purple .con-title-group{
    background: #EEE7FA !important;
}


/* 고객조회 상세 */
.btn.btn-inline01 {
    display: inline-flex;
    width: 335px;
}

.btn-wrap-custom {
    text-align: center;
}

.btn-alimtalk {
    font-size: 14px;
    background: #FEE500;
    width: 126px;
    border-radius: 16px;
    height: 26px;
}

/* 작업결제관리 알리미 */
.diary-not-exist1{

    width:120px;
    height:40px;
    background: #6840b1;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin:10px 0;*/
    border-radius: 5px;
}

.diary-exist1{

    width:120px;
    height:40px;
    background: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:5px;
    border-radius: 5px;
}

.alim_btn {
    background: #fff;
    width: 120px;
    /* width: 100%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: flex-end; */
    height: 40px;
    /* padding: 0px 20px 0px 20px !important; */
    margin-right: 20px;
}

.plus-pet{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    max-width:none !important;
    min-width:30px !important;
    width:30px !important;

}
.form-toggle-box:hover > .plus-pet{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/icon-plus-more-small.png) no-repeat;!important;
    background-position: center;
    background-size: 20px 20px;
    max-width:none;
    min-width:30px;
    width:30px;
}

.form-toggle-box > input:checked + .plus-pet {
    background-color: #6840b1 !important;
    border-color: #6840b1;

    background: url(https://image.banjjakpet.com/common/shop-pc/icon/icon-plus-more-small-dark.png) no-repeat;

    background-position: center;
    background-size: 20px 20px;
    max-width:none;
    min-width:30px;
    width:30px;

}

.appr-title-wrap{

    height: 62px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex:1;


}

.label-add-purple{
    display: inline-block;
    height: 25px;
    padding: 0 9px;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    border-radius: 15px;
    color: #fff;
    border: 1px solid #6840b1;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    background-color: #6840b1;
    max-width:68px;
}


.calendar-week-time-item .item-check-in + .item-name,
.calendar-week-time-item .item-check-out + .item-name {display: flex;justify-content: center;align-items: center; font-size:10px;}
.item-check-out {
    display: flex;
    justify-content: flex-end;
}

.add-pet-list-wrap{

    display: flex;
}

.add-pet-list-wrap > .grid-layout-cell > .form-toggle-box > em{
    min-width:90px;
    margin-right:10px;
}

.kinder-header-col{
    height:30px;
}


.set-allim-wrap{
    margin-top:20px;
}
.set-allim-list{
    display:flex;
    flex-direction: column;

}

.set-allim-cell{
    min-height:44px;
    width:100%;
    border-bottom : 1px solid #cecece;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:10px;
    margin-top:10px;
}


.set-allim-cell-left{
    font-size:16px;
}
.set-allim-cell-right{

    margin-right:30px;
}
.set-allim-cell-right:after{
    width:25px;
    height:25px;
    position: absolute;
    content:'';
    background-image: url('https://image.banjjakpet.com/common/shop-pc/icon/btn-info-more-black@2x.png');
    background-repeat: no-repeat;
    background-size:50%;
    background-position: center;
    margin-left:10px;
}

.talk-wrap{


}

.talk-bg{
    width:calc(100% + 40px);
    height:250px;
    background: #AFC0CF;

    left:-20px;
    position: relative;
    display:flex;
    justify-content: center;
    padding-top:20px;
    padding-bottom:20px;

}

.talk-exam{
    width:70%;
    height:100%;
    background:white;
    border-radius:15px;
}

.talk-top{
    background:#FEE500;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    min-height:40px;
    display:flex;
    align-items: center;
    padding-left:10px;
    font-weight: 700;
}

.talk-inner{
    padding:10px;
    overflow:scroll;
    height:calc(100% - 40px);

    overflow-x: hidden;
    background: white;
}

.talk-sub-title{
    font-size:18px;
    font-weight:700;
}
.talk-notice{

    color:darkgray;
    top:20px;
    bottom:20px;
    position: relative;
}

.talk-input-wrap{

    margin-top:30px;
    margin-bottom:30px;
}

.talk-textarea{

    width:100%;
    height:250px;
    margin-bottom:10px;
}

.talk-input-bottom{

    display:flex;
    justify-content: space-between;
}

.talk-textarea-length-wrap{
    color:darkgray;
}
.talk-textarea-return-wrap{
    margin-right:25px;
    font-size:16px;
    position: relative;
    cursor: pointer;
}

.talk-textarea-return-wrap:after{
    width: 30px;
    height: 30px;
    position: absolute;
    content: '';
    background-image: url('https://image.banjjakpet.com/common/shop-pc/icon/return-light_mode@2x.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50% 35%;


}
.dark .talk-textarea-return-wrap:after{
    background-image: url('https://image.banjjakpet.com/common/shop-pc/icon/return-dark_mode@2x.png');
}

.talk-p {

    margin-top:30px;
}

.allim-use {
    color:#8F8F8F;



}

.allim-use.actived{

    color:#202020;
}

.talk-check-label{
    color:#8F8F8F;

}

.talk-check-label.actived{
    color:#202020;
}

.con-title-group-add{background: #F4F4F4; width:calc(100% + 40px); max-width:1020px; position: relative; left:-20px;}
.con-title-group-add > h4 {position: relative; left:20px;}
.form-switch-toggle-add{
    margin-right:0px;
}

.agree-textarea{
    width: 100%;
    height: 550px;
    margin-bottom: 10px;

}

.auth_timer{
     border-bottom: 1px solid rgba(32, 32, 32, 0.3);
     color:gray;
     font-size:10px;
     display:flex;
     align-items: center;

 }


.con-select {display: inline-flex; align-items: center;}
.con-icon-reverse {padding: 10px 5px 10px 10px;}









.payment-coupon-history-btn{

    font-size: 14px;
    color: #6840B1;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width:90px;
    height:25px;
    background:#fff;
    border: 1px solid #6840B1;
    border-radius: 5px;
    cursor: pointer;
}
.payment-coupon-history-btn img{

    max-width:15px;
    max-height:15px;
}

.payment-coupon-remain-btn{

    background:#fdd94e;
    display: flex;
    justify-content: space-between;
    max-height:26px;
    cursor: pointer;
    font-size:10px !important;
    font-weight:500;
}
.payment-coupon-remain-btn img{
    max-width:15px;
    max-height:15px;
    margin-right:5px;
}

.use-coupon-cancel img{
    max-width:15px;
    max-height:15px;
    margin-left:10px;
}


.payment-none-coupon-wrap{

    width:100%;
    margin-top: 20px;
    /*border: 1px solid #cecece;*/
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
    padding-bottom: 15px;

;
}


.payment-none-coupon-wrap img{

    max-width:100px;
    max-height:100px;
}

.remain-coupon-wrap{
    display:flex;
}
.remain-coupon-wrap div{
    display:flex;
    flex-direction: column;
}
.remain-coupon-right{
    margin-left:100px;
}
.wide-tab-purple{
    height: 45px;
    border-bottom: 2px solid #6840b1;
    box-sizing: border-box;
}
.wide-tab-inner-purple .tab-cell .btn-tab-item:after {

}

.round-tab-cell {
    background:#f4f4f4;
    border-radius: 12px 12px 0px 0px;
}

.round-tab-cell.actived {
    background:#6840b1;

}
.round-tab-cell.actived a{
    color:white !important;
}

.wide-tab-inner .tab-cell .btn-tab-item_1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    font-size: 15px;
    line-height: 20px;
    color: #666;
}

.coupon-history-wrap{
    margin-top:0px;
}
.coupon-history-list{
    display:flex;
    flex-direction: column;


}
.coupon-history-cell{
    display:flex;
    width:100%;
    justify-content: space-between;
    font-weight:500;
    margin-top:20px;
}

.coupon-history-date{
    flex:0.3;
    display:flex;
    justify-content: flex-start;
    text-align: center;
    font-size:12px;

}
.coupon-history-name{
    flex:0.5;
    display: flex;
    font-weight:500;
    justify-content: center;
    align-items: center;
    font-size:14px;
    padding-right:20px;
}
.coupon-history-num-wrap{
    flex:0.2;
    display: flex;
    justify-content:center;
    font-weight:500;
    flex-direction: column;

}
.coupon-history-num-wrap span{
    text-align: right;
}
.coupon-history-num{
    font-size:16px;
}
.coupon-history-detail{
    font-size:12px;
    color:#8f8f8f;
}

.coupon-charge-wrap{
    display:none;
    margin-top:20px;
}

.new-btn-purple {
    background:#6840b1 !important;
    color:#fff !important;
}
.new-btn-cancel{
    background: #f4f4f4 !important;
    color:#666 !important;
}
.new-btn-yellow{
    background: #fdd94e !important;
    color: #371C1D !important;
}

.coupon-not-exist-wrap{
    display: none;
}
.coupon-not-exist-desc{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.coupon-customer-wrap{
    margin-top:10px;
    margin-bottom:100px;
}

.coupon-customer-list{
    display:flex;
    flex-direction: column;

}

.coupon-customer-cell{
    display: flex;
    justify-content: space-between;
    margin-top:10px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px;
}
.coupon-customer-name{
    flex:0.80;
    font-weight:500;
}

.coupon-customer-remain{
    flex: 0.2;
    font-weight: 500;
    text-align: right;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.coupon-customer-detail{
    cursor: pointer;
    flex:0.05;
    font-weight:500;
    margin-left:5px;
}

.coupon-history-container{

    position: relative;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    width: 60vw;
    height:80vh;
    box-sizing: border-box;
    margin: 0 auto;
}
.z-index-max{
    z-index: 99998 !important;
}

.coupon-history-wrap {
    width:100%;
    height:100%;
}
.coupon-history-title{
    width:calc(100% - 110px);
    height:75px;
    display: flex;
    align-items: center;
    padding-left:55px;
    padding-right:55px;
    color:#6840b1;
    font-size:22px;
    font-weight: 700;
}
.coupon-history-title-wrap{
    border-bottom: 1px solid #cecece;
    width:100%;
    line-height: 75px;
}
.coupon-history-content{
    width: calc(100% - 110px);
    height: calc(100% - 160px);
    display: flex;
    padding: 30px 55px 55px 55px;
    justify-content: space-between;

}
.coupon-history-hold{
    flex:0.32;
    border-radius: 12px;
    box-shadow: 0px 0px 15px #20202021;
    padding:20px;


}
.coupon-history-hold-title{
    font-weight:500;
    font-size:18px;
    display:flex;
    justify-content: space-between;

}
.coupon-delete-wrap{
    display:flex;
    align-items: center;
}
.delete-coupon-check{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    border: 1px solid #6840B1;
    appearance: none;
    cursor: pointer;
    transition: background 0.2s;
    display:flex;
    align-items: center;
    justify-content: center;


}
.delete-coupon-check:checked:after{
    content: '';
    position: relative;
    width: 70%;
    display: block;
    border-radius: 50%;
    background: #6840B1;
    height:70%;
    left:2%;
    top:1%;
}
.coupon-delete-cell{
    width:64px;
    height:24px;
    border:1px solid #cecece;
    border-radius: 5px;
    box-sizing: border-box;
    color:#666;
    font-size:12px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    cursor: pointer;
}
.z-index-max-over{
    z-index:99999 !important;
}
.delete-coupon-check-wrap{
    display:flex;
    flex:0.1;
    margin-right:15px;
    align-items: center;
}
.coupon-history-hold-cell-wrap{
    display:flex;
    margin-top:13px;
    flex:0.9;
}
.coupon-history-hold-list{
    display:flex;
    flex-direction: column;
}
.coupon-history-hold-cell{
    font-size:14px;
    display: flex;
    color: #6840b1;
    border: 1px solid #6840B14D;
    width: calc(100% - 40px);
    border-radius: 5px;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    padding :0px 20px 0px 20px;
    cursor: pointer;
    font-weight:500;
}
.coupon-history-hold-cell:hover{
    background: #6840B10D;
    border:1px solid #6840B1;
}
.coupon-history-hold-cell.actived{
    background: #6840B10D;
    border:1px solid #6840B1;
}
.coupon-history-hold-cell.disabled{
    border:1px solid #CECECE;
    color: #B4B4B4;
    font-weight:300;
    cursor:pointer !important;
}
.coupon-history-history{
    flex:0.32;
    border-radius: 12px;
    box-shadow: 0px 0px 15px #20202021;
    padding:20px;
}
.coupon-history-history-title-wrap{
    display: flex;
    justify-content: space-between;

}

.coupon-history-history-title{
    font-size:18px;
    font-weight:500;
    color:#6840b1;
    max-width:135px;
}
.coupon-history-charge{
    flex: 0.32;
    border-radius: 12px;
    box-shadow: 0px 0px 15px #20202021;
    padding: 13px 20px 20px 20px;
    position: relative;

}

.coupon-history-container .btn-pop-close{
    position: absolute;
    right: 35px;
    width: 56px;
    height: 65px;
    font-size: 0;
    z-index: 5;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x.png) center center no-repeat;
}

.coupon-history-select-none{
    flex:0.6;
    font-weight:400;
    color:#999999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
}

.coupon-history-history-remain-wrap{

    margin-top:13px;
    border-radius: 5px;
    border: 1px solid #6840B14D;

}

.coupon-history-remain-list{
    display: flex;
    padding: 0px 15px 15px 15px;
    flex-direction: column;
}
.coupon-history-remain-cell{
    margin-top:13px;
}

.coupon-body-title{
    width: calc(100% + 40px);
    margin-top:13px;
    left:-20px;
    background: #f4f4f4;
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.coupon-body-title .con-title{
    padding-left:20px;
}

.coupon-history-charge-wrap{
    margin-top:13px;
    display:flex;
    flex-direction: column;
}

.coupon-history-charge-list{
    display:flex;
}
.coupon-history-charge-cell{
    margin-top:13px;
}
.coupon-history-charge-btn{
    width: 100%;
    margin-top: 20px;

}
.charge-coupon-wrap:hover > em{
    border:1px solid #6840b1 !important;
    color : #6840b1;
    background: #6840B10D !important;
}
.charge-coupon-wrap > em{
    font-size:14px;
}
.coupon-history-charge-btn:hover{
    background: #6840b1 !important;
    color:#fff !important;
}
.coupon-history-charge-none{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%;
    height: 100%;
    margin-top:65%;
}


.scroll-purple{
    overflow-y: auto;
    overflow-x: hidden;
    max-width:calc(335px - 40px);
}

.coupon-history-hold-none{
    display:flex;
    justify-content: center;
    align-items: center;
    height:80%;
}


.mg-top-7{
    margin-top:7px;
}

.div-placeholder{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 500;
    color: #8f8f8f;
    font-size:12px;
    line-height: 30px;
    top:0px;
    pointer-events: inherit;
    z-index:101;
    cursor: pointer;
}

.tooltip-custom {
    position: relative;
    display: inline-block;
}

/* Style the tooltip text */
.tooltip-custom .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-custom:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.label-balloon-actived{
    position:relative;
    background: #ff4848;
    color:#fff;
}
.label-balloon{
    opacity: 0;
    display:none;
}

.label-balloon-actived .label-balloon{
    display:block;
    visibility: visible;
    width: 140px;
    background-color: #fff;
    color: #202020;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: -100%;
    left: 100%;
    margin-left:10px;
    opacity: 1;
    transition: opacity 0.3s;
    border:1px solid #FF484880;
    padding-left:10px;
    text-align: start;
    font-weight:300;
    z-index: 10;

}

.label-hover:hover{
    background: #ff4848;
    color:#fff;
    cursor: pointer;
}


.mg-top-7{
    margin-top:7px;
}
.mg-top-20{
    margin-top:20px;
}

.repeat-type-btn{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    border:1px solid #B4B4B4;
    border-radius:5px;
    height:45px;
    margin-right:10px;
    font-weight:700;
    cursor: pointer;
}
.repeat-type-btn.actived{
    color: #fff;
    border-color: #6840b1 !important;
    background-color: #6840b1 !important;
}

.number-input{
    width:72px !important;
    height:45px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center!important;
}

.display-none{
    display:none;
}
.repeat-week{
    /*margin-bottom: 20px;*/
    padding-bottom: 20px;
    margin-top: 20px;
    /*border-bottom: 1px solid #B4B4B4;*/

}
.repeat-week .form-toggle-box.circle > em{
    background: #fff;
}

.repeat-type-wrap{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top:30px;

}

.repeat-form-one {
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.repeat-form-one > input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.repeat-form-one > em {
    width: 16px;
    height: 16px;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    margin-right: 7px;
}

.repeat-form-one > input:checked+span+em {
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/color_checked.png) no-repeat;
    background-size: cover;
}

.datepicker-repeat{
    width:135px !important;
    height:32px !important;
    border:none !important;
    font-size:14px !important;
    color:#8F8F8F !important;
    padding: 8px 13px 8px 13px !important;

}
.datepicker-repeat::placeholder{
    color:#8F8F8F;
}
.display-flex{
    display:flex;
}
.cursor-pointer{
    cursor:pointer;
}

.tooltip2023 {
    position: relative;
    /*display: inline-block;*/
    border-bottom: 1px dotted black;
}

.tooltip2023 .tooltiptext2023 {
    visibility: hidden;
    width: 120px;
    background-color: #6840b1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    right: 120px;
    z-index: 1;
}

.tooltip2023:hover .tooltiptext2023 {
    visibility: visible;
}

.pop-body-wrap{
    display:flex !important;
}

.alldays-pop-left{
    overflow-y: scroll !important;
    height:auto !important;

}
.alldays-pop-right{
    flex:0.25 !important;
    overflow-y: hidden !important;
    height:auto !important;
    padding:0px !important;

}
.alldays-list{
    display:flex;
    width:100%;
    flex-direction: column;
    padding:28px 28px 100px 28px     !important;
    height:calc(100% - 80px) !important;
}
.alldays-list-cell{
    background:#6840B10D;
    border : 1px solid #6840B1;
    border-radius: 5px;
    height:20px;
    padding:13px 20px 13px 20px;
    margin-bottom:10px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-weight:700;
    color:#6840b1;
}
.alldays-list-cell.actived{
    background: #FDD94E0D;
    border:1px solid #FDD94E;
    font-weight:500;
    color:#202020;
}
.alldays-list-cell.currentPass{
    color:#202020;
    font-weight:500;
    background:none;
    border:1px solid #6840B1;



}
.alldays-list-cell.delete{
    color:#B4B4B4;
    background: #CECECE1A !important;
    border:1px solid #CECECE  !important;
}
.alldays-list-delete-btn{
    width:10px;
    height:10px;
    font-size:0;
    background-size: 24px auto !important;
    background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x.png) center center no-repeat
}

.alldays-apply-btn{
    cursor: pointer;
    padding: 0px;
    width: 80%;
    height: 40px;
    background: #6840b1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;

}

.alldays-apply-btn-wrap{
    width: 100%;
    background: white;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
    bottom: 0;
    position: sticky;
    border-top: 1px solid #ebebeb;
}

.form-radiobox.tmp .form-check-icon:after {
    width:36px;
    height:36px;
    z-index:5;
    background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_form_radio_on_large.png) center center no-repeat;
    background-size:100%;
    opacity: 0.7;

}

.calendar-check-value .form-radiobox.tmp .form-check-icon:after {position:absolute;top:0;left:0;width:100%;height:100%;background-size:36px auto; background-position:center center; opacity: 0.7;}

.alldays-loading{
    position:sticky;
    bottom:50%;

}


.partition-container{
    /* margin: 10px 20px 10px 20px; */
    /*width: 100%;*/
    /*margin-bottom: 15px;*/
    /*display: flex;*/
    /*position: sticky;*/
    /*align-items: center;*/
    /*top: 0;*/
    /*z-index: 10000;*/
    /*background: #fff;*/
    /*justify-content: center;*/
}

.partition-wrap{
    /*width:calc(100% - 40px);*/
    /*display:flex;*/
    /*border-radius: 10px;*/
    /*border:1.5px solid #6034B0;*/
    /*height:50px;*/
    /*padding:0;*/

}


.partition-wrap .partition-btn {
    /*flex-grow: 1;*/
    /*border-right: 1.5px solid #6034B0;*/
    /*color:#6034B0;*/
    /*font-size:16px;*/
    /*font-weight:500;*/
    /*margin:0 !important;*/
}


.partition-wrap .partition-btn.actived {
    /*background: #6034B026;*/
}
.partition-wrap .partition-btn:first-child {
    /*border-top-left-radius: 10px;*/
    /*border-bottom-left-radius: 10px;*/
}
.partition-wrap .partition-btn:last-child {
    /*border-right: none;*/
    /*border-top-right-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
}


.partition-receipt-item{

    margin:0;
    padding:0;
    width:calc(100% - 40px);
    border:none;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #2020201A;
}

.partition-receipt-item-add{
    width: 100%;
}


.partition-receipt-item .user-receipt-title{
    background: #f4f4f4;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height:44px;
    padding-left:16px;
    display: flex;
    align-items: center;
    font-size:18px;
    font-weight:700;
}


.partition-wrap .partition-btn.actived .btn-tab-item{
    color:#6034B0 !important;
}

.partition-wrap .tab-cell.actived .btn-tab-item:after {
    background: #6034B0;
    z-index:9999;
}
.partition-receipt-wrap{
    padding:16px;
}

.partition-receipt-item-2{
    border:none;
    background: #6840B112;

}

.border-top-purple{
    border-top:1px solid #6840B1 !important;
}


.partition-input{
    height:45px !important;
    background: inherit !important;
}

.btn-data-change-add{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/10-ic-49-switch@2x.png) center center no-repeat;
    background-size: 49px auto;
}

.back-inherit{
    background: inherit !important;
}

.pay-management-detail{
    width:811px;
    height: calc( 100vh - 129px);
    position: absolute;
    z-index: 999;
    display: none;
    flex-direction: column;
    background: #fff;
    right:-1000px;
    border: solid 1px #cecece;
    border-right:none;

}


.pay-management-detail-title{
    width:100%;
    height:52px;
    font-size:16px;
    font-weight:500;
}

.pay-management-detail-wrap{
    width:100%;
    height:100%;
    display: flex;
}

.pay-management-detail-left{
    flex:0.55;
    width:100%;
    height:100%;
    padding: 30px 0px 30px 30px;
}
.pay-management-detail-right{
    flex:0.45;
    height:100%;
    width:100%;
    padding: 30px;
}
.pay-management-detail-title{
    display: flex;
    justify-content: center;
    align-items: center;
    color:#6840b1;
    font-weight:700;
    border-bottom:2px solid #6840b1;
    background: #6034B026;
    min-height:52px;
}

.pay-management-detail-service{
    box-shadow: 0px 0px 10px #2020201A;
    border-radius: 15px;
}

.pay-management-detail-receipt{
    margin-top:20px;
    box-shadow: 0px 0px 10px #2020201A;
    border-radius: 12px;
    padding:20px 0px 20px 20px;
    width:calc(100% - 20px);

}
.user-receipt-item-add{
    border:none;
    padding:0px;
}

.partition-coupon-wrap{
    padding:16px;
}
.discount{
    height:45px !important;
}
@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.pay-management-detail-show{
    display:flex;
}
.pay-management-detail-hide{
    animation: slide-out 1s ease forwards;
}

@keyframes slide-out {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

.pay-contents{
    margin-top:10px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc( 100vh - 129px - 65px );

}

.pay-management-detail-service-list{
    height:400px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.pay-management-detail-service-selected{
    height:150px;
    overflow-x:hidden;
    overflow-y:scroll;
}
.pad-right-20{
    padding-right:20px !important;
}
.pad-right-0{
    padding-right:0px !important;
}

.pay-management-top{
    width: 100%;
    height: 52px;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    justify-content: flex-end;
    align-items: center;
}
.confirm-wrap{
    background:none !important;
    padding: 0px 16px 0px 16px;
    height:51px;
    border-radius: 15px;
}

.confirm-wrap.actived{
    border:1px solid #6840b1;
    border-radius: 15px;
}

.dark .pay-management-detail-title{
    background:black;
}

.cell-background.actived td{
    background: rgba(104, 64, 177, 0.2);
}

.dark .partition-container{
    background: #222222;
}

.dark .partition-wrap{
    border-color : #d8d8d8;

}


.dark .pay-management-top{

    border-bottom:1px solid #D8D8D8;

}

.dark .partition-wrap .partition-btn.actived {
    background: #8552E3;
}
.dark .partition-btn{
    color:#fff;
    border-color:#d8d8d8;
    background: #3F4145;

}

.dark .partition-receipt-item{
    border:1px solid #d8d8d8;

}

.dark .partition-receipt-item .user-receipt-title{
    background: #3F4145;
}


.dark .partition-receipt-item .user-receipt-title .btn-data-helper{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/info_dark2.png) left top no-repeat;
    background-size:28px auto;
}


.dark #use_reserves{
    border-color: #d8d8d8;
}

.dark .partition-receipt-item-2{
    background: #DED7EC;
    color:#202020;


}

.dark .partition-receipt-item-2 .font-color-purple{
    color:#6840B1 !important;
}

.dark .partition-input{
    color:#202020 !important;
}

.dark .partition-receipt-item-2 .back-inherit{
    color:#6840b1;
}

.dark .confirm-wrap{
    border: 1px solid #D8D8D8;
    border-radius: 15px;;
}

.dark .pay-management-detail-wrap{

    background: #222222;
}

.dark .payment-coupon-remain-btn span{
    color:#371C1D;

}


.dark #remain_text{
    color:#6840b1;
}

.dark #remain_text_2{
    color:#6840b1;
}

.dark #coupon_price_info{
    color:#6840b1;
}

.dark #coupon_current_used{
    color:#6840b1;
}

.dark .partition-coupon-wrap .font-color-purple{
    color:#6840b1 !important;

}

.dark .pay-management-detail-title{
    background: #8552E3;
    border-bottom: 1px solid #D8D8D8;
    color:#fff;
}

.dark .pay-management-detail-service{
    border:1px solid #d8d8d8;
}

.dark .pay-management-detail-receipt{
    border:1px solid #d8d8d8;
}


.dark .pay-management-detail-receipt .result-price{
    color:#6840b1;

}

.dark .confirm-wrap.actived {
    border-color: #6840b1;
    background:#3F4145 !important;
}



.dark .pay-deposit-date{
    color:#ccc;
}


.dark .coupon-history-container{
    background: #2C2D30;
}


.dark .coupon-history-container .btn-pop-close{
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat;
}

.dark .coupon-history-hold{
    box-shadow: none;
    border:1px solid #d8d8d8;
}



.dark .coupon-history-hold-cell{
    border-color: #fff;
    color:#fff;
}

.dark .coupon-history-hold-cell.disabled{
    color:#8f8f8f;
    background: #47484B;
    border-color:#8f8f8f;

}

.dark .coupon-history-hold-cell.actived{
    background: #8552E3;
    border-color:#8552e3;

}

.dark .coupon-history-history{
    border:1px solid #d8d8d8;
}



.dark .coupon-history-history-remain-wrap{
    border-color:#d8d8d8;
}

.dark .remain-coupon-wrap .font-color-purple{
    color:#6840b1 !important;
}

.dark .coupon-body-title{
    background: #3F4145;
    color:#fff;
}

.dark .coupon-history-charge{
    border:1px solid #d8d8d8;
}

.dark .coupon-history-hold-cell.disabled.actived{
    background: #D8D8D8;
    border-color: #8F8F8F;

}


.dark .coupon-history-hold-cell.disabled.actived .coupon-history-hold-coupon{
    color:#666;

}

.dark .form-toggle-box > input:checked + em{
    background: #8552E3 !important;
    border-color: #8552E3 !important;
}

.dark .new-btn-cancel{
    background: #2C2D30 !important;
    color:#fff !important;

}



.dark .new-btn-purple{
    background: #8552E3;

}

.dark .form-toggle-box.large > em{
    border-color:#d8d8d8;
}

.dark .btn-data-change{
    border-color:#202020;
}
.dark .partition-input{
    border-color:#3F4145 !important;
}

.dark .result-price .font-color-purple{
    color:#6840b1 !important;
}
.dark .pay-management-detail-receipt .receipt-buy-detail,
.dark .pay-deposit-title.actived,
.dark .coupon-history-title-wrap h4,
.dark .pay-card-content-0-1,
.dark .coupon-history-hold-title,
.dark .coupon-history-history-title,
.dark .remain-coupon-wrap,
.dark #coupon_history_none span,
.dark .coupon-history-list,
.dark .user-receipt-title,
.dark .set-deposit,
.dark .set-allim-list,
.dark .allim-use.actived,
.dark .talk-textarea-return-wrap,
.dark .free-text,
.dark .coupon-customer-cell,
.dark .coupon-history-charge-none
{
    color:#fff !important;
}


.dark .set-allim-cell-right:after{
    background-image: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-more-white@2x.png);
}

input[type=text]::placeholder{
    font-size:14px;
}


.shop-notice-top-wrap{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.shop-notice-top-inner{
    width:100%;

    display:flex;
    justify-content: space-between;

}
.hide-delete-btn{
    border : 1px solid #6840B1;
    border-radius : 5px;
    height:30px !important;
    width:82px;
    box-sizing: border-box;
    cursor: pointer;
    color:#6840B1;
    font-size:13px !important;
}

.shop-notice-new-btn{
    border : 1px solid #6840B1;
    border-radius : 5px;
    height:45px !important;
    width:335px;
    box-sizing: border-box;
    color:#6840B1;
    cursor: pointer;
}

.shop-notice-new-btn img{
    width:24px;
    height:24px;
}


.shop-notice-list-wrap{
    height:100%;
    width:100%;
    display:flex;
    margin-top:20px;
    justify-content: space-between;

}
.shop-notice-list-add{
    display:flex;
    flex-direction: column;
}

.background-img-none{
    background-image: none !important;
}
.width-100{
    width: 100% !important;
}
.icon-shop-notice{
    width: 28px;
    height: 28px;
    background-image: url(https://image.banjjakpet.com/common/shop/icon/shop_notice@2x.png);
}
.icon-shop-push{
    width: 28px;
    height: 28px;
    background-image: url(https://image.banjjakpet.com/common/shop/icon/shop_push@2x.png);
}
.icon-shop-connection{
    width: 38px;
    height: 38px;
    background-image: url(https://image.banjjakpet.com/common/shop/icon/shop_connection@2x.png);
    margin-right:10px;
}
.connect-customer{
    border:1px solid #cecece !important;
    height:75px !important;
    border-radius:10px !important;
}

.shop-connection-wrap{
    display:flex;
    align-items:center;
    flex-direction: column;
}

.connection-txt{
    color: #8f8f8f;
    font-weight: 500;
    display: block;
}

.shop-connection-inner{
    display:flex;
    align-items: center;
}
.icon-notice-drag{
    width: 28px;
    height: 28px;
    background-image: url(https://image.banjjakpet.com/common/shop/icon/notice_drag@2x.png);
    background-size: 100%;
    margin-right:15px;
    margin-left:15px;
}

.notice-content-title{
    font-weight:500;
    width:300px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice-content-date{
    color:#8f8f8f;
    font-size:12px;
}

.shop-notice-list{
    display:flex;
    flex-direction: column;
}
.cell-swipe-top{
    display:flex;
    align-items: center;
    z-index:2;
    position: relative;
    background:#fff;
    height:60px;
    justify-content: space-between;
    border-radius: 5px;
}
.notice-wrapper{
    border:1px solid #CECECE;
    border-radius: 5px;
    width:100%;
}

.notice-wrapper.hidden{
    color:#CECECE;
}
.notice-wrapper .right-arrow{
    background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-more-black@2x.png) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin-right:20px;
}
.notice-wrapper.hidden .right-arrow{
    background: url(https://image.banjjakpet.com/common/shop/icon/btn-info-more@2x.png) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin-right:20px;
}


.new-title{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
}
.notice-content{
    height:200px;
}
.photo-list{
    display:flex;
    flex-wrap:wrap;
}
.photo-list-cell{
    width: 95px;
    height: 95px;
    border: 1px solid #cecece;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;

}

.type-limit{
    float:right;
    color:#666666;
    font-size:13px;
    font-weight:500;
}

#shop_notice_list_left{
    border-right:1px solid #cecece;
    padding-right:27px;
    margin-right:25px;
}
.shop-notice-cell{
    position: relative;
    display:flex;
    width:530px;
    height:63px;
    margin-bottom:10px;
    cursor: pointer;
}
.shop-notice-cell:hover{
    border-color: #6840B1;
}

.cell-swipe-btn-wrap{
    display:flex;
    width:100%;
    height:100%;
}

.cell-swipe-bottom{
    width: 124px;
    height: 70px;
    right: 0;
    top: 0;
    z-index: 1;
}
.cell-swipe-btn{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:500;
    font-size:14px;
}
.cell-swipe-btn.hide{
    color:#B4B4B4;
    background:#EBEBEB;
}
.cell-swipe-btn.delete{
    color:#FFFFFF;
    background:#FF6A6A;

}
.cell-swipe-btn.show{
    color:#FFFFFF;
    background:#FDD94E;
}


.hide-delete-btn-wrap{
    justify-content: center;
    align-items: center;
    margin-left:10px;
}
.notice-btn{
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    width:64px;
    height:30px;
}
.notice-hide-btn{

    color:#B4B4B4;
    background:#EBEBEB;
    margin-right:7px;
}
.notice-delete-btn{
    color:#fff;
    background:#FF6A6A;
}
.notice-show-btn{
    color:#fff;
    background:#FDD94E;
    margin-right:7px;
}

.page-preview-wrap{
    opacity: 0;
    transition: 0.5s;
}
.page-preview-wrap.actived{
    opacity: 1;
}

.page-preview-title-wrap{
    border-bottom:1px solid #EAEAEA;
    width:100%;
    height:50px;
    position: relative;
}
.page-preview-title{
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:18px;
    font-weight:700;
    height:100%;
}
.page-preview-title-wrap .btn-pop-close{
    position: absolute;
    top: 12px;
    right: 10px;
    width: 56px;
    height:100%;
    font-size: 0;
    z-index: 5;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x.png) center center no-repeat;
    background-size: 24px auto;
}
.write-notice-wrap{
    padding:20px;
}

.customer-view-partition-wrap{
    display:flex;
    margin-top:35px;
    height:70vh;
}

.customer-view-partition-pet{
    flex:0.5;
    border-right:1px solid #EAEAEA;
    overflow-y: scroll;
}

.customer-view-partition-customer{
    flex:0.5;
    margin-left:25px;
    overflow-y: scroll;
}

.agree-management-btn{
    display:flex;
    align-items: center;
    justify-content: center;
    border:1px solid #b4b4b4;
    border-radius: 5px;
    background:#fff;
    width:84px;
    height:30px;
    box-sizing: border-box;
    font-size:13px;
    padding:5px;
    color:#666;
    margin-right:20px;
    cursor: pointer;
}
.agree-pop-title{
    font-size:17px;
    font-weight:700;
    margin-top:30px;
}
.agree-pop-container{

    width:780px;
    height:80vh;
}
.agree-pop-wrap{
    width:100%;
    padding:0px 44px 0px 44px;
    margin-top:30px;
    height:100%;
}

.agree-wide-tab{
    width:100%;
}

.agree-wide-tab-inner .tab-cell.actived .btn-tab-item{

    color:#6840B1 !important;

}

.agree-wide-tab-inner .tab-cell.actived .btn-tab-item:after{

    background:#6840B1 !important;

}

.exist-agree{
    margin-top:30px;
}

.agree-customer-info-wrap{
    display:flex;
}

.agree-info-cell{

    flex:0.5;
    display:flex;

}
.agree-info-title{
    font-size:15px;
    font-weight:500;
    flex:0.15;
    display: flex;
}
.agree-info-data{
    display: flex;
    padding-left:5px;
    padding-bottom:10px;
    flex:0.85;
    font-size:14px;
    margin-left:15px;
    width:100%;
    border-bottom:1px solid #EBEBEB;
}
.agree-pet-info-wrap{
    width:calc(100% - 40px);
    border:1px solid #EBEBEB;
    border-radius: 12px;
    height:220px;
    display:flex;
    padding:20px;

}

.new-customer-pet-info-wrap{
    width:calc(100% - 65px);
    border:1px solid #cecece;
    border-radius: 12px;
    height:220px;
    display:flex;
    padding:20px;
    display:none;
}
.agree-pet-info-photo{
    flex:0.2;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.agree-pet-info-cell{
    flex:0.4;
    margin-right:30px;

}
.new-customer-pet-info-cell{
    flex:0.5;
    margin-right:30px;
}
.agree-pet-info-cell:first-child{
    margin-right: 30px;
}

.agree-pet-info-cell .flex-table-cell{
    border-top:none;
    border-bottom:1px solid #ebebeb;
}
.agree-pet-info-cell .flex-table-cell:first-child{
    padding-top:10px;
}
.agree-pet-info-cell .flex-table-title .txt{
    font-size:14px !important;
}

.agree-pet-info-cell .flex-table-data .pay-flex-table-data-inner{
    font-size:14px !important;
}

.agreement_wrap{

    height:100%;
    overflow-y: scroll;
}

.agree-detail-wrap .pay-card-group .pay-card-cell{
    display:flex;
}
.agree-detail-wrap .pay-card-group .pay-card-cell .pay-card-rule-wrap{

    width:100%;
}
.agree-detail-wrap .pay-card-group .pay-card-cell .pay-card-rule-wrap .pay-card-check{
    display:flex;
    justify-content: space-between;

}
.pet-radio:checked + em::after{
    content: '';
    background: url(https://image.banjjakpet.com/common/shop/icon/10-ic-24-close-white@2x.png);
    width: 13px;
    height: 13px;
    background-size: 13px;
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-right: 5px;
}

.pet-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
}
.btn-picture-modify-new {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 0;
    position: relative;
    background: url(https://image.banjjakpet.com/common/shop/icon/gallery_icon.png) left top no-repeat;
    background-size: 32px auto;
}
.btn-detail-toggle2{
    display: inline-flex;
    width: auto;
    height: 44px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}
.btn-detail-toggle2:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x.png) center center no-repeat;
    background-size: 10px auto;
}

.new-customer-pet-info-cell{

}

.btn-detail-toggle2.actived:after {
    transform: rotate(180deg);
}

.representative-btn{
    width: 57px;
    height: 24px;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
    line-height: 24px;
    cursor: pointer;
}

.pay-service-selected-group{
    display:flex;
    align-items: center;
}

.customer-card-footer{
    display:flex;
    width:100%;
    background:#F8F8F8;
    border-top:1px solid #EBEBEB;
    height:60px;
    font-size:16px;
    font-weight:500;
}
.customer-card-count-wrap{
    flex:0.4;
    display:flex;
    justify-content: center;
    align-items: center;
    border-right:1px solid #EBEBEB;

}

.customer-card-price-wrap{
    flex:0.6;
    display:flex;
    justify-content: center;
    align-items: center;
}