/* layout */
.calendar-wrap {padding: 25px;  width: 100%; padding-right: 0;} /* overflow-y: auto; */
.calendar-wrap .l-side {width: 308px; background: #FAFAFC;}
.calendar-wrap .r-side {width: calc(100% - 308px - 20px); margin-left: 20px;}

.calendar {height: calc(100vh - 81px - 55px - 87px - 30px);}
.calendar-inner {width: 100%;}

/*.calendar-wrap-mobile {padding: 25px;  width: 100%; padding-right: 0;} !* overflow-y: auto; *!*/
.calendar-wrap-mobile .l-side {width: 308px; background: #FAFAFC;}
.calendar-wrap-mobile .r-side {width: calc(100% - 308px - 20px); margin-left: 20px;}

.calendar {height: calc(100vh - 81px - 55px - 87px - 30px);}
.calendar-inner-mobile {width: 100%;}



/* calendar menu */
.c-navbar .inner {display: flex; justify-content: space-between; align-items: center; padding: 25px 0;}
.c-navbar .btn-wrap ul {display: flex;}
.c-navbar .btn-wrap ul li {cursor: pointer; font-size:14px; width: 62px; padding: 0; line-height: 30px; border: 1px solid var(--line-color); text-align: center;}
.c-navbar .btn-wrap ul li:not(first-child) {margin-left: -1px;}
.c-navbar .btn-wrap ul li:hover {color: #FFF; background: #29A7E1; border: 1px solid #29A7E1; opacity: 0.7;}
.c-navbar .btn-wrap ul li.active {color: #FFF; background: #29A7E1; border: 1px solid #29A7E1; font-weight: 500;}

.move-box {display: flex; align-items: center;}
.move-box button {border: 1px solid var(--line-color); min-width: 32px; min-height: 32px; display: inline-block; border-radius: 4px; transition: all 0.3s ease; padding: 5px 10px; font-size: 14px; color: #fff; vertical-align: middle; line-height: 19px;}
.move-box button span {filter: brightness(0.6);}

/* calendar custom style */
.calendar * {font-size: 14px; font-family: 'NotoSans'}
.calendar-menu .tui-calendar .tui-calendar-header-inner {padding: 10px 50px 6px; height: 40px;}
.calendar-menu .tui-calendar .tui-calendar-title {vertical-align: middle;}
.calendar-menu .tui-calendar-btn {height: 40px;}
.toastui-calendar-day-name-item * {font-weight: 700;}
.toastui-calendar-month .toastui-calendar-month-daygrid {border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
.date-picker-calendar-wrap {padding: 10px;}
.date-picker-calendar-wrap table {border: 0;}
.date-picker-calendar-wrap th, .date-picker-calendar-wrap td {padding: 0; font-size: 12px;}
.date-picker-calendar-wrap th {background: transparent;}
.date-picker-calendar-wrap .tui-calendar {border: 0; width: 100%;}
.date-picker-calendar-wrap .tui-calendar-body {padding: 0 6px 10px;}
.date-picker-calendar-wrap .tui-calendar td, .date-picker-calendar-wrap .tui-calendar th {height: auto; padding: 3px 0;}
.date-picker-calendar-wrap .tui-calendar .tui-calendar-header {border-bottom: 0;}
.tui-calendar .tui-calendar-body-header th.tui-sun {color: red;}
.date-picker-calendar-wrap .tui-calendar-sun {color: red;}
.date-picker-calendar-wrap .tui-calendar .tui-calendar-btn-prev-month {left: 20px;}
.date-picker-calendar-wrap .tui-calendar .tui-calendar-btn-next-month {right: 20px;}

.schedule-wrap {height: calc(100% - 273px); overflow-Y: auto; overflow-X: hidden;}
.schedule-box {padding: 15px 25px; border-top: 1px solid rgba(223, 223, 233, 0.34); background: #FAFAFC;}

.schedule-box > .lnb_tree {display: none;}
.schedule-box.on > .lnb_tree {display: block;}

/* btn */
.btn-header {display: flex;}
.btn-fold {border: 0; outline: none; color: #272727; font-size: 15px; text-align: left; display: flex; align-content: center; flex: 1 1 auto; line-height: 32px; height: 32px;}
.btn-fold .ico {line-height: 32px;}
.btn-fold .ico img {margin-right: 12px; transition: .5s;}
.calendar-plus-btn {flex: 0 0 auto; padding: 4px; line-height: 32px; height: 32px;}
.lnb_tree.accordion-collapse {height:0px; overflow:hidden;}
.lnb_tree.accordion-collapse.show {height:auto; overflow: visible;}
.btn-fold.collapsed img{transform: rotate(180deg);}

/* schedule check */
.lnb_tree li {padding: 2px 0 0; position: relative;}
.more-dropdown {position: absolute; right: -5px; top: 2px;}
.more-dropdown .dropdown-toggle {width: 30px;height: 30px;}
.more-dropdown .dropdown-toggle .dot {position: absolute;width: 4px;height: 4px;background: #ddd;border-radius: 10px;right: 14px;top: 14px;}
.more-dropdown .dropdown-toggle .dot:after {position: absolute; content: ''; width: 4px; height: 4px; background: #D9D9D9; border-radius: 10px; top: -6px; right: 0;}
.more-dropdown .dropdown-toggle .dot:before {position: absolute; content: ''; width: 4px; height: 4px; background: #D9D9D9; border-radius: 10px; top: 6px; right: 0;}
.more-dropdown .dropdown-menu {display:none; background: #fff; border: 1px solid var(--line-color); z-index: 999;}
.more-dropdown .dropdown-menu.show {display:block;}
.more-dropdown .dropdown-menu li {border-bottom: 1px solid var(--line-color); padding:0;}
.more-dropdown .dropdown-menu li:last-child {border-bottom: none;}
.more-dropdown .dropdown-menu li .dropdown-item {padding: 7px; min-width: 55px; color: #444;}
.menu-item {display: flex; position: relative; padding: 6px 8px 6px 12px; line-height: 20px; border-radius: 2px; cursor: pointer;}
.menu-item > a {color: #272727; line-height: 19px;}
.menu_item.selected {background-color: rgba(21,126,251,0.1);}
.ck-box {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; border-radius: 100%; width: 23px; height: 23px; margin-right: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 4px; border: 1px solid rgba(0,0,0,0.1);}
.blind {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
.menu-item.selected .item_txt {font-weight: 700;}
.ck-box:not(.checked) {background-color: #FFF;}
.ck-box:before {content: none;}
.ck-box.checked:before {content: '';  background-image: url(/resources/images/icon/schedule-check.svg); background-repeat: no-repeat; width: 13px; height: 11px; display: inline-block;}
.ck-box.checked.white-bg:before {
    content: '';
    background-image: url('/resources/images/icon/schedule-check-black.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
}

/* check box color */
.check-color-F9BC23 {background-color: #F9BC23;}
.check-color-5830B3 {background-color: #5830B3;}
.check-color-42AEDC {background-color: #42AEDC;}
.check-color-35A23A {background-color: #35A23A;}
.check-color-D9EFF2 {background-color: #D9EFF2;}
.check-color-FFE3E9 {background-color: #FFE3E9;}
.check-color-D4C0F1 {background-color: #D4C0F1;}
.check-color-A02031 {background-color: #A02031;}
.check-color-FCCBB6 {background-color: #FCCBB6;}