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

    contain: layout style;
}

.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) !important;
}

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

.img_box_12 {
    padding-top: calc(284% / 386 * 100) !important;
    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;
}

.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: 150px 0 0 0;
}

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

.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: 2;
    -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;
}

/* 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: 5;
    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: 10px;
    /* 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-weight: bold;
    font-size: 21px;
    color: black;
}

.content-sub-product-hotel .list-item-info .item-info .item-price-info span.text-gray {
    font-weight: 500;
    font-size: 16px;
}

.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: 25px;
    display: flex;
    justify-content: space-between;
}

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

.content-sub-hotel-detail .title-container .list-icon {
    display: flex !important;
    gap: 10px;
    align-items: center;
    position: relative;
}

.content-sub-hotel-detail .title-container .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));
}

.content-sub-hotel-detail .title-container .list-icon .list_share img {
    padding: 0;
    height: auto;
}

.content-sub-hotel-detail .title-container .list-icon .list_share .kakao img {
    width: 40px;
}

.content-sub-hotel-detail .title-container .list-icon .list_share .link_ img {
    width: 30px;
}

.content-sub-hotel-detail .title-container .list-icon>img:first-child {
    padding: 8px 6px;
    background-color: #f5f5f5;
    border-radius: var(--qc-radius-xs, 4px);
}

.content-sub-hotel-detail .title-container .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.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: 85px;
}

.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 40px 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;
}

.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: max(12px, 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;
}

.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-label-list,
.hotel-image-container-1 .product-card-label-list,
.product-card-item-left .product-card-label-list {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    width: auto !important;
    height: auto !important;
    pointer-events: none !important;
}

.product-card-label,
.hotel-image-container-1 .product-card-label,
.product-card-item-left .product-card-label-list .product-card-label {
    background-color: #000;
    color: #fff;
    padding: 5px 8px !important;
    border-radius: var(--qc-radius-xs, 4px) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    max-width: fit-content !important;
}

/* .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: 50px;
    margin-top: 29px;
}

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

.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%;
}

.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: max(12px, 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: 7px 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;
}

.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;
    max-width: 500px;
}

.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 span {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 26px;
    color: #252525;
    font-weight: 500;
    font-family: "Noto Sans KR";
    margin-left: 24px;
}

.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;
}

.timetable_wrap .answer_box {
    display: none;
    margin: 25px 0px 25px 10px;
    background-color: #fff;
    padding-left: 25px;
    /* position: relative; */
    overflow: visible !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);
}

.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;
}

.timetable_wrap .answer_box .view_card .view_box .view_img .img_box img {
    position: relative;
}

.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;
}


@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%;
    }
}

@media only screen and (max-width: 850px) {
    .content-sub-product-hotel .below-filter-content {
        padding-bottom: 20px;
    }

    .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;
        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 span {
        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;
    }

    .write_new_review {
        max-width: 100%;
    }
}