.tour-content-wrapper {
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;

  contain: layout style;
}

.hotel-card-price .price-sub {
  display: none !important;
}

.tour-content-wrapper>*:last-child::after {
  content: "";
  display: table;
  clear: both;
}

.sub_tour_left__sub {
  font-size: 26px;
  color: rgb(37, 37, 37);
  font-weight: 700;
  line-height: 1.389;
  margin-top: 15px;
}

.img_box_9 {
  padding-top: calc(420% / 660 * 100);
}

.img_box_10 {
  padding-top: calc(284% / 386 * 100);
}

.img_box_11 {
  padding-top: calc(150% / 1200 * 100);
}

.img_box_12 {
  padding-top: calc(284% / 386 * 100);
  width: 100%;
}

.img_box_13 {
  padding-top: calc(180% / 590 * 100);
}

.hotel_page_content .sub_section3 .img_box>img {
  border-radius: var(--qc-radius-control, 8px) !important;
}

.hotel_page_content .sub_section3 .thailand_hotel_top_item_ .img_box>img {
  border-radius: 0 !important;
}

.pt-2 {
  padding-top: 2px;
}

.ttl {
  font-size: 24px;

  color: #252525;
  font-weight: bold;
  line-height: 0.929;
}

.sub_top_visual {
  background: linear-gradient(to top, #fff, #fff 66px, #f9f8d2 66px, #f9f8d2);
}

.sub_tour {
  display: flex;
  padding: 50px 35px 0;
}

.sub_tour_left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sub_tour_left__top {
  position: relative;
  display: inline-block;
}

.sub_tour_left__top__text {
  font-size: 16px;

  color: rgb(255, 255, 255);
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 7px;
}

.sub_tour_left__ttl {
  font-size: 36px;

  color: rgb(37, 37, 37);
  font-weight: 800;
  line-height: 1.389;
  margin-top: 25px;
}

.sub_tour__left__more {
  margin-top: 30px;
  font-size: 18px;

  font-weight: 500;
  color: #353535;
  line-height: 1.444;
}

.sub_tour__left__bottom {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  gap: 19px;
  padding: 30px 35px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
}

.sub_tour__slide__scroll {
  width: auto;
  height: 2px;
  min-width: 270px;
  background-color: #dbdbdb;
  display: block !important;
}

.sub_tour__slide__paging {
  display: flex;
  align-items: center;
  gap: 9px;
}

.sub_tour__slide__paging__divider {
  background-color: rgb(219, 219, 219);
  width: 1px;
  height: 12px;
}

.sub_tour_right {
  width: 660px;
}

.sub_swiper1 {}

.sub_tour_section2 {
  padding: 10px 0 0 0;
}

.sub_swiper2 .img_box {
  border-radius: var(--qc-radius-card, 16px);
  cursor: pointer;
  max-width: 120px;
}

.sub_swiper2__text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 18px;

  color: rgb(255, 255, 255);
  text-shadow: 2px 2px #000;
}

.swiper-button-sub-2 {
  border-style: solid;
  border-width: 1px;
  border-color: #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #ffffffcc;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-sub-2.swiper-button-lock,
.swiper-button-sub-2.swiper-button-disabled {
  display: none;
}

.swiper-button-prev-sub-2 {
  left: -22px;
}

.swiper-button-next-sub-2 {
  right: -22px;
}

.sub_swiper2_pagination {
  padding: 30px 0 0 0;
  display: flex;
  justify-content: center;
}

.sub_swiper2_pagination.swiper-pagination-lock {
  display: none;
}

.sub_swiper2_pagination .swiper-pagination-bullet-active {
  background-color: #17469e;
}

/* sub_section3 */

.sub_section3 {
  padding: 0;
}

.sub_section3__head {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 80px 0 0 0;
}

.sub_section3__head__ttl {
  font-size: 24px;

  color: #252525;
  font-weight: bold;
}

.sub_section3_swiper {
  padding: 30px 0 0 0 !important;
}

.prd_name {
  margin-top: 25px;
}

.prd_price_ko {
  margin-top: 14px;
}

.sub_section3_swiper_pagination {
  padding: 20px 0 0 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.sub_section3_swiper_pagination .swiper-pagination-bullet-active {
  background-color: #17469e;
}

.sub_section3 .swiper-button-prev::after,
.sub_section3 .swiper-button-next::after {
  display: none;
}

.sub_section3 .swiper_btn_sec3 {
  border-style: solid;
  border-width: 1px;
  border-color: #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #ffffffcc;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub_section3 .sub_section3_swiper_btn_next {
  right: -70px;
}

.sub_section3 .sub_section3_swiper_btn_prev {
  left: -70px;
}

/* sub_tour_section4 */
.sub_tour_section4 {
  padding: 50px 0 0 0;
}

.sub_tour_section4_banner {
  position: relative;
}

.sub_tour_section4_banner__des {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.ico_block {}

.ico_block img {
  height: 100%;
  width: auto;
  max-width: unset;
}

.ico_block:last-child {
  transform: scale(-1);
}

.sub_tour_section4_banner__des__text {
  text-wrap: nowrap;
  margin-top: 8rem;
  margin-left: -21rem;
}

.sub_tour_section4_banner__des__ttl {
  font-size: 26px;
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.sub_tour_section4_banner__des__bottom {
  font-size: 18px;
  color: #ffffffcc;
  margin-top: 10px;
}

/* sub_tour_section5 */
.sub_tour_section5 {
  padding: 100px 0 0 0;
}

.golf-custom-page .sub_tour_section5 {
  padding: 120px 0 0 0;
}

.sub_tour_section5__head {}

.sub_tour_section5__head_ttl {
  font-size: 28px;

  color: #252525;
  font-weight: bold;
  line-height: 0.929;
}

.sub_tour_section5__head__tabs1 {}

.tour__head__tabs1__tabs {
  border-radius: var(--qc-radius-xs, 4px);
  background-color: #fafafa;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.tour__head__tabs1__line {
  background-color: #dbdbdb;
  width: 1px;
  height: 20px;
}

.tour__head__tabs1__tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  height: 50px;
}

.tour__head__tabs1__tab.active {
  color: #fff;
  background-color: #17469e;
  box-shadow: 0px 16px 13px 0px #17469e2e;
  border-radius: var(--qc-radius-xs, 4px);
  position: relative;
}

.tour__head__tabs1__tab.active::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: #17469e;
  border-radius: var(--qc-radius-xs, 4px);
  z-index: -1;
  bottom: -5px;
  transform: rotate(45deg);
}

.sub_tour_section5__head__tabs2 {
  margin-top: 39px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sub_tour_section5__head__tabs2 select {
  border: none;
  color: #222222;
  width: unset;
}

.tour__head__tabs2__tabs {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tour__head__tabs2__tab {
  border-width: 1px;
  border-color: #dbdbdb;
  border-style: solid;
  height: 34px;
  font-size: 16px;

  color: #757575;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--qc-radius-card, 16px);
  min-width: 60px;
  padding: 0 18px;
}

.tour__head__tabs2__tab.active {
  border-color: #17469e;
  color: #17469e;
}

.sub_tour_section5__prd_list {
  margin-top: 29px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.sub_tour_section5_item {
  width: calc((100% - 60px) / 4);
}

/* prd_list_pagination */
.prd_list_pagination {
  display: flex;
  margin-top: 40px;
  margin-bottom: 80px;
}

.prd_list_pagination__btn {
  margin: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #dbdbdb;
  background-color: #ffffff;
  width: 282px;
  height: 64px;
  border-radius: var(--qc-radius-section, 24px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 18px;

  color: rgb(37, 37, 37);
  cursor: pointer;
}

.prd_list_pagination__btn__pages {
  color: #cccccc;
  font-weight: 500;
}

.prd_list_pagination__btn__current {
  color: #353535;
}

.prd_list_pagination__btn__total {}

/* sub_tour_section6 */
.sub_tour_section6 {
  padding: 20px 0 0 0;
}

.sub_tour_section6__head {}

.sub_tour_section6__head__tabs {
  margin-top: 30px;
  display: flex;
  position: relative;
  overflow: auto;
}

.sub_tour_section6__head__tabs::before,
.sub_tour_section6__head__tabs__tab::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 12;
}

.sub_tour_section6__head__tabs__tab::before {
  width: calc(100% + 15px);
}

.sub_tour_section6__head__tabs__tab {
  display: flex;
  height: 54px;
  padding: 0 35px;
  font-size: 18px;

  color: #999999;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.sub_tour_section6__head__tabs__tab:nth-child(1) {
  z-index: 10;
}

.sub_tour_section6__head__tabs__tab:nth-child(2) {
  z-index: 9;
}

.sub_tour_section6__head__tabs__tab:nth-child(3) {
  z-index: 8;
}

.sub_tour_section6__head__tabs__tab:nth-child(4) {
  z-index: 7;
}

.sub_tour_section6__head__tabs__tab:nth-child(5) {
  z-index: 6;
}

.sub_tour_section6__head__tabs__tab:nth-child(6) {
  z-index: 5;
}

.sub_tour_section6__head__tabs__tab:nth-child(7) {
  z-index: 4;
}

.sub_tour_section6__head__tabs__tab:nth-child(8) {
  z-index: 3;
}

.sub_tour_section6__head__tabs__tab:nth-child(9) {
  z-index: 2;
}

.sub_tour_section6__head__tabs__tab:nth-child(10) {
  z-index: 1;
}

.sub_tour_section6__head__tabs__tab::after {
  content: "";
  width: calc(100% + 15px);
  height: 100%;
  position: absolute;
  background: url(/images/sub/tab_bg_1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position-x: left;
  left: 0;
  z-index: -1;
}

.sub_tour_section6__head__tabs__tab.active {
  color: #252525;
  z-index: 12;
}

.sub_tour_section6__head__tabs__tab.active::after {
  background: url(/images/sub/tab_bg_1_active.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position-x: left;
}

.sub_tour_section6_product_list {
  display: flex;
  gap: 50px 20px;
  flex-wrap: wrap;
  margin-top: 29px;
}

.sub_tour_section6_item {
  width: calc((100% - 60px) / 4);
}

/* sub_tour_section7 */
.sub_tour_section7 {
  padding: 60px 0 0 0;
}

.sub_tour_section7__head {}

.sub_tour_section7__head_ttl {}

.sub_tour_section7_product_list {
  display: flex;
  gap: 50px 20px;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 180px;
}

.golf-custom-page .sub_tour_section7_product_list {
  margin-bottom: 0;
}

.sub_tour_section7_product_item {
  width: calc((100% - 40px) / 3);
  position: relative;
}

.sub_tour_section7_product_item.spe {
  width: 100%;
}

.ico_special_prd {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 54px;
  z-index: 1;
}

.sub_tour_section7_product_item__name {
  font-size: 20px;
  color: rgb(37, 37, 37);
  font-weight: 500;
  margin-top: 25px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.sub_tour_section7_product_item__keywords {
  font-size: 16px;

  color: rgba(37, 37, 37, 0.6);
  line-height: 2;
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  line-height: 1;
  margin-top: 14px;
}

.sub_tour_section7_product_item__keywords span {
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
}

/* sub_tour_section8 */
.sub_tour_section8 {
  padding: 100px 0 0 0;
}

.sub_tour_section8__banners {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.sub_tour_section8__banner {
  width: calc((100% - 20px) / 2);
}

/* list-hotel css */

.sub-hotel-navigation-container {
  padding: 16px 0;
  border-bottom: 0.5px solid rgba(204, 204, 204, 0.3);
  display: flex;
  align-items: center;
}

.sub-hotel-navigation-container .navigation-container-prev {
  display: flex;
  gap: 12px;
  margin-right: 40px;
  align-items: center;
  position: relative;
}

.sub-hotel-navigation-container .depth_2_tools_,
.sub-hotel-navigation-container .depth_1_tools_,
.sub-hotel-navigation-container .depth_3_tools_ {
  position: absolute;
  padding: 10px 12px;
  background-color: #fff;
  top: 20px;
  right: -57px;
  border: 1px solid #dbdbdb;
  z-index: 25;
  display: none;
  min-width: 200px;
}

.sub-hotel-navigation-container .depth_2_tools_ {
  right: -47px;
}

.sub-hotel-navigation-container .depth_3_tools_ {
  right: -15px;
}

.sub-hotel-navigation-container .depth_2_tools_.active_,
.sub-hotel-navigation-container .depth_1_tools_.active_,
.sub-hotel-navigation-container .depth_3_tools_.active_ {
  display: block;
}

.sub-hotel-navigation-container .depth_1_tool_list_ {
  width: 80px;
}

.sub-hotel-navigation-container .depth_2_tool_list_ {
  width: 120px;
}

.sub-hotel-navigation-container .depth_3_tool_list_ {
  width: 175px;
}

.sub-hotel-navigation-container .depth_2_item_,
.sub-hotel-navigation-container .depth_1_item_,
.sub-hotel-navigation-container .depth_3_item_ {
  padding: 3px 0;
  font-size: 16px;
  margin: 5px 0;
  cursor: pointer;
  white-space: nowrap;
}

#depth_2_label {
  display: inline-block;
  width: 130px;
}

#depth_3_label {
  display: inline-block;
  width: 200px;
}

.navigation_depth_02 {
  margin-right: 0 !important;
}

.sub-hotel-navigation-container .depth_2_item_.active_,
.sub-hotel-navigation-container .depth_1_item_.active_,
.sub-hotel-navigation-container .depth_3_item_.active_ {
  color: #17469e;
}

.sub-hotel-navigation-container .depth_2_item_:hover,
.sub-hotel-navigation-container .depth_1_item_:hover,
.sub-hotel-navigation-container .depth_3_item_:hover {
  color: rgba(23, 70, 158, 0.75);
}

.sub-hotel-navigation-container .icon_home {
  width: 14px;
  height: 12px;
}

.sub-hotel-navigation-container .ball_dot_icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.sub-hotel-navigation-container .bread_arrow_right {
  width: 7px;
  height: 14px;
}

.sub-hotel-navigation-container .navigation-container-next {
  display: flex;
  gap: 8px;
  margin-right: 30px;
  align-items: center;
  position: relative;
}

.content-sub-product-hotel .sub-hotel-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: unset;
}

.content-sub-product-hotel #frmSearch {
  overflow: unset;
}

.content-sub-product-hotel .sub-hotel-container .category-left {
  width: 270px;
  position: sticky;
  height: 100%;
  top: 40px;
  margin-top: 30px;
}

.content-sub-product-hotel .body_inner {
  overflow: unset;
  /* z-index: 999; */
}

.content-sub-product-hotel .body_inner.spe {
  min-height: 500px;
}

.content-sub-product-hotel .category-left-tit {
  padding: 12px 0 16px;
  border-bottom: 2px solid;
}

.content-sub-product-hotel .category-left-tit .navigation-container-next {
  display: flex;
  gap: 8px;
  margin-right: 20px;
  align-items: center;
  position: relative;
}

.content-sub-product-hotel .category-left-tit .navigation-container-next.new {
  margin-right: 0;
}

.content-sub-product-hotel .category-left-tit .navigation-container-next span.font-bold {
  display: none;
}

.content-sub-product-hotel .category-left-tit .depth_2_tools_new_ {
  position: absolute;
  padding: 10px 12px;
  background-color: #fff;
  top: 42px;
  right: -40px;
  border: 1px solid #dbdbdb;
  z-index: 5;
  display: none;
}

.content-sub-product-hotel .category-left-tit .depth_2_tools_new_.active_ {
  display: block;
}

.content-sub-product-hotel .category-left-tit .depth_2_tool_list_new_ {
  width: 245px;
}

.content-sub-product-hotel .category-left-tit .depth_2_item_new_ {
  padding: 3px 0;
  font-size: 20px;
  margin: 8px 0;
  cursor: pointer;
  text-align: center;
}

.content-sub-product-hotel .category-left-tit .depth_2_item_new_.active_ {
  color: #17469e;
}

.content-sub-product-hotel .category-left-tit .ball_dot_icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.content-sub-product-hotel .title {
  font-size: 22px;
}

.content-sub-product-hotel .subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 20px;
  font-weight: 600;
  color: #000;
}

.content-sub-product-hotel .subtitle .arrow_menu {
  cursor: pointer;
}

.content-sub-product-hotel .tab_box_area_ .tab_box_element_ {
  border-radius: var(--qc-radius-section, 24px);
  height: auto;
  padding: 4px 15px;
  border: 1px solid #dbdbdb;
  text-wrap: nowrap;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 26px;
  text-transform: uppercase;
  color: #757575;
  font-weight: 500;
  font-family: "NotoSansCJKkr", sans-serif;
  text-align: center;
  cursor: pointer;
}

.content-sub-product-hotel .tab_box_area_ .tab_box_element_.tab_active_ {
  border: 1px solid #17469e;
  color: #17469e;
}

.content-sub-product-hotel .tab_box_show_ {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.content-sub-product-hotel .category-left-item {
  /* padding-bottom: 16px; */
  border-bottom: 0.5px solid rgba(204, 204, 204, 0.3);
}

.filter_price_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter_price_wrap .filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.filter_price_wrap .filter .btn_fil_price {
  padding: 8px;
  width: 54px;
  border: 1px solid #ccc;
}

.filter_price_wrap .filter .btn_fil_price.active {
  background-color: #17469e;
  color: #fff;
}

.tab_price_area .slider-container {
  position: relative;
  height: 20px;
  margin: 20px auto;
}

.tab_price_area .slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  pointer-events: none;
  padding: 0;
  border: none;
}

.tab_price_area .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

.tab_price_area .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

.tab_price_area .slider-track {
  position: absolute;
  height: 5px;
  background: var(--bs-point);
  top: 50%;
  transform: translateY(-193%);
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 1;
  pointer-events: none;
}

.tab_price_area .slider-background {
  position: absolute;
  height: 5px;
  background: #f1f1f1;
  top: 50%;
  transform: translateY(-193%);
  width: 100%;
  border-radius: var(--qc-radius-xs, 4px);
  z-index: 0;
  pointer-events: none;
}

.tab_price_area .currency {
  cursor: pointer;
}

.tab_price_area .currency.active {
  font-weight: bold;
}

.popup_wraper .tab_price_area .slider-container {
  margin-left: 0;
}

.date-container {
  display: flex;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  padding: 0 0 15px 20px;
  width: 455px;
  font-weight: bold;
}

.label {
  font-weight: bold;
}

.date-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 20px;
  flex-direction: column;
}

.date-wrapper .input_date {
  display: flex;
  align-items: center;
  justify-content: center;
}

.date-wrapper input {
  border: 0;
  width: 140px;
  padding: 0;
}

.date-wrapper input:hover {
  cursor: pointer;
}

.date {
  border: none;
  background: transparent;
  font-size: 1em;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.date::-webkit-inner-spin-button,
.date::-webkit-calendar-picker-indicator {
  display: none;
}

.content-sub-product-hotel .suffix {
  /* margin-left: -24px; */
}

.content-sub-product-hotel .arrow {
  font-size: 24px;
}

.content-sub-product-hotel .date-sub-container {
  display: flex;
  align-items: center;
}

.content-sub-product-hotel .form_element_ {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 32px 0;
  width: 100%;
}

.content-sub-product-hotel .form_element_.form_search_ {
  width: unset;
  margin: 0;
  justify-content: unset;
}

.content-sub-product-hotel .form_element_ .form_input_new {
  display: flex;
  gap: 8px;
}

.content-sub-product-hotel .form_element_.form_search_ .line_form {
  width: 1px;
  height: 50px;
  background-color: #dbdbdb;
}

.content-sub-product-hotel .form_element_ button {
  background-color: #17469e;
  font-size: 16px;
  letter-spacing: -1px;
  /*line-height: 26px;*/
  text-transform: uppercase;
  border-radius: var(--qc-radius-xs, 4px);
  color: #ffffff;

  text-align: center;
  padding: 0 24px;
}

.content-sub-product-hotel .form_element_ .form_input_ {
  font-size: 16px;
  height: 52px;
  max-width: 100%;
}

.content-sub-product-hotel .form_element_ .form_input_ input {
  width: 260px;
  height: 100%;
  /* height: 82.5px; */
  border-radius: var(--qc-radius-xs, 4px);
}

.content-sub-product-hotel .form_element_ .form_input_ input::placeholder {
  font-size: 14px;
}

.content-sub-product-hotel .filter-container {
  display: flex;
  gap: 32px;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 0.5px solid rgba(204, 204, 204, 0.3);
}

.content-sub-product-hotel .filter-container div:first-child {
  display: flex;
}

.content-sub-product-hotel .filter-container .filter-content {
  margin-right: 20px;
  display: flex;
  font-weight: bold;
  align-items: center;
  gap: 4px;
}

.content-sub-product-hotel .list-tag {
  display: flex;
  flex-wrap: wrap;
  max-width: 650px;
  gap: 6px;
}

.content-sub-product-hotel .list-tag .tag-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #f3f3f3;
  padding: 8px;
}

.content-sub-product-hotel .list-tag .tag-item img {
  padding-bottom: 2px;
}

.content-sub-product-hotel .filter-container button {
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 8px;
}

.content-sub-product-hotel .filter-container button.btn_search_ {
  padding: 8px 12px;
  color: #fff;
  background-color: #17469e;
  font-weight: 400;
}

.sub-hotel-container .category-left button.btn_search_ {
  width: 100%;
  padding: 10px 0;
  color: #fff;
  background-color: #17469e;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.content-sub-product-hotel .below-filter-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-bottom: 20px;
  /* border-bottom: 0.5px solid rgba(204, 204, 204, 0.3); */
}

.content-sub-product-hotel .below-filter-content .total_number {
  font-weight: bold;
}

.content-sub-product-hotel .below-filter-content .total_number p span {
  color: var(--bs-point);
}

.content-sub-product-hotel .below-filter-content .search_keyword {
  gap: 20px;
}

.content-sub-product-hotel .below-filter-content .search_keyword .btn_search {
  border: 1px solid #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  padding-right: 20px;
}

.content-sub-product-hotel .below-filter-content .search_keyword .btn_search input {
  border: none;
}

.content-sub-product-hotel .below-filter-content .search_keyword .btn_search button {
  width: 26px;
  height: 23px;
  background: url(/images/ico/keyword_ic.png) no-repeat center;
}

.content-sub-product-hotel .product-card-item-container-list {
  display: flex;
  flex-wrap: wrap;
  /* gap: 20px; */
}

.content-sub-product-hotel .product-card-item-container {
  margin-top: 24px;
  display: flex;
  width: calc(50% - 20px);
  padding-bottom: 32px;
  flex-direction: column;
  gap: 10px;
  /*border-bottom: 0.5px solid rgba(204, 204, 204, 0.3);*/
}

.content-sub-product-hotel.list_item .product-card-item-container {
  max-width: 285px;
  flex-direction: column;
  padding-bottom: 0;
  border-bottom: unset;
}

.content-sub-product-hotel .product-card-item-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* margin-left: 20px; */
}

.content-sub-product-hotel.list_item .product-card-item-right {
  margin-left: 0;
}

.content-sub-product-hotel .product-card-item-right .sub-text {
  flex-direction: column;
  gap: 10px;
}

.content-sub-product-hotel .product-card-item-right .title-container {
  margin-bottom: 10px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-sub-product-hotel .product-card-item-right .title-container h3 {
  font-weight: unset;
}

.content-sub-product-hotel .product-card-item-right .title-container h2 {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}

.content-sub-product-hotel .product-card-item-right .title-container .star-container {
  display: flex;
  gap: 16px;
  align-items: center;
}

.content-sub-product-hotel .star_flex {
  gap: 3px;
}

.content-sub-product-hotel .product-card-item-right .location_test {
  gap: 15px;
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main {
  position: relative;
  padding-right: 15px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main img {
  width: 14px;
}

.product-card-item-container .star-container {
  display: flex;
  gap: 16px;
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main span {
  color: var(--bs-point);
}

.content-sub-product-hotel .product-card-item-right .location_test .location_main::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #dbdbdb;
}

.wrap_level {
  display: flex;
  gap: 12px;
}

.d_flex.dif {
  flex-direction: column;
  gap: 12px;
}

.content-sub-product-hotel .product-card-item-right .star-container div:first-child {
  font-weight: bold;
}

.star-container {
  display: flex;
  gap: 12px;
}

.content-sub-product-hotel .product-card-item-right .star-content span {
  /*border-right: solid 1px #ccc;*/
  padding-right: 8px;
}

.content-sub-product-hotel .product-card-item-right .sub-title {
  /*margin-top: 16px;*/
  padding-bottom: 16px;
  border-bottom: 0.5px solid rgba(204, 204, 204, 0.3);
  display: flex;
  align-items: center;
  gap: 4px;
}

.content-sub-product-hotel .product-card-item-right .sub-title.tour {
  border-bottom: unset;
}

.content-sub-product-hotel .list-item-info .item-info-box {
  margin-top: 20px;
}

.content-sub-product-hotel .list-item-info .item-info {
  margin: 15px 0 0px 0;
}

.content-sub-product-hotel .list-item-info.tour-list .item-info {
  margin-top: 15px;
}

.content-sub-product-hotel .list-item-info.tour-list .item-info-label.flex_tour {
  margin-bottom: 0;
}

.content-sub-product-hotel .list-item-info.golf-list .item-info {
  margin-top: 15px;
}

.content-sub-product-hotel .list-item-info.golf-list .item-info-label {
  margin-bottom: 0;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n {
  position: relative;
}

.content-sub-product-hotel .list-item-info .item-info h2 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}

.content-sub-product-hotel .list-item-info .item-info .promotion_n_text {
  position: absolute;
  top: -20px;
  left: 20px;
  padding: 10px 20px;
  background-color: #2c93ce;
  border-radius: var(--qc-radius-card, 16px);
}

.content-sub-product-hotel .list-item-info .item-info .promotion_n_text h2 {
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
}

.content-sub-product-hotel .list-item-info .item-info .tab_box_show_ {
  margin: 12px 0;
}

.content-sub-product-hotel .list-item-info .item-info .titem-info-label {
  font-weight: bold;
  padding: 20px;
  background-color: #f7f7f7;
}

.content-sub-product-hotel .list-item-info .item-info .titem-info-label span {
  color: var(--bs-point);
}

.content-sub-product-hotel .list-item-info .item-info .item-price-info span.main {
  font-size: 18px;
  font-weight: 800;
  color: var(--primary);
}

.content-sub-product-hotel .list-item-info .item-info .item-price-info span.text-gray {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-500);
  margin-left: 2px;
}

.content-sub-product-hotel .list-item-info .item-info-label {
  padding: 20px 0 20px 20px;
  background-color: #f3f3f3;
  margin-bottom: 32px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5rem;
  color: black;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label {
  background-color: #eaf6fc;
  padding: 32px 15px 15px;
  border-radius: var(--qc-radius-card, 16px);
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_des p {
  font-size: 15px;
  color: #2e6689;
  font-weight: 500;
}

.content-sub-product-hotel .list-item-info .item-info.promotion_n .item-info-label .label_add p {
  font-size: 15px;
  color: #2e6689;
}

.content-sub-product-hotel .list-item-info .item-info-label.flex_tour {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.content-sub-product-hotel .list-item-info .item-info-label span {
  color: var(--bs-point);
}

.content-sub-product-hotel .pagination {
  margin: 50px 0 128px 0 !important;
  display: flex;
  list-style: none;
  padding: 0;
}

.content-sub-product-hotel .page-link {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 5px;
  text-decoration: none;
  color: #333;
  border: 1px solid #ddd;
  border-radius: var(--qc-radius-xs, 4px);
  transition:
    background-color 0.3s,
    color 0.3s;
}

.content-sub-product-hotel .page-link.ml {
  margin-left: 24px;
}

.content-sub-product-hotel .page-link.mr {
  margin-right: 24px;
}

.content-sub-product-hotel .page-link:hover {
  background-color: #f0f0f0;
}

.content-sub-product-hotel .page-link.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.content-sub-hotel-detail span {
  /* font-family: "Pretendard" !important; */
}

.content-sub-hotel-detail .container-big-text span {
  /* font-size: 16px !important; */
}

.content-sub-hotel-detail .title-container {
  margin-top: 32px;
  display: flex;
  /* justify-content: space-between; */
  flex-direction: column;
  gap: 20px;
}

.content-sub-hotel-detail .top_back {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.content-sub-hotel-detail .title-container.spe {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 20px;
}

.content-sub-hotel-detail .title-container h2 {
  font-size: 18px;
  font-weight: 500;
  max-width: 65%;
  line-height: 1.5;
}

.list-icon {
  display: flex !important;
  gap: 10px;
  align-items: center;
  position: relative;
}

.list-icon.only_web {
  display: flex !important;
}

.list-icon .list_share {
  position: absolute;
  top: calc(100% + 10px);
  right: -14px;
  background-color: #fff;
  padding: 10px;
  border-radius: var(--qc-radius-xs, 4px);
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  display: none;
}

.content-sub-hotel-detail .title-container .list-icon .list_share.on {
  display: flex;
}

.content-sub-hotel-detail .title-container .list-icon .list_share::after {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
}

.list-icon .list_share img {
  padding: 0;
  height: auto;
}

.list-icon .list_share .kakao img {
  width: 40px;
}

.list-icon .list_share .link_ img {
  width: 30px;
}

.list-icon>img:first-child {
  padding: 8px 6px;
  /* background-color: #f5f5f5; */
  border-radius: var(--qc-radius-xs, 4px);
}

.list-icon img {
  cursor: pointer;
  padding: 8px 6px;
}

.content-sub-hotel-detail .rating-container {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.content-sub-hotel-detail .rating-container span:not(:nth-of-type(1)) {
  display: flex;
  align-items: center;
  margin-left: 12px !important;
  padding-left: 12px;
  border-left: 1px solid #ccc;
  margin-right: 12px !important;
  padding-right: 12px;
  border-right: 1px solid #cccccc;
  text-wrap: nowrap;
}

.content-sub-hotel-detail .rating-container span.page_ {
  display: flex;
  align-items: center;
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid #ccc;
}

.content-sub-hotel-detail .hotel-image-container {
  display: flex;
  width: 100%;
  gap: 8px;
  margin-bottom: 32px;
}

.content-sub-hotel-detail .hotel-image-container div:first-child {
  height: 440px;
  width: 100%;
}

.content-sub-hotel-detail .hotel-image-container div:first-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
}

.content-sub-hotel-detail .grid_2_2 {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.content-sub-hotel-detail .guide-image-container-1 {
  display: flex;
  gap: 50px;
}

.content-sub-hotel-detail .guide-image-container-1>img {
  height: 550px;
  width: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
}

.content-sub-hotel-detail .grid_2_2 .custom_button {
  width: 290px;
  height: 216px;
  position: relative;
  border-radius: var(--qc-radius-control, 8px);
}

.content-sub-hotel-detail .rating-container span strong {
  margin-left: 4px;
}

.content-sub-hotel-detail .rating-container img:first-child {
  padding-bottom: 2px;
}

.content-sub-hotel-detail .button-show-detail-image {
  position: absolute;
  background: rgb(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  top: 0%;
  right: 0;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--qc-radius-control, 8px);
}

.content-sub-hotel-detail .sub-header-hotel-detail {
  display: flex;
  justify-content: space-between;
  padding: 28px 30px;
  border: solid 1px #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  margin-bottom: 24px;
}

.content-sub-hotel-detail .main {
  gap: 30px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}

.content-sub-hotel-detail .main a.active {
  color: var(--bs-point);
}

.content-sub-hotel-detail .main p.active {
  color: var(--bs-point);
}

.content-sub-hotel-detail .main p:hover {
  color: var(--bs-point);
}

.content-sub-hotel-detail .wrap_btn_detail {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 15px;
}

.content-sub-hotel-detail .wrap_btn_detail a {
  font-size: 16px;
  font-weight: 500;
  color: #104aa8;
}

.content-sub-hotel-detail .section1 .title-sec2 {
  font-size: 24px;
  margin-bottom: 30px;
}

.content-sub-hotel-detail .section1 .description-sec2 {
  margin-bottom: 30px;
}

.content-sub-hotel-detail .section1 .description-sec2 * {
  font-family: "Pretendard" !important;
  font-size: 16px !important;
}

.content-sub-hotel-detail .section1 .btn_contact_write,
.content-sub-hotel-detail .section1 .btn_company_channel {
  font-size: 18px;
  background-color: white;
  color: black;
  border: 1px solid #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  padding: 12px 50px;
  margin-left: 5px;
}

.content-sub-hotel-detail .section2 .title-sec2 {
  font-size: 24px;
}

.content-sub-hotel-detail .section2 .sub-title-sec2 {
  margin-top: 32px;
  font-size: 18px;
  margin-bottom: 20px;
}

.content-sub-hotel-detail .section2 .description-sec2 {
  font-size: 17px;
  line-height: 1.5rem;
  margin-bottom: 16px;
}

.content-sub-hotel-detail .section2 .tag-list-icon {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.content-sub-hotel-detail .section2 .tag-list-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}

.content-sub-hotel-detail .section2 .tag-list-icon .item-tag {
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  padding: 14px;
  height: 45px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.content-sub-hotel-detail .section2 .tag_list_done {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 20px;
  width: 80%;
  font-weight: bold;
}

.content-sub-hotel-detail .section2 .tag_list_done .item_done {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 180px;
}

.content-sub-hotel-detail .section2 .tag_list_done .item_done img {
  width: 19px;
  height: 14px;
}

.content-sub-hotel-detail .section2 .tag_list_done .item_done span {
  color: #1779e6;
}

.content-sub-hotel-detail .post-list-sec2 {
  display: flex;
  gap: 12px;
  margin-top: -32px;
}

.content-sub-hotel-detail .post-list-sec2 div {
  display: flex;
  flex-direction: column;
  width: 150px;
  margin: 32px 0;
}

.content-sub-hotel-detail .post-list-sec2 div img {
  margin-bottom: 12px;
  width: 150px;
  height: 112px;
  object-fit: cover;
}

.content-sub-hotel-detail .room-table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-collapse: collapse;
  background-color: #fff;
}

.content-sub-hotel-detail .room-table .room_qty,
.content-sub-hotel-detail .room-table .day_qty {
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  margin-top: 20px;
}

.content-sub-hotel-detail .room-table .room_qty p,
.content-sub-hotel-detail .room-table .day_qty p {
  margin-bottom: 5px;
  text-wrap: nowrap;
  text-align: center;
  font-weight: 600;
}

.content-sub-hotel-detail .room-table .day_activity,
.content-sub-hotel-detail .room-table .room_activity {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-sub-hotel-detail .room-table .btnMinus,
.content-sub-hotel-detail .room-table .btnPlus {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbdbdb;
  height: 40px;
  width: 40px;
}

.content-sub-hotel-detail .room-table .input_room_qty,
.content-sub-hotel-detail .room-table .input_day_qty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  height: 40px;
  width: 60px;
  border-left: hidden;
  border-right: hidden;
}

.content-sub-hotel-detail .room-table th,
.room-table td {
  padding: 19px;
  text-align: left;
  border: 1px solid #ddd;
  height: 0;
}

.content-sub-hotel-detail .room-table th {
  background-color: #f5f5f5;
  font-weight: bold;
  text-align: center;
}

.content-sub-hotel-detail .room-table th:nth-child(1) {
  width: 290px;
  font-weight: unset;
}

.content-sub-hotel-detail .room-table th:nth-child(2) {
  width: 160px;
  font-weight: unset;
}

.content-sub-hotel-detail .room-table th:nth-child(3) {
  width: 380px;
  font-weight: unset;
}

.content-sub-hotel-detail .room-details {
  height: 100%;
}

.content-sub-hotel-detail .room-details p:nth-child(1) {
  margin-bottom: 16px;
  text-align: center;
  margin-left: -20px;
}

.content-sub-hotel-detail .room-details p.text-details-2 {
  margin-top: 30px;
}

.content-sub-hotel-detail .room-details p {
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0;
}

.content-sub-hotel-detail .room-details ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
}

.content-sub-hotel-detail .room-details ul li {
  list-style-type: disc;
  line-height: 1.5rem;
}

.content-sub-hotel-detail .room-details ul li.highlight {
  color: var(--bs-point);
  font-size: 16px;
}

.content-sub-hotel-detail .occupancy {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.content-sub-hotel-detail .icon {
  font-size: 2em;
}

.content-sub-hotel-detail .price-secret {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 6px;
  position: relative;
}

.content-sub-hotel-detail .price-secret:hover .layer_secret {
  display: block;
}

.content-sub-hotel-detail .price-secret .layer_secret {
  display: none;
  position: absolute;
  top: 30px;
  left: -50%;
  font-size: 12px;
  text-align: center;
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  height: auto;
  width: auto;
  transition: all 0.2s;
  overflow: initial;
  padding: 10px;
  line-height: 1.4;
  z-index: 10;
  width: 200px;
}

.content-sub-hotel-detail .price-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  gap: 6px;
}

.content-sub-hotel-detail .discount {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 13px;
}

.content-sub-hotel-detail .price-strike-container {
  font-size: 14px;
}

.content-sub-hotel-detail .discount span.label {
  background-color: #faeaeb;
  color: red;
  padding: 4px;
}

.content-sub-hotel-detail .discount span.price_content {
  background-color: red;
  color: #faeaeb;
  padding: 4px;
}

.content-sub-hotel-detail .price-strike {
  text-decoration: line-through;
  color: #888;
  margin-bottom: 5px;
}

.content-sub-hotel-detail .room_price_day_sale {
  font-weight: bold;
}

.content-sub-hotel-detail .hotel_price_day_sale {
  font-weight: bold;
}

.content-sub-hotel-detail .price-details .price {
  color: #333;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 5px;
}

.content-sub-hotel-detail .total {
  /* color: #888; */
  margin-bottom: 5px;
  font-size: 14px;
}

.content-sub-hotel-detail .details {
  color: #888;
  margin-bottom: 5px;
  font-size: 14px;
}

.content-sub-hotel-detail .book-button {
  background-color: white;
  color: black;
  border: 1px solid #dbdbdb;
  padding: 12px 0;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  width: 90px;
  margin-top: 2px;
}

.content-sub-hotel-detail .contact-button {
  background-color: white;
  color: black;
  border: 1px solid #dbdbdb;
  padding: 12px 0;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  width: 90px;
  margin-top: 2px;
}

.content-sub-hotel-detail .book-add-cart {
  background-color: white;
  color: black;
  border: 1px solid #dbdbdb;
  padding: 12px 0;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  width: 90px;
  margin-top: 2px;
}

.content-sub-hotel-detail .book-button.disabled {
  background-color: #dbdbdb;
  color: #888;
  border: 1px solid #dbdbdb;
}

.content-sub-hotel-detail .book-button:disabled {
  background-color: #dbdbdb;
  color: #888;
  border: 1px solid #dbdbdb;
  padding: 16px 20px;
}

.content-sub-hotel-detail .book-button-sub {
  background-color: white;
  color: black;
  border: 1px solid #ccc;
  padding: 16px 20px;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  width: 80%;
  margin-top: 12px;
}

.content-sub-hotel-detail .book-button.book_btn_217 {
  background-color: var(--bs-point);
  color: #fff;
  border: 1px solid var(--bs-point);
}

.content-sub-hotel-detail .book-button.default-button {
  background-color: white;
  color: black;
  border: 1px solid #ccc;
}

.content-sub-hotel-detail .wrap_btn_book_note {
  margin-left: auto;
}

/* .content-sub-hotel-detail .book-button:hover {
    background-color: var(--bs-point);
    color: #fff;
    border: 1px solid var(--bs-point);
} */

.content-sub-hotel-detail .book-button:disabled:hover {
  background-color: #dbdbdb;
  color: #888;
  border: 1px solid #dbdbdb;
  cursor: default;
}

.content-sub-hotel-detail .title-sec3 {
  font-size: 24px;
  margin: 32px 0;
}

.content-sub-hotel-detail .list-tag-sec3 {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  /* overflow: scroll hidden; */
  padding-bottom: 16px;
}

.content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3--active {
  padding: 10px 14px;
  border-radius: var(--qc-radius-section, 24px);
  color: var(--bs-point);
  border: 1px solid var(--bs-point);
}

.content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3 {
  padding: 10px 14px;
  border-radius: var(--qc-radius-section, 24px);
  border: 1px solid #ccc;
  white-space: nowrap;
}

.content-sub-hotel-detail .list-tag-sec3 .tag-item-sec3--main {
  padding: 10px 14px;
  border-radius: var(--qc-radius-section, 24px);
  color: white;
  background-color: var(--bs-point);
  font-weight: bold;
}

.content-sub-hotel-detail .card-item-sec3 {
  padding: 30px;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  margin-bottom: 32px;
}

.content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 17px 0;
}

.content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container h2 {
  font-size: 18px;
}

.content-sub-hotel-detail .card-item-sec3 .card-title-sec3-container .label {
  color: var(--bs-point);
  font-weight: bold;
  padding: 6px;
  background-color: #e7f8f8;
}

.content-sub-hotel-detail .section3 .card-item-container {
  display: flex;
  gap: 30px;
}

.content-sub-hotel-detail .section3 .card-item-left {
  display: flex;
  flex-direction: column;
}

.content-sub-hotel-detail .section3 .card-item-left .grid2_2_1 {
  width: 285px;
  display: flex !important;
  flex-wrap: wrap;
  gap: 11px;
}

.content-sub-hotel-detail .section3 .card-item-left .subtitle {
  margin: 32px 0 16px;
}

.content-sub-hotel-detail .section3 .card-item-left ul {
  margin-left: 20px;
  line-height: 1.5rem;
}

.content-sub-hotel-detail .section3 .card-item-left ul li {
  list-style-type: disc;
}

.content-sub-hotel-detail .section4 .title-sec4 {
  font-size: 24px;
  margin-bottom: 32px;
}

.content-sub-hotel-detail .section4 .tag-item-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 .tag-item-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 16px;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 .tag-item-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/uploads/icons/done_circle_icon.png");
  background-size: cover;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: start;
}

.content-sub-hotel-detail .section4 .tag-container-item-sec4 {
  width: calc((100% - 120px) / 4);
  padding-right: 70px;
}

.content-sub-hotel-detail .section4 .list-tag-sec4 .list-tag-sec4-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.content-sub-hotel-detail .section5 table {
  margin-top: 24px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.content-sub-hotel-detail .section5 thead {
  background-color: #f1f4f9;
}

.content-sub-hotel-detail .section5 th,
.content-sub-hotel-detail .section5 td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}

.content-sub-hotel-detail .section5 th {
  font-weight: bold;
}

.content-sub-hotel-detail .section4 {
  margin: 64px 0 32px;
}

.content-sub-hotel-detail .section4 span {
  font-family: "Pretendard" !important;
}

.content-sub-hotel-detail .section5 .title-sec5 {
  font-size: 24px;
  margin-bottom: 32px;
}

.content-sub-hotel-detail .section5 .content-container-sec5 {
  padding: 0 50px;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
}

.content-sub-hotel-detail .section5 .content-item {
  display: flex;
  gap: 50px;
  padding: 32px 0;
}

.content-sub-hotel-detail .section5 .content-item:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

.content-sub-hotel-detail .section5 .content-item .label {
  font-size: 18px;
  align-items: center;
  display: flex;
  min-width: 300px;
}

.content-sub-hotel-detail .section5 .content-item .description {
  font-size: 17px;
  line-height: 1.5rem;
}

.content-sub-hotel-detail .section6 .title-sec6 {
  font-size: 18px;
  margin: 64px 0 32px;
}

.content-sub-hotel-detail .section6 .title-sec6 span {
  font-size: 24px;
}

.content-sub-hotel-detail .section6 .rating-content {
  display: flex;
  align-items: center;
  gap: 16px;
}

.content-sub-hotel-detail .section6 .rating-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.content-sub-hotel-detail .section6 .rating-left img {
  width: 26px;
  height: 26px;
}

.content-sub-hotel-detail .prd_info__left {
  display: flex;
  align-items: baseline;
  gap: 2px;
}

.content-sub-hotel-detail .section6 .rating-left strong {
  font-size: 24px;
}

.mt-20 {
  margin-top: 20px;
}

.content-sub-hotel-detail .section6 .list-label-tag {
  display: flex;
  gap: 80px;
  margin-top: 32px;
}

.content-sub-hotel-detail .section6 .list-label-tag .label-tag-item {
  display: flex;
  gap: 8px;
  align-items: center;
}

.content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .square {
  max-width: 33px;
  max-height: 33px;
}

.content-sub-hotel-detail .section6 .list-label-tag .label-tag-item .label-tag-item-text {
  line-height: 1.3rem;
}

.content-sub-hotel-detail .section6 .sub-title-sec6 {
  font-size: 18px;
  margin: 48px 0 32px;
  font-weight: 500;
}

.content-sub-hotel-detail .section6 .card-list-recommemded {
  display: flex;
  gap: 20px;
  margin-bottom: 100px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item {
  width: 440px;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head {
  display: flex;
  gap: 16px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name span {
  font-size: 18px;
  font-weight: bold;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item .container-head .name p {
  font-size: 13px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item h2 {
  font-size: 17px;
  margin: 16px 0;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p {
  font-size: 14px;
  line-height: 1.3rem;
  margin: 0;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item p.custom_paragraph {
  min-height: 84px;
}

.content-sub-hotel-detail .section6 .card-list-recommemded .recommemded-item button {
  margin-top: 24px;
  font-size: 15px;
  font-weight: bold;
  color: #4576fe;
}

.content-sub-hotel-detail .section7 .justify_content_end {
  display: flex;
  justify-content: space-between;
  margin-top: 64px;
  flex-wrap: wrap;
}

.content-sub-hotel-detail .section7 .justify_content_end .title-sec7 {
  font-size: 24px;
}

.content-sub-hotel-detail .section7 .prd_keywords {
  color: unset;
  margin-top: 24px;
}

.content-sub-hotel-detail .section7 .prd_name {
  margin-top: 16px;
}

.content-sub-hotel-detail .location-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 10px;
  gap: 15px;
}

.content-sub-hotel-detail .location-container .list-icon {
  display: none;
}

.content-sub-hotel-detail .location-container .location_conts {
  gap: 4px;
  display: flex;
  align-items: center;
}

.content-sub-hotel-detail .location-container .location_conts .ic_green {
  filter: invert(61%) sepia(29%) saturate(468%) hue-rotate(155deg);
}

.content-sub-hotel-detail .location-container .location_conts a {
  font-size: 15px;
  color: #1bbacb;
}

.content-sub-product-hotel .two-way-arrow-content span {
  font-size: 15px;
}

.content-sub-product-hotel .text-primary {
  color: #757575;
}

.content-sub-product-hotel .product-card-item-container .sub-title {
  color: #757575;
}

.content-sub-product-hotel .list-item-info .item-info:nth-child(2) p {
  color: #757575;
}

.content-sub-product-hotel .product-card-item-container .item-info span:first-child .content-sub-product-hotel .product-card-item-container .item-price-info {
  color: #757575;
}

.content-sub-product-hotel .product-card-item-container .item-pd {
  margin-left: 84px;
}

.product-card-item-right .product_intro {
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tours-detail .section9 .title-sec9 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tours-detail .section9 .select-time-c {
  width: 260px;
}

.tours-detail .section2 .title-sec2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.tours-detail .section2 .sec2-date-main {
  font-size: 15px;
  margin-bottom: 20px;
}

/* .tours-detail .section2 .sec2-date-wrap {
    margin-bottom: 30px;
} */

.sec2-wrap-tour {
  width: 100%;
}

.tours-detail .section2 .sec-date-range {
  font-weight: bold;
  font-size: 20px;
}

.tours-detail .section2 .btn-toggle-option {
  font-weight: bold;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
  padding: 0;
}

.tours-detail .section2 .sec2-item-card.tour_calendar {
  position: relative;
  padding-bottom: 140px;
  border: unset;
  box-shadow: unset;
  padding-right: 0;
  padding-left: 0;
}

.tours-detail .section2 .sec2-item-card.tour_calendar .time_work {
  position: absolute;
  top: 20px;
  left: 30px;
}

.tours-detail .section2 .sec2-item-card.tour_calendar .time_work p {
  text-align: right;
  font-size: 18px;
  color: #252525;
  font-weight: 700;
}

.tours-detail .section2 .sec2-item-card {
  padding: 15px 30px 15px 30px;
  border: 1px solid rgb(219, 219, 219);
  border-radius: var(--qc-radius-xs, 4px);
  margin-bottom: 20px;
  box-shadow: 0px 5px 0px 0px rgba(51, 51, 51, 0.04);
}

.tours-detail .section2 .sec2-item-card .btn_back {
  gap: 8px;
  cursor: pointer;
  width: fit-content;
}

.tours-detail .section2 .sec2-item-card .text_title {
  margin: 0 auto;
}

.tours-detail .section2 .sec2-item-card .text_title h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.tours-detail .section2 .sec2-item-card .text_title h3 {
  font-size: 22px;
  font-weight: 700;
  color: #454545;
  text-align: center;
}

.tours-detail .section2 .form-group input {
  padding: 0 0.9375em;
  height: var(--bs-input-height);
  width: 100%;
  margin-bottom: unset;
  display: block;
  cursor: pointer;
  background: transparent;
}

.tours-detail .section2 .form-group label:before {
  display: none;
}

.tours-detail .sec2-item-card.card-left2 .form-group {
  display: block;
  padding: unset;
  border-bottom: unset;
  width: 100%;
}

.tours-detail .sec2-item-card.card-left2 .form-group.spe .form-group-cus-4input {
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
  display: flex;
}

.tours-detail .section2 .card-left2 {
  width: 100%;
  padding: 40px 30px;
  background-color: white;
  border-radius: var(--qc-radius-xs, 4px);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: 80px;
  margin-right: 20px;
  /*margin-bottom: 190px;*/
}

.tours-detail .section2 .title-main-c {
  font-size: 22px;
  margin-bottom: 40px;
}

.tours-detail .section2 .title-sub-c {
  font-size: 18px;
  margin-bottom: 30px;
}

.tours-detail .section2 .mb-30 {
  margin-bottom: 30px;
}

.tours-detail .section2 .form-group label {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}

.tours-detail .section2 .con-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.tours-detail .card-left2 .cus-select-group input {
  width: 230px;
}

.tours-detail .card-left2 .email-group {
  position: relative;
}

.tours-detail .card-left2 .cus-select-group input {
  width: 230px;
}

.tours-detail .email-group input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.tours-detail .card-left2 .cus-select-group select {
  width: 280px;
}

.tours-detail .card-left2 .cus-select-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.phone_wrap {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.phone_wrap_item {
  flex: 1;
}

.tours-detail .card-left2 [type="radio"]:checked,
.tours-detail .card-left2 [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.tours-detail .card-left2 .form-group label {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}

.tours-detail .card-left2 [type="radio"]:checked+label,
.tours-detail .card-left2 [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.tours-detail .card-left2 [type="radio"]:checked+label:before,
.tours-detail .card-left2 [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
  display: block;
  padding: 0;
}

.tours-detail .card-left2 [type="radio"]:checked+label:after,
.tours-detail .card-left2 [type="radio"]:not(:checked)+label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--bs-point);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.tours-detail .card-left2 [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tours-detail .card-left2 [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.tours-detail .form-group-cus-4input {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
}

.tours-detail .form-group-cus-4input input:nth-child(1) {
  width: 91px;
}

.tours-detail .form-group-cus-4input input:nth-child(2),
.tours-detail .form-group-cus-4input input:nth-child(3) {
  width: 120px;
}

.tours-detail .card-left2 .form-group-flex {
  display: flex;
  gap: 10px;
  align-content: center;
}

.tours-detail .card-left2 .form-group-flex select {
  width: 120px;
}

.tours-detail .card-left2 .form-group-flex input {
  width: 190px;
}

.tours-detail .section2 .sec2-item-card .btn_back img {
  transform: rotate(270deg);
}

.tours-detail .section2 .sec2-item-card.active {
  border: 1px solid var(--bs-point);
}

/* .tours-detail .section2 .sec2-item-card:last-child {
    padding-bottom: 160px;
} */

.tours-detail .section2 .text-content-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start !important;
  flex-direction: column;
}

.tours-detail .section2 .text-content-1 div {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.tours-detail .section2 .text-content-1 span {
  font-size: 15px;
}

.tours-detail .section2 .text-content-2 {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tours-detail .section2 .text-content-2 .ps-right {
  font-weight: bold;
  font-size: 24px;
  margin-left: 12px;
}

.tours-detail .section2 .text-content-3 {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.tours-detail .section2 .text-content-3 .btn-ct-3 {
  padding: 12px 40px;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #d8d8d8;
  width: 120px;
  color: var(--bs-point);
  font-weight: 500;
  background-color: #fff;
}

.tours-detail .section2 .sec2-item-card.active .text-content-3 .btn-ct-3 {
  color: #fff;
  background-color: var(--bs-point);
}

.tours-detail .calendar-container {
  text-align: center;
  margin-top: 40px;
}

.tours-detail .calendar-container .btn-action-calendar {
  padding: 7px 4px 3px 6px;
  border: 1px solid rgb(219, 219, 219);
  border-radius: 50%;
  height: 28px;
  width: 28px;
  cursor: pointer;
}

.tours-detail .calendar-container .btn-action-calendar img {
  width: 7px;
  height: 11px;
  background-size: cover;
  background-repeat: no-repeat;
}

.tours-detail .nav-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.tours-detail #datepicker {
  margin-top: 20px;
}

.tours-detail .ui-datepicker {
  width: 100%;
  padding: 10px;
}

.tours-detail .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-size: 18px;
}

.tours-detail .ui-datepicker .ui-datepicker-title {
  font-size: 18px;
}

.tours-detail .ui-datepicker td {
  text-align: center;
  padding: 10px;
  border-radius: 50%;
}

.tours-detail .ui-state-default {
  color: black;
}

.tours-detail .ui-datepicker td.ui-datepicker-unselectable .ui-state-default {
  color: red;
}

.tours-detail .calendar-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  gap: 20px;
}

.tours-detail .text-red {
  color: #e31d1d;
}

.tours-detail #month-year {
  font-size: 18px;
  font-weight: 500;
}

.tours-detail .calendar-body {
  display: grid;
  grid-template-rows: auto 1fr;
}

.tours-detail .calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.tours-detail .calendar-weekdays div {
  padding: 10px;
}

.tours-detail .calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.tours-detail .calendar-days div {
  padding: 10px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 74px;
  height: 77px;
}

.tours-detail .calendar-days div .price1 {
  color: #e31d1d;
  font-size: 15px;
  font-weight: bold;
}

.tours-detail .text-red-cus {
  color: #e31d1d !important;
}

.tours-detail .text-blue-cus {
  color: #006ce4 !important;
}

.tours-detail .calendar-days div .price2 {
  color: #252525;
  font-size: 11px;
  font-weight: bold;
}

.tours-detail .booked {
  color: #757575;
  font-weight: 600;
}

.tours-detail .booked p {
  color: #999999;
  font-size: 15px;
}

.tours-detail .special-rate {
  color: #757575;
  font-weight: 600;
}

.tours-detail .special-rate span {
  display: block;
  font-size: 12px;
  color: gray;
}

.tours-detail .day.current-day {
  background-color: #556ab2;
  color: white !important;
}

.tours-detail .day.active {
  background-color: #556ab2;
  color: white !important;
}

.tours-detail .day.active p {
  color: white !important;
}

.tours-detail .price-info {
  font-size: max(12px, 0.8rem);
  color: grey;
}

.tours-detail .price-info.special {
  color: #e31d1d;
}

.tours-detail .note-container {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 20px;
}

.tours-detail .note-container .first-note {
  display: flex;
  gap: 5px;
  align-items: center;
}

.tours-detail .note-container .first-note .ball-red-n {
  background-color: #e31d1d;
  border-radius: 50%;
  padding: 4px;
  width: 8px;
  height: 8px;
}

.tours-detail .note-container .first-note .ball-blue-n {
  background-color: var(--bs-point);
  border-radius: 50%;
  padding: 4px;
  width: 8px;
  height: 8px;
}

.tours-detail .container-calendar .lb-18 {
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 20px;
  font-weight: 500;
}

.tours-detail .container-calendar .select-time-c {
  width: 260px;
}

.form-below-calendar {
  display: flex;
  flex-direction: column;
  align-items: self-start;
}

.tours-detail .quantity-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 510px;
  padding: 32px 0;
  border-bottom: 1px dashed rgb(216, 216, 216);
}

.tours-detail .quantity-container-fa {
  display: none;
}

.calendar-right .quantity-container-fa[data-tour-index="0"] {
  display: block;
}

.tours-detail .quantity-info {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-left: 31px;
}

.tours-detail .quantity-info .price {
  font-size: 24px;
  font-weight: bold;
  margin-right: 5px;
}

.tours-detail .quantity-info .price .unit {
  font-size: 16px;
}

.total_small {
  font-size: 16px;
}

.tours-detail .quantity-info .currency {
  font-size: 16px;
  /* font-weight: bold; */
  color: grey;
}

.tours-detail .quantity-selector {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  overflow: hidden;
}

.tours-detail .quantity-selector button {
  background-color: white;
  border: none;
  padding: 0 15px;
  font-size: 20px;
  cursor: pointer;
  outline: none;
}

.tours-detail .quantity-selector button:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.tours-detail .quantity-selector .quantity {
  font-size: 18px;
  padding: 0 20px;
  text-align: center;
  width: 70px;
}

.tours-detail .container-calendar {
  display: flex;
  margin-top: 20px;
  border-top: 1px solid rgb(216, 216, 216);
  padding-top: 50px;
  position: relative;
}

.tours-detail .container-calendar.tour {
  padding-top: 0;
  border-top: unset;
}

.tours-detail .calendar-left {
  width: 50%;
}

.tours-detail .quantity-selector button.decrease {
  padding-bottom: 4px;
  border-right: 1px solid rgb(216, 216, 216);
  height: 42px;
  font-size: 30px;
  width: 48px;
  color: #252525;
}

.tours-detail .quantity-selector button.increase {
  border-left: 1px solid rgb(216, 216, 216);
  height: 42px;
  font-size: 30px;
  width: 48px;
  color: #252525;
}

.tours-detail .container-calendar .calendar-right {
  margin-left: 40px;
}

.tours-detail .container-calendar .calendar-right .title-right {
  font-size: 18px;
}

.tours-detail .container-calendar .calendar-right .title-right {
  font-size: 18px;
}

.tours-detail .container-calendar .quantity-info-con {
  display: flex;
  flex-direction: column;
}

.tours-detail .container-calendar .quantity-info-con span.des {
  font-size: 18px;
  margin-bottom: 12px;
}

.tours-detail .text-content-3-last {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.tours-detail .text-content-3-last button {
  padding: 12px 40px;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #d8d8d8;
  width: 120px;
  color: black;
  font-weight: 500;
}

.tours-detail .container-calendar .calendar-left .title-left {
  font-size: 18px;
}

.tours-detail .form-group {
  display: block;
  padding: 32px 0;
  border-bottom: 1px dashed #d8d8d8;
}

.tours-detail .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.tours-detail .form-group label {
  position: relative;
  cursor: pointer;
  font-size: 18px;
}

.tours-detail .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #eee;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 12px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.tours-detail .form-group input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 10px;
  width: 6px;
  height: 14px;
  border: solid var(--bs-point);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.tours-detail .container-calendar .title-second {
  font-size: 18px;
  margin: 40px 0px 8px 0;
}

.tours-detail .des-below {
  line-height: 1.5rem;
  margin-top: 20px;
}

.tours-detail .opt_select {
  margin-top: 20px;
}

.tours-detail .wrap-text span {
  line-height: 1.3;
  font-weight: 500;
  font-size: 18px;
}

.tours-detail .wrap-text p {
  margin-top: 5px;
}

.tours-detail .des-below.spe {
  margin-top: 40px;
}

.tours-detail .option_list {
  margin-top: 20px;
}

.tours-detail .option_list .option_item {
  font-size: 16px;
  line-height: 1.3;
}

.tours-detail .option_list .option_item+.option_item {
  margin-top: 10px;
}

.tours-detail .primary-btn-calendar {
  position: absolute;
  bottom: -12%;
  left: 37%;
  width: 200px;
  height: 56px;
  border-radius: var(--qc-radius-pill, 999px);
  background-color: rgb(42, 69, 159);
  color: white;
  font-size: 20px;
}

.tours-detail .primary-btn-calendar.tour {
  position: relative;
  margin-top: 20px;
}

.tours-detail .title-sec3 {
  font-size: 24px;
  margin-bottom: 40px;
}

.tour_content_desc {
  gap: 50px;
}

.tour_content_desc .product_info {
  width: calc(50% - 60px);
}

.tour_content_desc .product_info:only-child {
  width: 100%;
}

.tours-detail .list-tag-item {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 36px;
}

.tours-detail .list-tag-item .tag-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 13px 9px 9px 9px;
  border: 1px solid #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  width: 80px;
  height: 80px;
}

.tours-detail .title-sec2 {
  font-size: 18px;
  margin-bottom: 20px;
}

.tours-detail.spa-detail .title-sec2 {
  font-size: 18px;
  margin: 40px 0;
}

.tours-detail.spa-detail .container-big-text::-webkit-scrollbar {
  display: none;
}

.tour-iframe::-webkit-scrollbar {
  display: none !important;
}

/* .tours-detail.spa-detail .open_time {
    margin-bottom: 20px;
} */

.tours_time_sect {
  margin-bottom: 30px;
}

.tours-detail p.des-type {
  font-size: 17px !important;
  line-height: 1.5rem;
  margin-top: 20px;
  margin-bottom: 50px;
  color: #757575;
}

.tours-detail .des-type {
  font-size: 17px;
  line-height: 1.5rem;
  margin-top: 20px;
  margin-bottom: 50px;
  color: #757575;
}

.tours-detail .des-type span {
  font-size: 16px !important;
}

.tours-detail .tag-item .picture {
  height: 30px;
}

.tours-detail .tit-swip-pic {
  margin-bottom: 30px;
}

.container-pic-slider {
  background-color: #fafafa;
  margin-bottom: 50px;
}

.container-pic-slider .swiper-container_tour_content {
  overflow: hidden;
}

.container-pic-slider .swiper-container_tour_content .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0 0 0;
  margin-right: 80px;
}

.container-pic-slider .swiper-container_tour_content .swiper-slide img {
  width: 700px;
  height: 450px;
  background-size: cover;
  object-fit: cover;
  background-repeat: no-repeat;
}

.container-pic-slider .swiper-container_tour_content .swiper-tour_content-pagination {
  justify-content: center;
  display: flex;
  padding: 40px 0px;
}

.tours-detail .des-type-1 {
  color: #757575;
  background-color: #fef4f6;
  padding: 30px 16px;
  line-height: 1.5rem;
  margin: 20px 0 50px 0;
}

.tours-detail .tit-blue {
  color: #2a459f;
  font-size: 18px;
  margin: 18px 0;
  display: block;
}

.tours-detail .timeline-con .timeline-item {
  list-style: disc;
  display: flex;
  line-height: 1.5rem;
  gap: 20px;
}

.tours-detail .timeline-con .time-l {
  width: 100px;
  color: #757575;
}

.tours-detail .timeline-con {
  margin-bottom: 50px;
}

.tours-detail .timeline-con:not(:first-child) {
  margin-bottom: 20px;
}

.tours-detail .steps-type {
  display: flex;
  align-items: center;
  gap: 100px;
  margin-bottom: 110px;
  padding-left: 120px;
}

.tours-detail .steps-type .step-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  position: relative;
}

.tours-detail .steps-type .con-step {
  padding: 60px;
  background-color: #fafafa;
  border-radius: var(--qc-radius-pill, 999px);
}

.tours-detail .steps-type .step-label {
  font-size: 18px;
  font-weight: 500;
}

.tours-detail .steps-type .number-step {
  width: 46px;
  position: absolute;
  padding: 14px 18px;
  border-radius: var(--qc-radius-pill, 999px);
  background-color: #2a459f;
  color: white;
  font-size: 17px;
  top: 0;
  left: 0;
}

.tours-detail .cus-step-note {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: absolute;
  right: -56%;
  bottom: 37%;
}

.tours-detail .cus-step-note span:first-child {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.tours-detail .cus-step-note .txt-step-note {
  color: #757575;
  width: 85px;
  text-align: center;
}

.content-sub-hotel-detail .room-p-cus-1 {
  padding-bottom: 16px;
}

.content-sub-hotel-detail .room-p-cus-2 {
  margin-top: 30px;
}

.content-sub-hotel-detail .occupancy_button {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
}

/* Styles for popup */
.content-sub-hotel-detail .popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1111111;
}

.content-sub-hotel-detail .popup-content {
  background-color: white;
  padding: 20px;
  border-radius: var(--qc-radius-xs, 4px);
  text-align: left;
  width: 490px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

.content-sub-hotel-detail .close-btn {
  position: absolute;
  right: 20px;
  top: 24px;
  width: 29px;
  height: 29px;
  cursor: pointer;
}

.content-sub-hotel-detail .popup-content .title-popup {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 12px;
}

.content-sub-hotel-detail .popup-content .item-price-popup {
  display: flex;
  align-items: center;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #ccc;
  margin-top: 10px;
  justify-content: space-between;
  padding-right: 30px;
}

.content-sub-hotel-detail .popup-content .img-container {
  padding: 30px 22px;
  background-color: #f7f7f7;
  border-radius: var(--qc-radius-xs, 4px) 0 0 var(--qc-radius-xs, 4px);
}

.content-sub-hotel-detail .popup-content .text-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 173px;
}

.content-sub-hotel-detail .popup-content .text-con span:nth-child(1) {
  font-size: 20px;
  font-weight: 600;
}

.content-sub-hotel-detail .popup-content .text-con span.date-sub {
  color: #999999;
}

.content-sub-hotel-detail .popup-content .count-info span {
  color: var(--bs-point);
}

.content-sub-hotel-detail .popup-content .count-info {
  margin-bottom: 10px;
}

.content-sub-hotel-detail .popup-content .date-sub {
  color: #999999;
}

.content-sub-hotel-detail .popup-content .item-price-popup.active {
  border-color: #0c80e4 !important;
}

.content-sub-hotel-detail .popup-content .item-price-popup.active span {
  color: #0c80e4 !important;
}

.content-sub-hotel-detail .popup-content .item-price-popup.item-price-popup--button {
  padding: 32px;
  margin-bottom: 135px;
  cursor: pointer;
}

.content-sub-hotel-detail .popup-content .item-price-popup.item-price-popup--button span {
  font-size: 20px;
}

.content-sub-hotel-detail .footer-popup .des-above .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}

.content-sub-hotel-detail .footer-popup .des-above .item:last-child {
  border-bottom: solid 1px #ccc;
}

.content-sub-hotel-detail .footer-popup .des-above .item span:first-child {
  font-size: 18px;
}

.content-sub-hotel-detail .footer-popup .price-below {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-sub-hotel-detail .footer-popup .price-below span:first-child {
  font-size: 18px;
}

.content-sub-hotel-detail .footer-popup .price-below span:first-child {
  font-size: 18px;
}

.content-sub-hotel-detail .footer-popup .price-popup {
  font-weight: bold;
  font-size: 20px;
}

.content-sub-hotel-detail .footer-popup .price-popup span {
  font-weight: unset;
}

.content-sub-hotel-detail .footer-popup .btn_accept_popup {
  background-color: var(--bs-point);
  color: #fff;
  padding: 16px 20px;
  border: none;
  border-radius: var(--qc-radius-xs, 4px);
  cursor: pointer;
  width: 100%;
  margin-bottom: 12px;
  font-size: 18px;
}

.content-sub-hotel-detail .popup-content .line-gray {
  background-color: #f3f3f3;
  height: 16px;
  margin-bottom: 30px;
  width: 490px;
  margin-left: -20px;
}

.custom-product-golf .form-group {
  display: block;
  margin-bottom: 17px;
}

.custom-product-golf .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.custom-product-golf .form-group label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
}

.custom-product-golf .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #ccc;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

.custom-product-golf .form-group input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-product-golf .form-group input:checked+label:before {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-product-golf .form-group.tab_active_ label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-product-golf .form-group.tab_active_ label:before {
  background-color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-product-golf .filter-container {
  margin-top: 30px;
}

.content-sub-product-hotel .content-right {
  width: 900px;
}

.custom_no_search_view .content-right {
  /*width: 900px;*/
  width: 100% !important;
}

.content-sub-product-hotel .product-card-item-container .product-card-item-left {
  width: 285px;
  /* height: 210px; */
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.content-sub-product-hotel .product-card-item-container .product-card-item-left a img {
  border-radius: var(--qc-radius-control, 8px);
  height: 270px;
  object-fit: cover;
  width: 100%;
}

.product-card-item-left .product-card-label-list {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 3px;
}

.product-card-item-left .product-card-label-list .product-card-label {
  background-color: #000;
  color: #fff;
  padding: 5px 8px;
  border-radius: var(--qc-radius-xs, 4px);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .custom-product-golf .product-card-item-container {
    padding-bottom: 32px;
} */

.custom-product-golf .product-card-item-right .sub-title {
  padding-bottom: unset;
  border-bottom: none;
}

.content-sub-hotel-detail .hotel-image-container .grid_2_2 img.grid_2_2_size {
  width: 290px;
  height: 216px;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
  border-radius: var(--qc-radius-control, 8px);
}

.golf-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.golf-table thead th {
  font-weight: bold;
  padding: 20px;
  text-align: left;
  border: 1px solid #ddd;
}

.golf-table thead th:nth-child(1),
.golf-table thead th:nth-child(3),
.golf-table thead th:nth-child(5) {
  background-color: #f4f4f4;
}

.golf-table tbody tr:first-child td:nth-child(1),
.golf-table tbody tr:first-child td:nth-child(3),
.golf-table tbody tr:first-child td:nth-child(5) {
  background-color: #f4f4f4;
  font-weight: bold;
  color: #252525;
}

.golf-table tbody td {
  padding: 20px;
  border: 1px solid #ddd;
  text-align: left;
}

.golf-table tbody tr td:first-child {
  background-color: #f4f4f4;
  color: #252525;
}

.golf-table thead th:first-child,
.golf-table tbody td:first-child {
  font-weight: bold;
}

.golf-table thead th:last-child,
.golf-table tbody td:last-child {
  text-align: left;
}

.golf-table tbody td {
  /* white-space: nowrap; */
  line-height: 1.3;
}

.golf-table td[colspan="5"] {
  text-align: left;
}

.custom-golf-detail .title-size-24 {
  font-size: 24px;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.custom-golf-detail .content-custom-table .description span {
  font-family: "Pretendard" !important;
  font-size: 16px !important;
}

.content-custom-table {
  padding: 0 50px;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
}

.content-custom-table .content-item {
  display: flex;
  gap: 50px;
  padding: 32px 0;
}

.content-custom-table .content-item:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

.content-custom-table .content-item .label {
  font-size: 18px;
  align-items: center;
  display: flex;
  min-width: 130px;
}

.content-custom-table .content-item .description {
  font-size: 17px;
  line-height: 1.5rem;
}

.custom-golf-detail .text-parent span {
  color: #999999;
  font-size: 16px;
  font-weight: 600;
}

/* calendar */

.custom-golf-detail .calendar {
  height: 182px;
  padding: 0 55px;
  max-width: 100%;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.custom-golf-detail .calendar.not_price {
  height: 100%;
}

.custom-golf-detail .calendar .calendar-swiper-container {
  padding: 27px 10px;
  overflow: hidden;
}

.custom-golf-detail .calendar .swiper-button-prev {
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
  background-repeat: no-repeat;
  margin-top: 0;
  top: 32%;
  left: -5%;
}

.custom-golf-detail .calendar .swiper-button-next {
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
  background-repeat: no-repeat;
  margin-top: 0;
  top: 32%;
  right: -5%;
}

.custom-golf-detail .calendar .swiper-button {
  /* opacity: 0.902; */
  width: 28px;
  height: 42px;
  border-radius: var(--qc-radius-xs, 4px);
  filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.05));
  background-color: rgba(255, 255, 255, 0.9019607843137255);
  border: 1px solid #dbdbdb;
}

.custom-golf-detail .calendar .year .btn_year_new {
  padding: 7px 12px;
  background: var(--bs-point);
  border-radius: var(--qc-radius-xs, 4px);
}

.custom-golf-detail .calendar .year .btn_year_new img {
  filter: invert(1);
}

.custom-golf-detail .calendar .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  gap: 25px;
}

.custom-golf-detail .year {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.custom-golf-detail .swiper-button-custom:after,
.custom-golf-detail .swiper-rtl .swiper-button-prev:after {
  display: none;
}

.custom-golf-detail .calendar span {
  font-size: 20px;
  font-weight: 500;
}

.custom-golf-detail .calendar .dates {
  position: relative;
}

.custom-golf-detail .calendar .dates .day {
  text-align: center;
}

.custom-golf-detail .calendar .dates .day,
.custom-golf-detail .calendar .dates .txt {
  color: #999;
}

.custom-golf-detail .calendar .dates .txt {
  margin-top: 15px;
  font-size: 14px;
}

.custom-golf-detail .calendar .dates .day.on a,
.custom-golf-detail .calendar .dates .day.on .txt {
  color: #252525;
}

/* .custom-golf-detail .calendar .dates .day a {
    color: #252525;
} */

.custom-golf-detail .calendar .dates .day a.on {
  color: #fff !important;
  position: relative;
}

.custom-golf-detail .calendar .dates .day a.on::before {
  content: "";
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--bs-point);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.custom-golf-detail #toDay {
  color: #dba365;
}

.custom-golf-detail .year img {
  cursor: pointer;
}

.custom-golf-detail .tag-con-below-calendar {
  padding: 40px 0;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.custom-golf-detail .box-selecter .ic_item {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  width: calc(50% - 40px);
}

.custom-golf-detail .box-selecter .ic_item .title {
  font-size: 17px;
  font-weight: bold;
  color: #252525;
  width: 120px;
}

.custom-golf-detail .box-selecter .ic_item .body-box {
  gap: 10px;
}

.custom-golf-detail .box-selecter .ic_item .body-box .box {
  width: 140px;
  height: 60px;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.custom-golf-detail .box-selecter .ic_item .body-box select.box {
  width: 212px;
}

.custom-golf-detail .box-selecter .ic_item .body-box .box.active {
  border-color: var(--bs-point);
}

.custom-golf-detail .box-selecter .ic_item .body-box .box p {
  font-size: 16px;
  font-weight: 400;
  color: #252525;
}

.custom-golf-detail .box-selecter .ic_item .body-box .box.active p {
  color: var(--bs-point);
}

.custom-golf-detail .box-selecter+.box-selecter {
  margin-bottom: 30px;
}

.custom-golf-detail .box-selecter .titles {
  font-size: 17px;
  font-weight: bold;
  color: #252525;
  margin-bottom: 15px;
}

.custom-golf-detail .box-selecter .select-more-body {
  flex-direction: column;
}

.custom-golf-detail .box-selecter .select-more-body .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid #dbdbdb;
  padding: 0 15px 0 30px;
  margin-bottom: 12px;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_left .tit {
  font-size: 16px;
  font-weight: 400;
  color: #252525;
  margin-right: 30px;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_left .content {
  font-size: 16px;
  font-weight: 400;
  color: #757575;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_right .pri {
  font-size: 18px;
  font-weight: 600;
  color: #252525;
}

.custom-golf-detail .box-selecter .select-more-body .item .item_right select {
  font-size: 16px;
  font-weight: 400;
  width: 110px;
  height: 44px;
  border: 1px solid #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  margin-left: 14px;
}

.custom-golf-detail .tag-con-below-calendar .item-tag {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  /* gap: 30px; */
}

/* .box-selecter .item-select .label {
    width: 50px;
}

.body-box {
    gap: 5px;
}

.body-box .box {
    width: 80px;
} */

.custom-golf-detail .tag-con-below-calendar .item-tag.new {
  width: calc(50% - 40px);
  justify-content: space-between;
}

.custom-golf-detail .tag-con-below-calendar .item-tag .item-tag-select {
  width: 50%;
}

.custom-golf-detail .tag-con-below-calendar .item-tag .item-tag-select .cus-width {
  width: 180px;
}

/* .custom-golf-detail .tag-con-below-calendar .item-tag.new .label.first {
    width: 50px;
} */

.custom-golf-detail .tag-con-below-calendar .cus-width {
  width: 280px;
  padding-left: 20px;
  padding-right: 0;
}

.custom-golf-detail .tag-con-below-calendar .item-tag span.label {
  font-size: 17px;
  width: 120px;
}

.custom-golf-detail .tag-con-below-calendar .item-tag span.label.first {
  width: 60px;
}

.custom-golf-detail .tag-con-below-calendar .item-tag.new select {
  width: unset;
}

.custom-golf-detail .box-selecter .ic_item .item-select .label.first {
  width: 60px;
}

.custom-golf-detail .box-selecter .ic_item .item-select .cus-width {
  width: 180px;
}

.custom-golf-detail .body-box {
  width: calc(100% - 120px);
  gap: 10px;
}

.custom-golf-detail .body-box .box {
  width: 50% !important;
}

.custom-golf-detail .tag-list {
  display: flex;
  align-items: center;
  gap: 10px;
}

.custom-golf-detail .box-selecter .ic_item .item-select.second .label {
  width: 120px;
}

.custom-golf-detail .box-selecter .ic_item .item-select.second .cus-width {
  width: calc(100% - 120px);
}

.custom-golf-detail .tag-list span.tag {
  border-radius: var(--qc-radius-card, 16px);
  border: 1px solid rgb(238, 238, 238);
  padding: 8px;
  width: 56px;
  text-align: center;
  cursor: pointer;
}

.custom-golf-detail .tag-list span.tag.active {
  border-color: var(--bs-point);
  color: var(--bs-point);
}

.custom-golf-detail .date-text-2 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-golf-detail .result_select {
  display: flex;
  gap: 5px;
}

.custom-golf-detail .date-text-2 span {
  color: #999999;
}

.custom-golf-detail .date-text-2 p:last-child {
  font-size: 16px;
  color: #999999;
}

.custom-golf-detail .card-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.custom-golf-detail .card-content .card-item {
  padding: 30px;
  border-radius: var(--qc-radius-xs, 4px);
  border: 1px solid rgb(219, 219, 219);
  width: 380px;
  height: 160px;
  cursor: pointer;
}

.custom-golf-detail .card-content .card-item.active_1 {
  color: var(--bs-point);
  border-color: var(--bs-point);
  border-width: 2px;
}

.custom-golf-detail .card-content .card-item:hover {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-golf-detail .card-content .card-item.active_2 {
  color: white !important;
  background-color: var(--bs-point);
}

.custom-golf-detail .card-content .card-item.active_2 span.font-bold {
  color: white;
}

.custom-golf-detail .card-content .header-con {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

.custom-golf-detail .card-content p.text-gray {
  margin-bottom: 10px;
}

.custom-golf-detail .card-content .card-item p.cus-text {
  margin-bottom: 10px;
}

.custom-golf-detail .card-content .card-item.active_2 p.cus-text {
  margin-bottom: 10px;
}

.custom-golf-detail .card-content .card-item.active_2 .cus-text_div {
  display: flex;
  gap: 4px;
}

.custom-golf-detail .card-content span.font-bold {
  color: #252525;
}

.custom-golf-detail .list-select-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}

.custom-golf-detail .list-select-element .item-select {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 33.33%;
}

.custom-golf-detail .list-select-element .item-select .select_custom_ {
  width: 230px;
}

.custom-golf-detail .list-select-element.tour .item-select .select_custom_ {
  width: 100%;
}

.custom-golf-detail .list-select-element .item-select .vehicle_number {
  width: 50px;
}

.custom-golf-detail .section2-sub {
  display: flex;
}

.custom-golf-detail .section2-sub .left-main {
  width: 50%;
  border: 1px solid rgb(238, 238, 238);
  border-top: 2px solid #000;
  padding: 40px;
  border-radius: 0 0 0 var(--qc-radius-xs, 4px);
  box-shadow: 0px 5px 0px 0px rgba(51, 51, 51, 0.04);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.custom-golf-detail .section2-sub .left-main .tit-left {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.custom-golf-detail .section2-sub .left-main p {
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 1.5rem;
}

.custom-golf-detail .section2-sub .left-main .l-label {
  width: 100px;
}

.custom-golf-detail .section2-sub .right-main {
  width: 50%;
  border: 1px solid rgb(238, 238, 238);
  padding: 12px 40px 40px 40px;
  border-top: 2px solid #000;
  border-left: none;
  border-radius: 0 0 var(--qc-radius-xs, 4px) 0;
  box-shadow: 0px 5px 0px 0px rgba(51, 51, 51, 0.04);
  display: flex;
  flex-direction: column;
}

.custom-golf-detail .section2-sub .right-main .item-right {
  display: flex;
  align-items: center;
  padding: 24px 0;
  justify-content: space-between;
}

.custom-golf-detail .section2-sub .right-main .item-right:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

.vehicle_list_result {
  border-bottom: 1px dashed #ccc;
}

.custom-golf-detail .section2-sub .right-main .item-right.cus-border {
  border-bottom: 1px solid #ccc;
  color: #df0011;
  font-weight: 600;
}

.custom-golf-detail .mt-50 {
  margin-top: 50px;
}

.custom-golf-detail .btn-price-content {
  width: 100%;
  height: 66px;
  background-color: var(--bs-point) !important;
  font-size: 22px !important;
  font-weight: unset;
  margin-top: auto;
  color: #fff;
}

.custom-golf-detail .btn-price-content-normal {
  width: 100%;
  height: 66px;
  color: var(--bs-point) !important;
  border: 1px solid var(--bs-point) !important;
  background-color: white !important;
  font-size: 22px !important;
  font-weight: unset;
  margin-top: 233px;
  margin-top: auto;
}

.custom-golf-detail .section2-sub .item-last-right {
  display: flex;
  justify-content: space-between;
  padding: 30px 0px;
  font-size: 20px;
}

.custom-golf-detail .section2-sub .item-last-right .price-text {
  font-weight: bold;
}

.custom-golf-detail .section2-sub .item-last-right .price-text span {
  font-weight: 500 !important;
}

.custom-golf-detail .section2-sub .right-main .list-text {
  line-height: 1.5rem;
  width: 360px;
}

.custom-golf-detail .section2-sub .item-right p:first-child {
  width: 360px;
}

.custom-golf-detail .container-big-text {
  line-height: 1.3rem;
}

.custom-golf-detail .container-big-text span {
  font-family: "Pretendard" !important;
}

.custom-golf-detail .container-big-text .sub-title-18 {
  font-size: 18px;
  margin-bottom: 20px;
}

.custom-golf-detail .container-big-text p {
  margin-bottom: 20px;
  line-height: 1.5rem;
}

.custom-golf-detail .container-big-text ul {
  margin-top: 20px;
  line-height: 1.5rem;
}

.custom-golf-detail .info-container span {
  width: 110px;
  display: inline-block;
}

.custom-golf-detail .info-container {
  line-height: 1.5rem;
}

.custom-golf-detail .highlight-des .highlight-des-p {
  margin-top: 28px;
  padding: 30px 20px;
  background-color: #f3f5f7;
}

.custom-golf-detail .section6 .card-list-recommemded .recommemded-item button {
  margin-top: 24px;
  font-size: 15px;
  font-weight: bold;
  color: #4576fe;
  background-color: unset;
  padding: 0;
}

.mb-40 {
  margin-bottom: 40px;
}

.custom-golf-detail .ul-html-content li {
  list-style: decimal;
}

.custom-golf-detail .ul-html-content {
  list-style: decimal;
  margin-left: 16px;
  margin-bottom: 50px;
}

.custom-golf-detail .qa-section h2 {
  font-size: max(12px, 1.2rem);
  margin-bottom: 15px;
}

.custom-golf-detail .qa-form {
  display: flex;
  margin-bottom: 20px;
}

.custom-golf-detail .qa-input {
  flex: 1;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: var(--qc-radius-xs, 4px);
}

.custom-golf-detail .qa-submit {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: var(--qc-radius-xs, 4px);
  margin-left: 10px;
  cursor: pointer;
}

.custom-golf-detail .qa-list {
  list-style-type: none;
  padding: 0;
}

.custom-golf-detail .qa-list {
  border-top: 1px solid #ddd;
}

.custom-golf-detail .qa-item .qa-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 25px 0;
  cursor: pointer;
}

.custom-golf-detail .qa-list .no-data {
  margin-top: 30px;
  text-align: center;
}

.custom-golf-detail .qa-question {
  display: flex;
  align-items: center;
  max-width: 80%;
}

.custom-golf-detail .qa-number {
  margin: 0 28px;
  font-size: 17px;
}

.custom-golf-detail .qa-tag {
  background-color: red;
  color: white;
  padding: 10px 16px 8px 16px;
  border-radius: var(--qc-radius-pill, 999px);
  font-size: 15px;
  margin-right: 10px;
  width: 93px;
  text-align: center;
}

.custom-golf-detail .qa-tag.normal-style {
  background-color: white;
  color: var(--bs-point);
  padding: 10px 16px 8px 16px;
  border-radius: var(--qc-radius-pill, 999px);
  border: 1px solid var(--bs-point);
  font-size: 15px;
  margin-right: 10px;
  width: auto;
}

.custom-golf-detail .load-more {
  background-color: var(--bs-point);
  color: white;
  padding: 8px 16px 8px 16px;
  border-radius: var(--qc-radius-pill, 999px);
  border: 1px solid black;
  font-size: 15px;
  margin-right: 10px;
  display: inline-block;
  width: 93px;
  /* margin-bottom: 20px; */
  text-align: center;
}

.custom-golf-detail .additional-info .mt-36 {
  margin-top: 36px;
}

.custom-golf-detail .qa-text {
  font-size: 17px;
}

.custom-golf-detail .qa-meta {
  font-size: 15px;
}

.custom-golf-detail .additional-info {
  display: none;
  padding: 30px 0 30px 82px;
  border-radius: var(--qc-radius-xs, 4px);
  border-bottom: 1px solid #ddd;
}

.custom-golf-detail .additional-info p {
  font-size: 17px;
  line-height: 1.5;
  color: #555;
}

.custom-golf-detail .pagination {
  margin: 32px 0 128px 0 !important;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-golf-detail .page-link {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 5px;
  text-decoration: none;
  color: #333;
  border: 1px solid #ddd;
  border-radius: var(--qc-radius-xs, 4px);
  transition:
    background-color 0.3s,
    color 0.3s;
}

.custom-golf-detail .page-link:hover {
  background-color: #f0f0f0;
}

.custom-golf-detail .page-link.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.custom-golf-detail .custom-area-text {
  display: flex;
  align-items: center;
  width: 100%;
  height: 132px;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: var(--qc-radius-xs, 4px);
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-top: 30px;
}

.custom-golf-detail .custom-label {
  flex: 1;
  margin-right: 10px;
}

.custom-golf-detail .custom-main-input-style {
  width: 100%;
  /* min-height: 50px; */
  padding: 10px 10px;
  border: none;
  outline: none;
  /* background: #f8f8f8; */
  resize: none;
  font-size: 14px;
  color: #999999;
  border-radius: var(--qc-radius-xs, 4px);
  height: 120px;
  text-align: start;
}

.custom-golf-detail .qa-submit-btn {
  font-size: 18px;
  padding: 38px;
  border-left: 1px solid rgb(238, 238, 238);
  cursor: pointer;
}

.custom-golf-detail .qa-submit-btn:hover {
  background-color: #e0e0e0;
}

.content-sub-product-hotel .filter_icon {
  width: 17px;
  height: 18px;
}

.content-sub-product-hotel .close_icon {
  width: 10px;
  height: 12px;
  cursor: pointer;
}

.content-sub-product-hotel .two-way_arrow {
  width: 18px;
  height: 14px;
}

.content-sub-product-hotel .two-way-arrow-content a {
  display: flex;
  align-items: center;
  gap: 3px;
}

.content-sub-hotel-detail .section2 .tag-list-icon .item-tag img {
  max-height: 26px;
  max-width: 26px;
}

.custom-golf-detail .golf-table .rating-list img {
  width: 13px;
  height: 12px;
}

.most_searched_tab_2__prd_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.sub_hotel_section7_product_item {
  width: calc((100% - 60px) / 4);
  position: relative;
}

.sub_hotel_section7_product_item__name {
  font-size: 24px;

  color: rgb(37, 37, 37);
  font-weight: normal;
  margin-top: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.thailand_hotel_list_top_ {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 24px;
  margin-top: 29px;
}

.thailand_hotel_top_item_ .emo_social .social::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* opacity: 0.45; */
}

.thailand_hotel_top_item_ .emo_social .social.social-like::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  /* background-image: url("/images/main/heart_ic.png"); */
  opacity: 0.5;
}

.thailand_hotel_top_item_ .emo_social .social.social-comment::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  /* background-image: url("/images/main/comment_ic.png"); */
  opacity: 0.5;
}

.thailand_hotel_top_item_ {
  width: calc((100% - 60px) / 4);
  background: #fff;
  border-radius: var(--qc-radius-control, 8px);
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  color: inherit;
}

.thailand_hotel_top_item_:hover {
  /* transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    border-color: #d0d0d0; */
}

.thailand_golf_list_ {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 29px;
}

.thailand_golf_list_item_ {
  width: calc((100% - 60px) / 4);
}

.content-sub-hotel-detail .section3 .card-item-left {
  max-width: 285px;
}

.room_option_ {
  padding-bottom: 30px !important;
}

.room_option_long {
  height: 620px;
  overflow: hidden;
  margin-top: 30px;
}

.btnReadLess {
  display: none;
}

.btnReadLess,
.btnReadMore {
  border: 1px solid #dbdbdb;
  border-radius: var(--qc-radius-xs, 4px);
  padding: 5px 10px;
}

.cus_scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  max-height: 400px;
  padding-left: 20px;
}

.cus_scroll_li {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.cus_scroll li {
  width: 100%;
  max-width: calc(50% - 10px);
}

.cus_scroll::-webkit-scrollbar {
  width: 2px;
  background-color: #f5f5f5;
  display: block;
}

.cus_scroll::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}

.imageDetailMain_ {
  width: 600px;
  border: 1px solid #dbdbdb;
  height: 442px;
}

.imageDetailSup_ {
  width: 290px;
  border: 1px solid #dbdbdb;
  height: 216px;
}

.imageDetailOption_ {
  width: calc(50% - 5px);
  border: 1px solid #dbdbdb;
  height: 95px;
}

.content-sub-hotel-detail .hotel-image-container .grid_1_1_size {
  height: 441px;
  background-size: cover;
  object-fit: cover;
}

.content-sub-hotel-detail .section3 {
  margin-top: 160px;
}

.custom-golf-detail .list-select-element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 80px;
  gap: 30px;
  /* flex-wrap: wrap; */
}

.custom-golf-detail .list-select-element .item-select .label {
  width: 70px;
  flex: 0 0 auto;
}

.travel-tips .sec_banner {
  margin-top: 32px;
  margin-bottom: 90px;
}

.travel-tips .sec_banner .wrap_banner {
  position: relative;
}

.travel-tips .sec_banner .text_banner {
  position: absolute;
  top: 50%;
  left: 120px;
  transform: translateY(-50%);
  color: #000000d1;
}

.travel-tips .sec_banner .text_banner span {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}

.travel-tips .sec_banner .text_banner p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.travel-tips .sec_02 .inner .content_sec {
  padding-bottom: 120px;
  border-bottom: 1px solid #dbdbdb;
}

.travel-tips .header_sec {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 32px;
  position: relative;
}

.travel-tips .header_sec .more_link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 18px;
  font-weight: 700;
}

.travel-tips .header_sec .title_sec {
  font-size: 28px;
  font-weight: 700;
}

.travel-tips .header_sec .sub_title_sec {
  font-size: 17px;
  color: #757575;
}

.travel-tips .content_sec .list_item {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
  border-radius: var(--qc-radius-xs, 4px);
  margin-bottom: 115px;
}

.travel-tips .content_sec .list_item .item {
  width: 224px;
  height: 150px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.travel-tips .content_sec .list_item .item span {
  position: absolute;
  top: 35px;
  left: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #252525;
}

.travel-tips .content_sec .list_item .item_1 {
  background-image: url(/images/sub/tra-sec-01-1.png);
}

.travel-tips .content_sec .list_item .item_2 {
  background-image: url(/images/sub/tra-sec-01-2.png);
}

.travel-tips .content_sec .list_item .item_3 {
  background-image: url(/images/sub/tra-sec-01-3.png);
}

.travel-tips .content_sec .list_item .item_4 {
  background-image: url(/images/sub/tra-sec-01-4.png);
}

.travel-tips .content_sec .list_item .item_5 {
  background-image: url(/images/sub/tra-sec-01-5.png);
}

.tra_sec_02_swiper .swiper-slide {
  width: 387px;
  height: 280px;
}

.tra_sec_02_swiper_item {
  position: relative;
  width: 387px;
  height: 280px;
  display: block;
}

.tra_sec_02_swiper ._img_box {
  width: 100%;
  height: 100%;
  position: relative;
}

.tra_sec_02_swiper ._img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--qc-radius-card, 16px);
}

.tra_sec_02_swiper ._img_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: var(--qc-radius-card, 16px);
}

.tra_sec_02_swiper ._text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 100%;
  line-height: 1.5;
}

.tra_sec_02_swiper ._text_box h5 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}

.tra_sec_02_swiper_btn_next {
  background-image: url(/images/sub/tra-sec-02-btn-next.png);
  width: 60px;
  height: 60px;
  right: 0;
}

.tra_sec_02_swiper_btn_prev {
  background-image: url(/images/sub/tra-sec-02-btn-prev.png);
  width: 60px;
  height: 60px;
  left: 0;
}

.travel-tips .swiper-button-next:after {
  content: "";
}

.travel-tips .swiper-button-prev:after {
  content: "";
}

.tra_sec_02_swiper_pagination {
  display: none;
}

.travel-tips .wrap_secs .inner {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-top: 100px;
  /* padding-bottom: 116px; */
}

.travel-tips .sec_03,
.travel-tips .sec_04 {
  flex: 1;
}

.travel-tips .wrap_secs .list_travel_info .item {
  display: flex;
  align-items: center;
  padding: 20px 45px 20px 0;
  border-bottom: 1px solid #dbdbdb;
  gap: 20px;
}

.travel-tips .wrap_secs .list_travel_info .item:first-child {
  padding-top: 0;
}

.travel-tips .wrap_secs .list_travel_info .item img {
  width: 140px;
  height: 102px;
  object-fit: cover;
}

.travel-tips .wrap_secs .list_travel_info .item .bx_text {
  flex: 1;
  max-width: 380px;
}

.travel-tips .wrap_secs .list_travel_info .item:last-child {
  border-bottom: none;
}

.travel-tips .wrap_secs .list_travel_info .item .head_text {
  font-size: 15px;
  color: #757575;
  margin-bottom: 10px;
  display: block;
}

.travel-tips .wrap_secs .list_travel_info .item .title {
  font-size: 18px;
  font-weight: 500;
  color: #252525;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.travel-tips .wrap_secs .list_travel_info .item .desc .name,
.travel-tips .wrap_secs .list_travel_info .item .desc .time {
  font-size: 15px;
  color: #757575;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dbdbdb;
}

.travel-tips .wrap_secs .list_travel_info .item .desc .view {
  font-size: 15px;
  color: #757575;
}

.travel-tips .sec_04 .list_travel_banner .item {
  position: relative;
  margin-bottom: 30px;
  display: block;
}

.travel-tips .sec_04 .list_travel_banner .item img {
  width: 100%;
  height: 181px;
  object-fit: cover;
  border-radius: var(--qc-radius-card, 16px);
}

.travel-tips .sec_04 .list_travel_banner .item .bx_text {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.travel-tips .sec_04 .list_travel_banner .item .bx_text .loca {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: var(--qc-radius-xs, 4px);
  margin-bottom: 70px;
  display: inline-block;
}

.travel-tips .sec_04 .list_travel_banner .item .bx_text .title {
  font-size: 26px;
  font-weight: 700;
}

.travel-tips .sec_05 {
  background-color: #f7f7f7;
  padding-top: 75px;
  padding-bottom: 95px;
}

.travel-tips .sec_05 .list_travel_banner {
  display: flex;
  gap: 20px;
  /* justify-content: space-between; */
  align-items: center;
}

.travel-tips .sec_05 .header_sec .title_sec {
  font-size: 28px;
  font-weight: 700;
  width: 100%;
  text-align: center;
}

.travel-tips .sec_06 {
  padding: 110px 0;
}

.travel-tips .sec_06 .list_travel_banner {
  display: flex;
  justify-content: flex-start;
  /*align-items: center;*/
}

.travel-tips .sec_06 .list_travel_banner .item {
  display: block;
  opacity: 1;
}

.travel-tips .sec_06 .swiper-slide {
  width: calc(100% / 3 - 13px);
}

.travel-tips .sec_06 .img_box img {
  width: 100%;
  height: 100%;
}

.travel-tips .sec_06 .magazine_content {
  font-size: 20px;
  margin-top: 10px;
  line-height: 1.4;
}

.price_secret_wrap {
  position: relative;
  /* width: 100%;
    text-align: center; */
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.price_secret_wrap p {
  font-weight: bold;
  color: red;
}

.price_secret_wrap i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/images/ico/ico_warning.svg") no-repeat center/cover;
  filter: invert(17%) sepia(5%) saturate(10000000%) hue-rotate(-5deg) brightness(90%) contrast(120%);
  background-size: 15px 15px;
}

.price_secret_wrap:hover .price_secret_notes {
  display: block;
}

.price_secret_wrap::after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: transparent;
  position: absolute;
  top: 100%;
  right: 0;
}

.price_secret_notes {
  display: none;
  width: 300px;
  position: absolute;
  top: 20px;
  right: -110px;
  text-align: center;
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-radius: var(--qc-radius-xs, 4px);
  height: auto !important;
  transition: all 0.2s;
  overflow: initial;
  padding: 20px;
  line-height: 1.4;
}

.total_price_tour {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  margin-top: 30px;
  font-weight: bold;
}

.policy_wrap {
  padding: 40px;
  margin-top: 30px;
  background-color: #f3f5f7;
  border-radius: var(--qc-radius-control, 8px);
}

.area_info {
  display: flex;
  gap: 30px;
  height: 62px;
}

.area_info .child {
  display: flex;
  align-items: center;
  gap: 10px;
  /* padding: 10px 0; */
}

.area_info .child .icon {
  display: flex;
  align-items: center;
  gap: 5px;
  /* flex-basis: 16%; */
}

.area_info .pallet i {
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url("/images/ico/bed.png") no-repeat center/cover;
  background-size: 24px 18px;
}

.area_info .extent i {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url("/images/ico/extent.png") no-repeat center/cover;
  background-size: 19px 19px;
}

.area_info .floor i {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url("/images/ico/floor.png") no-repeat center/cover;
  background-size: 19px 19px;
}

.area_info .extent .unit {
  position: relative;
}

.area_info .extent .unit::before {
  content: "2";
  position: absolute;
  top: 0;
  right: -5px;
  font-size: 10px;
  color: #333;
}

.hot_place .sec_banner {
  position: relative;
  margin: 45px 0 95px;
}

.hot_place .sec_banner .img_prd {
  width: 100%;
  height: 147px;
}

.hot_place .sec_banner .text_banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
}

.hot_place .sec_banner .text_banner span {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 13px;
  display: block;
}

.hot_place .sec_banner .text_banner p {
  font-size: 18px;
  font-weight: 400;
}

.hot_place .input_search_box {
  display: flex;
  width: 270px;
  height: 50px;
  border: 1px solid #dbdbdb;
  align-items: center;
  justify-content: space-between;
  padding-right: 18px;
  margin-left: auto;
  margin-bottom: 20px;
}

.hot_place .input_search_box input {
  border: none;
  outline: none;
  font-size: 16px;
  height: 100%;
}

.hot_place .list_place {
  padding-top: 30px;
  padding-bottom: 46px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  gap: 43px 20px;
  flex-wrap: wrap;
}

.hot_place .list_place .item {
  width: calc((100% - 40px) / 3);
  position: relative;
  display: block;
  overflow: hidden;
}

.hot_place .list_place .item .img {
  width: 100%;
  height: 284px;
}

.hot_place .list_place .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s;
}

.hot_place .list_place .item .title {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  color: #757575;
}

.hot_place .list_place .item .title .star {
  color: #252525;
  letter-spacing: 1px;
}

.hot_place .list_place .item .name {
  font-size: 20px;
  font-weight: 600;
  margin-top: 12px;
}

.hot_place .list_place .item .desc {
  font-size: 16px;
  font-weight: 400;
  margin-top: 22px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.hot_place .list_place .item .comt {
  font-size: 16px;
  font-weight: 400;
  color: #757575;
  margin-top: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot_place .list_place .item .comt .acc {
  font-weight: 500;
  margin-right: 10px;
}

.custom.pagination {
  margin: 32px 0 128px 0 !important;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom .page-link {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 5px;
  text-decoration: none;
  color: #333;
  border: 1px solid #ddd;
  border-radius: var(--qc-radius-xs, 4px);
  transition:
    background-color 0.3s,
    color 0.3s;
}

.custom .page-link.ml {
  margin-left: 24px;
}

.custom .page-link.mr {
  margin-right: 24px;
}

.custom .page-link:hover {
  background-color: #f0f0f0;
}

.custom .page-link.active {
  color: var(--bs-point);
  border-color: var(--bs-point);
}

.travel_info {
  padding-bottom: 130px;
}

.travel_info h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 32px;
  padding-top: 40px;
  text-align: center;
}

.travel_info .list_tab_head {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  margin-bottom: 33px;
}

.travel_info .list_tab_head .tab {
  padding: 10px 12px;
  color: #757575;
  font-size: 16px;
  font-weight: 500;
  border-radius: var(--qc-radius-pill, 999px);
  border: 1px solid #dbdbdb;
  cursor: pointer;
  min-width: 70px;
  text-align: center;
}

.travel_info .list_tab_head .tab.on {
  background-color: #2a459f;
  color: #fff;
}

.travel_info .head_list_product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.travel_info .head_list_product .total_text {
  font-size: 16px;
  font-weight: 500;
}

.travel_info .head_list_product .total_text span {
  color: #2a459f;
}

.travel_info .head_list_product select {
  width: 140px;
  height: 50px;
  border: 1px solid #dbdbdb;
  padding: 0 20px;
  margin-left: auto;
}

.travel_info .head_list_product .input_search_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dbdbdb;
  padding-right: 20px;
  margin-left: 10px;
  height: 50px;
  width: 270px;
}

.travel_info .head_list_product .input_search_box img {
  cursor: pointer;
}

.travel_info .head_list_product .input_search_box input {
  border: none;
  outline: none;
  font-size: 16px;
  height: 100%;
}

.travel_info .list_product .item {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 27px 0;
  border-bottom: 1px solid #dbdbdb;
}

.travel_info .list_product .item:first-child {
  border-top: 1px solid #dbdbdb;
}

.travel_info .list_product .item .img {
  width: 350px;
}

.travel_info .list_product .item .img img {
  width: 100%;
  object-fit: cover;
}

.travel_info .list_product .item .img .img_travel {
  width: 350px;
  height: 250px;
}

.travel_info .list_product .item .text {
  flex: 1;
}

.travel_info .list_product .item .tit {
  font-size: 15px;
  margin-bottom: 14px;
  color: #757575;
  display: block;
}

.travel_info .list_product .item .name {
  font-size: 20px;
  margin-bottom: 28px;
  font-weight: 500;
}

.travel_info .list_product .item .desc {
  padding: 20px;
  background-color: #f7f7f7;
  margin-bottom: 30px;
}

.travel_info .list_product .item .desc_inner {
  font-size: 16px;
  color: #5f5f5f;
 /* #757575 was under 4.5:1 */
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.travel_info .list_product .item .info {
  color: #757575;
  font-size: 16px;
}

.travel_info .list_product .item .info .date {
  padding-right: 12px;
  border-right: 1px solid #757575;
}

.travel_info .list_product .item .info .author {
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #757575;
}

.travel_info .list_product .item .info .view {
  padding-left: 12px;
}

.infographic .list_infographic {
  display: flex;
  flex-wrap: wrap;
  gap: 46px 18px;
  padding-bottom: 42px;
  border-bottom: 1px solid #dbdbdb;
}

.infographic .list_infographic .item {
  width: calc((100% - calc(18px * 3)) / 4);
  position: relative;
  display: block;
  overflow: hidden;
}

.infographic .list_infographic .item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.infographic .list_infographic .item p {
  font-size: 18px;
  font-weight: 500;
  margin-top: 25px;
}

.view_container .view_top_wrap {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #efefef;
  border-top: 1px solid #666;
  border-bottom: 1px solid #e9e9e9;
}

.view_container .view_top_wrap .view_top_ttl {
  font-size: 15px;
}

.view_container .view_top_wrap .view_top_info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.view_container .view_top_wrap .view_top_info .date,
.view_container .view_top_wrap .view_top_info .view {
  color: #666;
}

/* theme area begin */

.monkey_theme ul {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-content: baseline;
  /* justify-content: center; */
  gap: 20px;
  margin-top: 0;
  padding-bottom: 40px;
}

.monkey_theme li {
  position: relative;
  display: flex;
  justify-content: center;
  width: 310px;
  height: 400px;
  /* margin: 20px 11px 0; */
}

.theme_banner {
  width: 100%;
  height: 100%;
  border-radius: var(--qc-radius-card, 16px);
  overflow: hidden;
  position: relative;
}

.monkey_theme li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--qc-radius-card, 16px);
  position: absolute;
}

.theme_boxinfo {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.theme_boxinfo:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.theme_banner img {
  transition: transform 0.5s ease;
  transform-origin: center center;
}

.theme_banner .desc {
  text-align: center;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  margin-top: 148px;
  background: #fb2f2f;
  padding: 3px 10px;
  border-radius: var(--qc-radius-section, 24px);
}

.theme_banner .subtitle {
  font-size: 13px;
  color: #fff;
  display: block;
  margin-top: 10px;
}

.theme_banner .title {
  font-size: 20px;
  text-align: center;
  color: #fff;
  display: block;
  padding-bottom: 10px;
  margin-top: 10px;
  font-weight: 400;
}

.theme-section {
  margin-bottom: 50px;
  border-bottom: 1px solid #dddddd7d;
}

.theme_top {
  width: 100%;
  height: 534px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
}

.theme_head01.theme_top {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.theme_head01.theme_top:before {
  content: "";
  width: 100%;
  height: 434px;
  background: #00000070;
  position: absolute;
  top: 0;
  left: 0;
}

.theme_head01.theme_top .theme_headline {
  width: 100%;
  top: 120px;
  text-align: center;
  position: absolute;
  color: #fff;
}

.theme_head01.theme_top .theme_headline h3 {
  font-size: 20px;
  display: block;
  margin-top: 10px;
  font-weight: 400;
}

.theme_head01.theme_top .theme_headline h1 {
  font-size: 50px;
  display: block;
  margin-top: 25px;
}

.theme_tab {
  color: #333;
  position: relative;
  top: 184px;
  margin-bottom: 30px;
  width: 100%;
}

.theme_top ul {
  width: 100%;
  height: 84px;
  position: absolute;
  bottom: 0;
}

.theme_head01.theme_top ul {
  height: 64px;
}

.theme_tab ul {
  width: 100%;
  display: flex;
}

.theme_tab01 ul li {
  text-align: center;
  width: 100%;
  font-size: 21px;
  cursor: pointer;
  color: #999;
  border: 0;
}

.theme_tab ul li {
  text-align: center;
  padding: 25px 0;
  width: 100%;
  font-size: 21px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  color: #aaa;
}

.theme_tab01 ul {
  flex-flow: unset;
}

.theme_tab01 ul li span {
  background: #ddd;
  display: inline-block;
  padding: 25px 0;
  width: 96%;
  border-top-right-radius: var(--qc-radius-control, 8px);
  border-top-left-radius: var(--qc-radius-control, 8px);
}

.theme_tab01 ul li.on {
  font-weight: 500;
  color: #333;
  font-size: 24px;
  border: 0;
}

.theme_tab01 ul li.on span {
  background: #fff;
  box-shadow: rgb(0 0 0 / 8%) -1px -7px 12px 0;
  position: relative;
  border-top-right-radius: var(--qc-radius-control, 8px);
  border-top-left-radius: var(--qc-radius-control, 8px);
}

.theme_tab ul li.on {
  border-bottom: 1px solid #070707;
  font-weight: 500;
  color: #333;
  font-size: 24px;
}

.stfcomment {
  font-size: 16px;
  padding: 0 20px;
  color: #2ab6ad;
  text-align: center;
  margin: 30px 0;
  line-height: 1.4;
}

.theme_cont {
  position: relative;
  display: none;
  overflow: hidden;
  text-align: left;
}

.theme_nbox {
  width: 100%;
  height: 670px;
}

.theme_nbox a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

.theme_nbox .theme_no {
  margin: 35px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

.theme_nbox .theme_no span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  color: #fff;
  border-radius: 50%;
  background: #ff6300;
  flex-direction: column;
}

.theme_nbox .theme_no span b {
  display: block;
  font-size: 30px;
  font-weight: 600;
}

.theme_nbox .box_top {
  width: 100%;
  height: 295px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.theme_nbox .radius_right {
  border-top-right-radius: var(--qc-radius-section, 24px);
}

.theme_nbox .radius_left {
  border-top-left-radius: var(--qc-radius-section, 24px);
}

.theme_nbox .box_top .imgbox {
  width: 50%;
  height: 287px;
  overflow: hidden;
  position: relative;
}

.theme_nbox .box_top .imgbox img {
  width: 100%;
  position: absolute;
  top: -50px;
  left: 0;
  min-height: 100%;
}

.theme_nbox .box_top .txtbox {
  width: 50%;
  height: 277px;
  text-align: left;
  padding: 10px 20px;
}

.theme_nbox .box_top .txtbox .rating>span {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 14px;
  background: transparent url(/images/ico/spr_sub.webp) no-repeat 0 -160px;
}

.theme_nbox .box_top .txtbox .rating {
  top: -2px;
  height: 14px;
  background: transparent url(/images/ico/spr_sub.webp) no-repeat 0 -178px;
  position: relative;
  width: 80px;
}

.theme_nbox .box_top .txtbox h3 {
  font-size: 21px;
  padding-top: 15px;
  color: #555;
}

.theme_nbox .box_top .txtbox .txt {
  padding-top: 15px;
  line-height: 1.4;
}

.box_top .btnbox .detailbtn {
  float: left;
  margin-right: 5px;
}

.theme_nbox .box_top .txtbox .detailbtn {
  padding: 10px 20px;
  border-radius: var(--qc-radius-section, 24px);
  border: 1px solid #e8e8e8;
  margin-top: 15px;
  display: inline-block;
}

.box_top.box_topleft .btnbox .detailbtn {
  float: right;
}

.theme_nbox .box_top .txtbox .detailbtn i {
  color: #ff6300;
  margin-left: 5px;
}

.fa-chevron-right:before {
  content: "\f054";
}

.theme_nbox .imgbox_bot {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.theme_nbox .imgbox_bot span {
  overflow: hidden;
  width: 33.33%;
  height: 216px;
  display: block;
}

.theme_nbox .imgbox_bot span img {
  width: 100%;
  min-height: 216px;
}

.hoteltheme_main {
  display: flex;
  justify-content: center;
  margin: 60px auto 80px;
  flex-direction: column;
  max-width: 1200px;
  overflow: hidden;
}

.hoteltheme_main .head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  align-items: center;
}

.hoteltheme_main .hotplace {
  height: 430px;
  position: relative;
}

.hoteltheme_main .hotplace .loc_banner {
  height: 400px;
  width: calc((100% - 40px) / 3);
  /* width: 320px !important; */
  position: relative;
}

.hoteltheme_main .hotplace .loc_banner a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--qc-radius-card, 16px);
  cursor: default;
  text-align: left;
}

.hoteltheme_main .hotplace .loc_banner a>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hoteltheme_main .hotplace .loc_banner a .card {
  position: absolute;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0 0 50px 30px;
  cursor: pointer;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hoteltheme_main .hotplace .loc_banner a:after {
  content: "";
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
  position: absolute;
  bottom: 0;
  height: 60%;
  width: 100%;
  border-radius: var(--qc-radius-card, 16px);
  left: 0;
}

.hoteltheme_main .hotplace .loc_banner a .card span {
  color: #fff;
  position: absolute;
  top: 0;
  background: #fb2f2f;
  padding: 5px 10px;
  border-bottom-left-radius: var(--qc-radius-control, 8px);
  border-bottom-right-radius: var(--qc-radius-control, 8px);
}

.hoteltheme_main .hotplace .loc_banner a .card strong {
  font-size: 18px;
  padding-bottom: 8px;
  display: block;
}

.hoteltheme_main .hotplace .loc_banner a .card p {
  opacity: 0.7;
  color: #fff;
  font-size: 14px;
  padding-right: 15px;
}

.hoteltheme_main .swiper-button-next,
.hoteltheme_main .swiper-button-prev {
  top: 45%;
}

.hoteltheme_main .swiper-button-prev:after,
.hoteltheme_main .swiper-rtl .swiper-button-next:after {
  content: "";
}

.hoteltheme_main .swiper-button-next:after,
.hoteltheme_main .swiper-rtl .swiper-button-prev:after {
  content: "";
}

.hoteltheme_main .swiper-button-next {
  content: "";
  right: 10px;
  background: transparent url("/images/btn/btn_arrow.png") no-repeat -50px top;
  width: 50px !important;
  height: 50px !important;
}

.hoteltheme_main .swiper-button-prev {
  content: "";
  left: 10px;
  background: transparent url("/images/btn/btn_arrow.png") no-repeat 0 top;
  width: 50px !important;
  height: 50px !important;
}

.hoteltheme_main .hotplace .swiper-pagination {
  display: flex;
  justify-content: center;
}

.hoteltheme_main .hotplace .swiper-pagination-bullet-active {
  background: #f05002;
}

.cr_comment_list {
  width: 99%;
  padding: 30px 5px;
  min-height: 300px;
}

.f_16 {
  font-size: 16px !important;
}

.f_orange {
  color: #fb7622 !important;
}

#comment_wrap {
  position: relative;
  line-height: 18px;
  margin: 0 auto;
  border-bottom: 1px solid #bbb;
}

.mb30 {
  margin-bottom: 30px !important;
}

#comment_wrap .comment_input {
  padding-bottom: 15px;
  overflow: hidden;
  display: flex;
}

.mt15 {
  margin-top: 15px !important;
}

#comment_wrap textarea {
  width: 86%;
  height: 88px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  margin-right: 5px;
  resize: auto;
}

.b_p3032 {
  padding: 30px 32px;
}

.b_orange_2 {
  color: #fff !important;
  border: solid 1px #f4a135;
  background: #ffb03b;
}

.custom_btn2 {
  display: inline-block !important;
  outline: none !important;
  cursor: pointer !important;
  text-align: center !important;
  text-decoration: none !important;
  line-height: normal !important;
  vertical-align: middle !important;
  border: 0;
  overflow: visible;
  font-size: 16px;
  height: auto;
}

.fl {
  float: left;
}

.tbl_st18 {
  width: 98%;
  position: relative;
  font-size: 13px;
  width: 1000px;
  text-align: left;
}

/* theme area end */

.mr_auto {
  margin: 0 !important;
  margin-right: auto !important;
}

.theme_travel .head_list_product select {
  width: 175px;
  height: 50px;
  border: 1px solid #dbdbdb;
  padding: 0 20px;
  margin-left: 0;
}

.theme_travel .head_list_product {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.theme_travel .head_list_product .wrap_select {
  display: flex;
  gap: 10px;
}

.theme_travel .list_product {
  display: flex;
  flex-wrap: wrap;
  gap: 46px 18px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dbdbdb;
}

.theme_travel .list_product .item_box {
  width: calc((100% - (18px * 3)) / 4);
}

.theme_travel .list_product .item_box .img {
  width: 100%;
  height: 210px;
  position: relative;
}

.theme_travel .list_product .item_box .img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.theme_travel .list_product .item_box .img .text {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.404);
  display: flex;
  gap: 6px;
  align-items: center;
}

.theme_travel .list_product .item_box .title {
  margin-top: 27px;
  margin-bottom: 10px;
  color: #757575;
  font-size: 15px;
}

.theme_travel .list_product .item_box .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.theme_travel .list_product .item_box .vote {
  display: flex;
}

.theme_travel .list_product .item_box .vote span {
  display: block;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #dbdbdb;
}

.theme_travel .list_product .item_box .vote span i {
  font-weight: 600;
  color: #252525;
}

.tour_type_group {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.tour_type_group .btn_company_channel {
  padding: 12px !important;
  font-size: 16px !important;
  margin-left: 15px !important;
}

.tour_type_group .company_url {
  color: #1bbacb;
  line-height: 1.4;
}

.tour_type_group li {
  display: inline-block;
}

.tour_type_group li+li {
  margin-left: 20px;
}

.tour_type_group .type_title {
  background: #fff;
  /* border: 1px solid #ddd; */
  padding: 6px 10px;
  color: #fff;
  border-radius: var(--qc-radius-xs, 4px);
}

.tour_type_group .type_title_1 {
  background-color: #17469e;
}

.tour_type_group .type_title_2 {
  background-color: #1bbacb;
}

.tour_type_group .type_title_3 {
  background-color: #5281da;
}

/* .tour_type_group .view_info_company {
    margin-left: 50px;
} */

.tour_type_group .view_info_company a {
  color: #252525;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.info_company .content_info {
  padding-bottom: 10px;
  line-height: 1.4;
}

.info_company .content_info .name span {
  font-weight: 500;
  color: #17469e;
}

.info_company .content_notes {
  color: #666;
  border-top: 1px solid #ededed;
  padding: 10px 0;
  line-height: 1.4;
}

.section-wrap-s {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.section-wrap-s .btn-s-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.custom-golf-detail .section-wrap-s .btn-s-wrap .btn-price-content {
  width: 222px;
  height: 50px;
  font-size: 18px !important;
}

.section-wrap-s .btn-s-wrap .btn-add-cart {
  background-color: #fff !important;
  color: #252525;
  border: 1px solid #dbdbdb;
}

.section-wrap-s .btn-s-wrap .default-button {
  background-color: #fff !important;
  color: #252525;
  border: 1px solid #ccc;
}

.hot_place {
  padding-bottom: 50px;
}

#sub_container {
  padding-top: 40px;
  padding-bottom: 100px;
  position: relative;
}

.ac {
  text-align: center !important;
}

.theme-product-review .theme_head01.theme_top {
  height: 400px;
  border-radius: var(--qc-radius-section, 24px) var(--qc-radius-section, 24px) 0 0;
  margin-bottom: 0;
}

.theme-product-review .theme_head01.theme_top:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(0 0 0 / 95%) 0, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.write_new_review {
  gap: 20px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.write_new_review a.btnGoReviewPage {
  padding: 10px 20px;
  border-radius: var(--qc-radius-xs, 4px);
  background: #17469e;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-family: "Pretendard", sans-serif;
  font-weight: 600;
}

.write_new_review p.desc_ {
  font-size: 16px;
  font-weight: 600;
  font-family: "Pretendard", sans-serif;
}

.write_new_review a.btnGoReviewPage {
  margin-left: 20px;
}

.write_new_review p.desc_ {
  font-weight: 400 !important;
  color: #999;
}

.theme_intro_text {
  font-size: 18px;
  line-height: 146%;
  /* width: 82%; */
  padding: 60px 9%;
  text-align: center;
}

.theme-product-review .week_wrap {
  width: 100%;
  padding: 0;
}

.theme-product-review .week_wrap a {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.theme-product-review .room_img {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: var(--qc-radius-section, 24px);
  margin-bottom: 50px;
}

.theme-product-review .room_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.theme-product-review .week_wrap .wi_title {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
  margin: 40px 0 20px;
  line-height: 42px;
  display: flex;
  align-items: center;
}

.theme-product-review .week_wrap .point_badge {
  background: #4532e4;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  padding: 4px 20px;
  border-radius: var(--qc-radius-xs, 4px);
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-right: 20px;
}

span.left_space {
  display: inline-block;
  margin-left: 10px;
}

.week_wrap .wi_title span {
  font-weight: 700;
}

.theme-product-review .week_wrap .wi_con {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.2px;
  word-break: keep-all;
}

.theme-product-review .sub_txtbox {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  justify-content: space-between;
}

.week_wrap .sub_txtbox {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 30px;
}

.week_wrap .sub_txtbox .ttl,
.week_wrap .sub_txtbox .desc,
.week_wrap .sub_txtbox .desc p {
  font-size: 20px;
  line-height: 28px;
}

.week_wrap .sub_txtbox dt {
  font-weight: 700;
  margin-bottom: 10px;
}

.week_wrap .sub_txtbox .ttl,
.week_wrap .sub_txtbox .desc,
.week_wrap .sub_txtbox .desc p {
  font-size: 20px;
  line-height: 28px;
}

.week_wrap .sub_txtbox .desc {
  font-weight: 400;
  font-size: 20px;
}

/* .week_wrap .sub_txtbox dd:before {
    content: "-";
    display: inline-block;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
} */

.theme-product-review .sub_txtbox_img {
  width: 300px;
  height: 220px;
  overflow: hidden;
  border-radius: var(--qc-radius-section, 24px);
}

.theme-product-review .sub_txtbox_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-sub-product-hotel {
  font-family: "NotoSansCJKkr";
}

.sec2-item-card .tours-name-en {
  font-weight: 200;
  line-height: 1.5;
  font-size: 20px !important;
  margin-top: 5px;
}

.btn-toggle-wrap {
  align-self: flex-end;
}

.btn-toggle-wrap .btn-toggle {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

.btn-toggle-wrap .btn-toggle-minus {
  background-image: url("/images/btn/btn-toggle-minus.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
}

.btn-toggle-wrap .btn-toggle-plus {
  background-image: url("/images/btn/btn-toggle-plus.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
}

.icon_reload {
  width: 30px;
  margin-left: 20px;
  cursor: pointer;
}

.select_custom_sort {
  width: auto;
  border-radius: var(--qc-radius-xs, 4px);
  min-width: 200px;
}

.timetable_wrap {
  /* margin-top: 30px; */
  margin-bottom: 100px;
}

.timetable_wrap .fiex_nav {
  padding: 20px 0;
  background: #fff;
  width: 100%;
  max-width: 100%;
  z-index: 100;
  position: sticky;
  top: 0;
}

.timetable_wrap .fiex_nav ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* .timetable_wrap .fiex_nav ol li + li {
  margin-left: 10px;
} */
.timetable_wrap .fiex_nav a {
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #dbdbdb;
  display: block;
  text-align: center;
  border-radius: var(--qc-radius-xs, 4px);
}

.timetable_wrap .fiex_nav a.active {
  background: rgb(42, 69, 159);
  border-color: rgb(42, 69, 159);
  color: #fff;
  font-weight: 500;
}

/* .timetable_wrap .fiex_nav.fixed {
  position: fixed;
  top: 0;

} */
/* .timetable  {
  padding-top: 30px;
} */
.timetable .day_box {
  padding-top: 30px;
  display: flex;
  word-break: break-all;
}

.timetable .day_box .day_label {
  width: 80px;
  flex: 0 0 auto;
}

.timetable .day_box .day_label .label {
  margin-bottom: 50px;
  display: block;
}

.timetable .day_box .day_label .line {
  width: 1px;
  height: calc(100% - 72px);
  background: #eeeeee;
  display: block;
  margin-left: 22px;
  position: relative;
}

.timetable .day_box .day_label .line::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #bda365;
  border: 5px solid #e5eaf0;
  border-radius: 50%;
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
}

.timetable .day_cont {
  padding-bottom: 30px;
  width: calc(100% - 80px);
}

.timetable .border {
  padding: 30px;
  border: 1px solid #dbdbdb;
}

.timetable .day_cont .sub_label {
  margin-bottom: 20px;
  display: block;
}

.timetable .choice_act .sub_label {
  padding-bottom: 20px;
  border-bottom: 2px dashed #eeeeee;
}

.timetable .day_cont .sub_desc {
  margin-bottom: 20px;
  background: #fafafa;
  /* color: #757575; */
  display: block;
  padding: 10px 20px;
  line-height: 1.4;
  border-radius: var(--qc-radius-xs, 4px);
}

.timetable .activity_box {
  border: 1px solid #dbdbdb;
  padding: 30px;
  /* border-bottom: none; */
}

.timetable .activity_box+.sub_desc {
  margin-top: 40px;
}

.timetable .activity_box+.activity_box {
  margin-top: 20px;
}

.timetable .activity_box .sub_label {
  padding-bottom: 12px;
  border-bottom: 2px dashed #eeeeee;
}

.timetable .activity_box .flex__c {
  position: relative;
  margin-bottom: 24px;
}

.timetable .activity_box .cover_img+.cover_img {
  margin-left: 10px;
}

.timetable .activity_box .cover_img {
  width: 100%;
  padding-top: 34%;
}

.timetable .activity_box .w33 .cover_img {
  padding-top: 24%;
}

.item_view .ux_txt_btn.more_img_pop {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.timetable .day_box .area {
  color: #454545;
  line-height: 1.5;
}

.timetable .other_info {
  margin-top: 20px;
}

.timetable .other_info li {
  display: flex;
  align-items: center;
}

.timetable .other_info li+li {
  margin-top: 10px;
}

.timetable .other_info li em {
  width: 48px;
  line-height: 24px;
  border: 1px solid #aaaaaa;
  border-radius: var(--qc-radius-pill, 999px);
  display: block;
  width: 50px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}

.timetable .other_info li.stay .data {
  font-weight: 500;
}

.timetable .other_info li.stay .data+.data {
  margin-left: 10px;
}

.timetable .other_info li.meal .data {
  display: flex;
  align-items: center;
  gap: 20px;
}

.timetable .other_info li.meal span {
  margin-right: 4px;
  color: #bda365;
}

.timetable .other_info li.meal p {
  color: #757575;
}

.timetable_wrap .img_list_schedule {
  /* gap: 10px; */
  /* flex-wrap: wrap */
}

.timetable_wrap .img_list_schedule .img_box {
  width: calc(50% - 5px);
  float: left;
}

.timetable_wrap .img_list_schedule .img_box:nth-child(2n) {
  margin-left: 10px;
}

.timetable_wrap .img_list_schedule .img_box img {
  /* width: 100%; */
  width: 334px;
  height: 250px;
  object-fit: cover;
}

.timetable .choice_act {
  /* margin-top: 40px; */
}

.timetable .choice_act li+li {
  margin-top: 30px;
}

.timetable .choice_act .sub_label {
  font-weight: 400;
}

/* .timetable .choice_act .ico {
  width: 46px;
  display: inline-block ;
  line-height: 24px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 50px;
   text-align: center;
   margin-right: 6px;
}
.timetable .choice_act .ico.ch_1 {
  background:var(--bs-point) ;
}
.timetable .choice_act .ico.benefit {
  background:#5a00ff  ;
}
.timetable .choice_act .ico.recom {
  background:#f32e33 ;
} */

.timetable .ico {
  width: 46px;
  display: inline-block;
  line-height: 24px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: var(--qc-radius-pill, 999px);
  text-align: center;
  margin-right: 6px;
}

.timetable .ico.ch_1 {
  background: var(--bs-point);
}

.timetable .ico.benefit {
  background: #5a00ff;
}

.timetable .ico.recom {
  background: #f32e33;
}

.timetable .ico.pay {
  background: #8749c1;
}

.timetable .ico.choose {
  background: #3e64c7;
}

.timetable .choice_act .flex__c {
  margin-bottom: 15px;
  gap: 10px;
}

.timetable .choice_act .imgs_wrap>div {
  width: calc(33.333% - 10px);
}

.timetable .choice_act .flex__c .cover_imgx {
  position: relative;
  padding-top: 66.96428%;
}

.c_flex_custom {
  margin-top: 40px !important;
}

.timetable .choice_act .flex__c .cover_imgx img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 851px) and (max-width: 1200px) {
  .grid_2_2 img.grid_2_2_size {
    width: calc(50% - 4.5px) !important;
    height: 216px;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
  }

  .grid_2_2_sub {
    width: calc(50% - 4.5px) !important;
  }

  .grid_2_2 .custom_button {
    width: 100% !important;
  }

  .content-sub-hotel-detail .main {
    gap: 2vw;
    font-size: 1.7vw;
  }

  .content-sub-hotel-detail .section1 button {
    padding: 12px 35px;
  }

  .content-sub-hotel-detail .section1 .btn_contact_write,
  .content-sub-hotel-detail .section1 .btn_company_channel {
    padding: 12px 35px;
  }

  .main_page_01 .main_visual_content_ .form_element_ {
    flex-wrap: wrap;
  }

  .content-sub-hotel-detail .section3 {
    margin-top: 270px;
  }
}

.timetable_wrap .question {
  /* border-top: 2px solid #757575; */
}

.timetable_wrap .question .qa_box .question_box {
  padding: 25px;
  /* border-bottom: 1px solid #eee; */
  background-color: #fafafa;
  cursor: pointer;
}

.timetable_wrap .question .qa_box .question_box .question_ttl p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 700;
  font-family: "Noto Sans KR";
}

.timetable_wrap .question .qa_box .question_box .question_ttl .txt_detail {
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
  margin-left: 24px;
  margin-top: -5px;
}

.timetable_wrap .question .qa_box .question_box.active .question_ttl .txt_detail {
  color: #fff;
}

.timetable_wrap .question .qa_box .question_box .question_ttl span.date_new {
  position: absolute;
  width: 100%;
  text-wrap: nowrap;
  bottom: -24px;
  left: 0px;
  font-size: 16px;
  color: #757575;
}

.timetable_wrap .question .qa_box .question_box img {
  margin-top: 5px;
}

.timetable_wrap .question .qa_box .question_box.active img {
  transform: rotate(180deg);
}

.timetable_wrap .question .qa_box .question_box .gray_txt {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #757575;
  font-weight: 400;
  font-family: "Noto Sans KR";
  margin-right: 25px;
  text-wrap: nowrap;
}

.timetable_wrap .answer_box {
  /* border-left: 1px solid #eee; */
  display: none;
  margin: 25px 0px 25px 10px;
  background-color: #fff;
  padding-left: 25px;
  /* position: relative; */
  /* overflow: visible !important; */
  overflow: hidden !important;
}

.timetable_wrap .answer_box .view_info h3 {
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 26px;
  margin: 5px 0;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
  position: relative;
}

.timetable_wrap .answer_box .view_info+.view_info h3 {
  padding: 20px 0 0;
}

.timetable_wrap .answer_box .view_info h3::before {
  content: url(/images/sub/location_title.jpg);
  position: absolute;
  left: -35px;
}

.timetable_wrap .answer_box .view_info p {
  font-size: 16px;
  letter-spacing: -1px;
  padding: 16px 0;
  line-height: 26px;
  color: #000;
  font-weight: 400;
  font-family: "Noto Sans KR";
  position: relative;
}

.timetable_wrap .answer_box .view_info p::before {
  content: url(/images/sub/location_sub_title.png);
  position: absolute;
  left: -30px;
}

.timetable_wrap .answer_box .view_card+.view_card {
  margin-top: 25px;
}

.timetable_wrap .answer_box .view_card .view_box {
  margin: 20px 0;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  padding: 20px;
  border-radius: var(--qc-radius-xs, 4px);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.timetable_wrap .answer_box .view_card .view_box .title {
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
}

.timetable_wrap .answer_box .view_card .view_box .line {
  margin: 5px 0;
  width: 100%;
}

.timetable_wrap .answer_box .view_card .view_box .view_img {
  gap: 18px;
  overflow: hidden;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box {
  width: 366px;
  height: 250px;
  position: relative;
  padding-top: 0;
  overflow: hidden;
  border-radius: var(--qc-radius-card, 16px);
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img {
  position: absolute;
  bottom: 15px;
  right: 15px;
  opacity: 0.6;
  width: 130px;
  height: 36px;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img p {
  margin-left: 5px;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Noto Sans KR";
}

.timetable_wrap .answer_box .view_card .view_box .desc {
  font-size: 16px;
  /* letter-spacing: -1px; */
  line-height: 24px;
  color: #454545;
  font-weight: 400;
  font-family: "Noto Sans KR";
  /* margin-top: 40px; */
  /* max-height: 25px;
    overflow: hidden;
    width: 750px; */
}

.timetable_wrap .answer_box .view_card .view_box .button {
  justify-content: center;
}

#read-more-button {
  color: #c9bb9a;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  border-radius: var(--qc-radius-xs, 4px);
  margin-top: 0px;
  position: relative;
  width: 100%;
  text-align: right;
}

#read-more-button::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 1px;
  background-color: #c9bb9a;
  right: 0;
  bottom: 0px;
}

.timetable_wrap .answer_box .view_card .card_cont {
  margin-top: 38px;
}

.timetable_wrap .answer_box .view_card .box_cont .btn_view {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Noto Sans KR";
  width: 46px;
  height: 24px;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #bda365;
}

.timetable_wrap .answer_box .view_card .box_cont .title {
  margin-left: 5px;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third {
  gap: 20px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box {
  display: flex;
  flex-direction: column;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box img {
  width: 237px;
  height: 150px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 24px;
  color: #454545;
  font-weight: 400;
  font-family: "Noto Sans KR";
  margin-top: 15px;
  position: relative;
  padding-left: 13px;
}

.timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p::before {
  position: absolute;
  content: "-";
  color: inherit;
  left: 0;
  top: 0;
}

.timetable_wrap .view_bot {
  padding-bottom: 20px;
  padding-left: 25px;
}

.timetable_wrap .view_bot_01 {
  padding: 0;
}

.timetable_wrap .view_bot .links {
  padding: 15px 0;
}

.timetable_wrap .view_bot_01 .links {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(219, 219, 219);
  border-radius: var(--qc-radius-xs, 4px);
  padding: 12px 33px;
  gap: 38px;
}

.timetable_wrap .view_bot_01 .title_01 {
  font-size: 15px;
  font-family: "Noto Sans KR";
  color: #252525;
  line-height: 1.529;
  font-weight: 500;
}

.timetable_wrap .view_bot_01 .link_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  min-width: 40px;
}

.timetable_wrap .view_bot_01 .link_02 {
  display: flex;
  align-items: center;
  gap: 19px;
}

.timetable_wrap .view_bot .links+.links {
  margin-top: 15px;
}

.timetable_wrap .view_bot .links:not(.links + .links) {
  margin-top: 20px;
}

.timetable_wrap .view_bot .links .ico {
  flex-direction: column;
  width: 130px;
  justify-content: center;
}

.timetable_wrap .view_bot .links .ico p {
  font-size: 17px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
  margin-top: 10px;
}

.timetable_wrap .view_bot .links .btn {
  width: 50px;
  height: 26px;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timetable_wrap .view_bot .links .btn p {
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
}

.timetable_wrap .view_bot .links .link {
  margin-left: 10px;
  gap: 20px;
}

.timetable_wrap .view_bot .links .link .tit {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
}

.timetable_wrap .view_bot .links .link .tit span {
  font-size: 13px;
  line-height: 26px;
  color: #252525;
  margin-right: 10px;
  width: 54px;
  height: 26px;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timetable_wrap .view_bot .links .link .content {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  font-family: "Noto Sans KR";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 600px;
  margin-bottom: 10px;
}

.timetable_wrap .answer_box .view_bot .links .link .content:last-child {
  margin-bottom: 0;
}

.timetable_wrap .view_bot .links .link .content span {
  display: block;
  font-size: 15px;
  letter-spacing: -1px;
  line-height: 26px;
  color: #757575;
  font-weight: 400;
  font-family: "Noto Sans KR";
  position: relative;
  cursor: pointer;
}

.timetable_wrap .view_bot .links .link .content span a {
  color: #757575;
}

.timetable_wrap .view_bot .links .title {
  font-size: 13px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
  margin-right: 9px;
  width: 75px;
  height: 26px;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.timetable_wrap .view_bot .link .title_02 {
  font-size: 16px;
  color: #252525;
  font-weight: 500;
}

.timetable_wrap .view_bot .links .link .content span::after {
  position: absolute;
  content: "";
  width: 51px;
  height: 1px;
  background-color: #757575;
  left: 0;
  bottom: 0px;
}

.popup_wrap.all_img_view {
  justify-content: center;
  align-items: center;
}

.popup_wrap.all_img_view .popup {
  width: 800px;
  height: initial;
  z-index: 2;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--qc-radius-card, 16px);
}

.popup_wrap .bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.popup_wrap.all_img_view .popup .content {
  width: 800px;
  border-radius: var(--qc-radius-card, 16px);
}

.popup_wrap.all_img_view .popup .content .slick-slide img {
  border-radius: var(--qc-radius-card, 16px);
  height: 490px;
  min-height: 490px;
  width: 800px;
}

.popup_wrap.all_img_view .popup .top {
  position: absolute;
  top: -24px;
  right: 10px;
}

.popup_wrap.all_img_view .popup .top .close {
  opacity: 1;
  cursor: pointer;
}

.popup_wrap.all_img_view .popup .all_img .slick-counter2 {
  color: #fff;
}

.popup_wrap.all_img_view .popup .all_img span {
  color: #fff;
}

.popup_wrap .popup .content {
  background-color: #fff;
  width: 800px;
  position: relative;
}

.popup_wrap .popup .content .slick_total {
  opacity: 0.6;
  width: 106px;
  line-height: 32px;
  border-radius: var(--qc-radius-card, 16px);
  background-color: #000000;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  gap: 10px;
}

.slick_total .prev {
  background-image: url(/images/sub/btn_prev.png);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(50%, -50%);
}

.slick_total .slick-counter {
  color: #fff;
}

.slick_total button {
  display: block;
  width: 7px;
  height: 12px;
  margin-top: 0px;
  background: no-repeat center / cover;
}

.slick_total .next {
  background-image: url(/images/sub/btn_next.png);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(50%, -50%);
}

.flex_search {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.custom-product-golf .product-card-item-right .sub-title span {
  width: calc(30%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}

.custom-product-golf .product-card-item-right .sub-title span:nth-child(1) {
  padding-right: 5px;
}

.custom-product-golf .product-card-item-right .sub-title span:last-child {
  padding-left: 5px;
}

.custom-product-golf .product-card-item-right .sub-title span:nth-child(2) {
  padding: 0 5px;
}

#bannerTitle {
  line-height: 2;
}

.ico-heart {
  cursor: pointer;
  fill: none;
  stroke: #333333;
  stroke-width: 1.8;
  stroke-linejoin: round;
  transition: fill .18s ease, stroke .18s ease, transform .18s ease;
}

.ico-heart:hover {
  transform: scale(1.08);
}

.ico-heart.is-on {
  fill: #E53333;
  stroke: #E53333;
}


@media screen and (max-width: 1300px) {
  .sub_tour_right {
    width: 58vw;
  }

  .sub_tour__slide__scroll {
    min-width: 20vw;
    max-width: 20vw;
  }
}

@media only screen and (min-width: 851px) and (max-width: 1200px) {
  .content-sub-product-hotel .sub-hotel-container .category-left {
    display: none;
  }

  .content-sub-product-hotel .content-right {
    width: 100%;
  }

  .tour_type_group {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 850px) {
  .tour_type_group .list-icon {
    display: none !important;
  }

  .golf-table tbody td {
    padding: 2rem;
    border: 1px solid #ddd;
    text-align: left;
    font-size: max(12px, 2.2rem);
  }

  .golf-table thead th {
    font-weight: bold;
    padding: 2rem;
    font-size: max(12px, 2.2rem);
  }

  .tour_content_desc .product_info {
    width: 100%;
  }

  .tour_content_desc {
    flex-direction: column;
  }

  .popup_wrap.all_img_view .popup {
    width: 90vw;
  }

  .popup_wrap.all_img_view .popup .content {
    width: 100%;
  }

  .popup_wrap.all_img_view .popup .content .slick-slide img {
    border-radius: var(--qc-radius-card, 16px);
    height: 45rem;
    min-height: 45rem;
  }

  .timetable_wrap .fiex_nav {
    padding: 0;
    background: #fff;
    width: 100%;
    max-width: 100%;
    z-index: 100;
    position: sticky;
    top: 0;
  }

  .timetable_wrap .fiex_nav ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .timetable_wrap .fiex_nav a {
    padding: 1.5rem 2rem;
    border: 1px solid #dbdbdb;
    border-radius: var(--qc-radius-control, 8px);
  }

  .timetable_wrap .info_layout.view_cont {
    /* padding: 5.633rem 0rem; */
    padding: 0 0 5.633rem 0rem;
    overflow: hidden;
  }

  .timetable_wrap .question {
    /* border-top: 0.173rem solid #757575; */
  }

  .timetable_wrap .question .qa_box .question_box {
    padding: 2.6rem;
    border-bottom: 0.087rem solid #eee;
    background-color: #fafafa;
    cursor: pointer;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl {
    gap: 3rem;
    align-items: flex-start !important;
    width: 100%;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl div {
    padding-right: 2.6rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: right;
    width: calc(100% - 10.3rem);
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl p {
    padding-top: 0.78rem;
    font-size: max(12px, 2.774rem);
    letter-spacing: -0.087rem;
    line-height: 2.254rem;
    color: #252525;
    font-weight: 700;
    font-family: "Noto Sans KR";
    width: 8.3rem;
    flex: 1;
  }

  .timetable_wrap .accordion_box .accor_title {
    padding: 2.6rem;
    border-bottom: 0.38px solid #eee;
    border-top: 0.38px solid #eee;
    cursor: pointer;
  }

  .timetable_wrap .accordion_box .accor_title .txt_area .txt_desc {
    font-size: max(12px, 2.774rem);
    letter-spacing: -0.38px;
    line-height: 2.254rem;
    color: #252525;
    font-weight: 700;
    font-family: "Noto Sans KR";
    width: 24.266rem;
    padding-bottom: 0;
  }

  .timetable_wrap .accordion_box .accor_title img {
    width: 1.387rem;
    height: 0.953rem;
  }

  .timetable_wrap .accordion_box .accor_title .txt_area .txt_tour {
    font-size: max(12px, 2.254rem);
    letter-spacing: -0.38px;
    /* padding-top: 2.6rem; */
    padding-right: 5.2rem;
    line-height: 3.294rem;
    color: #252525;
    font-weight: 400;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl .txt_detail {
    font-size: max(12px, 2.427rem);
    letter-spacing: -0.087rem;
    line-height: 3.466rem;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
    margin-left: unset;
  }

  .timetable_wrap .question .qa_box .question_box .question_ttl .gray_txt {
    display: block;
    font-size: max(12px, 2.426rem);
    letter-spacing: -0.38px;
    line-height: 2.254rem;
    color: #757575;
    font-weight: 400;
    font-family: "Noto Sans KR";
    margin-right: unset;
    width: unset;
  }

  .timetable_wrap .question .qa_box .question_box img {
    margin-top: 1.3rem;
    width: 1.387rem;
    height: 0.953rem;
  }

  .timetable_wrap .accordion_box .accor_cont {
    padding: unset;
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont img {
    width: 57.2rem;
    height: 38.914rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont {
    gap: 5.77px;
    display: unset;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top .btn_view {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: max(12px, 2.166rem);
    letter-spacing: -0.38px;
    line-height: 2.254rem;
    color: #ffffff;
    font-weight: 500;
    font-family: "Noto Sans KR";
    width: 6.5rem;
    height: 3.986rem;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #bda365;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top {
    gap: 0.866rem;
    margin-bottom: 0.866rem;
    margin-top: 1.734rem;
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_top .title {
    font-size: max(12px, 2.254rem);
    letter-spacing: -0.38px;
    line-height: 2.254rem;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .accordion_box .accor_cont .option_cont .option_desc p {
    font-size: max(12px, 2.254rem);
    letter-spacing: -0.38px;
    line-height: 3.294rem;
    color: #454545;
    font-weight: 400;
    font-family: "Noto Sans KR";
    padding-bottom: 2.6rem;
  }

  .timetable_wrap .answer_box {
    display: none;
    padding-left: 2.6rem;
    border-bottom: 0.087rem solid #eee;
    background-color: #fff;
    margin: 2.6rem 0;
    margin-left: 2.08rem;
  }

  .timetable_wrap .answer_box .view_info h3::before {
    content: "";
    background: url(/images/sub/location_title.jpg) no-repeat center;
    background-size: 2.514rem;
    position: absolute;
    left: -3.926rem;
    width: 2.514rem;
    height: 3.726rem;
  }

  .timetable_wrap .answer_box .view_info h3 {
    font-size: max(12px, 2.254rem);
    line-height: 5.026rem;
    margin-bottom: 0.866rem;
  }

  .timetable_wrap .answer_box .view_info+.view_info h3 {
    padding: 1rem 0 0;
  }

  .timetable_wrap .answer_box .view_info p::before {
    content: "";
    background: url(/images/sub/location_sub_title.png) no-repeat center;
    background-size: 1.04rem;
    position: absolute;
    left: -3.25rem;
    top: 4.68rem;
    width: 1.04rem;
    height: 1.04rem;
  }

  .timetable_wrap .answer_box .view_info p {
    font-size: max(12px, 2.254rem);
    line-height: 5.026rem;
    color: #454545;
    font-weight: 400;
    font-family: "Noto Sans KR";
    position: relative;
    padding: 2.6rem 0;
  }

  .timetable_wrap .answer_box .view_card .view_box {
    margin-top: 0.5rem;
    background-color: #ffffff;
    border: 0.087rem solid #dbdbdb;
    padding: 3.033rem 2.6rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .title {
    font-size: max(12px, 2.427rem);
    letter-spacing: -0.087rem;
    line-height: 3.466rem;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .answer_box .view_card .view_box .line {
    margin: 2.253rem 0;
    width: 100%;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img {
    gap: 1.732rem;
    justify-content: space-between;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box {
    max-width: initial;
    max-height: initial;
    width: 66rem;
    height: 28rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img {
    position: absolute;
    bottom: 2.253rem;
    right: 1.3rem;
    opacity: 0.6;
    width: 15.773rem;
    height: 4.332rem;
    border-radius: var(--qc-radius-section, 24px);
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img img {
    width: 2.08rem;
    height: 1.993rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img .img_box .all_img p {
    margin-left: 0.866rem;
    font-size: max(12px, 1.907rem);
    letter-spacing: -0.38px;
    line-height: 2.08rem;
    color: #ffffff;
    font-weight: 400;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .answer_box .view_card .view_box .desc {
    font-size: max(12px, 2.253rem);
    letter-spacing: -0.087rem;
    line-height: 3.466rem;
    color: #454545;
    font-weight: 400;
    font-family: "Noto Sans KR";
    margin-top: 2.6rem;
    /* max-height: 6.932rem;
        width: 44.027rem; */
  }

  #read-more-button {
    font-size: max(12px, 1.732rem);
    font-weight: 400;
    line-height: 2.6rem;
    position: relative;
  }

  #read-more-button::after {
    position: absolute;
    content: "";
    width: 7.28rem;
    height: 0.087rem;
    bottom: -0.433rem;
  }

  .timetable_wrap .answer_box .view_card .card_cont {
    margin-top: 8.233rem;
    position: relative;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-prev {
    background: url(/images/sub/ic_arrow_left.png) center center no-repeat;
    left: 46.627rem;
    right: auto;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-next {
    background: url(/images/sub/ic_arrow_right.png) center center no-repeat;
    right: 0.866rem;
    left: auto;
  }

  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-next,
  .timetable_wrap .answer_box .view_card .card_cont .swiper-button-prev {
    position: absolute;
    top: 3%;
    width: 0.953rem;
    height: 1.387rem;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: 0.953rem 1.387rem;
    background-position: center;
    background-repeat: no-repeat;
  }

  .timetable_wrap .answer_box .view_card .box_cont .btn_view {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: max(12px, 1.907rem);
    letter-spacing: -0.087rem;
    line-height: 2.253rem;
    color: #ffffff;
    font-weight: 500;
    font-family: "Noto Sans KR";
    width: 5.46rem;
    height: 3.38rem;
    border-radius: var(--qc-radius-section, 24px);
    background-color: #bda365;
  }

  .timetable_wrap .answer_box .view_card .box_cont .title {
    margin-left: 1.92px;
    font-size: max(12px, 2.427rem);
    letter-spacing: -0.087rem;
    line-height: 2.253rem;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third {
    gap: 0;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box {
    display: flex;
    flex-direction: column;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box img {
    width: 27.127rem;
    height: 17.16rem;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p {
    font-size: max(12px, 2.253rem);
    letter-spacing: -0.087rem;
    line-height: 2.773rem;
    color: #454545;
    font-weight: 400;
    font-family: "Noto Sans KR";
    margin-top: 1.732rem;
    position: relative;
    padding-left: 1.3rem;
  }

  .timetable_wrap .card_cont .swiper-button-prev,
  .timetable_wrap .card_cont .swiper-button-next {
    display: inline-block;
  }

  .timetable_wrap .answer_box .view_card .view_box .view_img_third .img_box p::before {
    position: absolute;
    content: "-";
    color: inherit;
    left: 0;
    top: 0;
  }

  .timetable_wrap .answer_box .view_bot {
    padding: 2.6rem 0;
  }

  .timetable_wrap .answer_box .view_bot .links+.links {
    margin-top: 2.167rem;
  }

  .timetable_wrap .answer_box .view_bot .links .btn {
    width: 6.066rem;
    height: 3.466rem;
    border-radius: var(--qc-radius-section, 24px);
    background-color: #ffffff;
    border: 0.087rem solid #aaaaaa;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .timetable_wrap .answer_box .view_bot .links .btn p {
    font-size: max(12px, 1.907rem);
    letter-spacing: -0.087rem;
    line-height: 2.253rem;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .answer_box .view_bot .links .link {
    margin-left: 1.3rem;
    margin-top: 1.04rem;
    gap: 3.033rem;
    flex-wrap: wrap;
  }

  .timetable_wrap .view_bot_01 .link_01 {
    gap: 1.04rem;
    min-width: 8.666rem;
  }

  .timetable_wrap .view_bot_01 .title_01 {
    font-size: max(12px, 2.254rem);
    font-family: "Noto Sans KR";
    color: #252525;
    line-height: 2.254rem;
    font-weight: 500;
  }

  .timetable_wrap .view_bot_01 .link_02 {
    display: flex;
    align-items: flex-start;
  }

  .timetable_wrap .answer_box .view_bot .links .link .tit {
    font-size: max(12px, 2.253rem);
    letter-spacing: -0.087rem;
    line-height: 2.253rem;
    color: #454545;
    font-weight: 400;
    font-family: "Noto Sans KR";
  }

  .timetable_wrap .answer_box .view_bot .links .link .tit span {
    line-height: 2.253rem;
    color: #a69263;
    padding-right: 0.433rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content {
    font-size: max(12px, 2.253rem);
    letter-spacing: -0.087rem;
    line-height: 2.253rem;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
    width: 32rem;
    margin-bottom: 2rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content:last-child {
    margin-bottom: 0;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content span {
    font-size: max(12px, 2.167rem);
    letter-spacing: -0.087rem;
    line-height: 2.513rem;
    color: #757575;
    font-weight: 400;
    font-family: "Noto Sans KR";
    position: relative;
    margin-left: 0;
    margin-top: 1rem;
    min-width: 9.533rem;
  }

  .timetable_wrap .answer_box .view_bot .links .link .content span::after {
    position: absolute;
    content: "";
    width: 7.28rem;
    height: 0.087rem;
    background-color: #757575;
    left: 0;
    bottom: 0px;
  }

  .timetable_wrap .view_bot_01 .links {
    padding: 1.994rem 2.86rem;
    gap: 2.6rem;
  }

  .timetable_wrap .view_bot .links .title {
    font-size: max(12px, 1.994rem);
    line-height: 2.254rem;
    color: #252525;
    font-weight: 500;
    margin-right: 0.693rem;
    width: 9.9261rem;
    height: 4.16rem;
    border-radius: var(--qc-radius-pill, 999px);
    background-color: #ffffff;
    border: 0.38px solid #aaaaaa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
  }

  .timetable_wrap .view_bot .link .title_02 {
    font-size: max(12px, 2.254rem);
    color: #252525;
    font-weight: 500;
    display: block;
    font-size: max(12px, 2.254rem);
    text-align: center;
  }

  .timetable_wrap .view_bot .links:not(.links + .links) {
    margin-top: 1rem;
  }

  .tour_type_group .btn_company_channel {
    padding: 1.2rem !important;
    font-size: max(12px, 2.4rem) !important;
    margin-left: 0.5rem !important;
  }
}

/* ===== 상품 카드 디자인 v2 - 라운드 카드 + 그림자 ===== */
.content-sub-product-hotel.list_item .product-card-item-container-list {
  display: flex;
  flex-wrap: wrap;
  /* gap: 12px; */
}

.content-sub-product-hotel.list_item .product-card-item-container {
  max-width: calc(25% - 18px);
  width: calc(25% - 18px);
  flex-direction: column;
  padding-bottom: 0;
  border-bottom: unset;
  border-radius: var(--qc-radius-control, 8px);
  border: 1px solid #e8e8e8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  margin-top: 0;
  background: #fff;
}

.content-sub-product-hotel.list_item .product-card-item-container:hover {
  /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); */
}

.content-sub-product-hotel.list_item .product-card-item-left {
  width: 100%;
  border-radius: var(--qc-radius-card, 16px) var(--qc-radius-card, 16px) 0 0;
  overflow: hidden;
}

.content-sub-product-hotel.list_item .product-card-item-left a img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 0;
  display: block;
}

.content-sub-product-hotel.list_item .product-card-item-right {
  padding: 14px 16px 18px;
}

.content-sub-product-hotel.list_item .product-card-item-right .title-container a {
  font-size: 14px;
  font-weight: 600;
  color: #252525;
  line-height: 1.4;
  height: calc(1.4em * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-sub-product-hotel.list_item .emo_social {
  margin-top: 8px;
}

.content-sub-product-hotel.list_item .list-item-info.tour-list {
  margin-top: 8px;
}

.content-sub-product-hotel.list_item .prd_no_price {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent);
  margin-top: 0;
}

.content-sub-product-hotel.list_item .item-price-info .main {
  font-size: 15px;
  font-weight: 700;
  color: #252525;
}

.content-sub-product-hotel.list_item .item-price-info .text-gray {
  font-size: 12px;
}

/* 반응형 - 태블릿 */
@media (max-width: 1024px) {
  .content-sub-product-hotel.list_item .product-card-item-container {
    max-width: calc(33.333% - 16px);
    width: calc(33.333% - 16px);
  }
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
  .content-sub-product-hotel.list_item .product-card-item-container {
    max-width: calc(50% - 1rem) !important;
    width: calc(50% - 12px);
  }

  .content-sub-product-hotel.list_item .product-card-item-left a img {
    height: 160px;
  }
}

@media (max-width: 480px) {
  .content-sub-product-hotel.list_item .product-card-item-container {
    max-width: 100%;
    width: 100%;
  }
}

/* ===== END 상품 카드 디자인 v2 ===== */