.jss1 .MuiPaper-root {
  background-color: rgba(0, 0, 0, 0);
}
.MuiDrawer-paperAnchorBottom {
  inset: auto 0 0;
  height: auto;
  max-height: 100%;
}
.drawer-box {
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
  position: relative;
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.16);
}
.z8ddi0 {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;

  justify-content: space-between;
}
.z8ddi2 {
  padding: 0 20px;
}
.z8ddib {
  padding: 20px 0;
}
.z8ddi3 {
  background-color: var(--_1ltqxco3);
  overflow: hidden;
}
.z8ddi4 {
  align-items: center;
  gap: 8px;
}
.z8ddi7 {
  position: relative;
  height: 240px;
  margin-top: 16px;
}
.z8ddi5 {
  display: inline;
  position: relative;
  line-height: 1.6;
  font-size: 16px;
}
.z8ddi6 {
  font-weight: var(--_1ltqxco11);
  font-size: var(--_1ltqxcou);
  text-decoration: underline;
  color: var(--_1ltqxcoa);
  line-height: 16px;
  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
}
.z8ddi6:before {
  content: "";
  background: url("https://app.catchtable.co.kr/public/img/icons/copy.svg") 50% 50% no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 2px;
}
.z8ddi8 {
  overflow: hidden;
  background: url(/public/img/map/bg_tile.png);
  position: relative;
  display: block;
  height: 100%;
}
.z8ddi9 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.z8ddia {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.z8ddib {
  padding: 20px 0;
}
.z8ddic {
  display: flex;
}
.z8ddid {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.z8ddie {
  border-left: 1px solid #d5d5d5;
  line-height: 18px;
}
._1ltqxco1d {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
}
._4qv338c {
  display: flex;
  margin-top: 16px;
}
._4qv338d.call:before {
}
._4qv338d.location:before {
}
._4qv338d.building:before {
}
._4qv338d:before {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 4px;
}
._4qv338d:not(:last-child) {
  border-right: 1px solid #d5d5d5;
  line-height: 18px;
}
._4qv338d:not(:last-child) {
  border-right: 1px solid #d5d5d5;
  line-height: 18px;
}
._4qv338d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 18px;

  color: #222222;
  line-height: 21px;
  font-size: 14px;
  font-weight: 400;
}
.show {
  display: block !important;
  animation: slide-up 0.5s ease;
}

.dark-background {
  background-color: #7f7f7f;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
#imgID1 {
  animation: blink 3s infinite;
}
#imgID2 {
  animation: blink 3s infinite;
}
#imgID3 {
  animation: blink 3s infinite;
}
#imgID4 {
  animation: blink 3s infinite;
}

.review-tab ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
}
.review-tab ul li {
  position: relative;
  width: 50%;
  text-align: center;
}
.review-tab ul li a {
  color: #6b6b6b;
  display: block;
  line-height: 46px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.3px;
  background-color: #f1f0ee;
  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}
.review-tab ul li.active a {
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  background-color: #c17456;
}
.review-tab ul li::after {
  transition: width 0.3s ease;
  background: #c17456;
  content: "";
  display: inline-block;
  width: 0%;
  height: 2px;
  bottom: -2px;
  position: absolute;
  left: 0;
}
.review-tab ul li.active::after {
  width: 100%;
}
.tab-content {
  width: 100%;
  height: auto;
  background-color: #f7f7f7;
}

#con1:checked ~ #menu_1,
#con2:checked ~ #menu_2,
#con3:checked ~ #menu_3,
#con4:checked ~ #menu_4 {
  display: block;
}

.tab {
  width: 100%;
  padding: 30px 15px;
}
.con {
  width: 100%;
  display: none;
  background: #fff;
}
.con p {
  line-height: 2;
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.popup-content {
  position: absolute;

  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);

  min-width: 90%;
  text-align: center;
}

.popup-image {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.close-btn {
  color: white;
  padding: 2px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
  width: 100%;
}

.close-btn-img {
  width: 20px;
  float: right;
}

.checkbox-label {
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
}

.checkbox-label input {
  margin-right: 10px;
}
.fnav-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  bottom: 60px;
  right: 2px;
  z-index: 1000;
  padding: 10px;
  gap: 2px;
}

.ai-link-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  height: 50px;
  width: 150px;
  cursor: pointer;
}

.ai-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: left;
  width: 150px;
}

.ai-text {
  position: absolute;
  left: 40%;
  transform: translateX(-50%);
  color: black;
  font-weight: bold;
  white-space: nowrap;
  z-index: 2;
  opacity: 1;
  transition: opacity 1s ease-out;

  padding-top: 2px;
  font-size: 15px;

  letter-spacing: 1px;
}

.fnav-wrap a:last-child img {
  width: 70px;
  height: auto;
  display: block;
}

.fmenu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fnav-wrap .bt-ai {
  position: fixed;
  bottom: 138px;
  right: 10px;
  z-index: 1000;
  text-align: center;

  width: 148px;
  display: block;
  cursor: pointer;

  animation: floatSoft 1.2s ease-in-out infinite;
}

.fnav-wrap .bt-ai-close {
  position: fixed;
  bottom: 135px;
  right: 2px;
  z-index: 1000;
  text-align: center;

  width: 23px;
  display: block;
  cursor: pointer;

  animation: floatSoft 1.2s ease-in-out infinite;
}

@keyframes floatSoft {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.main_phone_auth_0528 .phone_auth.new,
.after_auth_modal .phone_auth.new,
.review_auth_modal .ly_box {
  height: 420px;
}

.main_phone_auth_0528 .auth-notice,
.after_auth_modal .auth-notice,
.review_auth_modal .auth-notice {
  margin: 4px 0 0;
  font-size: 12px;
  color: #f55e5e;
  line-height: 1.2;
}

.main_phone_auth_0528 .auth-notice + .auth-notice,
.after_auth_modal .auth-notice + .auth-notice,
.review_auth_modal .auth-notice + .auth-notice {
  margin-top: 0;
  word-spacing: -1px;
}