@charset "utf-8";

/* =========================
   공연캘린더
========================= */
#showCalendar{
  display:block;
  width:100%;
  margin:50px auto 0;
}
#showCalendar a {color:#fff}
 
   
/* 요일 헤더 */
#showCalendar .calendarArea ul.calWeek{
  clear:both;
  display:flex;
  position:relative;
  width:100%;
  border-collapse:separate;
}

/* 날짜 리스트 공통 */
#showCalendar .calendarArea ul{
  clear:both;
  position:relative;
  
  width:100%;
  border-collapse:separate;
  cursor:default !important;
}

#showCalendar .calendarArea ul li{
  float:left;
  position:relative;
  overflow:hidden;
  width:14.3%;
  padding:12px; 
  box-sizing:border-box; 
  border:1px solid rgba(255,255,255,.3);
  margin:-1px; 
    vertical-align:top;
  background:rgba(0,0,0,0.8);
  cursor:default !important;
}

#showCalendar .calendarArea ul li > a{
  position:relative;
  display:block;
  width:100%;
  min-height:140px;
  cursor:default;
}

/* #showCalendar .calendarArea ul li:hover{
  background:rgba(255,255,255,0.15);
}

 *//* 오늘 */
#showCalendar .calendarArea ul li.today{
  background:rgba(0,0,0,0.5);
  border:1px solid transparent;
}

#showCalendar .calendarArea ul li.today a{ width:auto; }
#showCalendar .calendarArea ul li.today a .day{ color:#d3364a; }

/* 빈 날짜 */
#showCalendar .calendarArea ul li.dateNone{
  width:135px;
  min-height:150px;
  background:rgba(255,255,255,0.1);
  border-color:transparent !important; /* ✅ 오타 수정: bord er-color */
}

#showCalendar .calendarArea ul li.dateNone > a{
  cursor:default !important;
}

/* 라인(표시용) */
#showCalendar .calendarArea ul li .line{
  display:none;
  position:absolute;
  background:#d3364a;
}
#showCalendar .calendarArea ul li.today .line{ display:block; }

 
/* 셀 상단 우측 */
#showCalendar .calendarArea .top{
  z-index:10;
  position:absolute;
  top:-1px;
  right:-1px;
}

#showCalendar .calendarArea .cnt{
  position:relative;
  
}

#showCalendar .calendarArea .cnt > p{
  cursor:pointer;
}
 

#showCalendar .calendarArea .close{
  padding-top:3px;
  
  color:#1d1f21;
}

/* 상태 뱃지 */
#showCalendar .calendarArea .reservation,
#showCalendar .calendarArea .hallRent,
#showCalendar .calendarArea .uplusRent{
  display:inline-block;
  padding:3px 10px;
  font-size:15px
  
  
}

#showCalendar .calendarArea .reservation{
 
  text-align:center;
  background:red;
  cursor:pointer !important;
}
#showCalendar .calendarArea .reservation.sketch{ width:62px; }

#showCalendar .calendarArea .hallRent{
  text-align:center;
  color:#666;
  background:var(--main_c);
}
#showCalendar .calendarArea .hallRent > a{ color:#fff; }
#showCalendar .calendarArea .hallRent.sketch{ width:62px; }
 
#showCalendar .calendarArea .uplusRent > a{ color:#fff; }
#showCalendar .calendarArea .uplusRent br{ display:block; }
#showCalendar .calendarArea .uplusRent.sketch{ width:62px; }

#showCalendar .calendarArea .day{ color:#CCC; }

#showCalendar .calendarArea .showTime{
  margin:5px 0 0;
   color:#919394;
}

 
 

/* =========================
   대관배너
========================= */
.show_rent{
  clear:both;
  position:relative;
  width:auto;
  height:auto;
   padding:0;
  background:transparent;
}

.show_rent .bn_rent_01{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:40px 0 0;
  text-align:center;
}

.show_rent .bn_rent_01 img{
  width:100%;
  max-width:100%;
}
 
.calHead{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
   margin-bottom:30px;
}

.calTitle{
  color:#fff;
  font-weight:600;
  letter-spacing:3px;
  font-size:35px;
  margin:0 15px; 
}
.calTitle .dot{ opacity:.6; margin:0 4px; }
.calTitle .mm{ color:#fff; }

.calNav{
  width:42px;
  height:42px;
  border-radius:5px;
  border:1px solid rgba(250,141,80,0.35);
  background:rgba(250,141,80,0.10);
  color:#fa8d50;
  font-size:22px;
    display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.18s ease;
}

/* .calNav:hover{
  background:rgba(250,141,80,0.18);
  border-color:rgba(250,141,80,0.55);
  transform:translateY(-1px);
} */

.calNav:active{ transform:translateY(0); }