.calendar_top {display: flex; justify-content: space-around; align-items: center; padding:40px; border-bottom:1px dashed #a1a1a1;  border-top:2px solid #0f0f0f; overflow:hidden;}

.calendar_date {display: flex; align-items: center; font-size:180%; color:#666;}
.calendar_date span { font-size:180%; font-weight:600; margin-left:10px; color:#000;}

.calendar_date input.date_pre { margin-right:45px;}
.calendar_date input.date_next { margin-left:45px;}
.calendar_date a {display: flex;}


.calendar_date img.date_pre { margin-right:45px; vertical-align:top; }
.calendar_date img.date_next { margin-left:45px; vertical-align:top; }

.calendar_date img a { display:block; margin:0px; padding:0px;  vertical-align:top; }



.calendar_info {display: flex;}
.calendar_info p {display: flex; align-items: center; margin-left:30px;}
.calendar_info .today_i::before {display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 5px; background: #d9f2ff;}
.calendar_info .state_i::before {display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 5px; background: #0071bc;}
.calendar_info .dayoff_i::before {display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 5px; background: url(/assets/img/sub/dayoff_ico.png) no-repeat;}
/*
.today_i { background: url(/assets/img/sub/today_ico.png) no-repeat left 0px; padding-left:26px;}
.dayoff_i { background: url(/assets/img/sub/dayoff_ico.png) no-repeat left 0px; padding-left:25px;}
.state_i { background: url(/assets/img/sub/state.png) no-repeat left 0px; padding-left:30px;} 
.nostate_i { background: url(/assets/img/sub/nostate.png) no-repeat left 0px; padding-left:30px;} 
*/

.calendar_check {margin:22px auto; padding:0px; text-align:center; font-size:110%; font-weight:500; display:block;}
.calendar_check p {  line-height:30px; padding-left:0px; vertical-align:top; }

.calendar_check i.works {background:url(/assets/img/sub/check_ico.png) no-repeat left 0px; width:30px; height:30px; margin-right:10px; display: inline-block; line-height:30px; vertical-align:top;}


/******큰달력**********/

.schedule {width:100%; margin:0px 0px 10px 0px; border-top:1px solid #d4d6d9 ;border-bottom:1px solid #d4d6d9; border-collapse:collapse; background:#fff;}
.schedule thead th {text-align:center; background:#f7f7f7;  padding:15px 5px; font-weight:600; border-left:1px solid #d4d6d9; border-bottom:1px solid #d4d6d9;}
.schedule tbody th,
.schedule tbody td{padding:45px 10px 10px 10px; color:#666; border-left:1px solid #d4d6d9; border-bottom:1px solid #d4d6d9; width:14%; vertical-align:bottom; text-align:right; position:relative; }
.schedule tbody td .dayoff { position:absolute; top:10px; left:10px; background:url(/assets/img/sub/dayoff_ico.png) no-repeat left top; padding-left:28px; color:#e71420; } 
.schedule tbody td .today {width:100%; height:100%; border:5px solid #0080d5; position:absolute; top:0px; left:0px;  text-indent:-9999px; font-size:0;line-height:0;}
.schedule tbody td .state {position:absolute; top:10px; left:10px; background:url(/assets/img/sub/state_ico.png) no-repeat left 0px; padding-left:28px; z-index:100; text-align:left; word-break: keep-all; line-height:100%; }
.schedule tbody td .state a {color:#fc5244; color:#000; font-size:95%; font-weight:600;  vertical-align:top;  } 
.schedule tbody td .nostate {position:absolute; color:#000; line-height:17px; vertical-align:top;  font-size:95%;   top:10px; left:10px; background:url(/assets/img/sub/nostate_ico.png) no-repeat left 0px; padding-left:28px; z-index:100; text-align:left; word-break: keep-all;  }
.schedule tbody td .nostate a {color:#000; }  
.schedule th.sat,
.schedule td.sat { color:#0000ff;}
.schedule th.sun,
.schedule td.sun { color:#e71420; border-left:none;}




/******대관달력***********/

.schedule_t {width:100%; margin:0px 0px 10px 0px; border-top:1px solid #d4d6d9 ;border-bottom:1px solid #d4d6d9; border-collapse:collapse; background:#fff;}
.schedule_t thead th {text-align:center; background:#f7f7f7;  padding:15px 5px; font-weight:600; border-left:1px solid #d4d6d9; border-bottom:1px solid #d4d6d9;}
.schedule_t tbody th,
.schedule_t tbody td {height: 100px; padding: 5px; color:#666; border-left:1px solid #d4d6d9; border-bottom:1px solid #d4d6d9; width:14%; vertical-align:top; text-align:left; position:relative; }
.schedule_t tbody td:hover {background: #fafafa;}
.schedule_t tbody td .dayoff { background:url(/assets/img/sub/dayoff_ico.png) no-repeat left top; padding-left:28px; color:#e71420;  margin-left:10px; } 
.schedule_t tbody td .today {width:100%; height:100%; border:5px solid #0080d5; margin-left:10px;  left:0px;  text-indent:-9999px; font-size:0;line-height:0;}
.schedule_t tbody td .state {display: block; width: 100%; margin-bottom: 5px; padding: 0 3px; text-align: left; background: #0071bc;}
.schedule_t tbody td .state a {display: block; background: #0071bc; color:#fff; font-size:85%;} 
.schedule_t tbody td.today {background: #d9f2ff;}

.schedule_t tbody td .nostate {position:absolute; color:#000; line-height:17px; vertical-align:top;  font-size:95%;   top:10px; left:10px; background:url(/assets/img/sub/nostate_ico.png) no-repeat left 0px; padding-left:28px; z-index:100; text-align:left; word-break: keep-all;  }
.schedule_t tbody td .nostate a {color:#000; } 
.schedule_t th.sat,
.schedule_t td.sat { color:#0000ff;}
.schedule_t th.sun,
.schedule_t td.sun { color:#e71420; border-left:none;}

.schedule_t td:nth-child(4n) .calendar_show { float:right; right:-100px;}
.schedule_t td:nth-child(5n) .calendar_show,
.schedule_t td:nth-child(6n) .calendar_show,
.schedule_t td:nth-child(7n) .calendar_show { float:right; right:0px;}


/******작은달력***********/
.calendar_box {border:1px solid #d0d0cf; padding:50px; overflow:hidden; margin-bottom:50px;}
.calendar_box_l { width:35%; float:left;}
.calendar_box_r { width:60%; float:right;}

.choice_day { font-size:140%; float:left; width:100%; margin-bottom:10px; background:url(/assets/img/sub/check_ico.png) no-repeat left top; padding-left:40px; line-height:30px; vertical-align:top;}
 

.calendar_top_s { margin:0px; padding:0px; background:#000; overflow:hidden; line-height:44px; }

.calendar_date_s { margin:0px auto; padding:0px; text-align:center; font-size:120%; width:100%; color:#fff; position:relative;}


.calendar_date_s input.date_pre { position:absolute; left:10px; top:5px;}
.calendar_date_s input.date_next { position:absolute; right:10px; top:5px;}


.calendar_date_s .date_pre { position:absolute; left:10px; top:5px;}
.calendar_date_s .date_next { position:absolute; right:10px; top:5px;}


@media (max-width:768px) {
	.calendar_top {flex-direction: column;}
	.calendar_info {margin-top: 20px;}
	.calendar_info p {margin-left: 15px;}
	.calendar_info p:first-child {margin-left: 0;}
}