/*
search box
2019-05-03 11:45:10 jm
*/
@charset "utf-8";

/* date picker */
.ui-widget{font-family: NotoSansKr, "Malgun Gothic", Dotum, '돋움', Helvetica, "Apple SD Gothic Neo", sans-serif}
#ui-datepicker-div{z-index:2001 !important}

.body_xs #datepicker_container{width:100%}
.body_xs #ui-datepicker-div{position:fixed !important;left:0px !important;top:50px !important;width:90% !important;margin:5% !important;z-index:2001 !important}
.body_xs .ui-datepicker .ui-datepicker-header{padding: .8em 0 !important}
/*.ui-datepicker .ui-datepicker-title{font-family: 'Noto Sans KR'}*/
.body_xs .ui-datepicker .ui-datepicker-title select{font-size: 1.2em!important; color: #242424}
.ui-datepicker .ui-datepicker-title select{background-color: #f7f7f7; border:none;font-family: 'Noto Sans KR'; background-color: #f7f7f7; border: none; padding-left: 10px}
.body_xs .ui-datepicker td span,
.body_xs .ui-datepicker td a{padding: 1em !important}

#datepicker_external{display:none;position:fixed;left:50%;top:90px;z-index:2001;font-size:14px;transform: translate(-50%, 0%)}
.body_md #datepicker_external,
.body_lg #datepicker_external{top:300px}
#datepicker_cover{display:none;position:fixed;left:0px;top:-200%;z-index:2020;width:100%;height:0px;background-color:rgba(0,0,0,.75);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.3s ease-in-out}
#datepicker_inline{position:absolute;left:50%;top:0%;transform:translate(-50%, 50px);font-size:16px;min-width: 320px}
.body_md #datepicker_inline,
.body_lg #datepicker_inline{transform:translate(-50%, 120px)}
.picker_covered #datepicker_cover{display:block;top:0px;height:100%}

.calendar_check_in,
.calendar_check_ot{font-size:1.4em}
.calendar_check_in:before{display:block;content:'체크인 선택';padding:10px 0px;background-color:#104d65;color:#fff;font-weight:bold;text-align:center}
.calendar_check_ot:before{display:block;content:'체크아웃 선택';padding:10px 0px;background-color:#104d65;color:#fff;font-weight:bold;text-align:center}

.ui-widget-header{border: none !important}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius: 0px !important}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius: 0px !important}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius: 0px !important}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius: 0px !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:auto}
.ui-datepicker .ui-datepicker-prev span{background: url(https://cdn.hoteltira.com/hoteltira/img/common/ico_prevarrow_bk.png);background-size: contain;background-repeat: no-repeat;background-position: 50% 50%}
.ui-datepicker .ui-datepicker-next span{background: url(https://cdn.hoteltira.com/hoteltira/img/common/ico_nextarrow_bk.png);background-size: contain;background-repeat: no-repeat;background-position: 50% 50%}

#datepicker_cover{display:none;position:fixed;left:0px;top:-200%;z-index:2020;width:100%;height:0px;background-color:rgba(0,0,0,.75);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.3s ease-in-out}
#datepicker_inline{position:absolute;left:50%;top:0%;transform:translate(-50%, 50px);font-size:16px;min-width: 320px}

.body_md #datepicker_inline,
.body_lg #datepicker_inline{transform:translate(-50%, 120px)}
.picker_covered #datepicker_cover{display:block;top:0px;height:100%}

.cal_wrap_checkin::before{display:block;content:'체크인 날짜 선택';padding:10px;background-color:rgba(134, 134, 134, 0.9);color:#fff;text-align:center;font-size:1.4em;font-weight:bold;border-top:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-left:1px solid #bfbfbf}
.cal_wrap_checkout::before{display:block;content:'체크아웃 날짜 선택';padding:10px;background-color:rgba(134, 134, 134, 0.9);color:#fff;text-align:center;font-size:1.4em;font-weight:bold;border-top:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-left:1px solid #bfbfbf}
.cal_wrap_checkin table td.cal_date:hover{background-color: rgba(253,66,85,0.1);border-radius: 30px;box-shadow: 5px 5px 20px -5px #eee}
.cal_wrap_checkout table td.cal_date:hover{background-color: #fce9ea;border-radius: 30px;box-shadow: 5px 5px 20px -5px #eee}

.ui-widget{font-size:1.2em;font-weight:100}
.ui-widget.ui-widget-content{border:1px solid #bfbfbf}
.ui-datepicker{padding:0}
.ui-datepicker-inline{width:100%}
.ui-datepicker th{padding: 10px 5px; font-size: 0.89em; color: #9c9c9c; font-weight: 400}
.ui-datepicker-group:nth-child(2){border-left:1px solid #eee}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{background:none;border:none;text-align: center;font-family: 'Roboto';color: #222}
.ui-widget-header{background:#fff}
.ui-datepicker .ui-datepicker-header{padding:.4em}
.ui-datepicker td{padding:0px}
.ui-datepicker td span,
.ui-datepicker td a{padding: .6em .4em}
.ui-datepicker-calendar tr td.ui-datepicker-week-end:first-child a{color:#9a0000}
.ui-datepicker-calendar tr td.ui-datepicker-week-end:last-child a{color:#00129a}
.cal_in a{position:relative;background-color:#ffd3d5 !important}
.cal_in a:after{position:absolute;left:0px;bottom:0px;content:'IN';width:100%;text-align:center;background-color:#fd4255;color:#fff;font-size:9px}
.cal_ot a{position:relative;background-color:#ffd3d5 !important}
.cal_ot a:after{position:absolute;left:0px;bottom:0px;content:'OUT';width:100%;text-align:center;background-color:#fd4255;color:#fff;font-size:9px}
.cal_io a{position:relative;background-color:#fff0f1 !important}
.dp_korean_holiday a{color:red !important}

.ui-draggable .ui-dialog-titlebar{background-color: #daa}
.ui-dialog .ui-dialog-buttonpane button{background-image: none;background-color: #dadada;border: 1px solid #ccc}
.ui-datepicker-next-hover.ui-state-hover,
.ui-datepicker-prev-hover.ui-state-hover{background-color: rgba(253,66,85,0.1); background-image: none;border: 1px solid #ff4457}


#main_search_wrap{ position:absolute; top:13vh; left:50%; z-index:40; transform:translateX(-50%); width:100%; max-width:1170px }
@media only screen and (max-width:767px){
  #main_search_wrap{top:75px}
}


#input_search_query{
border:none;
margin-bottom:15px;
padding: 0px 20px;
height: 70px;
font-size: 16px;
color: #333;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

#datemt-in,
#datemt-ot,
#rp{
  display:table;
  width:100%;
  height: 70px;
  padding-left: 80px;
  font-size: 16px;
  color: #333;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
  cursor:pointer;
}
#datemt-in{
  background: #fafafa url(//cdn.hotelonsen.com/onsen2/img/onsen_main/2019/mainCin.png) 20px 50% no-repeat;
}
#datemt-ot{
  background: #fafafa url(//cdn.hotelonsen.com/onsen2/img/onsen_main/2019/mainCout.png) 20px 50% no-repeat;
}
#rp{
  background: #fafafa url(//cdn.hotelonsen.com/onsen2/img/onsen_main/2019/mainCper.png) 20px 50% no-repeat;
}
#datemt-in-0,
#datemt-ot-0{margin-top:11px;padding:0px;height:24px;font-size:16px;border:0px}

#date-in-dayname-0,
#date-ot-dayname-0{color:#aaa}

#input_search_query::placeholder,
#datemt-in-0::placeholder,
#datemt-ot-0::placeholder{
  color: #333;
}
#datemt-in-0:hover,
#datemt-in-0:focus,
#datemt-ot-0:hover,
#datemt-ot-0:focus{border:none;box-shadow:none}

#rp_room_count{margin-top:11px;height:24px}
#rp_person_count{height:24px}

#search_q_submit{display:block;width:100%;background-color:rgba(16,135,229,1);color:#ffffff;font-weight:900; height: 50px;}
#search_q_submit i{font-size:3em}

@media only screen and (max-width:767px){
  #datemt-in,
  #datemt-ot,
  #rp{padding-left:55px;background-position: 15px 50%}
  #rp{margin-top:15px}
  #search_q_submit{margin-top:15px;height:50px}
}



/*
#input_search_query,
#datemt-in-0,
#datemt-ot-0,
#rp {
  display:table-cell;border:0;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);height: 70px;font-size: 16px;color: #333; vertical-align:middle
}
#rp_wrap{display:table;width:100%}
#input_search_query::placeholder,
#datemt-in-0::placeholder,
#datemt-ot-0::placeholder{
  color: #333;
}
#search_q_submit{display:block;width:100%;background-color:rgba(16,135,229,1);color:#ffffff;font-weight:900; height: 155px;}
#search_q_submit i{font-size:3em}
#input_search_query{margin-bottom:15px}
#datemt-in-0 {
  background: #fafafa url(//cdn.hotelonsen.com/onsen2/img/onsen_main/2019/mainCin.png) 13% 50% no-repeat;
}
#datemt-ot-0 {
  background: #fafafa url(//cdn.hotelonsen.com/onsen2/img/onsen_main/2019/mainCout.png) 13% 50% no-repeat;
}
#rp {
  background: #fafafa url(//cdn.hotelonsen.com/onsen2/img/onsen_main/2019/mainCper.png) 13% 50% no-repeat;
  position: relative;
}
@media only screen and (max-width:767px){
  #main_search_wrap{top:75px}
  #datemt-in-0,
  #datemt-ot-0,
  #input_search_query{margin-bottom:15px}
  #search_q_submit{margin-top:15px;height:50px}
}
*/


/*
#form_search_total .form input[type="text"]:hover{border:none}
#form_search_total label{position: absolute;top: 15px; left: 11px;}
#cdate1_W,#cdate2_W,#cdate_N{position: relative;}
#cdate_N #night_label{left: 40px}
#search_box_date_hotel input{padding-left: 65px;}
#search_box_date_hotel #datemt-nd-0{padding-left: 20px;}
#search_box_amount_hotel select{height: 45px;}
#search_box_textquery .input-group{width:100%}
#search_box_textquery .input-group .input-group-btn{background-color:#eef5fb;}
#search_box_textquery .input-group i{font-size: 18px; text-shadow: none; color: #fff;}
#input_search_igreset{background-color: #3d3d3d; background-image:none;border:none; border-left: 1px solid #eee;}
#contianer_viewed_item{background-color: #f7f7f7;margin-bottom: 0;}

@media only screen and ( max-width: 560px ) {
  #search_box_date_hotel input{padding-left: 16px;padding-top: 25px;height: 60px;}
  #form_search_total label{top: 9px; left: 15px;}
  #cdate_N #night_label{left: 8px;}
  #search_box_date_hotel #datemt-nd-0{padding-left: 9px;}
}
*/

#modal_roomguest_configuration{font-size:16px}
#roomguest_configuration_container{}
.room_group{margin:0px 0px 15px 0px;border:1px solid #d45e4e}
.room_group:after{display:block;content:'';clear:both}
.room_group_tit{padding:5px;background-color:#d45e4e;color:#fff;font-size:14px;font-weight:bold}
.room_group_tit:after{display:block;content:'';clear:both}
.btn_del_roomgroup{float:right;border:0;background-color:inherit;color:#fff}
.guest_adult{float:left;padding:5px 5px 0px 5px;margin:10px 5% 15px 5%;width:40%;text-align:center}
.guest_adult .input-group{max-width:140px;margin:0 auto}
.guest_children{float:right;padding:5px 5px 0px 5px;margin:10px 5% 15px 5%;width:40%;text-align:center}
.guest_children .input-group{max-width:140px;margin:0 auto}
.input_guest_number{text-align:center}
.guest_children_agesets{float:left;padding:10px 5px;margin:0;width:50%;text-align:center}

.guest_incdec{}
.guest_minus{border:1px solid #000}
.guest_plus{border:1px solid #000;border-left:0px}
.input_guest_number{border:none;border-top:1px solid #000;border-bottom:1px solid #000;background-image:none;background-color:#fff !important;box-shadow:none}
.guest_children .input-group-btn:first-child>.btn{margin-right:-2px}


.notice_children_change{display:none;/*position:absolute;left:0px;bottom:0px;z-index:20;margin:0px 0 -13px 24px;*/padding:2px 4px;border:1px solid #f65e5e;background-color:#e10a0a;border-radius:4px;color:#ffffff}
.formtype_cityonsen .notice_children_change{display:block}
.formtype_ryokan .notice_children_change{display:block}



.modaltype_cityonsen .guest_children,
.modaltype_ryokan .guest_children,
.modaltype_cityonsen .guest_children_agesets,
.modaltype_ryokan .guest_children_agesets{display:none !important}

.notice_roomguest_children{display:none}
.modaltype_cityonsen .notice_roomguest_children,
.modaltype_ryokan .notice_roomguest_children{display:block}










#main_goods_result_lm {position: relative;left:50%;transform:translateX(-50%);width:100%;max-width:1170px;}










#body_cover{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;background-color:#000;opacity:.4}
.quick_table{margin:20px 0 0}
.quick_table .td-area{width:100%;text-align:center;background-color:#6296cd;color:#fff;font-size:1.2em}
.quick_table .td-cnty{width:25%;font-weight:700}
.quick_table .td-city{width:75%}
.quick_table .td-city .quick_city_ele{display:inline-block;padding:2px;margin:0 3px 3px 0;cursor:pointer}
.quick_table .td-city .quick_city_ele:hover{color:#c00;text-decoration:underline}
.quick_table .td-city .quick_city_ele:after{content:', '}
.quick_table .td-city .quick_city_ele:last-child:after{content:''}
.header_searchresult_container{position:fixed;z-index:2005;/*height:50%;*/overflow-x:hidden;overflow-y:scroll;-webkit-box-shadow:0 33px 83px -1px rgba(125,125,125,0.71);-moz-box-shadow:0 33px 83px -1px rgba(125,125,125,0.71);box-shadow:0 33px 83px -1px rgba(125,125,125,0.71)}
.header_searchresult_container .ui-menu-item{padding:0;margin:0}
.header_searchresult_container .ui-menu-item .ac_item{padding:10px;border-bottom:1px solid #eee}
.header_searchresult_container .ui-menu-item .ui-state-active{margin:0;padding:10px;border-bottom:1px solid #eee;border-top:0;border-left:0;border-right:0;background:#d9e3ec;color:#212121}
.ac_area{margin-left:10px;background-color:#f0f8ff}
.ac_el{overflow:hidden}
.countryItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#0C274D;color:#fff;font-size:11px}
.cityItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#ff265c;color:#fff;font-size:11px}
.cityItem2{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#fff;font-size:11px}
.hotelItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#19BDC4;color:#fff;font-size:11px}
.spotItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#32455E;color:#fff;font-size:11px}
.ryokanItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#cc4a4a;color:#fff;font-size:11px}
.tourItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#f0418a;color:#fff;font-size:11px}
.psItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#2ba599;color:#fff;font-size:11px}
.carItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#F6B024;color:#fff;font-size:11px}
.ticketItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#F6B024;color:#fff;font-size:11px}
.transferItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#C45C19;color:#fff;font-size:11px}
.eventItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#660bc7;color:#fff;font-size:11px}
.equal_q{text-decoration:underline;font-weight:700}
.show{display:block!important}
.bs_pagination .bs_pagination_nav{text-align:center}
.bs_pagination .bs_pagination_nav:after{display:block;content:'';clear:both}
.bs_pagination .bs_pagination_nav .pagination{margin:10px 0}
.bs_pagination .bs_pagination_status{text-align:center}
.bs_pagination .bs_pagination_status:after{display:block;content:'';clear:both}
.bs_pagination .bs_pagination_status .bs_pagination_page_no{text-align:center}
.bs_pagination .bs_pagination_status .bs_pagination_total{float:right}
.float_list:after{display:block;content:'';clear:both}
.show{display:block!important}
.hide{display:none!important}
.transition{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.border_radius{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.box_shadow{-webkit-box-shadow:1px 1px 5px 0 rgba(128,128,128,0.3);-moz-box-shadow:1px 1px 5px 0 rgba(128,128,128,0.3);box-shadow:1px 1px 5px 0 rgba(128,128,128,0.3)}
#quick_select{display:none}
#list_item_history{display:none}
.search_ac_container{display:none}
.noresult{padding:100px;text-align:center;font-size:16px}
.breadcrumb{margin-bottom:0}
.breadcrumb>li+li:before{padding:0 5px;color:#aaa;content:">"}
.content_box_type1{margin-bottom:20px;padding:20px;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.1);box-shadow:0 0 10px 1px rgba(0,0,0,0.1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.content_box_type1 .page-header{margin:0 0 20px;padding:0 0 20px}
.content_box_type1 .page-header:after{display:block;content:'';clear:both}
.content_box_type1 .page-header h1{margin:0;font-size:2.2em}
.body_xs .content_box_type1 .page-header h1{text-align:center}
.content_box_type1 .active{background-color:#e7ffea}
.content_box_type1 .panel-heading{font-size:1.4em}
.content_box_type1 .panel-body{padding:0 15px}
.content_box_type1 h4{color:#1f437b;font-weight:700;padding:12px;background-color:#f0f8ff;border:1px solid #394148}
.content_box_type1 h4 i{float:right;font-size:20px}
.content_box_type1 .contsTit{padding:12px;border:1px solid #394148;background-color:#f0f8ff;color:#1f437b;font-weight:700;font-size:18px}
.content_box_type1 .contsTb1{margin-bottom:20px;padding:8px;width:100%}
.content_box_type1 .contsTb1 td{border:1px solid #ddd;line-height:1.42857143;vertical-align:top;text-align:center}
.content_box_type1 .well{padding:5em 0;text-align:center;font-size:2em;font-weight:100}
#divide_sidemenu_left,#divide_sidemenu_right,#divide_sidemenu_content{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#divide_sidemenu_btn{position:absolute;left:10px;top:60px;width:40px;border-radius:20px;background-color:#fff;color:#063054;box-shadow:2px 2px 2px #a9a9a9;text-align:center;font-size:18px;line-height:40px}
#divide_sidemenu_right{position:relative;right:auto;top:0}
.body_xs #divide_sidemenu_right,.body_sm #divide_sidemenu_right{position:absolute;top:-130%;right:auto;width:100%;height:100%;z-index:100}
.body_xs .opened_right #divide_sidemenu_right,.body_sm .opened_right #divide_sidemenu_right{top:0}
#divide_sidemenu_left{position:relative;left:auto;top:0}
#divide_sidemenu_left ul{padding:0;list-style:none}
#divide_sidemenu_left ul li{font-size:16px;line-height:200%;list-style-position:inside}
.body_xs #divide_sidemenu_left,.body_sm #divide_sidemenu_left{position:absolute;top:-130%;left:auto;width:100%;height:100%;z-index:100}
.body_xs .opened_left #divide_sidemenu_left,.body_sm .opened_left #divide_sidemenu_left{top:0}
.left_menu_on{display:block!important;position:fixed;left:0;top:0;z-index:2010;width:100%;height:100%;padding:15px;overflow-y:scroll;background-color:#dddeef;-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)}
.item_block_container{padding-top:15px;padding-bottom:15px}
.item_block_container .item_block{display:block;position:relative;width:100%;border:1px solid #eee;background-color:#fff}
.item_block_container .item_block .item_block_image{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:66.66666%}
.item_block_container .item_block .item_block_image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.item_block_container .item_block .item_block_text{padding:10px}
.item_block_container .item_block .item_block_text .item_block_grade{height:20px;min-height: auto;text-align:center;font-size:1.2em}
.item_block_container .item_block .item_block_text .item_block_grade i{background:-webkit-linear-gradient(#fff700,#d87e1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.item_block_container .item_block .item_block_text .item_block_ln1{margin-bottom:5px;text-align:center;font-size:1em;font-weight:700;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.item_block_container .item_block .item_block_text .item_block_ln3{text-align:center;color:#a5a5a5}
.item_block_ln3 img{max-width:20px}
.item_block_container .item_block .item_block_cover{display:none;position:absolute;left:0;top:0;z-index:49;width:100%;height:100%;background-color:transparent;opacity:1}
.item_block_container .item_block:hover{border:1px solid #0077cc;-webkit-box-shadow:0 0 10px 1px rgba(199,199,199,.1);-moz-box-shadow:0 0 10px 1px rgba(199,199,199,.1);box-shadow:0 0 10px 1px rgba(199,199,199,.1)}
.item_block_container .item_block:hover .item_block_cover{display:block;z-index:40}
.item_block_container .item_block:hover .item_block_image img{position:absolute;top:0%;left:0%;width:100%;height:100%}










.div_city_nameh { text-align: center; font-size: 3em; margin-top: 30px; color:#111; font-weight: 500; }
.div_city_nameh_small { text-align: center; font-size: 1.5em; margin-top: 0px; color:#777; }