.wrap--sub-calendar .main{padding-bottom: 0}

.calendar{padding: 60px 0 160px; background-image: url(/child/img/sub/calendar/calendar-bg.png);
  background-size: cover; background-position: center; background-repeat: no-repeat;}

.calender-link{display: none}

.calendar-template{background-color: #fff; padding: 60px 20px;}

.month-btn{display: flex; justify-content: center; align-items: center; margin-bottom: 70px;}
.current-date{font-size: 28px; font-weight: 600; line-height: 1; margin: 0 30px}
.prev-month, .next-month{width: 36px; height: 36px; border: 1px solid #e4e4e4}
.prev-month{background-image: url(/child/img/sub/calendar/prev.png); background-repeat: no-repeat;
  background-size: cover; background-position: center;}
.next-month{background-image: url(/child/img/sub/calendar/next.png); background-repeat: no-repeat;
  background-size: cover; background-position: center;}

.calendar_list.table_basic{border: 0 !important;}

.calendar_list.table_basic th .main{display: none !important;}
.calendar_list.table_basic th{font-size: 18px; text-align: center !important;
   background-color: transparent !important;}
.calendar_list.table_basic th, .calendar_list.table_basic.table_basic td{padding: 10px 15px !important; border-bottom: 0 !important; border-left: 0 !important;
  border-right: 1px solid #dcdcdc !important}
.calendar_list.table_basic td{border-top: 1px solid #dcdcdc !important; height: 110px;}
.calendar_list.table_basic tr th:last-child, .calendar_list.table_basic tr td:last-child{border-right: 0 !important;}
.cday-wrap{height: 100%; max-width: 130px; overflow: hidden;}
.cday{font-size: 18px !important; font-weight: 400 !important;}
.calendar-subject{cursor: pointer; font-size: 18px; overflow: hidden; white-space: nowrap;
   text-overflow: ellipsis; color: #c5965e !important;}

   @media (max-width:1200px){
     .cday-wrap{max-width: 10vw}
   }

   @media (max-width:1024px){
      .current-date{font-size: 22px}
      .prev-month, .next-month{width: 28px; height: 28px;}
      .table_basic th{font-size: 14px !important;}
      .cday, .calendar-subject{font-size: 12px !important;}
      .calendar_list.table_basic td{height: 80px;}
      .calendar_list.table_basic th, .calendar_list.table_basic.table_basic td{ padding: 5px !important}
      .calendar-template{padding: 30px 10px;}
      .month-btn{margin-bottom: 30px}
   }
   @media (max-width:768px){
      .calendar_list.table_basic td{height: 50px;}
   }
   @media (max-width:500px){
      .calendar_list.table_basic th, .calendar_list.table_basic.table_basic td{ padding: 2px !important}
   }