.t_f .tr_sc_hotel { position: relative; padding: 10px 0; }
.t_f .tr_sc_hotel .tr_inner_wrap { max-width: 1200px; margin: 0 auto; }
.t_f .tr_sc_hotel .tr_inner_wrap .line { display: block; width: 100%; height: 5px; background: #fafafa; margin: 30px 0; }
.t_f .tr_sc_hotel .tr_inner_wrap .tr_tit { font-size: 30px; font-weight: 500; }
.t_f .tr_sc_hotel .tr_inner_wrap .ht_wrap { padding-top: 30px; }
.t_f .ht_wrap .ht_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding-bottom: 30px; }
.t_f .ht_wrap .ht_list .ht_item .img_box { overflow: hidden; border-radius: 20px; position: relative; width: 100%; height: 200px; }
.t_f .ht_wrap .ht_list .ht_item .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.t_f .ht_wrap .ht_list .ht_item .text_box { padding: 10px 0; }
.t_f .ht_wrap .ht_list .ht_item .text_box .rg_badge { display: inline-block; padding: 3px 7px; color: #2bbbf2; background: #EFF5FC; border-radius: 10px; font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.t_f .ht_wrap .ht_list .ht_item .text_box .ht_name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.t_f .ht_wrap .ht_list .ht_item .text_box .rating { margin-bottom: 5px; }
.t_f .ht_wrap .ht_list .ht_item .text_box .rating .rating_inner { display: flex; justify-content: start; }
.t_f .ht_wrap .ht_list .ht_item .text_box .rating .rating_inner .star_ept { width: 16px; height: 16px; background: url(/asp/images/icon/ico_eval_star_16.png)no-repeat 0 0 / 100% auto; }
.t_f .ht_wrap .ht_list .ht_item .text_box .rating .rating_inner .star_fill { width: 16px; height: 16px; background: url(/asp/images/icon/ico_eval_star_16.png)no-repeat 100% 100% / 100% auto; }
.t_f .ht_wrap .ht_list .ht_item .text_box .ht_detail { margin-bottom: 5px; }
.t_f .ht_wrap .ht_list .ht_item .text_box .ht_detail .desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #878686; }
.t_f .ht_wrap .more_btn { display: block; text-align: center; }
.t_f .ht_wrap .more_btn .about_more { display: block; width: 100%; height: 100%; padding: 10px 0; font-size: 18px; background: #f3f3f3; border-radius: 10px; }
.t_f .ht_wrap .more_btn .about_more span { position: relative; display: inline-block; }
.t_f .ht_wrap .more_btn .about_more span::after { position: absolute; top: 30%; content: ''; display: inline-block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(135deg); margin-left: 10px; }
.t_f .ht_wrap .more_btn .about_more.active span::after { position: absolute; top: 40%; content: ''; display: inline-block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(-45deg); margin-left: 10px; }

.t_f .ht_list:has(.no_data_result) { display: flex !important;}

@media(max-width:1023px){
    .t_f .tr_sc_hotel .tr_inner_wrap { padding: 0 20px; }
    .t_f .tr_sc_hotel .tr_inner_wrap .tr_tit { font-size: 24px; }
    .t_f .ht_wrap .ht_list .ht_item .text_box .rg_badge { font-size: 11px; }
    .t_f .ht_wrap .ht_list .ht_item .text_box .ht_name { font-size: 16px; }
    .t_f .ht_wrap .ht_list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 15px; padding-bottom: 30px; }
 }