/* -----------------------------
              전체
--------------------------------- */

.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.page_main {
    max-width: 100%;
    padding: 0;
}

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

.page_air.p_air_main  .p_space {
    padding-top: 8rem;
}

.p_air_confirm .p_space {
    padding-top: 5rem;
}

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

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

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



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

.bt_basic.bt_primary {
    background: var(--primary);
    color: var(--white);
    display: flex;
    padding: 0 20px;
    min-width: 200px;
}

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

.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;
    transition: all 0.3s;
}

.bt_circle:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
    transition: all 0.3s;
}

.btn_type_basic {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    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;
}

.btn_type_basic:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
}

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



.reserve_wrap .rew_btn {
    display: flex;
    justify-content: center;
}

.reserve_wrap .rew_btn .rb {
    margin-right: 1rem;
}

.reserve_wrap .rew_btn .rb:last-child {
    margin-right: 0;
}

.i_bookmark {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    background: rgb(0 0 0 /6%) url(../../images/temp105/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/temp105/common/bookmark_fff_on.svg) 50% 50% / 30px no-repeat;
}

/** 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);
}


/* -----------------------------
              팝업
--------------------------------- */

/* filter */
.cus_filter .cuf {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 26px;
    border: rgb(35 31 32 / 10%) 1px solid;
    background: var(--black);
    border-radius: 30px;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: rgb(0 0 0 / 20.6%) 1px 5.8px 6.8px 2px;
    z-index: 5;
}

.cus_filter .tit {
    margin-left: 8px;
    line-height: 1.43;
    font-size: 14px;
    color: var(--white)
}

.cus_filter .img {
    fill: var(--white)
}



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

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

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

.layer_wrap .layer_inner.ppage_review {
    margin-top: 30px;
    padding-bottom: 100px;
    overflow-y: auto
}

.layer_wrap .layer_inner img {
    width: 96%;
    margin: 0 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%;
}



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


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

.mainBanner .swi_btn_wrap, .mainBanner.swiper .swi_scrollbar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1280px;
    transform: translate(-50%, -0%);
    z-index: 1;
}

.mainBanner .swi_btn_wrap .swi_next {
    right: 0;
}

.mainBanner .swi_btn_wrap .swi_page {
    color: #fff;
    right: 0;
    bottom: -164px;
    font-size: 23px;
}

.mainBanner .swi_btn_wrap:after {
    content: '';
    background: #fff;
}

.mainBanner.swiper .swi_scrollbar {
    bottom: 60px;
    top: inherit;
    background: rgb(255 255 255 / 60%);
}

.mainBanner.swiper .swi_scrollbar .swiper-scrollbar-drag {
    background: var(--primary);
}



.mainItem01 .swiper .swi_b {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: block;
    font-size: 0;
    cursor: pointer;
    background-color: rgb(255 255 255 /46%); 
    background-image: none;
    top: 30%;
}

.mainItem01 .swiper .swi_b::before {
    content: '';
    position: absolute;
    left: 26px;
    top: 48%;
    width: 15px;
    height: 15px;
    border-top: solid 1px var(--black);
    border-left: solid 1px var(--black);
    transform: rotate(-45deg)translateY(-50%);
}

.mainItem01 .swiper .swi_b::after {
    content: '';
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    background: var(--black);
}

.mainItem01 .swiper .swi_b.swi_next::before {
    right: 29px;
    top: 47%;
    border-top: solid 1px var(--black);
    border-right: solid 1px var(--black);
    transform: rotate(45deg)translateY(-50%);
    left: initial;
    border-left: none;    
}

.mainItem01 .swiper .swi_b.swi_next::after {
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--black);
}

.mainItem01 .swiper .swi_b:hover {
    animation: bannerLeftArrow 1s infinite alternate ease-in-out;
    background-color: rgb(255 255 255 /90%);
    box-shadow: 2px 8px 14px 2px rgb(0 0 0 / 26%);
}

.mainItem04 .swi_btn_wrap {
    position: absolute;
    top: 42px;
    width: 100px;
    height: 20px;
    right: 100px;
}

.mainItem04 .swi_btn_wrap .swi_page {
    display: flex;
}

.mainItem04 .swi_btn_wrap .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: rgb(0 0 0 / 20%);
    margin-right: 10px;
    cursor: pointer;
    border: none;
}

.mainItem04 .swi_btn_wrap .swiper-pagination-bullet-active {
    width: 28px;
    height: 10px;
    background: rgb(0 0 0 / 100%);
    height: 10px;
    border-radius: 6px;
    margin-right: 10px;
    cursor: pointer;
}


/* -----------------------------
              골프
--------------------------------- */

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

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

.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  .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);
    z-index: 3;
}

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


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

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

.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 {
    position: relative;
    width: 100%;
}

.page_member.findMember form ul li.list_2 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-bottom: 0;
}

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

/* myReview */
.page_mypage.myReview {
    max-width: 1220px;
}

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

.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:last-child {
    margin-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: 60%;
    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 {
    max-width: 150px;
    margin-right: 6px;
    min-height: 40px;
    min-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: space-between;
    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;
}

.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: 400px;
    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%;
    height: 100%;
    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: 20px 0 60px;
}

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

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

.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: 80%;
    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: 3%;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    cursor: pointer;
}

/* reserve */


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

.page_mypage.reserve .item .item_img {
    width: 50%;
    max-width: 202px;
    height: 202px;
    margin-bottom: 0;
}

.page_mypage.reserve .item .item_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
}

.page_mypage.reserve .item .item_info {
    width: 50%;
    margin-left: 40px;
}

.page_mypage.reserve .item .item_info dl {
    margin-bottom: 30px;
}

.page_mypage.reserve .item .item_info dl dt {
    color: var(--black);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.page_mypage.reserve .item .item_info dl dd {
    color: var(--black);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.6px;
    line-height: 26px;
}

.page_mypage.reserve .item .item_info p {
    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;
}

.page_mypage.reserve .item .item_info p:last-child {
    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;
}

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

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


/* -----------------------------
          policies
--------------------------------- */

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

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

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


/*-------------------------------
        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/temp105/common/no_image.svg) 50% 50% / 4vw no-repeat;
}

.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_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 .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(300px, 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 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/temp105/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::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: 1220px;
    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%;
}

/* ---------------------------------
         customer & notice 
---------------------------------*/
/*cs-main*/


.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_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*/
.searchArea .search_box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

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

/*----------------------------------------
              tour 투어
----------------------------------------*/
/* tour_main*/
.page_tour {
    padding-bottom: 8rem;
}

.page .theme {
    margin: 8rem auto 100px;
    max-width: 1280px;
    position: relative;
}

.page .theme .of_x {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: auto;
}

.page .theme .of_x::-webkit-scrollbar {
    display: none;
}

.page .theme .category {
    position: relative;
    width: 84px;
    margin-left: 55px;
    position: relative;
    cursor: pointer;
}

.page .theme .category:first-child {
    margin-left: 0;
}

.page .theme .category .depth1 {
    /* opacity: .7; */
    cursor: pointer;
    /* filter: grayscale(1); */
}

.page .theme .category .depth1 span {
    display: block;
    text-align: center;
}

.page .theme .category .depth1 span:last-child {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    white-space: nowrap;
}

.page .theme .category .depth1 .icon {
    width: 84px;
    height: 84px;
    border-radius: 100%;
    background: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.page .theme .category .depth1 .icon .st0 {
    fill: var(--primary);
}

.page .theme .category .depth1 .icon .st1 {
    fill: var(--black);
}

.page .theme .category .depth1.on .icon {
    background: var(--black);
}

.page .theme .category .depth1.on .icon .st1 {
    fill: var(--white);
}

.page .theme .category .depth1.on span {
    color: var(--black);
}

.page .theme .category .depth1 .icon svg {
    width: 40px;
    height: 40px;
}

/* .page .theme .category .depth1 .icon svg.st0 {
    fill: var(--primary);
}

.page .theme .category .depth1 .icon svg.st1 {
    fill: var(--black);
} */

.page .theme .category .depth1:hover {
    opacity: 1;
    filter: none;
}

.page .theme .category .depth1.on {
    opacity: 1;
    cursor: pointer;
    filter: none;
}

.page .theme .category .depth1.on span:last-child {
    font-weight: 700;
}

.page .theme .depth2 {
    min-width: 160px;
    position: absolute;
    top: 120px;
    left: 0;
    display: flex;
    flex-direction: column;
    background: #fbfbfb;
    border-radius: 10px;
    padding: 20px 20px 18px;
    border: 1px solid rgb(0 0 0 / 4%);
    box-shadow: 0px 4px 8px rgb(0 0 0 / 12%);
    z-index: 3;
}

.page .theme .depth2::before {
    top: -20px;
    left: 22px;
    content: "";
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #ebebeb;
}

.page .theme .depth2::after {
    top: -18px;
    left: 22px;
    content: "";
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #fbfbfb;
}

.page .theme .depth2 .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
}

.page .theme .depth2 .area01 div {
    width: 50%;
}

.page .theme .depth2 .area01 .depth2_all {
    color: var(--black);
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
}

.page .theme .depth2 .area01 .depth2_all b {
    font-weight: 600;
}

.page .theme .depth2 .area01 .close {
    cursor: pointer;
    text-align: right;
}

.page .theme .depth2 .area01 .close svg {
    width: 30px;
    height: 30px;
    margin-right: -6px;
}

.page .theme .depth2 .area02 {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 20px;
}

.page .theme .depth2 .area02 .item {
    width: 100%;
    border-left: 1px solid rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: row;
    margin-left: 26px;
    padding-left: 26px;
}

.page .theme .depth2 .area02 .item:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

.page .theme .depth2 .area02 .item dl dt {
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    white-space: nowrap;
    cursor: pointer;
}

.page .theme .depth2 .area02 .item dl dd {
    color: var(--gray);
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}

.page .theme .depth2 .area02 .item dl dd:last-child {
    margin-right: 0;
}

.page .theme .depth2 .area02 .item dl dd:hover {
    color: var(--black);
    text-decoration: underline;
}


.page_tour.tour_main .page .theme {
    margin-top: 0;
}

.page_tour.tour_main .page .theme .category {
    margin-left: 4.7%;
}

.page_tour.tour_main .page .theme .category:first-child {
    margin-left: 0;
}

.page_tour.tour_main .search {
    width: 100%;
    max-width: 996px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.page_tour.tour_main .search div:first-child {
    width: 40%;
    font-size: 24px;
    color: var(--black);
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
}

.page_tour.tour_main .search div:first-child span:first-child {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 6px;
}

.page_tour.tour_main .search div:last-child {
    width: 70%;
    position: relative;
}

.page_tour.tour_main .search div:last-child .inp_base {
    min-height: 60px;
    border-bottom: 2px solid;
    border-color: var(--black);
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background: transparent;
    font-size: 32px;
    font-weight: 500;
    padding-right: 100px;
}

.page_tour.tour_main .search div:last-child .inp_base:focus {
    border: 2px solid var(--primary);
}

.page_tour.tour_main .search div:last-child .icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    z-index: 2;
}

.page_tour.tour_main .search div:last-child .icon svg {
    width: 100%;
    height: 100%;
    color: var(--black);
    cursor: pointer;
}

.page_tour.tour_main .banner {
    margin-bottom: 90px;
}

.page_tour.tour_main .banner .inner {
    height: 285px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.page_tour.tour_main .banner .inner img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.page_tour.tour_main .banner .inner .thumbs-paging {
    position: absolute;
    bottom: 20px;
    right: 26px;
    text-align: center;
}

.page_tour.tour_main .magazine {
    max-width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.page_tour.tour_main .magazine .area01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
}

.page_tour.tour_main .magazine .area01 .tit {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    font-weight: 400;
    color: var(--black);
    letter-spacing: -0.6px;
    text-align: left;
    margin-bottom: 0;
    line-height: 1.4;
}

.page_tour.tour_main .magazine .area01 .tit span:last-child {
    font-weight: 700;
}

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

.page_tour.tour_main .magazine .area01 .more span {
    display: block;
    font-size: 18px;
    font-weight: 300;
}

.page_tour.tour_main .magazine .area01 .more .arrow {
    position: relative;
    width: 28px;
    margin-bottom: 3px;
}

.page_tour.tour_main .magazine .area01 .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_tour.tour_main .magazine .area01 .more .arrow::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 1px;
    width: 27px;
    height: 1px;
    background: var(--black)
}

.page_tour.tour_main .magazine .area02 {
    display: flex;
}

.page_tour.tour_main .magazine .area02 .item {
    position: relative;
    flex: 1;
    height: 404px;
    max-width: 290px;
    margin-left: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.page_tour.tour_main .magazine .area02 .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;
}

.page_tour.tour_main .magazine .area02 .item:first-child {
    margin-left: 0;
}

.page_tour.tour_main .magazine .area02 .item ul {
    width: fit-content;
    position: absolute;
    bottom: 42px;
    color: var(--white);
    padding: 0 32px;
    z-index: 2;
}

.page_tour.tour_main .magazine .area02 .item .vol {
    font-family: 'BMDOHYEON';
    font-size: 26px;
    margin-bottom: 10px;
}

.page_tour.tour_main .magazine .area02 .item .ti span {
    display: block;
}

.page_tour.tour_main .magazine .area02 .item .ti span:first-child {
    font-size: 20px;
    font-weight: 200;
    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;
}

.page_tour.tour_main .magazine .area02 .item .ti span:last-child {
    font-size: 24px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
}

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

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

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

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

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

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

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

.page_mz.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 .itemArea .item .vol {
    font-family: 'BMDOHYEON';
    font-size: 26px;
    margin-bottom: 10px;
}

.page_mz.mzList .itemArea .item .ti span {
    display: block;
}

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

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

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

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

.page_mz.mzView {
    margin-bottom: 0;
}

.page_mz.mzView .cont {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 40px;
}

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

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

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

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

.page_mz.mzView .cont .area02 strong {
    color: var(--black);
}

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

.page_mz.mzView .cont .area02 p.ti {
    text-align: center;
    margin: 20px 0;
    color: rgb(0 0 0 / 80%);
    font-size: 16px;
    font-weight: 600;
}

.page_mz.mzView .cont .area02 p img {
    display: block;
    margin: 0 auto 30px;
    max-width: 1220px;
}

.page_mz.mzView .cont .area02 p.img_name {
    text-align: center;
    margin: 10px 0 20px;
    color: rgb(0 0 0 / 80%);
    font-size: 13px;
}

.page_mz.mzView .cont .area02 p b {
    color: rgb(0 0 0 / 80%)
}

.page_mz.mzView .cont .btn_single {
    margin: 30px auto 0;
}

/* ----------------------------
            호텔
------------------------------- */
.page_hotel.page_tour.hotel_list.tour_list .area {
    /* margin-top: 30px; */
}


/* ----------------------------
            여행(투어)
------------------------------- */

/*tour_list&result*/
.page_tour.tour_list {
}

.page_tour.tour_list .area {
    display: flex;
    flex-direction: row-reverse;
    /* justify-content: space-between; */
    align-items: center;
    margin: 80px auto 20px;
    justify-content: flex-end;
}

.tour_list .tit {font-size: 34px; font-weight: 600; color: var(--black); text-align: center; margin: 40px;}

.page_tour.tour_list .area .filter {
    margin-bottom: 0;
}

.page_tour.tour_list .area .tab_area {
    display: flex;
    margin-bottom: 0;
    width: 100%;
    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;
    max-height: 520px;
    overflow: hidden;
}

.page_tour.tour_detail .item_area .item_img img {
    width: 100%;
    height: 40vw;
    /*height: 100%;*/
    max-height: 520px;
    overflow: hidden;
    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 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;
}

.page_tour.tour_detail .produ .item:last-child {
    margin-bottom: 0;
}

.page_tour.tour_detail .produ .item div:first-child {
    width: 60%;
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
}

.page_tour.tour_detail .produ .item div:last-child {
    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%;
    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-bottom: 30px;
    box-sizing: border-box;
    position: sticky;
    top: 90px;
    z-index: 9;
}

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

.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: 4px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #19a8ad;
    border-radius: 100%;
    z-index: 2;
}

.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: 1
}

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

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

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

.page_tour.tour_detail .review_area .offer_review .cont .txt1 {
    max-height: 77px;
    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;
}

.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: 142px;
    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_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;
}

.p_confirm .confirm_air ul {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.p_confirm .confirm_air ul .area01 {
    width: 100%;
    max-width: 880px;
}

.p_confirm .confirm_air ul .area02 {
    position: sticky;
    top: 100px;
    width: 100%;
    max-width: 330px;
}

.p_confirm .confirm_air .box {
    padding: 24px 20px;
    background: var(--white);
    margin-bottom: 10px;
    border: 1px solid rgb(0 0 0 / 12%);
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
}

.p_confirm .confirm_air .box h4 {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}

.p_confirm .confirm_air .box h4 div {
    padding-left: 6px;
    color: rgb(0 0 0 / 60%);
    font-weight: 400;
}

.p_confirm .confirm_air .box h4 div span {
    color: var(--primary);
    font-weight: 500;
    margin-left: 4px;
}

.p_confirm .confirm_air .flight_list ul {
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-bottom: 16px;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 2px;
    position: relative;
}

.p_confirm .confirm_air .flight_list ul:last-child {
    margin-bottom: 0;
}

.p_confirm .confirm_air .flight_list ul li {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}

.p_confirm .confirm_air .flight_list ul li:first-child {
    width: 0;
    height: auto;
}

.p_confirm .confirm_air .flight_list ul li:last-child {
    width: 100%;
    padding: 14px;
}

.p_confirm .confirm_air .flight_list ul li > span {
    position: absolute;
    top: -10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 52px;
    border-radius: 16px 0 16px 0;
    color: var(--white);
    background-color: var(--primary);
    font-size: 13px;
    margin: 0;
}

.p_confirm .confirm_air .flight_list ul li p {
    margin-right: 0;
    color: rgb(0 0 0 / 60%);
    line-height: 22px;
}

.p_confirm .confirm_air .flight_list ul li p:first-child {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
}

.p_confirm .confirm_air .flight_list ul li p:last-child span {
    float: left;
    color: rgb(0 0 0 / 60%);
    letter-spacing: -0.4px;
}

.p_confirm .confirm_air .flight_list ul li p:last-child span.dot {
    margin: 0 6px;
    font-weight: 600;
    color: var(--black)
}

.p_confirm .confirm_air .flight_list ul li p:last-child span.fltTime {
    color: var(--red);
    font-weight: 300;
    margin-left: 4px;
}

.p_confirm .confirm_air .booker {
    width: 100%;
    margin: 0 auto;
    padding: 14px;
    background: rgb(0 0 0 / 2%);
    border-radius: 2px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.p_confirm .confirm_air .booker dl {
    display: flex;
    flex-direction: row;
    height: 26px;
    line-height: 26px;
}

.p_confirm .confirm_air .booker dl dt {
    width: 10%;
    color: var(--black);
    font-weight: 500;
}

.p_confirm .confirm_air .booker dl dd {
    width: 90%;
    color: rgba(0, 0, 0, 0.6)
}

.p_confirm .confirm_air .traveler {
    flex-direction: column;
    font-size: 14px;
}

.p_confirm .confirm_air .traveler .traveler_box {
    border: 1px solid rgba(0 0 0 / 20%);
    border-bottom: 1px solid rgba(0 0 0 / 65%);
    border-radius: 2px;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.p_confirm .confirm_air .traveler .traveler_box div {
    display: flex;
    padding: 14px 0;
    border-bottom: 1px solid rgba(0 0 0 / 10%);
}

.p_confirm .confirm_air .traveler .traveler_box div:last-child {
    border-bottom: none;
}

.p_confirm .confirm_air .traveler .traveler_box div dl {
    flex: 1;
    display: flex;
    justify-content: start;
    align-items: center;
}

.p_confirm .confirm_air .traveler .traveler_box div dl::after {
    display: block;
    content: '';
    clear: both;
}

.p_confirm .confirm_air .traveler .traveler_box div dl dt {
    width: auto;
    padding-right: 20px;
    font-weight: 500;
    color: var(--black);
}

.p_confirm .confirm_air .traveler .traveler_box div dl dd {
    width: auto;
    color: rgba(0 0 0 / 60%)
}

.p_confirm .confirm_air .traveler .traveler_box div:first-child dl:last-child {
    justify-content: end;
}

.p_confirm .confirm_air .promotion .list_area ul {
    display: flex;
    justify-content: space-between;
    height: 44px;
    line-height: 44px;
}

.p_confirm .confirm_air .promotion .list_area ul::after {
    display: block;
    content: '';
    clear: both;
}

.p_confirm .confirm_air .promotion .list_area ul li {
    align-items: center;
}

.p_confirm .confirm_air .promotion .list_area ul .cp_name {
    width: 70%;
    display: flex;
    justify-content: start;
}

.p_confirm .confirm_air .promotion .list_area ul .cp_name .inp_check_type2 {
    position: relative;
    display: flex;
    align-items: center;
}

.p_confirm .confirm_air .promotion .list_area ul .cp_name .inp_check_type2 span {
    display: inline-block;
    margin-right: 4px;
    color: rgba(0 0 0 / 60%)
}

.p_confirm .confirm_air .promotion .list_area ul .cp_name .inp_check_type2 span img {
    width: 24px;
    height: 24px;
}

.p_confirm .confirm_air .promotion .list_area ul .price {
    width: 30%;
    text-align: right;
    color: #ed5351;
}

.p_confirm .confirm_air .payment_fee .area01 {
    padding-bottom: 14px ;
}

.p_confirm .confirm_air .payment_fee .area01 ul {
    display: flex;
    justify-content: space-between;
    height: 24px;
    line-height: 24px;
    color: rgba(0 0 0 / 60%);
}

.p_confirm .confirm_air .payment_fee .area01 ul:first-child {
    font-weight: 600;
    color: var(--black);
}

.p_confirm .confirm_air .payment_fee .area01 ul li:first-child {
    color: var(--black)
}

.p_confirm .confirm_air .payment_fee .area01 ul li:last-child {
    text-align: right;
    color: var(--black);
}

.p_confirm .confirm_air .payment_fee .area02 {
    border-top: 1px dashed rgb(0 0 0 / 10%);
}

.p_confirm .confirm_air .payment_fee .area02 ul {
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding: 10px 0
}

.p_confirm .confirm_air .payment_fee .area02 ul li {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: end;
    height: 26px;
    line-height: 26px;
}

.p_confirm .confirm_air .payment_fee .area02 ul li .sign {
    margin: 0 6px;
    color: rgb(0 0 0 / 46%);
}

.p_confirm .confirm_air .payment_fee .area02 ul li .count {
    color: var(--primary);
}

.p_confirm .confirm_air .payment_fee .area02 ul li .countPrice {
    color: var(--primary);
}

.p_confirm .confirm_air .payment_fee .area02 .total_price {
    border-top: 1px solid rgb(0 0 0 / 60%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    line-height: 60px;
}

.p_confirm .confirm_air .payment_fee .area02 .total_price p {
    font-size: 17px;
    font-weight: 500;
    color: var(--black);
}

.p_confirm .confirm_air .payment_fee .area02 .total_price p:last-child {
    color: var(--primary);
    font-weight: 600;
    letter-spacing: -0.4px;
}

.p_confirm .confirm_air .payment_fee .area02 .airNoti {
    background-color: rgb(0 0 0 / 2.6%);
    padding: 10px;
}

.p_confirm .confirm_air .payment_fee .area02 .airNoti p {
    width: 100%;
    font-size: 13px;
    color: rgba(0 0 0 / 60%);
    word-break: keep-all;
    position: relative;
    padding: 0 0 0 10px;
    line-height: 20px;
    box-sizing: border-box;
}

.p_confirm .confirm_air .payment_fee .area02 .airNoti p:after {
    content: '·';
    float: left;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 0px;
}

.p_confirm .confirm_air .payment_fee .area02 .airNoti p:last-child {
    color: var(--red);
}

.p_confirm .confirm_air .payment_method {
    height: 30px;
    color: rgba(0 0 0 / 60%);
}

.p_confirm .confirm_air .payment_method::after {
    display: block;
    content: '';
    clear: both;
}

.p_confirm .confirm_air .btn_area .btn_type_basic {
    width: 30%;
    margin: 0 auto;
}


/* -------------------------------
            항공
------------------------------- */
/* filter */
.btn_filter {display:none;}
.filter_wrap .layer_inner{overflow-y: scroll;}
.filter_wrap .cont_box .filter_tab {width:94%; max-width: 94%; margin:0px auto 10px; display: flex; justify-content: start;overflow: scroll;}
.filter_wrap .cont_box .filter_tab:after {display:block; content:''; clear:both;}
.filter_wrap .cont_box .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;white-space: nowrap;}
.filter_wrap .cont_box .filter_tab div.active {color: var(--primary);}
.filter_wrap .cont_box .filter_tab .reset {color: rgb(0 0 0 / 60%);font-size: 14px; border:1px solid rgb(0 0 0 / 30%)}
.filter_wrap .cont_box .filter_tab .reset:hover {background:rgba(0, 0, 0, .8); border:1px solid rgba(0, 0, 0, .8); color:var(--white);}
.filter_wrap .cont_box .item_list {height: calc(100vh - 260px); overflow: scroll;}
.filter_wrap .cont_box .item_list .item {width: 100%;height: 50px;line-height:1;border-bottom: 1px solid #e5e5e5; position: relative;/*margin-bottom:4px;*/ display: flex; align-items: center; justify-content: space-between;}
.filter_wrap .cont_box .item_list .item .tit {width:70%; font-size: 15px; color:rgb(0 0 0 / 80%);}
.filter_wrap .cont_box .item_list .item .inpBox {display: none; height: 48px; line-height: 48px; text-align: right; margin-right: 40px;width: 185px;font-size:16px;}
.filter_wrap .cont_box .item_list .item .terms_check {font-size: 14px;color: var(--black);font-weight: 600;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"] {display: none;}
.filter_wrap .cont_box .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;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"]:checked + label span {background-color:var(--primary);border:1px solid var(--primary);}

.page_air .co_box {
    padding-bottom: 100px;
}

/* .page_air .co_box:last-child {
    padding-bottom: 0;
} */

.page_air .airSearch {
    width: 100%;
    position: relative;
}

.page_air .airSearch .obj {
    background: none;
}

.page_air .airSearch .searchForm {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.page_air .airSearch .searchForm .area01 {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-bottom: 20px;
}

.page_air .airSearch .searchForm .area01 .tablist span {
    padding: 6px 17px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.4px;
    border: 3px solid transparent;
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
}

.page_air .airSearch .searchForm .area01 .tablist span:last-child {
    margin-right: 0;
}

.page_air .airSearch .searchForm .area01 .tablist span+span {
    margin-left: -3px;
}

.page_air .airSearch .searchForm .area01 .tablist span:hover {
    font-weight: 600;
    border: 3px solid var(--white);
    border-radius: 50px;
}

.page_air .airSearch .searchForm .area01 .tablist span.selected {
    font-weight: 600;
    border: 3px solid var(--primary);
    border-radius: 50px;
}

.page_air .airSearch .searchForm .area01 .opDirect {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.page_air .airSearch .searchForm .area01 .inp_check>.label,
.inp_radio>.label {
    font-size: 18px;
    line-height: 24px;
}

.page_air .airSearch .searchForm .area01 .inp_check>.label:before,
.inp_radio>.label:before {
    width: 24px;
    height: 24px;
}

.page_air .airSearch .searchForm .area01 .inp_check .label:before {
    padding: 6px;
    border: 1px solid var(--black);
    border-radius: 2px;
    background: transparent url('../../images/temp105/common/check_01_off.svg') 55% 50%/ 22px no-repeat;
}

/* .page_air .airSearch .searchForm .area01 .inp_check>.label:hover:before {
    border-color: var(--black);
    background-image: url('../../images/temp105/common/check_01_hover.svg');
} */

.page_air .airSearch .searchForm .area01 .inp_check>input:checked+.label:before {
    background-color: transparent;
    background-image: url('../../images/temp105/common/check_01_off.svg');
    border-color: var(--black);
    transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    background-color: #000;
}

.page_air .airSearch .searchForm .area01 .inp_check>input:disabled+.label:before {
    background-color: transparent;
    background-image: url('../../images/temp105/common/check_01_off.svg');
    border-color: var(--black);
}

.page_air .airSearch .searchForm .area01 .inp_check>input.checked+.label:before {
    background-color: transparent;
    background-image: url('../../../images/temp105/common/check_01_select.svg');
    border-color: var(--white);
    transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.page_air .airSearch .searchForm .area02 {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.page_air .airSearch .searchForm .area02 .way {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 10px;
}

.page_air .airSearch .searchForm .area02 div .item {
    display: none;
}

.page_air .airSearch .searchForm .area02 div span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.page_air .airSearch .searchForm .area02 .city {
    width: 60%;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    background: #f7f7f7;
    border-radius: 14px;
}

.page_air .airSearch .searchForm .area02 .city .code {
    display: flex;
    flex-direction: column;
    min-width: 180px;
}

.page_air .airSearch .searchForm .area02 .city .code:last-child span {
    text-align: right;
}

.page_air .airSearch .searchForm .area02 .city .code .before, .page_air .airSearch .searchForm .area02 .date .before,
.page_air .airSearch .searchForm .area02 .date .off {
    opacity: .3;
}

.page_air .airSearch .searchForm .area02 .city .code .after {
    opacity: 1;
}

.page_air .airSearch .searchForm .area02 .city .arrow {
    width: 60px;
    height: 60px;
    padding: 0 40px;
}

.page_air .airSearch .searchForm .area02 .city .arrow.type1 {
    background: url(../../images/temp105/common/air_arrow_type01.svg) 50% 50% / 20px no-repeat;
}

.page_air .airSearch .searchForm .area02 .city .arrow.type2 {
    background: url(../../images/temp105/common/air_arrow_type02.svg) 50% 50% / 20px no-repeat;
}

.page_air .airSearch .searchForm .area02 .date {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90px;
    background: #f7f7f7;
    border-radius: 14px;
    margin-left: 10px;
}

.page_air .airSearch .searchForm .area02 .date span:first-child {
    display: none;
}

.page_air .airSearch .searchForm .area02 .multi {
    width: 100%;
    margin-top: 0;
}

.page_air .airSearch .searchForm .area02 .way_wrap {
    width: 70%;
    display: flex;
    flex-direction: column;
}

.page_air .airSearch .searchForm .area02 .multi {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 0;    
}

.page_air .airSearch .searchForm .area02 .multi .wrap {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 10px;
    position: relative;
}

.page_air .airSearch .searchForm .area02 .multi .wrap span:first-child {
    font-size: 16px;
    margin-bottom: 8px;
}

.page_air .airSearch .searchForm .area02 .multi .wrap span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    white-space: nowrap;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .city {
    width: 65%;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .date {
    width: 35%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    padding: 0 30px;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .date .item {
    display: block;
    font-size: 20px;
    color: var(--primary);
    margin-right: 10px;
    margin-bottom: 0;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .minus {
    position: absolute;
    right: -174px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
    padding: 15px 30px 15px 20px;
    border-radius: 50px;
    background: var(--black);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:first-child {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-bottom: 0;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:first-child::before {
    width: 16px;
    height: 2px;
    border-radius: 7px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--white);
    display: inline-block;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:last-child {
    margin-left: 34px;
    font-weight: 400;
    font-size: 20px;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .add {
    position: absolute;
    right: -174px;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px 30px 15px 20px;
    border-radius: 50px;
    background: var(--black);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-bottom: 0;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child::before {
    width: 16px;
    height: 2px;
    border-radius: 7px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--white);
    display: inline-block;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child::after {
    width: 2px;
    height: 16px;
    border-radius: 7px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--white);
    display: inline-block;
}

.page_air .airSearch .searchForm .area02 .multi .wrap .add span:last-child {
    margin-left: 34px;
    font-weight: 400;
    font-size: 20px;
    color: var(--white)
}

.page_air .airSearch .searchForm .area02 .option {
    width: 20%;
    height: 90px;
    background: #f7f7f7;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-left: 10px;
}

.page_air .airSearch .searchForm .area02 .option .opDirect {
    display: none;
}

.page_air .airSearch .searchForm .area02 .option .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.page_air .airSearch .searchForm .area02 .option .info span:first-child {
    display: none;
    font-size: 16px;
    color: var(--black);
    margin-bottom: 8px;
}

.page_air .airSearch .searchForm .area02 .option .info span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    white-space: nowrap;
}

.page_air .airSearch .searchForm .area02 .btnSearch {
    position: relative;
    width: 10%;
    max-width: 130px;
    height: 90px;
    margin-left: 10px;
    border: 3px solid var(--primary);
    border-radius: 14px;
    background: transparent;
    font-size: 24px;
    font-weight: 600;
}

.page_air .airSearch .searchForm .area02 .btnSearch button {
    height: 60px;
    width: 160px;
    background: var(--red);
    border-radius: 50px 0 0 50px;
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%)
}

.page_air .airSearch .option.multi {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 70px;
}

/*검색기록*/
.page_air .airSearchHistory {
    margin: 40px auto 0;
    width: 100%;
    max-width: 1280px;
}

.page_air .airSearchHistory h4 {
    font-weight: 500;
    margin-bottom: 16px;
    font-size: 18px;
}

.page_air .airSearchHistory .searchHistory_area {
    width: 100%;
    overflow: hidden;
}

.page_air .airSearchHistory .historyBox {
    position: relative;
    background: #f3f3f3;
    padding: 16px 20px;
    display: inline-flex;
    flex-direction: column;
    border-radius: 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.page_air .airSearchHistory .historyBox .close {
    position: absolute;
    top: 14px;
    right: 16px;
    background: url(../../images/temp105/layout/close.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 2;
}

.page_air .airSearchHistory .historyBox .area01 {
    display: flex;
    margin-bottom: 10px;
}

.page_air .airSearchHistory .historyBox .area01 .way {
    border: 1px solid var(--gray);
    border-radius: 10px;
    padding: 2px 6px;
    box-sizing: border-box;
    color: var(--gray);
    font-size: 13px;
    font-weight: 500;
}

.page_air .airSearchHistory .historyBox .area02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page_air .airSearchHistory .historyBox .area02 .code {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    margin-left: 3px;
}

.page_air .airSearchHistory .historyBox .area02 .cityName {
    max-width: 70px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.page_air .airSearchHistory .historyBox .area02 .arrow {
    width: 20px;
    height: 20px;
    margin: 0 10px;
}

.page_air .airSearchHistory .historyBox .area02 .arrow.type1 {
    background: url(../../images/temp105/layout/air_arrow_type01.svg) 50% 50% / 20px no-repeat;
}

.page_air .airSearchHistory .historyBox .area02 .arrow.type2 {
    background: url(../../images/temp105/layout/air_arrow_type02.svg) 50% 50% / 20px no-repeat;
}

.page_air .airSearchHistory .historyBox .area03 {
    color: var(--gray);
    font-size: 13px;
    letter-spacing: -0.2px;
    margin-top: 6px;
}

.page_air .air_event {
    display: flex;
    flex-direction: column;
    position: relative;
}

.page_air .air_event .itemArrow {
    width: 100%;
    display: flex;
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.page_air .air_event .itemArrow::after {
    display: block;
    content: none;
    clear: both;
}

.page_air .air_event .itemArrow div {
    position: absolute;
    width: auto;
    height: auto;
    border-radius: 100%;
    display: block;
    font-size: 0;
    cursor: pointer;
    background-color: transparent
}

.page_air .air_event .itemArrow .prev {
    left: -50px;
}

.page_air .air_event .itemArrow .prev::before {
    content: '';
    position: absolute;
    left: 26px;
    top: 38px;
    width: 24px;
    height: 24px;
    border-top: solid 3px#d3d3d3;
    border-left: solid 3px #d3d3d3;
    transform: rotate(-45deg)translateY(-50%);
}

.page_air .air_event .itemArrow .prev::after {
    display: none;
}

.page_air .air_event .itemArrow .prev:hover {
    animation: bannerRightArrow 1s infinite alternate ease-in-out;
}

.page_air .air_event .itemArrow .next {
    right: -50px;
}

.page_air .air_event .itemArrow .next::before {
    content: '';
    position: absolute;
    right: 26px;
    top: 38px;
    width: 24px;
    height: 24px;
    border-top: solid 3px#d3d3d3;
    border-right: solid 3px #d3d3d3;
    transform: rotate(45deg)translateY(-50%);
}

.page_air .air_event .itemArrow .next::after {
    display: none;
}

.page_air .air_event .itemArrow .next:hover {
    animation: bannerLeftArrow 1s infinite alternate ease-in-out;
}

.page_air .cob_tit {
    width: 100%;
    margin-bottom: 24px;
    font-weight: 600;
}

.page_air .cob_tit .tit {
    margin-bottom: 10px;
    font-size: 22px;
}

.page_air .cob_tit .sub {
    font-weight: 300;
}


.page_air .air_event .titArea .pagination {
    display: flex;
    justify-content: end;
    align-items: center;
}

.page_air .air_event .titArea .pagination span {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #d1d1d1;
    margin-left: 10px;
}

.page_air .air_event .titArea .pagination span.on {
    width: 22px;
    height: 12px;
    border-radius: 6px;
    background: #2a2a2a;
}

.page_air .air_event .itemArea {
    min-height: auto;
    overflow: hidden;
}

.page_air .air_event .itemArea .item {
    width: calc((100% / 2) - 20px);
    height: 220px;
}

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

.page_air .air_event .itemArea .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    overflow: hidden;
}

.page_air .air_event .swiper-pagination {
    right: 0;
    top: 30px;
    display: flex;
}

.page_air .swi_btn_wrap .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: rgb(0 0 0 / 20%);
    margin-right: 10px;
    cursor: pointer;
    border: none;
}

.page_air .swi_btn_wrap .swiper-pagination-bullet-active {
    width: 28px;
    height: 10px;
    background: rgb(0 0 0 / 100%);
    height: 10px;
    border-radius: 6px;
    margin-right: 10px;
    cursor: pointer;
}

.page_air .air_itemList .itemTable {
    border-bottom: 1px solid #eaeaea;
}

.page_air .air_itemList .itemTable ul {
    border: 1px solid var(--white);
    border-top: 1px solid #eaeaea;
    padding: 20px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.page_air .air_itemList .itemTable ul:first-child {
    border-top: 1px solid var(--black);
}

.page_air .air_itemList .itemTable ul:hover {
    border: 1px solid var(--primary);
}

.page_air .air_itemList .itemTable ul li {
    display: flex;
    flex-direction: row;
}

.page_air .air_itemList .itemTable ul li:first-child {
    flex: none;
    width: 36%;
}

.page_air .air_itemList .itemTable ul li:first-child .font-xl {
    font-weight: 500;
}

.page_air .air_itemList .itemTable ul li:first-child .font-lg {
    font-size: 13px;
    font-weight: 500;
    margin-left: 16px;
    background: rgb(0 0 0 / 6%);
    border-radius: 25px;
    padding: 4px 7px;
}

.page_air .air_itemList .itemTable ul li:nth-child(2) {
    width: 44%;
}

.page_air .air_itemList .itemTable ul li:nth-child(2) .airline {
    width: 50%;
    display: flex;
    align-items: center;
}

.page_air .air_itemList .itemTable ul li:nth-child(2) .airline img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.page_air .air_itemList .itemTable ul li:last-child {
    width: 20%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.page_air .air_itemList .itemTable ul li:last-child span {
    color: var(--red);
    font-weight: 500;
}

.page_air .air_itemList .itemTable ul li:last-child .reserve {
    width: auto;
    background: var(--red);
    border-radius: 3px;
    border: 0;
    padding: 6px 12px;
    color: var(--white);
    margin: 0 0 0 16px;
}

.page_air .air_itemList button {
    width: 194px;
    padding: 16px 0;
    margin: 30px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7f7f7f;
    border-radius: 50px;
}

.page_air .air_itemList button svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.page_air .air_itemList button:hover {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
}

.page_air .air_itemList button:hover svg {
    fill: var(--white);
}

.p_air_list {
    font-size: 14px;
}

.page_air .list_visual {
    background: #4A68BD;
    width: 100%;
    height: 170px;
    margin: 0 auto 40px;
    position: relative;
}

.page_air .list_visual .routeInfo {
    width: 100%;
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
}

.page_air .list_visual .routeInfo div {
    display: flex;
    flex-direction: column;
}

.page_air .list_visual .routeInfo .depart {
    width: 33%;
    text-align: right;
    margin-right: 60px;
}

.page_air .list_visual .routeInfo .arrive {
    width: 33%;
    text-align: left;
    margin-left: 60px;
}

.page_air .list_visual .routeInfo .code {
    font-size: 26px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 6px;
}

.page_air .list_visual .routeInfo .date {
    font-size: 16px;
    font-weight: 200;
    color: var(--white);
}

.page_air .list_visual .routeInfo .option {
    padding: 10px 20px;
    color: var(--black);
    font-size: 15px;
    letter-spacing: -0.3px;
    background: var(--white);
    border-radius: 25px;
    position: relative;
    margin: 0 60px;
    white-space: nowrap;
}

.page_air .list_visual .routeInfo .option .first {
    width: 60px;
    border-top: 1px solid var(--white);
    position: absolute;
    top: 50%;
    left: -54px;
    transform: translateY(-50%);
}

.page_air .list_visual .routeInfo .option .last {
    width: 60px;
    border-top: 1px solid var(--white);
    position: absolute;
    top: 50%;
    right: -54px;
    transform: translateY(-50%);
}

.page_air .list_visual .routeInfo .option .last::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 46%;
    width: 15px;
    height: 15px;
    border-top: solid 1px var(--white);
    transform: rotate(45deg)translateY(-67%);
}

.page_air .list_visual .routeInfo .option .line {
    position: relative;
    border: 1px solid;
}

.page_air .list_visual .routeInfo .option .line::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 46%;
    width: 15px;
    height: 15px;
    border-top: solid 1px var(--white);
    border-right: solid 1px var(--white);
    transform: rotate(45deg)translateY(-50%);
}

.page_air .airplane_result {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.page_air .airplane_result .inp_check>.label, .page_air .airplane_result .inp_radio>.label {
    font-size: 14px;
}

.page_air .airplane_result .filter {
    width: 20%;
}

.page_air .airplane_result .filter .ti {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 26px;
}

.page_air .airplane_result .filter .ti span:first-child {
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
}

.page_air .airplane_result .filter .ti span:last-child {
    font-size: 14px;
    font-weight: 400;
    background: url(../../images/temp105/common/reset.svg) 0 40% / 20px no-repeat;
    padding-left: 24px;
    display: flex;
    align-items: center;
    color: var(--black);
    cursor: pointer;
}

.page_air .airplane_result .filter .option {
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.page_air .airplane_result .filter .option .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.page_air .airplane_result .filter .option .area01 span {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
}

.page_air .airplane_result .filter .option .area01 svg {
    fill: var(--black);
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.page_air .airplane_result .filter .option .area02 {
    max-height: 190px;
    overflow-y: auto;
    margin-bottom: 6px;
}

.page_air .airplane_result .filter .option .area02 div {
    height: 32px;
    line-height: 32px;
}

.page_air .airplane_result .select {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.page_air .airplane_result .select .area01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
}

.page_air .airplane_result .select .area01.arrive {
    justify-content: flex-start;
}

.page_air .airplane_result .select .area01 .ti {
    display: flex;
    justify-content: start;
    letter-spacing: -0.4px;
}

.page_air .airplane_result .select .area01 .ti div:first-child {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    margin-right: 28px;
    white-space: nowrap;
}

.page_air .airplane_result .select .area01 .ti div:first-child .ico01 {
    background: url(../../images/temp105/common/flight_takeoff.svg) 0 40% / 26px no-repeat;
    padding-left: 40px;
}

.page_air .airplane_result .select .area01 .ti div:first-child .ico02 {
    background: url(../../images/temp105/common/flight_land.svg) 0 40% / 26px no-repeat;
    padding-left: 40px;
}

.page_air .airplane_result .close_list,
.page_air .airplane_result .i_rotate {
    transform: rotate(180deg);
}

.page_air .airplane_result .select .area01 .ti div:last-child {
    font-size: 20px;
    color: var(--black);
    display: flex;
    align-items: center;
}

.page_air .airplane_result .select .area01 .ti div:last-child span.cityName {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page_air .airplane_result .select .area01 .ti div:last-child span:nth-child(2) {
    margin: 0 10px;
}

.page_air .airplane_result .select .area01 div:last-child {
    color: var(--gray);
}

.page_air .airplane_result .select .area01 .tt {
    color: var(--gray);
    font-weight: 300;
    width: 50%;
    text-align: right;    
}

.page_air .airplane_result .select .area02 .item {
    border-bottom: 1px solid #d9d9d9;
}

.page_air .airplane_result .select .area02 .item .area01 {
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    cursor: pointer;
    display: flex;
    padding: 20px;
    box-sizing: border-box;
}

.page_air.page_air_kor .result .select .area02 .item .area01 {
    display: block;
}

.page_air.page_air_kor .result .select .area02 .item .area01 .aa {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    cursor: pointer;
}

.page_air .airplane_result .select .area02 .item .area01 .aa.aa_01 {
    padding-bottom: 10px;
}

.page_air .airplane_result .select .area02 .item .area01 .aa.aa_02 {
    border-top: 1px dashed #ebebeb;
    padding-top: 7px;
    padding-left: 20px;
    width: 100%;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .code {
    width: 24%;
    text-align: center;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .code .city {
    font-size: 14px;
    color: var(--gray);
    font-weight: 400;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .code .time {
    font-size: 20px;
    color: var(--black);
    font-weight: 500;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck {
    position: relative;
    width: 52%;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 13px;
    color: var(--gray);
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:first-child {
    position: relative;
    margin-bottom: 10px;
    font-weight: 300;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:first-child::after {
    content: '';
    width: 178px;
    height: 10px;
    background: url(../../images/temp105/common/arrow_oneway.png) no-repeat;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child {
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: -0.4px;
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child.type1 {
    color: #358cdd
}

.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child.type2 {
    color: #f37936
}

.page_air .airplane_result .select .area02 .item .area01 .price_area {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .symbol {
    display: flex;
    align-items: center;
    justify-content: start;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .symbol img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .symbol span {
    font-size: 16px;
    font-weight: 500;
    color: var(--black)
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .price {
    display: flex;
    justify-content: end;
    align-items: center;
    color: var(--red);
    font-size: 20px;
    font-weight: 500;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .price > div {
    color: var(--red);
    font-weight: 500;
    display: flex;
    align-items: center;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .price span {
    font-size: 16px;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .price svg {
    fill: rgb(0 0 0 / 70%);
    width: 20px;
    height: 20px;
    margin-left: 20px;
    cursor: pointer;
}

.page_air .airplane_result .select .area02 .item .area01 .price_area .price svg.i_rotate {
    transform: rotate(180deg);
}

.page_air .airplane_result .select .area02 .item .area02 {
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}

.page_air .airplane_result .select .area02 .item .area02 .detail {
    width: 94%;
    margin: 16px auto;
    display: flex;
    flex-direction: column;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:first-child {
    font-size: 16px;
    color: var(--black);
    letter-spacing: -0.4px;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) {
    font-weight: 300;
    color: var(--gray);
    display: flex;
    align-items: center;
    justify-content: start;
    background: transparent;
    padding: 10px 0;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) .arrow {
    background: url(../../images/temp105/common/air_arrow_type02.svg) 50% 50% / 18px no-repeat;
    width: 20px;
    height: 20px;
    opacity: .5;
    margin: 0 15px;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child {
    padding: 10px 0 2px;
    border-top: 1px solid rgb(0 0 0 / 10%);
    font-weight: 300;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span {
    position: relative;
    margin-left: 10px;
    padding-left: 12px;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    background: rgb(0 0 0 / 20%);
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span:first-child {
    margin-left: 0;
    padding-left: 0;
}

.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span:first-child::before {
    display: none;
}

.page_air .airplane_result .select .area02 .item .area02 .shareTime {
    width: 94%;
    margin: 0 auto;
    background-color: #ededed;
    padding: 14px 0;
    text-align: center;
    color: var(--black);
}

.page_air .airplane_result .select .area02 .item .area03 {
    width: 100%;
    padding: 16px 0 4px;
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.page_air .airplane_result .select .area02 .item .area03 .scroll {
    width: 98%;
    margin: 0 auto;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul {
    width: 94%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:first-child {
    width: 60%;
    color: rgb(0 0 0 / 75%);
    font-size: 16px;
    display: flex;
    justify-content: start;
    line-height: 40px;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:first-child span:first-child {
    margin-right: 30px;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:first-child span:last-child {
    width: 86%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:last-child {
    width: 40%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:last-child .price {
    color: var(--black);
    font-size: 18px;
    padding-right: 30px;
}

.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:last-child .btnReservation {
    width: 120px;
    min-height: 40px;
    cursor: pointer;
}

.page_air .btn_area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.page_air .btn_area .btnReservation {
    max-width: 400px;
}

.layer_wrap.layer_wrap.city_wrap .of_y {
    height: calc(100% - 76px);
}

.layer_wrap.layer_wrap.city_wrap .search {
    padding-top: 24px;
}

.layer_wrap.layer_wrap.city_wrap .search span {
    width: 100%;
}

.layer_wrap.layer_wrap.city_wrap .searchData {
    height: 86%;
    overflow: hidden;
    overflow-y: auto;
}

.layer_wrap.layer_wrap.city_wrap .inp_city {
    font-family: 'pretendard', sans-serif;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px var(--gray) solid;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0 0 0 0;
    padding: 0 60px 6px 0;
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    box-sizing: border-box;
}

.layer_wrap.layer_wrap.city_wrap .layer_tit input::placeholder {
    font-size: 18px;
}

.layer_wrap.layer_wrap.city_wrap .city_list {
    overflow: hidden;
}

.layer_wrap.layer_wrap.city_wrap .city_list .tit {
    width: 100%;
    height: 64px;
    line-height: 57px;
    padding: 0 20px;
    color: var(--black);
    font-weight: 600;
    font-size: 17px;
    color: var(--black);
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    border-bottom: 8px solid #fafafa;
    background: url(../../images/temp105/common/arrow_down.svg) 95% 50% / 18px no-repeat;
    box-sizing: border-box;
}

.layer_wrap.layer_wrap.city_wrap .city_list .depth2 {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 14px;
    background: #fafafa;
}

.layer_wrap.layer_wrap.city_wrap .city_list .depth2:after {
    display: block;
    content: '';
    clear: both;
}

.layer_wrap.layer_wrap.city_wrap .city_list .depth2 ul {
    width: 90%;
    margin: 0 auto;
}

.layer_wrap.layer_wrap.city_wrap .city_list .depth2 ul:after {
    display: block;
    content: '';
    clear: both;
}

.layer_wrap.layer_wrap.city_wrap .city_list .depth2 li {
    height: 46px;
    line-height: 46px;
    width: calc(100%/4);
    float: left;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}

.layer_wrap.layer_wrap.city_wrap .city_list .depth2 li a {
    font-size: 15px;
    color: #535353;
    display: block;
}

/* city */
.page_air #CitySearchBox {
    height: 86%;
    overflow: hidden;
    overflow-y: auto;
}

.layer_wrap.city_wrap #CitySearchBoxData {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--white);
    padding: 0 20px 100px;
    display: none;
    z-index: 2;
    box-sizing: border-box;
}

.layer_wrap.city_wrap #CitySearchBoxData p span {
    float: left;
}

.layer_wrap.city_wrap #CitySearchBoxData > p {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-bottom: 10px;
    min-height: initial;
}

.layer_wrap.city_wrap #CitySearchBoxData .title_bold {
    width: 8%;
    color: var(--black);
    font-weight: 500;
    margin-right: 10px;
}

.layer_wrap.city_wrap #CitySearchBoxData {
    color: rgb(0 0 0 / 50%);
}

.layer_wrap.city_wrap #CitySearchBoxData .hotelSearch {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    margin-bottom: 14px;
}

.layer_wrap.city_wrap #CitySearchBoxData .hotelSearch .title_bold {
    width: 100%;
    color: var(--black);
    font-weight: 500;
}


/* cal */

.layer_wrap.cal_wrap .layer_inner {
    height: 100%;
}

.layer_wrap.cal_wrap .cont_box .layer_tit .data {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.layer_wrap.cal_wrap .cont_box .layer_tit .data div:nth-child(2) {
    color: rgb(0 0 0 / 40%);
    margin: 0 10px;
}

.layer_wrap.cal_wrap .cont_box .layer_tit .data .on {
    color: var(--black)
}

.layer_wrap.cal_wrap .cont_box .layer_tit .data .off {
    color: rgb(0 0 0 / 40%);
}

.layer_wrap.cal_wrap .cont_box .layer_tit .btnReservation {
    width: 80px;
    min-height: 36px;
    margin-left: 20px;
    border-radius: 30px;
}

.layer_wrap.cal_wrap .cont_box .week {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 16px;
}

.layer_wrap.cal_wrap .cont_box .week ul {
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: auto;
}

.layer_wrap.cal_wrap .cont_box .week ul li {
    text-align: center;
    color: rgb(0 0 0 / 75%);
    font-weight: 600;
}

.layer_wrap.cal_wrap .cont_box .week ul li.sun {
    color: #e32c42
}

.layer_wrap.cal_wrap .cont_box .of_y {
    height: 700px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 40px - 40px - 83px);
    box-sizing: border-box;
}

.layer_wrap.cal_wrap .cont_box .cal_inner {
    width: 94%;
    margin: 20px auto 0;
}


.layer_wrap.cal_wrap .cont_box .cal_inner .month {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    letter-spacing: -0.6px;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div {
    width: 100%;
    height: 74px;
    display: flex;
    align-items: top;
    justify-content: center;
    position: relative;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div:first-child span {
    color: #e32c42
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period {
    background: url(../../images/temp105/common/period_2.svg) repeat-x 50% 0;
    background-size: auto 50px;
    opacity: 8;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_start {
    background: url(../../images/temp105/common/period_start_2.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 50px;
    opacity: 8;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_end {
    background: url(../../images/temp105/common/period_end_2.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 50px;
    opacity: 8;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span {
    top: 0;
    left: 50%;
    background: transparent;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    /*display: flex;*/
    position: absolute;
    font-size: 16px;
    align-items: center;
    color: rgb(0 0 0 / 75%);
    line-height: 1.5;
    border-radius: 10px;
    justify-content: center;
    flex-direction: column;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span:hover {
    border: 1px solid var(--primary);
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span:last-child:hover {
    border: 0;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span .number {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div .today {
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid rgb(0 0 0 / 80%)
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div .today::after {
    color: rgba(0, 0, 0, 0.8);
    content: "오늘";
    text-align: center;
    bottom: -20px;
    left: calc((100% - 6em)/2);
    width: 6em;
    height: 30%;
    display: flex;
    position: absolute;
    font-size: 11px;
    align-items: center;
    line-height: 1.4;
    pointer-events: none;
    justify-content: center;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.start {
    color: var(--white);
    background: var(--primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.end {
    color: var(--white);
    background: var(--primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.not_selectable {
    opacity: .2;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.not_selectable::after {
    display: none;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.redday {
    color: #e32c42;
    font-size: 16px;
    line-height: 1.5;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt {
    top: 60%;
    height: auto;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt:after {
    display: block;
    content: '';
    clear: both;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt span {
    display: block;
    height: 16px;
    top: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    cursor: default;
    line-height: 1.4;
    pointer-events: none;
    justify-content: center;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.start .txt .select {
    color: var(--primary);
    background: var(--white);
    z-index: 333;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.end .txt .select {
    color: var(--primary);
    background: var(--white);
    z-index: 333;
}

.layer_wrap.cal_wrap .cont_box .cal_inner .day div .nday {
    color: rgb(0 0 0 / 75%);
}

.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .txt {
    top: 60%;
    height: auto;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .txt:after {
    display: block;
    content: '';
    clear: both;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .txt span {
    display: block;
    height: 16px;
    top: 0;
    text-align: center;
    font-size: 11px;
    cursor: default;
    line-height: 1.4;
    pointer-events: none;
    justify-content: center;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div span.start .txt .select {
    color: var(--primary);
    background: var(--white);
    z-index: 333;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div span.end .txt .select {
    color: var(--primary);
    background: var(--white);
    z-index: 333;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .nday {
    color: rgb(0 0 0 / 75%);
}

.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 20px;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day div span.selected {
    color: var(--white);
    background: var(--primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day div .txt {
    top: 32px;
    height: auto;
}

.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day .price {
    display: block;
    width: 68%;
    height: 16px;
    top: 56px;
    text-align: center;
    font-size: 11px;
    color: var(--primary);
    background: rgb(145 145 145 / 10%);
    border-radius: 16px;
    padding: 0;
    cursor: default;
    line-height: 1.4;
    pointer-events: none;
    justify-content: center;
}

.layer_wrap .btn_area {
    position: fixed;
    width: 100%;
    margin: 0;
    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%);
    box-sizing: border-box;
}

.layer_wrap .btn_area .btnReservation {
    width: 40%;
    margin: 0 auto;
}


.layer_wrap.cal_wrap .air_date_area {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.layer_wrap.cal_wrap .air_date_area .date_area {
    width: 54%;
    max-height: 50px;
    margin-right: 6%;
    overflow-y: auto;
}

.layer_wrap.cal_wrap .air_date_area .date_area div {
    width: 100%;
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 15px;
}

.layer_wrap.cal_wrap .air_date_area .date_area div:last-child {
    margin-bottom: 0;
}

.layer_wrap.cal_wrap .air_date_area .date_area div p {
    float: left;
    text-align: left;
}

.layer_wrap.cal_wrap .air_date_area .date_area div .cityName {
    width: 50%;
    color: var(--black);
    margin-right: 4px;
}

.layer_wrap.cal_wrap .air_date_area .date_area div .date {
    width: 48%;
    color: var(--black);
}

.layer_wrap.cal_wrap .air_date_area .date_area div .date span {
    color: rgb(0 0 0 / 60%);
    margin-right: 10px
}

.layer_wrap.cal_wrap .air_date_area .date_area .off {
    font-size: 16px;
    color: rgb(0 0 0 / 30%);
    font-weight: 600;
}

.layer_wrap.cal_wrap .air_date_area .confirm {
    width: 40%;
    height: 50px;
}

.layer_wrap.cal_wrap .air_date_area .confirm .btnReservation {
    width: 100%;
}


/* seat */
.layer_wrap.mem_wrap .list {
    margin: 30px auto 0;
    max-height: 88vh;
    overflow-y: auto;
    width: 94%;
    margin: 0 auto;    
}

.layer_wrap.mem_wrap .list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 16px 0;
}

.layer_wrap.mem_wrap .list_item:last-child {
    border-bottom: 0;
}

.layer_wrap.mem_wrap .list_item .label_area {
    display: flex;
    align-items: center;
}

.layer_wrap.mem_wrap .list_item .label_area span {
    padding: 0;
}

.layer_wrap.mem_wrap .list_item .label_area span.label {
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
}

.layer_wrap.mem_wrap .list_item .label_area span.desc {
    color: rgb(0 0 0 / 60%);
    padding-left: 4px;
}

.layer_wrap.mem_wrap .count_btn {
    vertical-align: top;
    box-sizing: border-box;
    width: 140px;
}

.layer_wrap.mem_wrap .count_btn .btn_area {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border: 0;
    margin: 0;
}

.layer_wrap.mem_wrap .count_btn .btn_area .ico_typ {
    width: 36px;
    height: 36px;
    background: var(--white);
    border: 1px solid #e5e5e5;
    outline: none;
    cursor: pointer;
}

.layer_wrap.mem_wrap .count_btn .btn_area .btn_minus {
    background-image: url(../../images/temp105/common/minus.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50px;
}

.layer_wrap.mem_wrap .count_btn .btn_area .btn_plus {
    background-image: url(../../images/temp105/common/plus.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50px;
}

.layer_wrap.mem_wrap .count_btn .btn_area .inp_num {
    font-family: 'pretendard';
    font-size: 20px;
    color: var(--black);
    text-align: center;
    font-weight: 700;
    width: 22%;
    border: 0;
}

.layer_wrap.mem_wrap .alert-notice {
    display: block;
    color: var(--red);
    margin-top: 20px;
    margin-bottom: 15px;
}

.layer_wrap.mem_wrap .btn_area {
    position: fixed;
    width: 100%;
    max-width: 800px;
    margin: 0;
    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%);
    box-sizing: border-box;
    flex-direction: column;
}

.layer_wrap.mem_wrap .list .btn_area {
    flex-direction: row;
}

.layer_wrap.mem_wrap .btn_area .radio-area {
    display: flex;
}

.layer_wrap.mem_wrap .btn_area .radio-area label {
    margin-right: 10px;
}

.layer_wrap.mem_wrap .btn_area .radio-area label:last-child {
    margin-right: 0;
}

.layer_wrap.mem_wrap .btn_area .btn_aply {
    background-color: var(--black);
    color: var(--white);
    height: 50px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 20px;
    width: 100%;
}

.radio-area {
    width: 100%;
    margin: 0 auto;
}

.radio-area:after {
    display: block;
    content: '';
    clear: both;
}

.layer_wrap.mem_wrap .seat-block {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 46px;
    font-size: 15px;
    float: left;
    color: var(--black);
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: var(--white)fff;
    margin-bottom: 10px;
}

.layer_wrap.mem_wrap .seat-block:hover {
    border: 1px var(--primary) solid;
}

.layer_wrap.mem_wrap .is-checked {
    background-color: var(--primary) ;
    color: var(--white);
    border: 1px var(--primary) solid;
}

.layer_wrap.mem_wrap .is-checked a {
    color: var(--white) !important;
}

.layer_wrap.mem_wrap .seat-block a.radio-txt {
    display: block;
    text-align: center;
    font-size: 15px;
    color: var(--black);
    height: 50px;
    line-height: 50px;
    text-decoration: none;
}

.page_air .cus_filter {
    display: none;
}

.page_air .airplane_result .se_my_select {
    font-size: initial;
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
}

.page_air .airplane_result .se_my_select .mys_box {
    width: 50%;
    border-radius: 7px;
    overflow: hidden;
}

.page_air .airplane_result .se_my_select .mys_top {
    background: rgba(83,152,245,.8);
    box-sizing: border-box;
    padding: 10px 15px;
    display: flex;
}

.page_air .airplane_result .se_my_select .mys_top .tit_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--white);
}

.page_air .airplane_result .se_my_select .mys_cont {
    background: #ecf5fe;
    box-sizing: border-box;
    padding: 20px 15px;
    min-height: 94px;
}

.page_air .airplane_result .se_my_select .mysb_1 {
    margin-bottom: 10px;
}

.page_air .airplane_result .se_my_select .mysb_1 .filght_name {
    display: flex;
    font-size: 20px;
    align-items: center;
}

.page_air .airplane_result .se_my_select .mysb_1 .f_symbol {
    display: flex;
    align-items: center;
}

.page_air .airplane_result .se_my_select .mysb_1 .f_symbol img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.page_air .airplane_result .se_my_select .mysb_2 {
    display: flex;
    justify-content: space-between;
}

.page_air .airplane_result .se_my_select .mysb_2 .flight_time .time_icon {
    background-image: url(../../images/temp105/common/flight_takeoff.svg);
    background-position: center;
    background-size: 50%;    
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
}

.page_air .airplane_result .se_my_select .mysb_2 .flight_total {
    color: var(--gray);
    text-align: right;
}

.page_air .airplane_result .se_my_select .mysb_2 .flight_time {
    display: flex;
}

.page_air .airplane_result .se_my_select .mysb_2 .flight_time .time {
    display: flex;
    align-items: baseline;
}

.page_air .airplane_result .se_my_select .mysb_2 .flight_time .time .ti_airport {
    font-size: 12px;
    margin-left: 2px;
    color: var(--primary);
}

.page_air .se_my_select .b_close i {
    background-image: url(../../images/temp105/common/close_white.svg);
    background-position: center;
    background-size: 84%;    
    background-repeat: no-repeat;    
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    content: '';
}

.page_air .se_my_select .b_close {
    border-left: 1px solid rgba(0,0,0,.06);
    padding-left: 10px;
    margin-left: 10px;
}

.page_air .airplane_result .se_my_select .no_select .mys_top {
    background: #999;
}

.page_air .airplane_result .se_my_select .no_select .mys_cont {
    background: #ddd;
}

.page_air .airplane_result .se_my_select .no_select .b_close {
    display: none;
}

.page_air .airplane_result .se_my_select .mys_blank {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.page_air .airplane_result .se_my_select .swi_btn_wrap {
    display: flex;
    position: absolute;
    top: 145px;
    left: calc(50% - 20px);
}

.page_air .airplane_result .se_my_select .swiper-pagination {
    display: flex;
}

.page_air .airplane_result .se_my_select .mys_wrap {
    width: 100%;
    display: flex;
    align-items: center;
}

.page_air .airplane_result .se_my_select .mys_wrap .mys_box {
    margin-right: 20px;
    flex: 1;
}

.page_air .airplane_result .se_my_select .mys_wrap .mys_box:last-child {
    margin-right: 0;
}

.page_air .page_no_result {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    font-size: 16px;
    line-height: 1.4;
}

.page_air .page_no_result .tit {
    font-size: 22px;
    margin: 10px 0;
    font-weight: 600;
}

.page_air .page_no_result .sub_tit {
    text-align: center;
}

.page_air .page_no_result .nor_btn {
    background: var(--primary);
    color: #fff;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 20px;
    cursor: pointer;
}


.page_air.p_air_confirm .page_tit {
    margin-top: 0;
}

.page_air .schedule_item .item01 {
    padding: 10px 0;
    border-bottom: 1px #dddddd solid;
}

.page_air .schedule_item .item01 .item01-1 {
    margin: 10px 0;
}

.page_air .schedule_item .item01 .item01-1 .a-top {
    display: flex;
    align-items: center;
}

.page_air .schedule_item .item01 .item01-1 .a-top::after {
    display: block;
    content: '';
    clear: both;
}

.page_air .schedule_item .item01 .item01-1 .a-top .atop_1 {
    display: flex;
    align-items: center;
}

.page_air .schedule_item .item01 .item01-1 .a-top .atop_2 {
    margin-left: 10px;
    background: #eee;
    box-sizing: border-box;
    padding: 3px 10px;
}

.page_air .schedule_item .item01 .item01-1 .a-top .t1 {
    width: 50px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px 0 16px 0;
    color: #fff;
    background-color: var(--primary);
    font-size: 12px;
    margin-right: 6px;
}

.page_air .schedule_item .item01 .item01-1 .a-top .t2 {
    font-size: 17px;
    vertical-align: middle;
    color: #1c1c1c;
    font-weight: bold;
    margin-left: 10px;
}

.page_air .schedule_item .item01 .item01-1 .a-top .dot {
    margin: 0 4px;
}

.page_air .schedule_item .item01 .item01-1 .a-top .d1 {
    /* margin-right: 6px; */
    color: rgb(0 0 0 / 60%)
}

.page_air .schedule_item .item01 .item01-1 .a-top .d2 {
    color: rgb(0 0 0 / 60%)
}

.page_air .schedule_item .item01 .item01-1 .a-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 14px;
}

.page_air .schedule_item .item01 .item01-1 .a-body .time-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.page_air .schedule_item .item01 .item01-1 .a-body .time-in .c2 {
    font-size: 14px;
    font-weight: 400;
    color: #096cd3ad;
    height: 60px;
    line-height: 60px;
}

.page_air .schedule_item .item01 .item01-1 .a-body .bar {
    width: 1px;
    height: 105px;
    background: #c4c7cd;
    position: relative;
    margin-right: 20px;
}

.page_air .schedule_item .item01 .item01-1 .a-body .bar:before {
    position: absolute;
    bottom: 0px;
    width: 6px;
    height: 6px;
    background: #c4c7cd;
    border-radius: 50%;
    content: '';
    left: -3px;
}

.page_air .schedule_item .item01 .item01-1 .a-body .bar:after {
    position: absolute;
    top: 0px;
    width: 6px;
    height: 6px;
    background: #c4c7cd;
    border-radius: 50%;
    content: '';
    left: -3px;
}

.page_air .schedule_item .item01 .item01-1 .a-body .city-fo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 70%;
}

.page_air .schedule_item .item01 .item01-1 .a-body .city-fo .e1 {
    color: #1c1c1c;
}

.page_air .schedule_item .item01 .air-select {
    min-height: 50px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: var(--primary);
    width: 100%;
}

.page_air .schedule_item .item01 .air-select .name {
    display: flex;
    align-items: center;
}

.page_air .schedule_item .item01 .air-select .name img {
    width: 30px;
    height: 25px;
    margin-right: 10px;
} 

.page_air .schedule_item .item01 .air-select .info {
    width: 100%;
    color: var(--lightgray);
    font-weight: 300;
    margin-top: 2px;
}

.page_air .schedule_item .price_area {
    padding-top: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.page_air .schedule_item .price_area span:first-child {
    margin-right: 10px;
}

.page_air .schedule_item .price_area .price {
    color: var(--red);
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    font-size: 22px;
}

.page_air .p_air_confirm .btn_area .btnReservation {
    margin: 0 auto;
}

.page_air .p_air_confirm .air-select img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.page_air .p_air_confirm .btn_area {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0;
}

.page_air .p_air_confirm .btn_area .btnReservation {
    max-width: 300px;
}

.page_air.p_air_confirm .list_visual {
    margin-bottom: 0;
}

.page_air .book_now .infoArea {
    width: 71%;
    max-width: 900px;
}

.page_air .book_now .infoArea h4 {
    line-height: 24px;
    letter-spacing: -0.4px;
    color: var(--black);
    text-align: left;
    padding: 0 0 20px;
    margin-bottom: 0;
}

.page_air .book_now .infoArea .selecInfo {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
}

.page_air .book_now .infoArea .selecInfo .detail {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.page_air .book_now .infoArea .selecInfo .detail:last-child {
    margin-bottom: 0
}

.page_air .book_now .infoArea .selecInfo .detail .area01 {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 20px;
    color: var(--black);
    letter-spacing: -0.4px;
    margin-bottom: 10px;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div span {
    white-space: nowrap;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div:first-child {
    font-size: 20px;
    font-weight: 300;
    color: var(--black);
    margin-right: 18px;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div:first-child .ico01 {
    background: url(../images/flight_takeoff.svg) 0 40% / 26px no-repeat;
    padding-left: 34px;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div:first-child .ico02 {
    background: url(../images/flight_land.svg) 0 40% / 26px no-repeat;
    padding-left: 34px;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div:last-child {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div:last-child span:nth-child(2) {
    margin: 0 10px;
}

.page_air .book_now .infoArea .selecInfo .detail .area01 div:last-child .via {
    font-weight: 300;
    color: var(--gray);
    margin-left: 6px;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 {
    position: static;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: var(--black);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.4px;
    padding-bottom: 20px;
}

.page_air .book_now .infoArea .selecInfo .detail .area02:nth-child(3) {
    border-top: 1px dashed rgb(0 0 0 / 10%);
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child {
    display: flex;
    align-items: center;
    justify-content: start;
    background: transparent;
    padding: 10px 0;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child li:first-child {
    margin-right: 10px;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child li:last-child {
    display: flex;
    align-items: center;
    justify-content: start;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child li:last-child .arrow {
    background: url(../images/air_arrow_type02.svg) 50% 50% / 18px no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 12px;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child {
    display: flex;
    align-items: center;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li {
    position: relative;
    margin-left: 10px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    background: rgb(0 0 0 / 52%);
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child {
    margin-left: 0;
    padding-left: 0;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child::before {
    display: none;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child span {
    margin-left: 0;
    padding-left: 0;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span {
    position: relative;
    margin-left: 10px;
    padding-left: 12px;
    display: flex;
    align-items: center;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    background: rgb(0 0 0 / 52%);
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span:first-child {
    margin-left: 0;
    padding-left: 0;
}

.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span:first-child::before {
    display: none;
}

.air_kor .page_air .book_now .infoArea .selecInfo .detail .area02 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.page_air .book_now .infoArea .selecInfo .detail .area03 {
    padding-top: 14px;
    border-top: 1px solid var(--black);
    color: var(--primary);
    font-size: 14px;
    font-weight: 300;
}

.page_air .book_now .infoArea .addOption {
    margin-bottom: 80px;
}

.page_air .book_now .infoArea .addOption .item {
    background: #fbfbfb;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page_air .book_now .infoArea .addOption .item div:first-child {
    width: 8%;
    position: relative;
}

.page_air .book_now .infoArea .addOption .item div:first-child .inp_radio {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.page_air .book_now .infoArea .addOption .item div:last-child {
    width: 92%;
}

.page_air .book_now .infoArea .addOption .item div:last-child ul {
    width: 100%;
}

.page_air .book_now .infoArea .addOption .item div:last-child .price li {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_air .book_now .infoArea .addOption .item div:last-child .price li:first-child {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: var(--black);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 10px;
}

.page_air .book_now .infoArea .addOption .item div:last-child .price li:last-child {
    display: flex;
    justify-content: end;
    padding: 10px 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.page_air .book_now .infoArea .addOption .item div:last-child .price li:last-child span {
    color: var(--black);
    font-weight: 500;
}

.page_air .book_now .infoArea .addOption .item div:last-child .price li:last-child .addPrice {
    color: var(--red);
    margin-left: 6px;
}

.page_air .book_now .infoArea .addOption .item div:last-child .info li {
    height: 106px;
    overflow-y: auto;
    line-height: 1.2;
    font-weight: 300;
}

.page_air .book_now .infoArea .addOption .more {
    width: 16%;
    margin: 0 auto;
    padding: 12px 16px;
    border: 1px solid rgb(0 0 0 / 30%);
    border-radius: 30px;
    cursor: pointer;
}

.page_air .book_now .infoArea .addOption .more:hover {
    border: 1px solid var(--black);
    background: var(--black);
}

.page_air .book_now .infoArea .addOption .more:hover span {
    color: var(--white);
}

.page_air .book_now .infoArea .addOption .more:hover svg {
    fill: var(--white);
}

.page_air .book_now .infoArea .reservationInfo h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: var(--black);
    text-align: left;
    margin-bottom: 20px;
}

.page_air .book_now .infoArea .reservationInfo h2 span {
    font-size: 14px;
    color: var(--gray);
    font-weight: 300;
    margin-left: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info1 {
    margin-bottom: 80px;
}

.page_air .book_now .infoArea .reservationInfo .info1 div:first-child {
    margin-bottom: 20px;
}

.page_air .book_now .infoArea .reservationInfo .info1 .i1_info span{
    font-size: 14px;
    color: var(--gray);
}

.page_air .book_now .infoArea .reservationInfo .info1 div h2 {
    margin-bottom: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info1 ul {
    display: flex;
}

.page_air .book_now .infoArea .reservationInfo .info1 ul li {
    flex: 1;
    margin-right: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info1 ul li:last-child {
    flex: 1;
    margin-right: 0;
}

.page_air .book_now .infoArea .reservationInfo .info2 {
    margin-bottom: 80px;
}

.page_air .book_now .infoArea .reservationInfo .info2 h2 {
    margin-bottom: 10px;
    font-weight: 600;
}

.page_air .book_now .infoArea .reservationInfo .info2 ul {
    margin-bottom: 20px;
    font-size: 14px;
}

.page_air .book_now .infoArea .reservationInfo .info2 ul.i2_info {
    background: rgba(0 0 0 / 5%);    
    box-sizing: border-box;
    padding: 20px;    
}

.page_air .book_now .infoArea .noti, 
.page_air .book_now .infoArea .reservationInfo .info3 dl dd.noti {
    color: var(--red);
}

.page_air .book_now .infoArea .reservationInfo .info2 ul li {
    line-height: 1.4;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    margin-bottom: 0;
    background: rgb(0 0 0 / 3%);
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form:last-child {
    border-bottom: 0;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul {
    margin-bottom: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:last-child {
    margin-bottom: 0;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li {
    display: inline-block;
    line-height: 50px;
    margin-right: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li:last-child {
    margin-right: 0;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li .sel_base {
    width: 100%;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child {
    display: flex;
    justify-content: space-between;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child .choice {
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child .btn_photo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 16px;
    border: 1px solid rgb(0 0 0 / 50%);
    border-radius: 7px;
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    background: #fff;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child .btn_photo svg {
    width: 28px;
    height: 28px;
    margin-right: 6px;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:nth-child(2) {
    display: flex;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:nth-child(2) li {
    flex: 1;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:last-child {
    display: flex;
}

.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:last-child li {
    flex: 1;
}

.page_air .book_now .infoArea .reservationInfo .info3 {
    margin-bottom: 80px;
}

.page_air .book_now .infoArea .reservationInfo .info3 h2 {
    margin-bottom: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info3 h2 span {
    color: #ea2626
}

.page_air .book_now .infoArea .reservationInfo .info3 .info_address .tit_wrap {
    display: flex;
}

.page_air .book_now .infoArea .reservationInfo .info3 ul {
    display: flex;
    display: flex;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 16px 0;
    margin-bottom: 30px;
}

.page_air .book_now .infoArea .reservationInfo .info3 ul li {
    flex: 1;
    margin-right: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info3 ul li:last-child {
    flex: 1;
    margin-right: 0;
}

.page_air .book_now .infoArea .reservationInfo .info3 dl {
    margin-bottom: 40px;
}

.page_air .book_now .infoArea .reservationInfo .info3 dl dt {
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.page_air .book_now .infoArea .reservationInfo .info3 dl dd {
    line-height: 1.4;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    padding-left: 10px;
    color: var(--gray);
}

.page_air .book_now .infoArea .reservationInfo .info3 dl dd::after {
    content: '・';
    float: left;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area {
    margin-bottom: 0;
}

.page_air .book_now .infoArea .reservationInfo .terms_area h2 {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--black);
    padding-bottom: 12px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .terms_check {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 14px 0;
    margin-bottom: 0;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .terms_check:last-child {
    border-bottom: 0
}



.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    margin-bottom: 10px;
    padding: 0 0 10px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .ti {
    display: none;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab {
    width: 20%;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li {
    background: rgb(28 28 28 / 6%);
    border: 2px solid rgb(28 28 28 / 0);
    border-radius: 2px;
    padding: 30px 20px;
    font-size: 15px;
    margin-bottom: 6px;
    color: var(--gray);
    cursor: pointer;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li:last-child {
    margin-bottom: 0;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li:hover {
    background: var(--white);
    color: var(--black);
    border: 2px solid var(--primary);
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li.selected {
    background: var(--white);
    color: var(--black);
    border: 2px solid var(--primary);
    font-weight: 500;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content {
    width: 76%;
    height: 432px;
    overflow-y: auto;
    padding-right: 10px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content h2 {
    font-size: 16px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content ul {
    width: 100%;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content .agree_panel dl {
    display: flex;
    flex-direction: column;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content .agree_panel dl dt {
    width: 100%;
    color: var(--black);
    line-height: 1.4;
    padding: 8px 0 0;
    font-size: 15px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content .agree_panel dl dd {
    width: 100%;
    color: var(--gray);
    line-height: 1.4;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 300;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .terms_check {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page_air .book_now .reservationInfo .terms_area .terms_check .label {
    font-weight: 500;
}    

.page_air .book_now .reservationInfo .terms_area .terms_check .more {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}        

.page_air .book_now .reservationInfo .terms_area .terms_check .more svg {
    margin-left: 10px;
}

.page_air .book_now .reservationInfo .terms_area .terms_check.all_terms .label {
    font-weight: 600;
}

.page_air .book_now .reservationInfo .terms_area .terms_check.all_terms .label span {
    font-weight: 500;
    margin-left: 5px;
}    

.page_air .book_now .infoArea .reservationInfo .terms_area .link {
    display: inline-block;
    margin-top: 10px;
    border: 1px solid var(--black);
    border-radius: 7px;
    padding: 4px 10px;
    font-weight: 400;
    font-size: 13px;
}

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

.agree_pc .wrap .agree_content .panel_table tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.agree_pc .wrap .agree_content .panel_table tbody tr:last-child {
    border-bottom: 0;
}

.agree_pc .wrap .agree_content .panel_table tbody tr th {
    font-size: 13px;
    font-weight: 500;
    color: var(--black);
    padding: 10px;
    line-height: 1.4;
    background: rgb(48 182 189 / 4%);
}

.agree_pc .wrap .agree_content .panel_table tbody tr td {
    font-size: 13px;
    font-weight: 300;
    color: var(--gray);
    padding: 10px;
    line-height: 1.4;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms {
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms .inp_check {
    margin-right: 10px;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms .inp_check .label {
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
}

.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms .label .noti {
    font-weight: 400;
    font-size: 14px;
    margin-left: 6px;
    color: var(--red);
}

.page_air .book_price {
    position: sticky;
    top: 100px;
    width: 26%;
    max-width: 330px;
    float: right;
}

.page_air .book_price .box {
    background: var(--white);
    border: 1px solid rgb(0 0 0 / 12%);
    border-radius: 10px;
    width: 100%;
}

.page_air .book_price .box .wrap {
    width: 90%;
    margin: 24px auto;
}

.page_air .book_price .box .wrap .ti {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.page_air .book_price .box .wrap .detail:last-child {
    margin-top: 24px;
}

.page_air .book_price .box .wrap dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page_air .book_price .box .wrap dl dt {
    color: var(--gray)
}

.page_air .book_price .box .wrap dl dd {
    color: var(--black);
}

.page_air .book_price .box .wrap.totaleArea {
    border-top: 1px dashed rgb(0 0 0 / 12%);
    padding-top: 20px;
    text-align: right;
}

.page_air .book_price .box .wrap.totaleArea div {
    font-size: 13px;
    color: #8d8d8d;
    margin-bottom: 6px;
    letter-spacing: -0.1px;
    font-weight: 300;
}

.page_air .book_price .box .wrap.totaleArea .total {
    border-top: 1px solid var(--black);
    padding-top: 22px;
    margin-top: 20px;
}

.page_air .book_price .box .wrap.totaleArea .total dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_air .book_price .box .wrap.totaleArea .total dl dt {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
}

.page_air .book_price .box .wrap.totaleArea .total dl dd {
    font-size: 22px;
    font-weight: 500;
    color: var(--red);
    letter-spacing: -0.7px;
    display: flex;
    align-items: center;
}

.page_air .book_price .box .wrap.totaleArea .total dl dd span {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

.page_air .book_now {
    margin-bottom: 30px;
}


.page_air .book_now .info2 .inb_btn {
    border: 1px solid var(--gray);
    margin-top: 2rem;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
    position: relative;
}

.page_air .book_now .info2 .inb_btn:after {
    position: absolute;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../../images/temp105/common/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    right: 10px;
    top: 8px;
}

.page_air .book_now .info2 .inb_btn.i_rotate:after {
    transform: rotate(180deg);
}


.page_air .book_now .info2 .inb_btn .t_txt {
    display: flex;
    text-align: center;
    align-items: center;
    margin-left: 5px;
}

.page_air .book_now .info2 .inb_btn .t_txt .info {
    color: var(--primary);
    margin-left: 5px;
}

.page_air.p_air_reserve .page_tit {
    margin-top: 4rem;
}

/* .page_air .btn_area {
    margin: 30px auto 100px;
    max-width: 1280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_air .btn_area .btnReservation {
    max-width: 300px
} */

.page_air .cus_select_wrap .list {
    max-width: 300px
}

.page_air .cus_select_wrap .list, .page_air .cus_select .list {
    flex-direction: column;
    width: 100%;
    max-width: initial;    
    max-height: 250px;
    overflow: auto;    
}

.page_air .cus_select_wrap .list li, .page_air .cus_select .list li {
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}

.page_air .payment {
    display: flex;
    justify-content: space-between;
}

.page_air .payment .wrap {
    width: 96%;
    margin: 24px auto;
}

.page_air .payment .wrap .ti {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.page_air .payment .wrap .ti svg {
    fill: var(--black);
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.page_air .payment .wrap .ti .i_rotate {
    transform: rotate(180deg);
}

.page_air .payment .area01 {
    width: 72%;
    max-width: 920px;
}

.page_air .payment .box {
    background: var(--white);
    border: 1px solid rgb(0 0 0 / 12%);
    border-radius: 10px;
    width: 100%;   
    box-sizing: border-box; 
}

.page_air .nice-select .current {
    color: var(--gray);
    font-weight: 300;
}

.page_air .payment .area01 .box:first-child {
    margin-bottom: 20px;
}

.page_air .payment .area01 .discount .list {
    display: flex;
    flex-direction: column;
}

.page_air .payment .area01 .discount .list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.page_air .payment .area01 .discount .list .item:last-child {
    border-bottom: 0
}

.page_air .payment .area01 .discount .list .item .price {
    color: var(--red);
    font-weight: 500;
    font-size: 16px;
    margin-right: 30px;
}

.page_air .payment .area01 .discount .list .item .addPrice {
    color: #838383;
    font-weight: 300;
}

.page_air .payment .cardInfo .form {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
}

.page_air .payment .cardInfo .form:last-child {
    margin-bottom: 0;
}


.page_air .payment .cardInfo .card_line, .page_air .payment .cardInfo .payment_way {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

.page_air .payment .cardInfo .card_line > ul {
    width: inherit;
    display: flex;
}

.page_air .payment .cardInfo .card_line li {
    flex: 1;
    margin-right: 10px;
}

.page_air .payment .cardInfo .card_line li:last-child {
    margin-right: 0;
}

.page_air .payment .cardInfo .card_line .ln_2 {
    display: flex;
}

.page_air .payment .cardInfo .card_line .ln_2 .select {
    flex: 1;
    margin-right: 10px;
}

.page_air .payment .cardInfo .card_line .ln_2 .select:last-child {
    margin-right: 0px;
}

.page_air .payment .cardInfo .payment_way .paw_1 {
    width: 150px;
    margin-right: 10px;
}

.page_air .payment .cardInfo .payment_way .paw_2 {
    display: flex;
    width: calc(100% - 160px);
    justify-content: space-between;
    align-items: center;
}

.page_air .payment  .cardInfo .payment_way .paw_2 .tit {
    display: block;
    text-align: center;
    width: 120px;
}

.page_air .payment  .cardInfo .payment_way .paw_2 .select {
    width: calc(100% - 120px);
}

.page_air .payment .form .card_info {
    margin: 10px 0;
}

.page_air .payment .card_wrap .card_box, .page_air .payment .card_wrap .cb_info {
    display: flex;
    flex-direction: column;
}

.page_air .payment .card_wrap .card_box {
    margin-bottom: 30px;
}

.page_air .payment .card_wrap .card_box:last-child {
    margin-bottom: 0;
}

.page_air .payment .card_wrap .price_each {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

.page_air .payment .card_wrap .price_each span {
    color: var(--primary);
    font-weight: 700;
}

.page_air .payment .btn_same_card.co_primary {
    background: var(--primary);
    color: var(--white);
    border-color: transparent;
}


.page_air .payment .area02 {
    position: sticky;
    top: 44px;
    width: 26%;
    max-width: 330px;
}

.page_air .payment .area02 .box {
    padding-bottom: 0;
}

.page_air .payment .area02 .wrap {
    width: 90%;
    margin: 24px auto;
}

.page_air .payment .area02 .airInfo .detail dl {
    margin-bottom: 16px;
}

.page_air .payment .area02 .airInfo .detail dl dt {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 6px;
}

.page_air .payment .area02 .airInfo .detail dl dd {
    display: flex;
    justify-content: start;
}

.page_air .payment .area02 .airInfo .detail dl dd img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.page_air .payment .area02 .airInfo .detail dl dd span {
    font-size: 16px;
    color: var(--black);
    font-weight: 300;
    line-height: 22px;
}

.page_air .payment .area02 .airInfo .detail dl dd span .via {
    color: var(--gray)
}

.page_air .payment .area02 .airInfo .detail:last-child {
    border-top: 1px solid rgb(0 0 0 / 14%);
    padding-top: 20px;
}

.page_air .payment .area02 .airInfo .detail ul {
    margin-bottom: 20px;
}

.page_air .payment .terms_Box .label {
    font-size: 15px;
}


.page_air .payment .area02 .airInfo .detail ul li:first-child {
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
}

.page_air .payment .area02 .airInfo .detail ul li:last-child {
    font-size: 14px;
}

.page_air .payment .area02 .airInfo .detail ul li:last-child span {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    color: #898989;
    font-weight: 200;
    letter-spacing: -0.4px;
}

.page_air .payment .area02 .airInfo .detail ul li:last-child span::before {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    background: rgb(0 0 0 / 14%);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.page_air .payment .area02 .airInfo .detail ul li:last-child span:first-child {
    margin-left: 0;
    padding-left: 0;
}

.page_air .payment .area02 .airInfo .detail ul li:last-child span:first-child::before {
    display: none;
}

.page_air .payment .area02 .airInfo .detail .more {
    border: 1px solid rgb(28 28 28 / 30%);
    background: transparent;
    border-radius: 7px;
    padding: 6px 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.page_air .payment .area02 .airInfo .detail .more:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white)
}

.page_air .payment .area02 .boundary {
    border-bottom: 8px solid #f1f1f1;
}

.page_air .payment .area02 .priceArea .detail:last-child { 
   margin-top: 24px;
   font-size: 14px;
}

.page_air .payment .area02 .priceArea dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page_air .payment .area02 .priceArea dl dt {
    color: var(--gray)
}

.page_air .payment .area02 .priceArea dl dd {
    color: var(--black);
}

.page_air .payment .area02 .totaleArea {
    border-top: 1px dashed rgb(0 0 0 / 12%);
    padding-top: 20px;
    text-align: right;
}

.page_air .payment .area02 .totaleArea div {
    font-size: 13px;
    color: #8d8d8d;
    margin-bottom: 6px;
    letter-spacing: -0.1px;
    font-weight: 300;
}

.page_air .payment .area02 .totaleArea .total {
    border-top: 1px solid var(--black);
    padding-top: 22px;
    margin-top: 20px;
}

.page_air .payment .area02 .totaleArea .total dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_air .payment .area02 .totaleArea .total dl dt {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
}

.page_air .payment .area02 .totaleArea .total dl dd {
    font-size: 22px;
    font-weight: 500;
    color: var(--red);
    letter-spacing: -0.7px;
    display: flex;
    align-items: center;    
}

.page_air .payment .area02 .totaleArea .total dl dd span {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

.page_air .payment .card_info {
    margin-bottom: 1rem;
}

.page_air .payment .cored {
    font-size: 14px;
    color: #ff0000;
}

.page_air.p_kor .airplane_result .select .area02 .item .area01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 15px;
}

.page_air.p_kor .airplane_result .select .area02 .item .area01 .aa.aa_01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_air.p_kor .box_info {
    padding: 20px;
    box-sizing: border-box;
}

.page_air.p_kor .box_info .tit {
    font-weight: 700;
	margin-bottom: 10px;
}

.page_air.p_kor .box_info .txt div {
	margin-bottom: 5px;
}

.page_air.p_kor .payment .wrap .ti span {
	color: var(--primary);
	font-weight: 700;
}

.page_air.p_kor .same_card {
    color: #303030;
    float: right;
    border: 1px #303030 solid;
    margin: 0 6px 2px 0;
    border-radius: 4px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    cursor: pointer;
	width: fit-content;
}

.page_air.p_kor .payment .area_wrap {
    width: 73%;
    max-width: 920px;
}

.page_air.p_kor .payment .area01 {
    width: 100%;
    max-width: initial;
}

.page_air.p_kor .payment .area02 {
    position: sticky;
    top: 44px;
    width: 26%;
    max-width: 330px;
}

.page_air.p_kor .payment .area02 .box {
    padding-bottom: 0;
}

.page_air.p_kor .payment .area02 .wrap {
    width: 90%;
    margin: 24px auto;
}

.page_air.p_kor .payment .area02 .airInfo .detail dl {
    margin-bottom: 16px;
}

.page_air.p_kor .payment .area02 .airInfo .detail dl dt {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 6px;
}

.page_air.p_kor .payment .area02 .airInfo .detail dl dd {
    display: flex;
    justify-content: start;
}

.page_air.p_kor .payment .area02 .airInfo .detail dl dd img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.page_air.p_kor .payment .area02 .airInfo .detail dl dd span {
    font-size: 16px;
    color: var(--black);
    font-weight: 300;
    line-height: 22px;
}

.page_air.p_kor .payment .area02 .airInfo .detail dl dd span .via {
    color: var(--gray)
}

.page_air.p_kor .payment .area02 .airInfo .detail:last-child {
    border-top: 1px solid rgb(0 0 0 / 14%);
    padding-top: 20px;
}

.page_air.p_kor .payment .area02 .airInfo .detail ul {
    margin-bottom: 20px;
}

.page_air.p_kor .payment .area02 .airInfo .detail ul li:first-child {
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
}

.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    color: #898989;
    font-weight: 200;
    letter-spacing: -0.4px;
}

.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span::before {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    background: rgb(0 0 0 / 14%);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span:first-child {
    margin-left: 0;
    padding-left: 0;
}

.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span:first-child::before {
    display: none;
}

.page_air.p_kor .payment .area02 .airInfo .detail .more {
    border: 1px solid rgb(28 28 28 / 30%);
    background: transparent;
    border-radius: 7px;
    padding: 6px 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.page_air.p_kor .payment .area02 .airInfo .detail .more:hover {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white)
}

.page_air.p_kor .payment .area02 .boundary {
    border-bottom: 8px solid #f1f1f1;
}

.page_air.p_kor .payment .area02 .priceArea .detail:last-child {
    margin-top: 24px;
}

.page_air.p_kor .payment .area02 .priceArea dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page_air.p_kor .payment .area02 .priceArea dl dt {
    color: var(--gray)
}

.page_air.p_kor .payment .area02 .priceArea dl dd {
    color: var(--black);
}

.page_air.p_kor .payment .area02 .totaleArea div {
    font-size: 13px;
    color: #8d8d8d;
    margin-bottom: 6px;
    letter-spacing: -0.1px;
    font-weight: 300;
}

.page_air.p_kor .payment .area02 .totaleArea .total {
    border-top: 1px solid var(--black);
    padding-top: 22px;
    margin-top: 20px;
}

.page_air.p_kor .payment .area02 .totaleArea .total dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_air.p_kor .payment .area02 .totaleArea .total dl dt {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
}

.page_air.p_kor .payment .area02 .totaleArea .total dl dd {
    font-size: 22px;
    font-weight: 500;
    color: var(--red);
    letter-spacing: -0.7px;
}

.page_air.p_kor .payment .area02 .totaleArea .total dl dd span {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

.page_air.p_kor .payment .area01 .cardInfo .form .cardSelect .sel_base {
    width: 100%;
    margin-right: 0;
}

.page_air.p_kor .payment .card_sub.line_4 .select_1 {
    margin-right: 10px;
}    

.page_air .payment .area01 .cardInfo .form .card_wrap {
    flex-direction: column;
    align-items: flex-start;
}

.page_air .payment .btn_same_card {
    color: #303030;
    float: right;
    border: 1px #303030 solid;
    margin: 0 6px 2px 0;
    border-radius: 4px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    cursor: pointer;
    width: fit-content;
    margin-bottom: 16px;
}

.page_air .addOption {
    margin-bottom: 50px;
    margin-top: 40px;
}

.page_air .addOption .add_title {
    margin-bottom: 20px;
    font-weight: bold;
}

.page_air .addOption .item {
    background: #fbfbfb;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
    border: 3px solid transparent;
}

.page_air .addOption .item.on {
    border-color: var(--primary);
}

.page_air .addOption .it_box {
    width: 100%;
}

.page_air .addOption .it_box .ra_box {
    height: 100%;
}

.page_air .addOption .it_box label {
    padding-left: 60px;
}

.page_air .addOption .it_box .cont {
    width: 100%;
}

.page_air .addOption .it_box .price .pr {
    display: flex;
    justify-content: space-between;
    align-items: center;    
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.page_air .addOption .it_box .price .pr_basic {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    font-weight: 600;
}

.page_air .addOption .it_box .price .pr_add {
    justify-content: end;
    font-weight: 500;
}

.page_air .addOption .it_box .pr_add .pr_num {
    color: var(--red);
    margin-left: 6px;
}

.page_air .addOption .it_box .info {
    font-size: 14px;
    color: var(--gray);
}

.page_air .addOption .swiper-button-next.swiper-button-disabled, .page_air .addOption .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.page_air .swiper {
    overflow: hidden;
    position: relative;
}

.page_air.p_air_main .swiper {
    position: static;
}


/* .c_banner.bb_best */

.c_banner.bb_best {
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.c_banner.bb_best h2 {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 30px;
}

.c_banner.bb_best .itemArea {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.c_banner.bb_best .itemArea .item .item_img {
    margin-bottom: 14px;
    width: 100%;
    height: 232px;
}

.c_banner.bb_best .itemArrow {
    top: 34%
}

.c_banner.bb_best .itemArea {
    overflow: hidden;
    width: 100%;
    position: relative;
    min-height: 300px;
}

.c_banner.bb_best .itemArea .item {
    position: relative;
}

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

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

.c_banner.bb_best .itemArea .item .item_info {
    width: 100%;
}

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

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

.c_banner.bb_best .itemArea .item .item_info .tit {
    width: 100%;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    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;
}

.c_banner.bb_best .itemArea .item .item_info .sti {
    width: 100%;
    color: var(--gray);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    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;
}

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

/* ---------------------
        전체 찾기
------------------------ */
/*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;
}

/* -----------------
       회사소개
-----------------*/
.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;
}

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

.tour_detail .bookMark {
    position: absolute;
    top: 10px;
    z-index: 2;
    right: 10px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    background-position: center;
    width: 35px;
    height: 35px;
}




/* 항공검색의 경우 1300px까지만 pc가 가능해서 1300px 이하 제작 */
@media screen and (max-width: 1300px) {
    /* -------------------------------
                항공
    ------------------------------- */
    .page_air .airSearch .searchForm .area01 {
        justify-content: center;
    }

    .page_air .airSearch .searchForm .area01 .tablist span {
        font-size: 16px;
    }

    .page_air .airSearch .searchForm .area01 .opDirect {
        display: none;
    }

    .page_air .airSearch .searchForm .area02 {
        flex-direction: column;
        padding: 20px 0;
        background: #f7f7f7;
        border-radius: 14px;
    }

    .page_air .airSearch .searchForm .area02 .way_wrap {
        width: 100%;
        box-sizing: border-box;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap {
        margin: 0 auto;
        border-bottom: 1px solid rgb(0 0 0 / 30%);
        margin-bottom: 16px;
        padding-bottom: 16px;
        flex-direction: column;
        width: 90%;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap .city {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px dashed rgb(70 70 70 / 16%);
        padding: 0 0 14px 0;
        border-radius: initial;
        margin-bottom: 14px;
        height: initial;
        background-color: transparent;
        box-sizing: border-box;
    }

    .page_air .airSearch .searchForm .area02 .city .code {
        width: 38%;
        min-width: initial;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap span:last-child,
    .page_air .airSearch .searchForm .area02 .option .info span:last-child {
        font-size: 19px;
    }

    .page_air .airSearch .searchForm .area02 .city .arrow.type2 {
        width: 18%;
        height: 20px;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap .date {
        height: inherit;
        padding: 0;
        margin: 0;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap .date .item {
        font-size: 16px;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap .minus, 
    .page_air .airSearch .searchForm .area02 .multi .wrap .add {
        right: 0;
        top: initial;
        padding: 16px;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        transform: initial;
        bottom: 11px;
    }

    .page_air .airSearch .searchForm .area02 .multi .wrap .minus span:first-child, 
    .page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child {
        left: 1px;
    }

    .page_air .airSearch .searchForm .area02 .option .info span:first-child {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .airSearch .searchForm .area02 .option .info span:first-child svg {
        fill: var(--black);
        width: 26px;
        height: 26px;
    }

    .page_air .airSearch .searchForm .area02 .btnSearch {
        width: 92%;
        margin: 20px auto 2px;
        height: 50px;
        min-height: 50px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        max-width: initial;
        background-color: var(--primary);
        color: var(--white);
    }

    .page_air .airSearch .searchForm .area02 .option {
        margin: 0 auto;
        position: relative;
        justify-content: space-between;
        width: 90%;
        height: initial;
    }

    .page_air .airSearch .searchForm .area02 .option .info {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .page_air .airSearch .searchForm .area02 .option .opDirect {
        display: block;
    }

    .page_air .airSearch .searchForm .area02 .opDirect span.label {
        font-size: 16px;
        font-weight: 500;
        align-items: center;
        display: flex;
    }

    .page_air .airSearch .searchForm .area02 .way {
        flex-direction: column;
    }

    .page_air .airSearch .searchForm .area02 .city {
        height: initial;
        width: 90%;
        margin: 0 auto 20px;
        box-sizing: border-box;
        padding: 0;
        padding-bottom: 20px;
        position: relative;
    }

    .page_air .airSearch .searchForm .area02 .city .arrow.type1 {
        width: 18%;
        padding: 0;
        height: 20px;
        box-sizing: border-box;
    }

    .page_air .airSearch .searchForm .area02 .city .code .after, .page_air .airSearch .searchForm .area02 .city .code:last-child span,
    .page_air .airSearch .searchForm .area02 div span:last-child {
        font-size: 20px;
    }

    .page_air .airSearch .searchForm .area02 .date {
        width: 90%;
        margin: 0 auto 20px;
        flex-direction: row;
        align-items: center;
        height: initial;
        justify-content: flex-start;
        position: relative;
        padding-bottom: 20px;
    }

    .page_air .airSearch .searchForm .area02 .date span:first-child {
        display: block;
        margin-right: 10px;
    }

    .page_air .airSearch .searchForm .area02 .date span:first-child svg {
        width: 24px;
        height: 24px;
    }

    .page_air .airSearch .searchForm .area02 .way .city::after, .page_air .airSearch .searchForm .area02 .way .date::after {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        background: rgb(0 0 0 / 30%);
        position: absolute;
        bottom: 0;
        left: 0;
    }    

    .page_air .airSearchHistory .historyBox {
        padding: 14px 20px;
    }

    .page_air .airSearchHistory .historyBox .area03 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1023px){

    /* ----------------------
              공통
    ----------------------*/
    .page .full_v {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }

    .pages {
        padding-bottom: 395px; /*푸터 높이*/
    }

    .page_mypage, .page_event, .page_review, .page_customer, .page_mz,
    .p_air_confirm .p_space {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }    

    .page_air.p_air_main  .p_space {
        padding-top: 5rem;
    }

    .p_air_confirm .p_space {
        padding-top: 2rem;
    }

    #smallPopup .policies {
        padding-top: 0;
    }    

    .policies {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    #smallPopup #smallPopup_arti {
        width: 100%;
    }

    .page_member .page_tit {
        margin-top: 0;
    }    
    
    .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;
    }

    .page .page_blank {
        text-align: center;
    }    

    .btnReservation {
        width: 100%;s
    }

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

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

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

    .cus_search_box .nice-select {
        width: 100%; 
    }

    .cus_search_box .sb_title {
        width: calc(100% - 60% - 55px);
    }

    .searchArea .search_box {
        width: 100%;
    }    

    .cus_search_box .inp_sel li, .cus_search_box .area .searchArea .inp_sel ul li:nth-child(2) {
        width: auto;
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;        
    }


    .cus_search_box .sb_title li:nth-child(2) {
        width: auto;
        margin-left: 0;
    }

    .cus_search_box .search_box .sb_input {
        width: calc(80% - 55px);
    }

    .layer_wrap .cont_box {
        width: 100%;
    }

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

    /* ----------------------
              메인  
    ----------------------*/
    .mainBanner .swi_btn_wrap, .mainBanner.swiper .swi_scrollbar, .mainBanner.swiper .swi_scrollbar {
        width: 90%;
    }

    .mainItem04 .swi_btn_wrap .swi_page {
        display: none;;
    }

    .mainItem01 .swiper .swi_b {
        width: 50px;
        height: 50px;
    }

    .mainItem01 .swiper .swi_b::after {
        left: 15px;
        width: 26px;
        top: 26px;
    }

    .mainItem01 .swiper .swi_b::before {
        left: 23px;
    }

    .mainItem01 .swiper .swi_b.swi_next::before {
        right: 20px;
    }

    .mainItem01 .swiper .swi_b.swi_next::after {
        right: 12px;
        left: inherit;
    }


    /* ----------------------
              멤버
    ----------------------*/       
    .page_member.findMember form ul li.list_1 button {
        margin-left: 5px;
    }

    /* ----------------------
              골프 
    ----------------------*/    

    .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_member {
        padding: 5rem 2rem;
    }

    .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: 20px auto;
        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%;
    }

    .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%;
        margin: 20px auto;
    }

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

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

    .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_mypage.reservaList .air_box .item {
        flex-direction: column;
    }

    .page_mypage.reservaList .air_box .item .area01, .page_mypage.reservaList .air_box .item .area01 .line2,
    .page_mypage.reservaList .air_box .item .area01 .line3 {
        width: 100%;
    }

    .page_mypage.reservaList .air_box .item .area01 .line2 .airRoute {
        width: 70%;
    }

    .page_mypage.reservaList .air_box .item .area01 .line2 .airRoute .code span:last-child {
        font-size: 14px;
    }

    .page_mypage.reservaList .air_box .item .area01 .line2 .arrow.type1 {
        margin: 0 3px;
    }

    .page_mypage.reservaList .air_box .item .area01 .line2 .airTicket_num {
        font-size: 14px;
        margin-left: 0;
        text-align: right;
        width: 30%;
    }

    .page_mypage.reservaList .air_box .item .area02 {
        width: 100%;
        margin-left: 0;
        flex-direction: row;
    }

    .page_mypage.reservaList .air_box .item .area02 button {
        width: 50%;
        margin-bottom: 0;
        margin-right: 2%;
        min-height: 44px;
        flex: 1;
    }

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

    .page_mypage.reservaList .air_box .item .area01 .line1 .date {
        font-size: 14px;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl {
        flex-direction: row;
        margin-bottom: 20px;
        width: 100%;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dt {
        width: 22%;
    }    

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dd {
        width: 78%;
        flex-direction: column;
        align-items: start;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dd .airline_name {
        margin-bottom: 6px;
        margin-right: 0;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child {
        display: flex;
        flex-direction: column;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span {
        margin-bottom: 4px;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span:last-child {
        padding-left: 0;
        margin-left: 0;
    }

    .page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span:last-child::before {
        display: none;
    }

    .page_mypage.reservaList .air_box .item .area02 {
        margin-top: 20px;
    }

    /* 항공확인 */
    .p_confirm .confirm_air .cof_box {
        flex-direction: column;
    }

    .p_confirm .confirm_air .flight_list ul li {
        padding: 10px 14px;
    }

    .p_confirm .confirm_air .flight_list ul li:first-child {
        position: absolute;
        right: 0;
    }    

    .p_confirm .confirm_air ul .area02, .p_confirm .confirm_air ul .area02 {
        max-width: initial;
    }

    .p_confirm .confirm_air .booker dl dt {
        width: 20%;
    }

    .p_confirm .confirm_air .booker dl dd {
        width: 80%;
    }

    .p_confirm .confirm_air .traveler .traveler_box {
        box-sizing: border-box;
        padding: 14px;
    }

    .p_confirm .confirm_air .traveler .traveler_box div {
        flex-direction: column;
        padding: 0;
        align-items: flex-start;
        border-bottom: 0;
    }

    .p_confirm .confirm_air .traveler .traveler_box div dl {
        flex-direction: row;
        width: 100%;
        padding-bottom: 10px;
    }

    .p_confirm .confirm_air .traveler .traveler_box div:first-child dl:last-child {
        justify-content: flex-start;
    }
    
    .p_confirm .confirm_air .traveler .traveler_box div:last-child dl:last-child {
        padding-bottom: 0;
    }

    .p_confirm .confirm_air .payment_fee .area02 ul {
        align-items: flex-end;
    }

    .p_confirm .confirm_air .btn_area .btn_type_basic {
        width: 100%;
    }


    /* ----------------------
            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;
    }
    
    /* ----------------------
             event
    ----------------------*/    

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

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

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

    .page_customer .p_tit {
        margin-bottom: 30px;
    }

    .page_customer .searchArea {
        width: 100%;
    }

    .page_customer .searchArea p {
        font-size: 30px;
    }

    .page_customer .faq_area .area01 .tit {
        font-size: 20px;
    }

    .page_customer .more span {
        font-size: 16px;
    }

    .page_customer .faq_area .area02 ul .q_area {
        flex-direction: column;
        align-items: flex-start;
    }

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

    /* ----------------------------
               여행
    ---------------------------- */

    .page .theme {
        margin: 50px 0 60px;
    }

    .page .theme .category {
        margin-left: 20px;
    }

    .page .theme .category .depth1 .icon {
        width: 70px;
        height: 70px;
    }

    .page .theme .category .depth1.on span {
        font-size: 15px;
    }

    .page .theme .of_x {
        justify-content: flex-start;
    }

    .page .theme .depth2 {
        width: 92%;
    }

    .page .theme .depth2::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .page .theme .depth2::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .page .theme .depth2 .area02 {
        flex-flow: row wrap;
    }

    .page .theme .depth2 .area02 .item {
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-left: 0;
        margin-left: 0;
        padding-left: 0;        
    }

    .page .theme .depth2 .area02 .item dl dd {
        float: left;
        margin-right: 20px;
    }

    .page .theme .depth2 .area02 .item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .page_tour.tour_main .search {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto 60px;
    }

    .page_tour.tour_main .banner .inner {
        width: calc(100% + 2rem);
        height: 22.5vw;
        margin: 0 -1rem;
        border-radius: 0;
    }

    .page_tour.tour_main .banner .inner img {
        object-fit: cover;
        border-radius: 0;
    }    

    .page_tour.tour_main .search div:first-child {
        font-size: 20px;
        width: 100%;
    }

    .page_tour.tour_main .search div:first-child span:first-child {
        font-size: 27px;
    }

    .page_tour.tour_main .search div:last-child {
        width: 100%;
    }    

    .page_tour.tour_main .banner {
        margin-bottom: 54px;
    }

    .page_tour.tour_main .magazine .area01 .tit {
        font-size: 20px;
    }

    .tour_main .magazine .area01 .more span {
        font-size: 16px;
    }

    .page_tour.tour_main .magazine .area02 {
        flex-direction: column;
    }

    .page_tour.tour_main .magazine .area02 .item {
        height: 50vw;
        flex: none;
        width: 100%;
        max-width: initial;
        margin-bottom: 10px;
        margin-left: 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;
    }

    .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;
}
    .page_tour.tour_list .itemArea .item {
        flex: 1;
        min-width: 282px;
        margin-bottom: 50px;
    }

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

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

    .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_air .cob_tit .tit {
        font-size: 20px;
    }

    .page_air .air_itemList .itemTable ul {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 16px;
        box-sizing: border-box;
    }

    .page_air .air_itemList .itemTable ul li:first-child {
        border-bottom: 1px dashed rgb(0 0 0 / 10%);
        margin-bottom: 12px;
        padding-bottom: 12px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .page_air .air_itemList .itemTable ul li:nth-child(2) {
        width: 100%;
        align-items: flex-start;
        padding-bottom: 12px;
    }
    .page_air .air_itemList .itemTable ul li:last-child {
        width: 100%;
    }    

    .page_air .air_itemList .itemTable span:last-child {
        white-space: nowrap;
    }

    .page_air .air_itemList button {
        padding: 12px 0;
        width: 100%;
    }

    .page_air .airplane_result, .page_air .airplane_result .select {
        width: 100%;
    }

    .page_air .airplane_result .filter {
        display: none;
    }

    .layer_wrap.cal_wrap .cont_box .cal_inner .day div {
        height: 70px;
    }
    
    .layer_wrap.cal_wrap .cont_box .week {
        padding-bottom: 14px;
    }
    
    .layer_wrap.cal_wrap .cont_box .week ul {
        width: 94%;
    }
    
    .layer_wrap.cal_wrap .cont_box .week ul li {
        font-size: 14px;
    }
    
    .layer_wrap.cal_wrap .cont_box .cal_inner .month {
        font-size: 16px;
    }
    
    .layer_wrap.cal_wrap .cont_box .cal_inner .day div span {
        width: 40px;
        height: 40px;
    }

    .layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt {
        top: 50%;
    }

    .layer_wrap.cal_wrap .air_date_area {
        flex-direction: column;
        width: 100%;
    }

    .layer_wrap.cal_wrap .air_date_area .confirm {
        width: 100%;
    }

    .layer_wrap.cal_wrap .air_date_area .date_area {
        width: 100%;
        max-height: initial;
        margin-right: 0;
        border: 0;
        background: 0;
        margin-bottom: 18px;
    }

    .layer_wrap.cal_wrap .air_date_area .date_area div .cityName {
        width: 44%;
    }

    .layer_wrap.cal_wrap .air_date_area .date_area div .date {
        width: 52%;
    }
    
    .page_air .list_visual {
        margin-bottom: 20px;
    }

    .page_air .list_visual .routeInfo .option {
        padding: 0;
        color: transparent;
        font-size: 0;
        height: 1px;
        width: 18%;
        margin: 0;
    }

    .page_air .list_visual .routeInfo .option span {
        display: none;
    }

    .page_air .list_visual .routeInfo .option::before {
        content: '';
        position: absolute;
        right: 11px;
        top: 50%;
        width: 15px;
        height: 15px;
        border-top: solid 1px var(--white);
        transform: rotate(45deg)translateY(-64%);
    }

    .page_air .list_visual .routeInfo .code {
        font-size: 20px;
    }

    .page_air .list_visual .routeInfo .date {
        font-size: 15px;
    }

    .page_air .list_visual .routeInfo .depart {
        margin-right: 30px;
    }

    .page_air .list_visual .routeInfo .arrive {
        margin-left: 30px;
    }

    .page_air .airplane_result .select .area01 .ti {
        width: 100%;
    }

    .page_air .airplane_result .select .area01 .ti div:first-child {
        margin-right: 20px;
    }

    .page_air .airplane_result .select .area01 .ti div:last-child {
        width: calc(100% - 120px);
    }

    .page_air .airplane_result .select .area01 .tt {
        display: none;
    }

    .page_air .airplane_result .select .area02 .item .area01 {
        padding: 20px 0;
        flex-direction: column;
        justify-content: space-between;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area {
        width: 100%;
        border-bottom: 1px dashed rgb(0 0 0 / 10%);
        padding-bottom: 16px;
        margin-bottom: 16px;        
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .code {
        text-align: left;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:first-child::after {
        width: 150px;
        background: url(../../images/temp105/common/arrow_oneway.png) 50% 50% / 100% no-repeat;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck {
        width: 45%;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child.type1 {
        width: 100%;
        text-align: center;        
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .code_1 .time {
        width: auto;
        text-align: left;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .code_2 .city {
        text-align: right;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .code .time {
        width: auto;
    }

    .page_air .airplane_result .select .area02 .item .area01 .time_area .code.code_2 .time, 
    .page_air .airplane_result .select .area02 .item .area01 .time_area .code.arrive .time {
        text-align: right;
    }

    .page_air .airplane_result .select .area02 .item .area01 .price_area {
        width: 100%;
    }

    .page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) {
        font-size: 16px;
        white-space: nowrap;
    }

    .page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) span {
        max-width: 46%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span {
        font-size: 16px;
        color: var(--gray);
    }

    .page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span {
        margin-bottom: 6px;
        display: block;
        padding-left: 0;
        margin-left: 0;
    }

    .page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span::before {
        display: none;        
    }

    .page_air .cus_filter {
        display: block;
    }

    .page_air .schedule_item .item01 .item01-1 .a-top .d1, .page_air .schedule_item .item01 .item01-1 .a-top .d2,
    .page_air .schedule_item .item01 .air-select .info {
        font-size: 14px;
    }

    .page_air .schedule_item .item01 .item01-1 .a-body .time-in {
        height: 100%;
        min-height: 140px;
        justify-content: space-between;
    }

    .page_air .schedule_item .item01 .item01-1 .a-body .bar {
        height: 140px;
    }

    .page_air .schedule_item .item01 .air-select {
        min-height: 80px;
    }
    
    .page_air .schedule_item .btn_area .btnReservation {
        max-width: initial;
    }

    .page_air .btn_area .btnReservation{
        max-width: initial;
    }

    .page_air.p_air_reserve .p_space {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        padding-bottom: 130px;        
    }

    .page_air .btn_area {
        margin: 0;
        max-width: initial;
        width: 100%;
    }

    .page_air.p_air_reserve .btn_area {
        bottom: 50px;
        position: absolute;
    }

    
    .page_air .book_price {
        position: static;
        max-width: initial;
        border-top: 8px solid rgb(0 0 0 / 10%);
        padding-top: 20px;        
        box-sizing: border-box;
        width: 100%;
    }

    .page_air .book_price .box {
        border: none;
    }

    .page_air .book_price .box .wrap {
        width: 100%;
    }

    .page_air .book_price .box .wrap dl dt, .page_air .book_price .box .wrap dl dd,
    .page_air .book_price .box .wrap.totaleArea div {
        font-size: 15px;
    }

    .page_air .book_price .box .wrap.totaleArea {
        box-sizing: border-box;
        width: 100%;
    }

    .page_air .book_now .infoArea {
        max-width: initial;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .page_air .book_now .infoArea .reservationInfo .info1 ul {
        flex-direction: column;
    }

    .page_air .book_now .infoArea .reservationInfo .info1 ul li {
        margin-bottom: 6px;
        margin-right: 0;
    }

    .page_air .book_now .infoArea .reservationInfo .info1 ul li:last-child {
        margin-bottom: 0;
    }    

    .page_air .book_now .infoArea .reservationInfo .info1 {
        margin-bottom: 60px;
    }

    .page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form {
        padding: 15px;
    }

    .page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul {
        flex-direction: column;
    }

    .page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li {
        margin-right: 0;
        margin-bottom: 6px;
    }

    .page_air .book_now .reservationInfo .terms_area .agree_pc {
        display: none;
    }

    .page_air .book_now .infoArea .reservationInfo .info3 {
        margin-bottom: 60px;
    }   

    .page_air .book_now .infoArea .reservationInfo .info3 .info_address ul {
       flex-direction: column;
    }   
    
    .page_air .book_now .infoArea .reservationInfo .info3 .info_address li {
        margin-bottom: 6px;
        margin-right: 0;
     }          

     .page_air .book_now .infoArea .reservationInfo .info3 .info_address li:last-child {
        margin-bottom: 0;
     }          

    .page_air .payment {
        flex-direction: column;
    }

    .page_air .payment .wrap {
        box-sizing: border-box;
        padding: 24px 12px;
        margin: 0 auto;
        width: 100%;
    }

    .page_air .payment .area01, .page_air .payment .area02 {
        width: 100%;
        max-width: initial;
    }

    .page_air .payment .area01 {
        margin-bottom: 40px;
    }

    .page_air .payment .area01 .box:first-child {
        margin-bottom: 10px;
    }    

    .page_air .payment .area01 .cardInfo .form .cardSelect {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .page_air .payment .area01 .cardInfo .form .payment_way .select {
        width: 100%;
        margin-right: 0;
    }

    .page_air .payment .area01 .cardInfo .form .payment_way .account {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        margin: 20px 0; 
    }

    .page_air .payment .area01 .cardInfo .form .payment_way .account .select {
        width: 100%;
    }

    .page_air .payment .area01 .cardInfo .form .cardSelect p.bankSelecting {
        margin: 0;
        margin-bottom: 6px;
        font-size: 14px;
        color: var(--gray);
    }

    .page_air .payment .cardInfo .card_line > ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .page_air .payment .cardInfo .payment_way {
        flex-direction: column;
        align-items: flex-start;
    }

    .page_air .payment .cardInfo .payment_way .paw_2 {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 15px;
        width: 100%;
    }

    .page_air .payment .cardInfo .card_line li {
        width: 100%;
        margin-right: 0;
    }

    .page_air .payment .cardInfo .card_line.line_2 li {
        width: calc(50% - 3px);
        margin-right: 6px;
        margin-bottom: 6px;
        flex: none;
    }    

    .page_air .payment .cardInfo .card_line.line_2 {
        margin-bottom: 0;
    }        

    .page_air .payment .cardInfo .card_line.line_2 li:nth-child(2n) {
        margin-right: 0px;
    }    

    .page_air .payment .cardInfo .card_line, .page_air .payment .cardInfo .payment_way,
    .page_air .payment .cardInfo .card_line li:first-child {
        margin-bottom: 6px;
    }

    .page_air .payment .area01 .cardInfo .form .line_2 ul {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .page_air .payment .cardInfo .payment_way .paw_2 .tit {
        margin-bottom: 10px;
    }

    .page_air .payment .area02 .wrap {
        width: 100%;
        margin: 0;
        padding-bottom: 0;
    }

    .page_air .payment .area02 .wrap {
        margin: 0;
        padding-bottom: 0;
    }

    .page_air .payment .area02 .totaleArea {
        padding-bottom: 24px;
    }

    .page_air.p_air_payment .btn_area .btnReservation {
        margin: 30px 0;
    }

    .page_air.p_kor .airplane_result .select .area02 .item .area01 .aa.aa_01 {
        flex-direction: column;
        padding-bottom: 5px;
    }    

    .page_air.p_kor .airplane_result .select .area02 .item .area01 .time_area {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .page_air.p_kor .airplane_result .select .area02 .item .area01 .time_area .code.depart .time {
        text-align: left;        
    }   

    .page_air.p_kor .airplane_result .select .area02 .item .area01 .time_area .code.arrive .city {
        text-align: right;
    }

    .page_air.p_kor .airplane_result .select .area02 .item .area01 .aa.aa_02 {
        border: none;
        padding: 0; 
    }

    .page_air.p_kor .airplane_result .select .area01 .ti div:last-child span.cityName {
        max-width: 45%;
    }

    .page_air.p_kor .payment .area01 .cardInfo .form .select {
        margin-bottom: 0 !important;
    }    

    .page_air.p_kor .payment .area_wrap {
        width: 100%;
        max-width: initial;
    }

    .page_air.p_kor .payment .area02 {
        width: 100%;
        position: static;
        max-width: initial;
    }

    .page_air.p_kor .payment .area01 .cardInfo .form .card_number ul {
        flex-direction: row;
        flex-wrap: wrap;
    }    

    .page_air.p_kor .payment .area01 .cardInfo .form .card_number ul li {
        flex: none;
        width: calc(50% - 3px);
        margin-right: 6px;
    }

    .page_air.p_kor .payment .area01 .cardInfo .form .card_number ul li:nth-child(2n) {
        margin-right: 0;
    }    

    .page_air.p_kor .payment .area02 .wrap {
        margin: 0;
        width: 100%;
    }
    
    .page_air .addOption .it_box label {
        padding-left: 40px;
    }

    .page_air .addOption .swiper-button-next, .page_air .addOption .swiper-button-prev {
        background-size: 18px 44px;
    }

    .layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_start,
    .layer_wrap.cal_wrap .cont_box .cal_inner .day div.period,
    .layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_end {
        background-size: auto 40px;
    }

    .layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt span {
        line-height: 1.2;
    }

    .page_air .co_box:last-child {
        padding-bottom: 0;
    }

    /* 전체 찾기 */
    .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_hotel.page_tour.hotel_list.tour_list .area {
        margin-top: 5rem;
    }


    .page_air .schedule_item .item01 .item01-1 .a-top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .page_air .schedule_item .item01 .item01-1 .a-top .atop_2 {
        margin-top: 3px;
        margin-left: 63px;
    }        
    
    /* -----------------
        회사소개
    -----------------*/
    .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: 500px){
    .pages {
        padding-bottom: 467px; /*푸터 높이*/
    }

    .page.p_golf, .p_space {
        margin: 0 1rem;
    }

    .page .full_v {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .list_sy_1 {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: initial;
    }

    .p_golf .produ .box_wrap .item .btn_select {
        min-width: initial;
        padding: 10px 20px;
    }    

    .p_golf .totalPrice .bt_box {
        width: 100%;
    }
    

    .layer_wrap.layer_wrap.city_wrap .city_list .depth2 li {
        text-align: center;
        display: flex;
        justify-content: center;
        word-break: break-all;
        line-height: initial;
    }

	.page_event .list div .item_img {
		height : 40vw;
	}
}



/*
.datepicker .datepicker_list .datepicker_item .datepicker_table tr td span.date.selected {
    color: var(--white);
  
    border: 1px solid #003da9;
    background: #003da9;    
    border-radius: 100%;
}

.datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg {
    border: 1px solid #000;
    box-sizing: border-box;
}

.datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_almost {
    background: #ebebeb;
    border: 1px solid #c7c3c3;
}

.datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_depart {
    background: #fda7a7;
    border: 1px solid #f38e8e;
}

.datepicker .datepicker_list .datepicker_item .datepicker_table tr td {
    position: relative;
}

.datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_end {
    border: none;
}

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


.datepicker .datepicker_list .datepicker_item .datepicker_table tr td.tg.tg_depart .price {
    color: #fff;
}





.pick_info {
    display: flex;
}

 .pick_info .tg {
    margin-right: 15px;
    display: flex;
    align-items: center;    
}

 .pick_info .tg:last-child {
    margin-right: 0;
}

.pick_info .tg .color {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ebebeb;
    margin-right: 5px;
}

.pick_info .tg.tg_depart .color {
    background-color: #fda7a7;
}

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


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