/**
 * 20180802 1826 jm
 */

@charset "UTF-8";

/*
#header_common {
  -webkit-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
          box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
*/


 
 
 


/**
* wrapper
*/
.section_hotelread {margin-bottom:60px;font-size:14px; }
.section_hotelread .container{position:relative;}
/*.section_hotelread .container:first-child{margin-bottom:15px}*/
/*.body_xs #header_common{display:none;}*/

/**
* 모바일 상단 호텔명과 버튼
*/
#header_info_altr{display:none;}
/*
#header_info_altr{position: fixed;left: 0px;top: 0px;width:100%;height: 60px;margin: 0px;padding:10px;color:#fff;z-index: 1040;background-color:#e84353;border:0;box-shadow: none;font-size:12px;}
#header_info_altr_ln1{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');}
#header_info_altr .btn{margin:3px 0 0 5px;background-color:#000;color:#fff;width:40px;}
#header_info_altr_title{font-size:1.2em;font-weight: bold}
#searched_info_room_xs{}
#searched_info_date1_xs{}
.theluxury #header_info_altr{background-image:none;background-color:#2e2921;}

.item_content_hd{ padding:10px 0px; font-size: 1.2em; color: #111}
.item_content_hdTitle { font-size: 2em; }

.body_xs .item_content_hd{ padding:10px 0px; font-size: 2em; color: #111}
.item_content_bd{background-color:#fff;}
@media only screen and (max-width: 767px){
  .item_content_hdTitle i { font-size: 36px; }
  .item_content_bd{ font-size: 12px; font-weight: 300; }
  .body_xs .item_content_hd { padding:10px 0px 20px; font-size: 1.3em; color: #111; text-align: center;}
  .item_promotion {border:1px solid #ccc; border-radius: 10px; padding:20px; margin-bottom: -20px;  }
  .hotellistAlert { font-size: 11px; }
}
*/

/**
* breadcrumb
*/
.header_nav_breadcrumb{background-color: #eeeeee;text-align:right;}
.header_nav_breadcrumb .breadcrumb {padding:15px;margin:0 auto;max-width:1140px; border-radius:0px; color:#777; font-weight: 400; font-size: 11px;background-color:inherit;}
.header_nav_breadcrumb .breadcrumb a { color:#aaa; font-weight: 400; }


/**
* hotelread_background
*/
.hotelread_bg {position:absolute;left:0px;top:0px;z-index:-1;width:100%;height:260px;background-image: linear-gradient(to left, #fff8f5 0%, #f1f8ff 70%, #f1f8ff 100%);}
/*
@media (min-width: 768px) {
  .hotelread_bg {height: 120px;}
}
@media (min-width: 992px) {
  .hotelread_bg {height: 160px;}
}
@media (min-width: 1200px) {
  .hotelread_bg {height: 200px;}
}
*/

/**
* read header
*/
.hotelread_header{position:relative;margin: 60px auto 0px auto;padding: 15px;background-color: #fff;border: 1px solid #00bff3;box-shadow: 0 5px 25px 5px #ededed;font-size:12px;}
@media (min-width: 992px) {
  .hotelread_header{font-size:14px;padding: 35px;}
}
.the_luxury_logo {width: 200px;height: 34px;background: url(//cdn.hoteltira.com/hoteltira/img/hotellist/the_luxury_hotel_b.png) 0px 0px no-repeat;}

.good_name{color: #111;font-size: 1.8em;line-height: 1.4;font-weight: 500}
.good_name i {color:#7fa5c7}

.item_favorite_wrap{display:inline-block;}
.item_favorite{background:none;border:none;color:#cc0000;}
.item_favorite i{text-shadow: 1px 1px #fff}

.good_grade{color:#ffc300;font-size:1.4em;}

.item_share_container{text-align:right;}
#btn_open_sharepage{background:none;border:none;text-shadow: none;box-shadow: none;color:#125896;font-size:1.5em;}

#share-btns2{display:none;position:fixed;left:0px;top:63px;z-index:50;padding:15px;width:100%;height:100%;background-color:#e2cdcd;}
#share-btns2 #btn_close_sharepage{background:none;border:none;text-shadow: none;box-shadow: none;font-size:1.5em;}
#share-btns2 .btn-share{margin-bottom:4px;padding: 4px 15px;font-size:1em;background-color:#cc3535;color:#fff;}
@media (min-width: 992px) {
  #share-btns2{position:absolute;left:auto;right:16px;top:61px;z-index:50;padding:30px;width:auto;height:auto}
  #share-btns2 #btn_close_sharepage{position:absolute;right:0px;top:0px;background:none;border:none;text-shadow: none;box-shadow: none;font-size:1.5em;}
}


.item_address {margin-top:10px;margin-bottom:10px;text-align:right;}
.modal_gmap_btnctn{text-align:right;}
.btn_trigger_modalmap{background: transparent;background-color: transparent;color: #242424;padding: 0;border-radius: 0;border:0;color: #3880ce;font-weight: 400;font-size: 1em;}

.item_zone_type::after{display:block;content:'';clear:both}
.item_zone_type .item_zone{float:right}
.item_zone_type .item_type{float:right}
.item_zone_type .item_type::after{float:right;margin:0px 10px;content:' / '}

.item_dscpt{margin-top:30px;padding-top:30px;border-top: 1px solid #eee;font-size:1em;}

.item_blogs_list{}
.item_blogs_list::after{display:block;content:'';clear:both}
.item_blogs_list .item_blog { float: left; margin-right: 5px; padding: 5px 10px; border:1px solid #eee; border-radius: 10px; background-color: #00bff3; color: #fff;-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.item_blogs_list .item_blog:hover,
.item_blogs_list .item_blog:focus { background-color: #125896; border:1px solid #ccc; }
.item_blogs_list .item_blog a{font-size:1em;font-weight:bold;color: #fff;text-decoration: none;}
.item_blogs_list .item_blog a::after{content:', '}
.item_blogs_list .item_blog:last-child a::after{content:''}


/*.hotelread_ctgy_tit span {font-size: 1.4rem;color: #888;}*/
.hotelread_ctgy_tit h4 {margin-top: 3px;color: #000;font-size: 22px;font-family: 'Roboto';font-weight: 700;}



/**
* photo
*/
.good_top_infoimage{margin:20px 0 30px 0;}
.good_top_infoimage > img{margin:0 auto;}

.item_photos{margin:0 0 30px 0}

/* 작은 사진용 pc */
#item_small_gallery{width:100%;padding-bottom:30px}
#item_small_gallery .swiper-wrapper{height:auto;}
#item_small_gallery .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto;}
#item_small_gallery .swiper-slide img{max-width:370px;height:250px;width:100%;max-height: 250px;}

/* 큰사진 && 모바일 */
#item_slider_gallery{background-color: #f2f6f9;padding: 1px;}
#item_slider_gallery .fotorama__wrap{margin:0 auto}
#item_slider_gallery #item_gallery_loading{display:block;margin:0 auto;text-align:center}


/**
* 프로모션
*/
.item_promotions{}
.promo_element_wrap{margin-bottom:1em}
.promo_element_wrap:last-child{margin-bottom:0em}
.promo_element_wrap .promo_title_txt{color:#0c45b1;font-weight:bold;font-size:1em}
.promo_element_wrap .promo_title_txt .promo_no_txt{display:inline-block;width:1em;height:1em;margin-right:10px;vertical-align:middle;background-color:#d9534f}
.promo_element_wrap .promo_period_txt{color:#666}


.item_promotion{margin: 0 auto;}
.item_promotion:after{display:block;content:'';clear:both;}
.item_promotion .prmt_element_wrap{float:left;margin:10px 1%;padding:30px 20px;width:48%;border:5px solid #3770a9;border-radius:20px;}
.item_promotion .prmt_element_wrap .prmt_title_txt{margin-bottom:10px;height:6em;font-weight:bold;font-size:1.3em;text-align:center;color:#1c3d5d;overflow-y:hidden}
.item_promotion .prmt_element_wrap .prmt_period_txt{color:#405263;font-size:0.75em;text-align:center;height: 6em;overflow-y:auto;}

.body_xs .item_promotion{margin: 0 auto;}
.body_xs .item_promotion:after{display:block;content:'';clear:both;}
.body_xs .item_promotion .prmt_element_wrap{float:left;margin:10px 0;padding:15px;width:100%;border:5px solid #1d4d7c;border-radius:20px;}
.body_xs .item_promotion .prmt_element_wrap .prmt_title_txt{margin-bottom:5px;height:6em;font-weight:bold;font-size:1em;text-align:center;color:#1d4d7c;overflow-y:inherit;}
.body_xs .item_promotion .prmt_element_wrap .prmt_period_txt{color:#1d4d7c;font-size:0.75em;text-align:center}


/**
* 공통 공유하기
*/
#share-btns{text-align:center;}
#share-btns .btn-share{margin-bottom:4px;padding: 4px 6px;font-size:.8em;}


/**
* rooms header
*/
#section_hotelread_change{margin-bottom:20px;}
#container_roomlist_header{padding:20px;background-color: #f7f7f7;}
.room_list_alert{margin-bottom:10px;text-align:center;}
.hotellistAlert_bg{padding: 5px;text-align: center;background-color: #fddfe7;color: #e84c54;font-weight: 500;}

#search_box{display:block;}
#search_box #input_search_query{display:none;}
#form_search_total{}
#form_search_total .datemt{background: url(//cdn.hotelonsen.com/onsen2/img/common/rez_cal.png) 95% 50% no-repeat #ededed;}
#search_q_submit{padding: 14px 12px;background-color: #3880ce;color: #fff;}




#searched_info{display:none;visibility:hidden;margin-top:15px;padding:4px 0px;border:1px solid #000;text-align:center;vertical-align:bottom;background-color:#fff;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{position:fixed;left:0px;top:50px;z-index:49;visibility:visible;margin-top:0;width:100%;border:none;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);}
@media (min-width: 768px) {
  #searched_info.affix{top:60px}
}

#input_search_query, #datemt-in-0, #datemt-ot-0, #rp, #datemt-nd-0{border: 1px solid #ddd;}


#container_roomlist_body{}

.price_table_room_count{text-align: right;font-size: 14px; color: #125b77}
.body_xs .price_table_room_count,
.body_sm .price_table_room_count{}
@media only screen and (max-width: 767px){
  .price_table_room_count { text-align: center; background-color: #fafafa; font-size: 14px; color: #1c9aca; font-weight: bold; padding: 10px; }
}

/**
* 룸요금 타이틀
*/
.price_table_title{padding: 10px;text-align: center;background-color: #f3f3f3;color: #242424;font-weight: 400;}
.price_table_title:after{display:block;content:' ';clear:both}
.theluxury .price_table_title{background-color:#2e2921;color:#fff;}

.price_table_title .row{margin-right: 0; margin-left: 0;}
.price_table_title .form-control{height: 40px; box-shadow: none;}

.price_table_title .price_table_tit1 #filter_room_name_wrap .filter_room_name{border:1px solid #3fb3f8; box-shadow: none;background-image: none;border-right: none; color: #888;}
.price_table_title .price_table_tit1 #filter_room_name_wrap #btn_default_view_close{background-color: #3880ce; background-image: none;  color: #fff; text-shadow: none; box-shadow: none; border: 1px solid #3880ce; height: 40px;}
.price_table_title .price_table_tit1 #filter_room_name_wrap #btn_default_view {background-color: #fff; background-image: none; color: #3880ce; text-shadow: none; box-shadow: none; border: 1px solid #3fb3f8; height: 40px; border-right: 1px solid #fff;}
.price_table_title .price_table_tit2 button{background-image: none;box-shadow: none;  border:1px solid #3fb3f8; }

.price_table_title hr{margin-top: 12px; margin-bottom: 0; border-top: 1px solid #c0c0c0;}
.price_table_tit1{line-height: 2.6;}
.price_table_tit1 .col-sm-4{padding: 0;}
.price_table_tit2{line-height: 2.6;}
.price_table_tit3{line-height: 2.6;}
.price_table_tit4{line-height: 2.6;}
.price_table_tit5{line-height: 2.6;}


/**
* 룸요금 리스트
*/
#roomlist{background-color:#fff}
.room_price_tr{padding: 20px 10px; border-bottom: 1px solid #eee;}
.room_price_tr:last-of-type{border-bottom: none;}
.room_price_tr:hover{background-color: #f7f7f7; }

.room_price_tr .row{margin:0;}
.roomlist_container .room_price_tr{padding:1em;border-bottom:1px solid #eee;font-size:1em;line-height:1.5em}
.roomlist_container .room_price_tr:first-child{border-top:0px}
.roomlist_container .room_price_nosale{opacity: .4;}
.roomlist_container .hide{display:none}
.roomlist_container .show{display:block}

/*
.roomlist_container_group{margin-bottom:10px;border:10px solid #9a279a}
.roomlist_container_group:after{display:block;content:' ';clear:both}
.roomlist_container_group h1{padding:10px;background-color:#e6c7e6;text-align:center;color:#480c48;font-size:16px;font-weight:bold}
*/

.room_price_row{position:relative}
.room_price_row:after{display:block;content:' ';clear:both}
.room_price_row .room_name{text-align:left;font-weight:bold;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size: 1.2em;padding-bottom: 15px;}
.room_price_row .room_name .label { margin-left: 5px;}
.room_price_row .room_name .room_promotion{color:#e21d31;font-size:12px;}
.room_price_row .room_name .room_name_NT{font-size:10px;color:#a7a7a7}
.room_price_row .room_meal{text-align:left}
.room_price_row .room_meal .include{color:#3660c9;font-weight:500}
.room_price_row .room_meal .exclude{color:gray}
.room_price_row .room_meal strong{float:left;margin-right:5px;}
.room_price_row .room_price{text-align:right;font-weight:400;font-size:1.2em;color:#3880ce}
.room_price_row .room_price .NT{display:inline-block;padding:4px;background-color:green;color:#fff;font-size:8px;line-height:1em}
.room_price_row .room_price .NP{display:inline-block;padding:4px;background-color:blue;color:#fff;font-size:8px;line-height:1em}
.room_price_row .room_price .NM{display:inline-block;padding:4px;background-color:orange;color:#fff;font-size:8px;line-height:1em}
.room_price_row .room_status{text-align:center;position:relative}
.room_price_row .room_status .room_status_wrap{padding:10px;;background-color: #fff2f5;}
.room_price_row .room_status .room_status_wrap .cxl_tr{display:none;}
.room_price_row .room_status .room_status_wrap .have_tl{/*background-color:rgba(31,207,136,.2);color:#002540;*/}
.room_price_row .room_status .room_status_wrap .have_nonrefund{color:#710000; text-align: center;padding: 0;margin: 0; font-weight: 400;}
.room_price_row .room_status .room_status_wrap .status_red {color: #e21d31;font-weight: 400;}
.room_price_row .room_status .room_status_wrap .lookup_cxl {
  margin: 0;
  padding: 3px 15px;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 11px;
  background: #666;
  color: #fff;
}
.room_price_row .room_status .pop_trigger{}
.room_price_row .room_status .pop_content{display:none; position: absolute; z-index: 53; top: 16px; width: 100%; padding: 10px; border: 3px solid #eee; background-color: #fff; }
.room_price_row .room_status .pop_content h5{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;font-weight:bold;color:#1842bb}
.room_price_row .room_status span{margin:0px 10px;}
.room_price_row .room_resv_btn{text-align:center}
.room_price_row .room_resv_btn .btn_resv_room{
  width: 100%;padding: 15px 24px;background-color: #3fb3f8;color: #fff;border-radius: 3px;
  border: 1px solid transparent;
  font-weight: 500;
}

@media (min-width: 768px) {
  .room_price_row .room_name {color: #111;font-weight: 500;font-size: 1em;}
  .room_price_row .room_meal {text-align:center}
  .room_price_row .room_price {text-align: center;color: #242424;font-weight: 400;}
  .room_price_row .room_status .room_status_wrap{padding:0;background-color:inherit;}
  .room_price_row .room_resv_btn .btn-mod.btn-green {padding: 15px 0px}
}

#more_roomlist{display:none;}
#btn_more_roomlist{background-color: #d9f0fe;color: #242424;font-size: 1.1em;font-weight: 400;}
#roomlist_status_helper{display:none;text-align:center;height:1em;position:relative;z-index:42;color:#1c9aca}





.hotelread_info_detail{background-color: #f1f8fe;padding: 30px;}
.hotelReadAlert {margin-bottom:20px;font-size: 12px;color: #e21d31; }


.item_content{}
.item_content .tit{margin: 15px 0px 10px;padding-bottom: 5px;border-bottom: 1px solid #242424;color: #242424;font-size: 1.2em;font-weight: 400;}
.item_content .conts{background-color: transparent;padding: 15px 3px;}
.item_content .conts .contsList,
.item_content .conts .contsList2 {list-style-position: inside;padding:0px;margin:0px;}
.item_content .conts .contsList li,
.item_content .conts .contsList2 li {list-style: none;line-height:2em;font-size: 12px;}
.item_content .conts .contsList li::before,
.item_content .conts .contsList2 li::before{content: "";display: inline-block;clear: both;margin-right: 5px;margin-bottom: 3px;width: 3px;height: 3px;border-radius: 30px;background-color: #666;}
.item_content .conts .contsList li b {color: #3fb3f8;font-weight: 500;}
.item_content .conts .contsList li b::before {content: "";display: inline-block;clear: both;margin: 0 2px;width: 8px;height: 5px;border-top: 1px dotted #b7b7b7;}
.item_content .conts_caution{padding: 1em;margin-top: 1em;background: #ececec; }



.item_content_hd{padding: 10px 0px;font-size: 1.2em;color: #111;text-align: center;}
/*
.item_content_hdTitle { font-size: 2em; }
.body_xs .item_content_hd{ padding:10px 0px; font-size: 2em; color: #111}
*/
.item_content_bd{ background-color:#fff; }
@media only screen and (max-width: 767px){
  .item_content_hdTitle i { font-size: 36px; }
  .item_content_bd{ font-size: 12px; font-weight: 300; }
  .body_xs .item_content_hd { padding:10px 0px 20px; font-size: 1.3em; color: #111; text-align: center;}
  .item_promotion {border:1px solid #ccc; border-radius: 10px; padding:20px; margin-bottom: -20px; font-size:12px;}
  /*.hotellistAlert { font-size: 11px; }*/
}


#opened_hotels{}
#opened_hotels .item_block_container{padding-top:0px;padding-bottom:15px}
@media only screen and (max-width: 767px){
  #opened_hotels { margin-top:30px; }
}


/*
객실요금보기
*/
#btn_scroll_price{position:fixed;bottom:0;left:50%;z-index:30;width:200px;margin-left:-100px;padding:10px 0;background-color:#5187a2;color:#fff;text-align:center;cursor:pointer;box-shadow: 0px 0px 5px rgb(0, 0, 0, .5);}
.body_xs #btn_scroll_price{left:0;width:100%;margin-left:0px;}
.inrage_price{padding:0 !important;height:0 !important;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.3s ease-in-out;}


#item_map_modal{}
#item_map_modal .modal-body{padding:0px}
#item_map_modal .modal-body #item_map{width:100%;height:40vh;min-height:300px;max-height:500px}

.body_xs #item_map_modal{}
.body_xs #item_map_modal .modal-dialog{margin:0;}
.body_xs #item_map_modal .modal-body #item_map{height:70vh;}


.alert_toUser{padding: 1em;text-align: center;background-color: #d0cede;font-size:2.0em;color:red;}

/*
#item_map_static{width:100%;height:400px}
.item_theluxury_logoType1{display:block;position:absolute;right:15px;top:0;z-index:40;width:76px;height:72px;}

#filter_room_name_wrap,
#filter_meal_wrap{display:none}

.group_rn{display:none;margin-right:3px;padding:2px 4px;border:1px solid #1d1d1d;border-radius:4px;background-color:#ffffff;color:#000000;cursor:pointer}
.group_rn:last-child{margin-right:0px}
.active_group_rn{background-color:#591277 !important;color:#ffffff !important}
*/











/*
#roomlist{max-height:inherit;overflow-y:inherit;box-shadow:none;}
*/

/*
#share_copy_data{display:inline;width:0px;height:0px;font-size:0;text-indent: -9999px}
*/


/*
::after{display:block;content:'';clear:both}
*/