@charset "utf-8";
#popup__appointment__datetime__timetable { height:140px;overflow-y:auto; }

.ui-datepicker .ui-datepicker-title select { font-size: 16px;}
.ych__datepicker .ui-datepicker .ui-datepicker-title{margin:0 10px 0 20px !important}
.ych__datepicker .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: auto !important; min-width: 72px !important; background-color: transparent !important;border: unset !important;color: #FFFFFF;appearance: none;-webkit-appearance: none !important;  background-image: url(/ych-hpc/image/ico_date_sel.svg) !important;background-repeat: no-repeat !important;background-position: center right 0.2rem !important; }
.ych__datepicker .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-month { width: 85px !important;background-color: transparent !important;border: unset !important;color: #FFFFFF;appearance: none;-webkit-appearance: none !important;  background-image: url(/ych-hpc/image/ico_date_sel.svg) !important;background-repeat: no-repeat !important;background-position: center right 0.2rem !important; }


div#main__appointment__index{padding:0 20px 80px !important}
@media(max-width:1199px){
	a.appointmen_nex_btn{width:50%; text-align: center}
	#main__appointment__index .appointmen_nex_btn, .ych__btn.ych__btn--appointment--prev {flex:none !important; width:50%}
	input.ych__btn.ych__btn--appointment--next{width:100%; text-align: center;}
	.gap-20{gap:10px !important;}

}