.map_view iframe{
    width:100%;
    max-width:768px;
    height: calc(100vh - 170px);
}
.map_view .tour_wrap{
    width:90%;
    max-width:768px;
    height:auto;
    position:fixed;
    bottom:10px;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
}
.map_view .tour_wrap .swiper-wrapper{
    align-items: flex-end;
}
.tour_wrap .tour01 {
    justify-content: space-between;
}
.tour_wrap .tour01{
    width:96%;
    max-width:560px;
    height:auto;
    min-height:190px;
    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;
    left:50%;
    transform:translateX(-50%);
}
.tour_wrap .tour01.onSlide{
    height:20px;
    min-height:auto;
    padding:30px 20px 0px;    
    box-shadow: 2px 1px 7px #999;
}

.tour_wrap .tour01 .tour_img01,
.tour_wrap .tour01 .point_con,
.tour_wrap .tour01 .book_btn{
    display:block;
}

.tour_wrap .tour01.onSlide .tour_img01,
.tour_wrap .tour01.onSlide .point_con,
.tour_wrap .tour01.onSlide .book_btn{
    display: none;
}
.tour_wrap .tour01 button.top_slide{
    width:20px;
    height:20px;
    position:absolute;
    left:50%;
    top:3px;
    transform: translateX(-50%);
    background:url(../images/arrow-down.svg) center no-repeat;
    background-size:15px;
}
.tour_wrap .tour01 button.top_slide.onSlide{
    background:url(../images/arrow-up.svg) center no-repeat;
    background-size:15px;
}
.tour01 button.book_btn{
    position:absolute;
    bottom:20px;
    right:20px;
    height: 30px;;
}
.tour01 button{
    padding:3px 8px !important;
    border-radius: 4px;;
    font-size:13px;
    position:absolute;
    right:20px;
    bottom:20px;
}
.tour01 button.reser_btn{
    background: var(--gray99);
    color: var(--whiteff);
}
.tour01 button.reser_btn2,
.tour01 button.location_map{
    background:var(--surfcolor);
    color:var(--whiteff);
}
.tour01 button.location_map{
    text-align: center;
    padding:4px 10px;
    position:static;
}
.location_walk{
    position:static;
    display: flex;
    gap:4px;
    align-items: center;
}
.location_walk span{
    font-size:1px;
    color: var(--gray66);
}
.tour01 button.location_map svg{
    font-size:15px;
}


#poi_tag {
    flex-direction: row;
    gap:5px;;
}


/* 서비스아이콘 */
.tour01 .point_con .servi_icon{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    flex-direction: row;
}
.tour01 .point_con .servi_icon li{
    padding:0;
    border:0;
}
.tour01 .point_con .servi_icon li img{
    margin:0;
    width:20px;
    height: 20px;;
}
    



.tour_wrap .reser_btn{
    /* width:100%; */
    line-height:30px;
    padding:0 15px;
    background:var(--surfcolor);
    color:var(--whiteff);
    border-radius: 5px;
    position:absolute;
    right:20px;
    bottom:20px;
}
.tour_wrap .reser_btn.onSlide{
    bottom:-200%;
}



.tour_wrap .point_con h3,
.tour_wrap .point_con h3 a,
.tour_wrap .point_con h3.poi_name a{
    font-size:16px;
    color:var(--black22);
    margin-bottom:6px;
    font-weight: 600;
    word-break: break-all;
}
.tour_wrap .point_con span,
.tour_wrap .point_con span.jp_name{
    font-size:14px;
    color:var(--gray44);
    margin-bottom:6px;
    display: block;
}
.tour_wrap .point_con span{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.tour_wrap .point_con p{
    font-size:14px;
    color:var(--gray66);
    margin-bottom:6px;
    line-height: 1.3;
}
.tour_wrap .point_con p.detail{
    line-height:1.3;
    margin-bottom:0;
}
.tour_wrap .point_con p.poi_location{
    margin-bottom:0px;
    color: var(--gray8e);
}
.tour_wrap .point_con p.poi_location span{
    display: inline-block;
    color: var(--gray8e);
}
.tour_wrap .point_con p.tour_tel{
    text-decoration: none;;
}
.tour_wrap .point_con ul{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    margin-top:5px;
}
.tour_wrap .point_con ul li{
    padding:3px 8px;
    border:1px solid var(--graydd);
    border-radius: 20px;
    font-size:12px;
    color: var(--gray66);
}
.view_point .point_con ul li{
    padding:4px 10px;
    border:1px solid #ddd;
    border-radius: 50px;
    font-size:12px;
    color:var(--gray66);
}
.tour_wrap .point_con ul{
    flex-direction: column;
    gap:10px;;
}
.tour_wrap .point_con ul.hotelInfo{
    width:auto;
}
.tour_wrap .point_con ul.hotelInfo li{
    font-size:13px;
    color:var(--gray66);
    border:none;
    padding:0;
    border-radius: 0;
}
.tour_wrap .point_con ul.hotelInfo li a{
    font-size:13px;
    color:var(--gray66);
}
.tour_wrap .point_con ul.hotelInfo li.guestCoupon{
  padding:8px 10px;
  background:var(--surfcolor);
  color: var(--whiteff);
  font-size:13px;
  border-radius: 50px;
  display:inline-block;
  margin-bottom:0;;
  width:220px;
  text-align: center;
}

.tag{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.tag span{
    padding:3px 8px;
    border:1px solid #ddd;
    border-radius: 20px;
    font-size:14px;
    color:var(--gray66);
}
#poi_image,
.tour_wrap .tour01_img{
    width:120px;
}
.tour_wrap .tour01 .tour_img01{
    width:120px;
}
.tour_wrap .tour01 .point_con{
    width:calc(100% - 140px);
}

.tour_wrap .tour01_img img,
#poi_image img{
    width:100%;
    max-width:120px;
    /* height:100px; */
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;;
}

@media (max-width:520px){
    #poi_image,
    .tour_wrap .tour01_img{
        width:100px;
    }
    .tour_wrap .tour01 .tour_img01{
        width:100px;
    }
    .tour_wrap .tour01 .point_con{
        width:calc(100% - 120px);
    }
    
    .tour_wrap .tour01_img img,
    #poi_image img{
        width:100%;
        max-width:100px;
        /* height:100px; */
        aspect-ratio: 1;
        object-fit: cover;
        border-radius: 5px;;
    }
    
}

/* 노이미지 */
.tour01.Noimg .poi_image{
    display:none;
}
.tour01.Noimg .point_con{
    width:100%;
}
.tour01.Noimg .location_walk{
    position:static !important;
    margin-bottom:8px;
}



/* 영업시간 */
.sales_time{
    width:100%;
    display:block;
}
.sales_time .time_time{
    display:flex;
    gap:3px;
    align-items: center;
    background:url('../images/ic_clock_red.svg') left 1px no-repeat;
    background-size:18px;
    padding-left:17px;
}
.sales_time .time_time + p{
    display: block;;
}
.sales_time .time_time .sales_time_detail{
    margin-bottom:0;
    background: url(../images/ico-arrow-down.svg) 100% 5px no-repeat;
    padding-right: 15px;
    width: calc(100% - 30px);
}
.sales_time .time_time .sales_time_detail span{
    margin-bottom:0;
}

.sales_time + p,
.sales_time + p span,
.sales_time .time_time p span{
    font-size:13px !important;
    color: var(--gray66);
    line-height: 1.3;
    display:flex;
    align-items: center;
    gap:0 6px;
    flex-wrap:wrap;;
}
.sales_time + p i{
    display:inline-block;
    width:16px;
    height: 16px;
}
.sales_time .time_time p .close{
    color: var(--redec);
}
.sales_time .time_time p span{
    display:inline-flex;
    gap:3px;
    align-items: center;
}
.sales_time + p span .i-lunch{
    background:url(../images/i-lunch.jpg?v=2) center no-repeat;
    background-size:100%;
}
.sales_time + p span .i-breakfast{
    background:url(../images/i-breakfast.jpg?v=2) center no-repeat;
    background-size:100%;
}
.sales_time + p span .i-dinner{
    background:url(../images/i-dinner.jpg?v=2) center no-repeat;
    background-size:100%;
}

.location_bottom{
    position:static;
    bottom:20px;
    left:20px;
    display: block;
    gap:10px;
    align-items: center;
    width:100%;
}
.location_bottom .distance_hotel{
    margin-bottom:0;
}
.location_walk{
    position:static;
    /* left:20px;
    bottom:20px; */
    margin-bottom:7px;
}
.location_walk span{
    font-size:14px;
    color: var(--gray66);
    line-height: 1.3;
    margin-bottom:0 !important;
}

.location_walk button.location_map{
    width:20px;
    height:20px;
    background:var(--surfcolor) url(../images/ic_turn.svg) center no-repeat !;
    background-size:17px;
}

.poi_location{
    background:url(../images/ic_marker_gray.svg) left center no-repeat;
    background-size:14px;
    padding-left:15px;
    font-size:14px;
    line-height:1.3;
    color: var(--gray8e);
}

.point_con .distance_hotel{background:none;padding-left:0; font-size:13px;}

.distance_hotel{
    background:none;
    padding-left:0;
    display: flex;
    gap:4px;
    align-items: flex-start;
    position:static;
    /* bottom:16px; */
}
.distance_hotel i{
    background:var(--surfcolor) url(../images/ic_turn.svg) left center no-repeat;
    background-size:17px;
    width:20px;
    height:20px;
    display:inline-block;
    border-radius: 4px;;
}
#location_walk .location_map,
#distance_me .location_map{
    width:20px;
    height:20px;
    background:var(--surfcolor) url(../images/ic_turn.svg) center no-repeat ;
    background-size:17px;
    display:block;
}

#reserve_url button.reser_btn2,
#reserve_url button.reser_btn{
    width:100%;
    position:static !important;
    line-height: 1;
}

.preLocation{
    position:absolute;
    right:15px;
    top:70px;
    z-index:5;
}
.preLocation button{
    padding:0;
}
.preLocation img{
    width:30px;
}

@media (width <= 480px){
    .tour_wrap .tour01{
        justify-content: space-between;
        min-height:170px;
    }
    #poi_image, 
    .tour_wrap .tour01_img,
    .tour_wrap .tour01 .tour_img01,
    .tour_wrap .tour01_img img, 
    #poi_image img{
        width:85px;
        /* height: 85px; */
        aspect-ratio: 4/3;
    }
    .tour_wrap .tour01 .point_con{
        width:calc(100% - 100px);
    }
 
    .tour_wrap .point_con ul.hotelInfo li.guestCoupon{
        display:block;
      }
    
}