/* 전체 */
.wrap{
    width: 100%;
    min-width: 1366px;
    display: flex;
    position: relative;
    background-color: #fafafa;
}
.wrap .content_box{
    width: 1px;
    flex: 1;
}


.none_scroll{
    overflow: hidden!important;
}
.none_padding{
    padding: 0!important;
}


/* 사이드 메뉴 바 */
.nav_box{
    width: 68px;
    height: 100vh;
    position: sticky;
    top: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 10;
    transition: 0.6s;
    border-right: 1px solid #eaeaea;
}
.nav_box .nav_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 16px 16px 32px;
}
.nav_box .nav_top .logo{
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: url("../../images/common/logo_hidden.svg") no-repeat;
    background-size: cover;
    transition: 0.6s;
}
.nav_box .nav_top .hospital_logo {
    display: flex;
    align-items: center;
    gap: 10px;
}
.nav_box .nav_top .hospital_logo .hospital_thumb {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.nav_box .nav_top .hospital_logo .hospital_name {
    font-size: 16px;
    line-height: 24px;
    transition: 0.6s;
    display: none;
}
.nav_box.active .nav_top {
    justify-content: flex-start;
}
.nav_box.active .nav_top .hospital_logo .hospital_name{
    display: block;
}
.nav_box .nav_bot{
    width: 100%;
    flex: 1;
    overflow-y: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.nav_box .nav_bot::-webkit-scrollbar {
    width: 100%;
    flex: 1;
    overflow-y: auto;
}
.nav_box .nav_bot{
    width: 100%;
    flex: 1;
}
.nav_box .nav_bot .nav_list{
    width: 100%;
    height: 100%;
}
.nav_box .nav_bot .nav_list .nav_item{
    width: 100%;
    box-sizing: border-box;
    transition: 0.6s;
    max-height: 56px;
    overflow: hidden;
}
.nav_box .nav_bot .nav_list .nav_item .nav_depth1{
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 12px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    border-radius: 16px;
    position: relative;
    transition: 0.6s;
}
.nav_box .nav_bot .nav_list .nav_item .nav_depth1 img{
    width: 20px;
    height: 20px;
}
.nav_box .nav_bot .nav_list .nav_item .nav_depth1 .icon_a{
    display: none;
}
.nav_box .nav_bot .nav_list .nav_item .nav_depth1 .depth_name{
    font-size: 14px;
    line-height: 24px;
    color: #454545;
    opacity: 0;
    white-space: nowrap;
}
.nav_box .nav_bot .nav_list .nav_item .depth2_list{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 6px 0;
}
.nav_box .nav_bot .nav_list .nav_item .depth2_list .nav_depth2{
    width: 100%;
    padding: 6px 0 6px 50px;
    box-sizing: border-box;
    cursor: pointer;
}
.nav_box .nav_bot .nav_list .nav_item .depth2_list .nav_depth2 .depth_name{
    font-size: 14px;
    line-height: 17px;
    color: #454545;
}
.nav_box .nav_bot .nav_list .nav_item.nav_arr .nav_depth1::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_arr_down.svg") no-repeat;
    background-size: cover;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate(0,-50%);
    transition: transform 0.6s, opacity 0.6s;
    opacity: 0;
}
.nav_box .nav_bot .nav_list .nav_item.active .nav_depth1::after{
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 8px);
    background-color: #751785;
    border-radius: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.nav_box .nav_bot .nav_list .nav_item.active .nav_depth1 .icon_b{
    display: none;
}
.nav_box .nav_bot .nav_list .nav_item.active .nav_depth1 .icon_a{
    display: flex;
}
.nav_box .nav_bot .nav_list .nav_item.active .nav_depth1 .depth_name{
    color: #fff;
}
.nav_box .nav_bot .nav_list .nav_item.active .depth2_list .nav_depth2.current .depth_name{
    color: #7e1785;
}
.nav_box .nav_bot .nav_list .nav_item.nav_arr.active .nav_depth1::before{
    background: url("../../images/common/icon_arr_down_w.svg") no-repeat;
    transform: translate(0,-50%) rotate(180deg);
}

.nav_box .nav_btn{
    width: 20px;
    height: 120px;
    background-color: #fff;
    border-radius: 0 12px 12px 0;
    box-shadow: 8px 0px 14px 0 rgba(0, 0, 0, 0.04);
    position: absolute;
    bottom: 100px;
    right: -1px;
    transform: translate(100%, 0);
    cursor: pointer;
}
.nav_box .nav_btn img{
    width: 12px;
    transform: rotate(180deg);
    transition: 0.6s;
}
.nav_box.active{
    width: 224px;
}
.nav_box.active .logo{
    width: 130px;
    height: 32px;
    background: url("../../images/common/logo.svg") no-repeat;
    background-size: cover;
}
.nav_box.active .nav_btn img{
    transform: rotate(0deg);
}
.nav_box.active .nav_bot .nav_list .nav_item .nav_depth1{
    padding: 12px 24px;
}
.nav_box.active .nav_bot .nav_list .nav_item .nav_depth1 .depth_name{
    opacity: 1;
}
.nav_box.active .nav_bot .nav_list .nav_item.nav_arr .nav_depth1{
    padding-right: 44px;
}
.nav_box.active .nav_bot .nav_list .nav_item.nav_arr .nav_depth1::before{
    opacity: 1;
}


/* 해더 */
.wrap .content_box header{
    width: 100%;
}
.wrap .content_box header .h_wrap{
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
}
.wrap .content_box header .logo_white{
    width: 130px;
    margin-right: 12px;
}
.wrap .content_box header .h_left{
    display: flex;
    align-items: center;
    gap: 12px;
}
.wrap .content_box header .title{
    font-size: 18px;
    font-family: 'notokr-bold';
    color: #222;
}
.wrap .content_box header .bookmark{
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../images/common/icon_bookmark.svg");
}
.wrap .content_box header .bookmark.active{
    background-position: center;
    background-image: url("../../images/common/icon_bookmark_active.svg");
}
.wrap .content_box header .h_right{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}
.wrap .content_box header .h_right .user_info{
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}
.wrap .content_box header .h_right .user_info .user_name{
    font-size: 16px;
    color: #222;
    font-family: 'notokr-bold';
}
.wrap .content_box header .h_right .user_info .edit_icon{
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_setting.svg") no-repeat;
    background-size: cover;
}
.wrap .content_box header .h_right .btn_logout{
    width: 32px;
    height: 32px;
    background: url("../../images/common/icon_logout.svg") no-repeat;
    background-size: cover;
    cursor: pointer;
}
.wrap .content_box header .h_right .h_btn{
    display: flex;
    align-items: center;
    gap: 12px;
}
.wrap .content_box header .h_right .h_btn .h_btn_item{
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 7px;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #5a5a5a;
    border-radius: 8px;
    color: #454545;
    cursor: pointer;
}
.wrap .content_box header .h_right .h_btn .h_btn_item.receipt_btn{
    border-color: #e7385e;
    background-color: #e7385e;
    color: #fff;
}
.wrap .content_box header .menu_tab{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.wrap .content_box header .menu_tab::-webkit-scrollbar {
    height: 12px;
}
.wrap .content_box header .menu_tab::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.wrap .content_box header .menu_tab .menu_tab_list{
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item{
    min-width: 120px;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    z-index: 0;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.03);
    margin-left: -12px;
    border-top: none;
    cursor: pointer;
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item:last-child{
    border-bottom-left-radius: 0;
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item .menu_title{
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item .menu_close{
    width: 12px;
    height: 12px;
    background: url("../../images/common/icon_close_12px.svg")no-repeat;
    background-size: cover;
    margin-left: auto;
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item.current{
    z-index: 10;
    background-color: #fff;
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item.current .menu_title{
    font-family: 'notokr-bold';
    color: #7e1785;
}
.wrap .content_box header .menu_tab .menu_tab_list .menu_tab_item:hover .menu_close{
    display: block;
}

/* 섹션 */
.wrap .content_box section{
    width: 100%;
    display: flex;
    min-height: calc(100vh - 99px);
    position: relative;
    overflow: auto hidden;
}
.wrap .content_box section::-webkit-scrollbar {
    width: 16px;
}
.wrap .content_box section::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}


/* 푸터 */
.wrap .content_box section .footer{
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px 30px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wrap .content_box section .footer .info{
    font-size: 12px;
    line-height: 20px;
    color: #777;
}
.wrap .content_box section .footer .copyright{
    font-size: 12px;
    color: #ccc;
    margin-top: auto;
    white-space: nowrap;
}


/* 인풋 */
label{
    width: 100%;
    cursor: pointer;
}
label input{
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #222;
}
label input.type_b{
    height: 56px;
    padding: 0 16px;
    font-size: 16px;
    border-radius: 12px;
}
label input::placeholder{
    color: #a9a9a9;
}
label input:disabled{
    background-color: #f5f5f5;
    color: #777;
}
.chk_box{
    width: auto;
    display: inline-flex;
    align-items: center;
}
.chk_box input[type="checkbox"]{
    display: none;
}
.chk_box .chk_icon{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_chk.svg") no-repeat;
    background-size: cover;
}
.chk_box .chk_txt{
    padding-left: 6px;
    font-size: 14px;
    color: #5a5a5a;
}
.chk_box input:checked~ .chk_icon{
    background: url("../../images/common/icon_chk_active.svg") no-repeat;
    background-size: cover;
}
.chk_box.type_02{
    width: auto;
    display: inline-flex;
    align-items: center;
}
.chk_box.type_02 input[type="checkbox"]{
    display: none;
}
.chk_box.type_02 .chk_icon{
    display: none;
}
.chk_box.type_02 .chk_txt{
    padding: 7px;
    min-width: 40px;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    border: 1px solid #a9a9a9;
    border-radius: 8px;
    color: #a9a9a9;
    text-align: center;
}
.chk_box.type_02 input:checked~ .chk_txt{
    border-color: #7e1785;
    color: #7e1785;
}

.chk_box.type_03{
    width: auto;
    display: inline-flex;
    align-items: center;
}
.chk_box.type_03 input[type="checkbox"]{
    display: none;
}
.chk_box.type_03 .chk_icon{
    display: none;
}
.chk_box.type_03 .chk_txt{
    padding: 7px;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    color: #454545;
    text-align: center;
}
.chk_box.type_03 input:checked~ .chk_txt{
    border-color: #7e1785;
    color: #7e1785;
}
.chk_box.type_03 input:checked ~ .chk_txt {
    color: #fff;
    background-color: #7e1785;
    border-color: #7e1785;
}
.chk_box.type_03 input:disabled ~ .chk_txt {
    color: #ccc;
    background-color: #f5f5f5;
}

.time_list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.time_list .time_item .title{
    font-size: 13px;
    line-height: 20px;
    color: #454545;
    margin-bottom: 6px;
}
.time_list .time_item .time_box{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.time_list .time_item .time_box .chk_box{
    width: calc(25% - 6px);
    box-sizing: border-box;
    flex: initial;
}
 .time_list .time_item .time_box .chk_box{
     width: calc(25% - 6px);
     box-sizing: border-box;
     flex: initial;
 }


.chk_box.type_radio .chk_icon {
    width: 44px;
    height: 24px;
    background-color: #f5f5f5!important;
    border: 1px solid #eaeaea;
    position: relative;
    background-image: none!important;
    border-radius: 12px;
}
.chk_box.type_radio .chk_icon::before{
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ccc;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translate(0, -50%);
    transition: 0.4s;
}
.chk_box.type_radio input:checked~ .chk_icon::before{
    background-color: #4065c2;
    left: calc(100% - 20px);
}
.chk_box.type_radio input:checked~ .chk_icon::before{
    background-color: #4065c2;
    left: calc(100% - 20px);
}

.radio_box {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.radio_box .radio_icon {
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_radio_unactive.svg")no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
}
.radio_box .radio_txt {
    padding-left: 10px;
    user-select: none;
    font-size: 14px;
    white-space: nowrap;
}
.radio_box input {
    display: none;
}
.radio_box input:checked ~ .radio_icon {
    background: url("../../images/common/icon_radio_active.svg")no-repeat;
    background-size: cover;
}
.radio_box input:checked ~ .radio_txt {
    color: #000;
}
.radio_wrap{
    box-sizing: border-box;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 20px;
}


select{
    width: 108px;
    height: 44px;
    padding: 0 40px 0 12px;
    font-size: 14px;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
}
.input_item{
    position: relative;
    display: flex;
}
.input_item.type_02{
    flex-wrap: wrap;
}
.input_item.type_02 .img_view{
    width: 100%;
    height: 246px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.input_item.input_search_icon input{
    padding-right: 40px;
}
.input_item.input_search_icon .search_btn{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    background: url("../../images/common/icon_search.svg") no-repeat;
    background-size: cover;
}
.input_item.p_btn_input{
    gap: 12px;
}
.input_item.p_btn_input label{
    flex: 1;
}
.input_item.p_btn_input .produce_btn{
    width: 80px;
    height: 44px;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 11px;
    color: #7e1785;
    border: 1px solid #7e1785;
    border-radius: 8px;
    text-align: center;
}
.input_item.type_txt{
    gap: 10px;
}
.input_item.type_txt .txt_btn{
    min-width: 74px;
    height: 44px;
    box-sizing: border-box;
    padding: 7px 11px;
    text-align: center;
    border: 1px solid #7e1785;
    border-radius: 8px;
    font-size: 14px;
    color: #7e1785;
}
.input_box{
    position: relative;
    display: flex;
    gap: 16px;
    width: 100%;
}
.page_detail .input_box{
    width: auto;
    align-items: center;
    gap: 12px;
}
.page_detail .input_box .txt{
    font-size: 14px;
    line-height: 20px;
}
.page_detail .input_deposit .input_body{
    justify-content: space-between;
}
.page_detail .input_deposit .input_body.type_txt label{
    display: flex;
    gap: 8px;
}
.input_box.type_icon input{
    padding-right: 40px;
}
.input_box.type_icon .icon_btn{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_calender.svg") no-repeat;
    background-size: cover;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}
.input_box.type_icon .icon_btn.time_btn{
    background: url("../../images/common/icon_time.svg") no-repeat;
    background-size: cover;
}


/* 버튼 */
.btn_list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.btn_item{
    font-size: 14px;
    line-height: 18px;
    font-family: 'notokr-bold';
    border: 1px solid transparent;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
}
.btn_list .btn_item{
    flex: 1 1 0;
    font-size: 14px;
    line-height: 18px;
    font-family: 'notokr-bold';
    border: 1px solid transparent;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
}
.btn_list.type_02 .btn_item{
    flex: inherit;
    width: 170px;
}
.btn_item.btn_36{
    flex: inherit;
    padding: 7px 4px;
    font-size: 12px;
    line-height: 18px;
    font-family: 'notokr-medium';
}
.pm_color{
    border-color: #7e1785!important;
    background-color: #7e1785!important;
    color: #fff!important;
}
.pm_l_color{
    border-color: #7e1785!important;
    color: #7e1785!important;
}
.c_color{
    border-color: #454545!important;
    background-color: #454545!important;
    color: #fff!important;
}
.c_l_color{
    border-color: #454545!important;
    color: #454545!important;
}
.c_red{
    color: #e7385e;
    border-color: #dd3434;
    background-color: transparent;
}
.btn_item.disabled{
    color: #fff;
    border-color: #777;
    background-color: #777;
    cursor: inherit;
}
.b_btn{
    border-color: #454545;
    background-color: #454545;
    color: #fff;
}


/* 로그인 */
.wrap.type_login .content_box section{
    min-height: calc(100vh - 58px);
}
.wrap.type_login .nav_box{
    display: none;
}
.wrap.type_login .content_box header{
    background-color: #7E1785;
    display: flex;
    align-items: center;
    height: 58px;
    box-sizing: border-box;
    padding: 0 20px;
}
.wrap.type_login .content_box header .h_right .h_btn .h_btn_item.manual_btn{
    background-color: #fff;
    border-color: #fff;
}
.wrap.type_login .content_box header .title{
    color: #fff;
}
.wrap.type_login .content_box section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.login_box{
    margin: auto;
    width: 420px;
    box-sizing: border-box;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
    border-radius: 24px;
}
.login_box .logo{
    width: 130px;
    margin: -16px 0 32px auto;
}
.login_box .login_txt{
    font-size: 24px;
    font-family: 'notokr-bold';
    margin-bottom: 40px;
}
.login_box .input_wrap{
    width: 100%;
}
.login_box .input_wrap .input_item{
    width: 100%;
    margin-top: 12px;
}
.login_box .input_wrap .input_item:first-child{
    margin-top: 0;
}
.login_box .btn_list{
    margin-top: 40px;
}
.login_box .btn_list .btn_item{
    border-radius: 12px;
}
.login_box .login_func{
    margin-top: 12px;
    display: flex;
    align-items: center;
}
.login_box .login_func .pw_find{
    font-size: 14px;
    line-height: 20px;
    color: #5a5a5a;
    margin-left: auto;
    cursor: pointer;
}

.login_box .login_head{
    padding-bottom: 40px;
}
.login_box .login_head .title{
    font-size: 20px;
    font-family: 'notokr-bold';
    line-height: 30px;
    color: #222;
    padding-bottom: 12px;
}
.login_box .login_head .txt{
    font-size: 16px;
    line-height: 24px;
    color: #222;
}
.login_box .input_item{
    gap: 12px;
}
.login_box .input_item{
    gap: 12px;
}
.login_box .input_item.phone_input label{
    flex: 1;
}
.login_box .input_item.phone_input .send_btn{
    width: 80px;
}
.login_box .input_item.phone_input .send_btn:disabled{
    background-color: #f5f5f5;
    cursor: default;
}
.transfer_success {
    display: none;
}
.transfer_success.active {
    display: flex;
}
.login_box .input_item.send_input input{
    padding-right: 50px;
}
.login_box .input_item.send_input .send_time{
    font-size: 14px;
    line-height: 20px;
    color: #f55165;
    position: absolute;
    right: 12px;
    top: 17px;
}
.login_box .input_item.transfer_success input{
    padding-right: 50px;
}
.login_box .input_item.transfer_success .send_time{
    font-size: 14px;
    line-height: 20px;
    color: #f55165;
    position: absolute;
    right: 102px;
    top: 17px;
}
.login_box .input_item.transfer_success .send_time > *{
    font-size: 14px;
    line-height: 20px;
    color: #f55165;
}


/* 내 정보관리 */
.user_info_box{
    margin: auto;
    width: 452px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
    border-radius: 24px;
}
.user_info_box .box_head{
    padding-bottom: 16px;
}
.user_info_box .box_head .title{
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
    color: #222;
}
.user_info_box .box_head .txt{
    font-size: 16px;
    line-height: 24px;
    color: #222;
}
.user_info_box .input_item{
    gap: 8px;
    margin-top: 8px;
}
.user_info_box .input_item:first-child{
    margin-top: 0;
}
.user_info_box .input_item .input_head{
    width: 110px;
    padding: 12px 4px;
}
.user_info_box .input_item .input_head .title{
    font-size: 14px;
    line-height: 20px;
}
.user_info_box .input_item .input_body{
    display: flex;
    gap: 0 8px;
    flex-wrap: wrap;
    flex: 1;
}
.user_info_box .input_item .input_body .input_box{
    width: 100%;
    margin-top: 8px;
}
.user_info_box .input_item .input_body .input_box:first-child{
    margin-top: 0;
}
.user_info_box .input_item.type_btn .input_body label{
    flex: 1;
}
.user_info_box .input_item.type_btn .input_body button{
    width: 80px;
    height: 44px;
    font-size: 14px;
    border-radius: 8px;
    padding: 0;
}
.user_info_box .input_item.type_btn .input_body .phone_input{
    flex-wrap: wrap;
    width: 100%;
    gap: 0 8px;
}
.user_info_box .input_item .input_body .alert_txt{
    font-size: 12px;
    margin-top: 4px;
    width: 100%;
    color: #d05050;
}
.user_info_box .input_item .input_body .alert_txt.color_blue{
    color: #4065c2;
}
.user_info_box .input_item .send_input label{
    position: relative;
}
.user_info_box .input_item .send_input input{
    padding-right: 50px;
}
.user_info_box .input_item .send_input .send_time{
    font-size: 14px;
    line-height: 20px;
    color: #f55165;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0,-50%);
}
.user_info_box .input_item .phone_chk{
    border-color: #5a5a5a;
    background-color: transparent;
    color: #5a5a5a;
}
button.disabled_btn{
    border-color: #a9a9a9!important;
    background-color: #a9a9a9!important;
    color: #fff!important;
}

/* 팝업1 */
.popup{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none!important;
    align-items: center;
    justify-content: center;
    z-index: 999;
    gap: 20px;
}
.popup .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.popup .popup_box{
    width: 400px;
    max-height: 780px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 60px 20px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.popup .popup_box .popup_con{
    width: 100%;
    flex: 1;
    overflow-y: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    box-sizing: border-box;
}
.popup .popup_box .popup_con.type_02{
    flex-direction: row;
    gap: 32px;
}
.popup .popup_box .popup_con::-webkit-scrollbar {
    width: 12px;
}
.popup .popup_box .popup_con::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.popup .popup_box .popup_con .alert{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 60px;
}
.popup .popup_box .popup_con .alert.type_02{
    gap: 0;
    padding-bottom: 24px;
}
.popup .popup_box .popup_con .alert img{
    width: 48px;
}
.popup .popup_box .popup_con .alert .txt{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.popup .popup_box .popup_con .alert .p_count{
    color: #7e1785;
}
.popup .popup_box .popup_con .alert .p_point{
    color: #7e1785;
}
.popup .popup_box .popup_con .alert .title{
    font-size: 18px;
    line-height: 28px;
    padding-top: 24px;
}
.popup .popup_box .popup_con .alert .txt{
    padding-top: 8px;
}
.popup .popup_box .popup_con .alert .con_txt{
    padding-top: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #454545;
}
.popup .popup_box .popup_con .alert .upload_list{
    padding-top: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.popup .popup_box .popup_con .alert .upload_list .upload_item{
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}
.popup .popup_box .popup_con .alert .upload_list .upload_item.type_fail{
    color: #dd3434;
}
.popup .popup_box .popup_con .box_list_wrap{
    padding-bottom: 0;
}
.popup .popup_box .result_chk{
    padding-right: 26px;
    font-size: 13px;
    color: #7e1785;
    line-height: 20px;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
.popup .popup_box .result_chk::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_result.svg") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.popup .popup_box .p_guide_box{
    width: 100%;
    box-sizing: border-box;
    padding: 12px 18px;
    background-color: #fafafa;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.popup .popup_box .p_guide_box .dots_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.popup .popup_box .p_guide_box .dots_list li{
    width: 100%;
    box-sizing: border-box;
    padding-left: 7px;
    position: relative;
    font-size: 12px;
    color: #777;
    line-height: 14px;
}
.popup .popup_box .p_guide_box .dots_list li::before{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #777;
    position: absolute;
    left: 0;
    top: 6px;
}
.popup .popup_box .p_guide_box .img_preview{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.popup .popup_box .p_guide_box .img_preview .txt{
    font-size: 12px;
    line-height: 14px;
    color: #777;
    margin-left: auto;
}
.popup .popup_box .p_guide_box .img_preview img{
    width: 100%;
}

.popup .pc_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    gap: 10px;
}
.popup .pc_head .input_item{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.popup .pc_head .input_item .title{
    font-size: 14px;
    white-space: nowrap;
}
.popup .pc_head .search_con{
    font-size: 14px;
    line-height: 20px;
}
.popup .pc_head.type_02{
    gap: 10px;
}
.popup .pc_head.type_02 .input_item{
    width: auto;
}
.popup .pc_head.type_02 .input_item select{
    width: 108px;
}
.popup .pc_head.type_02 .input_search_icon{
    flex: 1;
}
.popup .popup_box .popup_con.type_row{
    flex-direction: row;
}
.popup .popup_box .popup_con .flex_box{
    gap: 24px;
}
.popup .popup_box .popup_con .input_basic{
    flex: 1;
}
.popup .popup_box .popup_con .input_basic .pc_head .title{
    font-size: 14px;
    line-height: 20px;
}
.popup .popup_box .popup_con .input_basic .pc_head .chk_box{
    margin-left: auto;
}
.popup .popup_box .popup_con .side_list{
    width: 220px;
    display: flex;
    flex-direction: column;
}
.popup .popup_box .popup_con .side_list .side_head{
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
}
.popup .popup_box .popup_con .side_list .side_head .title{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.popup .popup_box .popup_con .side_list .side_head.type_02 {
    height: auto;
    padding-bottom: 16px;
}
.popup .popup_box .popup_con .side_list .side_body{
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    background-color: #fafafa;
    padding: 12px;
    overflow-y: auto;
}
.popup .popup_box .popup_con .side_list .side_body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.popup .popup_box .popup_con .side_list .side_body::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.popup .popup_box .popup_con .side_list .side_body .p_promotion_list{
    width: 100%;
}
.popup .popup_box .popup_con .side_list .side_body .p_promotion_list .p_promotion_item{
    width: 100%;
    box-sizing: border-box;
    padding: 11px 11px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
}
.popup .popup_box .popup_con .side_list .side_body .p_promotion_list .p_promotion_item.current{
    background-color: #fff;
    border-color: #a679b5;
    color: #7e1785;
}
.popup .popup_box .popup_con .side_con{
    flex: 1;
    width: 1px;
}
.popup .popup_box .popup_con .side_con .p_sc_head{
    width: 100%;
    margin-bottom: 16px;
}
.popup .popup_box .popup_con .side_con .p_sc_head .title{
    font-size: 14px;
    line-height: 20px;
}
.popup .popup_box .popup_con .side_con .p_search_box{
    width: 100%;
    margin-bottom: 16px;
}

.popup .popup_box .popup_top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #454545;
}
.popup .popup_box .popup_top .popup_title{
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
}
.popup .popup_box .popup_top .popup_close{
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_close.svg")no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-left: auto;
}
.popup .popup_box .popup_bot .btn_list .btn_item{
    height: 44px;
}
.popup .popup_box.size_740{
    width: calc(100% - 40px);
    max-width: 740px;
    padding: 20px;
    box-sizing: border-box;
}
.popup .popup_box.size_740 .popup_bot{
    padding-top: 20px;
}
.popup .popup_box.size_400{
    width: calc(100% - 40px);
    max-width: 400px;
    padding: 20px;
    box-sizing: border-box;
}
.popup .popup_box.size_400 .popup_bot{
    padding-top: 20px;
}
.popup .popup_box.size_1280{
    width: calc(100% - 40px);
    max-width: 1280px;
    padding: 20px;
    box-sizing: border-box;
}
.popup .popup_box.size_1280 .popup_bot{
    padding-top: 20px;
}
.popup .popup_box.size_644{
    width: calc(100% - 40px);
    max-width: 644px;
    padding: 20px;
    box-sizing: border-box;
}
.popup .popup_box.size_644 .popup_bot{
    padding-top: 20px;
}
.popup .popup_box.size_660{
    width: calc(100% - 40px);
    max-width: 660px;
    padding: 20px;
    box-sizing: border-box;
}
.popup .popup_box.size_660 .popup_bot{
    padding-top: 20px;
}
.popup .popup_box.size_1200{
    width: calc(100% - 40px);
    max-width: 1200px;
    padding: 20px;
    box-sizing: border-box;
}

.popup .popup_box .preview_box{
    width: 300px;
    background-color: #f8f4fb;
    border-radius: 24px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    right: -24px;
    top: 0;
    transform: translate(100%, 0);
    box-sizing: border-box;
    padding: 24px 20px 20px;
    max-height: 700px;
    display: none;
    flex-direction: column;
}
.popup .popup_box.preview_active .preview_box{
    display: flex;
}
.popup .popup_box .preview_box .preview_head{
    width: 100%;
    padding-bottom: 12px;
}
.popup .popup_box .preview_box .preview_head .txt{
    font-size: 14px;
    line-height: 20px;
    color: #7e1785;
}
.popup .popup_box .preview_box .preview_body{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.popup .popup_box .preview_box .preview_body .title{
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 12px;
}
.popup .popup_box .preview_box .preview_body .preview_con{
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #debff0;
    border-radius: 10px;
    padding: 15px;
}
.popup .popup_box .preview_box .preview_body .preview_con .txt{
    font-size: 14px;
    line-height: 20px;
}
.popup .popup_box .preview_box .preview_body .preview_con .p_img_box{
    width: 100%;
    padding-top: 20px;
}
.popup .popup_box .preview_box .preview_body .preview_con .p_img_box img{
    width: 100%;
}

.popup .popup_box.type_02 .popup_top{
    border-bottom: none;
}
.popup .popup_box.type_02 .popup_con{
    padding-top: 0;
}

.popup .popup_table_wrap{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: 1px solid #454545;
}
.popup .popup_table_wrap.type_y{
    overflow: auto;
}
.popup .popup_table_wrap::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.popup .popup_table_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.popup .popup_table_wrap .popup_table{
    display: inline-flex;
    min-width: 100%;
}
.popup .popup_table_wrap .popup_table table{
    border-collapse : collapse;
    border-spacing : 0;
    width: 100%;
}
.popup .popup_table_wrap .popup_table table th{
    white-space: nowrap;
    font-weight: 500;
}
.popup .popup_table_wrap .popup_table table th,
.popup .popup_table_wrap .popup_table table td{
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 12px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.popup .popup_table_wrap .popup_table table th{
    color: #000;
}
.popup .popup_table_wrap .popup_table table td{
    color: #454545;
}
.popup .popup_table_wrap .popup_table table td.max_td{
    min-width: 160px;
}
.popup .popup_table_wrap .popup_table table td.title{
    max-width: 182px;
}
.popup .popup_table_wrap .popup_table table td.title p{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.popup .popup_table_wrap .popup_table table .tr_fail{
    background-color: #fff3f4;
}
.popup .popup_table_wrap .popup_table table .tr_fail .result_txt{
    color: #dd3434;
}
.popup .popup_table_wrap .popup_table table .tr_success .result_txt{
    color: #1a53e6;
}
.popup table .count_box{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    gap: 12px;
}
.popup table .count_box .count_txt{
    text-align: center;
}
.popup table .count_box.type_02{
    gap: 4px;
}
.popup table .count_box.type_02 .count_txt{
    min-width: 24px;
}
.popup table .count_box.type_02 .count_btn_item{
    margin: 0;
}
.popup .p_input_list{
    display: flex;
    align-items: center;
    gap: 24px;
}
.popup .p_input_list .pil_item {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.popup .p_input_list .pil_item .pil_head .pil_title{
    font-size: 12px;
    line-height: 18px;
    color: #222;
}
.popup .p_input_list .pil_item .input_item{
    width: 106px;
}
.popup .p_input_list .pil_item .input_item input{
    text-align: right;
}


.popup .sub_popup {
    width: 400px;
    max-height: 700px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    max-width: 400px;
    padding: 20px;
    flex-direction: column;
    z-index: 1;
    display: none;
}
.popup .popup_box .sub_popup {
    z-index: 1;
    position: absolute;
    right: -20px;
    top: 0;
    transform: translate(100%, 0);
}
.popup .sub_popup.sub_active{
    display: flex;
}
.popup .sub_popup .sp_con{
    width: 100%;
    flex: 1;
    overflow-y: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    box-sizing: border-box;
}
.popup .sub_popup .sp_con::-webkit-scrollbar {
    width: 12px;
}
.popup .sub_popup .sp_con::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.popup .sub_popup .sp_top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #454545;
}
.popup .sub_popup .sp_top .sp_title{
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
}
.popup .sub_popup .sp_top .sp_close{
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_close.svg")no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-left: auto;
}
.popup .sub_popup .sp_bot{
    padding-top: 20px;
}
.popup .sub_popup .sp_bot .btn_list .btn_item{
    height: 44px;
}
.popup .sub_popup.type_02 .sp_top{
    border-bottom: none;
}
.popup .sub_popup.type_02 .sp_con{
    padding-top: 0;
}

.count_btn{
    width: 54px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.count_btn_item{
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #5a5a5a;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.count_btn_item.btn_minus::before{
    content: "";
    width: 10px;
    height: 1px;
    background-color: #5a5a5a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.count_btn_item.btn_plus::before{
    content: "";
    width: 10px;
    height: 1px;
    background-color: #5a5a5a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.count_btn_item.btn_plus::after{
    content: "";
    width: 1px;
    height: 10px;
    background-color: #5a5a5a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.popup .popup_table_wrap .popup_table table .list_btn{
    padding: 7px 11px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-color: #454545;
    border: 1px solid #454545;
    margin: -8px auto;
}
.popup textarea{
    height: 180px;
}
.popup .pw_reset{
    width: 80px;
    height: 36px;
    background-color: #e7385e;
    border: 1px solid #e7385e;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
}

.point_txt{
    color: #7e1785;
}

.p_search_list{
    width: 100%;
}
.p_search_list .p_search_item{
    width: 100%;
    box-sizing: border-box;
    padding: 11px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
}
.p_search_list .p_search_item .delete_btn{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_close.svg") no-repeat;
    background-size: cover;
    margin-left: auto;
    display: none;
}
 .p_search_list .p_search_item.current{
     background-color: #fff;
     border-color: #a679b5;
     color: #7e1785;
 }
.p_search_list .p_search_item.current .delete_btn{
    display: block;
}
.popup .basic_btn{
    min-width: 66px;
    height: 44px;
    border: 1px solid #7e1785;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
}


/* 팝업 액티브 */
.popup.active{
    display: flex!important;
}


/* 컨텐츠 */
.contents{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}
.contents .con_head{
    width: 100%;
    display: flex;
    padding-bottom: 24px;
}
.contents .con_head .title{
    font-size: 28px;
    font-family: 'notokr-bold';
    line-height: 42px;
    color: #222;
    position: relative;
    display: inline-flex;
    padding-right: 12px;
}
.contents .con_head .title::before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #e6375e;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.page_tab_list{
    display: flex;
    align-items: center;
    gap: 20px;
}
.page_tab_list .page_tab_item{
    box-sizing: border-box;
    padding-bottom: 4px;
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
    color: #a9a9a9;
    position: relative;
    cursor: pointer;
}
.page_tab_list .page_tab_item.current{
    color: #e7385e;
}
.page_tab_list .page_tab_item.current::before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #e7385e;
    position: absolute;
    left: 0;
    bottom: 0;
}
.contents .con_body{
    height: 100%;
}
.contents .con_body > .flex_box{
    height: 100%;
}
.contents .con_body > .flex_box.gap_12{
    gap: 12px;
    align-items: flex-start;
}


.flex_box{
    width: 100%;
    display: flex;
}
.flex_box .right{
    flex: 1;
    min-height: calc(100vh - 228px);
    display: flex;
    flex-direction: column;
}
.flex_box .flex_100{
    flex: 1;
    min-height: calc(100vh - 228px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.flex_box .page_detail{
    width: 100%;
    gap: 56px;
    display: flex;
}
.flex_box .page_detail .detail_item{
    flex: 1 1 0;
}
.flex_box .page_detail .detail_item .d_head{
    padding-bottom: 12px;
    border-bottom: 1px solid #454545;
}
.flex_box .page_detail .detail_item .d_head .title{
    font-size: 18px;
    font-family: 'notokr-bold';
}
.flex_box .page_detail .detail_item .d_body .d_con_item{
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
}
.flex_box .page_detail .detail_item .d_body .d_con_item:last-child{
    padding-bottom: 0;
}
.flex_box .page_detail .detail_item .d_body .d_con_item:first-child{
    border-top: none;
}
.flex_box .w_box{
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding: 20px;
    height: 100%;
}


/* 검색 박스 */
.search_box{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 12px;
}
.search_box .input_wrap{
    display: inline-flex;
    gap: 8px 16px;
    flex-wrap: wrap;
    width: 100%;
}
.search_box .input_wrap .input_search{
    width: 390px;
}
.search_box .btn_list{
    display: inline-flex;
}
.search_box .btn_list .btn_item{
    width: 100px;
    height: 44px;
    font-size: 14px;
    line-height: 20px;
}
.search_box .input_item{
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.search_box .input_item .input_head{
    width: auto;
    height: auto;
    padding: 0;
}
.search_box .input_item .input_head .title{
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
}
.search_box .input_item.input_period input{
    width: 192px;
    padding-right: 40px;
}
.search_box .input_item.month_input input{
    width: 120px;
    padding-right: 40px;
}
.input_item.input_period .period_btn{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_calender.svg") no-repeat;
    background-size: cover;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}
.search_box .input_item.month_input .month_btn{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_calender.svg") no-repeat;
    background-size: cover;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}
.search_box .input_item.input_user_name input{
    width: 108px;
}
.input_item.type_icon input{
    width: 192px;
    padding-right: 40px;
}
.input_item.type_icon .icon_btn{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_calender.svg") no-repeat;
    background-size: cover;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}
.input_item.type_icon .time_btn{
    background: url("../../images/common/icon_time.svg") no-repeat;
    background-size: cover;
}
.input_item.type_icon .search_btn{
    background: url("../../images/common/icon_search.svg") no-repeat;
    background-size: cover;
}
.input_box.type_icon .search_btn{
    background: url("../../images/common/icon_search.svg") no-repeat;
    background-size: cover;
}


.price_input{
    text-align: right;
}


/* 사이드 검색 박스 */
.search_side{
    height: 100%;
    width: 300px;
    margin-right: 24px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding: 32px;
    display: flex;
    flex-direction: column;
}
.search_side.size_360{
    width: 360px;
}
.search_side .search_top{
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #222;
}
.search_side .search_top .title{
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
}
.search_side .search_bot{
    width: 100%;
    flex: 1;
    overflow-y: auto;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.search_side .search_bot .input_item{
    width: 100%;
    padding-bottom: 4px;
}
.search_side .search_bot .result_wrap{
    width: 100%;
    overflow-y: auto;
    flex-grow: 1;
    height: 1px;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*top: 64px;*/
}
.search_side .search_bot .result_wrap::-webkit-scrollbar {
    width: 16px;
}
.search_side .search_bot .result_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.search_side .search_bot .result_wrap .result_list{
    width: 100%;
}
.search_side .search_bot .result_wrap .result_list .result_item{
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #454545;
    margin-top: 4px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.search_side .search_bot .result_wrap .result_list .result_item.current{
    background-color: #f8f4fb;
    color: #7e1785;
    font-family: 'notokr-bold';
    border-radius: 8px;
}
.search_side .search_bot .result_wrap .result_list .result_item:first-child{
    margin-top: 0;
}
.search_side .search_bot .result_wrap .result_list .result_item .icon_btn_list{
    display: none;
}
.search_side .search_bot .result_wrap.type_edit .result_list .result_item:first-child{
    margin-top: 0;
}
.search_side .search_bot .result_wrap.type_edit .result_list .result_item .icon_btn_list{
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.search_side .search_bot .result_wrap.type_edit .result_list .result_item.current .icon_btn_list{
    display: inline-flex;
}
.search_side .search_bot .result_wrap.type_edit .result_list .result_item .icon_btn_list .icon_btn{
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: flex;
    padding: 0;
}
.search_side .search_bot .result_wrap.type_edit .result_list .result_item .icon_btn_list .icon_btn.edit_btn{
    background-image: url("../../images/common/icon_pen.svg");
}
.search_side .search_bot .result_wrap.type_edit .result_list .result_item .icon_btn_list .icon_btn.delete_btn{
    background-image: url("../../images/common/icon_close.svg");
}


/* 검색 결과 */
.search_result{
    width: 100%;
    flex: 1;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
}
.search_result .sr_top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    flex-wrap: wrap;
}
.search_result .sr_top.type_line{
    border-bottom: 1px solid #222;
    margin-bottom: 16px;
}
.search_result .sr_top .title{
    font-size: 18px;
    line-height: 28px;
    color: #222;
}
.search_result .sr_top .btn_list{
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}
.search_result .sr_top .btn_list .btn_item{
    padding: 7px 15px;
}
.search_result .sr_top .sr_info{
    display: inline-flex;
    align-items: center;
    gap: 15px;
}
.search_result .sr_top .sr_info li{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
    position: relative;
}
.search_result .sr_top .sr_info li::before{
    content: "";
    width: 1px;
    height: 16px;
    background-color: #a9a9a9;
    position: absolute;
    left: -7px;
    top: 2px;
}
.search_result .sr_top .sr_info li:first-child::before{
    display: none;
}
.search_result .sr_top .category_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 16px;
    gap: 8px;
    align-items: center;
}
.search_result .sr_top .category_list .category_item{
    border: 1px solid #ccc;
    border-radius: 30px;
    background-color: #fafafa;
    box-sizing: border-box;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.search_result .sr_top .category_list .category_item .title{
    font-size: 12px;
    line-height: 18px;
}
.search_result .sr_top .category_list .category_item .delete_btn{
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_delete.svg") no-repeat;
    background-size: cover;
    cursor: pointer;
}
.search_result .sr_top .category_list .more_txt{
    font-size: 14px;
    line-height: 20px;
}
.search_result .sr_top .sr_flex{
    display: flex;
    align-items: center;
    width: 100%;
}
.search_result .sr_top .btn_list_2{
    display: inline-flex;
    gap: 20px;
    align-items: center;
    margin-left: auto;
}
.search_result .sr_top .btn_list_2 .btn_item{
    position: relative;
    display: flex;
    padding: 0;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth1{
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth1 img{
    width: 20px;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth1 .title{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.search_result .sr_top .btn_list_2 .btn_item.btn_point .btn_depth1 .title{
    color: #7e1785;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth2_list{
    opacity: 0;
    pointer-events: none;
    min-width: 116px;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 100%);
    box-sizing: border-box;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    z-index: 10;
    transition: 0.4s;
}
.search_result .sr_top .btn_list_2 .btn_item.active .btn_depth2_list{
    opacity: 1;
    pointer-events: inherit;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth2_list::before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translate(-50%,0);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #ccc;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth2_list::after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #fff;
    top: -5px;
    left: 50%;
    transform: translate(-50%,0);
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth2_list .btn_depth2{
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
}
.search_result .sr_top .btn_list_2 .btn_item .btn_depth2_list .btn_depth2:hover{
    color: #7e1785;
}
.search_result .sr_top .sr_flex .category_list{
    flex: 1;
    width: 1px;
    padding-bottom: 0;
    margin-right: 12px;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}
.search_result .sr_top .sr_flex .category_list::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.search_result .sr_top .sr_flex .category_list::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.search_result .sr_top .sr_flex .amount_box{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
.search_result .sr_top .sr_flex .amount_box .txt_amount{
    font-size: 14px;
    line-height: 20px;
    color: #222;
    display: flex;
    align-items: center;
    gap: 8px;
}
.search_result .sr_top .sr_flex .amount_box .txt_amount span{
    font-size: 16px;
    line-height: 24px;
    color: #222;
}

.flex_item .table_wrap{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.flex_item .table_wrap .table_box{
    width: 100%;
}
.flex_item .table_wrap .table_box table{
    border-collapse : collapse;
    border-spacing : 0;
    width: 100%;
}
.flex_item .table_wrap .table_box table .t_head th{
    background-color: #f8f4fb;
}
.flex_item .table_wrap .table_box table .t_head th:first-child{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.flex_item .table_wrap .table_box table .t_head th:last-child{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.flex_item .table_wrap .table_box table .t_body{
    cursor: pointer;
}
.flex_item .table_wrap .table_box table .t_body:hover .title{
    text-decoration: underline;
}
.flex_item .table_wrap .table_box table .t_body:hover .user_name_box .user_chart{
    display: block;
}
.flex_item .table_wrap .table_box table .t_body .t_btn_txt{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.flex_item .table_wrap .table_box table .t_body .t_btn_txt .tbt_time{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.flex_item .table_wrap .table_box table .t_body .t_btn_txt .tbt_btn{
    width: 60px;
    height: 26px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #454545;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    border-radius: 8px;
}
.flex_item .table_wrap .table_box table .t_body .t_btn_txt .tbt_btn:disabled{
    opacity: 0.5;
    color: #222;
}
.flex_item .table_wrap .table_box table .t_body .favorite_title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.flex_item .table_wrap .table_box table .t_body .favorite_title .title{
    width: auto;
}
.flex_item .table_wrap .table_box table .t_body .favorite_title .item_favorite{
    width: 20px;
    height: 20px;
    background-image: url("../../images/common/icon_bookmark.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}
.flex_item .table_wrap .table_box table .t_body .favorite_title .item_favorite.active{
    background-image: url("../../images/common/icon_bookmark_active.svg");
}

.flex_item .table_wrap .table_box table th,
.flex_item .table_wrap .table_box table td{
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 12px 8px;
    text-align: center;
}
.flex_item .table_wrap .table_box table th{
    color: #222;
    font-weight: 300;
}
.flex_item .table_wrap .table_box table td{
    color: #454545;
    border-bottom: 1px solid #eaeaea;
}
.flex_item .table_wrap .table_box table .pw_reset{
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #dd3434;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #e7385e;
}
.flex_item .table_wrap .table_box table td button{
    margin: -9px auto -9px;
}
.flex_item .table_wrap .table_box table td.title{
    width: 356px;
    max-width: 356px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.flex_item .table_wrap .table_box table .chk_box{
    display: flex;
    width: 24px;
    margin: -2px auto;
}


/* 페이지네이션 */
.pagination{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 60px;
}
.pagination .p_btn{
    display: inline-flex;
    gap: 2px;
    align-items: center;
}
.pagination .p_btn a{
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.pagination .p_btn a.btn_prev{
    background-image: url("../../images/common/icon_prev.svg");
}
.pagination .p_btn a.btn_next{
    background-image: url("../../images/common/icon_next.svg");
}
.pagination .p_btn a.btn_first{
    background-image: url("../../images/common/icon_arrow_first_next.svg");
}
.pagination .p_btn a.btn_last{
    background-image: url("../../images/common/icon_arrow_last_next.svg");
}
.pagination .p_num{
    display: inline-flex;
    gap: 2px;
}
.pagination .p_num .num_item{
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    opacity: 0.3;
    cursor: pointer;
    border-radius: 8px;
}
.pagination .p_num .num_item.current{
    background-color: #4b4b4b;
    color: #fff;
    opacity: 1;
}


/* 기본 입력 양식 */
.input_basic{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.input_basic .input_item{
    width: 100%;
    margin-top: 8px;
    display: flex;
}
 .input_item{
    gap: 8px;
}
.input_item:first-child{
    margin-top: 0;
}
.input_item .input_head{
    padding: 12px 0 12px 4px;
    width: 108px;
}
.input_item .input_head.type_s{
    width: 82px;
}
.input_basic .input_item .input_head.type_60{
    width: 60px;
    padding: 13px 0 13px 4px;
}
.input_basic .input_item .input_head.type_60 .title{
    font-size: 12px;
    line-height: 18px;
}
.input_basic .input_item .input_head .title{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.input_basic .input_item .input_body{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.input_basic .input_item .input_body.flex_input label{
    flex: 1 1 0;
}
.input_basic .input_item .input_body.type_txt label{
    display: flex;
    align-items: center;
    gap: 8px;
}
.input_basic .input_item .input_body.type_txt label input{
    flex: 1;
}
.input_basic .input_item .input_body.type_txt label .txt{
    font-size: 14px;
}
.input_basic .input_item .input_body.input_operating_time {
    align-items: center;
}
.input_basic .input_item .input_body.input_operating_time .input_box{
    flex: 1 1 0;
}
.input_basic .input_item .input_body.type_wrap{
    flex-wrap: wrap;
}
.input_item .input_body.input_address label:first-child{
    flex: 1;
}
.input_item .input_body.input_address .address_search{
    width: 80px;
    height: 44px;
    border: 1px solid #7e1785;
    border-radius: 8px;
    font-size: 14px;
    color: #7e1785;
    cursor: pointer;
}
.input_item.type_btn .input_body label{
    flex-grow: 1;
    width: auto;
}
.input_item.type_btn .input_body button{
    width: 100px;
}
.input_basic .input_item .input_body .input_detail{
    width: 100%;
    padding: 12px 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.input_basic .input_item .input_body .input_detail .txt{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
}
.input_basic .input_item .input_body .input_detail .txt.txt_left{
    text-align: right;
}
.input_basic .input_item .input_body.charge_item .charge_btn{
    margin: -8px 0 -8px auto;
    width: 73px;
    height: 36px;
    border: 1px solid #7e1785;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #7e1785;
}
.input_basic.type_02 .input_item{
    margin-top: 0;
    border-bottom: 1px solid #ccc;
}
.input_basic.type_03 .input_wrap{
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    padding: 16px 0;
}
.input_basic.type_03 .input_wrap:first-child{
    border-top: none;
}
.page_detail .detail_item .d_body .d_con_item .input_item{
    width: 100%;
    margin: 0;
}
.page_detail .detail_item .d_body .d_con_item .input_item.half_item{
    flex: 1 1 0;
}
.input_item.type_multiple{
    gap: 12px;
    align-items: center;
}
.page_detail .input_add_box{
}
.page_detail .input_add_box .box_head{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 10px 4px;
    margin-bottom: 12px;
}
.page_detail .input_add_box .box_head .title{
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}
.page_detail .input_add_box .add_list{
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
}
.page_detail .input_add_box .add_list .add_item{
    display: flex;
    gap: 24px;
    position: relative;
}
.page_detail .input_add_box .add_list .add_item .input_item{
    width: auto;
}
.page_detail .input_add_box .add_list .add_item .input_item input{
    width: 100%;
}
.page_detail .input_add_box .add_list .add_item .add_remove{
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_delete.svg")no-repeat;
    background-size: cover;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translate(100%,-50%);
    cursor: pointer;
}
.page_detail .input_add_box .add_btn{
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #e7385e;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #e7385e;
    margin-top: 10px;
}
.page_detail .input_add_box .add_bot{
    padding-top: 12px;
    margin-top: 12px;
    width: 100%;
    border-top: 1px solid #ccc;
}
.page_detail .detail_item .d_body .d_con_item .input_item .input_head{
    padding: 10px 0 10px 4px;
}
.page_detail .detail_item .d_body .d_con_item .input_item .input_head.type_s{
    width: 82px;
}
.page_detail .detail_item .d_body .d_con_item .input_item .input_body{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    align-items: center;
    flex: 1;
}
.page_detail .detail_item .d_body .d_con_item .input_item .input_head .title{
    /*font-size: 16px;*/
    /*line-height: 24px;*/
    font-size: 14px;
    line-height: 20px;
}


/* 로딩 */
.loading_box{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.3);
}
.loading_icon{
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    border: 5px solid #eaeaea;
    border-top-color: #914196;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* 고객관리 */
.t_group_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.t_group_box .t_group_title{
    height: 100%;
    position: relative;
}
.t_group_box .t_group_title .title{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.t_group_box .t_group_title .title_list{
    width: auto;
    box-sizing: border-box;
    padding: 12px 20px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-radius: 12px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,100%);
    display: none;
    z-index: 10;
}
.t_group_box .t_group_title .title_list p{
    word-break: keep-all;
}
.t_group_box .t_group_title:hover .title{
    text-decoration: underline;
}
.t_group_box .t_group_title:hover .title_list{
    display: flex;
}
.t_group_box .group_edit_btn{
    padding: 4px 12px;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #7e1785;
    border-radius: 8px;
    margin: -9px 0!important;
}

.user_name_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.user_name_box .user_name{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.user_name_box .user_chart{
    min-width: 55px;
    height: 26px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #4065c2;
    color: #4065c2;
    font-size: 12px;
    margin: -9px 0!important;
    display: none;
    padding: 0 15px;
}

/* 그룹팝업 */
.p_user_group .input_search_icon{
    width: 100%;
}

.group_list_wrap{
    width: 100%;
    padding: 16px 0;
}
.group_list_wrap .group_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.group_list_wrap .group_list .group_item{
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
}
.group_list_wrap .group_list .group_item.active{
    border-color: #a679b5;
}
.p_user_group_edit .group_list_wrap .group_list .input_item input:disabled{
    background-color: transparent;
    border-color: transparent;
}
.p_user_group_edit .group_list_wrap .group_list .input_item .btn_box{
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.p_user_group_edit .group_list_wrap .group_list .input_item .btn_box button{
    padding: 0;
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
    color: #5a5a5a;
}
.p_user_group_edit .group_list_wrap .group_list .input_item .btn_box button.p_group_edit{
    color: #1a53e6;
}


/* 추가 생성 */
.create_box{
    width: 100%;
    padding: 16px 0;
}
.create_box .create_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.create_box .create_list .create_item{
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
}
.create_box .create_list .group_item.active{
    border-color: #a679b5;
}
.create_box .create_list .input_item input:disabled{
    background-color: transparent;
    border-color: transparent;
}
.create_box .create_list .input_item .btn_box{
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.create_box .create_list .input_item .btn_box button{
    padding: 0;
    font-size: 12px;
    font-family: 'notokr-bold';
    line-height: 18px;
    color: #5a5a5a;
}
.create_box .create_list .input_item .btn_box button.c_edit{
    color: #1a53e6;
}


/* 메세지 전송 */
.popup .input_item select{
    width: 100%;
}
.popup textarea{
    resize: none;
}


/* 엑셀 업로드 결과 */
.p_result_count{
    width: 100%;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
}
.p_result_count .result_success{
    display: flex;
    align-items: center;
    gap: 4px;
}
.p_result_count .result_success *{
    font-size: 14px;
    line-height: 20px;
}
.p_result_count .result_success .result_fail{
    color: #dd3434;
}
.p_result_count .result_down{
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
    margin-left: auto;
    padding: 0;
}
.p_result_count .result_down img{
    width: 20px;
}
.p_result_count .result_down .title{
    font-size: 14px;
    line-height: 20px;
    color: #7e1785;
}


/* 예약관리 */
.status_txt p{
    display: inline-flex;
    padding-left: 14px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}
.status_txt p::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.status_txt p.status_basic{
    padding-left: 0;
}
.status_txt p.status_basic::before{
    display: none;
}
.status_txt .status_purple{
    color: #5f1986;
}
.status_txt .status_purple::before{
    background-color: #5f1986;
}
.status_txt .status_yellow{
    color: #ffbc0f;
}
.status_txt .status_yellow::before{
    background-color: #ffbc0f;
}
.status_txt .status_green {
    color: #4eb845;
}
.status_txt .status_green::before{
    background-color: #4eb845;
}
.status_txt .status_blue{
    color: #1a53e6;
}
.status_txt .status_blue::before{
    background-color: #1a53e6;
}
.status_txt .status_red{
    color: #dd3434;
}
.status_txt .status_red::before{
    background-color: #dd3434;
}
.status_txt .status_gray{
    color: #777;
}
.status_txt .status_gray::before{
    background-color: #777;
}
.status_txt .status_black{
    color: #000;
}
.status_txt .status_black::before{
    background-color: #000;
}
.table_box .t_btn_list{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: -3px auto;
}
.table_box .t_btn_list .status_btn{
    min-width: 80px;
    height: 26px;
    box-sizing: border-box;
    padding: 3px 15px;
    border: 1px solid #454545;
    background-color: #454545;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    margin: 0!important;
}
.table_box .t_btn_list .status_btn.btn_payment_check{
    border-color: #cd2e65;
    background-color: #cd2e65;
}
.table_box .t_btn_list .status_btn.btn_visit_receipt{
    border-color: #914196;
    background-color: #914196;
}
.table_box .t_btn_list .status_btn.btn_complete{
    border-color: #5f2d86;
    background-color: #5f2d86;
}
.table_box .t_btn_list .status_btn.btn_reservation_cancel{
    border-color: #cd2e65;
    background-color: transparent;
    color: #cd2e65;
}
.table_box .t_btn_list .status_btn.btn_receipt_cancel{
    border-color: #cd2e65;
    background-color: transparent;
    color: #cd2e65;
}
.table_box .t_btn_list .status_btn.type_01{
    border-color: #454545;
    background-color: #454545;
    color: #fff;
}
.table_box .t_btn_list .status_btn.type_02{
    border-color: #CD2E65;
    background-color: transparent;
    color: #CD2E65;
}
.table_box .t_btn_list .status_btn.type_03{
    border-color: #4065C2;
    background-color: #4065C2;
    color: #fff;
}
.table_box .t_btn_list .status_btn.type_04{
    border-color: #4065C2;
    background-color: transparent;
    color: #4065C2;
}
.table_box .t_btn_list .status_btn.type_05{
    border-color: #A9A9A9;
    background-color: #A9A9A9;
    color: #fff;
}
.table_box .t_thumb_box{
    width: 112px;
    height: 76px;
    border-radius: 8px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 auto;
}
.table_box .t_thumb_box::before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
    position: absolute;
    left: 0;
    top: 0;
}
.table_box table .t_body .title_box{
    width: 356px;
    position: relative;
}
.table_box table .t_body:hover{
    background-color: #fafafa;
}
.table_box table .t_body .title_box .title{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.table_box table .t_body .title_box .guide_txt{
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-radius: 12px;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%,100%);
    display: none;
    z-index: 10;
}
.table_box table .t_body .title_box .guide_txt p{
    word-break: keep-all;
}
.table_box table .t_body .title_box:hover .guide_txt{
    display: flex;
    text-align: left;
}


/* 예약상세 팝업 */
.popup .input_item.type_icon input{
    width: 100%;
}


/* 문의게시판 */
.type_icon .file_btn{
    background-image: url("../../images/common/icon_file.svg")!important;
}
.table_box .attachments_icon{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_file.svg")no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.p_qna_detail .p_sub_title{
    font-size: 16px;
    line-height: 24px;
    padding: 12px 4px;
}
.p_qna_detail .input_wrap{
    padding-top: 8px;
    margin-top: 16px;
    border-top: 1px solid #ccc;
}
.p_qna_detail .input_wrap:first-child{
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}


/* 병원정보 */
.page_detail .input_item .input_body.input_address .address_search{
    min-width: 100px;
    background-color: #454545;
    border-color: #454545;
    color: #fff;
}
.week_list{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
}
.week_list.type_02{
    gap: 4px;
    padding: 0;
}
.week_list.type_02 .chk_box.type_02{
    flex: 1 1 0;
}
.week_list.type_02 .chk_box.type_02 .chk_txt{
    min-width: auto;
    width: 100%;
    padding: 11px 4px;
    font-size: 14px;
    line-height: 20px;
}

/* 프로모션 사용관리 */
.refund_btn{
    width: 80px;
    height: 36px;
    border: 1px solid #dd3434;
    background-color: transparent;
    color: #e7385e;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px;
}
.refund_btn.disabled{
    border-color: #777;
    background-color: #777;
    color: #fff;
}
.popup .input_basic .input_wrap .input_item .input_body.amount_input input{
    width: 100px;
    flex: inherit;
}
.popup.p_promotion_refund textarea{
    height: 140px;
}
.popup.p_promotion_refund_cancel textarea{
    height: 140px;
}
.input_item.type_txt_count label{
    position: relative;
}
.input_item.type_txt_count label .txt_count{
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: #777;
}


/* 데이터없는 경우 */
.none_content{
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}
.none_content img{
    width: 56px;
    height: 56px;
}
.none_content .none_title{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}


/* 프로모션등록 */
.popup .product_list{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
    width: 100%;
}
.popup .product_list .product_item{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.popup .product_list .product_item.active{
    border-color: #a679b5;
}
.popup .product_list .product_item .p_title{
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
    color: #454545;
    width: 100%;
}
.popup .product_list .product_item .p_title.type_02{
    width: calc(100% - 100px);
}
.popup .product_list .product_item .p_title .p_company{
    padding-right: 9px;
    position: relative;
}
.popup .product_list .product_item .p_title .p_company::before{
    content: "";
    width: 1px;
    height: 14px;
    background-color: #ccc;
    position: absolute;
    right: 3px;
    top: 3px;
}
.popup .product_list .product_item .p_price{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.popup .product_list .product_item .p_num{
    font-size: 12px;
    line-height: 18px;
    color: #777;
}
.popup .product_list .product_item .p_txt{
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.popup .product_list .product_item .p_count{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
}
.popup .product_list .product_item .p_detail{
    width: 100%;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 12px;
    margin-top: 4px;
}
.popup .product_list .product_item .p_detail .p_detail_item{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid #ccc;
    gap: 4px;
    justify-content: space-between;
    padding: 8px 0;
}
.popup .product_list .product_item .p_detail .p_detail_item:first-child{
    border-top: none;
    padding-top: 0;
}
.popup .product_list .product_item .p_detail .p_detail_item:last-child{
    padding-bottom: 0;
}
.popup .product_list .product_item .p_detail .p_detail_item .p_detail_title{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.popup .product_list .product_item .p_detail .p_detail_item .p_detail_price{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.popup .popup_box .popup_con .input_item .product_list{
    padding: 0;
}
.popup .popup_box .popup_con .input_item .product_list .product_item{
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}
.popup .popup_box .popup_con .input_item .product_list .product_item .p_detail{
    background-color: #f5f5f5;
}
.popup .popup_box .popup_con .result_wrap{
    width: 100%;
    overflow-y: auto;
    flex-grow: 1;
    padding-top: 16px;
}
.popup .popup_box .popup_con .result_wrap::-webkit-scrollbar {
    width: 16px;
}
.popup .popup_box .popup_con .result_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.popup .popup_box .popup_con .result_wrap .none_content{
    padding: 40px 0;
}
.popup .result_wrap .result_list{
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.popup .result_wrap .result_list .result_item{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    gap: 10px;
}
.popup .result_wrap .result_list .result_item.type_02{
    flex-wrap: wrap;
    align-items: flex-start;
}
.popup .result_wrap .result_list .result_item .rating{
    min-width: 50px;
    box-sizing: border-box;
    padding: 2px 8px;
    font-size: 12px;
    font-family: 'notokr-bold';
    line-height: 18px;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    background-color: #f16d7d;
}
.popup .result_wrap .result_list .result_item.type_02 .rating{
    min-width: 32px;
    padding: 2px;
    font-size: 10px;
    line-height: 16px;
}
.popup .result_wrap .result_list .result_item .name{
    font-size: 14px;
    line-height: 20px;
}
.popup .result_wrap .result_list .result_item .info_box{
    width: 1px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.popup .result_wrap .result_list .result_item .line_txt{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.popup .result_wrap .result_list .result_item .line_txt li{
    position: relative;
    font-size: 14px;
    line-height: 20px;
}
.popup .result_wrap .result_list .result_item .line_txt.type_02 li{
    font-size: 13px;
    color: #777;
}
.popup .result_wrap .result_list .result_item .line_txt li::before{
    content: "";
    width: 1px;
    height: 16px;
    background-color: #777;
    position: absolute;
    left: -8px;
    top: 3px
}
.popup .result_wrap .result_list .result_item .line_txt li:first-child::before{
    display: none;
}
.popup .result_wrap .result_list .result_item .customer_name{
    font-size: 14px;
    line-height: 20px;
}
.popup .result_wrap .result_list .result_item .time{
    font-size: 14px;
    line-height: 20px;
}
.popup .result_wrap .result_list .result_item .txt{
    font-size: 14px;
    line-height: 20px;
    color: #777;
}
.popup .result_wrap .result_list .result_item.active{
    border-color: #a679b5;
}
.popup .popup_box .popup_con .radio_wrap{
    padding: 0;
}
.popup .product_box{
    width: 100%;

}
.popup .product_box .product_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}
.popup .product_box .product_head .total_list{
    width: 100%;
    display: flex;
    align-items: center;
}
.popup .product_box .product_head .total_list .tl_title{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
}
.popup .product_box .product_head .total_list .tl_num{
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
    color: #454545;
    margin-left: auto;
}
.popup .product_box .product_list.type_02{
    box-sizing: border-box;
    padding-top: 0;
}
.popup .product_box .product_list.type_02 .product_item{
    border: none;
    cursor: auto;
    padding: 12px;
    background-color: #fafafa;
    border-radius: 8px;
}
.popup .product_box .product_list.type_02 .product_item .p_title{
    width: calc(100% - 36px);
}
.popup .product_box .product_list.type_02 .product_item .delete_btn{
    font-size: 12px;
    line-height: 20px;
    color: #d05050;
    padding: 0;
    cursor: pointer;
}
.popup .product_box .product_list.type_02 .product_item .count_btn{
    width: auto;
    gap: 4px;
}
.popup .product_box .product_list.type_02 .product_item .count_btn .count_btn_item{
    width: 20px;
    height: 20px;
}
.popup .product_box .product_list.type_02 .product_item .count_btn .count_num{
    min-width: 24px;
    padding: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.popup .product_box .product_list.type_02 .product_item .count_btn .p_price{
    margin-left: auto;
}
.popup .product_box .product_list.type_02 .product_item .p_detail{
    border-radius: 0;
    padding: 12px 0;
    border-top: 1px solid #a9a9a9;
    background-color: transparent;
}
.popup .product_box .product_list.type_02 .product_item .p_detail .p_detail_item{
    border-color: #eaeaea;
}

/* 결제 정보 */
.accordion_list{
    width: 100%;
}
.accordion_list .accordion_item{
    width: 100%;
    margin-top: 8px;
}
.accordion_list .accordion_item:first-child{
    margin-top: 0;
}
.accordion_list .accordion_item .title{
    font-size: 12px;
    line-height: 20px;
    color: #454545;
    position: relative;
}
.accordion_list .accordion_item .sub_list{
    width: 100%;
    margin-top: 8px;
    display: none;
}
.accordion_list .accordion_item .sub_list .txt{
    font-size: 11px;
    line-height: 20px;
    color: #777;
    margin-top: 4px;
}
.accordion_list .accordion_item .sub_list .txt:first-child{
    margin-top: 0;
}
.accordion_list .accordion_item.type_event{
    cursor: pointer;
}
.accordion_list .accordion_item.type_event .title::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_down.svg")no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    transition: 0.6s;
}
.accordion_list .accordion_item.type_event.active .title::before{
    transform: translate(0,-50%) rotate(180deg);
}
.accordion_list .accordion_item.type_event.active .sub_list{
    display: block;
}


/* 체크 리스트 */
.chk_list{
    width: 100%;
}
.chk_list .chk_line{
    width: 100%;
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 12px 0;
}
.chk_list .chk_line .chk_line_item{
    font-size: 0;
}
.chk_list .chk_line:first-child{
    border-top: none;
    padding-top: 0;
}
.chk_list .chk_line .sub_list{
    display: flex;
    flex-direction: column;
    padding: 8px 0 0 32px;
    position: relative;
    gap: 8px;
    font-size: 0;
}
.chk_list .chk_line .sub_list::before{
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_n.svg") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 8px;
}


.search_result .gray_box{
    width: 100%;
    height: 1px;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 24px;
    border: 1px solid #eaeaea;
    background-color: #fafafa;
    border-radius: 12px;
    overflow-y: auto;
}
.search_result .gray_box::-webkit-scrollbar {
    width: 16px;
}
.search_result .gray_box::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 6px solid transparent;
}


/* 셀렉트 박스 커스텀 */
.custom_select{
    position: relative;
}
.custom_select .select_btn{
    width: 160px;
    height: 44px;
    box-sizing: border-box;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    position: relative;
    text-align: left;
}
.custom_select .select_btn::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_down.svg")no-repeat;
    background-size: cover;
    position: absolute;
    right: 11px;
    top: 11px;
}
.custom_select .select_box{
    display: none;
    width: auto;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    bottom: -4px;
    transform: translate(0, 100%);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.custom_select .select_box::-webkit-scrollbar {
    width: 12px;
}
.custom_select .select_box::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.custom_select .select_box .chk_list{
    white-space: nowrap;
}
.custom_select .select_box .chk_list .chk_line:last-child{
    padding-bottom: 0;
}
.custom_select.active .select_box{
    display: block;
}


/* 멤버십 관리 */
.btn_item.membership_cancel{
    width: 80px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e7385e;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    font-family: 'notokr-medium';
}


.popup .popup_con .input_item button{
    font-size: 12px;
}

/*.popup_box .sub_popup{*/
/*    width: 400px;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 0;*/
/*    tran*/
/*}*/

    /* 라이브러리 css 수정*/
.ui-datepicker{
    padding: 0;
}
.ui-widget-header{
    background-color: #f8f4fb;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border-color: #7e1785;
    background-color: #7e1785;
    color: #fff;
}
.ui-datepicker-title select{
    border: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    top: 50%;
    transform: translate(0,-50%);
}

.ui-timepicker-standard a {
    font-size: 14px;
    cursor: pointer;
}
.ui-timepicker-standard .ui-state-hover{
    background-color: #7e1785;
    border-color: #7e1785;
    color: #fff;
}

.datepickers-container .datepicker{
    z-index: 999;
}
.ui-timepicker-container{
    z-index: 999!important;
}


/*.months-container{*/
/*    width: 100%;*/
/*    flex-wrap: wrap;*/
/*}*/

/* 휴무 라이브러리 커마 */
.calendar_box .calendar .months-container{
    gap: 20px 32px;
}
.calendar_box .calendar .months-container .month-container.month-3{
    width: calc(25% - 24px);
}
.calendar_box .calendar table.month th.month-title{
    height: 48px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 8px;
    font-size: 20px;
    line-height: 30px;
    font-family: 'notokr-bold';
    border-bottom: 1px solid #5a5a5a;
}
.calendar_box .calendar table{
    width: 100%;
}
.calendar_box .calendar table.month th.day-header{
    height: 48px;
    font-size: 14px;
    color: #454545;
}
.calendar_box .calendar table.month tr td{
    height: 40px;
    box-sizing: border-box;
    padding: 2px 4px;
}
.calendar_box .calendar table.month th.day-header:first-child,
.calendar_box .calendar table.month td.day:first-child .day-content{
    color: #f55165;
}
.calendar_box .calendar table.month th.day-header:last-child,
.calendar_box .calendar table.month td.day:last-child .day-content{
    color: #17a1fa;
}
.calendar_box .calendar table.month td.day .day-content{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #454545;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar_box .calendar table.month td.day .day-content:hover{
    background: rgba(0, 0, 0, 0.1);
}
.calendar_box .calendar table.month td.day .day-content.operating_time{
    background-color: #adc3fd;
    color: #1a53e6;
    border-radius: 6px;
}
.calendar_box .calendar table.month td.day .day-content.event_day{
    background-color: #fdb7bf;
    color: #f55165;
    border-radius: 6px;
}
.calendar_box .month-container .day {
    box-shadow: none !important;
}
.calendar_box .calendar  .calendar-header{
    display: none!important;
}
.calendar_box .custom_header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-bottom: 24px;
}
.calendar_box .custom_header .current_year{
    font-size: 28px;
    font-family: 'notokr-bold';
    color: #222;
    line-height: 42px;
}
.calendar_box .custom_header .calendar_btn{
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
}
.calendar_box .custom_header .calendar_btn.prev_btn{
    background-image: url("../../images/common/icon_c_prev.svg");
}
.calendar_box .custom_header .calendar_btn.next_btn{
    background-image: url("../../images/common/icon_c_next.svg");
}

.calendar_box.type_02 .calendar .month-container{
    display: none;
    width: 100%;
}
.calendar_box.type_02 .calendar table{
    table-layout: fixed;
    border-collapse: collapse;
}
.calendar_box.type_02 .calendar table.month tr th,
.calendar_box.type_02 .calendar table.month tr td{
    border: 1px solid #ccc;
}
.calendar_box.type_02 .calendar table.month tr th:first-child,
.calendar_box.type_02 .calendar table.month tr td:first-child{
    border-left: none;
}
.calendar_box.type_02 .calendar table.month tr th:last-child,
.calendar_box.type_02 .calendar table.month tr td:last-child{
    border-right: none;
}
.calendar_box.type_02 .calendar table.month tr th{
    height: 56px;
}
.calendar_box.type_02 .calendar table.month tr td{
    height: 140px;
    padding: 16px;
    vertical-align: top;
    cursor: pointer;
}
.calendar_box.type_02 .calendar .month-container.active {
    display: block;
}
.calendar_box.type_02 .calendar table.month th.month-title{
    display: none;
}
.calendar_box.type_02 .calendar table.month td.day .day-content{
    height: auto;
    justify-content: flex-end;
}
.calendar_box.type_02 .calendar table.month td.day .day_list{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
}
.calendar_box.type_02 .calendar table.month td.day .day_list p{
    font-size: 12px;
    line-height: 20px;
}
.calendar_box.type_02 .calendar table.month td.day:hover{
    background: rgba(0, 0, 0, 0.1);
}
.calendar_box.type_02 .calendar table.month td.day .day-content:hover{
    background: transparent;
}

.calendar_box.type_03 .custom_header{
    padding-bottom: 12px;
}
.calendar_box.type_03 .custom_header .current_year{
    font-size: 18px;
    font-family: 'notokr-bold';
    color: #222;
    line-height: 28px;
}
.calendar_box.type_03 .custom_header .calendar_btn.prev_btn{
    background-image: url("/static/asset/images/common/icon_big_prev.svg");
    margin-right: auto;
}
.calendar_box.type_03 .custom_header .calendar_btn.next_btn{
    background-image: url("/static/asset/images/common/icon_big_next.svg");
    margin-left: auto;
}
.calendar_box.type_03 .calendar .month-container{
    display: none;
    width: 100%;
}
.calendar_box.type_03 .calendar .month-container.active {
    display: block;
}
.calendar_box.type_03 .calendar table.month{
    border-collapse: collapse;
}
.calendar_box.type_03 .calendar table.month th.month-title{
    display: none;
}
.calendar_box.type_03 .calendar table.month tr th{
    height: 48px;
}
.calendar_box.type_03 .calendar table.month tr td{
    height: 40px;
    padding: 3px;
}
.calendar_box.type_03 .calendar table.month td.day .day-content{
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
    border-radius: 100%;
    cursor: pointer;
}
.calendar_box.type_03 .calendar table.month td.day:hover .day-content{
    background-color: transparent;
}
.calendar_box.type_03 .calendar table.month td.day.today .day-content{
    background-color: #eaeaea;
}
.calendar_box.type_03 .calendar table.month tr td.day.active .day-content{
    background-color: #eed4f7;
    color: #7e1785;
}


#calendar {
    flex-grow: 1;
    height: 100%;
}
#roomContainer {
    width: 15%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-right: 1px solid #ddd;
    overflow-y: auto;
}
.room-label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    height: 50px;
}
.tui-full-calendar-timegrid-container {
    position: relative;
    top: -50px; /* Adjust this value based on the height of the room labels */
}


.drawing_box{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    box-shadow: inset 0 0 13px 0 rgba(0, 0, 0, 0.02);
    background-color: #eaeaea;
    display: flex;
    flex-direction: column;
}
.drawing_box .drawing_top{
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    display: flex;
    align-items: center;
    background-color: #fafafa;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.03);
}
.drawing_box .drawing_top .drawing_controller{
    display: flex;
    align-items: center;
}
.drawing_box .drawing_top button{
    padding: 0;
}
.drawing_box .drawing_top .drawing_controller .direction_btn{
    display: flex;
    gap: 12px;
    align-items: center;
}
.drawing_box .drawing_top .drawing_controller .direction_btn .dc_btn{
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
}
.drawing_box .drawing_top .drawing_controller .direction_btn .dc_btn.prev_btn{
    background-image: url("../../images/sub/back.svg");
}
.drawing_box .drawing_top .drawing_controller .direction_btn .dc_btn.next_btn{
    background-image: url("../../images/sub/front.svg");
}
.drawing_box .drawing_top .drawing_controller .direction_btn .dc_btn.prev_btn.active{
    background-image: url("../../images/sub/back_black.svg");
}
.drawing_box .drawing_top .drawing_controller .direction_btn .dc_btn.next_btn.active{
    background-image: url("../../images/sub/front_black.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn{
    margin-left: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item{
    width: 32px;
    height: 32px;
    position: relative;
    border-radius: 8px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    border-radius: 8px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.pen_btn{
    background-image: url("../../images/sub/pen.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.eraser_btn{
    background-image: url("../../images/sub/eraser.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.color_btn{
    background-image: url("../../images/sub/icon_color_black.png");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.move_btn{
    background-image: url("../../images/sub/icon_move.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type{
    display: none;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #f5f5f5;
    position: absolute;
    bottom: -8px;
    left: 0;
    transform: translate(0,100%);
    z-index: 10;
    background-color: #fff;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type button{
    width: 32px;
    height: 32px;
    border-radius: 8px;
    position: relative;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item::before{
    content: "";
    width: 1px;
    height: 24px;
    background-color: #454545;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item.type_02::before{
    width: 3px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item.type_03::before{
    width: 5px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item.type_04::before{
    width: 7px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item.type_05::before{
    width: 10px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item.current{
    background-color: #454545;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .pen_item.current::before {
    background-color: #fff;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item::before{
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #454545;
    border-radius: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item.type_02::before{
    width: 15px;
    height: 15px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item.type_03::before{
    width: 20px;
    height: 20px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item.type_04::before{
    width: 25px;
    height: 25px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item.type_05::before{
    width: 30px;
    height: 30px;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item.current{
    background-color: #454545;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .eraser_item.current::before {
    border-color: #fff;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item{
    background-image: url("../../images/sub/icon_color_red.png");
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item.type_02{
    background-image: url("../../images/sub/icon_color_black.png");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item.type_03{
    background-image: url("../../images/sub/icon_color_white.png");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item.type_04{
    background-image: url("../../images/sub/icon_color_green.png");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item.type_05{
    background-image: url("../../images/sub/icon_color_blue.png");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item.type_06{
    background-image: url("../../images/sub/icon_color_select.png");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_item.current{
    background-color: #eaeaea;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_picker{
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translate(100%, -50%);
    display: none;
    padding: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_type .color_picker.current{
    display: block;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.current{
    background-color: #7e1785;
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.current.pen_btn{
    background-image: url("../../images/sub/pen_w.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.current.eraser_btn{
    background-image: url("../../images/sub/eraser_w.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn.current.move_btn{
    background-image: url("../../images/sub/icon_move_w.svg");
}
.drawing_box .drawing_top .drawing_controller .type_btn .type_item.active .dc_type{
    display: flex;
}
.drawing_box .drawing_top .con_info{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
.drawing_box .drawing_top .con_info .user_info{
    display: flex;
    align-items: center;
    gap: 8px;
}
.drawing_box .drawing_top .con_info .user_info .user_rating{
    min-width: 50px;
    padding: 2px 4px;
    box-sizing: border-box;
    background-color: #f16d7d;
    border-radius: 16px;
    font-size: 12px;
    font-family: 'notokr-bold';
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.drawing_box .drawing_top .con_info .user_info .user_name{
    font-size: 16px;
    font-family: 'notokr-bold';
    line-height: 24px;
    color: #222;
}
.drawing_box .drawing_top .con_info .user_change{
    padding: 0 0 0 24px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.drawing_box .drawing_top .con_info .user_change::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/sub/icon_change.svg")no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.drawing_box .drawing_top .con_info .btn_list .btn_item{
    width: 80px;
    height: 34px;
    flex: inherit;
    font-size: 12px;
    line-height: 18px;
}
.drawing_box .drawing_bot{
    width: 100%;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.drawing_box .drawing_bot .s_drawing_list{
    min-width: 240px;
    max-height: calc(100% - 20px);
    box-sizing: border-box;
    padding: 20px 16px;
    border-radius: 0 0 0 12px;
    background-color: #fafafa;
    position: absolute;
    right: 0;
    top: 10px;
    display: flex;
    flex-direction: column;
    transition: 0.6s;
    z-index: 10;
}
.drawing_box .drawing_bot .s_drawing_list .sd_top{
    width: 100%;
    display: flex;
    padding-bottom: 16px;
    align-items: center;
}
.drawing_box .drawing_bot .s_drawing_list .sd_top .title{
    font-size: 16px;
    line-height: 24px;
    font-family: 'notokr-bold';
}
.drawing_box .drawing_bot .s_drawing_list .sd_top .down_btn{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_download_p.svg") no-repeat;
    background-size: cover;
    margin-left: auto;
}
.drawing_box .drawing_bot .s_drawing_list .sd_close{
    width: 20px;
    height: 40px;
    border-radius: 4px 0 0 4px;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0);
}
.drawing_box .drawing_bot .s_drawing_list .sd_close::before{
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_prev.svg") no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: 0.6s;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap{
    flex: 1;
    height: 1px;
    width: 100%;
    overflow-y: auto;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box{
    width: 100%;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box .sd_item{
    width: 208px;
    height: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box .sd_item::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #454545;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
}
.drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box .sd_item .sd_date{
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    left: 16px;
    bottom: 20px;
    z-index: 1;
}
.drawing_box .drawing_bot .s_drawing_list.list_close {
    transform: translate(100%,0);
}
.drawing_box .drawing_bot .s_drawing_list.list_close .sd_close::before{
    transform: translate(-50%, -50%);
}
.drawing_box .drawing_bot .scale_box{
    position: absolute;
    left: 20px;
    bottom: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 12px 14px;
    gap: 16px;
    border-radius: 12px;
}
.drawing_box .drawing_bot .scale_box .scale_btn{
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.drawing_box .drawing_bot .scale_box .scale_btn.scale_minus{
    background-image: url("../../images/sub/zoom_in.svg");
}
.drawing_box .drawing_bot .scale_box .scale_btn.scale_plus{
    background-image: url("../../images/sub/zoom_plus.svg");
}
.drawing_box .drawing_bot .scale_box .scale_num{
    font-size: 14px;
    font-family: 'notokr-bold';
    color: #fff;
    line-height: 20px;
}


/* 등록차트조회 */
.search_result .sr_top .user_info{
    display: flex;
    align-items: center;
    gap: 8px;
}
.search_result .sr_top .user_info .user_rating{
    min-width: 50px;
    padding: 2px 4px;
    box-sizing: border-box;
    background-color: #f16d7d;
    border-radius: 16px;
    font-size: 12px;
    font-family: 'notokr-bold';
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.search_result .sr_top .user_info .user_name{
    font-size: 16px;
    font-family: 'notokr-bold';
    line-height: 24px;
    color: #222;
}
.thumb_box{
    width: 100%;
    overflow-y: auto;
}
.thumb_box::-webkit-scrollbar {
    width: 12px;
}
.thumb_box::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.thumb_box .thumb_list{
    width: 100%;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.thumb_box .thumb_list .thumb_item{
    width: calc((100% - 96px) / 5);
    padding-bottom: calc(15.44% - 15px);
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.thumb_box .thumb_list .thumb_item::before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}
.thumb_box .thumb_list .thumb_item::before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}
.thumb_box .thumb_list .thumb_item .chk_box{
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
}
.thumb_box .thumb_list .thumb_item .thu_date{
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    z-index: 2;
}
.thumb_box .thumb_list .thumb_item.active::before{
    border-radius: 12px;
    border: 2px solid #7e1785;
}
.con_body .search_result .thumb_box{
    height: 678px;
}
.btn_list.type_txt{
    gap: 24px;
}
.btn_list.type_txt button{
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.btn_list.type_txt button::before{
    content: "";
    width: 1px;
    height: 20px;
    background-color: #454545;
    position: absolute;
    left: -12px;
}

.favorite_wrap{
    flex: 1;
    width: 1px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    padding-right: 16px;
}
.favorite_wrap .f_title{
    font-size: 12px;
    line-height: 18px;
}
.favorite_wrap .favorite_box{
    flex: 1;
    width: 1px;
    overflow: auto hidden;
}
.favorite_wrap .favorite_box::-webkit-scrollbar {
    height: 12px;
}
.favorite_wrap .favorite_box::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.favorite_wrap .favorite_box .favorite_list{
    display: inline-flex;
    gap: 12px;
}
.favorite_wrap .favorite_box .favorite_list .favorite_item{
    display: flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    padding: 3px 7px;
    border: 1px solid #CCC;
    border-radius: 8px;
    white-space: nowrap;
}
.favorite_wrap .favorite_box .favorite_list .favorite_item .fi_title{
    font-size: 13px;
    line-height: 20px;
}
.favorite_wrap .favorite_box .favorite_list .favorite_item .favorite_close{
    width: 12px;
    height: 12px;
    background: url("../../images/common/icon_close_12px.svg") no-repeat;
    background-size: cover;
}
.favorite_wrap .favorite_box .favorite_list .favorite_item.active{
    border-color: #7E1785;
}
.favorite_wrap .favorite_box .favorite_list .favorite_item.active .fi_title{
    color: #7E1785;
}

/* ----------- 테블릿 ----------- */

/* 해더 */
.wrap.type_tablet{
    background-color: #fff;
    min-width: auto;
}
.type_tablet .t_section{
    width: 100%;
}
.type_tablet .t_section header{
    position: relative;
    transition: 0.6s;
    z-index: 50;
}
.type_tablet .t_section header .top{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24px;
    position: relative;
    z-index: 10;
    background-color: #fff;
}
.type_tablet .t_section header .left{
    display: flex;
    align-items: center;
    gap: 12px;
}
.type_tablet .t_section header .left .title{
    font-size: 20px;
    line-height: 30px;
    font-family: 'notokr-bold';
    color: #222;
}
.type_tablet .t_section header .left .back_btn{
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_chevron_back_small.svg") no-repeat;
    background-size: cover;
}
.type_tablet .t_section header .right{
    margin-left: auto;
    display: flex;
    align-items: center;
}
.type_tablet .t_section header .right .btn_icon{
    display: flex;
    align-items: center;
    gap: 12px;
}
.type_tablet .t_section header .right .btn_icon button{
    width: 36px;
    height: 36px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.type_tablet .t_section header .right .btn_icon .logout_btn{
    background-image: url("../../images/common/icon_logout.svg");
    display: none;
}
.type_tablet .t_section header .right .btn_icon .menu_btn{
    background-image: url("../../images/common/icon_menu.svg");
}
.type_tablet .t_section header .right .btn_icon .close_btn{
    background-image: url("../../images/common/icon_close_36.svg");
    display: none;
}
.type_tablet .t_section header .gnb{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.6s;
    background-color: #fff;
}
.type_tablet .t_section header .gnb .gnb_list{
    width: 100%;
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item{
    width: 100%;
    position: relative;
    max-height: 61px;
    overflow: hidden;
    transition: 0.6s;
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item .gnb_depth1{
    width: 100%;
    box-sizing: border-box;
    padding: 16px 24px;
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
    color: #454545;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: #fff;
    z-index: 5;
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item .gnb_depth1::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_arr_down.svg") no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%);
    transition: 0.6s;
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item .gnb_depth2_list{
    width: 100%;
    box-sizing: border-box;
    padding: 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    transition: 0.6s;
    transform: translate(0, -100%);
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item .gnb_depth2_list .gnb_depth2{
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
    cursor: pointer;
}
.type_tablet .t_section header.active .top{
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.type_tablet .t_section header.active .right .btn_icon .menu_btn{
    display: none;
}
.type_tablet .t_section header.active .right .btn_icon .close_btn,
.type_tablet .t_section header.active .right .btn_icon .logout_btn{
    display: block;
}
.type_tablet .t_section header.active .gnb{
    transform: translate(0, 100%);
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item.active{
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item.active .gnb_depth1::before{
    transform: translate(0, -50%) rotate(180deg);
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item.active .gnb_depth2_list{
    transform: translate(0,0);
}
.type_tablet .t_section header .gnb .gnb_list .gnb_item .gnb_depth2_list .gnb_depth2.current{
    color: #7e1785;
}

.type_tablet .t_section .t_content{
    width: 100%;
    min-height: calc((var(--vh, 1vh) * 100) - 70px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 16px 24px 24px;
}
.type_tablet .t_section .t_content .t_con_head .search_box{
    padding: 24px;
    margin: 0;
}
.type_tablet .t_section .t_content .t_con_head .search_box .input_wrap{
    width: 100%;
}
.type_tablet .t_section .t_content .t_con_head .search_box .input_wrap .input_search{
    flex: 1;
}
.type_tablet .t_section .t_content .t_con_body{
    flex-grow: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.type_tablet .t_section .t_content .drawing_box{
    flex: 1;
    width: 100vw;
    height: calc((var(--vh, 1vh) * 100) - 86px);
    margin: 0 -24px -24px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top{
    padding: 12px 24px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .btn_list{
    gap: 8px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .btn_list.type_txt{
    gap: 24px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .con_info{
    gap: 8px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .con_info .user_change{
    font-size: 12px;
    line-height: 18px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .con_info .down_btn{
    font-size: 12px;
    line-height: 18px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .con_info .down_btn::before{
    height: 18px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .con_info .btn_list .btn_item{
    font-size: 12px;
    width: 72px;
    height: 34px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot{
    display: flex;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot #drawing_container{
    height: auto!important;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .drawing_controller .type_btn .type_item{
    width: 40px;
    height: 40px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .drawing_controller .type_btn .type_item .dc_btn{
    background-size: 20px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_top .drawing_controller .direction_btn .dc_btn{
    width: 24px;
    height: 24px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list{
    width: 100%;
    min-width: auto;
    max-height: initial;
    left: 0;
    top: auto;
    bottom: 0;
    padding: 20px 16px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_close{
    width: 40px;
    height: 20px;
    transform: translate(0, -100%);
    border-radius: 4px 4px 0 0;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_close::before{
    background: url("../../images/common/icon_arrow_up.svg") no-repeat center;
    background-size: 8px 6px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_top{
    padding-bottom: 12px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_top .title{
    font-size: 14px;
    line-height: 20px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_box_wrap{
    overflow-y: hidden;
    margin: 0 -16px;
    box-sizing: border-box;
    width: auto;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_box_wrap::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_box_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box{
    flex-direction: row;
    display: inline-flex;
    width: auto;
    min-width: 100%;
    gap: 12px;
    padding: 0 16px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box .sd_item{
    width: 145px;
    height: 112px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list .sd_box_wrap .sd_box .sd_item .sd_date{
    font-size: 12px;
    line-height: 18px;
    left: 10px;
    bottom: 8px;
}
.type_tablet .t_section .t_content .drawing_box .drawing_bot .s_drawing_list.list_close{
    transform: translate(0, 100%);
}
.type_tablet .t_section .t_content .thumb_box .thumb_list{
    gap: 16px;
}
.type_tablet .t_section .t_content .thumb_box .thumb_list .thumb_item{
    width: calc(25% - 12px);
    padding-bottom: calc(19.31% - 9px);
}
.type_tablet .t_section .t_content .thumb_box .thumb_list .thumb_item{
    width: calc(25% - 12px);
    padding-bottom: calc(19.31% - 9px);
}
.type_tablet .t_section .t_content .user_info{
}
.type_tablet .t_section .t_content .user_info .user_rating{
    min-width: 40px;
}
.type_tablet .t_section .t_content .user_info .user_name{
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
    color: #222;
}


.order_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.order_box .order_btn{
    box-sizing: border-box;
    padding: 5px;
    border-radius: 30px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}
.order_box .order_btn .order_btn_item{
    width: 6px;
    height: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0!important;
    padding: 0;
}
.order_box .order_btn .order_btn_item.order_up{
    background-image: url("../../images/common/icon_up_active.svg");
}
.order_box .order_btn .order_btn_item.order_down{
    background-image: url("../../images/common/icon_down_active.svg");
}
.order_box .order_btn .order_btn_item.disabled{
    cursor: none;
}
.order_box .order_btn .order_btn_item.order_up.disabled{
    background-image: url("../../images/common/icon_up_first.svg");
}
.order_box .order_btn .order_btn_item.order_down.disabled{
    background-image: url("../../images/common/icon_down_last.svg");
}
.order_box .order_num{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}



.box_list_wrap{
    width: 100%;
    padding: 16px 0;
}
.box_list_wrap .box_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.box_list_wrap .box_list .box_item{
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.box_list_wrap .box_list .box_item .box_line_txt{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.box_list_wrap .box_list .box_item .box_line_txt .txt_item{
    font-size: 14px;
    line-height: 20px;
    position: relative;
}
.box_list_wrap .box_list .box_item .box_line_txt .txt_item::before{
    content: "";
    width: 1px;
    height: 16px;
    background-color: #777;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translate(0,-50%);
}
.box_list_wrap .box_list .box_item .box_line_txt .txt_item:first-child::before{
    display: none;
}
.box_list_wrap .box_list .box_item .group_box{
    min-width: 32px;
    box-sizing: border-box;
    padding: 2px 4px;
    border-radius: 30px;
    font-size: 10px;
    font-family: 'notokr-bold';
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #f16d7d;
}
.box_list_wrap .box_list .box_item .sub_box{
    width: 1px;
    flex: 1;
}
.box_list_wrap .box_list .box_item .sub_box .box_line_txt{
    padding-top: 10px;
}
.box_list_wrap .box_list .box_item .sub_box .box_line_txt:first-child{
    padding-top: 0;
}
.box_list_wrap .box_list .box_item .sub_box .txt_box .txt{
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

.box_list_wrap .box_list .box_item.active{
    border-color: #a679b5;
}


.dashboard_box{
    width: 100%;
    display: flex;
    gap: 24px;
}
.dashboard_box .db_item{
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}
.dashboard_box .schedule_section{
    flex: 1;
    width: 1px;
    padding: 32px;
    /*min-height: 844px;*/
    position: relative;
}
.side_setting{
    width: 320px;
    height: calc(100% + 41px);
    background-color: #fff;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.03);
    position: fixed;
    right: 0;
    top: -41px;
    z-index: 5;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    transform: translate(110%, 0);
    flex-direction: column;
    transition: 0.6s;
}
.side_setting .ss_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 24px;
}
.side_setting .ss_head .title{
    font-size: 16px;
    line-height: 24px;
    font-family: 'notokr-bold';
}
.side_setting .ss_head .title.theme_title{
    padding-left: 28px;
    position: relative;
}
.side_setting .ss_head .title.theme_title::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_theme.svg")no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 2px;
}
.side_setting .ss_head .ss_close{
    width: 24px;
    height: 24px;
    margin-left: auto;
    background: url("../../images/common/icon_close.svg")no-repeat;
    background-size: cover;
}
.side_setting .ss_body{
    width: 100%;
    flex: 1;
    height: 1px;

}
.side_setting .ss_body::-webkit-scrollbar {
    width: 12px;
}
.side_setting .ss_body::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.side_setting .ss_body .ss_list {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}
.side_setting .ss_body .ss_list .ss_item{
    width: 100%;
    padding-top: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.side_setting .ss_body .ss_list .ss_item::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
}
.side_setting .ss_body .ss_list .ss_item:first-child{
    padding-top: 0;
}
.side_setting .ss_body .ss_list .ss_item:first-child::before{
    display: none;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_top{
    width: 100%;
    display: flex;
    align-items: center;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_top .title{
    font-size: 13px;
    line-height: 20px;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot{
    width: 100%;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item:first-child{
    margin-top: 0;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .title{
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select{
    box-sizing: border-box;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 8px;
    position: relative;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .current_box{
    display: flex;
    align-items: center;
    gap: 4px;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .current_box .current_color{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #EAEAEA;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .current_box .box_arr{
    width: 12px;
    height: 12px;
    background: url("../../images/common/icon_arr_down.svg") no-repeat;
    background-size: cover;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .color_list{
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    display: none;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 132px;
    padding: 7px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    gap: 4px;
    z-index: 10;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .color_list .color_item{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #ccc;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .color_list .color_item.select_color{
    background: url("../../images/common/icon_select_color.svg")no-repeat;
    background-size: cover;
    position: relative;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .color_list .color_item.select_color .IroColorPicker{
    position: absolute;
    top: calc(100% + 18px);
    right: 0;
    display: none!important;
    padding: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
}
.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .color_list .color_item.select_color .IroColorPicker.current{
    display: block!important;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.side_setting .ss_body .setting_save{
    min-width: 100px;
    box-sizing: border-box;
    border: 1px solid #7e1785;
    border-radius: 8px;
    background-color: #7e1785;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin-left: auto;
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}
.side_setting.active{
    display: flex;
    transform: translate(0, 0);
}

.preview_card{
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 12px;
    gap: 8px;
    overflow: hidden;
    border-radius: 4px;
}
.preview_card .staff_status{
    white-space: nowrap;
    position: relative;
}
.preview_card .staff_info{
    width: 100%;
    display: flex;
    align-items: baseline;
    gap: 4px;
    overflow: hidden;
    height: 20px;
}
.preview_card .staff_info .name{
    font-size: 14px;
    line-height: 20px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
}
.preview_card .staff_info .position{
    font-size: 12px;
    line-height: 18px;
    color: #222;
    overflow: hidden;
}
.preview_card .schedule_time{
    font-size: 12px;
    line-height: 18px;
    margin-top: auto;
    color: #5a5a5a;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
}

.side_setting .ss_body .ss_list .ss_item .ss_item_bot .ssi_item .color_select .color_list.active{
    display: flex;
}
.dashboard_box .side_wrap{
    width: 320px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dashboard_box .side_wrap .db_item{
    padding: 16px;
}
.dashboard_box .side_wrap .db_item .db_menu_wrap{
    margin-top: 16px;
    position: relative;
}
.dashboard_box .side_wrap .db_item .db_menu .db_menu_item{
    width: 100%;
    display: flex;
    align-content: center;
    padding: 18px 16px;
    border-top: 1px solid #ccc;
}
.dashboard_box .side_wrap .db_item .db_menu .db_menu_item:first-child{
    border-top: none;
}
.dashboard_box .side_wrap .db_item .db_menu .db_menu_item .arrow{
    width: 20px;
}
.dashboard_box .side_wrap .db_item .db_menu .db_menu_item .icon{
    width: 24px;
    margin-left: 16px;
}
.dashboard_box .side_wrap .db_item .db_menu .db_menu_item .title{
    font-size: 16px;
    line-height: 24px;
    margin-left: 12px;
}
.con_tab_list{
    width: 100%;
    height: 44px;
    display: flex;
    align-content: center;
}
.con_tab_list .con_tab_item{
    flex: 1 1 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-family: 'notokr-bold';
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.con_tab_list .con_tab_item.current{
    color: #7e1785;
}
.con_tab_list .con_tab_item.current::before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #7e1785;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.dashboard_box .side_wrap .board_section{
    height: 368px;
    display: flex;
    flex-direction: column;
}
.dashboard_box .side_wrap .bs_con{
    width: 100%;
    margin-top: 8px;
    flex: 1;
    height: 1px;
    display: flex;
    flex-direction: column;
}
a{}
.dashboard_box .side_wrap .bs_con .bs_con_list{
    overflow-y: auto;
    flex: 1;
    height: 1px;
}
.dashboard_box .side_wrap .bs_con .bs_con_list::-webkit-scrollbar {
    width: 12px;
}
.dashboard_box .side_wrap .bs_con .bs_con_list::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.dashboard_box .side_wrap .bs_con .bs_con_item{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 12px 16px;
    border-top: 1px solid #eaeaea;
}
.dashboard_box .side_wrap .bs_con .bs_con_item:first-child{
    border-top: none;
}
.dashboard_box .side_wrap .bs_con .bs_con_item .title{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dashboard_box .side_wrap .bs_con .bs_con_item .date{
    padding-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}
.dashboard_box .side_wrap .bs_con .input_item label{
    width: 1px;
    flex: 1;
}
.dashboard_box .side_wrap .bs_con .input_item .memo_save{
    width: 60px;
    font-size: 14px;
    line-height: 20px;
    background-color: #454545;
    color: #fff;
}
.dashboard_box .modal_box{
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #f5f5f5;
    min-width: 328px;
    flex-direction: column;
    display: none;
    z-index: 18;
}
.dashboard_box .modal_box .mb_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard_box .modal_box .mb_head .mb_title{
    font-size: 14px;
    line-height: 20px;
    font-family: 'notokr-bold';
    color: #222;
}
.dashboard_box .modal_box .mb_head .mb_head_right{
    display: flex;
    align-items: center;
    gap: 12px;
}
.dashboard_box .modal_box .mb_head .mb_close{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_close.svg") no-repeat;
    background-size: cover;
}
.dashboard_box .modal_box .mb_head .mb_menu{
    position: relative;
    display: flex;
}
.dashboard_box .modal_box .mb_head .mb_menu .mb_menu_open{
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_kebab.svg") no-repeat;
    background-size: cover;
}
.dashboard_box .modal_box .mb_head .mb_menu .mb_menu_list{
    width: 60px;
    box-sizing: border-box;
    padding: 4px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 12px;
    position: absolute;
    left: 50%;
    top: calc(100% + 9px);
    transform: translate(-50%, 0);
    display: none;
    flex-direction: column;
}
.dashboard_box .modal_box .mb_head .mb_menu .mb_menu_list.active{
    display: flex!important;
}
.dashboard_box .modal_box .mb_head .mb_menu .mb_menu_list::before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 4px solid #ccc;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
}
.dashboard_box .modal_box .mb_head .mb_menu .mb_menu_list::after{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 4px solid #fff;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    left: 50%;
    top: 1px;
    transform: translate(-50%, -100%);
    z-index: 1;
}
.dashboard_box .modal_box .mb_head .mb_menu .mb_menu_list .mb_menu_item{
    width: 100%;
    box-sizing: border-box;
    padding: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.dashboard_box .modal_box .mb_head .mb_loading{
    width: 20px;
    height: 20px;
    background: url("../../images/common/pin_loading.gif") no-repeat;
    background-size: cover;
}
.status_select{
    position: relative;
    display: flex;
    align-items: center;
}
.status_select .staff_status{
    padding-right: 16px;
}
.status_select .staff_status::after{
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background: url("../../images/common/icon_arr_down.svg") no-repeat;
    background-size: cover;
}
.status_select .select_list{
    display: none;
    flex-direction: column;
    box-sizing: border-box;
    padding: 4px;
    min-width: 98px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 12px;
    position: absolute;
    bottom: -2px;
    right: 6px;
    transform: translate(50%, 100%);
}
.status_select .select_list .select_item{
    font-size: 12px;
    width: 100%;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.status_select .select_list.active{
    display: flex;
    z-index: 9;
}
.dashboard_box .modal_box .mb_body{
    width: 100%;
    max-height: 350px;
    margin-top: 12px;
    overflow-y: auto;
}
.dashboard_box .modal_box .mb_body::-webkit-scrollbar {
    width: 12px;
}
.dashboard_box .modal_box .mb_body::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.dashboard_box .modal_box .mb_body .mb_list{
    width: 100%;
    background-color: #fafafa;
    /*border-radius: 8px;*/
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item,
.dashboard_box .modal_box .mb_body .mb_list .mb_item .item_line{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item{
    box-sizing: border-box;
    padding: 12px;
    border-top: 1px solid #eaeaea;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item:first-child{
    border-top: none;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .rating{
    min-width: 32px;
    box-sizing: border-box;
    padding: 2px 4px;
    border-radius: 30px;
    color: #fff;
    background-color: #f16d7d;
    font-size: 10px;
    font-family: 'notokr-bold';
    line-height: 16px;
    text-align: center;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .customer_name{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .type_02 .customer_name{
    font-size: 12px;
    line-height: 18px;
    color: #222;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .staff{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .staff .position{
    font-size: 12px;
    line-height: 18px;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .time{
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .txt{
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.staff_status{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.staff_status .dot{
    width: 6px;
    height: 6px;
    background-color: #777;
    border-radius: 100%;
}


.dashboard_box .modal_box .mb_body .mb_list .mb_item .txt_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .txt_list li{
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
    padding-left: 16px;
    position: relative;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .txt_list li::before{
    content: "";
    width: 1px;
    height: 12px;
    background-color: #777;
    position: absolute;
    left: 8px;
    top: 3px;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .txt_list li:first-child{
    padding: 0;
}
.dashboard_box .modal_box .mb_body .mb_list .mb_item .txt_list li:first-child::before{
    display: none;
}
.dashboard_box .modal_box .mb_head .con_tab_list{
    height: 36px;
}
.dashboard_box .modal_box.active{
    display: flex;
}
.dashboard_box .db_menu_wrap .modal_box{
    left: -8px;
    top: 0;
    transform: translate(-100%, 0);
}

.dashboard_box .modal_box.medical_history{
    width: 440px;
}
.dashboard_box .modal_box.medical_history .mb_body .mb_list .mb_item{
    padding-left: 102px;
    position: relative;
}
.dashboard_box .modal_box.medical_history .mb_body .mb_list .mb_item .mb_time{
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
    position: absolute;
    left: 12px;
    top: 13px;
}
.dashboard_box .modal_box.schedule_modal{
    min-width: 260px;
    width: 260px;
    left: 0;
    top: 0;
}
.dashboard_box .modal_box.schedule_modal .mb_list{
    background-color: #fff;
}
.dashboard_box .modal_box.schedule_modal .mb_list .mb_item{
    padding: 12px 0;
}
.dashboard_box .modal_box.schedule_modal .mb_list .mb_item:first-child{
    padding-top: 0;
}
.dashboard_box .modal_box.schedule_modal .mb_list .mb_item:last-child{
    padding-bottom: 0;
}

.dashboard_box .schedule_section .schedule_head {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
}
.dashboard_box .schedule_section .schedule_head .left{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.dashboard_box .schedule_section .schedule_head .right{
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.dashboard_box .schedule_section .schedule_head .change_date{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px 12px;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 18px;
    gap: 12px;
}
.dashboard_box .schedule_section .schedule_head .change_date .btn_today{
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #5a5a5a;
}
.dashboard_box .schedule_section .schedule_head .change_date .btn_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.dashboard_box .schedule_section .schedule_head .change_date .btn_wrap button{
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dashboard_box .schedule_section .schedule_head .change_date .btn_wrap button.btn_prev{
    background-image: url("../../images/common/chevron_back.svg");
}
.dashboard_box .schedule_section .schedule_head .change_date .btn_wrap button.btn_next{
    background-image: url("../../images/common/chevron_next.svg");
}
.dashboard_box .schedule_section .schedule_head .current_date{
    font-size: 20px;
    font-family: 'notokr-bold';
    line-height: 30px;
    color: #000;
}
.dashboard_box .schedule_section .schedule_head .btn_refresh{
    padding-left: 30px;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}
.dashboard_box .schedule_section .schedule_head .btn_refresh::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_change.svg")no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.dashboard_box .schedule_section .schedule_head .btn_theme{
    padding-left: 30px;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}
.dashboard_box .schedule_section .schedule_head .btn_theme::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_theme.svg")no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.btn_icon_box{
    display: flex;
    align-items: center;
    gap: 12px;
}
.btn_icon_box .bib_item{
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid #777;
    border-radius: 8px;
}
.btn_icon_box .bib_item img{
    width: 20px;
    height: 20px;
}
.btn_icon_box .bib_item .title{
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}
.btn_icon_box .bib_item.btn_create{
    border-color: #fdb7bf;
}
.btn_icon_box .bib_item.btn_create .title{
    color: #e7385e;
}
.btn_icon_box .bib_item.btn_add{
    border-color: #7e1785;
}
.btn_icon_box .bib_item.btn_add .title{
    color: #7e1785;
}
.btn_icon_box .bib_item.btn_menu{
    padding: 8px;
}
.btn_icon_box .bib_item.color_blue{
    border-color: #4065c2;
}
.btn_icon_box .bib_item.color_blue .title{
    color: #4065c2;
}
.dashboard_box .schedule_section .schedule_box{
    margin-top: 20px;
}
.fc-header-toolbar.fc-toolbar{
    display: none;
}

.schedule_box {
    width: 100%;
    height: 847px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.schedule_box .right_box{
    width: 1px;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.left_box{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.left_box .block{
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left_box .block img{
    width: 24px;
}
.timeline_wrap {
    width: 80px;
    background: white;
    z-index: 10;
    height: 1px;
    flex: 1;
    overflow: hidden auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.timeline_wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.timeline {
    width: 100%;
    position: relative;
}
.timeline .time-slot {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    color: #777;
}
.timeline .now-time-label {
    height: 1px;
    font-size: 13px;
    line-height: 20px;
    color: #d05050;
    position: absolute;
    left: 23px;
    transform: translate(0,-50%);
    z-index: 9;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.timeline .now-time-label::before{
    content: "";
    width: 7px;
    height: 7px;
    background-color: #d05050;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.timeline .now-time-label::after{
    content: "";
    width: 9px;
    height: 1px;
    background-color: #d05050;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%,-50%);
}
.fc .fc-timegrid-now-indicator-line{
    border-color: #d05050;
}

.room_wrap{
    width: 100%;
    overflow: auto hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 2;
}
.room_wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.room {
    display: inline-flex;
    background: white;
    z-index: 10;
    box-sizing: border-box;
    height: 44px;
    min-width: 100%;
    border: 1px solid #eaeaea;
    border-right: none;
    border-left: none;
}
.room .room-name {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    min-width: 180px;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
}
.room .room-name:first-child {
    border-left: 1px solid #eaeaea;
}
.room .room-name:last-child {
    border-right: 1px solid #eaeaea;
}

#schedule{
    min-width: 100%;
}
.fc-scrollgrid.fc-scrollgrid-liquid thead{
    display: none;
}
.fc-timegrid-col.fc-day.fc-day-fri.fc-day-today.fc-resource{
    min-width: 180px;
}
.fc-view-harness.fc-view-harness-active{
    /*height: 100% !important;*/
}
.fc-timegrid-slot.fc-timegrid-slot-lane {
    height: 52px;
}
.fc-timegrid-slot.fc-timegrid-slot-label.fc-scrollgrid-shrink{
    display: none;
}
.fc-timegrid-col.fc-timegrid-axis{
    display: none;
}
.fc-timegrid-cols colgroup col{
    width: auto!important;
}
.fc .fc-timegrid-body,
.fc .fc-timegrid-body table{
    width: 100% !important;
}
.fc table td{
    box-sizing: border-box;
}
.fc .fc-timegrid-col.fc-day-today{
    background-color: #FAFAFA;
}
.fc td, .fc th{
    border-color: #EAEAEA;
}
.schedule_wrap{
    width: 100%;
    height: 1px;
    flex: 1;
    overflow: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    margin-top: -0.5px;
    position: relative;
}
.schedule_wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.fc-scroller.fc-scroller-liquid-absolute,
.fc-scroller{
    overflow: initial!important;
}
.schedule_box:focus-visible{
    outline: none;
}
.fc-scrollgrid.fc-scrollgrid-liquid{
    border: none;
}
.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller{
    position: relative;
}
.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller::after{
    content: "";
    width: calc(100% - 80px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.03);
    pointer-events: none;
}
.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller .fc-col-header tr th{
    height: 44px;
}
.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller .fc-col-header tr th .fc-scrollgrid-sync-inner{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller .fc-col-header tr th .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion{
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.fc-timegrid-slot-label-cushion.fc-scrollgrid-shrink-cushion{
    opacity: 0;
}
 /* FullCalendar의 시간 레이블 숨기기 */
.fc-timegrid-axis-frame {
    display: none;
}
.fc-timegrid-event-harness.fc-timegrid-event-harness-inset{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 1px;
    padding: 0 4px;
    box-sizing: border-box;
}
.fc-timegrid-event-harness.fc-timegrid-event-harness-inset > a{
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin: auto;
}
.fc-timegrid-col-frame{
    width: 100%;
    box-sizing: border-box;
    padding: 0 4px;
}
.fc .active .fc-timegrid-col-frame{
    width: 100%;
    box-sizing: border-box;
    padding: 0 4px;
    z-index: 5;
}
.fc-direction-ltr .fc-timegrid-col-events{
    margin: 0;
}

 .current_time {
     position: absolute;
     left: 0;
     z-index: 10; /* FullCalendar 위에 표시 */
     background: red; /* 시각적으로 눈에 띄게 */
     color: white;
     padding: 2px 5px;
     border-radius: 3px;
     font-size: 14px;
 }
.fc .fc-v-event{
    border: none!important;
    background-color: transparent!important;
}
.fc .fc-timegrid-event .fc-event-main{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    position: relative;
}
.fc .fc-timegrid-event .fc-event-main .modal_box.schedule_modal{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
}
.fc .fc-timegrid-col.fc-day-today.active .fc-timegrid-col-frame{
    position: relative;
    z-index: 5;
}
.fc .fc-timegrid-body table tr td:last-child .modal_box.schedule_modal{
    left: auto;
    right: 50%;
}
.fc .fc-timegrid-event .fc-event-main .schedule_card{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 12px;
    gap: 8px;
    border-radius: 4px;
}
.fc .fc-timegrid-event .fc-event-main .staff_status{
    white-space: nowrap;
    position: relative;
}
.fc .fc-timegrid-event .fc-event-main .staff_info{
    width: 100%;
    display: flex;
    align-items: baseline;
    gap: 4px;
    overflow: hidden;
    height: 20px;
}
.fc .fc-timegrid-event .fc-event-main .staff_info .name{
    font-size: 14px;
    line-height: 20px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
}
.fc .fc-timegrid-event .fc-event-main .staff_info .position{
    font-size: 12px;
    line-height: 18px;
    color: #222;
    overflow: hidden;
}
.fc .fc-timegrid-event .fc-event-main .schedule_time{
    font-size: 12px;
    line-height: 18px;
    margin-top: auto;
    color: #5a5a5a;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
}

.contents .con_top{
    width: 100%;
    border-bottom: 1px solid #222;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.contents .con_top .title{
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
}


.pmc_list{
    display: flex;
    gap: 12px;
}
.pmc_list .pmc_item{
    width: 300px;
}
.search_item{
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 0 8px;
    padding-bottom: 12px;
    flex-wrap: wrap;
}
.pmc_list .search_item{
    height: 96px;
}
.pmc_list .search_item select{
    padding: 0 28px 0 12px;
}
.pmc_list .pmc_item .search_item input{
    /*height: 36px;*/
    /*font-size: 12px;*/
    /*line-height: 18px;*/
}
.pmc_list .pmc_item .search_item .input_group select{
    width: 100px;
}
.pmc_list .pmc_item .search_item .input_search_icon{
    flex: 1;
}
.pmc_list .pmc_item .search_item .input_search_icon .search_btn{
    top: 50%;
    transform: translate(0,-50%);
}
.search_item.type_02{
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
}
.pmc_list .pmc_item .group_category{
    width: 100%;
    overflow-x: auto;
    padding-top: 12px;
}
.pmc_list .pmc_item .group_category::-webkit-scrollbar {
    height: 12px;
}
.pmc_list .pmc_item .group_category::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.pmc_list .pmc_item .group_category .gc_list{
    display: inline-flex;
    gap: 4px;
}
.pmc_list .pmc_item .group_category .gc_list .gc_item{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 12px;
    border: 1px solid #ccc;
    border-radius: 30px;
    background-color: #fafafa;
    gap: 8px;
}
.pmc_list .pmc_item .group_category .gc_list .gc_item .title{
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.pmc_list .pmc_item .group_category .gc_list .gc_item .gc_delete{
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_delete.svg") no-repeat;
    background-size: cover;
}
.pmc_list .pmc_item .customer_box{
    width: 100%;
    box-sizing: border-box;
    padding: 20px 16px;
    border: 1px solid #eaeaea;
}
.pmc_list .pmc_item .customer_box.g_box{
    background-color: #fafafa;
}
.pmc_list .pmc_item .customer_box .cb_top{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}
.pmc_list .pmc_item .customer_box .all_chk{
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    color: #4065c2;
}
.pmc_list .pmc_item .customer_box .cb_list{
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 640px;
}
.pmc_list .pmc_item .customer_box .cb_list::-webkit-scrollbar {
    width: 12px;
}
.pmc_list .pmc_item .customer_box .cb_list::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.pmc_list .pmc_item .customer_box .cb_list .chk_box{
    width: 100%;
    margin-top: 16px;
}
.pmc_list .pmc_item .customer_box .cb_list .chk_box:first-child{
    margin-top: 0;
}
.pmc_list .pmc_item .customer_box .cb_list .chk_box .chk_title{
    font-size: 14px;
    line-height: 20px;
    padding-left: 12px;
}
.pmc_list .pmc_item .customer_box .cb_list .chk_box .chk_txt{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    flex: 1;
    width: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 8px;
}
.pmc_list .pmc_item .customer_box .cb_list .cb_txt{
    font-size: 12px;
    line-height: 18px;
    color: #777;
}
.pmc_list .pmc_btn_list{
    display: flex;
    gap: 12px;
    flex-direction: column;
    margin: auto 0;
}
.pmc_list .pmc_btn_list .pmc_btn_item{
    width: 32px;
    height: 32px;
    background-image: url("../../images/common/icon_c_prev.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
}
.pmc_list .pmc_btn_list .pmc_btn_item.btn_right{
    background-image: url("../../images/common/icon_c_next.svg");
}
.input_basic .input_wrap .input_item .pm_f_color{
    font-family: 'notokr-bold';
    color: #7e1785;
}
.input_basic .input_wrap .input_item .input_detail .charge_btn{
    min-width: 74px;
    height: 34px;
    box-sizing: border-box;
    padding: 7px 8px;
    border: 1px solid #7e1785;
    color: #7e1785;
    font-size: 12px;
    line-height: 18px;
    margin: -7px 0 -7px auto;
    border-radius: 8px;
}
.input_basic .input_wrap .input_item .input_detail .txt{
    width: 1px;
    flex: 1;
}
.input_basic .input_wrap .btn_prmt_send{
    box-sizing: border-box;
    padding: 12px;
    font-size: 12px;
    line-height: 18px;
    margin: 12px 0 0 auto;
}
.type_w100{
    width: 100%;
}
.promotion_send{
    width: 340px;
}
.promotion_send .input_search_icon{
    width: 100%;
}
.message_send{
    width: 340px;
}
.message_send .input_search_icon{
    width: 100%;
}
.preview_section{
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #ccc;
    background-color: #f8f4fb;
    padding: 24px 20px 40px;
}
.preview_section .pv_txt{
    font-size: 12px;
    font-family: 'notokr-bold';
    line-height: 18px;
    color: #7e1785;
    margin-bottom: 12px;
}
.preview_section .pv_title{
    font-size: 16px;
    font-family: 'notokr-bold';
    line-height: 24px;
    margin-bottom: 12px;
}
.preview_section .pv_box{
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #debff0;
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 20px;
}
.preview_section .pv_box .txt{
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.preview_section .pv_box .img_box{
    width: 100%;
    border-radius: 12px;


}


.reception_registration{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
}
.reception_registration .rr_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.reception_registration .rr_head .user_info{
    display: flex;
    align-items: center;
    gap: 8px;
}
.reception_registration .rr_head .user_info .user_rating{
    min-width: 32px;
    height: 20px;
    border-radius: 30px;
    background-color: #f16d7d;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reception_registration .rr_head .user_info .user_name {
    font-size: 14px;
    line-height: 20px;
}
.reception_registration .rr_head .user_info .user_birthday {
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.reception_registration .rr_head .user_info .user_phone {
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.reception_registration .rr_head .popup_btn{
    box-sizing: border-box;
    padding: 3px 6px;
    border: 1px solid #7e1785;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
    border-radius: 8px;
    margin-left: auto;
}
.reception_registration .rr_body{
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    background-color: #fafafa;
}
.reception_registration .rr_body .title{
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    padding-bottom: 10px;
}
.reception_registration .rr_body .rr_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.reception_registration .rr_body .rr_list .rr_item{
    width: 100%;
}
.reception_registration .rr_body .rr_list .rr_item .rr_date{
    font-size: 13px;
    line-height: 20px;
    color: #777;
}
.reception_registration .rr_body .rr_list .rr_item .rr_title{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.white_box{
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding: 20px;
}
.white_box .wb_item{
    width: 100%;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
}
.white_box .wb_item .btn_icon_box{
    margin: 0 0 auto auto;
}
.white_box .wb_item:first-child{
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
.white_box .txt_box_btn{
    border: 1px solid #7e1785;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 12px;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
}
.white_box .user_info{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.white_box .user_info_line{
    display: flex;
    align-items: center;
}
.white_box .user_info_line .txt_box_btn{
    margin-left: 12px;
}
.white_box .user_info_line .ui_item{
    display: flex;
    align-items: center;
    margin-left: 16px;
}
.white_box .user_info_line .ui_item:first-child{
    margin-left: 0;
}
.white_box .user_info_line .ui_item .ui_title{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-right: 16px;
}
.white_box .user_info_line .ui_item .ui_con{
    display: flex;
    align-items: center;
}
.white_box .user_info_line .ui_item .ui_txt{
    font-size: 13px;
    line-height: 20px;
}
.white_box .user_info_line .ui_item .ui_b_txt{
    font-size: 16px;
    line-height: 24px;
    font-family: 'notokr-bold';
}
.white_box .user_info_line.type_line .ui_item{
    padding-left: 33px;
    position: relative;
    margin: 0;
}
.white_box .user_info_line.type_line .ui_item::before{
    content: "";
    width: 1px;
    height: 16px;
    background-color: #ccc;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translate(0,-50%);
}
.white_box .user_info_line.type_line .ui_item:first-child{
    padding-left: 0;
}
.white_box .user_info_line.type_line .ui_item:first-child::before{
    display: none;
}
.white_box .user_info_line .staff_box{
    display: flex;
    align-items: center;
    gap: 8px;
}
.white_box .user_info_line .staff_info{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.white_box .user_info_line .period{
    font-size: 14px;
    line-height: 20px;
    margin-left: 16px;
}
.white_box .user_info_line .send_box{
    display: inline-flex;
    position: relative;
    align-items: center;
    margin-left: 16px;
}
.white_box .user_info_line .send_box .send_title{
    display: inline-flex;
    align-items: center;
    padding: 0;
    gap: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
}
.white_box .user_info_line .send_box .send_title img{
    width: 12px;
    height: 12px;
}
.white_box .user_info_line .send_box .send_list{
    box-sizing: border-box;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: calc(100% + 4px);
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}
.white_box .user_info_line .send_box .send_list.active{
    opacity: 1;
    pointer-events: auto;
}
.white_box .user_info_line .send_box .send_list .send_item{
    font-size: 12px;
    line-height: 18px;
    min-width: 54px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
}
.white_box .user_info .user_rating{
    min-width: 32px;
    height: 20px;
    border-radius: 30px;
    background-color: #f16d7d;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.white_box .user_info .user_name {
    font-size: 16px;
    line-height: 24px;
}
.white_box .user_info .user_birthday {
    font-size: 14px;
    line-height: 20px;
    color: #5a5a5a;
    margin-left: 16px;
}
.white_box .user_info .user_phone {
    font-size: 14px;
    line-height: 20px;
    color: #5a5a5a;
    margin-left: 16px;
}
.white_box .wb_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}
.white_box .wb_head .title{
    font-size: 14px;
    line-height: 20px;
    font-family: 'notokr-bold';
}
.white_box .wb_head .wb_category{
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 8px;
}
.white_box .wb_head .wb_category .wbc_item{
    font-size: 12px;
    line-height: 18px;
    padding: 4px 10px;
    min-width: 60px;
    text-align: center;
    color: #777;
    border-radius: 14px;
    background-color: #eaeaea;
}
.white_box .wb_head .wb_category .wbc_item.current{
    background-color: #5a5a5a;
    color: #fff;
}
.white_box .table_wrap .table_box table .t_head th{
    font-size: 12px;
    line-height: 18px;
    background-color: #f5f5f5;
}
.white_box .table_wrap .table_box table .t_body td{
    font-size: 13px;
    line-height: 20px;
}
.white_box.c_history_section,
.white_box.p_history_section{
    height: 1px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.white_box .table_wrap{
    overflow-y: auto;
    flex: 1;
    height: 1px;
}
.white_box .table_wrap .t_head{
    position: sticky;
    top: 0;
}
.white_box .table_wrap::-webkit-scrollbar {
    width: 16px;
}
.white_box .table_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.white_box.records_and_payment{
    width: 320px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.white_box.records_and_payment .wb_item{
    height: calc(50% - 8px);
    display: flex;
    flex-direction: column;
}
.white_box.records_and_payment .wb_item .memo_box{
    height: 1px;
    flex: 1;
}
.white_box.records_and_payment .wb_item .payment_history{
    height: 1px;
    flex: 1;
}
.memo_box{
    width: 100%;
    overflow: hidden auto;
}
.memo_box::-webkit-scrollbar {
    width: 16px;
}
.memo_box::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.memo_box .memo_list{
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
.memo_box .memo_list .memo_item{
    width: 100%;
}
.memo_box .memo_list .memo_item .title{
    font-size: 13px;
    line-height: 20px;
    color: #222;
    word-break: keep-all;
}
.memo_box .memo_list .memo_item .date{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-top: 4px;
}
.memo_input{
    margin-top: auto;
    padding-top: 16px;
    position: relative;
}
.memo_input .memo_txt{
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    padding-bottom: 46px;
}
.memo_input .memo_add{
    min-width: 80px;
    box-sizing: border-box;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #7e1785;
    border-color: #7e1785;
    position: absolute;
    right: 12px;
    bottom: 12px;
    border-radius: 8px;
}
.payment_history{
    width: 100%;
    overflow: hidden auto;
}
.payment_history::-webkit-scrollbar {
    width: 16px;
}
.payment_history::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.payment_history .ph_list {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
.payment_history .ph_list .ph_item{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    box-sizing: border-box;
    padding: 12px 0;
    border-top: 1px solid #eaeaea;
}
.payment_history .ph_list .ph_item:first-child{
    padding-top: 0;
    border-top: none;
}
.payment_history .ph_list .ph_item .title{
    flex: 1;
    width: 1px;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.payment_history .ph_list .ph_item .price{
    font-size: 13px;
    line-height: 20px;
    margin-left: auto;
}
.payment_history .ph_list .ph_item .status_box{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.payment_history .ph_list .ph_item .status_txt{
    font-size: 12px;
    line-height: 18px;
}
.payment_history .ph_list .ph_item .status_txt.type_01{
    color: #65a95f;
}
.payment_history .ph_list .ph_item .status_txt.type_02{
    color: #d05050;
}
.payment_history .ph_list .ph_item .date{
    font-size: 12px;
    line-height: 18px;
    color: #777;
}
.payment_history .ph_list .ph_item .line_txt{
    display: flex;
    align-items: center;
    margin-left: auto;

}
.payment_history .ph_list .ph_item .line_txt .txt{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    padding-left: 17px;
    position: relative;
}
.payment_history .ph_list .ph_item .line_txt .txt:before{
    content: "";
    width: 1px;
    height: 12px;
    background-color: #777;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translate(0,-50%);
}
.payment_history .ph_list .ph_item .line_txt .txt:first-child{
    padding-left: 0;
}
.payment_history .ph_list .ph_item .line_txt .txt:first-child:before{
    display: none;
}
.contents .con_body > .flex_box.fixed_flex{
    height: calc((var(--vh, 1vh) * 100) - 139px);
}

.contents .con_body > .flex_box.min_1560{
    min-width: 1560px;
}

.membership_con{
    display: flex;
    align-items: center;
    gap: 24px;
}
.membership_con .title{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.white_box.customer_list{
    width: 250px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wb_tab{
    width: calc(100% + 40px);
    margin: 0 -20px;
    overflow: auto hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
/*.wb_tab::-webkit-scrollbar {*/
/*    height: 16px;*/
/*}*/
/*.wb_tab::-webkit-scrollbar-thumb {*/
/*    background-color: #eaeaea;*/
/*    border-radius: 24px;*/
/*    background-clip: padding-box;*/
/*    border: 5px solid transparent;*/
/*}*/
.wb_tab .tab_list{
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 20px;
    min-width: 100%;
}
.wb_tab .tab_list .tab_item{
    min-width: 60px;
    box-sizing: border-box;
    padding: 8px 10px;
    text-align: center;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #a9a9a9;
    white-space: nowrap;
}
.wb_tab .tab_list .tab_item::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
}
.wb_tab .tab_list .tab_item.current{
    color: #7e1785;
}
.wb_tab .tab_list .tab_item.current::before{
    height: 2px;
    background-color: #7e1785;
}
.user_section .wb_item{
    gap: 16px;
}
.custom_status{
    width: 100%;
    overflow: hidden auto;
}
.custom_status::-webkit-scrollbar {
    width: 16px;
}
.custom_status::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.custom_status .cs_list{
    width: 100%;
}
.custom_status .cs_list .cs_item{
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.custom_status .cs_list .cs_item .line{
    width: 100%;
    display: flex;
    align-items: center;
}
.custom_status .cs_list .cs_item .line .name{
    font-size: 13px;
    line-height: 20px;
    color: #222;
}
.custom_status .cs_list .cs_item .line .date{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-left: auto;
}

.customer_list .custom_status{
    flex: 1;
    height: 1px;
    /*scrollbar-gutter: stable;*/
    /*width: calc(100% + 16px);*/
}
.btn_section{
    width: 100%;
    display: flex;
    gap: 12px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}
.btn_section .page_btn{
    flex: 1 1 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
}

.memo_section{
    display: flex;
    flex-direction: column;
}
.memo_section .mc_wrap{
    width: 100%;
    height: 208px;
    flex: 1;
    overflow: hidden auto;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 16px;
}
.memo_section .mc_wrap::-webkit-scrollbar {
    width: 16px;
}
.memo_section .mc_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.memo_section .mc_wrap .mc_box {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}
.memo_section .mc_wrap .mc_box .mc_item{
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.memo_section .mc_wrap .mc_box .mc_item .txt{
    flex: 1;
    width: 1px;
    font-size: 13px;
    line-height: 20px;
    color: #222;
}
.memo_section .mc_wrap .mc_box .mc_item .date{
    font-size: 12px;
    line-height: 20px;
    color: #777;
    margin-left: auto;
}
.memo_section .mc_input{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
.memo_section .mc_input input{
    flex: 1;
    width: 1px;
    height: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 20px;
}
.memo_section .mc_input .mc_send{
    min-width: 80px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7e1785;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    box-sizing: border-box;
    padding: 8px;
}
.various_info_section{
    width: 100%;
    height: 100%;
    overflow: hidden auto;
}
.various_info_section .input_wrap{
    display: flex;
    gap: 8px;
    width: 100%;
}
.various_info_section .input_wrap .select{
    width: 102px;
}
.various_info_section .input_wrap .input_item.type_icon{
    width: 1px;
    flex: 1;
}
.various_info_section .input_wrap .input_item input{
    width: 100%;
}
.various_info_section::-webkit-scrollbar {
    width: 16px;
}
.various_info_section::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.surgical_products .product_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.surgical_products{
    width: 100%;
    box-sizing: border-box;
    padding: 16px 12px;
    background-color: #f5f5f5;
    margin-top: 12px;
}
.surgical_products .product_list .product_item{
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    background-color: #fff;
}
.surgical_products .product_list .product_item{
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.surgical_products .product_list .product_item .line{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}
.surgical_products .product_list .product_item p{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
}
.surgical_products .product_list .product_item .p_num{
    font-size: 11px;
    line-height: 18px;
    color: #777;
}
.surgical_products .product_list .product_item .p_title{
    width: 1px;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.surgical_products .product_list .product_item .p_price{
    text-align: right;
}
.surgical_products .product_list .product_item .p_txt{
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}
.surgical_products .product_list .product_item .p_detail{
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 12px;
    background-color: #f5f5f5;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item{
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-top: 1px solid #ccc;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item:first-child{
    padding-top: 0;
    border-top: none;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item:last-child{
    padding-bottom: 0;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item .p_detail_title{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
    width: 100%;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item .p_txt{
    font-size: 11px;
    line-height: 14px;
    color: #5a5a5a;
    width: 100%;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item .p_count{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
    width: 1px;
    flex: 1;
}
.surgical_products .product_list .product_item .p_detail .p_detail_item .p_detail_price{
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}
.surgical_products .product_list .product_item.active{
    border-color: #7e1785;
}
.various_info_section .table_wrap{
    flex: initial;
    height: auto;
}
.wb_item.requested_product .result_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 12px;
    gap: 12px;
}
.wb_item.requested_product .result_box .title{
    font-size: 12px;
    line-height: 18px;
    color: #777;
}
.wb_item.requested_product .result_box .price{
    font-size: 16px;
    line-height: 24px;
    font-family: 'notokr-bold';
}
.wb_item .table_wrap table .t_body td{
    padding: 4px 12px;
}
.wb_item .table_wrap table .t_body .product .product_table{
    width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}
.wb_item .table_wrap table .t_body .product .product_table .pt_num{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    width: 100%;
}
.wb_item .table_wrap table .t_body .product .product_table .pt_title{
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}
.wb_item .table_wrap table .t_body .t_delete{
    padding: 0;
    width: auto;
    font-size: 12px;
    line-height: 18px;
    color: #d05050;
    white-space: nowrap;
}

.payment_btn{
    min-width: 100px;
    box-sizing: border-box;
    padding: 10px 16px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-top: 24px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7e1785;
    border-radius: 8px;
}

.payment_wrap{
    width: 100%;
}
.payment_wrap .payment_top{
    width: 100%;
}
.payment_wrap .payment_top .pt_item{
    padding: 16px 0;
    border-top: 1px solid #ccc;
}
.payment_wrap .payment_top .pt_item:first-child{
    padding-top: 0;
    border-top: none;
}
.payment_wrap .pi_head{
    width: 100%;
    display: flex;
    padding-bottom: 12px;
    align-items: center;
}
.payment_wrap .pi_head .title{
    font-size: 14px;
    line-height: 20px;
}
.payment_wrap .pi_head .txt{
    font-size: 12px;
    line-height: 18px;
    margin-left: 6px;
}
.payment_wrap .pi_head .reset{
    font-size: 13px;
    line-height: 20px;
    padding-left: 24px;
    position: relative;
    margin-left: auto;
}
.payment_wrap .pi_head .reset::before{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/refresh.svg")no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.payment_wrap .amount_item{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.payment_wrap .amount_item .ai_title{
    font-size: 13px;
    line-height: 20px;
    color: #222;
}
.payment_wrap .amount_item .ai_num{
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.payment_wrap .payment_bot {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.p_input_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.p_input_wrap .p_input_item{
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.p_input_wrap .p_input_item .input_item{
    display: inline-flex;
    gap: 8px;
}
.p_input_wrap .p_input_item .input_item input{
    width: 106px;
}
.p_input_wrap .p_input_item .input_item button{
    box-sizing: border-box;
    padding: 7px 11px;
    border: 1px solid #7e1785;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
    white-space: nowrap;
}
.p_input_wrap .p_input_item .input_item button:disabled{
    border-color: #ccc;
    background-color: #ccc;
    color: #fff;
}
.pb_sub_box{
    width: 100%;
}
.pb_sub_box .pb_sub_item{
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid #ccc;
}
.pb_sub_box .pb_sub_item:first-child{
    border-top: 0;
    padding-top: 0;
}
.pb_sub_box .pb_sub_item:last-child{
    padding-bottom: 0;
}
.pb_sub_box .pb_sub_item .pb_sub_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}
.pb_sub_box .pb_sub_item .pb_sub_head .sub_title{
    font-size: 13px;
    line-height: 20px;
}
.pb_sub_box .pb_sub_body{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 12px 16px;
    background-color: #f5f5f5;
    border-radius: 8px;
}
.pb_sub_box .pb_sub_body .pb_txt_list{
    display: inline-flex;
    align-items: center;
    gap: 24px;
}
.pb_sub_box .pb_sub_body .pb_txt_list .pb_txt_item{
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.pb_sub_box .pb_sub_body .pb_txt_list .pb_txt_item .pb_txt_title{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
}
.pb_sub_box .pb_sub_body .pb_txt_list .pb_txt_item .pb_txt_content{
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}
.pb_sub_box .pb_sub_body .pb_txt_list .pb_txt_item .amount_used{
    width: 106px;
    padding: 7px 11px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #454545;
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}
.pb_sub_box .pb_sub_body .pb_btn{
    display: inline-flex;
    gap: 8px;
    margin-left: auto;
}
.pb_sub_box .pb_sub_body .pb_btn .pb_btn_item{
   box-sizing: border-box;
    padding: 3px 11px;
    min-width: 73px;
    border: 1px solid #222;
    color: #222;
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
    background-color: #fff;
}
.pb_sub_box .pb_sub_body .pb_btn .pb_btn_item.color_red{
    color: #D05050;
    border-color: #D05050;
}
.payment_wrap .payment_bot .left {
    flex: 1;
    width: 1px;
}
.payment_wrap .payment_bot .right {
    display: flex;
    flex-direction: column;
}
.payment_wrap .payment_bot .final_payment{
    width: 332px;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.payment_wrap .payment_bot .final_payment .fp_head{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 24px;
}
.payment_wrap .payment_bot .final_payment .fp_head .title{
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.payment_wrap .payment_bot .final_payment .fp_body{
    width: 100%;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_list .fp_item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_list .fp_item .fp_title{
    font-size: 13px;
    color: #222;
    line-height: 20px;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_list .fp_item .fp_amount{
    font-size: 13px;
    color: #454545;
    line-height: 20px;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_last_item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_last_item .fp_last_title{
    font-size: 13px;
    line-height: 20px;
    color: #7e1785;
}
.payment_wrap .payment_bot .final_payment .fp_body .fp_last_item .fp_last_amount{
    font-size: 14px;
    line-height: 20px;
    color: #7e1785;
    font-family: 'notokr-bold';
}
.payment_wrap .payment_bot .fp_btn{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}
.payment_wrap .payment_bot .fp_btn .fp_btn_item{
    flex: 1 1 0;
    box-sizing: border-box;
    padding: 9px 15px;
    border: 1px solid #454545;
    background-color: #454545;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.payment_wrap .payment_bot .fp_btn .fp_btn_item.color_red{
    border-color: #D05050;
    background-color: #fff;
    color: #D05050;
}
.payment_wrap .payment_bot .fp_btn .fp_btn_item.color_pr{
    border-color: #7E1785;
    background-color: #7E1785;
    color: #fff;
}
.payment_wrap .pb_item{
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 12px;
}
.payment_wrap .pb_item:first-child{
    margin-top: 0;
}
.popup .table_wrap{
     width: 100%;
     overflow-x: auto;
     overflow-y: hidden;
 }
.popup .table_wrap .table_box{
     width: 100%;
 }
.popup .table_wrap .table_box table{
     border-collapse : collapse;
     border-spacing : 0;
     width: 100%;
 }
.popup .table_wrap .table_box table .t_head th{
     background-color: #F5F5F5;
 }
.popup .table_wrap .table_box table .t_head th:first-child{
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
 }
.popup .table_wrap .table_box table .t_head th:last-child{
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
 }
.popup .table_wrap .table_box table .t_body{
     cursor: pointer;
 }
.popup .table_wrap .table_box table .t_body:hover .title{
     text-decoration: underline;
 }
.popup .table_wrap .table_box table .t_body:hover .user_name_box .user_chart{
     display: block;
 }
.popup .table_wrap .table_box table .t_body .t_btn_txt{
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
 }
.popup .table_wrap .table_box table .t_body .t_btn_txt .tbt_time{
     font-size: 14px;
     line-height: 20px;
     color: #454545;
 }
.popup .table_wrap .table_box table .t_body .t_btn_txt .tbt_btn{
     width: 60px;
     height: 26px;
     box-sizing: border-box;
     padding: 0;
     border: 1px solid #454545;
     font-size: 12px;
     line-height: 18px;
     margin: 0;
     border-radius: 8px;
 }
.popup .table_wrap .table_box table .t_body .t_btn_txt .tbt_btn:disabled{
     opacity: 0.5;
     color: #222;
 }
.popup .table_wrap .table_box table .t_body .favorite_title{
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
 }
.popup .table_wrap .table_box table .t_body .favorite_title .title{
     width: auto;
 }
.popup .table_wrap .table_box table .t_body .favorite_title .item_favorite{
     width: 20px;
     height: 20px;
     background-image: url("../../images/common/icon_bookmark.svg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding: 0;
     margin: 0;
 }
.popup .table_wrap .table_box table .t_body .favorite_title .item_favorite.active{
     background-image: url("../../images/common/icon_bookmark_active.svg");
 }

.popup .table_wrap .table_box table th,
.popup .table_wrap .table_box table td{
     font-size: 14px;
     line-height: 20px;
     box-sizing: border-box;
     padding: 12px 8px;
     text-align: center;
 }
.popup .table_wrap .table_box table th{
     color: #222;
     font-weight: 300;
 }
.popup .table_wrap .table_box table td{
     color: #454545;
     border-bottom: 1px solid #eaeaea;
 }
.popup .table_wrap .table_box table .pw_reset{
     box-sizing: border-box;
     padding: 8px;
     border: 1px solid #dd3434;
     border-radius: 8px;
     font-size: 14px;
     line-height: 20px;
     cursor: pointer;
     color: #e7385e;
 }
.popup .table_wrap .table_box table td button{
     margin: -9px auto -9px;
 }
.popup .table_wrap .table_box table td.title{
     width: 356px;
     max-width: 356px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
.popup .table_wrap .table_box table td.title span{
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}
.popup .table_wrap .table_box table .chk_box{
     display: flex;
     width: 24px;
     margin: -2px auto;
 }
.popup .table_wrap .table_box .t_input{
     width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
 }
.popup .table_wrap .table_box .t_input span{
    font-size: 12px;
    line-height: 18px;
    color: #454545;
 }
.popup .table_wrap .table_box .t_input input{
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 36px;
    font-size: 12px;
    color: #454545;
    padding: 8px 12px;
 }
.popup .table_wrap .table_box .t_input select{
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 36px;
    font-size: 12px;
    color: #454545;
    padding: 0 8px;

 }
.popup .table_wrap .table_box .t_input .apply_btn{
    box-sizing: border-box;
    height: 36px;
    padding: 0 11px;
    border: 1px solid #7e1785;
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
    margin-left: 14px;
    margin-right: 0;
    white-space: nowrap;
 }

.popup .img_content{
    width: 100%;
    display: flex;
    gap: 12px;
}
.popup .img_content .img_detail{
    width: 508px;
}
.popup .img_content .img_detail .img_head{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom : 12px;
}
.popup .img_content .img_detail .img_head .title{
    font-size: 14px;
    line-height: 20px;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popup .img_content .img_detail .img_head .date{
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-left: auto;
}
.popup .img_content .img_detail .img_detail_box{
    width: 100%;
    padding-bottom: 560px;
    background-color: #454545;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.popup .img_content .img_detail .img_detail_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.popup .img_content .img_wrap{
    width: 180px;
    height: 592px;
    overflow: hidden auto;
}
.popup .img_content .img_wrap::-webkit-scrollbar {
    width: 12px;
}
.popup .img_content .img_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}
.popup .img_content .img_wrap .img_list {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
}
.popup .img_content .img_wrap .img_list .img_item{
    width: 100%;
}
.popup .img_content .img_wrap .img_list .img_item .img_thumbnail{
    width: 100%;
    padding-bottom: 66.66%;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.popup .img_content .img_wrap .img_list .img_item .title{
    font-size: 12px;
    line-height: 18px;
    color: #222;
    margin-top: 4px;
}
.toggle_item .toggle_btn{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: space-between;
}
.toggle_item .toggle_btn .title{
    font-size: 14px;
    line-height: 20px;
}
.toggle_item .toggle_btn img{
    width: 20px;
    height: 20px;
	transition: 0.6s;
}
.toggle_item.active .toggle_btn img{
	transform: rotate(180deg);
}
.scroll_content{
    overflow: hidden auto;
}
.scroll_content::-webkit-scrollbar {
    width: 12px;
}
.scroll_content::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}

.error_box{
	width: 100vw;
	height: calc(var(--vh, 1vh) * 100);
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	flex-direction: column;
}
.error_box img{
	width: 288px;
	margin-bottom: 30px;
}
.error_box .error_title{
	font-size: 40px;
	line-height: 1.5;
	color: #000;
	text-align: center;
	font-family: 'notokr-bold';
	margin-bottom: 24px;
}
.error_box .error_txt{
	font-size: 16px;
	line-height: 1.5;
	color: #454545;
	text-align: center;
}