.normal_top{
    position: relative;
}
.normal_img{
    width:100%;
    height:0;
    padding-bottom:75%;
    position:relative;
    overflow: hidden;
}
.normal_img img{
    width:100%;
    /* height:100%; */
    height:auto;
    object-fit: cover;
    position:absolute;
    left:0;top:0;
    border-radius: 5px;;
}

.border_bottom{
  border-bottom:1px solid var(--graydd);
}
.tag_list{
    display:flex;
    gap:5px;
    flex-wrap: wrap;
    justify-content: center;
}
.tag_list li{
    padding:9px 15px;
    border:1px solid var(--graydd);
    border-radius: 5px;
    font-size:13px;
    color:var(--gray55);
    height:34px;
    display:flex;
    align-items: center;
    gap:3px;;
}
.tag_list li i {
  width: 15px;
  height: 15px;
  display: inline-block;
  font-size: 15px;
}
.tag_list li a{
  font-size:13px;
  color:var(--gray55);
}
.tag_list li i.maker {
  background: url(../images/ic_marker_444.svg?v=2) center no-repeat;
  background-size: 100%;
}
.rest_detail_info p{
    font-size:14px;
    color:var(--gray66);
    line-height:1.5;
}
.rest_detail_info p.call{
  width:100%;
  text-align: center;
  padding:5px 0;
  color: var(--surfcolor);
  border:1px solid var(--surfcolor);
  border-radius: 5px;
  margin-top:8px;;
}
.rest_detail_info p.call a{
  font-weight: 500;
  color: var(--surfcolor);
  font-size:14px;
}
.rest_detail_info p.call i{
  font-size:17px;
}
.rest_detail_info p.cost{
    display:flex;
    gap:0 6px;
    align-items: center;
    flex-wrap: wrap;
}
.rest_detail_info p.cost span{
    display: flex;
    align-items: center;
    gap:3px;
}
.rest_detail_info p a{
    color:var(--gray66);
}

/* 블로그 버튼 */
.social_box .blog_btn_wrap{
  display: flex;
  gap:10px;
  align-items: center;
  justify-content: center;
  margin-top:6px;
}
.social_box .blog_btn_wrap button{
  padding:4px 20px;
  border-radius: 5px;
  border:1px solid var(--gray66);
  color: var(--gray66);
  font-size:13px;
  letter-spacing: -0.5px;
  /* flex:1; */
  width:130px;
}

/* 예약버튼 */

.restIndexBookSite{
  display:flex;
  flex-wrap:wrap;
}
.restIndexBookSite.bookSite li{
  width:50%;
  margin-bottom:10px;
}
.restIndexBookSite.bookSite li a {
  font-size:16px;
  line-height: 40px;
  display:block;
}
.restIndexBookSite.bookSite li a img{
  width:40px;
  height:40px;
  margin-right:5px;
  border-radius: 5px;;
}


/* 호텔혜택버튼 */
.benefitsRest{
	width:100%;
	margin:20px 0;
	text-align: center;
}
.benefitsRest button.benefits_btn{
	width:100%;
  display:flex;
  padding:0;
}
.benefitsRest button.benefits_btn .benefitsRest_txt{
  width: calc(100% - 40px);
  background:#ebf3ff;
	color:#00408a;
  text-align: center;
  border-radius: 5px 0 0 5px;
  padding:10px 0;
  box-sizing: border-box;
  height:70px;
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.benefitsRest button.benefits_btn .benefitsRest_txt:before{
  content:"";
  width:30px;
  height:30px;
  background:var(--whiteff);
  border-radius: 50%;
  position:absolute;
  left:0;
  top:50%;
  transform: translate(-50%, -50%);
}
.benefitsRest button.benefits_btn .benefitsRest_txt h3{
  font-size:18px;
}
.benefitsRest button.benefits_btn .benefitsRest_txt p{
  font-size:14px;
  width: 100%;
  height:auto;
  justify-content: center;
}
.benefitsRest button.benefits_btn .benefitsRest_txt span{
  font-size:14px;
}

.benefitsRest button.benefits_btn span{
	width:40px;
	height:70px;
  background:#8cbaff;
  border-left:2px dashed var(--whiteff);
  position:relative;
  border-radius: 0 5px 5px 0;
}
.benefitsRest button.benefits_btn span:after{
  content:"";
  width:30px;
  height:30px;
  background:var(--whiteff);
  border-radius: 50%;
  position:absolute;
  right:-80%;
  top:50%;
  transform: translate(-50%, -50%);
}

.benefitsRest button.benefits_btn em{
	font-size:18px;
}




.rest_detail_info p.cost span i,
.tag_list li i{
    width:15px;
    height:15px;
    display: inline-block;
    font-size:15px;
}
.tag_list li svg{
  color:var(--gray55);
}
.tag_list li i.restaurant{
  background:url(../images/ic_restaurant.svg?v=4) center no-repeat;
  background-size:87%;
}
.tag_list li i.call{
  background:url(../images/ic_call_444.svg?v=2) center no-repeat;
  background-size:16px;
}


.rest_detail_info p.cost span .i-breakfast,
.tag_list li .i-breakfast{
    background:url(../images/i-breakfast.jpg?v=2) center no-repeat;
    background-size:100%;
}
.rest_detail_info p.cost span .i-lunch,
.tag_list li .i-lunch{
    background:url(../images/i-lunch.jpg?v=2) center no-repeat;
    background-size:100%;
}
.rest_detail_info p.cost span .i-dinner,
.tag_list li .i-dinner{
    background:url(../images/i-dinner.jpg?v=2) center no-repeat;
    background-size:100%;
}

.holidayBox .holiday_detail li.pd_left.flex dl{gap:5px}






.rest_detail_info{
    border-bottom:1px solid var(--graydd)
}
.rest_detail_info:last-of-type{
    border-bottom:0;
}

.rest_detail_info .sales_time_etc{
  width:100%;
  >p{
    font-size:15px;
    color:var(--black22);
    font-weight: 500;
    position:relative;
    padding-left:14px;
    &:before{
      content:"";
      position:absolute;
      left:0;
      top:7px;
      background:var(--black22);
      width:8px;
      height:8px;
      border-radius:4px;
    }
  }
}
.rest_detail_info .rest_sales_box{
    width:100%;
    margin-top:10px;
    padding:0;
}
.rest_detail_info .rest_sales_box dl.today{
  align-items: flex-start;
}
.rest_detail_info .rest_sales_box dl{
    display:block;
    align-items: flex-start;
    margin-bottom:20px;
}
.rest_detail_info .rest_sales_box dl dt{
    width:auto;
    font-size:15px;
    color:var(--black22);
    font-weight: 500;
}
.rest_detail_info .rest_sales_box dl dt span{
  font-size:15px;
  font-weight: 500;;
}
.rest_detail_info .rest_sales_box dl dd{
    width:calc(100% - 100px);
    font-size:14px;
    color:#555;
}
.rest_detail_info .rest_sales_box dl.today dd{
    display:flex;
    align-items: center;
    gap:3px;
    flex-wrap: wrap;
    width:100%;
}
.rest_detail_info .rest_sales_box dl.today dd span{
  color:#388cff;
  padding-left:13px;
  line-height: 1.3;
  word-break:keep-all;
}
.rest_detail_info .rest_sales_box dl.today dd span.last_order{
    line-height:1.2;
    display:inline-block;
}
.rest_detail_info .rest_sales_box dl.today dd span.holiday,
.rest_detail_info .rest_sales_box dl.today dd span.close{
    color:#fc3b30;
}
.rest_detail_info .rest_sales_box dl.today dd span.open{
    color:#01b453;
}
.rest_detail_info .rest_sales_box dl.today dd span.ready{
    color:#ff7629;
}
.rest_detail_info .rest_sales_box dl.today > p.flex{
    gap:5px;
}
.rest_detail_info .rest_sales_box dl dt i,
.rest_detail_info .rest_sales_box dl.salesTime dd i{  
    display:inline-block;
    width:8px;
    height:8px;
    border-radius: 50%;;
}
.rest_detail_info .rest_sales_box dl.today dt i{
    background:#388cff;
}
.rest_detail_info .rest_sales_box dl.holiday dt i{
    background:#fc3b30;
}
.rest_detail_info .rest_sales_box dl.salesTime dd i{
    background:#444;
}
.rest_detail_info .rest_sales_box dl.salesTime dd{
    display:flex;
    gap:5px;
    align-items: center;
    font-weight: 500;
}
.rest_detail_info .rest_sales_box dl.holiday span.small{
    font-size:13px;
    color:var(--gray8e);
    display: block; 
    line-height: 1.4;
}
.rest_sales_box .today_time span,
.rest_sales_box .today_days span{
  font-size:14px;
  color: var(--black22);
}
.rest_sales_box .today_days dd p{
  font-size:14px;
  color: #388cff;
  margin:10px 0 0 13px;
}

.rest_detail_info.Pop{
    width:80%;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background:#fff;
    border-radius: 5px;
    padding:20px;
    z-index:1001;

}
.rest_detail_info.Pop .close{
    position: absolute;
    top: -40px;
    left:50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    background: url("../images/ico-close-white.svg") no-repeat 50% 50%;
    background-size:25px;
}

.rest_more{
    width:100%;
    display:flex;
    flex-direction: column;
    gap:7px;
  }
.rest_more button{
    flex:1;
    height:auto;
    line-height:1.5;
    font-size:14px;
    border:1px solid var(--surfcolor);
    color:var(--surfcolor);
    border-radius: 4px;;
}

.rest_more dl{
    display:flex;
    align-items: center;
    gap:10px;
    font-size:14px;
}
.rest_more dl dt{
    color:var(--black22);
    font-size:14px;
    font-weight: 500;
    margin-bottom:0px;
    width:auto;
}
.rest_more dl dt img{
    width:25px
}
.rest_more dl dd{
    text-overflow: ellipsis;
    width:calc(100% - 100px);
    overflow:hidden;
    white-space: nowrap;
    height: 20px;;
}


/* 주소복사 */
.address_copy{
    width:100%;
    padding:0px 0 10px;
  }
  .address_copy li{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:8px;
  }
  .address_copy li p{
    font-size:14px;
    color:var(-gray44);
    line-height:1.5;
    width:calc(100% - 80px);
  }
  .address_copy li span{
    background:var(--gray66);
    color:var(--whiteff);
    font-size:14px;
    padding:5px 15px;
    border-radius: 4px;;
  }
  

  .question_btn{
    display:flex;
    gap:5px;
    align-items: center;
    justify-content: space-between;
    margin-bottom:20px;
  }
  .question_btn button{
    flex:1;
    padding:6px 0;
    color:var(--surfcolor);
    border:1px solid var(--surfcolor);
  }
  .question_btn button a{
    color:var(--surfcolor);    
  }



  .location_info{
    width:88%;
    max-width: 700px;
    height:150px;
    padding:30px 20px 20px;
    box-shadow: 3px 5px 20px rgba(110,110,110,.3);
    border-radius: 5px;
    background:#fff;
    transition:.5s;
    display: flex;
    gap:10px;;
    position:relative;
    box-sizing: border-box;
    position:absolute;
    bottom:10px;
    left:50%;
    transform: translateX(-50%);
  }
  .location_info .img_box{
    width:100px;
    height:100px;
    position:relative;
  }
  .location_info .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .location_info .img_box span.count{
    padding:4px;
    background:rgba(0,0,0,.5);
    border-radius: 2px;
    color:var(--whiteff);
    position:absolute;
    right:0;
    bottom:0;
  }
  .location_info .ment_box{
    width: calc(100% - 110px);
    height: 110px;
    overflow-y: scroll;
  }
  .location_info .ment_box p{
    line-height:1.5;
    color: var(--gray66);
    font-size:14px;
  }
  .location_info .top_slide{
    width:20px;
    height:20px;
    background:url(/common/images/arrow-down.svg?v=1) center no-repeat;
    background-size:13px;
    position:absolute;
    top:3px;
    left:50%;
    transform: translateX(-50%);
  }
  
  .location_info .top_slide.onSlide{
  background:url(../images/arrow-up.svg) center no-repeat;
  background-size:13px;
  }
  
  .location_info.onSlide{
    height:30px;
    padding:40px 20px 0;
  }

  
/* 현지인문의 및 지도안내 팝업 */
.question_map h4{
    font-size:16px;
    color:var(--black22);
    font-weight: 600;;
  }
  .question_map .question_info{
    padding:40px;
    text-align: center;
  }
  .question_map .question_info h4{
    font-size:20px;
    font-weight: 900;
    color: #1975a0;
    margin-bottom:5px;
  }
  .question_map .question_info span{
    color:var(--gray66);
    font-size:17px;
  }
  .question_map .question_info p{
    margin-top:20px;
    font-size:15px;
    color: var(--gray44);
  }
  .question_map .loca_pop_btn{
    margin-top:20px;
  }
  .question_map .loca_pop_btn button{
    width:100%;
    height:35px;
    text-align: center;
    background:var(--graydd);
    color:var(--gray44);
    border-radius: 5px;
    font-size:14px;;
  }
  
  .detail_box .scroll{
    height:76vh;
    overflow-y:scroll;
  }
  .detail_box .detail_ment{
    width:100%;
    margin-bottom:20px;
  }
  .detail_box .detail_ment .img_box{
    width:100%;
    height:0;
    padding-bottom:56.55%;
    position:relative;
    margin-bottom:10px;
  }
  .detail_box .detail_ment .img_box img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
  }
  .detail_box .detail_ment p{
    font-size:14px;
    line-height:1.5;
    color:var(--gray44);
  }
  
  














  @media (width <=410px){
    .question_btn button{
      padding:6px 5px;
      font-size:13px;
      letter-spacing: -1px;;
    }
  }
@media (max-width:400px){
        
    .rest_detail_info.Pop{
        width:90%;
        padding:15px;
    }
}



@media (width <=390px){
  .question_btn{
    flex-direction: column;
  }
  .question_btn button{
    width:100%;
    font-size:14px;
    letter-spacing: 0;;
  }
}

@media (max-width:320px){

    .rest_detail_info.Pop{
        width:90%;
        max-width:300px;
        padding:10px;
    }
}