/* general styles */
.calendar ul, .calendar li {margin:0px; padding:0px; border:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
.event_calendar_box div {font-weight:400; font-size:12px;}

.event_calendar_box { width:100%; margin-top:0px; padding:0; background:#fff; min-height:225px; max-height:255px; }
.event_calendar_box h3 { color: rgb(0, 0, 0); font-size: 25px; font-weight: normal; }

.event_calendar_box .event_calendar_left { float:left; width:30%; color:#000; background:#fff; margin-top:0; padding:0; text-align:center; min-height:208px; max-height:208px; }
.event_calendar_box .event_calendar_right { float:left; width:70%; color:#fff; margin:0; padding:0; position:relative; min-height:208px; max-height:208px; border-top:0px solid #eee; background: url("../images/contents/event_cal_back.gif") no-repeat right bottom; }

.event_calendar_box .event_calendar_left_n { float:left; width:100%; min-height:30px; margin-top:0; padding:10px 0px 0px; text-align:center; }
.event_calendar_box .event_calendar_right_n { float:left; width:100%; min-height:50px; margin:0; padding:0; background:#fafafa; height:100%; position:relative; border-top:0px solid #eee;  }

.event_calendar_box .event_calendar_left .ecal_title { font-size:18px; line-height:18px; padding-top:6px; }
.event_calendar_box .event_calendar_left .ecal_year { font-size:25px; line-height:30px; padding-top:20px; }
.event_calendar_box .event_calendar_left .ecal_year span { display: none; }
.event_calendar_box .event_calendar_left .ecal_month { font-size:55px; line-height:40px; padding-top:0; }

.event_calendar_box .event_calendar_left .event_cal_btn { width:51px; margin:0 auto; padding-top:16px; }
.event_calendar_box .event_calendar_left .event_cal_btn .pre-m { float:left; width:25px; padding:0; }
.event_calendar_box .event_calendar_left .event_cal_btn .next-m { float:right; width:25px; padding-left:1px; }

.event_calendar_box .event_calendar_left_n .ecal_year { float:left; padding-top:0; margin:0; font-size:18px; line-height:18px; }
.event_calendar_box .event_calendar_left_n .ecal_year span { display:inline; margin:0; font-size:18px; line-height:18px; }
.event_calendar_box .event_calendar_left_n .ecal_month { float:left; padding-top:0; padding-left:2px; font-size:18px; line-height:18px; }
.event_calendar_box .event_calendar_left_n .event_cal_btn { float:right; width:51px; margin-top:-7px; padding:0; }
.event_calendar_box .event_calendar_left_n .event_cal_btn .pre-m { float:left; padding:0; }
.event_calendar_box .event_calendar_left_n .event_cal_btn .next-m { float:left; padding-left:1px; }

/*캘린더 클릭후 일정*/
.day-event { padding:0; margin:0; } /* height:100vh; */
.day-event h4 { padding:7px 0 0 0px; font-size:20px; line-height:20px; font-weight:normal; font-family: 'Malgun Gothic', 'MalgunGothic', "맑은고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }
.cla_back_btn { clear:both; position: absolute; top:6px; right:20px; }
.day-event ul { margin:0; padding:10px 0px 15px 15px; border-top:1px solid #ddd; }
.day-event ul li { color:#000; padding:3px 0; font-size:13px; line-height:1.3em; }
.day-event ul li a:hover { color:#0075df; }

@media (max-width: 991px) {
    .ecal_title { font-size:16px; line-height:16px; padding-top:0px; }
}

@media only all and (max-width:767px) {
    .event_calendar_box { width:100%; margin-top:0px; padding:0; background:none; min-height:150px; }

    .event_calendar_box .event_calendar_left { float:left; width:100%; min-height:30px; margin-top:0; padding:10px 0px 0px; text-align:center; }
    .event_calendar_box .event_calendar_right { float:left; width:100%; min-height:50px; margin:0; padding:0; background:#fafafa; height:100%; position:relative; border-top:0px solid #eee;  }

    .event_calendar_box .event_calendar_left_n { float:left; width:100%; min-height:30px; margin-top:0; padding:10px 0px 0px; text-align:center; }
    .event_calendar_box .event_calendar_right_n { float:left; width:100%; min-height:50px; margin:0; padding:0; background:#fafafa; height:100%; position:relative; border-top:0px solid #eee;  }

    .event_calendar_box .event_calendar_left .ecal_year { float:left; padding-top:0; margin:0; font-size:18px; line-height:18px; }
    .event_calendar_box .event_calendar_left .ecal_year span { display:inline; margin:0; font-size:18px; line-height:18px; }
    .event_calendar_box .event_calendar_left .ecal_month { float:left; padding-top:0; padding-left:2px; font-size:18px; line-height:18px; }
    .event_calendar_box .event_calendar_left .event_cal_btn { float:right; width:51px; margin-top:-7px; padding:0; }
    .event_calendar_box .event_calendar_left .event_cal_btn .pre-m { float:left; padding:0; }
    .event_calendar_box .event_calendar_left .event_cal_btn .next-m { float:left; padding-left:1px; }

    .day-event h4 { padding:10px 0 0 0px; }
    .cla_back_btn { top:10px; }
}


/*캘린더*/
.calendar a {color:#FFFFFF; font-weight:700; font-size:1em;font-family: 'Noto Sans', sans-serif !important;text-decoration:none;}
.calendar a:hover {color:#FFFF00; text-decoration:none;}
.calendar a:link, .calendar a:visited, .calendar a:active {color:#FFFFFF;}
.calendar :focus {outline: 0;}
.calendar strong, .calendar b {font-weight:900;}
.calendar ol, .calendar ul {list-style: none;}

/* // 캘린더 */
.calendar {position:relative;margin-bottom:0;}
.calendar > p {width:100%;font-size:0px; margin-bottom:10px; line-height:25px; color:#000;}
.calendar > p span.Ym{font-size:23px;margin:0px 15px;font-weight:bold; color:#000;}
.calendar > p a{display:inline-block;vertical-align:bottom;line-height:40px; color:#000;font-size:15px;}

.calendar > p {text-align:center;}
.calendar > ul {display:table;width:100%;font-size:0px;margin-bottom:0;}
.calendar > ul > li {display:table-row;width:100%;}
.calendar > ul > li > div {text-align:center; padding:0px; display:table-cell; width:14%; min-height:25px; height:25px; border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6; background:#fff; }
.calendar > ul > li > div.Today { background:#0075df !important; }
.calendar > ul > li > div.Today:hover { background:#1d5c8c !important; }
.calendar > ul > li > div.Today a {color:#fff !important; font-weight:600; }
.calendar > ul > li > div.event { background:#f5f5f5; }
.calendar > ul > li > div.event a {color:#2a2823; font-weight:500; }
.calendar > ul > li > div.event:hover {background:#dfd8c6; }
.calendar > ul > li > div.event:hover a { color:#2a2823; font-weight:600; }
.calendar > ul > li > div:hover {background:#f9f9f9;}
.calendar > ul > li > div:last-child {border-right:0px;}

.calendar > ul > li.cal_header > div{height:30px;line-height:30px;min-height:0px;border-top:1px solid #dfd8c6;border-right:1px solid #dfd8c6;border-bottom:1px solid #dfd8c6;background:#fbfaf7;color:#777;font-weight:bold;text-align:center;}
.calendar > ul > li.cal_header > div:last-child{border-right:0px;}
.calendar > ul > li.cal_header > div.Sun, .calendar > ul > li > div.Sun {color:#cc2220;}
.calendar > ul > li.cal_header > div.Sat, .calendar > ul > li > div.Sat {color:#2453a5;}
.calendar > ul > li > div.empty,.calendar > ul > li > div.empty:hover{background:#f9f9f9;}
.calendar > ul > li > div ul{width:100%;font-size:0px;text-align:right;padding:0 3px;min-height:60px;}
.calendar > ul > li > div ul li{margin:0px 3px 3px 0px;padding:3px;}