.fc-toolbar{
    display:flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap:0.5rem !important;
}


.out-of-range {
    opacity:0.4;
}
.fc-header-toolbar {
    /*height:30px;*/
}
/*
.fc-toolbar-chunk {
    flex:1;
    flex-basis: 120px;
}


.fc-toolbar-chunk:nth-child(1){
    flex-basis: 150px;
}
.fc-toolbar-chunk:nth-child(3){
    flex-basis: 180px;
}
*/


.fc-toolbar-chunk button {
    height:30px;
    color:var(--up-color);
    font-size:14px!important;
    font-family:var(--font-bold)!important;
    width:60px;
    padding:0!important;
    border-radius:5px!important;
}
.fc-button-group:first-child {
    /*border:1px solid #F3F4F6;*/
    border-radius:5px;
}
.fc-toolbar-chunk:nth-child(2) .fc-toolbar-title {
    font-family:var(--font-bold);
    font-weight:600;
}
.fc-toolbar-chunk:nth-child(3) .fc-button-group {
    border:0!important;
}
.fc-today-button {
    height:30px!important;
    border-color:#dbdbdb !important;
    color: var(--up-color)!important;
    opacity:1!important;
    font-family:var(--font-bold)!important;
    font-weight:600;
	background:var(--color-bg-base) important;		
}
.fc-prev-button {
    width:40px!important;
    /*border:0!important;*/
    border-color:#dbdbdb !important;
}
.fc-next-button {
    width:40px!important;
    /*border:0!important;*/
    border-color:#dbdbdb !important;
}
.fc-toolbar-chunk button:hover {
    background:var(--up-color)!important;
    color:#fff!important;
    border:0!important;
}
.fc-button-active {
    background:var(--up-color)!important;
    color:#fff!important;
    border:0!important;
}
.fc-dayGridMonth-button {
    margin-right:8px!important;
}
.fc-timeGridWeek-button {
    margin-right:8px!important;
}
.fc-timeGridDay-button {
    margin-right:8px!important;
}
.fc .fc-daygrid-day.fc-day-today {
    background:var(--table-td_bg);
}
.fc-toolbar-title {
    color:var(--bg-basefc);
    font-family:"nanum-dbold";
    font-size:20px!important;
}
.fc .fc-button-primary {
    background:var(--color-bg-base);
    border-color:var(--box-shadow) !important;
    color: var(--up-color);
}

.fc .fc-button-primary:disabled {
    background:var(--color-bg-base);
    border-color: var(--box-shadow);
    color: var(--up-color);
}

.fc-col-header {
    background: var(--box-shadow);
}
.fc-scrollgrid-sync-inner a {
    color:var(--bg-basefc);
    text-decoration:none;
}
.fc-daygrid-day {
    height:65px;
}
.fc-daygrid-day-bg {
    background:#E8F1FA;
}
.fc-daygrid-day-number {
    font-size:14px;
    color:var(--bg-basefc);
    font-family:"nanum-bold";
}

.fc-col-header-cell{
	background:var(--color-bg-base);
}
.fc-theme-standard td, .fc-theme-standard th {
    background:var(--color-bg-base);
}

.fc .fc-list-event:hover td {
    background:var(--sch-bg-color) !important;
}

.fc .fc-list-sticky .fc-list-day>* {
    background:var(--color-bg-base);
    position: sticky;
    top: 0;
}


/* 작은 캘린더 */
.mini_calendar {
    margin: auto;
    font-family:"nanum-bold";
}
.mini_calendar_content, .mini_calendar_weekdays, .mini_calendar_header {
    position: relative;
    overflow: hidden;
    background-color: var(--favorite1-color);
}
    .mini_calendar_weekdays div {
        display: inline-block;
        vertical-align: top;
        
    }
.mini_calendar_weekdays div, .mini_calendar_content div {
    width: 14.28571%;
    overflow:hidden;
    text-align:center;
    background-color:transparent;
    color:var(--bg-basefc);
    font-size: 14px;
    padding:6px;
}
.mini_calendar_content div {
    border:1px solid transparent;
    float:left;
    margin: 3px 0;
}
.mini_calendar_content div:hover {
    border:1px solid #dcdcdc;
    cursor:default;
}
.mini_calendar_content div.blank:hover {
    cursor:default;
    border:1px solid transparent;
}
.mini_calendar_content div.past-date {
    color: var(--bg-basefc);
}
.mini_calendar_content div.today {
    font-weight:bold;
    font-size:14px;
    color:#fff;
    background:var(--favorite1-color) !important;
    border:none !important;
    border-radius:5px;
}

.mini_calendar_content div.schdule {    
    border:1px solid var(--dash-color4);
    border-radius:5px;
}

.mini_calendar_content div.selected {
    background-color: var(--table-td_bg);
}
.mini_calendar_header {
    background:var(--favorite1-color);
    text-align: center;
}
.mini_calendar_header h2 {
    font-family:"nanum-bold";
    font-size:20px;
    color: #F1F8F9;
    float:left;
    width:68%;
}
.mini_calendar_header i {
    font-size:28px;
    color:#fff;
}
button.switch-month {
    background-color: transparent;
    padding:0;
    outline:none;
    border:none;
    color:#dcdcdc;
    float:left;
    width:15%;
    transition: color .2s;
}
button.switch-month:hover {
    color: #87b633;
}




.bootstrap-tagsinput .tag {
    margin-right: 2px;
    margin-bottom: 3px;
    color: var(--bg-box);
    display: inline-block;
}

.form-control, .form-select  {

    color: var(--bg-basefc);
    background-color: var(--bg-box);
    border: 1px solid var(--bg-border);
}

.form-select  {
    background-image: var(--combo-icon);
}

.bootstrap-tagsinput {
    background-color: var(--bg-box);
    border: 1px solid var(--bg-border);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

/*
.toast-header {
	display: block;
}
*/

input{border-radius: 0 !important;}
select{border-radius: 0 !important;}
textarea{border-radius: 0 !important;}
.form-check-input[type=checkbox] {border-radius: 0.25em !important;}
.form-check-input[type=radio] {border-radius: 50%  !important;}



@media (max-width:767px) {
    .fc-toolbar-chunk:first-child {
        display:flex;
        height:35px;
    }
    .fc-toolbar-chunk:first-child .fc-button-group:first-child {
        width:50%;
        border:1px solid var(--bg-border);
    }
    .fc-toolbar-chunk:first-child .fc-today-button {
        width:50%;
        height:35px!important;
        margin-left:3px;
        border:1px solid var(--bg-border)!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
	
    .fc-prev-button {
        width:50%!important;
        border:0!important;
    }
    .fc-next-button {
        width:50%!important;
        border:0!important;
    }
    .fc-header-toolbar {
        display:flex;
        flex-wrap:wrap;
        height:80px!important;
        margin-bottom:10px!important;
    }
    /*
    .fc-toolbar-chunk:first-child {
        flex:0 0 40%;
        order:1;
    }
    .fc-toolbar-chunk:nth-child(2) {
        flex:0 0 100%;
        order:3;
        text-align:center;
    }
    
    .fc-toolbar-chunk:nth-child(2) #fc-dom-1 {
        font-family:var(--font-bold);
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) {
        flex:0 0 60%;
        order:2;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-button-group {
        width:calc(100% - 4px);
        margin-left:2px;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-dayGridMonth-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        margin-right:4px!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-timeGridWeek-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        margin-right:4px!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-timeGridDay-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        margin-right:4px!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-listWeek-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    */
    .pc-view{ display:none !important;}
    .mo-view{ display:block !important;}
	.mo-hide{ display:none !important;}

    .mo-group{display:inline-block !important;}
	
	.mo-mt-1{margin-top:10px;}
	
	.mo-text-c-1{color : var(--bg-btn);}
}
@media (min-width:767px) {

    .pc-view{ display:flex !important;}
    .mo-view{ display:none !important;}

    .title-group {
        margin-top: 0 !important;
        position: fixed;
        z-index: 1000;
        background-color: var(--bg-main);
        width: 100%;
        max-width: calc(100% - 100px);
        padding-bottom: 15px;
    }

}

.hide {
    display:none !important;
}

.wrapper {
    height: 100%;
}
.container{
    height:100%;
}

#ContentArea {
    margin-top: 100px !important;
}


.end-5 {
    right: 5px !important;
}

.mr-2 {
    margin-right:2rem;
}
.ml-2 {
    margin-left: 2rem;
}

.mr-3 {
    margin-right: 4rem;
}

.ml-3 {
    margin-left: 4rem;
}

.pr-2 {
    padding-right: 10px;
}
.pl-2 {
    padding-left: 10px;
}



.table > :not(caption) > * > * {
    padding: 0.1rem;
    box-shadow: none;
    border-bottom-width: 0;
}

.list_table .listTr:hover {
    background-color: #ededed;
}

.list_table th {
    border-top: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    background-color: #203864;
    color: #ffffff;
    padding: 6px 0;
}

.list_table td {
    border-bottom: 1px solid #aeaeae;
    padding: 6px 0;
}


.content_noti {
    /*background-color: #203864;*/
    color: #834b4b;
    border: 1px solid #c7c7c7;
    padding: 3px;
    border-radius: 5px;
}




.setColor_1 {
    color: #ff0300; /*빨강*/
    font-weight: bold;
}

.setColor_2 {
    color: #f0e275; /*노랑*/
}

.setColor_3 {
    color: #2a86D8; /*파랑*/
}

.setColor_4 {
    color: #46df59; /*녹색*/
}

.setColor_5 {
    color: #7c7c7c; /*회색*/
}
.setColor_6 {
    color: #a0a0a0; /*밝은회색*/
}


.color-white {
    color: #ffffff !important;
}

.bg-white{
    background-color:#ffffff !important;
}

.mini_calendar_weekdays div{
    color:#ffffff !important;
}

.btn-info {
    background-color: var(--btn-color2);
    border: 1px solid var(--btn-color2) !important;
    color: var(--white);
}

.btn-small, .btn-small:hover {
    background-color: var(--btn-color2);
    border: 1px solid var(--btn-color2) !important;
    color: var(--white);
}

.btn-tab, .btn-tab:hover {
    background-color: var(--btn-color2);
    border: 1px solid var(--btn-color2) !important;
    color: var(--white);
}
.btn-tab_nosel, .btn-tab_nosel:hover {
    background-color: var(--white);
    border: 1px solid var(--btn-color2) !important;
    color: var(--btn-color2);
}

.align-right{
    text-align:right;
}
.align-center {
    text-align: center;
}

.btn-type1 {
    background-color: var(--bg-type1);
    color: var(--btn-txt-color);
    border: 1px solid;
    padding: 3px 15px;
}
.btn-type2 {
    background-color: var(--bg-type2);
    color: var(--btn-txt-color);
    border: 1px solid;
    padding: 3px 15px;
}
.btn-type3 {
    background-color: var(--bg-type3);
    border: 1px solid;
    padding: 3px 15px;
}
.btn-type4 {
    background-color: var(--bg-type4);
    border: 1px solid;
    padding: 3px 15px;
}
.btn-text-w {
    color: var(--btn-txt-color);
}

.modal_popup {
    background-color: #dee6f5;
    border: 1px solid #939393;
    border-radius: 6px;
    box-shadow: 3px 3px 5px #797979;
}

.popup_bottom {
    background-color: var(--btn-color2);
    color: var(--white);
}

.vanilla-calendar-week {
    background-color: #f8f8f8 !important;
    padding: 8px 0 !important;
    font-weight: bold !important;
}

.vanilla-calendar-header {
    background-color: #203864 !important;
    color: #ffffff !important;
    padding: 5px 0 !important;
    margin-bottom: 0 !important;
}

[data-calendar-theme=light] .vanilla-calendar-arrow {
    background-color: #ffffff !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}


[data-calendar-theme=light] .vanilla-calendar-header__content, [data-calendar-theme=light] .vanilla-calendar-month, [data-calendar-theme=light] .vanilla-calendar-year {
    color: #ffffff !important;
}

/*풀 칼렌더 배경*/
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
}

.btn_logout {
    background-color: var(--btn-color-logout) !important;
}

.font_red {
    color: #ff2222;
    font-weight: bold;
}

.boarder-t-1 {
    border-top: 1px solid #dfdfdf;
}

.border-b-1{
    border-bottom: 2px solid #333333;

}
.border-b-2 {
    border-bottom: 1px solid #999999;
}

.font-small{
    font-size : 12px;
}

.font-midium {
    font-size : 15px;
}
.font-big {
    font-size: 18px;
    font-weight:bold;
}


.editContent ul li {
    list-style: disc;
}

.editContent table {
    border: 1px solid #666666;
    border-collapse: collapse;
}
.editContent table td {
    border: 1px solid #666666;
    padding: 5px;
}