@charset "utf-8";

/* 학사일정 - 헤더 */
.b-calendar-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:0 0 2.6rem;}
.b-cal-select-list ul{display:flex;}
.b-cal-select-list ul li{display:flex;align-items:center;}
.b-cal-select-list ul li:after{content:'';margin:0 2.4rem;width:1px;height:2.8rem;background:var(--color56);}
.b-cal-select-list ul li:last-of-type:after{display:none;}
.b-cal-select-box{position:relative;margin:0 0 0 -2.4rem;}
.b-cal-select-box:after{content:'';position:absolute;top:50%;right:0;width:3.7rem;height:3.7rem;border:1px solid var(--color48);border-radius:50%;background:#fff url(../img/sj-board/ico-arr-calender%402x.png) no-repeat 50% 50% / 1.2rem;pointer-events:none;transform:translateY(-50%);}
.b-cal-select-box .b-cal-select{padding:0 7.8rem 0 2.4rem;border:none;background:none;font-family:inherit;font-size:2.4rem;line-height:3.4rem;color:var(--black100);font-weight:var(--font-weight-bold);outline:none;}
.b-cal-select-box .b-cal-select option{font-size:1.8rem;line-height:2.8rem;}
.b-viewmode-box{margin-left:auto;}
.b-viewmode-box ul{display:flex;flex-wrap:wrap;gap:8px;}
.b-viewmode-box ul li.b-btn-viewmode.today{display:flex;align-items:center;position:relative;}
.b-viewmode-box ul li.b-btn-viewmode.today:after{content:'';margin:0 2px 0 1rem;width:1px;height:2.8rem;background:var(--color56);}
.b-viewmode-box ul li.b-btn-viewmode a{display:block;padding:1.4rem 2.5rem;border:1px solid var(--color56);border-radius:5rem;background:var(--color65);font-size:1.4rem;line-height:2rem;color:var(--black07);font-weight:var(--font-weight-semibold);transition:all .3s;}
.b-viewmode-box ul li.b-btn-viewmode.today a{border-color:var(--color88);background:var(--white100);color:var(--color01);}
.b-viewmode-box ul li.b-btn-viewmode a:is(:hover, .active){border-color:var(--color01);background:var(--color01);color:var(--white100)}
.b-viewmode-box ul li.b-btn-viewmode a span{display:flex;align-items:center;transition:all .3s;}
.b-viewmode-box ul li.b-btn-viewmode a span:before{content:'';display:block;position:relative;top:-1px;margin:0 8px 0 0;width:1.5rem;height:1.5rem;background:var(--black07);}
.b-viewmode-box ul li.b-btn-viewmode a:is(:hover, .active) span:before{background:var(--white100);}
.b-viewmode-box ul li.b-btn-viewmode.today a span:before{display:none;}
.b-viewmode-box ul li.b-btn-viewmode.month a span:before{mask:url(../img/sj-board/ico-view-month%402x.png) no-repeat center left / 1.5rem;}
.b-viewmode-box ul li.b-btn-viewmode.year a span:before{mask:url(../img/sj-board/ico-view-year%402x.png) no-repeat center left / 1.5rem;}

/* 학사일정 - 연간 */
.b-calendar-annual{margin:0 0 4rem;border-top:1px solid var(--color89);}
.b-calendar-annual .b-month-wrap{display:flex;align-items:center;padding:3.4rem 0;border-bottom:1px solid var(--color10);}
.b-calendar-annual .b-month-wrap .b-month-title{padding:0 2rem 0 0;min-width:15rem;}
.b-calendar-annual .b-month-wrap .b-month-title p{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:12.6rem;height:5.5rem;border-radius:5rem;background:var(--color68);font-size:1.8rem;line-height:2.6rem;color:var(--black07);font-weight:var(--font-weight-bold);color:var(--color04);}
.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item{display:flex;padding:0 0 1.8rem;}
.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item:last-of-type{padding:0;}
.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item div{padding:0 2rem 0 0;min-width:15rem;font-size:1.6rem;line-height:2.2rem;box-sizing:border-box;}
.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item .b-schedule-date{color:var(--black100);font-weight:var(--font-weight-semibold);}
.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item .b-schedule-content{color:var(--black05);font-weight:var(--font-weight-medium);}

/* 유의사항 */
.b-notice-box{padding:3.8rem 4.6rem;border-radius:4px;background:var(--color12);}
.b-notice-text{display:flex;align-items:start;position:relative;font-size:1.5rem;line-height:2.1rem;color:var(--color01);font-weight:var(--font-weight-medium);}
.b-notice-text:before{content:'';flex-shrink:0;position:relative;top:-3px;margin:0 1rem 0 0;width:2.5rem;height:2.5rem;background:var(--color01);mask:url(../img/sj-common/ico-bg-box-matter%402x.png) no-repeat center center / 100%;}

/* 학사일정 - 캘린더 리셋 */
.fc .fc-toolbar.fc-header-toolbar{display:none;}

/* 학사일정 - 캘린더 커스텀 */
.b-calendar-view-wrap{display:flex;align-items:start;gap:2rem;margin-bottom:4rem;}
.b-calendar-view-box{flex:1;width:70%;}
.b-calendar-view-box .fc .fc-scrollgrid{border-top:1px solid var(--color06);border-bottom:1px solid var(--color06);}
.b-calendar-view-box .fc .fc-scrollgrid table.fc-col-header{border-right:1px solid var(--color10);}
.b-calendar-view-box :is(.fc-scrollgrid-liquid, .fc-theme-standard td, .fc-theme-standard th){border-color:var(--color10);}
.b-calendar-view-box .fc-theme-standard tbody tr:last-of-type td{border-bottom:0;}

.b-calendar-view-box .fc-theme-standard th{border-left:0;border-right:0;}
.b-calendar-view-box .fc .fc-daygrid-day-frame{min-height:15rem;}
.b-calendar-view-box .fc .fc-col-header-cell-cushion{padding:1.4rem 5px;font-family:'ivyora-display', serif;font-size:1.4rem;line-height:2rem;font-weight:var(--font-weight-medium);text-transform:uppercase;}
.b-calendar-view-box .fc-day-sat{color:var(--color54);}
.b-calendar-view-box .fc-day-sun{color:var(--color01);}
.b-calendar-view-box .fc .fc-daygrid-day-number{padding:4px 8px;font-family:'ivyora-display', serif;font-size:1.4rem;line-height:2rem;font-weight:var(--font-weight-medium);}
.b-calendar-view-box .fc-h-event .fc-event-title{padding:5px 1.2rem;background:var(--color68);font-size:1.3rem;line-height:1.9rem;color:var(--color06);font-weight:var(--font-weight-semibold);}
.b-calendar-view-box .fc .fc-daygrid-day.fc-day-today{position:relative;background:none;color:var(--color01);text-decoration:underline;}
.b-calendar-view-box .fc .fc-daygrid-day.fc-day-today:after{content:'';position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border:1px solid var(--color01);}

.b-calendar-detail-box{padding:4rem 2rem 4.7rem;width:30%;border-top:2px solid var(--color06);border-bottom:1px solid var(--color06);box-sizing:border-box;}
.b-calendar-detail-box .b-detail-title{padding:0 0 3.6rem;font-size:2.6rem;line-height:3.6rem;font-weight:var(--font-weight-bold);color:var(--black100);}
.b-calendar-detail-box .b-detail-list .b-detail-item{padding:0 0 2.4rem;}
.b-calendar-detail-box .b-detail-list .b-detail-item:last-of-type{padding:0;}
.b-calendar-detail-box .b-detail-list .b-detail-item .b-detail-content{padding:0 0 1rem;font-size:1.8rem;line-height:2.4rem;color:var(--black03);font-weight:var(--font-weight-semibold);}
.b-calendar-detail-box .b-detail-list .b-detail-item .b-detail-date{font-size:1.4rem;line-height:2rem;color:var(--black07);font-weight:var(--font-weight-medium);}

/*@media screen and (max-width:1024.98px){
.b-calendar-header{padding:0 0 2rem;}
.b-cal-select-list ul{gap:1rem;}
.b-cal-select-list ul li:after{margin:0 1.8rem;height:2rem;}
.b-cal-select-box:after{top:0;width:2.4rem;height:2.4rem;background-size:1rem;}
.b-cal-select-box .b-cal-select{padding:0 3rem 0 0;font-size:1.8rem;line-height:2.4rem;}
.b-viewmode-box ul li.b-btn-viewmode.today:after{height:2rem;}
.b-viewmode-box ul li.b-btn-viewmode a{padding:7px 1.9rem;border-radius:2rem;font-size:1.4rem;line-height:2.4rem;}
.b-viewmode-box ul li.b-btn-viewmode a span{justify-content:center;}

.b-calendar-annual{margin:0 0 3rem;}
.b-calendar-annual .b-month-wrap{padding:2.5rem 0;}
.b-calendar-annual .b-month-wrap .b-month-title{align-self:baseline;min-width:15rem;}
.b-calendar-annual .b-month-wrap .b-month-title p{height:3.5rem;font-size:1.6rem;line-height:2.2rem;}
.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item div{min-width:20rem;font-size:1.5rem;line-height:2.1rem;}

.b-notice-box{padding:2rem;}
.b-notice-text{font-size:1.4rem;line-height:2rem;}
.b-notice-text:before{top:0;margin:0 6px 0 0;width:1.8rem;height:1.8rem;}

.b-calendar-view-wrap{flex-direction:column;}
.b-calendar-view-box{width:100%;}
.b-calendar-view-box .fc .fc-daygrid-day-frame{min-height:12rem;}

.b-calendar-detail-box{padding:3rem 2rem;width:100%;}
.b-calendar-detail-box .b-detail-title{padding:0 0 2rem;font-size:2rem;line-height:3rem;}
.b-calendar-detail-box .b-detail-list .b-detail-item{padding:0 0 1.5rem;}
.b-calendar-detail-box .b-detail-list .b-detail-item .b-detail-content{padding:0 0 5px;font-size:1.6rem;line-height:2.2rem;}
}*/

@media screen and (max-width:768px){
	/* 학사일정 - 헤더 */
	.b-calendar-header{padding:0 0 2rem;flex-direction:column;align-items:flex-start;}
	.b-cal-select-list{width:100%;}
	.b-cal-select-list ul{justify-content:space-between;gap:3.5rem;}
	.b-cal-select-list ul li{position:relative;width:calc((100% - 3.5rem)/2);}
	.b-cal-select-list ul li:after{position:absolute;top:2px;right:-1.75rem;margin:0;height:2rem;}
	.b-cal-select-list ul li:nth-of-type(2):after{display:none;}
	.b-cal-select-box{margin:0 0 0 -1rem;width:calc(100% + 1rem);}
	.b-cal-select-box:after{width:2.4rem;height:2.4rem;background-size:1rem;}
	.b-cal-select-box .b-cal-select{padding:0 3rem 0 1rem;width:100%;font-size:1.8rem;line-height:2.4rem;}
	.b-cal-select-box .b-cal-select option{font-size:1.5rem;line-height:2.5rem;}
	.b-viewmode-box{margin:0;width:100%;}
	.b-viewmode-box ul{justify-content:center;}	
	.b-viewmode-box ul li.b-btn-viewmode.today:after{height:2rem;}
	.b-viewmode-box ul li.b-btn-viewmode a{padding:7px 1.9rem;border-radius:2rem;font-size:1.4rem;line-height:2.4rem;}
	.b-viewmode-box ul li.b-btn-viewmode a span{justify-content:center;}

	
	/* 학사일정 - 헤더 (월간) */
	:has(.b-cal-select.month) .b-cal-select-list ul{gap:4.3%;}
	:has(.b-cal-select.month) .b-cal-select-list ul li:has(.b-cal-select.category){margin-right:0;width:37%;}
	:has(.b-cal-select.month) .b-cal-select-list ul li:has(.b-cal-select.year){width:30%;}
	:has(.b-cal-select.month) .b-cal-select-list ul li:has(.b-cal-select.month){width:19%;}
	:has(.b-cal-select.month) .b-cal-select-list ul li:after{right:-9%;}

	/* 학사일정 - 연간 */
	.b-calendar-annual{margin:0 0 3rem;}
	.b-calendar-annual .b-month-wrap{padding:1.6rem 0 2.5rem;}
	.b-calendar-annual .b-month-wrap .b-month-title{align-self:baseline;padding:0 2rem 0 0;min-width:auto;}
	.b-calendar-annual .b-month-wrap .b-month-title p{width:10rem;height:3.5rem;font-size:1.6rem;line-height:2.2rem;}
	.b-calendar-annual .b-month-wrap .b-schedule-list{width:calc(100% - 12rem);}
	.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item{flex-direction:column;padding:0 0 1.5rem;}
	.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item div{padding:0;min-width:auto;font-size:1.5rem;line-height:2.1rem;}
	.b-calendar-annual .b-month-wrap .b-schedule-list .b-schedule-item .b-schedule-date{padding:0 0 5px;}

	/* 학사일정 - 유의사항 */
	.b-notice-box{padding:2rem;}
	.b-notice-text{font-size:1.4rem;line-height:2rem;}
	.b-notice-text:before{top:0;margin:0 6px 0 0;width:1.8rem;height:1.8rem;}

	/* 학사일정 - 캘린더 커스텀 */
	.b-calendar-view-wrap{flex-direction:column;}
	.b-calendar-view-box{width:100%;}
	.b-calendar-view-box .fc .fc-daygrid-day-frame{min-height:12rem;}

	.b-calendar-detail-box{padding:3rem 2rem;width:100%;}
	.b-calendar-detail-box .b-detail-title{padding:0 0 2rem;font-size:2rem;line-height:3rem;}
	.b-calendar-detail-box .b-detail-list .b-detail-item{padding:0 0 1.5rem;}
	.b-calendar-detail-box .b-detail-list .b-detail-item .b-detail-content{padding:0 0 5px;font-size:1.6rem;line-height:2.2rem;}
}

@media screen and (max-width:350px){
	.b-cal-select-box:after{width:2rem;height:2rem;}
	.b-cal-select-box .b-cal-select{padding:0 2.2rem 0 1.2rem;font-size:1.6rem;line-height:2.2rem;}	
}