@charset "UTF-8";




.section_hotelread {
  position: relative;
  padding: 30px 0px;
}




#header_simple{
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

#section_request:before{display:block;content:'';position:absolute;left:0px;top:0px;z-index:-1;width:100%;height:130px;background-image:linear-gradient(to left, #fff8f5 0%, #f1f8ff 70%, #f1f8ff 100%);}
.hotelread_req_header{position:relative;margin:0px auto 0px auto;padding:15px;background-color:#fff;border:1px solid #2e2921;box-shadow:0 5px 8px 5px #ededed;font-size:12px}
@media (min-width:992px){
  .hotelread_req_header{font-size:14px;padding:15px}
}

#request_notice{padding:2rem;background-color:#2e2921;color:#fff;border-radius:10px;}
#request_notice ul{list-style-type:disc;list-style-position:inside;}

.redcircle{margin-bottom:10px;width:40px;height:40px;background-color:#de5049;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.graycircle{margin-bottom:10px;width:40px;height:40px;background-color:#666666;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.title_type3{margin-bottom:10px;color:#004D66;font-weight:bold;font-size:20px;}
.atcl_but{margin-bottom:30px;width:50px;height:5px;background-color:#333333;}

#info_trace::placeholder{color:#dedede}
#info_contents::placeholder{color:#dedede}

.agreement_wrap{margin-bottom:3rem;}
.agreement_wrap:after{display:block;content:'';clear:both;}
.agreement_title{font-size:1.4rem;font-weight:bold;color:#000;margin-bottom:1rem;}
.agreement_contents{padding:1rem;border:1px solid #000;}
.agreement_q{margin:10px 0px}
.agreement_radio{}
.agreement_print{margin-top:5px;text-align:right;}

#form_customize_req .col-form-label{font-weight:bold;color:#04025f;}
.ui-datepicker .ui-datepicker-title select {font-family: inherit;}

#btn_scroll_top{bottom:100px;}



#btn_scroll_price {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 30;
  width: 200px;
  margin-left: -100px;
  padding: 10px 0;
  background-color: #946b0c;
  color: #fff;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 0px 5px rgb(0, 0, 0, .5);
}
.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}


#btn_toggle_share{padding:3px 4px;background-color:#e2e2e2;}
#btn_toggle_share .ico{display:inline-block;width:20px;height:20px;vertical-align:top;background:url(//cdn.ios.co.kr/common/img/share-24px.svg) 50% 50% no-repeat;}
#btn_toggle_share.opend .ico{background:url(//cdn.ios.co.kr/common/img/clear-24px.svg) 50% 50% no-repeat;}
.item_share{display:none;}

.btn-success { color: #fff; background-color: #111; border-color: #000;}
.btn-primary { color: #fff; background-color: #111; border-color: #000;}



/*
#customize_step .col-6{background:url(//cdn.ios.co.kr/common/img/arrow_r_box.png) right 50% no-repeat;}
#customize_step .col-6:last-child{background:none}
.step_w{padding:1.5rem;min-height: 150px;border-radius:15px;background-color:#e0f3f9;text-align:center;}
.step_w .step_ico{margin:0 auto;width:50px;height:50px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.step_w .step_txt1{margin:.5rem auto;font-size:1.3rem;font-weight:bold;color:#000;}
.step_w .step_txt2{}
*/

.redcircle{margin-bottom:10px;width:40px;height:40px;background-color:#de5049;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.graycircle{margin-bottom:10px;width:40px;height:40px;background-color:#666666;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.title_type3{margin-bottom:10px;color:#004D66;font-weight:bold;font-size:20px;}
.atcl_but{margin-bottom:30px;width:50px;height:5px;background-color:#333333;}

.agreement_wrap{margin-bottom:3rem;}
.agreement_wrap:after{display:block;content:'';clear:both;}
.agreement_title{font-size:1.4rem;font-weight:bold;color:#000;margin-bottom:1rem;}
.agreement_contents{padding:1rem;border:1px solid #000;}
.agreement_q{margin:10px 0px}
.agreement_radio{}
.agreement_print{margin-top:5px;text-align:right;}

#form_customize_req .col-form-label{font-weight:bold;color:#04025f;}




#search_map_wrap{position:relative;border:1px solid #000;}
#search_mapctrl{padding:1rem}


#search_selectlist{position:relative;padding:1rem;border:1px solid #000;border-bottom:0;border-top:0;}
#search_selectlist h3{margin:1rem 0rem;}


#search_maparea{position:relative;overflow:hidden;min-height:400px}
#how_to_use{position:absolute;left:0px;top:0px;z-index:50;width:100%;height:100%;background:url(//cdn.ios.co.kr/customize/alternative_map_photo.jpg) 0px 0px repeat;background-size:cover;}
#how_to_use #alter_img{width:100%;max-height:500px;}
#how_to_use_c{position:absolute;padding:2rem;left:50%;top:50%;z-index:320;width:100%;max-width:500px;background-color:rgba(0,0,0,.7);transform:translate(-50%, -50%);}
#close_how_to_use{position:absolute;right:5px;top:5px;width:32px;height:32px;color:#fff;cursor:pointer;}
#how_to_use_c h4{margin-bottom:10px;color:#fff}
#how_to_use_c ul{color:#fff;list-style-type:disc;list-style-position:inside;line-height:180%}

#map_ctnr{width:100%;min-height:400px;}
#how_to_use_icon{position:absolute;left:10px;top:10px;z-index:33}
#map_toast{display:none;position:absolute;right:10px;top:55px;padding:1rem;width:220px;background:#000;color:#fff;}
#btn_toggle_dayslist_onmap{position:absolute;right:10px;top:10px;z-index:33}
.btn_toggle_dayslist{cursor:pointer;}
.countrycity_searchresult_container{max-height:400px;overflow-y:auto}
.ui-menu-item{padding:0;margin:0}
.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_item{padding:10px;border-bottom:1px solid #eee}
.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}
.equal_q{text-decoration:underline;font-weight:700}








#days_list{
  position: absolute;
  right: -100%;
  top: 0px;
  z-index: 33;
  margin: 0rem auto;
  width: 100%;
  height: 100%;
  border-left: 1px solid #000;
  overflow-y: auto;
  background-color: #fff;
  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
}


@media (min-width:768px){
  #days_list{width:80%;}
}
@media (min-width:992px){
  #days_list{width:70%;}
}


#days_list.on{right:0px;}
#days_list_tit{padding:1rem;font-weight:bold;color:#ffffff;background-color:#343a40;}
#days_list_tit h5{margin:0;}
#days_list_c{padding:1rem;}
#selected_days_t{font-size:1.2rem;text-decoration:underline;}
#my_route_total_num{color:#cc0000;font-weight:bold}
#my_route{padding:1.4rem 0rem;}
.ui-state-highlight{padding:1rem;height:3rem;line-height:100%;}
#my_route li{position:relative;margin:0 3px 3px 0px;padding:5px 15px;background-image:none;background-color:#f0f8ff;}
#my_route li{}
/*#my_route li span.delete_my_route{display:block;position:relative;width:30px;z-index:30;float:right;cursor:pointer;}*/
.str_day_li:after{display:block;content:'';clear:both;overflow:hidden;}
.delete_my_route,
.stay_day_minus,
.stay_day_plus{float:right;margin-left:5px;}

#btn_scroll_top{bottom:100px;}


.ui-widget.ui-widget-content{z-index:303 !important;}
.ui-datepicker-year,
.ui-datepicker-month{font-size:1.4rem !important;font-family: dotum,gulim serif !important;font-weight: bold !important;}


.ani_shake {
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-4px, 0, 0);
    /*transform:scale(1.2);*/
  }
  
  20%, 80% {
    transform: translate3d(4px, 0, 0);
    /*transform:scale(1.2);*/
  }

  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
    /*transform:scale(1.4);*/
  }

  40%, 60% {
    transform: translate3d(6px, 0, 0);
    /*transform:scale(1.4);*/
  }
}











/*
@media (min-width:576px){}

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

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

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


display:block;content:'';clear:both

transform:scale(1.1);
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;


-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);






overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding:url('ellipsis.xml#ellipsis');
*/