@charset "UTF-8";
.section_search_wrap{position:relative;background-color: #eaf1f9;padding: 5px;margin: 10px auto;}
@media (min-width:992px) {
  .section_search_wrap{padding: 15px;margin:5px auto;}
}







/* wrapper */
.section_list{position: relative;overflow:hidden;padding-top:15px}
.section_list_bg{position:absolute;left:0;top:0px;z-index:-1;width:100%;height:150px;background-color:#f7f7f7}
@media (min-width:768px) {
  .section_list{padding-top:15px}
}

#header_info_altr{display:none;}


/* header mobile */
#m_filtering_sorting_map{position:fixed;z-index:1099;left:0;top:0px;width:100%;height:40px;border-bottom:1px solid #125c8c;background-color:#273054;color:#fff;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);box-shadow:0 0 10px 1px rgba(0,0,0,0.3);-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
/*#m_filtering_sorting_map.affix-top{top:75px;}*/
#m_filtering_sorting_map .open_sidemenu{float:left;width:29%;padding:13px 0 ;text-align:center;border-left:none;font-size:16px;cursor:pointer;border-right:1px solid #075186;background-color:#0a5f9c;}
#m_filtering_sorting_map .open_sidemenu a{color:#fff}
#m_filtering_sorting_map img{height:12px;padding-right:3px}

#hotellist_header{margin:0px auto 30px auto;padding:10px;border:1px solid #00bff3;background-color:#fff;-webkit-box-shadow:6px 7px 17px 0 rgba(192,192,192,0.43);box-shadow:6px 7px 17px 0 rgba(192,192,192,0.43)}
@media (min-width:768px) {
  #hotellist_header{padding:15px;}
}
#item_count{text-align:right}
#helper_result_pos {
  width: 100%;
  height: 0px;
  position: relative;
  top: -35px;
  left: 10px;
  font-size: 0.8em;
  color: #5392f9;
}


#helper_cdate1_pos {
  width: 100%;
  height: 10px;
  position: relative;
  top: -35px;
  left: 100px;
  font-size: 1.2em;
  color: #777;
  font-weight: 400;
}
#helper_cdate2_pos {
  width: 100%;
  height: 10px;
  position: relative;
  top: -35px;
  left: 100px;
  font-size: 1.2em;
  color: #777;
  font-weight: 400;
}


#input_search_query {
  margin-bottom: 15px;
  padding-bottom: 20px;
  font-size: 1.0em;
  font-weight: 400;
  color:#000000;
}
/*#h_helper_srtbtn{height:40px;}*/

#hotellist_city_name{font-size:12px;font-weight:300;color:#666;line-height:1.5}
#hotellist_city_name strong{display:inline-block;margin:0 5px 5px 0;letter-spacing:-.04em;font-size:25px;font-weight:500;color:#000}
/*
.btn_toggle_searchbox{margin: 0 0 15px 15px;padding: 9px 32px;font-weight: 100;background-color: #94124f;color: #fff;background-image: none;
  -webkit-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
.btn_toggle_searchbox:focus,
.btn_toggle_searchbox:hover{color:#fff}
*/
#city_header_img{margin-bottom:10px}
/*.hotelListBreadcrumb{margin-bottom:0px;border-top:1px solid #eee;background-color:#f7f7f7;text-align:center}
#item_count_wrap{float:right;text-align:right;}
.breadcrumb>li+li#item_count_wrap:before{content:'';padding:0;}
*/
.progress{margin-bottom:0}
/*
#search_row_ln1{display:none;}
*/
#search_box .rowSmall{margin-right:-4px;margin-left:-4px;}
/*
#search_box .col-xs-12,
#search_box .col-sm-2,
#search_box .col-xs-6,
#search_box .col-sm-4{padding:4px;}
*/
.body_xs #form_search_total .search_option_container,
.body_sm #form_search_total .search_option_container{padding-top:4px;padding-bottom:4px}

#search_box .form-control{display:inline-block;border:none;box-shadow:none;background-color:transparent;background:#fafafa;border:1px solid #eee; color: #333;font-size:1.1em;font-weight:5400;}

#search_box #datemt-in-0,
#search_box #datemt-ot-0{}
@media (min-width:992px) {
  #search_box #datemt-in-0,
  #search_box #datemt-ot-0{background:#fafafa url(//cdn.hotelonsen.com/onsen2/img/common/icon_calendar.png) 95% 50% no-repeat}
}


#search_box #search_q_submit{padding:13px 12px;width:100%;border:none;text-align:center;background-color:#00bff3;color:#fff;font-weight:400;cursor:pointer}

@media (min-width:768px) {
  #hotellist_city_name strong{font-size:32px;}
  /*
  .hotelListBreadcrumb{text-align:left;background-color:#fff;}
  .hotelListBreadcrumb:after{display:block;content:'';clear:both;}
  */
  #search_box #search_q_submit{padding:15px 12px;}
}

/**
 *******************************************************************************
 *
 *******************************************************************************
 */

#searched_info{display:none;padding:4px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center;vertical-align:bottom;background-color:#f1f1f1;color:#072d48;}
#searched_info span{display:inline-block;vertical-align:middle}
#searched_info .searched_info_ele{display:inline-block;margin-right:6px;vertical-align:middle;line-height:30px;font-size:14px}
#searched_info_date1,
#searched_info_room{background-color:#fff}
#searched_info #searched_info_country{font-weight:bold}
#searched_info #searched_info_city{color:#000}

#searched_info.affix-top{/*visibility:hidden;*/margin:20px auto}
#searched_info.affix{visibility:visible;margin-top:0px;position:fixed;top:50px;left:0px;z-index:100;width:100%;
  -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
}
@media (min-width:768px) {
  #searched_info{margin-top:0;}
  #searched_info.affix{top:60px;}
}


@media (min-width:992px) {
}

@media (min-width:1200px) {
}


#goods_load_progress{margin:10px}

#filtering_labels{margin:20px auto;background-color:#f7f7f7}
#filtering_labels .filterLabel{display:inline-block;margin:5px;font-size:14px;font-weight:400;color:#888}
#filtering_labels .filterLabel .released_label{display:inline-block;margin-right:5px;width:20px;height:20px;background-color:#888;font-size:12px;color:#fff;border-radius:50%;text-align:center}

/**
 *******************************************************************************
 *
 *******************************************************************************
 */

.expmn_cwrap .checkbox label{padding:4px 10px 4px 0px;font-size:14px;font-weight:400;color:#666;}
.expmn_cwrap .checkbox label input{position:relative;margin:0px 5px 0px 0px;vertical-align:middle;width:16px;height:16px;line-height:16px;text-align:center;background:#fff;border:1px solid #959595;border-radius:0px;}
.expmn_cwrap .radio label{padding:4px 10px 4px 0px;font-size:14px;font-weight:400;color:#666;}
.expmn_cwrap .radio label input{position:relative;margin:0px 0px 0px 10px;vertical-align:middle;}
.expmn_cwrap .active_inputbox label{display:block;background-color:rgba(255,47,47,0.1);color:#520a0a;}
.expmn_cwrap .disabled label{background:#bfbfbf url(//cdn.hoteltira.com/common/icon/x_black.svg) 50% 0% no-repeat;background-position:contain;color:#929292;}

.label_block1{display:inline-block;margin-right:5px;width:15px}
.label_block2{display:inline-block;margin-right:5px;margin-left:5px;width:30px}
.label_block3{display:inline-block;margin-right:5px;width:60px;text-align:right;font-weight:bold}
.label_block4{display:inline-block;margin-right:5px;width:40px}


.expmn_cwrap .checkbox div{float:right}

.left_menu_on{width:100% !important}

#item_filtering{background-color:#f7f7f7;}
#item_filtering #filtering_container h4{padding-bottom:8px;color:#111;font-weight:500;font-size:16px;}
#item_filtering .filtering_option_block { padding: 0 10px; }
#filter_hotelname{font-size:1.2rem;border:1px solid #c0c0c0;background:#fff;}
#filter_hotelname_init{padding:6px 20px;background:#183a60;color:white;border:1px solid #183a60;border-left:none;cursor:pointer;}
#item_filtering #filtering_promotion { background: #fed200; padding: 10px; }
#item_filtering #filtering_promotion .fa-bell { color: #ff6d02;font-size: 20px; margin-right: 5px; }
#item_filtering #filtering_promotion  .expmn_cwrap .checkbox label { color: #000; }
/**
 *******************************************************************************
 *
 *******************************************************************************
 */

#sidebar_tour{margin:15px 0px;}
#sidebar_tour .item_content_hd{font-size:1.4em;text-align:center;font-weight:bold;color:#0e6bae;}
#sidebar_tour .item_content_bd{}
.body_sm #sidebar_tour,
.body_xs #sidebar_tour{display:none}


#sorting_condition{margin:0%}
#sorting_condition:after{display:block;content:'';clear:both}
.left_menu_on .sorting_btn{display:block;width:100%;padding:10px;text-align:center;border-left:none;font-size:1.4rem;cursor:pointer;border-right:1px solid #226c9e;background-color:#273054;color:#fff;background-image:none;text-decoration:none;text-shadow:none;border:none;}
.left_menu_on .sorting_btn.active{background-color: #7888c7;}
.left_menu_on hr{clear:left}

div.close_sidemenu_left{position:fixed;right:10px;top:18px;z-index:2020;width:36px;height:36px;text-align:center;}
button.close_sidemenu_left{position:fixed;left:0px;bottom:0px;z-index:2020;width:100%;padding:13px 12px;width:100%;border:none;text-align:center;background-color:#1f3492;color:#fff;font-weight:400;cursor:pointer;font-size: 1.6em;}
.sidemenu_header{margin:10px;font-size:24px;color:#000;font-weight:300;}

@media (min-width:768px) {
  #item_filtering{border:1px solid #eee;padding:10px 0;margin:15px 0;background-color:#f7f7f7;}
  #item_filtering .filtering_option_block { padding: 0 25px; }

  #item_filtering #filtering_promotion {background: #fed200; padding: 10px 25px; }
  #sorting_condition{float:left;width:90%;border:1px solid #0077cc;}
  .sorting_btn{float:left;width:20%;margin:0;padding:9px;background-color:#f7f7f7;background-image:none;border:none;color:#0077cc;font-size:1.4rem;}
  .sorting_btn.active{background-color:#125c8c;color:#fff;text-shadow:none;}
  #viewtype_changer{float:right;}
  .btn_viewtype_changer.active{background-color:#555;color:#fff;}
  .btn_viewtype_changer.active{background-color:#125c8c;color:#fff;}
  .btn_viewtype_changer i{font-size:1.4rem;line-height:29px;}
}
@media (min-width:992px) {
}

@media (min-width:1200px) {
}


#items_map_btn{margin:0;padding:0;border:1px solid #00bff3;}
#items_map_btn img{width:100%}
#mobile_count_hotel{text-align:right;}

/**
 *******************************************************************************
 *
 *******************************************************************************
 */

#item_wrap{margin-bottom:30px;}
#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{position:relative;z-index:30;width:100%}
.listtype_h_smbar .itemLi .itemLi_content .hotelImg .adminModifyBtn{display:none;/*position:absolute;right:0px;top:0px;z-index:31;padding:4px;background-color:red;color:#fff*/}
.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{width:100%;padding:5px 0px}
.listtype_h_smbar .itemLi .itemLi_content .hotelCnt .hotelName{margin-bottom:1px;font-size:1.2em;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}
.listtype_h_smbar .itemLi .itemLi_content .hotelpricelink .hotelPrice{text-align:right;color:#0c335d;font-size:1.3em;font-weight:bold}
.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 .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}





/*
########################################################################################################################
listtype_h_block :: sm => 호텔 블럭형 리스트
*/

.listtype_h_block{margin:0% -1%}
.listtype_h_block .itemLi{position:relative;z-index:30;float:left;width:31.33333%;margin:1%;padding:10px;margin-bottom:2px;border:1px solid #e5edf1}
.listtype_h_block .itemLi:after{display:block;content:'';clear:both}

.listtype_h_block .itemLi .itemLi_content:after{display:block;content:'';clear:both}
.listtype_h_block .itemLi .itemLi_content .promotion_notice{position:absolute;left:0px;top:0px;z-index:32;width:100px;height:100px;background:url(//cdn.hoteltira.com/hoteltira/img/hotellist/icon-promotion.png) 0px 0px no-repeat}

.listtype_h_block .itemLi .itemLi_content .hotelImg{position:relative;z-index:30;width:100%;margin-bottom:5px;}
.listtype_h_block .itemLi .itemLi_content .hotelImg .adminModifyBtn{position:absolute;right:0px;top:0px;z-index:31;padding:4px;background-color:red;color:#fff}
.listtype_h_block .itemLi .itemLi_content .hotelImg .hotelImg_wrap{display:block;position:relative;width:100%;height:0;overflow:hidden;padding-bottom:60%}
.listtype_h_block .itemLi .itemLi_content .hotelImg .hotelImg_wrap .hotelImg_main{position:absolute;top:0;left:0;width:100%;height: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_block .itemLi .itemLi_content .hotelImg .hotelImg_wrap .the_luxury_logo{position:absolute;right:0px;bottom:0px;z-index:31;max-width:130px;width:100%;height:22px;background:url(//cdn.hoteltira.com/hoteltira/img/hotellist/the_luxury_hotel_s.png) 0px 0px no-repeat;background-size:contain;-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_block .itemLi .itemLi_content .hotelCnt{width:100%}
.listtype_h_block .itemLi .itemLi_content .hotelCnt .hotelName{margin-bottom:5px;font-size:1.4em;font-weight:bold;display:-webkit-box;overflow:hidden;height:2.4em;line-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listtype_h_block .itemLi .itemLi_content .hotelCnt .hotelgrade{margin-bottom:5px;color:#ffbe00;font-size:16px;text-shadow:0px 1px 1px rgba(160, 146, 77, 0.3)}
.listtype_h_block .itemLi .itemLi_content .hotelCnt .hotelgrade img{padding-right:1px}
.listtype_h_block .itemLi .itemLi_content .hotelCnt .hotelAddr{margin-bottom:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis')}
.listtype_h_block .itemLi .itemLi_content .hotelCnt .show_map_simple{position:relative;background-color:transparent;color:#3880ce;border-bottom:1px solid #3880ce;}
.listtype_h_block .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_block .itemLi .itemLi_content .hotelCnt .hotelExpl{display:none}

.listtype_h_block .itemLi .itemLi_content .hotelpricelink{width:100%;text-align:right}
.listtype_h_block .itemLi .itemLi_content .hotelpricelink .hotelPrice{margin-bottom:5px;text-align:right;color:#111;font-size:1.4em;font-weight:bold}
.listtype_h_block .itemLi .itemLi_content .hotelpricelink .hotelPriceAverage{display:none}
.listtype_h_block .itemLi .itemLi_content .hotelpricelink .btn_link_good{width:100%;background-color:#ff4457;background-image:none;border:none;color:#fff;text-shadow:none;box-shadow:none;}
.listtype_h_block .itemLi .itemLi_content .hotelpricelink .btn_link_good:after{display:block;content:'';clear:both}
.listtype_h_block .itemLi .itemLi_content .hotelpricelink .btn_link_good i{}

.listtype_h_block .itemLi .hotelPromotion_type{height:24px;overflow:hidden}
.listtype_h_block .itemLi .hotelPromotion_type:after{display:block;content:'';clear:both}
.listtype_h_block .itemLi .hotelPromotion_type span{display:inline-block;float:left;margin:1px;padding:2px 3px;color:#000000;background-color:#e8ecef;border-radius:4px}
.listtype_h_block .itemLi .hotelPromotion_type span:after{content:', '}
.listtype_h_block .itemLi .hotelPromotion_type span:last-child{margin-right:0px}
.listtype_h_block .itemLi .hotelPromotion_type span:last-child:after{content:''}
.listtype_h_block .itemLi .hotelPromotion_type .promotion_type_0{}
.listtype_h_block .itemLi .hotelPromotion_type .promotion_type_1{}
.listtype_h_block .itemLi .hotelPromotion_type .promotion_type_2{}
.listtype_h_block .itemLi .hotelPromotion_type .promotion_type_3{}
.listtype_h_block .itemLi .hotelPromotion_type .promotion_type_4{}

.listtype_h_block .itemLi .hotelPromotion{display:none}
.listtype_h_block .itemLi:hover{background-color: #f7f7f7;border: 1px solid #eee;-webkit-box-shadow: 0px 0px 10px 1px rgba(200, 200, 200, 0.2);-moz-box-shadow: 0px 0px 10px 1px rgba(200, 200, 200, 0.2);box-shadow: 0px 0px 10px 1px rgba(200, 200, 200, 0.2);}
.listtype_h_block .itemLi:hover .itemLi_content .hotelImg .hotelImg_wrap .hotelImg_main{top:-10%;left:-10%;width:120%;height:120%}
.listtype_h_block .itemLi:hover .itemLi_content .hotelImg .the_luxury_logo{right:50%px;bottom:50%;transform:translate(-44%, 50%)}





/*
########################################################################################################################
listtype_h_bar :: md, lg => 호텔바형 리스트
*/

.listtype_h_bar{}
.listtype_h_bar .itemLi{position:relative;z-index:30;padding:15px;width:100%;margin-bottom:2px;border:1px solid #e5edf1}
.listtype_h_bar .itemLi:after{display:block;content:'';clear:both}

.listtype_h_bar .itemLi .itemLi_content:after{display:block;content:'';clear:both}
.listtype_h_bar .itemLi .itemLi_content .promotion_notice{position:absolute;left:0px;top:0px;z-index:32;width:100px;height:100px;background:url(//cdn.hoteltira.com/hoteltira/img/hotellist/icon-promotion.png) 0px 0px no-repeat}

.listtype_h_bar .itemLi .itemLi_content .hotelImg{float:left;position:relative;z-index:30;width:30%;margin-right:2%}
.listtype_h_bar .itemLi .itemLi_content .hotelImg .adminModifyBtn{position:absolute;right:0px;top:0px;z-index:31;padding:4px;background-color:red;color:#fff}
.listtype_h_bar .itemLi .itemLi_content .hotelImg .hotelImg_wrap{display:block;position:relative;width:100%;height:0;overflow:hidden;padding-bottom:60%}
.listtype_h_bar .itemLi .itemLi_content .hotelImg .hotelImg_wrap .hotelImg_main{position:absolute;top:0;left:0;width:100%;height: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_bar .itemLi .itemLi_content .hotelImg .hotelImg_wrap .the_luxury_logo{position:absolute;right:0px;bottom:0px;z-index:31;width:130px;height:22px;background:url(//cdn.hoteltira.com/hoteltira/img/hotellist/the_luxury_hotel_s.png) 0px 0px no-repeat;-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);-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_bar .itemLi .itemLi_content .hotelCnt{float:left;width:50%;margin-right:1%}
.listtype_h_bar .itemLi .itemLi_content .hotelCnt .hotelName{margin-bottom:10px;font-size:1.4em;font-weight:bold}
.listtype_h_bar .itemLi .itemLi_content .hotelCnt .hotelgrade{margin-bottom:5px;color:#ffbe00;font-size:16px;text-shadow:0px 1px 1px rgba(160, 146, 77, 0.3)}
.listtype_h_bar .itemLi .itemLi_content .hotelCnt .hotelgrade img{padding-right:1px}
.listtype_h_bar .itemLi .itemLi_content .hotelCnt .hotelAddr{margin-bottom:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis')}
.listtype_h_bar .itemLi .itemLi_content .hotelCnt .show_map_simple{position:relative;background-color:transparent;color:#3880ce;border-bottom:1px solid #3880ce;}
.listtype_h_bar .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_bar .itemLi .itemLi_content .hotelCnt .hotelExpl{display:-webkit-box;overflow:hidden;max-height:60px;line-height:20px;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight: 300;}

.listtype_h_bar .itemLi .itemLi_content .hotelpricelink{float:left;width:17%;text-align:center;padding:15px;text-align:center;background:aliceblue;}
.listtype_h_bar .itemLi .itemLi_content .hotelpricelink .hotelPrice{margin-bottom:15px;color:#111;font-size:1.4em;font-weight:bold}
.listtype_h_bar .itemLi .itemLi_content .hotelpricelink .hotelPriceAverage{margin-bottom:10px;color:#666;letter-spacing:-1px}
.listtype_h_bar .itemLi .itemLi_content .hotelpricelink .btn_link_good{background-color:#ff4457;background-image:none;border:none;color:#fff;text-shadow:none;margin-top:10px;box-shadow:none;}
.listtype_h_bar .itemLi .itemLi_content .hotelpricelink .btn_link_good:after{display:block;content:'';clear:both}
.listtype_h_bar .itemLi .itemLi_content .hotelpricelink .btn_link_good i{}

.listtype_h_bar .itemLi .hotelPromotion_type{display:none}

.listtype_h_bar .itemLi .hotelPromotion{margin:10px 0px;padding:0px;border:1px solid #427ea3;background-color:#427ea3; color:#fff}
.listtype_h_bar .itemLi .hotelPromotion .hotelPromotion_title{display: inline-block;text-indent: -999999px;width: 91px;position: relative;left: -2px;margin-bottom: 10px;padding: 7px 15px;background: url(//cdn.hotelonsen.com/onsen2/img/common/promotion_title.png) no-repeat left center;}
.listtype_h_bar .itemLi .hotelPromotion .hotelPromotion_title i{padding:0px 10px;color:#fff}
.listtype_h_bar .itemLi .hotelPromotion::after {content:"";clear:both;display:table}
.listtype_h_bar .itemLi .hotelPromotion .tira_prmt{margin:0px 20px 5px 20px}
.listtype_h_bar .itemLi .hotelPromotion .suppliers_prmt{margin:0px 15px 15px 15px;color:#fff;font-size:14px;}
.listtype_h_bar .itemLi .hotelPromotion .tira_prmt:last-child{margin:0px 10px}
.listtype_h_bar .itemLi .hotelPromotion .tira_prmt_name{font-size:1.0em;font-weight:400;color:#fff;line-height:1.7;}
.listtype_h_bar .itemLi .hotelPromotion .tira_prmt_description{color:#c5c5c5;font-size:0.9em;}
.listtype_h_bar .itemLi .hotelPromotion .hotelPromotion_list_over{max-height:130px;overflow-y:scroll}
.listtype_h_bar .itemLi .hotelPromotion .hotelPromotion_over_arrow{text-align:center;color:#cc0000}




.listtype_h_bar .itemLi:hover{background-color: #f4faff;border: 1px solid #00bff3;-webkit-box-shadow: 0px 0px 10px 1px rgba(200, 200, 200, 0.2);-moz-box-shadow: 0px 0px 10px 1px rgba(200, 200, 200, 0.2);box-shadow: 0px 0px 10px 1px rgba(200, 200, 200, 0.2);}
.listtype_h_bar .itemLi:hover .itemLi_content .hotelImg .hotelImg_wrap .hotelImg_main{top:-10%;left:-10%;width:120%;height:120%}
.listtype_h_bar .itemLi:hover .itemLi_content .hotelImg .the_luxury_logo{right:50%px;bottom:50%;transform:translate(-44%, 50%)}

.listtype_h_bar .itemLi:hover .itemLi_content .hotelpricelink { background: #dbeeff; }
.listtype_h_bar .itemLi:hover .hotelPromotion { background-color: #135d8e; }














.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%);}















.pageNos_wrap{display:none;float:left;margin:0px 0px 20px 0px;width:100%}
.pageNos{text-align:center}
.pageNos_W{margin:0 auto;display:inline-block}
.pageNos:after{content:"";display:block;clear:both}
.pageNos .pageNo{float:left;margin:0 10px 0 0;padding:5px;width:22px;height:22px;text-align:center;background-color:#cccccc;color:#ffffff;font-size:12px;line-height:12px;cursor:pointer;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.pageNos .activePage{background-color:#616161 !important}




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



/*
#good_location_map .modal-header,
#good_location_map .modal-footer{
  background-color: #3cb9b8;
  color:#fff
}
*/
#good_location_map .modal-body{padding:0px}
/* #good_location_map_container{min-height:400px;width:100%} */
#good_location_map_container{min-height:600px;width:100%}
#good_location_map_name{font-weight:bold}

.body_xs #good_location_map .modal-dialog{margin:0;}





#whole_map_wrap{position:fixed;left:0px;top:0px;z-index:2005;width:100%;height:100%}
/*#whole_map_bg{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:#000;opacity:0.5}*/
#whole_map{box-sizing:border-box;position:fixed;left:5%;top:5%;width:90%;height:90%;min-height:400px;border:10px solid #6a86bd;background-color:#fff}
#whole_map:after{display:block;content:' ';clear:both}
#whole_map #map_container{float:left;width:65%;height:100%}
#whole_map #map_hotel_container{float:right;width:35%;height:100%;background-color:#f3f5e4}
#whole_map #map_hotel_container #whole_map_cityname{text-align:center;padding-bottom:10px;color:#f3f5e4;font-size:30px;background-color:#6a86bd}
#whole_map #map_hotel_container #whole_map_hotellist{height:95%;overflow-y:scroll;overflow-x:hidden}
#whole_map #whole_map_close{position:fixed;right:18px;top:14px;z-index:2020;width:36px;height:36px;text-align:center;background-color:#fff;border-radius:50%;}

.body_xs #whole_map{box-sizing:border-box;position:fixed;left:0px;top:0px;width:100%;height:100%;border:10px solid #6a86bd}
.body_xs #whole_map_wrap #whole_map #map_container{clear:right;width:100%}


.s_hli{height:120px;padding:10px}
.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;left: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{}
.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:0px;
  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;bottom: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;}



#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}










.mobile-nav-ryokan { position: relative; width: 13%; float: right; background: #075186; height: 50px; }
.mobile-nav-ryokan .site_nav_triggerbtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto;}

#modal_roomguest_configuration{top:inherit}
@media (min-width:768px) {
  #modal_roomguest_configuration{top:50px}
}



.left_menu_on{
  display:block !important;position:fixed;left:0px;top:0px;z-index:2010;width:84%;height:100%;padding:15px 0 50px;overflow-y:scroll;background-color:#f7f7f7;
  -webkit-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}

.soldout_hotel {font-weight:normal;font-size:1.0em;color:#ff3300;}
.hotelpricedescript {font-weight:500;font-size:0.9em;color:#ee3300;}
@media (max-width:768px) {
  .hotelpricedescript {font-weight:800;font-size:0.9em;color:#ee3300;}
}

.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;}