/*
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.4em;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}


/*
.header_searchresult_container{position:fixed;z-index:2005;height:50%;overflow-x:hidden;overflow-y:scroll;margin:0px 7.499999px;-webkit-box-shadow: 0px 33px 83px -1px rgba(125,125,125,0.71);-moz-box-shadow: 0px 33px 83px -1px rgba(125,125,125,0.71);box-shadow: 0px 33px 83px -1px rgba(125,125,125,0.71)}
.header_searchresult_container .ui-menu-item{padding:0px;margin:0px}
.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:0px;padding:10px;border-bottom: 1px solid #eee;border-top: 0;border-left: 0;border-right: 0;background: #d9e3ec;color: #212121;font-weight:300}
.header_searchresult_container2{position:absolute;z-index:2005;height:50%;overflow-x:hidden;overflow-y:scroll;margin:0px 7.499999px;-webkit-box-shadow: 0px 33px 83px -1px rgba(125,125,125,0.71);-moz-box-shadow: 0px 33px 83px -1px rgba(125,125,125,0.71);box-shadow: 0px 33px 83px -1px rgba(125,125,125,0.71)}
.ac_area{margin-left: 10px;background-color: aliceblue}
.ac_el{overflow:hidden}
.eventItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#c51c1c;color:#ffffff;font-size:11px}
.countryItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#0C274D;color:#ffffff;font-size:11px}
.cityItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#1870fC;color:#ffffff;font-size:13px;border-radius:7px}
.cityItem1{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:11px}
.cityItem2{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:11px}
.cityItem3{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#78709C;color:#ffffff;font-size:11px}
.area1Item{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:13px;border-radius:7px}
.area2Item{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:13px;border-radius:7px}
.area3Item{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#ff265c;color:#ffffff;font-size:13px;border-radius:7px}
.hotelItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#19BDC4;color:#ffffff;font-size:11px}
.ryokanItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#cc0066;color:#ffffff;font-size:11px}
.spotItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#32455E;color:#ffffff;font-size:11px}
.tourItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#5dd012;color:#ffffff;font-size:11px}
.psItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#2ba599;color:#ffffff;font-size:11px}
.carItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#F6B024;color:#ffffff;font-size:11px}
.ticketItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#F6B024;color:#ffffff;font-size:11px}
.transferItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#C45C19;color:#ffffff;font-size:11px}
.ac_promo{margin-left:35px;margin-top:5px;padding:5px;background-color:#eafde8}
.ac_promo:before{content:'프로모션 진행중';display:inline-block;margin:0 5px 0 0;padding:2px;background:#1a9a11;color:#ffffff;font-size:11px}
.equal_q{ text-decoration:underline;font-weight:bold }
*/




















#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: 155px;}
#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}