@charset "utf-8";

:root {
	--schedule-color0 :#eaeaea;
	--schedule-color1 :#3e57d1;
	--schedule-color2 :#00ae7b;
	--schedule-color3 :#ff6836;
	--schedule-color4 :#9a4ff7;
	--schedule-color5 :#27a2ff;
	--schedule-color6 :#45d835;
	--schedule-color7 :#ff5dbc;
	--schedule-color8 :#f5333f;
	--schedule-color9 :#ff9b11;
	--schedule-color10 :#53c6b5;
	--schedule-color11 :#ffd235;
	--schedule-color12 :#769ec4;
	--schedule-color13 :#4a5568;
	--schedule-color14 :#7e57c2;
	--schedule-color15 :#e53935;
	--schedule-color16 :#6A8DFF;
}

/* 컬러별 체크박스*/
.schedule-checkbox .control {display: inline-flex; position: relative; cursor: pointer; font-size:14px; align-items: center;}
.schedule-checkbox .control  a {font-size:14px;}
.schedule-checkbox .control input {position: absolute; z-index: -1; opacity: 0;}
.schedule-checkbox .control__indicator {height: 22px; width: 22px; border-radius: 5px; box-sizing: border-box; position: relative; margin-right:10px;}
.schedule-checkbox .control__indicator:after {content: ''; position: absolute; display: none;}
.schedule-checkbox .control input:checked ~ .control__indicator:after {display: block;}
.schedule-checkbox .control__indicator:after {left: 7px; top: 3px; width: 4px; height: 8px; transform: rotate(45deg);}

.schedule-checkbox.checkbox-0 .control__indicator {border: 1px solid #dcdcdc; background: #f5f5f5;}
.schedule-checkbox.checkbox-0 .control__indicator:after {border: solid var(--schedule-color0); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-1 .control__indicator {border:1px solid #c5d9f6; background: #e8f1fd;}
.schedule-checkbox.checkbox-1 .control__indicator:after {border: solid var(--schedule-color1); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-2 .control__indicator {border:1px solid #bee7d7; background: #dff6ed;}
.schedule-checkbox.checkbox-2 .control__indicator:after {border: solid var(--schedule-color2); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-3 .control__indicator {border:1px solid #f0d4ba; background: #ffecdb;}
.schedule-checkbox.checkbox-3 .control__indicator:after {border: solid var(--schedule-color3); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-4 .control__indicator {border:1px solid #dfcdf6; background: #f2e8ff;}
.schedule-checkbox.checkbox-4 .control__indicator:after {border: solid var(--schedule-color4); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-5 .control__indicator {border:1px solid #c6e1f1; background: #ecf6fc;}
.schedule-checkbox.checkbox-5 .control__indicator:after {border: solid var(--schedule-color5); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-6 .control__indicator {border:1px solid #bbe8b5; background: #e7ffe4;}
.schedule-checkbox.checkbox-6 .control__indicator:after {border: solid var(--schedule-color6); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-7 .control__indicator {border:1px solid #f5cde5; background: #ffebf7;}
.schedule-checkbox.checkbox-7 .control__indicator:after {border: solid var(--schedule-color7); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-8 .control__indicator {border:1px solid #f2c4c6; background: #ffe7e8;}
.schedule-checkbox.checkbox-8 .control__indicator:after {border: solid var(--schedule-color8); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-9 .control__indicator {border:1px solid #f2d9b9; background: #fff2e1;}
.schedule-checkbox.checkbox-9 .control__indicator:after {border: solid var(--schedule-color9); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-10 .control__indicator {border:1px solid #baede5; background: #e6fffb;}
.schedule-checkbox.checkbox-10 .control__indicator:after {border: solid var(--schedule-color10); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-11 .control__indicator {border:1px solid #f7de89; background: #fff7dc;}
.schedule-checkbox.checkbox-11 .control__indicator:after {border: solid var(--schedule-color11); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-12 .control__indicator {border:1px solid #c5ddf2; background: #e8f4ff;}
.schedule-checkbox.checkbox-12 .control__indicator:after {border: solid var(--schedule-color12); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-13 .control__indicator {border:1px solid #c5ddf2; background: #e8f4ff;}
.schedule-checkbox.checkbox-13 .control__indicator:after {border: solid var(--schedule-color13); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-14 .control__indicator {border:1px solid #d0b5ff; background: #eee7ff;}
.schedule-checkbox.checkbox-14 .control__indicator:after {border: solid var(--schedule-color14); border-width: 0 3px 3px 0;}
.schedule-checkbox.checkbox-16 .control__indicator {border:1px solid #d0b5ff; background: #EEF1FF;}
.schedule-checkbox.checkbox-16 .control__indicator:after {border: solid var(--schedule-color16); border-width: 0 3px 3px 0;}

.schedule-color-list .schedule-color0 {background: var(--schedule-color0) !important;}
.schedule-color-list .schedule-color1 {background: var(--schedule-color1) !important;}
.schedule-color-list .schedule-color2 {background: var(--schedule-color2) !important;}
.schedule-color-list .schedule-color3 {background: var(--schedule-color3) !important;}
.schedule-color-list .schedule-color4 {background: var(--schedule-color4) !important;}
.schedule-color-list .schedule-color5 {background: var(--schedule-color5) !important;}
.schedule-color-list .schedule-color6 {background: var(--schedule-color6) !important;}
.schedule-color-list .schedule-color7 {background: var(--schedule-color7) !important;}
.schedule-color-list .schedule-color8 {background: var(--schedule-color8) !important;}
.schedule-color-list .schedule-color9 {background: var(--schedule-color9) !important;}
.schedule-color-list .schedule-color10 {background: var(--schedule-color10) !important;}
.schedule-color-list .schedule-color11 {background: var(--schedule-color11) !important;}
.schedule-color-list .schedule-color12 {background: var(--schedule-color12) !important;}
.schedule-color-list .schedule-color13 {background: var(--schedule-color13) !important;}
.schedule-color-list .schedule-color14 {background: var(--schedule-color14) !important;}
.schedule-color-list .schedule-color15 {background: var(--schedule-color15) !important;}
.schedule-color-list .schedule-color16 {background: var(--schedule-color16) !important;}

.time-list__item.schedule-color0::before {background: var(--schedule-color0) !important;}
.time-list__item.schedule-color1::before {background: var(--schedule-color1) !important;}
.time-list__item.schedule-color2::before {background: var(--schedule-color2) !important;}
.time-list__item.schedule-color3::before {background: var(--schedule-color3) !important;}
.time-list__item.schedule-color4::before {background: var(--schedule-color4) !important;}
.time-list__item.schedule-color5::before {background: var(--schedule-color5) !important;}
.time-list__item.schedule-color6::before {background: var(--schedule-color6) !important;}
.time-list__item.schedule-color7::before {background: var(--schedule-color7) !important;}
.time-list__item.schedule-color8::before {background: var(--schedule-color8) !important;}
.time-list__item.schedule-color9::before {background: var(--schedule-color9) !important;}
.time-list__item.schedule-color10::before {background: var(--schedule-color10) !important;}
.time-list__item.schedule-color11::before {background: var(--schedule-color11) !important;}
.time-list__item.schedule-color12::before {background: var(--schedule-color12) !important;}
.time-list__item.schedule-color13::before {background: var(--schedule-color13) !important;}
.time-list__item.schedule-color14::before {background: var(--schedule-color14) !important;}
.time-list__item.schedule-color15::before {background: var(--schedule-color15) !important;}
.time-list__item.schedule-color16::before {background: var(--schedule-color16) !important;}

.new-btn.schedule-color1 {background: var(--schedule-color1) !important;}
.new-btn.schedule-color2 {background: var(--schedule-color2) !important;}
.new-btn.schedule-color3 {background: var(--schedule-color3) !important;}
.new-btn.schedule-color4 {background: var(--schedule-color4) !important;}
.new-btn.schedule-color5 {background: var(--schedule-color5) !important;}
.new-btn.schedule-color6 {background: var(--schedule-color6) !important;}
.new-btn.schedule-color7 {background: var(--schedule-color7) !important;}
.new-btn.schedule-color8 {background: var(--schedule-color8) !important;}
.new-btn.schedule-color9 {background: var(--schedule-color9) !important;}
.new-btn.schedule-color10 {background: var(--schedule-color10) !important;}
.new-btn.schedule-color11 {background: var(--schedule-color11) !important;}
.new-btn.schedule-color12 {background: var(--schedule-color12) !important;}
.new-btn.schedule-color13 {background: var(--schedule-color13) !important;}
.new-btn.schedule-color14 {background: var(--schedule-color14) !important;}
.new-btn.schedule-color15 {background: var(--schedule-color15) !important;}
.new-btn.schedule-color16 {background: var(--schedule-color16) !important;}

.category-cir.schedule-color1 {background: var(--schedule-color1) !important;}
.category-cir.schedule-color2 {background: var(--schedule-color2) !important;}
.category-cir.schedule-color3 {background: var(--schedule-color3) !important;}
.category-cir.schedule-color4 {background: var(--schedule-color4) !important;}
.category-cir.schedule-color5 {background: var(--schedule-color5) !important;}
.category-cir.schedule-color6 {background: var(--schedule-color6) !important;}
.category-cir.schedule-color7 {background: var(--schedule-color7) !important;}
.category-cir.schedule-color8 {background: var(--schedule-color8) !important;}
.category-cir.schedule-color9 {background: var(--schedule-color9) !important;}
.category-cir.schedule-color10 {background: var(--schedule-color10) !important;}
.category-cir.schedule-color11 {background: var(--schedule-color11) !important;}
.category-cir.schedule-color12 {background: var(--schedule-color12) !important;}
.category-cir.schedule-color13 {background: var(--schedule-color13) !important;}
.category-cir.schedule-color14 {background: var(--schedule-color14) !important;}
.category-cir.schedule-color15 {background: var(--schedule-color15) !important;}
.category-cir.schedule-color16 {background: var(--schedule-color16) !important;}

/* todo 컬러 */
.schedule-color0 .todo-text::before {background:var(--schedule-color0);}
.schedule-color1 .todo-text::before {background:var(--schedule-color1);}
.schedule-color2 .todo-text::before {background:var(--schedule-color2);}
.schedule-color3 .todo-text::before {background:var(--schedule-color3);}
.schedule-color4 .todo-text::before {background:var(--schedule-color4);}
.schedule-color5 .todo-text::before {background:var(--schedule-color5);}
.schedule-color6 .todo-text::before {background:var(--schedule-color6);}
.schedule-color7 .todo-text::before {background:var(--schedule-color7);}
.schedule-color8 .todo-text::before {background:var(--schedule-color8);}
.schedule-color9 .todo-text::before {background:var(--schedule-color9);}
.schedule-color10 .todo-text::before {background:var(--schedule-color10);}
.schedule-color11 .todo-text::before {background:var(--schedule-color11);}
.schedule-color12 .todo-text::before {background:var(--schedule-color12);}
.schedule-color13 .todo-text::before {background:var(--schedule-color13);}
.schedule-color14 .todo-text::before {background:var(--schedule-color14);}
.schedule-color15 .todo-text::before {background:var(--schedule-color15);}
.schedule-color16 .todo-text::before {background:var(--schedule-color16);}

.schedule-color0 .sub {background:var(--schedule-color0);}
.schedule-color1 .sub {background:#e8f1fd;}
.schedule-color2 .sub {background:#dff6ed;}
.schedule-color3 .sub {background:#ffecdb;}
.schedule-color4 .sub {background:#f2e8ff;}
.schedule-color5 .sub {background:#ecf6fc;}
.schedule-color6 .sub {background:#e7ffe4;}
.schedule-color7 .sub {background:#ffebf7;}
.schedule-color8 .sub {background:#ffe7e8;}
.schedule-color9 .sub {background:#fff2e1;}
.schedule-color10 .sub {background:#e6fffb;}
.schedule-color11 .sub {background:#fff7dc;}
.schedule-color12 .sub {background:#e8f4ff;}
.schedule-color13 .sub {background:#f2f4f8;}
.schedule-color14 .sub {background:#eee7ff;}
.schedule-color15 .sub {background:#ffecec;}
.schedule-color16 .sub {background:#EEF1FF;}

.schedule-color-list {display:flex; flex-wrap: wrap;}
.schedule-color-list li {text-align:center;}
.schedule-color-list li a {display:flex; width:20px; height:20px; border-radius: 100%; align-items: center; justify-content: center; position: relative;}
.schedule-color-list li a span {display: none; width:11px; height:7px; background:url(../../../files/web1/images/common/sch_color_ch.png) no-repeat center center; background-size: 11px 7px;}
.schedule-color-list li.active a span {display: block;}    

/* 탭, 공유, 갱신 */
.schedule-top {position: relative; padding:0 0 30px 0;}
.schedule-top__center {display:flex; justify-content: center;}
.schedule-tab {display:inline-flex;}
.schedule-tab li {margin:0 0 0 -1px;}
.schedule-tab li a {display:flex; align-items: center; justify-content: center; width:124px; height:48px; border:1px solid var(--table-line); background:#f9f9f9;}
.schedule-tab li:first-child a {border-radius: 10px 0 0 10px;}
.schedule-tab li:last-child a {border-radius: 0 10px 10px 0;}
.schedule-tab li.active a {background:#3e3e43; color:var(--white); border:1px solid #3e3e43;}

/* 스케줄 버튼 */
.schedule-module {padding: 0 0 30px 0; display:flex; align-items: center;}
.schedule-module__left {display: flex;}
.schedule-module__center {position: relative; display: flex; margin:-5px 0 0 20px;}
.schedule-module__center .center {display: flex; align-items: center;}
.schedul_prev {width:38px; height:36px; background: url(../../../files/web1/images/common/schedule_w_prev.png) no-repeat center center; background-size:8px 14px; border:1px solid #d5d5d5; border-radius: 3px 0 0 3px; border-right:none; box-sizing: border-box;}
.schedul_next {width:38px; height:36px; background: url(../../../files/web1/images/common/schedule_w_next.png) no-repeat center center; background-size:8px 14px; border:1px solid #d5d5d5; box-sizing: border-box;}
.schedul_prev:hover {background:#f3f3f3 url(../../../files/web1/images/common/schedule_w_prev.png) no-repeat center center; background-size:8px 14px;}
.schedul_next:hover {background:#f3f3f3 url(../../../files/web1/images/common/schedule_w_next.png) no-repeat center center; background-size:8px 14px;}
.schedule_today { height:36px; display:flex; align-items: center; justify-content: center; border:1px solid #d5d5d5; border-radius: 0 3px 3px 0; border-left:none; box-sizing: border-box; padding:0 12px;}
.schedule_today span {font-size:15px; color:var(--color000);}
.schedule_today:hover {background: #f3f3f3;}
.ico_s_syn {display: inline-flex; width:22px; margin:0 0 0 8px;}
.ico_s_syn .syn-box {background: url(../../../files/web1/images/common/ico_c_syn.png) no-repeat left top; width:22px; height:22px; display:inline-flex; background-size: 22px 22px;}
.ico_s_syn:hover .syn-box {background: url(../../../files/web1/images/common/ico_c_syn_on.png) no-repeat left top; display:inline-flex; background-size: 22px 22px; animation: animName 2s linear infinite;}
@keyframes animName {
	0%{
		 transform: rotate(0deg);
		}
 100%{
		 transform: rotate(360deg);
		}
 }

/* 달력 */
.btn_day_calendar {font-size:34px; color:var(--color000); font-weight: 600;}
.day-calendar {display:none; width:auto; box-shadow: 0 4px 12px rgba(0, 0, 0, .12); position: absolute; top:60px; left:50%; transform: translate(-50%); z-index:1; background:#fff; border-radius: 8px;}
.day-calendar.active {display:block;}
.day-calendar__wrapper {padding:16px;}
.day-calendar__navigation {margin-bottom: 10px; display:flex; justify-content: space-between; text-align: center; align-items: center;}
.day-calendar__navigation .day__prev {font-size: 18px; font-weight: 600; color: #111; width:36px; height:36px; background:url(../../../files/web1/images/common/month_prev.png) no-repeat center center; background-size: 8px 12px;}
.day-calendar__navigation .day__prev:hover {background:#f5f5f5 url(../../../files/web1/images/common/month_prev.png) no-repeat center center; background-size: 8px 12px; border-radius: 100%;}
.day-calendar__navigation .day__next {font-size: 18px; font-weight: 600; color: #111; width:36px; height:36px; background:url(../../../files/web1/images/common/month_prev.png) no-repeat center center; background-size: 8px 12px; transform: rotate(180deg);}
.day-calendar__navigation .day__next:hover {background:#f5f5f5 url(../../../files/web1/images/common/month_prev.png) no-repeat center center; background-size: 8px 12px; transform: rotate(180deg); border-radius: 100%;}
.day-calendar__weekdays {display:flex; align-items: center; margin-bottom:8px;}
.day-calendar__weekday {width:35px; font-family: 'pretendard'; font-size:14px; color:rgba(0, 0, 0, 0.5); font-weight: 600; text-align: center; flex:1;}
.day-calendar__days {position: relative;}
.day-calendar__days table {width:100%;}
.day-calendar__days table thead th {text-align:center; font-family: 'pretendard'; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.day-calendar__days table tbody td {text-align:center; position: relative;}
.day-calendar__days table tbody td a {display:flex; align-items: center; justify-content: center; font-family: 'pretendard'; font-size:14px; height:35px; width:35px; color:rgba(0, 0, 0, 0.6); margin:0 auto;}
.day-calendar__days table tbody td a:hover {background:#f5f5f5; border-radius: 100%;}
.day-calendar__days table tbody td a.active {background:#ff3b30; color:#fff; border-radius: 100%;}
.day-calendar__days table tbody td.day--muffled a {opacity: 0.6;}
.day-calendar__days table tbody tr td:first-child a {color:rgba(218, 0, 0, 0.7);}
.day-calendar__days table tbody tr td:last-child a {color:rgb(0, 94, 218, 0.7);}
.day-calendar__days table tbody tr {position: relative;}

.day-calendar__top {position: relative;}
.day-calendar__top .table {width:100%; display:table;}
.day-calendar__top .table .tr {width:100%; display:table; position: relative;}
.day-calendar__top .table .td {text-align:center; position: relative; display:table-cell; vertical-align: middle;}
.day-calendar__top .table .td a {display:flex; align-items: center; justify-content: center; font-family: 'pretendard'; font-size:14px; height:35px; width:35px; color:rgba(0, 0, 0, 0.6); margin:0 auto;}
.day-calendar__top .table .td a:hover {background:rgb(0, 0, 96, 0.05); border-radius: 100%;}
.day-calendar__top .table .td a.active {background:#ff3b30; color:#fff; border-radius: 100%;}
.day-calendar__top .table .td.day--muffled a {opacity: 0.6;}
.day-calendar__top .table .td:first-child a {color:rgba(218, 0, 0, 0.7);}
.day-calendar__top .table .td:last-child a {color:rgb(0, 94, 218, 0.7);}
.day-calendar__top .table .td .tr {position: relative;}




/* 스케줄 서치, 오늘할일 추가 버튼 */
.schedule-module__right {margin-left:auto; display:flex; position: relative;}
.schedule-module__right__web {display:block;}
.schedule-module__right__mob {display:none;}
.schedule-search {position: absolute; right:190px; display:none;}
.schedule-search.active {display:block;}
.schedule-search__inner {border:1px solid #d5d5d5; border-radius: 5px; height:38px; padding:0 10px; display:flex; align-items: center; position: relative; width:320px; box-sizing: border-box; background:var(--white);}
.schedule-search__inner::before {content: ''; width:16px; height:16px; background: url(../../../files/web1/images/common/sch_search.png) no-repeat left top; background-size: 16px 16px; margin-right:10px;}
.schedule-search input {flex:1; border:none; height:100%; background: none;}
.schedule-search__inner .schedule-search_del {height:16px;}
.schedule-search__inner .schedule-search_del img {width:16px; height:16px;}
.btn_schedule1 {display:inline-block; width:36px; height:36px; background: url(../../../files/web1/images/common/schedule_btn1_off.png) no-repeat left top; background-size:36px 36px;}
.btn_schedule2 {display:inline-block; width:36px; height:36px; background: url(../../../files/web1/images/common/schedule_btn2_off.png) no-repeat left top; background-size:36px 36px; margin-left:10px;}
.btn_schedule3 {display:inline-block; width:36px; height:36px; background: url(../../../files/web1/images/common/schedule_btn3_off.png) no-repeat left top; background-size:36px 36px; margin-left:10px;}
.btn_schedule4{display:inline-block; width:36px; height:36px; background: url(../../../files/web1/images/common/schedule_btn4_off.png) no-repeat left top; background-size:36px 36px; margin-left:10px;}
.btn_schedule1:hover {background:var(--colorf4) url(../../../files/web1/images/common/schedule_btn1_off.png) no-repeat left top; background-size:36px 36px; border-radius:5px;}
.btn_schedule2:hover {background:var(--colorf4) url(../../../files/web1/images/common/schedule_btn2_off.png) no-repeat left top; background-size:36px 36px; border-radius:5px;}
.btn_schedule3:hover {background:var(--colorf4) url(../../../files/web1/images/common/schedule_btn3_off.png) no-repeat left top; background-size:36px 36px; border-radius:5px;}
.btn_schedule4:hover {background:var(--colorf4) url(../../../files/web1/images/common/schedule_btn4_off.png) no-repeat left top; background-size:36px 36px; border-radius:5px;}
.btn_schedule1.active {background:var(--white) url(../../../files/web1/images/common/schedule_btn1_on.png) no-repeat left top; background-size:36px 36px;}
.btn_schedule2.active {background:var(--white) url(../../../files/web1/images/common/schedule_btn2_on.png) no-repeat left top; background-size:36px 36px;}
.btn_schedule3.active {background:var(--white) url(../../../files/web1/images/common/schedule_btn3_on.png) no-repeat left top; background-size:36px 36px;}
.btn_schedule4.active {background:var(--white) url(../../../files/web1/images/common/schedule_btn4_on.png) no-repeat left top; background-size:36px 36px;}

/* 달력 day 일주일*/
.schedule-basic {position: relative; border:1px solid #777; border-radius: 15px; overflow: hidden;}
.schedule-day {height:58px; display:flex; align-items: center;}

/* day 스케줄 */
.schedule-today {display:flex; padding:10px 0 10px 20px; border-bottom:1px solid #e0e0e0; max-height:70px; align-items: flex-start;}
.schedule-today__left {width:64px; padding:0 10px 0 0; box-sizing: border-box; text-align: right;}
.schedule-today__left .text {font-size:13px; color:#000; font-weight: 600;}
.schedule-today__center {flex:1; margin-right:10px; display:flex; align-items: center;}
.schedule-today__right {margin-left:auto;}
.more-cir {display:block; width:4px; height:4px; background:var(--color79); margin:2px 0 0 10px; border-radius: 100%;}

.schedule-timeline {position: relative; border-top:1px solid #d5d5d5;}
.schedule-timeline__total {position: relative; overflow-y: auto; height:675px; -ms-overflow-style: none; scrollbar-width: none; box-sizing: border-box; padding:10px 0 0 0;}
.schedule-timeline__total::-webkit-scrollbar {display: none;}
.schedule-time {display:flex; padding:0 10px 10px 20px; position: relative; min-height:70px;}
.schedule-time__left {width:65px; padding:0 10px 0 0; box-sizing: border-box; text-align: right;}
.schedule-time__left .text {font-size:13px; color:var(--color666);}
.schedule-time__right {flex:1; border-top:1px solid var(--table-line); margin-top:8px; padding:10px 0 0 0; position: relative}

.current-time {position: absolute; left:0px; top:130px; width:100%;}
.current-time__inner {display:flex; align-items: center; padding:0 0 0 20px;}
.current-time__inner .time {display:flex; align-items: center; width:100%;}
.current-time__inner .time .txt {font-size:12px; font-weight: 600; color:#ff3b30; padding:0 10px 0 0; background: var(--white);}
.current-time__inner .time .line {flex:1; content:''; height:1px; background: #ff3b30; display:flex; align-items: center;}
.current-time__inner .time .line:after {content:''; width:10px; height:10px; background: #ff3b30; border-radius: 100px; border:2px solid var(--white); margin-left:10px;}

.time-list {position: relative; flex:1;}
.time-list__item {margin-top:6px; display:flex; align-items: center; height:24px; border-radius:0 7px 7px 0;}
.time-list__item:first-child {margin-top:0;}
.time-list__item .sub { display:flex; align-items: center; padding:0 6px 0 6px; flex:1; height:100%; border-radius:0 5px 5px 0;}
.time-list__item .sub span {font-size:13px; color:#000; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:normal;}
.time-list__item::before {content:''; width:5px; border-radius: 5px 0 0 5px; height:100%;}

/* 컬러 선택 */
.new-schedule__color {position: absolute; right:0px; top:36px; background:var(--white); border-radius: 10px; z-index:5; width:180px; box-shadow: 0 4px 18px rgba(0, 0, 0, .12); display:none;}
.new-schedule__color.active {display:block;}
.new-schedule__color ul {padding:6px 0 6px 0; display:flex;}
.new-schedule__color ul li {width:25%; text-align:center; margin-top:4px; display:flex; justify-content:center;}      

.toggle-btn {width:54px; height:34px; display:flex; align-items: center; background: #e9e9ea; border-radius: 30px; box-sizing: border-box; position: relative;}
.toggle-btn .cir {display:block; border-radius: 100%; background:var(--white); width:29px; height:29px; box-shadow: 0 3px 5px rgba(0, 0, 0, .2); position: absolute; left:2px; top:2px;}
.toggle-btn.active {background: #3e57d1;}
.toggle-btn.active .cir {right:2px; left:auto;}
.btn-schedule-cal {padding:0 10px; height:34px; font-size:15px; background: #eeeeef; border-radius: 5px; display:inline-flex; align-items: center;}
.btn-schedule-cal span {margin-left:10px; font-size:15px;}
.btn-schedule-cal.active, .btn-schedule-cal.active span {color:#ff3b30;}


/* 알림 달력 */
.schedule-block-move {display:none; opacity: 0;}
.schedule-block-move__content {padding:16px 0 0 0; background:var(--white); border-bottom:1px solid var(--table-line);}
.schedule-block-move .btn-align {padding:0 16px;}
.schedule-block-move .btn-align .btn-basic {flex:1; text-align: center;}
.inform-calendar-day {position: relative;}
.inform-calendar-day__navigation {display:flex; align-items: center; margin-bottom:24px; padding:0 16px;}
.inform-calendar-day__navigation .right {margin-left:auto; display:flex; align-items: center;}

.btn-inform-calendar__month {display:flex; align-items: center;}
.btn-inform-calendar__month strong {font-size:16px;}
.btn-inform-calendar__month::after {content:''; width:6px; height:12px; background: url(../../../files/web1/images/common/year_arr.png) no-repeat left top; background-size: 6px 12px; margin-left:10px;}
.btn-inform-calendar__month.active::after {content:''; width:6px; height:12px; background: url(../../../files/web1/images/common/year_arr.png) no-repeat left top; background-size: 6px 12px; margin-left:10px; transform: rotate(180deg);}
.btn-inform-calendar__prev {width:11px; height:18px; background: url(../../../files/web1/images/common/navigation_prev.png) no-repeat left top; background-size: 11px 18px;}
.btn-inform-calendar__next {width:11px; height:18px; background: url(../../../files/web1/images/common/navigation_next.png) no-repeat left top; background-size: 11px 18px; margin-left:35px;}
.inform-calendar-day .day-calendar__days table tbody tr td a {color:#000; font-weight: 400;}
.inform-calendar-day .day-calendar__days table tbody tr td a.active {color: #fff;}
.inform-time {margin-top:15px; display:flex; align-items: center; justify-content: center; margin-bottom:20px;}

.schedule-select {position: relative;}
.inform-time__select {border:1px solid #d5d5d5; border-radius: 5px; margin:0 4px; z-index:6}
.btn-schedule-select {display:flex; height:33px; width: 110%; box-sizing: border-box; align-items: center; padding:0 15px;}
.btn-schedule-select span { min-width:40px; flex:1; font-size:14px; color:var(--color222);}
.btn-schedule-select::after {content:''; width:10px; height:6px; background:url(../../../files/web1/images/common/select_arr.png) no-repeat left top; background-size: 10px 6px; margin-left:auto;}
.btn-schedule-select.active::after {background:url(../../../files/web1/images/common/select_arr.png) no-repeat left top; background-size: 10px 6px; transform: rotate(180deg);}

.schedule-select__popup {display:none; position: absolute; left:0px; top:38px; background:var(--white); width:120%; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .14); border-radius: 5px; padding:5px 0 5px 0; z-index:1;}
.schedule-select__popup__scroll {max-height:240px; overflow-y: auto;}
.schedule-select__popup ul {position: relative;}
.schedule-select__popup ul li a {display:flex; padding:12px 15px;}
.schedule-select__popup ul li a span {font-size:14px;}
.schedule-select__popup ul li a:hover {background:#f8f8f8;}
.schedule-select__popup ul li a.active {background: #e9efff url(../../../files/web1/images/common/download.png) no-repeat center right 14px / 16px auto;} 
.schedule-select__popup ul li a.active span {font-weight: 600;}
.schedule-select__popup.on {display:block;}

.schedule-btns {border-top:1px solid var(--table-line);}
.schedule-btns__inner {display:flex; align-items: center;}
.schedule-btns__inner a {flex:1; height:48px; display:flex; align-items: center; justify-content: center;}
.schedule-btns__inner a strong {font-size:14px; flex:1; text-align: center;}
.schedule-btns__inner a:hover {background:#f5f5f5;}
.schedule-btns__inner .btn-cancle strong {color:var(--color79);}
.schedule-btns__inner .btn-cancle::after {content:''; width:1px; height:16px; background:var(--table-line); margin-left:auto;}
.schedule-btns__inner .btn-cancle:hover {background:#f5f5f5;}
.schedule-btns__inner .btn-save strong {color:var(--color000);}
.schedule-btns__inner .btn-save:hover {background:var(--blue);}
.schedule-btns__inner .btn-save:hover strong {color:var(--white);}

.inform-calendar-month {display:none;}
.mont-calendar__monts {margin-top:25px;}
.mont-calendar__monts table {width:100%;}
.mont-calendar__monts table tbody td {text-align:center; padding:5px 0;}
.mont-calendar__monts table tbody td a {display:inline-flex; width:40px; height:40px; align-items: center; justify-content: center;}
.mont-calendar__monts table tbody td a:hover {background: #f5f5f5; border-radius: 100%;}
.mont-calendar__monts table tbody td a.active {background:var(--red); color:var(--white); border-radius: 100%;}

/* day 상세보기 팝업 */
.pop-schedule-todo {background: #fbfbfb; position: absolute; right:-360px; top:0px; width:360px; height: 100%; border-radius: 0 0 15px 0; border-left:1px solid #ededed; padding:10px 30px 10px 30px; transition: right 0.3s ease-out; overflow: hidden;} 
.pop-schedule-todo.active {right:0px; box-shadow: 0px 5px 10px rgba(000,000,000,0.1);}

.schedule-todo__list {position: relative; height: calc(100% - 44px); display: flex; flex-direction: column; -ms-overflow-style: none; scrollbar-width: none; overflow-y: auto;}
.schedule-todo__list::-webkit-scrollbar {display: none;}
.schedule-todo__list__scroll {position: relative; padding:0 0 30px 0;  box-sizing: border-box;}
.schedule-todo__list .btn-today {position: sticky; left:0px; bottom:20px; text-align: center; width:100%; display:none;}
.schedule-todo__list .btn-today__go {background: var(--white); border-radius: 30px; display: inline-block; padding:3px 14px; font-size:13px; box-shadow: 1px 1px 8px rgba(69,72,86,0.1); color:var(--color222);}
.schedule-todo__item {display: flex; border-bottom:1px solid var(--table-line); padding:10px 0 10px 0;}
.schedule-todo__item .day-week {width:30px; text-align: center; margin-right:12px;}
.schedule-todo__item .day-week .day {width:30px; height:30px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size:18px;}
.schedule-todo__item .day-week .week {font-size:12px; margin-top:5px;}
.schedule-todo__item.today .day-week .day {background:#ff3b30; color: var(--white);}

.todo__list {position: relative; flex:1;}
.todo__list li {display: flex; margin:10px 0 0 0; min-height:50px;}
.todo__list li:first-child {margin-top:0;}
.todo-text {display:flex; align-items: center;}
.todo-text::before {content: ''; width:4px; height:100%; border-radius: 20px; margin:0 10px 0 0;}
.todo-text .todo-text__right {flex:1; padding:5px 0 5px 0;}
.todo-text .text1 {font-size:14px; color:var(--color000); -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:normal;}
.todo-text .text2 {font-size:13px; color:var(--color79); margin-top:5px;}

.schedule-tab__nover {position: relative; padding:10px 0 0 0; height:467px;}
.schedule-tab__scroll {overflow-y: auto;  height:365px;}
.pop-schedule-list {position: absolute; left:0px; bottom:0px; width:100%; box-sizing: border-box; padding:0 20px 0 30px; box-shadow: 1px 0px 10px rgba(000,000,000,0.1); background:#fbfbfb; height:53px;}
.pop-schedule-tab {display:flex; align-items: center; height:53px;}
.pop-schedule-tab strong {font-size:15px; color:var(--color79);}
.pop-schedule-tab::after {content:''; width:25px; height:25px; background: url(../../../files/web1/images/common/pop-schedule-tab_off.png) no-repeat left top; background-size: 25px 25px; margin-left:auto; transform: rotate(180deg);}
.pop-schedule-tab.active::after { background: url(../../../files/web1/images/common/pop-schedule-tab_on.png) no-repeat left top; background-size: 25px 25px; transform: rotate(180deg);}
.schedule-checkbox__list {position: relative;}
.schedule-checkbox__list li {margin-bottom: 15px;}

.btn-categorys {position: absolute; left:0px; bottom:30px; width:100%; padding:0 30px; box-sizing: border-box;}
.btn-category-add {display:flex; border:1px solid #d5d5d5; width:100%; height:42px; border-radius: 5px; align-items: center; justify-content: center; background: var(--white);}
.btn-category-add strong {font-size:16px;}
.btn-category-add::after {content:''; width:14px; height:14px; background: url(../../../files/web1/images/common/btn-category-add_off.png) no-repeat left top; background-size: 14px 14px; margin-left:10px;}
.btn-category-add:hover {background:#e6effb; border:1px solid #cbe1ff;}
.btn-category-add:hover strong {color:#0065ea;}
.btn-category-add:hover::after {background: url(../../../files/web1/images/common/btn-category-add_on.png) no-repeat left top; background-size: 14px 14px;}

/* 일정 없슴*/

/* 팝업 공통 */
#schedule-dimmed {background:rgb(0, 0, 0, 0.4); position: fixed; left:0px; top:0px; width:100%; height:100%; z-index:5; display:none; opacity: 0;}
.popup-schedule__close {width:21px; height:20px; background: url(../../../files/web1/images/common/pop_schedule_close.png) no-repeat left top; background-size: 21px 20px; display:block; position: absolute; right:30px; top:30px;}
.popup-schedule-event__inner {padding:25px 30px 30px 30px; position: relative; overflow-y: auto; height:747px;}
.popup-schedule-event__inner .title {font-size:20px; font-weight: 600; margin-bottom:30px;}
.new-popup-event {width:520px; position: fixed; left:50%; top:51%; transform: translate(-50%, -50%); background: var(--white); z-index:5; border-radius: 10px; display:none;}
.popup-schedule-event__inner .btn-align {margin-bottom: 0;}

/* 새로운 이벤트 추가 팝업*/
.new-schedule-event__content {overflow-y:auto; position: relative; -ms-overflow-style: none; scrollbar-width: none;}
.new-schedule-event__content::-webkit-scrollbar {display: none;}
.new-schedule-blocks {border:1px solid var(--table-line); position: relative; margin-top:30px;}
.new-schedule-blocks:first-child {margin-top:0;}
.new-schedule-block {padding:0 15px 0 15px; min-height:46px; display:flex; align-items: center; border-bottom:1px solid var(--table-line);}
.new-schedule-block:last-child {border-bottom:none;}
.new-schedule-block__left {position: relative; flex:1; text-align: left;}
.new-schedule-block__left input {border:none; width:100%; padding:0 !important;}
.new-schedule-block__right {position: relative; display:flex; justify-content: right; margin-left:10px;}
.new-schedule-block__right .new-btn {display:flex; align-items: center; border-radius: 20px; height:30px; padding:0 14px 0 14px;}
.new-schedule-block__right .new-btn strong {font-size:13px; color:var(--white);}
.new-schedule-block__right .new-btn::after {content:''; width:11px; height:6px; background: url(../../../files/web1/images/common/loc_down.png) no-repeat left top; background-size: 11px 6px; margin-left: 10px;}
.new-schedule-block__right .new-btn.active::after {background: url(../../../files/web1/images/common/loc_up.png) no-repeat left top; background-size: 11px 6px;}
.new-schedule-blocks input {margin:5px 0;}
.new-schedule-blocks textarea {margin:5px 0; height: 100px; width:100%; box-sizing: border-box; border:none; padding:5px 0 !important;}

.schedule-link__list {border-top:1px solid var(--table-line);}
.schedule-link__list li a {display:flex; box-sizing: border-box; align-items: center; padding:0 14px;}
.schedule-link__list li a:hover {background:var(--colorf4);}
.schedule-link-result {display:block;}
.schedule-link-result .tab-basic {margin-bottom: 20px;}
.schedule-link-result .tab-item .item-button {height: 45px;}

.btn-schedule-link__left {display:flex; align-items: center;}
.btn-schedule-link__left img {width:36px; height:36px; margin-right:15px;}
.btn-schedule-link__left strong {font-size:14px;}
.btn-schedule-link__right {margin-left:auto; font-size:14px;}

.category-search__inner {border-bottom:1px solid #d5d5d5; position: relative; box-sizing: border-box; display:flex; align-items: center; height:65px;}
.category-search__inner input {flex:1; border:none; background: none; margin-right:10px; font-size:22px; font-weight: 600; padding:0;}
.category-search__inner .category-cir {width:6px; height:6px; border-radius: 100%; margin:-20px 5px 0 0;}
.category-search .text {text-align: right; font-size:14px; color:var(---color79); margin-top:5px;}
.category-search .text span {font-size:14px; color:var(---color79);}
.category-color {margin-top:30px; position: relative;}
.schedule-color-list {justify-content: space-between;}
.popup-category-add .btn-align {margin-bottom:0 !important;}

.mob-schedule-tabbar, .mob-schedule-search, .mob-schedule-todo, .mob-schedule-category {display:none;}

/* 달력 week 일주일*/
.schedule-weeks {height:58px; display:flex; align-items: center;}

/* day 스케줄 */
.schedule-week {display:flex; padding:10px 0 10px 20px; max-height:70px; align-items: flex-start;}
.schedule-week__center {flex:1; display:flex; align-items: baseline; margin-left:auto;}

.top-week-schedule {width:14.2%; box-sizing: border-box; padding:0 10px; display:flex; align-items: center;}

.schedule-week-time {display: flex; padding: 0 0 0 20px; position: relative; min-height: 70px;}
.schedule-week-time__left {width:64px; padding:0 10px 0 0; box-sizing: border-box; text-align: right; margin-top:-8px;}
.schedule-week-time__left .text {font-size:13px; color:var(--color666);}
.schedule-week-time__right {flex: 1; border-top: 1px solid var(--table-line); position: relative;}
.schedule-week_detail {display:flex;}
.schedule-time__week {width:14.2%; min-height:74px; box-sizing: border-box; padding:10px; display:flex; align-items: center; border-left:1px solid var(--table-line);}
.schedule-time__week:first-child {border-left:none;}
.web-week {display:block;}
.mob-week {display:none;}

/* 달력 month 일주일*/
.schedule-months {position: relative;}
.schedule-months ul {display:flex; align-items: center;}
.schedule-months li {text-align: center; font-size:16px; display:flex; align-items: center; justify-content: center; width:14.2%; box-sizing: border-box; height:58px;}
.schedule-months li:first-child {color:#f26e54;}
.schedule-months li:last-child {color:#3e57d1;}

.month-timeline {position: relative;}
.schedule-month {display: flex;}
.top-month-schedule {width:14.2%; height:175px; box-sizing: border-box; padding:10px 10px 0 10px; border-left:1px solid var(--table-line); border-top: 1px solid var(--table-line);}
.top-month-schedule .day {font-size:15px; margin:0 auto; width:25px; height:25px; display:flex; align-items: center; justify-content: center;}
.top-month-schedule .day.active {background:#ff3b30; border-radius: 100%; color:var(--white);}

.top-month-schedule:first-child .day {color:#f26e54;}
.top-month-schedule:last-child .day {color:#3e57d1;}

.month-list {position: relative; flex:1;}
.month-list__item {margin-top:5px;}
.month-list__item .sub {border-radius: 5px; height:22px; display:flex; align-items: center; padding:0 10px; box-sizing: border-box; }
.month-list__item .sub .text {display: -webkit-box; -webkit-box-orient: vertical;  overflow: hidden; -webkit-line-clamp: 1; font-size:13px;}

.month-section {display:flex; align-items: center; margin-top:10px;}
.month-section__right {margin-left:auto;}

/* 달력 year */
.month-year-section {display:flex; flex-wrap: wrap; padding:60px 3% 60px 3%; gap:70px 15px; justify-content:flex-start;}
.month-year {position: relative; width:24%;}
.year-title {display:flex; align-items: end; margin-bottom: 10px; cursor: pointer; justify-content: center;}
.year-title .kor {font-size:20px;}
.year-title .eng {font-size:14px; letter-spacing: 0; color:#999; margin-left:8px;}
.year-table {display:table; width:100%;}
.year-table__tr {display:table; width:100%;}
.year-table__td {display:table-cell; vertical-align: middle; text-align: center; width: 14.2%; height:24px; position: relative;}
.year-table__td .year-day {display:flex; font-size:14px; height:100%; align-items: center; justify-content: center; position: relative;}
.year-table__td:first-child .year-day {color:#f26e54;}
.year-table__td:last-child .year-day {color:#3e57d1;}
.year-table__td.today::before {content:''; display:block; position: absolute; left:50%; top:0px; width:24px; height:24px; background: #ff3b30; color:var(--white); border-radius: 100%; transform: translate(-50%); z-index:0;}
.year-table__td.today .year-day {color: var(--white) !important;}
.month-year-section.on {padding-right:190px;}

.month-calendar {width: 277px; padding:16px; box-shadow: 0 4px 12px rgba(0, 0, 0, .12); position: absolute; top: 60px; left: 50%; transform: translate(-50%); z-index: 1; background: var(--white); border-radius: 8px; box-sizing: border-box; display:none;}
.btn-month-calendar {display:flex; align-items: center;}
.btn-month-calendar::before {content:''; width: 6px; height: 12px; background: url(../../../files/web1/images/common/year_arr.png) no-repeat left top; background-size: 6px 12px; margin-right: 10px; transform: rotate(180deg);}
.month-calendar .inform-calendar-day__navigation {padding:0 !important;}
.month-calendar .mont-calendar__monts table tbody td a {width:34px; height:34px;}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
	.month-year-section {padding:60px 2% 60px 2%; gap:60px 15px;}
	.month-year-section.on {padding-right:150px;}
}

@media screen and (min-width: 900px) and (max-width: 1199px){
	.month-year-section {padding:60px 2% 60px 2%; gap:50px 5px;}
	.month-year-section.on {padding-right:355px;}
}

@media screen and (max-width: 899px){

/* day 달력 */
.schedule-basic {border:none; margin:0 -18px;}
.schedule-day {display:none;}
.schedule-timeline {border-top:none; padding:0 0 50px 0;}
.schedule-today {padding:0 0 5px 12px;}
.schedule-today__left {width:60px;}
.schedule-time {padding:0 12px 0 12px; min-height:55px;}
.schedule-time__left {width:62px;}
.schedule-time__left .text {font-size:12px;}
.schedule-time__right {padding:6px 0 0 5px;}
.current-time__inner {padding:0 0 0 12px;}
.current-time__inner .time .txt {font-size:11px;}
.schedule-timeline__total {height:auto;}

.mob-schedule-tabbar {display:block; position: fixed; left:0px; bottom:-75px; box-shadow: 10px 0 20px rgba(0, 0, 0, .1); width:100%; background:var(--white); z-index:2;}
.mob-schedule-tabbar__list {display:flex; align-items: center; padding:0 5px; height:50px;}
.mob-schedule-tabbar__item {flex:1; display: flex; align-items: center; justify-content: center;}
.mob-schedule-tabbar__item a {display: flex; text-align: center; position: relative; width:40px; height:40px; align-items: center; justify-content: center;}
.mob-schedule-tabbar__item a .icon {display:inline-block; width:36px; height:36px; position: relative;}
.mob-schedule-tabbar__item a .icon1 {background: url(../../../files/web1/images/common/mob_schedule_iocn1.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a .icon2 {background: url(../../../files/web1/images/common/mob_schedule_iocn2.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a .icon3 {background: url(../../../files/web1/images/common/mob_schedule_iocn3.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a .icon4 {background: url(../../../files/web1/images/common/mob_schedule_iocn4.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a .icon6 {background: url(../../../files/web1/images/common/mob_schedule_iocn6.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a.active .icon1 {background: url(../../../files/web1/images/common/mob_schedule_iocn1_on.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a.active .icon2 {background: url(../../../files/web1/images/common/mob_schedule_iocn2_on.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a.active .icon3 {background: url(../../../files/web1/images/common/mob_schedule_iocn3_on.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a.active .icon4 {background: url(../../../files/web1/images/common/mob_schedule_iocn4_on.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a.active .icon6 {background: url(../../../files/web1/images/common/mob_schedule_iocn6_on.png) no-repeat center center; background-size: 24px 24px;}
.mob-schedule-tabbar__item a strong {display: block; font-size:10px; position: relative;}
.mob-schedule-tabbar__item a:active::before {content:''; display:block; background:rgb(0, 0, 0, 0.05); border-radius:10px; width:100%; height:100%; position: absolute; left:50%; top:0px; transform: translate(-50%,0);}
#wrapper {height:auto !important; overflow: hidden;}

/* 탭, 공유, 갱신 */
.schedule-top {position: relative; padding:0 0 30px 0;}
.schedule-tab {display:flex; width:100%; box-sizing: border-box;}
.schedule-tab li {flex:1; margin:0 0 0 -1px;}
.schedule-tab li a {height:38px; border:1px solid var(--table-line); background:#f9f9f9; font-size:14px; width:100%;}
.schedule-tab li:first-child a {border-radius: 5px 0 0 5px;}
.schedule-tab li:last-child a {border-radius: 0 5px 5px 0;}
.schedule-tab li.active a {font-weight: 600;}

/* 스케줄 서치, 오늘할일 추가 버튼 */
.schedule-module__right {margin-left:auto; display:flex; position: relative;}
.schedule-module__right__web {display:none;}
.schedule-module__right__mob {display:block;}
.btn_schedule5 {display:block; width:34px; height:34px; background: url(../../../files/web1/images/common/schedule_btn5_off.png) no-repeat left top; background-size:34px 34px; border-radius: 5px;}
.btn_schedule5:active {background:rgb(0, 0, 0, 0.05) url(../../../files/web1/images/common/schedule_btn5_on.png) no-repeat left top; background-size:34px 34px;}

/* 스케줄 버튼 */
.schedule-module {padding: 0 0 20px 0;}
.schedule-module__center {position: relative; display: flex; margin:-4px 0 0 15px;}
.schedule-module__center .center {display: flex;}
.schedul_prev {width:32px; height:34px; background: url(../../../files/web1/images/common/schedule_w_prev.png) no-repeat center center; background-size:7px 13px; border:1px solid #d5d5d5; border-radius: 3px 0 0 3px; border-right:none; box-sizing: border-box;}
.schedul_prev:hover, .schedul_prev:active {background:rgb(0, 0, 0, 0.05) url(../../../files/web1/images/common/schedule_w_prev.png) no-repeat center center; background-size:7px 13px;}
.schedul_next {width:32px; height:34px; background: url(../../../files/web1/images/common/schedule_w_next.png) no-repeat center center; background-size:7px 13px; border:1px solid #d5d5d5; box-sizing: border-box;}
.schedul_next:hover, .schedul_next:active {background:rgb(0, 0, 0, 0.05) url(../../../files/web1/images/common/schedule_w_next.png) no-repeat center center; background-size:7px 13px;}
.schedule_today { height:34px; display:flex; align-items: center; justify-content: center; border:1px solid #d5d5d5; border-radius: 0 3px 3px 0; border-left:none; box-sizing: border-box; padding:0 10px; font-size:14px;}
.schedule_today span {font-size:13px; color:var(--color000);}
.schedule_today:active {background: #f3f3f3;}
.ico_s_syn {display: none;}

/* 달력 */
.btn_day_calendar {font-size:24px;}
.day-calendar {top:50px;}

/* day 스케줄 */
.schedule-today {padding:0 0 10px 12px;}
.schedule-today__left {width:60px; padding:0 10px 0 0; box-sizing: border-box; text-align: right;}
.schedule-today__left .text {font-size:12px;}
.schedule-today__center {flex:1; margin-right:10px; display:flex; align-items: center;}
.schedule-today__right {margin-left:auto;}
.more-cir {display:block; width:4px; height:4px; background:var(--color79); margin:2px 0 0 10px; border-radius: 100%;}

.schedule-timeline {border-top:none; padding:0 0 40px 0;}
.schedule-timeline__total {position: relative; overflow-y: auto; height:675px; -ms-overflow-style: none; scrollbar-width: none; box-sizing: border-box; padding:10px 0 0 0;}
.schedule-timeline__total::-webkit-scrollbar {display: none;}
.schedule-time {display:flex; padding:0 10px 5px 20px; position: relative; min-height:70px;}
.schedule-time__left {width:60px; padding:0 10px 0 0; box-sizing: border-box; text-align: right;}
.schedule-time__left .text {font-size:12px; color:var(--color666);}
.schedule-time__right {flex:1; border-top:1px solid var(--table-line); margin-top:8px; padding:5px 0 0 0; position: relative}

.current-time {position: absolute; left:0px; top:130px; width:100%;}
.current-time__inner {display:flex; align-items: center; padding:0 0 0 20px;}
.current-time__inner .time {display:flex; align-items: center; width:100%;}
.current-time__inner .time .txt {font-size:12px; font-weight: 600; color:#ff3b30; padding:0 10px 0 0;}
.current-time__inner .time .line {flex:1; content:''; height:1px; background: #ff3b30; display:flex; align-items: center;}
.current-time__inner .time .line:after {content:''; width:10px; height:10px; background: #ff3b30; border-radius: 100px; border:2px solid var(--white); margin-left:10px;}

.time-list {position: relative; flex:1;}
.time-list__item {margin-top:6px; display:flex; align-items: center; height:24px; border-radius:0 7px 7px 0;}
.time-list__item:first-child {margin-top:0;}
.time-list__item .sub { display:flex; align-items: center; padding:0 6px 0 6px; flex:1; height:100%; border-radius:0 5px 5px 0;}
.time-list__item .sub span {font-size:13px; color:#000; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:normal;}
.time-list__item::before {content:''; width:5px; border-radius: 5px 0 0 5px; height:100%;}

/* 팝업 공통 */
#schedule-dimmed {background:rgb(0, 0, 0, 0.4); position: fixed; left:0px; top:0px; width:100%; height:100%; z-index:5; display:none; opacity: 0;}
.popup-schedule__close {width:15px; height:15px; display:block; position: absolute; right:20px; top:22px; background:url(../../../files/web1/images/common/pop_schedule_close.png) no-repeat left top; background-size: 15px 15px;}
.popup-schedule-event__inner {padding:15px 20px 20px 20px; position: relative; text-align:center; height:auto;}
.popup-schedule-event__inner .title {font-size:20px; font-weight: 600; margin-bottom:20px;}
.new-popup-event {width:100%; height:100%; position: fixed; left:0; top:0px; transform: translate(0, 0); background: var(--white); z-index:5; border-radius: 0px; display:none; overflow: hidden;}

/* 새로운 이벤트 추가 팝업*/
.new-schedule-event__content {overflow-y:auto; position: relative; -ms-overflow-style: none; scrollbar-width: none;}
.new-schedule-event__content::-webkit-scrollbar {display: none;}
.new-schedule-blocks {border:1px solid var(--table-line); position: relative; margin-top:30px;}
.new-schedule-blocks:first-child {margin-top:0;}
.new-schedule-block {padding:0 15px 0 15px; min-height:46px; display:flex; align-items: center; border-bottom:1px solid var(--table-line);}
.new-schedule-block:last-child {border-bottom:none;}
.new-schedule-block__left {position: relative; flex:1; text-align: left;}
.new-schedule-block__left input {border:none; width:100%; padding:0 10px !important;}
.new-schedule-block__right {position: relative; display:flex; justify-content: right; margin-left:10px;}
.new-schedule-block__right .new-btn {display:flex; align-items: center; border-radius: 20px; height:30px; padding:0 14px 0 14px;}
.new-schedule-block__right .new-btn strong {font-size:13px; color:var(--white);}
.new-schedule-block__right .new-btn::after {content:''; width:11px; height:6px; background: url(../../../files/web1/images/common/loc_down.png) no-repeat left top; background-size: 11px 6px; margin-left: 10px;}
.new-schedule-block__right .new-btn.active::after {background: url(../../../files/web1/images/common/loc_up.png) no-repeat left top; background-size: 11px 6px;}
.new-schedule-blocks input {margin:5px 0;}
.new-schedule-blocks textarea {margin:5px 0; height: 100px; width:100%; box-sizing: border-box; border:none; padding:5px 0 !important;}

.schedule-link__list {border-top:1px solid var(--table-line);}
.schedule-link__list li a {display:flex; box-sizing: border-box; align-items: center; padding:0 14px;}
.schedule-link__list li a:hover {background:var(--colorf4);}
.schedule-link-result {display:block;}
.schedule-link-result .tab-basic {margin-bottom: 20px;}
.schedule-link-result .tab-item .item-button {height: 40px;}

.btn-schedule-link__left {display:flex; align-items: center;}
.btn-schedule-link__left img {width:36px; height:36px; margin-right:15px;}
.btn-schedule-link__left strong {font-size:14px;}
.btn-schedule-link__right {margin-left:auto; font-size:14px;}

.category-search__inner {border-bottom:1px solid #d5d5d5; position: relative; box-sizing: border-box; display:flex; align-items: center; height:55px;}
.category-search__inner input {flex:1; border:none; background: none; margin-right:10px; font-size:20px; font-weight: 600; padding:0;}
.category-search__inner input::placeholder {color:#b6b6b6;}
.category-search__inner .category-search_del {height:20px; margin-left:auto;}
.category-search__inner .category-search_del img {width:20px; height:20px;}
.category-search__inner .category-cir {width:6px; height:6px; border-radius: 100%; margin:-20px 5px 0 0;}
.category-search .text {text-align: right; font-size:14px; color:var(---color79); margin-top:5px;}
.category-search .text span {font-size:14px; color:var(---color79);}
.category-color {margin-top:30px; position: relative;}
.schedule-color-list {justify-content: space-between;}
.popup-category-add .btn-align {margin-bottom:0 !important;}

/* 모바일 서치 팝업 */
.mob-schedule-search {position: fixed; left:0px; top:-85px; box-shadow: 0px 5px 10px rgba(000,000,000,0.1); width:100%; z-index:5; background: var(--white); display:block;}
.mob-schedule-search__inner {padding:0; display:flex; align-items: center; margin:0 30px 10px 0; box-sizing: border-box;}
.mob-schedule-search__left {flex:1; background:#f5f5f5; display:flex; align-items: center; padding:0 10px 0 15px; border-radius: 5px; margin-right:10px;}
.mob-schedule-search__left::before {content: ''; width:16px; height:16px; background: url(../../../files/web1/images/common/sch_search.png) no-repeat left top; background-size: 16px 16px; margin-right:10px;}
.mob-schedule-search__left input {flex:1; border:none; height:40px; background: none; margin-right:10px;}
.mob-schedule-search__left .schedule-search_del {height:16px;}
.mob-schedule-search__left .schedule-search_del img {width:16px; height:16px;}
.mob-schedule-search__right {margin-left:auto;}
.mob-schedule-search__right .btn-tabbar__category {height:40px; background:var(--blue); font-size:14px; font-weight: 600; color:var(--white); border-radius: 5px; padding:0 10px; display:flex; align-items: center; justify-content: center;}

/* 모바일 일정 팝업 */
.mob-schedule-todo {position: fixed; left:0px; top:50%; width:100%; height:100%; z-index:5; background: var(--white); display:none; opacity: 0;}
.todo-text .todo-text__right {text-align: left;}
.schedule-todo__list .btn-today {position: fixed;}

/* 모바일 일반 카테고리 */
.mob-schedule-category {position: fixed; left:0px; top:50%; width:100%; height:100%; z-index:5; background: var(--white); display:none;}
.schedule-tab__nover {position: relative; padding:10px 0 0 0; height:auto;}
.schedule-tab__scroll {overflow-y: auto; height:auto;}
.pop-schedule-list {position: absolute; left:0px; bottom:0px; width:100%; box-sizing: border-box; padding:0 20px 0 30px; box-shadow: 1px 0px 10px rgba(000,000,000,0.1); background:#fbfbfb; height:53px;}
.pop-schedule-tab {display:flex; align-items: center; height:53px;}
.pop-schedule-tab strong {font-size:15px; color:var(--color79);}
.pop-schedule-tab::after {content:''; width:25px; height:25px; background: url(../../../files/web1/images/common/pop-schedule-tab_off.png) no-repeat left top; background-size: 25px 25px; margin-left:auto; transform: rotate(180deg);}
.pop-schedule-tab.active::after { background: url(../../../files/web1/images/common/pop-schedule-tab_on.png) no-repeat left top; background-size: 25px 25px; transform: rotate(180deg);}
.schedule-checkbox__list {position: relative; text-align: left;}
.schedule-checkbox__list li {margin-bottom: 15px;}

.btn-categorys {position: fixed; left:0; bottom:20px; width:100%; display:none;}
.btn-category-add {display:flex; border:1px solid #d5d5d5; width:100%; height:40px; border-radius: 5px; align-items: center; justify-content: center; background: var(--white);}
.btn-category-add strong {font-size:13px;}
.btn-category-add::after {content:''; width:10px; height:10px; background: url(../../../files/web1/images/common/btn-category-add_off.png) no-repeat left top; background-size: 10px 10px; margin-left:5px;}
.btn-category-add:hover, .btn-category-add:active {background:#e6effb; border:1px solid #cbe1ff;}
.btn-category-add:hover strong, .btn-category-add:active strong {color:#0065ea;}
.btn-category-add:hover::after, .btn-category-add:active::after {background: url(../../../files/web1/images/common/btn-category-add_on.png) no-repeat left top; background-size: 10px 10px;}

.popup-category-add {z-index:6; top:0%;}
.pop-schedule-todo {right: -360px;}

/* 달력 week 일주일*/
.schedule-weeks {height:auto; display:flex; align-items: center; margin-bottom:30px;}

.web-week {display:none;}
.mob-week {display:block;}

/* 달력 month 일주일*/
.schedule-months {position: relative; padding:0 18px 10px 18px;}
.schedule-months ul {display:flex; align-items: center;}
.schedule-months li {text-align: center; font-size:12px; display:flex; align-items: center; justify-content: center; width:14.2%; box-sizing: border-box; height:auto;}
.schedule-months li:first-child {color:#f26e54;}
.schedule-months li:last-child {color:#3e57d1;}

.month-timeline {position: relative; padding:0 18px;}
.schedule-month {display: flex;}
.top-month-schedule {width:14.2%; height:67px; box-sizing: border-box; padding:5px 5px 0 5px; border-left:none; border-top: 1px solid var(--table-line);}
.schedule-month:first-child .top-month-schedule {border-top:none;}
.top-month-schedule .day {font-size:17px; margin:0 auto; width:32px; height:32px; display:flex; align-items: center; justify-content: center;}
.top-month-schedule .day.active {background:#ff3b30; border-radius: 100%; color:var(--white);}

.top-month-schedule:first-child .day {color:#f26e54;}
.top-month-schedule:last-child .day {color:#3e57d1;}

.month-list {position: relative; flex:1; display:flex; align-items: center; justify-content: center;}
.month-list__item {margin:0 2px 0 2px;}
.month-list__item .sub {border-radius: 100px; width:5px; height:5px; display:flex; align-items: center; padding:0; box-sizing: border-box; }
.month-list__item .sub .text {display: none;}

.month-section {display:flex; align-items: center; margin-top:10px;}
.month-section__right {margin-left:auto; display:none;}

.month-list__item.schedule-color0 .sub {background:#c5c5c7;}
.month-list__item.schedule-color1 .sub {background:var(--schedule-color1);}
.month-list__item.schedule-color2 .sub {background:var(--schedule-color2);}
.month-list__item.schedule-color3 .sub {background:var(--schedule-color3);}
.month-list__item.schedule-color4 .sub {background:var(--schedule-color4);}
.month-list__item.schedule-color5 .sub {background:var(--schedule-color5);}
.month-list__item.schedule-color6 .sub {background:var(--schedule-color6);}
.month-list__item.schedule-color7 .sub {background:var(--schedule-color7);}
.month-list__item.schedule-color8 .sub {background:var(--schedule-color8);}
.month-list__item.schedule-color9 .sub {background:var(--schedule-color9);}
.month-list__item.schedule-color10 .sub {background:var(--schedule-color10);}
.month-list__item.schedule-color11 .sub {background:var(--schedule-color11);}
.month-list__item.schedule-color12 .sub {background:var(--schedule-color12);}

.month-year-section {display:flex; flex-wrap: wrap; padding:0 20px 50px 20px; gap:40px 20px; justify-content:center;}
.month-year {position: relative; padding:0; width:45%; flex:unset; margin:0;}
.year-title {display:flex; align-items: end; margin-bottom: 10px;}
.year-title .kor {font-size:17px;}
.year-title .eng {font-size:12px; letter-spacing: 0; color:#999; margin-left:5px; font-weight: 500;}
.year-table {display:table; width:100%;}
.year-table__tr {display:table; width:100%;}
.year-table__td {display:table-cell; vertical-align: middle; text-align: center; width: 14.2%; height:20px;}
.year-table__td .year-day {display:flex; font-size:13px; height:100%; align-items: center; justify-content: center;}
.year-table__td:first-child .year-day {color:#f26e54;}
.year-table__td:last-child .year-day {color:#3e57d1;}
.year-table__td.today::before {content:''; display:block; position: absolute; left:50%; top:50%; width:20px; height:20px; background: #ff3b30; color:var(--white); border-radius: 100%; transform: translate(-50%, -50%); z-index:0;}
.month-year-section.on {padding-right:0;}

.mob-schedule-todo .popup-schedule__close {top:20px;}

.mob-schedule-todo__close {top: 27px;}

}

.side_highlight{background-color: yellow !important; font-size: 14px !important;}/*검색 하이라이터*/

.time-list__item{cursor: pointer;}
.month-list__item{cursor: pointer;}
.todo__list li{cursor: pointer;}

.custom-select-wrap {display:none;}
.schedule-select__popup {display:none;}
.custom-radio-wrap{display:none;}

.schedule-select.disabled {
  pointer-events: none !important;
  cursor: default !important;
  opacity: 0.5 !important;
}