:root {
   accent-color: red !important;
}
#page_num{
  display: flex;
   justify-content: center;
   margin-bottom:2%;
}
#page_num li {
  margin-right: 10px ;
   font-size: 1.2em;
   color: #373737;
   padding: 0 5px ;
}
#page_num li a{
  color: inherit;
}
ul{
   list-style:none;
}
.menu-description {

   max-width: 1250px;
   width: 100%;
   margin: 0 auto;
   padding: 1% 0;
}

.menu_box {
   width: 32%;
   border: 1px solid #eaecee;
   padding:0;
   margin:0;
   margin-bottom: 2%;
}

.menu_box:nth-child(3n + 2) {
   margin: 0 2%;
   margin-bottom: 2%;
}

.menu_box h4{
  width:100%;
   margin: 15px 0;
   text-align: center;
   font-weight: 700;
}
.menu_box p{
  width:100%;
   margin: 15px 0;
   text-align: center;
}

.category_group label{
  cursor:pointer;
}
input[type='checkbox']{
  position: relative;
   top:5px;
}
.filter_text{
  font-size:1.6rem;
   line-height:2.5rem;
}
.filter_text:hover{
  font-weight:bold
}
#keyword_parent{
  position: relative;
}
#search-button{
   position: absolute !important;
   left: 99%!important;
   top: 89%!important;
   transform: translate(-100%, -50%)!important;
   width: 100px!important;
}
#keyword_parent >div >p{
  width: 20%;
   margin: 0;
   background: #624c3f;
   color: white;
   padding: 1% 2%;
   margin-right: 5%;
}
#keyword_parent{
  max-width:1250px;
   margin: 0 auto;
}
#sub_menu_list{
  display: flex;
}
.checkbox_btn{
  height: 25px;
  width: fit-content;
   margin: 0;
   margin-left:15px;
  position: relative;
   position: relative;
   display: flex;
   align-content: center;
   align-items: center;
}
.checkbox_btn{
  position: relative;
}
.checkbox_btn input{
  display:block !important;
   margin:0;
}
#menu-select{
  width:98%;
  margin:0 auto;
}
#menu-select-checkbox{
  margin-top:2%;
}
.menu_select{
  color:red;
}
#menu_result{
  width:100%;
  display: flex;
  max-width:1250px;
  margin: 0 auto;
   flex-wrap: wrap;
}
#custom_menu_box_button {
   display:flex;
   justify-content: space-between;
}
#custom_menu_box_button button{
   width: 120px;
   height: 40px;
}
#custom_menu_box_cover{
   background-color: #fff;
   width: 300px;
   height: auto;
   position: fixed;
   bottom: 10px;
   right: 125px;
   border: 1px solid black;
   border-radius: 10px;
   padding: 15px;
   z-index: 6;
}
.menuImgActive .menu-box-img{
   position: relative;
}
.menuImgActive .menu-box-img::before{
   content: '장바구니에 추가 되었습니다.';
   background-color: rgba(0,0,0,0.5);
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   line-height: 100px;
   z-index: 1;
}
.en .menuImgActive .menu-box-img::before{
   content: 'Added to cart.' !important;
}
#category_group{
  width:100%;
   display:flex;
   justify-content: flex-end;
   margin: 2% 0;
}
.categoryBox{
   width:95%;
   height:110px;
   margin:0 auto;
   overflow-y: scroll;
  margin-bottom: 2%;
}
/* slider css */
.slider {
   width: 100%;
   margin: 0 auto;
}
.slider .filter_text {
   width: 100%;
   margin: 0 auto;
   text-align: center;
}
.slider .filter_text img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.slick-prev, .slick-next {
   z-index: 99999;
}
.slick-prev:before, .slick-next:before {
   color: #000;
}

.categoryBox{
   flex-wrap: wrap;
   height: auto;
   overflow-y: unset;
   display: flex;
   justify-content: flex-start;
}
.menu-info-cover{
   position:absolute;
   top:0;
   right:0;
   width:100%;
   height:100%;
   background-color:rgba(0,0,0,0.5);
   z-index:2;
   display:flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   opacity: 0;
   word-break:keep-all;
}
.menu-info-cover p{
   color: white;
   width: 80%;
   border: 1px solid white;
   padding: 2%;
}
.veganBtn{
   background: #e5e1e0;
   font-size: 21px;
   font-weight: bold;
   padding: 5px 20px;
   border-radius: 20px;
   margin: 1% auto 0;
   width: 210px;
   color: #000;
   cursor: pointer;
}
.swal2-container{
  z-index: 999999;
}
.swal2-close:focus{
  box-shadow: none;
}
.swal2-popup{
  width: 700px;
}
.swal2-close{
  font-size:3.5em;
}

.menu-box-img:hover .menu-info-cover {
   opacity: 1;
   transition: opacity 0.3s ease; /* 부드러운 전환 추가 */
}

@media screen and (min-width: 2000px) {
   .swal2-popup{
      width: 36%;
  }
   .swal2-close{
      font-size:4.5em;
  }
}
@media screen and (max-width: 1170px) {
   .veganBtn{
      margin:3% auto 0;
  }
   .categoryBox{
      justify-content: flex-start;
  }
   .pcCategory{
      width: 16.66%;
  }
}
@media screen and (max-width: 990px) {
   #menu_result>p{
      text-align:center;
  }
   #custom_menu_box_cover{
       display: none;
  }
   #keyword_parent input[onclick="menuChLink()"]{
       position: relative;
       right: 3%;
  }
   #category_group{
      margin:5% 0;
  }
}

@media (max-width: 768px) {
   .pcCategory{
      cursor: pointer;
    }
    .pcCategory:hover{
      opacity: 0.5;
    }
   #keyword_parent .pcCategory {
       width: 25%;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
  }
   #keyword00{
       width:70% !important;
       margin:2%;
  }
   #keyword_parent button{
      width: 24%;
       margin-right: 2%;
  }
   #keyword_parent >div >p {
       width: 100%;
       margin:0 2%;
       padding: 3% 2%;
       margin-bottom:2%;
  }
   #keyword_parent>div{
      width:100% !important;
  }
   .menu_box{
      width:100%;
       padding: 0 4%;
  }
   .menu_box img{
      max-width: inherit !important;
       height: auto !important;
  }
}

@media (max-width: 420px) {
#keyword_parent .pcCategory {
   width: 33.33%;
   }
}
.pcCategory {
   display: flex;
   flex-direction: column;
   align-items: center;
   align-content: center;
   justify-content: center;
}