.calendar_wrap{margin-top:20px}.calendar{border:#e5e5e5 solid 1px;background:#f9f9f9;padding:20px 10px}.calendar .cal_header{margin-bottom:15px;text-align:center}.calendar .cal_header span{display:inline-block}.calendar .cal_header span.month{color:#161616;font-size:20px;line-height:30px}.calendar .cal_header span.month strong{margin-left:15px}.calendar .cal_header a{display:inline-block;font-size:20px;color:#aaa;margin:0 20px}.calendar .exp{padding:0 0 20px;border-bottom:#ddd solid 1px;margin-bottom:20px}.calendar .exp span{display:inline-block;margin-left:15px}.calendar .exp span em{display:inline-block;width:25px;height:25px;color:#fff;border-radius:100px;text-align:center;line-height:25px;margin-right:5px}.calendar .min{background:#016eb5;color:#fff}.calendar .dae{background:#4cb102;color:#fff;border-radius:0 !important}.calendar_table{width:100%;border-collapse:collapse;text-align:center}.calendar_table .state{position:absolute;left:50%;top:8px;width:50%;transform:translateX(-50%);display:flex;justify-content:space-evenly}.calendar_table em{display:inline-block;width:6px;height:6px;text-indent:-9999px;background:#ddd;margin:0 auto;border-radius:10px}.calendar_table em{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.calendar_table em.ok{background-color:#0068f6}.calendar_table a{position:relative;display:block;padding:20px 0 10px;color:#282828;font-weight:400}.calendar_table a.disable{color:silver}.calendar_table .sun{color:#f5004b}.calendar_table .sat{color:#0067f5}.calendar_table thead tr th{padding:10px 0;font-size:14px}.calendar_table tbody tr td{font-size:14px}.cal_popup_wrap{display:none;position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.6);z-index:6000}.cal_popup{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background:#fff;padding:20px;width:300px;text-align:left}.cal_popup .title{font-size:20px;font-weight:bold;display:block;margin-bottom:15px;line-height:1.3}.cal_popup .thumb img{width:100%}.cal_popup .pop_info .text{margin-top:20px}.cal_popup .pop_info .text ul li{font-weight:500;margin-bottom:10px}.cal_popup a.btn_close{display:inline-block;position:absolute;right:-20px;top:-40px;color:#fff;font-size:30px}@media all and (min-width:1024px){.calendar{padding:30px}.calendar .cal_header{padding:20px 0;background:#fff}.calendar .cal_header span.month{font-size:25px}.calendar .cal_header a{font-size:25px;color:#aaa}.calendar_table thead tr th{font-size:16px;width:14.2857%;height:70px;border-bottom:#eee solid 1px}.calendar_table tbody tr td{font-size:16px;width:14.2857%;height:100px;border-bottom:#eee solid 1px}.calendar_table a{padding:10px 0}.calendar_table .state{top:40px;flex-direction:column;width:80%}.calendar_table .state em{display:inline-block;text-indent:0;width:auto;height:auto;font-size:14px;padding:3px 8px 5px;margin:3px 0}.calendar_table .state em.ok{color:#fff}}.year_cal_header .year{display:block;text-align:center;font-size:20px;font-weight:bold;padding:15px;color:#666}.year_cal_header .month{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:10px}.year_cal_header .month a{width:16%;display:block;background:#2e2e2e;font-size:12px;padding:10px 0;color:#fff;margin-bottom:3px;font-weight:500;border-radius:3px;text-align:center}.year_cal .no_data{background:#f1f1f1;display:flex;justify-content:center;align-items:center;height:200px;text-align:center}@media all and (min-width:768px){.year_cal_header .year{font-size:25px;padding:20px 0}.year_cal_header .month a{width:auto;padding:10px 15px;font-size:16px}}@media all and (min-width:1024px){.year_cal_header .year{font-size:30px;padding:10px 0 30px}.year_cal_header .month{padding-bottom:10px}.year_cal_header .month a{width:8%}}