/* -----------------------------
              전체
--------------------------------- */
.special_link {
    height: 27px;
    margin-top: -3px;
}

/* 아이콘 */
.i_icon {
    display: flex;
    align-items: center;
    justify-self: center;
    cursor: pointer;
}

.i_icon i {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 25px;
    height: 25px;
}

.i_icon.i_search i {
    background-image: url(../../images/temp106/common/i_search.svg);
    background-size: 16px;
    width: 17px;
    height: 25px;
}

.i_icon.i_arrow_r_b i {
    background-image: url(../../images/temp106/common/i_arrow_right_black.svg);
    background-size: 8px;
    width: 10px;
    height: 16px;
}

.bg_gray {
    background-color: rgba(241, 241, 241, 0.5);
}

.co_primary {
    color: var(--primary);
}

.page {
    max-width: 1280px;
    box-sizing: border-box;
    margin: 0 auto;
}

.p_space {
    margin: 0 2.5rem;
}


.page_main .pm_visual .img_slide .is_wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}

.page_main .pm_visual .img_slide .is_wrap .txt_wrap {
    padding-bottom: 13.5rem;
}

.page .btn_black {
    cursor: pointer;
    width: 100%;
    background: var(--black);
    border-radius: 3px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.page .btn_type_basic {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    border: 1px solid var(--black);
    background: var(--white);
    border-radius: 2px;
    text-align: center;
}

.page .btn_gray {
    cursor: pointer;
    width: 100%;
    background: #eeeeee;
    border-radius: 3px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.page .btnReservation {
    cursor: pointer;
    width: 100%;
    background: var(--primary);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}

.page .bt_basic {
    cursor: pointer;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.page .bt_black {
    background: var(--black);
    color: var(--white);
}


.i_bookmark {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    background: rgb(0 0 0 /6%) url(../../images/temp106/common/bookmark_fff.svg) 50% 50% / 30px no-repeat;
    width: 34px;
    height: 34px;
    border-radius: 25px;
    cursor: pointer;
}

.i_bookmark:hover,
.i_bookmark.on {
    background: rgb(0 0 0 /6%) url(../../images/temp106/common/bookmark_fff_on.svg) 50% 50% / 30px no-repeat;
}


/* 팝업창 */
#smallPopup {
    z-index: 99999999;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0;
    height: 100%;
    box-sizing: border-box;
}

#smallPopup .rule_table {
    height: 100%;
    overflow: auto;
}

#smallPopup #smallPopup_arti {
    width: 60%;
    height: 80%;
    position: absolute;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    /*top: 52%;*/
    left: 50%;
    transform: translateX(-50%);
    padding-top: 30px;
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
}

#smallPopup #smallPopupData {
    width: 94%;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 20px;
}

#smallPopup #smallPopupSec {
    z-index: 999;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#smallPopup #smallPopupSec_arti {
    position: absolute;
    background-color: rgb(255, 255, 255);
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 30px 20px;
}

#smallPopup #smallPopupSecData {
    height: 100%;
    overflow-y: auto;
}

#smallPopup #smallPopupWhite {
    z-index: 99999999;
    position: fixed;
    background-color: rgba(255, 255, 255, 0);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#smallPopup #smallPopupWhite_arti {
    position: absolute;
    background-color: rgb(255, 255, 255);
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 30px 20px;
}

#smallPopup #smallPopupWhiteData {
    height: 100%;
}

#smallPopup #closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
}

#smallPopupData .policies {
    padding-top: 0;
    box-sizing: border-box;
    padding-bottom: 0;
    box-sizing: border-box;
}

#smallPopupData .policies.footer_policies {
    height: calc(100%);
    /* overflow: auto; */
    padding-bottom: 0;
}

#smallPopupData .policies.footer_policies .inner:nth-child(2) {
    height: calc(100% - 41px);
    overflow: auto;
}

#smallPopupData .policies.footer_policies h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: left;
}


.layer_wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transform: translateX(-50%);
    left: 50%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    z-index: 1000;
}

.layer_wrap .layer_tit,
.layer_filter .filter_tab,
.layer_filter .layer_btn,
.layer_filter .select_area,
#smallPopupData .layer_inner .layer_tit {
    width: 100%;
    padding: 0 2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.layer_wrap .layer_tit,
.layer_filter .filter_tab {
    margin-bottom: 3px;
}

.layer_wrap .layer_tit,
#smallPopupData .layer_inner .layer_tit {
    font-size: 18px;
    font-weight: 600;
    justify-content: space-between;
    position: relative;
    padding: 8px;
}

#smallPopupData .layer_inner .layer_tit {
    padding: 0;
    margin-bottom: 2rem;
}

.layer_wrap .layer_tit .close {
    background: url(../../images/temp105/common/close.svg) 95% 50% / 22px no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
}


.layer_wrap .cont_box {
    width: 94%;
    height: 85vh;
    left: 50%;
    bottom: 0;
    position: absolute;
    background: var(--white);
    transform: translate(-50%);
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 8px 10px 10px rgb(0 0 0 / 8%);
    padding: 20px 0 0;
    max-width: 800px;
    box-sizing: border-box;
}

.layer_wrap .layer_inner {
    /* position: relative;
    overflow-y: auto; */
    position: relative;
    overflow-y: auto;
    margin: 0 8px;
    /* height: calc(100vh - 220px); */
}
.layer_wrap .layer_inner.preview{
        height: calc(100% - 36px);margin-top: 20px;
}
.layer_wrap .layer_inner.ppage_review {
    margin-top: 30px;
    padding-bottom: 100px;
    overflow-y: auto
}

.layer_wrap .layer_inner img {
    max-width: 96%;
    margin: 0px auto 10px;
    display: block;
}

.of_y {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.notice_icon {
    margin: 0 auto;
    color: rgb(237 83 81 / 70%);
    background: url(../../images/temp105/common/notice.svg) 0 0 / 16px no-repeat;
    padding-left: 20px;
}

.layer_filter.layer_filter .cont_bo {
    max-width: 700px;
}

.layer_filter .filter_tab {
    justify-content: start;
}

.layer_wrap .filter_tab:after {
    display: block;
    content: '';
    clear: both;
}

.layer_filter .filter_tab div {
    border: 1px solid rgb(0 0 0 / 30%);
    border-radius: 25px;
    padding: 8px 14px;
    text-align: center;
    color: var(--gray);
    margin: 0 6px 6px 0;
    float: left;
    cursor: pointer;
}

.layer_filter .filter_tab div.active {
    background-color: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.layer_filter .filter_tab .reset {
    color: var(--gray);
    font-size: 14px;
    border: 1px solid rgb(0 0 0 / 30%);
    display: flex;
    align-items: center;
}

/* .layer_filter .filter_tab .reset:hover {
    background: rgba(0, 0, 0, .8);
    border: 1px solid rgba(0, 0, 0, .8);
    color: var(--white);
} */

.layer_filter .filter_tab .reset svg {
    width: 16px;
    margin-right: 5px;
}

.layer_filter .select_area {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 180px);
    box-sizing: border-box;
}

.layer_filter .item_list .item {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layer_filter .item_list .item .tit {
    width: 70%;
    font-size: 15px;
    color: rgb(0 0 0 / 80%);
    margin-bottom: 0;
}

.layer_filter .item_list .item .inpBox {
    border: none;
    height: 48px;
    line-height: 48px;
    text-align: right;
    margin-right: 40px;
    width: 185px;
    font-size: 16px;
    display: none;
}

.layer_filter .item_list .terms_check {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
}

.layer_filter .item_list .terms_check .label {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    flex-direction: row-reverse;
}

.terms_check.inp_check>.label:before {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

/* .inp_check > input:checked + .label:before {
    background-color: var(--primary);
    border-color: var(--primary);
} */

.layer_filter .item_list .item .terms_check input[type="checkbox"] {
    display: none;
}

.layer_filter .item_list .item .terms_check input[type="checkbox"]+label span {
    width: 24px;
    height: 24px;
    margin: -1px 5px 0 0;
    vertical-align: middle;
    border: 1px solid rgb(0 0 0 / 30%);
    background: none;
    border-radius: 20px;
    float: left;
}

.layer_filter .item_list .item .terms_check input[type="checkbox"]:checked+label span {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.layer_wrap .layer_btn {
    position: fixed;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    padding: 16px 20px;
    border-top: 1px solid rgb(0 0 0 / 6%);
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    background: var(--white);
    left: 50%;
    transform: translateX(-50%);
}

.layer_wrap .layer_btn .lbt {
    width: 100%;
}

/* ---------------------
        전체 찾기
------------------------ */
/*search*/
.page_all_search .layer_tit {
    height: 30px;
    margin-bottom: 0;
}

.layer_search {
    overflow-y: auto;
    height: calc(100% - 30px);
}

.layer_search .area01 {
    margin: 0 auto 30px;
}

.layer_search .area01 p {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    color: var(--black);
    margin: 50px auto 30px;
}

.layer_search .area01 div:last-child {
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.layer_search .area01 div:last-child .inp_base {
    font-size: 30px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid var(--black);
    padding: 6px 80px 6px 0;
}

.layer_search .area01 div:last-child svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.layer_search .area02 {
    width: 80%;
    margin: 60px auto 0;
    box-sizing: border-box;
    padding-bottom: 20px;
}

.layer_search .ti {
    width: 100%;
    margin: 0 auto 10px;
    font-size: 26px;
    font-weight: 600;
    color: var(--black);
}

.layer_search .itemArea {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(50px, 1fr));
}

.layer_search .itemArea .item {
    position: relative;
    display: flex;
    flex: 1;
}

.layer_search .itemArea .item:first-child {
    margin-left: 0;
}

.layer_search .itemArea .item>div {
    width: 100%;
}

.layer_search .itemArea .item .item_img {
    width: 100%;
    height: 54vw;
    max-height: 242px;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(0 0 0 / 4%) url(../../images/temp102/common/no_image.svg) 50% 50% / 4vw no-repeat;
    margin-bottom: 20px;
}

.layer_search .itemArea .item .item_img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    cursor: pointer;
}

.layer_search .itemArea .item .item_info {
    width: 100%;
}

.layer_search .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.layer_search .itemArea .item .item_info .badge_area {
    margin-bottom: 10px;
}

.layer_search .itemArea .item .item_info .tit {
    width: 100%;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    max-height: 40px;
    min-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.layer_search .itemArea .item .item_info .price {
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    cursor: pointer;
}



/** tab **/
.page_tab {
    margin-bottom: 20px;
    display: flex;
}

.page_tab .ptab {
    font-size: 1.6rem;
    box-sizing: border-box;
    padding: 0.8rem 1.5rem;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray);
    border: 1px solid var(--lightgray2);
    cursor: pointer;
    margin-right: 1rem;
}

.page_tab .ptab:last-child {
    margin-right: 0;
}

.page_tab .ptab:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.page_tab .ptab.on,
.page_tab .ptab.on:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
    cursor: default;
}

.page_tab .ptab.on:hover {
    color: var(--white);
}

.page_tab_wrap {
    margin-bottom: 50px;
    display: flex;
}

.page_tab_wrap .page_tab,
.p_golf_tour .page_tab_wrap .page_tab {
    margin-bottom: 0;
}

.page_tab_wrap .page_tab:first-child {
    padding-right: 40px;
    margin-right: 40px;
    border-right: 1px solid var(--lightgray);
}

.bt_basic.bt_primary {
    background: var(--primary);
    color: var(--white);
    display: flex;
    padding: 0 20px;
    min-width: 300px;
    width: fit-content;
    margin: 0 auto;
}


/* -----------------------------
            main 메인
--------------------------------- */

.page_main .pm_space {
    max-width: 1280px;
    margin: 0 auto;
}

.page_main .pm_cont {
    margin-top: 5rem;
}

.page.page_main {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    margin-bottom: 60px;
}

.page_main .pm_visual {
    /* height: 920px; */
}

.page_main .pm_visual .banner_visual {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.page_main .pm_visual .img_slide {
    background-position: top;
    background-size: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    aspect-ratio: 48 / 23;
}
.page_main .pm_visual .img_slide .imgbox{

}
.page_main .pm_visual .img_slide .imgbox img{
    width: 100%;
    aspect-ratio: 48 / 23;
    object-fit: cover;
    object-position: center;/* default: center */
}
.page_main .pm_visual .is_wrap {
    color: var(--white);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.page_main .pm_visual .txt_wrap .sub {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    font-weight: 300;
}

.page_main .pm_visual .txt_wrap .tit {
    font-size: 5.5rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.page_main .pm_visual .search_box_wrap {
    max-width: 1280px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.page_main .pm_visual .search_wrap {
    background-color: rgba(255, 255, 255, 0.65);
    align-self: flex-start;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 2.5rem;
    color: var(--black);
    font-weight: 600;
    opacity: 0.96;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 175px;
}

.page_main .pm_visual .search_wrap .tit {
    margin-bottom: 1.5rem;
    font-size: 1.7rem;
}

.page_main .pm_visual .search_wrap .sw {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 10px;
    font-size: 1.9rem;
    font-weight: 300;
    overflow: hidden;
}

.page_main .pm_visual .search_wrap .sw input {
    height: 5rem;
    box-sizing: border-box;
    padding: 0 16rem 0 1rem;
    width: 45rem;
    font-size: 1.9rem;
}

.page_main .pm_visual .search_wrap .sw .sw_name {
    background-color: var(--primary);
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.9rem;
    font-weight: 300;
    letter-spacing: -0.01em;
    position: absolute;
    right: 0;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4.6rem;
    border-radius: 10px;
    cursor: pointer;
}

.page_main .pm_visual .swi_btn_wrap .swi_page {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%, 0);
}

.page_main .swiper-pagination {
    z-index: 1;
}

.page_main .pm_visual .swi_btn_wrap .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #fff;
    opacity: 0.65;
    margin-right: 2.5rem;
    box-sizing: border-box;
    border: none;
}

.page_main .pm_visual .swi_btn_wrap .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.page_main .pm_visual .swi_btn_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.page_main .pm_cont .pm_tit {
    font-size: 3.8rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin-bottom: 2.4rem;
}

.page_main .pm_cont .pm_p_tab .pm_tit {
    margin-bottom: 0rem;
}

.page_main .pm_icon_wrap .ic_wrap {
    display: flex;
    align-items: flex-start;
    /* justify-content: space-between; */
}

.page_main .pm_icon_wrap .ic_wrap .img {
    width: 95px;
    height: 95px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_main .pm_icon_wrap .ic_wrap img {
    width: 52px;
}

.page_main .pm_icon_wrap .ic_wrap .ic {
    margin-left: 53px;
    cursor: pointer;
}

.page_main .pm_icon_wrap .ic_wrap .ic:first-child {
    margin-left: 0;
}

.page_main .pm_icon_wrap .ic_wrap .txt {
    font-size: 1.7rem;
    text-align: center;
    margin-top: 2.1rem;
    line-height: 1.4;
}

.page_main .pm_icon_wrap .ic_wrap .ic:hover .img,
.page_main .pm_icon_wrap .ic_wrap .ic.on .img {
    border: 3px solid var(--primary);
}

.page_main .pm_icon_wrap .ic_wrap .ic:hover .txt,
.page_main .pm_icon_wrap .ic_wrap .ic.on .txt {
    color: var(--primary);
}

.page_main .pm_cont .pm_p_tab {
    margin-bottom: 2rem;
}

.page_main .pm_cont .pm_tab {
    display: flex;
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    width: fit-content;
    padding-bottom: 2rem;
}

.page_main .pm_cont .pm_tab .pt {
    margin-right: 4rem;
    cursor: pointer;
    position: relative;
    color: var(--lightgray);
}

.page_main .pm_cont .pm_tab .pt.on,
.page_main .pm_cont .pm_tab .pt:hover {
    color: var(--primary);
}

.page_main .pm_cont .pm_tab .pt:last-child {
    margin-right: 0;
}

.page_main .pm_cont .pm_tab:after {
    content: "";
    height: 7px;
    width: 100%;
    background-color: #ececec;
    position: absolute;
    font-size: 2rem;
    font-weight: 600;
    bottom: 0;
    border-radius: 10px;
}

.page_main .pm_cont .pm_tab .pt.on:after {
    content: "";
    height: 7px;
    width: 100%;
    background-color: var(--primary);
    position: absolute;
    font-size: 2rem;
    font-weight: 600;
    bottom: -20px;
    border-radius: 10px;
    left: 0;
    z-index: 1;
}

.page_main .pm_product_1 {
    overflow: hidden;
}

.page_main .pm_product .product_list {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.page_main .pm_product.pm_pro_3 .img,
.page_main .pm_product .product_list .img_slide,
.page_main .pm_product .product_list .img_slide.img_blank {
    /* background: rgb(0 0 0 / 4%) url(../../images/common/no_image.svg) 50% 50% / 4vw no-repeat;     */
    background-image: url(../../images/common/no_image.svg);
    background-color: rgb(0 0 0 / 4%);
    background-size: 50% 50%;
    background-position: center;
}

.page_main .pm_product .product_list .img_slide {
    /* height: 340px; */
    padding-top: 25%;
    width: 400px;
    /* overflow: hidden;     */
    margin-bottom: 100px;
    border-radius: 24px 24px 0px 0px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.page_main .pm_product .product_list .txt_wrap {
    position: absolute;
    /* bottom: 0; */
    top: 100%;
    /* background-color: rgba(0,0,0,0.5); */
    background: #20313b;
    color: var(--white);
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
    font-size: 2rem;
    border-radius: 0 0px 24px 24px;
}

.page_main .pm_product .product_list .txt_wrap.txt_wrap_bottom {
    bottom: 0;
}

.page_main .pm_product .product_list .txt_wrap .tit {
    margin-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page_main .pm_product .product_list .txt_wrap .price {
    font-weight: 500;
}

.page_main .pm_product .swi_btn_wrap .swi_btn {
    position: absolute;
    top: -80px;
    right: 0;
}

.page_main .swi_btn_wrap .swi_btn .swi_b {
    background-image: url(../../images/temp106/common/i_arrow_right_white.svg);
    background-color: var(--primary2);
    border: none;
    box-sizing: border-box;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    background-size: 9px;
    right: 0;
    left: initial;
    z-index: 1;
}

.page_main .swi_btn_wrap .swi_btn .swi_b.swi_prev {
    background-image: url(../../images/temp106/common/i_arrow_left_black.svg);
    border: 2px solid var(--primary2);
    background-color: transparent;
    right: 70px;
    left: initial;
}

.page_main .swi_btn_wrap.swi_2 .swi_btn .swi_b {
    right: -80px;
    left: initial;
}

.page_main .swi_btn_wrap.swi_2 .swi_btn .swi_b.swi_prev {
    left: -80px;
    right: initial;
}

.page_main .swiper_all_wrap {
    position: relative;
}

.page_main .swiper {
    position: relative;
}

.page_main .pm_promo_1 .promo_list {
    position: relative;
    overflow: hidden;
}

.page_main .pm_promo_1 .promo_list .img_slide {
    height: 22vw;
    max-height: 220px;
}

.page_main .pm_promo_1 .promo_list .img_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.page_main .pm_long .long_list img {
    margin: 0 auto;
    display: block;
    max-width: 1280px;
    width: 100%;
}

.page_main .pm_long.l_b_1 .long_list {
    /* height: 185px; */
    overflow: hidden;
}

.page_main .pm_long .long_list a {
    display: block;
    /* height: 100%; */
    /* width: inherit;
    height: inherit; */
}


.page_main .pm_long .long_list .swi_btn_wrap {
    display: none;
    position: absolute;
    bottom: 30px;
    z-index: 1000;
    width: 94px;
    right: 18%;
    background: rgba(0, 0, 0, 0.5);
    height: 29px;
    border-radius: 30px;
    color: var(--white);
}

.page_main .pm_long .long_list .swi_btn_wrap {
    position: absolute;
    bottom: 30px;
    z-index: 1;
    width: 94px;
    right: 18%;
    background: rgba(0, 0, 0, 0.5);
    height: 29px;
    border-radius: 30px;
    color: var(--white);
}

.page_main .pm_long .long_list .swi_btn .swi_b {
    z-index: 1;
    background-color: transparent;
    width: 19px;
    height: 20px;
    top: 26px;
    background-size: 7px;
    left: 70px;
}

.page_main .pm_long .long_list .swi_btn .swi_b.swi_prev {
    background-image: url(../../images/temp106/common/i_arrow_left_white.svg);
    left: 2px;
    border: none;
}

.page_main .pm_long .long_list .swi_page {
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translate(-50%, 0);
    font-size: 1.5rem;
}

.page_main .pm_product.pm_pro_2 .product_list .img_slide {
    /* height: 400px; */
    margin-bottom: 150px;
}

.page_main .pm_product.pm_pro_2 .product_list .txt_wrap {
    background: #20313b;
    box-sizing: border-box;
    border-radius: 0px 0px 24px 24px;
    height: 152px;
    padding: 2.4rem;
}

.page_main .pm_product.pm_pro_2 .product_list .txt_wrap .tit {
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 2rem;
    margin-bottom: 2rem;
    line-height: 1.45;
    font-weight: 200;
}

.page_main .pm_product.pm_pro_2 .product_list .txt_wrap .price {
    font-size: 2.3rem;
}

.page_main .pm_product.pm_pro_2 .pm_p_tab {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_main .pm_product.pm_pro_2 .product_list {
    /* overflow: hidden; */
}

.page_main .pm_product.pm_pro_2 .swi_btn_wrap .swi_btn {
    position: static;
}

.page_main .pm_product.pm_pro_2 .swiper_all_wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.page_main .pm_long.l_b_2 .img_slide {
    height: 460px;
    overflow: hidden;
}

.page_main .pm_long.l_b_2 .long_list img,
.page_main .pm_long.pml_sy2 img,
.page_main .pm_product.pm_pro_3 img {
    max-width: initial;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.page_main .pm_long.pml_sy2 {
    background-color: #f6f9ff;
}

.page_main .pm_long.pml_sy2 .pm_tit_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page_main .pm_long.pml_sy2 .pm_tit_wrap .i_detail {
    display: flex;
    align-items: center;
    font-size: 1.7rem;
    cursor: pointer;
    font-weight: 500;
    opacity: 0.7;
}

.page_main .pm_long.pml_sy2 .pm_tit_wrap .i_detail .i_icon {
    margin-left: 0.5rem;
}

.page_main .pm_long.pml_sy2 .long_list img {
    max-width: initial;
    margin: initial;
}

.page_main .pm_long.pml_sy2 .banner_wrap {
    display: flex;
}

.page_main .pm_long.pml_sy2 .banner_wrap .banner_1 {
    width: 70%;
    margin-right: 2rem;
    /* flex: 1; */
}

.page_main .pm_long.pml_sy2 .banner_wrap .banner_2 {
    width: 30%;
    flex: 1;
}

.page_main .pm_long.pml_sy2.pml_2 .banner_wrap .banner_1 {
    margin-right: 0;
}

.page_main .pm_long.pml_sy2 .banner_wrap .swiper {
    overflow: hidden;
    height: 360px;
}

.page_main .pm_long.pml_sy2 .banner_wrap .img_slide {
    border-radius: 10px;
    overflow: hidden;
}

.page_main .pm_long.pml_sy2 .banner_wrap .img_slide a {
    height: 100%;
}

.page_main .pm_long.pml_sy2 .long_list .swi_btn_wrap {
    right: 26px;
    bottom: 20px;
}

.page_main .pm_long.pml_sy2 .pm_cont {
    padding-bottom: 5rem;
    padding-top: 6rem;
}

.page_main .pm_long.pml_1 .pm_cont {
    /* margin-top: 0; */
}

.page_main .pm_product.pm_pro_3 .pl_1 {
    position: relative;
    overflow: auto;
    height: auto;
    width: 57%;
    margin-right: 2rem;
}

.page_main .pm_product.pm_pro_3 .pl_2 {
    width: 43%;
}

.page_main .pm_product.pm_pro_3 .img_slide {
    cursor: pointer;
}


.page_main .pm_product.pm_pro_3 .tit {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page_main .pm_product.pm_pro_3 .pl_2 .img_slide {
    display: flex;
    margin-bottom: 2rem;
}

.page_main .pm_product.pm_pro_3 .pl_2 .img_slide:last-child {
    margin-bottom: 0;
}

.page_main .pm_product.pm_pro_3 .pl_1 .img {
    height: 480px;
    border-radius: 0 24px 24px 24px;
    overflow: hidden;
}

.page_main .pm_product.pm_pro_3 .pl_2 .txt_wrap .tit {
    margin-bottom: 1.3rem;
}

.page_main .pm_product.pm_pro_3 .pl_2 .txt_wrap .price {
    font-weight: 500;
}

.page_main .pm_product.pm_pro_3 .pl_2 .img {
    height: 180px;
    width: 140px;
    min-width: 140px;
    border-radius: 0 10px 10px 10px;
    overflow: hidden;
    margin-right: 3rem;
}



.page_main .pm_product.pm_pro_3 .pm_tit {
    text-align: center;
}

.page_main .pm_product.pm_pro_3 .prod_list {
    display: flex;
}

.page_main .pm_product.pm_pro_3 .txt_wrap {
    background-color: transparent;
    color: var(--black);
    position: static;
    padding: 0;
    margin-top: 2.2rem;
}

.page_main .pm_product.pm_pro_3 .txt_wrap .tit {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.page_main .pm_product.pm_pro_3 .txt_wrap .price {
    font-size: 2.2rem;
    letter-spacing: -0.02em;
    font-weight: 600;
    color: var(--primary);
    /* opacity: 0.3; */
}

.page_main .pm_long.pml_sy2.pml_3 {
    background-color: transparent;
}

.page_main .pm_long.pml_sy2.pml_3 .pm_cont {
    padding: 0;
}

.page_main .pm_long.pml_sy2.pml_3 .banner_wrap .swiper {
    height: 255px;
}

.page_main .pm_long.pml_sy2.pml_3 .banner_wrap .banner_1 {
    margin-right: 0;
}

.page_main .pm_notice .pm_cont {
    display: flex;
    align-items: center;
    margin-bottom: 10rem;
}

.page_main .pm_notice .notice_wrap {
    width: 60%;
}

.page_main .pm_notice .help_wrap {
    width: 40%;
    margin-left: 9rem;
}

.page_main .pm_notice .noti .tit {
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--black);
    cursor: pointer;
    font-size: 28px;
    font-weight: 600;
}

.page_main .pm_notice .notice_wrap .cont {
    padding-top: 0.6rem;
}

.page_main .pm_notice .notice_wrap .con_li {
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    cursor: pointer;
}

.page_main .pm_notice .notice_wrap .con_li .txt {
    font-size: 1.8rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.page_main .pm_notice .help_wrap .tit {
    border-bottom: none;
    padding-bottom: 0;
}

.page_main .pm_notice .help_wrap .info_wrap {
    margin-top: 40px;
}

.page_main .pm_notice .help_wrap .info_wrap .number {
    font-size: 56px;
    font-weight: 600;
}

.page_main .pm_notice .help_wrap .info_wrap .info {
    line-height: 26px;
    font-size: 1.8rem;
}

.page_main .pm_notice .help_wrap .faq_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 34px;
}

.page_main .pm_notice .help_wrap .faq_wrap .faq_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    border: 1px solid var(--black);
    border-radius: 2px;
    text-align: center;
    width: 100%;
    max-width: 200px;
    min-height: 50px;
    font-size: 18px;
}

.page_main .pm_notice .help_wrap .sns .sn_i {
    margin-right: 1.5rem;
    cursor: pointer;
}

.page_main .pm_notice .help_wrap .sns .sn_i:last-child {
    margin-right: 0;
}

.page_main .pm_notice .help_wrap .sns .sn_i i {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../../images/temp106/common/sns_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
}

.page_main .pm_notice .help_wrap .sns .sn_i.instagram i {
    background-image: url(../../images/temp106/common/sns_01.png);
}

.page_main .pm_notice .help_wrap .sns .sn_i.kakao i {
    background-image: url(../../images/temp106/common/sns_02.png);
}

.page_main .pm_notice .help_wrap .sns .sn_i.youtube i {
    background-image: url(../../images/temp106/common/sns_03.png);
}

.page_main .pm_notice .help_wrap .sns .sn_i.blog i {
    background-image: url(../../images/temp106/common/sns_04.png);
}

.page_main .pm_notice .help_wrap .sns {
    display: flex;
    align-items: center;
}


/* ----------------------------
        페이지
------------------------------- */

.page_mypage,
.page_member,
.page_event,
.page_review,
.page_customer,
.page_mz {
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box;
}

.page_tour {
    padding-bottom: 8rem;
    box-sizing: border-box;
}

.page_tour .p_tit {
    padding-top: 8rem;
    box-sizing: border-box;
}

.page .p_tit,
.page_mypage .p_tit,
.policies .p_tit {
    font-size: 3rem;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    margin-bottom: 44px;
}

.page_tit {
    font-size: 3rem;
    color: var(--black);
    font-weight: 600;
    margin: 8rem auto 5rem;
    text-align: center;
}

.page_tit .sub_tit {
    background: black;
    color: var(--white);
    box-sizing: border-box;
    padding: 0.2rem 1rem;
    margin-left: 2rem;
}

.page_tab_wrap {
    margin-bottom: 50px;
    display: flex;
}

.page_tab_wrap .page_tab,
.p_golf_tour .page_tab_wrap .page_tab {
    margin-bottom: 0;
}

.page_tab_wrap .page_tab:first-child {
    padding-right: 40px;
    margin-right: 40px;
    border-right: 1px solid var(--lightgray);
}

.page .page_blank {
    font-size: 20px;
    font-weight: 500;
}

.page .nice-select {
    border-color: #e5e5e5;
    height: 50px;
    display: flex;
    width: 100%;
}

.page .nice-select .current {
    display: flex;
    align-items: center;
}

.cus_search_box {
    display: flex;
    justify-content: end;
    width: 500px;
}

.cus_search_box .sb_title {
    width: 25%;
}

.cus_search_box .sb_input {
    width: calc(60% - 5px);
    margin-left: 5px;
}

.cus_search_box .sel_base.nice_select.open .sel_list li:nth-child(2) {
    width: 100%;
    margin-left: 0;
}

.cus_search_box .sb_title {
    height: 50px;
    display: flex;
    align-items: center;
}

.cus_search_box .nice-select {
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 15px;
    width: 100%;
}

.cus_search_box .nice-select .option {
    box-sizing: border-box;
}

.cus_search_box .list li:nth-child(2) {
    width: 100%;
    margin-left: 0px;
}

.cus_search_box .list {
    flex-direction: column;
}

.searchArea .search_box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.searchArea .search_box .sb_li:last-child {
    position: relative;
    width: calc(15% - 5px);
    height: 50px;
    font-size: 0;
    border-radius: 2px;
    background: var(--black);
    cursor: pointer;
    margin-left: 5px;
    min-width: 50px;
}

.searchArea .search_box .sb_li:last-child svg {
    position: absolute;
    fill: var(--white);
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*-------------------------
        page_review
-------------------------*/

.page_review .area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto 26px;
}

.page_review .area .tab_area {
    margin-bottom: 0;
}

.page_review .area .tab_area span {
    margin-bottom: 0;
}

.page_review.review .area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto 26px;
}

.page_review.review .area .tab_area span {
    margin-bottom: 0;
}

.page_review .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    /* display: grid; */
    gap: 20px;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
}

.page_review .itemArea .item {
    position: relative;
    flex: 1;
    /* min-width: 282px; */
    /* max-width: 23%; */
    /* margin-left: 30px; */
    margin-bottom: 70px;
    cursor: pointer;
}

.page_review .itemArea .item:last-child {
    margin-bottom: 0;
}

.page_review .itemArea .item img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}


.page_review .itemArea .item:first-child {
    margin-left: 0;
}

.page_review .itemArea .item:nth-child(5) {
    margin-left: 0;
}

.page_review .itemArea .item .item_img {
    width: 100%;
    height: 14.7vw;
    max-height: 282px;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(0 0 0 / 4%) url(../../images/temp106/common/no_image.svg) 50% 50% / 4vw no-repeat;
    margin-bottom: 20px;
}

/*.page_review .itemArea .item .item_img img {position: relative; width:100%; height:100%; object-fit: cover; border-radius:10px; overflow: hidden; cursor: pointer;}*/
.page_review .itemArea .item .item_info {
    width: 100%;
}

.page_review .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.page_review .itemArea .item .item_info p:first-child {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    max-height: 40px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    letter-spacing: -0.4px;
}

.page_review .itemArea .item .item_info p:nth-child(2) {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.4;
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    cursor: pointer;
    margin-bottom: 26px;
}

.page_review .itemArea .item .item_info p:last-child {
    margin-top: 20px;
    color: var(--black);
    font-size: 1.4rem;
}

.page_review .itemArea .item .item_info p:last-child span {
    color: var(--primary)
}

.page_review.reviewView .cont .area01 {
    display: flex;
    flex-direction: column;
}

.page_review.reviewView .cont .area01 .tit {
    text-align: left;
    width: 100%;
    color: var(--black);
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
    letter-spacing: -0.4px;
}

.page_review.reviewView .cont .area01 ul {
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding: 16px 0;
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.page_review.reviewView .cont .area01 ul li {
    color: var(--black);
    font-size: 16px;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
}
.page_review.reviewView .cont .area01 ul li.writer{
    margin-left: auto;
    padding-right: 0px;
}
.page_review.reviewView .cont .area01 ul li.writer:before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url(../../images/temp106/common/person.svg);
    margin-right: 8px;
    position: static;
    background-color: transparent;transform: none;
}
.page_review.reviewView .cont .area01 ul li::before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgb(0 0 0 / 14%);
    content: '';
}

.page_review.reviewView .cont .area01 ul li:first-child {
    color: var(--gray);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.2px;
}

.page_review.reviewView .cont .area01 ul li:nth-child(2) svg {
    width: 18px;
    height: 18px;
    fill: #ffd420;
    margin-right: 6px;
}

.page_review.reviewView .cont .area01 ul li:nth-child(2) span {
    color: #1542d4;
    font-size: 15px;
}

.page_review.reviewView .cont .area01 ul li:last-child span {
    color: var(--primary);
    margin-left: 6px;
}

.page_review.reviewView .cont .area01 ul li:last-child::before {
    /*display: none;*/
}

.page_review.reviewView .cont .area02 {
    padding: 40px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_review.reviewView .cont .area02 p {
    line-height: 22px;
    color: var(--gray);
    font-size: 16px;
    text-align: left;
    word-break: normal;
}

.page_review.reviewView .cont .area02 img {
    max-width: 1200px;
    display: block;
    margin: 0 auto 30px;
   /* width: 100%;*/
}

.page_review.reviewView .cont .area02 .related {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    background: var(--primary);
    color: var(--white);
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 100px;
    min-width: 300px;
}

.page_review.reviewView .cont .area02 .related span {
    line-height: 2;
}

.page_review.reviewView .cont .area02 .related span:last-child {
    position: relative;
    width: 40px;
    margin-left: 20px;
    border-bottom: 1px solid var(--white);
}

.page_review.reviewView .cont .area02 .related span:last-child::before {
    content: '';
    position: absolute;
    right: 7px;
    top: -50%;
    width: 13px;
    height: 13px;
    border-top: solid 1px var(--white);
    transform: rotate(45deg)translateY(-58%);
}

.page_review.reviewView .cont .area02 .related span:last-child:hover {
    animation: bannerLeftArrow 1s infinite alternate ease-in-out;
}

.page_review.reviewView .btn_single,
.page_mypage .btn_single,
.page .btn_single {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

.page_review.reviewView .btn_single .btn_black,
.page_mypage .btn_single .btn_black,
.page .btn_single .btn_black {
    max-width: 300px;
}

.page_review .searchArea .search_box {
    width: 100%;
}

/*-------------------------------
        event & magazine
---------------------------------*/

.page_event .tab_area {
    width: 1220px;
    margin: 0 auto 20px;
}

.page_event .list {
    /* min-height: 500px; */
    display: flex;
    flex-flow: row wrap;
}

.page_event .list:after {
    display: block;
    content: '';
    clear: both;
}

.page_event .list div {
    width: calc((100% - 30px) / 2);
    margin-left: 30px;
    margin-bottom: 40px;
    cursor: pointer;
}

.page_event .list div:nth-child(odd) {
    margin-left: 0;
}

.page_event .list div .item_img {
    width: 100%;
    height: 220px;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: 16px;
}

.page_event .list div .tit {
    min-height: 28px;
    text-align: left;
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    cursor: pointer;
    margin-bottom: 0;
}

.page_event .list div .stit {
    margin-top: 4px;
    color: var(--gray);
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.4px;
}

.page_event .list .last {
    opacity: .7;
    cursor: default;
    filter: grayscale(1);
}

.page_event.eventView {
    margin-bottom: 0;
    padding-bottom: 0;
}

.page_event.eventView .cont {
    width: 100%;
    margin: 0 auto 40px;
}

.page_event.eventView .cont .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding-bottom: 16px;
}

.page_event.eventView .cont .area01 .tit {
    text-align: left;
    width: 80%;
    color: var(--black);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    margin-bottom: 0;
}

.page_event.eventView .cont .area01 .date {
    color: #9d9d9d;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.page_event.eventView .cont .area02 {
    padding: 20px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_event.eventView .cont .area02 p {
    line-height: 22px;
    color: var(--gray);
    font-size: 16px;
    text-align: left;
    white-space: pre-line;
}

.page_event.eventView .cont .area02 img {
    display: block;
    margin: 0 auto 30px;
    max-width: 1220px;
}

.page_event.eventView .btn_single {
    margin: 30px auto 0;
    width: 30%;
    max-width: 380px;
}

/*연관상품*/
.relat_prod {
    width: 100%;
    margin: 100px auto 40px;
}

.relat_prod h3 {
    margin-bottom: 20px;
    border-bottom: 0;
    padding-bottom: 0;
}

.relat_prod .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

.relat_prod .itemArea .item {
    position: relative;
    flex: 1;
    min-width: 282px;
    max-width: 282px;
    margin-left: 30px;
    margin-bottom: 70px;
}

.relat_prod .itemArea .item:first-child {
    margin-left: 0;
}

.relat_prod .itemArea .item:nth-child(5) {
    margin-left: 0;
}

.relat_prod .itemArea .item .item_img {
    width: 100%;
    height: 14.7vw;
    max-height: 282px;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(0 0 0 / 4%) url(../../images/temp106/common/no_image.svg) 50% 50% / 4vw no-repeat;
}

.relat_prod .itemArea .item .item_img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.relat_prod .itemArea .item .item_info {
    width: 100%;
}

.relat_prod .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.relat_prod .itemArea .item .item_info .badge_area {
    margin-bottom: 10px;
}

.relat_prod .itemArea .item .item_info .tit {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.relat_prod .itemArea .item .item_info .sti {
    font-size: 15px;
    color: var(--gray);
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    cursor: pointer;
    margin-bottom: 26px;
}

.relat_prod .itemArea .item .item_info .price {
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: right;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.relat_prod .itemArea .item .item_info .price span {
    font-size: 16px;
    margin-left: 2px;
}

.relat_prod h3 {
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: -0.6px;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.page_event.p_event_end .list div .tit,
.page_event.p_event_end .list div .stit {
    color: var(--gray);
}

.page_event.p_event_end .list .item_img {
    opacity: .7;
    cursor: default;
    filter: grayscale(1);
}

/* ------------------------
    page_customer 고객센터
---------------------------- */

.page_customer .searchArea {
    width: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.page_customer .searchArea p {
    font-size: 34px;
    color: var(--black);
    text-align: center;
    width: 100%;
    margin: 20px 0;
}

.page_customer .searchArea .sb_btn {
    width: 84%;
    margin-left: 5px;
}

.page_customer .searchArea .sb_btn {
    position: relative;
    width: 15%;
    height: 50px;
    font-size: 0;
    border-radius: 2px;
    background: var(--black);
    cursor: pointer;
}

.page_customer .searchArea .sb_btn svg {
    position: absolute;
    fill: var(--white);
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.page_customer .faq_area {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
}

.page_customer .faq_area {
    margin-top: 40px;
}

.page_customer .faq_area .area01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid var(--black);
    padding-bottom: 20px;
}

.page_customer .faq_area .area01 .tit,
.page_customer .notice_area .area01 .tit {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    color: var(--black);
    letter-spacing: -0.6px;
    text-align: left;
    margin-bottom: 0;
    font-weight: 700;
}

.page_customer .faq_area .area01 .tit span:last-child,
.page_customer .notice_area .area01 .tit span:last-child {
    font-weight: 700;
}

.page_customer .faq_area .area02 ul {
    position: relative;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    cursor: pointer;
}

.page_customer .faq_area .area02 ul .q_area {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 75px;
}

.page_customer .faq_area .area02 ul .q_area::before {
    content: 'Q';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'BMDOHYEON';
    font-size: 20px;
    line-height: 20px;
    color: rgb(0 0 0 /22%);
    transition: color .2s
}

.page_customer .faq_area .area02 ul.active .q_area::before {
    color: var(--black)
}

.page_customer .faq_area .area02 ul .q_area .tit {
    width: 15%;
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    line-height: 22px;
    margin: 30px 0;
}

.page_customer .faq_area .area02 ul .q_area .txt {
    width: 80%;
    font-size: 16px;
    color: var(--black);
    letter-spacing: -0.4px;
    line-height: 22px;
    padding-right: 10%;
}

.page_customer .faq_area .area02 ul.active .a_area {
    padding: 25px 25px 25px 75px;
    height: auto
}

.page_customer .faq_area .area02 ul .a_area {
    position: relative;
    background: rgb(0 0 0 / 2%);
    padding: 0 25px 0 75px;
    height: 0;
    overflow: hidden
}

.page_customer .faq_area .area02 ul .a_area::before {
    content: 'A';
    position: absolute;
    left: 20px;
    top: 30px;
    font-family: 'BMDOHYEON';
    font-size: 20px;
    line-height: 20px;
    color: var(--black)
}

.page_customer .faq_area .area02 ul .a_area .txt {
    color: var(--gray);
    letter-spacing: -0.42px;
    line-height: 20px
}

.page_customer .faq_area .area02 ul:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../../images/temp105/common/arrow_down.svg') 50% 50%/20px no-repeat;
    position: absolute;
    right: 14px;
    top: 30px;
    -webkit-transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out
}

.page_customer .faq_area .area02 ul.active:after {
    right: 13px !important;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.page_customer .notice_area {
    width: 100%;
    max-width: 1220px;
    margin: 100px auto 0;
}

.page_customer .notice_area .area01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
}

.page_customer .notice_area ul {
    display: flex;
    justify-content: space-between;
}

.page_customer .notice_area ul li {
    width: 48.5%;
    margin-right: 1%;
    padding: 20px;
    border: 1px solid rgb(0 0 0 / 10%);
    cursor: pointer;
    box-sizing: border-box;
}

.page_customer .notice_area ul li:last-child {
    margin-right: 0;
}

.page_customer .notice_area a {
    color: var(--black);
}

.page_customer .notice_area p {
    width: 100%;
    max-height: 40px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    letter-spacing: -0.4px
}

.page_customer .notice_area span {
    width: 100%;
    display: block;
    float: left;
    color: var(--gray);
    letter-spacing: -0.2px;
}

.page_customer .more {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 10px;
    cursor: pointer;
}

.page_customer .more span {
    display: block;
    font-size: 18px;
    color: var(--black)
}

.page_customer .more .arrow {
    position: relative;
    width: 28px;
    margin-bottom: 3px;
}

.page_customer .more .arrow::before {
    content: '';
    position: absolute;
    right: 0;
    top: 46%;
    width: 9px;
    height: 9px;
    border-top: solid 1px var(--black);
    border-right: solid 1px var(--black);
    transform: rotate(45deg)translateY(-50%);
}

.page_customer .more .arrow::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 1px;
    width: 27px;
    height: 1px;
    background: var(--black)
}

/*faq*/

.page_customer .searchArea .search_box .sb_li:first-child {
    width: 85%;
}


.page_customer.faq .item_list {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.page_customer.faq .item_list span {
    font-size: 22px;
    font-weight: 500;
    opacity: .4;
    margin-right: 20px;
    cursor: pointer;
}

.page_customer.faq .item_list span:last-child {
    margin-right: 0;
}

.page_customer.faq .item_list span:hover {
    opacity: .7;
}

.page_customer.faq .item_list span.selected {
    opacity: 100%;
    color: var(--black);
    border-bottom: 2px solid var(--primary);
}

.page_customer.faq .list {
    width: 100%;
    margin: 30px auto;
}

.page_customer.faq .list ul {
    position: relative;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    cursor: pointer;
}

.page_customer.faq .list ul .q_area {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 90px;
}

.page_customer.faq .list ul .q_area::before {
    content: 'Q';
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'BMDOHYEON';
    font-size: 20px;
    line-height: 20px;
    color: rgb(0 0 0 /22%);
    transition: color .2s
}

.page_customer.faq .list ul.active .q_area::before {
    color: var(--black)
}

.page_customer.faq .list ul .q_area .tit {
    width: 15%;
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    line-height: 22px;
    text-align: left;
    margin: 30px 0;
}

.page_customer.faq .list ul .q_area .txt {
    width: 80%;
    font-size: 16px;
    font-weight: 300;
    color: var(--black);
    letter-spacing: -0.4px;
    line-height: 22px;
    padding-right: 10%;
}

.page_customer.faq .list ul.active .a_area {
    padding: 25px 25px 25px 90px;
    height: auto
}

.page_customer.faq .list ul .a_area {
    position: relative;
    background: rgb(0 0 0 / 2%);
    padding: 0 25px 0 75px;
    height: 0;
    overflow: hidden
}

.page_customer.faq .list ul .a_area::before {
    content: 'A';
    position: absolute;
    left: 30px;
    top: 30px;
    font-family: 'BMDOHYEON';
    font-size: 20px;
    line-height: 20px;
    color: var(--black)
}

.page_customer.faq .list ul .a_area .txt {
    color: var(--gray);
    letter-spacing: -0.4px;
    line-height: 20px;
    font-weight: 300;
}

.page_customer.faq .list ul:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../../images/temp105/common/arrow_down.svg') 50% 50%/20px no-repeat;
    position: absolute;
    right: 14px;
    top: 30px;
    -webkit-transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out
}

.page_customer.faq .list ul.active:after {
    right: 13px !important;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

/*noti*/
.page_customer.notice .searchArea {
    width: 600px;
    margin: 0 auto;
}

.page_customer.notice .searchArea .search_box {
    margin-bottom: 0;
    margin-top: 5px;
}

.page_customer.notice .searchArea .search_box .inp_sel {
    width: 35%;
}

.page_customer.notice .list {
    width: 100%;
    max-width: 1220px;
    margin: 50px auto 0;
}

.page_customer.notice .search_box .list {
    margin-top: 5px;
}

.page_customer.notice .list ul li {
    font-size: 16px;
}

.page_customer.notice .list ul:first-child {
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
}

.page_customer.notice .list ul:first-child li {
    color: var(--black);
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}

.page_customer.notice .list ul:first-child li:first-child {
    width: 15%;
    text-align: center;
}

.page_customer.notice .list ul:first-child li:last-child {
    width: 85%;
}

.page_customer.notice .list ul:last-child {
    display: flex;
    flex-direction: column;
    min-height: 400px;
}

.page_customer.notice .list ul:last-child li {
    display: flex;
    justify-content: space-between;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.page_customer.notice .list ul:last-child li span {
    width: 15%;
    color: var(--gray);
    text-align: center;
    color: var(--black);
}

.page_customer.notice .list ul:last-child li p {
    width: 80%;
    color: var(--black);
    display: flex;
    align-items: center;
    padding-right: 5%;
}

.page_customer.notice .list ul:last-child li p a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page_customer.notice .list ul:last-child li p a:hover {
    text-decoration: underline;
}

.page_customer.notice .list ul:last-child li .file {
    width: 22px;
    background: url('../../images/temp105/common/file.svg') 50% 50% / 22px no-repeat;
    padding: 15px;
    opacity: .7;
}

.page_customer.noticeView .cont .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding-bottom: 16px;
}

.page_customer.noticeView .cont .area01 .tit {
    text-align: left;
    width: 80%;
    color: var(--black);
    font-size: 26px;
    font-weight: 600;
    line-height: 24px;
    max-height: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    margin-bottom: 0;
}

.page_customer.noticeView .cont .area01 .date {
    color: var(--gray);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.2px;
}

.page_customer.noticeView .cont .area02 {
    padding: 40px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    overflow-y: auto;
}

.page_customer.noticeView .cont .area02 p {
    line-height: 22px;
    color: var(--gray);
    font-size: 16px;
    text-align: left;
    white-space: pre-line;
}

.page_customer.noticeView .cont .area02 img {
    display: block;
    margin: 0 auto 30px;
}

.page_customer.noticeView .btn_single .btn_black {
    width: 30%;
}

.page_customer.noticeView .btn_single {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

/* ---------------------
        정책
------------------------ */
.policies {
    color: var(--gray);
    font-weight: 400;
    padding-top: 8rem;
    padding-bottom: 8rem;
    height: 100%;
}

.rule_table .layer_wrap,
.rule_table .cont_box,
.rule_table .layer_inner {
    height: 100%;
}


.policies .link {
    box-sizing: border-box;
    background: #eee;
    padding: 3px 10px;
    display: inline-block;
    margin-top: 3px;
    border-radius: 5px;
}


.policies h3 {
    border-bottom: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    margin-bottom: 44px;
}

.policies h4 {
    width: 90%;
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 2rem;
}

.policies .inner {
    max-width: 1220px;
    margin: 0 auto;
}

.policies .person_list {
    background: rgba(0, 0, 0, .04);
    border-radius: 5px;
    padding: 20px;
    margin: 30px 0;
}

.policies .person_list ol::after {
    display: block;
    content: '';
    clear: both;
}

.policies .person_list ol li {
    line-height: 28px;
}

.policies dl {
    margin: 0 0 30px 0;
}

.policies dl dt,
.policies .po_tit {
    font-size: 17px;
    color: var(--black);
    padding-bottom: 6px;
    font-weight: 600;
}

.policies,
.policies dl dd,
.policies dl dd .depth,
.policies .person_list ol li {
    font-size: 14px;
}

.policies dl dd {
    line-height: 20px;
}

.policies dl dd span {
    font-weight: 500;
}

.policies dl dd .depth {
    margin-bottom: 20px;
}

.policies dl dd .depth2 {
    margin-left: 0;
}

.policies dl dd .depth2 dt {
    color: var(--gray);
    font-size: 15px;
    padding-bottom: 6px;
    font-weight: 400;
}

.policies dl dd ul li {
    margin-bottom: 6px;
    list-style: disc;
}

.policies dl dd ul li span {
    color: rgb(0 0 0 / 66%);
}

.policies ol li {
    line-height: 22px;
}

.policies ol li span {
    color: rgb(0 0 0 / 80%)
}

.policies p {
    font-size: 15px;
    line-height: 22px;
}

.policies .end {
    margin-bottom: 30px;
}

.policies .form {
    margin-top: 40px;
}

.policies .form ul {
    margin-bottom: 20px;
}

.policies .form ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.policies .form ul li span:first-child {
    width: 15%;
    font-size: 16px;
    color: var(--black);
    min-width: 70px;
}

.policies .form ul li span:last-child {
    width: 85%;
}

.policies .form ul li input {
    width: 100%;
}

.policies .form ul li .email {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.policies .form ul li .email .email-at {
    width: 90px;
    text-align: center;
}

.policies .form ul li span textarea {
    height: 200px
}

.policies .btn_area .btn_black {
    width: 50%;
    max-width: 340px;
    margin: 50px auto 0;
}

.policies .btnReservation {
    margin: 0 auto;
}

.policies .of_y,
.policies.of_y {
    overflow: auto;
    line-height: 22px;
    padding-right: 5px;
    /* height: 80vh; */
    height: calc(100% - 20px - 22px);
    box-sizing: border-box;
    padding-bottom: 20px;
}

.policies .of_x {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.policies .btn_black {
    cursor: pointer;
    width: 100%;
    background: var(--black);
    border-radius: 3px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.policies .personal-table {
    width: 100%;
    padding: 0;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .personal-table th {
    vertical-align: middle;
}

.policies .personal-table tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.policies .personal-table tbody tr:last-child {
    border-bottom: 1px solid rgb(28 28 28 / 70%)
}

.policies .personal-table thead tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    padding: 12px 20px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: var(--black);
    text-align: center;
}

.policies .personal-table tbody tr td {
    color: var(--gray);
    padding: 12px 20px;
    line-height: 20px;
    vertical-align: middle;
}

.policies .policies .personal-table2 {
    width: 100%;
    padding: 0;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table2 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.policies .policies .personal-table2 tbody tr:last-child {
    border-bottom: 0;
}

.policies .policies .personal-table2 tbody tr:last-child th {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table2 tbody tr:last-child td {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table2 tbody tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    text-align: left;
    padding: 12px 20px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: var(--black);
}

.policies .policies .personal-table2 tbody tr td {
    text-align: left;
    padding: 12px 20px;
    color: var(--gray);
    line-height: 20px;
}

.policies .policies .personal-table3 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table3 col {
    width: 25%;
}

.policies .policies .personal-table3 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.policies .policies .personal-table3 tbody tr:last-child {
    border-bottom: 0;
}

.policies .policies .personal-table3 thead tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    padding: 10px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: var(--black);
    text-align: center;
}

.policies .policies .personal-table3 tbody tr td {
    padding: 10px;
    color: var(--gray);
    line-height: 20px;
    vertical-align: middle;
}

.policies.page_group_inquiry .inner p {
    text-align: center;
}

.rule_table .personal-table2 {
    width: 100%;
    padding: 0;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table2 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.rule_table .personal-table2 tbody tr:last-child {
    border-bottom: 0;
}

.rule_table .personal-table2 tbody tr:last-child th {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table2 tbody tr:last-child td {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table2 tbody tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    text-align: left;
    padding: 10px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: rgb(0 0 0 / 75%)
}

.rule_table .personal-table2 tbody tr td {
    text-align: left;
    padding: 10px;
    color: rgb(0 0 0 / 60%);
    line-height: 20px;
}

.rule_table .personal-table3 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table3 col {
    width: 25%;
}

.rule_table .personal-table3 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.rule_table .personal-table3 tbody tr:last-child {
    border-bottom: 0;
}

.rule_table .personal-table3 thead tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    padding: 10px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: rgb(0 0 0 / 75%)
}

.rule_table .personal-table3 tbody tr td {
    padding: 10px;
    color: rgb(0 0 0 / 60%);
    line-height: 20px;
    vertical-align: middle;
}

/* -----------------------------
            로그인단
--------------------------------- */

/*login*/
.page_member {
    width: 100%;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 560px;
}

.page_member .page_tit {
    margin-top: 0;
}

.page_member .form_area {
    width: 100%;
    margin: 0 auto;
}

.page_member .form_area li {
    height: 46px;
    line-height: 46px;
    margin-bottom: 14px;
}

.page_member .txt {
    text-align: center;
    margin: 0 0 16px;
    color: var(--black);
    font-size: 16px;
}

.page_member .btn_join {
    text-align: center;
    margin-top: 30px;
}

.page_member .btn_join .tit_line {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    font-size: 15px;
    color: #555;
}

.page_member .btn_join .tit_line:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
    content: '';
    z-index: 1;
}

.page_member .btn_join .tit_line .jtit {
    display: inline-block;
    padding: 0 10px;
    z-index: 2;
    position: absolute;
    top: -11px;
    left: 0;
    width: 100%;
    text-align: center;
}

.page_member .btn_join .tit_line .jtit>em {
    display: inline-block;
    padding: 0 10px;
    background: var(--white);
    color: var(--black)
}

.page_member .btn_join button {
    border: 1px solid var(--black);
    border-radius: 25px;
    height: 50px;
    font-size: 15px;
    background: var(--white);
    width: 100%;
    margin: 30px auto;
}

.page_member .btn_join button:hover {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: var(--white)
}

.page_member .kakao_login {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    border-radius: 25px;
    background-color: #fee500;
    display: block;
    margin: 0 auto;
}

.page_member .kakao_login i {
    background: url(../../images/temp105/common/kakao.svg)no-repeat center center;
    width: 22px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 6px;
}

.page_member .kakao_login {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_member .btnArea {
    width: 100%;
    margin-top: 30px;
}

.page_member .btnArea button.btn_type_basic {
    margin-left: 1%;
}

.page_member .btn_double button:last-child {
    margin-left: 0;
}

.page_member .btn_single {
    width: 100%;
    margin-top: 30px;
}

.page_member .btn_single button {
    width: 100%;
}

.page_member .memberInfo_search {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 20px 0 50px;
}

.page_member .memberInfo_search span {
    cursor: pointer;
    color: var(--black);
    font-size: 14px;
}

.page .p_tit,
.page_mypage .p_tit,
.policies .p_tit {
    font-size: 3rem;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    margin-bottom: 44px;
}

.page_mypage.p_main .btn_single {
    display: none;
    ;
}

.page_mypage .p_tit .sub_info {
    font-size: 1.5rem;
    margin-top: 20px;
    font-weight: normal;
}

.page_mypage .p_tit .point {
    color: var(--red);
}

.page_member .tab_login_nav {
    width: 100%;
    display: flex;
    padding: 0 0 10px;
    margin-bottom: 20px;
}

.page_member .tab_login_nav>* {
    flex: 1;
    font-size: 15px;
    color: #b7b7b7;
    letter-spacing: -0.45px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 55px;
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom-color: var(--black);
    box-sizing: border-box;
}

.page_member .tab_login_nav>*.selected {
    color: var(--black);
    font-weight: 600;
    border: 1px solid var(--black);
    border-bottom-color: #fff;
}

.page_member .tab_login_nav>*:last-child {
    border-right: 1px solid #ccc;
}

.page_member .tab_login_nav .selected {
    border-right: 1px solid var(--black);
}

.page_member .btn_area {
    width: 100%;
    margin-top: 30px;
}

.page_member .btn_area button:last-child {
    margin-top: 10px;
    font-size: 16px;
}

.page_member .btn_black,
.page_etc .btn_black,
.page_event .btn_black,
.page .btn_black {
    cursor: pointer;
    width: 100%;
    background: var(--black);
    border-radius: 3px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.page_member .btn-join-wrap {
    margin-top: 25px;
}

.page_member .btn-join-wrap .tit_line {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    font-size: 15px;
    color: #555;
}

.page_member .btn-join-wrap .tit_line:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
    content: '';
    z-index: 1;
}

.page_member .btn-join-wrap .tit_line .jtit {
    display: inline-block;
    padding: 0 10px;
    z-index: 2;
    position: absolute;
    top: -11px;
    left: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.page_member .btn-join-wrap .tit_line .jtit>em {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    color: #1c1c1c;
    font-style: normal;
    font-weight: 500;
}

.page_member .btn-join-wrap button {
    border: 1px solid var(--black);
    border-radius: 25px;
    height: 50px;
    font-size: 15px;
    background: var(--white);
    width: 100%;
    margin: 30px auto 0;
    font-weight: 500;
}

.page_member .btn-join-wrap button:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
}

.page_member .phone_num {
    font-size: 12px;
    background: var(--black);
    color: var(--white);
    padding: 6px 10px;
    border-radius: 25px;
    position: absolute;
    right: 2%;
    top: 22%;
    z-index: 3;
    cursor: pointer;
}

/*noMblogin*/
.page_member .input-phone_num {
    width: 100%;
    position: relative;
}

.page_member .phone_num {
    font-size: 12px;
    background: var(--black);
    color: var(--white);
    padding: 6px 10px;
    border-radius: 25px;
    position: absolute;
    right: 2%;
    top: 22%;
    z-index: 3;
}

.page_member .phone_num {
    font-size: 12px;
    background: var(--black);
    color: var(--white);
    padding: 6px 10px;
    border-radius: 25px;
    position: absolute;
    right: 2%;
    top: 22%;
    z-index: 3;
    cursor: pointer;
    box-sizing: border-box;
    line-height: initial;
}

.page_member.findMember>* {
    color: var(--black);
}

.page_member.findMember .ti {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 15px;
    margin-top: 40px;
    line-height: 1.2;
}

.page_member.findMember .ti span {
    font-size: 22px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.page_member.findMember form {
    margin: 30px auto;
}

.page_member.findMember form ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_member.findMember form ul li.list_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_member.findMember form ul li.list_1 .inp_base {
    width: 73%;
}

.page_member.findMember form ul li.list_1 button {
    width: 25%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    background: var(--black);
    color: var(--white);
    font-size: 13px;
    cursor: pointer;
    min-width: 90px;
}

.page_member.findMember form ul li.list_2,
.page_member.findMember .find_confirm {
    position: relative;
    width: 100%;
}

.page_member.findMember form ul li.list_2 button,
.page_member.findMember .find_confirm button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22%;
    height: 36px;
    line-height: 30px;
    min-height: 36px;
    min-width: 60px;
}

.page_member.findMember .find_result .fr_box {
    width: 100%;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}

.page_member.findMember .find_result .tit {
    width: 25%;
    color: var(--gray);
}

.page_member.findMember .find_result .txt {
    border: 1px solid #e5e5e5;
    width: calc(100% - 25%);
    height: inherit;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 0;
}

.page_member.page_member.findMember .btn_black {
    font-size: 14px;
}

.page_member.findMember .noti {
    height: auto;
    background-color: rgb(0 0 0 / 3%);
    color: #666;
    font-weight: 300;
    padding: 14px;
    font-size: 13px;
    line-height: 1.4;
    border-top: 0;
}

.page_member.findMember form dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.page_member.findMember form dl dt {
    width: 25%;
    font-weight: 400;
    font-size: 15px;
    color: var(--black);
}

.page_member.findMember form dl dd {
    width: 75%;
}

.page_member.findMember form dl.phone dd {
    display: flex;
    justify-content: space-between;
}

.page_member.findMember form dl.phone dd .inp_base {
    width: 73%;
}

.page_member.findMember form dl.phone dd button {
    width: 25%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    background: var(--black);
    color: var(--white);
    font-size: 13px;
    cursor: pointer;
}

.page_member.findMember form dl:last-child dd {
    position: relative;
}

.page_member.findMember form dl:last-child dd button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 25%;
    height: 30px;
    line-height: 30px;
    min-height: 30px;
}

.page_member.findMember form dl.phone dd button {
    width: 25%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    background: var(--black);
    color: var(--white);
    font-size: 13px;
    cursor: pointer;
    min-width: 60px;
    margin-left: 5px;
}

.page_member.findMember form dl.phone dd .inp_base {
    width: 73%;
}

/*join & modify*/
.p_join {
    max-width: 800px;
}

.p_join h3 {
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}

.p_join h3 .check_all {
    margin-left: 16px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.p_join h3 .check_all .label {
    font-size: 16px;
}

.p_join .form {
    border-top: 1px solid #000;
    padding-top: 16px;
    margin-bottom: 30px;
}

.page_mypage.p_join .form {
    margin: 0 20px;
}

.p_join .form dl {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.p_join .form dl:nth-child(3) dd {
    padding: 16px 0;
}

.p_join .form dl:last-child dd {
    padding: 10px 0;
}

.p_join .form dl dt {
    width: 24%;
    font-size: 16px;
    color: var(--black);
}

.page_mypage.p_join .form dl dt {
    min-width: 90px;
}

.p_join .form dl dt span {
    position: relative;
}

.p_join .form dl dt span::before {
    position: absolute;
    top: 3px;
    right: -12px;
    display: block;
    content: '*';
    color: var(--red);
}

.p_join .form dl dd {
    width: 76%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.p_join .form dl dd>* {
    flex: 1;
}

.p_join .form .phone .ph_box,
.p_join .form .passport input {
    margin-right: 10px;
}

.p_join .form .phone .ph_box:last-child,
.p_join .form .passport input:last-child {
    margin-right: 0;
}

.p_join .form dl dd span {
    font-size: 16px;
}

.p_join .form dl dd .sel_base {
    width: 100%;
    display: flex;
    align-items: center;
}

.p_join .form dl dd.email {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.p_join .form dl dd.email .e_line {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.p_join .form dl dd.email .e_li_1 .inp_email {
    width: 70.5%;
    flex: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p_join .form dl dd.email .e_li_1 .inp_email .inp_base {
    width: 48.5%;
    max-width: 214px;
}

.p_join .form dl dd.email .e_li_1 .inp_email .at {
    font-size: 16px;
    flex: none !important;
    display: inline-block;
    margin: 0 10px;
}

.p_join .form dl dd.email .e_li_1 .inp_sel {
    width: 27.5%;
    flex: none;
    margin: 0 0 0 2%;
}

.p_join .form dl dd.email .e_li_1 .inp_sel .sel_base {
    margin-top: 0;
}


.p_join .form dl dd.email .e_li_2 {
    margin-top: 10px;
    display: flex;
    justify-content: start;
}

.p_join .form dl dd.email .e_li_2 .btn_joinCheck {
    width: 14%;
    height: 32px;
    border-radius: 25px;
    background: var(--black);
    color: var(--white);
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer;
}

.p_join .form dl dd .unregister {
    border: 1px solid rgb(0 0 0 / 10%);
    color: var(--gray);
    border-radius: 25px;
    padding: 6px 12px;
    font-size: 14px;
    flex: none;
    cursor: pointer;
    box-sizing: border-box;
}

.p_join .form dl dd .unregister:hover {
    border: 1px solid rgba(153, 153, 153);
    background: rgb(153, 153, 153);
    color: var(--white);
}

.p_join .terms_wrap {
    margin-bottom: 50px;
}

.p_join .terms_wrap ul li {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.p_join .terms_wrap ul li .label {
    color: var(--black);
    font-size: 16px;
}

.p_join .terms_wrap ul li .label span {
    color: var(--red);
    font-weight: 300;
    margin-left: 6px;
}

.p_join .terms_wrap ul li .more {
    font-size: 13px;
    color: var(--black);
    cursor: pointer;
    background: url(../../images/temp105/common/arrow_right.svg) 100% 50% / 16px no-repeat;
    padding-right: 18px;
    display: flex;
    align-items: center;
}


.p_join .btn_single {
    width: 40%;
    margin: 0 auto;
}

.p_join .btn_single .btn_black {
    width: 100%;
}

.p_join .pw_line dd {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

.p_join .pw_line .input {
    width: 100%;
    margin-right: 0;
}

.p_join .pw_line .info {
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
}

.p_join h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 44px;
}

.p_join .form dl dt span::before {
    position: absolute;
    top: 3px;
    right: -12px;
    display: block;
    content: '*';
    color: var(--red);
}

.p_join .nice-select,
.page_mypage.estimate .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.p_join .info_i {
    font-size: 14px;
}

.p_join .form dl .email .e_li_2 .btn_joinCheck {
    width: 14%;
    height: 32px;
    border-radius: 25px;
    background: #000;
    color: #fff;
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    min-width: 70px;
}

.p_join .form dl dd {
    margin-right: 0;
}

.p_join .form dl dd input:last-child {
    margin-right: 0;
}

.p_join h3 {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 26px;
    font-weight: 600;
}

.p_join .terms_wrap .cu_checkbox {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.p_join .terms_wrap ul li .label span {
    color: var(--red);
    font-weight: 300;
    margin-left: 6px;
}

.p_join .terms_wrap .check_all {
    font-weight: 400;
    font-size: 16px;
}

/* -----------------------------
            마이페이지
--------------------------------- */


.page_mypage h3 {
    margin-bottom: 16px;
}

.page_mypage .greetings {
    width: 100%;
    margin: 60px auto 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_mypage .greetings div {
    width: 80%;
    font-size: 40px;
    font-weight: 300;
}

.page_mypage .greetings div span {
    font-weight: 500;
}

.page_mypage .greetings button {
    width: 8%;
    max-width: 98%;
    height: 36px;
    min-height: 36px;
    border-radius: 50px;
    border-color: rgb(0 0 0 / 30%);
}

.page_mypage .myMenu ul {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.page_mypage .myMenu ul li {
    width: calc((100% - 1%) / 2);
    margin-right: 1%;
    background: rgb(0 0 0 / 3%);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
}

.page_mypage .myMenu ul li:last-child {
    margin-right: 0;
}

.page_mypage .myMenu ul li span:first-child {
    font-weight: 500;
    font-size: 16px;
}

.page_mypage .myMenu ul li span:last-child {
    color: var(--primary);
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}

.page_mypage .myMenu ul li .myinfoModify {
    width: 18px;
    height: 18px;
}

.page_mypage .myMenu ul li .myinfoModify svg {
    fill: var(--primary);
}

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

.page_mypage .menu div {
    flex: 1;
    height: 200px;
    margin-right: 20px;
    border: 1px solid var(--black);
}

.page_mypage .menu div:last-child {
    margin-right: 0;
}

.page_mypage .custmer {
    margin-top: 50px;
}

.page_mypage .custmer .box {
    background: var(--white);
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 20px 30px;
    cursor: pointer;
}

.page_mypage .custmer .box:first-child {
    cursor: default;
}

.page .tab_area {
    width: 100%;
    margin: 0 auto 20px;
    display: flex;
    flex-direction: row;
}

.page .tab_area span {
    display: block;
    border: 1px solid #9d9d9d;
    background: #fff;
    border-radius: 25px;
    padding: 7px 17px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.2px;
    text-align: center;
    margin: 0 6px 6px 0;
    float: none;
    cursor: pointer;
}

.page .tab_area span:hover,
.page .tab_area span.selected,
.page .tab_area span.on {
    color: #fff;
    background: var(--primary);
    border-color: var(--primary);
    transition: all 0.3s;
}


.page_mypage.reservaList .area_title {
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.page_mypage.reservaList .area_title div:first-child {
    font-weight: 600;
    color: var(--black);
    font-size: 26px;
}

.page_mypage.reservaList .page_blank {
    width: 100%;
    height: 130px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_mypage.reservaList .area_title .inp_sel {
    margin-left: 30px;
}

.page_mypage.reservaList .area_box {
    margin-bottom: 50px;
}

.page_mypage.reservaList .area_box:last-child {
    margin-bottom: 0px;
}

.page_mypage.reservaList .itemArea {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* margin-bottom: 60px; */
}

.page_mypage.reservaList .itemArea .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    cursor: default;
}

.page_mypage.reservaList .itemArea .item:first-child {
    margin-top: 0;
}

.page_mypage.reservaList .itemArea .item:last-child {
    border-bottom: 0;
}

.page_mypage.reservaList .itemArea .item ul {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
}

.page_mypage.reservaList .itemArea .item .item_img {
    width: 30%;
    height: 14.7vw;
    max-width: 212px;
    max-height: 212px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.page_mypage.reservaList .itemArea .item:hover .item_img {
    border: 0;
}

.page_mypage.reservaList .itemArea .item .item_img img {
    cursor: default;
    height: 100%;
}

.page_mypage.reservaList .itemArea .item .item_info {
    width: 65%;
    margin-left: 5%;
    display: flex;
    flex-direction: column;
}

.page_mypage.reservaList .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.page_mypage.reservaList .itemArea .item .item_info p:first-child {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 6px;
    color: #626262;
}

.page_mypage.reservaList .itemArea .item .item_info p:first-child span {
    font-size: 16px;
    letter-spacing: -0.4px;
}

.page_mypage.reservaList .itemArea .item .item_info p:first-child .statebox {
    font-size: 14px;
}

.page_mypage.reservaList .itemArea .item .item_info p:first-child .oderNum {
    color: var(--black);
    position: relative;
    padding: 0 0 0 10px;
    margin: 0 10px;
}

.page_mypage.reservaList .itemArea .item .item_info p:first-child .oderNum::before {
    width: 1px;
    height: 12px;
    background: rgba(0 0 0 / 15%);
    content: '';
    float: left;
    position: absolute;
    top: 3px;
    left: 0px;
}

.page_mypage.reservaList .itemArea .item .item_info p:nth-child(2) {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
    letter-spacing: -0.4px;
}

.page_mypage.reservaList .itemArea .item .item_info .price {
    margin-bottom: 24px;
    cursor: default;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
}

.page_mypage.reservaList .itemArea .item .item_info .price span:first-child {
    font-size: 18px;
    font-weight: 300;
    margin-right: 7px;
}

.page_mypage.reservaList .itemArea .item .item_info div {
    width: 60%;
    margin-top: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_mypage.reservaList .itemArea .item .item_info.item_new {
    width: calc(100% - 212px);
}

.page_mypage.reservaList .itemArea .item .item_info.item_new div {
    width: auto;
    margin-top: 0;
    display: block;
}

.page_mypage.reservaList .itemArea .item .item_info.item_new .item_btn {
    display: flex;
}

.page_mypage.reservaList .itemArea .item .item_info.item_new div.item_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page_mypage.reservaList .itemArea .item .item_info .item_box .ib_2 {
    font-size: 14px;
    font-weight: 500;
}

.page_mypage.reservaList .itemArea .item .item_info .item_box .bt_detail {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 10px;
    box-sizing: border-box;
}

.page_mypage.reservaList .itemArea .item .item_info .item_box .bt_detail:hover {
    background: #e9e9e9;
    transition: all 0.3s;
    border-radius: 3px;
}

.page_mypage .btn_gray {
    cursor: pointer;
    width: 100%;
    background: #dfdfdf;
    border-radius: 3px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.page_mypage.reservaList .itemArea .item .item_info div button:last-child {
    margin-right: 0px;
}

.page_mypage.reservaList .btn_gray {
    cursor: default;
}

.page_mypage .i_arrow {
    width: 14px !important;
    height: 24px !important;
    margin-left: 6px;
    position: relative;
}

.page_mypage .i_arrow i {
    position: absolute;
    left: 0;
    top: 8px;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    display: block;
}


.page_mypage.reservaList .itemArea .item .item_info div button.btn_complete {
    background: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
    border-radius: 3px;
}

.page_mypage.reservaList .itemArea .item .item_info div button.btn_complete:hover {
    background: var(--black);
    border: 1px solid var(--black);
    color: var(--white);
}

.page_mypage.reservaList .itemArea .item .item_info div button {
    max-width: 150px;
    margin-right: 6px;
    min-height: 40px;
}

.page_mypage.reservaList .itemArea .item .item_info div button:last-child {
    margin-right: 0px;
}

/*105*/

.page_mypage.reservaList .air_box .item {
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 34px;
    box-sizing: border-box;
}

.page_mypage.reservaList .air_box .item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.page_mypage.reservaList .air_box .item .area01 {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.page_mypage.reservaList .air_box .item .area01 .line1 {
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_mypage.reservaList .air_box .item .area01 .line1 .date {
    color: var(--gray);
    letter-spacing: -0.4px;
    font-size: 16px;
    font-weight: 300;
}

.page_mypage.reservaList .air_box .item .area01 .line2 {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .airRoute {
    display: flex;
    align-items: center;
}

.page_mypage.reservaList .air_box .item .code {
    display: flex;
    align-items: center;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .airRoute .code span:first-child {
    color: var(--black);
    font-weight: 600;
    font-size: 26px;
    margin-right: 5px;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .airRoute .code span:last-child {
    color: var(--gray);
    opacity: .7;
    font-size: 16px;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .arrow {
    width: 24px;
    height: 24px;
    margin: 0 18px;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .arrow.type1 {
    background: url(../../images/temp105/common/air_arrow_type01.svg) 50% 70% / 20px no-repeat;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .arrow.type2 {
    background: url(../../images/temp105/common/air_arrow_type02.svg) 50% 70% / 20px no-repeat;
}

.page_mypage.reservaList .air_box .item .area01 .line2 .airTicket_num {
    margin-left: 18px;
    color: var(--primary);
    font-weight: 600;
    font-size: 20px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl {
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl:last-child {
    margin-bottom: 0;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dt {
    color: var(--black);
    font-weight: 600;
    width: 76px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dd {
    display: flex;
    justify-content: start;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dd .airline_name {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    color: var(--black);
    margin-right: 16px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dd .airline_name .symbol {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span {
    color: var(--black);
    letter-spacing: -0.2px;
    font-weight: 300;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span:last-child {
    position: relative;
    padding-left: 13px;
    margin-left: 6px;
}

.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span:last-child::before {
    display: block;
    content: '/';
    color: rgb(0 0 0 / 50%);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.page_mypage.reservaList .air_box .item .area02 {
    width: 14%;
    margin-left: 6%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page_mypage.reservaList .air_box .item .area02 button {
    margin-bottom: 6px;
}

.page_mypage.reservaList .air_box .item .area02 button:last-child {
    margin-bottom: 0;
}





/* myReview */

.page_mypage.myReview .tit {
    font-size: 34px;
    font-weight: 600;
    color: var(--black);
    text-align: center;
    margin-bottom: 20px;
}

.page_mypage.myReview .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.page_mypage.myReview .itemArea .item {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    margin: 15px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_mypage.myReview .itemArea .item:first-child {
    margin-top: 0;
}

.page_mypage.myReview .itemArea .item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.page_mypage.myReview .itemArea .item .item_img {
    width: 30%;
    height: 14.7vw;
    max-width: 212px;
    max-height: 212px;
}

.page_mypage.myReview .itemArea .item .item_info {
    width: 65%;
    margin-left: 5%;
    display: flex;
    flex-direction: column;
}

.page_mypage.myReview .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.page_mypage.myReview .itemArea .item .item_info p:first-child {
    font-size: 18px;
    font-weight: 300;
    color: var(--gray);
    line-height: 1.4;
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    margin-bottom: 6px;
}

.page_mypage.myReview .itemArea .item .item_info p:nth-child(2) {
    width: 100%;
    color: var(--black);
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
    letter-spacing: -0.4px;
}

.page_mypage.myReview .itemArea .item .item_info .price {
    margin-bottom: 24px;
    cursor: default;
}

.page_mypage.myReview .itemArea .item .item_info .price span:first-child {
    font-size: 18px;
    font-weight: 300;
}

.page_mypage.myReview .itemArea .item .item_info div {
    width: 100%;
    max-width: 500px;
    margin-top: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_mypage.myReview .itemArea .item .item_info div button.btn_complete {
    background: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
    border-radius: 3px;
}

.page_mypage.myReview .itemArea .item .item_info div button.btn_complete:hover {
    background: var(--black);
    border: 1px solid var(--black);
    color: var(--white);
}

.page_mypage.myReview .itemArea .item .item_info div button {
    margin-right: 6px;
    min-height: 40px;
    flex: 1;
    max-width: 200px;
}

.page_mypage .itemArea .item .item_img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    cursor: pointer;
}

.page_mypage .itemArea .item .item_img {
    border-radius: 10px;
    overflow: hidden;
    background: rgb(0 0 0 / 4%) url(../../images/common/no_image.svg) 50% 50% / 4vw no-repeat;
}

.page_mypage.myReview .itemArea .item .item_img {
    width: 30%;
    height: 14.7vw;
    max-width: 212px;
    max-height: 212px;
}

.page_mypage.myReview .itemArea .item .item_info .price {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.page_mypage.myReview .itemArea .item .item_info .price span:first-child {
    font-weight: 300;
    margin-right: 10px;
}

.page_mypage.myReview .itemArea .item .item_info .price span:last-child {
    font-weight: 500;
}

.page_mypage.myReviewWrite .cont {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 40px;
    border-top: 1px solid var(--black);
    padding-top: 10px;
}

.page_mypage.myReviewWrite .cont .area01 {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.page_mypage.myReviewWrite .cont .area01 dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    line-height: 50px;
}

.page_mypage.myReviewWrite .cont .area01 dl dt {
    width: 15%;
    max-width: 160px;
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px;
    min-width: 55px;
}

.page_mypage.myReviewWrite .cont .area01 dl dd {
    width: 85%;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    margin-right: 0;
}

.page_mypage.myReviewWrite .cont .area01 .tit {
    text-align: left;
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    margin-bottom: 0;
    cursor: pointer;
}

.page_mypage.myReviewWrite .cont .area01 .tit #tourName {
    border: 1px solid #e5e5e5;
    line-height: 46px;
    text-indent: 10px;
    width: calc(100% - 60px);
}

.page_mypage.myReviewWrite .cont .area01 .tit .search_icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url(../../images/temp106/common/search.svg) center no-repeat;
    background-size: 60%;
}


.page_mypage.myReviewWrite .cont .area01 .date {
    color: #9d9d9d;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.2px;
}

.page_mypage.myReviewWrite .cont .area01 .score {
    display: flex;
    justify-content: start;
    margin: 30px 0;
}

.page_mypage.myReviewWrite .cont .area01 .score span {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../images/temp105/common/star.svg) 0 50% / 30px no-repeat;
    margin-right: 10px;
    opacity: .2;
    cursor: pointer;
}

.page_mypage.myReviewWrite .cont .area01 .score span.on {
    opacity: 100%;
}

.page_mypage.myReviewWrite .cont .area01 .score span:last-child {
    margin-right: 0
}

.page_mypage.myReviewWrite .cont .area02 {
    display: flex;
    flex-direction: column;
}

.page_mypage.myReviewWrite .cont .area02 div:first-child {
    width: 100%;
    height: inherit;
    border: 1px solid #e5e5e5;
}

.page_mypage.myReviewWrite .cont .area02 div:first-child:hover {
    border: 1px solid var(--primary);
}

.page_mypage.myReviewWrite .cont .area02 textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 400px;
    font-size: 16px;
    padding: 30px;
    border: 0;
    box-sizing: border-box;
}

.page_mypage.myReviewWrite .cont .area02 ul {
    margin: 50px 0 60px;
}

.page_mypage.myReviewWrite .cont .area02 ul {
    display: flex;
    justify-content: center;
}

.page_mypage.myReviewWrite .cont .area02 ul li {
    border: 1px solid var(--black);
    width: 80px;
    height: 80px;
    margin-right: 10px;
    background: url(../../images/temp105/common/photo_default.svg) 50% 50% / 100% no-repeat;
    position: relative;
    cursor: pointer;
}

.page_mypage.myReviewWrite .cont .area02 ul li:last-child {
    margin-right: 0;
}

.page_mypage.myReviewWrite .cont .area02 .photo .bt_close {
    position: absolute;
    right: 3px;
    top: 3px;
    content: '';
    background-image: url(../../images/temp105/common/close.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-color: #fff;
    background-position: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.page_mypage .btn_black {
    cursor: pointer;
    width: 100%;
    background: var(--black);
    border-radius: 0;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.page_mypage.myReviewWrite .btn_type_basic {
    font-size: 16px;
}

.page_mypage.myReviewWrite .photo_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_mypage.myReviewWrite .photo_wrap .photo_btn {
    width: 140px;
    display: flex;
    align-items: center;
}

.page_mypage.myReviewWrite .photo_wrap .photo_btn:hover {
    background-color: #eee;
    color: #000;
}

.page_mypage.myReviewWrite .photo_wrap .photo_btn img {
    width: 18px;
    margin-right: 10px;
    margin-top: -3px;
}

.page_mypage.myReviewWrite .btn_double {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto 0;
}

.page_mypage.myReviewWrite .btn_double button:last-child {
    margin-left: 1%;
}


/* wishlist */
.page_mypage.wishlist {
    width: 100%;
    max-width: 1220px;
}

.page_mypage.wishlist .tab_area {
    margin-bottom: 20px;
}

.page_mypage.wishlist .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

.page_mypage.wishlist .itemArea .item {
    position: relative;
    width: calc((100% - 90px)/4);
    /*flex: 1; min-width: 282px;*/
    margin-left: 30px;
    margin-bottom: 70px;
    cursor: pointer;
}

.page_mypage.wishlist .itemArea .item:nth-child(4n-3) {
    margin-left: 0;
}

.page_mypage.wishlist .itemArea .item .item_img {
    width: 100%;
    height: 45vw;
    max-width: 282px;
    max-height: 282px;
    margin-bottom: 20px;
}

.page_mypage.wishlist .itemArea .item .item_info {
    width: 100%;
}

.page_mypage.wishlist .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.page_mypage.wishlist .itemArea .item .item_info .badge_area {
    margin-bottom: 10px;
}

.page_mypage.wishlist .itemArea .item .item_info .tit {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    max-height: 40px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.page_mypage.wishlist .itemArea .item .item_info .sti {
    font-size: 13px;
    font-weight: 300;
    color: #666;
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    cursor: pointer;
    margin: 10px 0;
    font-weight: 500;
}

.page_mypage.wishlist .itemArea .item .item_info .price {
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.page_mypage.wishlist .itemArea .item .item_info .price span {
    font-size: 16px;
    margin-left: 2px;
}

/* coupon */
.page_mypage.p_coupon {
    width: 100%;
    max-width: 1220px;
    min-height: 300px;
}

.page_mypage.p_coupon .box {
    border-bottom: 8px solid rgb(0 0 0 / 4%);
}

.page_mypage.p_coupon .box:last-child {
    border-bottom: 0
}

.page_mypage.p_coupon .area01 {
    width: 60%;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
}

.page_mypage.p_coupon .area01 .inp_base {
    width: 87%;
    margin-right: 1%;
}

.page_mypage.p_coupon .area01 .btn_coupon {
    width: 12%;
    height: 50px;
    float: right;
    background: #1758d1;
    color: var(--white-color);
    border-radius: 2px;
}

.page_mypage.p_coupon .area02 .tt {
    margin-bottom: 20px;
}

.page_mypage.p_coupon .area02 .tt span {
    color: #1758d1;
}

.page_mypage.p_coupon .area02 ul {
    max-width: 1220px;
    display: flex;
    justify-content: space-between;
}

.page_mypage.p_coupon .area02 ul li {
    width: calc((100% - 30px) /2);
    margin-right: 0;
    border-bottom: 2px solid var(--black);
    color: var(--black);
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.page_mypage.p_coupon .area02 ul li:last-child {
    margin-right: 0
}

.page_mypage.p_coupon .area02 ul li.selected {
    border-color: rgb(0 61 166 / 100%);
    color: rgb(0 61 166 / 100%);
}

.page_mypage.p_coupon .area02 .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.page_mypage.p_coupon .area02 .list div {
    width: calc((100% - 2%) / 2);
    margin-right: 2%;
    margin-bottom: 16px;
}

.page_mypage.p_coupon .area02 .list div:last-child {
    margin-bottom: 0;
}

.page_mypage.p_coupon .area02 .list div:nth-of-type(even) {
    margin-right: 0;
}

/*사용가능*/
.page_mypage.p_coupon .available_cp {
    max-height: 140px;
    border-radius: 20px;
    background: rgba(109, 162, 241, 0.09);
    padding: 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.page_mypage.p_coupon .available_cp .ico {
    background: url(../../images/temp105/common/download_white.svg) 50% 50% / 24px no-repeat;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background-color: #5178e2;
    border-radius: 100%;
}

.page_mypage.p_coupon .available_cp .tit {
    width: 96%;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    max-height: 50px;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    box-sizing: border-box;
    padding-right: 20px;
}

.page_mypage.p_coupon .available_cp .discount {
    font-size: 24px;
    font-weight: 600;
    color: #1758d1;
    letter-spacing: -0.8px;
    margin-bottom: 10px;
}

.page_mypage.p_coupon .available_cp p,
.page_mypage.p_coupon .n_available_cp p {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.page_mypage.p_coupon .available_cp .available {
    color: #1758d1;
    margin-left: 10px;
}

/*사용불가능*/
.page_mypage.p_coupon .n_available_cp {
    max-height: 140px;
    border-radius: 20px;
    background: rgb(0 0 0 / 8%);
    padding: 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    opacity: .7;
    box-sizing: border-box;
}

.page_mypage.p_coupon .n_available_cp .ico {
    background: url(../../images/temp105/common/download_check.svg) 50% 50% / 24px no-repeat;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background-color: #c5c5c5;
    border-radius: 100%;
    opacity: .6;
}

.page_mypage.p_coupon .n_available_cp .tit {
    width: 96%;
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    max-height: 50px;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    box-sizing: border-box;
    padding-right: 20px;
}

.page_mypage.p_coupon .n_available_cp .discount {
    font-size: 24px;
    font-weight: 600;
    color: #555;
    letter-spacing: -0.8px;
    margin-bottom: 10px;
}

.page_mypage.p_coupon .n_available_cp p {
    display: flex;
    align-items: center;
}

.page_mypage.p_coupon .n_available_cp .available {
    color: var(--gray);
    margin-left: 10px;
}

/*견적받기*/
.page_mypage.estimate {
    width: 100%;
}

.page_mypage.estimate .theme {
    margin-top: 0;
}

.page_mypage.estimate .tit p {
    font-size: 16px;
    line-height: 22px;
}

.page_mypage.estimate p {
    font-size: 14px;
    line-height: 22px;
}

.page_mypage.estimate form {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid var(--black);
    padding-top: 16px;
}

.page_mypage.estimate form dl {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.page_mypage.estimate form dl dt {
    width: 16%;
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    padding-left: 40px;
}

.page_mypage.estimate form dl dt span {
    position: relative;
}

.page_mypage.estimate form dl dt span::before {
    position: absolute;
    top: 3px;
    right: -12px;
    display: block;
    content: '*';
    color: var(--red);
}

.page_mypage.estimate form dl dd {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.page_mypage.estimate form dl dd>* {
    flex: 1;
    margin-right: 10px;
}

.page_mypage.estimate form dl dd span {
    font-size: 16px;
}

.page_mypage.estimate form dl dd .sel_base {
    width: 100%;
    display: flex;
    align-items: center;
}

.page_mypage.estimate form dl dd.calendar {
    position: relative;
}

.page_mypage.estimate form dl dd svg {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    cursor: pointer;
}

/* -------------------
        매거진
---------------------- */

.mzList {
    max-width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /*margin-bottom: 120px;*/
}

.mzList .inp_sel {
    width: 20%;
    margin: 0 auto;
}

.mzList .itemArea {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(20%, auto));
    margin-top: 20px;
}

.mzList .itemArea .item {
    position: relative;
    flex: 1;
    height: 21vw;
    max-height: 404px;
    max-width: 290px;
    border-radius: 10px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.mzList .itemArea .item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .4);
    pointer-events: none;
}

.mzList .itemArea .item:first-child {
    margin-left: 0;
}

.mzList .itemArea .item ul {
    width: 100%;
    position: absolute;
    bottom: 42px;
    color: var(--white);
    padding: 0 32px;
    z-index: 2;
    box-sizing: border-box;
}

.page_mz.mzList .select_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_mz.mzList .select_box .nice-select {
    max-width: 300px;
}

.mzList .itemArea .item .vol {
    font-family: 'BMDOHYEON';
    font-size: 26px;
    margin-bottom: 10px;
}

.mzList .itemArea .item .ti span {
    display: block;
}

.mzList .itemArea .item .ti span:first-child {
    font-size: 20px;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
}

.mzList .itemArea .item .ti span:last-child {
    font-size: 24px;
    font-weight: 600;
    max-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
}

.mzView {
    margin-bottom: 0;
}

.mzView .cont {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 40px;
}

.mzView .cont .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding-bottom: 16px;
}

.mzView .cont .area01 .tit {
    text-align: left;
    width: 80%;
    color: var(--black);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    margin-bottom: 0;
}

.mzView .cont .area01 .date {
    color: #9d9d9d;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.mzView .cont .area02 {
    padding: 20px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.mzView .cont .area02 strong {
    color: var(--black);
}

.mzView .cont .area02 p {
    line-height: 22px;
    color: var(--gray);
    font-size: 16px;
    text-align: left;
    white-space: pre-line;
}

.mzView .cont .area02 p.ti {
    text-align: center;
    margin: 20px 0;
    color: rgb(0 0 0 / 80%);
    font-size: 16px;
    font-weight: 600;
}

.mzView .cont .area02 p img {
    display: block;
    margin: 0 auto 30px;
    max-width: 1220px;
}

.mzView .cont .area02 p.img_name {
    text-align: center;
    margin: 10px 0 20px;
    color: rgb(0 0 0 / 80%);
    font-size: 13px;
}

.mzView .cont .area02 p b {
    color: rgb(0 0 0 / 80%)
}

.mzView .cont .btn_single {
    margin: 30px auto 0;
}

.mzView .relat_prod {
    margin-bottom: 0;
}

/* -----------------------------
              골프
--------------------------------- */

.golf_calendar {
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 30px 0 10px;
    box-sizing: border-box;
}

.golf_calendar .tab_calendar {
    width: 100%;
    margin-bottom: 14px;
}

.golf_calendar .tab_calendar .swiper .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}

.golf_calendar .tab_calendar .swiper .swiper-wrapper div {
    flex-grow: 1;
    text-align: center;
}

.golf_calendar .tab_calendar .swiper .swiper-wrapper div:last-child {
    margin-right: 0
}

.golf_calendar .tab_calendar .swiper .swiper-wrapper .txt {
    width: 100%;
    border-bottom: 2px solid #e5e5e5;
    display: inline-block;
    color: var(--gray);
    text-align: center;
    padding-bottom: 1rem;
    font-size: 1.8rem;
    letter-spacing: -0.4px;
}

.golf_calendar .tab_calendar .swiper .on .txt {
    border-bottom: 2px solid var(--black);
    color: var(--black);
    font-weight: 600;
}

.golf_calendar .cal_wrap {
    width: 100%;
    margin: 0 auto 30px;
    display: flex;
    position: relative;
}

.golf_calendar .cal_wrap::after {
    display: block;
    content: "";
    clear: both;
}

.golf_calendar .cal_wrap .arrow_left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: url(../../images/temp105/common/arrow_left_black.svg);
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.golf_calendar .cal_wrap .arrow_right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: url(../../images/temp105/common/arrow_right.svg);
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.golf_calendar .cal_wrap .arrow_left:hover {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: url(../../images/temp105/common/arrow_left_black.svg);
    width: 40px;
    height: 40px;
    background: rgb(0 0 0 / 10%);
    border-radius: 100%;
    cursor: pointer;
}

.golf_calendar .cal_wrap .arrow_right:hover {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: url(../../images/temp105/common/arrow_right.svg);
    width: 40px;
    height: 40px;
    background: rgb(0 0 0 / 10%);
    border-radius: 100%;
    cursor: pointer;
}

.golf_calendar .cal_wrap .cal_date_box {
    width: 90%;
    margin: 0 auto;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.golf_calendar .cal_wrap .cal_date_box .clickable {
    width: calc(100% / 9 - 10px);
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.golf_calendar .cal_wrap .cal_date_box .clickable span {
    display: block;
    text-align: center;
}

.golf_calendar .cal_wrap .cal_date_box .clickable .days {
    color: rgb(0 0 0 / 80%);
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
}

.golf_calendar .cal_wrap .cal_date_box .clickable .date {
    color: var(--black);
    padding-top: 6px;
    font-size: 1.6rem;
}

.golf_calendar .cal_wrap .cal_date_box .clickable .leftover {
    padding-top: 4px;
    color: var(--primary);
    font-size: 1.3rem;
}

.golf_calendar .sunday {
    color: #e32c42;
}

.golf_calendar .sunday span {
    color: #e32c42;
}

.golf_calendar .cal_wrap .cal_date_box .date_box {
    border-radius: 7px;
    padding: 6px 10px;
    border: 2px solid rgb(241 134 47 / 0);
}

.golf_calendar .cal_wrap .cal_date_box .date_box:hover {
    background: rgb(148 129 255 / 10%);
    border: 2px solid rgb(241 134 47 / 0);
}

.golf_calendar .cal_wrap .cal_date_box .date_box.on {
    border: 2px solid var(--primary);
}

.golf_calendar .cal_date_box::-webkit-scrollbar {
    display: none;
}

.golf_step {
    margin: 0 auto 40px;
    padding: 24px 30px 20px;
    border-radius: 10px;
    background: rgb(0 0 0 / 3%);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.golf_step::after {
    display: block;
    content: "";
    clear: both;
}

.golf_step p:first-child {
    width: 27%;
    font-size: 15px;
    color: var(--black);
    text-align: center;
}

.golf_step p:first-child span {
    color: #08a300;
    font-weight: 500;
}

.golf_step .inner {
    width: 65%;
    margin-left: 8%;
    display: flex;
    flex-direction: row;
}

.golf_step .inner div {
    display: flex;
    flex-direction: column;
    padding-left: 50px;
}

.golf_step .inner div span {
    color: #08a300;
    font-size: 14px;
}

.golf_step .inner div>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--black);
    white-space: nowrap;
}

.golf_step .inner div:first-child {
    background: url(../../images/temp105/icon/icon_step1.png) 0 50% / 36px no-repeat;
    width: 26%;
}

.golf_step .inner div:nth-child(2) {
    background: url(../../images/temp105/icon/icon_step2.png) 0 50% / 36px no-repeat;
    width: 30%;
}

.golf_step .inner div:nth-child(3) {
    background: url(../../images/temp105/icon/icon_step3.png) 0 50% / 36px no-repeat;
    width: 26%;
}

.golf_step .inner div:last-child {
    background: url(../../images/temp105/icon/icon_step4.png) 0 50% / 36px no-repeat;
    width: 18%;
}

/* golf_filter */
.golf_filter {
    margin: 0 auto 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.golf_filter .fil_tab {
    width: 30%;
    margin-right: 2%;
    display: flex;
    justify-content: space-between;
}

.golf_filter .fil_tab button {
    flex: 1;
    height: 36px;
    font-size: 14px;
    justify-content: center;
    border: 1px solid rgb(0 0 0 / 10%);
    z-index: 0;
    background: var(--white);
    outline: none;
}

.golf_filter .fil_tab button.on {
    border: 1px solid var(--black);
    z-index: 1;
    transition: border .5s ease-in-out;
}

.golf_filter .fil_tab button+button {
    margin-left: -1px;
}

.golf_filter .fil_list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 36px;
    overflow: hidden;
    overflow-x: auto;
}

.golf_filter .fil_list::-webkit-scrollbar {
    display: none;
}

.golf_filter .fil_list span {
    position: relative;
    padding: 0 16px;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}


.golf_filter .fil_list span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    content: '';
    background: rgba(0 0 0 / 10%);
}

.golf_filter .fil_list span:first-child::before {
    display: none;
}

.golf_filter .fil_list span:hover {
    color: var(--black);
    font-weight: 500;
}

.golf_filter .fil_list span.on {
    color: var(--primary);
    font-weight: 500;
}

.list_sy_1 {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.9rem;
}

.list_sy_1 .item {
    position: relative;
    margin-bottom: 70px;
}

.list_sy_1 .item .item_img {
    width: 100%;
    height: 13vw;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.list_sy_1 .item .item_img:hover {
    border: 2px solid var(--black);
    border-radius: 12px;
    box-shadow: 7px 2px 13px 0px rgb(0 0 0 / 26%);
}

.list_sy_1 .item .item_img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.list_sy_1 .item .item_info {
    width: 100%;
}

.list_sy_1 .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.list_sy_1 .item .item_info .it {
    margin-bottom: 7px;
}

.list_sy_1 .item .item_info .it:last-child {
    margin-bottom: 0;
}

.list_sy_1 .item .item_info .it_date {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 7px;
}

.list_sy_1 .item .item_info .it_date span {
    font-size: 1.5rem;
    letter-spacing: -0.4px;
}

.list_sy_1 .item .item_info .it_date span:first-child {
    color: var(--black);
}

.list_sy_1 .item .item_info .it_date span:last-child {
    position: relative;
    margin-left: 6px;
    padding-left: 16px;
    color: var(--primary);
}

.list_sy_1 .item .item_info .it_date span:last-child::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '・';
    display: block;
    color: var(--gray)
}

.list_sy_1 .item .item_info .it_tit {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    min-height: auto;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.list_sy_1 .item .item_info .it_time,
.list_sy_1 .item .item_info .it_include {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

.list_sy_1 .item .item_info .it_time span:first-child,
.list_sy_1 .item .item_info .it_include span:first-child {
    width: 15%;
    font-size: 15px;
    font-weight: 400;
    color: var(--black);
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
}

.list_sy_1 .item .item_info .it_time span:last-child,
.list_sy_1 .item .item_info .it_include span:last-child {
    width: 85%;
    font-size: 15px;
    color: var(--gray);
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
}


.list_sy_1 .item .area02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.list_sy_1 .item .area02.price_wrap {
    justify-content: flex-end;
    align-items: center;
}

.list_sy_1 .item .area02.price_wrap .info {
    color: var(--primary);
    margin-bottom: 0.5rem;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 10px;
}

.list_sy_1 .item .area02.price_wrap .price {
    display: flex;
    align-items: center;
}

.list_sy_1 .item .area02.price_wrap .price .num {
    font-size: 20px;
    font-weight: 700;
}

.list_sy_1 .item .area02 .price {
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    cursor: pointer;
}

.list_sy_1 .item .area02 .price span {
    font-size: 16px;
    margin-left: 2px;
}

.list_sy_1 .item .area02 .li_btn {
    width: 140px;
    min-height: 40px;
}

.list_sy_1 .item .area02.price_only {
    justify-content: flex-end;
}


/* -----------------------------
            골프예약
--------------------------------- */

.p_glof_reserve {
    padding-bottom: 8rem;
}

.reserve_wrap {
    margin: 0 auto;
    background: var(--white);
    padding: 60px;
    box-sizing: border-box;
}

.reserve_wrap .rew_item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 50px;
}

.reserve_wrap .rew_item .item_img {
    width: 50%;
    max-width: 202px;
    height: 202px;
    margin-bottom: 0;
}

.reserve_wrap .rew_item .item_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
}

.reserve_wrap .rew_item .item_info {
    width: 50%;
    margin-left: 40px;
}

.reserve_wrap .rew_item .item_info .it_code {
    margin-bottom: 30px;
}

.reserve_wrap .rew_item .item_info .it_code .tit {
    color: var(--black);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.reserve_wrap .rew_item .item_info .it_code .txt {
    color: var(--black);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.6px;
    line-height: 26px;
}

.reserve_wrap .rew_item .item_info .it_tit,
.reserve_wrap .rew_item .item_info .it_date {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.4px;
    color: var(--black);
    margin-bottom: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.reserve_wrap .rew_item .item_info .it_date {
    color: var(--gray);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.reserve_wrap .rew_tit {
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.6px;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    box-sizing: border-box;
    line-height: 1.5;
}

.reserve_wrap .rew_tit .tit {
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.6px;
    box-sizing: border-box;
    line-height: 1.5;
}

.reserve_wrap .rew_tit,
.reserve_wrap .rew_tit .check_all {
    display: flex;
    align-items: center;
}

.reserve_wrap .rew_tit.st_2 {
    display: flex;
}

.reserve_wrap .rew_option .cont {
    margin-top: 1.6rem;
}

.reserve_wrap .rew_option .con_op {
    margin-bottom: 16px;
}

.reserve_wrap .rew_option .con_op:last-child {
    margin-bottom: 0;
}

.reserve_wrap .rew_option .con_op .label .info {
    color: var(--black);
    font-size: 1.6rem;
}

.reserve_wrap .rew {
    margin-bottom: 70px;
}

.reserve_wrap .rew:last-child {
    margin-bottom: 0;
}

.reserve_wrap .rew h3 {
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: -0.6px;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.reserve_wrap .rew_info .co_box {
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.reserve_wrap .rew_info .co_box,
.reserve_wrap .rew_noti .co_list {
    padding: 1.6rem 4rem;
    /* padding-left: 4rem;
    padding-right: 4rem; */
}

.reserve_wrap .rew_info .co_box .txt .tx_box {
    margin-right: 1rem;
    width: calc(100% / 3);
}

.reserve_wrap .rew_info .co_box .txt .tx_box:last-child {
    margin-right: 0;
}


.reserve_wrap .rew_info .co_box .tit {
    width: 150px;
    font-size: 1.6rem;
    color: var(--black);
}

.reserve_wrap .rew_info .co_box .need {
    position: relative;
}

.reserve_wrap .rew_info .co_box .need::before {
    position: absolute;
    top: 3px;
    right: -12px;
    display: block;
    content: '*';
    color: var(--red);
}

.reserve_wrap .rew_info .co_box .txt {
    display: flex;
    align-items: center;
    justify-content: start;
    flex: 1;
}

.reserve_wrap .rerew_infow .co_box .txt span {
    font-size: 16px;
}

.reserve_wrap .rew_info .co_box .txt .sel_base {
    width: 100%;
    display: flex;
    align-items: center;
}

.reserve_wrap .rew_info .co_box .txt.phone>* {
    margin-right: 10px;
}

.reserve_wrap .rew_info .cb_email .txt {
    display: flex;
    flex-direction: row;
}

.reserve_wrap .rew_info .cb_email .txt .inp_email {
    width: 65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
}

.reserve_wrap .rew_info .cb_email .txt .inp_email .at {
    color: var(--gray);
    margin: 0 10px;
}

.reserve_wrap .rew_info .cb_email .txt .inp_sel {
    flex: 1;
}

.reserve_wrap .rew_noti .co_list {
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.reserve_wrap .rew_noti .co_list .txt {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.p_golf_kor .reserve_wrap .rew_noti .co_list .txt {
    color: #c1c1c1
}


.reserve_wrap .rew_noti .co_list .txt p {
    width: 100%;
    line-height: 1.4;
    text-align: left;
    margin-right: 0;
    position: relative;
    padding-left: 12px;
}

.reserve_wrap .rew_noti .co_list .txt p::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '-';
}

.reserve_wrap .rew_noti .co_list .tit {
    width: 180px;
}

.reserve_wrap .rew_payment .co_box .cb {
    text-align: right;
}

.reserve_wrap .rew_payment .cb_people {
    padding: 1.6rem 0;
    box-sizing: border-box;
}

.reserve_wrap .rew_payment .cb_people .cb {
    text-align: right;
    font-size: 15px;
    color: var(--black);
    line-height: 26px;
}

.reserve_wrap .rew_payment .cont .red {
    color: var(--red);
    margin-left: 20px;
    font-weight: 600;
}

.reserve_wrap .rew_payment .cont .cb_total {
    border-top: 1px solid var(--black);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.reserve_wrap .rew_payment .cont .cb_total .tit {
    font-size: 22px;
    font-weight: 600;
    color: var(--black);
    letter-spacing: -0.6px;
    margin-bottom: 2rem;
}

.reserve_wrap .rew_payment .cont .cb_total .info {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.4;
}

.reserve_wrap .rew_terms .rew_tit .check_all {
    font-size: 1.8rem;
    margin-left: 1.5rem;
}

.reserve_wrap .rew_terms .cont {
    box-sizing: border-box;
    padding: 1.6rem 0;
}


.reserve_wrap .rew_terms .cont .co_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.reserve_wrap .rew_terms .cont .co_box .label {
    font-size: 16px;
    color: var(--black);
}

.reserve_wrap .rew_terms .cont .co_box .label span {
    color: var(--red);
    margin-left: 6px;
}

.reserve_wrap .rew_terms .bt_detail {
    color: var(--black);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.reserve_wrap .rew_terms .bt_detail .tit {
    margin-right: 10px;
    font-size: 1.4rem;
}

.reserve_wrap .btn_double {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.reserve_wrap .btn_double button {
    max-width: 300px;
    margin-right: 15px;
}

.reserve_wrap .btn_double button:last-child {
    margin-right: 0;
}


/* -----------------------------
        golf_realView
--------------------------------- */

.p_glof_real .golf_photo {
    display: flex;
    flex-direction: column;
    position: relative;
}

.p_glof_real .golf_photo .bt_photo {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    border: 1px solid var(--black);
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    z-index: 2;
}

.p_glof_real .golf_photo .bt_photo svg {
    fill: var(--black);
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.p_glof_real .golf_photo .bt_photo .txt {
    font-size: 15px;
}

.p_glof_real .golf_photo .bt_photo:hover {
    border: 1px solid var(--black);
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(8px);
}

.p_glof_real .golf_photo .bt_photo:hover svg {
    fill: var(--white);
    font-weight: 300;
}

.p_glof_real .golf_photo .item_img .bt_photo:hover .txt {
    color: var(--white);
    font-size: 15px;
}

.p_glof_real .golf_photo .item_img {
    height: 566px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.p_glof_real .golf_photo .item_img .area01 {
    width: 100%;
    height: 100%;
}

.p_glof_real .golf_photo .item_img .area01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p_glof_real .golf_photo .item_img .area02 {
    width: 40%;
    height: 100%;
    margin-left: 10px;
    display: flex;
    justify-content: flex-end;
}

.p_glof_real .golf_photo .item_img .area02 ul {
    width: 49%;
    display: flex;
    flex-direction: column;
}

.p_glof_real .golf_photo .item_img .area02 ul:last-child {
    margin-left: 10px
}

.p_glof_real .golf_photo .item_img .area02 ul li {
    width: 100%;
    height: 50%;
}

.p_glof_real .golf_photo .item_img .area02 ul li:last-child {
    margin-top: 10px;
}

.p_glof_real .golf_photo .item_img .area02 ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bt_circle {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    border: 1px solid var(--black);
    background: var(--white);
    border-radius: 2px;
    text-align: center;
}

.bt_circle:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
}

.p_golf .golf_time {
    display: flex;
    flex-direction: column;
}

.p_golf .golf_time .item_info {
    margin-bottom: 40px;
}

.p_golf .golf_time .item_info .it_name {
    display: flex;
    flex-flow: row wrap;
    margin: 4rem 0 2rem;
}

.p_golf .golf_time .item_info .it_name span {
    margin-right: 20px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.4px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.p_golf .golf_time .item_info .it_name a {
    min-height: 32px;
    width: 130px;
    height: 32px;
    border-radius: 30px;
}

.p_golf .golf_time .item_info .address {
    font-size: 15px;
    font-weight: 300;
    color: var(--gray);
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.p_golf .golf_time .item_info .location {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 14px;
    font-size: 18px;
    font-weight: 300;
}

.p_golf .golf_time .item_info .location svg {
    width: 22px;
    height: 22px;
    fill: var(--black);
    margin-right: 2px;
}

.p_golf .golf_time .item_info .location span {
    color: var(--black);
}

.p_golf .golf_time .item_info .location .country {
    color: var(--lightgray);
    position: relative;
    padding-left: 7px;
    margin-left: 6px;
}

.p_golf .golf_time .item_info .location .country::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgb(0 0 0 / 14%);
}

.p_golf .golf_time .item_info .price {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -0.6px;
    display: flex;
    justify-content: end;
    align-items: baseline;
    margin-top: 16px;
}

.p_golf .golf_time .item_info .price span {
    font-size: 18px;
    margin-left: 6px;
}

/*time_card */
.p_golf .golf_time .time_card {
    margin-bottom: 8rem;
}

.p_golf .golf_time .time_card .tca {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgb(0 0 0 / 3%);
    padding: 16px;
    cursor: pointer;
}

.p_golf .golf_time .time_card .tca:hover {
    background: var(--white);
    border: 1px solid var(--primary);
    box-shadow: 1px 4px 6.3px -3px rgb(0 0 0 / 22%);
}

.p_golf .golf_time .time_card .tca.selected {
    background: var(--white);
    border: 1px solid var(--primary);
    box-shadow: 1px 4px 6.3px -3px rgb(0 0 0 / 22%);
}

.p_golf .golf_time .time_card .tca p {
    line-height: 20px;
}

.p_golf .golf_time .time_card .tca p:first-child {
    color: var(--black);
    font-weight: 500;
}

.p_golf .golf_time .time_card .tca p:nth-child(2) {
    color: rgb(0 0 0 / 70%);
    font-size: 13px;
    padding-top: 4px;
}

.p_golf .golf_time .time_card .tca p:last-child {
    color: #de6154;
    font-size: 12px;
}


/* -----------------------------
            해외골프
--------------------------------- */

.p_golf_tour .page_tab {
    margin-bottom: 50px;
}

.list_sy_1 .it_location {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 14px;
    font-size: 15px;
    font-weight: 300;
}

.list_sy_1 .it_location svg {
    width: 18px;
    height: 18px;
    fill: var(--black);
    margin-right: 2px;
}

.list_sy_1 .it_tag {
    font-size: 14px;
    color: var(--gray);
}

.p_golf_tour .layout_img .item_img {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.p_golf_tour .layout_img .item_img .swiper-container {
    height: inherit;
}

.p_golf_tour .layout_img .item_img .swi_btn_wrap {
    position: absolute;
    right: 43px;
    bottom: 23px;
    height: 0;
    width: 0;
}

.p_golf_tour .layout_img .swi_btn_wrap .swi_page {
    position: absolute;
    bottom: 4%;
    right: 3%;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 11px;
    padding: 3px 8px 3px 10px;
    background: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 2;
}

.p_golf_tour .layout_img .swi_page .swiper-pagination-current {
    color: var(--white);
}

.p_golf_tour .layout_img .swiper {
    width: inherit;
    height: inherit;
}

.p_golf_tour .layout_img .swiper-slide img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.p_golf .go_border {
    width: 100%;
    content: '';
    height: 8px;
    background: rgb(0 0 0 / 4%);
}

.p_golf .golf_pick {
    margin: 40px auto;
    box-sizing: border-box;
}


.p_golf .golf_pick .cont {
    width: 94%;
    box-sizing: border-box;
    margin: 0 auto;
}


.p_golf .datepicker {
    width: 100%;
    margin: 0 auto 50px;
}

.p_golf .datepicker h4 {
    margin-bottom: 16px;
    cursor: default;
}

.p_golf .datepicker .datepicker_wrap {
    margin: 0 auto;
    position: relative;
}

.p_golf .datepicker .datepicker_controls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 32px;
}

.p_golf .datepicker .datepicker_list .datepicker_item:first-child {
    margin-right: 20px;
}

.p_golf .datepicker .datepicker_controls .datepicker_prev {
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
    border: 1px solid rgb(0 0 0 / 14%);
    background: transparent;
    border-radius: 100%;
}

.p_golf .datepicker .datepicker_controls .datepicker_prev::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 48%;
    width: 8px;
    height: 8px;
    border-top: solid 1px var(--black);
    border-left: solid 1px var(--black);
    transform: rotate(-45deg)translateY(-50%);
}

.p_golf .datepicker .datepicker_controls .datepicker_next {
    position: absolute;
    right: 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
    border: 1px solid rgb(0 0 0 / 14%);
    background: transparent;
    border-radius: 100%;
}

.p_golf .datepicker .datepicker_controls .datepicker_next::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 46%;
    width: 8px;
    height: 8px;
    border-top: solid 1px var(--black);
    border-right: solid 1px var(--black);
    transform: rotate(45deg)translateY(-50%);
}

.p_golf .datepicker .datepicker_list {
    width: 94%;
    margin: 34px auto 36px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.p_golf .datepicker .datepicker_list .datepicker_item {
    width: calc(100% / 2 - 20px);
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_year {
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: var(--black);
    letter-spacing: -0.4px;
    text-align: center;
    margin-bottom: 10px;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr {
    height: 58px;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr th {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td {
    text-align: center;
    padding: 0.5rem 0;
    font-size: 14px;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected {
    opacity: .2;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.redday span.date {
    color: #fe5d41
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date {
    font-weight: 600;
    color: var(--black);
    height: 28px;
    width: 28px;
    line-height: 26px;
    border: 1px solid transparent;
    border-radius: 100%;
    margin-bottom: 2px;
    cursor: pointer;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date:hover {
    border: 1px solid var(--primary);
    border-radius: 100%;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date.selected {
    color: var(--white);
    border: 1px solid var(--primary);
    background: var(--primary);
    border-radius: 100%;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date.today {
    border: 1px solid rgb(0 0 0 / 30%);
    border-radius: 100%;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.price {
    color: rgb(0 0 0 / 46%);
    font-size: 11px;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected span.date {
    cursor: default;
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected span.date:hover {
    cursor: default;
    border: 1px solid transparent
}

.p_golf .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected span.price {
    height: 13px;
}

.p_golf .datepicker .nday {
    border-top: 1px solid rgb(0 0 0 / 10%);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 22px;
}

.p_golf .datepicker .nday span {
    position: relative;
    color: #fe5d56;
    font-size: 13px;
    padding-left: 16px;
    margin-bottom: 8px;
}

.p_golf .datepicker .nday span:first-child {
    padding-left: 0;
}

.p_golf .datepicker .nday span:first-child::before {
    display: none;
}

.p_golf .datepicker .nday span::before {
    content: '·';
    font-weight: 600;
    float: left;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 6px;
}

.p_golf .produ_bg {
    background: #f9f9f9;
    padding: 30px 0;
}

.p_golf .produ {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.p_golf .produ h4 {
    margin-bottom: 16px;
    cursor: default;
}

.p_golf .pick_tit {
    margin: 0 auto 16px;
    font-size: 22px;
    font-weight: 500;
}

.p_golf .produ ul {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.p_golf .produ ul:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.p_golf .produ .pick_subtit {
    width: 100%;
    margin: 0 auto 10px;
    font-size: 16px;
    font-weight: 500;
    opacity: .6;
}

.p_golf .produ .box_wrap:last-child {
    display: flex;
    flex-direction: column;
}

.p_golf .produ .box_wrap .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e5e5e5;
    background: var(--white);
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 1px 2px 4px -3px rgb(0 0 0 / 20%);
    box-sizing: border-box;
}

.p_golf .produ .box_wrap .item {
    margin-bottom: 16px;
}

.p_golf .produ .box_wrap .item:last-child {
    margin-bottom: 0;
}


.p_golf .produ .box_wrap .item .it {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.p_golf .produ .box_wrap .item .it_info {
    width: 60%;
}

.p_golf .produ .box_wrap .item .it_info .iti_1 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
}

.p_golf .produ .box_wrap .item .it_info .iti_2 {
    color: var(--primary);
    font-size: 16px;
    margin-bottom: 10px;
}

.p_golf .produ .box_wrap .item .it_info .iti_2 span {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4;
    color: #8b8b8b;
}

.p_golf .produ .box_wrap .item .it_price {
    width: 40%;
    display: flex;
    align-items: end;
}

.p_golf .produ .box_wrap .item .it_price .price {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.4px;
    display: flex;
    align-items: baseline;
}

.p_golf .produ .box_wrap .item .it_price .price span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
}

.p_golf .produ .box_wrap .item .btn_select {
    background: var(--primary);
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    color: var(--white);
    cursor: pointer;
    margin-top: 10px;
    width: auto;
    min-width: 150px;
}

.p_golf .produ .box_wrap .item .btn_select.selected {
    border: 1px solid var(--primary);
    background: var(--primary);
    padding: 10px 38px;
    font-size: 13px;
    color: var(--white);
    border-radius: 2px;
}

.p_golf .produ .item {
    width: 94%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 16px 20px;
    margin-bottom: 16px;
}

.p_golf .produ .item div {
    margin-bottom: 0;
}

.p_golf .produ .item div:first-child {
    width: 60%;
}

.p_golf .produ .item div:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.p_golf .produ .item div:last-child .price {
    margin-right: 20px;
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.2px;
}

.p_golf .produ .item .ti {
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*margin-bottom: 6px;*/
}

.p_golf .produ .item p {
    color: rgb(0 0 0 / 60%);
    font-size: 14px;
    line-height: 18px;
}

.p_golf .produ .item .btn_select {
    border: 1px solid #cccccc;
    padding: 10px 38px;
    font-size: 13px;
    border-radius: 2px;
    color: var(--black);
    cursor: pointer;
}

.p_golf .produ .item .btn_select:hover {
    border: 1px solid var(--primary);
    background: var(--primary);
    /*padding: 10px 38px;*/
    color: #fff;
    border-radius: 2px;
}

.p_golf .produ .item .btn_select.selected {
    border: 1px solid var(--primary);
    background: var(--primary);
    padding: 10px 38px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
}


.p_golf .produ_time {
    border-top: 10px solid var(--white);
}

.p_golf .produ_time p:first-child {
    width: 94%;
    margin: 0 auto;
    color: var(--black);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.p_golf .produ_time p:first-child span {
    color: var(--primary)
}

.p_golf .produ_time p:nth-child(2) {
    width: 94%;
    margin: 0 auto;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px;
}

.p_golf .produ_time ul {
    margin-top: 36px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    box-sizing: border-box;
}

.p_golf .produ_time ul li {
    max-width: 122px;
    height: 152px;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 2px 4px -3px rgb(0 0 0 / 20%);
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.p_golf .produ_time ul li:first-child {
    margin-left: 0;
}

.p_golf .produ_time ul li span {
    text-align: center;
    color: var(--black);
    line-height: 1.6;
}

.p_golf .produ_time ul li span:first-child {
    font-weight: 700;
}

.p_golf .produ_time ul li span:last-child {
    font-weight: 700;
}

.p_golf .produ_time ul li:hover {
    border: 2px solid var(--primary);
}

.p_golf .produ_time ul li.selected {
    border: 2px solid var(--primary);
    padding: 0 19px;
}

.p_golf .produ_time ul li.selected span {
    color: var(--primary);
}

.p_golf .produ_time .option {
    margin: 30px auto 0;
    background: var(--white);
    border: 1px solid #e5e5e5;
    box-shadow: 1px 2px 4px -3px rgb(0 0 0 / 20%);
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p_golf .produ_time .option .tit {
    font-size: 16px;
    font-weight: 600;
}

.p_golf .totalPrice {
    margin: 30px auto;
    display: flex;
    flex-direction: column;
}

.p_golf .totalPrice h3 {
    width: 100%;
    margin-bottom: 20px;
}

.p_golf .totalPrice ul {
    display: flex;
    flex-direction: column;
}

.p_golf .totalPrice .tp_list .tpl {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed rgb(0 0 0 / 10%);
    padding-bottom: 20px;
}

.p_golf .totalPrice .tpl:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.p_golf .totalPrice .tpl .tpl_b.info {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.p_golf .totalPrice .tpl .tpl_b.info .tit {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    letter-spacing: -0.6px;
}

.p_golf .totalPrice .tpl .tpl_b.info .txt {
    font-size: 16px;
    font-weight: 300;
    margin-top: 6px;
    color: var(--gray);
}

.p_golf .totalPrice .tpl .tpl_b.price {
    width: 20%;
    display: flex;
    align-items: flex-end;
    justify-content: end;
}

.p_golf .totalPrice .tpl .tpl_b.price span {
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: -0.4px;
}

.p_golf .totalPrice .tpl .tpl_b.price svg {
    margin-left: 16px;
}

.p_golf .totalPrice .final_price {
    border-top: 1px solid var(--primary);
    padding-top: 20px;
    color: var(--primary);
    font-weight: 600;
    font-size: 22px;
    text-align: right;
    margin-bottom: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: self-end;
}

.p_golf .totalPrice .final_price span {
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
    margin-right: 16px;
}

.p_golf .totalPrice .bt_box {
    margin: 0 auto 50px;
}


.product_explain .pro_tab {
    display: flex;
    width: 100%;
}

.product_explain .pro_tab button {
    flex: 1;
    font-size: 16px;
    letter-spacing: -0.4px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border: 1px solid rgb(0 0 0 / 10%);
    z-index: 0;
    background: var(--white);
    outline: none;
}

.product_explain .pro_tab button+button {
    margin-left: -1px
}

.product_explain .pro_tab button+button:last-child {
    padding-right: 2px;
}

.product_explain .pro_tab button.selected {
    border: 1px solid var(--black);
    z-index: 1;
    transition: border .5s ease-in-out;
}

.product_explain .pro_tab button:hover {
    border: 1px solid var(--black);
    z-index: 1;
    transition: border .5s ease-in-out;
}


.product_explain .pro_info {
    margin: 0 auto;
    font-size: 14px;
}

.product_explain .proe h3 {
    width: 100%;
    font-size: 0;
}

.product_explain .proe {
    padding-bottom: 20px;
    font-size: 14px;
}

.product_explain .pro_info ul li {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 26px;
    margin-bottom: 26px;
}

.product_explain .pro_info ul li:first-child {
    border-bottom: 0;
}

.product_explain .pro_info ul li:last-child {
    border-bottom: 0;
}

.product_explain .pro_info ul li p {
    font-weight: 300;
    line-height: 1.5;
    color: var(--black);
    letter-spacing: normal;
}

.product_explain .pro_info ul li p.noti {
    color: #e75353;
    min-height: auto;
}

.product_explain .pro_info ul .info h4 {
    width: 100%;
    font-size: 17px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 14px;
}

.product_explain .pro_info ul .info p {
    color: var(--black);
}

.product_explain .pro_info ul .info .btn_type_basic {
    max-width: 150px;
    min-height: 38px;
    margin-top: 20px;
}

.product_explain .pro_info ul .info .include {
    margin-bottom: 30px;
}

.product_explain .pro_info ul .info .include h4 {
    color: var(--primary);
}

.product_explain .pro_info ul .info .include p {
    color: var(--primary);
}

.product_explain .pro_info ul .info .n_include h4 {
    color: var(--gray)
}

.product_explain .pro_info ul .info .n_include p {
    color: var(--gray)
}

.product_explain .pro_location .cont .address {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
}

.product_explain .pro_location .cont .address {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
    margin-bottom: 2rem;
}

.product_explain .pro_location .cont .address .inp_copy {
    width: 86%;
    border-radius: 3px 0 0 3px;
    border: 0;
    padding: 0 20px;
    background: rgb(0 0 0 / 5%);
    min-height: 50px;
}

.product_explain .pro_location ul li:first-child .btnReservation {
    width: 14%;
    border-radius: 0 3px 3px 0;
}

.product_explain .pro_location ul li:last-child {
    background: rgb(0 0 0 / 4%);
    padding-bottom: 0;
}

.product_explain .pro_course ul li {
    width: 100%;
    overflow-x: auto;
}

.product_explain .pro_course table {
    width: 100%;
    border: 1px solid rgb(0 0 0 / 10%);
    font-size: 14px;
}

.product_explain .pro_course table thead tr th:first-child {
    font-weight: 700;
    background: rgb(0 0 0 / 10%);
    border-right: 1px solid rgb(0 0 0 / 70%);
}

.product_explain .pro_course table thead tr th {
    font-weight: 700;
    background: rgb(0 0 0 / 10%);
}

.product_explain .pro_course table tbody tr th:first-child {
    border-right: 1px solid rgb(0 0 0 / 70%);
}

.product_explain .pro_course table tr {
    height: 40px;
}

.product_explain .pro_course table tr th {
    text-align: center;
    vertical-align: middle;
}

.product_explain .pro_course table tr td {
    border-right: 1px solid rgb(0 0 0 / 10%);
    text-align: right;
    padding: 10px;
}

.product_explain .pro_course table tr td:last-child {
    border-right: 0;
}

.product_explain .proe ul li {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    /* padding-bottom: 26px;
    margin-bottom: 26px; */
}

.product_explain .proe ul li:first-child {
    border-bottom: 0;
}

.product_explain .proe ul li:last-child {
    border-bottom: 0;
}

.product_explain .proe ul li p {
    font-weight: 300;
    line-height: 1.5;
    color: var(--black);
    letter-spacing: normal;
}

.product_explain .proe ul li p.noti {
    color: #e75353;
    margin-top: 30px;
    min-height: auto;
}

.product_explain .proe ul .info h4 {
    width: 100%;
    font-size: 17px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 14px;
}

.product_explain .proe ul .info p {
    color: var(--black);
}

.product_explain .proe ul .info .btn_type_basic {
    max-width: 150px;
    min-height: 38px;
    margin-top: 20px;
}

.product_explain .proe ul .info .include {
    margin-bottom: 30px;
}

.product_explain .proe ul .info .include h4 {
    color: var(--primary);
}

.product_explain .proe ul .info .include p {
    color: var(--primary);
}

.product_explain .proe ul .info .n_include h4 {
    color: var(--gray)
}

.product_explain .proe ul .info .n_include p {
    color: var(--gray)
}

.product_explain {
    margin-bottom: 50px;
    position: relative;
    border-top: 10px solid rgb(0 0 0 / 4%);
    padding-top: 30px;
}

.product_explain h4 {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.product_explain h4 div span {
    color: var(--primary);
}

.product_explain .totalScore {
    width: 90%;
    margin: 20px auto 0;
}

.product_explain .totalScore ul {
    display: flex;
    flex-direction: column;
}

.product_explain .totalScore ul li {
    background: rgb(0 0 0 / 3%);
    color: var(--white);
}

.product_explain .totalScore ul li:first-child {
    width: 100;
    padding: 20px 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.product_explain .totalScore ul li:first-child div:first-child {
    font-size: 40px;
    font-weight: 700;
    color: var(--black);
}

.product_explain .totalScore ul li:first-child div:last-child svg {
    width: 20px;
    height: 20px;
}

.product_explain .review_area .offer_review {
    width: inherit;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 2rem;
    background: rgba(0, 0, 0, 0.02);
}

.product_explain .review_area .offer_review .area01 {
    display: flex;
    margin-bottom: 10px;
}

.product_explain .review_area .offer_review .area01 .score {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 2%;
}

.product_explain .review_area .offer_review .area01 .score svg {
    width: 10px;
    height: 10px;
}

.product_explain .review_area .offer_review ul>li:last-child {
    margin-top: 2rem;
    display: flex;
}

.product_explain .review_area .offer_review ul>li:last-child img {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.product_explain .totalScore ul li:last-child {
    width: 100%;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.product_explain .totalScore ul li:last-child {
    display: flex;
    flex-direction: column;
}

.product_explain .totalScore ul li:last-child .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.product_explain .totalScore ul li:last-child .wrap .score {
    width: 18%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 2%;
}

.product_explain .totalScore ul li:last-child .wrap .score svg {
    fill: var(--primary);
    width: 10px;
    height: 10px;
}

.product_explain .totalScore ul li:last-child .wrap .bar_container {
    width: 60%;
    height: 5px;
    border-radius: 3px;
    background: rgb(0 0 0 / 10%);
    position: relative;
}

.product_explain .totalScore ul li:last-child .wrap .bar_container .bar {
    height: 5px;
    margin-left: 0;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
}

.product_explain .totalScore ul li:last-child .wrap div:last-child {
    width: 18%;
    color: var(--black);
    font-size: 12px;
    font-weight: 300;
    margin-left: 2%;
}

.product_explain .offer_page_review {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.product_explain .offer_page_review:last-child {
    border-bottom: 0;
}

.product_explain .offer_page_review ul {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.product_explain .offer_page_review ul li:first-child {
    width: 100%
}

.product_explain .offer_page_review ul li:first-child .area01 {
    display: flex;
    justify-content: start;
    align-items: center;
}

.product_explain .offer_page_review ul li:first-child .area01 .score {
    display: flex;
    justify-content: start;
    align-items: center;
}

.product_explain .offer_page_review ul li:first-child .area01 .score svg {
    fill: var(--primary);
    width: 14px;
    height: 14px;
}

.product_explain .offer_page_review ul li:first-child .area01 .writer {
    color: var(--black);
    margin-left: 6px;
}

.product_explain .offer_page_review ul li:first-child .area02 {
    color: #999;
    font-weight: 300;
    margin-top: 6px;
}

.product_explain .offer_page_review ul li:last-child {
    cursor: pointer;
    width: 100%;
    height: 80px;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.product_explain .offer_page_review ul li:last-child .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    transition: all 0.2s ease-out;
}

.product_explain .offer_page_review ul li:last-child .cover:hover {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 5;
}

.product_explain .offer_page_review ul li:last-child img {
    width: 80px;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s ease-out;
}

.product_explain .offer_page_review ul li:last-child img:hover {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 5;
}

.product_explain .offer_page_review .cont {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.product_explain .offer_page_review .cont p {
    line-height: 1.4;
    font-weight: 300;
    max-height: 80px;
    font-size: 15px;
    color: var(--black);
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
}

.product_explain .offer_page_review .cont .more {
    width: 74px;
    padding: 0;
}

.product_explain .offer_page_review .cont .more svg {
    margin-right: 6px;
    fill: var(--black);
}

.product_explain .offer_page_review .cont .more span {
    color: var(--black);
}

.product_explain .moreArea {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 90%, #fff);
    padding-top: 50px;
    margin-top: -60px;
    bottom: 0;
    height: 120px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.product_explain .moreArea .btn_type_basic {
    width: 94%;
    margin: 30px auto 0;
}

.product_explain .moreArea .btn_type_basic svg {
    width: 20px;
    height: 20px;
    margin-left: 6px;
}

.product_explain .moreArea .btn_type_basic:hover svg {
    fill: var(--white);
}

.p_golf_kor .reserve_wrap .rew_noti .co_list .txt {
    color: var(--lightgray);
}


/* ----------------------------
            여행(투어)
------------------------------- */

/*tour_list&result*/
.page_tour.tour_list {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.page_tour.tour_list .p_cont {
    max-width: 1280px;
    margin: 0 auto;
}

.page_tour.tour_list .tour_top {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    /* width:1280px; */
}

.page.page_tour .tour_top .img {
    position: relative;
    /* min-height: 300px; */
    height: auto;
    width: 100%;
    /* overflow: hidden; */
}

.page.page_tour .tour_top img {
    object-fit: cover;
    /* position: absolute; */
    left: 50%;
    /* transform: translate(-50%, -50%); */
    top: 50%;
    width: 100%;
}

.page_tour.tour_list .area {
    display: flex;
    flex-direction: row-reverse;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 20px;
    justify-content: flex-end;
}

.page_tour.tour_list .area .filter {
    margin-bottom: 0;
}

.page_tour.tour_list .area .tab_area {
    display: flex;
    margin-bottom: 0;
    width: 70%;
    overflow: hidden;
    overflow-x: auto;
    margin: 0;
}

.page_tour.tour_list .area .tab_area span {
    white-space: nowrap;
    line-height: 1.2;
}

.page_tour.tour_list .theme .category {
    margin-left: 4.7%;
}

.page_tour.tour_list .theme .category:first-child {
    margin-left: 0;
}

.page_tour.tour_list .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(50px, 1fr));
}

.page_tour.tour_list .itemArea .item {
    position: relative;
    margin-bottom: 70px;
    cursor: pointer;
}

.page_tour.tour_list .itemArea .item:nth-child(4n-3) {
    margin-left: 0;
}

.page_tour.tour_list .itemArea .item .item_img {
    width: 100%;
    height: 14.7vw;
    max-height: 282px;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(0 0 0 / 4%) url(../../images/temp105/common/no_image.svg) 50% 50% / 4vw no-repeat;
    margin-bottom: 20px;
}

.page_tour.tour_list .itemArea .item .item_img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.page_tour.tour_list .itemArea .item .item_info {
    width: 100%;
}

.page_tour.tour_list .itemArea .item .item_info::after {
    display: block;
    content: '';
    clear: both;
}

.page_tour.tour_list .itemArea .item .item_info .badge_area {
    margin-bottom: 10px;
}

.page_tour.tour_list .itemArea .item .item_info .tit {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    max-height: 44px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.page_tour.tour_list .itemArea .item .item_info .sti {
    font-size: 15px;
    color: var(--gray);
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.page_tour.tour_list .itemArea .item .item_info .price {
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    cursor: pointer;
    margin-bottom: 16px;
}

.page_tour.tour_list .itemArea .item .item_info .price span {
    font-size: 16px;
    margin-left: 2px;
}

.page_tour.tour_list .sec_area .cus_filter .cuf {
    position: static;
    transform: initial;
    height: 35px;
    padding: 0 17px;
    box-shadow: none;
}

.page_tour.tour_list .m_filter {
    display: none;
}

/*tour_detail*/
.page_tour.tour_detail .p_cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page_tour.tour_detail .item_area {
    width: 860px;
}

.page_tour.tour_detail .item_area h4 {
    width: 100%;
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    /*cursor: pointer;*/
}

.page_tour.tour_detail .item_area h4 svg {
    display: none;
}

.page_tour.tour_detail .item_area .inner {
    width: 100%;
}

.page_tour.tour_detail .item_area .item_img {
    position: relative;
    width: 100%;
    /*height: 40vw;*/
    height: 340px;
    max-height: 520px;
    /* padding-top: 56.25%; */
    overflow: hidden;

}

.page_tour.tour_detail .item_area .item_img img {
    width: 100%;
    height: 340px;
    max-height: 340px;
    overflow: hidden;
    object-fit: cover;
}

.page_tour.tour_detail .item_area .item_img_swiper {
    position: relative;
    width: 100%;
    aspect-ratio: 43 / 26;
    overflow: hidden;
    margin: 0 auto;
}
.page_tour.tour_detail .item_area .item_img_swiper .swiper-slide {
    height: auto;
}

.page_tour.tour_detail .item_area .item_img_swiper img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 43 / 26;
    object-position: center;
    object-fit: cover;
}


.page_tour.tour_detail .item_area .itemName {
    font-size: 30px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: -0.4px;
}

.page_tour.tour_detail .item_area .badge_area {
    margin: 20px 0 10px;
}

/*
.page_tour.tour_detail .item_area .badge_area span {position: relative; margin-left: 6px; padding-left: 12px; margin-right: 0; font-size: 18px;}
.page_tour.tour_detail .item_area .badge_area span::before {position:absolute; top: 50%; left: 0; transform: translateY(-50%); color: rgb(0 0 0 / 20%); content: '/';}
.page_tour.tour_detail .item_area .badge_area span:first-child {margin-left: 0; padding-left: 0;}
.page_tour.tour_detail .item_area .badge_area span:first-child::before {display: none;}
*/
.page_tour.tour_detail .item_area .location {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 14px;
    font-size: 18px;
}

.page_tour.tour_detail .item_area .location svg {
    width: 22px;
    height: 22px;
    fill: var(--black);
    margin-right: 2px;
}

.page_tour.tour_detail .item_area .location span {
    color: var(--black);
}

.page_tour.tour_detail .item_area .location span:last-child {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.page_tour.tour_detail .item_area .location span:last-child::after {
    display: block;
    content: '';
    width: 1px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgb(0 0 0 / 28%);
}

.page_tour.tour_detail .item_area .review {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 14px;

}
.page_tour.tour_detail .item_area .review span.num{
    cursor: pointer;
}
.page_tour.tour_detail .item_area .review svg {
    width: 18px;
    height: 18px;
    fill: #ffd420;
    margin-right: 4px;
}

.page_tour.tour_detail .item_area .review .score {
    color: #1542d4;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.4px;
    margin-right: 4px;
}

.page_tour.tour_detail .item_area .price {
    font-weight: 700;
    font-size: 30px;
    color: var(--black);
    letter-spacing: -0.6px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.page_tour.tour_detail .item_area .price span {
    font-size: 18px;
}

.page_tour.tour_detail .selectArea {
    padding: 40px 0;
}

.page_tour.tour_detail .datepicker {
    width: 100%;
    margin: 0 auto 50px;
    border: 1px solid #e5e5e5;
    padding: 20px;
    box-sizing: border-box;
}

.page_tour.tour_detail .datepicker h4 {
    font-size: 16px;
    margin-bottom: 16px;
    cursor: default;
}

.page_tour.tour_detail .datepicker .datepicker_wrap {
    width: 94%;
    margin: 0 auto;
    position: relative;
}

.page_tour.tour_detail .datepicker .datepicker_controls {
    position: absolute;
    top: -4px;
    width: 100%;
    height: 32px;
}

.page_tour.tour_detail .datepicker .datepicker_controls .datepicker_prev {
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    border: 1px solid rgb(0 0 0 / 14%);
    background: transparent;
    border-radius: 100%;
    min-height: initial;
}

.page_tour.tour_detail .datepicker .datepicker_controls .datepicker_prev::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 48%;
    width: 8px;
    height: 8px;
    border-top: solid 1px var(--black);
    border-left: solid 1px var(--black);
    transform: rotate(-45deg)translateY(-50%);
}

.page_tour.tour_detail .datepicker .datepicker_controls .datepicker_next {
    position: absolute;
    right: 0;
    width: 32px;
    height: 32px;
    border: 1px solid rgb(0 0 0 / 14%);
    background: transparent;
    border-radius: 100%;
    min-height: initial;
}

.page_tour.tour_detail .datepicker .datepicker_controls .datepicker_next::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 46%;
    width: 8px;
    height: 8px;
    border-top: solid 1px var(--black);
    border-right: solid 1px var(--black);
    transform: rotate(45deg)translateY(-50%);
}

.page_tour.tour_detail .datepicker .datepicker_list {
    width: 100%;
    margin: 34px auto 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item {
    width: calc(100% / 2 - 20px);
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item:first-child {
    margin-right: 20px;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_year {
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: var(--black);
    letter-spacing: -0.4px;
    text-align: center;
    margin-bottom: 10px;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr {
    height: 58px;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr th {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    vertical-align: middle;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td {
    text-align: center;
    padding: 0.2rem 0;
    font-size: 14px;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected {
    opacity: .2;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.redday span.date {
    color: #fe5d41
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date {
    font-weight: 600;
    color: var(--black);
    height: 34px;
    width: 34px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid transparent;
    border-radius: 100%;
    margin-bottom: 2px;
    cursor: pointer;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date:hover {
    border: 1px solid var(--primary);
    border-radius: 100%;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date.selected {
    color: var(--white);
    border: 1px solid var(--primary);
    background: var(--primary);
    border-radius: 100%;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date.today {
    border: 1px solid rgb(0 0 0 / 30%);
    border-radius: 100%;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.price {
    height: 18px;
    color: var(--gray);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected span.date {
    cursor: default;
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected span.date:hover {
    cursor: default;
    border: 1px solid transparent
}

.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.not_selected span.price {
    height: 18px;
}

.page_tour.tour_detail .datepicker .nday {
    border-top: 1px solid rgb(0 0 0 / 10%);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 22px;
}

.page_tour.tour_detail .datepicker .nday span {
    position: relative;
    color: #fe5d56;
    font-size: 15px;
    padding-left: 16px;
    margin-bottom: 8px;
}

.page_tour.tour_detail .datepicker .nday span:first-child {
    padding-left: 0;
}

.page_tour.tour_detail .datepicker .nday span:first-child::before {
    display: none;
}

.page_tour.tour_detail .datepicker .nday span::before {
    content: '·';
    font-weight: 600;
    float: left;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 6px;
}

.page_tour.tour_detail .produ {
    width: 100%;
    margin: 0 auto 20px;
}

.page_tour.tour_detail .produ h4 {
    width: 100%;
    margin-bottom: 16px;
    cursor: default;
}

.page_tour.tour_detail .produ .item {
    width: 100%;
    margin: 0 auto 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 20px;
    box-sizing: border-box;
    flex-direction: column;
}

.page_tour.tour_detail .produ .item:last-child {
    margin-bottom: 0;
}

.page_tour.tour_detail .produ .item>div {
    width: 100%;
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_tour.tour_detail .produ .item .primary {
    color: var(--primary);
    margin-right: 4px;
    font-weight: 200;
}

.page_tour.tour_detail .produ .item div.sp_option {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
}

.page_tour.tour_detail .produ .item .flight,
.page_tour.tour_detail .produ .item .spare {
    display: flex;
    line-height: 20px;
}

.page_tour.tour_detail .produ .item .flight::before {
    content: url('../../images/temp106/common/airplane.svg');
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.page_tour.tour_detail .produ .item .spare::before {
    content: url('../../images/temp106/common/file-tray.svg');
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.page_tour.tour_detail .produ .item div.right {
    margin-right: 16px;
    width: 80px;
}

.page_tour.tour_detail .produ .item div.left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page_tour.tour_detail .produ .item div:last-child .price {
    margin-right: 20px;
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.2px;
}

.page_tour.tour_detail .produ .item .ti {
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 6px;
}

.page_tour.tour_detail .produ .item p {
    color: var(--gray);
    font-size: 14px;
    line-height: 18px;
}

.page_tour.tour_detail .produ .item .btn_select {
    border: 1px solid #cccccc;
    padding: 8px 38px;
    font-size: 16px;
    border-radius: 2px;
    color: var(--black);
    cursor: pointer;
}

.page_tour.tour_detail .produ .item .btn_select:hover {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--white);
}

.page_tour.tour_detail .produ .item .btn_select.selected {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--white);
}

.page_tour.tour_detail .flightSchedule {
    width: 100%;
}

.page_tour.tour_detail .flightSchedule h4 {
    margin-bottom: 16px;
    cursor: default;
}

.page_tour.tour_detail .flightSchedule .data {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    padding: 26px 20px;
}

.page_tour.tour_detail .flightSchedule .data .airline {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.page_tour.tour_detail .flightSchedule .data .airline img {
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 10px;
}

.page_tour.tour_detail .flightSchedule .data .airline span {
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
}

.page_tour.tour_detail .flightSchedule .data .timeInfo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.page_tour.tour_detail .flightSchedule .data .timeInfo:last-child {
    margin-bottom: 0;
}

.page_tour.tour_detail .flightSchedule .data .timeInfo dl {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--black);
}

.page_tour.tour_detail .flightSchedule .data .timeInfo dl dt {
    border-right: 2px solid rgb(0 0 0 / 12%);
    padding-right: 10px;
    margin-right: 10px;
}

.page_tour.tour_detail .flightSchedule .data .timeInfo dl dd .flightNum {
    border: 1px solid var(--primary);
    padding: 0 2px;
    font-size: 13px;
    border-radius: 2px;
    color: var(--primary);
    margin-left: 10px;
}

.page_tour.tour_detail .kakao {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgb(254 225 0 / 30%);
    padding: 20px 74px;
    margin-bottom: 30px;
}

.page_tour.tour_detail .kakao p {
    font-size: 18px;
    line-height: 24px;
    color: var(--black);
    letter-spacing: -0.4px;
}

.page_tour.tour_detail .kakao button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fee100;
    padding: 18px 46px;
    width: 48%;
    min-width: 315px;
    border-radius: 20px;
    box-shadow: 0 2px 4px -3px rgb(0 0 0 / 20%)
}

.page_tour.tour_detail .kakao button svg {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    fill: var(--black);
}

.page_tour.tour_detail .kakao button span {
    font-size: 25px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: -0.4px;
}

.page_tour.tour_detail .detailMn {
    display: flex;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 30px;
    box-sizing: border-box;
    position: sticky;
    top: 139px;
    z-index: 2;
}

.page_tour.tour_detail .detailMn button {
    flex: 1;
    font-size: 18px;
    letter-spacing: -0.4px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border: 1px solid rgb(0 0 0 / 10%);
    z-index: 0;
    background: var(--white);
    outline: none;
}

.page_tour.tour_detail .detailMn button+button {
    margin-left: -1px
}

.page_tour.tour_detail .detailMn button+button:last-child {
    padding-right: 2px;
}

.page_tour.tour_detail .detailMn button.selected {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
    z-index: 1;
    transition: border .5s ease-in-out;
}

.page_tour.tour_detail .detailMn button:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
    z-index: 1;
    transition: border .5s ease-in-out;
}

.page_tour.tour_detail .detail_fixed {
    z-index: 99;
    position: fixed;
    top: 90px;
    bottom: auto;
    padding-top: 0;
}

.page_tour.tour_detail .item_area .cont_detail {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.page_tour.tour_detail .item_area .txt {
    width: 100%;
    margin: 20px auto;
}

.page_tour.tour_detail .item_area .txt p {
    font-size: 15px;
    line-height: 1.4;
}

.page_tour.tour_detail .item_area .txt .ti {
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
    line-height: 20px;
}

.page_tour.tour_detail .item_area .txt .cont {
    white-space: normal;
    line-height: 20px;
}

.page_tour.tour_detail .item_area .txt .detailThumb {
    text-align: center;
}

.page_tour.tour_detail .item_area .txt .detailThumb img {
    width: 100%;
    margin-bottom: 10px;
}

.page_tour.tour_detail .item_area .included-list {
    width: 100%;
    margin: 40px auto;
    border-top: 1px solid var(--black);
    display: flex;
    flex-direction: column;
    color: var(--black);
}

.page_tour.tour_detail .item_area .included-list .item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(0 0 0 / 10%)
}

.page_tour.tour_detail .item_area .included-list .item .label:before {
    content: '';
}

.page_tour.tour_detail .item_area .included-list .check .label:before {
    width: 20px;
    height: 16px;
    margin-right: 5px;
    background: url('../../images/temp105/common/included.svg') 50% 50%/100% no-repeat;
}

.page_tour.tour_detail .item_area .included-list .no-check .label:before {
    width: 16px;
    height: 17px;
    margin-right: 9px;
    background: url('../../images/temp105/common/included_no.svg') 50% 50%/100% no-repeat;
}

.page_tour.tour_detail .item_area .included-list .label {
    flex: none;
    width: 20%;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_tour.tour_detail .item_area .included-list .area {
    flex: 1;
    padding: 20px 30px;
    line-height: 26px;
    border-left: 1px solid rgb(0 0 0 / 10%)
}

.page_tour.tour_detail .item_area .included-list .area dl dt {
    font-weight: 500;
    color: var(--black);
}

.page_tour.tour_detail .item_area .included-list .area dl dd {
    color: var(--black);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
}

.page_tour.tour_detail .item_area .included-list .area dl dd:last-child {
    margin-bottom: 0;
}

.page_tour.tour_detail .travel_plan {
    margin-bottom: 50px;
}

.page_tour.tour_detail .travel_plan .notice {
    margin: 20px 0;
    color: rgb(237 83 81 / 70%);
    font-size: 13px;
    font-weight: 300;
    padding-left: 20px;
    background-position: 0 10%;
}

.page_tour.tour_detail .travel_plan .inner {
    width: 100%;
    margin: 20px auto;
}

.page_tour.tour_detail .travel_plan .inner .plan_area {
    display: flex;
    flex-direction: column;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._head {
    background-color: rgb(0 0 0 / 4%);
    border-top: 1px solid var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px 20px 20px;
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    cursor: pointer;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._head .date {
    color: rgb(0 0 0 / 50%);
    font-size: 14px;
    margin-right: 10px;
    font-weight: 500;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._head .open,
.page_tour.tour_detail .travel_plan .inner .plan_area ._head .i_rotate {
    transform: rotate(180deg);
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body {
    margin: 30px 0;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo {
    display: flex;
    justify-content: center;
    padding: 20px 0 40px 0;
    width: 94%;
    margin: 0 auto;
    color: var(--black);
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo dl dt {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 4px;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo dl dd {
    line-height: 1.4;
    font-size: 15px;
    letter-spacing: -0.2px;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo .depart {
    text-align: right;
    margin-right: 20px;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo .arrival {
    margin-left: 20px;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime {
    width: 260px;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime .airline {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime .airline span {
    width: 26px;
    height: 26px;
    background: url(../../images/temp105/common/flight_depart.svg) 50% 50% / 26px no-repeat;
    transform: translateX(-26%) translateY(-20%);
}

.page_tour.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime .time {
    color: var(--gray);
    font-size: 13px;
    text-align: center;
    background: url(../../images/temp105/common/airline_arrow.png) 50% 76% / 80% no-repeat;
    padding-bottom: 16px;
}

.page_tour.tour_detail .time_info {
    position: relative;
    padding: 0 0 10px 30px;
    width: 94%;
    margin: 0 auto;
}

.page_tour.tour_detail .time_info:first-child .tit:before {
    left: -43px;
    top: -5px;
    width: 28px;
    height: 28px;
    background: url('../../images/temp105/common/map_pin.svg') 0 50%/100% no-repeat;
}

.page_tour.tour_detail .time_info.last {
    padding-bottom: 0
}

.page_tour.tour_detail .time_info .tit {
    position: relative;
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    margin-bottom: 0;
}

.page_tour.tour_detail .time_info .tit::before {
    position: absolute;
    left: -34px;
    top: 0px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background: #19a8ad;
    border-radius: 100%;
    z-index: 1;
}

.page_tour.tour_detail .time_info .tit+.txt {
    padding-top: 20px;
}

.page_tour.tour_detail .time_info .txt {
    color: var(--black);
    font-size: 15px;
    line-height: 1.4;
    /* margin-bottom: 30px; */
    margin-top: 0;
    width: 100%;
}

.page_tour.tour_detail .time_info .photo {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
    margin: 20px 0 40px;
}

.page_tour.tour_detail .time_info .photo .item_img {
    position: relative;
    flex: 1;
    /* max-width: 330px; */
    height: 254px;
}

.page_tour.tour_detail .time_info .photo .item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_tour.tour_detail .time_info:before,
.page_tour.tour_detail .time_info:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
}

.page_tour.tour_detail .time_info:after {
    width: 1px;
    height: 100%;
    top: 0;
    background: rgb(0 0 0 / 10%);
    z-index: 0;
}

.page_tour.tour_detail .time_info.end {
    padding-bottom: 15px;
}

.page_tour.tour_detail .time_info.location:before {
    left: -14px;
    top: -5px;
    width: 28px;
    height: 28px;
    background: url('../../images/temp105/common/map_pin.svg') 0 50%/100% no-repeat;
}

.page_tour.tour_detail .time_info.end.location:before {
    top: 30px;
}

.page_tour.tour_detail .time_info.plan_box:before {
    display: none;
}

.page_tour.tour_detail .optional_tour_box {
    position: relative;
    border: 1px solid rgb(0 0 0 / 10%);
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 60px 30px 30px 30px;
}

.page_tour.tour_detail .optional_tour_box span {
    position: absolute;
    background: #ed5351;
    top: -10px;
    left: 30px;
    width: 58px;
    height: 58px;
    color: var(--white);
    text-align: center;
    padding-top: 11px;
}

.page_tour.tour_detail .optional_tour_box ul {
    display: flex;
    justify-content: start;
    margin-top: 20px;
}

.page_tour.tour_detail .optional_tour_box ul .item_img {
    position: relative;
    width: 40%;
    height: 186px;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 30px 14px 0;
}

.page_tour.tour_detail .optional_tour_box ul li dl {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    color: rgb(0 0 0 / 80%);
    padding-top: 10px;
}

.page_tour.tour_detail .optional_tour_box ul li dl dt {
    width: 80px;
}

.page_tour.tour_detail .optional_tour_box ul li dl dd {
    color: var(--gray)
}

.page_tour.tour_detail .plan_box {
    border: 1px solid rgb(0 0 0 / 10%);
    width: calc(100% - 24px);
    display: flex;
    justify-content: space-between;
    margin: 20px auto 30px;
}

.page_tour.tour_detail .plan_box>div {
    width: calc(100% / 2);
}

.page_tour.tour_detail .plan_box>div:last-child {
    border-right: 0;
}

.page_tour.tour_detail .plan_box .hotel {
    height: auto;
    border-right: 1px solid rgb(0 0 0 / 10%);
    padding: 24px 40px 24px 130px;
    background: url('../../images/temp105/common/plan_bed.svg') 13% 50%/30px no-repeat;
    display: flex;
    align-items: center;
}

.page_tour.tour_detail .plan_box .hotel span {
    font-weight: 500;
    color: var(--black);
    line-height: 22px;
    font-size: 15px;
}

.page_tour.tour_detail .plan_box .hotel .btn_hotelHome {
    display: block;
    border: 1px solid var(--gray);
    border-radius: 2px;
    width: auto;
    margin-top: 10px;
    font-size: 12px;
    color: var(--gray)
}

.page_tour.tour_detail .plan_box .meal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 30px 24px 130px;
    background: url('../../images/temp105/common/plan_meal.svg') 13% 50%/30px no-repeat;
}

.page_tour.tour_detail .plan_box .meal span {
    width: auto;
    color: var(--black);
    line-height: 22px;
    font-size: 15px;
}

.page_tour.tour_detail .plan_box .meal span b {
    font-weight: 500;
    color: #000;
}

.page_tour.tour_detail .inner p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    padding-bottom: 10px;
}

.page_tour.tour_detail .inner p.notice_icon {
    line-height: 1.4;
    margin-bottom: 14px;
}

.page_tour.tour_detail .notice_area {
    margin-bottom: 50px;
}

.page_tour.tour_detail .notice_area h4 {
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
}

.page_tour.tour_detail .review_area {
    margin-bottom: 50px;
}

.page_tour.tour_detail .review_area h4 {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.page_tour.tour_detail .review_area h4 div span {
    color: var(--primary);
}

.page_tour.tour_detail .review_area .totalScore {
    margin-top: 20px;
}

.page_tour.tour_detail .review_area .totalScore ul {
    display: flex;
    justify-content: space-between;
}

.page_tour.tour_detail .review_area .totalScore ul li {
    background: rgb(0 0 0 / 3%);
    color: var(--white);
    padding: 30px 20px;
}

.page_tour.tour_detail .review_area .totalScore ul li:first-child {
    width: 30%;
    margin-right: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page_tour.tour_detail .review_area .totalScore ul li:first-child div:first-child {
    font-size: 40px;
    font-weight: 700;
    color: var(--black);
}

.page_tour.tour_detail .review_area .totalScore ul li:first-child div:last-child svg {
    width: 22px;
    height: 22px;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child {
    width: 69%;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child {
    display: flex;
    flex-direction: column;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child .wrap .score {
    width: 18%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 2%;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child .wrap .score svg {
    fill: var(--primary);
    width: 10px;
    height: 10px;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child .wrap .bar_container {
    width: 60%;
    height: 5px;
    border-radius: 3px;
    background: rgb(0 0 0 / 10%);
    position: relative;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child .wrap .bar_container .bar {
    height: 5px;
    margin-left: 0;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
    z-index: 0;
}

.page_tour.tour_detail .review_area .totalScore ul li:last-child .wrap div:last-child {
    width: 18%;
    color: var(--black);
    font-size: 13px;
    margin-left: 2%;
}

.page_tour.tour_detail .review_area .offer_review {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_tour.tour_detail .review_area .offer_review:last-child {
    border-bottom: 0;
}

.page_tour.tour_detail .review_area .offer_review ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_tour.tour_detail .review_area .offer_review ul .txtArea {
    width: 84%
}

.page_tour.tour_detail .review_area .offer_review ul .txtArea .area01 {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
}

.page_tour.tour_detail .review_area .offer_review ul .txtArea .area01 .score {
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_tour.tour_detail .review_area .offer_review ul .txtArea .area01 .score svg {
    fill: var(--primary);
    width: 14px;
    height: 14px;
}

.page_tour.tour_detail .review_area .offer_review ul .txtArea .area01 .writer {
    color: var(--black);
    /* margin-left: 6px; */
    display: flex;
    align-items: center;
}
.page_tour.tour_detail .review_area .offer_review ul .txtArea .area01 .writer::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: center no-repeat;
    background-size: cover;
    background-image: url(../../images/temp106/common/person.svg);
    margin-right: 8px;
}
.page_tour.tour_detail .review_area .offer_review ul .txtArea .area02 {
    color: #999;
    /* margin-top: 6px; */
}

.page_tour.tour_detail .review_area .offer_review ul li:last-child {
    cursor: pointer;
    width: 80px;
    height: 80px;
    position: relative;
}

.page_tour.tour_detail .review_area .offer_review ul li:last-child .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    transition: all 0.2s ease-out;
}

.page_tour.tour_detail .review_area .offer_review ul li:last-child .cover:hover {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 5;
}

.page_tour.tour_detail .review_area .offer_review ul li:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.2s ease-out;
}

.page_tour.tour_detail .review_area .offer_review ul li:last-child img:hover {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 5;
}

.page_tour.tour_detail .review_area .offer_review .cont {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.page_tour.tour_detail .review_area .offer_review .cont .txt1 {
    max-height: 77px;
    line-height: 1.4;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
}

.page_tour.tour_detail .review_area .offer_review .cont .txt2 {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    letter-spacing: -0.2px;
        line-height: 1.4;
}

.page_tour.tour_detail .review_area .offer_review .cont .more {
    width: 74px;
    padding: 0;
    margin-top: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_tour.tour_detail .review_area .offer_review .cont .more span {
    display: block;
}

.page_tour.tour_detail .review_area .offer_review .cont .more span::before {
    content: '더보기';
    color: var(--black);
}

.page_tour.tour_detail .review_area .offer_review .cont .more svg {
    margin-left: 6px;
    fill: var(--black);
}

.page_tour.tour_detail .review_area .offer_review .cont .more.close span::before {
    content: '닫기';
}

.page_tour.tour_detail .review_area .offer_review .cont .more.close svg,
.page_tour.tour_detail .review_area .offer_review .cont .more svg.i_rotate {
    transform: rotate(180deg);
}

.page_tour.tour_detail .review_area .moreArea {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 90%, #fff);
    padding-top: 50px;
    margin-top: -60px;
    bottom: 0;
    height: 120px;
    /*left: 0;position: absolute;*/
    text-align: center;
    width: 100%;
}

.page_tour.tour_detail .review_area .moreArea .btn_type_basic {
    width: 30%;
    margin: 30px auto 0;
}

.page_tour.tour_detail .review_area .moreArea .btn_type_basic:hover {
    background: transparent;
}

.page_tour.tour_detail .review_area .moreArea .btn_type_basic svg {
    width: 20px;
    height: 20px;
    margin-left: 6px;
}

.page_tour.tour_detail .review_area .moreArea .btn_type_basic span::before {
    content: '후기 더보기';
    color: var(--black);
}

.page_tour.tour_detail .review_area .moreArea .btn_type_basic.close span::before {
    content: '닫기';
}

.page_tour.tour_detail .review_area .moreArea .btn_type_basic.close svg,
.page_tour.tour_detail .review_area .moreArea .btn_type_basic svg.i_rotate {
    transform: rotate(180deg);
}

.page_tour.tour_detail .option_area {
    position: sticky;
    top: 182px;
    width: 300px;
}

/*.page_tour.tour_detail .option_area {position: fixed; top: 142px; width: 300px;}*/
.page_tour.tour_detail .option_area dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    letter-spacing: -0.6px;
    margin-bottom: 10px;
}

.page_tour.tour_detail .option_area dl dt {
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
}

.page_tour.tour_detail .option_area dl dd {
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
}

.page_tour.tour_detail .option_area .list_item {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 22px 0 0;
}

.page_tour.tour_detail .option_area .list_item ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px;
}

.page_tour.tour_detail .option_area .list_item ul li:first-child {
    width: 50%;
    display: flex;
    flex-direction: column;
    letter-spacing: -0.4px;
}

.page_tour.tour_detail .option_area .list_item ul li:first-child span:first-child {
    color: var(--black);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 6px;
}

.page_tour.tour_detail .option_area .list_item ul li:first-child span:last-child {
    color: var(--black);
    font-weight: 700;
    font-size: 20px;
}

.page_tour.tour_detail .option_area .list_item ul li:last-child {
    width: 45%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 5%;
}

.page_tour.tour_detail .option_area .list_item ul li:last-child button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #e5e5e5;
    outline: none;
    cursor: pointer;
}

.page_tour.tour_detail .option_area .list_item ul li:last-child button:disabled {
    background: #f7f7f7;
}

.page_tour.tour_detail .option_area .list_item ul li:last-child .minus::before {
    content: '';
    width: 17px;
    height: 1px;
    background: var(--black)
}

.page_tour.tour_detail .option_area .list_item ul li:last-child .plus::before {
    content: '';
    width: 17px;
    height: 1px;
    background: var(--black)
}

.page_tour.tour_detail .option_area .list_item ul li:last-child .plus::after {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: 49%;
    width: 1px;
    height: 17px;
    background: var(--black)
}

.page_tour.tour_detail .option_area .list_item ul li:last-child .inp_num {
    font-family: 'pretendard';
    font-size: 20px;
    color: var(--black);
    text-align: center;
    font-weight: 600;
    width: 25%;
    border: 0;
}

.page_tour.tour_detail .option_area .price_area {
    width: 100%;
    padding: 20px 0 30px;
}

.page_tour.tour_detail .option_area .price_area div:first-child {
    display: flex;
    justify-content: start;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 6px;
}

.page_tour.tour_detail .option_area .price_area div:nth-child(2) {
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-bottom: 20px;
}

.page_tour.tour_detail .option_area .price_area div:nth-child(2) span:first-child {
    color: var(--primary);
    font-size: 30px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page_tour.tour_detail .option_area .price_area div:nth-child(2) span:first-child span {
    color: var(--primary);
    font-size: 16px;
}

.page_tour.tour_detail .option_area .price_area div:nth-child(2) span:last-child {
    /* color: var(--gray);
    font-size: 14px; */
}

.page_tour.tour_list .tour_search {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 9.5rem;
}

.page_tour.tour_list .tour_search .tsea {
    overflow: hidden;
    display: flex;
    box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
    height: 6.4rem;
    width: 840px;
    font-size: 1.8rem;
}

.page_tour.tour_list .tour_search input {
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    padding: 0 2rem;
    font-size: inherit;
}

.page_tour.tour_list .tour_search input::placeholder {
    font-size: inherit;
    font-weight: 200;
}

.page_tour.tour_list .tour_search .search_btn {
    height: inherit;
    box-sizing: border-box;
    background: #20313b;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    cursor: pointer;
}


.page_mypage.reserve .section {
    margin-bottom: 70px;
}

.page_mypage.reserve .section h3 {
    font-size: 26px;
    font-weight: 700;
    color: var(--black);
    letter-spacing: -0.6px;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.page_mypage.reserve .section dl {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.page_mypage.reserve .section dl dt {
    width: 16%;
    font-size: 16px;
    color: var(--black);
    padding-left: 40px;
}

.page_mypage.reserve .section dl dt span {
    position: relative;
}

.page_mypage.reserve .section dl dt span::before {
    position: absolute;
    top: 3px;
    right: -12px;
    display: block;
    content: '*';
    color: var(--red);
}

.page_mypage.reserve .section dl dd {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.page_mypage.reserve .section dl dd>* {
    flex: 1;
    /*margin-right: 10px;*/
}

.page_mypage.reserve .section dl dd span {
    font-size: 16px;
}

.page_mypage.reserve .section dl dd .sel_base {
    width: 100%;
    display: flex;
    align-items: center;
}

.page_mypage.reserve .section dl dd.phone>* {
    margin-right: 10px;
}

.page_mypage.reserve .section dl dd.phone .inp_base:last-child {
    margin-right: 0;
}

.page_mypage.reserve .section dl dd.phone .inp_sel {
    width: 36%;
}

.page_mypage.reserve .section dl dd.email {
    width: 80%;
    display: flex;
    flex-direction: row;
}

.page_mypage.reserve .section dl dd.email .inp_email {
    width: 65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
}

.page_mypage.reserve .section dl dd.email .inp_email .at {
    font-size: 16px;
    color: var(--gray);
    flex: none !important;
    display: inline-block;
    margin: 0 10px;
}

.page_mypage.reserve .section dl dd.email .inp_sel {
    width: 35%;
    flex: none;
    margin-right: 0;
}

.page_mypage.reserve .section.option div {
    margin-bottom: 16px;
}

.page_mypage.reserve .section.option div:last-child {
    margin-bottom: 0;
}

.page_mypage.reserve .section.option div .label .info {
    color: var(--black);
    font-size: 16px;
}

.page_mypage.reserve .section.option p {
    font-size: 16px;
    color: var(--black);
}

.page_mypage.reserve .section.infoInp dl:last-child {
    padding: 10px 0 20px;
}

.page_mypage.reserve .section.infoInp dl:last-child dd {
    color: var(--primary);
    font-size: 16px;
}

.page_mypage.reserve .section.guestInp h3 {
    display: flex;
    align-items: center;
}

.page_mypage.reserve .section.guestInp h3 div {
    margin-left: 20px;
    font-weight: 400;
}

.page_mypage.reserve .section.guestInp h3 div span {
    color: var(--primary);
}

.page_mypage.reserve .section.guestInp dl dt span {
    color: var(--primary);
    margin-left: 6px;
}

.page_mypage.reserve .section.guestInp dl dt span::before {
    content: '';
}

.page_mypage.reserve .section.guestInp dl .inp {
    display: flex;
    flex-direction: row;
}

.page_mypage.reserve .section.guestInp dl .inp div {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.page_mypage.reserve .section.guestInp dl .inp div span:first-child {
    font-size: 16px;
    font-weight: 500;
    margin-right: 16px;
}

.page_mypage.reserve .section.noti {
    color: var(--gray);
    border-top: 0;
}

.page_mypage.reserve .section.noti dl dd {
    width: 84%;
    display: flex;
    flex-direction: column;
}

.page_mypage.reserve .section.noti dl dd p {
    width: 100%;
    line-height: 1.4;
    text-align: left;
    margin-right: 0;
    position: relative;
    padding-left: 12px;
}

.page_mypage.reserve .section.noti dl dd p::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '-';
}

.page_mypage.reserve .section.payment h3 {
    margin-bottom: 0;
}

.page_mypage.reserve .section.payment .coupon {
    background: #fafcff;
    border-bottom: 1px dashed #e3e5e8;
    padding: 30px 0 20px;
}

.page_mypage.reserve .section.payment .coupon dl {
    border-bottom: 0;
    padding-bottom: 0;
}

.page_mypage.reserve .section.payment .coupon dl dt span {
    font-weight: 600;
    color: #1758d1;
}

.page_mypage.reserve .section.payment .coupon dl dt span::before {
    display: none;
}

.page_mypage.reserve .section.payment .coupon dl dd button {
    flex: none;
    width: 160px;
    background: var(--primary);
    color: var(--white);
    height: 50px;
    line-height: 50px;
    margin-left: 5px;
}

.page_mypage.reserve .section.payment .coupon dl dd .inp_base {
    width: 660px;
}

.page_mypage.reserve .section.payment .coupon dl:last-child {
    margin-bottom: 10px;
}

.page_mypage.reserve .section.payment .coupon dl:last-child dd {
    color: var(--red);
    font-size: 16px;
}
@media screen and (max-width: 550px){
    .page_mypage.reserve .section.payment .coupon dl dd .inp_base{
        width: 100%;
    }
    .page_mypage.reserve .section dl dd{
        flex-direction: column;
        gap: 8px;
    }
    .page_mypage.reserve .section.payment .coupon dl dd button{
        width: 100%;
    }
}
.page_mypage.reserve .section.payment .total {
    width: 100%;
    padding: 24px 0 0;
}

.page_mypage.reserve .section.payment .total ul li {
    text-align: right;
}

.page_mypage.reserve .section.payment .total ul:first-child li {
    text-align: right;
    font-size: 15px;
    color: var(--black);
    line-height: 26px;
}

.page_mypage.reserve .section.payment .total ul:first-child li:last-child span {
    color: var(--red);
    margin-left: 19px;
}

.page_mypage.reserve .section.payment .total ul:last-child {
    border-top: 1px solid var(--black);
    margin-top: 20px;
    padding-top: 20px;
}

.page_mypage.reserve .section.payment .total ul:last-child li:first-child {
    font-size: 22px;
    font-weight: 600;
    color: var(--black);
    letter-spacing: -0.6px;
    margin-bottom: 10px;
}

.page_mypage.reserve .section.payment .total ul:last-child li:first-child span {
    color: var(--red);
    margin-left: 14px;
}

.page_mypage.reserve .section.payment .total ul:last-child li:last-child {
    font-size: 14px;
    color: var(--gray);
}

.page_mypage.reserve .section.terms {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 6px;
}

.page_mypage.reserve .section.terms h3 {
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_mypage.reserve .section.terms h3 .check_all {
    margin-left: 16px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_mypage.reserve .section.terms ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.page_mypage.reserve .section.terms ul li .label {
    font-size: 16px;
    color: var(--black);
}

.page_mypage.reserve .section.terms ul li .label span {
    color: var(--red);
    margin-left: 6px;
}

.page_mypage.reserve .section.terms ul li .arrow {
    color: var(--black);
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* -----------------
       회사소개
-----------------*/
.page_company_intro .intro {
    width: 100%;
    max-width: 1280px;
    padding: 80px 0;
    margin: 0 auto;
}

.page_company_intro .intro img {
    width: inherit;
}


.tour_detail .t_tag_wrap {
    position: relative;
    margin-top: 20px;
}


.share_warp {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}

.share_warp .sh.sh_kakao {
    background-image: url(../../images/common/share_icon_kakao.png);
}

.share_warp .sh {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    cursor: pointer;
    margin-right: 6px;
}

.share_warp .sh:last-child {
    margin-right: 0;
}

.share_warp .sh.sh_link {
    background-image: url(../../images/common/share_icon_link.png);
}

.share_warp .sh {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    cursor: pointer;
    margin-right: 4px;
}

form[name="frmSearch"] {
    width: 100%;
}
@media screen and (max-width: 1280px){
.page_main .pm_notice .help_wrap .info_wrap .number{
    font-size: 48px;
}
.page_tour.tour_detail .p_cont{
justify-content: center;
}
}
@media screen and (max-width: 1024px) {

    /* ----------------------
                공통
    ----------------------*/


    .page_main .pm_long.l_b_2 .long_list img,
    .page_main .pm_long.pml_sy2 img,
    .page_main .pm_product.pm_pro_3 img {}

    /* ----------------------
              메인
    ----------------------*/

    .page_main .pm_cont {
        margin-top: 6rem;
    }

    .page_main .swiper {
        overflow: hidden;
    }

    .page_main .pm_promo_1 .swiper {
        overflow: visible;
    }

    .page_main .pm_long.pml_sy2 .pm_cont {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .page_tour {
        padding-bottom: 6rem;
    }

    .page_tour .p_tit {
        padding-top: 6rem;
    }

    .page_main .pm_cont .pm_tit,
    .page_main .pm_cont .pm_p_tab .pm_tit {
        font-size: 2.2rem;
        padding: 0 1.5rem;
        margin-bottom: 0;
    }

    .page_main .pm_icon_wrap .pm_tit,
    .page_main .pm_promo_1 .pm_cont .pm_tit {
        margin-bottom: 2rem;
    }

    .page_main .pm_long.pml_sy2 .pm_tit_wrap {
        margin-bottom: 2rem;
    }

    .page_main .pm_visual {
        /* height: 480px; */
    }

    .page_main .pm_visual .txt_wrap .sub {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .page_main .pm_visual .txt_wrap .tit {
        font-size: 3.8rem;
        line-height: 1.2;
    }
    .page_main .pm_visual .img_slide {
        aspect-ratio: 25 / 32;
        background-size: cover;
    }
    .page_main .pm_visual .img_slide .imgbox img{
        aspect-ratio: 25 / 32;
    }
    .page_main .pm_visual .img_slide .is_wrap {
        width: auto;
        padding: 0 1.5rem;
        left: 0;
        transform: translateX(0%);
    }
    .page_main .pm_visual .img_slide .is_wrap .txt_wrap {
        padding-bottom: 15.5rem;
    }

    .page_main .pm_visual .search_wrap {
        margin-top: 10rem;
        padding: 1.5rem 2rem;
        max-width: 400px;
        left: 15px;
        bottom: 100px;
        width: calc(100% - 30px);
    }

    .page_main .pm_visual .search_wrap .tit {
        font-size: 1.5rem;
    }

    .page_main .pm_visual .search_wrap .sw input {
        width: 100%;
        padding-right: 10rem;
        height: 4.4rem;
    }

    .page_main .pm_visual .search_wrap .sw .sw_name {
        padding: 0 2rem;
        font-size: 1.5rem;
    }

    .page_main .pm_visual .swi_btn_wrap .swiper-pagination-bullet {
        margin-right: 1.2rem;
    }

    .page_main .pm_icon_wrap .ic_wrap {
        padding: 0 1.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow-x: auto;
    }

    .page_main .pm_icon_wrap .ic_wrap .img {
        width: 80px;
        height: 80px;
        border-radius: 20px;
    }

    .page_main .pm_icon_wrap .ic_wrap img {
        width: 43px;
    }

    .page_main .pm_icon_wrap .ic_wrap .txt {
        font-size: 1.4rem;
        margin-top: 1.2rem;
    }

    .page_main .pm_icon_wrap .ic_wrap .ic {
        margin-left: 28px;
    }

    .page_main .pm_cont .pm_tab {
        font-size: 1.6rem;
        margin-top: 2rem;
    }

    .page_main .pm_pro_1 .pm_cont .pm_p_tab .pm_tit {
        text-align: center;
    }

    .page_main .pm_pro_1 .pm_cont .pm_tab {
        margin-left: auto;
        margin-right: auto;
    }

    .page_main .pm_cont .pm_p_tab {
        margin-bottom: 2.5rem;
    }

    .page_main .pm_product .swi_btn_wrap .swi_btn {
        position: static;
    }

    .page_main .pm_product .product_list,
    .page_main .swiper_all_wrap {
        margin: 0 1.5rem;
    }

    .page_main .pm_product .product_list .img_slide {
        /* height: 420px; */
    }

    .page_main .pm_product .product_list .txt_wrap {
        font-size: 1.7rem;
    }

    .page_main .pm_promo_1 .promo_list .img_slide {
        border-radius: 10px;
        overflow: hidden;
        height: 40vw;
    }

    .page_main .pm_long .long_list .swi_btn_wrap {
        right: 15px;
        bottom: 15px;
    }

    .page_main .pm_product.pm_pro_2 .product_list .img_slide {
        /* height: 420px; */
    }

    .page_main .pm_product.pm_pro_2 .product_list .txt_wrap {
        height: 120px;
        padding: 2.1rem;
    }

    .page_main .pm_product.pm_pro_2 .product_list .txt_wrap .tit {
        font-size: 1.7rem;
        margin-bottom: 1.5rem;
    }

    .page_main .pm_product.pm_pro_2 .product_list .txt_wrap .price {
        font-size: 2rem;
    }

    .page_main .swi_btn_wrap.swi_2 .swi_btn .swi_b {
        right: 0;
    }

    .page_main .swi_btn_wrap.swi_2 .swi_btn .swi_b.swi_prev {
        left: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }


    .page_main .pm_pro_1 .swi_btn_wrap .swi_btn .swi_b,
    .page_main .pm_promo_1 .swi_btn_wrap.swi_2 .swi_btn .swi_b {
        right: -15px;
    }

    .page_main .pm_pro_1 .swi_btn_wrap .swi_btn .swi_b.swi_prev,
    .page_main .pm_promo_1 .swi_btn_wrap.swi_2 .swi_btn .swi_b.swi_prev {
        left: -15px;
    }

    .page_main .pm_pro_1 .swiper {
        overflow: visible;
    }

    .page_main .pm_pro_1 {
        overflow: hidden;
    }

    .page_main .pm_long.l_b_2 .img_slide {
        height: 340px;
    }

    .page_main .pm_long.pml_sy2 .pm_tit_wrap .i_detail {
        font-size: 1.4rem;
        margin-right: 1.5rem;
    }

    .page_main .pm_long.pml_sy2 .i_icon.i_arrow_r_b i {
        background-size: 5px;
        width: 7px;
    }

    .page_main .pm_long.pml_sy2 .banner_wrap {
        margin: 0 1.5rem;
    }
.page_main .pm_long.pml_sy2 .banner_wrap .swiper{
        height: auto;
}

.page_main .pm_long.pml_sy2 .banner_wrap .banner_1 {
    width: calc(70% - 1rem);
    /* width: 50%; */
}
.page_main .pm_long.pml_sy2 .banner_wrap .banner_2 {
    width: 30%;
    /* width: 50%; */
}
    .page_main .pm_long.pml_sy2.pml_1 .banner_wrap .banner_1 {
        /* margin-bottom: 1rem; */
    }


    .page_main .pm_product.pm_pro_3 .prod_list {
        flex-direction: column;
        margin: 0 1.5rem;
    }

    .page_main .pm_product.pm_pro_3 .pl_1 {
        width: 100%;
    }

    .page_main .pm_product.pm_pro_3 .pl_1 .img_slide {
        width: 100%;
        flex-direction: row;
        display: flex;
        margin-bottom: 1rem;
    }

    .page_main .pm_product.pm_pro_3 .pl_1 .img,
    .page_main .pm_product.pm_pro_3 .pl_2 .img {
        height: 120px;
        width: 120px;
        border-radius: 0 10px 10px 10px;
        margin-right: 2rem;
        min-width: auto;
    }

    .page_main .pm_product.pm_pro_3 .txt_wrap {
        flex: 1;
    }

    .page_main .pm_product.pm_pro_3 .txt_wrap .tit {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .page_main .pm_product.pm_pro_3 .txt_wrap .price {
        font-size: 1.8rem;
    }

    .page_main .pm_product.pm_pro_3 .pl_2 {
        width: 100%;
    }

    .page_main .pm_notice {
        margin: 0 1.5rem;
    }

    .page_main .pm_notice .pm_cont {
        flex-direction: column;
        margin-bottom: 6rem;
    }

    .page_main .pm_notice .notice_wrap {
        width: 100%;
    }

    .page_main .pm_notice .notice_wrap .con_li {
        flex-direction: column-reverse;
        height: auto;
        line-height: 1.4;
        padding: 16px 0;
        align-items: flex-start;
    }

    .page_main .pm_notice .notice_wrap .con_li .date {
        color: var(--lightgray);
    }

    .page_main .pm_notice .notice_wrap .con_li:last-child {
        border-bottom: 0;
    }

    .page_main .pm_notice .help_wrap {
        width: 100%;
        margin-left: 0;
        padding-top: 5rem;
        margin-top: 4rem;
        border-top: 8px solid var(--lightgray2);
    }

    .page_main .pm_notice .help_wrap .info_wrap {
        margin-top: 2rem;
    }

    .page_main .pm_notice .help_wrap .info_wrap .number {
        line-height: 1.1;
        word-break: break-all;
        word-wrap: break-word;
        -webkit-hyphens: none;
        font-size: 38px;
    }

    .page_main .pm_notice .help_wrap .faq_wrap {
        align-items: center;
        margin-top: 2.5rem;
    }

    .page_main .pm_notice .help_wrap .faq_wrap .faq_btn {
        font-size: 1.5rem;
        max-width: 120px;
    }

    .page_main .pm_notice .help_wrap .sns .sn_i {
        margin-right: 1rem;
    }

    /*-------------------------
            page_review
    -------------------------*/

    .page_customer,
    .page_mz {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .page_event,
    .page_review {
        padding-top: 5rem;
        padding-bottom: 0;
    }

    .page_mypage {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .page_mypage.reserve,
    .page_mypage.estimate {
        padding-bottom: 5rem;
    }

    .p_space {
        /* margin: 0 auto; */
    }

    .page_review .itemArea {
        gap: 0;
        display: flex;
        flex-direction: column;
    }

    .cus_search_box {
        width: 100%;
    }

    .page_review .searchArea .search_box {
        width: 95%;
    }

    .page_review.review .area .tab_area {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        margin-bottom: 2rem;
    }

    .page_review .itemArea .item {
        margin-bottom: 50px;
    }

    .page_review .itemArea .item .item_img {
        height: 44vw;
        max-height: initial;
    }

    .page_review .itemArea .item .item_info p:first-child {
        margin-bottom: 6px;
    }

    .page_review .itemArea .item .item_info p:nth-child(2) {
        margin-bottom: 20px;
    }

    .page_review .area {
        flex-direction: column;
        margin-top: 4rem;
    }

    .page_review .area .tab_area {
        justify-content: center;
        margin-bottom: 20px;
    }

    .page_review.reviewView .btn_single .btn_black {
        max-width: initial;
    }

    .page_review.reviewView .cont .area01 ul li:last-child {
        padding-right: 0;
        margin-right: 0;
    }


    .page_review.reviewView .cont .area01 .tit {
        font-size: 20px;
    }

    .page_review.reviewView .cont .area01 ul {
        padding: 12px 0;
    }

    .page_review.reviewView .cont .area02 p {
        font-size: 15px;
    }

    .page_review .itemArea {
        gap: 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }

    .page_review .itemArea .item {
        margin-bottom: 50px;
    }

    .page_review .itemArea .item .item_img {
        height: 44vw;
        max-height: initial;
    }

    .page_review .itemArea .item .item_info p:first-child {
        margin-bottom: 6px;
    }

    .page_review .itemArea .item .item_info p:nth-child(2) {
        margin-bottom: 20px;
    }

    .page_review .area {
        flex-direction: column;
    }

    .page_review .area .tab_area {
        justify-content: center;
        margin-bottom: 20px;
    }

    .page_review.reviewView .btn_single .btn_black {
        max-width: initial;
    }

    .page_review.reviewView .cont .area01 ul li:last-child {
        padding-right: 0;
        margin-right: 0;
    }

    .page_review.reviewView .cont .area01 .tit {
        font-size: 20px;
    }

    .page_review.reviewView .cont .area01 ul {
        padding: 12px 0;
    }

    .page_review.reviewView .cont .area02 p {
        font-size: 15px;
    }

    /* ----------------------
             event
    ----------------------*/

    .page_event .tab_area {
        width: 100%;
    }

    .page_event.eventView .btn_single {
        width: 100%;
        max-width: initial;
    }

    .page_event .list {
        display: block;
        width: 100%;
        margin: 0 auto 60px;
    }

    .page_event .list div {
        width: 100%;
        margin-left: 0;
    }

    .page_event.eventView .cont .area02 img {
        width: 100%;
        margin: 0 auto 30px;
    }

    .page_event.eventView .cont .area01 {
        flex-direction: column;
        align-items: flex-start;
    }

    .page_event.eventView .cont .area01 .tit {
        margin-bottom: 6px;
    }

    .page_event h3 {
        font-size: 18px;
    }

    .relat_prod .itemArea {
        flex-direction: column;
    }

    .relat_prod .itemArea .item {
        width: 100%;
        max-width: initial;
        margin-left: 0;
    }

    .relat_prod .itemArea .item .item_img {
        width: 100%;
        height: 50vw;
        max-height: 282px;
        margin-bottom: 20px;
    }

    .relat_prod .itemArea .item .item_img img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
    }

    .relat_prod .itemArea .item {
        margin-bottom: 50px;
    }

    /* -----------------------------------
                고객센터
    ----------------------------------- */

    .searchArea .search_box {
        width: 95%;
        max-width: 500px;
    }

    .page_customer .p_tit {
        margin-bottom: 30px;
    }

    .page_customer .searchArea {
        width: 100%;
    }

    .page_customer .searchArea p {
        font-size: 30px;
    }

    .page_customer.notice .list ul:last-child li {
        height: 50px;
        line-height: 50px;
    }

    .page_customer .faq_area .area01 .tit,
    .page_customer .notice_area .area01 .tit {
        font-size: 20px;
    }

    .page_customer.notice .list ul:last-child li p {
        width: 100%;
        padding-right: 0;
    }

    .page_customer .more span {
        font-size: 16px;
    }

    .page_customer .faq_area .area02 ul .q_area {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 0 0 55px;

    }

    .page_customer .faq_area .area02 ul .q_area .tit {
        width: 100%;
        margin: 22px 0 6px;
    }

    .page_customer .faq_area .area02 ul .q_area .txt {
        margin-bottom: 22px;
        padding-right: 16%;
        width: 100%;
        box-sizing: border-box;
    }

    .page_customer .faq_area .area02 ul .a_area .txt {
        font-size: 15px;
    }

    .page_customer .notice_area {
        margin-top: 60px;
    }

    .page_customer .notice_area ul {
        flex-direction: column;
    }

    .page_customer .notice_area ul li {
        width: 100%;
        margin-bottom: 16px;
    }

    .page_customer .notice_area ul li:last-child {
        margin-bottom: 0;
    }

    .page_customer .notice_area p {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .page_customer .notice_area span {
        font-size: 15px;
    }

    .page_customer.faq .list {
        margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem);
    }

    .page_customer.faq .searchArea {
        width: 100%;
    }

    .page_customer.faq .item_list {
        margin-top: 40px;
        overflow-x: auto;
        padding: 0 20px;
        box-sizing: border-box;
        width: 100%;
        justify-content: flex-start;
    }

    .page_customer.faq .item_list span {
        font-size: 18px;
    }

    .page_customer.faq .list ul .q_area {
        padding: 0 0 0 60px;
        flex-direction: column;
        align-items: flex-start;
    }

    .page_customer.faq .list ul .q_area .tit {
        margin: 22px 0 6px;
    }

    .page_customer.faq .list ul .q_area .txt {
        padding-right: 16%;
        margin-bottom: 22px;
    }

    .page_customer.faq .list ul.active .a_area {
        padding-left: 60px;
    }

    .page_customer.faq .list ul .a_area .txt {
        font-size: 15px;
    }

    .page_customer.faq .list ul .a_area::before,
    .page_customer.faq .list ul .q_area::before {
        left: 20px;
    }

    .page_customer.notice .searchArea {
        width: 100%;
    }

    .page_customer.notice .list {
        margin: 30px auto 0;
    }

    .page_customer.notice .list ul:first-child li:first-child,
    .page_customer.notice .list ul:last-child li span {
        display: none;
    }

    .page_customer.noticeView .btn_single .btn_black {
        width: 100%;
    }

    .page_customer.noticeView .cont .area02 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0 auto;
    }

    .page_customer.noticeView .cont .area01 {
        flex-direction: column;
        align-items: flex-start;
    }

    .page_customer.noticeView .cont .area01 .tit {
        font-size: 20px;
        margin-bottom: 6px;
    }

    /* ----------------------
        policies 정책
    ----------------------*/

    .policies .inner {
        width: 94%;
    }

    .policies .form ul li {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        border-bottom: none;
        padding-bottom: 0;
    }

    .policies .form ul li span:first-child {
        margin-bottom: 10px;
    }

    .policies .form ul li span:last-child {
        width: 100%;
    }

    .policies .btn_area .btn_black,
    .page .btn_single .btn_black {
        width: 100%;
        max-width: initial;
    }

    .policies p {
        font-size: 14px;
        line-height: 22px;
    }

    #smallPopup .policies {
        padding-top: 0;
    }

    .policies {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    #smallPopup #smallPopup_arti {
        width: 100%;
        height: 90%;
    }

    /* -----------------------------
                로그인단
    --------------------------------- */

    .p_join .form dl {
        flex-direction: column;
        align-items: flex-start;
        border: none;
        padding-bottom: 0;
        margin-bottom: 25px;
    }

    .p_join .form dl dt {
        width: 100%;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .p_join .form dl dd {
        width: 100%;
    }

    .p_join .form dl.pw_line dd {
        padding-top: 0;
    }

    .p_join .form dl dd.email .e_li_1 {
        display: flex;
        flex-direction: column;
    }

    .p_join .form dl dd.email .e_li_1 .inp_email {
        width: 100%;
        margin-bottom: 5px;
    }

    .p_join .form dl dd.email .e_li_1 .inp_sel {
        width: 100%;
        margin: 0;
    }

    .page_member {
        padding: 5rem 1.5rem;
    }

    .page_member.findMember form {
        margin: 20px auto;
        width: 90%;
    }

    .p_join .terms_wrap ul li .label {
        font-size: 14px;
    }

    .p_join .btn_single,
    .page .btn_single {
        width: 100%;
    }

    .cu_checkbox.cuc_line .ch_box {
        margin-right: 0;
    }

    /* ----------------------
            마이페이지
    ----------------------*/

    .page_mypage .greetings button {
        display: none;
    }

    .page_mypage.p_main .btn_single {
        width: 100%;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .page_mypage .greetings div {
        width: 80%;
    }

    .page_mypage .greetings div {
        font-size: 35px;
    }

    .page_mypage.reservaList .itemArea .item .item_img {
        width: 100%;
        height: 44vw;
        max-width: inherit;
        max-height: inherit;
    }

    .page_mypage.reservaList .itemArea .item ul {
        flex-direction: column;
    }

    .page_mypage.reservaList .itemArea .item .item_img {
        width: 100%;
        height: 44vw;
        max-width: inherit;
        max-height: inherit;
    }

    .page_mypage.reservaList .itemArea .item .item_info {
        width: 100%;
        margin-left: 0;
    }

    .page_mypage .itemArea .item .item_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        cursor: pointer;
    }


    .page_mypage.reservaList .itemArea .item ul {
        flex-direction: column;
    }

    .page_mypage.reservaList .itemArea .item .item_img {
        width: 100%;
        height: 44vw;
        max-width: inherit;
        max-height: inherit;
        margin-bottom: 20px;
    }

    .page_mypage.reservaList .itemArea .item .item_info {
        width: 100%;
        margin-left: 0;
    }

    .page_mypage.reservaList .itemArea .item .item_info p:first-child {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 12px;
    }

    .page_mypage.reservaList .itemArea .item .item_info p:first-child span {
        padding: 0;
        margin: 0;
        margin-bottom: 6px;
    }

    .page_mypage.reservaList .statebox {
        padding: 4px 12px !important;
    }

    .page_mypage.reservaList .itemArea .item .item_info {
        width: 100%;
        margin-left: 0;
    }

    .page_mypage.reservaList .itemArea .item .item_info.item_new {
        width: 100%;
    }

    .page_mypage.reservaList .itemArea .item .item_info p:first-child .oderNum::before {
        display: none;
        ;
    }

    .page_mypage.reservaList .itemArea .item .item_info .price {
        margin-bottom: 0;
    }

    .page_mypage.reservaList .itemArea .item .item_info div {
        width: 100%;
    }

    .page_mypage.reservaList .itemArea .item .item_info div button {
        max-width: inherit;
    }

    .page_mypage.reservaList .itemArea .item .item_info p:first-child span {
        padding: 0;
        margin: 0;
        margin-bottom: 6px;
    }

    .page_mypage.reservaList .itemArea .item .item_info p:first-child .oderNum {
        margin: 0;
        padding: 0;
    }

    .page_mypage.reservaList .itemArea .item .item_info.item_new div {
        margin-bottom: 1.5rem;
    }

    .page_mypage.myReview .itemArea {
        margin-bottom: 0;
        position: relative;
    }

    .page_mypage.myReview .itemArea .item {
        flex-direction: column;
    }

    .page_mypage.myReview .itemArea .item .item_img {
        position: relative;
        width: 100%;
        max-width: inherit;
        max-height: inherit;
        height: 45vw;
        margin-bottom: 20px;
    }

    .page_mypage.myReview .itemArea .item .item_info {
        width: 100%;
        margin-left: 0;
    }

    .page_mypage.myReview .itemArea .item .item_info p:first-child {
        font-size: 16px;
    }

    .page_mypage.myReview .itemArea .item .item_info p:nth-child(2) {
        font-size: 20px;
    }

    .page_mypage.myReview .itemArea .item .item_info .price {
        font-size: 18px;
    }

    .page_mypage.myReviewWrite .cont .area01 dl dt {
        width: 70px;
        max-width: initial;
        min-width: initial;
        padding: 0;
    }

    .page_mypage.myReviewWrite .cont .area02 ul li {
        width: 50px;
        height: 50px;
    }

    .page_mypage.myReviewWrite .photo_wrap {
        flex-direction: column;
        margin-top: 40px;
    }

    .page_mypage.myReviewWrite .cont .photo_wrap .photo {
        margin: 20px 0;
        width: 100%;
    }

    .page_mypage.myReviewWrite .btn_double {
        width: 100%;
    }

    .page_mypage.myReviewWrite .btn_double {
        width: 100%;
        margin-top: 30px;
    }

    .page_mypage.myReview .itemArea .item .item_info div button {
        max-width: initial;
    }

    .page_mypage.wishlist .itemArea {
        flex-direction: column;
    }

    .page_mypage.wishlist .itemArea .item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px;
    }

    .page_mypage.wishlist .itemArea .item .item_img {
        width: 100%;
        height: 50vw;
        border-radius: 10px;
        overflow: hidden;
        background: rgb(0 0 0 / 4%) url(../../images/temp105/common/no_image.svg) 50% 50% / 16vw no-repeat;
        margin-bottom: 20px;
        max-width: inherit;
    }

    .page_mypage.wishlist .itemArea .item .item_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        cursor: pointer;
    }

    .page_mypage.p_coupon .area02 .list {
        width: 100%;
    }

    .page_mypage.p_coupon .area02 .list div {
        width: 100%;
    }

    .page_mypage.p_coupon .area02 .list div,
    .page_mypage.p_coupon .area02 .list div:nth-of-type(even) {
        margin-right: 0;
        max-height: inherit;
    }

    .page_mypage .p_tit .sub_info {
        font-size: 14px;
    }

    .page_mypage.estimate form {
        width: calc(100% - 32px);
        padding: 16px;
    }

    .page_mypage.estimate form dl {
        flex-direction: column;
    }

    .page_mypage.estimate form dl dt {
        font-size: 16px;
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .page_mypage.estimate form dl dd {
        width: 100%;
    }

    .page_mypage.estimate form dl.hope dd {
        flex-direction: column;
    }

    .page_mypage.estimate form dl.hope .cus_select {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .page_mypage.estimate form dl.hope .cus_select:last-child {
        margin-bottom: 0;
    }

    /* -------------
        매거진
    ---------------- */
    .page_mz.mzList .itemArea {
        display: flex;
        flex-direction: column;
    }

    .page_mz.mzList .itemArea .item {
        flex: auto;
        height: 90vw;
        width: 100%;
        max-height: initial;
        max-width: initial;
    }

    .mzView .cont .area02 p {
        font-size: 15px;
    }

    .mzView .cont .area02 p img {
        width: 100%;
    }

    .page_mz.mzView .cont .area01 {
        flex-direction: column;
        align-items: flex-start;
    }

    .page_mz.mzView .cont .area01 .tit {
        margin-bottom: 6px;
        font-size: 20px;
    }

    .mzView .relat_prod {
        margin-top: 60px;
    }

    .mzView .relat_prod .itemArea .item {
        margin-bottom: 30px;
    }


    /* ----------------------
              골프 
    ----------------------*/

    .golf_step {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        box-sizing: border-box;
    }

    .golf_step::after {
        display: block;
        content: "";
        clear: both;
    }

    .golf_step p:first-child {
        width: 100%;
        text-align: left;
    }

    .golf_step p:first-child span {
        color: #08a300;
        font-weight: 500;
    }

    .golf_step .inner {
        width: 100%;
        margin: 16px auto 0;
        display: flex;
    }

    .golf_step .inner div {
        flex: 1;
        text-align: center;
        padding: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-position: top !important;
    }

    .golf_step .inner div span {
        color: #08a300;
        width: 100%;
        font-size: 11px;
        padding-top: 40px;
        margin-top: 0;
        display: block;
        height: 18px;
    }

    .golf_step .inner div p {
        font-size: 13px;
        line-height: normal;
        white-space: normal;
    }

    .golf_calendar .tab_calendar .swiper .swiper-wrapper .txt {
        font-size: 1.6rem;
    }

    .layer_wrap.cal_wrap .cont_box .of_y {
        height: calc(100% - 40px - 40px - 130px);
    }

    .golf_calendar .cal_wrap .arrow_left {
        left: -10px;
    }

    .golf_calendar .cal_wrap .arrow_right {
        right: -10px;
    }

    .golf_calendar .cal_wrap .cal_date_box .date_box {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        padding: 10px 30px;
    }

    .golf_filter {
        flex-direction: column;
    }

    .golf_filter .fil_tab {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .golf_filter .fil_tab button {
        min-height: 44px;
        font-size: 1.4rem;
    }

    .golf_filter .fil_list {
        overflow: hidden;
        overflow-x: scroll;
        justify-content: flex-start;
    }

    /* ----------------------
            골프예약
    ----------------------*/
    .reserve_wrap .rew {
        margin-bottom: 4rem;
    }

    .reserve_wrap .rew.rew_terms {
        margin-top: 8rem;
    }

    .reserve_wrap .rew_tit {
        font-size: 1.8rem;
    }

    .reserve_wrap {
        padding: 2rem;
    }

    .reserve_wrap .rew_item {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .reserve_wrap .rew_item .item_img {
        margin-right: 20px;
        height: 34vw;
        width: 36%;
        max-width: initial;
    }

    .reserve_wrap .rew_item .item_info {
        margin-left: 0;
        flex: 1;
    }

    .reserve_wrap .rew_item .item_info .it_code {
        margin-bottom: 10px;
    }

    .reserve_wrap .rew_item .item_info .it_date {
        font-size: 14px;
    }

    .reserve_wrap .rew_item .item_info .it_code .tit {
        font-size: 15px;
    }

    .reserve_wrap .rew_item .item_info .it_code .txt,
    .reserve_wrap .rew_item .item_info .it_tit {
        font-size: 16px;
    }

    .reserve_wrap .rew_item .item_info .it_tit {
        margin-bottom: 10px;
    }

    .reserve_wrap .rew_info .co_box {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        padding: 1.6rem 0;
        border-bottom: 0;
    }

    .reserve_wrap .rew_info .co_box:last-child {
        padding-bottom: 0;
    }

    .reserve_wrap .rew_info .co_box .tit {
        margin-bottom: 10px;
    }

    .reserve_wrap .rew_info .co_box .txt {
        width: 100%;
    }

    .reserve_wrap .rew_info .cb_email .txt {
        flex-direction: column;
        width: 100%;
    }

    .reserve_wrap .rew_info .co_box.cb_email .tx_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .reserve_wrap .rew_info .cb_email .tx_box:last-child {
        margin-bottom: 0;
    }

    .reserve_wrap .rew_noti .co_list {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.6rem 0;
    }

    .reserve_wrap .rew_noti .co_list .tit {
        margin-bottom: 10px;
    }

    .reserve_wrap .rew_noti .co_list .txt {
        font-size: 14px;
        color: var(--gray);
    }

    .p_golf .pick_tit {
        font-size: 20px;
    }

    /* 골프 국내 실시간 - golf_realView.inc */
    .p_glof_real .golf_photo .item_img .area02 {
        display: none;
        ;
    }

    .p_glof_real .golf_photo .item_img .area01 {
        width: 100%;
        max-width: initial;
    }

    .p_glof_real .golf_photo .item_img {
        height: 400px;
        overflow: hidden;
    }

    .p_glof_real .golf_photo .bt_photo .txt {
        font-size: 13px;
    }

    .p_glof_real .golf_photo .item_img .area01 img {
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .p_golf .golf_time .item_info .it_name {
        align-items: center;
        margin: 2rem 0;
    }

    .p_golf .golf_time .item_info .it_name span {
        font-size: 2rem;
    }

    .p_golf .golf_time .item_info .it_name a {
        font-size: 1.2rem;
    }

    .p_golf .golf_time .item_info .address {
        display: block;
        line-height: 1.5;
        overflow: visible;
    }

    .list_sy_1 .item .area02.price_wrap {
        flex-direction: column;
        align-items: flex-end;
    }

    .list_sy_1 .item .area02.price_wrap .info {
        margin-bottom: 0.5rem;
        margin-right: 0;
    }

    .p_golf_tour .layout_img .swiper-slide img {
        width: auto;
        height: 100%;
    }


    .p_golf .datepicker .datepicker_list .month_next {
        display: none;
    }

    .p_golf .datepicker .datepicker_list .datepicker_item {
        width: 100%;
    }

    .p_golf .produ .box_wrap .item {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .p_golf .produ_time .option {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .p_golf .produ_time ul li {
        font-size: 14px;
        padding: 0 14px;
        height: 120px;
    }

    .p_golf .produ .box_wrap .item .it_info {
        width: 100%;
    }

    .p_golf .produ .box_wrap .item .it_price {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .p_golf .produ_time .option .tit {
        margin-bottom: 1.5rem;
    }

    .p_golf .totalPrice .tpl .tpl_b.info .tit,
    .p_golf .totalPrice .tpl .tpl_b.price span {
        font-size: 16px;
    }

    .p_golf .totalPrice .tpl .tpl_b.info .txt {
        font-size: 14px;
    }

    .product_explain .pro_tab button {
        font-size: 14px;
    }

    .product_explain .proe ul .info .btn_type_basic {
        max-width: 150px;
        min-height: 38px;
        margin-top: 20px;
    }

    .page_tit {
        font-size: 2.5rem;
        margin: 5rem auto 3rem;
    }

    .page_tab {
        justify-content: center;
    }

    .page_tab.pt_scroll {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .page_tab_wrap {
        flex-direction: column;
    }

    .page_tab_wrap .page_tab:first-child {
        margin-bottom: 15px;
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }

    .list_sy_1 {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: initial;
    }

    .list_sy_1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .list_sy_1 .item {
        flex: 1;
        margin-bottom: 50px;
    }

    .list_sy_1 .item .item_img {
        width: 100%;
        height: 50vw;
    }

    .list_sy_1 .item .item_info .it_time span:first-child,
    .list_sy_1 .item .item_info .it_include span:first-child {
        min-width: 60px;
    }

    .list_sy_1.sy_2 .item .item_info .it_time span:first-child,
    .list_sy_1.sy_2 .item .item_info .it_include span:first-child {
        min-width: 50px;
    }

    .p_glof_reserve {
        padding-bottom: 6rem;
    }

    .p_golf .golf_time .time_card {
        margin-bottom: 6rem;
    }

    .list_sy_1 .item .area02 {
        margin-top: 0px;
    }

    .page_tour.tour_list .itemArea {
        /* display: flex;
        flex-direction: column;
        width: 100%; */
        grid-template-columns: repeat(2, minmax(50px, 1fr));
    }

    .page_tour.tour_list .itemArea .item {
        flex: 1;
        min-width: 282px;
        margin-bottom: 10px;
    }

    .page_tour.tour_list .itemArea .item .item_img {
        height: 50vw;
        max-height: 282px;
    }

    .page_tour.tour_list .itemArea .item .item_img img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
    }

    .page_tour.tour_list .sec_area .cus_filter {
        display: none;
    }

    .page_tour.tour_list .m_filter {
        display: block;
    }

    .page_tour.tour_list .area .tab_area {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .page_tour.tour_detail .item_area {
        width: 100%;
    }

    .page_tour.tour_detail .option_area {
        display: none;
    }

    .page_tour.tour_detail .datepicker .datepicker_list .month_next {
        display: none;
    }

    .page_tour.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item:first-child {
        margin-right: 0;
        width: 100%;
    }

    .page_tour.tour_detail .produ .item {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
    }
.page_tour.tour_detail .produ .item>div {
    flex-direction: column;gap: 10px;
}
    .page_tour.tour_detail .produ .item div:first-child {
        width: 100%;
        font-size: 17px;
    }

    .page_tour.tour_detail .produ .item div:last-child {
        width: 100%;
    }

    .page_tour.tour_detail .detailMn {
        max-width: initial;
        top: 50px;
    }

    .page_tour.tour_detail .detailMn button {
        font-size: 15px;
        box-sizing: border-box;
        height: 50px;
        min-height: 50px;
    }

    .page_tour.tour_detail .item_area h4 {
        font-size: 16px;
    }

    .page_tour.tour_detail .item_area .included-list {
        box-sizing: border-box;
        padding: 0 1rem
    }

    .page_tour.tour_detail .item_area .included-list .item {
        flex-direction: column;
        align-items: flex-start;
    }

    .page_tour.tour_detail .item_area .included-list .label {
        font-size: 18px;
        width: 100%;
        justify-content: flex-start;
        padding: 12px 0;
    }

    .page_tour.tour_detail .item_area .included-list .area {
        width: 100%;
        padding: 0 0 20px;
        border-left: none;
    }

    .page_tour.tour_detail .item_area .item_img_swiper {
        padding-bottom: 0;
        height: auto;
        max-width: 700px;
        max-height: 700px;
        margin: 0 auto;
    }

    .page_tour.tour_detail .item_area .item_img_swiper img {
        max-width: 700px;
        max-height: 700px;
        margin: 0 auto;

    }

    .page_tour.tour_detail .time_info:first-child .tit:before {
        left: -33px;
    }

    .page_tour.tour_detail .travel_plan .inner .plan_area ._head {
        font-size: 17px;
    }

    .page_tour.tour_detail .travel_plan .inner .plan_area ._body {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .page_tour.tour_detail .time_info {
        padding: 0 0 20px 20px;
    }

    .page_tour.tour_detail .time_info .tit::before {
        left: -24px;
    }


    .page_tour.tour_detail .plan_box {
        flex-direction: column;
    }

    .page_tour.tour_detail .plan_box .hotel {
        border-right: 0;
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        padding: 20px 30px 20px 32%;
        box-sizing: border-box;
        width: 100%;
    }

    .page_tour.tour_detail .plan_box>div:last-child {
        border-bottom: 0;
    }

    .page_tour.tour_detail .plan_box .meal {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 30px 20px 32%;
    }

    .page.page_tour .p_cont {
        width: calc(100% - 40px);
        margin-bottom: 100px;
        margin: 0 auto;
    }

    .page.page_tour .tour_top .img {
        /* height: 200px; */
    }

    .page.page_tour .tour_top img {
        /* height: 100%; */
    }

    .page_tour.tour_list .p_tit {
        margin-bottom: 3rem;
    }

    .page_tour.tour_list .tour_search {
        margin-bottom: 6rem;
    }

    .page_tour.tour_list .tour_search .tsea {
        height: 5rem;
        font-size: 1.4rem;
    }

    .page_tour.tour_list .tour_search .tsea input {
        width: calc(100% - 60px);
    }

    .page_tour.tour_list .tour_search .search_btn {
        min-width: 60px;
        width: 100px;
    }


    .reserve_wrap .rew_coupon .coupon,
    .page_mypage.reserve .section.payment .coupon {
        padding: 20px 16px;
        box-sizing: border-box;
    }

    .reserve_wrap .rew_coupon .coupon dl,
    .page_mypage.reserve .section.payment .coupon dl {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .reserve_wrap .rew_coupon .coupon dt,
    .page_mypage.reserve .section dl dt {
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .reserve_wrap .rew_coupon .coupon dl:last-child,
    .reserve .section.payment .coupon dl:last-child {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 0;
    }

    .reserve_wrap .rew_coupon .coupon dl:last-child dt,
    .page_mypage.reserve .section dl:last-child dt {
        margin-bottom: 0;
        width: 30%;
    }

    .reserve_wrap .rew_coupon .coupon dd,
    .page_mypage.reserve .section dl dd {
        width: 100%;
    }

    .page_mypage.reserve .section.payment .coupon dl dd button {
       /* width: auto;*/
        padding: 0 10px;
    }

    /* 전체 찾기 */
    .page_all_search .layer_tit .cloas {
        height: 24px;
        margin-bottom: 0;
    }

    .layer_search .area01 {
        margin: 0 auto 30px;
    }

    .layer_search .area01 p {
        display: none;
        /*text-align: center; font-size: 32px; font-weight:600; color: var(--black); margin: 30px auto 30px;*/
    }

    .layer_search .area01 div:last-child {
        width: 90%;
        margin: 0 auto;
        position: relative;
    }

    .layer_search .area01 div:last-child .inp_base {
        font-size: 30px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 2px solid var(--black);
        padding: 6px 80px 6px 0;
    }

    .layer_search .area01 div:last-child svg {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .layer_search .area02 {
        width: 90%;
        margin: 0 auto;
        overflow-y: auto;
    }

    .layer_search .area02 li {
        position: relative;
        cursor: pointer;
        line-height: 34px;
        font-size: 18px;
        color: var(--black);
    }

    .layer_search .ti {
        width: 100%;
        margin: 0 auto 10px;
        font-size: 24px;
        font-weight: 600;
        color: var(--black);
    }

    .layer_search .itemArea {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .layer_search .itemArea .item {
        position: relative;
        width: 100%;
        margin-bottom: 36px;
    }

    .layer_search .itemArea .item:first-child {
        margin-left: 0;
    }

    .layer_search .itemArea .item .item_img {
        width: 100%;
        height: 54vw;
        max-height: 242px;
        border-radius: 10px;
        overflow: hidden;
        background: rgb(0 0 0 / 4%) url(../../images/temp102/common/no_image.svg) 50% 50% / 4vw no-repeat;
        margin-bottom: 20px;
    }

    .layer_search .itemArea .item .item_img img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        cursor: pointer;
    }

    .layer_search .itemArea .item .item_info {
        width: 100%;
    }

    .layer_search .itemArea .item .item_info::after {
        display: block;
        content: '';
        clear: both;
    }

    .layer_search .itemArea .item .item_info .badge_area {
        margin-bottom: 10px;
    }

    .layer_search .itemArea .item .item_info .tit {
        width: 100%;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        max-height: 40px;
        min-height: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 20px;
        letter-spacing: -0.4px;
        cursor: pointer;
    }

    .layer_search .itemArea .item .item_info .price {
        color: var(--black);
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -1px;
        cursor: pointer;
    }

    /* -----------------
        회사소개
    -----------------*/
    .page_company_intro .intro {
        padding: 60px 0;
        margin: 0 15px;
        width: calc(100% - 30px);
    }

    .page_company_intro .intro img {
        width: 100%;
    }

}


@media screen and (max-width: 680px) {
/* T106 배너-3 모바일 사이즈 조정  */
    .page_main .pm_long.pml_sy2 .banner_wrap {
        flex-direction: column;
        margin: 0 1.5rem;
    }

    .page_main .pm_long.pml_sy2 .banner_wrap .banner_1 {
        margin-right: 0;
        width: 100%;
    }

    .page_main .pm_long.pml_sy2.pml_1 .banner_wrap .banner_1 {
        margin-bottom: 1rem;
    }

    .page_main .pm_long.pml_sy2 .banner_wrap .banner_2 {
        width: 100%;
    }
         .page_main .pm_long.pml_sy2 .banner_wrap .swiper-slide{
            max-width: 400px;
         }
    .page_main .pm_long.pml_sy2 .banner_wrap .swiper-wrapper.ll_wrap {
        justify-content: center;
    }
/* T106 배너-3 모바일 사이즈 조정 끝  */


    .page_main .pm_product .product_list .img_slide {
        padding-top: 60%;
    }

    .page_event .list div .item_img {
        height: 40vw;
    }

    .menu_m_wrap .mm_wrap {
        min-width: auto;
        width: 90%;
    }

    /* 여행(투어) */
    .page_tour.tour_list .itemArea {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .page_tour.tour_detail .kakao {
        /* flex-direction: column; */
        padding: 12px;
    }

    .page_tour.tour_detail .kakao p {
        font-size: 16px;
        line-height: 18px;
    }

    .page_tour.tour_detail .kakao button {
        min-width: 122px;
        padding: 10px 12px;
        border-radius: 8px;
    }

    .page_tour.tour_detail .kakao button span {
        font-size: 16px;
    }

    .page_tour.tour_detail .time_info .photo {
        display: flex;
        flex-direction: column;
    }

}

.option_tour .layer_tit ul {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.option_tour .layer_tit ul .depth1Ti {
    width: 90%;
    font-weight: 700;
    line-height: 1.3;
}

.option_tour .layer_tit ul .depth2Ti {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    justify-content: start;
}

.option_tour .layer_tit ul .depth2Ti span {
    display: block;
    line-height: 1.3;
}

.option_tour .layer_tit ul .depth2Ti span:first-child {
    color: var(--black);
    white-space: nowrap;
}

.option_tour .layer_tit ul .depth2Ti span:last-child {
    color: var(--primary);
    margin-left: 6px;
}

.option_tour div dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    letter-spacing: -0.4px;
}

.option_tour div dl dt {
    color: var(--black);
    font-weight: 500;
}

.option_tour div dl dd {
    font-weight: 600;
    color: var(--black);
}

.option_tour .area01 {
    width: 92%;
    margin: 0 auto;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px dashed rgb(0 0 0 / 30%);
}

.option_tour .area02 {
    width: 92%;
    margin: 0 auto;
    height: 250px;
    overflow-y: auto;
    margin: 20px auto 0;
    padding-top: 20px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    border-top: 1px dashed rgb(0 0 0 / 30%);
}

.option_tour .area02 dl {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.option_tour .area02 dl:first-child {
    margin-top: 0;
}

.option_tour .area02 dl dt {
    display: flex;
    flex-direction: column;
}

.option_tour .area02 dl dt span.label {
    font-weight: 600;
}

.option_tour .area02 dl dt span.desc {
    font-size: 15px;
    color: var(--gray);
    white-space: nowrap;
}

.option_tour .area02 dl .count_btn {
    width: 50%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    border: 0
}

.option_tour .area02 dl .count_btn .ico_typ {
    width: 36px;
    height: 36px;
    min-height: auto;
    background: var(--white);
    border: 1px solid #e5e5e5;
    outline: none;
    cursor: pointer;
}

.option_tour .area02 dl .count_btn .btn_minus {
    background-image: url(../../images/temp102/common/minus.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50px;
}

.option_tour .area02 dl .count_btn .btn_plus {
    background-image: url(../../images/temp102/common/plus.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50px;
}

.option_tour .area02 dl .count_btn .inp_num {
    font-family: 'pretendard';
    font-size: 22px;
    color: var(--black);
    text-align: center;
    font-weight: 600;
    width: 20%;
    border: 0;
}

.option_tour .priceArea {
    position: absolute;
    bottom: 13.6%;
    left: 0;
    width: 92%;
    background: rgb(0 0 0 / 3%);
    padding: 20px 4%;
    display: flex;
    flex-direction: column;
}

.option_tour .priceArea dl {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.option_tour .priceArea dl dt {
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
}

.option_tour .priceArea dl dd {
    display: flex;
    flex-direction: column;
}

.option_tour .priceArea dl dd span {
    text-align: right;
    font-size: 15px;
}

.option_tour .priceArea dl dd span:first-child {
    color: var(--primary);
    font-weight: 600;
    font-size: 22px;
    text-align: right;
}

.option_tour .priceArea ul {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
}

.option_tour .priceArea ul li {
    text-align: right;
    line-height: 26px;
    margin-top: 6px;
}

.option_tour .priceArea ul li:first-child {
    margin-top: 0;
}

.option_tour .btnReservation {
    width: 100%;
    margin: 20px auto 10px;
}

.option_tour .btnReservation {
    cursor: pointer;
    width: 100%;
    background: var(--primary);
    border-radius: 3px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
    cursor: pointer;
}





.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date.selected {
    color: var(--white);
    /* border: 1px solid var(--primary);
    background: var(--primary); */
    border: 1px solid #003da9;
    background: #003da9;
    border-radius: 100%;
}

.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg {
    border: 1px solid #000;
    box-sizing: border-box;
}

.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_almost {
    background: #ebebeb;
    border: 1px solid #c7c3c3;
}

.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_depart {
    background: #fda7a7;
    border: 1px solid #f38e8e;
}

.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td {
    position: relative;
}

.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_end {
    border: none;
}

.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg_end:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../../images/temp102/common/i_prohibit.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center 6px;
    opacity: 0.4;
}


.tour_detail .datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_depart .price {
    color: #fff;
}

.tour_detail .selectArea .pick_info {
    display: flex;
}

.tour_detail .selectArea .pick_info .tg {
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.tour_detail .selectArea .pick_info .tg:last-child {
    margin-right: 0;
}

.tour_detail .selectArea .pick_info .tg .color {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ebebeb;
    margin-right: 5px;
}

.tour_detail .selectArea .pick_info .tg.tg_depart .color {
    background-color: #fda7a7;
}

.tour_detail .selectArea .pick_info .tg.tg_end .color {
    background-image: url(../../images/temp102/common/i_prohibit.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 14px;
    width: 14px;
    height: 14px;
    opacity: 0.4;
}


.page_main.sec_long_banner {
    margin-bottom: 110px;
    overflow: hidden;
}

.page_main.sec_long_banner .long_list {
    height: 308px;
    position: relative;
}

.page_main.sec_long_banner .long_list .img {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    cursor: pointer;
}

.page_main.sec_long_banner .long_list .img img {
    width: 100%;
}

.page_main.sec_long_banner .swi_btn_wrap .swi_page {
    position: absolute;
    bottom: 30px;
    width: 78px;
    right: 18%;
    background: rgba(0, 0, 0, 0.5);
    height: 29px;
    border-radius: 30px;
    color: var(--white);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5em;
    padding-left: 10px;
}

@media screen and (max-width: 1023px) {

    .page_main.sec_long_banner .long_list .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .page_main.sec_long_banner .swi_btn_wrap .swi_page {
        right: 7%;
    }

}

/* 231107 추가된 트래뷰 아프리카 전용 배너 */
.banner_img {
    margin-bottom: 40px;
}

.banner_img img {
    width: 100%;
}


/* 231107 추가된 리뷰 테이블 */
.page_notice {
    margin: 0 auto;
    padding-bottom: 120px;
    width: 100%;
}

.page_notice .visual {
    background: var(--primary);
    width: 100%;
    max-width: 1920px;
    height: 288px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_notice .visual .tit {
    font-size: 32px;
    font-weight: 700;
    color: var(--white);
    text-align: center;
    padding-top: 34px;
}

.page_notice .visual .tit p {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}

.page_notice .sel_base {
    width: 100%;
    height: 50px;
    outline: none;
    font-family: 'pretendard', sans-serif;
    font-size: 15px;
    color: var(--black);
    line-height: 20px;
    letter-spacing: -0.4px;
    padding: 15px 50px 15px 18px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/common/sel_arrow_down.svg) calc(100% - 14px) 50%/20px no-repeat;
    background-color: var(--white);
    cursor: pointer;
}

.page_notice .searchArea {
    width: 36%;
    margin-left: auto;
    margin-top: 40px;
    min-width: 500px;
}

.page_notice .searchArea.center {
    margin: 0 auto;
}

.page_notice .notice_list {
    width: 100%;
    margin: 44px auto 0;
}

.page_notice .notice_list ul li {
    font-size: 14px;
}

.page_notice .notice_list ul:first-child {
    /* border-top: 1px solid var(--black);
    border-bottom: 1px solid rgba(0, 0, 0, .1); */
    border-radius: 4px;
    background: #F9F9F9;
    display: flex;
    justify-content: space-between;
}

.page_notice .notice_list ul:first-child li {
    color: var(--black);
    height: 56px;
    line-height: 56px;
    font-weight: 600;
    text-align: center;
}

.page_notice .notice_list ul:first-child li {
    width: 15%;
    text-align: center;
}

.page_notice .notice_list ul:first-child li:first-child {
    width: 15%;

}

.page_notice .notice_list ul:last-child li span:first-child {
    width: 15%
}

.page_notice .notice_list ul:first-child li.width {
    width: 40%;
}

.page_notice .notice_list ul:last-child {
    display: flex;
    flex-direction: column;
    min-height: 400px;
}

.page_notice .notice_list ul:last-child li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    /* line-height: 80px; */
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.page_notice .notice_list ul:last-child li span {
    width: 15%;
    color: var(--gray);
    text-align: center;
    color: var(--black);
}

.page_notice .notice_list ul:last-child li p {
    width: calc(40% - 20px);
    color: var(--black);
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.page_notice .notice_list ul:last-child li p a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page_notice .notice_list ul:last-child li p a:hover {
    text-decoration: underline;
}

.page_notice .notice_list ul:last-child li .file {
    width: 22px;
    background: url('../images/common/file.svg') 50% 50% / 22px no-repeat;
    padding: 15px;
    opacity: .7;
}

.page_notice .searchArea .search_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.page_notice .searchArea .sebox_select {
    min-width: 150px;
}

.page_notice .searchArea .sebox_input {
    width: 100%;
    margin-left: 12px;
    position: relative;
}

.page_notice .searchArea .sebox_input.save_faq .inp_base {
    border: 1px solid var(--primary);
}

.page_notice .searchArea .sebox_input.save_faq .sebox_btn {
    background: url(../images/common/search_gree.svg)center no-repeat;
}

.page_notice .searchArea .sebox_btn {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 0;
    border-radius: 2px;
    cursor: pointer;
    min-width: 50px;
    background: url(../images/common/search.svg)center no-repeat;

}

.page_notice .searchArea .sebox_btn svg {
    position: absolute;
    fill: var(--white);
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.page_notice.noticeView .cont {
    width: 100%;
    max-width: 1280px;
    padding-top: 40px;
    box-sizing: border-box;
    margin: 0 auto;
}

.page_notice.noticeView .cont .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding-bottom: 16px;
}

.page_notice.noticeView .cont .area01 .tit {
    text-align: left;
    width: 80%;
    color: var(--black);
    font-size: 26px;
    font-weight: 600;
    line-height: 24px;
    max-height: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.4px;
    margin-bottom: 0;
}

.page_notice.noticeView .cont .area01 .date {
    color: var(--gray);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.2px;
}

.page_notice.noticeView .cont .area02 {
    padding: 40px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_notice.noticeView .cont .area02 p {
    line-height: 22px;
    color: var(--gray);
    font-size: 16px;
    text-align: left;
    white-space: pre-line;
}

.page_notice.noticeView .cont .area02 img {
    display: block;
    margin: 0 auto 30px;
}

.page_notice.noticeView .btn_single {
    width: 30%;
}

.page_notice.noticeView .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.page_notice.noticeView .btn_wrap .btw {
    cursor: pointer;
    width: 100%;
    background: var(--black);
    border-radius: 3px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 50px;
    max-width: 300px;
}

.landing_wrapper{
    max-width: 800px;
    min-height: 1330px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}
.landing_wrapper .landing_textbox{
    max-width: 580px;
    width: calc(100% - 40px);
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translateX(-50%);


}
.landing_wrapper .landing_textbox .honey_h1{
    margin-bottom: 30px;
    color: #5b3330;
    font-family: 'jalnangothic';
    font-size: 40px;
    font-weight: 300;
}
.page_event.eventView .cont .area02 img.honeyimg{
    width: auto;
    position: absolute;
    top: -72px;
    right: 0;
}
.landing_textbox_wrap{
    background-color: #fff;
    border-radius: 20px;
    padding: 40px 20px;
}
.landing_wrapper .landing_textbox .check_flex{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0 12px;
}
.landing_wrapper .landing_textbox .check_flex label{
    width: calc((100% - 24px)/3);
    margin-left: 0;
    min-width: 100px;
}
.landing_wrapper .landing_textbox .check_flex label[for="agree"]{
    width: 100%;
}
.landing_wrapper .buttonstyle{
    /*position: absolute;*/
    max-width: 300px;
    width: 100%;
    height: 70px;
    left: 50%;
    /*transform: translateX(-50%);*/
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
	cursor:pointer;
    margin: 0 auto;
    margin-top: 30px;
}
.landing_wrapper .buttongo{
    background-color: #e8716a;
    color: #fff;

    bottom: -120px;
}
.landing_wrapper .buttongo:after{
    content: url(../../images/common/click.png);
    margin-left: 8px;
}
.landing_wrapper .kaka{
    bottom: -220px;
    background-color: #FAE100;
    color: #381E1F;
}
.landing_wrapper .kaka:after{
    content: "";
    margin-left: 8px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    background-image: url(../../images/temp106/common/btn_kakao.svg);
}
.landing_wrapper .cu_checkbox{
    justify-content: space-between;
    margin-top: 40px;
    width: 100%;
}
.landing_wrapper .cu_checkbox .more{
    font-size: 13px;
    color: var(--black);
    cursor: pointer;
    background: url(../../images/temp105/common/arrow_right.svg) 100% 50% / 16px no-repeat;
    padding-right: 18px;
    display: flex;
    align-items: center;
}
.landing_wrapper dl{
    margin-top: 40px;
    width: 100%;
}
.landing_wrapper dl dt{
    margin-bottom: 8px;
    font-weight: 600;
}
.landing_wrapper .inp_base.direct_input{
    margin-top: 12px;
    display: none;
}
@media screen and (max-width: 800px) {

    .landing_wrapper .landing_textbox .honey_h1{
        font-size: 28px;
        z-index: 1;
        position: relative;
    }
    /* .page_notice .notice_list ul:first-child li{
        width: 20%; min-width: 90px;
        text-align: center;
    }
    
    .page_notice .notice_list ul:first-child li.width{
        width: 60%;
    }
    .page_notice .notice_list ul:last-child li p{
        width: 60%;
        padding-right: 10px;
    }
    .page_notice .notice_list ul:last-child li span{
        width: 20%;
        min-width: 90px;
    } */
}
@media screen and (max-width: 480px) {
    .landing_wrapper .landing_textbox .check_flex label{
        min-width: 100%;
        width: 100%;
    }
    .page_event.eventView .cont .area02 img.honeyimg{
        width: 120px;
        top: -50px;
    }
    .landing_wrapper .landing_textbox{
       width: calc(100% - 32px);
    }
    .landing_textbox_wrap{
        padding: 40px 12px;
    }
    .landing_wrapper .landing_textbox .check_flex label{
        min-width: auto;
        width:  calc((100% - 12px)/2);;
    }
    .landing_wrapper dl{
        margin-top: 20px;
    }
    .landing_wrapper dl dt{
        font-size: 14px;
    }
    .landing_wrapper .cu_checkbox{
        gap: 20px;
    }
}