/* 일, 토 색 지정 */



.disNone{display:none !important;}
.borderWhitd{border: 1px solid white;}
.calendar_table .weeklyWrap td a{
		font-size : 20px;
		display : block ;
		color: white;
		font-weight : bold;
	}
/* 일요일 색상 */
/* .weeklyWrap td:first-child a{
	color: #ff3838;
	font-weight: bold;
} */
/* 토요일 색상 */
/* .weeklyWrap td:last-child a{
	color: #b9d3ff;
	font-weight: bold;
} */

.calBtn{color : white;}

.calendar_week_table thead{
	/* display: table-header-group; */
	display : none;
	
}
/* 달 이동 버튼 */
.calPrevBtn, .calNextBtn{display : none;}

/* 주 이동 버튼 */
/* .calPrevWeek{width:13px;height:22px;position:absolute;left:0;top:18px;background:url('/images/main/btn_cal_prev.png') no-repeat 0 center;}
.calNextWeek{width:13px;height:22px;position:absolute;right:0;top:18px;background:url('/images/main/btn_cal_next.png') no-repeat right center;}
 */

.calPrevWeek{
	margin-left : 10px;
}

.calNextWeek{
	margin-right:10px;
	position:absolute;
	right : 50px;
}

.calBtnDatebox{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    /* width: 30%; */
    width : 100%;
    min-width : 200px;
}

tr{display : flex;}

#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_table{
	height : 70px;
}

#contents .main_area .menu_area{
	margin : 0;
}


#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_table{
	display : grid;
	grid-template-columns : repeat(1, 1fr);
	grid-template-rows : 1fr;
	width : 100%;
}

#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_table td{
	width : 14.3%;
	height : 45px;
	margin : 3px;
	/* background: #49aaff; */
	border-radius : 10px;
}



@media(max-width : 1400px){
	
	
}


@media(max-width : 1200px){
	
	
}

@media(max-width : 900px){
	
	/* .calPrevBtn, .calNextBtn{display : block;}
	.calPrevWeek, .calNextWeek{display : none;}
	.calendar_week_table thead{display : table-header-group;}
	.weeklyWrap{display : flex !important;}
	.calendar_contents .calendar_week_table thead tr{
		border-bottom : 2px solid #ccc;	
	}
	
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_table{
		display : table-row-group;
	}
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_week_table{
		border-collapse: separate;
		border-spacing: 2px;
		position : static;
		padding-top : 20px;
	}
	 */
	 
	 
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_top .date_box{
		width: 100% !important;
		position: absolute;
        top: 15px;
        left: 20px;
        text-align : left;
	}
	
	.calBtnDatebox{
		display : grid;
		grid-template-columns : 100px 1fr 1fr;
		width: 100%;
	}
	
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_week_table {
		left : 12vw;
		width: 80%;
	}
	
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_top{
		height : 140px;
	}
	
	.calendar_table .weeklyWrap td a{
		font-size : 20px;
	}
	
	.calNextWeek{
		top : 100px;
		right: 20px;
	}
	
	.calPrevWeek{
		position : absolute;
		top : 100px;
		left : 20px;
	}
	.mainMonthlySchedule{
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    gap: 10px;
	    font-family: "Noto Sans KR Medium", sans-serif;
	    font-size: 20px;
	    font-weight: 100;
	    justify-content: flex-start;
	    position: absolute;
	    right: 10px;
	    top: 35px;
	}
	
}

.event_list_ul.swiper {
  overflow: hidden;
}
.event_list_ul.swiper .swiper-slide {
  white-space: nowrap;
  padding-right: 10px;
}

.custom-scrollbar{
	font-size : 21px;
	display : flex;
	flex-direction : row;
	justify-content : space-around;
}
.customScroll-prev, .customScroll-next{
	width : 15px;
	height : 15px;
	traistion : all 0.3s ease;
	transform : rotate(-45deg);
	
	cursor : pointer;
}

.customScroll-prev{
	border-left  : 2px solid #1d66aa;
	border-top   : 2px solid #1d66aa;
	margin-right : 5px;
}

.customScroll-next{
	border-right  : 2px solid #1d66aa;
	border-bottom : 2px solid #1d66aa;
}

@media(max-width : 500px){
	#contents .main_area .menu_area .monthly_menu .calendar_wrap .calendar_contents .calendar_table td{
		margin : 0px;
	}
	
	
}

