/**
 * hotel_list_map.css
 * 2019-02-25 17:06:10 kjm
 */

body{position:fixed;width:100%;height:100vh}
.loading_tira{top:50px}

#section_hotellistmap{position:relative;z-index:1;height:calc(100vh - 50px)}
#section_hotellistmap:after{display:block;content:'';clear:both}
#listmap_filter  {position:absolute;left:-100%;top:0px;z-index:31;width:100%;height:100%;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#listmap_itemview{position:absolute;left:-100%;top:0px;z-index:30;width:100%;height:100%;background-color:#fff}
#listmap_mapview {width:100%;height:100%}
#listmap_filter.left_menu_on{left:0px}

@media (min-width:768px) {
  #section_hotellistmap{height:100vh}
  #listmap_filter  {position:absolute;left:-100%;top:0px;width:100%;height:100%}
  #listmap_itemview{position:absolute;left:-100%;top:0px;width:100%;height:100%}
  #listmap_mapview {width:100%;height:100vh}
}

@media (min-width:992px) {
  #section_hotellistmap:after{display:block;content:'';clear:both}
  #listmap_filter  {position:relative;left:auto;top:auto;float:left;width:20%;height:100%}
  #listmap_itemview{position:relative;left:auto;top:auto;float:left;width:30%;height:100%}
  #listmap_mapview {position:relative;left:auto;top:auto;float:left;width:50%;height:100%}
}

@media (min-width:1200px) {
  #section_hotellistmap{position:relative;width:100%}
  #section_hotellistmap:after{display:block;content:'lg';clear:both}
  #listmap_filter  {width:20%}
  #listmap_itemview{width:25%}
  #listmap_mapview {width:55%}
}

@media (min-width:2000px) {
  #section_hotellistmap{position:relative;width:100%}
  #section_hotellistmap:after{display:block;content:'lg';clear:both}
  #listmap_filter  {width:15%}
  #listmap_itemview{width:20%}
  #listmap_mapview {width:65%}
}


#listmap_header{width:100%;padding:15px;border-bottom:1px solid #eee}
.listmap_col_header{height:40px;line-height:40px;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;font-size:1.2em;font-weight:bold;  background-color: #dbe9f5;color: #114069;}


#listmap_filter_list{overflow-y: scroll;height:100%;}
#filtering_container{padding:0px 15px;margin-bottom:140px;}
#filtering_labels{padding:0px 15px}
#filtering_labels .filterLabel{display: inline-block;padding: 3px;border: 1px solid #ccc;border-radius: 4px;background-color: #bec0f5;font-size: 12px;}
#filtering_labels .filterLabel .released_label{display: inline-block;margin-right: 5px;padding: 1px 5px;border-radius: 10px;background-color: #0b1667;color: #fff;cursor:pointer}
#btn_mobilefilter_complete{position:absolute;left:0px;bottom:0px;z-index:31;width:100%;height:34px;background-color:#5798d8;color:#fff;}


#hotel_list_wrap{overflow-y: scroll;height: calc(100vh - 178px);}
.sorting_btn{margin-bottom: 1px;border: 1px solid #eee;background-color: #fff;}
.sorting_btn.active{background-color: #c0d7ea;color: #0c4677;}


#reset_map_list{}
#btn_return_list{float:right;width:30px;height:30px;margin:5px 5px 0px 0px;background:url(//cdn.hoteltira.com/common/icon/x_black.svg) 0px 0px no-repeat;}
#map_container{position: relative;}
#map_area{height:calc(100vh - 90px)}
/*#map_area{height:calc(100vh - 124px)}*/
#filtering_this_area{position: absolute;right: 60px;top: 10px;width: 50%;height: 40px;}
@media (min-width:992px) {
  #filtering_this_area{position:absolute;left:0px;right:auto;top:0px;width:50%;height:auto;}
}
#btn_show_filter{position:absolute;top:0px;left:0;z-index:30;width:100%;height:34px;background-color:#5798d8;color:#fff;}




#item_wrap{margin-bottom:40px;}
#print_item_list{}
#print_item_list:after{display:block;content:'';clear:both;}
/*
########################################################################################################################
listtype_h_smbar :: xs => 호텔 바형(심플) 리스트
*/
.listtype_h_smbar{}
.listtype_h_smbar .itemLi{position:relative;z-index:30;margin-bottom:2px;padding:15px;width:100%;border:1px solid #e5edf1}
.listtype_h_smbar .itemLi:after{display:block;content:'';clear:both}
.listtype_h_smbar .itemLi .itemLi_content:after{display:block;content:'';clear:both}
/*
.listtype_h_smbar .itemLi .itemLi_content .promotion_notice{position:absolute;left:0px;top:0px;z-index:32;width:75px;height:75px;background:url(//cdn.hoteltira.com/hoteltira/img/hotellist/icon-promotion.png) 0px 0px no-repeat;background-size:contain}
*/

.listtype_h_smbar .itemLi .itemLi_content .hotelImg{float:left;position:relative;z-index:30;width:33%}
.listtype_h_smbar .itemLi .itemLi_content .hotelImg .adminModifyBtn{display:none}
.listtype_h_smbar .itemLi .itemLi_content .hotelImg .hotelImg_wrap{position:relative;display:block;width:100%;height:0;overflow:hidden;padding-bottom:60%}
.listtype_h_smbar .itemLi .itemLi_content .hotelImg .hotelImg_wrap .hotelImg_main{position:absolute;top:0%;left:0%;height:100%;width:100%;border:1px solid #cacaca;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.listtype_h_smbar .itemLi .itemLi_content .hotelImg .hotelImg_wrap .the_luxury_logo{position:absolute;right:0px;bottom:0px;z-index:31;max-width: 130px;width: 100%;min-height: 20px;background:url(//cdn.hoteltira.com/hoteltira/img/hotellist/the_luxury_hotel_s.png) 0px 0px no-repeat;background-size:cover;-webkit-box-shadow:-1px -1px 5px 1px rgba(167, 167, 167, 0.5);-moz-box-shadow:-1px -1px 5px 1px rgba(167, 167, 167, 0.5);box-shadow:-1px -1px 5px 1px rgba(167, 167, 167, 0.5)}

.listtype_h_smbar .itemLi .itemLi_content .hotelCnt{float:right;width:63%;padding:5px 0px}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .hotelName{margin-bottom:1px;font-size:1.0em;font-weight:bold;display:-webkit-box;overflow:hidden;max-height:2.4em;line-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .hotelgrade{margin-bottom:1px;color:#ffbe00;font-size:12px;text-shadow:0px 1px 1px rgba(160, 146, 77, 0.3)}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .hotelAddr{display:block;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis')}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .hotelAddr .hotelAddr_text{display:none}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .show_map_simple{position:relative;background-color:transparent;color:#3880ce;border-bottom:1px solid #3880ce;}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .show_map_simple::before{display:inline-block;padding-right:3px;content:url(//cdn.hoteltira.com/img/common/map_icn.png);clear:both} 
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .hotelExpl{display:none}

.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink{width:100%;text-align:right;clear:both}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink:after{display:block;content:'';clear:both}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .promotion_notice{float:left;/*border:1px solid red;color:red;padding:2px 4px;border-radius:4px*/}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .hotelPrice{float:right;color:#0c335d;font-size:1.0em;font-weight:bold}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .priceLink{background-color: #e0e0e0;padding: 3px 10px;}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .hotelPriceAverage{display:none}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .btn_link_good{display:none}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .btn_link_good:after{display:block;content:'';clear:both}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .btn_link_good i{}

.listtype_h_smbar .itemLi .hotelPromotion{}
.listtype_h_smbar .itemLi .hotelPromotion_type{}
.listtype_h_smbar .itemLi .hotelPromotion_type:after{display:block;content:'';clear:both}
.listtype_h_smbar .itemLi .hotelPromotion_type span{display:inline-block;float:left;margin:1px;padding:2px 3px;color:#000000;background-color:#e8ecef;border-radius:4px}
.listtype_h_smbar .itemLi .hotelPromotion_type span:after{content:', '}
.listtype_h_smbar .itemLi .hotelPromotion_type span:last-child{margin-right:0px}
.listtype_h_smbar .itemLi .hotelPromotion_type span:last-child:after{content:''}
.listtype_h_smbar .itemLi .hotelPromotion_type .promotion_type_0{}
.listtype_h_smbar .itemLi .hotelPromotion_type .promotion_type_1{}
.listtype_h_smbar .itemLi .hotelPromotion_type .promotion_type_2{}
.listtype_h_smbar .itemLi .hotelPromotion_type .promotion_type_3{}
.listtype_h_smbar .itemLi .hotelPromotion_type .promotion_type_4{}
.listtype_h_smbar .itemLi .hotelPromotion{display: block;margin-top: 10px;border: 1px solid #fdc2c6;background-color: #fafafa;}
.listtype_h_smbar .itemLi .hotelPromotion::after {content:"";clear:both;display:table}
.listtype_h_smbar .itemLi .hotelPromotion .hotelPromotion_title{margin-bottom: 15px;padding: 10px 15px;color: #fff;font-weight: 400;font-size: 1.4em;text-align: left;background-image: linear-gradient(120deg, #ffd1d6 0%, #ffecee 100%)}
.listtype_h_smbar .itemLi .hotelPromotion .hotelPromotion_title i {padding:0px 10px;color:#fff}
.listtype_h_smbar .itemLi .hotelPromotion .hotelPromotion_list{padding:0 0 10px 0}
.listtype_h_smbar .itemLi .hotelPromotion .suppliers_prmt{margin:0px 15px 15px 15px;color:#999;font-size:1em;}
.listtype_h_smbar .itemLi .hotelPromotion .tira_prmt{margin:0px 10px 10px 10px}
.listtype_h_smbar .itemLi .hotelPromotion .tira_prmt:last-child{margin:0px 10px}
.listtype_h_smbar .itemLi .hotelPromotion .tira_prmt_name{font-size: 1.25em;font-weight: 400;color: #111;line-height: 1.7;}
.listtype_h_smbar .itemLi .hotelPromotion .tira_prmt_description{color: #999;font-size: 1em;}
.listtype_h_smbar .itemLi .hotelPromotion .hotelPromotion_list_over{max-height:130px;overflow-y:scroll}
.listtype_h_smbar .itemLi .hotelPromotion .hotelPromotion_over_arrow{text-align:center;color:#cc0000}




.loading_spinner{display:none}
.itemLi_loading{}
.itemLi_loading .loading_spinner{display:block;position:absolute;left:0%;top:0%;z-index:40;width:100%;height:100%;text-align:center;background-color:#929292;opacity:0.3;}
.itemLi_loading .loading_spinner .inner{position:absolute;left:50%;top:50%;z-index:41;color:#000;font-size:7em;transform:translate(-50%, -50%);}




.order_asc{}
.order_asc:after{content:"▲";color:#000}
.order_desc{}
.order_desc:after{content:"▼";color:#000}






.s_hli{padding:15px}
.s_hli:after{display:block;content:' ';clear:both}
.s_hli .photo{float:left;width:30%;height:100px;overflow:hidden;cursor:pointer;text-align:center}
.s_hli .photo img{width:150px;height:100px}
.s_hli .ctt{float:left;position:relative;margin-left:2%;width:68%;height:100px;overflow:hidden}
.s_hli .ctt .name{font-weight:bold;font-size:14px;color:#6a86bd;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s_hli .ctt .grade{margin:5px 0px 0px 0px;text-align:left}
.s_hli .ctt .grade:after{display:block;content:'';clear:both}
.s_hli .ctt .grade .star{float:left;width:16px;height:16px;background:url(//cdn.hoteltira.com/common/icon/star_black.svg) 50% 0% repeat-x;background-size:100%}
.s_hli .ctt .grade .star_half{float:left;width:16px;height:16px;background:url(//cdn.hoteltira.com/common/icon/star_half_black.svg) 50% 0% repeat-x;background-size:100%}
.s_hli .ctt .dpPrice{font-weight:bold;font-size:14px}
.s_hli .ctt .links{position:absolute;right:0px;bottom:0px}
.s_hli .ctt .links a{display:inline-block;padding:5px 15px;background-color:#333;border:1px solid #000;color:#fff}

.focus_s_hli{background-color:rgba(158, 51, 51, 0.3);}
.focus_s_hli .photo{box-sizing:border-box !important;float:left;width:30%;height:100px;border:5px solid #ff3300;overflow:hidden;cursor:pointer;text-align:center}
.focus_s_hli .photo img{width:140px;height:90px}
.focus_s_hli .ctt .grade .star{background-image:url(//cdn.hoteltira.com/common/icon/star_red.svg)}
.focus_s_hli .ctt .grade .star_half{background-image:url(//cdn.hoteltira.com/common/icon/star_half_red.svg)}
.focus_s_hli .ctt .name{color:#ff3300}
.focus_s_hli .ctt .dpPrice{color:#ff3300}
.focus_s_hli .ctt .links a{background-color:#ff3300;border:1px solid #d22a00}

#xs_maphotel_popup{position:absolute;left:0px;bottom:60px;z-index:50;margin:0px;padding:10px;width: 100%;border:1px solid #41488a;background-color:#fff;}
#xs_maphotel_popup .s_hli{padding:0px;height:100px}
#btn_close_xs_maphotel{display:inline-block;position:absolute;right:0;top:0;padding:4px;color:#fff;background-color:#41488a;cursor: pointer;}

#divide_sidemenu_left{position:relative;left:auto;top:0px;}
.body_xs #divide_sidemenu_left,
.body_sm #divide_sidemenu_left{position:fixed;top:0px;left:auto;width:100%;height:100%;z-index:2001}



#noReturnVal{z-index:300;padding:30px;margin:30px auto;text-align:center;width:300px;background-color:#000;color:#fff;}
#no_result_hlist{margin:auto;padding:60px 15px;line-height:200%;text-align:center;background-color: #dff0d8;font-size:1.2em}


#alert_isEnd{display:none;position:fixed;left:0px;bottom:0px;z-index:81;overflow:hidden;width:100%;padding:20px;line-height:180%;background-color:#000;color:#fff;text-align:center}
#alert_fcicode_name{font-weight:bold;color:#fff}
#alert_isEnd_secondRemaining{color:#fff;font-weight:bold;font-size:16px}
#resorting_by_mdRecomm{float:right}

.tripadvisor_review_rating{font-size:1.2em;font-weight:300;}
.tripadvisor_review_count{font-size:0.9em;font-weight:300;color:#777;padding:0 0 0 3px;}