.right_box > .content.reser_manager .content_item .reser_btns {
    padding: 44px 44px 24px 44px;
}
.right_box > .content.reser_manager .content_item .reser_btns li {
    margin-bottom: 20px;
}
.right_box > .content.reser_manager .content_item .reser_btns li:last-child {
    margin-bottom: 0;
}
.right_box > .content.reser_manager .content_item .reser_btns a {
    background: #F5F6F8;
    border-radius: 2px;
    line-height: 36px;
    display: block;
    text-align: center;
    font-size: 11px;
}
.right_box > .content.reser_manager .content_item .reser_btns a:hover {
    color: #FFF;
    background-color: #FF0049;
}
.right_box > .content.reser_manager .time_list > ul > li ul.court_list > li input[type="checkbox"]+label.ch_disabled {
    background: #FFF!important;
    color: #FF0049!important;
    border: 1px solid #FF0049!important;
}
.right_box > .content.reser_manager .time_list > ul > li ul.court_list > li input[type="checkbox"]+label.ch_disabled.off {
    border: 0.7px solid #DCDCDC!important;
    color: #000!important;
}

.right_box > .content.reser_manager .content_item .select_group ul {
    display: flex;
    justify-content: center;
    padding: 17px 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}
.right_box > .content.reser_manager .content_item .select_group li {
    margin: 0 4px;
}
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]+label:before {
    content: none;
}
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]+label,
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]:checked+label {
    width: 88px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 16px;
    border: 0.8px solid #DCDCDC;
    padding: 0;
    color: #000;
    user-select: none;
}
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]:checked+label.reser {
    color: #FFF;
    background-color: #FF0049;
}
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]:checked+label.offline {
    color: #FFF;
    background-color: #60B9ED;
}
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]:checked+label.regular {
    color: #FFF;
    background-color: #95E148;
}
.right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]:checked+label.day {
    color: #FFF;
    background-color: #8280FF;
}
.right_box > .content.reser_manager .content_item .reser_color_list {
    display: flex;
    margin: 7px 0;
    font-size: 11px;
    font-weight: 200;
}
.right_box > .content.reser_manager .content_item .reser_color_list span {
    color: #A3A3A3;
    margin-right: 12px;
}
.right_box > .content.reser_manager .content_item .reser_color_list > span::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    display: inline-flex;
    margin-right: 4px;
}
.right_box > .content.reser_manager .content_item .reser_color_list > span.reser::before {background-color: #FF0049;}
.right_box > .content.reser_manager .content_item .reser_color_list > span.offline::before {background-color: #60B9ED;}
.right_box > .content.reser_manager .content_item .reser_color_list > span.regular::before {background-color: #95E148;}
.right_box > .content.reser_manager .content_item .reser_color_list > span.day::before {background-color: #8280FF;}

.right_box > .content.reser_manager .big-calendar .ca_body table td span {
    height: 25px;
    line-height: 23px;
    width: 25px;
    box-sizing: border-box;
    margin: 5px auto;
}

.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots {
    height: 9px;
    display: flex;
    justify-content: center;
}
.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots span {
    width: 9px;
    height: 9px;
    border-radius: 4.5px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
}
.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots span:last-child {
    margin-right: 0;
    margin-left: 0;
}
.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots span.reser {background-color: #FF0049;}
.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots span.offline {background-color: #60B9ED;}
.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots span.regular {background-color: #95E148;}
.right_box > .content.reser_manager .big-calendar .ca_body table tr td .reser_dots span.day {background-color: #8280FF;}

/* width MAX */
@media all and (min-width:1351px) {
    .right_box > .content.reser_manager > ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 8px;
    }
    .right_box > .content.reser_manager > ul > li.content_item:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 4;
        padding: 0;
        background: transparent;
        border: none;
    }
    .right_box > .content.reser_manager > ul > li.content_item:nth-child(2) {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }
    .right_box > .content.reser_manager > ul > li.content_item:nth-child(3) {
        grid-column: 3 / 4;
    }
    .right_box > .content.reser_manager .content_item .content_title.title1 {
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
    }
    .right_box > .content.reser_manager .content_item .etc_notic_text {
        top: 23px;
    }
    .right_box > .content.reser_manager .content_item .calendar_max_width {
        margin: auto;
    }
    .right_box > .content.reser_manager .big-calendar {
        position: relative;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body_wrapper {
        margin-bottom: 26px;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body table {
        margin-top: 0;
        margin-bottom: 0;
    }
    .right_box > .content.reser_manager .big-calendar .ca_head {
        padding: 10px 0;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body table tbody tr:first-child td {
        padding-top: 28px;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body table tbody tr:last-child td {
        padding-bottom: 28px;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body table td {
        padding: 14px;
    }
    .right_box > .content.reser_manager .big-calendar .ca_cal_btn {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 0;
    }
    .right_box > .content.reser_manager .big-calendar .ca_cal_btn ul {
        display: flex;
        height: 31px;
        line-height: 31px;
        border: 1px solid #DCDCDC;
        border-radius: 2px;
    }
    .right_box > .content.reser_manager .big-calendar .ca_cal_btn ul > li {
        width: 38px;
        box-sizing: content-box;
        text-align: center;
        border-right: 1px solid #DCDCDC;
        font-size: 13px;
        color: #747473;
        cursor: pointer;
    }
    .right_box > .content.reser_manager .big-calendar .ca_cal_btn ul > li:last-child {
        border-right: none;
    }
    .right_box > .content.reser_manager .big-calendar .ca_cal_btn ul > li.selected {
        background: #EFEFFF;
        color: #653FFB;
    }
}

/* width 1350px */
@media all and (max-width:1350px) {
    .right_box > .content.reser_manager > ul > li.content_item:nth-child(1) {
        padding: 0;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body_wrapper {
        margin-bottom: 26px;
        display: flex;
        flex-direction: column-reverse;
    }
    .right_box > .content.reser_manager .big-calendar .ca_body table {
        margin-bottom: 0;
    }
    .right_box > .content.reser_manager .content_item .big-calendar > h2 {
        margin-top: 24px;
        margin-bottom: 4px;
    }
    .right_box > .content.reser_manager .content_item .reser_color_list {
        justify-content: end;
    }
    .right_box > .content.reser_manager .content_item.reser_calendar {
        position: relative;
    }
    .right_box > .content.reser_manager .content_item.reser_calendar .select_group.reser_calendar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .right_box > .content.reser_manager .content_item .select_group ul {
        padding: 10px 0;
        border-top: none;
        border-bottom: 1px solid #F1F1F1;
    }
    .right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]+label, 
    .right_box > .content.reser_manager .content_item .select_group input[type="checkbox"]:checked+label {
        width: 70px;
        height: 25px;
        line-height: 23px;
    }
    .right_box > .content.reser_manager .content_item.reser_calendar_inner {
        padding-top: 48px;
    }
    .right_box > .content.reser_manager .content_item .reser_btns {
        padding: 0;
    }
    .right_box > .content.reser_manager .content_item .reser_btns li {
        margin-bottom: 11px;
    }
    .right_box > .content.reser_manager .content_item .reser_btns li:last-child {
        margin-bottom: 11px;
    }
    .right_box > .content.reser_manager .content_item .reser_btns a {
        color: #858584;
    }
    .right_box > .content.basic_reser .time_list > ul > li:last-child ul.court_list {
        margin-bottom: 10px;
    }
    .right_box > .content.reser_manager .content_item.today_resers {
        display: none;
    }
    .right_box > .content.reser_manager .big-calendar .ca_cal_btn {
        display: none;
    }
}


#info_reser .popup.modal-content ul li {
    position: relative;
    margin-left: 10px;
}
#info_reser .popup.modal-content ul li::before {
    content: 'ㆍ';
    position: absolute;
    width: 10px;
    left: -10px;
}

/* width MAX */
@media all and (min-width:1351px) {
    #info_reser .popup.modal-content {
        width: 450px;
    }
}

/* width 1350px */
@media all and (max-width:1350px) {
    #info_reser .popup.modal-content {
        width: 280px;
    }
}



/** 일일달력 */

/* width MAX */
@media all and (min-width:1351px) {
    .right_box > .content.reser_manager .timeline {
        position: relative;
        margin-bottom: 20px;
        display: none;
    }

    .right_box > .content.reser_manager .timeline .timeline_title {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 10px;
        display: none;
    }

    .right_box > .content.reser_manager .timeline .timeline_area {
        display: flex;
        overflow-y: scroll;
        max-height: 462px;
        position: relative;
        border: 1px solid #DCDCDC;
        border-top: none;
    }

    .right_box > .content.reser_manager .timeline .timeline_scroll {
        position: relative;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid {
        min-width: 300px;
    }
    .right_box > .content.reser_manager .timeline .timeline_items {
        position: absolute;
        left: 0;
        top: 0;
    }

    .right_box > .content.reser_manager .timeline .timeline_header.only_for_desktop {
        border-bottom: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_header ul {
        display: flex;
        justify-content: space-around;
        margin: 8px 0 8px 0;
    }
    .right_box > .content.reser_manager .timeline .timeline_header.only_for_desktop ul {
        margin-left: 45px;
    }
    .right_box > .content.reser_manager .timeline .timeline_header ul > li {
        color: #747473;
        font-size: 13px;
        line-height: 15px;
    }

    .right_box > .content.reser_manager .timeline .timeline_area .timeline_scroll {
        flex-grow: 1;
    }
    .right_box > .content.reser_manager .timeline .timeline_time table {
        width: 60px;
        margin-top: 0;
    }
    .right_box > .content.reser_manager .timeline .timeline_time table tr {
        height: 35px;
    }
    .right_box > .content.reser_manager .timeline .timeline_time table tr td, 
    .right_box > .content.reser_manager .timeline .timeline_time table tr th {
        height: inherit;
        font-size: 11px;
        border: none;
        text-align: center;
    }

    .right_box > .content.reser_manager .timeline .timeline_grid {
        border-left: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid table {
        margin-top: 0;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr {
        height: 35px;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table td {
        border: none;
        height: inherit;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table td ul {
        display: flex;
        flex-direction: row;
        height: 100%;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr:last-child td ul {
        border-bottom: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr:first-child td ul {
        border-top: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr td ul li {
        flex: 1;
        border-bottom: 1px solid #DCDCDC;
        border-right: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr:last-child td ul li {
        border-bottom: none;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr td ul li:last-child {
        border-right: none;
    }

    .timeline_item {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .timeline_item.inline {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 8px 5px;
    }
    .timeline_item.reser {border: 1px solid #FF0049;}
    .timeline_item.offline {border: 1px solid #60B9ED;}
    .timeline_item.regular {border: 1px solid #95E148;}
    .timeline_item.day {border: 1px solid #8280FF;}
    .timeline_item.reser span.tag {background-color: #FF0049;}
    .timeline_item.offline span.tag {background-color: #60B9ED;}
    .timeline_item.regular span.tag {background-color: #95E148;}
    .timeline_item.day span.tag {background-color: #8280FF;}
    .timeline_item.old {border-color: #DCDCDC!important;}
    .timeline_item.old span.tag {background-color: #DCDCDC!important;color: #000!important;}
    .timeline_item span.name,
    .timeline_item span.time {
        font-size: 11px;
        line-height: 15px;
    }
    .timeline_item span.courts {
        font-size: 11px;
        line-height: 15px;
        color: #747473;
    }
    .timeline_item span.tag {
        font-weight: 500;
        font-size: 9px;
        line-height: 15px;
        color: #FFF;
        border-radius: 2px;
        width: 38px;
        text-align: center;
        position: absolute;
        bottom: 8px;
        right: 8px;
    }
    .timeline_item span {
        display: block;
    }
    .timeline_item.inline span {
        display: inline-block;
        margin-right: 4px;
    }
    .timeline_item span.hidden {
        display: none;
    }

    .right_box > .content.reser_manager .timeline .timeline_area .empty_grid {
        position: absolute;
        width: 100%;
        top: 0;
        padding-left: 45px;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: stretch;
    }
    .right_box > .content.reser_manager .timeline .timeline_area .empty_grid div {
        text-align: center;
        font-size: 11px;
        line-height: 18px;
        border-left: 1px solid #DCDCDC;
        height: 100%;
        align-self: center;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .right_box > .content.reser_manager .timeline .timeline_area .empty_grid div span { display: none; }
    .right_box > .content.reser_manager .timeline > .empty_grid {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        pointer-events: none;
    }
    .right_box > .content.reser_manager .timeline > .empty_grid div {
        font-size: 11px;
        margin-left: 45px;
        margin-top: 24px;
        display: flex;
        align-items: center;
        pointer-events: none;
    }
}

/* width 1350px */
@media all and (max-width:1350px) {
    .right_box > .content.reser_manager .timeline {
        margin-bottom: 20px;
    }
    .right_box > .content.reser_manager .timeline .timeline_area {
        display: flex;
        position: relative;
        padding-bottom: 28px;
        border-bottom: 1px solid #F1F1F1;
    }

    .right_box > .content.reser_manager .timeline .timeline_title {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 10px;
    }

    .right_box > .content.reser_manager .timeline .timeline_scroll {
        overflow-x: scroll;
        position: relative;
    }
    .right_box > .content.reser_manager .timeline .timeline_header {
        min-width: 300px;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid {
        min-width: 300px;
    }
    .right_box > .content.reser_manager .timeline .timeline_items {
        position: absolute;
        left: 0;
        top: 31px;
    }

    .right_box > .content.reser_manager .timeline .timeline_header ul {
        display: flex;
        justify-content: stretch;
        margin: 8px 0 8px 0;
    }
    .right_box > .content.reser_manager .timeline .timeline_header ul > li {
        color: #747473;
        font-size: 13px;
        line-height: 15px;
        flex: 1;
        min-width: 42rem;
        border-right: 1px solid #FFF;
        text-align: center;
    }
    .right_box > .content.reser_manager .timeline .timeline_header ul > li:first-child {
        border-left: 1px solid #FFF;
    }
    .right_box > .content.reser_manager .timeline .timeline_header ul > li:last-child {
        border-right: none;
    }

    .right_box > .content.reser_manager .timeline .timeline_area .timeline_scroll {
        flex-grow: 1;
    }
    .right_box > .content.reser_manager .timeline .timeline_time table {
        width: 60px;
        margin-top: 31px;
    }
    .right_box > .content.reser_manager .timeline .timeline_time table tr {
        height: 23px;
    }
    .right_box > .content.reser_manager .timeline .timeline_time table tr td, 
    .right_box > .content.reser_manager .timeline .timeline_time table tr th {
        height: inherit;
        font-size: 11px;
        border: none;
        text-align: left;
    }

    .right_box > .content.reser_manager .timeline .timeline_grid table {
        margin-top: 0;
        border: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr {
        height: 23px;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table td {
        border: none;
        height: inherit;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table td ul {
        display: flex;
        flex-direction: row;
        height: 100%;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr td ul li {
        flex: 1;
        min-width: 42rem;
        border-bottom: 1px solid #DCDCDC;
        border-right: 1px solid #DCDCDC;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr:last-child td ul li {
        border-bottom: none;
    }
    .right_box > .content.reser_manager .timeline .timeline_grid > table tr td ul li:last-child {
        border-right: none;
    }

    .timeline_item {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .timeline_item.inline {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1px 5px;
    }
    .timeline_item.reser {border: 1px solid #FF0049;}
    .timeline_item.offline {border: 1px solid #60B9ED;}
    .timeline_item.regular {border: 1px solid #95E148;}
    .timeline_item.day {border: 1px solid #8280FF;}
    .timeline_item.reser span.tag {background-color: #FF0049;}
    .timeline_item.offline span.tag {background-color: #60B9ED;}
    .timeline_item.regular span.tag {background-color: #95E148;}
    .timeline_item.day span.tag {background-color: #8280FF;}
    .timeline_item.old {border-color: #DCDCDC!important;}
    .timeline_item.old span.tag {background-color: #DCDCDC!important;color: #000!important;}
    .timeline_item span.time {
        display: none;
    }
    .timeline_item span.name {
        font-size: 11px;
        line-height: 15px;
    }
    .timeline_item span.courts {
        font-size: 11px;
        line-height: 15px;
        color: #747473;
    }
    .timeline_item span.tag {
        font-weight: 500;
        font-size: 9px;
        line-height: 15px;
        color: #FFF;
        border-radius: 2px;
        width: 38px;
        text-align: center;
        position: absolute;
        bottom: 8px;
    }
    .timeline_item span {
        display: block;
    }
    .timeline_item.inline span {
        display: inline-block;
        margin-right: 2px;
    }
    .timeline_item span.hidden {
        display: none;
    }

    .right_box > .content.reser_manager .timeline .timeline_area .empty_grid {
        position: absolute;
        width: 100%;
        margin-left: 31px;
        margin-top: 31px;
        pointer-events: none;
    }
    .right_box > .content.reser_manager .timeline .timeline_area .empty_grid div {
        text-align: center;
        font-size: 11px;
        line-height: 18px;
        height: 100%;
        margin-right: 20rem;
        border: 1px solid #DCDCDC;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .right_box > .content.reser_manager .timeline > .empty_grid { display: none; }
}