@charset "utf-8";
/* commnet : mobile htl */

.fixed_con {
  padding: 3.6rem 0 0.8rem 0;
  padding-bottom: calc(env(safe-area-inset-bottom) + 0.8rem);
  padding-bottom: calc(constant(safe-area-inset-bottom) + 0.8rem); 
}
.fixed_con .js_banner_wrap.prod_wrap {
  height: 11.5rem;
}
.fixed_con .js_banner_wrap.prod_wrap .swiper-slide {
  padding-right: 11rem;
  padding-bottom: 1.6rem;
}
.fixed_con .js_banner_wrap.prod_wrap .thum {
  width: 7.6rem;
  height: 8.2rem;
  margin-top: 0.2rem;
}
.fixed_con .js_banner_wrap.prod_wrap .stxt {
  overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fixed_con .js_banner_wrap.prod_wrap.fraction .swiper-pagination {
  bottom: 1rem;
  top: initial;
  text-align: right;
}
.fixed_con .js_banner_wrap.fraction .swiper-pagination {
  text-align: left;
}
.fixed_con .info_price{
  margin-top: 1.2rem;
}
.fixed_con .info_price .price.now {
  line-height: 2.3rem;
  color: #111;
  font-size: 1.5rem !important;
}
.fixed_con .info_price .price.now > span {
  font-size: 1.5rem !important;
}
.fixed_con .js_banner_wrap.prod_wrap .tit {margin-top: 0.4rem}
.fixed_con .wrap_grade {font-size: 1.3rem}

/* 숙소정보 ico 추가 */
.htl .htl_ico_add p {
  padding-left: 1.7rem;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico-location-26.png)
  no-repeat 0 0.2rem / 1.3rem 1.3rem;
}
.htl .htl_ico_add p + p {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_hotel.png);
}
.htl .htl_ico_add p + p + p {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico-search-time-26.png);
}
.htl .htl_ico_add p + p + p + p {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico-tel-26.png);
}
.htl .htl_ico_add p + p + p + p + p {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_fax.png);
}

.htl .map_area.htl_pop_map {
  height: 50vh;
}
.htl .scrollCont_map {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 43vh;
  margin: -2.5rem -2rem 0;
  padding: 2rem;
}
.htl .lypop_body .service_info_list {
  margin: 2.2rem -2rem 0;
  padding: 0 2rem !important;
}

/* 2020-08-24 상품평 작성자별 상세평점 추가 - jes */
.htl .board_wrap .list_review .item_text.block li span:not(:first-child) {
  position: relative;
  margin-left: 0.7rem;
  padding-left: 0.7rem;
}
.htl .board_wrap .list_review .item_text.block li span:not(:first-child):before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  border-radius: 50%;
}
.htl .board_wrap .list_review .item_text.block li span em {
  color: #666;
}

/* 20200727 호텔고도화 1.0 : 추가 */
.htl .hotel_list .item_unit .btn.txt.line + .item_text {
  margin-left: -0.5rem;
}
.htl .hotel_list .item_unit .h_18 {
  margin-left: 0.5rem;
  padding-left: 1.5rem;
}
.htl .hotel_list .item_unit .h_18 .tooltip_wrap {
  vertical-align: baseline;
}
.htl .hotel_list .item_unit .h_18 .btn_tooltip {
  padding-right: 1.6rem;
  text-decoration: none;
}
.htl .hotel_list .item_unit .h_18.green {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_check_benefit.png) left
  center / 1.2rem 1rem no-repeat;
}
.htl .hotel_list .item_unit .h_18.bk {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_room_alert01.png) left
  center / 1.3rem 1.3rem no-repeat;
}
.htl .hotel_list .item_unit .h_18.red {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_room_alert02.png) left
  center / 1.3rem 1.3rem no-repeat;
}

.htl .hotel_name {
  z-index: 1000;
  position: fixed;
  left: 5.5rem;
  top: 1px;
  width: calc(100% - 14.5rem);
  height: calc(5rem - 1px);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  background-color: #fff;
}
.htl .hotel_name h2 {
  overflow: hidden;
  height: 100%;
  font-size: 1.6rem;
  line-height: 5.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htl .header_wrap h1.title {
  transition: opacity 0.1s ease-in-out;
}
.htl .header_wrap.on h1.title {
  opacity: 0;
}
.htl .header_wrap.on + #container .hotel_name {
  opacity: 1;
}

/*** h_1.5 고도화 추가 ***/
/* hotel main */
.htl #header.type.htl_type .btn_search,
.htl #header.type.htl_type .btn_right_menu {
  display: block !important;
}
.htl #header.type.htl_type {
  height: 54px;
}
.htl #header.htl_type.type:not(.black) .btn_prev:after {
  width: 1.7rem;
  height: 1.65rem;
  top: 8px;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_gnb_arrow34.png')
  no-repeat 0 0 / cover;
}
.htl .srch_top #header.type.htl_type h1.title {
  margin-top: 5.4rem;
  font-size: 2.6rem;
}
.htl .srch_top.scrolled #header.type.htl_type h1.title {
  margin: 1.6rem 0 0 4.5rem;
  padding-left: 0;
  font-size: 1.6rem;
  line-height: 1.4;
}
.htl .srch_top.scrolled #header.htl_type.type:not(.black) .btn_prev:after {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico-gnb-arrow-back-40.png');
}
/* 검색 리스트 filter sticky */
.htl #wrap.no_hidden_y.srch_top .contents {
  /*padding-top: 2.6rem;*/
}
.htl #wrap.no_hidden_y.srch_top .header_srch_wrap .right_btn.in {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.htl .htl_type #header .btn_search {
  display: block !important;
}
.htl .htl_type #header > a.js_act.btn_search:after {
  content: '';
  display: inline-block;
  width: 1.7rem;
  height: 1.8rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico-search-34.png')
  no-repeat 0 0 / 1.7rem 1.8rem;
}
.htl #header .btn_right_menu {
  display: block !important;
}
.htl .htl_type #header h1.title > a {
  font-size: 1.4rem;
}
.htl .htl_type #header h1.title i {
  width: 0.7rem;
}

.htl .header_srch_wrap {
  margin-top: 6.2rem;
}
/* .htl .srch_top .header_srch_wrap .btn_wrap {
  opacity: 1;
  height: 3.4rem;
  margin-top: 0;
  padding: 0 0 0 1.6rem;
  line-height: 3.4rem;
} */
.header_srch_wrap .btn_wrap {
  opacity: 1;
  height: 3.4rem;
  margin-top: 5.1rem;
  padding: 0 0 0 1.6rem;
  line-height: 3.4rem;
}
/* .htl .srch_top .header_srch_wrap .btn_wrap a {
  width: auto;
  padding: 0 1.2rem 0 0.6rem;
  letter-spacing: -0.5px;
  border: 1px solid #dadada;
  border-radius: 0.7rem;
} */
.header_srch_wrap .btn_wrap a {
  width: auto;
  padding: 0 1.2rem 0 0.6rem;
  letter-spacing: -0.5px;
  border: 1px solid #dadada;
  border-radius: 0.7rem;
}
.header_srch_wrap .btn_wrap a:not(:first-child) {
  margin-left: 0.5rem;
}
.header_srch_wrap .btn_wrap a span.bl {
  padding-left: 0;
}
.header_srch_wrap .btn_wrap a span {
}
.header_srch_wrap .btn_wrap a span:before {
  background-size: 1.3rem;
}
.header_srch_wrap .btn_wrap a span.cal:before {
  top: 1px;
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico-calandar-26.png');
}
.header_srch_wrap .btn_wrap a span.person:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico-person-26.png');
}
.htl .header_srch_wrap .right_btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.6rem 1.6rem 0 0;
  -webkit-transform: translateY(-8rem);
  transform: translateY(-8rem);
}
.htl .header_srch_wrap .right_btn .btn_filter {
  margin-left: 1rem;
  font-size: 1.3rem;
  color: #111;
}
.htl .header_srch_wrap .right_btn .btn_filter:before {
  content: '';
  display: inline-block;
  width: 1.3rem;
  margin-top: 1px;
  height: 1.3rem;
  margin-right: 0.5rem;
  background: #fff url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_filter_26.png')
  no-repeat 0 0 / 1.3rem 1.3rem;
  border-radius: 0;
  line-height: 1.3rem;
}
.htl .header_srch_wrap .right_btn .alarm {
  display: inline-block;
  background-color: #5e2bb8;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  line-height: 1.3rem;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  z-index: 10;
  margin: 0.3rem 0 0;
  color: #fff;
  vertical-align: top;
}

/* layout */
.htl_contents hr.shape {
  height: 3rem;
}
.htl_contents hr.shape.halfdown::before{border-radius:0}
.htl_contents hr.shape:after {
  height: 2rem;
}
.htl_contents .cont_unit.type {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.htl_contents .cont_unit.type .option_wrap {
  padding: 0;
  margin: 0;
}
.htl_contents .cont_unit.type .option_wrap .right_cont,
.htl .option_wrap.type .right_cont {
  right: 0;
  padding: 0;
}
.htl_contents .right_cont .btn_filter {
  margin-left: 1rem;
  font-size: 1.3rem;
  color: #111;
  opacity: 0;
}
.htl_contents .right_cont .btn_filter.in {
  opacity: 1;
}
/* .htl_contents .option_wrap .right_cont .btn_filter:before {
  width: 1.3rem;
  height: 1.3rem;
  background: #fff url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_filter_26.png')
  no-repeat 0 0 / 1.3rem 1.3rem;
  line-height: 1.3rem;
  bottom: 0;
  margin-right: 0.5rem;
} */
/*.htl_contents .option_wrap .right_cont .btn_best{font-size:1.3rem;color:#111;}
.htl_contents .option_wrap .right_cont .btn_best:before{display:inline-block;content: '';width: 1.3rem; height: 1.3rem;  background: #fff url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_best_26.png') no-repeat 0 0 / 1.3rem 1.3rem;margin-right:.5rem;}*/
.htl_contents .option_wrap .right_cont .alarm {
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0.3rem 0 0;
  vertical-align: top;
  letter-spacing: 0;
}

.htl .srch_top.no_hidden_y .htl_contents .cont_unit.type {
  overflow: hidden;
}
.htl_contents .sp_item_wrap {
  margin: 0 2rem;
}
.htl_contents .tag_item_scroll {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  height: inherit;
  margin: 0 -2rem;
}
.htl_contents .tag_item_scroll::-webkit-scrollbar {
  display: none;
}
.htl_contents .tag_item_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: visible;
  padding: 1.5rem 0 1rem;
}
.htl_contents .tag_item_desc {
  white-space: nowrap;
  margin-right: 0.5rem;
}
.htl_contents .tag_item {
  position: relative;
  top: 0;
  left: 0;
  display: list-item;
  padding: 1rem 2.6rem 1rem 0.9rem;
  margin-right: 0.5rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 1.6rem;
  color: #111;
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.htl_contents .tag_item:last-child {
  margin-right: 2rem !important;
}
.htl_contents .tag_item .btn_del {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.3rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_close_tag.png')
  no-repeat 0 0 / 0.6rem 0.6rem;
  text-indent: -9999px;
  font-size: 0;
}
/* .htl .btn_del a {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
} */
.htl_contents .tag_item .btn_del a {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
}
.htl_contents .msg_alert {
  font-size: 1.1rem;
  padding-left: 0.9rem;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
.htl_contents .msg_alert .btn_del {
  position: absolute;
  right: 0.9rem;
  top: 50%;
  margin-top: -0.4rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_close_pk.png')
  no-repeat 0 0 / 0.8rem 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  text-indent: -9999px;
  font-size: 0;
}
.htl_contents .msg_alert .btn_del a {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
}

.htl_contents .form_wrap.prod_sel.htl_v2 span.form_holder.radio label:before {
  width: 1.5rem;
  height: 1.5rem;
  top: -0.1rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/btn_radio_ic_32_off.png')
  no-repeat center center / 1.5rem;
}
.htl_contents .form_wrap.prod_sel.htl_v2 span.form_holder {
  font-size: 1.2rem;
  margin: 0;
}
.htl_contents .form_wrap.prod_sel.htl_v2 span.form_holder + span.form_holder {
  margin-left: 1.5rem;
}
.htl_contents .form_wrap.prod_sel.htl_v2 span.form_holder + span.form_holder:before {
  content: '';
  width: 0;
  height: 0;
  display: none;
}
.htl_contents .form_wrap.prod_sel.htl_v2 .label_radio {
  padding-left: 0;
  color: #999;
  font-size: 1.2rem;
  padding-left: 2rem;
  line-height: 1.5rem;
}
.htl_contents .form_wrap.prod_sel.htl_v2 .form_holder.radio input[type='radio']:checked + label {
  color: #111;
  text-decoration: none;
}
.htl_contents
.form_wrap.prod_sel.htl_v2
.form_holder.radio
input[type='radio']:checked
+ label:before {
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/btn_radio_ic_32_on.png')
  no-repeat center center / 1.5rem;
}

.htl_contents .badge_group {
  display: inline-block;
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: auto;
  height: 1.7rem;
  padding: 0.2rem 0.8rem 0.2rem 0.2rem;
  border-radius: 1.3rem;
  font-size: 1rem;
  color: #fff;
  text-align: left;
}
.htl_contents .badge_group > span {
  display: block;
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.2rem;
}
.htl_contents .badge_group > span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.3rem;
  height: 1.3rem;
  background-size: cover;
}
.htl_contents .badge_group .bdg_time {
  padding-left: 0.6rem;
  font-weight: bold;
}
.htl_contents .badge_group.v1 {
} /* 비밀특가 */
.htl_contents .badge_group.v1 > span:before {
}
.htl_contents .badge_group.v2 {
  background: #ff6821;
} /* 투데이특가 */
.htl_contents .badge_group.v2 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge01.png');
}
.htl_contents .badge_group.v3 {
  background: #f5379b;
} /* 회원특가 */
.htl_contents .badge_group.v3 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge02.png');
}
.htl_contents .badge_group.v4 {
  background: #e02761;
} /* Hana Benefit 제공 숙소 */
.htl_contents .badge_group.v4 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge04.png');
}
.htl_contents .badge_group.v5 {
  background: #3277dd;
} /* 예약률이 높은 숙소 */
.htl_contents .badge_group.v5 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge03.png');
}
.htl_contents .badge_group.v6 {
  background: #3fbdb2;
} /* 인기검색 숙소 */
.htl_contents .badge_group.v6 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge05.png');
}
.htl_contents .badge_group.v7 {
  background: #5e2bb8;
} /* 신규오픈 */
.htl_contents .badge_group.v7 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge06.png');
}
.htl_contents .badge_group.v8 {
  color: #1d1d1b;
  background: #ffd040;
} /* 숙박대전 */
.htl_contents .badge_group.v8 > span:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_badge07.png');
}
.htl_contents .badge_group.v8 + .badge_group {
  top: 3.4rem;
}

.htl_contents .sp_list_wrap.hotel_list {
  padding: 0;
  margin-top: 0.8rem;
}
.htl_contents .sp_list_wrap.hotel_list ul {
  background-color: #f4f5f9;
  padding-bottom: 1rem;
}
.htl_contents .sp_list_wrap.hotel_list li { /* 수정 */
  padding: 2.2rem 1.6rem;
  background-color: #fff;
  border: 0;
  margin-bottom: 1rem;
}
.htl_contents .sp_list_wrap.hotel_list li:first-child{ /* 수정 */
  padding:.6rem 1.6rem 2.2rem;
}
.htl_contents .sp_list_wrap.hotel_list li:last-child{ /* 수정 */
  margin-bottom: 0;
}
.htl_contents .sp_list_wrap.hotel_list li .banner.full { /* 수정 */
  margin: 2.2rem -1.6rem -2.2rem;
  padding: 1rem 0 0;
  background-color: #f4f5f9;
  border: 0;
  border-radius: 0;
}
.htl_contents .sp_list_wrap.hotel_list li .banner.full img {
  min-height: 6.6rem;
  max-height: 14rem;
}
.htl_contents .sp_list_wrap.hotel_list .item_unit .item_title {
  font-size: 1.4rem;
  color: #111;
  line-height: 1.29;
}
.htl_contents .sp_list_wrap.hotel_list .item_unit .item_title_sub {
  font-size: 1.2rem;
  color: #111;
  line-height: 1.67;
}
.htl_contents .sp_list_wrap.hotel_list .item_text .item.opt {
  font-size: 1.2rem;
  color: #5e2bb8;
  padding: 0;
}
.htl_contents .sp_list_wrap.hotel_list .item_text .item.opt:before,
.htl_contents .sp_list_wrap.hotel_list .item_text .item.item.pos:before {
  background: none;
  width: 0;
  height: 0;
}
.htl_contents .sp_list_wrap.hotel_list .item_text .item.item.pos {
  font-size: 1.2rem;
  color: #666;
  padding: 0;
}
.htl_contents .sp_list_wrap.hotel_list .divider_dot:after {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #999;
  margin-top: -0.1rem;
}

.htl_contents .sp_list_wrap.hotel_list .wrap_grade {
  font-size: 1.2rem;
  color: #666;
  vertical-align: top;
  margin-bottom: 0.4rem;
}
.htl_contents .sp_list_wrap.hotel_list .wrap_grade span {
  padding-left: 1.1rem;
  position: relative;
}
.htl_contents .sp_list_wrap.hotel_list .wrap_grade span:before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #666;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  margin-top: -0.1rem;
}

/* 부분 수정 */
.htl_contents .sp_list_wrap.hotel_list .thumbnail.visible {
  margin-bottom: 0.8rem;
}
.htl_contents .sp_list_wrap.hotel_list .item_unit .ly_wrap {
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
}
.htl_contents .sp_list_wrap.hotel_list .item_unit .ly_wrap .inr {
  display: flex;
  width: 100%;
}
.htl_contents .sp_list_wrap.hotel_list .score {
  position: relative;
  padding-left: 0;
  width: 100%;
  min-height: 2rem;
  display: flex;
}
.htl_contents .sp_list_wrap.hotel_list .score .e_logo {
  position: relative;
  font-size: 0;
  width: 7.2rem;
  height: 1.6rem;
}
.htl_contents .sp_list_wrap.hotel_list .score .e_logo::before {
  content: '';
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/expedia_logo.png) no-repeat
  0 0/100% auto;
  width: 7.2rem;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.htl_contents .sp_list_wrap.hotel_list .score .num {
  position: relative;
  font-size: 1.3rem;
  vertical-align: middle;
  padding: 0.1rem 0.8rem 0 0.5rem;
  text-align: left;
  font-weight: 500;
  color: #202843;
}
.htl_contents .sp_list_wrap.hotel_list .score strong {
  color: #5e2bb8;
  font-size: 1.3rem;
  display: block;
  font-weight: 400;
}
.iOS .htl_contents .sp_list_wrap.hotel_list .score strong {
  line-height: 1.8;
}
.htl_contents .sp_list_wrap .item_text {
  margin-top: 0;
}
.htl_contents .item_text .trip_text {
  color: #49a382;
  font-size: 1.2rem;
  padding-left: 0.4rem;
}
.htl_contents .item_text .item.trip:before {
  margin-top: -4px;
}
.htl_contents .sr_text_login {
  font-size: 1.2rem;
  color: #111;
  margin-top: 1rem;
}
.htl_contents .sr_text_login strong {
  font-weight: normal;
  color: #5e2bb8;
  position: relative;
}
.htl_contents .sr_text_login:before {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_sr_login.png')
  no-repeat 0 0.3rem / 1.1rem 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  padding-right: 1.7rem;
}
/* //부분 수정 */

.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 {
  justify-content: flex-end;
  position: relative;
}
.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 .info_price {
  text-align: right;
  position: relative;
  top: 0.4rem;
}
.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 .info_price .won {font-size: 1.3rem !important;font-weight: 400;;margin: 0;top: -0.1rem}
.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 .info_price .one_night {
  display: inline-block;
  color: #111;
  font-size: 1.1rem;
  font-weight: 600;
  margin-left: 0.5rem;
}
.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 .info_price .one_night + .un_price {
  position: absolute;
  right: 4.8rem;
  top: 0.5rem;
}
.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 .info_price .un_price {
  display: inline-block;
  width: fit-content;
  text-decoration: line-through;
  color: #aaa;
  font-size: 1.1rem;
  line-height: 1.1rem;
}
.htl_contents .sp_list_wrap.hotel_list .ly_wrap.new_review.v2 .info_price .price.now {
  display: block;
  font-size: 1.8rem !important
}
.htl_contents .sp_list_wrap.hotel_list .item_unit .ly_wrap.v2 .inr {
  display: flex;
  align-items: flex-end;
  width: auto;
}
.htl_contents .include_tax_text, .htl_contents_detail .include_tax_text{margin-top:0.2rem;font-size:1.1rem;letter-spacing:-0.044rem;color:#999;text-align:right}

.htl_contents .sp_list_wrap.hotel_list .label_text {
  height: 1.3rem;
  line-height: 1.1rem;
  width: auto;
  margin: 0;
  position: relative;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0 0.1rem;
  margin-right: 0.5rem;
  white-space: nowrap;
  top: -2rem;
}
.htl_contents .sp_list_wrap.hotel_list .label_text:before {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-split);
  height: 50%;
  color: #fff;
  overflow: hidden;
}
.htl_contents .sp_list_wrap.hotel_list .label_text.v1 {
  background: linear-gradient(#ffffff 50%, #f8cddb 50%);
  color: #f43749;
}
.htl_contents .sp_list_wrap.hotel_list .label_text.v2 {
  background: linear-gradient(#ffffff 50%, #f8cddb 50%);
  color: #db074a;
}
.htl_contents .sp_list_wrap.hotel_list .label_text.v3 {
  background: linear-gradient(#ffffff 50%, #d6e4f8 50%);
  color: #3277dd;
}
.htl_contents .sp_list_wrap.hotel_list .per_price {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #5e2bb8;
  white-space: nowrap;
  padding: 0 0.8rem 0 0.1em;
}
.htl_contents .sp_list_wrap.hotel_list .user_engage {
  background: #000;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.3rem;
  opacity: 0.8;
  filter: alpha(opacity=80);
  *zoom: 1;
  position: absolute;
  left: 0;
  top: 0.5rem;
  text-align: center;
}
.htl_contents .sp_list_wrap.hotel_list .user_engage {
  font-size: 1.3rem;
  color: #fff;
}
.htl_contents .sp_list_wrap.hotel_list .user_engage strong {
  color: #b57aff;
  font-weight: inherit;
}

.htl_contents .sp_list_wrap.hotel_list .hash_group {
  margin: 2rem 0 -2.2rem;
  border-top: 1px solid #eceef1;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #666;
  padding: 0.8rem 1rem 1rem 0;
  position: relative;
  background: #fff;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group .hashtag {
  padding: 0 2.3rem 0 0;
  height: auto;
  font-weight: 400;
  margin: 0 2rem 0 0;
  background-color: #fff;
  line-height: 1.42;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group.open .hashtag {
  white-space: nowrap;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group.close .hashtag {
  white-space: normal;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group .ico_dropdown {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center 1rem;
  background-size: 1.3rem 1.3rem;
  width: 2.3rem;
  height: 100%;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group.open .ico_dropdown {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_open.png');
}
.htl_contents .sp_list_wrap.hotel_list .hash_group.close .ico_dropdown {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_close.png');
}
.htl_contents .btn_detail {
  bottom: 0;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group .hashtags .tag {
  display: inline-block;
  padding: 0 4px;
  margin-right: 6px;
  font-size: 1.1rem;
  color: #666;
  vertical-align: top;
  background: #f5f5f5;
}
.htl_contents .sp_list_wrap.hotel_list .hash_group .hashtags .tag.spc {
  color: #fff;
  background: #5e2bb8;
}

/* fix 이동 */
.htl_contents .btn_wrap.fix {
  padding: 1.7rem 1.6rem;
  border-top: 1px solid #eaeaea;
}
.htl_contents .btn_wrap.fix .btn.em {
  background: #5e2bb8 !important;
  border: 1px solid #5e2bb8;
  border-radius: 0.4rem;
}
.htl_contents .btn_wrap.fix.double {
  padding: 0;
  border: 0;
}
.htl_contents .btn_alarm.map {
  bottom: 13.7rem;
  right: 0rem;
  width: 4.2rem;
  height: 4.2rem;
  border: 1px solid #934bed;
  border-radius: 50%;
  box-shadow: 1.1px 1.6px 7.5px 0 rgba(0, 0, 0, 0.2);
  color: #5e2bb8;
  padding-top: 2rem;
  bottom: calc(env(safe-area-inset-bottom) + 13.7rem);
  bottom:calc(constant(safe-area-inset-bottom) + 13.7rem); 
}
.htl_contents .btn_alarm.map:before {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/icon_map.png') no-repeat 0
  0 / 1.2rem 1.4rem;
  width: 1.2rem;
  height: 1.4rem;
  position: absolute;
  top: 0.6rem;
  left: 50%;
  margin-left: -0.6rem;
}
/* iphoneX */
/* @media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) {
  .htl_contents .btn_alarm.map{bottom: 15.2rem;}
} */
/* iphoneXs Max , iphoneXr */
/* @media only screen and (device-width: 414px) and (device-height: 896px) {
  .htl_contents .btn_alarm.map{bottom: 15.2rem;}
} */
.htl_contents .btn_top_go{
  position: fixed;
  right: 0;
  bottom: 10rem;
  width: 4.3rem;
  height: 4.3rem;
  border: 1px solid #fff;
  border-radius: 30%;
  box-shadow: 1.1px 1.6px 7.5px 0 rgba(0, 0, 0, 0.2);
  color: #5e2bb8;
  padding-top: 2.4rem;
  margin: 1rem 2rem 0;
  font-size: 0;
  background: #fff url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_top.png')
  no-repeat 50% 50% / 1.4rem 2rem;
}
/* etc layout */
.htl_contents .sp_list_wrap.hotel_list .btn_wrap,
.htl_contents .item_unit {
  padding: 0 1.6rem;
}
.htl_contents .item_unit .btn_wrap {
  padding: 0;
}
.htl_contents .sp_list_wrap.hotel_list.bg ul li .btn_wrap {
  top: 60%;
}

/** hotel_list layer_pop **/
/* filter */
.htl .q-dialog.fx-dialog .q-dialog__inner--maximized .lypop_container.htl_type .lypop_body {
  margin-top: 5rem;
}
.htl .lypop_container.htl_type .lypop_header {
  padding: 0 1.6rem;
}
.htl .lypop_container.htl_type .lypop_header .tit {
  /*font-size: 1.4rem;*/
}
.htl .lypop_container.htl_type .lypop_body {
  padding: 0rem 2.6rem 2.5rem;
  padding-bottom: calc(env(safe-area-inset-bottom) + 2.5rem);
  padding-bottom: calc(constant(safe-area-inset-bottom) + 2.5rem); 
}
.htl .lypop_container.htl_type .js_acc,
.htl .qna_list {
  border-top: 0;
}
.htl .lypop_container.htl_type .js_acc .header,
.htl .qna_list .header {
  font-size: 1.6rem;
  padding: 2.5rem 0 1.1rem 0;
  background-image: none;
}
.htl .lypop_container.htl_type .js_acc .view {
  border-bottom: 1px solid #ecf0f2;
}
.htl .lypop_container.htl_type .js_acc .view .btn_wrap {
  margin-top: 2rem;
}
.htl .lypop_container.htl_type .js_acc .right_input > div > * {
  font-size: 1.3rem;
  color: #111;
}
.htl .lypop_container.htl_type .js_acc.multi .right_cont {
  margin-top: 0.5rem;
  right: 0;
}

.htl .lypop_container.htl_type .js_acc .header {
  padding: 1.5rem 0 .1rem 0;
}
.htl .lypop_container.htl_type .js_acc.multi .view {
  padding: 0 0 1rem;
}

.htl .lypop_container.htl_type .txc {
  text-align: left !important;
  justify-content: left;
}
.htl .lypop_container.htl_type .btn.txt {
  font-size: 1.2rem;
  color: #5e2bb8;
}
.htl .lypop_container.htl_type .btn.ico .more {
  padding-right: 1.5rem;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_expand_more.png)
  no-repeat 100% 50% / 1rem auto;
}
.htl .lypop_container.htl_type select.select {
  display: block !important;
  width: 100%;
  height: 4.8rem;
  padding: 0 3.6rem 0 1.6rem;
  border: 1px solid #dadada;
  line-height: 4.4rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico-arrow-down-40.png')
  no-repeat 100% 50%;
  background-size: auto 1.6rem;
  border-radius: 0.4rem;
}
.htl .lypop_container.htl_type select.select.invalid {
  background-image: none;
}
.htl .lypop_container.htl_type select.select:disabled {
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_selectdisable_arrow.png')
  no-repeat 100% 50%;
  background-size: auto 1rem;
}

.htl .lypop_container.htl_type .progress {
  background-color: #ddd;
  margin-top: 2rem;
}
.htl .lypop_container.htl_type .progress .progress_bar {
  background-color: #5e2bb8;
}
.htl .lypop_container.htl_type .progress .range {
  border: 1px solid #5e2bb8;
  background-color: #fff;
  box-shadow: 0px 1.5px 3.5px 0 rgba(0, 0, 0, 0.2);
}

.htl .lypop_wrap .js_acc .right_input > div {
  justify-content: space-between;
}
.htl .lypop_wrap .js_acc .right_input.layer_price {
  padding: 2.6rem 0 0;
}
.htl .lypop_wrap .js_acc .right_input.layer_price input {
  width: 10rem;
  height: 3.4rem;
  border-radius: 0.2rem;
  border: solid 1px #dadada;
  padding: 0 1rem;
  font-size: 1.5rem;
  color: #111;
  font-weight: bold;
}

.htl .lypop_container.htl_type .form_tab_group .tab_group_area {
  height: auto;
}
.htl .lypop_container.htl_type .form_tab_group .tab_group_area > div {
  padding-bottom: 0.9rem;
}
.htl .lypop_container.htl_type .form_tab_group.type03 .label_checkbox.label_text {
  /*padding: 0 1.3rem;
  border-radius: 0.8rem;*/
}
.htl .lypop_container.htl_type .form_tab_group.type03 .form_holder {
  margin: 0.9rem 0.5rem 0 0;
}

.htl .lypop_wrap .lypop_container.htl_type .lypop_footer .btn_wrap {
  border-top: 1px solid #eaeaea;
  padding: 0.8rem 1.6rem;
  padding-bottom: calc(env(safe-area-inset-bottom) + 0.8rem);
  padding-bottom: calc(constant(safe-area-inset-bottom) + 0.8rem); 
}
.htl .lypop_wrap .lypop_container.htl_type .lypop_footer .btn_wrap .btn {
  height: 5rem;
  border: 1px solid #ccc;
  border-radius: 2.5rem;
}
.htl .lypop_wrap .lypop_container.htl_type .lypop_footer .btn_wrap .btn.em {
  border-color: #5e2bb8;
  background-color: #5e2bb8 !important;
}
.htl .lypop_wrap .lypop_container.htl_type .btn.ico .refresh02 {
  padding: 0;
  background: none;
}
.htl .lypop_wrap .lypop_container.htl_type .btn.iblock {
  padding: 0 3.4rem;
}
.htl .lypop_wrap .lypop_container.htl_type .btn + .btn {
  margin-left: 0.8rem;
}

/* hotel detail layer */
.htl .srch_top .htl_detail_top #header {
  background: transparent;
}
.htl .srch_top .htl_detail_top #header h1.title {
  margin: 1.4rem auto 0;
  padding-left: 0;
  font-size: 1.6rem;
  text-align: center;
}
.htl .srch_top.scrolled .htl_detail_top {
  background: transparent !important;
}
.htl #header .btn_cart.btn_type02:after {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-gnb-pkg-arrow-like-40.png);
}

.htl .lypop_body.htl_type3 .cont_unit.type.point_cityList .text_wrap {
  padding: 0 2rem;
}
.htl .lypop_body.htl_type3 .text_wrap strong.tit {
  font-size: 1.5rem;
  color: #111;
}
.htl .lypop_body.htl_type3 .text_wrap strong.tit .bl {
  background: linear-gradient(#ffffff 50%, #f4edfe 50%);
  color: #5e2bb8;
  display: inline-block;
  width: auto;
  height: 2.3rem;
  line-height: 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0.5rem;
  color: #5e2bb8 !important;
  position: relative;
  padding: 0 1.3rem;
}
.htl .lypop_body.htl_type3 .text_wrap strong.tit .bl:before {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_quot_left.png')
  no-repeat 0 0 / 0.7rem 0.6rem;
  width: 0.7rem;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 0.4rem;
}
.htl .lypop_body.htl_type3 .text_wrap strong.tit .bl:after {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_quot_right.png')
  no-repeat 0 0 / 0.7rem 0.6rem;
  width: 0.7rem;
  height: 0.6rem;
  position: absolute;
  right: 0;
  top: 0.4rem;
}
.htl .lypop_body.htl_type3 .text_wrap .tit + p {
  font-size: 1.2rem;
  line-height: 1.67;
  color: #333;
}
.htl .lypop_body.htl_type3 .text_wrap .tit.big + p {
  color: #666;
  margin: 0;
}
.htl .lypop_body.htl_type3 .list_basic {
  padding: 0 0 0 2.3rem;
}
.htl .lypop_body.htl_type3 #tabCon02 .text_wrap strong.tit,
.htl .lypop_body.htl_type3 #tabCon03 .text_wrap strong.tit {
  font-size: 1.3rem;
  color: #111;
}
.htl .lypop_body.htl_type3 #tabCon02 .list_basic,
.htl .lypop_body.htl_type3 #tabCon03 .list_basic {
  font-size: 1.2rem;
}
.htl .lypop_body.htl_type3 #tabCon02 .text_wrap,
.htl .lypop_body.htl_type3 #tabCon03 .text_wrap {
  margin:1.5rem 0;
}
.htl .lypop_body.htl_type3 #tabCon02 .text_wrap:first-child,
.htl .lypop_body.htl_type3 #tabCon03 .text_wrap:first-child {
  margin-top:0;
}
.htl .lypop_body.htl_type3 #tabCon02 .list_basic li,
.htl .lypop_body.htl_type3 #tabCon03 .list_basic li {
  margin-bottom: 0; 
}
.htl .lypop_body.htl_type3 .item_text .item.pos:before {
  background-repeat: no-repeat;
  background-position: 0 0.4rem;
  background-size: 1.1rem 1rem;
}
.htl .lypop_body.htl_type3 .item_text .item:before{
  top: .4rem;
}
.htl .lypop_body.htl_type3 .item_text .item.h_ico01:before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico-location-26.png);
}
.htl .lypop_body.htl_type3 .item_text .item.h_ico02:before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico-search-time-26.png);
}
.htl .lypop_body.htl_type3 .item_text .item.h_ico03:before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_hotel.png);
}
.htl .lypop_body.htl_type3 .item_text .item.h_ico04:before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico-tel-26.png);
}
.htl .lypop_body.htl_type3 .item_text .item.h_ico05:before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_fax.png);
}

/* 상품평 */
.htl .lypop_body.htl_type3 .htl_topBtn {
  padding: 0 1.6rem;
}
.htl .lypop_body.htl_type3 .htl_topBtn .btn {
  height: 3.8rem;
  line-height: 3.8rem;
  border: 1px solid #ccc;
  border-radius: 2.1rem;
}
.htl .lypop_body.htl_type3 .htl_topBtn .btn.ico .qna {
  background: none;
  font-size: 1.3rem;
  color: #333;
  padding: 0;
}
.htl .lypop_body.htl_type3 .comment_none {
  padding: 7rem 0 0;
}
.htl .lypop_body.htl_type3 .comment_none .comment_none_ico {
  width: 5.5rem;
  height: 5.5rem;
  margin: 0 auto;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_htl.png) no-repeat 0 0 /
    cover;
  font-size: 0;
}
.htl .lypop_body.htl_type3 .comment_none p {
  font-size: 1.2rem;
  color: #999;
  text-align: center;
}
.htl .lypop_body.htl_type3 .comment_none p strong {
  display: block;
  font-size: 1.6rem;
  color: #111;
  margin: 2rem 0 0.5rem;
}

/** hotel detail */
/* social */
.htl_contents_detail .sp_list_wrap li.item_unit {
  padding: 0 0 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
}
.htl_contents_detail .sp_list_wrap li.item_unit:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
.htl_contents_detail .sp_list_wrap li.item_unit .social_ico {
  width: 2.9rem;
  height: 2.9rem;
  border: 1px solid #00c73c;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_blog.png') no-repeat
  50% 55% / 1.7rem 0.8rem;
}
.htl_contents_detail .sp_list_wrap .item_unit .ly_wrap .inr {
  padding: 0;
  flex: auto;
}
.htl_contents_detail .sp_list_wrap .item_unit .item_title {
  font-size: 1.3rem;
  line-height: 1.5rem;
  padding-left: 4.5rem;
}
.htl_contents_detail .item_text.gray {
  font-size: 1.1rem;
  color: #888 !important;
  margin-top:0 !important;
  padding-left: 4.5rem;
}
.htl_contents_detail .item_text .divider_dot {
  min-width: 0.1rem;
  position: relative;
  display: inline-block;
  margin-left: 0.4rem;
  padding-left: 0.6rem;
}
.htl_contents_detail .item_text .divider_dot:before {
  width: 0.1rem;
  height: 0.1rem;
  margin-top: -0.1rem;
}

/* 공통 */
.htl_contents_detail .js_acc.type,
.htl_contents_detail .banner.type,
.htl_contents_detail .default_lst_wrap.type,
.htl_contents_detail .sp_list_wrap.type,
.htl_contents_detail .form_holder.type,
.htl_contents_detail .text_wrap.type,
.htl_contents_detail .cont_unit.type,
.htl_contents_detail .tbl.type,
.htl_contents_detail .option_wrap.type {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.htl_contents_detail .cont_unit.type:not(.detail_sticky_area) {
  overflow: hidden;
}
.htl_contents_detail .cont_unit.hotel_room {
  overflow: unset !important;
}

/* title */
.htl_contents_detail .text_wrap {
  margin: 1.3rem 0 1.5rem;
}
.htl_contents_detail .text_wrap strong.tit.mid {
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.htl_contents_detail .text_wrap strong.tit.mid .e_logo {
  display: inline-block;
  margin-left: 0.8rem;
  position: relative;
  font-size: 0;
  width: 5.4rem;
  height: 1.2rem;
}
.htl_contents_detail .text_wrap strong.tit.mid .e_logo::before {
  content: '';
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/expedia_logo.png) no-repeat
  0 0/100% auto;
  width: 5.4rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  top: -0.2rem;
}

/* 쿠폰 다운로드 */
.htl_contents_detail .btn_coupon {
  height: 3.4rem;
  line-height: 3.4rem;
  font-size: 1.2rem;
  font-weight: bold;
  border: 1px solid #eaeaea;
  margin: 0.9rem 1.6rem 2rem;
  text-align: center;
  border-radius: 0.4rem;
}
.htl_contents_detail .btn_coupon a {
  display: block;
  position: relative;
  color: #111;
}
.htl_contents_detail .btn_coupon a > span {
  position: relative;
  padding-right: 1.9rem;
}
.htl_contents_detail .btn_coupon a > span:before {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/btn_coupon_down.png')
  no-repeat 0 0 / 1.3rem 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  right: 0;
  top: 0.2rem;
}

/* 구분선 , divider */
.htl_contents_detail hr.shape {
  height: 3rem;
}
.htl_contents_detail hr.shape:before,
.htl_contents_detail hr.shape:after {
  height: 1rem;
  border-radius: 0;
}
.htl_contents_detail hr.shape.v2,
.htl_contents_detail hr.shape.v3 {
  height: 3.5rem;
}
.htl_contents_detail hr.shape.v2:after {
  height: 0;
}
.htl_contents_detail hr.shape.v3:before {
  height: 0;
}
.htl_contents_detail hr.shape.v4 {
  height: 5rem;
}
.htl_contents_detail hr.shape.v4:before,
.htl_contents_detail hr.shape.v4:after {
  height: 2rem;
  border-radius: 0;
}
/*.htl_contents_detail hr.shape:before{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0;}
.htl_contents_detail hr.shape:after{border-top-left-radius:0;border-top-right-radius:0;bottom:0;} */
.htl_contents_detail hr.line {
  background-color: #f4f5f9;
  margin: 3rem 1.6rem 2rem !important;
}
.htl_contents_detail hr + .text_wrap {
  margin-top: 0;
}
.htl_contents_detail .text_wrap.top {
  margin-top: 0;
}
.htl_contents_detail .text_wrap + .data_no {
  border-top: 0;
}

/* btn */
.htl_contents_detail .btn_wrap {
  margin:1.6rem 0;
  padding: 0 1.6rem;
}
/*.htl_contents_detail .btn_wrap .btn {height:3.6rem;border:1px solid #ccc;border-radius:.4rem;line-height:3.6rem;font-size: 1.2rem;font-weight:600;}*/
.htl_contents_detail .btn_wrap.fix {
  margin-top: inherit;
  padding: 1rem 2rem 0.8rem;
  padding-bottom: calc(env(safe-area-inset-bottom) + 0.8rem);
  padding-bottom: calc(constant(safe-area-inset-bottom) + 0.8rem);
}
.htl_contents_detail .btn_wrap.fix .btn {
  height: inherit;
  line-height: 4.6rem;
  font-size: inherit;
}

/* banner */
.htl_contents_detail .banner {
  margin: 0;
  padding: 0 0 1rem;
  background-color: #f4f5f9;
}
.htl_contents_detail .banner img {
  /*height:70px;*/
}
.htl_contents_detail .service_info_list,
.htl .package_info_list {
  margin: 0;
}
.htl_contents_detail .service_info_list > .item {
  font-size: 1.2rem;
  color: #111;
  line-height: 1.2;
}
.htl_contents_detail .service_info_list > .item .tit:before {
  width: 2.3rem;
  height: 2.3rem;
}
/* 그룹핑, 숙소정보 */
.htl_contents_detail .scroll_wrap_item:not(.v2) {
  border-top: 1px solid #eaeaea;
}
.htl_contents_detail .scroll_wrap_item:not(.v2) .scroll_box {
  padding: 1rem 0 1rem 1.6rem;
  background: #f4f5f7;
}
.htl_contents_detail .scroll_wrap_item.v2 {
  background-color: #fff;
  padding: 0 0 1rem;
}
.htl_contents_detail .scroll_wrap_item.v2 .scroll_box {
  padding-left: 1.6rem;
}
.htl_contents_detail .scroll_wrap_item + .scroll_wrap_item {
  padding-top: 0;
}
.htl_contents_detail .form_tab_group.type04 .form_holder {
  margin: 0 0.5rem 0 0;
}
.htl_contents_detail
.form_tab_group.type04
.form_holder.check
input[type='checkbox']:checked
+ .label_text {
  font-weight: 600;
  border: 1px solid #5e2bb8;
  color: #5e2bb8;
  background: #fff;
}
.htl_contents_detail .form_tab_group.type04 .form_holder .label_checkbox.label_text {
  border: 1px solid #eaeaea;
  border-radius: 3rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 0.8rem;
  background: #fff;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 1.1rem;
}

/*가격순, 객실별 */
.htl_contents_detail .ly_wrap.v2 .inr {
  flex: 2 1 auto;
}
/* radio */
.htl_contents_detail .form_wrap.prod_sel .form_holder.radio input[type='radio'] + label:before {
  top: 0.1rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/btn_radio_ic_32_off.png')
    no-repeat center center/ 1.5rem;
}
.htl_contents_detail .form_wrap.prod_sel .form_holder.radio input[type='radio']:checked + label {
  color: #111;
  text-decoration: none;
}
.htl_contents_detail
  .form_wrap.prod_sel
  .form_holder.radio
  input[type='radio']:checked
  + label:before {
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/btn_radio_ic_32_on.png')
    no-repeat center center/ 1.5rem;
}
.htl_contents_detail .form_wrap.prod_sel span.form_holder {
  font-size: 1.2rem;
  margin: 0;
}
.htl_contents_detail .form_wrap.prod_sel span.form_holder + span.form_holder {
  margin-left: 1.5rem;
}
.htl_contents_detail .form_wrap.prod_sel span.form_holder + span.form_holder:before {
  content: '';
  width: 0;
  height: 0;
  display: none;
}
.htl_contents_detail .form_wrap.prod_sel .label_radio {
  padding-left: 0;
  color: #999;
  font-size: 1.2rem;
  font-weight: 400;
  padding-left: 2rem;
}
.htl_contents_detail .price_option {
  margin: 2px 0 0;
}
.htl_contents_detail .form_tab_group.hotel {
  text-align: right;
}
.htl_contents_detail .form_tab_group.hotel label {
  height: 2.8rem;
  line-height: 2.4rem;
  color: #999;
  font-size: 1.2rem;
  border-radius: 0.5rem;
  background: #eaeaea;
  border: 1px solid #eaeaea;
}
.htl_contents_detail .form_tab_group.hotel .form_holder {
  width: 4.8rem;
  height: 2.6rem;
}
.htl_contents_detail
.form_tab_group.hotel
.form_holder.radio
input[type='radio']:checked
+ .label_text {
  z-index: 10;
}
.htl_contents_detail .form_tab_group.hotel .form_holder:nth-child(1) label {
  border-radius: 0.5rem 0 0 0.5rem;
}
.htl_contents_detail .form_tab_group.hotel .form_holder:nth-child(2) label {
  border-radius: 0 0.5rem 0.5rem 0;
}
.htl_contents_detail .form_holder.radio input[type='radio']:checked + .label_text {
  border: 1px solid #eaeaea;
  color: #444;
  background: #fff;
  font-weight: 400;
}

/* alert message - pinkBox */
.htl_contents_detail .msg_alert {
  color: #5e2bb8;
  font-size: 1.1rem;
  border: 0;
  padding: 0.6rem 1rem 0.6rem 0.8rem;
}
.htl_contents_detail .msg_alert .btn_del {
  position: absolute;
  right: 0.9rem;
  top: 1.3rem;
  margin-top: -0.4rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_close_pk.png')
  no-repeat 0 0 / 0.9rem 0.9rem;
  width: 0.9rem;
  height: 0.9rem;
  text-indent: -9999;
  font-size: 0;
}
.htl_contents_detail .msg_alert .btn_del a {
  width: 0.9rem;
  height: 0.9rem;
}
/* map */
.htl_contents_detail .map_info_wrap {
  width: 100%;
  height: 10.5rem;
  margin-top: 1.2rem;
  position: relative;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/bg_map.jpg') no-repeat 0 0 /
    cover;
}
.htl_contents_detail .map_info_wrap:before {
  content: '';
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 1.5rem 1.6rem;
  opacity: 0.7;
  border-radius: 0.8rem;
}
.htl_contents_detail .map_info_wrap .img_map {
  width: 100%;
  height: 10.5rem;
}
.htl_contents_detail .map_info_wrap .img_map img {
  width: 100%;
}
.htl_contents_detail .map_info_wrap .sr_text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 1.5rem 1.6rem;
  padding: 1.3rem 11rem 1.5rem 3.3rem;
  color: #111;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.htl_contents_detail .map_info_wrap .sr_text:before {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_map_small.png')
  no-repeat 0 0 / 1rem 1.3rem;
  width: 1rem;
  height: 1.3rem;
  position: absolute;
  left: 1.7rem;
  top: 1.5rem;
}
.htl_contents_detail .map_info_wrap .sr_text2 {
  width: calc(100% - 3.2rem);
  height: calc(100% - 3rem);
  transform: translate(1.6rem, 1.5rem);
  overflow: hidden;
  color: #111;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.htl_contents_detail .map_info_wrap .sr_text2 .inner_sr {
  width: 72%;
  height: 100%;
  display: table;
  margin-left: 6%;
}
.htl_contents_detail .map_info_wrap .sr_text2 .inner_sr > div {
  display: table-cell;
  vertical-align: middle;
}
.htl_contents_detail .map_info_wrap .btn_map {
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  background: #5e2bb8
  url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_map_middle.png') no-repeat 50%
  50% / 3rem 2.9rem;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 0.5rem;
}
.htl_contents_detail .map_info_wrap + .shape {
  height: auto !important;
}
/* 주변정보 */
.htl_contents_detail .text_wrap.top {
  margin-top: 0;
}
.htl_contents_detail .text_wrap.top .tit.mid {
  display: block;
  clear: both; 
}
.htl_contents_detail .em_text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(#ffffff 50%, #efe9f8 50%);
  color: #5e2bb8;
  display: inline-block;
  width: auto;
  height: 2.3rem;
  line-height: 2rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  white-space: nowrap;
  position: relative;
  padding: 0 1.1rem;
}
.htl_contents_detail .em_text:before {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_quot_left.png')
  no-repeat 0 0 / 0.7rem 0.6rem;
  width: 0.7rem;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 0.4rem;
}
.htl_contents_detail .em_text:after {
  content: '';
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_quot_right.png')
  no-repeat 0 0 / 0.7rem 0.6rem;
  width: 0.7rem;
  height: 0.6rem;
  position: absolute;
  right: 0;
  top: 0.4rem;
}
.htl_contents_detail .em_text.v2 {
  background: linear-gradient(#ffffff 50%, #e5f6f0 50%);
  color: #00aa6c;
  margin: 0.5rem 0 0 2rem;
}
.htl_contents_detail .em_text.v2:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_quot_left2.png');
}
.htl_contents_detail .em_text.v2:after {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_quot_right2.png');
}
.htl_contents_detail .list_bul.disc2 > li {
  font-size: 1.2rem;
  color: #111;
  line-height: 2rem;
}
.htl_contents_detail .list_bul.disc2 > li + li {
  margin-top: 0.2rem;
}
.htl_contents_detail .list_bul.disc2 > li:before {
  top: 0.8rem;
  color: #888;
}
.htl .htl_contents_detail .btn.sml {
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_arr_15.png') no-repeat
  0 0 / 0.8rem 1.2rem;
  width: 0.8rem;
  height: 1.2rem;
  text-indent: -999rem;
  border: 0;
  padding: 0;
}

/*  booking att */
.htl .htl_detail_fixed {
  background: #fff;
  padding-bottom: 10px;
  position: fixed;
  top: 5.4rem;
  width: 100%;
  z-index: 55;
}
.htl .htl_detail_fixed_inner {
  position: relative;
  z-index: 55;
}
.htl_contents_detail .js_acc,
.htl_contents_detail .qna_list {
  border-top: 0;
}
.htl_contents_detail .detail_sticky_area {
  position: sticky;
  top: 5.4rem;
  z-index: 999;
  margin-top: 0;
  box-shadow: 0 -1px #fff;
} /* dialog-z-index-5000 */
.htl_contents_detail .hotel.ly_wrap {
  padding: 0;
  border: 0;
  height: 6.7rem;
}
.htl_contents_detail .hotel.ly_wrap .item_text {
  margin: 0;
  padding: 1rem 0 0;
}
.htl_contents_detail .hotel.ly_wrap .item_text span {
  font-size: 1.2rem;
  color: #111;
}
.htl_contents_detail .hotel.ly_wrap .inr strong {
  font-size: 1.4rem;
  color: #5e2bb8;
  padding-right: 0;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_arrow_dropdown_17.png')
  no-repeat 95% 60% / 0.9rem;
  margin-right: 1.6rem;
  padding-right: 1.3rem;
}
.htl_contents_detail .hotel.ly_wrap .inr strong span {
  font-family: inherit !important;
  font-size: 1.3rem;
  color: #5e2bb8;
}
.htl_contents_detail .hotel.ly_wrap .inr.right strong {
  font-family: inherit !important;
  margin: 0;
  padding: 0;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_arrow_dropdown_17.png')
  no-repeat right 60% / 0.9rem;
  margin-right: 0.5rem;
}
.htl_contents_detail .hotel.ly_wrap .inr.right strong span {
}

/* hotel detail - list */
.htl .header_wrap.htl_detail_type {
  background: transparent !important;
}
.htl .htl_detail_type #header .btn_prev:after,
.htl .slide .lypop_header .btn_prev:after {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_gnb_arrow34.png');
}
.htl .htl_detail_type #header .btn_right_menu:after {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/icn_gnb_menu_40_white.png);
}
.htl .htl_detail_type #header .btn_search {
  display: block !important;
}
.htl .htl_detail_type #header .btn_search:after {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_gnb_search_40_white.png);
}
.htl .htl_detail_type.scrolled #header .btn_prev:after,
.htl .slide .lypop_header .btn_prev:after {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico-gnb-arrow-back-40.png');
}
.htl .htl_detail_type.scrolled #header .btn_right_menu:after {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/com/icn-gnb-menu-40.png');
}
.htl .htl_detail_type.scrolled #header .btn_search:after {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico-search-34.png');
}

.htl_contents_detail .hotel_room.cont_unit {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background: #f4f5f9;
  padding: 0;
  position: relative;
  z-index: 1;
}
.htl_contents_detail .hotel_room .js_acc .header {
  display: block;
  position: relative;
  background: #fff;
  border-bottom: 0;
  height: auto;
  padding: 2rem 4.5rem 2rem 1.6rem;
  margin: 0 0 1rem;
}
.htl_contents_detail .hotel_room .js_acc .header:last-child {
  margin: 0;
}
.htl_contents_detail .hotel_room .js_acc .header strong {
  font-size: 1.6rem;
}
.htl_contents_detail .hotel_room .js_acc .header .price_num {
  font-size: 1.6rem;
  color: #111;
}
.htl_contents_detail .hotel_room .js_acc .header .price_num strong {
  font-size: 1.6rem;
}
.htl_contents_detail .hotel_room .js_acc .header .btn_arr {
  display: block;
  background: #fff url('https://image.hanatour.com/usr/static/img2/mobile/com/ic_down_arrow@3x.png')
  no-repeat 50% 50% / 0.8rem 0.4rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  margin-top: -1rem;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}
.htl_contents_detail .hotel_room .js_acc .header.active .btn_arr {
  transform: rotate( 180deg );
}
.htl_contents_detail .hotel_room .js_acc .view {
  margin: -1rem 0 0;
}
.htl_contents_detail .hotel_room .sp_list_wrap li.item_unit {
  overflow: visible;
  border-bottom: 1px solid #eaeaea;
  padding: 2.5rem 0 0;
  margin: 0 1.6rem;
}
.htl_contents_detail .hotel_room .sp_list_wrap li.item_unit:first-child {
  padding-top: 0;
}
.htl_contents_detail .hotel_room .sp_list_wrap li.item_unit:last-child {
  border: 0;
}
.htl_contents_detail .hotel_room .sp_list_wrap .item_unit.box {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #ecf0f2;
}
.htl_contents_detail .hotel_room .sp_list_wrap .item_unit .item_title {
  padding: 0;
  font-size: 1.5rem;
  color: #111;
}
.htl_contents_detail .hotel_room .sp_list_wrap.hotel_list.bg {
  padding: 0;
  border-top: 0;
  margin: 0 0 1rem;
  background-color: #fff;
}
.htl_contents_detail .hotel_room #tabCon01 .sp_list_wrap.hotel_list.bg {
  padding-top: 2rem;
}
.htl_contents_detail .hotel_room .sp_list_wrap.hotel_list .box_pos {
  padding: 0 0 2.5rem;
  border-bottom: 1px solid #ecf0f2;
}
.htl_contents_detail .hotel_room .sp_list_wrap.hotel_list .box_pos:last-child {
  border-bottom: 0;
}

.htl_contents_detail .hotel_room .sp_list_wrap .thumbnail {
  width: 100%;
  height: 11rem;
  object-fit: cover;
}
.htl_contents_detail .hotel_room .sp_list_wrap .thumbnail a {
  display: block;
  height: 11rem;
}
.htl_contents_detail .hotel_room .sp_list_wrap .thumbnail img {
  max-height: 11rem;
}
.htl_contents_detail .hotel_room .sp_list_wrap .thumbnail .detail_room {
  margin: 0;
  height: 11rem;
}
.htl_contents_detail .hotel_room .sp_list_wrap .thumbnail .detail_room.fraction .swiper-pagination {
  position: absolute;
  left: auto;
  right: 1rem;
  bottom: 1rem;
  width: auto;
  padding: 0 0.8rem 0 2.5rem;
  height: 2.1em;
  line-height: 2.1em;
  color: #fff;
  opacity: 0.7;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 1.2rem;
  background: #111 url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-pkg-visual-nav.png)
  no-repeat 0.9rem center / 1.1rem 0.9rem;
}
.htl_contents_detail
.hotel_room
.sp_list_wrap
.thumbnail
.detail_room.fraction
.swiper-pagination
.swiper-pagination-current {
  color: #fff !important;
  font-weight: 400 !important;
}
.htl_contents_detail .detail_visual {
  width: 100%;
  height: 27.2rem;
}
.htl_contents_detail .detail_visual img {
  width: 100%;
  height: 100%;
  max-height: 27.2rem;
  object-fit: cover;
}
.htl_contents_detail .detail_visual img.noimg{
  background:url(https://image.hanatour.com/usr/static/img2/mobile/htl/htl_no-images_720x544@3x.png) no-repeat 50% / cover ;
}

.htl_contents_detail .hotel_room .htl_flex {
  display: flex;
  justify-content: space-between;
}
.htl_contents_detail .hotel_room .htl_flex .item_title {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #111;
}
.htl_contents_detail .hotel_room .htl_flex .btn_info {
  display: block;
  font-size: 1.2rem;
  color: #888;
  position: relative;
  vertical-align: middle;
  padding-left: 1.6rem;
}
.htl_contents_detail .hotel_room .htl_flex .btn_info:before {
  content: '';
  display: block;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_info.png') no-repeat
  50% 50% / 0.3rem 0.6rem;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6rem;
}
.htl_contents_detail .hotel_room .room_policy {
  margin-top: 1rem;
  padding-right: 0;
  position: relative;
}
.htl_contents_detail .hotel_room .room_policy > span {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #111;
  padding-left: 2.1rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.htl_contents_detail .hotel_room .room_policy > span.room_condition {
  display: flex;
  padding: 0;
}
.htl_contents_detail .hotel_room .room_condition .persons,
.htl_contents_detail .hotel_room .room_condition .bed {
  position: relative;
  width: 60%;
  padding-left: 2.1rem;
  max-height: 1.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.htl_contents_detail .hotel_room .room_condition .persons {
  width: 20%;
  display:none;
}
.htl_contents_detail .hotel_room span.advantage {
  color: #0ebabf !important;
  display: block;
}
.htl_contents_detail .hotel_room span.nonrefund {
  color: #ed293b !important;
  display: block;
}
.htl_contents_detail .hotel_room .breakfast {
  display: block;
}
.htl_contents_detail .hotel_room .room_condition .persons:before,
.htl_contents_detail .hotel_room .room_condition .bed:before,
.htl_contents_detail .hotel_room .advantage:before,
.htl_contents_detail .hotel_room .breakfast:before,
.htl_contents_detail .hotel_room .nonrefund:before {
  content: '';
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  left: 0;
  top: 0.3rem;
}
.htl_contents_detail .hotel_room .room_policy > span.breakfast {
  color: #888;
}
.htl_contents_detail .hotel_room .room_policy > span.clr_blue {
  color: #0ebabf;
}
.htl_contents_detail .hotel_room .room_policy > span.clr_blue .tooltip_wrap.link .btn_tooltip {
  color: #0ebabf;
}
.htl_contents_detail .hotel_room .tooltip_wrap.link .btn_tooltip {
  font-size: 1.2rem;
  color: #888;
  text-decoration: none;
}
.htl_contents_detail .hotel_room .hotel_benefit .tooltip_wrap.link .btn_tooltip {
  position: relative;
  padding-right: 0;
  background: none;
  color: #111;
}
.htl_contents_detail .hotel_room .hotel_benefit .tooltip_wrap.link .btn_tooltip:after {
  content: '';
  display: block;
  position: absolute;
  right: -1.5rem;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_info.png') no-repeat
  50% 50% / 0.3rem 0.6rem;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
}
.htl_contents_detail .hotel_room .btn_tooltip + .tooltip_text {
  display: none;
}
.htl_contents_detail .hotel_room .btn_tooltip.on + .tooltip_text {
  display: block;
}
.htl_contents_detail .hotel_room .room_condition .persons:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_persons_22.png');
}
.htl_contents_detail .hotel_room .room_condition .bed:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_bed_22.png');
}
.htl_contents_detail .hotel_room .advantage:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_infoCheck_22.png');
  left: 0;
}
.htl_contents_detail .hotel_room .breakfast:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_breakfast_22.png');
  left: 0;
  top: 0.3rem;
}
.htl_contents_detail .hotel_room .breakfast.clr_blue:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_breakfast_22_on.png');
}
.htl_contents_detail .hotel_room .nonrefund:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_nonrefund_22.png');
  left: 0;
}
.htl_contents_detail .hotel_room .btn.txt.line {
  position: absolute;
  right: 0;
  top: 0;
  width: inherit;
  height: inherit;
  padding-right: 1.1rem !important;
  margin: 0.2rem 0 0;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_more_next.png')
  no-repeat right center / 1rem;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

/* price */
.htl_contents_detail .info_price_wrap {
  position: relative;
}
.htl_contents_detail .info_price_wrap > div {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 1rem;
}
.htl_contents_detail .info_price_wrap .info_price {
  padding-right: 9.5rem;
  position: relative;
  top: 0.3rem;
  text-align: right;
  margin-top: 0 !important;
  line-height: 1;
}
.htl_contents_detail .info_price_wrap .info_price.v2 {
  top: 0.2rem;
}
.htl_contents_detail .info_price_wrap .info_price.v2 p {
  font-size: 1.2rem;
  line-height: 1.33;
  color: #333;
  margin-right: -8.5rem;
}
.htl_contents_detail .info_price_wrap .info_price.v2 p strong {
  font-weight: 500;
  color: #5e2bb8;
}
.htl_contents_detail .info_price_wrap .info_price.login_txt {
  top: 0;
  padding-right: 0;
}
.htl_contents_detail .info_price_wrap .info_price.login_txt button {
  display: inline-block;
  padding: 0.9rem 1rem;
  color: #111;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
}
.htl_contents_detail .info_price_wrap .info_price.login_txt em {
  color: #a459f0;
}
.htl_contents_detail .info_price_wrap .one_night {
  display: inline-block;
  color: #111;
  font-size: 1.1rem;
  font-weight: 600;
}
.htl_contents_detail .info_price_wrap .one_night + .un_price {
  position: absolute;
  right: 13rem;
  top: 0.3rem;
}
.htl_contents_detail .info_price_wrap .un_price {
  display: inline-block;
  width: fit-content;
  text-decoration: line-through;
  color: #999;
  font-size: 1.1rem;
}
.htl_contents_detail .info_price_wrap .un_price span,
.htl_contents_detail .info_price_wrap .price.now span {
}
.htl_contents_detail .info_price_wrap .price.now {
  display: block;
  font-size: 1.3rem !important;
  color: #111;
}
.htl_contents_detail .info_price_wrap .price.now span {
  font-size: 1.8rem;
}
.htl_contents_detail .info_price_wrap .btn_wrap {
  padding-top: 0.7rem;
  padding-right: 0;
}
.htl_contents_detail .info_price_wrap .btn_wrap .btn {
  /*width:7rem;padding:0 .8rem;*/
  height: 3.8rem;
  line-height: 3.8rem;
  border: 0;
  background-color: #5e2bb8;
}
.htl_contents_detail .per_price {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #5e2bb8;
  white-space: nowrap;
  padding: 0 0.8rem 0 0.1em;
}
.htl_contents_detail .sp_list_wrap.hotel_list.bg ul li .btn_wrap {
  bottom: -2.5rem;
}

/* sp_list_wrap(review,similar) */
.htl_contents_detail .sp_list_wrap {
  margin-top: 2.5rem;
}
/* similar */
.htl_contents_detail .sp_list_wrap .sc_list.w15 .sc_item,
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .sc_item {
  width: 16rem;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .thumbnail {
  width: 16rem;
  height: 10.6rem;
  margin: 0 0 1rem 0;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .sc_item + .sc_item {
  margin: 0 0 0 0.8rem;
}
.htl_contents_detail .sc_list.w14h11 .wrap_grade {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #5e2bb8;
  padding-left: 0.2rem;
  font-weight: normal;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 li {
  position: relative;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 li .btn_detail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  font-size: 0.1rem;
  text-indent: -999rem;
}
.htl_contents_detail .sp_list_wrap .scroll_wrap .sc_list.w14h11 .item_title {
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-left: 0.2rem;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .item_unit .item_title {
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding-left: 0.2rem;
  margin: 0;
  font-weight: 400;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .item_unit .item_title_sub {
  font-size: 1.2rem;
  padding: .5rem 0 .5rem 0.2rem;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .item_unit .price strong {
  color: #111;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.htl_contents_detail .sp_list_wrap .sc_list.w14h11 .item_unit .price span {
  color: #111;
  font-size: 1.3rem;
}
/* 상품평 */
.htl_contents_detail .sp_list_wrap .sc_list .score,
.htl_contents_detail .list_review .score {
  position: relative;
  padding-left: 0;
  min-height: auto;
  display: flex;
  margin-bottom: 0;
}
.htl_contents_detail .sp_list_wrap .sc_list .score .e_logo,
.htl_contents_detail .list_review.type02 .score .e_logo {
  position: relative;
  font-size: 0;
  width: 5.4rem;
  height: 1.2rem;
}
.htl_contents_detail .sp_list_wrap .sc_list .score .e_logo::before,
.htl_contents_detail .list_review.type02 .score .e_logo::before {
  content: '';
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/expedia_logo.png) no-repeat
  0 0/100% auto;
  width: 5.4rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-radius: 0;
}
.htl_contents_detail .sp_list_wrap .sc_list .score .num,
.htl_contents_detail .list_review.type02 .score .num {
  position: relative;
  font-size: 1.3rem;
  vertical-align: middle;
  padding: 0.1rem 0 0 0.4rem;
  text-align: left;
  color: #202843;
  font-weight: 500;
}
.htl_contents_detail .sp_list_wrap .sc_list .score strong {
  font-weight: 400;
  font-size: 1.1rem;
  padding-top: 0.1rem;
  color:#5e2bb8;
  line-height:2.1rem;
}
.iOS .htl_contents_detail .sp_list_wrap .sc_list .score strong {
  line-height: 1.9;
}
.htl_contents_detail .list_review .score .hana_logo {
  position: relative;
  font-size: 0;
  width: 6.1rem;
  height: 1.2rem;
}
.htl_contents_detail .list_review .score .hana_logo::before {
  content: '';
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/hana_logo.png) no-repeat 0 0/100%
  auto;
  width: 6.1rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  top: 0.3rem;
  border-radius: 0;
}
.htl_contents_detail .list_review .score .num {
  position: relative;
  font-size: 1.3rem;
  vertical-align: middle;
  padding: 0.1rem 0.6rem 0 0.4rem;
  text-align: left;
  font-weight: 500;
  color: #5e2bb8;
}
.htl_contents_detail .list_review .score .e_logo::before {
  top: 0.3rem;
}
.htl_contents_detail .list_review .score .num {
  padding: 0 0 0 0.6rem;
  color: #111;
}
.htl_contents_detail .list_review .score span {
  font-size: 1.3rem;
  color: #999;
  position: relative;
  padding-left: 1.6rem;
  display: inline-block;
}
.htl_contents_detail .list_review .score span::before {
  content: '';
  position: absolute;
  left: 0.6rem;
  top: 0.8rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: #e5e5e5;
}
.htl_contents_detail .list_review .score span.sort {
  padding-top: 0.1rem;
}
.htl_contents_detail .list_review .score span.date {
  color: #999 !important;
  padding-top: 0;
}
.htl_contents_detail .list_review p {
  font-size: 1.3rem;
  line-height: 1.38;
}
.htl_contents_detail .list_review.type02 .score .number,
.htl_contents_detail .list_review.type02 .score strong {
  color: #111;
}
.htl_contents_detail .list_review.type02 .score .number::before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_star_12_black.png);
  width: 1.2rem;
}
.htl_contents_detail .list_review.type02 .score span {
  color: #111;
  display: inline-block;
}
.htl_contents_detail .list_review.type02 .btn.txt.em,
.htl_contents_detail .list_review.type02 .btn.ico .close_btn {
  color: #111 !important;
}
.htl_contents_detail .list_review li > div > p + a::after {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-pkg-point-p-more-17.png)
  no-repeat 0 0/100% auto !important;
  top: 0.3rem !important;
}
.htl_contents_detail .list_review li > div > p.eps2 + a::after, .htl_contents_detail .list_review li > div > p.eps3 + a::after {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-pkg-point-p-more-on-17.png) !important;
}

.htl_contents_detail .list_review.type02 li > div > p + a::after {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_arr_up_12.png) no-repeat
  0 0/100% auto !important;
  top: 0;
}
.htl_contents_detail .list_review.type02 li > div > p.eps2 + a::after, .htl_contents_detail .list_review.type02 li > div > p.eps3 + a::after {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_arr_down_12.png) !important;
}

.htl .contents.htl_contents_detail {
  padding-top: 0;
}
.htl .contents.htl_contents_detail .imgs_area {
  margin: 0;
}
.htl_contents_detail .sp_list_wrap.type.top {
  border-radius: 1.5rem 1.5rem 0 0;
  background: #fff;
  padding: 2rem 0 1.1rem;
  position: relative;
  margin-top: -1.5rem;
  z-index: 55;
}
.htl_contents_detail .sp_list_wrap.type.top .item_unit {
  padding: 0 1.6rem;
}
.htl_contents_detail .sp_list_wrap.type.top .item_unit .item_title {
  font-size: 1.8rem;
  padding: 0.6rem 0 0.4rem;
  line-height:1.4;
}
.htl_contents_detail .sp_list_wrap .wrap_grade {
  font-size: 1.2rem;
  color: #999;
  vertical-align: top;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.sp_list_wrap .wrap_grade .htl_event_label {
  color: #1d1d1b;
  background-color: #ffd040;
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.1rem;
  padding: 0 0.5rem;
  border-radius: 0.2rem;
  float: left;
  margin-top: 0.1rem;
} /*숙박대전용 라벨*/
.htl_contents_detail .sp_list_wrap .wrap_grade span {
  padding-left: 1.1rem;
  position: relative;
}
.htl_contents_detail .sp_list_wrap .wrap_grade span:before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 100%;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  margin-top: -0.1rem;
}

.htl_contents_detail .sp_list_wrap .item_unit p.wrap_star + .item_title {
  font-size: 1.8rem;
  color: #111;
}
.htl_contents_detail .sp_list_wrap .item_unit .item_title.top + .item_text {
  font-size: 1.2rem;
  color: #666;
}

.htl_contents_detail .sp_list_wrap.htl_recommend {
  overflow: hidden;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  padding: 0;
  margin-top:0;
}
.htl_contents_detail .sp_list_wrap.htl_recommend .scroll_wrap {
  margin: 0;
}
.htl_contents_detail .sp_list_wrap.htl_recommend .sc_list {
  padding: 0;
}
.htl_contents_detail .sp_list_wrap.htl_recommend .sc_list li:last-child {
  margin-right: 1.6rem;
}

.htl_contents_detail .review_area {
  padding: 0 1.6rem;
  vertical-align: middle;
  margin: 0 0 1.8rem;
}
.htl_contents_detail .review_area .ly_wrap {
  margin-top: 0;
  margin-bottom: 1.8rem;
}
.htl_contents_detail .review_area .ly_wrap .inr {
  display: flex;
  width: 100%;
  padding: 0;
  background: #fff;
  position: relative;
  min-height: 1.8rem;
}
.htl_contents_detail .review_area .score {
  position: relative;
  padding-left: 0;
  min-height: auto;
  display: flex;
}
.htl_contents_detail .review_area .score .e_logo {
  position: relative;
  font-size: 0;
  width: 7.2rem;
  height: 1.6rem;
}
.htl_contents_detail .review_area .score .e_logo::before {
  content: '';
  background: url(https://image.hanatour.com/usr/static/img2/mobile/com/expedia_logo.png) no-repeat
  0 0/100% auto;
  width: 7.2rem;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.htl_contents_detail .review_area .score .num {
  position: relative;
  font-size: 1.3rem;
  vertical-align: middle;
  padding: 0.1rem 0.8rem 0 0.5rem;
  text-align: left;
  font-weight: 500;
  color: #202843;
}
.htl_contents_detail .review_area .score strong {
  color: #5e2bb8;
  font-size: 1.3rem;
  display: block;
  font-weight: 400;
}
.htl_contents_detail .review_area .score .sr_text {
  color: #5e2bb8;
  display: inline-block;
  margin: 0.1rem 0 0 0.5rem;
  font-size: 1.2rem;
  vertical-align: middle;
}
.iOS .htl_contents_detail .review_area .score strong {
  line-height: 1.8;
}
.htl_contents_detail .review_area .item_text {
  padding-left: 2.2rem;
}
.htl_contents_detail .review_area .item_text .item.trip:before {
  background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_tripadvisor.png);
  background-size: 2rem 1rem;
  width: 2rem;
  height: 1rem;
  top: 62%;
  left: -2rem;
}
.htl_contents_detail .review_area .trip_text {
  color: #111;
  font-size: 1.2rem;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: underline;
  font-weight: 600;
}

.htl .review_dsc {
  padding: 3rem 0;
}
.htl .review_dsc p {
  font-size: 12px;
  color: #aaaaaa;
  letter-spacing: -0.05rem;
}
.htl .review_dsc .btn {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin-top: 0.8rem;
  border: 0;
}
.htl .review_dsc .btn a {
  font-size: 1.2rem;
  letter-spacing: -0.05rem;
  color: #111;
  padding: 0 1.5rem;
  height: 2.9rem;
  line-height: 2.9rem;
  border: 1px solid #e5e5e5;
  border-radius: 5.5rem;
}

/* score */
.htl_contents_detail .review_area.v2 {
  display: flex;
  padding: 0 1.6rem;
}
.htl_contents_detail .review_area.v2 .inr {
  flex: 1 1 auto;
  background: #fff;
  padding: 0;
}
.htl_contents_detail .review_area.v2 .inr.line {
  border-left: 1px solid #ecf0f2;
  padding-left: 0.8rem;
  border-radius: 0;
}
.htl_contents_detail .review_area.v2 .item_text {
  text-align: center;
  color: #888;
  padding-left: 0;
  margin: 0;
}
.htl_contents_detail .review_area.v2 .item_text .em_text {
  margin-top: 0;
}
.htl_contents_detail .review_area.v2 .trip_advisor {
  position: relative;
  padding-left: 2.2rem;
}
.htl_contents_detail .review_area.v2 .trip_advisor:before {
  content: '';
  display: block;
  position: absolute;
  left: -0.5rem;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/bg_tripadvisior.png')
  repeat-x 0 0 / auto 1.8rem;
}
.htl_contents_detail .review_area.v2 .trip_advisor.star {
  padding-left: 0;
}
.htl_contents_detail .review_area.v2 .trip_advisor.star:before {
  content: none;
}
.htl_contents_detail .review_area.v2 .trip_advisor em {
  display: inline-block;
  width: 7.1rem;
  height: 1.4rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/bg_tripadvisior_one2_off.png')
  repeat-x 0 0 / auto 1.4rem;
}
.htl_contents_detail .review_area.v2 .trip_advisor em span {
  display: block;
  width: 100%;
  height: 1.4rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/bg_tripadvisior_one2.png')
  repeat-x 0 0 / auto 1.4rem;
}
.htl_contents_detail .review_area.v2 .trip_advisor.star em {
  width: 9.5rem;
  height: 1.9rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/bg_star_one_off.png')
  repeat-x 0 0 / auto 1.85rem;
}
.htl_contents_detail .review_area.v2 .trip_advisor.star em span {
  display: block;
  width: 100%;
  height: 1.6rem;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/bg_star_one_on.png')
  repeat-x 0 0 / auto 1.85rem;
}
.htl_contents_detail .review_area.v2 .inr > .item_text.trip {
  font-size: 1.8rem;
  color: #999;
  vertical-align: bottom;
  padding-top: 2.4rem;
}
.htl_contents_detail .review_area.v2 .inr > .item_text.trip strong {
  font-size: 2.4rem;
  font-weight: bold;
  color: #111;
}
.htl_contents_detail .review_area.v2 .inr > .item_text.trip strong.sr_text {
  font-size: 1.5rem;
  color: #5e2bb8;
}
.htl_contents_detail .review_area.v2 .inr > .item_text.sr_text {
  text-align: center;
  font-size: 1.2rem;
  color: #111;
  letter-spacing: -0.07rem;
  font-weight: 600;
}
.htl_contents_detail .btn {
  letter-spacing: -0.07rem;
}
.htl_contents_detail .progress_group.review {
  padding-top: 0;
}
.htl_contents_detail .progress_group.review li {
  display: block;
  float: left;
  width: 16%;
  padding-top: 0;
  text-align: center;
  text-align: -webkit-center;
}
.htl_contents_detail .progress_group.review li:nth-child(even) {
  margin-left: 0;
}
.htl_contents_detail .progress_group.review li p {
  font-size: 0.9rem;
  font-weight: 700;
  color: #111;
  padding-top: 0.5rem;
  letter-spacing: -1px;
}
.htl_contents_detail .progress_group.review li p span {
  display: block;
  color: #111;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0;
  text-align: center;
  float: none;
  letter-spacing: normal;
}
.htl_contents_detail .progress_group .progress {
  margin-top: 0.5rem;
}
.htl_contents_detail .progress {
  height: 4rem;
  width: 0.4rem;
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 0.3rem;
  flex: 6;
}
.htl_contents_detail .progress .progress_bar {
  background: #e5e5e5;
  position: absolute;
  bottom: 0;
  width: 0.4rem;
  border-radius: 0.3rem;
}
.htl_contents_detail .progress .progress_bar.best{background:#5e2bb8}
.htl_contents_detail .review_area.v2.type02 .inr.line {
  padding: 0 0 2rem 0;
}
.htl_contents_detail .review_area.v2.type02 .inr > .item_text.trip strong {
  color: #111;
}
.htl_contents_detail .review_area.v2.type02 .inr > .progress_group.review {
  padding: 0 3rem;
}
.htl_contents_detail .review_area.v2.type02 .inr > .progress_group.review li {
  width: 25%;
}
.htl_contents_detail .review_area.v2.type02 .inr > .progress_group.review li p span {
  color: #343b53;
}
.htl_contents_detail .review_area.v2.type02 .progress .progress_bar {
  background: #e5e5e5;
}
.htl_contents_detail .review_area.v2.type02 .progress .progress_bar.best{background: #343b53;}
.offer_expedia{font-size:0;margin:-1rem 0 1.5rem;padding-bottom:0.8rem;position:relative}
.offer_expedia::before{content:"";background:url(https://image.hanatour.com/usr/static/img2/mobile/com/expedia_logo.png) no-repeat 0 0/100% auto;width:7.2rem;height:1.6rem;position:absolute;left:0;top:0}
.htl_contents_detail .htl_sum_wrap {
  border-top: 1px solid #f4f5f7;
  padding: 1.5rem 0 0;
}
.htl_contents_detail .htl_sum_wrap .total {
  font-size: 1.2rem;
  color: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.htl_contents_detail .htl_sum_wrap .total .right_cont {
  font-size: 1.4rem;
  color: #111;
  vertical-align: middle;
  position: relative;
  top: 0;
}
.htl_contents_detail .htl_sum_wrap .total .right_cont em {
  font-size: 2rem;
  color: #111;
  vertical-align: baseline;
}
.htl_contents_detail .htl_sum_wrap .total .right_cont .un_price {
  text-decoration: line-through;
  color: #999;
  font-size: 1.2rem;
  font-weight: normal;
  margin-right: 0.5rem;
}

.htl_contents_detail .data_no {
  background: #fff;
  text-align: center;
  padding: 2.5rem 0;
  margin-top: 0.5rem;
  margin-bottom: 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1rem solid #f4f5f9;
}
.htl_contents_detail .data_no .thumbnail {
  width: 5.5rem;
  height: 5.5rem;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_htl.png) no-repeat 0 0 /
    cover;
  margin: 0 auto;
  font-size: 0;
}
.htl_contents_detail .data_no strong {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  color: #111;
}
.htl_contents_detail .data_no.type strong {
  font-weight: 600;
}
.htl_contents_detail .data_no p {
  margin: 0;
  font-size: 1.2rem;
  color: #666;
}
.htl_contents_detail .data_no .btn_wrap a {
  display: block;
  width: 15.8rem;
  height: 3.2rem;
  line-height: 3rem;
  border-radius: 0.4rem;
  border: solid 1px #5e2bb8;
  font-size: 1.2rem;
  color: #5e2bb8;
  font-weight: 666;
  margin: 0 auto;
}

/* hotel-benefit */
.htl_contents_detail .hotel_benefit {
  position: relative;
  background: #f9f9f9;
  padding: 1.1rem 1.1rem 0.5rem;
  margin-top: 1.5rem;
}
.htl_contents_detail .hotel_benefit ul a {
  color: #666;
}
.htl_contents_detail .hotel_benefit .tooltip_text {
  font-size: 1.3rem;
}
.htl_contents_detail .hotel_benefit .tooltip_text .tit {
  display: block;
  color: #5e2bb8;
}
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li.type01,
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li.type02 {
  background: #f9f9f9 url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_benefit01.png')
  no-repeat 0 0 / 1.3rem 1.3rem;
  font-size: 1.1rem;
  padding-left: 1.8rem;
}
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li.type02 {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_benefit02.png');
  color: #5e2bb8;
  margin-top: 0.5rem;
}
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li > ul {
  margin-top: 0.5rem;
}
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li > ul > li,
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li > ul > li + li {
  line-height: 1.45;
  color: #111;
  position: relative;
  padding: 0 0 0.2rem 0.7rem;
  margin: 0;
  background: none;
}
.htl_contents_detail .sp_list_wrap.hotel_list .hotel_benefit li > ul > li:before {
  content: '';
  width: 0.3rem;
  height: 0.1rem;
  background: #111;
  position: absolute;
  left: 0;
  top: 0.8rem;
}

/* label-비밀,회원,투데이 */
.htl .label_wrap {
  display: flex;
  margin: 1rem 0 0.5rem;
}
.htl .label_wrap + .label_wrap {
  margin-top: 0;
}
.htl_contents_detail .label {
  background: linear-gradient(to right, #a056f1, #be73e6, #e89bd7);
  border-radius: 0.2rem;
  font-size: 1rem;
  color: #fff;
  padding: 0 0.4rem;
  height: 1.7rem;
  line-height: 1.7rem;
  width: fit-content;
  margin-right: 0.5rem;
  font-weight: 600;
  font-weight: bold;
}
.htl_contents_detail .label.v1 {
  background: linear-gradient(to right, #a056f1, #be73e6, #e89bd7);
} /* 비밀특가 */
.htl_contents_detail .label.v2 {
  background: linear-gradient(to right, #ff560a, #ff8141, #ffc293);
} /* 투데이특가 */
.htl_contents_detail .label.v3 {
  background: linear-gradient(to right, #f10f8a, #f6419f, #fc89be);
} /* 회원특가 */
.htl_contents_detail .label.v4 {
  background: linear-gradient(to right, #e23766, #e7526f, #ee8480);
} /* Hana Benefit 제공 숙소 */
.htl_contents_detail .label.v5 {
  background: linear-gradient(to right, #357ddd, #4298df, #55bfe2);
} /* 예약률이 높은 숙소 */
.htl_contents_detail .label.v6 {
  background: linear-gradient(to right, #48c2b5, #5fcdbc, #88e1c8);
} /* 인기검색 숙소 */
.htl_contents_detail .label.v7 {
  background: linear-gradient(to right, #9656f4, #9470f5, #909ff7);
} /* 신규오픈 */
.htl_contents_detail .label.v8 {
  color: #222;
  background: linear-gradient(to right, #ffd040, #ffd864, #ffe8a6);
} /* 숙박대전 */
.htl_contents_detail .label.v9 {
  color: #5e2bb8;
  background: none;
  border: 1px solid #5e2bb8;
} /* 35%특가 할인 */
.htl_contents_detail .time {
  padding-left: 0.3rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #ff570c;
  margin-right: 0.5rem;
}

/* 숙박대전 */
.htl_contents_detail .htl_event a {
  overflow: hidden;
  display: block;
  background-color: #ffd040;
  color: black;
  margin: -2.5rem 0 0 0;
  position: relative;
  text-align: center;
}
.htl_contents_detail .htl_event a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.htl_contents_detail .htl_event + .shape {
  height: 3.5rem;
}
.htl_contents_detail .htl_event + .shape:before {
  display: none;
}

/* 상품상세페이지 이벤트 */
.htl_contents_detail .event_area {
  margin: 2rem 1.6rem;
}
.htl_contents_detail .event_area > a {
  display: block;
  padding: 1.5rem;
  border: 1px solid #5e2bb8;
  border-radius: 5px;
}
.htl_contents_detail .event_area .tit {
  color: #5e2bb8;
  font-size: 1.4rem;
  line-height: 1.8rem;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_event_45.png) no-repeat
  0 10% / 1.4rem;
  padding-left: 1.7rem;
  margin-bottom: 0.4rem;
}
.htl_contents_detail .event_area p {
  color: #111;
  font-size: 1.2rem;
}

/* 추천특가 */
.htl_contents_detail .vote_product {
  background-color: rgba(151, 77, 244, 0.1);
  padding: 2rem 0;
  border-bottom: 1rem solid #f4f5f7;
  margin: 0 0 -1.5rem;
}
.htl_contents_detail .vote_product > strong.tit {
  color: #5e2bb8;
  font-size: 1.6rem;
  display: block;
  margin: 0 1.6rem 1rem;
}
.htl_contents_detail .vote_product ul {
}
.htl_contents_detail .vote_product > ul > li {
  background-color: #fff;
  margin: 1rem 1.6rem;
  padding: 1.5rem;
  border-radius: 10px;
}
.htl_contents_detail .vote_product ul li .htl_flex {
  display: flex;
  justify-content: space-between;
}
.htl_contents_detail .vote_product ul li .htl_flex .item_title {
  color: #111;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.1rem;
}
.htl_contents_detail .vote_product ul li .htl_flex .btn_info {
  display: block;
  font-size: 1.2rem;
  color: #888;
  position: relative;
  vertical-align: middle;
  padding-left: 1.6rem;
}
.htl_contents_detail .vote_product ul li .htl_flex .btn_info:before {
  content: '';
  display: block;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_info.png') no-repeat
  50% 50% / 0.3rem 0.6rem;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6rem;
}
.htl_contents_detail .vote_product ul li .room_policy {
  position: relative;
  margin-top: 1rem;
}
.htl_contents_detail .vote_product ul li .room_policy > span {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #111;
  padding-left: 2.1rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.htl_contents_detail .vote_product ul li .room_policy > span.room_condition {
  display: flex;
  padding: 0;
}
.htl_contents_detail .vote_product ul li .room_policy .room_condition {
  display: block;
}
.htl_contents_detail .vote_product ul li .room_policy .room_condition .persons,
.htl_contents_detail .vote_product ul li .room_policy .room_condition .bed {
  position: relative;
  width: 60%;
  padding-left: 2.1rem;
  max-height: 1.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.htl_contents_detail .vote_product ul li .room_policy .room_condition .persons {
  width: 20%;
}
.htl_contents_detail .vote_product ul li .room_policy .nonrefund {
  display: block;
  color: #ed293b;
} /* 환불불가 */
.htl_contents_detail .vote_product ul li .room_policy .breakfast {
  padding-top: 0.2rem;
}
.htl_contents_detail .vote_product ul li .room_policy .room_condition .persons:before,
.htl_contents_detail .vote_product ul li .room_policy .room_condition .bed:before,
.htl_contents_detail .vote_product ul li .room_policy .advantage:before,
.htl_contents_detail .vote_product ul li .room_policy .breakfast:before,
.htl_contents_detail .vote_product ul li .room_policy .nonrefund:before {
  content: '';
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  left: 0;
  top: 0.3rem;
}
.htl_contents_detail .vote_product ul li .room_policy .room_condition .persons:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_persons_22.png');
}
.htl_contents_detail .vote_product ul li .room_policy .room_condition .bed:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_bed_22.png');
}
.htl_contents_detail .vote_product ul li .room_policy .advantage:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_infoCheck_22.png');
  left: 0;
}
.htl_contents_detail .vote_product ul li .room_policy .breakfast:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_breakfast_22.png');
  left: 0;
  top: 0.1rem;
}
.htl_contents_detail .vote_product ul li .room_policy .breakfast.clr_blue:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_breakfast_22_on.png');
}
.htl_contents_detail .vote_product ul li .room_policy .nonrefund:before {
  background-image: url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_nonrefund_22.png');
  left: 0;
}
.htl_contents_detail .vote_product ul li .room_policy .btn.txt.line {
  position: absolute;
  right: 0;
  top: 0;
  width: inherit;
  height: inherit;
  padding-right: 1.1rem !important;
  margin: 0.2rem 0 0;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_more_next.png')
  no-repeat right center / 1rem;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.htl_contents_detail .vote_product ul li .room_policy .tooltip_wrap a {
  font-size: 1.2rem;
}
.htl_contents_detail .vote_product ul li .room_policy a.btn.txt.line {
  position: absolute;
  right: 0;
  top: 0;
}
.htl_contents_detail .vote_product ul li .info_price_wrap .info_price_inner {
  position: relative;
}
.htl_contents_detail .vote_product ul li .info_price_wrap .info_price_inner .info_price {
  top: 0;
  height: 3.8rem;
}
.htl_contents_detail .vote_product ul li .info_price_wrap .info_price_inner .info_price > div {
  float: right;
}
.htl_contents_detail
.vote_product
ul
li
.info_price_wrap
.info_price_inner
.info_price
> div
+ div {
  margin-top: 0.3rem;
  clear: both;
}
.htl_contents_detail .vote_product ul li .info_price_wrap .info_price_inner .info_price .price.pre {
  display: inline-block;
  height: auto;
}
.htl_contents_detail
.vote_product
ul
li
.info_price_wrap
.info_price_inner
.info_price
.discount_p {
  color: #5e2bb8;
  font-size: 1.8rem;
  float: left;
  margin: 0.2rem 1rem 0 0;
}
.htl_contents_detail .vote_product ul li .info_price_wrap .info_price_inner .info_price .price.now {
  display: inline-block;
  float: right;
  line-height: 100%;
  margin-top: 0.1rem;
}
.htl_contents_detail
.vote_product
ul
li
.info_price_wrap
.info_price_inner
.info_price
.price.now
span {
  line-height: 100%;
}
.htl_contents_detail .vote_product ul li .info_price_wrap .btn_wrap {
  position: absolute;
  right: 0;
  bottom: 0;
}
.htl_contents_detail .vote_product ul li .hash_tag {
  background-color: #f9f9f9;
  padding: 1.5rem;
  margin: 2rem -1.5rem -1.5rem -1.5rem;
  border-radius: 4px;
}
.htl_contents_detail .vote_product ul li .hash_tag a {
  display: block;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_more_next.png')
  no-repeat 100% 2px / 1rem;
}
.htl_contents_detail .vote_product ul li .hash_tag a ul li {
  color: #111;
  font-size: 1.2rem;
}
.htl_contents_detail .vote_product .product_more {
  text-align: center;
}
.htl_contents_detail .vote_product .product_more a {
  position: relative;
  display: inline-block;
  color: #111;
  font-size: 1.2rem;
}
.htl_contents_detail .vote_product .product_more a::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  right: -15px;
  top: 5px;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-pkg-point-more-17.png)
  no-repeat 100% 50% / 10px;
}
.lypop_body.htl_event_pop {
  padding-top: 0 !important;
}
.lypop_body.htl_event_pop .tit {
  padding: 0 1.6rem 2rem;
  font-size: 1.6rem;
  color: #111;
  border-bottom: 1px solid #eaeaea;
}
.lypop_body.htl_event_pop .tag_list {
  overflow: hidden;
  margin: 2rem 1.6rem -0.5rem;
}
.lypop_body.htl_event_pop .tag_list li {
  float: left;
  margin: 0 0.5rem 0.5rem 0;
}
.lypop_body.htl_event_pop .tag_list li a {
  display: block;
  padding: 0.6rem 0.9rem;
  background-color: #f4f5f7;
  color: #111;
  border-radius: 15px;
  font-size: 1.1rem;
}
.lypop_body.htl_event_pop .benfit {
  display: block;
  margin: 2rem 1.6rem 1rem;
  color: #5e2bb8;
  font-size: 1.4rem;
  font-weight: 600;
}
.lypop_body.htl_event_pop .benfit em {
  color: #111;
}
.lypop_body.htl_event_pop > p {
  margin: 0 1.6rem 2rem;
  font-size: 1.2rem;
}
.lypop_body.htl_event_pop p ol,
.lypop_body.htl_event_pop p ul,
.lypop_body.htl_event_pop p li {
  list-style: unset;
  margin-left: 20px;
}

.lypop_body.htl_event_pop .img_st {
  display: block;
  margin: 3rem 1.6rem 0;
  max-width: 400px;
}
.lypop_body.htl_event_pop .img_st img {
  width: 100%;
}
.htl_contents_detail .hotel_room.renew .js_acc .header + div {
  margin-top: -1rem;
}
.htl_contents_detail .hotel_room.renew .room_policy > span.room_condition {
  margin-bottom: 1rem;
}
.htl_contents_detail .hotel_room.renew ul li .info_price_wrap .info_price_inner {
  position: relative;
}
.htl_contents_detail .hotel_room.renew ul li .info_price_wrap .info_price_inner .info_price {
  top: 0;
  height: 3.8rem;
}
.htl_contents_detail .hotel_room.renew ul li .info_price_wrap .info_price_inner .info_price > div {
  float: right;
  min-height: 1.2rem;
  margin-top: 0.2rem;
}
.htl_contents_detail
.hotel_room.renew
ul
li
.info_price_wrap
.info_price_inner
.info_price
> div
+ div {
  clear: both;
  margin-top: 0.2rem;
}
.htl_contents_detail
.hotel_room.renew
ul
li
.info_price_wrap
.info_price_inner
.info_price
.price.pre {
  display: inline-block;
  height: auto;
}
.htl_contents_detail
.hotel_room.renew
ul
li
.info_price_wrap
.info_price_inner
.info_price
.discount_p {
  color: #5e2bb8;
  font-size: 1.8rem;
  float: left;
  margin: 0.2rem 1rem 0 0;
}
.htl_contents_detail
.hotel_room.renew
ul
li
.info_price_wrap
.info_price_inner
.info_price
.price.now {
  display: inline-block;
  float: right;
  line-height: 100%;
}
.htl_contents_detail
.hotel_room.renew
ul
li
.info_price_wrap
.info_price_inner
.info_price
.price.now
span {
  line-height: 100%;
}
.htl_contents_detail .hotel_room.renew ul li .hash_tag {
  background-color: #f9f9f9;
  padding: 1.5rem;
  margin-top: 2rem;
  border-radius: 4px;
}
.htl_contents_detail .hotel_room.renew ul li .hash_tag a {
  display: block;
  background: url('https://image.hanatour.com/usr/static/img2/mobile/com/ico_more_next.png')
  no-repeat 100% 2px / 1rem;
}
.htl_contents_detail .hotel_room.renew ul li .hash_tag ul li {
  color: #111;
  font-size: 1.2rem;
}

/* 숙소 공지사항*/
.htl_contents_detail .notice_area {
  margin: 2rem 1.6rem 0;
}
.htl_contents_detail .notice_area .tit {
  color: #111;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  line-height: 100%;
}
.htl_contents_detail .notice_area .txtbox {
  padding-bottom: 2rem;
  line-height: 1.8;
}
.htl_contents_detail .notice_area .txtbox.on {
  max-width: 400px;
}
.htl_contents_detail .notice_area .txtbox .covid_notice {
  color: #111;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/ico_notice_45.png) no-repeat
  0 0.5rem / 1.3rem;
  padding: 0 0 0 1.8rem;
}
.htl_contents_detail .notice_area .txtbox .txt {
  position: relative;
  max-height: 112px;
  overflow: hidden;
}
.htl_contents_detail .notice_area .txtbox.on .txt {
  height: auto;
  max-height: unset;
}
.htl_contents_detail .notice_area .txtbox .txt::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  bottom: -0.1rem;
  background: url(https://image.hanatour.com/usr/static/img2/mobile/htl/htl-gradient.png) repeat-x
  100% 0;
}
.htl_contents_detail .notice_area .txtbox.on .txt::after,
.htl_contents_detail .notice_area .txtbox.no_cover .txt::after {
  display: none;
}
.htl_contents_detail .notice_area .txtbox img {
  margin-top: 1rem;
  max-width: 100%;
  height: auto;
}
.htl_contents_detail .notice_area .more {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 1rem 0;
  margin-bottom: 2rem;
}
.htl_contents_detail .notice_area .more::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  left: 0;
  top: 50%;
  z-index: 0;
}
.htl_contents_detail .notice_area .more a {
  position: relative;
  padding: 1rem 3.5rem;
  border: 1px solid #d8d8d8;
  line-height: 2rem;
  border-radius: 2rem;
  background-color: #fff;
  color: #333;
  font-size: 1.1rem;
  z-index: 1;
}
.htl_contents_detail .notice_area .more a span {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-pkg-point-more-17.png)
  no-repeat 100% 50%;
  background-size: 1rem;
  padding-right: 1.4rem;
}
.htl_contents_detail .notice_area .txtbox.on + .more a span {
  background: url(https://image.hanatour.com/usr/static/img2/mobile/pkg/ico-pkg-point-more-on-17.png)
  no-repeat 100% 50%;
  background-size: 1rem;
  padding-right: 1.4rem;
}
.htl_contents_detail .notice_area ol,
.htl_contents_detail .notice_area ul,
.htl_contents_detail .notice_area li {
  list-style: unset;
  margin-left: 20px;
}

/*상품평 레이아웃*/
.lypop_body.htl_type4 {
  margin: 0;
  padding-top: 0.5rem;
}
.lypop_body.htl_type4 .btn.ico .qna {
  padding: 0;
  background: none;
  letter-spacing: -0.08rem;
}
.lypop_body.htl_type4 hr.shape:before,
.lypop_body.htl_type4 hr.shape:after {
  border-radius: 0;
}
.lypop_body.htl_type4 .htl_contents_detail .review_area.v2,
.lypop_body.htl_type4 .board_wrap {
  padding: 0;
}

/*211012 추가*/
.htl_switch_wrap{display:flex;justify-content:flex-end;margin-bottom:1.5rem} 
.htl_switch_wrap p{font-size:1.2rem;color:#111;margin-right:0.45rem}
/*switch*/
.htl_switch_wrap .switch{position:relative;margin:0;height:2.4rem;line-height:2.4rem}
.htl_switch_wrap .switch input[type='checkbox']{position:absolute;top:0;left:0;border:0;opacity:0 !important;appearance:none;vertical-align:middle}
.htl_switch_wrap .switch .label_switch{height:2.4rem;line-height:2.4rem;vertical-align:top}
.htl_switch_wrap  .switch .label_switch:before, .htl_switch_wrap .switch .label_switch:after{content:'';transition:-webkit-transform 0.15s ease-in-out, transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;cursor:pointer;margin:0}
.htl_switch_wrap .switch .label_switch:before{display:inline-block;width:3rem;height:1.7rem;border-radius:1.2rem;background-color:#e8e8e8;vertical-align:top}
.htl_switch_wrap .switch .label_switch:after{position:absolute;top:0.1rem;left:0.2rem;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 20%)}
.htl_switch_wrap .switch input[type='checkbox']:checked + .label_switch:before{background-color:#5e2bb8}
.htl_switch_wrap .switch input[type='checkbox']:checked + .label_switch:after{background-color:#fff;transform:translateX(1.2rem)}
/*easy:btn*/  
.easy_btn{display:block;padding:0 3rem 0 3rem;min-width:22.1rem;height:5rem;line-height:5rem;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.22);font-size:1.3rem;color:#000;font-weight:600;border-radius:25px;text-align:left;background-color:#fff;position:sticky;left:0;bottom:3.5rem;right:0;margin:0 auto}
.easy_btn.bundle{display:flex;padding:0;width:calc(100% - 13rem);max-width:23rem}
.easy_btn.bundle button.reload{min-width:15.8rem;position:relative;padding:0 1.8rem;}
.easy_btn.bundle button.close{min-width:6.2rem}
.easy_btn.bundle button::before{content:'';position:absolute;right:0;top:50%;margin-top:-0.5rem;width:1px;height:1rem;background-color:#666}
.easy_btn.bundle button + button::before{content: none}
.easy_btn.bundle button span {padding-left:1.9rem;position: relative;font-weight:600}
.easy_btn.bundle button span::before{content:'';background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;width:1.4rem;height:1.4rem;position:absolute;left:0;top:50%;margin-top:-0.7rem} 
.easy_btn.bundle button.reload span::before{background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_refresh.png);width:1.3rem}
.easy_btn.bundle button.close span{font-size:0;width:1.6rem;height:1.6rem;display:block;margin:0 auto}
.easy_btn.bundle button.close span::before{background-image: url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_close_24.png);width:1.8rem;height:1.8rem;margin-top:-.9rem}
/*search*/
.htl_type .box_search{position:relative}
.htl_type .deletable{border-radius:.7rem;min-height:4rem}
.htl_type .deletable input.inpt_text, .htl_type .field_group>.deletable.col.on input.inpt_text{height:3.8rem;width:calc(100% - 4.5rem)}
.htl_type .deletable .btn_reset{top:.5rem;right:3rem} 
.htl_type .field_group>.deletable + button.btn_search{position:absolute;right:.1rem;top:.1rem;width:2.8rem;height:3.8rem;font-size:0}
.htl_type .btn_search::before{content:"";position:absolute;top:1.2rem;left:inherit;right:1.2rem;width:1.6rem;height:1.6rem;background:url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_search_24.png) no-repeat 0 0/100% auto}
.htl_type .star_score{display:inline-block;width:1.3rem;height:1.2rem;line-height:2rem;vertical-align:top;margin:1.25rem 0 0;padding:0;background:url(https://image.hanatour.com/usr/static/img2/mobile/submain/bg_star_x_one_off.png) no-repeat 0 0/100% auto;font-size:0;}
.htl_type .form_holder.check input[type='checkbox']:checked+.label_text .star_score{background-image:url(https://image.hanatour.com/usr/static/img2/mobile/submain/bg_star_x_one_on.png)}
/*//211012 추가*/

/*220506 추가*/
.htl .option_wrap{min-height:2.8rem}
.htl .btn_more_wrap{padding:2rem 2.6rem}
.htl .btn_more_wrap button{width:100%;height:5.2rem;display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;border-radius:2.6rem}
.htl .btn_more_wrap button span{position:relative;font-size:1.5rem;font-weight:700;color:#111;letter-spacing:-0.06rem}
.htl .btn_more_wrap button span::after{content:"";display:inline-block;position:relative;margin-left:0.8rem;background:url(https://image.hanatour.com/usr/static/img2/mobile/com/ico_arrDown_w12.png) no-repeat 0 0/100% auto;width:1.2rem;height:1.2rem}

/* 220629 추가 */
.htl_contents_detail .sp_list_wrap .sc_list .score{margin-bottom:0.8rem;}
.htl_contents_detail .sp_list_wrap .sc_list .score .wrap_star_pink,
.htl_contents_detail .review_area .score .wrap_star_pink,
.htl_contents .sp_list_wrap.hotel_list .score .wrap_star_pink{width: 1.1rem;margin-top:0.5rem;}
.htl_contents_detail .sp_list_wrap .sc_list .score .num,
.htl_contents_detail .review_area .score .num,
.htl_contents .sp_list_wrap.hotel_list .score .num{padding: 0.1rem 0rem 0 0.2rem;}
.htl_contents_detail .sp_list_wrap .sc_list .score .txt,
.htl_contents_detail .review_area .score .txt,
.htl_contents .sp_list_wrap.hotel_list .score .txt{display:inline-block;margin-top:0;font-size: 1.2rem;vertical-align: middle;padding-top:0.1rem;}
.htl_contents .sp_list_wrap.hotel_list .score .sr_text {color: #5e2bb8;display: inline-block;margin-top: 0;font-size: 1.2rem;vertical-align: middle;padding-top: 0.3rem;margin-left: 0.5rem;}
.offer_hotels{font-size:0;margin:-1rem 0 1.5rem;padding-bottom:0.8rem;position:relative}
.offer_hotels::before{content:"";background:url(https://image.hanatour.com/usr/static/img2/mobile/com/logo_hotels.png) no-repeat 0 0/100% auto;width:8.2rem;height:1.6rem;position:absolute;left:0;top:0}
.htl_contents_detail .review_area.v2.hotels .progress .progress_bar.best{background: #333;}
.htl_contents_detail .list_review.hotels .score{margin-bottom: 0.8rem;}
.htl_contents_detail .list_review.hotels .score .e_logo {position: relative;font-size: 0;width: 7.2rem;height: 1.4rem;}
.htl_contents_detail .list_review.hotels .score .e_logo::before {content: '';background: url(https://image.hanatour.com/usr/static/img2/mobile/com/logo_hotels.png) no-repeat 0 0/100% auto;width: 7.2rem;height: 1.4rem;position: absolute;left: 0;top: 0.2rem;border-radius: 0;}
.htl_contents_detail .list_review.hotels .score .num {position: relative;font-size: 1.3rem;vertical-align: middle;padding: 0.1rem 0 0 0.4rem;text-align: left;font-family: 'Roboto', sans-serif;color: #111;font-weight: 500;}

.htl_contents_detail .text_wrap.hotels strong.tit.mid .e_logo {display: inline-block;margin-left: 0.8rem;position: relative;font-size: 0;width: 7.2rem;height: 1.4rem;}
.htl_contents_detail .text_wrap.hotels strong.tit.mid .e_logo::before {content: '';background: url(https://image.hanatour.com/usr/static/img2/mobile/com/logo_hotels.png) no-repeat 0 0/100% auto;width: 7.2rem;height: 1.4rem;position: absolute;left: 0;top: -0.2rem;}

.htl_contents_detail .list_review.type02 .btn.txt.em{font-size: 1.2rem;}
.htl_contents_detail .list_review.type02 li > div > p + a::after{top: 0.1rem !important;}
.htl_contents_detail .review_area.v2.type02 .inr > .progress_group.review li p span{color: #111;}
.htl_contents_detail .sp_list_wrap .sc_list .score .num, 
.htl_contents_detail .list_review.type02 .score .num{font-weight: bold;}

/* 호텔 리뷰 로고통합 */
.htl .list_review .score span.logo {font-size: 0;padding: 0 0.4rem 0px 0;float: left;}
.htl .list_review .score span.logo::before {position: relative;display: inline-block;border-radius: 0;height: 1.8rem;top: 0;left: 0;}
.htl .list_review .score span.logo01::before{width: 8.9rem;background: url(https://image.hanatour.com/usr/static/img2/pc/com/logo_hotels_n.png) no-repeat 0 / 100%;}
.htl .list_review .score span.logo02::before{width: 8.4rem;background: url(https://image.hanatour.com/usr/static/img2/pc/com/expedia_logo_n.png) no-repeat 0 / 100%}

.item_unit .score {padding:0;overflow: hidden;min-height:1.5rem}
.item_unit .score .num , .htl .item_unit .score .date {float:left;margin-right:0.5rem}
.item_unit .score span.logo {font-size: 0;padding: 0 0.4rem 0px 0;float: left;}
.item_unit .score span.logo::before {content:"";position: relative;display: inline-block;border-radius: 0;height: 1.8rem;top: 0;left: 0;}
.item_unit .score span.logo01::before{width: 8.9rem;background: url(https://image.hanatour.com/usr/static/img2/pc/com/logo_hotels_n.png) no-repeat 0 / 100%;}
.item_unit .score span.logo02::before{width: 8.4rem;background: url(https://image.hanatour.com/usr/static/img2/pc/com/expedia_logo_n.png) no-repeat 0 / 100%}
.item_unit .score .wrap_star_pink {float:left;margin: 0.5rem 0 0 0;width: 1.5rem;}
.item_unit .score .wrap_star_pink .star_value{background-repeat: no-repeat;}
.item_unit .score .txt{display: inline-block;margin:0}
.item_unit .score .sr_text{color: #5e2bb8;display: inline-block;margin: .1rem 0 0 0.5rem;font-size: 1.2rem;vertical-align: middle}

.fixed_con .score {padding:0;overflow: hidden;min-height:1.5rem}
.fixed_con .score .num , .fixed_con .score .date {float:left;margin-right:0.5rem}
.fixed_con .score .num{font-size:1.3rem;font-weight:700;color:#111;padding-top:0.1rem}
.fixed_con .score .wrap_star_pink {float:left;margin: 0.5rem 0 0 0;width: 1.5rem;}
.fixed_con .score .wrap_star_pink .star_value{background-repeat: no-repeat;}
.fixed_con .score .txt{display: inline-block;margin:0;font-size: 1.2rem}
.fixed_con .score .sr_text{color: #5e2bb8;display: inline-block;margin-top: -0.2rem;font-size: 1.1rem;vertical-align: middle;margin-left: 0;}

/* 회원/비회원가 노출 개선 - 로그인 유도 텍스트 */
/* 검색결과페이지 */
.sp_list_wrap.hotel_list .price_login_guide {display:inline-block;margin-top:.6rem;padding:.2rem .4rem;font-size:1.1rem;font-weight:600;letter-spacing:-.05rem;line-height:1.1;color:#111;border:1px solid #111;border-radius:.2rem;}
/* 검색결과페이지 - 지도보기 화면 상품 정보 */
.htl .fixed_con .js_banner_wrap.prod_wrap {min-height: 11.5rem;height:inherit;}
.fixed_con .js_banner_wrap.prod_wrap .price_login_guide {padding-top:.6rem;font-size:1.1rem;font-weight:600;letter-spacing:-.05rem;line-height:1.1;color:#111;}
.fixed_con .js_banner_wrap.prod_wrap .price_login_guide span {display:inline-block;padding:.2rem .4rem;border:1px solid #111;border-radius:.2rem;}
/* 검색결과페이지 - 지도보기 화면 상품 상세 정보 */
#htl_view.lypop_wrap.open_layer .price_login_guide {padding-top:.6rem;font-size:1.1rem;font-weight:600;letter-spacing:-.05rem;line-height:1.1;color:#111;}
#htl_view.lypop_wrap.open_layer .price_login_guide span {display:inline-block;padding:.2rem .4rem;border:1px solid #111;border-radius:.2rem;}
/* 상품 상세페이지 */
.htl_sum_wrap .price_login_guide {position:relative;top:-.5rem;font-size:1.1rem;font-weight:600;letter-spacing:-.05rem;line-height:1.1;color:#111;text-align:right;}
.htl_sum_wrap .price_login_guide span {display:inline-block;padding:.2rem .4rem;border:1px solid #111;border-radius:.2rem;}


.htl_contents_detail .rating {position: relative;margin: 1.2rem 1.7rem 2rem;display: flex;align-items: center;}
.htl_contents_detail .rating span {color: #5e2bb8;text-align: center;font-size: 1.3rem;font-weight: 800;background: url(https://image.hanatour.com/usr/static/img2/mobile/icon/rating_star_on@2x.png) no-repeat 0 .3rem / 1.2rem;padding-left: 1.5rem;}
.iOS .htl_contents_detail .rating span {line-height: 2.1rem;}
.htl_contents_detail .rating p {float: left;margin-left: 0.5rem;color: #111;font-size: 1.3rem;font-weight: 600;}
.htl_contents_detail .rating a {right: 0;color: #5e2bb8;font-weight: 600;font-size: 1.2rem;letter-spacing: -.52px;background: url(https://image.hanatour.com/usr/static/img2/mobile/com/icon_arrR_w12.png) no-repeat 100% 0.45rem / .8rem;padding-right: 1rem;position: relative;margin-left: 0.9rem;}
.htl_contents_detail .rating a:after {content:"";position: absolute;bottom: .1rem;width: 100%;height: 1px;background: #5e2bb8;left: 0;vertical-align: top;}