@charset "utf-8";

.main-content-box03 .main-mini-box{margin:0 auto;padding:10rem 2rem;max-width:148rem;}
.main-content-box03 .schedule-tit-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 3rem;}
.main-content-box03 .main-schedule-btn{display:block;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--color03) url(/_res/gradcau/cauoia/img/main/btn-schedule01.png) no-repeat center/1.6rem;}

.main-schedule-month-box{margin:0 0 4rem;}
.main-schedule-month-box > ul{display:flex;justify-content:center;gap:clamp(1rem, 1.65vw, 3rem);padding:1rem 0;border-radius:2rem;background:var(--color15);}
.main-schedule-month-box > ul > li a{display:inline-block;padding:1.6rem 2rem;min-width:clamp(6rem, 5vw, 8.5rem);font-weight:var(--font-weight-medium);font-size:2rem;line-height:1;text-align:center;color:var(--white100);box-sizing:border-box;}
.main-schedule-month-box > ul > li.active a{border-radius:10rem;background:var(--white100);font-weight:var(--font-weight-semibold);color:var(--color08);}

.main-schedule-con-outer{position:relative;padding:0 0 6rem;border-bottom:1px solid var(--black20);}
.main-schedule-con-wrap{margin:0 auto;max-width:130rem;}
.main-schedule-con-wrap .swiper-slide{margin:0 2rem 0 0;width:calc((100% - 4rem)/3);}
.main-schedule-con-wrap .swiper-slide .schedule-inner-box{display:flex;align-items:center;gap:2.4rem;}
.main-schedule-con-wrap .swiper-slide .schedule-left{display:flex;flex-shrink:0;flex-direction: column;justify-content:center;align-items:center;width:10rem;height:10rem;border:2px solid var(--color08);border-radius:2rem;text-align:center;transition:0.3s ease;}
.main-schedule-con-wrap .swiper-slide .schedule-left .month{font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:1.2;color:var(--color08);transition:0.3s ease;}
.main-schedule-con-wrap .swiper-slide .schedule-left .month-day{font-weight:var(--font-weight-extrabold);font-size:2.8rem;line-height:1.2;color:var(--color08);transition:0.3s ease;}
.main-schedule-con-wrap .swiper-slide .schedule-right{width:calc(100% - 12.4rem);}
.main-schedule-con-wrap .swiper-slide .schedule-right .schedule-tit{display:-webkit-box;font-weight:var(--font-weight-medium);font-size:2.4rem;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--black100);overflow:hidden;}
.main-schedule-con-wrap .swiper-slide .schedule-right .schedule-date{font-weight:var(--font-weight-medium);font-size:1.8rem;line-height:1.2;color:var(--color02);}
.main-schedule-con-wrap .swiper-slide .schedule-inner-box:hover .schedule-left{background:var(--color08);}
.main-schedule-con-wrap .swiper-slide .schedule-inner-box:hover .schedule-left .month{color:var(--white100);}
.main-schedule-con-wrap .swiper-slide .schedule-inner-box:hover .schedule-left .month-day{color:var(--white100);}

.main-schedule-con-outer .main-schedule-prev{position:absolute;left:0;top:2.6rem;width:4.8rem;height:4.8rem;background:url(/_res/gradcau/cauoia/img/main/img-schedule-prev@2x.png) no-repeat center/100%;}
.main-schedule-con-outer .main-schedule-next{position:absolute;right:0;top:2.6rem;width:4.8rem;height:4.8rem;background:url(/_res/gradcau/cauoia/img/main/img-schedule-next@2x.png) no-repeat center/100%;}
.main-schedule-con-outer .main-schedule-prev:hover{background:url(/_res/gradcau/cauoia/img/main/img-schedule-prev-hover@2x.png) no-repeat center/100%;}
.main-schedule-con-outer .main-schedule-next:hover{background:url(/_res/gradcau/cauoia/img/main/img-schedule-next-hover@2x.png) no-repeat center/100%;}

@media screen and (max-width:1400px){
	.main-content-box03 .main-mini-box{padding:8rem 2rem 5rem;}
	.main-schedule-con-outer{padding:0 0 12.8rem;}
	.main-schedule-month-box > ul{justify-content:flex-start;gap:0;overflow-x:auto;}
	.main-schedule-month-box > ul > li a{min-width:8.5rem;}	
	.main-schedule-con-wrap .swiper-slide{margin:0 !important;width:100% !important;}
	.main-schedule-con-wrap .schedule-group{display:flex;flex-direction:column;gap:2.4rem;}
	.main-schedule-con-wrap .swiper-slide .schedule-inner-box{gap:2rem;}
	.main-schedule-con-wrap .swiper-slide .schedule-left{width:8rem;height:8rem;}
	.main-schedule-con-wrap .schedule-right{width:calc(100% - 10rem);}
	.main-schedule-con-wrap .swiper-slide .schedule-right .schedule-tit{font-size:2rem;}
	.main-schedule-con-wrap .swiper-slide .schedule-right .schedule-date{font-size:1.6rem;}
	.main-schedule-con-outer .main-schedule-prev{top:auto;bottom:4rem;left:calc(50% - 4.8rem);}
	.main-schedule-con-outer .main-schedule-next{top:auto;bottom:4rem;right:calc(50% - 4.8rem);}
}