/* 상단슬라이트탭 */
.slide_tab{
    margin:20px 0;
    overflow: hidden;
  }
  .slide_tab ul{
    display:flex;
    gap:5px;
  }
  .slide_tab ul li{
    padding:8px 12px;
    border-radius: 4px;
    background:#f9f9f9;;
  }
  .slide_tab ul li.swiper-slide{
    width:auto;
  }
  .slide_tab ul li a{
    font-size:14px;
    color:#222;
  }
  
  .slide_tab ul li.on{
    background:#f47321;
    color:#fff;
  }
  .slide_tab ul li.on a{
    color:#fff;
  }


  /* 리스트 스타일 */
  
.recomd_brand{
    width:100%;
    margin-top:30px;
  }
  .recomd_brand .box{
    width:100%;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
    position: relative;
  }
  .recomd_brand .box:last-of-type{
    border-bottom:0;
  }
  .recomd_brand .box .tit{
    margin-bottom:10px;
  }
  .recomd_brand .box .tit h3{
    font-size:17px;
    color:#222;
    font-weight: 600;
  }
  .recomd_brand .box .tit span{
    font-size: 15px;
    color:#666;
  }
  .recomd_brand .box .imgbox_wrap{
    position:relative;
  }
  
  .imgbox_wrap .imgbox{
    display:flex;
    gap:1px;
  }
  .imgbox_wrap .imgbox > div{
    flex:2;
    position:relative;
  }
  .imgbox_wrap .imgbox .thumbs_big.ongImg{
        flex: inherit;
        height:240px;
        width:100%;
        border:1px solid #ddd;
        border-radius:.5rem;
  }
  .imgbox_wrap .imgbox .thumbs_big.ongImg img{
    border-radius:.5rem;
  }
  .imgbox_wrap .imgbox > div img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    border-radius:.5rem 0 0 .5rem;;
  }
  .imgbox_wrap .imgbox > ul{
    flex:1;
  }
  .imgbox_wrap .imgbox > ul > li{
    width:100%;
    height:0;
    padding-bottom:71.6%; /* 66.67*/
    position: relative; 
    margin-bottom:1px;
  }
  .imgbox_wrap .imgbox > ul > li:last-child{
    margin-bottom:0;
  }
  
  .imgbox_wrap .imgbox > ul > li img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    left:0;
    top:0;
    border-radius: 0 .5rem .5rem 0;;
  }
  .imgbox_wrap .imgbox + ol{
    display:flex;
    gap:5px;
    margin:10px 0 5px;
  }
  .imgbox_wrap .imgbox + ol li{
    padding:3px 6px;
    border:1px solid #ddd;
    border-radius: 20px;
    font-size:14px;
    color:#555;
  }

.recomd_brand .re_count{
  padding:8px;
  border:1px solid var(--surfcolor);
  color:var(--surfcolor);
  border-radius: 50px;
  display:block;
  width:220px;
  margin:auto;
  line-height: 1;
  text-align:center;
  margin-top:2px;
  font-size:13px;
}





  .recomd_brand .box .desc{
    margin:10px 0;
    font-size:15px;
    color:#444;
    line-height:1.5;
  }
  
  .recomd_brand .box .food_info{
   margin-bottom:10px;
  }
  .recomd_brand .box .food_info ul{
    display: flex;
    gap:3px;;
  }
  .recomd_brand .box .food_info p span{
    color:#666;
    font-size:15px;
  }
  
  
  .recomd_brand .box .loca_wrap{
    display:flex;
    gap:2px;
  }
  .recomd_brand .box .loca_wrap > i{}
  .recomd_brand .box .location{
    display:flex;
    gap:5px;
    flex-wrap: wrap;
  }
  
  .recomd_brand .box .location li{
    display:flex;
    gap:5px;
    font-size:12px;
    color:#222;
    background:#eee;
    padding:4px 8px;
    border-radius: 20px;;
  }
  .recomd_brand .box .location li i{
    font-size:15px;
  }
  
@media (width >= 680px){
  .imgbox_wrap .imgbox .thumbs_big.ongImg{
    height:300px;
  }
}