/* @import url('https://fonts.googleapis.com/css?family=Amatic+SC'); */

#main_room_title {
  z-index: 999999999999;
  font-size: 9rem;
  color: #ffffff08;
  position: fixed;
  top: 40%;
  /* 세로 중앙 */
  left: 50%;
  /* 가로 중앙 */
  transform: translate(-50%, -50%);
  /* 화면 중앙으로 이동 */
}


.nav_line {
  border-top: 1px solid #353b41
}

/* 이전 달 버튼만 */
.fc-prevMonth-button {
  background-color: #44444400;
  height: 6rem !important;
  border: 0;
}

/* 다음 달 버튼만 */
.fc-nextMonth-button {
  background-color: #44444400;
  height: 6rem !important;
  border: 0;
}



/* 이전 달 버튼만 */
.fc-prevMonth-button:hover {
  background-color: #44444400;
  color: #000000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

}

/* 다음 달 버튼만 */
.fc-nextMonth-button:hover {
  background-color: #44444400;
  color: #000000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* 이전 달 버튼만 */
.fc-prevMonth-button:focus {
  background-color: #44444400;

  box-shadow: 0 0 0 0 rgba(76, 91, 106, 0) !important;

}

/* 다음 달 버튼만 */
.fc-nextMonth-button:focus {
  background-color: #44444400;
  box-shadow: 0 0 0 0 rgba(76, 91, 106, 0) !important;
}


/* 이전 달 버튼만 */
.fc-prevMonth-button:active {
  background-color: #44444400;
  color: #000000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

}

/* 다음 달 버튼만 */
.fc-nextMonth-button:active {
  background-color: #44444400;
  color: #000000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.navbar-toggler-icon {
  display: flex;
  padding: 0 10px 0;
  width: max-content;
  height: 1.5em;
  /* vertical-align: middle; */
  /* background-image: var(--bs-navbar-toggler-icon-bg); */
  /* background-repeat: no-repeat; */
  /* background-position: center; */
  /* background-size: 100%; */
  background-image: none !important;
  align-content: center;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* 달력높이조절*/
.fc-scroller {
  /*본문표시배경*/
  background: #1f1f1f;
  height: calc(var(--vh, 1vh) * 75) !important;
  /* margin: 3px 0 0 0; */
}




@media (max-width:700px) {

  /*가로 너비가 600px 이하일 때 아래 스타일 적용*/


  html,


  body {
    -webkit-touch-callout: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* 위코드는 마우스로 텍스트를 긁는걸 방지함*/
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 19px;
    overflow: hidden;
    width: 100%;
    margin: 0;
    height: 100%;
    overscroll-behavior: contain;
    background: #1f1f1f;

  }

  .titlerhy {
    text-decoration-line: none;
  }

  #calendarModal {
    z-index: 3;
  }

  .bottomtop {
    display: flex;
    flex-direction: column;
    /* bottom: auto !important; */
    width: 100%;
    z-index: 999999999999;
    /* margin-bottom: 5px; */
    flex-wrap: nowrap;
    justify-content: space-between;
    position: fixed;
  }




  #Aimg {
    display: none;
  }

  #Bimg {
    display: none;
  }

  #Allimg {
    display: none;
  }

  #cimg {
    display: none;
  }

  #Nbtnn {
    display: none;
  }

  .itemflex {

    text-align: center;
  }


  #calendarAll {
    height: 100%;
  }

















  .description,
  .link {
    font-family: 'Amatic SC', cursive;
    text-align: center;
  }

  .description {
    font-size: 15px;
  }

  .bg-dark {
    /* border-bottom: 2px solid rgb(0, 0, 0); */
    background-color: #35353500 !important;
  }



  .navbar navbar-dark bg-dark fixed-top {
    border: 2px solid rgb(0 0 0 / 97%);
  }

  .logoimg {
    float: left;
    margin-right: 6px;
    width: 30px;
    height: 30px;
    font-size: medium;
    border-radius: 100px;
    overflow: hidden;
    background: #616161;
    border: 1px solid rgb(0 0 0 / 71%);
  }

  .btntext {
    text-shadow: 0 1px 0px rgb(0 0 0 / 20%);
    border: 1px solid rgba(0, 0, 0, 0.97);
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: rgb(255, 255, 255);
    font-weight: 700;
    /* top: 1px; */
    font-size: 15px;
    padding: 8px 9px 8px 9px;
    margin: 0 auto;
    border-radius: 11px;
    /* box-shadow: 0 -2px 1px 0px #0000006b inset; */

  }


  .fc-body {
    top: calc(var(--vh, 1vh) * 6);
    /* position: absolute; */
    width: 100%;
    left: 0;
  }

  #loading_bar_base {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    /* bottom: 0px; */
    background: #000000;
    z-index: 999;
  }

  .nav_image_pop {
    width: 100%;
    height: auto;

  }

  .pe-3 {
    padding-right: 0rem !important;
  }

  #bottom {
    position: relative;
    background-color: #2f2f2f;
    /* left: 0; */
    /* right: 0; */
    bottom: 0px;
    width: 100%;
    margin: 0;
    display: flex;
    border-top: 1px solid #000000;
    /* border-radius: 21px; */
    padding: 9px 0 7px 0;
    /* bottom: 0; */
    overflow: hidden;
    /* margin: 0 5px 0px; */
    /* height: 10vh; */
    height: 3rem;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    z-index: 3;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: flex-end;
  }

  .daylisttop1 {
    display: flex;
    /* height: 100%; */
    /* z-index: 9999; */
    position: relative;

    /* top: 15vh; */
    flex-wrap: nowrap;
    align-content: space-around;
    flex-direction: row;
    justify-content: space-around;

  }

  /* .fc-widget-header{
    height: 0px !important;
    width: 0px !important;
  } */
  #daylisttop2 {
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    top: calc(var(--vh, 1vh) * 8);
    flex-wrap: nowrap;
    height: calc(var(--vh, 1vh) * 7);
  }

  .daylisttop3 {
    display: flex;
    background: #353535;
    color: #ffffff;
    font-size: .8rem;
    right: 0;
    /* left: 0; */
    position: relative;
    padding: 3px;
    margin: 0;
    width: 100%;
    /* top: calc(var(--vh, 1vh) * 8.05); */

    height: calc(var(--vh, 1vh) * 7);
    flex-direction: row;
    justify-content: space-between;
  }

  #emptyspase {
    width: calc(var(--vh, 1vh) * 8) !important;
    position: relative;
    height: calc(var(--vh, 1vh) * 24) !important;
    vertical-align: middle;
    /* border: 1px solid #353535; */
    top: -45px;
    white-space: nowrap;
    background: #2f2f2f;


  }

  /*달력시간표시부 내용넓이*/
  .edithetimelistleft {
    pointer-events: none;
    overflow: hidden;


  }

  .leftmenutime {
    border: 0px solid #000000;
    position: relative;
    left: 0;
    text-align: right;
    display: flex;
    font-size: 0.5em;
    top: calc(var(--vh, 1vh) * -4);
    color: #c1c1c1;
    height: 100%;
    height: calc(var(--vh, 1vh) * 108);
    /* width: calc(var(--vh, 1vh) * 0) !important; */
    width: calc(var(--vh, 1vh) * 9) !important;
    /* background: #2f2f2f !important; */
    border-color: #1d1d1d !important;
    z-index: 9;
    flex-direction: column;
    pointer-events: none;

  }

  .lefttfffime {
    border-color: #404040;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 10px;
  }



  .fc-axis {
    width: calc(var(--vh, 1vh) * 8) !important;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0.5em;
    color: #202020;
    /*지워진 뒷쪽 글자색 시간 타임*/
    /* background: #191919 !important; */
    border-color: #1d1d1d !important;

  }


}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.center-modal {
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
  /* margin: 0 auto; */
  width: calc(var(--vh, 1vh) * 42);
  /* height: calc(var(--vh, 1vh) * 42); */
  /* top: calc(var(--vh, 1vh) * 15); */
  background: #ffffff;
  border: 6px solid #000000;
  border-radius: 100vh;
  z-index: 99999 !important;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  box-shadow: 1px 14px 6px 3px #0000004d;
}

.timelogo {
  position: fixed;
  margin: 20px 0 0 0;
  left: 0;
  right: 0;
}

.logobackground {
  width: 100%;
  display: flex;
  height: 100%;
  margin: 0 auto;
  opacity: 1;
  /* padding: 123px; */
  /* right: 0; */
  transition: 500ms;
  position: absolute;
  top: calc(var(--vh, 1vh) * -100);
  left: 0;
  z-index: 9999;
  background: #2f2f2f;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

#logoimga {
  overflow: hidden;
  width: 20px;
  width: 100%;
  height: 100%;
}

@media (min-width:700px) {
  #logoimga {
    overflow: hidden;
    width: 20px;
    width: 100%;
    height: 100%;
  }
}

.imgsignexid img {
  position: fixed;
  /* top: calc(var(--vh, 1vh) * 91); */
  /* left: 0; */
  right: calc(var(--vh, 1vh) * 5);
  bottom: calc(var(--vh, 1vh) * 5);
  margin: 0 auto;
  width: 2rem;
  /* height: 2rem; */
  color: #ffffffc2;
  background-color: transparent;

}

.fixed-top {
  padding: 3px;
  transition: 400ms;
  flex-direction: row;
  margin: 9px 0px;
  top: 0;
  display: flex;
  z-index: 0;
  height: 30px;
  position: relative;
  flex-wrap: nowrap;
  /* align-content: space-around; */
  justify-content: space-between;
}

.btnA {
  background: linear-gradient(338deg, #ffc107, #ffbf00, #ffd000);

}

.btnB {
  background: linear-gradient(332deg, rgb(87, 150, 200), rgb(87, 150, 200), rgb(87, 150, 200));

}

.btnC {
  background: linear-gradient(332deg, rgb(129, 180, 186), rgb(129, 180, 186), rgb(129, 180, 186));
}

.btnD {
  background: linear-gradient(332deg, rgb(125 157 106), rgb(125 157 106), rgb(125 157 106));
}

.btnE {
  background: linear-gradient(332deg, #4c4c4c, #5d5d5d, #5d5d5a);
}

.btnqwe:active,
.btnB:active,
.btnall:active,
.btnc:active,
.btnn:active {
  background: #262626;
}



.btnall {
  background: linear-gradient(339deg, #9e9e9e, #6e2e8a, #6e2e8a);
}


.btnc {
  background: linear-gradient(339deg, #9e9e9e, #424242, #404040);
}

.btnn {
  background: linear-gradient(339deg, #9e9e9e, #009706e6, #00bcd4);
}

.btn-anim {
  background-size: 400% 400%;
  /* animation: gradient 30s ease infinite ; */
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.billimg {
  object-position: 50% 50%;
  max-width: 95%;
  height: auto;
  height: auto;

}

.mainc {
  text-align: center;
}

/* .btn span {
      position: relative; 
      z-index: 1;
      color: white;
    }
    
    
    
    
    .btnc span {
      position: relative; 
      z-index: 1;
      color: white;
    }
    
    .btnc:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 490%;
      width: 140%;
      background: #6a6a6a; */


#main {
  height: 83vh;
  height: calc(var(--vh, 1vh) * 83);
  position: relative;
  top: 8vh;
  top: calc(var(--vh, 1vh) * 8);

}



#maintable {
  position: relative;
  /* top: 64px; */
  left: 0;
  right: 0;
  /* transition: 0.2s; */
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  /* margin-bottom: 30vw; */
  height: 100%;


}

.fc-toolbar {


  background-color: #2f2f2f;


}

.swiper-container {
  margin-left: auto;
  /* margin-top: 3px; */
  margin-right: auto;
  position: fixed !important;

  /* top: calc(var(--vh, 1vh)* 8) !important; */
  /* overflow-x: hidden !important; */
  /* overflow-y: scroll !important; */
  /* bottom: 10vh !important; */
  /* bottom: calc(var(--vh, 1vh)* 10) !important; */
  /* border: 1px solid #000000; */
  /* height: 74vh !important; */
  height: calc(var(--vh, 1vh)* 86) !important;
  list-style: none;
  padding: 0;
  width: 100% !important;
  z-index: 1;
}

.fc-time {
  background: #00cf0700;

}

.swiper-container .fc-header-toolbar {
  display: none !important;
}

.fc-slats td {
  height: calc(var(--vh, 1vh) * 2.8) !important;
}



.fc-head .fc-row .fc-widget-header {
  /* box-shadow: 0px 2px 5px #9e9e9e !important;
  z-index: 98999999999999999999;
  position: relative; */
  /* font-size: 0px; */
  /* 지워진 해드 데이 부분 폰트사이즈*/
  height: calc(var(--vh, 1vh) * 7) !important;
  min-height: calc(var(--vh, 1vh) * 8) !important;
}

.fc-timegrid-slot {
  height: 1em;
  border-bottom: 0px solid #444 !important;
}

.fc-view-container .fc-view,
.fc-view>table {
  height: 78vh !important;
  height: calc(var(--vh, 1vh) * 78) !important;
}

.fc-head tr {
  border-color: #bbff00;

}

/* 해더칼라*/
.fc th {

  border: 0 solid #0048fd;
  text-align: center;

  background-color: #2f2f2f;


}

.fc-head {
  /* box-shadow: 0px 4px 7px -6px #1a1a1a;
    z-index: 999999999999; */
  position: absolute;
  background: #2f2f2f;
}

/*top툴바 그림자*/
.navbar-dark {
  /* box-shadow: 0px 2px 3px 0px #a2a2a2; */
  border: 0px solid black;
  background-color: #1f1f1f !important;
}

/*해더 라인*/

.fc td

/*전체라인*/
  {
  /* border-style: solid; */
  /* border-width: 1px; */
  padding: 0;
  /* border: 0px solid #02ffc8 !important; */
  vertical-align: top;
}

.fc-time-grid .fc-slats td {
  /*본문 가로줄 해더영향안주는*/
  border: 1px solid #15151575 !important;
  border-width: 0px 0px 1px 0px !important;
}

.leftmenutime .fc-time-grid td {
  border: 1px solid #151515 !important;
  /* border-image: linear-gradient(to right, red 0%, orange 100%); */
  /* border-image-slice: 1; */
  border-image: linear-gradient(90deg, #000000 50%, #151515 100%) !important;
  border-image-slice: 1 !important;
  /* border-style: solid; */
  border-width: 0px 0px 1px 0px !important;
}

table {
  /* caption-side: bottom; */
  border-collapse: separate !important;
  border: 0px 0px 1px 0px solid !important;
  border-spacing: 0px;
}

.fc tbody {
  /* border-style: solid; */
  /* border-width: 1px; */
  /* overflow: hidden; */
  padding: 0;
  border: 0px solid #7b69c9 !important;
  vertical-align: top;
}

/* tbody, td, tfoot, th, thead, tr {  
} */
.fc th

/*해더세로줄*/
  {
  border-image: linear-gradient(180deg, #00000000 33%, #00000000 34%, #151515 100%) !important;
  border-image-slice: 1 !important;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}

.fc tbody

/* 달력 바디 전체외곽선*/
  {
  position: inherit;
  /* width: 50%; */
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border: 0px solid #bd0707 !important;
}

/* 🟢 주간 뷰(timeGridWeek)일 때만 스타일 재정의 */
/* JavaScript가 body에 .view-timeGridWeek 클래스를 추가하면 이 규칙이 활성화됨 */
body.view-timeGridWeek .fc tbody {
  width: 50%;
  /* 주간 뷰일 때 50% 적용 */
}

/* 🟢 월간 뷰(dayGridMonth) 전용 강제 스타일 (데스크탑 레이아웃 깨짐 방지) */
@media (min-width: 1001px) {
  .fc-dayGridMonth-view .fc-scroller>.fc-day-grid {
    margin-bottom: 0px;
    overflow: hidden;
    width: 33.3% !important;
    /* 33% 적용 */

  }
}

.fc-dayGridMonth-view table {
  width: 100% !important;
  table-layout: fixed !important;
}


.fc-unthemed th

/*본문줄 해더상단까지닿아서 안씀*/
  {

  border-color: #f203ff;
}

/* .fc-widget-content {
  border: 1px solid rgb(0, 204, 255);
} */

.fc-unthemed td {
  border: 0.1px solid rgb(0, 0, 0);
  /* border-color: #60a1a600; */
}

.fc-time-grid-event-inset {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0) !important;
}

.fc-unthemed td.fc-today {
  background: #3737372d;
  /*오늘날 표기색바꿈*/
}

/*time left*/
.textcolorA {
  /*시간 글자 배경색*/
  color: #c1c1c1 !important;
  background: #1f1f1f;
  font-size: 0.5rem !important;

}

.fc-view,
.fc-view>table {
  position: relative;
  z-index: 1;
  background-color: #252525 !important;
}

.fc-row .fc-today {
  /* 오늘날짜 배경 라운드*/

  /* background-color: #5b939f;
  border: 1px solid #368b9c; */
  color: rgb(250, 250, 250) !important;
}

.custom-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 12px solid red;
  border-right: 12px solid transparent;
  z-index: 50;
}

/* 삼각형이 잘 보이도록 위치 조정용 */
.fc-day-header,
.fc-day {
  position: relative;
}

/* 해더폰트사이즈 위치조정*/
.column-header-week {
  font-size: 0.6rem;
  /* padding: 0; */
  /* display: block; */
  position: relative;
  top: 5px;
  margin: -2px;
}

.column-header-day {
  font-size: 1rem;
  /*해드 날요일 글자 사이즈*/
}

.fc-widget-header span {
  display: block;
  /* 이게 블럭이어야 span이 위아래로 나뉨*/

}

/* #indicatorid {
  top: 10px;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  z-index: 99;
} */

.bottomtop {
  /* border-top: 2px solid #000000; */
  display: flex;
  flex-direction: column;
  bottom: 0;
  width: 100%;
  height: 5.5rem;
  z-index: 9;
  /* margin-bottom: 5px; */
  flex-wrap: nowrap;
  justify-content: space-between;
  position: fixed;
}


@media (min-width:700px) {
  #loading_bar_base {
    position: absolute;
    width: 700px;
    height: 1px;
    left: 0;
    top: 0;
    /* bottom: 0px; */
    background: #000000;
    z-index: 99999;




  }

  .nav_image_pop {
    max-height: 300px;
    /* width: 100%; */
    height: auto;
  }


  #bottom {
    background-color: #2f2f2f;
    left: 0;
    right: 0;
    /* margin: 0; */
    display: flex;
    border: 71px;
    /* border-radius: 21px; */
    padding: 9px 0 4px 0;
    bottom: 0;
    overflow: hidden;
    /* margin: 0 5px 5px; */
    /* height: 10vh; */
    height: 3rem;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    list-style: none;
    /* z-index: 999; */
    justify-content: center;
    align-items: flex-end;
    transition: all 0.3s ease;
  }

  .daylisttop1 {
    display: flex;
    /* height: 100%; */
    /* z-index: 9999; */
    position: relative;
    /* top: 15vh; */
    flex-wrap: nowrap;
    align-content: space-around;
    flex-direction: row;
    justify-content: space-around;
  }

  #daylisttop2 {
    width: 700px;
    /* overflow: hidden; */
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    top: calc(var(--vh, 1vh) * 8);
    flex-wrap: nowrap;
    height: calc(var(--vh, 1vh) * 7);
  }

  .daylisttop3 {
    display: flex;
    background: #353535;
    color: #ffffff;
    font-size: 82%;
    right: 0;
    text-align: center;
    /* left: 0; */
    position: relative;
    /* padding: 9px 0 6px 0; */
    /* margin: 0; */
    width: 100%;
    /* top: calc(var(--vh, 1vh) * 8.05); */
    /* height: calc(var(--vh, 1vh) * 7) !important; */
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  #emptyspase {
    width: calc(var(--vh, 1vh) * 8) !important;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    background: #3f3f3f;
  }

  /*달력시간표시부 내용넓이*/


}

.fc .fc-axis {
  /*왼쪽시간표시배경*/
  width: 55px !important;
  vertical-align: middle;
  padding: 0 3px;
  white-space: nowrap;
  font-size: 0.5em;
  /* background: #1f1f1f !important; */
  color: #9c9c9c;
  /* color: #000000; */
  /* border: 1px solid #353535 !important;
    border-color: #1d1d1d !important;  */

  /*달력 시간표시 오른쪽 볼더라인*/
}

.daylistv {
  background: #353535;
  width: 14.2%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}




.navbar-brand {
  display: flex;
  /* margin-left: 1px; */
  font-size: clamp(10px, calc(var(--vw, 1vw) * 4), 21px);
  /*nav메뉴 타이틀 글자크기 사이즈*/
  margin-right: 6px;
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-end;
}

/* 해드툴바패딩영역*/
.swc .swc-toolbar {
  padding: 0px !important;
}

#titleMonth {
  display: none;
  color: #ffffff;
  font-size: 0.8rem
    /* margin-right: 3px; */
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  padding-left: 0;
  flex-direction: row;
  align-content: space-around;
  flex-wrap: wrap;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none !important;
}

.offcanvas-body {
  font-size: 2.5vh;
  padding-top: 0;
  display: none;
}

.copyTxt1 {
  background-color: transparent !important;
  border: none;
  color: #03A9F4;
  font-size: 13px;
}

.copyTxt2 {
  background-color: transparent !important;
  border: 1px solid;
  color: #03A9F4;
  font-size: 13px;
  margin-right: 5px;
}


/* 클릭 시 커서가 나타나지 않게 설정 */
#copyTxt:focus {
  outline: none;
}

.navbar-toggler {
  padding: 0px;
  position: relative;
  font-size: 1rem;
  line-height: 1;
  color: #ffffff;
  background-color: transparent;
  border: var(--bs-border-width) solid #ffffff8c;
  border-radius: 8px;
  transition: var(--bs-navbar-toggler-transition);
}

.fc-toolbar h2 {
  /* font-size: 1.4rem; */
  font-weight: 600;
  margin: 0;
}

.jo-right {
  display: flex;
  gap: 2px;
}

.btncont {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  height: 100%;
}


#loading_bar {

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  width: 12%;
  height: 1px;
  /* top: 117px; */
  /* margin: 0px auto; */
  left: 0;
  /* padding: 0px; */
  /* margin-top: 9px; */
  /* bottom: 0px; */
  top: 0;
  background: #00b2fe;
  z-index: 9999999;
  /* box-shadow: 0px 1px 0px 0px #000000bf inset; */
  /* padding: 1rem; */
  /* border-bottom: 1px solid #0000006b; */
  /* color: rgb(0, 225, 255); */
  /* filter: drop-shadow(0 0 1px rgb(0, 72, 255)) drop-shadow(0 0 9px rgb(0, 106, 163)) drop-shadow(0 0 0px rgb(82, 82, 131)); */
  transition: 400ms;
}




















@media (min-width:700px) {

  /*가로 너비가 600px 이하일 때 아래 스타일 적용*/


  html,


  body {

    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 19px;
    overflow: hidden;
    width: 100%;
    margin: 0;
    height: 100%;
    overscroll-behavior: contain;
    background: #1f1f1f;
  }

  #calendarModal {
    z-index: 3;
  }




  #Aimg {
    display: none;
  }

  #Bimg {
    display: none;
  }

  #Allimg {
    display: none;
  }

  #cimg {
    display: none;
  }

  #Nbtnn {
    display: none;
  }

  .itemflex {
    text-align: center;
  }








  .swiper-container {
    margin-left: auto;
    /* margin-top: 3px; */
    margin-right: auto;
    position: fixed !important;
    /* top: 0vh !important; */
    /* top: calc(var(--vh, 1vh)* 8) !important; */
    /* overflow-x: hidden !important; */
    /* overflow-y: scroll !important; */
    /* bottom: 10vh !important; */
    /* bottom: calc(var(--vh, 1vh)* 10) !important; */
    /* border: 1px solid #000000; */
    /* height: 74vh !important; */
    height: calc(var(--vh, 1vh)* 86) !important;
    list-style: none;
    padding: 0;
    width: 100% !important;
    z-index: 1;
  }






  .button_container {
    position: relative;
    /* padding: 0px 60px 0px 1px; */
    z-index: 9999999;

  }

  .description,
  .link {
    font-family: 'Amatic SC', cursive;
    text-align: center;
  }







  .navbar navbar-dark bg-dark fixed-top {
    border: 2px solid rgb(0 0 0 / 97%);
  }

  .logoimg {
    float: left;
    margin-right: 6px;
    width: 30px;
    height: 30px;
    font-size: medium;
    border-radius: 100px;
    overflow: hidden;
    background: #616161;
    border: 1px solid rgb(0 0 0 / 71%);
  }

  .btntext {
    text-shadow: 0 1px 0px rgb(0 0 0 / 20%);
    border: 1px solid rgba(0, 0, 0, 0.97);
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: rgb(255, 255, 255);
    font-weight: 700;
    /* top: 1px; */
    font-size: 15px;
    padding: 8px 9px 8px 9px;
    margin: 0 auto;
    border-radius: 11px;
    /* box-shadow: 0 -2px 1px 0px #0000006b inset; */

  }

  .fc-body {
    top: calc(var(--vh, 1vh) * 6.5) !important;
    position: absolute;
  }

  #loading_bar_base {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    /* bottom: 0px; */
    background: #000000;
    z-index: 999;
  }


  .daylisttop1 {
    display: flex;
    /* height: 100%; */
    /* z-index: 9999; */
    position: relative;

    /* top: 15vh; */
    flex-wrap: nowrap;
    align-content: space-around;
    flex-direction: row;
    justify-content: space-around;

  }

  /* .fc-widget-header{
    height: 0px !important;
    width: 0px !important;
  } */
  #daylisttop2 {
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 99;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    top: calc(var(--vh, 1vh) * 8);
    flex-wrap: nowrap;
    height: calc(var(--vh, 1vh) * 7);
  }

  .daylisttop3 {
    display: flex;
    background: #353535;
    color: #ffffff;
    font-size: .8rem;
    right: 0;
    /* left: 0; */
    position: relative;
    padding: 3px;
    margin: 0;
    width: 100%;
    /* top: calc(var(--vh, 1vh) * 8.05); */

    height: calc(var(--vh, 1vh) * 7);
    flex-direction: row;
    justify-content: space-between;
  }

  #emptyspase {
    width: calc(var(--vh, 1vh) * 8) !important;
    position: relative;
    height: calc(var(--vh, 1vh) * 24) !important;
    vertical-align: middle;
    /* border: 1px solid #353535; */
    top: -45px;
    white-space: nowrap;
    background: #2f2f2f;


  }

  /*달력시간표시부 내용넓이*/
  .edithetimelistleft {
    pointer-events: none;
    overflow: hidden;


  }

  .leftmenutime {
    border: 0px solid #000000;
    position: relative;
    left: 0;
    text-align: right;
    display: flex;
    font-size: 0.5em;
    top: calc(var(--vh, 1vh) * -4);
    color: #c1c1c1;
    height: 100%;
    height: calc(var(--vh, 1vh) * 108);
    /* width: calc(var(--vh, 1vh) * 0) !important; */
    width: calc(var(--vh, 1vh) * 9) !important;
    /* background: #1c1c1c !important; */
    border-color: #1d1d1d !important;
    z-index: 9;
    flex-direction: column;
    pointer-events: none;

  }

  .lefttfffime {
    border-color: #404040;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 10px;
  }



  .fc-axis {
    width: calc(var(--vh, 1vh) * 8) !important;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0.5em;
    color: #202020;
    /*지워진 뒷쪽 글자색 시간 타임*/
    /* background: #191919 !important; */
    border-color: #1d1d1d !important;

  }

  .offcanvas-body-2000 {
    display: block;
  }


}

.fc-time-grid td

/*본문 세로줄*/
  {
  /* border: 1px solid #151515fc; */
  border-width: 0px 1px 0px 0px !important;
}




/* 
.room-slide {
  gap: 5px;
    position: fixed;
    bottom: 117px;
    width: fit-content;
    display: flex
;
    left: 25px;
  
    border: 0.5px solid #aaaaaa;
    right: 0;
    background: #262626;
    box-shadow: 1px 7px 10px rgb(0 0 0 / 67%);
    padding: 10px;
    display: flex
;
    justify-content: space-around;
    border-radius: 9px;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 9;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
} */

.room-slide.show {
  transform: translateY(0);
}

.hidden {
  display: none;
}

.btnroomselect {
  border: 0px;
  background: #f5f5dc00;
  margin-bottom: 9px;
}

#btnAg_toggle {
  color: #ffc107;
}

#btnBg_toggle {
  color: rgb(87, 150, 200);
}

#btnCg_toggle {
  color: rgb(129, 180, 186);
}

#btnDg_toggle {
  color: rgb(125 157 106);
}

#btnEg_toggle {
  color: #5d5d5d;
}

#btnallg_toggle {
  color: #6e2e8a;
}


#roomToggleBtn {
  border: 0.5px solid #969696;
  border-radius: 5px;
  background: content-box;
  color: #61a0d6;
}


/* 월간 뷰에서 요일 글씨 키우기 */
.column-header-week.column-month {
  font-size: 18px;
  font-weight: bold;
  top: 15px;
}


.room-slide {
  position: fixed;
  bottom: 117px;
  width: 223px;
  left: 23px;
  padding: 10px;
  background: #262626;
  border: 0.5px solid #aaaaaa;
  border-radius: 9px;
  box-shadow: 1px 7px 10px rgb(0 0 0 / 67%);
  z-index: 9;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

.room-slide.show {
  transform: translateY(0);
  /* 위로 슬라이드 */
  opacity: 1;
  pointer-events: auto;
}

.back_gray {

  visibility: hidden;

}

.back_gray.show {
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  z-index: 8;
  left: 0;
  position: fixed;
  visibility: visible;
  background: #00000057;
}








/* ID 기준으로 텍스트 색상 & 사이즈 변경 */

#a_f6bf26 {
  color: #f6bf26;
  font-size: 15px;
}


#b_5796c8 {
  color: #5796c8;
  font-size: 15px;
}


#c_81b4ba {
  color: #81b4ba;
  font-size: 15px;
}

#d_7d9d6a {
  color: #7d9d6a;
  font-size: 15px;
}

#e_616161 {
  color: #616161;
  font-size: 15px;
}

.fc-center {
  color: #ffffff;
}

.fc-axis fc-widget-header {
  background: #2f2f2f;
}

/* 모든 요일 공통 스타일 */
.fc-dayGridMonth-view .month-header-weekday {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  color: #f4f4f4;
  text-align: center;
  width: 100%;
}

/* 일요일 전용 스타일 */
.fc-dayGridMonth-view .month-header-weekday.sunday {
  color: #be0000;
}



.popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* 어두운 반투명 */
  z-index: 99999;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}

.popup-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}


.event-popup-content {
  color: white;
  text-align: left;
  /* font-size: 0.95rem; */
  line-height: 1.5;
}

.event-clone {
  background: rgba(48, 48, 48, 0.95);
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}









/* .toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-right: 10px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
} */
/* .slider {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 20px;
  width: 41px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.3s;
}
.slider::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s;
}
.toggle-switch input:checked + .slider {
  background-color: #4caf50;
}
.toggle-switch input:checked + .slider::before {
  transform: translateX(20px);
} */


.fc-time-grid-event {
  margin: 0.2px;
}

.fc-event {
  position: relative;
  display: block;
  padding: 0px;
  font-size: 0.6em;
  line-height: 1.4;
  border-radius: 9px;
  border: 1px solid #3788d8;
  color: black;
}

.room-btn {
  border: none;
  max-width: 55px;
  /* height: 1.7rem; */
  margin: 5px 3px;
  color: white;
  box-shadow: 0px 2px 2px 0px rgb(0 0 0);
  border-radius: 0.5em;
  font-size: 0.5rem;
  height: 2rem;
  cursor: pointer;
  padding: 0.4em 0.65em;
  transition: background-color 0.3s ease;
}

.room-btn:hover {
  background-color: #138496;
}

.room-btn.active {
  background-color: #0d6efd;
  color: #fff;
}

/* #ALLbtn_pick_oneroom{
  width: 100%;
} */

.btn-lab-select {
  display: flex;
  align-items: center;
}





.room-slide {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #222;
  color: white;
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 999;
}

.room-slide.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.back_gray {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 998;
}

.back_gray.show {
  display: block;
}

#bottom.show {
  position: relative;
  background-color: #2f2f2f;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: 0;
  display: flex;
  border: 71px;
  /* border-radius: 21px; */
  /* padding: 9px 0 4px 0; */
  /* bottom: 0; */
  overflow: hidden;
  /* margin: 0 5px 5px; */
  /* height: 10vh; */
  height: 5.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
  z-index: 3;
  align-items: flex-end;
  transition: all 0.3s ease;
}




.toggle-switch-vertical {

  position: relative;
  display: none;
  width: 19px;
  height: 34px;
  bottom: 8px;
}

.toggle-switch-vertical input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch-vertical.show-toggle {
  display: inline-block;
  /* 보일 때 사용 */
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 0;
  box-shadow: inset 1px 0px 2px 0px rgba(0, 0, 0, 0.3);

}

.slider::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 0;
  box-shadow: 2px 1px 2px 2px rgba(0, 0, 0, 0.3);
}

/* 켜졌을 때 (위로 올라감) */
.toggle-switch-vertical input:checked+.slider::before {
  transform: translateY(-14px);
}

/* ✅ 토글이 켜졌을 때 배경색도 변경 */
.toggle-switch-vertical input:checked+.slider {
  background-color: #2196F3;
  /* 파란색 예시 */
}

#bar_btn {
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 42px;
  top: 0.9px;
  z-index: 5;
  border-top: 1px solid #000000;
  display: flex;
  height: 11px;
  position: relative;
  background: #2f2f2f;
  flex-direction: column;
  align-content: center;
  align-items: center;
  border-top-left-radius: 6px;
  /* ⬅️ 왼쪽 위 모서리 둥글게 */
  border-top-right-radius: 6px;
  /* ⬅️ 오른쪽 위 모서리 둥글게 */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


.fc-button {
  height: 2rem !important;
  font-size: 0.5rem;
}

.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  align-items: flex-end;
  bottom: 4px;
}

.radio-toggle-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.radio-toggle-vertical input {
  display: none;
}

.radio-toggle-vertical label {
  padding: 10px;
  background-color: #ccc;
  margin: 2px;
  width: 40px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

input:checked+label {
  background-color: #2196f3;
  color: white;
}

.fc-toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  /* bottom: 40px; */

  z-index: 33;
  /* font-size: 1.5em; */
}

.room-btn.active {
  /* outline: 2px solid #000; */
  transform: scale(0.85);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}




/* 일요일 날짜 텍스트만 색상 변경 */
.fc-dayGridMonth-view .fc-day.fc-sun {
  background-color: #2c2c2c;
  /* 원하는 색상 */
}

/* 월간 뷰에서 다른 달 날짜 칸 배경색 */
.fc-dayGridMonth-view .fc-day.fc-other-month {
  background-color: #1f1f1f;
}

.fc-dayGridMonth-view .fc-day:not(.fc-other-month) {
  background-color: #2b2b2b !important;
  /* 이번 달 날짜 배경 */
}

.fc-dayGridMonth-view .fc-sun {
  color: #be0000 !important
}



.fc-day-grid-container a {
  color: #0dcaf06b !important;
  /* text-shadow: 1px 1px 0px #0000008f */
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  /* box-shadow: 2px 2px 6px 0px rgb(0 0 0); */
  z-index: 1;
  overflow: hidden;

}

.fc-button-group>.fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0px 2px 2px 0px rgb(0 0 0);
}

.fc-time-grid-event {
  margin-bottom: 0px !important;
}

.fc-button-group>.fc-button:focus {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: rgb(255, 242, 0);
  box-shadow: 0px 2px 2px 0px rgb(255, 242, 0);
}

tr:first-child>td>.fc-day-grid-event {
  margin-top: 2px;
  color: #000 !important;
  box-shadow: 1px 2px 6px 0px rgb(0 0 0 / 75%);
}


.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0rem rgba(76, 91, 106, 0.5);
}

.fc-button-primary:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0rem rgba(76, 91, 106, 0.5);
}

#loading_bar_base_a {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}


/* 두 개의 가로선을 생성 */
#bar_btn::before,
#bar_btn::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
  /* 줄 색상 */
}

/* 첫 번째 줄: 위쪽에서 3px 위치 */
#bar_btn::before {
  top: 3px;
  /* padding: 0 18px; */
  position: relative;
  width: 72%;
}

/* 두 번째 줄: 위쪽에서 5px 위치 */
#bar_btn::after {
  top: 6px;
  /* padding: 0 18px; */
  position: relative;
  width: 72%;
}

/* 
.fc-event.a { left: 0% !important; width: 18% !important; }
.fc-event.b { left: 20% !important; width: 18% !important; }
.fc-event.c { left: 40% !important; width: 18% !important; }
.fc-event.d { left: 60% !important; width: 18% !important; }
.fc-event.e { left: 80% !important; width: 18% !important; } */
body.view-all .fc-timeGrid-view .fc-event.a {
  left: 0% !important;
  width: 18% !important;
}

body.view-all .fc-timeGrid-view .fc-event.b {
  left: 20% !important;
  width: 18% !important;
}

body.view-all .fc-timeGrid-view .fc-event.c {
  left: 40% !important;
  width: 18% !important;
}

body.view-all .fc-timeGrid-view .fc-event.d {
  left: 60% !important;
  width: 18% !important;
}

body.view-all .fc-timeGrid-view .fc-event.e {
  left: 80% !important;
  width: 18% !important;
}



/* .fc-time-grid table {
  border: 0 hidden transparent;
  border-bottom: 2px solid #000 !important;
} */
.offcanvas-body-1000 {
  display: none;
}

@media (max-width: 1000px) {
  #sideFrame {
    display: none !important;
    /* 인라인 스타일 이겨야 해서 !important */
  }
}


@media (min-width: 1000px) {
  .offcanvas-body-2000 {
    display: none;
  }


  #calendarAll {
    position: absolute;
    width: 33.3%;
    left: 33.3%;
  }

  #offcanvasDarkNavbar {
    /* position: fixed !important; */
    left: 0;
    top: 0;
    overflow: auto;
    border-width: 0;
    border-right: 1px solid #5e5e5e;
    height: 100vh;
    width: 33.3% !important;
    display: block !important;
    transform: none !important;
    visibility: visible !important;
    background-color: #212529;
    /* 기존 text-bg-dark 스타일 */
    z-index: 1050;
    /* 다른 요소 위에 보이도록 */
  }

  .swiper-wrapper {
    position: relative;
    width: 33.3% !important;
    right: 0;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }

  .fc-scroller>.fc-time-grid {
    position: relative;
    width: 33.3%;
  }

  .fc-head {
    position: absolute;
    background: #2f2f2f;
    width: 33.3%;
  }

  .bottomtop {
    /* border-top: 2px solid #000000; */
    display: flex;
    flex-direction: column;
    bottom: 0;
    width: 33.3%;
    /* right: 0; */
    left: 33.3%;

    height: 16%;
    z-index: 9;
    /* margin-bottom: 5px; */
    flex-wrap: nowrap;
    justify-content: space-between;
    position: fixed;
  }

  .navbar-toggler {
    display: none;
  }

  .offcanvas-header {
    display: none;
  }

  .offcanvas-body-1000 {
    display: block;
  }

  .offcanvas-body {
    display: none;
  }
}

/* Monthly View Simplified Events */
.custom-event-box-month {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 2px;
  border-radius: 2px;
  color: #000;
  margin-bottom: 1px;
}

.custom-room-month {
  font-weight: bold;
}

.fc-daygrid-more-link {
  font-size: 10px !important;
  color: #aaa !important;
  padding: 1px 3px;
}

/* Hide FullCalendar Divider */
/* Hide FullCalendar Divider */
.fc-divider,
hr.fc-divider,
.fc-header-toolbar .fc-divider {
  display: none !important;
  height: 0 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

/* =========================================
   [Ported from V8] Info Page Overlay & Button
   ========================================= */

/* 예약정보 페이지 오버레이 */
.info-page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
  transform: translateY(-100%);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  background: #1f1f1f;
}

.info-page-overlay.active {
  transform: translateY(0);
  pointer-events: auto;
}

.info-page-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* 예약 정보 버튼 스타일 */
.info-btn {
  background: #333;
  border: 1px solid #555;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.9rem;
  margin-left: 5px;
  height: 38px;
  /* 다른 버튼과 높이 맞춤 */
  white-space: nowrap;
  /* 텍스트 줄바꿈 방지 */
}

.info-btn span {
  font-size: 0.8em;
}

.info-btn:hover {
  background: #444;
  border-color: #777;
}

/* 1000px 이상에서는 버튼 숨김 (데스크탑 모드) */
@media (min-width: 1001px) {
  .info-btn {
    display: none !important;
  }
}