.calendar_board{position:relative; display:flex; flex-wrap:wrap;}

.calendar_board .month_box{width:100%; text-align:center; margin-bottom:10px}
.calendar_board .month_box .mon_b{position:relative;   text-align:center;  margin: 0 auto;}
.calendar_board .month_box .mon_tit { font-size:1.5em; font-weight:800; color:#222; letter-spacing:-0.5px;}
.calendar_board .month_box .mon_btn {position:absolute; right:0; display:block; top:5px; width:30px; height:30px; background:#ffffff; border-radius:500px; text-indent:-999999px; border:1px solid #e6e6e6; text-align:center}
.calendar_board .month_box .mon_btn:before{text-indent:0; content:''; color:#000000; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; font-size:1.1em; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.calendar_board .month_box .mon_btn.btn_mon_prev{left:0; right:auto;}
.calendar_board .month_box .mon_btn.btn_mon_prev:before{content:''; background:url('/html/images/sub/calendar_prev.png') 0 0 no-repeat; }

.calendar_board .month_box .mon_btn.btn_mon_next{left:auto; right:0;}
.calendar_board .month_box .mon_btn.btn_mon_next:before{content:''; background:url('/html/images/sub/calendar_next.png') 0 0 no-repeat;}

.calendar_board .table_box{position:relative; width:100%; border-top:2px solid #323232; box-sizing:border-box; padding-right:0;}
.calendar_board .today_box{position:relative; width:100%; border-top:2px solid #323232; border-left:none; box-sizing:border-box; padding-left:0;}

.calendar_board .cal_table{width:100%;}
.calendar_board .cal_table thead{border-bottom:1px solid #e6e6e6;}
.calendar_board .cal_table th{font-size:13px; border-bottom:1px solid #e6e6e6;}
.calendar_board .cal_table th, .cal_table td{height:35px;}
.calendar_board .cal_table th{padding:0.7em 0.25em; font-weight:700; height:40px; line-height:40px;}
.calendar_board .cal_table td{vertical-align:top; text-align:center; position:relative;  font-size:0.9em; font-weight:400}

.calendar_board .cal_table th.cDay6{color:#2f99db}
.calendar_board .cal_table .cDay6 .num{color:#2f99db}
.calendar_board .cal_table th.cDay0{color:#ff0707}
.calendar_board .cal_table .cDay0 .num{color:#ff0707; z-index:2; position:relative; }
.calendar_board .cal_table td .num{font-weight:500 }


.calendar_board .cal_table .dayCon{min-height:80px}
.calendar_board .cal_table .dayCon.on_day span.num{background:#505050; color:#fff !important; position:relative; padding:0 3px}
.calendar_board .cal_table .dayCon.on_day span.num:after{position:absolute; content:'오늘'; height:15px; right:3%; top:0; bottom:0; font-size:10px; margin:auto;}
.calendar_board .cal_table .dayCon span.num{display:block; text-align:left; margin-bottom:10px; background:#f8f8f8}
.calendar_board .cal_table .dayCon h5{margin:0 0 3px 0 !important;}
.calendar_board .cal_table .dayCon h5 a{display:block; text-align:left; font-size:13px; line-height:1.3; background:#6b7d99; color:#ffffff; padding:3px 5px; font-weight:500}
.calendar_board .cal_table .dayCon h5:nth-child(2) a{background:#21a3dc;}
.calendar_board .cal_table .dayCon h5:nth-child(3) a{background:#0082bb;}
.calendar_board .cal_table .dayCon h5:nth-child(4) a{background:#86a731;}
.calendar_board .cal_table .dayCon h5:last-child{margin-bottom:0}

.info_shd{width:100%; border-top:1px solid #323232; overflow:hidden }
.info_shd dl{overflow:hidden; border-bottom:1px solid #d7d7d7}
.info_shd dt,
.info_shd dd{float:left; padding:15px 20px}

.info_shd dt{width:20%; background:#f8f8f8; text-align:center}
.info_shd dd{width:80%;}


.today_box {overflow:hidden; box-sizing:border-box; transition:all 0.3s ease-out;}
.today_box h6 {font-size:1.0625rem; display:block; background:url('/html/images/main/ico_calendar.png') 0 4px no-repeat; padding:0 0 0 25px; margin:20px 0 10px !important;}
.today_box .i01 h6 span{color:#20a3d9; margin:10px 0 0; display:block;}
.today_box .i02 h6 span{color:#8acd39; margin:10px 0 0; display:block;}

.today {overflow:hidden; padding:0 0 30px;}
.today .today_list {max-height:340px; overflow-y:auto;}
.today .list {transition:all 0.3s ease-out; position:relative; overflow:hidden; color:#999; border:1px solid #fff; padding:10px; margin:5px 0 0; background:#f5f5f5; font-size:0.9444rem; letter-spacing:-0.5px;}
.today .list a {color:#555; font-weight:600; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden;}
.today .list a:hover {color:#000;}
.today .list dl dt {font-weight:500;}






/*******************************************************************************
	@media ~768px
*******************************************************************************/
@media all and (min-width:768px) {

.calendar_board .cal_table th{font-size:16px;}
.calendar_board .cal_table .dayCon{min-height:120px}
.calendar_board .month_box{font-size:1.5em; margin-bottom:20px}
.calendar_board .month_box .mon_btn{width:50px; height:50px}

.info_shd dl{float:left; width:50%}
.info_shd dt{width:40%;}
.info_shd dd{width:60%;}


.calendar_board .table_box{position:relative; width:100%; border-top:2px solid #323232; box-sizing:border-box; padding-right:0;}
.calendar_board .today_box{position:relative; width:100%; border-top:2px solid #323232; border-left:none; box-sizing:border-box; padding-left:0;}


}


/*******************************************************************************
	@media ~1200px
*******************************************************************************/
@media all and (min-width:1200px) {
.calendar_board .cal_table .dayCon{min-height:150px}
.calendar_board .cal_table .dayCon h5 a{font-size:14px}

.calendar_board .table_box{position:relative; width:75%; border-top:2px solid #323232; box-sizing:border-box; padding-right:30px;}
.calendar_board .today_box{position:relative; width:25%; border-top:2px solid #323232; border-left:1px solid #e6e6e6; box-sizing:border-box; padding-left:30px;}

}


/*******************************************************************************
	@media ~1400px
*******************************************************************************/
@media all and (min-width:1400px) {




}