#ft {
}

#ft p {
  padding: 0!important;
}

#ft .container {
  padding-top: 10.512vw;
  padding-bottom: 7.179vw;
}
#ft .container h4 {
  font-size: 4.615vw;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 4.871vw;
  color: #fff;
  text-align: left;
  margin-bottom: 7px;
}
#ft .container h2 {
  font-size: 10.256vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12.82vw;
  color: #b4deff;
  text-align: left;

}
#ft .container .time {
        margin-top: 8.102vw;
    margin-bottom: 10vw;
}
#ft .container .time ul {
  display: flex;
  flex-direction: column;
}
#ft .container .time ul li {
        display: flex;
    align-items: center;
    gap: 11.282vw;
}
#ft .container .time ul li p:nth-of-type(1) {
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 10.769vw;
  color: #d5d5d5;
  width: 15.384vw;
  text-align: left;
}
#ft .container .time ul li p:nth-of-type(2) {
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 9.743vw;
  color: #d5d5d5;
    text-align: left;
}
#ft .container .time ul li:nth-of-type(2) p {
  color: #b4deff;
  font-weight: bold;
}
#ft .container .time ul li:nth-of-type(2) p:nth-of-type(1) {
  letter-spacing: 0em;
  line-height: 10.256vw;
}
#ft .container .time ul li:nth-of-type(2) p:nth-of-type(2) {
  letter-spacing: -0.02em;
  line-height: 10.256vw;
}
#ft .container .info {
    margin-bottom:6.923vw
}
#ft .container .info p {
  font-size: 3.076vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 5.128vw;
  color: #e5e5e5;
    text-align: left;
  opacity: 0.8;
}
#ft .container div {
    text-align: left;
}
#ft .container img {
    width: 26.794vw;
}

#ft {
  position: relative;
}

#ft .container .log {
  margin-bottom: 2.897vw;
      position: absolute;
    right: 5vw;
    top: 4vw;
}
#ft .container .log a {
  color: #bfbfbf;
}

#ft .container .log a:hover {
  color: #fff;
}

/* 플로팅 버튼 컨테이너 */
.mobileButton {
    position: fixed;
    bottom: 7.692vw;
    right: 3.846vw;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 1.025vw;
}

/* 예약 버튼 */
.mobileButton #booking {
   width: 13.333vw;
    height: 11.025vw;
    background: #F3F3F3;
    border: none;
    border-radius: 2.051vw; 
    cursor: pointer;
    transition: all 0.3s;
box-shadow: -1px 3px 2px 0px rgba(0, 0, 0, 0.16);
}

.mobileButton #booking h3 {
    color: #000000;
    font-size: 3.589vw;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 0;
}

.mobileButton #booking:active {
    transform: scale(0.95);
}

/* TOP 버튼 */
.mobileButton #scrollTop {
    width: 13.333vw;
    height: 13.333vw;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    background-color: transparent;z-index: 99;
}

.mobileButton #scrollTop img {
    width: 100%;
}

.mobileButton #scrollTop:active {
    transform: scale(0.95);
}

/* ⭐ 슬라이드업 메뉴 */
.mobileButton  .slide-menu {
    position: fixed;
    bottom: 35.128vw; /* 초기 위치: 화면 밖 */
    right: 3.846vw;
    background: #F3F3F3;
    border-radius: 2.564vw;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease-in-out;
 
    padding: 1.794vw 1.538vw;
opacity: 0;
    gap: 3.948vw;
        display: flex;
    flex-direction: column;
    z-index: -1;     height: 0;
    min-width: 13.32051282051282vw;
   

}

/* 메뉴 열렸을 때 */
.mobileButton  .slide-menu.active {
        bottom: 35.128vw;
        display: flex;
    flex-direction: column;
    opacity: 1;
       z-index: 999;
   height: 86.923vw;
       overflow: hidden;
}

/* 메뉴 리스트 */



.mobileButton .slide-menu a {
    transition: all 1s;
    opacity: 0;
    height: 0;
}

.mobileButton .slide-menu a:active {
    background: #e9ecef;
    transform: scale(0.95);
    opacity: 1;
}

.mobileButton .slide-menu img {
    width: 10.256vw;
    aspect-ratio: 1/1;
    display: none;
    transition: all 1;
}

.mobileButton .slide-menu.active a {
  opacity: 1;
   height: 10.256vw;
}

.mobileButton .slide-menu.active img {
    width: 10.256vw;
    aspect-ratio: 1/1;
    display: block;
}