v@charset "utf-8";
*{
	box-sizing: border-box;
}
.tabs {
    margin:10px 0 20px;;
    display:flex;
    padding:0;
}
.tabs li{
    flex:1;
    height:35px;
    line-height:35px;
    background:#f5f5f5;
    text-align: center;
    border-right:1px solid #e6e6e6;
}.rest_desc01 h4.rest_h4
.tabs li:first-of-type{
    border-radius: 5px 0 0 5px;;
}
.tabs li:last-of-type{
    border-radius: 0 5px 5px 0;
}
.tabs li a{
    color:#666;
    font-size:16px;
    font-weight: 600;
    display: block;;
}
.tabs li:last-child{
    border-right:0;
}
.tabs li.active{
    background:#222;
}
.tabs li.active a{
    color:#fff;
}

.rest_wrap{
    width:100%;
}
.rest_tit{
    width:100%;
    margin-bottom:20px
}
.rest_tit h2,
.rest_tit h2 a{
    font-size:20px;
    font-weight:700;
    color:var(--black222);
    margin-bottom:6px;
    width:calc(100% - 70px);
    height: auto;
    word-break: break-word;
    line-height: 1.2;
}

.rest_tit span{
    font-size:16px;
    color:var(--gray66);
    font-weight:400;
    font-family:'Noto Sans JP',sans-serif !important;
}

.servi_icon{
    width:100%;
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    margin-top:8px;
}
.servi_icon li{
    vertical-align: top;
    font-size:13px;
    margin-bottom:6px;
    text-align: center;
}
.servi_icon li img{
    display:block;
    width:30px;
    height:30px;
    margin:0 auto 5px;
}


.search_flex {
    justify-content: center;
  }
  .select_conbox {
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
  }
  .select_conbox select {
    height: 100%;
    font-size: 14px;
    color: #555;
    background: #fff url("../images/ico-down.svg") no-repeat calc(100% - 7px)
      50% / 10px;
    padding:0 7px;
  }
  .select_conbox > div {
    height: 35px;
    padding-left: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  .select_conbox .inwon {
    flex: 1;
    background: url(../images/search_icon01.jpg) 3px center no-repeat;
    background-size: 21px;
  }
  .select_conbox .calendar {
    flex: 1;
    background: url(../images/search_icon02.jpg) 3px center no-repeat;
    background-size: 18px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-left: 21px;
    font-size: 14px;
    color: #555;
  }
  .select_conbox .calendar input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 14px;
    padding:0 7px;
  }
  .select_conbox .time {
    flex: 1;
    background: url(../images/search_icon03.jpg) 3px center no-repeat;
    background-size: 21px;
  }
  .submit_reset_box{
    display:flex;
    gap:5px;
  }
  .submit_reset_box .search_btn {
    padding: 7px 20px;
    background:var(--surfcolor);
    color:var(--whiteff);
    font-size: 14px;
    border-radius: 4px;
    width:calc(100% - 39px);
  }
  .submit_reset_box .reset_btn{
    width:34px;
    height:34px;
    box-sizing: border-box;
    border:1px solid var(--surfcolor);
    color: var(--surfcolor);
    border-radius: 4px;
    background:url("../images/ico-refresh-surf.svg") center no-repeat;
    background-size:18px;
  }
  .submit_reset_box .reset_btn i{
    font-size:20px;
  }
  
  .search_cate_wrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px;
  }
  .search_cate_wrap button.plus {
    width: auto;
    height: 30px;
    display: flex;
    align-items: center;
    z-index: 1;
    border-radius: 5px;
    font-size: 14px;
  }
  .search_cate_wrap button img {
    width: 20px;
    margin-top: 3px;
  }
  .select_area,
  .select_area a{
    font-size: 20px;
    font-weight: bold;
    color: #222;
  }
  
  .search_category {
    margin-bottom: 10px;
    width: calc(100% - 30px);
    overflow: hidden;
  }
  
  .search_cate {
    display: flex;
    gap: 10px;
  }
  .search_cate.swiper-wrapper {
    width: auto;
    height: auto;
  }
  .search_cate li {
    padding: 8px 20px;
    border: 1px solid #444;
    border-radius: 4px;
    font-size: 15px;
    width: auto;
  }
  .search_cate li a {
    color: #444;
  }
  .search_cate li.active,
  .search_cate li:hover {
    background: #ff6600;
    border: 1px solid #ff6600;
  }
  .search_cate li.active a,
  .search_cate li:hover a {
    color: #fff;
}

.rest_container{
    width:100%;
}
.rest_desc01{
}
.rest_desc01 .rest_img{
    width:100%;
    position:relative;
    overflow: hidden;
    margin:0 0 20px;
}
.rest_img > div > div{
    position:relative;
    /* padding-bottom:56.25%; */
    padding-bottom:75%;
}
.rest_desc01 .rest_img .swiper-slide{
    width:100%;
    height:0;
    padding-bottom:75%;
    position:relative;
    overflow: hidden;
    margin:0 0 20px;
}
.rest_desc01 .rest_img img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    left:0;top:0;
    border-radius: 8px;;
}
.rest_desc01 h4.rest_h4{
    font-size:16px;
    color:var(--black222);
    font-weight:500;
    margin-bottom:0px;
    line-height: 1.3;
}
.rest_desc01 .desc{
    font-size:14px;
    color:var(--gray55);
    line-height:1.5
}

.snsTag{
    border:1px solid var(--graydd);
    border-radius: 5px;;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-top:20px;
}
.snsTag dt{
    width:90px;
    height:90px;
}
.snsTag dt img{
    width:90px;
    height:100%;
    object-fit: cover;
} 
.snsTag dd{
    width:calc(100% - 100px);
    line-height: .3;
    padding-left:10px;;
}
.snsTag dd p{
    line-height: 1;;
}
.snsTag dd p.name{
    color:var(--balck22);
    font-size:14px;
    margin:3px 0 4px;
}
.snsTag dd p.ment{
    color: var(--gray8e);
    font-size:13px;
    line-height:1.3;
    width:100%;
}
.snsTag dd p.link{
    color:#388cff;
    font-size:13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%;
    height: 20px;;
}










.rest_custom_button{
    display: flex;
    justify-content: space-between;
    gap:10px;
}
.rest_custom_button li{
    flex:1;
    padding:6px;
    border:1px solid var(--surfcolor);
    border-radius: 5px;
    color:var(--surfcolor);
    text-align: center;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
}
.rest_custom_button li img{
    width:15px;
}


.rest_desc02{
    display:flex;
    gap:5px;
}
.rest_desc02 li{
    /* flex:1; */
    width:33%;
}
.rest_desc02 li:hover{
    cursor: pointer;
}
.rest_desc02 li:hover img{
    opacity: .7;
}
.rest_desc02 li div{
    width:100%;
    height:0;
    padding-bottom:100%;
    position:relative;
    overflow: hidden;
    margin-bottom:10px;
}
.rest_desc02 li img{
    width:100%;
    height:100%;
    position:absolute;
    left:0; top:0;
    object-fit: cover;
    transition: .5s;
    border-radius: 5px;;
}
.rest_desc02 li h5{
    font-size:14px;
    color:var(--black222);
    font-weight: 500;
    line-height:1.3
}
.rest_desc02 li p{
    font-size:13px;
    color:var(--blue00);
}

.rest_desc03{
    gap:10px 20px;
    justify-content: center;
}
.rest_desc03 li{
    font-size:11px;
    margin-bottom:6px;
    text-align: center;
    vertical-align: top;
}
.rest_desc03 li img{
    display:block;
    width:30px;
    height:30px;
}

.select_conbox{
    padding:0;
    margin-top:10px;
}
.rest_detail_info .cal_btn{
    display:flex;
    gap:10px;
}
.rest_detail_info .cal_btn li{
    flex:1;
    border:1px solid #222;
    text-align: center;;
}
.rest_detail_info .cal_btn li a{
    font-size:15px;
    line-height:30px;
    display:block;
}

.rest_detail_info h3{
    font-size:17px;
    color:var(--black222);
    font-weight: 700;
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom:20px;
}
.rest_detail_info h3 span{
    display: inline-block;
    font-weight: 400;
    font-size:13px;
}
.rest_detail_info h3 span a{
    text-decoration: underline;
    font-size:14px;;
}
.rest_detail_info h3 span img{
    width:100px;
}
.rest_detail_info dl dt{
    font-size:17px;
    color:var(--black222);
    margin-bottom:10px;
    font-weight: 600;
}
.rest_detail_info dl dd{
    font-size:14px;
    color:var(--gray44);
    font-weight: 400;;
    line-height:1.1;
    width: calc(100% - 90px);
}
.rest_detail_info dl dd span{
    display:inline-block;
    line-height:1.1;
}

.rest_detail_info .loca{
    height:250px;
    margin-bottom:8px;
}
.rest_detail_info .loca + p{
    font-size:14px;
    line-height:1.3;
    color:var(--gray66);
}

.rest_detail_info .time{
    line-height:1.1;
}
.rest_detail_info .time li.sales_time_detail{
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap:5px;
    margin-bottom:5px;;
}
.rest_detail_info .time li.sales_time_detail .holiday,
.rest_detail_info .time li.sales_time_detail .close{
    color:#fc3b30;
}
.rest_detail_info .time li.sales_time_detail .open{
    color:#01b453;
}
.rest_detail_info .time li.sales_time_detail .ready{
    color:#ff7629;
}

/* 식당상세페이지 내 매거진노출 시작 */
.rest_magazine{
    width:100%;
}
.rest_magazine > li,
.rest_magazine > li a{
    width:auto;
    display:flex;
    justify-content: space-between;
}
.rest_magazine > li .thumb{
    width:100px;
    height:100px;
    overflow: hidden;
    padding-bottom:0;
    margin-bottom:0;
}
.rest_magazine > li .thumb img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: 5px;;
}
.rest_magazine > li .info{
    width:calc(100% - 107px); 
    height:auto;
    padding:10px 10px 10px 7px;; 
    margin-bottom:0;  
}
.rest_magazine > li .info h4{
    font-size:16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.rest_magazine > li .info p{
    font-size:14px;
    color: var(--gray44);
    line-height: 1.3;
    text-overflow: ellipsis;
    width:100%;
    display:-webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;;
}


/* 식당상세페이지 내 매거진노출 끝 */





.facil dl{
    display:flex;
    gap:10px;
    /* border-bottom:1px dashed #ddd; */
}
.facil dl dt{
    width:100px;
    font-size:14px;
    color:var(--black222);
    font-weight: 400;
    line-height: 1.1;;
}
.facil dl dt dd{    
    font-size:14px;
    color:var(--gray66);
    font-weight: 400;
    line-height: 1.1;;
    width:calc(100% - 90px);
}


/* 소셜리뷰 네이버블로그 */
.social{
    width:100%;
}
.social_box:first-of-type{
    padding-top:0;
}
.social_box{
    display:flex;
    justify-content: space-between;
    margin-bottom:20px;
}
.social_box .social_cont{
    width: calc(100% - 90px);
}
.social_box .social_cont h3,
.social_box .social_cont h3 b{
    font-size:16px;
    font-weight: 700;
    color:var(--black222);
    margin-bottom:8px;
    line-height: 1.3;
    display:inline-block;
}
.social_box .social_cont h3 b{
    display:inline
}
.social_box .social_cont p{
    font-size:13px;
    color:var(--gray44);
    line-height: 1.3;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.social_box .social_cont span{
    color:var(--gray66);
    font-size:12px;
    margin-top:4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.social_box .social_img{
    width:80px;
    height:80px;
}
.social_box .social_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;;
}
.social_box .social_btn{
    display: flex;
    gap:10px;
}
.social_box .social_btn button{
    flex:1;
    padding:5px 10px;
    font-size:14px;
}
.social_box .social_btn button svg{
    font-size:16px;
    margin-right:5px;
}
.social_box .social_btn button.blog_btn{
    border:1px solid var(--surfcolor);
    color: var(--surfcolor);
}
.social_box .social_btn button.blog_btn svg{
    color:var(--surfcolor);
}
.social_box .social_btn button.rest_btn{
    border:1px solid var(--surfcolor);
    background:var(--surfcolor);
    color:var(--whiteff);
}
.social_box .social_btn button.rest_btn svg{
    color:var(--whiteff);
}

.naver_blog .bloger{
    display:flex;
    gap:10px;
    align-items: flex-end;
    margin-bottom:6px;
}
.naver_blog .social_box .social_cont .bloger p.name{
    color: var(--surfcolor);
    font-weight: 500;
    font-size:14px;
}
.naver_blog .bloger p.date{
    color: var(--gray66);
    font-size:14px;
    margin:0;
}

.pagination{
    display: flex;
    gap:20px;
    align-items: center;
    justify-content: center;
    margin-top:30px;
    position:relative;
}
.pagination .arrow_surfCircle_R,
.pagination .arrow_surfCircle_L{
    width:30px;
    height:30px;
    display:block;
    border-radius: 50%;
    position:absolute;
}
.pagination .arrow_surfCircle_R{
    background:url(../images/arrow_surfCircle_R.svg?v=1) center no-repeat;
    background-size:24px;
    right:0;
}
.pagination .arrow_surfCircle_L{
    background:url(../images/arrow_surfCircle_L.svg?v=1) center no-repeat;
    background-size:24px;
    left:0;
}
#numbers{
    display: flex;
    /* gap:5px; */
    list-style:none;
    align-items: center;
    justify-content: center;   
}
#numbers a{
    font-size:14px;
    padding:5px 10px;
    border-radius: 3px;;
}
#numbers a.active{
    color:var(--surfcolor);
    font-weight: bold;
}  















/* 좌석 및 룸 시설정보 */
.facility_wrap{
    width:100%;
}
.facility_wrap .swiper-pagination-bullet{
    background:#e6e6e6;
    opacity: 1;
    height:6px;
    width:6px;;
}
.facility_wrap .swiper-pagination-bullet-active{
    background:#333;
    border-radius: 10px;
    width:15px;
    height:6px;;
}
.facility_box{
    gap:10px;
}
.facility_box.swiper-wrapper{
    padding-bottom:20px;
}
.facility_box li.swiper-slide{
    width:275px;
}

.facility_box .facility_img{
    position:relative;
    margin-bottom:10px;
}
.facility_box .facility_img .img_box{
    width:100%;
    height:0;
    position:relative;
    padding-bottom:56.55%;
}
.facility_box .facility_img .img_box img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    border-radius: 5px;;
}
.facility_box .facility_img .badge{
    position:absolute;
    right:10px;
    bottom:10px;
    display:flex;
    gap:5px;
}
.facility_box .facility_img .badge span{
    padding:3px 5px;
    background:rgba(255,255,255,.8);
    color:#444;
    font-size:12px;
    font-weight: 500;
    border-radius: 5px;
}

.facility_box .facility_info h4{
    font-size:16px;
    color:#222;
    font-weight: 600;
    margin-bottom:6px;
}
.facility_box .facility_info p{
    font-size:14px;
    color:#666;
}


/* //좌석 및 룸 시설정보 */



/* 달력 */
.calendar_box{
    width:100%;
    margin:auto;
    margin:10px 0;
}
.calendar_box .cal_nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size:48px;
    width:100%;
    margin:0 auto 10px;
}
.calendar_box .cal_nav .nav_btn{
    width:24px;
    height:24px;
    font-size:0;
}
.calendar_box .cal_nav .nav_btn.prev-week,
.calendar_box .cal_nav .nav_btn.prev{
    background:url(../images/ico-prev.svg?v=1) center no-repeat;
    background-size:23px;
}
.calendar_box .cal_nav .nav_btn.next-week,
.calendar_box .cal_nav .nav_btn.next{
    background:url(../images/ico-next.svg?v=1) center no-repeat;
    background-size:23px;
}
.calendar_box .cal_nav .year_month{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:auto;
}
.calendar_box .cal_nav .year_month p{
    font-size:21px;
    color:#222;
    font-weight: 700;
    margin:0px 10px 0 0;
    position:relative;
}
.calendar_box .cal_nav .year_month p:after{
    content:".";
    position:absolute;
    right:-8px;
    bottom:0;
    font-size:21px;
}
.calendar_box .cal_nav .year_month h3{
    font-size:21px;
    font-weight: 700;
    color:#222;
    margin-bottom:0;
    margin-top:0px;
}

.calendar_box .days{
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.calendar_box .days div.day{
    width:calc(100% / 7);
    font-size:15px;
    color:#222;
    font-weight: 500;
    text-align:center;
    padding:6px 0;;
}
.calendar_box .days div.day.disable{
    opacity: .3;
}
.calendar_box .days div.day.next.disable{
    display:none;
}

.calendar_box .days div.day.sun{
    color:#fc3b30!important;
}
.calendar_box .days .day.rest span{
    color:#fff;
    background:#ff756f;
}
.calendar_box .days.week_days{
    width:100%;
}

.calendar_box .days.weekend{
    display:none;
}
.calendar_box .days .day span{
    width:24px;
    height:24px;
    border-radius: 50%;
    line-height:24px;
    display:block;
    margin:auto;;
}
.calendar_box .days .day.today span{
    /* color:#fff;
    background:#388cff; */
    position:relative;
}
.calendar_box .days .day.today span:after{
    content:"";
    width:100%;
    height:4px;
    background:#388cff;
    position:absolute;
    left:0;
    bottom:-5px;
}
.calendar_box .days div.day.choice span:after{
    content:"";
    width:100%;
    height:4px;
    background:#fc3b30;
    position:absolute;
    left:0;
    bottom:-5px;
}

.calendar_box .days_day{
    /* display: none;; */
    margin-bottom:8px;
}
.calendar_box .days_day.on{
    display:flex;
}
.calendar_box .rest_sales_box{
    width:100%;
    margin-top:10px;
    padding:0 20px;
}
.calendar_box .rest_sales_box dl{
    display:flex;
    align-items: flex-start;
    margin-bottom:8px;
}
.calendar_box .rest_sales_box dl dt{
    width:100px;
    font-size:14px;
    color:#555;
    font-weight: 500;
}
.calendar_box .rest_sales_box dl dd{
    width:calc(100% - 100px);
    font-size:14px;
    color:#555;
}
.calendar_box .rest_sales_box dl.today dd{
    display:flex;
    align-items: center;
    gap:3px;
    flex-wrap: wrap;
}
.calendar_box .rest_sales_box dl.today dd span.last_order{
    line-height:1.2;
    display:inline-block;
}
.calendar_box .rest_sales_box dl.today dd span.holiday,
.calendar_box .rest_sales_box dl.today dd span.close{
    color:#fc3b30;
}
.calendar_box .rest_sales_box dl.today dd span.open{
    color:#01b453;
}
.calendar_box .rest_sales_box dl.today dd span.ready{
    color:#ff7629;
}
.calendar_box .rest_sales_box dl.today > p.flex{
    gap:5px;
}
.calendar_box .rest_sales_box dl dt i,
.calendar_box .rest_sales_box dl.salesTime dd i{  
    display:inline-block;
    width:8px;
    height:8px;
    border-radius: 50%;;
}
.calendar_box .rest_sales_box dl.today dt i{
    background:#388cff;
}
.calendar_box .rest_sales_box dl.holiday dt i{
    background:#fc3b30;
}
.calendar_box .rest_sales_box dl.salesTime dd i{
    background:#444;
}
.calendar_box .rest_sales_box dl.salesTime dd{
    display:flex;
    gap:5px;
    align-items: center;
    font-weight: 500;
}
.calendar_box .rest_sales_box dl.holiday span.small{
    font-size:13px;
    color:var(--gray8e);
    display: block; 
    line-height: 1.4;
}
.calendar_box .arrow_down{
    background:url(../images/arrow-down.svg) center no-repeat;
    background-size:20px;
    width:24px;
    height:24px;
    margin:0px auto 10px;
}
.calendar_box .arrow_down.on{
    background:url(../images/arrow-up.svg?v=1) center no-repeat;
    background-size:20px;
}

.calendar_box .days .day.on span{
    background:#388cff;
    color:#fff;
}
.select_days{
    display:flex;
    gap:10px;
    margin:10px 0;
}
.select_days li{
    font-size:14px;
    background:var(--graydd);
    padding:8px 20px;
    border-radius: 5px;
    color: var(--whiteff);
    width:auto;
}
.select_days li.active{
    background:var(--gray44);
}

.holidayBox{
    width:100%;
}
.holidayBox .holiday_list{
    padding:20px;
    text-align: center;
    background:var(--whitef1);
    border-radius: 20px;
}
.holidayBox .holiday_list h4{
    font-size:15px;
    color: var(--gray44);
    margin-bottom:5px;
}
.holidayBox .holiday_list p{
    font-size:15px;
    color: var(--gray44);
    line-height: 1.3;
}
.holidayBox .holiday_list p span{
    display:inline-block;
}
.holidayBox .holiday_detail{
    margin-bottom:20px;
}
.holidayBox .holiday_detail li.holiday_tit{
    font-size:15px;
    color:var(--black22);
    margin-bottom:8px;
    font-weight: 500;
    position:relative;
    padding:0 0 0 12px;
    line-height:1.3;
    text-align: left;;
}
.holidayBox .holiday_detail li.holiday_tit:before{
    content:'';
    width:8px;
    height:8px;
    border-radius: 8px;
    background:var(--black22);
    position:absolute;
    left:0;
    top:10px;
    transform: translateY(-50%);
}
.holidayBox .holiday_detail li:last-of-type dl{
    display: flex;
    align-items:center;
}
.holidayBox .holiday_detail li:last-of-type dl.noneGap{
    gap:0;
}
.holidayBox .holiday_detail li:last-of-type dl dt{
    width:auto;
    font-size:14px;
    color:var(--balck22);
    font-weight: 500;
    margin-bottom:0;
    line-height:1.3;
    margin-right:0px;
}
.holidayBox .holiday_detail li dl dt:empty{
    margin-right:0;
}
.holidayBox .holiday_detail li:last-of-type dl dt:empty{
    margin-right:0;
}
.holidayBox .holiday_detail li:last-of-type dl dd{
    /* width:calc(100% - 80px); */
    width:auto;
    font-size:14px;
    color: var(--gray44);
    line-height: 1.3;8px
}
.holidayBox .holiday_detail li:last-of-type dl dd .non_fixed{
    display:flex;
    gap:6px;
}
.holidayBox .holiday_detail li:last-of-type dl dd .non_fixed ul{
    display:flex;
    gap:6px;
}
.holidayBox .holiday_detail li:last-of-type dl dd p{
    display: inline-block;
}
.holidayBox .holiday_detail li:last-of-type dl dd span{
    margin-left:6px;
}
.holidayBox .holiday_detail li.pd_left{
    padding-left:12px;
    text-align: left;;
}
.holidayBox .holiday_detail li.pd_left dl{
    margin-bottom:0px;
}
.holiday_detail.ViewAllHoliday{
    padding-left:25px;
}
.holiday_detail.ViewAllHoliday p{
    width:100%;
    padding:6px 0;
    background:var(--whitef1);
    border-radius: 5px;
    color:var(--balck22);
    font-size:14px;
    text-align: center;
}
/* //달력 */
















.signature {
    display:flex;
    margin-top:0;
    margin-bottom:20px;;
    position:relative;
}
.signature:last-of-type{
    margin:30px 0 10px !important;
}
.signature a{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.signature li.img{
    width:130px;
    height:130px;
}
.signature li.img img{
    width:100%;
    height:100%;
    object-fit: cover;
    border:1px solid #555;
    border-radius: 5px;
}
.signature .name{
    width:calc(100% - 130px);
    padding-left:10px;
    position:relative;
}
.signature .name strong{
    font-size:15px;
    color:var(--black222);
    font-weight: 500;
    line-height:1.3;
    margin-bottom:3px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%;;
}
.signature .name span{
    font-size:14px;
    color:#666;
    font-weight: 400;
    margin-bottom:8px;
    display:inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:100%;
}
.signature .name p{
    font-size:14px;
    color:#666;
    font-weight: 400;
    margin-bottom:8px;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3;
}

.signature .name .price{
    text-align: right;
    color:var(--redec);
    font-size:15px;
    line-height:1.3;
}

.signature .name .price > div{
    text-align: right;
    font-size:15px;
    font-weight:700;
    color:var(--gray44);
    line-height: 1.4;
}
.signature .name .price > div span{
    color:var(--gray8e);
    font-size:13px;
    font-weight:600;
    display: inline-block;;
}

.tel_box{
    padding:10px 0;
}
.tel_box dl{
    display:flex;
    gap:20px
}
.tel_box dl dt{
    font-size:15px;
    color:var(--black222);
    font-weight: 500;
}
.tel_box dl dd{
    font-size:15px;
    color:var(--gray66);
    font-weight:400;
}

.rest_detail_info .ko,
.rest_detail_info .jp{
    font-size:15px;
    line-height:1.1;
    color:var(--gray44);
}
.map_btn{
    display:flex;
    gap:10px;
    line-height: 27px;
}
.map_btn li{
    flex:1;
    height:35px;
    line-height: 35px;
    background:#ccc;
    color:#222;
    font-size:14px;
    text-align: center;
}
.map_btn li i{
    font-size:17px;
}

.map_veiw_box{
    width:100%;
    height:400px;
    overflow: hidden;
    margin:10px 0;
    position:relative;
}
.map_veiw_box iframe{
    width:100%;
    height:100%;
}








.img_pop, .copy_pop{
    width:80%;
    max-width:580px;
    background:#fff;
    padding:20px;
    position:fixed;
    top:50%;
    left:50%;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    z-index: 1001;
    display: none;
}
.img_pop span, 
.copy_pop span{
    position:absolute;
    top:-40px;
    left:50%;
    transform: translateX(-50%);
    width:30px;
    height:30px;
    background:url(../images/ico-close-white.svg) center no-repeat;
    background-size:25px;
}
.img_pop .imagesBox{
    width:300px;
    height:400px;
    position:relative;
    overflow: hidden;
    margin:0 auto 20px;
}
.img_pop img{
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
    position:absolute;
}
.img_pop h5{
    font-size:16px;
    color:var(--black222);
    line-height: 1.3;
}
.img_pop p{
    font-size:14px;
    line-height: 1.3;
    color:var(--gray66);
}

.copy_pop ul li{
    font-size:14px;
    line-height:1.1;
    margin-bottom:20px;
}
.copy_pop ul li input[type="radio"]{
    display:none;
}
.copy_pop ul li input[type="radio"] + label{
    height:40px;
    background:url(../images/radio.svg)left center no-repeat;
    background-size:17px;
    padding-left:21px;
}
.copy_pop ul li input[type="radio"]:checked + label{
    background:url(../images/radio_on.svg)left center no-repeat;
    background-size:17px;
}
.copy_pop ul + button.copy_btn{
    width:100%;
    height:35px;
    color:#fff;
    background:#222;
    border-radius: 5px;;
}

@media (width <= 768px){
    .img_pop .imagesBox{
        width:100%;
        height: 320px;
        /* max-height:300px;
        padding-bottom:100%;
        position:relative;
        overflow: hidden;
        margin:0 auto 20px; */
    }
    .img_pop img{
        width:100%;
        height:100%;
        object-fit: cover;
        display:block;
        position:absolute;
    }
}


@media (width <= 480px){
    .signature li.img{
        width:110px;
        height:110px;
    }
    .signature .name{
        width:calc(100% - 110px);
    }
}

@media (width <= 400px){
    .naver_blog .bloger{
        flex-wrap:wrap;
        gap:5px;
    }
}