/* 추가 */
    :root{
      --max-container : 440px;
    }

.wrap{
    padding-bottom: 120px;
    overflow: hidden;
    max-width: var(--max-container);
    position: relative;
    margin: 0 auto;
    /* min-height: 100vh; */
    
}
.contents{
  padding: 10px 0;
}
/* 선택 결과 */
  .recommend-box {
      /* padding: 0 20px; */
      margin: 0 20px;
      border-radius: 1.25rem;
      background: var(--color-main);
      box-shadow: 0 10px 30px 0 rgba(255, 50, 84, 0.50);
  }
  .recommend-box h2 {
    padding: 1rem;
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.05rem;
  }
  .tags {
      display: flex;
      width: 100%;
      padding: 1rem;
      flex-direction: column;
      align-items: flex-start;
      gap: 1.25rem;
      border-radius: 0 0 1.25rem 1.25rem;
      background: linear-gradient(180deg, #EB436D 0%, var(--color-main) 100%);
  }
  .tags > div{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.625rem;
  }
  .tags p{
      color: #FFF;
      font-size: 0.9375rem;
      font-weight: 700;
      line-height: 130%; /* 1.21875rem */
  }
  .tags span {
      display: flex;
      padding: 0.375rem 0.75rem;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      border-radius: 0.5rem;
      background: #FFF;
      color: #000;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 100%; /* 0.875rem */
  }

  /* 공통 */
  .container{
    width: 100%;
      padding: 20px;
      position: relative;
      min-height: calc(100vh - 130px);
      padding-bottom: 130px;
  }
  .section-title {
      color: #262626;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 130%; /* 1.625rem */
      letter-spacing: -0.0625rem;
    /* margin: 1.5rem 1rem .5rem; */
  }
/* 탭 스타일 */
  .tab-menu {
      display: flex;
      width: 100%;
      padding: 10px;
      align-items: center;
      gap: 10px;
      border-radius: 0.625rem;
      background: #F3F3F3;
         margin: 1rem 0;
  }
  .tab {
  color: #414141;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%; /* 1rem */
  letter-spacing: -0.04rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
      padding: 0.625rem;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      flex: 1 0 0;
      border-radius: 0.625rem;
  }
  .tab.active {
      display: flex;
      padding: 0.625rem;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      flex: 1 0 0;
      border-radius: 0.625rem;
      background: #FFF;
  }

  /* 카드 스타일 */
/* Swiper container */
.swiper{overflow:visible !important;padding-bottom:4px}
.swiper-slide{width:300px} /* slidesPerView:auto 기준 카드 너비 */
@media (min-width:420px){ .swiper-slide{width:320px} }
/* 섹션 타이틀 */
.section__title{
  color: #262626;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0625rem;
  margin-bottom: 10px;
}
/* Card */

.card__media{
  position:relative;height:130px;overflow:hidden;
  border-radius: 8px;
}
.card__bg{
  width:100%; height:100%;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.6) 100%),
    var(--img);
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  border-radius:8px;
}
.card__ad{
  position:absolute;top:10px;left:10px;
  border-radius: 4px;
  background: #FB5656;
  padding:3px 8px; color: #FFF;
  font-size: 12px;
  font-weight: 900;
  line-height: 100%; /* 12px */
  letter-spacing: -0.48px;
}
.meta{
  position:absolute;left:10px;bottom:10px;
  display:flex;align-items:center;gap:4px;
  text-shadow:0 1px 6px rgba(0,0,0,.45);
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
}
.meta span{
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
}
.like{
  display: flex;
  /* width: 3.75rem; */
  justify-content: flex-end;
  align-items: center;
  gap: 0.125rem;
  flex-shrink: 0;
  color: #EE1337;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%; /* 1rem */
  letter-spacing: -0.05rem;
}
.card__body{
  display: flex;
  padding: 0.625rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}
.card__title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  }
  .card__title h2 {
    color: #262626;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.05625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.chips{
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
  align-self: stretch;
  flex-wrap: wrap;
}
.chip{
  display: flex;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  color: #808080;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 100%; /* 0.9375rem */
  letter-spacing: -0.04688rem;
  border-radius: 0.25rem;
  background: #F3F3F3;
}
/* 놀거리 태그 */
.tag-list{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.tag-list > span{
  display: flex;
  padding: 0.5rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1.875rem;
  border: 1px solid #EB083C;
  background: #FFF;
  box-shadow: 2px 2px 5px 0 rgba(218, 39, 58, 0.10);
  color: #EB083C;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 100%; /* 0.75rem */
}


/* 2열 그리드 */
.card-grid{
display:grid; grid-template-columns:repeat(2, 1fr);
gap:12px;
}


/* 버튼 */
.btn.style2{
  color: var(--color-main);
font-size: 0.875rem;
font-weight: 700;
display: flex;
padding: 0.375rem 0.5rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.25rem;
background: #E8E8E8;
}



/* 체크박스 */
.chk{display:flex; align-items:center; gap:10px; cursor:pointer; user-select:none}
.chk input{position:absolute; opacity:0; pointer-events:none}
.chk__icon{width:18px; height:18px; border-radius:999px; background-repeat:no-repeat; background-size:18px 18px;
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="9" fill="%23D0D0D0"/><path d="M4 8C5.48148 9.33333 8.44444 12 8.44444 12L14 6" stroke="white" stroke-width="1.5"/></svg>')}
.chk input:checked + .chk__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="9" fill="%23D42A54"/><path d="M4 8C5.48148 9.33333 8.44444 12 8.44444 12L14 6" stroke="white" stroke-width="1.5"/></svg>')}
.chk__label{font-size:14px}

/* 바텀용 버튼 */
.bt-btn{
position: absolute;
bottom: 110px;
left: 20px;
right: 20px;
}
.bt-btn > button{
width: 100%;
}


/* 추가 */
.label-wrap{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  }
  .main{
  position: relative;
  }
  .container.full{
    /* min-height: calc(100vh - 200px);
    padding-bottom: 80px; */
  }
  
  /* 마이페이지 */
  .my-menu{
    width: 100%;
    border-top: 1px solid #E8E8E8;
  }
  .my-menu li a{
    padding: 1rem 0;
    width: 100%;
  
  }
  .my-menu li{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0.8px;
  }
  .my-menu li::after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat center / contain
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00463 16.4468C7.25093 16.7205 7.67246 16.7427 7.94614 16.4964L14.6128 10.4966C14.7533 10.3702 14.8335 10.1901 14.8335 10.0011C14.8335 9.81209 14.7533 9.63198 14.6128 9.50555L7.94616 3.50514C7.6725 3.25883 7.25097 3.281 7.00465 3.55466C6.75834 3.82833 6.78051 4.24986 7.05418 4.49617L13.1703 10.001L7.0542 15.5053C6.78052 15.7516 6.75833 16.1731 7.00463 16.4468Z" fill="%2333363D"/></svg>');
  }


  

  /* 가게 상세페이지 추가 */
  .store-hero{
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0 0 1.25rem 1.25rem;
    position: relative;
   }
   .nav__prev{
     width: 100%;
     padding: 20px;
     position: absolute;
     top: 0;
     left: 0;
   }
   .nav__prev .btn_prev{
     width: 2rem;
     height: 2rem;
   }
   .nav__prev .btn_prev::before {
     content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M19 21L14 16L19 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
     display: block;
     width: 100%;
     height: 100%;
   }
   .store__data{
     padding:  0 20px;
   }
   .store-info{
     display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 0.625rem;
 padding: 20px 0;
 border-bottom: 1px solid #E8E8E8;
   }
   .store_title{
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     align-self: stretch;
     width: 100%;
   }
   .store_title .store-name{
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 120%; /* 1.8rem */
     letter-spacing: -0.075rem;
   }
   .store_title .store-addr{
     color: #999;
     font-size: 0.9375rem;
     font-weight: 500;
     line-height: 120%; /* 1.125rem */
     letter-spacing: -0.04688rem;
     margin-top: 4px;
   }
   .store-tags {
     display: flex; 
     gap: 8px;
   }
   .store-tags .tag{
     display: flex;
 padding: 0.375rem 0.5rem;
 justify-content: center;
 align-items: center;
 font-size: 0.875rem;
 font-weight: 700;
 letter-spacing: -0.04375rem;
 border-radius: 6.1875rem;
 background: #FFF;
 border: 1px solid #999;
   }
   .tag.style1{
 border-color: #D42A54;
 color: #D42A54;
   }
   .tag.style2{
 border-color: #FE6800;
 color: #FE6800;
   }
   .tag.style3{
     border: 1px solid #262626;
     background: #262626;
     color: #FFF;
   }
   .store-contact {
     display: flex;
 flex-direction: column;
 align-items: flex-start;
 padding: 20px 0;
 gap: 0.625rem;
   }
   .store-contact h3{
     color: #EA0142;
 font-size: 1rem;
 font-weight: 700;
 line-height: 120%; /* 1.2rem */
 letter-spacing: -0.05rem;
   }
   .store-contact .tel{
     display: flex;
     gap: 4px;
   }
   .store-contact .tel::before{
     width: 1rem;
     height: 1rem;
     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M19 21L14 16L19 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   }
   .store-content {
     line-height: 1.8;
   }
   .store-ai{
     display: flex;
 padding: 1.25rem;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 gap: 0.625rem;
 align-self: stretch;
 border-radius: 0.75rem;
 background: #FFF0EF;
   }
   .store-ai h3{
     color: #EA0142;
     font-size: 1rem;
     font-weight: 700;
     line-height: 120%; /* 1.2rem */
     letter-spacing: -0.05rem;
   }
   .store-ai p{
     color: #262626;
     font-size: 0.9375rem;
     font-weight: 500;
     line-height: 160%; /* 1.5rem */
     letter-spacing: -0.04688rem;
   }
 .store-menu{
   display: flex;
 padding: 1rem;
 flex-direction: column;
 align-items: flex-start;
 gap: 0.625rem;
 align-self: stretch;
 width: 100%;
 border-radius: 1.25rem;
 background: #F9F9F9;
 }
 .store-menu li{
   display: flex;
 width: 100%;
   justify-content: space-between;
 align-items: center;
 align-content: center;
 row-gap: 0.625rem;
 flex-wrap: wrap;
 }
 .menu-name{
   color: #1A1A1A;
 font-family: SUIT;
 font-size: 1rem;
 font-style: normal;
 font-weight: 700;
 line-height: 100%; /* 1rem */
 letter-spacing: -0.01031rem;
 }
 .menu-price{
   color: #909090;
   font-family: SUIT;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 100%; /* 0.875rem */
   letter-spacing: -0.01031rem;
 }
 .m_menu_wrap{
   position: absolute;
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 1rem;
   background: #FFF;
   border: 1px solid #E8E8E8;
   right: 20px;
   top: 60px;
   z-index: 1;
   border-radius: 8px;
   display: none;
 }
 
 
 /* 추가 */
 .cnter__btn {
   padding: 1rem;
   text-align: center;
   color: #D42A54;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   margin-top: 20px;
 }

 section.home_section{
  padding: 0 20px;
 }

/* Swiper 기본 아이콘 제거 */
.store-detail .swiper-button-next::after,
.store-detail .swiper-button-prev::after {
  content: none !important;
}

/* 버튼 박스 크기(클릭 영역) */
.store-detail .swiper-button-next,
.store-detail .swiper-button-prev {
  width: 32px;
  height: 32px;
  opacity: 1;  
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
}
.store-detail .swiper-button-next {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10 7L15 12L10 17" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.store-detail .swiper-button-prev {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 17L10 12L15 7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.store-detail .swiper-button-next svg, .store-detail .swiper-button-prev svg {
  display: none;
}
/* 페이지네이션 불릿 색상 */
.store-detail .swiper-pagination-bullet {
  background: #fff;  /* 기본색 */
}
.store-detail .swiper-pagination-bullet-active {
  background: #EA0142;  /* 활성화된 색 */
}


/* 상세페이지 수정 */
.link-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    position: relative;
}
.dropdw-menu{
  position: absolute;
  bottom: -4.6rem;
  right: 0;
  width: 7rem;
  background: #FFF;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  font-size: 14px;
}





/* 결과값 안내 로딩 */
#kakaoLoading.intro-screen{
  width: 100%;
  min-block-size: 100dvh;
  display: grid;
  place-items: center;
  background: #f4f4f4;
  gap: 4rem;
  margin: 0 auto;
}

#kakaoLoading .intro__inner{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: grid;
  gap: clamp(1rem, 4dvh, 3rem);
}

#kakaoLoading .intro__title{
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.2;
  color: #303030;
}
#kakaoLoading .intro__visual{max-width: 14rem; width: 100%;display: flex; justify-content: center; align-items: center;}
#kakaoLoading .intro__visual img{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  max-width: 14rem; 
}

#kakaoLoading .intro__message{
  font-size: 1.8rem;
  line-height: 1.35;
  color: var(--colorD42A54);
  font-weight: 800;
}

#kakaoLoading .intro__count{
  margin-top: clamp(1rem, 3.6vw, 2rem);
  font-size: 1.4rem;
  color: #111;
}
#kakaoLoading .intro__count #sec{
  font-weight: 800;
  color: var(--colorD42A54);
  text-decoration: underline;
}
/* @media (max-width:1920px){
  #kakaoLoading.intro-screen{max-width: 440px;}
  #kakaoLoading .intro__inner{
    width: 100%;
    padding: 0 20px;
  }
  
}
@media (max-width:360px){
  #kakaoLoading .intro__visual img{
    max-width: 40rem; 
  }
  #kakaoLoading .intro__message {
    font-size: 3rem;
}
} */


#tourBanner{width: 100%; max-height: 120px; border-radius: 0.75rem; overflow: hidden;     padding: 0 20px; margin-bottom: 2rem;}
#tourBanner img{width: 100%;}