#applyCalendarFirst {width:740px;float:left;}
#applyCalendarRight {width:400px;float:right;}

#applyCalendar{}

#applyCalendar #bo_list{padding:0px;}

#applyCalendar #bo_list .cal_outer {}
#applyCalendar #bo_list .cal_outer .ul_outer{}
#applyCalendar #bo_list .cal_outer .ul_outer li {display:inline-block;width:calc(100% / 7);float:left;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_header{text-align:center;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;line-height:250%;border-left:#ccc solid 1px;padding:10px 0;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_body {min-height:70px;padding:2px;border-bottom:#ccc solid 1px;border-left:#ccc solid 1px;cursor:pointer;}
#applyCalendar #bo_list .cal_outer .ul_outer li.blank {background:#f7f9fa;;}
#applyCalendar #bo_list .cal_outer .ul_outer li:nth-child(7n+1) {color:red;}
#applyCalendar #bo_list .cal_outer .ul_outer li:nth-child(7n) {color:blue;border-right:#ccc solid 1px;}
#applyCalendar #bo_list .cal_outer .ul_outer li:last-child {border-right:#ccc solid 1px;}
#applyCalendar #bo_list .cal_outer .ul_outer:after{clear:both;}

#applyTimeTable #time_outer {}
#applyTimeTable #time_outer ul {width:100%;border-top:#ccc solid 1px;}
#applyTimeTable #time_outer ul.time_ul li {display:inline-block;width:calc(100% / 6);float:left;height:50px;border-bottom:#ccc solid 1px;border-left:#ccc solid 1px;cursor:pointer;text-align:center;line-height:50px;}
#applyTimeTable #time_outer ul.time_ul li:nth-child(6n) {border-right:#ccc solid 1px;}
#applyTimeTable #time_outer ul.time_ul li:last-child {border-right:#ccc solid 1px;width:calc(100% / 6 + 1px);}

#applyTimeTable #time_outer ul.time_ul li.on { background-color:#4da8f4 !important; color:#fff;}
#applyTimeTable #time_outer ul.time_ul li.off { background-color:#ddd; !important; color:#999;cursor:pointer;}



#applyCalendar #bo_list .cal_outer .ul_outer li.li_body ul {margin-top:5px;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_body ul li {padding:0px;border:#ccc solid 1px;width:calc(100% / 6 - 2px);float:left;height:16px;margin:1px;border-radius:2px;text-align:center;font-size:.7em;line-height:160%;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_body ul li .on {background-color:#f7f9fa !important;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_body ul li .off {background-color:#fff;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_body ul li .off {background-color:#fff;}
#applyCalendar #bo_list .cal_outer .ul_outer li.li_body ul li.big {width:calc(100% / 2 - 2px);height:32px;line-height:32px;}

/************************************/


#applyCalendar #bo_list table{}
#applyCalendar #bo_list table thead{}
#applyCalendar #bo_list table thead > tr{}
#applyCalendar #bo_list table thead > tr > th{
	min-width: 120px;
	letter-spacing: 1px;
	font-weight: bold;
	border: 1px solid #fff;
	background-color: #d5d5d5;
}
#applyCalendar #bo_list table tbody{}
#applyCalendar #bo_list table tbody > tr{}
#applyCalendar #bo_list table tbody > tr > td{
	min-width: 120px;
	border: 1px solid #fff;
	height: 72px;
	background-color: #f9f8f8;
	line-height: 250%;
}
#applyCalendar #bo_list table tbody > tr > td .done{
	background-color: #ccc;
	padding: 5px 6px 5px 5px;
	color: #fff;
	border-radius: 3px;
	cursor:pointer;
}
#applyCalendar #bo_list table tbody > tr > td .yet{
	background-color: #4da8f4;
	padding: 5px 6px 5px 5px;
	border-radius: 3px;
	color: #fff;
	
}
#applyCalendar #bo_list table tbody > tr > td .yet a{
	color: #fff;
}

#bo_list .caltdsel {background:#fff;}
#bo_list .on { background-color:#4da8f4 !important; color:#fff !important;}
#bo_list .my { background-color:red !important; color:#fff !important;}

.frm_input_label {display:inline-block;width:80px;text-align:left;}




@media (max-width: 760px){

	#applyCalendarFirst {width:100%;float:normal;}
	#applyCalendarRight {width:100%;float:normal;}
	#bo_w {width:100%;max-width:100%;}	

}

@media (max-width: 320px){

	#applyCalendarFirst {width:100%;max-width:100%;float:normal;}
	#applyCalendarRight {width:100%;float:normal;}

	#bo_w {width:100%;max-width:100%;}

}



/* Dialog */
/*************************/

.dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 00;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.dialog>.tb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.dialog>.tb .inner {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
}

.dialog .top {
  display: flex;
  align-item: center;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.dialog .title {
  font-weight: bold;
  font-size: 20px;
}

.dialog .ct {
  text-align:center;
  max-height: 60vh;
  height: 60vh;
  overflow-y: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}
.dialog .ct img {width:auto;height:50vh}
.dialog .subDescription {text-align:center;font-size:1.4em;line-height:140%;padding:10px 0px; }

/* Swiper */
/*************************/
.swiper-pagination {top:10px !important;bottom:auto;height:70px;}
.swiper-pagination span {display:inline-block;background-color:rgb(0,0,0,.2);border-radius:5%;padding:5px;color:#fff !important;width:50px;height:30px;}
.swiper-button-next {width:36px;height:36px;background-color:rgb(0,0,0,.6);border-radius:50%;padding:10px;color:#fff !important;}
.swiper-button-prev {width:36px;height:36px;background-color:rgb(0,0,0,.6);border-radius:50%;padding:10px;color:#fff !important;}