/* 탭 */
.sche-wrap ._tab {position: absolute; right: 0; top: 0; z-index: 1;}
.sche-wrap ._tab a {margin-left: 1rem !important; margin-bottom: 0 !important; margin-right: 0 !important;}
.sche-wrap ._tab .tab {width: 5rem !important; height: 5rem !important; margin: 0; padding: 0 !important; background-color: #D7D7D7 !important; background-position: center; background-repeat: no-repeat; border: unset !important; border-radius: 1rem; text-indent: -9999rem;}
.sche-wrap ._tab .tab-month {background-image: url('../images/ic-month.png');}
.sche-wrap ._tab .tab-month.active {background-color: #00baff !important; background-image: url('../images/ic-month-on.png');}
.sche-wrap ._tab .tab-year {background-image: url('../images/ic-year.png');}
.sche-wrap ._tab .tab-year.active {background-color: #00baff !important; background-image: url('../images/ic-year-on.png');}

/* 월간일정 */
.alb-head.month-head {display: flex; margin-bottom: 2rem;}
.alb-head.month-head select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; min-width: 12rem; height: 5rem; margin-right: 1rem; padding: .2rem 7rem 0 2.5rem; background: url('../images/ic-month-arrw.png') no-repeat right 1.5rem center; border: 1px solid #bbbbbb; border-radius: 10rem; font-family: sm; font-size: 2.2rem; color: #222; cursor: pointer;}
.alb-head.month-head select#strYear {background: #3c3c3c url('../images/ic-year-arrw.png') no-repeat right 1.5rem center; border-color: #3c3c3c; color: #fff;}
.alb-body {display: flex; height: 59.5rem;border: 0.1rem solid #ccc; border-top: 0.2rem solid #2c2c2c;}

/* 달력 헤더 */
.alb-body .sche-tab {position: relative; width: 50%; padding: 4rem 2rem; border-right: 0.1rem solid #ccc;}
.alb-body .sche-tab .calendar-title {position: relative; margin-bottom: 2.5rem;}
.alb-body .sche-tab .cal-center {display: flex; align-items: center; justify-content: center;}
.alb-body .cal-center button {width: 2.8rem; height: 2.8rem; text-indent: -9999rem;}
.alb-body .cal-center .prev-btn {background: url(../images/ic-month-prev.png) no-repeat center;}
.alb-body .cal-center .prev-btn:hover {background: url(../images/ic-month-prev-on.png) no-repeat center;}
.alb-body .cal-center .next-btn {background: url(../images/ic-month-next.png) no-repeat center;}
.alb-body .cal-center .next-btn:hover {background: url(../images/ic-month-next-on.png) no-repeat center;}
.alb-body .sche-tab strong {margin: 0 4rem; padding-top: .2rem; font-family: sm; font-size: 3rem; line-height: 4rem; color: #000;}
.alb-body .today-mark {position: absolute; top: 0; right: 0;}
.alb-body .today-mark span {display: inline-block; padding: 0.55rem 1.4rem; border: 0.1rem solid #009E96; font-family: pps; font-size: 1.8rem; color: #009E96;}

/* 달력 */
.calendar-tbl thead th {padding: .7rem 0 .6rem 0; background: #302a6c; border: none; font-family: sl; font-size: 1.5rem; color: #fff; font-weight: normal;}
.calendar-tbl tbody td {position: relative; padding: 1.7rem 1rem; font-family: sm; font-size: 1.5rem; text-align: center; color: #000; line-height: 3.4rem;}
.calendar-tbl tbody td.sat {color: #3941ED;}
.calendar-tbl tbody td.sun {color: #F03737;}
.calendar-tbl tbody td.today p::before {content: ''; position: absolute; width: 3.4rem; height: 3.4rem; margin-left: calc(-3.4rem / 2); border: 0.1rem solid #00baff; border-radius: 50%; left: 50%;}
.calendar-tbl tbody td.marked::after {content: ''; position: absolute; width: 1rem; height: 1rem; background: #00A5E3; border-radius: 50%; bottom: 0.2rem; left: 50%; margin-left: -0.5rem;}

/* 일정 */
.sche-comt {width: 50%;}
.sche-comt .scroll-wrap {max-height: 47.4rem; overflow-y: auto;}
.sche-comt .scroll-wrap::-webkit-scrollbar {width: 3rem; height: 3rem;}
.sche-comt .scroll-wrap::-webkit-scrollbar-thumb {background: #999; border: 0.9rem solid #fff;}
.sche-comt .scroll-wrap::-webkit-scrollbar-track {background-color: #fff;}
.sche-comt .comt-title {width: 100%; padding: 4rem 0 0 5rem; font-family: sm; font-size: 2.6rem; color: #333;}
.sche-comt .schedule-list {padding: 1rem 5rem; line-height: 3rem;}
.sche-comt .schedule-list li {padding: 1rem 0 0.5rem;}
.sche-comt .schedule-list .date {position: relative; padding-left: 1.5rem; font-family: pb; font-size: 1.8rem; color: #00A5E3;}
.sche-comt .schedule-list .date::before {content: ''; position: absolute; left: 0; top: 1.1rem; width: 0.7rem; height: 0.7rem; background: #00A5E3; border-radius: 50%;}
.sche-comt .schedule-list .cn {padding-left: 1.5rem; font-size: 1.8rem; color: #333;}
.sche-comt .schedule-list .cn span {background: linear-gradient(to bottom, transparent 95%, #000 0) left center no-repeat; background-size: 0; transition: background-size .5s;}
.sche-comt .schedule-list a:hover .cn span {background-size: 100% auto;}

@media screen and (max-width:1200px) {
	.alb-body {height: 56.5rem;}
	.alb-body .sche-tab {padding: 3rem 2rem;}
	.alb-body .sche-tab strong {font-size: 2.5rem;}
	.sche-comt .comt-title {padding: 2.8rem 0 0 3rem;}
	.sche-comt .schedule-list {padding: 1rem 3rem 2.5rem 3rem;}
}
@media screen and (max-width:1000px) {
	.alb-body {height: auto;flex-direction: column;}
	.alb-body .sche-tab {width: 100%; border-right: 0; border-bottom: 0.1rem solid #ccc;}
	.alb-head.month-head {margin-bottom: 3rem;}
	.sche-comt {width: 100%;}
}
@media screen and (max-width:768px) {
	.alb-head.month-head select {font-size: 1.7rem;}
	.alb-body .sche-tab {padding: 2rem;}
	.alb-body .sche-tab strong {font-size: 2.2rem;}
	.alb-body .today-mark {display: none;}
	.alb-body .today-mark span {font-size: 1.4rem;}
	.sche-comt .comt-title {font-size: 2.2rem;}
	.sche-comt .scroll-wrap {max-height: 35rem;}
	.sche-comt .schedule-list .date {font-size: 1.6rem;}
	.sche-comt .schedule-list .cn {font-size: 1.6rem;}
}

/* 연간일정 */
.year-head {margin-bottom: 1.5rem;}
.year-head .year-select {position: absolute; left: 0; top: 0;}
.year-head select {display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 12rem; height: 5rem; margin-right: 2rem; padding: 0 7rem 0 2.5rem; background: #3c3c3c url('../images/ic-year-arrw.png') no-repeat right 1.5rem center; border: none; border-radius: 10rem; font-family: sm; font-size: 2.2rem; color: #fff; cursor: pointer;}
.year-head .year-title-only {display: inline-block; margin: 0 4.5rem; padding-top: .5rem; line-height: 5rem; font-family: sm; font-size: 3rem; color: #000;}
.year-head .search {display: flex; align-items: center; justify-content: flex-start;}
.year-head .search a {display: inline-block; width: 2.8rem; height: 2.8rem; text-indent: -9999rem;}
.year-head .prev-btn {background: url(../images/ic-month-prev.png) no-repeat center;}
.year-head .prev-btn:hover {background: url(../images/ic-month-prev-on.png) no-repeat center;}
.year-head .next-btn {background: url(../images/ic-month-next.png) no-repeat center;}
.year-head .next-btn:hover {background: url(../images/ic-month-next-on.png) no-repeat center;}

.yearSchdul {border-top: 0.2rem solid #2c2c2c;}
.yearSchdul > ul {display: flex; flex-wrap: wrap;}
.yearSchdul > ul > li {width: 50%; padding: 4rem 0; border-bottom: 0.1rem solid #ccc;}
.yearSchdul .box-sch {display: flex; height: 100%;}
.yearSchdul .box-sch .num {display: flex; width: 24%; min-height: 25rem; background: #F1F6FA; font-family: sm; font-size: 4rem; color: #000; align-items: center; justify-content: center; border-radius: 1rem;}
.yearSchdul .box-sch .desc {width: calc(100% - 24%); padding: 0 4rem;}
.yearSchdul .box-sch .desc dl {margin-bottom: 1.5rem;}
.yearSchdul .box-sch .desc dl:last-child {margin-bottom: 0;}
.yearSchdul .box-sch .desc dt {position: relative; padding-left: 1.5rem; font-family: pb; font-size: 1.8rem; color: #00A5E3;}
.yearSchdul .box-sch .desc dt::before {content: ''; position: absolute; left: 0; top: 1.1rem; width: 0.7rem; height: 0.7rem; background: #00A5E3; border-radius: 50%;}
.yearSchdul .box-sch .desc dd {display: inline-block; padding-left: 1.5rem; font-size: 1.8rem; color: #333;}

@media screen and (max-width:1000px) {
	.year-head {margin-bottom: 3.5rem;}
	.year-head .year-title-only {font-size: 2.5rem;}
	.year-head .search {position: relative; top: .2rem;}
	.yearSchdul .box-sch .num {font-size: 3rem;}
}
@media screen and (max-width:768px) {
	.year-head {position: relative;}
	.year-head select {height: 4rem; font-size: 1.7rem;}
	.year-head .year-title-only {margin: 0 1.5rem; line-height: 4rem;}
	.yearSchdul > ul > li {width: 100%;}
	.yearSchdul .box-sch .desc {padding: 2rem;}
	.yearSchdul .box-sch .desc dt, 
	.yearSchdul .box-sch .desc dd {font-size: 1.6rem;}

}
@media screen and (max-width:600px) {
	.year-head .year-title-only {font-size: 2.2rem;}
}

/* noti-text */
.noti-text {position: relative; margin-top: 2rem; text-align: left;}
.noti-text p {position: relative; display: inline-flex; font-family: pr; font-size: 1.6rem; line-height: 1; color: #171717; align-items: center;}
.noti-text p::before {content: '*'; display: inline-flex; width: 1.6rem; height: 1.6rem; margin-right: 0.6rem; background: #155FBB; font-family: sl; font-size: 2.4rem; line-height: 1.3; color: #fff; justify-content: center;}

/* 레이어 팝업 */
.layer_planner {position: relative;}