/* 전체 */
.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;
    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_02 input:checked ~ .chk_txt {
    border-color: #7e1785;
    color: #7e1785;
}

.chk_box.type_02 input:checked ~ .chk_txt {
    color: #fff;
    background-color: #7e1785;
    border-color: #7e1785;
}

.chk_box.type_02 input:disabled ~ .chk_txt {
    color: #ccc;
    background-color: #f5f5f5;
}

.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;
}

.input_box.txt_input {
    gap: 12px;
    align-items: center;
}

.input_box.txt_input span {
    font-size: 13px;
    color: #454545;
}

.ip_head {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}

.ip_head .title {
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.input_wrap {
    padding-top: 16px;
}

.input_wrap:first-child {
    padding-top: 0;
}

.input_wrap .input_item.send_layout {
    display: flex;
    align-items: center;
    gap: 24px;
}

.input_wrap .input_item.send_layout .input_box {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto;
}

.input_wrap .input_item.send_layout .input_box span {
    font-size: 13px;
    line-height: 20px;
    color: #454545;
}

.input_wrap .input_item.send_layout .input_box.first label {
    width: 60px;
}

.input_wrap .input_item.send_layout .input_box.last {
    width: 1px;
    flex: 1;
}

.input_wrap .input_item.send_layout .delete_btn {
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_delete.svg") no-repeat;
    background-size: cover;
    margin-left: -12px;
}

.input_wrap .add_btn {
    padding: 7px 15px;
    border: 1px solid #e7385e;
    border-radius: 8px;
    color: #e7385e;
    font-size: 14px;
    margin-top: 24px;
}


/* 버튼 */
.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.size_1000 .popup_bot {
    padding-top: 20px;
}

.popup .popup_box.size_1000 {
    width: calc(100% - 40px);
    height: 90vh;
    max-width: 1000px;
    max-height: 40vh;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
}

.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: auto;
    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);
    font-size: 14px;
}

.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.current .edit_input {
    width: calc(100% - 50px);
    height: 20px;
    font-size: 15px;
}

.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 {
    max-width: 800px;
    width: max-content;
    white-space: normal;
    word-break: break-word;
    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: break-word;
}

.t_group_box .t_group_title:hover .title {
    text-decoration: underline;
}

.t_group_box .t_group_title:hover .title_list {
    display: flex;
}

/* --- CLASS MỚI DÙNG GLOBAL TOOLTIP --- */
.t_group_box .t_group_title_hover {
    height: 100%;
    position: relative;
}

.t_group_box .t_group_title_hover .title {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.t_group_box .t_group_title_hover .title_list {
    display: none !important;   /* 👈 VÔ HIỆU HOVER CŨ */
}

.t_group_box .t_group_title_hover .title_list p {
    word-break: break-word;
}

/* Underline vẫn giữ */
.t_group_box .t_group_title_hover:hover .title {
    text-decoration: underline;
}

/* KHÔNG SHOW TOOLTIP CŨ NỮA */
.t_group_box .t_group_title_hover:hover .title_list {
    display: none !important;
}


/* GLOBAL TOOLTIP */
.global-tooltip {
    position: fixed !important;
    max-width: 800px;
    width: max-content;
    white-space: normal;
    word-break: break-word;
    box-sizing: border-box;
    padding: 12px 20px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2147483647 !important;
}

.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: block;line-break: anywhere;
    /*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 .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: 18px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 !important;
    padding: 0;
    position: relative;
}

.order_box .order_btn .order_btn_item.order_up::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 6px;
    width: 5px;
    height: 6px;
    background: url("../../images/common/icon_up_active.svg") no-repeat;
    transform: translateX(-50%);
}

.order_box .order_btn .order_btn_item.order_down::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 4px;
    width: 5px;
    height: 6px;
    background: url("../../images/common/icon_down_active.svg") no-repeat;
    transform: translateX(-50%);
}

.order_box .order_btn .order_btn_item.order_up:hover::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 18px;
    height: 14px;
    background: #caa3d7;
    border-radius: 10px 10px 0px 0px;
}

.order_box .order_btn .order_btn_item.order_down:hover::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 18px;
    height: 14px;
    background: #caa3d7;
    border-radius: 0px 0px 10px 10px;
}

.order_box .order_btn .order_btn_item.disabled {
    cursor: default;pointer-events: none;
}

.order_box .order_btn .order_btn_item.order_up.disabled::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 6px;
    width: 5px;
    height: 6px;
    background: url("../../images/common/icon_up_first.svg") no-repeat;
    transform: translateX(-50%);
}

.order_box .order_btn .order_btn_item.order_down.disabled::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 3px;
    width: 5px;
    height: 6px;
    background: url("../../images/common/icon_down_last.svg") no-repeat;
    transform: translateX(-50%);
}

.order_box .order_btn .order_btn_item.order_up.disabled:hover::before {
    position: initial;
}

.order_box .order_btn .order_btn_item.order_down.disabled:hover::before {
    position: initial;
}

.order_box .order_num {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
    min-width: 16px;
}


.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;
    overflow-y: scroll;
    padding-bottom: 40px;
}

.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 .ss_body .display_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: 22px;
}

.preview_card .staff_info .name {
    font-size: 14px;
    line-height: 22px;
    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;
}

.staff_status.fix_memo {
    position: relative;
}

.staff_status.fix_memo::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_info_red.svg") no-repeat;
    background-size: cover;
}

.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: calc(100% - 20px);
    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 .title:hover{display: block}

.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,
.schedule_card .tb_head .tb_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;
    white-space: nowrap;
}

.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;
    white-space: nowrap;
}

.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;
    white-space: nowrap;
}

.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: 92vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.schedule_box .right_box {
    width: 1px;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    /*overflow-x: scroll;*/
    /*overflow-y: hidden;*/
}

.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: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    color: #777;
}

.timeline .now-time-label {
    height: 1px;margin-top: 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 {
    visibility: hidden;
    height: 0;
}

.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-x: scroll;*/
    /*overflow-y: hidden;*/
    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: 0;
}

.fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller .fc-col-header tr th .fc-scrollgrid-sync-inner {
    height: 0 !important;
}

.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);
}

.fc-timegrid-event-harness-inset .fc-timegrid-event:has(.schedule_card) {
    box-shadow: none !important;
}

.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: 22px;
}

.fc .fc-timegrid-event .fc-event-main .staff_info .name {
    font-size: 14px;
    line-height: 22px;
    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%;
    display: flex;
    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: 22px;
    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;
    font-weight: 700;
}

.white_box .user_info .user_birthday {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 16px;
}

.white_box .user_info .user_sex {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 16px;
}

.white_box .user_info .user_id {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 16px;
    display: flex;
    align-items: center;
}
  
.white_box .user_info .user_id .dots:after {
    content: "●●●●●●";
    font-size: 9px;
    line-height: 20px;
    letter-spacing: 1px;
}

.white_box .user_info .user_phone {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 16px;
}

.white_box .wb_head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
}

.white_box .wb_head .title {
    font-size: 14px;
    line-height: 20px;
    font-family: 'notokr-bold';
}

.white_box .wb_head .wb_cancel_rate {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000;
}

.white_box .wb_head .wb_cancel_rate .wbc_item_text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.white_box .wb_head .wb_cancel_rate .wbc_item_value {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.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;z-index: 2;
    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 {
    position: relative;
    width: 100%;
}

.memo_box .memo_list .memo_item .title {
    display: inline-table;
    font-size: 13px;
    line-height: 20px;
    color: #222;
    word-break: keep-all;
}

.memo_box .memo_list .memo_item textarea.title {
    min-height: auto;
    padding: 0 40px 0 0;
    border: none;
}

.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;
    border: 1px solid #cccccc;
    border-radius: 8px;
}

.memo_input .memo_txt {
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    margin-bottom: 46px;
    border: none;
}

.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;
}

.memo_input .memo_fixed {
    min-width: 80px;
    box-sizing: border-box;
    padding: 6px 5px;
    font-size: 12px;
    line-height: 18px;
    color: #7e1785;
    background-color: #ffffff;
    position: absolute;
    left: 12px;
    bottom: 12px;
    border-radius: 8px;
    border: 1px solid #7e1785;
}

.memo_item_fixed_box {
    display: flex;
}

.memo_item .iconPin {
    display: none;
}

.memo_item.fixed .iconPin {
    display: inline-table;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../images/common/icon_pin.svg");
    margin-right: 10px;
}

.memo_item.fixed .iconPin:hover {
    background-image: url("../../images/common/icon_pin_purple.svg");
}

.memo_item.fixed.active .iconPin {
    background-image: url("../../images/common/icon_pin_purple.svg");
}

.memo_item .statusLabel {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
}

.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: center;
    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;
}

.mc_item .iconDel {
    display: none;
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_delete.svg") no-repeat;
    background-size: cover;
    margin-left: -10px;
}
.mc_item:hover .iconDel{
    display: block
}

.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: auto;
}

.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;
}

.small_input {
    width: 60px;
}

.receptionist_info {
    display: flex;
    align-items: center;
}

.user_select_info {
    display: flex;
    align-items: center;
    gap: 5px;
}

.user_select_info > span.name {
    font-size: 14px;
    color: #000000;
}

.user_select_info > span {
    font-size: 12px;
    color: #5a5a5a;
}

.user_select_info .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;
}

.receptionist_info .ticket_btn {
    margin-left: auto;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 500;
}

.recent_medical_history_box {
    width: 100%;
    border: 1px solid #eaeaea;
    height: 230px;
    overflow: hidden;
    overflow-y: auto;
    padding: 12px;
    background-color: #fafafa;
    border-radius: 8px;
}

.recent_medical_history_box::-webkit-scrollbar {
    width: 16px;
}

.recent_medical_history_box::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}

.recent_medical_history_box .title {
    font-size: 12px;
    color: #222222;
}

.recent_medical_history_box .mh_list {
    margin-top: 15px;
}

.recent_medical_history_box .mh_list .mh_item {
    margin-bottom: 10px;
}

.recent_medical_history_box .mh_list .mh_item .date {
    font-size: 13px;
    color: #777777;
}

.recent_medical_history_box .mh_list .mh_item .product_name {
    font-size: 14px;
    color: #222222;
}

.recent_medical_history_box .mh_list .mh_item:last-child {
    margin-bottom: 0;
}


.popup .sub_popup2 {
    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_popup2 {
    z-index: 1;
    position: absolute;
    right: -20px;
    top: 0;
    transform: translate(100%, 0);
}

.popup .sub_popup2.sub_active {
    display: flex;
}

.popup .sub_popup2 .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_popup2 .sp_con::-webkit-scrollbar {
    width: 12px;
}

.popup .sub_popup2 .sp_con::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}

.popup .sub_popup2 .sp_top {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #454545;
}

.popup .sub_popup2 .sp_top .sp_title {
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
}

.popup .sub_popup2 .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_popup2 .sp_bot {
    padding-top: 20px;
}

.popup .sub_popup2 .sp_bot .btn_list .btn_item {
    height: 44px;
}

.popup .sub_popup2.type_02 .sp_top {
    border-bottom: none;
}

.popup .sub_popup2.type_02 .sp_con {
    padding-top: 0;
}

.popup .popup_selectDate {
    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 .popup_selectDate {
    z-index: 1;
    position: absolute;
    right: -20px;
    top: 0;
    transform: translate(100%, 0);
}

.popup .popup_selectDate.sub_active {
    display: flex;
}

.popup .popup_selectDate .sp_con {
    width: 100%;
    flex: 1;
    overflow-y: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    box-sizing: border-box;
}

.popup .popup_selectDate .sp_con::-webkit-scrollbar {
    width: 12px;
}

.popup .popup_selectDate .sp_con::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}

.popup .popup_selectDate .sp_top {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #454545;
}

.popup .popup_selectDate .sp_top .sp_title {
    font-size: 18px;
    font-family: 'notokr-bold';
    line-height: 28px;
}

.popup .popup_selectDate .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 .popup_selectDate .sp_bot {
    padding-top: 20px;
}

.popup .popup_selectDate .sp_bot .btn_list .btn_item {
    height: 44px;
}

.popup .popup_selectDate.type_02 .sp_top {
    border-bottom: none;
}

.popup .popup_selectDate.type_02 .sp_con {
    padding-top: 0;
}


.popup .selected_items_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
    width: 100%;
}

.popup .selected_items_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 .selected_items_list .product_item.active {
    border-color: #a679b5;
}

.popup .selected_items_list .product_item .p_title {
    font-size: 14px;
    font-family: 'notokr-bold';
    line-height: 20px;
    color: #454545;
    width: 100%;
}

.popup .selected_items_list .product_item .p_title.type_02 {
    width: calc(100% - 100px);
}

.popup .selected_items_list .product_item .p_title .p_company {
    padding-right: 9px;
    position: relative;
}

.popup .selected_items_list .product_item .p_title .p_company::before {
    content: "";
    width: 1px;
    height: 14px;
    background-color: #ccc;
    position: absolute;
    right: 3px;
    top: 3px;
}

.popup .selected_items_list .product_item .p_price {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.popup .selected_items_list .product_item .p_num {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.popup .selected_items_list .product_item .p_txt {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
}

.popup .selected_items_list .product_item .p_count {
    font-size: 12px;
    line-height: 18px;
    color: #454545;
}

.popup .selected_items_list .product_item .p_detail {
    width: 100%;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 12px;
    margin-top: 4px;
}

.popup .selected_items_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 .selected_items_list .product_item .p_detail .p_detail_item:first-child {
    border-top: none;
    padding-top: 0;
}

.popup .selected_items_list .product_item .p_detail .p_detail_item:last-child {
    padding-bottom: 0;
}

.popup .selected_items_list .product_item .p_detail .p_detail_item .p_detail_title {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.popup .selected_items_list .product_item .p_detail .p_detail_item .p_detail_price {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.product_item_controls {
    display: flex;
    width: 100%;
}

.product_item_controls > p {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.product_item_controls > p:last-child {
    margin-left: auto;
}

.product_item_controls > p.controls {
    gap: 10px;
}

.product_item_controls > p.controls .controls_icon {
    border: 1px solid #666;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    border-radius: 5px;
}

.product_item_controls > p.controls .quantity {
    font-size: 14px;
    align-items: center;
    display: flex;
}

.delete_item {
    border-color: #e7385e;
    background-color: transparent;
    color: #e7385e;
    font-size: 14px;
    margin-left: auto;
    padding: 0;
}

.total_price_container {
    margin-top: 20px;
    display: none;
    font-size: 13px;

}

.sub_popup2_close {
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_close.svg") no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-left: auto;
}

/* 휴무 라이브러리 커마 */
.sub_popup3_close {
    width: 24px;
    height: 24px;
    background: url("../../images/common/icon_close.svg") no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-left: auto;
}

.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: #d05050;
}

.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: 14px;
    line-height: 20px;
    color: #454545;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: 8px;
    padding-bottom: 24px;
}

.calendar_box .calendar .current_month {
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.calendar_box .custom_header .calendar_btn {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
    padding: 0;
}

.calendar_box .custom_header .calendar_btn.prev_btn {
    background-image: url("../../images/common/icon_back_m.svg");
}

.calendar_box .custom_header .calendar_btn.next_btn {
    background-image: url("../../images/common/icon_next_m.svg");
}

.calendar_box .custom_header .calendar_btn:disabled {
    background-color: transparent !important;
    border: none !important;
    opacity: 0.3;
}

.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: none;
}

.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: 32px;
}

.calendar_box.type_02 .calendar table.month tr td {
    height: 40px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    border-radius: 8px;
}

.calendar_box.type_02 .calendar table.month tr td.passes {
    opacity: 0.3;
    color: #454545 !important;
}

.calendar_box.type_02 .calendar table.month tr td.disabled {
    opacity: 0.3;
    color: #454545 !important;
}

.calendar_box.type_02 .calendar table.month tr td.today {
    background-color: #f5f5f5;
}

.calendar_box.type_02 .calendar table.month tr td.active {
    background-color: #7e1785;
}

.calendar_box.type_02 .calendar table.month tr td.active .day-content {
    color: #fff;
}

.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: center;
}

.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;
}

.bs_content .calendar_box {
    padding-bottom: 20px;
}

.time_list {
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.time_list .time_item {
    width: 100%;
}

.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;
}


#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;
}

.date_sheet .btn_list {
    width: calc(100% + 40px);
    margin: 0 -20px;
    box-sizing: border-box;
    padding: 12px 20px;
    border-top: 1px solid #eaeaea;
    display: none;
}

.date_sheet .bs_content .btn_list {
    width: 100%;
    margin: 0;
    border: none;
    padding: 20px 0 0;
    display: flex;
}

.date_sheet .bs_box {
    max-height: 70%;
    height: auto;

    /*max-height: inherit;*/
    /*height: 70%;*/
}


.bs_content_list {
    width: 100%;
    flex: 1;
    height: 1px;
    overflow-y: auto;
    /*margin: 0 0 -20px;*/
    padding-bottom: 20px;
}

.bs_content_list::-webkit-scrollbar {
    width: 12px;
}

.bs_content_list::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 4px solid transparent;
}

.box_list {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
}

.box_list:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.box_list .box_item {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 8px;
    cursor: pointer;
    gap: 0 8px
}

.box_list .box_item:first-child {
    margin-top: 0;
}

.box_list .box_item .title {
    font-size: 16px;
    font-family: 'notokr-bold';
    line-height: 24px;
    color: #454545;
    flex: 1;
    width: 1px;
    word-break: keep-all;
}

.box_list .box_item > .price {
    font-size: 16px;
    line-height: 24px;
    color: #454545;
}

.box_list .box_item > .txt {
    font-size: 14px;
    line-height: 20px;
    color: #a9a9a9;
    padding-top: 4px;
    width: 100%;
}

.box_list .box_item.active {
    border-color: #7e1785;
}

.box_list .disabled {
    opacity: 0.5 !important;
}

.box_list .disabled .disabled {
    opacity: 1 !important;
}


.box_list.pro_list .box_top {
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.box_list.pro_list .box_top .title {
    font-size: 16px;
    line-height: 24px;
    font-family: 'notokr-bold';
    color: #000;
}

.box_list.pro_list .box_top .all_chk {
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #454545;
    margin-left: auto;
}

.box_list.pro_list .box_item {
    cursor: initial;
}

.box_list.pro_list .box_item .chk_box {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box_list.pro_list .box_item .chk_box .chk_txt {
    color: #000;
}

.box_list.pro_list .box_item .chk_box .chk_txt span {
    color: #777;
    font-size: 12px;
    line-height: 18px;
}

.box_list.pro_list .box_item .chk_box .chk_txt span {
    color: #777;
    font-size: 12px;
    line-height: 18px;
}

.box_list.pro_list .box_item .sub_box {
    width: 100%;
    margin-top: 10px;
    background-color: #fafafa;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 12px;
}

.box_list.pro_list .box_item .sub_box .sb_item {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    border-top: 1px solid #ccc;
}

.box_list.pro_list .box_item .sub_box .sb_item:first-child {
    padding-top: 0;
    border-top: none;
}

.box_list.pro_list .box_item .sub_box .sb_item:last-child {
    padding-bottom: 0;
}

.box_list.pro_list .box_item .type_chk .chk_txt {
    font-size: 13px;
    line-height: 20px;
}

.box_list.pro_list .box_item .sb_count {
    font-size: 13px;
    line-height: 20px;
    color: #454545;
    margin-left: auto;
}

.box_list.pro_list .box_item .sb_count span {
    font-size: 14px;
    color: #222;
}

.box_list.pro_list .box_item .sb_txt {
    font-size: 12px;
    line-height: 18px;
    color: #a9a9a9;
    width: 100%;
    box-sizing: border-box;
    padding-left: 28px;
}

.popup_selectPromotion .popup_box {
    height: calc(var(--vh, 1vh) * 100);
}

.popup_selectPromotion .popup_box.size_400 {
    padding-bottom: 0;
}

.popup_selectPromotion .popup_box.size_400 .popup_bot {
    width: calc(100% + 40px);
    margin: 0 -20px;
    box-sizing: border-box;
    padding: 12px 0px;
    border-top: 1px solid #eaeaea;
}

.popup_selectPromotion .btn_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: calc(100% - 40px);
    text-align: center;
    margin-left: 20px;
}

.popup_selectPromotion .chk_box input:checked ~ .chk_icon {
    background: url(../../images/common/icon_check_active_color.svg) no-repeat;
    background-size: cover;
}

/* 예약신청 11/12 추가*/
.apply_hospital {
    width: 100%;
    padding-bottom: 16px;
}

.apply_hospital .title {
    font-size: 16px;
    line-height: 24px;
    color: #7e1785;
    font-family: 'notokr-bold';
}

.apply_hospital .input_item {
    margin-top: 16px;
}

.apply_detail {
    padding-top: 16px;
    border-top: 1px solid #eaeaea;
}

.apply_detail .input_item {
    margin-top: 12px;
}

.apply_detail .select_product {
    margin-top: 20px;
}

.apply_detail .select_product .sp_head {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}

.apply_detail .select_product .sp_head .title {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
}

.apply_detail .select_product .sp_head .title .count {
    box-sizing: border-box;
    padding: 2px 4px;
    border-radius: 16px;
    background-color: #f8f4fb;
    text-align: center;
    min-width: 32px;
    font-size: 11px;
    line-height: 16px;
    color: #7e1785;
    display: inline-flex;
    justify-content: center;
    margin-left: 4px;
}

.apply_detail .select_product .sp_body {
    width: 100%;
}

.sct_list {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 16px;
    background-color: #fafafa;
    border: 1px solid #f5f5f5;
    border-radius: 12px;
}

.sct_list .sct_item {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.sct_list .sct_item:first-child {
    padding-top: 0;
    border-top: none;
}

.sct_list .sct_item:last-child {
    padding-bottom: 0;
}

.sct_list .sct_item .category {
    font-size: 12px;
    line-height: 18px;
    color: #777;
    width: 70%;
}

.sct_list .sct_item .title {
    display: flex;
    align-items: center;
    width: 100%;
}

.sct_list .sct_item .title .title_txt {
    font-size: 14px;
    line-height: 20px;
    font-family: 'notokr-bold';
    color: #454545;
    width: 1px;
    flex: 1;
}

.sct_list .sct_item .title label {
    flex: initial;
    padding-right: 8px;
    display: none;
}

.sct_list .sct_item .sct_delete {
    font-size: 12px;
    line-height: 18px;
    color: #d05050;
    margin-left: auto;
    padding: 0;
}

.sct_list .sct_item .pp_list {
    padding-top: 4px;
}

.sct_list .sct_item .pp_list .pp_item {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.sct_list .sct_item .price {
    font-size: 14px;
    line-height: 20px;
    color: #454545;
    margin-left: auto;
}

.sct_list .sct_item .pp_list .pp_item .chk_box .chk_icon {
    display: none;
    margin-right: 8px;
}

.sct_list .sct_item .pp_list .pp_item .chk_box .chk_txt {
    padding-left: 0;
}

.sct_list .sct_item.active .pp_list .pp_item .chk_box .chk_icon {
    display: block;
}

.sct_list .sct_item.active .title label {
    display: inline-flex;
}

.apply_detail .select_product .sp_body .flex_txt {
    padding-top: 20px;
}

.apply_detail .select_product .sp_body .flex_txt .gt_list {
    padding-top: 8px;
}


/* 플랙스 텍스트 */
.flex_txt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex_txt .title {
    font-size: 16px;
    line-height: 24px;
    font-family: 'notokr-bold';
    color: #454545;
}

.flex_txt .price {
    font-size: 16px;
    line-height: 24px;
    color: #454545;
    font-family: 'notokr-bold';
    margin-left: auto;
}

/* 가이드 텍스트 */
.gt_list {
    width: 100%;
}

.gt_list li {
    font-size: 13px;
    line-height: 20px;
    color: #929292;
    width: 100%;
}

.popup .bs_search {
    padding-bottom: 20px;
}

.select_product {
    margin-top: 20px;
}

.popup.selectUserPopup_add .popup_box .popup_con {
    display: none;
}

.popup.selectUserPopup_add .popup_box .popup_con.active {
    display: block;
}

.selectUser_check {
    border: none;
    padding: 0;
    margin-left: 15px;
}


.board_btn_list {
}

.board_btn_list .btn_depth1 {
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
}

.board_btn_list .btn_depth1 img {
    width: 20px;
}

.board_btn_list .btn_depth1 .title {
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.dashboard_bs_item {
    position: relative;
}

.dashboard_bs_item .delete_btn {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 14px;
    line-height: 20px;
}

/*대시보드 동시간 같은 진료실 내용 많아질때 넘치지 않게*/
.fc-timegrid-event-harness .schedule_card {
    overflow: hidden;
}

@media screen and (max-width: 1850px) {
    .dashboard_box .schedule_section .schedule_head {
        display: block;
    }

    .dashboard_box .schedule_section .schedule_head > div {
        justify-content: normal !important;
        margin-bottom: 10px;
    }

    .dashboard_box .schedule_section .schedule_head > div:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1500px) {
    .dashboard_box .schedule_section .schedule_head .right {
        display: block;
    }
}

.current_week, .current_month {
    font-size: 20px;
    font-family: 'notokr-bold';
    line-height: 30px;
    color: #000;
}

.schedule_time {
    color: #737373
}

.db_item schedule_section {
    max-height: 90vh;
    overflow-y: scroll;
}

button.btn_prev, .btn_prev {
    background-image: url("../../images/common/chevron_back.svg");
    width: 20px;
    height: 20px;
}

button.btn_next, .btn_next {
    background-image: url("../../images/common/chevron_next.svg");
    width: 20px;
    height: 20px;
}

.current_month {
    width: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fc .fc-daygrid-day-frame {
    /* max-height: 20px; Giới hạn chiều cao tối đa của 1 ô ngày */
    overflow: hidden;
}

.fc-timegrid-slot {
    height: 100px !important;
    min-height: 100px !important;
}

.fc-event, .fc-event-dot {
    border: none !important;
    background-color: transparent;
}

.d_con_item .input_add_box .reservation_sms_list {
    max-height: 400px;
    padding-right: 35px;
    overflow-x: hidden;
    overflow-y: auto;
}

.close_side_left {
    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;
    top: 100px;
    left: -20px;
    transform: rotate(180deg);
    cursor: pointer;
}

.close_side_right {
    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;
    top: 100px;
    right: 0px;
    transform: translate(100%, 0);
    cursor: pointer;
}

.lunch-break-lane {
    background-color: #C7C7C7;
    opacity: 0.2;
}

/****TANPV**************************/
.d-flex{display: flex}
.d-none{display: none}
.flex-column{flex-direction: column}
.w-100{width:100%}
.gap-2{gap:8px;}
.gap-3{gap:16px;}
.gap-4{gap:24px;}
.align-items-center{align-items: center}
.justify-content-between{justify-content: space-between}
.justify-content-center{justify-content: center}
.flex-shrink-0{flex-shrink: 0}
.open-popup-search-temp-btn{display: flex;align-items: center;column-gap: 4px;}
.search_side .user-pagination{padding-top: 24px;padding-bottom: 24px;}
/*.search_side .user-pagination .p_btn{display: none}*/
.search_side .user-pagination .p_num .num_item{min-width: 25px;height: 25px;font-size: 12px;}
/****END**************************/

/****Khoa**************************/
.status_list_popup{
    position: absolute;
    z-index: 9999;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 4px 0;
    width: 150px;
    border: 1px solid #eee;
}
.status_list_popup > div:first-child{
    position: absolute;
    top: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid white;
    filter: drop-shadow(0 -1px 1px rgba(0,0,0,0.05));
}
.status_list_popup .status_list_item{
    padding: 6px 12px;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
}
input.quantityRemainReason{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
}

.check_btn {
    min-width: 74px;
    height: 34px;
    box-sizing: border-box;
    padding: 7px 8px;
    border: 1px solid #888;
    color: #555;
    font-size: 12px;
    line-height: 18px;
    margin: -5px 5px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.product_btn, .group_btn, .condition_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: 5px 0 0 auto;
    border-radius: 8px;
}

.check_btn.pm_color {
    margin-left: auto;
}

.check_btn.charge_color {
    border: 1px solid #7e1785;
    color: #7e1785;
}

.add_condition {
    width: 100%;
}

.week_list.type_04 {
    padding-bottom: 0;
}

.radio_wrap.type_01 {
    padding: 0 0;
}

.input_item.main_item {
    padding-top: 15px;
}

.input_box.type_icon.datepicker_w {
    width: 215px;
}

.group_category .gc_list {
    display: grid;
    grid-template-columns: repeat(6, 120px); /* 6 ô mỗi hàng */
    gap: 10px;
}

/* Chip */
.group_category .gc_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 20px;
    height: 34px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;

    /* cho tooltip nhô ra khi hover */
    overflow: visible !important;
}

/* Text bên trái */
.group_category .gc_item .title {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Icon delete */
.group_category .gc_delete {
    margin-left: 6px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_delete.svg") no-repeat center;
    background-size: cover;
}

/* Tooltip — GIỮ style cũ, chỉ cần đảm bảo xuất hiện */
.group_category .gc_item:hover::after {
    content: attr(data-fulltext);
    position: absolute;
    top: -32px;
    left: 0;
    background: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    z-index: 9999;
}

.popup .product_list .product_item.chk_box {
    justify-content: flex-start; !important;

}

.popup .product_list .product_item.chk_box .chk_icon {
    margin-right: 10px;
}

.condition_text {
    max-width: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* OUTER WRAPPER (viền ngoài) */
.msg-block {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
    background: white;
    overflow: hidden;
}

/* TITLE - WHITE AREA */
.msg-block_title {
    position: relative;
    background: #fff;
    padding: 18px 20px 20px 15px;
    font-size: 17px;
    font-weight: 450;
}

/* Title + Icon (dùng wrap) */
.msg-block_title_wrap {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 18px 20px 20px 15px;
}

/* Dùng title style trong wrap */
.msg-block_title_wrap .msg-block_title {
    font-size: 17px;
    font-weight: 450;
    padding: 0; /* không cần padding riêng vì wrap đã có */
    background: none;
}

/* Icon bên phải */
.icon_edit {
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_edit.svg") no-repeat center;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
}

/* GRAY BODY = CONTENT LAYER */
.msg-block_body {
    background: #f6f6f6;
    padding: 5px 20px 20px 20px;
    margin: 0 20px 0 20px;
}

/* ROW = label trên, value dưới */
.msg-row {
    padding: 14px 0;
    border-bottom: 1px solid #e2e2e2;
}

.msg-row:last-child {
    border-bottom: none;
}

.msg-row .label {
    font-size: 14px;
    font-weight: 450;
    color: #222;
    margin-bottom: 4px;
}

.msg-row .value {
    padding-left: 3px;
    font-size: 14px;
    color: #444;
}

/* WHITE FOOTER (toggle nằm ở đây) */
.msg-footer {
    background: #fff;
    padding: 12px 20px;
    text-align: right;
}

/* toggle button */
.msg-toggle-down {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    color: #4b57db;
    cursor: pointer;
    font-size: 13px;
    padding: 4px 8px;
}

.msg-toggle-down.icon_down::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/toggle_up.svg") no-repeat center;
    background-size: contain;
}

.msg-toggle-up {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    color: #4b57db;
    cursor: pointer;
    font-size: 13px;
    padding: 4px 25px 0 0;
}

.msg-toggle-up::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/common/toggle_down.svg") no-repeat center;
    background-size: contain;
}

/* COLLAPSED MODE (1 dòng duy nhất) */
.msg-collapsed {
    display: none;        /* mặc định ẩn */
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.con_mid .mc_wrap{
    width: 100%;
    min-height: 500px;
    flex: 1;
    overflow: hidden auto;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 16px;
}
.con_mid .mc_wrap::-webkit-scrollbar {
    width: 16px;
}
.con_mid .mc_wrap::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
    border-radius: 24px;
    background-clip: padding-box;
    border: 5px solid transparent;
}
.con_mid .mc_wrap .mc_box {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}

.btn_type {
    padding-top: 20px;
    text-align: right;
}

.week_list .chk_box input:checked:disabled ~ .chk_icon {
    background: url("../../images/common/icon_chk_active.svg") no-repeat !important;
    background-size: cover !important;
    filter: grayscale(100%) brightness(0.94) !important;
    cursor: not-allowed !important;
}

/* NOT CHECKED + DISABLED */
.week_list .chk_box input:disabled:not(:checked) ~ .chk_icon {
    background-size: cover !important;
    filter: grayscale(100%) brightness(0.94) !important;
    cursor: not-allowed !important;
}

/* Select disabled chung */
.slt_type:disabled,
.type_w100:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ccc !important;
    color: #777 !important;
    cursor: not-allowed !important;
}

.icon_group {
    width: 20px;
    height: 20px;
    background: url("../../images/common/icon_group.svg") no-repeat center;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
}

.btn_type_01 {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.textarea_basic {
    width: 100%;
    min-height: 400px !important;
    padding: 14px;
    font-size: 14px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    resize: vertical;
    box-sizing: border-box;
    overflow-y: auto;
}

/* Scrollbar nhỏ đẹp */
.textarea_basic::-webkit-scrollbar {
    width: 8px;
}

.textarea_basic::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 8px;
}

.textarea_basic::-webkit-scrollbar-track {
    background: transparent;
}

/* Khi radio bị disabled + checked → icon xám */
.radio_box input:checked:disabled ~ .radio_icon {
    background: url("../../images/common/icon_radio_active.svg") no-repeat center !important;
    background-size: cover !important;
    filter: grayscale(100%) brightness(0.7) !important;
    opacity: 0.6;
    cursor: not-allowed;
}

/* Khi radio bị disabled nhưng không checked -> icon xám nhạt */
.radio_box input:disabled:not(:checked) ~ .radio_icon {
    background-size: cover !important;
    opacity: 0.6;
    cursor: not-allowed;
}

.mc_preview {
    padding: 10px 0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.mc_img_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Khối hướng dẫn trong white_box */
.white_box .p_guide_box {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 18px;
    background-color: #fafafa;
    border-radius: 8px;

    display: flex;
    flex-direction: column;        /* Mặc định: không có ảnh → xếp dọc */
    gap: 8px;
}

/* Khi có ảnh -> chuyển layout qua ngang */
.white_box .p_guide_box.has-image {
    flex-direction: row;           /* Ảnh trái, note phải */
    align-items: flex-start;
    gap: 16px;
}

/* Danh sách note */
.white_box .p_guide_box .dots_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;                       /* Chiếm hết phần còn lại nếu có ảnh */
}

.white_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;
}

.white_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;
}


/* ============= HÌNH PREVIEW ============= */

/* Bao ngoài preview */
.white_box .p_guide_box .img_preview {
    display: none;                 /* Mặc định: không có ảnh → ẩn */
    flex-direction: column;
    gap: 4px;
}

/* Khi có ảnh */
.white_box .p_guide_box.has-image .img_preview {
    display: flex;
    width: 180px;                  /* Khung ảnh bên trái */
    flex-shrink: 0;
}

/* Caption “미리보기” (nếu dùng) */
.white_box .p_guide_box .img_preview .txt {
    font-size: 12px;
    line-height: 14px;
    color: #777;
    margin-left: auto;
}

/* Ảnh preview */
.white_box .p_guide_box .img_preview img {
    width: 100%;
    height: auto;
    max-height: 200px;             /* Giới hạn chiều cao để không phá popup */
    object-fit: contain;
    border-radius: 6px;
}

.btn_delete_condition {
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 13px;
}

.btn_delete_condition::before {
    content: "";
    height: 20px;
    background-size: contain;
}

/****END**************************/