.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name .store_name_txt::after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 8px;
    margin-right: -8px;
    vertical-align: text-bottom;
    border-radius: 0 8px 8px 0;
    background-color: #dbf1f3;
    background-color: var(--booking-color-turquoise90)
}

.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name .fn-booking {
    margin-left: 2px;
    font-size: 15px;
    vertical-align: -1px
}

.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link .store_desc {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 72px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding: 8px 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link+.store_etc {
    padding: 8px 0 0 5px
}

.hub_page_wrap .page_contents .merge_store_list .info_box .img_box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px
}

.hub_page_wrap .page_contents .merge_store_list .info_box .img_box .img_link {
    display: block
}

.hub_page_wrap .page_contents .merge_store_list .info_box .img_box .wrap_big_img {
    position: relative;
    overflow: hidden;
    background-color: #f0f3f6;
    border: solid 1px #ededed;
    border-radius: 50%;
    width: 53px;
    height: 53px
}

.hub_page_wrap .page_contents .merge_store_list .info_box .img_box .wrap_big_img .big_img {
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover
}

.hub_page_wrap .page_contents .merge_store_list .notice_box {
    overflow: hidden;
    margin: 8px 18px 0;
    padding: 5px 10px 4px;
    background: #fff4f4;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    color: #fc4c4e;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box {
    margin: 18px 18px 0;
    padding: 13px 18px 10px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 5px;
    border: solid 1px rgba(252,76,66,.3);
    background-color: #fff4f4;
    text-align: center
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box .call_center_title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.47;
    color: #fc4c42
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box .call_center_title i {
    margin-right: 6px;
    vertical-align: -2px;
    -webkit-text-stroke: 1px
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box .call_center_desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #333
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box .call_link_area {
    margin-top: 8px;
    padding-top: 8px;
    border-top: solid 1px rgba(252,76,66,.2)
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box .call_link {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.27;
    color: #242424
}

.hub_page_wrap .page_contents .merge_store_list .call_center_box .call_link i {
    font-size: 12px
}

.hub_page_wrap .page_contents .merge_store_list .coupon_box {
    padding: 12px 36px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    white-space: nowrap
}

.hub_page_wrap .page_contents .merge_store_list .coupon_box .coupon_link {
    display: block
}

.hub_page_wrap .page_contents .merge_store_list .coupon_box .coupon_link:before {
    width: 16px;
    height: 13px;
    background-position: -262px -398px;
    content: "";
    margin-right: 4px;
    vertical-align: -1px
}

.hub_page_wrap .page_contents .merge_store_list .coupon_box .coupon_link .num {
    display: inline-block;
    min-width: 16px;
    height: 16px;
    margin-left: 3px;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #fc4c4e;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    vertical-align: 1px
}

.hub_page_wrap .page_contents .merge_store_list .coupon_box .coupon_link .fn-booking {
    font-size: 12px;
    vertical-align: -1px
}

.hub_page_wrap .page_contents .merge_store_list .status_alert {
    position: absolute;
    top: 18px;
    height: 110px;
    left: 0;
    right: 0;
    z-index: 20;
    pointer-events: none
}

.hub_page_wrap .page_contents .merge_store_list .status_alert .status_text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 12px 18px;
    background: rgba(0,0,0,.7);
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.4px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hub_page_wrap .page_contents .merge_store_list .menu_list_area {
    overflow-x: auto;
    padding: 18px 0 30px;
    -ms-overflow-style: none
}

.hub_page_wrap .page_contents .merge_store_list .menu_list_area::-webkit-scrollbar {
    display: none
}

.hub_page_wrap .page_contents .merge_store_list .menu_list_area .slick-arrow {
    top: 75px
}

.hub_page_wrap .page_contents .merge_store_list .loading_box {
    position: relative;
    height: 100px;
    z-index: 1000
}

.hub_page_wrap .promotion_flow_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 9200
}

.hub_page_wrap .promotion_flow_wrap .promotion_flow.show .promotion_dimmed {
    opacity: .7
}

.hub_page_wrap .promotion_flow_wrap .promotion_flow.show .promotion_contents {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hub_page_wrap .promotion_flow_wrap .promotion_dimmed {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 437px;
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000 100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.hub_page_wrap .promotion_flow_wrap .promotion_contents {
    position: relative;
    padding: 0 24px;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 20;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.hub_page_wrap .promotion_flow_wrap .promotion_title {
    display: block;
    padding: 27px 0 21px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.22;
    color: #000;
    color: var(--booking-color-gray0)
}

.hub_page_wrap .promotion_flow_wrap .promotion_title .ico_n_sqaure {
    width: 22px;
    height: 22px;
    margin: -2px 6px 0 0;
    vertical-align: top;
    fill: #03c75a
}

.hub_page_wrap .promotion_flow_wrap .promotion_title .smart_order {
    padding-right: 5px;
    color: #03c75a
}

.hub_page_wrap .promotion_flow_wrap .promotion_desc {
    padding: 22px 0 26px;
    font-size: 15px;
    line-height: 1.53;
    color: #000;
    color: var(--booking-color-gray0)
}

.hub_page_wrap .promotion_flow_wrap .promotion_desc::before {
    content: "-";
    margin-right: 3px
}

.hub_page_wrap .promotion_flow_wrap .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    background-color: rgba(0,0,0,0)
}

.hub_page_wrap .promotion_flow_wrap .btn_close .fn-booking-close2 {
    color: #000;
    color: var(--booking-color-gray0)
}

.hub_page_wrap .page_preparing {
    position: relative;
    height: 100vh;
    background-color: #f6fbfd
}

.hub_page_wrap .preparing_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.08);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.08);
    z-index: 9999
}

.hub_page_wrap .preparing_header .service_area {
    padding: 17px 18px
}

.hub_page_wrap .preparing_header .service_area .btn_home {
    font-size: 17px
}

.hub_page_wrap .preparing_header .service_area .btn_home .ico_n_logo {
    display: inline-block;
    vertical-align: -5px;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    fill: #000
}

.hub_page_wrap .preparing_header .service_area .service {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    vertical-align: top
}

.hub_page_wrap .preparing_header .button_my {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 18px 17px;
    font-size: 15px;
    font-weight: 600;
    color: #000
}

.hub_page_wrap .preparing_header .button_my::before {
    width: 13px;
    height: 15px;
    background-position: -69px -548px;
    content: "";
    position: absolute;
    top: 19px;
    left: 0
}

.hub_page_wrap .preparing_contents {
    overflow-y: auto;
    height: 100%
}

.hub_page_wrap .preparing_contents .in_contents {
    padding: 106px 0 86px;
    text-align: center
}

.hub_page_wrap .preparing_contents .in_contents .ico_preparing {
    width: 176px;
    height: 172px;
    background-position: -178px 0px
}

.hub_page_wrap .preparing_contents .in_contents .ico_comingsoon {
    width: 176px;
    height: 172px;
    background-position: 0px 0px
}

.hub_page_wrap .preparing_contents .contents_card {
    margin: 26px 18px 0;
    padding: 26px 22px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
    background-color: #fff
}

.hub_page_wrap .preparing_contents .contents_card .title {
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 24px;
    line-height: 1.33;
    color: #03c75a
}

.hub_page_wrap .preparing_contents .contents_card .place {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.25;
    color: #666
}

.hub_page_wrap .preparing_contents .contents_card .desc {
    margin-top: 18px;
    padding-top: 16px;
    border-top: solid 1px #f2f2f2
}

.hub_page_wrap .preparing_contents .contents_card .date {
    margin-top: 14px;
    font-size: 18px;
    line-height: 1.11
}

.hub_page_wrap .preparing_contents .contents_card .date .ico_clock {
    width: 16px;
    height: 16px;
    background-position: -555px -287px;
    margin-right: 6px;
    vertical-align: -2px
}

.hub_page_wrap .preparing_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 40px;
    text-align: center
}

.hub_page_wrap .preparing_footer .footer_link {
    margin-bottom: 12px
}

.hub_page_wrap .preparing_footer .footer_link .link {
    position: relative;
    padding: 0 14px;
    font-size: 14px;
    line-height: 1.43;
    color: #8f8f8f
}

.hub_page_wrap .preparing_footer .footer_link .link+.link::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #dde4e9
}

.hub_page_wrap .preparing_footer .footer_logo .ico_naver_logo {
    width: 53px;
    height: 10px;
    fill: #d6d7d8
}

.hub_page_wrap .btn_go_detail {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 -2px 8px 0 rgba(0,0,0,.1);
    background-color: #00d780;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    color: #fff
}

.login_wrap {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.login_wrap .login_inner {
    padding: 116px 20px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.login_wrap .inner_title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -0.43px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.login_wrap .inner_title .n_logo {
    margin-bottom: 10px
}

.login_wrap .inner_title .ico_n_logo {
    width: 32px;
    height: 32px;
    fill: #03c75a;
    vertical-align: top
}

.login_wrap .inner_title .point_text {
    z-index: 1;
    position: relative
}

.login_wrap .inner_title .point_text::before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 16px;
    background-color: #03c75a;
    opacity: .07
}

.login_wrap .inner_title .point_text>em::before {
    content: "";
    display: inline-block;
    vertical-align: 8px;
    width: 4px;
    height: 4px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: #c6c6c6
}

.login_wrap .inner_text {
    margin-top: 135px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.27px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.login_wrap .inner_text .point {
    font-weight: bold;
    color: #03c75a
}

.login_wrap .link_login {
    display: block;
    margin-top: 20px;
    border-radius: 7px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760 0%);
    font-size: 18px;
    line-height: 54px;
    font-weight: bold;
    letter-spacing: -0.32px;
    color: #fff
}

.login_wrap .sub_links {
    margin-top: 10px
}

.login_wrap .sub_links .link_item {
    display: block;
    border-radius: 5px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    font-size: 14px;
    line-height: 43px;
    font-weight: 500;
    letter-spacing: -0.26px;
    color: #0068c3
}

.login_wrap .sub_links .link_item+.link_item {
    margin-top: 7px
}

.login_wrap .sub_links .link_item .fn-forward2 {
    margin-left: 2px;
    vertical-align: -2px
}

.route_description {
    margin-top: 15px;
    font-size: 15px;
    line-height: 24px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.route_description .routes {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.route_description .routes+.routes::before {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #939396;
    border-color: var(--booking-color-gray50);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .login_wrap .login_inner {
        width:540px;
        margin: 0 auto
    }
}

.cs_inquiry .header {
    height: 48px;
    background-color: #03c75a;
    text-align: center
}

.cs_inquiry .header .title {
    font-size: 19px;
    line-height: 48px;
    color: #fff
}

.cs_inquiry .container {
    margin-top: 48px;
    background-color: #fff
}

.cs_inquiry .cs_notice {
    padding: 20px 22px 35px;
    background-color: #f9f9f9;
    font-size: 14px;
    line-height: 21px;
    color: #555
}

.cs_inquiry .cs_form_section {
    position: relative;
    padding: 25px 22px
}

.cs_inquiry .cs_form_section .required_guide {
    position: absolute;
    top: -32px;
    right: 22px;
    font-size: 12px;
    color: #777
}

.cs_inquiry .cs_form_section .required {
    margin-left: 6px;
    width: 12px;
    height: 10px;
    background-position: -373px -346px
}

.cs_inquiry .cs_form_section .form_item {
    position: relative
}

.cs_inquiry .cs_form_section .form_item+.form_item {
    margin-top: 22px
}

.cs_inquiry .cs_form_section .form_item.type_photo {
    margin-top: 10px
}

.cs_inquiry .cs_form_section .form_label {
    display: block;
    margin-bottom: 11px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #222
}

.cs_inquiry .cs_form_section .form_input,.cs_inquiry .cs_form_section .form_textarea {
    width: 100%;
    height: 52px;
    padding: 14px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #222
}

.cs_inquiry .cs_form_section .form_input:-ms-input-placeholder,.cs_inquiry .cs_form_section .form_textarea:-ms-input-placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_input::-webkit-input-placeholder,.cs_inquiry .cs_form_section .form_textarea::-webkit-input-placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_input::-webkit-input-placeholder, .cs_inquiry .cs_form_section .form_textarea::-webkit-input-placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_input::-moz-placeholder, .cs_inquiry .cs_form_section .form_textarea::-moz-placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_input:-ms-input-placeholder, .cs_inquiry .cs_form_section .form_textarea:-ms-input-placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_input::-ms-input-placeholder, .cs_inquiry .cs_form_section .form_textarea::-ms-input-placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_input::placeholder,.cs_inquiry .cs_form_section .form_textarea::placeholder {
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_select {
    position: relative
}

.cs_inquiry .cs_form_section .form_select .select_btn {
    width: 100%;
    height: 52px;
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #e6e6e6;
    text-align: left
}

.cs_inquiry .cs_form_section .form_select .select_btn .ico_down {
    position: absolute !important;
    top: 23px;
    right: 20px;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px
}

.cs_inquiry .cs_form_section .form_select .select_btn .ico_down:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -2px;
    border-right: 2px solid #242424;
    border-bottom: 2px solid #242424
}

.cs_inquiry .cs_form_section .form_select .select_options {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.15);
    border: solid 1px rgba(0,0,0,.13);
    color: #222;
    z-index: 10
}

.cs_inquiry .cs_form_section .form_select .select_options.open {
    display: block
}

.cs_inquiry .cs_form_section .form_select .options_btn {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: left
}

.cs_inquiry .cs_form_section .form_select .options_btn .ico_up {
    position: absolute !important;
    top: 23px;
    right: 20px;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px
}

.cs_inquiry .cs_form_section .form_select .options_btn .ico_up:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: 2px;
    border-top: 2px solid #242424;
    border-left: 2px solid #242424
}

.cs_inquiry .cs_form_section .form_select .option_list_item {
    display: block;
    padding: 19px 15px;
    border-top: solid 1px #ebebeb;
    font-size: 15px
}

.cs_inquiry .cs_form_section .form_select .option_list_item.active {
    font-weight: bold;
    color: #03c75a
}

.cs_inquiry .cs_form_section .form_textarea {
    height: 166px;
    vertical-align: text-top
}

.cs_inquiry .cs_form_section .form_length {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #777
}

.cs_inquiry .cs_form_section .file_photo {
    position: relative;
    padding: 16px 40px 16px 14px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    background-color: #f9fafb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.2;
    color: #222
}

.cs_inquiry .cs_form_section .file_photo .btn_delete_photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 17px 15px
}

.cs_inquiry .cs_form_section .file_photo .btn_delete_photo .icon_del {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px
}

.cs_inquiry .cs_form_section .file_photo .btn_delete_photo .icon_del:before,.cs_inquiry .cs_form_section .file_photo .btn_delete_photo .icon_del:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 1px;
    background-color: #000
}

.cs_inquiry .cs_form_section .file_photo .btn_delete_photo .icon_del:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.cs_inquiry .cs_form_section .file_photo .btn_delete_photo .icon_del:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.cs_inquiry .cs_form_section .form_photo {
    position: relative;
    margin-top: 10px;
    padding: 15px;
    border-radius: 5px;
    border: dashed 1px #d5d5d5;
    background-color: #fff;
    text-align: center
}

.cs_inquiry .cs_form_section .form_photo .input_add_photo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    color: rgba(0,0,0,0);
    font-size: 0;
    opacity: 0
}

.cs_inquiry .cs_form_section .form_photo .text_add_photo .text {
    font-size: 15px;
    color: #03c75a
}

.cs_inquiry .cs_form_section .form_photo .text_add_photo .text::before {
    content: "+";
    margin-right: 2px;
    font-size: 21px;
    font-weight: normal
}

.cs_inquiry .cs_form_section .form_photo .text_add_photo .sub_text {
    font-size: 13px;
    line-height: 1.4;
    color: #888
}

.cs_inquiry .cs_form_section .form_error .form_input,.cs_inquiry .cs_form_section .form_error .form_textarea,.cs_inquiry .cs_form_section .form_error .select_btn {
    border-color: #ff3c4c
}

.cs_inquiry .cs_form_section .form_error .error_text {
    margin-top: 5px;
    font-size: 14px;
    color: #ff3c4c
}

.cs_inquiry .cs_agreement_section {
    border-top: solid 10px #f6f6f6
}

.cs_inquiry .cs_agreement_section .agreement_header {
    padding: 30px 22px 20px
}

.cs_inquiry .cs_agreement_section .agreement_check {
    position: absolute
}

.cs_inquiry .cs_agreement_section .agreement_check:checked+.agreement_label::before {
    width: 24px;
    height: 24px;
    background-position: -401px -334px
}

.cs_inquiry .cs_agreement_section .agreement_label {
    display: inline-block
}

.cs_inquiry .cs_agreement_section .agreement_label::before {
    content: "";
    margin-right: 10px;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-position: -401px -308px
}

.cs_inquiry .cs_agreement_section .agreement_body {
    margin: 0 22px;
    padding-top: 20px;
    border-top: solid 1px #e6e6e6
}

.cs_inquiry .cs_agreement_section .agreement_body .info_text {
    position: relative;
    padding-left: 13px;
    font-size: 14px;
    line-height: 1.6;
    color: #222
}

.cs_inquiry .cs_agreement_section .agreement_body .info_text::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #222;
    border-radius: 2px
}

.cs_inquiry .cs_agreement_section .agreement_body .info_text+.info_text {
    margin-top: 5px
}

.cs_inquiry .footer {
    padding: 30px 20px;
    background-color: #fff
}

.cs_inquiry .footer .btn_submit {
    width: 100%;
    height: 50px;
    background-color: #e0e0e0;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.cs_inquiry .footer .btn_submit.active {
    background-color: #03c75a
}

.layer_cs_inquiry {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 290px;
    margin: 0 auto;
    padding: 32px 15px 15px;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999;
    font-weight: 500;
    line-height: 1.56;
    text-align: center;
    color: #222
}

.layer_cs_inquiry .btn_confirm {
    margin-top: 31px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background-color: #03c75a;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center
}

.place_my_wrapper {
    background-color: #f4f7f8;
    background-color: var(--booking-color-myplace-bg1)
}

.place_my_wrapper .loading_tab {
    position: relative;
    height: calc(100vh - 350px)
}

.place_my_wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.place_my_wrapper .header_pay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 16px 0 14px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: -0.5px;
    text-align: center;
    z-index: 999
}

.place_my_wrapper .header_pay.fixed {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)
}

.place_my_wrapper .header_pay+div {
    padding-top: 56px
}

.place_my_wrapper .header_pay .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 20px;
    background-color: inherit
}

.place_my_wrapper .header_pay .btn_close .fn-booking {
    font-size: 20px;
    vertical-align: -4px
}

.place_my_wrapper .no_login_my {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    text-align: center
}

.place_my_wrapper .no_login_my .text {
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 20px;
    line-height: 1.4
}

.place_my_wrapper .no_login_my .login_area {
    padding: 44px 0 50px
}

.place_my_wrapper .no_login_my .login_area .login_btn {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 25px;
    background-color: #03c75a;
    border-radius: 22px;
    color: #fff
}

.place_my_wrapper .no_login_my .login_area .login_btn .ico_naver_n {
    width: 12px;
    height: 12px;
    margin-right: 7px;
    fill: #fff
}

.place_my_wrapper .no_login_my .no_login_area {
    margin: 0 20px;
    padding: 44px 0 50px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.place_my_wrapper .no_login_my .no_login_area .input_box {
    margin-top: 16px
}

.place_my_wrapper .no_login_my .no_login_area .input_box+.input_box {
    margin-top: 10px
}

.place_my_wrapper .no_login_my .no_login_area .input_box .input {
    width: 239px;
    height: 41px;
    padding-left: 14px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: solid 1px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-radius: 10px
}

.place_my_wrapper .no_login_my .no_login_area .input_box .input::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 14px
}

.place_my_wrapper .no_login_my .no_login_area .input_box .input:-ms-input-placeholder {
    color: #999;
    font-size: 14px
}

.place_my_wrapper .no_login_my .no_login_area .input_box .input::-webkit-input-placeholder {
    color: #999;
    font-size: 14px
}

.place_my_wrapper .no_login_my .no_login_area .login_dsc {
    width: 255px;
    margin: 10px auto 0;
    font-size: 14px;
    line-height: 23px;
    color: #9ba2a8;
    text-align: left
}

.place_my_wrapper .no_login_my .no_login_area .login_dsc .pink {
    font-weight: normal
}

.place_my_wrapper .no_login_my .no_login_area .confirm_btn {
    display: inline-block;
    margin-top: 20px;
    padding: 9px 24px;
    background-color: #383838;
    border: solid 1px rgba(0,0,0,.05);
    border-radius: 22px;
    color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.04);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.04)
}

.place_my_wrapper .no_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 210px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.place_my_wrapper .no_list .fn-board1 {
    color: #e9e9ec;
    color: var(--booking-color-gray80);
    font-size: 49px
}

.place_my_wrapper .no_list .fn-board1+.text {
    margin-top: 13px
}

.place_my_wrapper .no_list .text {
    color: #c5c5c7;
    color: var(--booking-color-gray60);
    font-size: 18px
}

.place_my_wrapper .contents_my {
    overflow: hidden
}

.place_my_wrapper .contents_my [class^=section_] {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.place_my_wrapper .contents_my [class^=section_]>[class$=_inner] {
    max-width: 720px;
    margin: 0 auto
}

.place_my_wrapper .contents_my .wrap_section {
    position: relative;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05)
}

.place_my_wrapper .contents_my .wrap_section.reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.place_my_wrapper .contents_my .wrap_section.reverse .section_notice .notice_area {
    border-top: 0
}

.place_my_wrapper .contents_my .wrap_section.reverse+.section_trend_pick {
    margin-top: 0
}

.place_my_wrapper .contents_my .section_notification {
    background-color: #f4f7f8;
    background-color: var(--booking-color-myplace-bg1)
}

.place_my_wrapper .contents_my .section_notification .notification_inner {
    padding: 16px 20px
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 17px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    line-height: 19px
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy .icon_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 4px
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy .ico_alarm {
    width: 15px;
    height: 15px;
    fill: #444447;
    fill: var(--booking-color-gray20);
    vertical-align: -2px
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy .text_area {
    font-size: 15px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy .text_area .num {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy .ico_arrow {
    margin-left: auto;
    position: relative;
    display: inline-block;
    width: 8px;
    height: 13px
}

.place_my_wrapper .contents_my .section_notification .notification_vacancy .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -3px;
    border-top: 1px solid var(--booking-color-gray30);
    border-right: 1px solid var(--booking-color-gray30)
}

.place_my_wrapper .contents_my .section_used {
    background-color: #f4f7f8;
    background-color: var(--booking-color-myplace-bg1)
}

.place_my_wrapper .contents_my .section_order_coupon+.section_notice,.place_my_wrapper .contents_my .section_order_stamp+.section_notice {
    margin-top: 20px
}

.place_my_wrapper .contents_my .title_link {
    display: block;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 20px;
    letter-spacing: -0.4px
}

.place_my_wrapper .contents_my .title_link .num {
    margin-left: 5px;
    color: #00cf5b;
    font-size: 17px;
    font-weight: 600;
    vertical-align: 2px
}

.place_my_wrapper .contents_my .title_link .fn-booking-forward1 {
    margin-left: 2px;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 14px;
    vertical-align: 1px
}

.place_my_wrapper .section_upcoming .upcoming_inner {
    padding: 0 20px
}

.place_my_wrapper .section_upcoming+.section_recent_order .recent_order_inner {
    padding-top: 22px
}

.place_my_wrapper .section_upcoming.queue .upcoming_list {
    padding: 15px 0 18px
}

.place_my_wrapper .section_upcoming.transportation_ticket .upcoming_item {
    border: 2px solid;
    color: #287cff;
    color: var(--booking-color-myplace-blue);
    -webkit-box-shadow: 0 3px 12px 0 rgba(66,54,217,.07);
    box-shadow: 0 3px 12px 0 rgba(66,54,217,.07);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.place_my_wrapper .section_upcoming .upcoming_title {
    padding-top: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_upcoming .upcoming_list {
    padding: 20px 0 12px
}

.place_my_wrapper .section_upcoming .upcoming_item {
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 15px
}

.place_my_wrapper .section_upcoming .upcoming_item+.upcoming_item {
    margin-top: 18px
}

.place_my_wrapper .section_upcoming .upcoming_item.type_cancel {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,0,0,.3)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_cancel .ticket_link_area::before {
    border: 1px solid #d9d9d9;
    border-left-color: rgba(0,0,0,0);
    border-top-color: rgba(0,0,0,0)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_cancel .ticket_link_area::after {
    border: 1px solid #d9d9d9;
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_transfer {
    padding: 8px;
    background-color: #eff6fe;
    background-color: var(--booking-color-myplace-bg2)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_transfer .ticket_link_area::before {
    left: -9px;
    width: 15px;
    height: 15px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-left-color: rgba(0,0,0,0);
    border-top-color: rgba(0,0,0,0);
    background-color: #eff6fe;
    background-color: var(--booking-color-myplace-bg2)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_transfer .ticket_link_area::after {
    right: -9px;
    width: 15px;
    height: 15px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    background-color: #eff6fe;
    background-color: var(--booking-color-myplace-bg2)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_transfer .ticket_info {
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    border-radius: 10px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_upcoming .upcoming_item.type_transfer .ticket_info+.ticket_info {
    margin-top: 8px
}

.place_my_wrapper .section_upcoming .upcoming_item .date_label {
    display: inline-block;
    padding: 0 9px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 24px;
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .date_label.dday {
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue)
}

.place_my_wrapper .section_upcoming .upcoming_item .date_label.cancel {
    background-color: #fc4c42
}

.place_my_wrapper .section_upcoming .upcoming_item .date_area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.place_my_wrapper .section_upcoming .upcoming_item .date_area .date {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 17px;
    text-align: center
}

.place_my_wrapper .section_upcoming .upcoming_item .date_area .type {
    margin-left: auto;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 14px
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info {
    padding: 8px 15px 13px
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area .location {
    text-align: center
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area .location .txt {
    display: block;
    font-size: 16px;
    line-height: 19px
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area .text {
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 20px;
    letter-spacing: -0.5px;
    white-space: nowrap
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area .text:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area .text:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 320px) {
    .place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .location_area .text {
        font-size:16px
    }
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_transfer_info .ico_transfer_arrow {
    width: 7px;
    height: 9px;
    margin: 1px 7px 0;
    vertical-align: top;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60)
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area {
    position: relative;
    display: block;
    padding: 18px 23px 19px
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area::before,.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area::after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 2px solid;
    color: #287cff;
    color: var(--booking-color-myplace-blue);
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area::before {
    left: -12px;
    border-left-color: rgba(0,0,0,0);
    border-top-color: rgba(0,0,0,0)
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area::after {
    right: -12px;
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0)
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .time_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 20px 0
}

@media screen and (max-width: 320px) {
    .place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .time_area {
        padding:13px 0 0
    }
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .num {
    display: block;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 27px;
    font-weight: bold;
    line-height: 30px;
    white-space: nowrap
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .txt {
    display: inline-block;
    color: #444447;
    color: var(--booking-color-gray20);
    padding-top: 1px;
    letter-spacing: -0.5px
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .time {
    text-align: center
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .ico_ticket_arrow {
    width: 30px;
    height: 30px;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60);
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_link_area .time_txt {
    display: block;
    margin-top: 3px;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.82px;
    white-space: nowrap
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_info_area {
    margin: 0 23px;
    padding: 17px 0 21px;
    border-top: 1px dashed;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    color: #444447;
    color: var(--booking-color-gray20);
    line-height: 20px;
    text-align: center
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_info_area .number {
    font-size: 15px
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_info_area .seat {
    padding-top: 3px;
    font-weight: bold;
    word-break: keep-all
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_info_area .seat .num {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.place_my_wrapper .section_upcoming .upcoming_item .ticket_info_area .cancel_info_link {
    display: inline-block;
    padding-top: 8px;
    color: #0068c3;
    color: var(--booking-color-blue-link);
    font-size: 13px;
    text-decoration: underline
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area {
    position: relative;
    display: block;
    padding: 18px 23px 0
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .confirm_time {
    display: inline-block;
    margin-left: 7px;
    color: #6f7a83;
    font-size: 13px;
    line-height: 20px;
    vertical-align: 2px
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .title {
    display: block;
    padding-top: 13px;
    font-size: 19px;
    line-height: 25px;
    letter-spacing: -0.2px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .title .txt {
    display: inline-block
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .title .point {
    display: inline-block;
    color: #00bac7
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .date {
    padding-top: 2px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-weight: bold;
    line-height: 20px
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .date_table {
    display: table
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .date_table .row {
    display: table-row
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .date_table [class*=cell] {
    display: table-cell;
    padding-top: 2px;
    line-height: 21px
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .cell_title {
    padding-right: 8px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .cell_date {
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .info {
    padding-top: 2px;
    font-size: 15px;
    line-height: 20px
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .info .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    max-width: 100%;
    margin-right: 7px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .info .price {
    display: inline-block;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .address {
    padding-top: 4px;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 15px;
    line-height: 1.33
}

.place_my_wrapper .section_upcoming .upcoming_item .info_link_area .fn-forward2 {
    position: absolute;
    top: 21px;
    right: 19px;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 18px 18px 12px
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .icon {
    padding: 0 11px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .icon .fn {
    margin-top: 9px;
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .icon .fn-path-find1::before {
    font-weight: bold
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .more_area {
    position: relative
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .more_area .icon {
    display: block;
    line-height: 30px
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment_area {
    position: relative;
    margin-left: auto
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment_area .ico_post_npay1 {
    width: 63px;
    height: 89px;
    background-position: 0px 0px
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment_area .ico_post_npay2 {
    width: 51px;
    height: 89px;
    background-position: -65px 0px
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment_area .info_layer {
    position: absolute;
    bottom: -29px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 15px;
    border-radius: 10px;
    background-image: linear-gradient(247deg, #99e267, #50dfc7);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    white-space: nowrap
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment_area .info_layer .more_link {
    display: inline-block;
    margin-left: 4px;
    color: #f7ffa9;
    text-decoration: underline
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment_area .info_layer .ico_npay_arrow {
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px;
    height: 6px;
    fill: #77e195
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .payment {
    display: block;
    padding: 4px 15px;
    border-radius: 15px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: solid 1px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30);
    white-space: nowrap
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .fn-call2 {
    font-size: 17px
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .ico_npay {
    width: 32px;
    height: 14px;
    margin: 3px 1px 0 0;
    fill: #03c75a;
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .ico_barcode {
    width: 19px;
    height: 20px;
    fill: #555558;
    fill: var(--booking-color-gray30);
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .ico_qr_code {
    width: 14px;
    height: 14px;
    margin: 3px 2px 0 0;
    fill: #555558;
    fill: var(--booking-color-gray30);
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_item .icon_link_area .ico_menu {
    width: 19px;
    height: 20px;
    fill: #555558;
    fill: var(--booking-color-gray30);
    vertical-align: top
}

.place_my_wrapper .section_upcoming .upcoming_more_btn {
    width: 100%;
    margin: 12px 0 24px;
    padding: 12px 0;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 12px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_upcoming .upcoming_more_btn .fn-booking {
    margin-left: 8px;
    font-size: 13px;
    vertical-align: -1px
}

.place_my_wrapper .section_upcoming .more_popup_layer {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: solid 1px;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    white-space: nowrap;
    z-index: 10
}

.place_my_wrapper .section_upcoming .more_popup_layer .item {
    display: block;
    padding: 9px 48px 11px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    text-align: center
}

.place_my_wrapper .section_upcoming .more_popup_layer .item+.item {
    border-top: 1px solid;
    border-top-color: #f0f0f3;
    border-top-color: var(--booking-color-gray90)
}

.place_my_wrapper .section_upcoming .more_popup_layer .item.point {
    color: #fc4c42
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 28px 0 15px;
    background-color: #fff;
    border-top: solid 1px #656565;
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    text-align: center;
    z-index: 10000
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .title {
    color: #111;
    font-weight: bold
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .info_area {
    padding-top: 38px
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .info_area .name {
    color: #111;
    font-size: 20px;
    font-weight: bold
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .info_area .date {
    padding-top: 5px;
    color: #6f7a83;
    font-size: 15px
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .barcode_area {
    position: relative;
    padding: 24px 0 44px;
    outline: none
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .barcode_area.used .barcode {
    opacity: .3
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .barcode_area.used .used_txt {
    display: block
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .barcode_area .barcode {
    height: 116px
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .barcode_area .used_txt {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    padding: 0 41px;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,.1);
    border-radius: 18px;
    color: #111;
    font-size: 15px;
    font-weight: bold;
    line-height: 36px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.place_my_wrapper .section_upcoming .my_barcode_layer .my_barcode .barcode_area .used_txt.qr {
    top: 55px
}

.place_my_wrapper .section_notice:first-child .notice_area {
    border-top: 0
}

.place_my_wrapper .section_notice:last-child .notice_area {
    border-bottom: 0
}

.place_my_wrapper .section_notice .notice_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-width: 1px 0
}

.place_my_wrapper .section_notice .notice_txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 0 10px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.place_my_wrapper .section_notice .notice_txt .notice {
    margin-right: 5px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 13px;
    font-weight: bold
}

.place_my_wrapper .section_notice .btn {
    width: 19px;
    height: 19px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    border: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 15px;
    line-height: 19px
}

.place_my_wrapper .section_notice .btn.disabled {
    pointer-events: none
}

.place_my_wrapper .section_notice .btn.disabled .ico_triangle {
    opacity: .2
}

.place_my_wrapper .section_notice .btn.prev .ico_triangle {
    margin: 6px 0 0 7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.place_my_wrapper .section_notice .btn.next .ico_triangle {
    margin: 6px 0 0 8px
}

.place_my_wrapper .section_notice .btn .ico_triangle {
    width: 4px;
    height: 7px;
    fill: #555558;
    fill: var(--booking-color-gray30);
    vertical-align: top
}

.place_my_wrapper .section_notice .notice_layer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #f4f7f8;
    background-color: var(--booking-color-myplace-bg1);
    overflow-y: auto;
    z-index: 10000
}

.place_my_wrapper .section_notice .notice_layer .notice_content {
    position: relative;
    min-height: calc(100vh - 262px);
    padding-top: 60px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05)
}

.place_my_wrapper .section_notice .notice_layer .title_area {
    padding: 0 25px
}

.place_my_wrapper .section_notice .notice_layer .title_area .notice {
    position: relative;
    display: inline-block;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 17px;
    font-weight: bold;
    line-height: 20px
}

.place_my_wrapper .section_notice .notice_layer .title_area .notice::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    background-color: rgba(8,218,118,.2);
    border-radius: 3px
}

.place_my_wrapper .section_notice .notice_layer .title_area .title {
    display: block;
    margin-top: 7px;
    font-size: 24px;
    line-height: 32px
}

.place_my_wrapper .section_notice .notice_layer .title_area .close_btn {
    position: absolute;
    top: 11px;
    right: 5px;
    padding: 10px;
    line-height: 22px
}

.place_my_wrapper .section_notice .notice_layer .title_area .close_btn .fn-booking-close1 {
    font-size: 23px;
    vertical-align: top;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_notice .notice_layer .content_area {
    padding: 20px 25px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_notice .notice_layer .notice_list {
    background-color: #fff;
    background-color: var(--booking-color-surface);
    margin: 12px 0 20px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,21,81,.05)
}

.place_my_wrapper .section_notice .notice_layer .notice_list .item {
    margin: 0 25px
}

.place_my_wrapper .section_notice .notice_layer .notice_list .item+.item {
    border-top: 1px solid;
    border-top-color: #f0f0f3;
    border-top-color: var(--booking-color-gray90)
}

.place_my_wrapper .section_notice .notice_layer .notice_list .link {
    position: relative;
    display: block;
    padding: 15px 0 17px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.4px
}

.place_my_wrapper .section_notice .notice_layer .notice_list .fn-booking-forward1 {
    position: absolute;
    top: 20px;
    right: -4px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_remind_news .remind_news_inner {
    padding: 18px 20px 30px
}

.place_my_wrapper .section_remind_news .remind_news {
    overflow: hidden;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
}

.place_my_wrapper .section_remind_news .remind_news+.remind_news {
    margin-top: 18px
}

.place_my_wrapper .section_remind_news .info_area {
    overflow: hidden;
    display: block;
    padding: 22px 25px 24px
}

.place_my_wrapper .section_remind_news .info_area.one_year .info_wrap .label {
    border-color: rgba(106,133,214,.3);
    color: #6a85d6
}

.place_my_wrapper .section_remind_news .info_area.one_year .info_wrap .title {
    color: #6a85d6
}

.place_my_wrapper .section_remind_news .info_area.bg_img {
    position: relative;
    background-size: cover
}

.place_my_wrapper .section_remind_news .info_area.bg_img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.1)
}

.place_my_wrapper .section_remind_news .info_area.bg_img .info_wrap {
    position: relative
}

.place_my_wrapper .section_remind_news .info_area.bg_img .info_wrap .label {
    background-color: #8b70e6;
    color: #fff
}

.place_my_wrapper .section_remind_news .info_area.bg_img .info_wrap .title {
    color: #fff
}

.place_my_wrapper .section_remind_news .info_area.bg_img .info_wrap .business_tit {
    color: #fff
}

.place_my_wrapper .section_remind_news .info_area .img_wrap {
    float: right;
    margin-top: 3px
}

.place_my_wrapper .section_remind_news .info_area .img_wrap .img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.place_my_wrapper .section_remind_news .info_area .info_wrap {
    overflow: hidden
}

.place_my_wrapper .section_remind_news .info_area .info_wrap .label {
    display: inline-block;
    padding: 0 10px;
    border-radius: 12px;
    border: solid 1px rgba(104,106,153,.3);
    color: #686a99;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    vertical-align: top
}

.place_my_wrapper .section_remind_news .info_area .info_wrap .title {
    display: block;
    padding-top: 7px;
    color: #686a99;
    font-size: 15px;
    font-weight: bold
}

.place_my_wrapper .section_remind_news .info_area .info_wrap .business_tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    padding-top: 1px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 18px;
    font-weight: bold
}

.place_my_wrapper .section_remind_news .info_area .info_wrap .business_txt {
    display: inline-block;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 14px;
    vertical-align: top
}

.place_my_wrapper .section_remind_news .review_area {
    display: block;
    margin-top: -1px
}

.place_my_wrapper .section_remind_news .review_area .review {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    margin: 0 25px;
    padding: 16px 0 18px;
    border-top: 1px solid;
    border-top-color: #f0f0f3;
    border-top-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    line-height: 20px;
    text-align: center
}

.place_my_wrapper .section_remind_news .review_area .score {
    margin-right: 5px;
    color: #ed675b;
    font-size: 14px;
    font-weight: 500
}

.place_my_wrapper .section_remind_news .review_area .ico_star {
    width: 14px;
    height: 13px;
    margin: 4px 2px 0 0;
    vertical-align: top
}

.place_my_wrapper .section_recent_order {
    padding-bottom: 30px
}

.place_my_wrapper .section_recent_order .recent_order_inner {
    padding: 20px 25px 0
}

.place_my_wrapper .section_recent_order .recent_order_inner .no_list {
    height: 80px;
    margin: 15px 0 1px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    border-radius: 15px;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.2)
}

.place_my_wrapper .section_recent_order .recent_order_inner .no_list .text {
    color: #c5c5c7;
    color: var(--booking-color-gray60);
    font-size: 16px;
    text-align: center
}

.place_my_wrapper .section_recent_order .title_area .title {
    display: block;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 20px;
    letter-spacing: -0.4px
}

.place_my_wrapper .section_recent_order .title_area .tit_link {
    position: relative;
    display: inline-block;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 20px;
    letter-spacing: -0.4px
}

.place_my_wrapper .section_recent_order .title_area .tit_link.selected {
    color: #222225;
    color: var(--booking-color-gray10);
    font-weight: bold
}

.place_my_wrapper .section_recent_order .title_area .tit_link.selected::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 6px;
    background: rgba(0,186,199,.1);
    border-radius: 3px;
    content: ""
}

.place_my_wrapper .section_recent_order .title_area .tit_link+.tit_link {
    margin-left: 13px
}

.place_my_wrapper .section_recent_order .order_tabs {
    margin: 16px -5px 0;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    border-width: 1px 0
}

.place_my_wrapper .section_recent_order .order_tabs .tab {
    display: inline-block;
    padding: 7px 14px 9px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    letter-spacing: -1px;
    text-align: center
}

.place_my_wrapper .section_recent_order .order_tabs .tab.selected {
    position: relative;
    color: #222225;
    color: var(--booking-color-gray10);
    font-weight: bold
}

.place_my_wrapper .section_recent_order .order_tabs .tab.selected::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 10px;
    right: 10px;
    height: 2px;
    background-color: #222225;
    background-color: var(--booking-color-gray10)
}

.place_my_wrapper .section_recent_order .content_area {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.place_my_wrapper .section_recent_order .content_area::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 836px) {
    .place_my_wrapper .section_recent_order .content_area {
        margin:0 -25px
    }

    .place_my_wrapper .section_recent_order .content_area .recent_order_list .item:first-child {
        margin-left: 20px
    }

    .place_my_wrapper .section_recent_order .content_area .recent_order_list .item:last-child {
        margin-right: 20px
    }
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list {
    padding-top: 16px;
    white-space: nowrap
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .item {
    display: inline-block;
    width: 82px;
    padding: 14px 7px 0 7px;
    text-align: center;
    vertical-align: top
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .img_container {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .img_container .img {
    -o-object-fit: cover;
    object-fit: cover
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .img_container .noimg {
    width: 44px;
    height: 44px;
    padding: 18px
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .img_container .img_text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .soldout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .label {
    position: absolute;
    top: -8px;
    left: -3px;
    padding: 0 8px;
    background-color: #35c6d0;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -0.2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .label.takeout {
    background-color: #35d08f
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .label.dt {
    background-color: #54ace1
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .label.delivery {
    background-color: #1883b6
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .img_area .label.disabled {
    background-color: #babebe
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .info_area {
    width: 80px;
    margin: 9px auto 0
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .info_area .menu {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px
}

.place_my_wrapper .section_recent_order .content_area .recent_order_list .info_area .source {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 48px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding-top: 2px;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 14px;
    line-height: 17px;
    white-space: normal;
    word-break: keep-all
}

.place_my_wrapper .section_order_coupon .order_coupon_inner {
    padding: 30px 20px 0
}

.place_my_wrapper .section_order_coupon .coupon_ticket {
    overflow: visible;
    margin: 15px 0 0 0;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
}

.place_my_wrapper .section_order_coupon .coupon_ticket::before,.place_my_wrapper .section_order_coupon .coupon_ticket::after {
    right: 70px;
    width: 7px;
    height: 4px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_order_coupon .coupon_ticket::before {
    top: -1px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-width: 0px 1px 1px 1px
}

.place_my_wrapper .section_order_coupon .coupon_ticket::after {
    bottom: -1px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border-width: 1px 1px 0px 1px
}

.place_my_wrapper .section_order_coupon .coupon_ticket+.coupon_ticket {
    margin-top: 12px
}

.place_my_wrapper .section_order_coupon .coupon_ticket .ticket_info {
    padding: 15px 25px 17px;
    border-radius: 5px 0 0 5px
}

.place_my_wrapper .section_order_coupon .coupon_ticket .ticket_info::before {
    width: 5px;
    border-radius: 5px 0 0 5px
}

.place_my_wrapper .section_order_coupon .coupon_ticket .ticket_info .info_title {
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px;
    font-weight: normal
}

.place_my_wrapper .section_order_coupon .coupon_ticket .ticket_info .info_text {
    line-height: 20px
}

.place_my_wrapper .section_order_coupon .coupon_ticket .ticket_use {
    width: 74px
}

.place_my_wrapper .section_order_coupon .coupon_ticket .ticket_use .btn_use {
    background-color: rgba(0,186,199,.03);
    border-radius: 0 5px 5px 0
}

.place_my_wrapper .section_order_coupon .rank_more_btn {
    margin-top: 10px
}

.place_my_wrapper .section_order_stamp .order_stamp_inner {
    padding: 28px 25px 0
}

.place_my_wrapper .section_order_stamp .stamp_area {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.place_my_wrapper .section_order_stamp .stamp_area::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 836px) {
    .place_my_wrapper .section_order_stamp .stamp_area {
        margin:0 -25px
    }

    .place_my_wrapper .section_order_stamp .stamp_area .order_stamp_list .item:first-child {
        margin-left: 20px
    }

    .place_my_wrapper .section_order_stamp .stamp_area .order_stamp_list .item:last-child {
        margin-right: 20px
    }
}

.place_my_wrapper .section_order_stamp .order_stamp_list {
    padding-top: 16px;
    white-space: nowrap
}

.place_my_wrapper .section_order_stamp .order_stamp_list .item {
    position: relative;
    display: inline-block;
    width: 182px;
    margin-bottom: 6px;
    padding: 15px 20px 2px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 15px;
    vertical-align: top;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05)
}

.place_my_wrapper .section_order_stamp .order_stamp_list .item+.item {
    margin-left: 10px
}

.place_my_wrapper .section_order_stamp .order_stamp_list .item:first-child {
    margin-left: 1px
}

.place_my_wrapper .section_order_stamp .order_stamp_list .item:last-child {
    margin-right: 1px
}

.place_my_wrapper .section_order_stamp .order_stamp_list .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px
}

.place_my_wrapper .section_order_stamp .stamp_list {
    position: static;
    padding-top: 13px
}

.place_my_wrapper .section_order_stamp .stamp_list .stamp_item .stamp {
    width: 30px;
    height: 30px
}

.place_my_wrapper .section_order_stamp .stamp_list .stamp_item .ico_ticket_present {
    width: 12px;
    height: 12px;
    margin: 9px
}

.place_my_wrapper .section_order_stamp .stamp_list .stamp_item .ico_stamp_reward {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.58);
    transform: scale(0.58)
}

.place_my_wrapper .section_order_stamp .stamp_list .stamp_item .ico_stamp {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.58);
    transform: scale(0.58)
}

.place_my_wrapper .section_order_stamp .stamp_list .stamp_item .number {
    font-size: 15px;
    font-style: normal;
    line-height: 30px
}

.place_my_wrapper .section_order_stamp .stamp_message {
    top: 7px;
    border-radius: 15px
}

.place_my_wrapper .banner_area {
    padding: 0 20px 4px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

@media screen and (max-width: 375px) {
    .place_my_wrapper .banner_area {
        margin:0 -20px
    }
}

.place_my_wrapper .banner_area+[class^=section_] {
    margin-top: 0
}

.place_my_wrapper .section_payment_method {
    margin-top: 12px;
    padding: 30px 20px
}

.place_my_wrapper .section_payment_method .payment_method_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.place_my_wrapper .section_payment_method .payment_method_title .title {
    font-size: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_payment_method .payment_method_title .service_aside {
    position: relative
}

.place_my_wrapper .section_payment_method .payment_method_title .aside_btn {
    padding: 0 4px;
    vertical-align: top
}

.place_my_wrapper .section_payment_method .payment_method_title .ico_more {
    width: 16px;
    height: 21px;
    fill: #939396;
    fill: var(--booking-color-gray50);
    vertical-align: -4px
}

.place_my_wrapper .section_payment_method .payment_method_title .more_box {
    position: absolute;
    top: 28px;
    right: 0;
    min-width: 184px;
    border-radius: 15px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 100
}

.place_my_wrapper .section_payment_method .payment_method_title .more_box .more_btn {
    display: block;
    position: relative;
    padding: 14px 17px 17px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_payment_method .payment_method_title .more_box .more_btn .fn-write-noline1 {
    position: absolute;
    top: 19px;
    right: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_payment_method .payment_method_title .more_box .more_btn .fn-write-noline1::before {
    font-weight: bold
}

.place_my_wrapper .section_payment_method .payment_method_title .more_box .more_btn .ico_btn {
    position: absolute;
    top: 19px;
    right: 20px;
    width: 15px;
    height: 15px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.place_my_wrapper .section_payment_method .payment_method_title .more_box .more_btn+.more_btn {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_payment_method .use_npay_point {
    margin-top: 2px;
    font-size: 13px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_payment_method .use_npay_point .point {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.place_my_wrapper .section_payment_method .use_npay_point .point::before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    vertical-align: 3px
}

.place_my_wrapper .section_payment_method .payment_method_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.place_my_wrapper .section_payment_method .payment_method_item .img_area {
    margin: 0 12px 0 4px
}

.place_my_wrapper .section_payment_method .payment_method_item .img_area .ico_naver {
    width: 26px;
    height: 26px;
    fill: #000;
    fill: var(--booking-color-gray0);
    vertical-align: top
}

.place_my_wrapper .section_payment_method .payment_method_item .img_area .img {
    width: 26px;
    height: 37px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2);
    vertical-align: top
}

.place_my_wrapper .section_payment_method .payment_method_item .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_payment_method .payment_method_item .title .order_num {
    display: inline-block;
    margin-right: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #287cff;
    color: var(--booking-color-myplace-blue);
    vertical-align: top
}

.place_my_wrapper .section_payment_method .payment_method_item .text {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_payment_method .payment_method_button {
    width: 100%;
    margin-top: 18px;
    padding: 12px;
    border-radius: 8px;
    background-color: var(--booking-color-myplace-blue2);
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.place_my_wrapper .section_payment_method .payment_method_desc {
    margin-top: 20px;
    font-size: 12px;
    line-height: 17px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.place_my_wrapper .section_history {
    position: relative;
    margin-top: 12px
}

.place_my_wrapper .section_history:first-child {
    margin-top: 0;
    -webkit-box-shadow: 0 3px 6px 0px rgba(0,0,0,.05),0 0 0px 0 rgba(0,21,81,.05);
    box-shadow: 0 3px 6px 0px rgba(0,0,0,.05),0 0 0px 0 rgba(0,21,81,.05)
}

.place_my_wrapper .section_history .history_inner {
    padding: 22px 20px 0
}

.place_my_wrapper .section_history .business_tab_area {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.place_my_wrapper .section_history .business_tab_area::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 835px) {
    .place_my_wrapper .section_history .business_tab_area {
        margin:0 -20px
    }

    .place_my_wrapper .section_history .business_tab_area .business_list .item:first-child {
        margin-left: 20px
    }

    .place_my_wrapper .section_history .business_tab_area .business_list .item:last-child {
        margin-right: 20px
    }
}

.place_my_wrapper .section_history .business_tab_area .business_list {
    white-space: nowrap;
    padding: 8px 0
}

.place_my_wrapper .section_history .business_tab_area .business_list .item {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 4px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    vertical-align: top
}

.place_my_wrapper .section_history .business_tab_area .business_list .item.selected {
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.05)
}

.place_my_wrapper .section_history .business_tab_area .business_list .item.selected .business_item .txt {
    color: #fff;
    font-weight: bold
}

.place_my_wrapper .section_history .business_tab_area .business_list .item.selected .business_item .ico {
    fill: #fff
}

.place_my_wrapper .section_history .business_tab_area .business_list .business_item {
    display: block;
    padding-bottom: 22px;
    text-align: center
}

.place_my_wrapper .section_history .business_tab_area .business_list .business_item .txt {
    display: block;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 14px;
    line-height: 18px;
    white-space: normal
}

.place_my_wrapper .section_history .business_tab_area .business_list .business_item .ico {
    width: 30px;
    height: 30px;
    margin-top: 24px;
    fill: #444447;
    fill: var(--booking-color-gray20);
    vertical-align: top
}

.place_my_wrapper .section_history .rank_area {
    padding: 21px 10px 25px
}

.place_my_wrapper .section_history .rank_area .info_txt {
    display: block;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    word-break: keep-all
}

.place_my_wrapper .section_history .rank_area .info_txt .point {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.place_my_wrapper .section_history .rank_area .tab_filter {
    margin-top: 28px;
    white-space: nowrap
}

.place_my_wrapper .section_history .rank_area .tab_filter .filter {
    position: relative;
    display: inline-block;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 17px;
    font-weight: 500;
    line-height: 20px
}

.place_my_wrapper .section_history .rank_area .tab_filter .filter+.filter {
    margin-left: 12px
}

.place_my_wrapper .section_history .rank_area .tab_filter .filter.selected {
    color: #222225;
    color: var(--booking-color-gray10);
    font-weight: 800
}

.place_my_wrapper .section_history .rank_area .tab_filter .filter.selected::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 6px;
    background-color: #9272ff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.04),0 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.04),0 0 1px 0 rgba(0,0,0,.2);
    opacity: .2
}

.place_my_wrapper .section_history .rank_area .rank_list {
    margin-bottom: 10px;
    padding-top: 11px
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 0 14px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link.disabled {
    pointer-events: none
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link.disabled .txt {
    color: #939396;
    color: var(--booking-color-gray50)
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .rank {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .txt {
    overflow: hidden;
    position: relative;
    padding: 0 29px 0 12px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 15px;
    line-height: 20px
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .txt .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    max-width: 100%
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .txt .fn-nbooking-calender1 {
    position: absolute;
    top: 2px;
    right: 9px;
    color: #287cff;
    color: var(--booking-color-myplace-blue);
    font-size: 17px
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .txt .ico_naver_smart_order {
    position: absolute;
    top: 4px;
    right: 9px;
    width: 12px;
    height: 14px;
    fill: #287cff;
    fill: var(--booking-color-myplace-blue)
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .num {
    margin-left: auto;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.place_my_wrapper .section_history .rank_area .rank_list .item_link .bar {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.place_my_wrapper .section_history .no_list {
    font-weight: normal
}

.place_my_wrapper .section_used+.my_more_btn {
    margin: 0 auto 20px
}

.place_my_wrapper .section_used .no_list {
    height: 270px;
    background-color: #f4f7f8;
    background-color: var(--booking-color-myplace-bg1)
}

.place_my_wrapper .section_used .used_inner {
    padding: 0 20px 20px
}

.place_my_wrapper .section_used .used_tabs_area {
    margin: 0 -20px;
    padding-top: 32px
}

@media screen and (min-width: 835px) {
    .place_my_wrapper .section_used .used_tabs_area {
        padding-right:20px
    }
}

.place_my_wrapper .section_used .used_tabs_area .used_tabs {
    overflow-x: auto;
    padding-bottom: 6px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.place_my_wrapper .section_used .used_tabs_area .used_tabs::-webkit-scrollbar {
    display: none
}

.place_my_wrapper .section_used .used_tabs_area .tab {
    display: inline-block;
    margin-left: 7px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    border: solid 1px;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.4px
}

.place_my_wrapper .section_used .used_tabs_area .tab:first-child {
    margin-left: 20px
}

.place_my_wrapper .section_used .used_tabs_area .tab:last-child {
    margin-right: 20px
}

.place_my_wrapper .section_used .used_tabs_area .tab.active {
    padding: 1px 10px 1px 5px;
    border: 0;
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    color: #fff
}

.place_my_wrapper .section_used .used_tabs_area .tab.active .link {
    padding: 0 5px;
    color: #fff
}

.place_my_wrapper .section_used .used_tabs_area .tab.active .link .num {
    color: #fff
}

.place_my_wrapper .section_used .used_tabs_area .tab.active .link .fn-booking-close2 {
    padding: 4px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 10px;
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    vertical-align: -1px
}

.place_my_wrapper .section_used .used_tabs_area .tab .link {
    display: inline-block;
    padding: 0 15px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_used .used_tabs_area .tab .link .num {
    margin-left: 3px;
    font-weight: 400;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_used .used_tabs_area .tab .link .ico_calendar {
    width: 14px;
    height: 15px;
    margin-right: 6px;
    fill: #287cff;
    fill: var(--booking-color-myplace-blue);
    vertical-align: -2px
}

.place_my_wrapper .section_used .used_list_area {
    position: relative;
    min-height: 300px
}

.place_my_wrapper .section_used .used_list_area .bg_dimmed_white {
    background-color: #f9f9f9
}

.place_my_wrapper .section_used .used_list_area .card_item {
    padding-top: 36px
}

.place_my_wrapper .section_used .used_list_area .card_item.cancel .card_header .service {
    background-color: #54595d
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header {
    position: relative
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,0,0,.18);
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,0,0,.18);
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    text-align: center
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service::before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -35px;
    height: 35px;
    width: 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service .ico_service {
    width: 30px;
    height: 30px;
    margin-top: 6px;
    fill: #fff
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service .ico_service.robot {
    width: 25px;
    height: 25px;
    margin-top: 7px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service .ico_service.queue {
    width: 23px;
    height: 23px;
    margin-top: 7px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_link {
    display: block;
    margin: 0 61px 0 52px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_link .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_link .info_box {
    line-height: 20px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_link .info_box .info {
    display: inline-block;
    font-size: 14px;
    color: #77777a;
    color: var(--booking-color-gray40);
    vertical-align: top
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_link .info_box .info+.info::before {
    content: "";
    display: inline-block;
    padding-left: 6px;
    margin-left: 6px;
    height: 10px;
    border-left: 1px solid;
    border-left-color: #c5c5c7;
    border-left-color: var(--booking-color-gray60)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside {
    position: absolute;
    top: -5px;
    right: 0
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside .aside_btn {
    display: inline-block;
    padding: 4px;
    line-height: 21px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside .aside_btn .ico_bookmark,.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside .aside_btn .ico_bookmark_on {
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-top: 2px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside .aside_btn .ico_bookmark {
    fill: #c5c5c7;
    fill: var(--booking-color-gray60)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside .aside_btn .ico_bookmark_on {
    fill: #03aa5a
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .service_aside .aside_btn .ico_more {
    width: 16px;
    height: 21px;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60);
    vertical-align: top
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box {
    position: absolute;
    top: 30px;
    right: 0;
    min-width: 167px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: solid 1px rgba(0,0,16,.04);
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    z-index: 100
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box .more_btn {
    display: block;
    position: relative;
    padding: 14px 17px 17px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box .more_btn .fn-share1 {
    position: absolute;
    top: 16px;
    right: 18px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 17px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box .more_btn .ico_btn {
    position: absolute;
    top: 19px;
    right: 20px;
    width: 15px;
    height: 15px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box .more_btn .ico_btn.menu {
    top: 15px;
    right: 16px;
    width: 23px;
    height: 23px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box .more_btn .ico_btn.queue {
    width: 16px;
    height: 16px
}

.place_my_wrapper .section_used .used_list_area .card_item .card_header .more_box .more_btn+.more_btn {
    border-top: 1px solid;
    border-top-color: #f0f0f3;
    border-top-color: var(--booking-color-gray90)
}

.place_my_wrapper .section_used .used_list_area .card_item .card_body {
    position: relative;
    margin-top: 13px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    border-radius: 15px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box {
    overflow: hidden;
    display: block;
    margin: 0 25px;
    padding: 20px 0 18px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box+.lower_box {
    border-top: 1px dashed;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .img_area {
    overflow: hidden;
    position: relative;
    float: right;
    margin-left: 10px;
    border-radius: 5px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .img_area::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.04)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .img_area+.review_area .link_review_write {
    float: none;
    display: block;
    margin-top: 22px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .img_area .img {
    width: 72px;
    height: 72px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

@media screen and (max-width: 320px) {
    .place_my_wrapper .section_used .used_list_area .card_item .upper_box .img_area .img {
        width:63px;
        height: 63px
    }
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area {
    overflow: hidden
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_header {
    overflow: hidden;
    line-height: 27px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_header .star {
    float: left;
    margin-right: 7px;
    font-size: 17px;
    color: #ed675b;
    font-weight: bold
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_header .star .ico_star {
    width: 15px;
    height: 15px;
    margin: 5px 2px 0 0;
    vertical-align: top
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_header .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 15px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_header .text .highlight {
    z-index: 1;
    position: relative;
    padding-left: 2px;
    font-size: 15px;
    font-weight: bold;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_header .text .highlight::before {
    content: "";
    z-index: -1;
    position: absolute;
    right: -2px;
    bottom: -1px;
    left: -2px;
    height: 6px;
    background-color: #e8f6f7;
    background-color: var(--booking-color-turquoise95)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .reivew_text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 48px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding-top: 8px;
    line-height: 23px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_keyword {
    margin-top: 5px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_keyword .emoji_icon {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: -3px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .review_keyword [class*=keyword] {
    display: inline-block;
    margin-top: 7px;
    margin-right: 4px;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .ico_star_no_count {
    float: right;
    width: 110px;
    height: 20px;
    margin-top: 4px
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .ico_star_no_count path {
    fill: #f0f0f3;
    fill: var(--booking-color-gray90);
    stroke: #e9e9ec;
    stroke: var(--booking-color-gray80)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .link_review_write {
    float: right;
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.5;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_used .used_list_area .card_item .upper_box .review_area .link_review_write .fn-write2 {
    margin-right: 3px;
    color: #03aa5a;
    vertical-align: -1px
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 25px;
    padding: 20px 0 25px
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box .info .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-weight: bold;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box .info .tit_desc {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box .info .tit_desc::before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 1px;
    height: 12px;
    margin: 0 7px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box .info .desc {
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_my_wrapper .section_used .used_list_area .card_item .lower_box .price {
    font-size: 14px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.place_my_wrapper .section_used .used_list_area .card_item .cancel_info_link {
    position: absolute;
    right: 24px;
    bottom: 19px;
    color: #0068c3;
    color: var(--booking-color-blue-link);
    font-size: 13px;
    text-decoration: underline
}

.place_my_wrapper .section_used .used_list_area .my_more_btn {
    margin-bottom: 0
}

.place_my_wrapper .my_toast {
    position: fixed;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    z-index: 8000
}

.place_my_wrapper .my_toast.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.place_my_wrapper .my_toast .toast_text {
    padding: 10px;
    background-color: rgba(64,64,64,.95);
    border: solid 1px rgba(0,0,0,.15);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    white-space: pre-line;
    word-break: keep-all
}

.place_my_wrapper .my_more_btn {
    display: block;
    width: 125px;
    margin: 20px auto 10px;
    padding: 10px 0;
    border-radius: 24px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center;
    overflow-anchor: none
}

.place_my_wrapper .my_more_btn .fn-booking-down1 {
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 12px;
    vertical-align: -1px
}

.place_my_wrapper .rank_more_btn {
    display: block;
    padding: 7px 0;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -0.5px;
    text-align: center
}

.place_my_wrapper .rank_more_btn .fn-booking-down1 {
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 12px;
    vertical-align: -1px
}

.place_my_wrapper .dot_nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.place_my_wrapper .dot_nav .dot_list {
    overflow: hidden;
    display: inline-block
}

.place_my_wrapper .dot_nav .dot_list>li {
    position: relative;
    float: left;
    margin: 0 4px;
    width: 7px;
    height: 7px;
    cursor: pointer
}

.place_my_wrapper .dot_nav .dot_list>li .dot_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #dce2e7
}

.place_my_wrapper .dot_nav .dot_list>li.slick-active {
    width: 17px
}

.place_my_wrapper .dot_nav .dot_list>li.slick-active .dot_link {
    background-color: #333
}

.place_my_wrapper .slick-arrow:hover {
    background-color: #f7f6f9
}

.place_my_wrapper .slick-arrow:hover .ico_arrow {
    fill: #287cff;
    fill: var(--booking-color-myplace-blue)
}

.header_my {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding-right: 18px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.header_my.has_border {
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.header_my.fixed+.tabs_my {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.header_my.fixed+.tabs_my+.tabpanel_my {
    padding-top: 46px
}

.header_my .btn_back {
    padding: 18px 10px 18px 18px;
    line-height: 21px
}

.header_my .btn_back .ico_arrow {
    width: 12px;
    height: 21px;
    fill: #222225;
    fill: var(--booking-color-gray10);
    vertical-align: top
}

.header_my .header_title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.header_my .link_place_home {
    margin-left: auto;
    padding: 7px 12px 6px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.header_my .link_place_home .fn-home1 {
    margin-right: 6px;
    font-size: 16px;
    color: #939396;
    color: var(--booking-color-gray50);
    vertical-align: -3px
}

.tabs_my {
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.tabs_my .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 720px;
    margin: 0 auto;
    text-align: center
}

.tabs_my .tabs .tab {
    width: 100px;
    padding: 11px 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.tabs_my .tabs .tab.active {
    position: relative;
    font-weight: 700;
    color: #000;
    color: var(--booking-color-gray0);
    pointer-events: none
}

.tabs_my .tabs .tab.active::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    border-radius: 10px;
    background-color: #222225;
    background-color: var(--booking-color-gray10)
}

.tabs_my .tabs .tab:first-child:nth-last-child(3),.tabs_my .tabs .tab:first-child:nth-last-child(3)~.tab {
    width: 60px
}

.tabs_my .tabs .tab:first-child:nth-last-child(4),.tabs_my .tabs .tab:first-child:nth-last-child(4)~.tab {
    width: 45px
}

.tabs_my .tabs .txt {
    position: relative;
    display: inline-block
}

.tabs_my .tabs .txt .dot {
    position: absolute;
    right: -7px;
    top: 1px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ff4043
}

.section_trend_pick {
    margin-top: 12px;
    padding: 30px 20px
}

.section_trend_pick.type_recommendation {
    margin-top: 0;
    padding: 0;
    border: 0
}

.section_trend_pick.type_recommendation .trend_pick_title {
    font-size: 19px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 900;
    line-height: 26px;
    text-align: center
}

.section_trend_pick .trend_pick_title {
    display: block;
    font-size: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_trend_pick .trend_pick_sub_title {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center
}

.section_trend_pick .trend_pick_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px 0;
    max-width: 410px;
    margin: 18px auto 0
}

.section_trend_pick .trend_pick_list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%
}

.section_trend_pick .trend_pick_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_trend_pick .trend_pick_link .img {
    width: 30px;
    height: 30px
}

.section_trend_pick .trend_pick_text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

@media(max-width: 320px) {
    .section_trend_pick .trend_pick_link {
        width:56px;
        height: 56px
    }

    .section_trend_pick .trend_pick_text {
        font-size: 11px
    }
}

.section_ticket_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh
}

.section_ticket_info .ticket_header {
    position: relative;
    padding: 0 102px 0 47px;
    background-color: #5c6cec
}

.section_ticket_info .ticket_header .text {
    padding: 16px 0 14px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.5px
}

.section_ticket_info .ticket_header .btn_area {
    position: absolute;
    top: 0;
    right: 0
}

.section_ticket_info .ticket_header .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 12px
}

.section_ticket_info .ticket_header .btn_cart {
    display: inline-block;
    vertical-align: top;
    padding: 13px 10px 17px
}

.section_ticket_info .ticket_header .btn_my {
    display: inline-block;
    position: static;
    padding: 14px 15px 16px 12px;
    color: #fff;
    letter-spacing: -0.2px
}

.section_ticket_info .ticket_header .fn-backward1 {
    color: #fff;
    font-size: 23px;
    vertical-align: top
}

.section_ticket_info .ticket_header .fn-backward1::before {
    font-weight: bold
}

.section_ticket_info .ticket_header .ico_cart {
    width: 24px;
    height: 24px;
    fill: #fff;
    vertical-align: top
}

.section_ticket_info .ticket_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.section_ticket_info .ticket_info .ico_ticket_info {
    width: 46px;
    height: 46px;
    fill: #e5e9f5
}

.section_ticket_info .ticket_info .title {
    padding-top: 15px;
    color: #5f626c;
    font-size: 17px;
    letter-spacing: -0.4px
}

.section_ticket_info .ticket_info .text {
    padding-top: 6px;
    color: #9da0a9;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.4px
}

.calendar_option {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 30px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1100
}

.calendar_option .calendar_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.calendar_option .title {
    padding: 62px 0 0 5px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #000;
    color: var(--booking-color-gray0)
}

.calendar_option .option_box {
    margin-top: 15px;
    border-radius: 15px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    white-space: nowrap
}

.calendar_option .option_box .date_btn {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 500;
    line-height: 52px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.calendar_option .option_box .date_btn .ico_calendar {
    width: 17px;
    height: 18px;
    margin: 16px 10px 0 0;
    fill: #967fe3;
    vertical-align: top
}

.calendar_option .option_box .date_btn.active {
    margin: -1px;
    border-radius: 15px;
    border: 1px solid #8b70e6
}

.calendar_option .lookup_btn {
    display: block;
    margin-top: 18px;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.04);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.04);
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70);
    font-size: 17px;
    line-height: 52px;
    text-align: center;
    color: #fff
}

.calendar_option .lookup_btn.active {
    background-color: #03aa5a
}

.calendar_option .close_btn {
    position: absolute;
    top: 20px;
    right: 18px;
    padding: 8px
}

.calendar_option .close_btn .fn-booking-close1 {
    font-size: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.date_query_modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

.date_query_modal.show .dimmed {
    opacity: 1
}

.date_query_modal.show .modal_layout {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.date_query_modal .dimmed {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.date_query_modal .modal_layout {
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-height: calc(100% - 44px);
    border-radius: 24px 24px 0 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: 10000
}

.date_query_modal .modal_header {
    position: relative;
    padding: 20px 50px 16px 16px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 18px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.date_query_modal .modal_header .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 60px
}

.date_query_modal .modal_header .btn_close .fn-booking-close1 {
    vertical-align: -5px;
    font-size: 20px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.date_query_modal .modal_body {
    padding: 0 20px
}

.date_query_modal .selected_date_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 0;
    border-radius: 8px;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.date_query_modal .selected_date_box .date_btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 9px 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: -0.4px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center
}

.date_query_modal .selected_date_box .date_btn .ico_calendar {
    width: 14px;
    height: 15px;
    margin-right: 8px;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60);
    vertical-align: -1px
}

.date_query_modal .selected_date_box .date_btn.active {
    font-weight: 700;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.date_query_modal .selected_date_box .date_btn.active .ico_calendar {
    fill: #287cff;
    fill: var(--booking-color-myplace-blue)
}

.date_query_modal .selected_date_box .tilde {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 19px;
    font-weight: 500;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.date_query_modal .datepicker_table {
    line-height: 17px;
    letter-spacing: -0.4px
}

.date_query_modal .datepicker_table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.date_query_modal .datepicker_table .tr:first-child {
    border-radius: 8px 8px 0 0;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.date_query_modal .datepicker_table .th {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 600;
    color: #77777a;
    color: var(--booking-color-gray40);
    text-align: center
}

.date_query_modal .datepicker_table .td {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 222px
}

.date_query_modal .datepicker_table .option {
    display: block;
    padding: 11px 0 10px;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    border-top: 0;
    line-height: 19px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center
}

.date_query_modal .datepicker_table .option.active {
    background-color: rgba(40,124,255,.1);
    font-weight: 700;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.date_query_modal .modal_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.date_query_modal .modal_footer .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 44px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.date_query_modal .modal_footer .btn+.btn {
    margin-left: 8px
}

.date_query_modal .modal_footer .btn.type_blue {
    border-color: #287cff;
    border-color: var(--booking-color-myplace-blue);
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    color: #fff;
    color: var(--booking-color-gray100)
}

.date_query_modal .modal_footer .btn.disabled {
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.date_query_modal .modal_footer .btn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #fff;
    color: var(--booking-color-gray100)
}

.npay_payment_content {
    display: block;
    margin: 7px 0 5px;
    padding: 14px 0 13px;
    background-color: #fdfdfd;
    border: solid 1px rgba(0,0,0,.1);
    border-width: 1px 0;
    text-align: center
}

.npay_payment_content .ico_npay_big {
    vertical-align: -5px
}

.npay_payment_content .text1 {
    letter-spacing: -0.5px
}

.npay_payment_content .text2 {
    padding-top: 2px;
    color: #8f8f8f;
    font-size: 15px
}

.npay_payment_content .text2 .fn-booking-forward1 {
    font-size: 16px;
    vertical-align: -2px
}

.npay_payment_info {
    display: block;
    padding: 20px 12px 16px;
    border-top: solid 1px #e4ede2;
    background-color: #f4fff0;
    text-align: center;
    letter-spacing: -0.5px
}

.npay_payment_info .ico_npay {
    margin-right: 6px;
    vertical-align: -2px;
    width: 39px;
    height: 16px;
    background-position: 0px -91px
}

.npay_payment_info .title {
    color: #03c75a;
    font-size: 15px
}

.npay_payment_info .text {
    padding-top: 4px;
    color: #666;
    font-size: 15px;
    line-height: 23px
}

.npay_payment_info .text .fn-booking-forward1 {
    margin-left: 2px;
    font-size: 16px;
    vertical-align: -3px
}

.section_deposit_info {
    padding: 20px 20px 25px;
    background-color: #fbfbfb
}

.section_deposit_info .title {
    padding-bottom: 9px;
    border-bottom: 1px solid #03c75a;
    color: #03c75a;
    font-weight: bold
}

.section_deposit_info .fn-booking-naver-pay {
    margin-right: 6px;
    font-size: 24px;
    vertical-align: -5px
}

.section_deposit_info .text1 {
    padding-top: 15px;
    color: #212121;
    font-weight: bold
}

.section_deposit_info .text2 {
    padding-top: 4px;
    color: #666
}

.sec_booking_guide {
    margin: 5px 10px 9px;
    background-color: #f4ffe9;
    border-radius: 6px;
    -webkit-box-shadow: 0 1.5px 2.5px rgba(0,0,0,.1);
    box-shadow: 0 1.5px 2.5px rgba(0,0,0,.1)
}

.sec_booking_guide .guide_header {
    margin: 0 17px;
    padding: 22px 0 13px;
    border-bottom: solid 1px #e3eeca
}

.sec_booking_guide .guide_header .guide_title {
    font-size: 16px;
    color: #000
}

.sec_booking_guide .guide_header .guide_subtitle {
    display: block;
    margin-top: 1px;
    font-size: 14px;
    color: #222
}

.sec_booking_guide .guide_header .guide_subtitle .ico_npay_m {
    margin: 0 2px 0 6px;
    width: 39px;
    height: 16px;
    background-position: 0px -91px;
    vertical-align: -2px
}

.sec_booking_guide .guide_contents {
    padding: 16px 11px 23px
}

.sec_booking_guide .guide_contents .spr_book {
    margin-right: 0;
    vertical-align: top
}

.sec_booking_guide .guide_contents .info_text {
    color: #242424
}

.guide_contents {
    padding: 19px 0 22px 5px;
    text-align: center
}

.guide_contents+.npay_info_link {
    border-top: 1px solid #e6e6e6
}

.guide_contents .guide_step {
    display: inline-block;
    width: 105px;
    text-align: center;
    word-break: keep-all;
    vertical-align: top
}

.guide_contents .guide_step .ico_post_npay1 {
    width: 63px;
    height: 89px;
    background-position: 0px 0px
}

.guide_contents .guide_step .ico_post_npay2 {
    width: 51px;
    height: 89px;
    background-position: -65px 0px
}

.guide_contents .fn-forward1 {
    display: inline-block;
    margin: 40px 14px 0 15px;
    font-size: 25px;
    color: #d9d9dc;
    color: var(--booking-color-gray70);
    vertical-align: top
}

.guide_contents .fn-forward1::before {
    font-weight: bold
}

.guide_contents .info_text {
    padding-top: 6px;
    font-size: 14px;
    line-height: 21px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.sec_booking_npoint {
    margin: 21px -12px 0
}

.sec_booking_npoint .npay_point {
    border: solid 1px #e4e6e9
}

.sec_booking_npoint .npay_total {
    position: relative;
    padding: 0 14px;
    font-size: 14px
}

.sec_booking_npoint .npay_total .title {
    padding: 12px 0
}

.sec_booking_npoint .npay_total .fn-booking-pay-point2 {
    margin-right: 2px;
    color: #03c75a;
    font-size: 20px;
    vertical-align: -5px
}

.sec_booking_npoint .npay_total .point {
    color: #03c75a
}

.sec_booking_npoint .npay_total .expand_button {
    position: absolute;
    top: 16px;
    right: 0;
    padding: 0 14px
}

.sec_booking_npoint .npay_total .expand_button .fn {
    font-size: 18px
}

.sec_booking_npoint .npay_list {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 13px 9px;
    background-color: #fafafa;
    border-top: 1px solid #e7e9ed;
    display: none
}

.sec_booking_npoint .npay_list.expanded {
    display: table
}

.sec_booking_npoint .npay_list .item {
    display: table-row
}

.sec_booking_npoint .npay_list .item .info_cell {
    position: relative;
    display: table-cell;
    padding-left: 11px;
    color: #666
}

.sec_booking_npoint .npay_list .item .info_cell::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #d8d8d8;
    border-radius: 50%
}

.sec_booking_npoint .npay_list .item .info_cell .ico_plus_membership {
    width: 52px;
    height: 17px;
    background-position: -260px -258px;
    margin-right: 6px;
    vertical-align: -2px
}

.sec_booking_npoint .npay_list .item .info_cell .btn_more_info {
    display: inline-block;
    padding: 2px 0;
    vertical-align: top
}

.sec_booking_npoint .npay_list .item .info_cell .btn_more_info .fn-help1 {
    font-size: 17px;
    color: #1e7ae3;
    vertical-align: -1px
}

.sec_booking_npoint .npay_list .item .price_cell {
    display: table-cell;
    color: #03c75a;
    text-align: right;
    white-space: nowrap;
    font-weight: bold
}

.sec_booking_npoint .layer_npay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.14);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.14);
    z-index: 9000
}

.sec_booking_npoint .layer_npay.close {
    display: none
}

.sec_booking_npoint .layer_npay::before {
    display: block;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    content: ""
}

.sec_booking_npoint .layer_npay .npay_inner {
    position: absolute;
    top: 50%;
    left: 24px;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.14);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.14);
    background-color: #fff
}

.sec_booking_npoint .layer_npay .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px
}

.sec_booking_npoint .layer_npay .btn_close .fn-booking-close1 {
    font-size: 18px
}

.sec_booking_npoint .layer_npay .layer_npay_header {
    margin: 0 18px;
    padding: 19px 0 11px;
    border-bottom: 1px solid #ecf0f2;
    font-size: 16px;
    font-weight: bold;
    color: #242424
}

.sec_booking_npoint .layer_npay .layer_npay_content {
    margin: 0 18px;
    padding: 16px 0 13px
}

.sec_booking_npoint .layer_npay .layer_npay_content .npay_saving {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1px
}

.sec_booking_npoint .layer_npay .layer_npay_content .npay_saving .title {
    display: table-cell;
    width: 65px;
    font-size: 14px;
    color: #8f8f8f;
    line-height: 1.3
}

.sec_booking_npoint .layer_npay .layer_npay_content .npay_saving .info-group {
    display: table-cell
}

.sec_booking_npoint .layer_npay .layer_npay_content .npay_saving .info {
    display: block;
    padding-bottom: 4px;
    font-size: 14px;
    color: #424242;
    line-height: 1.3;
    word-break: keep-all
}

.sec_booking_npoint .layer_npay .layer_npay_content .npay_saving .info .highlight {
    font-weight: 600;
    color: #18d05a
}

.sec_booking_npoint .layer_npay .layer_npay_footer {
    padding: 16px 18px;
    background: #f8fafb;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    line-height: 18px;
    color: #8f8f8f
}

.npay_amount_info {
    margin-top: 10px;
    padding-bottom: 13px;
    border-top: 1px solid;
    border-top-color: #d9d9dc;
    border-top-color: var(--booking-color-gray70);
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.npay_amount_info:first-child {
    margin-top: 0;
    border-top: 0
}

.npay_amount_info .title {
    display: block;
    padding-top: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.npay_amount_info .text1 {
    padding-top: 11px;
    color: #03c75a;
    font-size: 15px;
    letter-spacing: -0.5px;
    font-weight: bold
}

.npay_amount_info .text1 .ico_npay {
    width: 39px;
    height: 16px;
    background-position: 0px -91px;
    margin-right: 6px;
    vertical-align: -1px
}

.npay_amount_info .text2 {
    padding-top: 4px;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.5px
}

.npay_button_wrap {
    margin: 17px -12px 0
}

.npay_button_wrap .npay_button {
    width: 100%;
    padding: 10px 0 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    border: solid 1px rgba(0,0,0,.03);
    background-image: linear-gradient(91deg, #01d660 0%, #4bcdcc 144%);
    color: #fff;
    letter-spacing: -0.5px
}

.npay_button_wrap .npay_button.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.npay_button_wrap .npay_button .ico_npay_w {
    width: 46px;
    height: 18px;
    background-position: 0px -398px;
    margin-right: 4px;
    vertical-align: -2px
}

.page_confirm {
    margin-bottom: -3px;
    padding: 56px 0 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    border-bottom: none !important
}

.page_confirm .page_confirm_inner {
    max-width: 736px;
    margin: 0 auto
}

.page_confirm .page_confirm_inner .content_inner+.banner_area {
    margin: 10px
}

@media screen and (max-width: 375px) {
    .page_confirm .page_confirm_inner .content_inner+.banner_area {
        margin:0 -10px
    }
}

.page_confirm .spr_book2,.page_confirm .spr_book,.page_confirm .fn {
    vertical-align: -2px;
    position: relative;
    margin-right: 3px
}

.page_confirm .page_confirm_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 19px 10px 20px;
    border-radius: 8px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.page_confirm .page_confirm_tab .tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .page_confirm_tab .tab.selected {
    border-radius: 8px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    font-weight: bold;
    color: #fff;
    color: var(--booking-color-surface)
}

.page_confirm .page_confirm_tab .ico_new {
    width: 15px;
    height: 14px;
    background-position: -31px -418px;
    margin: 3px 0 0 2px;
    vertical-align: top
}

.page_confirm .page_confirm_tab .ico_dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 2px;
    border-radius: 50%;
    background-color: #fc4c4e;
    vertical-align: top
}

.page_confirm .detail_tit {
    margin: 10px 0 5px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .detail_tit+.list_detail_wrap {
    border-top: 0
}

.page_confirm .detail_tit+.list_detail_wrap .list_detail {
    padding-top: 0
}

.page_confirm .detail_tit .txt {
    display: block
}

.page_confirm .detail_tit .txt+.date {
    margin-top: 4px
}

.page_confirm .detail_tit .refund_txt {
    display: block;
    padding-top: 15px
}

.page_confirm .detail_tit .date {
    display: block;
    font-weight: 600
}

.page_confirm .detail_tit .refunded_date {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .detail_tit .refunded_date .highlight {
    color: #03c75a
}

.page_confirm .refund_sum {
    padding: 5px 0 15px;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80);
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .refund_sum:before,.page_confirm .refund_sum:after {
    content: " ";
    display: table
}

.page_confirm .refund_sum:after {
    clear: both
}

.page_confirm .refund_sum .refund_pay {
    float: right;
    font-weight: 600;
    color: #ff5658
}

.page_confirm .detail_info {
    padding-top: 8px;
    margin-bottom: 5px
}

.page_confirm .detail_info .refund_sum {
    font-size: 16px
}

.page_confirm .detail_info .refund_sum+.list_detail_wrap {
    border-top: 0
}

.page_confirm .detail_info .refund_date {
    display: block;
    margin: 12px 0 8px;
    font-size: 15px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .detail_info .detail_info_tit {
    padding-top: 2.5px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 400
}

.page_confirm .detail_info .info_lst {
    display: table;
    width: 100%;
    border-spacing: 0
}

.page_confirm .detail_info .info_lst .info_item .keep_all {
    word-break: keep-all
}

.page_confirm .detail_info .info_lst .info_item .item_tit,.page_confirm .detail_info .info_lst .info_item .item_desc {
    display: table-cell;
    min-width: 34px;
    font-size: 16px;
    text-align: left;
    line-height: 23px;
    vertical-align: top;
    padding: 1px 0;
    font-weight: 400
}

.page_confirm .detail_info .info_lst .info_item .item_tit .booked_date,.page_confirm .detail_info .info_lst .info_item .item_desc .booked_date {
    margin-right: 4px
}

.page_confirm .detail_info .info_lst .info_item .item_tit .btn_write_calendar,.page_confirm .detail_info .info_lst .info_item .item_desc .btn_write_calendar {
    display: inline-block;
    color: #825ce2;
    font-size: 14px;
    letter-spacing: -0.2px
}

.page_confirm .detail_info .info_lst .info_item .item_tit .btn_write_calendar .icon_calendar,.page_confirm .detail_info .info_lst .info_item .item_desc .btn_write_calendar .icon_calendar {
    width: 13px;
    height: 14px;
    background-position: -41px -91px;
    margin: 0 4px;
    vertical-align: -1px
}

.page_confirm .detail_info .info_lst .info_item .item_tit {
    color: #939396;
    color: var(--booking-color-gray50);
    padding-left: 1.5px;
    padding-right: 14px;
    white-space: nowrap
}

.page_confirm .detail_info .info_lst .info_item .ico_mystyle {
    width: 17px;
    height: 17px;
    background-position: -118px -49px;
    margin-right: 4px;
    vertical-align: -2px
}

.page_confirm .detail_info .info_lst .info_item .item_desc {
    width: 100%;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .detail_info .info_lst .info_item .td_right {
    text-align: right
}

.page_confirm .detail_info .info_lst .info_item .item_reply {
    padding-right: 46px;
    position: relative
}

.page_confirm .detail_info .info_lst .info_item .item_reply .btn_item_reply {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #999;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.page_confirm .detail_info .info_lst .info_item .item_reply .btn_item_reply .spr_book {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 1px;
    line-height: 6px
}

.page_confirm .detail_info .info_lst .info_item .item_reply .item_replyblock {
    margin: 10px -45.5px 10px -39.5px;
    padding: 8.5px 14px;
    border: 1px solid #dfe1e3;
    background-color: #f8f9fa;
    font-size: 16px;
    line-height: 23px;
    color: #333
}

.page_confirm .detail_info .info_lst .info_item .item_reply .item_replyblock .spr_book {
    margin-right: 6px
}

.page_confirm .detail_info .info_lst .deposit_waiting .link_deposit_waiting {
    font-size: 15px;
    color: #0068c3
}

.page_confirm .detail_info .info_lst .deposit_waiting .link_deposit_waiting:hover,.page_confirm .detail_info .info_lst .deposit_waiting .link_deposit_waiting:focus {
    text-decoration: underline
}

.page_confirm .detail_info .info_lst .deposit_waiting .ico_arr14 {
    vertical-align: -1px
}

.page_confirm .detail_info .info_lst .deposit_waiting .fn {
    margin-left: -4px;
    vertical-align: -3px;
    color: #8f8f8f;
    font-size: 16px
}

.page_confirm .list_detail_wrap {
    padding-top: 12px
}

.page_confirm .list_detail_wrap+.list_detail_wrap {
    margin-top: 12px;
    border-top: 1px solid #e7e9ed
}

.page_confirm .list_detail_wrap .date {
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 15px;
    font-weight: bold
}

.page_confirm .list_detail_wrap .date+.list_detail {
    padding-top: 0
}

.page_confirm .list_detail_wrap .title {
    padding-top: 11px;
    font-weight: bold
}

.page_confirm .list_detail_wrap .total {
    display: table;
    width: 100%;
    margin-top: 8px;
    padding-top: 9px;
    border-top: 1px solid;
    border-top-color: #d9d9dc;
    border-top-color: var(--booking-color-gray70);
    color: #222225;
    color: var(--booking-color-gray10);
    font-weight: bold
}

.page_confirm .list_detail_wrap .total .text {
    display: table-cell
}

.page_confirm .list_detail_wrap .total .price {
    display: table-cell;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    text-align: right;
    white-space: nowrap
}

.page_confirm .list_detail_wrap .total .price .original {
    margin-right: 5px;
    font-weight: 400;
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_confirm .list_detail {
    display: table;
    width: 100%;
    padding-top: 10px
}

.page_confirm .list_detail .item {
    display: table-row
}

.page_confirm .list_detail .item .text {
    display: table-cell;
    padding-top: 2px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .list_detail .item .text.type_list::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    border-radius: 50%;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.page_confirm .list_detail .item .txt_gray {
    display: block;
    margin-top: -4px;
    color: #999;
    font-size: 14px
}

.page_confirm .list_detail .item .price {
    display: table-cell;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: right;
    white-space: nowrap
}

.page_confirm .list_detail .item .price.minus {
    font-weight: 600;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.page_confirm .list_detail_coupon {
    padding: 12px 0
}

.page_confirm .list_detail_coupon .detail_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_confirm .list_detail_coupon .detail_wrap .label {
    margin-right: 7px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .list_detail_coupon .detail_wrap .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page_confirm .list_detail_coupon .detail_wrap .text.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    position: relative;
    padding-right: 12px
}

.page_confirm .list_detail_coupon .detail_wrap .text.ellipsis .text_link .fn-booking-forward1 {
    position: absolute;
    top: 4px;
    right: 0
}

.page_confirm .list_detail_coupon .detail_wrap .text_link {
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .list_detail_coupon .detail_wrap .text_link .fn-booking-forward1 {
    vertical-align: -2px
}

.page_confirm .list_detail_coupon .detail_wrap .price {
    margin-left: auto;
    padding-left: 12px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .list_detail_coupon .detail_wrap .price.minus {
    font-weight: 600;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.page_confirm .list_detail_coupon .detail_wrap .price.txt_green {
    font-weight: 400;
    color: #03aa5a
}

.page_confirm .list_detail_coupon .coupon_wrap {
    margin-top: 10px
}

.page_confirm .list_detail_coupon .coupon_select_wrap {
    margin-top: 12px
}

.page_confirm .detail_info_sub {
    margin: 3px 0 0 3px
}

.page_confirm .detail_info_sub .info_sub_lst {
    display: table;
    width: auto
}

.page_confirm .detail_info_sub .info_sub_lst .sub_item {
    display: table-row
}

.page_confirm .detail_info_sub .info_sub_lst .sub_item .item_tit,.page_confirm .detail_info_sub .info_sub_lst .sub_item .item_desc {
    display: table-cell;
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    vertical-align: top;
    padding: 0 6px 2px 0;
    font-weight: 400;
    color: #333
}

.page_confirm .list_anchor {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #0e61f0;
    text-decoration: none;
    vertical-align: 0
}

.page_confirm .list_anchor.schedule_anchor {
    color: #9155e5
}

.page_confirm .list_anchor.schedule_anchor .icon_calendar {
    vertical-align: -1px
}

.page_confirm .confirm_item_top {
    position: relative;
    margin: 9px 10px -2px;
    padding-bottom: 4px
}

.page_confirm .confirm_item_top:before,.page_confirm .confirm_item_top:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 4px;
    background-size: 374px 4px;
    background-repeat: no-repeat;
    z-index: 10
}

.page_confirm .confirm_item_top:before {
    bottom: 0;
    left: 0;
    background-image: url("/public/assets/bg/bg_confirm_check_bottom_left.png");
    background-position: 0 0
}

.page_confirm .confirm_item_top:after {
    bottom: 0;
    right: 0;
    background-image: url("/public/assets/bg/bg_confirm_check_bottom_right.png");
    background-position: 100% 0
}

.page_confirm .confirm_item_top .common_bottom_buttongroup.para {
    margin-left: 2px;
    margin-right: 2px
}

.page_confirm .confirm_item_top .common_bottom_buttongroup .spr_book {
    margin-right: 5px
}

.page_confirm .confirm_item_top .common_bottom_buttongroup .fn-write2 {
    vertical-align: -1px
}

.page_confirm .confirm_item_top .common_bottom_buttongroup .fn-write2:before {
    font-size: 17px;
    color: #14cb4b
}

.page_confirm .confirm_item_top .common_bottom_buttongroup.btn_calendar {
    margin-top: 8px;
    border: 1px solid #e3e6ea;
    background-color: #fff
}

.page_confirm .confirm_item_top .common_bottom_buttongroup.btn_calendar .common_bottom_btn {
    color: #666
}

.page_confirm .confirm_item_top .common_bottom_buttongroup.btn_calendar.share {
    border: 1px solid #d5d9dd;
    background-color: #fbfcfd
}

.page_confirm .confirm_item_top .common_bottom_buttongroup .company_name,.page_confirm .confirm_item_top .common_bottom_buttongroup .company_tel {
    color: #0abe16;
    display: inline-block;
    vertical-align: middle
}

.page_confirm .confirm_item_top .inspect_notice {
    padding: 12px;
    font-size: 15px;
    border: solid 1px;
    color: #444447;
    color: var(--booking-color-gray20);
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center
}

.page_confirm .confirm_item_top .confirm_btn_share {
    display: none;
    position: relative;
    height: auto;
    margin: 13px -14px -5px -12px;
    padding: 10px 0;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center;
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_confirm .confirm_item_top .confirm_btn_share .fn {
    margin-right: 5px;
    font-size: 20px;
    color: #0abe16;
    vertical-align: -4px
}

.page_confirm .confirm_item_top .confirm_title {
    position: relative;
    padding: 15px 21.5px 0 19.5px;
    height: 34px;
    background-image: none;
    background-position: 0 0;
    background-size: 4px 49px;
    background-repeat: repeat-x;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.page_confirm .confirm_item_top .confirm_title .ico_clock {
    width: 17px;
    height: 17px;
    background-position: -118px -87px;
    vertical-align: -2px;
    margin-right: 5px
}

.page_confirm .confirm_item_top .confirm_top_content {
    position: relative;
    padding: 16px 30px 19.5px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_confirm .confirm_item_top .confirm_top_content::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    border-top: 16px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    border-left: 16px solid rgba(0,0,0,0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_confirm .confirm_item_top .confirm_top_content::after {
    content: "";
    position: absolute;
    top: -8px;
    right: -8px;
    border-left: 16px solid;
    border-left-color: #e9e9ec;
    border-left-color: var(--booking-color-gray80);
    border-top: 16px solid rgba(0,0,0,0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_confirm .confirm_item_top .confirm_top_content .list_detail_wrap {
    border-top: 1px solid #e7e9ed
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info {
    padding-top: 10px;
    border-top: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform {
    margin-top: 8px;
    margin-bottom: 25px;
    border-top: 1px solid;
    border-top-color: #d9d9dc;
    border-top-color: var(--booking-color-gray70);
    padding-top: 17px;
    display: block
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .info_lst,.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .info_item,.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_tit,.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_desc {
    display: block;
    height: auto
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_tit {
    display: block;
    padding-bottom: 9px;
    font-weight: 600;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 16px;
    white-space: normal;
    word-break: break-all
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_tit .fn-comment1 {
    margin-right: 1.5px
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_tit .fn-comment1:before {
    font-weight: bold
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_desc {
    position: relative;
    display: block;
    padding: 0
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_desc .ico_arr {
    position: absolute;
    left: 13px;
    top: -5px;
    width: 8px;
    height: 8px;
    border: 1px solid;
    border-width: 1px 0 0 1px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info.inform .item_desc .box_info {
    display: block;
    padding: 8px 11px 7px 11px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px;
    line-height: 21px
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .info_lst {
    margin: 0 -0.5px
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .item_tit,.page_confirm .confirm_item_top .confirm_top_content .detail_info .item_desc {
    padding-bottom: 2px;
    height: 24px;
    line-height: 23px
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .item_tit .item_bankinfo,.page_confirm .confirm_item_top .confirm_top_content .detail_info .item_desc .item_bankinfo {
    margin: 2px 0 7px 0;
    color: #0068c3
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .item_tit .item_bankinfo .bank_account,.page_confirm .confirm_item_top .confirm_top_content .detail_info .item_desc .item_bankinfo .bank_account {
    margin-right: 5px;
    word-break: break-all
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .info_box {
    display: table-row
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .info_box .item_tit {
    color: #999;
    padding-left: 1.5px;
    padding-right: 14px;
    white-space: nowrap
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .info_box .item_tit .ico_mystyle {
    width: 17px;
    height: 17px;
    background-position: -118px -49px;
    margin-right: 4px;
    vertical-align: -2px
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .info_box .item_desc {
    display: table-cell
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .order_menu {
    line-height: 26px
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .order_menu .side {
    position: relative;
    padding-left: 13px;
    color: #555
}

.page_confirm .confirm_item_top .confirm_top_content .detail_info .order_menu .side:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 1px solid #ddd;
    border-width: 0 0 1px 1px
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info {
    margin-top: 12px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info+.detail_info.inform {
    margin-top: 16px
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .facesign_info_box {
    padding: 20px;
    background-color: #eff6fe;
    background-color: var(--booking-color-myplace-bg2);
    text-align: center
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .facesign_info_box.completed {
    padding: 20px 10px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .facesign_info_box.completed .facesign_tit {
    font-weight: 600
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .ico_facesign {
    width: 35px;
    height: 34px;
    background-position: -401px 0px;
    vertical-align: top
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .ico_facesign_completed {
    width: 28px;
    height: 28px;
    fill: #939396;
    fill: var(--booking-color-gray50);
    vertical-align: top
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .facesign_tit {
    display: block;
    margin-top: 12px;
    font-size: 17px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .facesign_txt {
    margin-top: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_confirm .confirm_item_top .confirm_top_content .facesign_info .register_btn {
    width: 100%;
    margin-top: 10px;
    padding: 9px 0;
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.page_confirm .confirm_item_top .confirm_top_content .confirm_number {
    min-height: 23px;
    font-size: 16px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_top .confirm_top_content .confirm_number .nomember_label {
    display: inline-block;
    padding: 2px 4px 1px;
    margin-left: 6px;
    border: 1px solid #ccd2d9;
    vertical-align: 2px;
    line-height: 13px;
    font-size: 11px;
    color: #9ca1a9
}

.page_confirm .confirm_item_top .confirm_top_content .tit {
    min-height: 29.5px;
    padding-bottom: 7.5px;
    font-size: 19px;
    line-height: 28px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-weight: 600;
    letter-spacing: -0.2px
}

.page_confirm .confirm_item_top .confirm_top_content .tit+.tit_sub {
    margin-top: -2px
}

.page_confirm .confirm_item_top .confirm_top_content .tit .anchor {
    display: block;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.page_confirm .confirm_item_top .confirm_top_content .tit_sub {
    padding-bottom: 9px;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_top .confirm_top_content .common_bottom_buttongroup .common_bottom_btn .icon_calendar {
    margin-right: 6px;
    vertical-align: -1px
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review {
    margin: 0 -12px
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_font {
    color: #6f6cf7
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_landing_tit {
    border-bottom: 1px solid #e7e9ed
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_landing_tit .pholar_landing_link {
    display: block;
    padding: 20px 0 15px;
    margin: -2px 0 0 -3px;
    font-size: 15px;
    font-weight: 600;
    color: #000
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_landing_tit .pholar_landing_link .fn {
    color: #8f8f8f;
    font-size: 12px;
    vertical-align: -1px
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_review_cnt {
    padding: 17px 0 0
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_review_cnt .pholar_text_tit {
    padding: 0 0 6px;
    font-size: 15px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .confirm_item_top .confirm_top_content .pholar_review .pholar_review_cnt .pholar_text_con {
    padding: 0 0 5px;
    font-size: 13px;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 20px
}

.page_confirm .confirm_item_top .confirm_top_content .notice_area {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center
}

.page_confirm .confirm_item_top .confirm_top_content .notice_area .ico_alert {
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    fill: #939396;
    fill: var(--booking-color-gray50)
}

.page_confirm .confirm_item_top .confirm_top_content .ticket_cancel_impossible {
    margin-top: -5px
}

.page_confirm .confirm_item_top .confirm_top_content .ticket_cancel_impossible .qna_info {
    margin-top: 15px;
    position: relative;
    font-size: 15px;
    color: #666
}

.page_confirm .confirm_item_top .confirm_top_content .ticket_cancel_impossible .qna_info .fn-info1 {
    position: absolute;
    top: 3px;
    left: -12px;
    font-size: 17px
}

.page_confirm .confirm_item_top .confirm_top_content .ticket_cancel_impossible .qna_info .text {
    padding-left: 10px
}

.page_confirm .confirm_item_top .confirm_top_content .cancel_impossible {
    margin: 8px -1px 0 0;
    padding: 10px 0 12px;
    background-color: #f6fbff;
    border: solid 1px #e1ebf8;
    font-size: 14px;
    color: #4a90e2;
    text-align: center;
    letter-spacing: -0.5px
}

.page_confirm .confirm_item_top .confirm_top_content .cancel_impossible .em {
    font-weight: 600;
    color: #0068c3;
    text-decoration: none
}

.page_confirm .confirm_item_top .confirm_top_content .cancel_impossible p+p {
    padding-top: 10px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar {
    overflow: hidden;
    z-index: 20;
    position: absolute;
    top: 146px;
    left: 6px;
    right: 6px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    text-align: center
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area {
    overflow: hidden;
    position: relative;
    padding: 30px 52px 18px;
    border: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 9px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area .btn_close .ico_cancel {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area .btn_close .ico_cancel:before,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area .btn_close .ico_cancel:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background-color: #666
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area .btn_close .ico_cancel:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area .btn_close .ico_cancel:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_left,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_right,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_center {
    display: table-cell;
    font-size: 21px;
    line-height: 1.29;
    font-weight: bold;
    letter-spacing: -1px;
    color: #242424
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_left .ico_n_book,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_right .ico_n_book,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_center .ico_n_book {
    width: 21px;
    height: 21px;
    background-position: 0px -109px;
    margin-right: 7px;
    vertical-align: -3px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_left .ico_n_calendar,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_right .ico_n_calendar,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_center .ico_n_calendar {
    width: 21px;
    height: 21px;
    background-position: -23px -109px;
    margin-right: 7px;
    vertical-align: -3px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_left .ico_arrow_split,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_right .ico_arrow_split,.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_center .ico_arrow_split {
    width: 17px;
    height: 28px;
    background-position: -118px 0px;
    vertical-align: top
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_box .calendar_center {
    padding: 0 3px;
    width: 17px
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_text {
    margin-top: 13px;
    font-size: 15px;
    line-height: 1.53;
    color: #666
}

.page_confirm .confirm_item_top .confirm_top_content .popup_calendar .link_calendar {
    overflow: hidden;
    display: block;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #9255e5;
    font-size: 16px;
    line-height: 42px;
    font-weight: bold;
    letter-spacing: -0.28px;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 320px) {
    .page_confirm .confirm_item_top .confirm_top_content .popup_calendar .calendar_area {
        padding:30px 22px 18px
    }
}

.page_confirm .confirm_item_body {
    position: relative;
    margin: 5px 10px 10px;
    padding: 14px 18px 16px;
    border-radius: 6px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.03);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.03)
}

.page_confirm .confirm_item_body .section_home {
    border: none
}

.page_confirm .confirm_item_body .section_home .section_inner {
    border: none
}

.page_confirm .confirm_item_body .section_home .section_header {
    display: none
}

.page_confirm .confirm_item_body .section_home .section_map {
    padding: 0;
    border: 0
}

.page_confirm .confirm_item_body .tit_confirm_item {
    position: relative;
    padding: 0 0 13px;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80);
    font-weight: 500;
    font-size: 16px;
    color: #000;
    color: var(--booking-color-gray0)
}

.page_confirm .confirm_item_body .tit_confirm_item.smart_around {
    padding: 0 0 18px;
    border-bottom: 0
}

.page_confirm .confirm_item_body .tit_confirm_item.smart_around .confirm_item_wrap {
    position: relative;
    padding-right: 100px
}

.page_confirm .confirm_item_body .confirm_item_wrap {
    display: block;
    padding-right: 23px
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_confirm_item {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_confirm_aside {
    position: absolute;
    top: 0;
    right: 0
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_confirm_aside .ico_airspace {
    width: 74px;
    height: 15px;
    background-position: -189px -281px
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_confirm_aside .btn_info {
    display: inline-block;
    vertical-align: top
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_confirm_aside .btn_info .fn-info1 {
    margin: 0 0 0 3px;
    vertical-align: -1px;
    color: #b2b2b2
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_notice {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    letter-spacing: -0.4px
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_notice::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 3px;
    height: 3px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.page_confirm .confirm_item_body .confirm_item_wrap .text_notice em {
    color: #03c75a
}

.page_confirm .confirm_item_body .confirm_item_wrap [class^=btn_open_] {
    position: absolute;
    top: 0;
    right: 0
}

.page_confirm .confirm_item_body .confirm_item_wrap [class^=btn_open_] .fn {
    position: absolute;
    top: 2.5px;
    right: -1px;
    margin: 0;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 21px
}

.page_confirm .confirm_item_body .confirm_item_wrap .btn_open_link {
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_body .confirm_item_wrap .btn_open_link .fn-booking-forward1 {
    vertical-align: -2px
}

.page_confirm .confirm_item_body .confirm_item_info {
    z-index: 100;
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    padding: 13px 45px 13px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cbdeed;
    border-radius: 4px;
    background-color: #fff;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.28px;
    color: #424242
}

.page_confirm .confirm_item_body .confirm_item_info .btn_info_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px
}

.page_confirm .confirm_item_body .confirm_item_info .btn_info_close .fn-booking-close1 {
    font-size: 17px;
    color: #666
}

.page_confirm .confirm_item_body .confirm_infotext {
    padding-top: 10px;
    margin-bottom: -5px
}

.page_confirm .confirm_item_body .confirm_infotext.close {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 192px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 204px
}

.page_confirm .confirm_item_body .confirm_infotext .confirm_infotext_box {
    position: relative;
    overflow: hidden
}

.page_confirm .confirm_item_body .confirm_infotext .confirm_infotext_box+.confirm_infotext_box {
    margin-top: 10px
}

.page_confirm .confirm_item_body .confirm_infotext .confirm_infotext_num {
    overflow: hidden;
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    color: #242424;
    border: 1px solid #242424;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    white-space: nowrap
}

.page_confirm .confirm_item_body .confirm_infotext .confirm_infotext_num+.confirm_infotext_cont {
    padding-left: 20px
}

.page_confirm .confirm_item_body .confirm_infotext .confirm_infotext_text {
    font-size: 16px;
    line-height: 24px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_cancelwrap {
    padding-top: 10px;
    color: #999
}

.page_confirm .confirm_item_body .confirm_cancelwrap .confirm_cancel_para {
    font-size: 15px;
    line-height: 21.5px;
    color: #999
}

.page_confirm .confirm_item_body .confirm_cancelwrap .confirm_cancel_para.pink {
    color: #ff5658;
    margin-bottom: 0
}

.page_confirm .confirm_item_body .confirm_cancelwrap .confirm_cancel_para+.line_table {
    margin-top: 6px;
    margin-bottom: 0
}

.page_confirm .confirm_item_body .confirm_cancelwrap .confirm_cancel_para .green {
    font-weight: 500
}

.page_confirm .confirm_item_body .confirm_cancelwrap.info_msg {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    margin: 10px 0px
}

.page_confirm .confirm_item_body .confirm_cancelwrap.info_msg.order {
    border-top: none;
    margin: 5px 0
}

.page_confirm .confirm_item_body .confirm_cancelwrap .line_table {
    padding-top: 5px;
    margin-bottom: 4.5px
}

.page_confirm .confirm_item_body .confirm_cancelwrap .line_table table {
    table-layout: auto
}

.page_confirm .confirm_item_body .confirm_cancelwrap .green_ticket_refund {
    margin: 1px 0 2px
}

.page_confirm .confirm_item_body .confirm_cancelwrap .green_ticket_refund .title {
    font-size: 17px
}

.page_confirm .confirm_item_body .confirm_cancelwrap .green_ticket_refund .para {
    font-size: 14px
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info {
    padding-top: 10.5px;
    margin-bottom: -5.5px
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst {
    margin: 0 -1px;
    width: auto
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst .item_tit {
    padding-right: 15px;
    width: auto;
    max-width: 120px;
    word-break: keep-all
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst .item_tit,.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst .item_desc {
    padding-top: 2px;
    padding-bottom: 9px;
    line-height: 17px;
    vertical-align: top
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst .item_tit .anchor,.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst .item_desc .anchor {
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst .btn_address {
    display: inline-block;
    margin: 5px 0 6px;
    padding: 0 10px;
    height: 27px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    line-height: 27px;
    color: #666
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst.oneline {
    display: block
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst.oneline .item_tit,.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst.oneline .item_desc {
    display: block
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst.oneline .item_tit {
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 3px;
    word-break: break-all;
    white-space: normal;
    line-height: 20px
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap .detail_info .info_lst.oneline .item_desc {
    display: block;
    padding: 0 0 5px 1px;
    line-height: 20px
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap.nomember_info .info_title {
    padding: 5px 0 4px;
    font-size: 17px;
    font-weight: 600;
    color: #000
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap.nomember_info .info_title .fn-booking-m-info1 {
    margin-right: -1px;
    vertical-align: -4px;
    font-size: 21px;
    font-weight: 400
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap.nomember_info .para {
    margin-left: 3px;
    margin-bottom: -1px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap.nomember_info .para .green {
    margin-left: 4px
}

.page_confirm .confirm_item_body .confirm_userinfo_wrap.nomember_info .para .fn-forward2 {
    margin-left: -5px;
    vertical-align: -2px
}

.page_confirm .confirm_item_body .seller_wrapper .sub_store_info {
    display: table;
    width: auto
}

.page_confirm .confirm_item_body .seller_wrapper .sub_store_info .item {
    display: table-row
}

.page_confirm .confirm_item_body .seller_wrapper .sub_store_info .item .item_sl {
    padding-right: 8px;
    white-space: nowrap
}

.page_confirm .confirm_item_body .seller_wrapper .sub_store_info .item .item_sl,.page_confirm .confirm_item_body .seller_wrapper .sub_store_info .item .item_sr {
    display: table-cell;
    vertical-align: top
}

.page_confirm .confirm_item_body .seller_wrapper .channel_info {
    margin-bottom: -8px
}

.page_confirm .confirm_item_body .seller_wrapper .channel_info .time_qa {
    display: block
}

.page_confirm .confirm_item_body .seller_wrapper .channel_info .time_qa .em {
    display: inline-block;
    width: 67px
}

.page_confirm .confirm_item_body .seller_wrapper .channel_info+.common_bottom_buttongroup {
    margin-top: 14.5px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info {
    margin-bottom: -2.5px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .detail_info_tit {
    padding-top: 10.5px;
    padding-left: 1.5px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_lst .info_item:nth-last-child(2) .item_desc>.clear:last-child {
    padding-bottom: 12px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_lst .info_item.refunded_date {
    font-size: 14px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_lst .info_item.refunded_date .highlight {
    color: #03c75a
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_lst .item_tit,.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_lst .item_desc {
    font-size: 15px;
    padding-bottom: 3.5px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_item+.info_item.foot .item_tit,.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_item+.info_item.foot .item_desc {
    padding: 12px 0
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .info_item+.info_item.foot .item_desc {
    color: #666
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc {
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc:before,.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc:after {
    content: " ";
    display: table
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc:after {
    clear: both
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc.pink {
    color: #ff5658;
    font-weight: 400
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc>.clear {
    display: table;
    width: 100%
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc>.clear:last-child {
    padding-bottom: 2px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .order_menu+.order_menu {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e9ecef
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .order_menu:last-child {
    padding-bottom: 12px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .order_menu .clear {
    display: table;
    width: 100%
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .order_menu .side {
    position: relative;
    padding-left: 14px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .order_menu .side:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 1px solid #ddd;
    border-width: 0 0 1px 1px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .item_left {
    display: table-cell;
    width: 100%
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .item_left.type_list::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    border-radius: 50%;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .item_left .txt_gray {
    padding-left: 2px;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .item_right {
    display: table-cell;
    text-align: right;
    color: #555558;
    color: var(--booking-color-gray30);
    white-space: nowrap
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .item_right>.inblock_text {
    display: inline-block;
    white-space: nowrap
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .item_right .red {
    font-weight: 500;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_desc .txt_num {
    color: #999
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .total_text {
    position: absolute;
    font-weight: bold;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_tit {
    white-space: nowrap
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_tit,.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_desc {
    padding-top: 8px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_tit.td_right.pink,.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_desc.td_right.pink {
    font-weight: 700
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_tit .original_price,.page_confirm .confirm_item_body .confirm_paywrap .detail_info .foot .item_desc .original_price {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_notify {
    position: relative;
    margin: -5px 0 18px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .item_notify::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 3px;
    width: 6px;
    height: 6px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info+.confirm_pay_info {
    margin-top: 14px;
    padding-top: 18px;
    border-top: 1px solid #e7e9ed;
    padding-bottom: 1.5px;
    margin-bottom: -5px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .sub_paywrap {
    padding-bottom: 15px
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info .sub_paywrap .sub_info_title {
    color: #333
}

.page_confirm .confirm_item_body .confirm_paywrap .detail_info+.detail_tit {
    margin-top: 21px
}

.page_confirm .confirm_item_body .confirm_paywrap .confirm_pay_info {
    padding-top: 13.5px;
    padding-bottom: 1.5px
}

.page_confirm .confirm_item_body .confirm_paywrap .confirm_pay_info .tit_item_sub {
    padding: 0 0 4px;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.page_confirm .confirm_item_body .confirm_paywrap .confirm_pay_info .pay_info_para {
    font-size: 15px;
    color: #999;
    line-height: 20px
}

.page_confirm .confirm_item_body .confirm_code {
    margin-top: 15px;
    margin-bottom: -0.5px
}

.page_confirm .confirm_item_body .confirm_code .ico_info_code {
    margin-right: 5px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_inn {
    height: 108.5px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_inn .code_info_txt {
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -3.5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18.5px;
    color: #999;
    text-align: center
}

.page_confirm .confirm_item_body .confirm_code .loading {
    display: block;
    margin-bottom: 12.5px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap {
    height: 100%
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .code_info_txt {
    margin-top: -4px;
    padding-bottom: 12.5px;
    padding-left: 1.5px;
    font-size: 14px;
    color: #666
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code {
    text-align: center
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code_txt_box {
    background-color: #f6f8f9;
    border-bottom: 1px solid rgba(229,229,229,.8);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code_txt_box .code_txt_inner_box {
    padding: 40px 10px 35px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code_txt {
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    color: #000
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code_txt_sub_box .code_txt_inner_box {
    padding-top: 40px;
    padding-bottom: 55px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code_box {
    position: relative;
    margin: 40px 10px 0;
    padding-bottom: 56px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code {
    margin: 0 auto
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item .code svg {
    max-width: 300px;
    width: 100%
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item+.item {
    position: relative;
    margin-top: 60px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item+.item:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eee
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item.used {
    background-color: #f6f8f9
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item.used .code_txt_box {
    background-color: #e9eaee
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item.used .code_txt {
    color: #989898
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code .item.cancelled .code_txt {
    color: #989898
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr {
    text-align: center
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item {
    margin: 0 auto;
    display: block;
    padding-bottom: 10px;
    width: 100%;
    min-height: 152px;
    background-color: #f6f8f9;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_txt {
    display: block;
    margin: 0 auto;
    padding-top: 17px;
    width: 255px;
    min-height: 19px;
    font-weight: 500;
    font-size: 15px;
    color: #000
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_txt_number {
    display: block;
    padding-top: 2px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #000;
    text-align: center
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_txt_sub {
    display: block;
    margin: 10px auto 0;
    padding-top: 3px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_txt_sub .code_txt_used {
    font-weight: 500;
    font-size: 14px;
    color: #0abe16
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_txt_sub .code_txt_meta {
    font-size: 14px;
    color: #999
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_txt_sub .code_txt_company {
    font-size: 14px;
    color: #999
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code_box {
    position: relative;
    margin: 15px auto 0
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item .code {
    margin: 0 auto
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item+.item {
    margin-top: 6px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.used {
    min-height: 165px;
    background-color: #e8eaed
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.used .code_txt {
    color: #bbb
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel {
    background-color: #e8eaed;
    min-height: 151px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code_txt {
    color: #bbb
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code_box {
    margin: 8px auto 10px
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code {
    padding-top: 20px;
    padding-bottom: 22px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #f0f1f3;
    border: 1px solid #f8f9fa;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code .code_txt_sub {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code .code_txt_calcel {
    display: block;
    font-size: 15px;
    color: #666
}

.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code .code_txt_meta,.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code .code_txt_used,.page_confirm .confirm_item_body .confirm_code .confirm_code_list_wrap .list_code_qr .item.cancel .code .code_txt_company {
    font-size: 14px
}

.page_confirm .confirm_item_body .confirm_code .view_all {
    margin-top: 20px;
    text-align: center
}

.page_confirm .confirm_item_body .confirm_code .btn_view_all {
    display: inline-block;
    padding: 9px 23px;
    border-radius: 23px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.03);
    box-shadow: 0px 2px 4px rgba(0,0,0,.03);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .confirm_item_body .confirm_code .btn_view_all .fn-booking {
    vertical-align: -1px;
    margin-left: 5px;
    font-size: 13px
}

.page_confirm .confirm_item_body.close_content {
    padding-bottom: 8px
}

.page_confirm .confirm_item_body.close_content .tit_confirm_item {
    padding-bottom: 4px;
    border-bottom: none;
    margin-bottom: 0
}

.page_confirm .confirm_item_body.close_content .open_close_div {
    display: none
}

.page_confirm .confirm_item_body.close_content .confirm_cancelwrap.order {
    margin: 9px 0 10px;
    border-top: 1px solid #e7e9ed
}

.page_confirm .confirm_item_body .confirm_detail_list .item {
    padding: 9px 0 10px;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.page_confirm .confirm_item_body .confirm_detail_list .item.completed [class^=product_] {
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_body .confirm_detail_list .item .info_box {
    display: table;
    width: 100%
}

.page_confirm .confirm_item_body .confirm_detail_list .item .info_box [class^=product_] {
    display: table-cell
}

.page_confirm .confirm_item_body .confirm_detail_list .item .product_tit {
    width: 65%;
    font-size: 15px;
    font-weight: 500;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm .confirm_item_body .confirm_detail_list .item .product_price {
    font-size: 14px;
    text-align: right
}

.page_confirm .confirm_item_body .confirm_detail_list .item .product_number {
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_confirm .confirm_item_body .confirm_detail_list .item .product_state {
    font-size: 13px;
    color: #0069c2;
    text-align: right
}

.page_confirm .confirm_item_body.show_text .tit_confirm_item {
    padding: 0 0 11.5px !important
}

.page_confirm .confirm_item_body.show_text .confirm_cancelwrap {
    margin: 0 !important
}

.page_confirm .confirm_item_body.show_text.close_content {
    padding-bottom: 18px
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_inn {
    height: 94px
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_inn .voucher_info_txt {
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -3.5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #424242;
    text-align: center
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_cancel {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_cancel .voucher_txt_box {
    background-color: #f6f8f9;
    border-bottom: 1px solid rgba(229,229,229,.8);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_cancel .voucher_txt_box .voucher_txt_inner_box {
    padding: 40px 10px 35px
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_cancel .voucher_txt {
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    color: #989898
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_cancel .voucher_txt_sub_box .voucher_txt_inner_box {
    padding-top: 40px;
    padding-bottom: 55px
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap {
    height: 100%
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap .list_voucher {
    text-align: center
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap .list_voucher .item {
    border-top: 1px solid #e7e9ed
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap .list_voucher .item:first-child {
    border-top-width: 0
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap .list_voucher .voucher_link {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 0 8px
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap .list_voucher .voucher_link .text {
    display: table-cell;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #0069c2;
    line-height: 1.4;
    text-align: left
}

.page_confirm .confirm_item_body .confirm_voucher .confirm_voucher_list_wrap .list_voucher .voucher_link .icon {
    display: table-cell;
    width: 30px;
    text-align: right;
    vertical-align: top
}

.page_confirm .confirm_item_body .detail_direction .direction_wrap {
    padding-left: 0;
    padding-right: 0
}

.page_confirm .confirm_item_body .section_home .section_header {
    display: none
}

.page_confirm .confirm_item_body .section_map {
    padding: 0;
    border: none
}

.page_confirm .confirm_item_body.goodpy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 21px 16px 17px 18px
}

.page_confirm .confirm_item_body.goodpy .title {
    font-size: 16px;
    line-height: 21px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_confirm .confirm_item_body.goodpy .desc {
    margin-top: 2px;
    font-size: 14px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_confirm .confirm_item_body.goodpy .link {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 21px;
    color: #03aa5a
}

.page_confirm .confirm_item_body.goodpy .fn-booking-forward1 {
    margin-left: 3px;
    font-size: 10px
}

.page_confirm .confirm_item_body.goodpy .icon {
    width: 86px;
    height: 77px;
    background-position: 0px -146px
}

.page_confirm.default .confirm_item_top .confirm_title {
    background-color: #45a1f4;
    border-bottom: 1px dashed rgba(0,0,0,.1)
}

.page_confirm.okay .confirm_item_top .confirm_btn_share {
    display: block
}

.page_confirm.okay .confirm_item_top .confirm_title {
    border-bottom: 1px dashed rgba(0,0,0,.1);
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue)
}

.page_confirm.okay .confirm_item_top .confirm_title>.title_text {
    position: relative;
    left: -2px
}

.page_confirm.okay .confirm_item_top .confirm_title>.ico_clock {
    width: 17px;
    height: 17px;
    background-position: -118px -68px;
    vertical-align: -2px;
    margin-right: 5px
}

.page_confirm.okay .confirm_item_top .confirm_title>.ico_clock+.title_text {
    left: 0
}

.page_confirm.okay .confirm_item_top .confirm_top_content .tit {
    padding-right: 35px
}

.page_confirm.cancel .confirm_item_top .confirm_title {
    background-color: #b2b8bf;
    border-bottom: 1px dashed rgba(0,0,0,.1)
}

.page_confirm.cancel .confirm_item_top .confirm_title .ico_clock {
    width: 17px;
    height: 17px;
    background-position: -118px -30px;
    vertical-align: -2px;
    margin-right: 5px
}

.page_confirm.used .confirm_item_top .confirm_title {
    background-image: url("/public/assets/bg/bg_confirm_check_gray_used_center.png");
    background-size: 4px 53px;
    height: 37px
}

.page_confirm.used .confirm_item_top .confirm_title .ico_clock {
    width: 17px;
    height: 17px;
    background-position: -118px -68px;
    vertical-align: -2px;
    margin-right: 5px
}

.page_confirm.used .confirm_item_top .confirm_top_content {
    border-top: 1px dashed;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_confirm .naver_pay_info {
    padding: 18px 0 3.5px
}

.page_confirm .naver_pay_info .naver_pay_button {
    display: block;
    width: 100%;
    padding: 8px 0;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 14px;
    text-decoration: none
}

.page_confirm .naver_pay_info .naver_pay_button .fn-forward1 {
    margin-left: 2px;
    vertical-align: -2px
}

.page_confirm .naver_pay_info+.detail_info {
    margin-top: 15px;
    border-top: 1px solid #e1e1e1
}

.page_confirm .place_recommendation_contents {
    margin: 10px;
    border-radius: 8px
}

.page_confirm_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 19px 10px 20px;
    border-radius: 8px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.page_confirm_tab .tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_confirm_tab .tab.selected {
    border-radius: 8px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    font-weight: bold;
    color: #fff;
    color: var(--booking-color-surface)
}

.page_confirm_tab .ico_new {
    width: 15px;
    height: 14px;
    background-position: -31px -418px;
    margin: 3px 0 0 2px;
    vertical-align: top
}

.page_confirm_tab .ico_dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 2px;
    border-radius: 50%;
    background-color: #fc4c4e;
    vertical-align: top
}

.booked_list_banner {
    padding: 0 10px 4px
}

.booked_list_banner .anchor {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 0;
    font-size: 0;
    -webkit-box-shadow: 0 2px 2.5px rgba(0,0,0,.15);
    box-shadow: 0 2px 2.5px rgba(0,0,0,.15)
}

.booked_list_banner .anchor .banner_img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 0;
    font-size: 0;
    border: none
}

.booking_login {
    padding: 50px 18px 40px;
    background-color: #e9ecef
}

.booking_login .login_header {
    padding-bottom: 35px;
    text-align: center
}

.booking_login .login_header .nbooking_logo.txt_logo {
    width: 78px;
    height: 30px;
    background-position: -65px -60px
}

.booking_login .login_header .nbooking_logo.txt_log_en {
    width: 126px;
    height: 30px;
    background-position: -74px 0px
}

.booking_login .login_header_sub {
    padding: 0 2.5px .5px;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.booking_login .login_header_sub.nomember {
    padding-bottom: 7.5px;
    margin-bottom: 27px;
    border-bottom: 1px solid #d5d8da
}

.booking_login .login_header_sub.nomember+.login_dsc {
    margin-top: -5px;
    margin-bottom: 0;
    padding-bottom: 1px
}

.booking_login .login_header_sub.border_bottom {
    padding-bottom: 7.5px;
    margin-bottom: 3px;
    border-bottom: 1px solid #d4d8da
}

.booking_login .login_dsc {
    padding: 0 2.5px 8px;
    font-size: 15px;
    line-height: 21px;
    color: #989898;
    letter-spacing: -0.8px
}

.booking_login .login_dsc.text_short {
    letter-spacing: -1.2px
}

.booking_login .login_dsc .green,.booking_login .login_dsc .pink {
    font-weight: 400
}

.booking_login .login_dsc .email_label,.booking_login .login_dsc .email {
    font-size: 16px
}

.booking_login .login_dsc .email_label {
    color: #666
}

.booking_login .login_dsc .email {
    margin-left: 10px;
    color: #000
}

.booking_login .login_dsc.foot {
    font-size: 15px;
    letter-spacing: -1px
}

.booking_login .login_btn {
    display: block;
    width: 100%;
    padding: 12px 0;
    margin-bottom: 25px;
    border: 1px solid #00b92e;
    background-color: #0abe16;
    font-size: 16px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.booking_login .login_btn .ico_naver_n {
    margin-right: 8px;
    vertical-align: -5px
}

.booking_login .login_btn.confirm {
    margin-bottom: 8px;
    border: 1px solid #0abe16;
    background-color: #fff;
    color: #0abe16
}

.booking_login .login_form {
    padding-top: 3.5px;
    margin-bottom: 15px
}

.booking_login .login_form .label_form {
    display: block;
    padding: 3.5px 3px 3px;
    font-size: 16px;
    color: #666
}

.booking_login .login_form .login_input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #dadada;
    background-color: #fff;
    font-size: 16px;
    line-height: normal;
    color: #000;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.booking_login .login_form .login_input+.login_input {
    margin-top: -1px;
    border-top: 1px solid #f0f0f0
}

.booking_login .login_form .login_input+.label_form {
    padding-top: 9px
}

.adminbooking_login {
    overflow: hidden;
    position: relative;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.adminbooking_login .nbooking_logo {
    display: inline-block;
    margin: 62px 0 32px;
    color: rgba(0,0,0,0);
    vertical-align: top
}

.adminbooking_login .nbooking_logo.txt_logo {
    width: 78px;
    height: 30px;
    background-position: -65px -60px
}

.adminbooking_login .nbooking_logo.txt_log_en {
    width: 126px;
    height: 30px;
    background-position: -74px 0px
}

.adminbooking_login .login_form {
    text-align: left
}

.adminbooking_login .login_form .login_group .guide_dsc {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.adminbooking_login .login_form .login_group .input_box {
    margin: 6px 0 11px;
    padding: 14px 15px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #0abe16;
    font-size: 16px;
    color: #999;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.adminbooking_login .login_form .login_group .input_box.readonly {
    border-color: #dadada
}

.adminbooking_login .login_form .login_group .link_login {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.adminbooking_login .login_form .login_group .link_login .fn-booking-plus2 {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 12px
}

.adminbooking_login .login_form .login_group .warning_dsc {
    margin-bottom: 10px;
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.adminbooking_login .login_form .login_group.group1 {
    margin-bottom: 20px
}

.adminbooking_login .login_form .login_group.group2 .guide_dsc {
    margin-top: -1px
}

.adminbooking_login .login_form .login_group.group2 .input_box {
    background-color: #fff;
    color: #c7c7cd;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.adminbooking_login .login_form .login_group.group2 .input_box.notplaceholder {
    color: #000;
    font-weight: 600
}

.adminbooking_login .login_form .agreement {
    margin-top: 4px
}

.adminbooking_login .login_form .agreement input[type=checkbox].chk_agree+.label {
    height: 25px;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    line-height: 25px
}

.adminbooking_login .login_form .agreement input[type=checkbox].chk_agree+.label:before {
    margin-right: 8px;
    width: 25px;
    height: 25px;
    background-image: url("/public/assets/spr_book.png");
    background-size: 400px 400px;
    background-position: -80px -302px
}

.adminbooking_login .login_form .agreement input[type=checkbox].chk_agree:checked+.label:before {
    background-image: url("/public/assets/spr_book.png");
    background-size: 400px 400px;
    background-position: -107px -302px
}

.adminbooking_login .login_form .agreement .btn_agreement {
    float: right;
    margin-top: 3.5px;
    font-size: 15px;
    color: #999;
    text-decoration: none
}

.adminbooking_login .login_form .agreement .btn_agreement .fn {
    font-size: 14px;
    color: #8f8f8f;
    vertical-align: -3px
}

.adminbooking_login .login_form .agreement .guide_dsc {
    padding-top: 3px;
    padding-left: 33px;
    margin-bottom: -3px;
    font-size: 16px;
    line-height: 24px;
    color: #999
}

.adminbooking_login .login_form .agreement .useragreement_details {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    padding: 15px;
    height: 86px;
    background-color: #fff;
    border: 1px solid #cdcfd2;
    font-size: 14px;
    color: #666;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.adminbooking_login .login_form .agreement.open .useragreement_details {
    display: block
}

.adminbooking_login .login_form .btn_login {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 65px
}

.adminbooking_login .login_form .btn_login:before,.adminbooking_login .login_form .btn_login:after {
    content: " ";
    display: table
}

.adminbooking_login .login_form .btn_login:after {
    clear: both
}

.adminbooking_login .login_form .btn_login .btn_left,.adminbooking_login .login_form .btn_login .btn_right {
    float: left;
    width: 50%
}

.adminbooking_login .login_form .btn_login .btn_left {
    margin-left: -2.5px;
    margin-right: 2.5px
}

.adminbooking_login .login_form .btn_login .btn_right {
    margin-left: 2.5px;
    margin-right: -2.5px
}

.adminbooking_login .login_form .btn_login .btn_gray,.adminbooking_login .login_form .btn_login .btn_green {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
    height: 62px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.adminbooking_login .login_form .btn_login .btn_gray {
    background-color: #d1d1d1
}

.adminbooking_login .login_form .btn_login .btn_green {
    background-color: #0abe16;
    border: 1px solid #07ad39
}

.section_policy {
    padding-top: 55px;
    border-top: none !important;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.policy_help {
    padding: 18px 20px 21px;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80);
    font-weight: 400;
    color: #939396;
    color: var(--booking-color-gray50)
}

.policy_history {
    position: relative;
    padding: 15px 20px
}

.policy_history:before,.policy_history:after {
    content: " ";
    display: table
}

.policy_history:after {
    clear: both
}

.policy_history .policy_history_tit {
    float: left;
    padding-top: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.policy_history .wrap_select_policy_history {
    position: relative;
    float: right
}

.policy_history .wrap_select_policy_history select {
    padding: 3px 25px 3px 9px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.policy_history .wrap_select_policy_history .ico_arrow {
    position: absolute;
    top: 14px;
    right: 10px;
    border-top: 5px solid;
    border-top-color: #444447;
    border-top-color: var(--booking-color-gray20);
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0)
}

.policy_history .select_policy_history {
    padding: 0 25px 0 5px;
    height: 35px;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #666
}

.policy_contents .policy_list .title_dt {
    padding-top: 23px;
    font-weight: 600
}

.policy_contents .policy_list .desc_dd {
    padding-top: 6px;
    font-weight: 400;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 24px
}

.wrap_policy_contents {
    padding: 0 20px 23px
}

.wrap_policy_contents .policy_contents .policy_list {
    padding-bottom: 25px
}

.wrap_policy_contents .policy_contents .policy_list .title_dt {
    margin-top: 20px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.wrap_policy_contents .policy_contents .policy_list .title_dt.first {
    margin-top: 0
}

.leave_wrap {
    padding: 24px 21px 30px;
    margin-top: 48px;
    background-color: #fff
}

.leave_wrap .title_area .title {
    font-size: 19px;
    line-height: 23px;
    color: #424242
}

.leave_wrap .title_area .desc {
    margin-top: 9px;
    font-size: 15px;
    line-height: 23px;
    color: #666
}

.leave_wrap .list_policy {
    padding: 20px 15px;
    margin-top: 24px;
    border: solid 1px #e5e5e5
}

.leave_wrap .list_policy .item_policy {
    line-height: 23px;
    color: #424242
}

.leave_wrap .list_policy .item_policy+.item_policy {
    margin-top: 10px
}

.leave_wrap .list_policy .item_policy .num {
    font-weight: bold
}

.leave_wrap .check_area {
    margin-top: 18px
}

.leave_wrap .check_area .input_label {
    display: inline-block;
    line-height: 24px;
    color: #424242
}

.leave_wrap .check_area .input_label::before {
    width: 27px;
    height: 27px;
    background-position: -401px -166px;
    content: "";
    margin-right: 9px;
    vertical-align: -7px
}

.leave_wrap .check_area .input_checkbox:checked+.input_label::before {
    width: 27px;
    height: 27px;
    background-position: -401px -195px
}

.leave_wrap .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 31px
}

.leave_wrap .btn_area [class*=btn] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: solid 1px rgba(0,0,0,.03);
    background-color: #e3e3e3;
    line-height: 47px;
    text-align: center;
    color: #424242
}

.leave_wrap .btn_area .btn_leave {
    margin-left: 3px
}

.leave_wrap .btn_area .btn_leave.active {
    font-weight: bold;
    background-color: #03c75a;
    color: #fff
}

.bookmark {
    z-index: 20000 !important;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    display: block;
    margin-left: -135px;
    margin-bottom: 20px;
    padding: 0 0 50px;
    width: 270px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bookmark .bookmark_agreement {
    padding: 24px
}

.bookmark .bookmark_agreement .bookmark_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.bookmark .bookmark_agreement .agreement_item {
    margin-top: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px
}

.bookmark .bookmark_agreement .agreement_item .agreement_title {
    height: 43px;
    padding-left: 13px;
    font-size: 15px;
    line-height: 43px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.bookmark .bookmark_agreement .agreement_item .agreement_content {
    overflow: auto;
    height: 119px;
    padding: 14px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 0 0 5px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.bookmark .bookmark_agreement .btn_agree_all .check:checked+.label .ico_check {
    border-color: #00d780;
    background-color: #00d780
}

.bookmark .bookmark_agreement .btn_agree_all .label {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.bookmark .bookmark_agreement .btn_agree_all .label .ico_check {
    position: relative;
    display: inline-block;
    vertical-align: -7px;
    width: 23px;
    height: 23px;
    margin-left: 8px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.bookmark .bookmark_agreement .btn_agree_all .label .ico_check:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bookmark .pop_btn_area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.bookmark .pop_btn_area:before,.bookmark .pop_btn_area:after {
    content: " ";
    display: table
}

.bookmark .pop_btn_area:after {
    clear: both
}

.bookmark .pop_btn_area [class*=btn_] {
    float: left;
    padding: 13px 0;
    font-size: 18px
}

.bookmark .pop_btn_area .btn_close {
    width: 40%;
    border-bottom-left-radius: 12px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20)
}

.bookmark .pop_btn_area .btn_add {
    width: 60%;
    border-left: 0;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, right top, left top, from(#0ad18e), to(#01d760));
    background: linear-gradient(to left, #0ad18e, #01d760);
    font-weight: 700;
    color: #fff
}

.bookmark .pop_btn_area .btn_add:disabled {
    border-left: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    font-weight: normal;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20)
}

@media screen and (min-width: 375px) {
    .bookmark {
        width:324px;
        margin-left: -162px
    }
}

.option_flow_wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: rgba(0,0,0,0);
    z-index: 9100
}

.option_flow_wrap .menu_option_section {
    height: 100%
}

.option_flow_wrap .menu_option_section.show .option_dimmed {
    opacity: 1
}

.option_flow_wrap .menu_option_section.show .option_content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.option_flow_wrap .menu_option_section .option_dimmed {
    height: 100%;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.option_flow_wrap .menu_option_section .option_content {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    max-height: calc(100% - 45px);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.option_flow_wrap .menu_option_section .option_content.none .content_top {
    padding-bottom: 30px;
    border: none
}

.option_flow_wrap .menu_option_section .option_content.none .content_top .bottom_txt {
    margin-bottom: -10px
}

.option_flow_wrap .menu_option_section .option_content.none .content_body_wrap .content_body {
    padding-bottom: 0
}

.option_flow_wrap .menu_option_section .option_content.none .content_bottom {
    position: static;
    background-image: none;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.option_flow_wrap .menu_option_section .option_content .content_pattern {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 11px;
    z-index: 2
}

.option_flow_wrap .menu_option_section .option_content .content_pattern>svg {
    display: block;
    fill: #fff;
    fill: var(--booking-color-surface)
}

.option_flow_wrap .menu_option_section .option_content .section_counter {
    white-space: nowrap
}

.option_flow_wrap .menu_option_section .option_content .section_counter .num {
    width: 49px;
    height: 33px;
    background-color: #fafafb;
    background-color: var(--booking-color-gray99)
}

.option_flow_wrap .menu_option_section .option_content .section_counter .num.disabled {
    font-weight: normal;
    color: #c9c9c9
}

.option_flow_wrap .menu_option_section .option_content .section_counter .button {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.option_flow_wrap .menu_option_section .option_content .section_counter .button::before,.option_flow_wrap .menu_option_section .option_content .section_counter .button::after {
    width: 12px;
    height: 1px;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .option_content .section_counter .button.disabled {
    width: 33px;
    height: 33px
}

.option_flow_wrap .menu_option_section .option_content .section_counter .button.disabled::before,.option_flow_wrap .menu_option_section .option_content .section_counter .button.disabled::after {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.option_flow_wrap .menu_option_section .content_top {
    padding: 20px 18px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 1
}

.option_flow_wrap .menu_option_section .content_top .menu_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 720px;
    margin: 0 auto;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_thumb {
    position: relative;
    min-width: 70px;
    margin-right: 14px
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_thumb .thumb_wrap {
    overflow: hidden;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_thumb .thumb_wrap.no_img .icon {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 15px;
    z-index: 10px
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_thumb .thumb_wrap.no_img::after {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_thumb .thumb_wrap::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(43,29,0,.1)
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_thumb .thumb_wrap .thumnail {
    -o-object-fit: cover;
    object-fit: cover
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count {
    width: 100%
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap {
    display: table;
    width: 100%;
    table-layout: fixed
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap .title_menu {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap .title_menu .menu_tag {
    display: inline-block;
    height: 17px;
    margin-left: 6px;
    padding: 0 7px;
    border-radius: 8px;
    background-color: #333;
    font-size: 11px;
    line-height: 16px;
    vertical-align: 3px;
    color: #fff
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap .btn_open {
    display: none
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap.fold .title_menu {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap.fold .btn_open {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 7px;
    display: table-cell;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .title_wrap.fold .btn_open:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -2px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .wrap_counter {
    margin-top: 13px
}

.option_flow_wrap .menu_option_section .content_top .menu_info .info_count .wrap_counter .section_counter {
    display: inline-block;
    vertical-align: top
}

.option_flow_wrap .menu_option_section .content_top .bottom_txt {
    margin-top: 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .content_top .btn_close {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 15px
}

.option_flow_wrap .menu_option_section .content_top .btn_close .fn-booking-close1 {
    font-size: 16px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: top
}

.option_flow_wrap .menu_option_section .content_top .btn_close .fn-booking-close1::before {
    font-weight: 700
}

@media screen and (min-width: 720px) {
    .option_flow_wrap .menu_option_section .content_top .btn_close {
        right:calc((100% - 720px)/2)
    }
}

.option_flow_wrap .menu_option_section .content_body_wrap {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.option_flow_wrap .menu_option_section .content_body_wrap .content_body {
    padding-bottom: calc(constant(safe-area-inset-bottom) + 62px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 62px)
}

.option_flow_wrap .menu_option_section .content_body_wrap .scroll_notice {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 17px 0 calc(constant(safe-area-inset-bottom) + 77px);
    padding: 17px 0 calc(env(safe-area-inset-bottom) + 77px);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--booking-color-surface-rgb)), color-stop(70%, var(--booking-color-surface)));
    background-image: linear-gradient(to bottom, var(--booking-color-surface-rgb), var(--booking-color-surface) 70%);
    text-align: center;
    pointer-events: none;
    z-index: 1
}

.option_flow_wrap .menu_option_section .content_body_wrap .scroll_notice .scroll_arr {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: #333;
    opacity: .8;
    border-radius: 50%;
    text-align: center
}

.option_flow_wrap .menu_option_section .content_body_wrap .scroll_notice .ico_arr {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .content_body_wrap .scroll_notice .ico_arr:before {
    content: "";
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 50%;
    width: 7px;
    height: 7px;
    bottom: 6px;
    -webkit-transform: translate(-50%, 50%) rotate(-135deg);
    transform: translate(-50%, 50%) rotate(-135deg)
}

.option_flow_wrap .menu_option_section .content_body_wrap .scroll_notice .ico_arr:after {
    content: "";
    position: absolute;
    background-color: #fff;
    bottom: 1px;
    left: 50%;
    width: 1px;
    height: 11px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.option_flow_wrap .menu_option_section .primary_options_area {
    padding: 26px 18px 18px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.04);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.option_flow_wrap .menu_option_section .primary_options_area .options_inner {
    max-width: 720px;
    margin: 0 auto
}

.option_flow_wrap .menu_option_section .primary_options_area .item_title {
    width: 33px;
    padding-right: 10px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 0
}

.option_flow_wrap .menu_option_section .primary_options_area .select_option {
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 2px 4px 0 var(--booking-color-bg197),0 0 15px 0 var(--booking-color-bg198);
    box-shadow: 0 2px 4px 0 var(--booking-color-bg197),0 0 15px 0 var(--booking-color-bg198)
}

.option_flow_wrap .menu_option_section .primary_options_area .selection.change_display .label_radio {
    padding: 5px 0 2px
}

.option_flow_wrap .menu_option_section .primary_options_area .selection.change_display .selection_ico>svg {
    margin-right: 7px
}

.option_flow_wrap .menu_option_section .primary_options_area .selection.change_display .selection_txt {
    display: inline-block;
    vertical-align: 9px;
    line-height: 37px
}

.option_flow_wrap .menu_option_section .primary_options_area .selection.change_display+.selection .selection_txt {
    border-left: none !important
}

.option_flow_wrap .menu_option_section .disposable_cup_area {
    position: relative;
    margin-top: 10px
}

.option_flow_wrap .menu_option_section .disposable_cup_area .btn_text {
    position: relative;
    display: inline-block;
    padding-left: 44px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.24px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .disposable_cup_area .btn_text .fn-help1 {
    margin-left: 3px;
    vertical-align: -3px;
    font-size: 16px
}

.option_flow_wrap .menu_option_section .disposable_cup_area .alert_area {
    position: absolute;
    padding: 2px 14px 14px;
    top: 30px;
    left: 0;
    width: 321px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid #e5e5e5;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.1);
    box-shadow: 0px 2px 10px rgba(0,0,0,.1);
    border-radius: 5px;
    z-index: 8000
}

.option_flow_wrap .menu_option_section .disposable_cup_area .alert_area .alert_list {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.option_flow_wrap .menu_option_section .disposable_cup_area .alert_area .alert_list .point {
    color: #03aa5a
}

.option_flow_wrap .menu_option_section .disposable_cup_area .alert_area .title_text {
    margin: 12px 0 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .disposable_cup_area .alert_area .title_text .fn-booking-caution {
    margin-right: 3px;
    vertical-align: -2px
}

.option_flow_wrap .menu_option_section .disposable_cup_area .alert_area .alert_close {
    position: absolute;
    top: 12px;
    right: 12px
}

.option_flow_wrap .menu_option_section .option_item {
    display: table;
    width: 100%
}

.option_flow_wrap .menu_option_section .option_item+.option_item {
    margin-top: 16px
}

.option_flow_wrap .menu_option_section .option_item .item_title {
    display: table-cell;
    vertical-align: middle;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .option_item .select_option_wrap {
    display: table-cell;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .option_item .select_option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.option_flow_wrap .menu_option_section .option_item .select_option::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection:first-child .label_radio {
    border-radius: 4px 0 0 4px
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection:last-child .label_radio {
    border-radius: 0 4px 4px 0
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection:only-child .label_radio {
    border-radius: 5px
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection .selection_txt {
    letter-spacing: -0.24px;
    word-break: keep-all
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection .price_txt {
    display: block;
    margin-top: 1px;
    padding-left: 3px;
    font-size: 13px;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 16px;
    letter-spacing: -0.24px
}

.option_flow_wrap .menu_option_section .option_item .select_option .selection+.selection .selection_txt {
    border-left: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.option_flow_wrap .menu_option_section .option_item .select_option .label_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 3px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_cup_size {
    width: 24px;
    height: 33px
}

.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_beans {
    width: 57px;
    height: 30px
}

.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_milkfoam,.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_milk,.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_ice {
    width: 28px;
    height: 26px
}

.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_whipcream,.option_flow_wrap .menu_option_section .option_item .select_option .label_radio .ico_lid {
    width: 28px;
    height: 33px
}

.option_flow_wrap .menu_option_section .option_item .select_option .radio:checked+.label_radio {
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .option_item .select_option .radio:checked+.label_radio .selection_txt {
    border-left: none;
    font-weight: 700;
    color: #fff;
    color: var(--booking-color-gray100)
}

.option_flow_wrap .menu_option_section .option_item .select_option .radio:checked+.label_radio .price_txt {
    font-weight: normal;
    color: #fff;
    color: var(--booking-color-gray100)
}

.option_flow_wrap .menu_option_section .option_item.each {
    display: block;
    position: relative
}

.option_flow_wrap .menu_option_section .option_item.each .gradation {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--booking-color-surface-rgb)), to(var(--booking-color-surface)));
    background-image: linear-gradient(to right, var(--booking-color-surface-rgb), var(--booking-color-surface));
    pointer-events: none
}

.option_flow_wrap .menu_option_section .option_item.each .item_title {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 18px
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap::-webkit-scrollbar {
    display: none
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap.align_end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option {
    margin-left: 136px;
    padding: 16px 0 15px;
    border: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option::before {
    left: -24px;
    width: 24px;
    border: 0;
    border-radius: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, rgba(255, 255, 255, 0)), color-stop(98%, #fff));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 2%, #fff 98%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, var(--booking-color-surface-rgb)), color-stop(98%, var(--booking-color-surface)));
    background-image: linear-gradient(to right, var(--booking-color-surface-rgb) 2%, var(--booking-color-surface) 98%)
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 175px;
    min-height: 35px
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .selection:last-child {
    padding-right: 18px
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .selection .selection_txt {
    font-size: 14px;
    line-height: 18px
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .selection .price_txt {
    display: block;
    padding-left: 0;
    font-size: 13px
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .selection+.selection {
    margin-left: 4px
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .selection+.selection .selection_txt {
    border-left: 0
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .label_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 3px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 2px 4px 0 var(--booking-color-bg197),0 0 15px 0 var(--booking-color-bg198);
    box-shadow: 0 2px 4px 0 var(--booking-color-bg197),0 0 15px 0 var(--booking-color-bg198)
}

.option_flow_wrap .menu_option_section .option_item.each .select_option_wrap .select_option .radio:checked+.label_radio {
    border: 1px solid;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .option_item.counter {
    width: calc(100% - 36px);
    padding: 15px 18px
}

.option_flow_wrap .menu_option_section .option_item.counter.active .item_price {
    color: #fb4c4e
}

.option_flow_wrap .menu_option_section .option_item.counter .label_check {
    display: table-cell;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .option_item.counter .label_check .item_title {
    max-width: 100px
}

.option_flow_wrap .menu_option_section .option_item.counter .section_counter {
    display: table-cell;
    vertical-align: middle;
    width: 119px;
    margin-left: 18px
}

.option_flow_wrap .menu_option_section .option_item.multiple {
    table-layout: fixed
}

.option_flow_wrap .menu_option_section .option_item.multiple .option_desc {
    margin: 15px 18px 0;
    padding: 11px 8px 8px;
    background-color: #fafbfc;
    text-align: center
}

.option_flow_wrap .menu_option_section .option_item.multiple .option_desc .desc_title {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    padding: 0 4px;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: -0.6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.option_flow_wrap .menu_option_section .option_item.multiple .option_desc .desc {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    padding: 0 4px;
    font-size: 14px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.option_flow_wrap .menu_option_section .option_item.multiple .menu_option {
    padding-top: 12px
}

.option_flow_wrap .menu_option_section .menu_option {
    padding: 15px 18px 20px
}

.option_flow_wrap .menu_option_section .menu_option .menu_item+.menu_item {
    margin-top: 12px
}

.option_flow_wrap .menu_option_section .menu_option .label_check {
    display: table;
    width: 100%
}

.option_flow_wrap .menu_option_section .menu_option .check:checked+.label_check .item_price {
    color: #fb4c4e
}

.option_flow_wrap .menu_option_section .menu_option .check:checked+.label_check .input_ico .ico_radio {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #4c4c4c;
    background-color: #4c4c4c
}

.option_flow_wrap .menu_option_section .menu_option .check:checked+.label_check .input_ico .ico_radio::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    border-radius: 50%;
    background-color: #fff
}

.option_flow_wrap .menu_option_section .menu_option .check:checked+.label_check .input_ico .ico_check {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #4c4c4c;
    background-color: #4c4c4c
}

.option_flow_wrap .menu_option_section .menu_option .check:checked+.label_check .input_ico .ico_check::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 6px;
    border: 1px solid #fff;
    border-width: 0px 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.option_flow_wrap .menu_option_section .menu_option .input_ico {
    display: table-cell;
    width: 28px;
    padding-left: 18px;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .menu_option .ico_radio {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border: solid 1px #e5e5e5;
    background-color: #fff;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .menu_option .ico_check {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border: solid 1px #e5e5e5;
    background-color: #fff;
    vertical-align: middle
}

.option_flow_wrap .menu_option_section .additional_options_area .options_inner {
    max-width: 720px;
    margin: 0 auto
}

.option_flow_wrap .menu_option_section .additional_options_area .title {
    padding: 26px 18px 4px;
    font-size: 18px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    line-height: 23px
}

.option_flow_wrap .menu_option_section .additional_options_area .title .btn_wrap {
    float: right
}

.option_flow_wrap .menu_option_section .additional_options_area .btn_show {
    display: inline-block;
    font-size: 15px;
    font-family: "Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    line-height: 18px;
    color: #666
}

.option_flow_wrap .menu_option_section .additional_options_area .btn_show .ico_down {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 4px;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-color: #575757;
    border-radius: 50%
}

.option_flow_wrap .menu_option_section .additional_options_area .btn_show .ico_down:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -1px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.option_flow_wrap .menu_option_section .additional_options_area .btn_show.hide_all .ico_down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.option_flow_wrap .menu_option_section .list_dropdown {
    -webkit-transition: height .3s cubic-bezier(0.6, 0, 0.4, 1);
    transition: height .3s cubic-bezier(0.6, 0, 0.4, 1);
    padding: 16px 10px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown {
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 5px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.warning {
    position: relative
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.warning::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #fc4c42;
    border-radius: 5px;
    z-index: 1;
    pointer-events: none
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.warning .text_wrap .option_title {
    color: #fc4c42
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.warning .option_item.multiple .option_desc {
    color: #fc4c42
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.warning .option_item.multiple .option_desc .desc {
    color: #fc4c42
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown+.item_dropdown {
    margin-top: 5px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .btn_dropdown {
    display: block;
    position: relative
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .btn_dropdown .ico_arrow {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 9px;
    position: absolute;
    right: 16px;
    top: 22px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .btn_dropdown .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -2px;
    border-right: 2px solid var(--booking-color-gray20);
    border-bottom: 2px solid var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap {
    padding: 18px 40px 14px 18px;
    line-height: 20px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_title {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_title .option_price {
    margin-left: 8px;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    color: #fc4c4e
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .btn_info {
    padding-left: 6px;
    background-color: rgba(0,0,0,0);
    outline: none
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .btn_info .ico_info_lg {
    width: 14px;
    height: 14px;
    background-position: -80px -418px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info {
    position: absolute;
    left: 0;
    right: -24px;
    top: 100%;
    margin-top: 6px;
    padding: 12px 45px 10px 17px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    cursor: auto;
    z-index: 7100
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info .text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 96px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info .btn_close {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 3px;
    padding: 21px;
    background-color: rgba(0,0,0,0)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info .btn_close:before,.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info .btn_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #c9c9c9
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info .btn_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_info .btn_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown .text_wrap .option_detail {
    margin-top: 6px;
    font-size: 14px;
    line-height: 18px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.open {
    margin-bottom: 16px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.04);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.04)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.open:last-child {
    margin-bottom: 0
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.open .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.single .btn_dropdown {
    cursor: auto
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.single .btn_dropdown .text_wrap {
    padding-right: 18px
}

.option_flow_wrap .menu_option_section .list_dropdown .item_dropdown.single .btn_dropdown .ico_arrow {
    display: none
}

.option_flow_wrap .menu_option_section .dropdown_inner {
    padding: 3px 0;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.option_flow_wrap .menu_option_section .dropdown_inner.hide {
    display: none
}

.option_flow_wrap .menu_option_section .dropdown_inner.no_scroll .select_option_wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.option_flow_wrap .menu_option_section .dropdown_inner.no_scroll .gradation {
    display: none
}

.option_flow_wrap .menu_option_section .dropdown_inner .option_item+.option_item {
    position: relative;
    margin-top: 0
}

.option_flow_wrap .menu_option_section .dropdown_inner .option_item+.option_item:before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 0;
    height: 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    z-index: 1
}

.option_flow_wrap .menu_option_section .dropdown_inner .item_title {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.6px
}

.option_flow_wrap .menu_option_section .dropdown_inner .item_price {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.25px;
    color: #666;
    word-break: keep-all
}

.option_flow_wrap .menu_option_section .content_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--booking-color-surface-rgb)), to(var(--booking-color-surface)));
    background-image: linear-gradient(to bottom, var(--booking-color-surface-rgb), var(--booking-color-surface));
    z-index: 7000
}

.option_flow_wrap .menu_option_section .content_bottom .bottom_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 10px calc(constant(safe-area-inset-bottom) + 10px);
    padding: 0 10px calc(env(safe-area-inset-bottom) + 10px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.option_flow_wrap .menu_option_section .content_bottom .bottom_btn .btn_shop {
    display: block;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), to(#01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760);
    font-size: 17px;
    line-height: 52px;
    font-weight: bold;
    text-align: center;
    color: #fff
}

.smart_order {
    background-size: cover;
    background-position: 50% 50%
}

.smart_order.general_home .smart_header.fixed {
    background-image: linear-gradient(264deg, #3accff 9%, #2cec88 93%)
}

.smart_order.general_home .smart_header .link_text .num {
    color: #00a7dc !important
}

.smart_order.general_home .smart_header .header_area [class^=header_]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(255,255,255,.1)
}

.smart_order.general_home .smart_header .header_area [class^=header_]+.header_right::before {
    left: 0
}

.smart_order.general_home .smart_info .info_area .info_menu {
    border-color: #1caba8;
    background-color: #1caba8 !important
}

.smart_order.general_home .smart_info .info_area .info_menu .menu_title {
    background-color: rgba(0,0,0,.03)
}

.smart_order.general_home .smart_info .info_area .info_menu .box_top .top_cart {
    border-color: #438c88 !important;
    background-color: #438c88 !important
}

.smart_order.general_home .smart_info .info_area .info_menu .box_top .top_cart .num {
    border-color: #438c88 !important
}

.smart_order.general_home .smart_info .info_area .info_menu .box_top .top_cart .ico_cart {
    fill: #03c75a
}

.smart_order.general_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_link::before {
    background-color: rgba(0,0,0,.1)
}

.smart_order.general_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area {
    background-color: #1caba8 !important
}

.smart_order.general_home .smart_info .info_area .info_coupon .coupon_stamps .half_circle .circle_top,.smart_order.general_home .smart_info .info_area .info_coupon .coupon_stamps .half_circle .circle_bottom {
    background-color: #1caba8 !important
}

.smart_order.general_home .smart_info .info_area .info_coupon .coupon_stamps .half_circle .ico_half_circle {
    fill: #1caba8 !important
}

.smart_order.general_place .hide_smart_info {
    position: relative;
    padding: 0px 0 0 0;
    border-top: 0px
}

.smart_order.general_place .smart_info {
    position: relative;
    margin-top: 10px;
    padding: 20px 0 0 0;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.smart_order.general_place .smart_info::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(0,0,0,.04)
}

.smart_order.general_place .smart_info.store_delivery {
    margin-top: 0
}

.smart_order.general_place .smart_info.store_delivery .info_area>div:only-child {
    margin-top: 0;
    padding-bottom: 17px
}

.smart_order.general_place .smart_info .info_area>div:only-child {
    margin-top: -12px
}

.smart_order.general_place .smart_info .info_area .menu_title {
    background: none;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order.general_place .smart_info .info_area .menu_title .ico_clock {
    fill: #03c75a
}

.smart_order.general_place .smart_info .info_area .info_title {
    margin-top: -4px
}

.smart_order.general_place .smart_info .info_area .info_title .sub_title {
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order.general_place .smart_info .info_area .info_menu {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.02);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.02);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_title::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    bottom: 18px;
    width: 1px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .menu_item.recent_order .item_box {
    border-color: #f2f2f2
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_top .top_img {
    border: 1px solid #f9f9f9;
    background-color: rgba(0,0,0,.01)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart {
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart.sold_out {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart.sold_out .cart_text {
    color: #939396;
    color: var(--booking-color-gray50)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart .num {
    border-color: #fff;
    border-color: var(--booking-color-gray100) !important
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart .ico_cart {
    fill: #03c75a
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_info {
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_info .info_price {
    color: #fc4c4e
}

.smart_order.general_place .smart_info .info_area .info_menu .menu_scroll .box_info .info_original {
    color: #939396;
    color: var(--booking-color-gray50)
}

.smart_order.general_place .smart_info .info_area .info_coupon {
    padding-bottom: 9px
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_summary .top_left {
    color: #333
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_summary .top_right .text {
    color: #333
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_summary .top_left .ico_right::before {
    border-color: #333
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamps_list:empty {
    padding-top: 11px
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_link {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.02);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.02)
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_link::before {
    background-image: linear-gradient(188deg, #4edcdb 13%, #00e164 100%)
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_left .stamp_present::before {
    border: 1px solid #f4f7f9;
    background: none
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_left .stamp_present .ico_ticket_present {
    fill: #03c75a
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_right .stamp_text {
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_right .stamp_text .point,.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_right .stamp_text b {
    color: #04c85a
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_right .stamp_text .text_more {
    color: #8f8f8f
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_right .stamp_text .text_more::after {
    border-top: 4px solid #8f8f8f
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .stamp_box .stamp_right .stamp_text .ico_order_arrow {
    fill: #04c85a
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .half_circle .ico_half_circle {
    fill: #fff;
    fill: var(--booking-color-surface)
}

.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .half_circle .circle_top,.smart_order.general_place .smart_info .info_area .info_coupon .coupon_stamps .half_circle .circle_bottom {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_order.hub_home {
    position: relative
}

.smart_order.hub_home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.65)
}

.smart_order.hub_home .smart_header.fixed {
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.05)
}

.smart_order.hub_home .smart_header.fixed .header_area [class^=header_] .link_text {
    color: #222225;
    color: var(--booking-color-gray10)
}

.smart_order.hub_home .smart_header.fixed .header_area [class^=header_] .link_text .ico_n_logo {
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab {
    margin-top: 20px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box {
    border-radius: 5px;
    background-color: rgba(119,119,119,.35)
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch {
    padding: 12px 0 10px;
    background-color: rgba(0,0,0,0);
    text-align: center
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch:not(.active)+.tab_switch:not(.active) {
    margin-left: 0
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch.active {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch.active::after {
    content: none
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch.active .tab_text {
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch.active .tab_text .custom_img {
    width: 18px;
    height: 18px;
    vertical-align: -4px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch.active .tab_text .ico_table {
    width: 18px;
    height: 18px;
    background-position: -442px -475px;
    vertical-align: -4px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch .tab_text {
    line-height: 20px;
    color: #dbdbdb
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch .tab_text .fn-booking-check2 {
    margin-left: 5px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch .tab_text .custom_img {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: -3px
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch .tab_text .custom_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid 1px rgba(0,0,0,.05);
    border-radius: 50%
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch .tab_text .custom_img img {
    overflow: hidden;
    border-radius: 50%
}

.smart_order.hub_home .smart_info .info_area .info_title .info_main_tab .tab_switch_box .tab_switch .tab_text .ico_table {
    width: 15px;
    height: 15px;
    background-position: -334px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.smart_order.hub_home .smart_info .info_area .info_title .order_type {
    background-color: #fff;
    color: #333
}

.smart_order.hub_home .smart_info .info_area .info_title .order_type .ico_order_arrow {
    fill: #333
}

.smart_order.hub_home .smart_info .info_area .info_menu {
    border-color: rgba(255,255,255,.1) !important;
    background-color: rgba(0,0,0,.7) !important
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_title {
    background-color: rgba(255,255,255,.05)
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .menu_item.recent_order .item_box {
    border-color: #f2f2f2
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .box_top .top_img {
    background-color: rgba(43,29,0,.1)
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart {
    border-color: #e5e5e5;
    background-color: #fff !important
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart.sold_out {
    background-color: #f4f7f9 !important
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart.sold_out .cart_text {
    color: #939396;
    color: var(--booking-color-gray50)
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart .num {
    border-color: #fff;
    border-color: var(--booking-color-gray100) !important
}

.smart_order.hub_home .smart_info .info_area .info_menu .menu_scroll .box_top .top_cart .ico_cart {
    fill: #03c75a
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_link::before {
    background-color: #333 !important
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area {
    background-color: rgba(0,0,0,.7) !important
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion {
    height: 61px
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion .stamp_text {
    white-space: normal
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion .stamp_text .point,.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion .stamp_text b {
    color: #ffd75c
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion .stamp_text .text {
    padding-right: 8px
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion .text_more {
    display: inline-block;
    vertical-align: 0
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .stamp_area .stamp_box.promotion .ico_order_man {
    display: block
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .half_circle .circle_top,.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .half_circle .circle_bottom {
    background-color: rgba(0,0,0,.7) !important
}

.smart_order.hub_home .smart_info .info_area .info_coupon .coupon_stamps .half_circle .ico_half_circle {
    fill: rgba(0,0,0,.7) !important
}

.smart_order .smart_header {
    height: 48px;
    color: #fff
}

.smart_order .smart_header.fixed {
    z-index: 1100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.smart_order .smart_header.fixed.ani {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.smart_order .smart_header.fixed .header_area [class^=header_]::before {
    display: none
}

.smart_order .smart_header.fixed .header_area [class^=header_] .link_text {
    line-height: 50px
}

.smart_order .smart_header .header_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 18px
}

.smart_order .smart_header .header_area [class^=header_] {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.smart_order .smart_header .header_area [class^=header_] .link_text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 48px;
    font-weight: 800;
    color: #fff
}

.smart_order .smart_header .header_area [class^=header_] .link_text+.link_text {
    margin-left: 8px;
    padding-left: 8px
}

.smart_order .smart_header .header_area [class^=header_] .link_text+.link_text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: rgba(255,255,255,.07)
}

.smart_order .smart_header .header_area [class^=header_] .link_text .ico_n_logo {
    display: inline-block;
    vertical-align: -4px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    fill: #fff
}

.smart_order .smart_header .header_area [class^=header_] .link_text .ico_order_home {
    display: inline-block;
    vertical-align: -3px;
    width: 18px;
    height: 16px;
    margin-right: 6px;
    fill: #fff
}

.smart_order .smart_header .header_area [class^=header_] .link_text .num {
    display: inline-block;
    vertical-align: 1px;
    margin-left: 4px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    text-align: center
}

.smart_order .smart_header .header_area [class^=header_]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(255,255,255,.1)
}

.smart_order .smart_header .header_area [class^=header_]+.header_right {
    white-space: nowrap;
    text-align: right
}

.smart_order .smart_header .header_area [class^=header_]+.header_right::before {
    left: 0;
    right: 0
}

.smart_order .smart_header .header_area .header_left .link_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    width: 100%;
    font-size: 15px
}

.smart_order .smart_info {
    padding: 18px 0
}

.smart_order .smart_info .register_address {
    z-index: 21000
}

.smart_order .smart_info .info_area {
    max-width: 720px;
    margin: 0 auto
}

.smart_order .smart_info .info_area .info_title {
    position: relative;
    margin: 0 16px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    color: #fff
}

.smart_order .smart_info .info_area .info_title.center {
    text-align: center
}

.smart_order .smart_info .info_area .info_title .main_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    color: #fff;
    display: block
}

.smart_order .smart_info .info_area .info_title .sub_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.4
}

.smart_order .smart_info .info_area .info_title .sub_title .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 140px
}

.smart_order .smart_info .info_area .info_title .sub_title .text {
    font-weight: bold
}

.smart_order .smart_info .info_area .info_title .sub_title .text+.text {
    font-weight: normal
}

.smart_order .smart_info .info_area .info_title .sub_title .text+.text::before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    margin: 0 7px;
    width: 1px;
    height: 12px;
    background-color: #ededed;
    opacity: .3
}

.smart_order .smart_info .info_area .info_title .sub_title .text .ico_order_qr {
    display: inline-block;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    fill: #fff
}

.smart_order .smart_info .info_area .info_title .sub_title .text .num {
    font-weight: bold
}

.smart_order .smart_info .info_area .info_title .order_type {
    margin: 12px 0 8px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    border-radius: 13px;
    background-color: rgba(0,0,0,.2);
    font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    color: #fff
}

.smart_order .smart_info .info_area .info_title .order_type .ico_order_arrow {
    display: inline-block;
    vertical-align: 3px;
    width: 9px;
    height: 5px;
    margin-left: 5px;
    fill: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.smart_order .smart_info .info_area .info_title .ico_order {
    display: inline-block;
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    fill: #fff
}

.smart_order .smart_info .info_area .menu_title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 34px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(0,0,0,.2);
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.42;
    color: #fff;
    z-index: 10
}

.smart_order .smart_info .info_area .menu_title+.menu_scroll {
    margin-left: 34px
}

.smart_order .smart_info .info_area .menu_title .ico_clock {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 auto 5px;
    fill: #fff
}

.smart_order .smart_info .info_area .info_coupon {
    margin-top: 4px;
    padding-bottom: 16px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps::-webkit-scrollbar {
    display: none
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_list {
    white-space: nowrap
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_list:empty {
    padding-top: 5px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item {
    margin: 12px 0;
    display: inline-block;
    vertical-align: top;
    width: 169px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:first-child {
    width: 181px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:first-child .stamp_link {
    margin-left: 12px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:last-child {
    width: 174px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:last-child .stamp_link {
    margin-right: 12px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child {
    width: 100%
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box {
    height: 41px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box .stamp_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box.first_visit {
    height: 61px;
    padding-right: 60px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box.first_visit::after {
    content: "";
    width: 57px;
    height: 50px;
    background-position: -496px -253px;
    position: absolute;
    right: 10px;
    bottom: -1px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box.first_visit .stamp_text {
    white-space: normal
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box.first_visit .stamp_text .text {
    padding-right: 8px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box.first_visit .text_more {
    display: inline-block;
    vertical-align: 0
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:only-child .stamp_box.first_visit .ico_order_man {
    display: block
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:first-child:nth-last-child(2) {
    width: 50.1%
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamps_item:first-child:nth-last-child(2)~.stamps_item {
    width: 49.9%
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    margin-right: 7px;
    border-radius: 3px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(0,0,0,.4)
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link .stamp_area {
    margin-right: 5px;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link .half_circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link .half_circle [class^=circle_] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid rgba(255,255,255,.1);
    width: 4px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link .half_circle .circle_top {
    border-top-right-radius: 3px;
    border-width: 1px 1px 0 0
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link .half_circle .circle_bottom {
    border-bottom-right-radius: 3px;
    border-width: 0 1px 1px 0
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_link .half_circle .ico_half_circle {
    width: 5px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 61px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    padding: 10px 10px 10px 0;
    border: 1px solid rgba(255,255,255,.1);
    border-width: 1px 0 1px 0
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_box.more::after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-top: 4px solid #fff
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 45px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left [class^=stamp_] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left .stamp_present {
    width: 29px;
    height: 29px;
    border-radius: 50%
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left .stamp_present::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3)
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left .stamp_present .ico_ticket_present {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    fill: #fff
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left .stamp_thumb {
    overflow: hidden;
    width: 29px;
    height: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.08);
    border-radius: 50%
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left .stamp_thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #fff
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_left+.stamp_right {
    margin-left: 0
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 14px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 48px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.43;
    white-space: normal;
    color: #fff
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text.dark_type {
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text.dark_type .text_more .ico_order_arrow {
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text.dark_type .ico_order_arrow {
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text .point,.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text b {
    font-weight: 600
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text .text_more {
    display: none;
    font-size: 13px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text .text_more .ico_order_arrow {
    display: inline-block;
    vertical-align: 3px;
    width: 7px;
    height: 4px;
    margin-left: 3px;
    fill: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text .ico_order_man {
    display: none;
    position: absolute;
    right: 10px;
    bottom: -1px;
    width: 57px;
    height: 50px
}

.smart_order .smart_info .info_area .info_coupon .coupon_stamps .stamp_right .stamp_text .ico_order_arrow {
    display: inline-block;
    vertical-align: 2px;
    width: 7px;
    height: 4px;
    margin-left: 4px;
    fill: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.smart_category {
    height: 52px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_category .category_scroll {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding-left: 0;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.smart_category .category_scroll::-webkit-scrollbar {
    display: none
}

.smart_category .category_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 720px;
    height: 52px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_category .category_box.show .category_button {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.smart_category .category_box.fixed {
    z-index: 5500;
    position: fixed;
    top: 50px;
    left: 0;
    max-width: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05)
}

.smart_category .category_box.fixed .blur_left,.smart_category .category_box.fixed .blur_right {
    border-radius: 0
}

.smart_category .category_box .category_box_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.smart_category .category_box .category_button {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform ease .2s;
    transition: -webkit-transform ease .2s;
    transition: transform ease .2s;
    transition: transform ease .2s, -webkit-transform ease .2s
}

.smart_category .category_box .category_button .btn_all_category {
    display: block
}

.smart_category .category_box .category_button .btn_all_category .ico_all {
    width: 20px;
    height: 20px;
    background-position: -662px -173px;
    vertical-align: top;
    margin: 15px
}

.smart_category .category_box .category_button+.category_scroll {
    margin-left: 50px
}

.smart_category .category_box .category_button+.category_scroll .blur_left {
    left: 50px
}

.smart_category .category_box .category_button+.category_scroll .slick-arrow.slick-prev {
    left: 65px
}

.smart_category .category_box .blur_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    bottom: 0;
    border-radius: 20px 0 0 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(65%, #fff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 65%);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--booking-color-surface-rgb)), color-stop(65%, var(--booking-color-surface)));
    background-image: linear-gradient(to left, var(--booking-color-surface-rgb), var(--booking-color-surface) 65%);
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.smart_category .category_box .blur_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    bottom: 0;
    border-radius: 0 20px 0 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(65%, #fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 65%);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--booking-color-surface-rgb)), color-stop(65%, var(--booking-color-surface)));
    background-image: linear-gradient(to right, var(--booking-color-surface-rgb), var(--booking-color-surface) 65%);
    pointer-events: none
}

.smart_category .category_box .category_list {
    white-space: nowrap
}

.smart_category .category_box .category_list .category_active {
    position: absolute;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-radius: 15px;
    top: 12px;
    left: 0
}

.smart_category .category_box .category_list .category_item {
    display: inline-block;
    vertical-align: top
}

.smart_category .category_box .category_list .category_item:nth-child(2) .tab {
    margin-left: 18px
}

.smart_category .category_box .category_list .category_item:last-child .tab {
    margin-right: 18px
}

.smart_category .category_box .category_list .category_item .tab {
    display: block;
    padding: 12px 0;
    line-height: 29px
}

.smart_category .category_box .category_list .category_item .tab.active .tab_text {
    font-weight: bold;
    border-radius: 14.5px;
    color: #fff
}

.smart_category .category_box .category_list .category_item .tab .tab_text {
    position: relative;
    display: block;
    padding: 0 12px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_category.general_place .category_box {
    border-radius: 0
}

.smart_category.general_place .category_box.fixed {
    top: 97px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.smart_category.general_place+.slick-slider .btn_box .ico_cart {
    fill: #03c75a !important
}

.image_category {
    padding-top: 17px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.image_category+.order_list {
    border-top: 10px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.image_category.brand .item_image {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.image_category .category_scroll {
    position: relative;
    padding-bottom: 21px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding-left: 0;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.image_category .category_scroll::-webkit-scrollbar {
    display: none
}

.image_category .category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 696px;
    margin: 0 auto;
    padding: 0 12px
}

.image_category .category_list.flicking {
    height: 206px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.image_category .category_item {
    padding: 9px 3px
}

.image_category .item_box {
    position: relative;
    display: block;
    width: 64px;
    text-align: center
}

.image_category .ico_group {
    position: absolute;
    top: 0;
    left: 3px;
    z-index: 5
}

.image_category .ico_group .ico_default {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.image_category .ico_group .ico_default.bogo {
    background-color: #1b80ff
}

.image_category .ico_group .ico_new {
    width: 18px;
    height: 18px;
    background-position: -482px -475px
}

.image_category .item_image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff
}

.image_category .item_image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.03)
}

.image_category .item_image.no_img::after {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.image_category .item_image.no_img .icon {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 12px;
    z-index: 10
}

.image_category .item_image .image {
    -o-object-fit: contain;
    object-fit: contain
}

.image_category .item_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: #444447;
    color: var(--booking-color-gray20)
}

.image_category .btn_all_category {
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 9px 0 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: #222225;
    color: var(--booking-color-gray10);
    outline: none
}

.image_category .btn_all_category .ico_all {
    width: 13px;
    height: 13px;
    background-position: -662px -112px;
    margin-right: 6px;
    vertical-align: -1px
}

.image_category .btn_all_category .ico_order_arrow {
    width: 9px;
    height: 5px;
    margin-left: 6px;
    fill: #222225;
    fill: var(--booking-color-gray10);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: 3px
}

@media screen and (min-width: 720px) {
    .image_category .item_button {
        display:none
    }
}

.smart_order_alert {
    z-index: 9999;
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 100%);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.smart_order_alert.show {
    display: block
}

.smart_order_alert.animation {
    opacity: 1
}

.smart_order_alert.animation .alert_body {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.smart_order_alert .alert_body {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.smart_order_alert .alert_body .alert_top {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.smart_order_alert .alert_body .alert_top .top_text {
    padding: 24px 48px 14px 24px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    line-height: 1.4
}

.smart_order_alert .alert_body .alert_top .top_text .ico_n_logo {
    display: inline-block;
    vertical-align: -5px;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    fill: #03aa5a
}

.smart_order_alert .alert_body .alert_top .top_text .point {
    color: #03aa5a
}

.smart_order_alert .alert_body .alert_bottom {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.smart_order_alert .alert_body .alert_bottom .bottom_inner {
    margin: 0 24px;
    padding: 14px 0 24px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.smart_order_alert .alert_body .alert_bottom .bottom_list {
    position: relative
}

.smart_order_alert .alert_body .alert_bottom .bottom_list_item {
    font-size: 15px;
    line-height: 1.53;
    letter-spacing: -0.35px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order_alert .alert_body .alert_bottom .bottom_more {
    margin-top: 12px
}

.smart_order_alert .alert_body .alert_bottom .more_link {
    font-size: 16px;
    line-height: 1.25;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.smart_order_alert .alert_body .alert_bottom .more_link i {
    margin-left: 6px;
    font-size: 15px;
    vertical-align: -2px
}

.smart_order_alert .alert_body .alert_bottom .notice_list {
    font-size: 15px;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_order_alert .alert_body .alert_bottom .notice_item .point {
    color: #03aa5a
}

.smart_order_alert .alert_body .alert_bottom .notice_item .notice {
    margin: 18px 0 9px;
    font-weight: 700;
    line-height: 20px
}

.smart_order_alert .alert_body .alert_bottom .notice_item .fn-booking-caution {
    margin-right: 3px;
    vertical-align: -2px
}

.smart_order_alert .alert_body .alert_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 26px 24px 10px
}

.smart_order_alert .alert_body .alert_close .fn-booking-close1 {
    font-size: 16px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: top
}

.smart_order_alert .alert_body .alert_close .fn-booking-close1::before {
    font-weight: 700
}

@media screen and (min-width: 720px) {
    .smart_order_alert .alert_body .alert_close {
        right:calc((100% - 720px)/2)
    }
}

.smart_gift_modal {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: rgba(0,0,0,0);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.smart_gift_modal.show {
    opacity: 1
}

.smart_gift_modal.show .gift_content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.smart_gift_modal .gift_dimmed {
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.smart_gift_modal .gift_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    max-height: calc(100% - 40px);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.smart_gift_modal .gift_content .content_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px
}

.smart_gift_modal .gift_content .content_close .fn-booking-close1 {
    font-size: 16px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: top
}

.smart_gift_modal .gift_content .content_close .fn-booking-close1::before {
    font-weight: 700
}

.smart_gift_modal .gift_content .content_title {
    position: relative
}

.smart_gift_modal .gift_content .content_title .title_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    padding: 37px 20px 16px
}

.smart_gift_modal .gift_content .content_title .ico_gift {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -35px);
    transform: translate(-50%, -35px)
}

.smart_gift_modal .gift_content .content_title .ico_gift::before {
    content: "";
    width: 65px;
    height: 53px;
    background-position: -593px -487px;
    position: absolute;
    top: 0px;
    left: -32px
}

.smart_gift_modal .gift_content .content_title.scroll::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.smart_gift_modal .gift_content .content_title .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 44px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #222225;
    color: var(--booking-color-gray10);
    white-space: pre
}

.smart_gift_modal .gift_content .content_title .title .point {
    color: #00cc49
}

.smart_gift_modal .gift_content .content_title .sub_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 14px;
    line-height: 1.43;
    font-weight: normal;
    color: #555558;
    color: var(--booking-color-gray30)
}

.smart_gift_modal .gift_content .content_title .sub_text::before {
    content: "";
    width: 4px;
    height: 7px;
    background-position: -684px -280px;
    margin: 5px;
    vertical-align: top
}

.smart_gift_modal .gift_content .content_title .sub_text::after {
    content: "";
    width: 4px;
    height: 7px;
    background-position: -684px -280px;
    margin: 5px;
    vertical-align: top;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.smart_gift_modal .gift_content .content_body {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.smart_gift_modal .gift_content .content_body .content_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px
}

.smart_gift_modal .gift_content .content_body .stamp_list {
    margin: 0 10px;
    padding-bottom: 0
}

.smart_gift_modal .gift_content .content_body .stamp_achievement {
    margin: 0 18px;
    padding: 25px 0;
    border-top: 0
}

.smart_gift_modal .gift_content .content_body .gift_item:last-child {
    margin-bottom: 20px
}

.smart_gift_modal .gift_content .content_body .gift_item+.gift_item {
    margin-top: 20px
}

.smart_gift_modal .gift_content .content_body .gift_item.single .info_bottom {
    padding: 12px 0
}

.smart_gift_modal .gift_content .content_body .gift_item .gift_item_box {
    font-size: 14px;
    line-height: 22px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-width: 1px 1px 0 1px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info:only-child {
    border-radius: 7px;
    border-width: 1px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 18px;
    padding: 18px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_image.no_img::before {
    content: "";
    width: 32px;
    height: 32px;
    background-position: -453px -155px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_image .icon {
    width: 32px;
    height: 32px;
    margin: auto
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_image .img {
    -o-object-fit: cover;
    object-fit: cover
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_image .img_text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(0,0,0,.34);
    font-size: 14px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    color: #fff
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 5px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_desc .desc_title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.32px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_desc .desc_price {
    font-weight: 600;
    color: #fc4c42
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_desc .desc_text {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8f8f
}

.smart_gift_modal .gift_content .content_body .gift_item .box_info .info_top .top_desc .desc_text .text+.text::before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 1px;
    height: 12px;
    margin: 0 9px;
    background-color: rgba(0,0,0,.05)
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom {
    margin: -5px 20px 0;
    padding: 12px 0 20px;
    border-top: 1px dashed;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 1.71;
    color: #424242
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_item.notice .item_title {
    color: #8f8f8f
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_item .item_title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_item .item_num {
    margin-left: auto;
    padding-left: 10px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_item .item_num.sold_out {
    color: #fc4c42
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_text {
    text-align: center
}

.smart_gift_modal .gift_content .content_body .gift_item .info_bottom .bottom_text .point {
    color: #fc4c42
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button.add {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button.add .button_check {
    color: #fff;
    color: var(--booking-color-gray100)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button.add .button_check .ico_won,.smart_gift_modal .gift_content .content_body .gift_item .box_button.add .button_check .ico_cart {
    fill: #fff;
    fill: var(--booking-color-gray100)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button.add .button_check .check_text {
    display: block
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    color: #222225;
    color: var(--booking-color-gray10)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check+.button_check {
    border-left: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check .ico_won,.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check .ico_cart {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 7px;
    fill: #00cc49
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check .ico_won {
    vertical-align: -2px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check .ico_cart {
    vertical-align: -1px
}

.smart_gift_modal .gift_content .content_body .gift_item .box_button .button_check .check_text {
    display: none;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 13px;
    line-height: 1.54;
    font-weight: 500;
    color: #fff;
    color: var(--booking-color-gray100)
}

.smart_gift_modal .gift_content .content_button {
    position: relative;
    max-width: 740px;
    margin: 0 auto;
    padding: 0 10px 30px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .smart_gift_modal .gift_content .content_button {
        width: 100%
    }
}

.smart_gift_modal .gift_content .content_button .button_area {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 8px 0
}

.smart_gift_modal .gift_content .content_button .button_box {
    margin: 0 18px
}

.smart_gift_modal .gift_content .content_button .button_use {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: table-cell;
    width: 50%;
    margin-right: 5px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760 0%);
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    color: #fff
}

.smart_gift_modal .gift_content .content_button .button_use+.button_use {
    border: 1px solid rgba(3,199,90,.6);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10)
}

.smart_gift_modal .gift_content .content_button .button_use:only-child {
    width: 100%;
    margin-right: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.smart_gift_modal .gift_content .content_button .button_use:only-child .ico_won {
    fill: #fff
}

.smart_gift_modal .gift_content .content_button .button_use.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    pointer-events: none
}

.smart_gift_modal .gift_content .content_button .button_use .ico_won,.smart_gift_modal .gift_content .content_button .button_use .ico_cart_empty {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px
}

.smart_gift_modal .gift_content .content_button .button_use .ico_won {
    vertical-align: -2px;
    fill: #00cc49
}

.smart_gift_modal .gift_content .content_button .button_use .ico_cart_empty {
    vertical-align: -1px;
    fill: #fff
}

.smart_gift_modal .gift_content .content_button .button_coupon {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    position: relative;
    display: table-cell;
    width: 63%;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760 0%);
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    color: #fff
}

.smart_gift_modal .gift_content .content_button .button_coupon.customer {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 38px
}

.smart_gift_modal .gift_content .content_button .button_coupon.add {
    background: #c5c5c7;
    background: var(--booking-color-gray60);
    color: #fff;
    color: var(--booking-color-gray100)
}

.smart_gift_modal .gift_content .content_button .button_coupon.add .ico_cart {
    fill: #fff;
    fill: var(--booking-color-gray100)
}

.smart_gift_modal .gift_content .content_button .button_coupon.has_coupon_cancel {
    padding-right: 45px
}

.smart_gift_modal .gift_content .content_button .button_coupon.my {
    width: 37%;
    margin-right: 10px;
    border: 1px solid rgba(3,199,90,.6);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    background-image: none;
    line-height: 44px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.smart_gift_modal .gift_content .content_button .button_coupon:only-child {
    display: block;
    width: 100%
}

.smart_gift_modal .gift_content .content_button .button_coupon .ico_cart {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    vertical-align: -2px;
    fill: #fff
}

.smart_gift_modal .gift_content .content_button .button_coupon .coupon_cancel {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    color: #fff;
    color: var(--booking-color-gray100)
}

.smart_gift_modal .gift_content .option_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 18px 16px;
    border-bottom: 1px dashed;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-weight: 800;
    font-size: 18px;
    line-height: 23px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_gift_modal .gift_content .option_title .required {
    margin-right: 7px;
    padding: 1px 4px;
    border-radius: 3px;
    background-color: #000;
    background-color: var(--booking-color-gray0);
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

.smart_gift_modal .gift_content .option_list {
    overflow-y: auto;
    padding: 23px 18px 21px 26px
}

.smart_gift_modal .gift_content .option_list+.content_button {
    padding: 0 10px 20px
}

.smart_gift_modal .gift_content .option_list .option_item+.option_item {
    margin-top: 14px
}

.smart_gift_modal .gift_content .option_list .radio_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.smart_gift_modal .gift_content .option_list .radio_label .input:checked+.radio_text {
    font-weight: 800
}

.smart_gift_modal .gift_content .option_list .radio_label .input:checked+.radio_text+.radio_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-color: #03aa5a;
    background-color: #03aa5a
}

.smart_gift_modal .gift_content .option_list .radio_label .input:checked+.radio_text+.radio_icon::before {
    content: "";
    width: 12px;
    height: 12px;
    margin: auto;
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_gift_modal .gift_content .option_list .radio_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #000;
    color: var(--booking-color-gray0)
}

.smart_gift_modal .gift_content .option_list .radio_icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.04);
    box-shadow: 0px 2px 3px rgba(0,0,0,.04);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_promotion_wrap .promotion_title {
    margin: 15px 18px 0;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 1.47;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_promotion_wrap .promotion_title::before {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    width: 4px;
    height: 4px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: #ced3d9
}

.order_promotion_wrap .promotion_title+.promotion_list {
    padding-top: 0
}

.order_promotion_wrap .promotion_title .num {
    padding-left: 8px;
    color: #03c75a
}

.order_promotion_wrap .promotion_list {
    padding: 15px 8px 20px
}

.order_promotion_wrap .promotion_list+.order_more_area {
    margin-top: -10px
}

.order_promotion_wrap .promotion_list .promotion_item {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.order_promotion_wrap .promotion_list .promotion_item .item_area {
    position: relative;
    margin: 10px
}

.order_promotion_wrap .promotion_list .promotion_item .menu_link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.order_promotion_wrap .promotion_list .promotion_item .img_box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .box_text {
    z-index: 10;
    position: absolute;
    top: 9px;
    left: 9px;
    padding: 0 8px;
    border-radius: 9px;
    background-color: #1b80ff;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: -0.28px;
    color: #fff
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group {
    z-index: 10;
    position: absolute;
    top: 10px;
    left: 5px
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_pepper1 {
    margin-left: 5px;
    vertical-align: 2px;
    width: 23px;
    height: 18px;
    background-position: -662px -153px
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_pepper2 {
    margin-left: 5px;
    vertical-align: 2px;
    width: 31px;
    height: 18px;
    background-position: -389px -475px
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_pepper3 {
    margin-left: 5px;
    vertical-align: 2px;
    width: 39px;
    height: 18px;
    background-position: -453px -189px
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_default {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    margin-left: 5px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_default.signature {
    background-color: #ffaf3b
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_default.popular {
    background-color: #ff61a7
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_default.bogo {
    background-color: #1b80ff
}

.order_promotion_wrap .promotion_list .promotion_item .img_box .ico_group .ico_new {
    width: 18px;
    height: 18px;
    background-position: -482px -475px;
    margin-left: 4px
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img {
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    background-color: #fff
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img .img {
    vertical-align: top;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 1/1
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img .img.full_frame {
    -o-object-fit: contain;
    object-fit: contain
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(43,29,0,.05);
    border-radius: 2px
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img.no_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img.no_img::before {
    background-color: #f5f9fc
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img.no_img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background-color: #f0f6fb;
    z-index: 5
}

.order_promotion_wrap .promotion_list .promotion_item .wrap_img.no_img .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    z-index: 10
}

.order_promotion_wrap .promotion_list .promotion_item .label {
    position: absolute;
    height: 16px;
    top: 8px;
    left: 8px;
    padding: 2px;
    border-radius: 13px;
    z-index: 1
}

.order_promotion_wrap .promotion_list .promotion_item .label .label_txt {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    border-radius: 11px;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff
}

.order_promotion_wrap .promotion_list .promotion_item .label.best {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffc3d5), to(#ff5b8b));
    background-image: linear-gradient(to left, #ffc3d5, #ff5b8b)
}

.order_promotion_wrap .promotion_list .promotion_item .label.best .label_txt {
    color: #ff5b8b
}

.order_promotion_wrap .promotion_list .promotion_item .label.owner_recommend {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffe664), to(#ffab00));
    background-image: linear-gradient(to left, #ffe664, #ffab00)
}

.order_promotion_wrap .promotion_list .promotion_item .label.owner_recommend .label_txt {
    color: #ee8700
}

.order_promotion_wrap .promotion_list .promotion_item .btn_cart {
    z-index: 7;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px 0 5px 0;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    line-height: 17px
}

.order_promotion_wrap .promotion_list .promotion_item .btn_cart .ico_cart {
    width: 25px;
    height: 25px
}

.order_promotion_wrap .promotion_list .promotion_item .btn_cart .num {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 14px;
    height: 14px;
    border-radius: 9px;
    background-color: #fc4c42;
    font-size: 10px;
    line-height: 14px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    opacity: .9;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear
}

.order_promotion_wrap .promotion_list .promotion_item .btn_cart .num.ani {
    -webkit-animation: scaleCount .3s linear;
    animation: scaleCount .3s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.order_promotion_wrap .promotion_list .promotion_item .btn_cart .txt {
    font-size: 14px;
    color: #8f8f8f
}

.order_promotion_wrap .promotion_list .promotion_item .menu_box {
    position: relative;
    margin-top: 12px;
    padding: 0 5px
}

.order_promotion_wrap .promotion_list .promotion_item .menu_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    vertical-align: top;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_promotion_wrap .promotion_list .promotion_item .menu_name+.menu_review {
    padding-top: 4px
}

.order_promotion_wrap .promotion_list .promotion_item .menu_name .highlight {
    color: #03c75a
}

.order_promotion_wrap .promotion_list .promotion_item .menu_review {
    line-height: 19px;
    white-space: nowrap
}

.order_promotion_wrap .promotion_list .promotion_item .menu_review .text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.4px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_promotion_wrap .promotion_list .promotion_item .menu_review .text .title {
    font-weight: normal;
    color: #939396;
    color: var(--booking-color-gray50)
}

.order_promotion_wrap .promotion_list .promotion_item .menu_review .text .ico_star_red {
    width: 13px;
    height: 13px;
    background-position: -356px -398px;
    vertical-align: -1px;
    margin-right: 2px
}

.order_promotion_wrap .promotion_list .promotion_item .menu_review .text+.text {
    margin-left: 7px
}

.order_promotion_wrap .promotion_list .promotion_item .menu_review .text+.text::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-right: 7px;
    background-color: #ededed;
    vertical-align: -1px
}

.order_promotion_wrap .promotion_list .promotion_item .menu_price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 4px 0 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #fc4c4e
}

.order_promotion_wrap .promotion_list .promotion_item .original_price {
    margin-left: 5px;
    padding-top: 4px;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    color: #8f8f8f
}

.order_promotion_wrap .promotion_list .more {
    display: table-cell;
    padding: 0 17px 0 13px;
    vertical-align: middle;
    border: none
}

.order_promotion_wrap .promotion_list .more .btn_more {
    width: 89px;
    height: 89px;
    border-radius: 57px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.04);
    background-color: #fff;
    font-size: 15px;
    color: #333
}

.order_promotion_wrap .promotion_list .more .btn_more::after {
    width: 17px;
    height: 14px;
    background-position: -299px -186px;
    content: "";
    display: block;
    margin: 6px auto 0
}

@keyframes scaleCount {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.smart_product_tab {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_product_tab .product_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    padding: 26px 18px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.smart_product_tab .product_tab_all {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px
}

.smart_product_tab .product_tab_all .btn_all_category {
    position: relative;
    width: 44px;
    height: 44px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border-radius: 5px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    outline: none
}

.smart_product_tab .product_tab_all .btn_all_category .ico_all {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-position: -662px -173px
}

.smart_product_tab .product_tab_select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.smart_product_tab .product_tab_select .tab_switch_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    font-size: 18px;
    line-height: 42px;
    text-align: center
}

.smart_product_tab .product_tab_select .tab_switch_box::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 50%;
    height: 44px;
    border-radius: 5px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    -webkit-transition: left .2s ease,opacity .4s ease;
    transition: left .2s ease,opacity .4s ease
}

.smart_product_tab .product_tab_select .tab_switch_box.right::after {
    left: 50%
}

.smart_product_tab .product_tab_select .tab_switch_box .tab_switch {
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    color: var(--booking-color-gray0)
}

.smart_product_tab .product_tab_select .tab_switch_box .tab_switch.active {
    line-height: 44px;
    font-weight: 800;
    color: #fff
}

.smart_product_tab .product_tab_search {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 8px
}

.smart_product_tab .product_tab_search .btn_search {
    position: relative;
    width: 46px;
    height: 44px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border-radius: 5px;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: rgba(0,0,0,0)
}

.smart_product_tab .product_tab_search .btn_search .ico_order_search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    fill: #555558;
    fill: var(--booking-color-gray30)
}

.smart_search_layer {
    z-index: 9000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.smart_search_layer .layer_header {
    position: relative
}

.smart_search_layer .layer_header.scroll {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.04)
}

.smart_search_layer .layer_header.scroll::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.smart_search_layer .header_title {
    position: relative;
    padding: 17px 50px 14px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.smart_search_layer .header_title .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_search_layer .header_title .btn_close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 18px;
    height: 18px;
    padding: 10px
}

.smart_search_layer .header_title .btn_close .fn-booking-close1 {
    font-size: 18px;
    color: #000;
    color: var(--booking-color-gray0)
}

.smart_search_layer .header_search {
    max-width: 720px;
    margin: 0 auto
}

.smart_search_layer .header_search .search_box {
    position: relative;
    height: 55px;
    margin: 20px 18px;
    padding: 13px 55px 13px 51px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.03);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.03);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 3px
}

.smart_search_layer .header_search .search_box .btn_search {
    position: absolute;
    top: 0;
    left: 0;
    width: 51px;
    height: 53px;
    padding: 16px 15px;
    background-color: rgba(0,0,0,0)
}

.smart_search_layer .header_search .search_box .btn_search .ico_order_search {
    width: 21px;
    height: 21px;
    fill: #575756
}

.smart_search_layer .header_search .search_box .btn_delete {
    position: absolute;
    top: 0;
    right: 0;
    padding: 17px 18px;
    background-color: rgba(0,0,0,0)
}

.smart_search_layer .header_search .search_box .btn_delete .ico_delete {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    line-height: 19px;
    text-align: center
}

.smart_search_layer .header_search .search_box .btn_delete .ico_delete .fn-booking {
    font-size: 10px;
    color: #000;
    color: var(--booking-color-gray0)
}

.smart_search_layer .header_search .search_box .search_input {
    width: 100%;
    height: 27px;
    border: 0;
    outline: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20)
}

.smart_search_layer .header_search .search_box .search_input::-webkit-input-placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .header_search .search_box .search_input::-moz-placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .header_search .search_box .search_input:-ms-input-placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .header_search .search_box .search_input::-ms-input-placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .header_search .search_box .search_input::placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .header_search .search_box .search_input:-ms-input-placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .header_search .search_box .search_input::-webkit-input-placeholder {
    font-weight: 400;
    color: #b4b4b4
}

.smart_search_layer .layer_contents {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 74px
}

.smart_search_layer .layer_contents .section_contents {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.smart_search_layer .layer_contents .section_contents .order_list_tit {
    padding: 13px 18px 0;
    font-size: 17px;
    line-height: 1.18
}

.smart_search_layer .layer_contents .section_contents .order_list_tit .title {
    font-size: 17px;
    line-height: 1.18
}

.smart_search_layer .layer_contents .section_contents .order_list_tit .title::before {
    display: none
}

.section_delivery_form {
    position: relative;
    margin-top: 50px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_delivery_form+.section_delivery_form {
    margin-top: 10px
}

.section_delivery_form .section_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.section_delivery_form .delivery_title {
    padding: 35px 20px 0
}

.section_delivery_form .delivery_title .title_wrap {
    border-bottom: 3px solid;
    border-bottom-color: #444447;
    border-bottom-color: var(--booking-color-gray20);
    text-align: center
}

.section_delivery_form .delivery_title .title_wrap .title {
    width: 185px;
    height: 45px;
    margin: 0 auto;
    background-image: url(../../../public/assets/ico_delivery_title_gs25.png);
    background-size: 185px 45px;
    color: rgba(0,0,0,0);
    vertical-align: top
}

.section_delivery_form .delivery_title .title_wrap .title.cu {
    width: 155px;
    background-image: url(../../../public/assets/ico_delivery_title_cu.png);
    background-size: 155px 45px
}

.section_delivery_form .delivery_title .title_wrap .title.sevenEleven {
    width: 155px;
    background-image: url(../../../public/assets/ico_delivery_title_sevenEleven.png);
    background-size: 155px 45px
}

.section_delivery_form .delivery_title .title_wrap .title.emart24 {
    width: 238px;
    background-image: url(../../../public/assets/ico_delivery_title_emart24.png);
    background-size: 238px 45px
}

@media(prefers-color-scheme: dark) {
    body.is_dark .delivery_title .title_wrap .title {
        background-image:url(../../../public/assets/ico_delivery_title_gs25_darkmode.png)
    }

    body.is_dark .delivery_title .title_wrap .title.cu {
        background-image: url(../../../public/assets/ico_delivery_title_cu_darkmode.png)
    }

    body.is_dark .delivery_title .title_wrap .title.sevenEleven {
        background-image: url(../../../public/assets/ico_delivery_title_sevenEleven_darkmode.png)
    }

    body.is_dark .delivery_title .title_wrap .title.emart24 {
        background-image: url(../../../public/assets/ico_delivery_title_emart24_darkmode.png)
    }
}

.section_delivery_form .delivery_title .title_wrap .text {
    margin: 12px 0 20px;
    line-height: 1.4;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_delivery_form .delivery_title .title_wrap .text .point {
    font-weight: 600;
    color: #03c75a
}

.section_delivery_form .form_title {
    position: relative;
    padding: 29px 150px 0 20px;
    font-size: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_delivery_form .form_title .link_notice {
    position: absolute;
    bottom: 0;
    right: 20px;
    padding: 1px 15px;
    border-radius: 15px;
    border: 1px solid #03c75a;
    color: #03c75a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.24px;
    text-align: right
}

.section_delivery_form .form_title .link_notice::after {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    margin-left: 5px;
    width: 11px;
    height: 11px;
    background-position: -418px -384px
}

.section_delivery_form .form_cont {
    padding-bottom: 30px
}

.section_delivery_form .form_item {
    margin: 0 20px;
    padding-top: 26px
}

.section_delivery_form .form_item:first-child {
    padding-top: 21px
}

.section_delivery_form .form_item.type_promotion {
    padding-top: 16px
}

.section_delivery_form .form_item .title {
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_delivery_form .form_item .title:before,.section_delivery_form .form_item .title:after {
    content: " ";
    display: table
}

.section_delivery_form .form_item .title:after {
    clear: both
}

.section_delivery_form .form_item .title .limit {
    color: #989898
}

.section_delivery_form .form_item .title .required {
    float: right;
    color: #ff5658
}

.section_delivery_form .form_item .form {
    position: relative
}

.section_delivery_form .form_item .text {
    margin-top: 11px;
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_delivery_form .form_item .input_text {
    width: 100%;
    padding: 12px 30px 11px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    font-size: 18px;
    letter-spacing: -0.4px;
    font-weight: 600;
    word-break: keep-all;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_delivery_form .form_item .input_text.required::-webkit-input-placeholder {
    color: #ff5658
}

.section_delivery_form .form_item .input_text.required::-moz-placeholder {
    color: #ff5658
}

.section_delivery_form .form_item .input_text.required:-ms-input-placeholder {
    color: #ff5658
}

.section_delivery_form .form_item .input_text.required::-ms-input-placeholder {
    color: #ff5658
}

.section_delivery_form .form_item .input_text.required::placeholder {
    color: #ff5658
}

.section_delivery_form .form_item .input_text::-ms-clear {
    display: none
}

.section_delivery_form .form_item .input_text.address {
    padding: 12px 75px 11px 0
}

.section_delivery_form .form_item .input_text.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 12px 0
}

.section_delivery_form .form_item .input_text::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1
}

.section_delivery_form .form_item .input_text::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1
}

.section_delivery_form .form_item .input_text:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1
}

.section_delivery_form .form_item .input_text::-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1
}

.section_delivery_form .form_item .input_text::placeholder {
    color: #c9c9c9;
    opacity: 1
}

.section_delivery_form .form_item .input_radio {
    position: relative;
    display: inline-block;
    padding-right: 20px
}

.section_delivery_form .form_item .input_radio input[type=radio]+label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #000;
    color: var(--booking-color-gray0)
}

.section_delivery_form .form_item .input_radio input[type=radio]+label::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 21px;
    height: 21px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-radius: 50%;
    text-align: center
}

.section_delivery_form .form_item .input_radio input[type=radio]+label .original {
    display: block;
    font-size: 13px;
    color: #b5b5b5
}

.section_delivery_form .form_item .input_radio input[type=radio]+label .price {
    font-size: 14px;
    font-weight: normal;
    color: #fc4c4e
}

.section_delivery_form .form_item .input_radio input[type=radio]+label .price .txt {
    font-size: 13px
}

.section_delivery_form .form_item .input_radio input[type=radio]:checked+label::before {
    border-color: #03c75a
}

.section_delivery_form .form_item .input_radio input[type=radio]:checked+label:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 11px;
    height: 11px;
    background-color: #03c75a;
    border-radius: 50%
}

.section_delivery_form .form_item .btn_dropdown {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 0 11px;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #d9d9dc;
    color: var(--booking-color-gray70);
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.section_delivery_form .form_item .btn_dropdown.required {
    color: #ff5658
}

.section_delivery_form .form_item .btn_dropdown.active {
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_delivery_form .form_item .btn_dropdown::after {
    content: "";
    position: absolute;
    bottom: 19px;
    right: 0;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-top: 6px solid;
    border-top-color: #222225;
    border-top-color: var(--booking-color-gray10)
}

.section_delivery_form .form_item .btn_del {
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: -5px;
    padding: 12px 5px
}

.section_delivery_form .form_item .btn_del .ico_del {
    display: inline-block;
    vertical-align: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70);
    text-align: center
}

.section_delivery_form .form_item .btn_del .fn-booking-close1 {
    vertical-align: top;
    margin-top: 4px;
    font-size: 10px;
    color: #fff
}

.section_delivery_form .form_item .btn_address {
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 0;
    height: 26px;
    padding: 0 9px;
    border: 1px solid #4ed78b;
    border-radius: 3px;
    font-size: 14px;
    line-height: 26px;
    color: #4ed78b
}

.section_delivery_form .form_item .select_price {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 12px
}

.section_delivery_form .form_item .btn_price {
    display: inline-block;
    margin-right: 8px;
    padding: 5px 9px 6px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 15px;
    font-size: 13px;
    line-height: 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_delivery_form .form_item .notice_list {
    margin-top: 10px;
    padding: 18px 13px;
    border-radius: 4px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_delivery_form .form_item .notice_list .list_item {
    position: relative;
    padding-left: 8px;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50);
    line-height: 20px
}

.section_delivery_form .form_item .notice_list .list_item::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #d5dadd
}

.section_delivery_form .form_item .notice_list .list_item+.list_item {
    margin-top: 10px
}

.section_delivery_form .form_item .notice_list .list_item .point {
    color: #03c75a
}

.section_delivery_form .form_item .notice_list .list_item .extra_charge {
    padding-top: 5px
}

.section_delivery_form .form_item .notice_list .list_item .extra_charge .item {
    position: relative;
    display: block;
    padding-left: 8px;
    font-size: 13px
}

.section_delivery_form .form_item .notice_list .list_item .extra_charge .item::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #d5dadd
}

.section_delivery_form .form_item .promotion {
    position: relative;
    padding: 18px 14px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    border-radius: 4px
}

.section_delivery_form .form_item .promotion::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 20px;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    border-bottom: 14px solid;
    border-bottom-color: #f0f0f3;
    border-bottom-color: var(--booking-color-gray90)
}

.section_delivery_form .form_item .promotion_title {
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_delivery_form .form_item .promotion_title .ico_alert {
    width: 14px;
    height: 14px;
    margin-right: 7px;
    vertical-align: -1px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.section_delivery_form .form_item .promotion_desc {
    position: relative;
    margin-top: 10px;
    padding-left: 8px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 20px
}

.section_delivery_form .form_item .promotion_desc::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #d5dadd
}

.section_delivery_form .form_item .promotion_desc .point {
    color: #03c75a
}

.section_delivery_form .form_layer {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.section_delivery_form .form_layer .layer_dimmed {
    height: 100%
}

.section_delivery_form .form_layer .layer_popup {
    z-index: 9999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.section_delivery_form .form_layer .layer_popup .popup_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 720px;
    max-height: 518px;
    margin: 0 auto;
    overflow-y: auto
}

.section_delivery_form .form_layer .layer_popup .popup_header {
    position: relative;
    padding: 20px 56px 11px 26px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    color: var(--booking-color-gray0)
}

.section_delivery_form .form_layer .layer_popup .popup_notice {
    margin: 0 26px;
    padding: 14px 18px;
    border-radius: 5px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_delivery_form .form_layer .layer_popup .popup_notice .notice_text {
    position: relative;
    padding-left: 21px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    word-break: keep-all
}

.section_delivery_form .form_layer .layer_popup .popup_notice .ico_alert {
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    fill: #fc4c4e;
    fill: var(--booking-color-emphasis)
}

.section_delivery_form .form_layer .layer_popup .popup_notice .notice_sub_text {
    font-weight: normal
}

.section_delivery_form .form_layer .layer_popup .popup_content {
    overflow-x: hidden;
    overflow-y: auto
}

.section_delivery_form .form_layer .layer_popup .popup_content .delivery_list {
    padding: 0 26px
}

.section_delivery_form .form_layer .layer_popup .popup_content .delivery_list .list_item+.list_item {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_delivery_form .form_layer .layer_popup .popup_content .delivery_list .list_item:first-child {
    border-top: 0
}

.section_delivery_form .form_layer .layer_popup .popup_content .delivery_list .btn_select {
    display: block;
    padding: 14px 0 15px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_delivery_form .form_layer .layer_popup .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    padding: 20px;
    color: #000;
    color: var(--booking-color-gray0)
}

.section_delivery_form .btn_my_address {
    position: absolute;
    top: 29px;
    right: 20px;
    height: 26px;
    padding: 0 9px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 3px;
    font-size: 14px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20);
    line-height: 26px;
    z-index: 10
}

.section_delivery_form .my_address_cont {
    position: relative;
    margin: 12px 19px 0;
    border: solid 1px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.section_delivery_form .my_address_cont .address_header {
    overflow: hidden;
    padding: 10px 16px;
    border-bottom: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_delivery_form .my_address_cont .btns_list {
    float: right
}

.section_delivery_form .my_address_cont .btn_list_address {
    display: inline-block;
    height: 26px;
    padding: 0 9px;
    border-radius: 3px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 14px;
    line-height: 26px
}

.section_delivery_form .my_address_cont .btn_list_address+.btn_list_address {
    margin-left: 8px
}

.section_delivery_form .my_address_cont .address_list .list_item {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_delivery_form .my_address_cont .address_list .list_item.seleced {
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_delivery_form .my_address_cont .address_list .list_item+.list_item .btn_cont {
    border-top: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_delivery_form .my_address_cont .address_list .btn_cont {
    display: block;
    position: relative;
    margin: 0 15px;
    padding: 13px 0 13px 23px;
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 23px;
    letter-spacing: -0.25px
}

.section_delivery_form .my_address_cont .address_list .fn-pin4 {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 20px;
    color: #03c75a
}

.section_delivery_form .my_address_cont .address_list .info .text {
    position: relative
}

.section_delivery_form .my_address_cont .address_list .info .text+.text {
    padding-left: 6px
}

.section_delivery_form .my_address_cont .address_list .info .text+.text::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #d8d8d8;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70);
    margin-right: 6px
}

.section_delivery_form .my_address_cont .address_list .label {
    display: inline-block;
    height: 18px;
    padding: 0 6px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: solid 1px #03c75a;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #03c75a;
    line-height: 16px;
    letter-spacing: -0.2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_delivery_form .my_address_cont .btn_add_new_address {
    display: block;
    padding: 14px 0;
    border-top: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.section_delivery_form .my_address_cont .btn_add_new_address .fn-booking-plus1 {
    margin-right: 6px;
    font-size: 14px;
    vertical-align: -1px
}

.section_delivery_form .check_add_address {
    margin: 0 20px;
    padding-top: 22px
}

.section_delivery_form .check_add_address .check:checked+.label .ico_check {
    border: 1px solid #00d780;
    background-color: #00d780
}

.section_delivery_form .check_add_address .check:checked+.label .ico_check::before {
    border-color: #fff
}

.section_delivery_form .check_add_address .ico_check {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-radius: 50%
}

.section_delivery_form .check_add_address .ico_check::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-width: 0px 0 1.5px 1.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.section_delivery_form .check_add_address .label {
    display: inline-block;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 14px;
    line-height: 22px
}

.section_delivery_footer {
    max-width: 720px;
    margin: 0 auto;
    padding: 30px 18px 10px
}

.section_delivery_footer .btn_booking_delivery {
    display: block;
    padding: 15px 0 13px;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70);
    color: #fff;
    color: var(--booking-color-gray100);
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.section_delivery_footer .btn_booking_delivery.selected {
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), to(#01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760);
    color: #fff
}

.section_delivery_notice {
    padding: 10px 0 25px;
    font-size: 13px;
    letter-spacing: -0.14px;
    text-align: center;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_delivery_notice .fn-info1 {
    margin-right: 3px;
    vertical-align: -3px;
    font-size: 17px
}

.ico_delivery_cu {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 30px
}

.ico_delivery_gs25 {
    display: inline-block;
    vertical-align: top;
    width: 66px;
    height: 21px
}

.ico_delivery_sevenEleven {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    height: 25px
}

.ico_delivery_emart24 {
    display: inline-block;
    vertical-align: top;
    width: 66px;
    height: 21px
}

.page_search_store {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_search_store .user_header.new {
    position: relative;
    padding: 9px 0;
    border-bottom: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_search_store .tabs_my {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_search_store .tabs_my.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.page_search_store .tabs_my.fixed+.inner {
    padding-top: 46px
}

.page_search_store .inner {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 16px
}

.page_search_store .search_form {
    padding: 24px 0 12px
}

.page_search_store .search_form .input_wrap {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 12px
}

.page_search_store .search_form .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 0;
    border: 0;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_search_store .search_form .input::-webkit-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input::-moz-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input:-ms-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input::-ms-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input::placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input:-ms-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input::-webkit-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_form .input:focus-visible {
    outline: none
}

.page_search_store .search_form .ico_search {
    width: 13px;
    height: 13px;
    padding: 15px 8px 16px 16px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    fill: #77777a;
    fill: var(--booking-color-gray40)
}

.page_search_store .search_form .btn_cancel {
    padding: 10px 16px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.page_search_store .search_form .btn_cancel .ico_cancel {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    line-height: 19px;
    text-align: center
}

.page_search_store .search_form .btn_cancel .fn-booking-close2 {
    font-size: 10px;
    color: #939396;
    color: var(--booking-color-gray50);
    vertical-align: 1px
}

.page_search_store .search_result {
    padding-bottom: 24px
}

.page_search_store .search_result .result_list .result_item {
    padding: 16px 0
}

.page_search_store .search_result .result_list .result_item+.result_item {
    border-top: 1px solid;
    border-top-color: #f0f0f3;
    border-top-color: var(--booking-color-gray90)
}

.page_search_store .search_result .business_link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.page_search_store .search_result .business_link .name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.page_search_store .search_result .business_link mark {
    color: #0068c3;
    color: var(--booking-color-blue-link);
    background-color: rgba(0,0,0,0)
}

.page_search_store .search_result .business_addr {
    margin-top: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_search_store .search_result .result_more {
    position: relative;
    margin-top: 12px;
    text-align: center
}

.page_search_store .search_result .result_more::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.page_search_store .search_result .result_more .btn_more {
    position: relative;
    padding: 6px 20px;
    border-radius: 18px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_search_store .search_result .result_more .btn_more .fn-down2 {
    margin-left: 4px;
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: -2px
}

.page_search_store .search_noresult {
    height: 400px;
    text-align: center
}

.page_search_store .search_noresult .fn-booking-caution {
    margin-top: 80px;
    font-size: 52px;
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.page_search_store .search_noresult .tit {
    margin-top: 22px;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_search_store .search_noresult .tit .search_name {
    color: #03aa5a
}

.page_search_store .search_noresult .desc {
    margin-top: 8px;
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_book_jp {
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.page_book_jp .page_inner {
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.page_book_jp [class*=_section] {
    padding: 0 16px
}

.page_book_jp [class*=_section]+[class*=_section] {
    border-top: 10px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_book_jp .section_title {
    padding-top: 24px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .section_title .count {
    margin-left: 4px;
    color: #fd3344;
    color: var(--yahoo-color-red100)
}

.page_book_jp .section_title .btn_help {
    vertical-align: -2px;
    margin-left: 5px;
    font-size: 14px;
    color: #999;
    color: var(--yahoo-color-gray60)
}

.page_book_jp .section_title .tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 53px;
    left: 16px;
    max-width: calc(100% - 64px);
    padding: 12px 14px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    border: 1px solid;
    border-color: #1a75ff;
    border-color: var(--yahoo-color-blue100);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.04),0px 2px 3px rgba(0,0,0,.12);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,.04),0px 2px 3px rgba(0,0,0,.12);
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary);
    z-index: 1000
}

.page_book_jp .section_title .tooltip::before,.page_book_jp .section_title .tooltip::after {
    content: "";
    position: absolute;
    top: 0;
    left: 139px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page_book_jp .section_title .tooltip::before {
    border: 6px solid rgba(0,0,0,0);
    border-bottom-color: inherit;
    top: -12px
}

.page_book_jp .section_title .tooltip::after {
    border: 5px solid rgba(0,0,0,0);
    border-bottom-color: #fff;
    border-bottom-color: var(--yahoo-color-gray0);
    top: -10px
}

.page_book_jp .section_title .tooltip .btn_close {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    margin: 4px 0 0 14px;
    line-height: 12px
}

.page_book_jp .section_title .tooltip .btn_close .icon {
    width: 12px;
    height: 12px;
    fill: #61a0ff;
    fill: var(--yahoo-color-blue60)
}

.page_book_jp .section_text {
    padding-top: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    color: var(--yahoo-color-text-secondary);
    word-break: keep-all
}

.page_book_jp .coupon_menu_section .coupon_menu_list .item {
    padding-top: 20px
}

.page_book_jp .coupon_menu_section .coupon_menu_list .item+.item {
    margin-top: 20px;
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .coupon_menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_book_jp .coupon_menu_section .coupon_menu_list .image_area {
    margin-right: 15px
}

.page_book_jp .coupon_menu_section .coupon_menu_list .wrap_image {
    overflow: hidden;
    width: 49px;
    height: 49px;
    border-radius: 6px;
    background-color: #eee;
    background-color: var(--yahoo-color-gray20)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page_book_jp .coupon_menu_section .coupon_menu_list .ico_noimg {
    width: 35px;
    height: 35px;
    margin: 7px
}

.page_book_jp .coupon_menu_section .coupon_menu_list .text_area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 32px
}

.page_book_jp .coupon_menu_section .coupon_menu_list .wrap_title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 42px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .wrap_title:before,.page_book_jp .coupon_menu_section .coupon_menu_list .wrap_title:after {
    content: " ";
    display: table
}

.page_book_jp .coupon_menu_section .coupon_menu_list .wrap_title:after {
    clear: both
}

.page_book_jp .coupon_menu_section .coupon_menu_list .wrap_title .point {
    display: inline-block;
    vertical-align: top;
    color: #ff6673;
    color: var(--yahoo-color-red90)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .price {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .price.red {
    color: #fd3344;
    color: var(--yahoo-color-red100)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .time,.page_book_jp .coupon_menu_section .coupon_menu_list .style {
    padding-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .link_details {
    padding-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .link_details .ico_arrow_right {
    width: 6px;
    height: 10px;
    margin-left: 8px;
    fill: #0b62e5;
    fill: var(--yahoo-color-text-link)
}

.page_book_jp .coupon_menu_section .coupon_menu_list .btn_remove {
    position: absolute;
    top: 0;
    right: 0
}

.page_book_jp .coupon_menu_section .coupon_menu_list .btn_remove .ico_close {
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 4px;
    fill: #999;
    fill: var(--yahoo-color-gray60)
}

.page_book_jp .coupon_menu_section .alert_box {
    margin-top: 25px;
    padding: 15px 16px;
    border-radius: 5px;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10);
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .coupon_menu_section .alert_box .point {
    color: #fd3344;
    color: var(--yahoo-color-red100)
}

.page_book_jp .recommend_coupon_section {
    position: relative
}

.page_book_jp .recommend_coupon_section .btn_more_coupon {
    position: absolute;
    top: 28px;
    right: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.page_book_jp .recommend_coupon_section .coupon_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -16px;
    padding: 16px 0 24px;
    overflow-x: auto
}

.page_book_jp .recommend_coupon_section .coupon_item {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 288px;
    margin: 0 4px 0 16px;
    padding: 12px 12px 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.04),0px 2px 3px rgba(0,0,0,.12);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,.04),0px 2px 3px rgba(0,0,0,.12);
    border-radius: 4px
}

.page_book_jp .recommend_coupon_section .coupon_item+.coupon_item {
    margin: 0 4px
}

.page_book_jp .recommend_coupon_section .coupon_item:last-child {
    margin: 0 16px 0 4px
}

.page_book_jp .recommend_coupon_section .coupon_item.only {
    width: calc(100% - 32px);
    max-width: 492px;
    margin: 0 16px
}

.page_book_jp .recommend_coupon_section .beauty_coupon_jp {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page_book_jp .recommend_coupon_section .beauty_coupon_jp .coupon_thumb {
    width: 64px;
    height: 64px
}

.page_book_jp .recommend_coupon_section .btn_select {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    height: 32px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #1a75ff;
    color: var(--yahoo-color-blue100)
}

.page_book_jp .stylist_section .top_info_label {
    margin: 16px -16px 0
}

.page_book_jp .stylist_section .stylist_list .item {
    padding: 16px 0
}

.page_book_jp .stylist_section .stylist_list .item+.item {
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_book_jp .stylist_section .page_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 16px;
    padding: 19px 0 26px;
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_book_jp .stylist_section .page_wrap .page_btn {
    padding: 3px 7px;
    line-height: 11px
}

.page_book_jp .stylist_section .page_wrap .page_btn:disabled .ico_arrow {
    fill: #ddd;
    fill: var(--yahoo-color-gray30)
}

.page_book_jp .stylist_section .page_wrap .page_btn.pre .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page_book_jp .stylist_section .page_wrap .page_btn .ico_arrow {
    width: 10px;
    height: 18px;
    fill: #444;
    fill: var(--yahoo-color-text-primary)
}

.page_book_jp .stylist_section .page_wrap .page_num {
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .stylist_section .page_wrap .page_num .current {
    padding-right: 5px;
    font-weight: 700;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.page_book_jp .stylist_section .page_wrap .page_num .total {
    padding-left: 5px
}

.page_book_jp .stylist_section .select_schedule .button_add_wrap {
    padding-top: 8px
}

.page_book_jp .stylist_section .select_schedule .button_add_wrap .btn_add.type_blue {
    border: none;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    color: #fff
}

.page_book_jp .stylist_section .select_schedule .button_add_wrap .btn_add.type_blue .ico_calendar {
    vertical-align: -2px;
    margin-right: 8px;
    width: 15px;
    height: 14px;
    fill: #fff
}

.page_book_jp .stylist_section .select_schedule .button_add_wrap .btn_add.type_light_blue {
    border: none;
    background-color: #e5f0ff;
    background-color: var(--yahoo-color-blue10)
}

.page_book_jp .stylist_section .select_schedule .button_add_wrap .btn_add.type_light_blue .ico_arrow_right {
    vertical-align: -1px;
    margin-left: 7px;
    width: 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #1a75ff;
    fill: var(--yahoo-color-blue100)
}

.page_book_jp .precautions_section {
    padding-bottom: 30px
}

.page_book_jp .precautions_section .precaution_title {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .precautions_section .precaution_text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .button_add_wrap {
    position: relative;
    padding: 24px 0
}

.page_book_jp .button_add_wrap .btn_add {
    width: 100%;
    height: 44px;
    padding: 10px;
    border: 1px solid;
    border-color: #1a75ff;
    border-color: var(--yahoo-color-blue100);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #1a75ff;
    color: var(--yahoo-color-blue100)
}

.page_book_jp .button_add_wrap .btn_add.type_border_gray {
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30)
}

.page_book_jp .button_add_wrap .btn_add .fn-booking-plus1 {
    vertical-align: -1px;
    margin-right: 6px;
    font-size: 14px
}

.page_book_jp .button_add_wrap .btn_add .fn-booking-plus1::before {
    font-weight: bold
}

.page_book_jp .button_add_wrap .tooltip {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -27px);
    transform: translate(-50%, -27px);
    padding: 10px 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.15);
    box-shadow: 0 4px 4px rgba(0,0,0,.15);
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    white-space: nowrap;
    z-index: 100
}

.page_book_jp .button_add_wrap .tooltip::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -4px;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-bottom: 6px solid;
    border-bottom-color: #1a75ff;
    border-bottom-color: var(--yahoo-color-blue100)
}

.page_book_jp .button_add_wrap .tooltip .point {
    font-weight: 700;
    color: #fff974
}

.page_book_jp .book_modal_jp .beauty_filter_jp.fixed {
    position: absolute
}

.page_book_jp .book_modal_jp .beauty_filter_jp.fixed+.modal_inner {
    padding-top: 64px
}

.page_book_jp .book_modal_jp .wrap_menu_list+.wrap_menu_list {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 10px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_book_jp .book_modal_jp .menu_list_title {
    margin: 8px 0 16px;
    padding: 0 16px;
    font-weight: 700;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_book_jp .book_modal_jp .menu_list {
    padding: 0 16px
}

.page_book_jp .book_modal_jp .menu_item {
    padding: 16px 0;
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_book_jp .book_modal_jp .beauty_stylist_detail_jp .stylist_inner {
    padding-top: 0
}

.page_request_jp {
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.page_request_jp .page_inner {
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.page_request_jp [class*=_section] {
    padding: 0 16px
}

.page_request_jp [class*=_section]+[class*=_section] {
    border-top: 10px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_request_jp .section_title {
    padding: 24px 0 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .section_title.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_request_jp .section_title.line .txt_blue {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page_request_jp .section_title .txt_blue {
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.page_request_jp .section_title .line_btn {
    width: 80px;
    height: 20px;
    margin: 2px 0 0 5px;
    border-radius: 3px;
    background-color: #06c755;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    letter-spacing: -0.3px
}

.page_request_jp .section_title .line_btn .ico_line {
    width: 13px;
    height: 12px;
    background-position: -94px -46px;
    margin-right: 6px;
    vertical-align: -2px
}

.page_request_jp .booking_sheet_section {
    padding-bottom: 16px
}

.page_request_jp .booking_sheet_section .booking_info.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_request_jp .booking_sheet_section .booking_info.flex .title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60px
}

.page_request_jp .booking_sheet_section .booking_info+.booking_info {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_request_jp .booking_sheet_section .booking_info .title {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.page_request_jp .booking_sheet_section .booking_info .text {
    padding-top: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .booking_info .info {
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .booking_info .duration {
    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.page_request_jp .booking_sheet_section .booking_info .price {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .menu_price_list .item {
    padding-top: 16px
}

.page_request_jp .booking_sheet_section .menu_price_list .item+.item {
    margin-top: 16px;
    border-top: 1px dashed;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_request_jp .booking_sheet_section .menu_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_request_jp .booking_sheet_section .menu_price.total {
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 8px;
    border-top: 2px solid;
    border-color: #444;
    border-color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .menu_price.total .menu {
    font-weight: 700
}

.page_request_jp .booking_sheet_section .menu_price.total .price {
    font-size: 18px
}

.page_request_jp .booking_sheet_section .menu_price .menu_area {
    min-width: 0
}

.page_request_jp .booking_sheet_section .menu_price .menu {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 14px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .menu_price .point {
    color: #ff6673;
    color: var(--yahoo-color-red90)
}

.page_request_jp .booking_sheet_section .menu_price .price_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto
}

.page_request_jp .booking_sheet_section .menu_price .price {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .menu_price .price.red {
    color: #fd3344;
    color: var(--yahoo-color-red100)
}

.page_request_jp .booking_sheet_section .buttons_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px
}

.page_request_jp .booking_sheet_section .buttons_area .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 11px 5px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .buttons_area .button+.button {
    margin-left: 9px
}

.page_request_jp .booking_sheet_section .alert_box {
    margin-top: 16px;
    padding: 15px 16px;
    border-radius: 5px;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10);
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_sheet_section .alert_box .point {
    color: #fd3344;
    color: var(--yahoo-color-red100)
}

.page_request_jp .booking_form_section {
    padding: 0
}

.page_request_jp .booking_form_section .wrap_form+.wrap_form {
    padding-top: 24px
}

.page_request_jp .booking_form_section .form_title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_form_section .form {
    margin-top: 8px
}

.page_request_jp .booking_form_section .input {
    width: calc(100% - 30px);
    padding: 13px 15px 12px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    font-size: 14px;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_form_section .input::-webkit-input-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .input::-moz-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .input:-ms-input-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .input::-ms-input-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .input::placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .textarea_box {
    position: relative
}

.page_request_jp .booking_form_section .textarea {
    display: block;
    width: calc(100% - 30px);
    height: 65px;
    padding: 13px 15px 30px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    font-size: 14px;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_form_section .textarea::-webkit-input-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .textarea::-moz-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .textarea:-ms-input-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .textarea::-ms-input-placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .textarea::placeholder {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .word_limit {
    position: absolute;
    right: 17px;
    bottom: 10px;
    font-size: 12px;
    line-height: 19px;
    color: #aaa;
    color: var(--yahoo-color-text-disabled);
    text-align: right
}

.page_request_jp .booking_form_section .word_limit .num {
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_form_section .necessary {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #ff6673;
    color: var(--yahoo-color-red90);
    word-break: keep-all
}

.page_request_jp .booking_form_section .wrap_radio {
    line-height: 22px
}

.page_request_jp .booking_form_section .wrap_radio+.wrap_radio {
    margin-top: 10px
}

.page_request_jp .booking_form_section .wrap_radio .radio {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    border: 1px solid;
    border-color: #999;
    border-color: var(--yahoo-color-gray60);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page_request_jp .booking_form_section .wrap_radio .radio:checked {
    position: relative;
    border-color: #1a75ff
}

.page_request_jp .booking_form_section .wrap_radio .radio:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100)
}

.page_request_jp .booking_form_section .wrap_radio .label {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_form_section .wrap_select {
    position: relative
}

.page_request_jp .booking_form_section .wrap_select::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 17px;
    border-radius: 1px;
    border-left: 5px solid rgba(0,0,0,0);
    border-top: 7px solid;
    border-top-color: #999;
    border-top-color: var(--yahoo-color-gray60);
    border-right: 5px solid rgba(0,0,0,0)
}

.page_request_jp .booking_form_section .select_box {
    display: block;
    width: 100%;
    padding: 12px 47px 12px 15px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    font-size: 14px;
    line-height: 19px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .booking_form_section .select_box:invalid {
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.page_request_jp .booking_form_section .list_checkbox .item_checkbox+.item_checkbox {
    margin-top: 8px
}

.page_request_jp .booking_form_section .label_check {
    display: inline-block
}

.page_request_jp .booking_form_section .label_check .input:checked+.check_box {
    border-color: #1a75ff;
    border-color: var(--yahoo-color-blue100);
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100)
}

.page_request_jp .booking_form_section .label_check .input:checked+.check_box .check_icon {
    display: block
}

.page_request_jp .booking_form_section .label_check .check_box {
    display: inline-block;
    vertical-align: -5px;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-color: #777;
    border-color: var(--yahoo-color-text-secondary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    line-height: 20px;
    text-align: center
}

.page_request_jp .booking_form_section .label_check .check_icon {
    display: none;
    width: 18px;
    height: 18px;
    fill: #fff
}

.page_request_jp .booking_form_section .label_check .check_text {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    font-size: 14px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .user_form_area {
    padding: 0 16px 24px
}

.page_request_jp .user_form_area .name_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.page_request_jp .user_form_area .name_form .wrap_input_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page_request_jp .user_form_area .name_form .wrap_input_text+.wrap_input_text {
    margin-left: 8px
}

.page_request_jp .user_form_area .name_form .label {
    display: block;
    padding-bottom: 8px;
    font-size: 13px;
    line-height: 16px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .additional_form_area {
    padding: 0 16px 24px;
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.page_request_jp .additional_form_area .form_title {
    font-size: 14px;
    line-height: 22px
}

.page_request_jp .additional_form_area .form_text {
    margin-top: 6px;
    font-size: 12px;
    line-height: 20px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.page_request_jp .agreement_section {
    padding-bottom: 24px
}

.page_request_jp .agreement_section .list_terms .item+.item {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.page_request_jp .agreement_section .list_terms .title {
    font-size: 14px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .agreement_section .list_terms .title::before {
    content: "";
    display: inline-block;
    vertical-align: 4px;
    width: 3px;
    height: 3px;
    margin-left: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #444;
    background-color: var(--yahoo-color-text-primary)
}

.page_request_jp .agreement_section .list_terms .text {
    margin-top: 8px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.page_request_jp .agreement_section .list_terms .link {
    display: inline-block;
    vertical-align: top;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.page_request_jp .foot_button_area {
    padding: 0 16px 16px
}

.page_request_jp .btn_confirm {
    width: 100%;
    padding: 12px 4px;
    border-radius: 4px;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff
}

.page_request_jp .btn_confirm .sub_text {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.page_request_jp .store_private_policy_section {
    padding-bottom: 24px
}

.page_request_jp .store_private_policy_section .section_title {
    padding-bottom: 24px
}

.page_request_jp .store_private_policy_section .wrap_policy+.wrap_policy {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.page_request_jp .store_private_policy_section .policy_title {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .store_private_policy_section .policy_text {
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.page_request_jp .store_private_policy_section .policy_text .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-top: 5px
}

.page_request_jp .store_private_policy_section .list_policy {
    margin-top: 16px
}

.page_request_jp .store_private_policy_section .item_policy+.item_policy {
    margin-top: 20px
}

.page_request_jp .store_private_policy_section .item_policy .policy_title {
    font-weight: 400
}

.page_request_jp .store_private_policy_section .item_policy .policy_title::before {
    content: "";
    display: inline-block;
    vertical-align: 4px;
    width: 3px;
    height: 3px;
    margin-left: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #444;
    background-color: var(--yahoo-color-text-primary)
}

.page_request_jp .store_private_policy_section .item_policy .policy_text {
    padding-left: 20px
}

.page_request_jp .page_confirm {
    margin: 0;
    padding: 16px 10px 24px;
    background-color: #eee;
    background-color: var(--yahoo-color-gray20)
}

.page_request_jp .page_confirm .page_confirm_inner {
    max-width: 1024px
}

.page_request_jp .page_confirm .confirm_item_body {
    margin: 0;
    padding: 16px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.08);
    box-shadow: 0px 3px 5px rgba(0,0,0,.08);
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.page_request_jp .page_confirm .confirm_item_body.close_content .tit_confirm_item {
    padding-bottom: 0
}

.page_request_jp .page_confirm .confirm_item_body.close_content .confirm_item_wrap .btn_open_card::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page_request_jp .page_confirm .confirm_item_body+.confirm_item_body {
    margin-top: 16px
}

.page_request_jp .page_confirm .confirm_item_body .tit_confirm_item {
    padding-bottom: 14px
}

.page_request_jp .page_confirm .confirm_item_body .confirm_item_wrap .text_confirm_item {
    font-size: 16px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .page_confirm .confirm_item_body .confirm_item_wrap .btn_open_card::before {
    content: "";
    position: absolute;
    top: 9px;
    right: 5px;
    border-radius: 1px;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-bottom: 7px solid;
    border-bottom-color: #999;
    border-bottom-color: var(--yahoo-color-gray60)
}

.page_request_jp .section_business_notice {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .section_precautions .precaution_title {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .section_precautions .precaution_text {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .section_home {
    margin-top: 16px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.page_request_jp .section_map {
    padding-top: 20px
}

.page_request_jp .section_map .map_figure .btns_area .btn_transport {
    background-color: rgba(0,0,0,0);
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .section_map .map_figure .btns_area .btn_transport .ico_bus,.page_request_jp .section_map .map_figure .btns_area .btn_transport .ico_car,.page_request_jp .section_map .map_figure .btns_area .btn_transport .ico_walk {
    vertical-align: top;
    width: 24px;
    height: 24px;
    fill: #1a75ff;
    fill: var(--yahoo-color-blue100)
}

.page_request_jp .section_map .map_figure .btns_area .btn_transport .txt {
    display: block;
    line-height: 22px
}

.page_request_jp .section_map .map_info .info_area {
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.page_request_jp .section_map .map_info .info_area+.info_area {
    margin-top: 15px
}

.page_request_jp .section_map .map_info .info_area .ico_pin,.page_request_jp .section_map .map_info .info_area .ico_call,.page_request_jp .section_map .map_info .info_area .ico_car {
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    fill: #444;
    fill: var(--yahoo-color-text-primary)
}

.page_request_jp .section_map .map_info .info_area .tel {
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.top_info_label {
    padding: 12px 18px;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10)
}

.top_info_label.type_yellow {
    background-color: rgba(255, 243, 191, 0.5);
    background-color: var(--yahoo-color-yellow0)
}

.top_info_label.type_yellow .info_text,.top_info_label.type_yellow .info_text_right {
    color: #f38f00;
    color: var(--yahoo-color-yellow110)
}

.top_info_label.type_green {
    background-color: rgba(199, 242, 215, 0.5);
    background-color: var(--yahoo-color-green0)
}

.top_info_label.type_green .info_text,.top_info_label.type_green .info_text_right {
    color: #009637;
    color: var(--yahoo-color-green100)
}

.top_info_label.type_gray {
    background-color: #eee;
    background-color: var(--yahoo-color-gray20)
}

.top_info_label.type_gray .info_text,.top_info_label.type_gray .info_text_right {
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.top_info_label.type_blue {
    background-color: #e5f0ff;
    background-color: var(--yahoo-color-blue10)
}

.top_info_label.type_blue .info_text,.top_info_label.type_blue .info_text_right {
    color: #1a75ff;
    color: var(--yahoo-color-blue100)
}

.top_info_label .label_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1024px;
    margin: 0 auto
}

.top_info_label [class*=ico_] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.top_info_label .ico_clock {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    fill: #f38f00;
    fill: var(--yahoo-color-yellow110)
}

.top_info_label .ico_check {
    margin-right: 6px;
    width: 18px;
    height: 18px;
    fill: #009637;
    fill: var(--yahoo-color-green100)
}

.top_info_label .ico_close {
    margin-right: 6px;
    width: 12px;
    height: 12px;
    fill: #444;
    fill: var(--yahoo-color-text-primary)
}

.top_info_label .ico_edit {
    margin-right: 6px;
    width: 18px;
    height: 18px;
    fill: #1a75ff;
    fill: var(--yahoo-color-blue100)
}

.top_info_label .ico_coupon_percent {
    margin-right: 6px;
    width: 18px;
    height: 17px
}

.top_info_label .ico_coupon_percent [class*=bg] {
    fill: #ff858f;
    fill: var(--yahoo-color-red60)
}

.top_info_label .info_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.top_info_label .info_text em {
    font-weight: 600
}

.top_info_label .info_text_right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    font-size: 13px
}

.top_info_label .info_text_right em {
    font-weight: 600
}

.top_info_label .link_restore {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    font-size: 13px;
    color: #0b62e5;
    color: var(--yahoo-color-text-link);
    text-decoration: underline
}

.book_my_jp .book_my_inner {
    max-width: 1024px;
    margin: 0 auto;
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.book_my_jp .book_my_section {
    padding-bottom: 24px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.book_my_jp .book_my_section.history {
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10)
}

.book_my_jp .book_my_section.no_result {
    position: relative;
    height: calc(100vh - 56px);
    padding: 0;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10)
}

.book_my_jp .book_my_section.no_result .message {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_my_jp .book_my_section.loading {
    height: 100%;
    padding-bottom: 20px
}

.book_my_jp .book_my_section.no_result_history {
    height: 358px
}

.book_my_jp .book_my_title {
    padding: 24px 18px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_my_jp .book_my_list {
    padding: 16px 16px 0
}

.book_my_jp .book_my_btn {
    margin-top: 24px;
    text-align: center
}

.book_my_jp .book_my_btn .btn_more {
    font-size: 14px;
    line-height: 17px;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.book_my_jp .book_my_btn .btn_more .fn-booking-down1 {
    vertical-align: -3px;
    margin-left: 5px
}

.book_my_jp .book_my_btn .btn_more .fn-booking-down1::before {
    font-weight: bold
}

.book_my_jp .book_my_item+.book_my_item {
    margin-top: 16px
}

.book_my_jp .book_my_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 16px 0;
    overflow-x: auto
}

.book_my_jp .book_my_filter .btn_filter {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 9px 12px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    border-radius: 16px;
    font-size: 12px;
    line-height: 14px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.book_my_jp .book_my_filter .btn_filter+.btn_filter {
    margin-left: 8px
}

.book_my_jp .book_my_filter .btn_filter.active {
    border-color: #e5f0ff;
    border-color: var(--yahoo-color-blue10);
    background-color: #e5f0ff;
    background-color: var(--yahoo-color-blue10);
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.book_my_jp .book_my_filter .btn_filter.active .count {
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.book_my_jp .book_my_filter .btn_filter .count {
    margin-left: 4px;
    font-size: 14px;
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.book_my_jp .book_my_filter .btn_filter .ico_arrow {
    vertical-align: 2px;
    width: 8px;
    height: 5px;
    margin-left: 6px;
    fill: #999;
    fill: var(--yahoo-color-gray60)
}

.book_my_jp .book_my_filter .btn_filter .date {
    font-size: 14px;
    line-height: 14px;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.book_my_jp .book_my_filter .btn_filter .close {
    margin-left: 5px;
    line-height: 10px
}

.book_my_jp .book_my_filter .btn_filter .close .ico_close {
    width: 10px;
    height: 10px;
    fill: #0b62e5;
    fill: var(--yahoo-color-text-link)
}

.book_my_jp .book_my_loader {
    position: relative;
    margin: 20px 16px 0;
    height: 827px
}

.book_my_jp .book_my_loader .bg_loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 265px;
    border-radius: 10px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.book_my_jp .book_my_loader .bg_loader:nth-child(2) {
    top: 281px
}

.book_my_jp .book_my_loader .bg_loader:nth-child(3) {
    top: 562px
}

.book_my_jp .book_my_loader svg {
    position: relative;
    height: 100%
}

.beauty_detail_jp {
    padding-bottom: 62px
}

.beauty_detail_jp+.footer_jp {
    margin-top: -62px
}

.beauty_detail_jp .beauty_inner {
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.beauty_detail_jp .beauty_section {
    margin: 0 16px;
    padding: 20px 0
}

.beauty_detail_jp .beauty_section+.beauty_section {
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.beauty_detail_jp .beauty_name {
    margin-top: -3px;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_name::before {
    width: 24px;
    height: 24px;
    background-position: -27px -34px;
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 2px
}

.beauty_detail_jp .beauty_menu {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.beauty_detail_jp .beauty_price {
    margin-top: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary);
    text-align: right
}

.beauty_detail_jp .beauty_price.coupon {
    color: #fd3344;
    color: var(--yahoo-color-red100)
}

.beauty_detail_jp .beauty_price .label {
    display: inline-block;
    vertical-align: 1px;
    margin-right: 4px;
    padding: 2px 4px;
    border-radius: 2px;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10);
    font-size: 10px;
    line-height: 12px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.beauty_detail_jp .beauty_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.beauty_detail_jp .beauty_info+.beauty_info {
    margin-top: 12px
}

.beauty_detail_jp .beauty_info .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 1px 6px 0 0;
    fill: #444;
    fill: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_info .icon.star {
    fill: rgba(0,0,0,0)
}

.beauty_detail_jp .beauty_info .icon.star path {
    stroke: #444;
    stroke: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_info .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_info .btn_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_info .btn_more.open .fn-booking-down1 {
    margin-top: -3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.beauty_detail_jp .beauty_info .btn_more .fn-booking-down1 {
    margin-top: -1px;
    font-size: 14px
}

.beauty_detail_jp .beauty_info .desc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.beauty_detail_jp .beauty_info .desc.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.beauty_detail_jp .beauty_info .desc .em {
    margin-right: 4px;
    font-weight: 700
}

.beauty_detail_jp .beauty_title {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_desc+.beauty_title {
    margin-top: 20px
}

.beauty_detail_jp .beauty_footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 16px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    z-index: 10000
}

.beauty_detail_jp .beauty_footer::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--yahoo-color-gray0)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, var(--yahoo-color-gray0) 0%, rgba(255, 255, 255, 0) 100%)
}

.beauty_detail_jp .beauty_footer .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.beauty_detail_jp .beauty_footer .btn_wrap [class*=btn] {
    height: 44px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px
}

.beauty_detail_jp .beauty_footer .btn_shop {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 14px 0 9px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .beauty_footer .btn_shop:only-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.beauty_detail_jp .beauty_footer .btn_shop .ico_pin {
    width: 18px;
    height: 18px;
    fill: #444;
    fill: var(--yahoo-color-text-primary);
    vertical-align: -3px
}

.beauty_detail_jp .beauty_footer .btn_shop+.btn {
    margin-left: 8px
}

.beauty_detail_jp .beauty_footer .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    font-weight: 700;
    color: #fff
}

.beauty_detail_jp .coupon_condition {
    margin-top: 20px;
    padding: 12px;
    border-radius: 8px;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10)
}

.beauty_detail_jp .coupon_condition .condition_title {
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .coupon_condition .condition_list {
    margin-top: 4px
}

.beauty_detail_jp .coupon_condition .condition_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .coupon_condition .condition_item+.condition_item {
    margin-top: 4px
}

.beauty_detail_jp .coupon_condition .condition_item::before {
    content: "";
    width: 3px;
    height: 3px;
    margin: 8px 6px 0 0;
    border-radius: 50%;
    background-color: #444;
    background-color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .coupon_stylist_list {
    margin: 8px 0 20px
}

.beauty_detail_jp .coupon_stylist_list .stylist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .coupon_stylist_list .stylist+.stylist {
    margin-top: 4px
}

.beauty_detail_jp .coupon_stylist_list .stylist::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: #444;
    background-color: var(--yahoo-color-text-primary)
}

.beauty_detail_jp .coupon_stylist_list .stylist .position {
    margin-left: 6px;
    color: #00ab3f;
    color: var(--yahoo-color-green90)
}

.beauty_detail_jp .tag_list {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.beauty_detail_jp .tag_list .tag_item {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.beauty_detail_jp .tag_list .tag_item+.tag_item {
    margin-left: 5px
}

.beauty_detail_jp .stylist_main {
    margin-top: 16px
}

.beauty_detail_jp .stylist_main+.style_title {
    margin-top: 24px
}

.beauty_detail_jp .stylist_main .beauty_stylist_jp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.beauty_detail_jp .stylist_sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 16px -4px 0
}

.beauty_detail_jp .stylist_sub .sub {
    position: relative;
    width: 50%;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 667px) {
    .beauty_detail_jp .stylist_sub .sub {
        width:25%
    }
}

.beauty_detail_jp .stylist_sub .beauty_stylist_jp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    border-radius: 4px
}

.beauty_detail_jp .stylist_sub .beauty_stylist_jp .image_area {
    width: 36px;
    height: 36px
}

.beauty_detail_jp .stylist_sub .beauty_stylist_jp .text_area {
    width: 100%;
    margin-top: 8px;
    margin-left: 0
}

.beauty_detail_jp .stylist_sub .beauty_stylist_jp .career {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.beauty_stylist_detail_jp .stylist_inner {
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.beauty_stylist_detail_jp .stylist_select {
    padding: 16px 16px 0
}

.beauty_stylist_detail_jp .stylist_select .beauty_stylist_jp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.beauty_stylist_detail_jp .stylist_select .beauty_stylist_jp .image_area {
    width: 100px;
    height: 100px
}

.beauty_stylist_detail_jp .stylist_select .beauty_stylist_jp .name {
    font-size: 16px;
    line-height: 24px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .stylist_select .btn_wrap {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.beauty_stylist_detail_jp .stylist_select .btn_wrap [class*=btn] {
    height: 44px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px
}

.beauty_stylist_detail_jp .stylist_select .btn_shop {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 14px 0 9px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .stylist_select .btn_shop:only-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.beauty_stylist_detail_jp .stylist_select .btn_shop .ico_pin {
    width: 18px;
    height: 18px;
    fill: #444;
    fill: var(--yahoo-color-text-primary);
    vertical-align: -3px
}

.beauty_stylist_detail_jp .stylist_select .btn_shop+.btn_select {
    margin-left: 8px
}

.beauty_stylist_detail_jp .stylist_select .btn_select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    font-weight: 700;
    color: #fff
}

.beauty_stylist_detail_jp .stylist_intro {
    padding: 24px 16px
}

.beauty_stylist_detail_jp .stylist_intro .intro_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.beauty_stylist_detail_jp .stylist_intro .intro_item+.intro_item {
    margin-top: 16px
}

.beauty_stylist_detail_jp .stylist_intro .title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 58px;
    margin-right: 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .stylist_intro .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .stylist_intro .sns_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.beauty_stylist_detail_jp .stylist_intro .sns_item {
    width: 24px;
    height: 24px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item+.sns_item {
    margin-left: 12px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item::before {
    content: ""
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.facebook::before {
    width: 24px;
    height: 24px;
    background-position: -68px -26px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.instagram::before {
    width: 24px;
    height: 24px;
    background-position: 0px -60px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.line::before {
    width: 24px;
    height: 24px;
    background-position: -26px -60px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.tiktok::before {
    width: 25px;
    height: 24px;
    background-position: 0px -34px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.twitter::before {
    width: 24px;
    height: 24px;
    background-position: -52px -60px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.youtube::before {
    width: 24px;
    height: 24px;
    background-position: -94px 0px
}

.beauty_stylist_detail_jp .stylist_intro .sns_item.etc::before {
    width: 24px;
    height: 24px;
    background-position: -68px 0px
}

.beauty_stylist_detail_jp .stylist_list::before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #eee;
    background-color: var(--yahoo-color-gray20)
}

.beauty_stylist_detail_jp .stylist_list .nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 16px 0
}

.beauty_stylist_detail_jp .stylist_list .nav_list .nav_item {
    padding: 11px 12px;
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10);
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.beauty_stylist_detail_jp .stylist_list .nav_list .nav_item+.nav_item {
    margin-left: 8px
}

.beauty_stylist_detail_jp .stylist_list .nav_list .nav_item.active {
    background-color: #e5f0ff;
    background-color: var(--yahoo-color-blue10);
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.beauty_stylist_detail_jp .coupon_list {
    padding: 0 18px
}

.beauty_stylist_detail_jp .coupon_list .coupon_item {
    padding-bottom: 16px
}

.beauty_stylist_detail_jp .coupon_list .coupon_item+.coupon_item {
    padding: 16px 0;
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.beauty_stylist_detail_jp .menu_list {
    padding: 0 18px
}

.beauty_stylist_detail_jp .menu_list .menu_item {
    padding: 16px 0
}

.beauty_stylist_detail_jp .menu_list .menu_item+.menu_item {
    border-top: 1px solid;
    border-top: #eee;
    border-top: var(--yahoo-color-gray20)
}

.beauty_stylist_detail_jp .style_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
    padding: 0 18px 24px
}

.beauty_stylist_detail_jp .style_list .style_item {
    width: 50%;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beauty_stylist_detail_jp .list_no_result {
    padding: 80px 0;
    text-align: center
}

.beauty_stylist_detail_jp .list_no_result .title {
    display: block;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .list_no_result .desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.beauty_stylist_detail_jp .item_link {
    display: block
}

.beauty_stylist_detail_jp .page_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 18px;
    padding: 25px 0 50px;
    border-top: 1px solid;
    border-top-color: #eee;
    border-top-color: var(--yahoo-color-gray20)
}

.beauty_stylist_detail_jp .page_wrap .page_btn {
    padding: 3px 7px;
    line-height: 11px
}

.beauty_stylist_detail_jp .page_wrap .page_btn:disabled .ico_arrow {
    fill: #ddd;
    fill: var(--yahoo-color-gray30)
}

.beauty_stylist_detail_jp .page_wrap .page_btn.pre .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.beauty_stylist_detail_jp .page_wrap .page_btn .ico_arrow {
    width: 10px;
    height: 18px;
    fill: #444;
    fill: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .page_wrap .page_num {
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.beauty_stylist_detail_jp .page_wrap .page_num .current {
    padding-right: 5px;
    font-weight: 700;
    color: #0b62e5;
    color: var(--yahoo-color-text-link)
}

.beauty_stylist_detail_jp .page_wrap .page_num .total {
    padding-left: 5px
}

.beauty_tab_jp {
    background-color: #fff
}

.beauty_tab_jp .coupon_list {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beauty_tab_jp .coupon_list .coupon_item {
    padding: 24px 0
}

.beauty_tab_jp .coupon_list .coupon_item+.coupon_item {
    border-top: 1px solid #eee
}

.beauty_tab_jp .menu_list {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beauty_tab_jp .menu_list .menu_item {
    padding: 16px 0
}

.beauty_tab_jp .menu_list .menu_item+.menu_item {
    border-top: 1px solid #eee
}

.beauty_tab_jp .style_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1024px;
    margin: 0 auto;
    padding: 5px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beauty_tab_jp .style_list .style_item {
    width: 50%;
    padding: 9px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beauty_tab_jp .stylist_list {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.beauty_tab_jp .stylist_list .stylist_item {
    padding: 18px 0 25px
}

.beauty_tab_jp .stylist_list .stylist_item+.stylist_item {
    padding: 25px 0;
    border-top: 1px solid #ecf0f2
}

.biz_item_main {
    position: relative;
    padding-top: 50px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.biz_item_main.episode {
    margin-top: -16px;
    padding-top: 0
}

.biz_item_main .panel_area {
    margin-top: 0
}

.biz_item_main .section_contents {
    min-height: auto !important
}

.biz_item_main .loading_area {
    position: relative;
    min-height: 300px
}

.biz_item_main .biz_item_tab+.section_display_ad,.biz_item_main .section_open+.section_display_ad {
    padding-top: 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.biz_item_main .biz_item_tab+.section_display_ad:empty,.biz_item_main .section_open+.section_display_ad:empty {
    padding-top: 0
}

.biz_item_main .biz_item_tab+.section_display_ad:has(.is_hidden),.biz_item_main .section_open+.section_display_ad:has(.is_hidden) {
    padding-top: 0
}

.biz_item_main .review_notice_area {
    padding-top: 0
}

.biz_item_main .review_notice_area .review_notice {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 20px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0;
    text-align: left
}

.biz_item_main .review_notice_area+.section_keyword {
    margin-top: 0
}

.biz_item_main .review_notice_area+.section_keyword .header_area .title {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main section[class*=section_] {
    margin: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.biz_item_main section[class*=section_]+section[class*=section_] {
    margin-top: 10px
}

.biz_item_main section[class*=section_]+.biz_item_tab {
    margin-top: 10px
}

.biz_item_main .section_inner {
    max-width: 720px;
    margin: 0 auto
}

.biz_item_main .section_title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 16px 0;
    font-size: 20px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_title .icon {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.biz_item_main .section_title .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px
}

.biz_item_main .section_title .discount::before {
    content: "";
    width: 4px;
    height: 4px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.biz_item_main .section_title .discount .num {
    color: #03aa5a
}

.biz_item_main .section_title .dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 8px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.biz_item_main .section_title .tooltip {
    position: absolute;
    left: 16px;
    top: 0;
    margin-top: -4px;
    padding: 8px 12px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1);
    background-color: #03aa5a;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #fff
}

.biz_item_main .section_title .tooltip::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 100%;
    border-top: 6px solid #03aa5a;
    border-right: 4.5px solid rgba(0,0,0,0);
    border-left: 4.5px solid rgba(0,0,0,0)
}

.biz_item_main .section_content {
    padding: 20px 16px 40px
}

.biz_item_main .section_info {
    margin-bottom: 10px !important;
    padding: 0;
    overflow: visible
}

.biz_item_main .section_info .info_image {
    position: relative;
    height: 246px;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.05)
}

.biz_item_main .section_info .info_image .image_list {
    position: relative;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.biz_item_main .section_info .info_image .image_item {
    position: relative;
    height: 246px
}

.biz_item_main .section_info .info_image .image_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.03);
    z-index: 10
}

.biz_item_main .section_info .info_image .image_page {
    position: absolute;
    left: 50%;
    bottom: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 12px;
    border-radius: 30px;
    background-color: rgba(0,0,0,.3);
    font-size: 11px;
    line-height: 21px;
    color: rgba(255,255,255,.5)
}

.biz_item_main .section_info .info_image .image_page .current {
    font-weight: 600;
    color: #fff
}

.biz_item_main .section_info .info_content {
    padding: 20px 16px
}

.biz_item_main .section_info .info_sub_title {
    margin-bottom: 4px
}

.biz_item_main .section_info .info_sub_title .text {
    font-size: 14px;
    line-height: 19px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.biz_item_main .section_info .info_sub_title .text+.text::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    margin: 0 4px;
    vertical-align: 4px
}

.biz_item_main .section_info .info_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px
}

.biz_item_main .section_info .info_title .sub_title {
    display: inline-block;
    margin-left: 6px;
    font-size: 15px;
    font-weight: 400;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_info .info_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 4px;
    margin-top: 8px
}

.biz_item_main .section_info .info_price .compo_book_price {
    font-size: 20px;
    line-height: 25px
}

.biz_item_main .section_info .info_list {
    margin-top: 12px
}

.biz_item_main .section_info .info_list:empty {
    margin-top: 0
}

.biz_item_main .section_info .info_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_info .info_item+.info_item {
    margin-top: 4px
}

.biz_item_main .section_info .info_item .dayuse {
    font-weight: bold
}

.biz_item_main .section_info .info_item .dayuse::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.biz_item_main .section_info .info_item .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 1px 4px 0 0;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60)
}

.biz_item_main .section_info .info_item .link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.biz_item_main .section_info .info_item .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.biz_item_main .section_info .info_item .desc2 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 40px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.biz_item_main .section_info .info_item .dividing_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    display: inline-block;
    vertical-align: 4px;
    margin: 0 5px
}

.biz_item_main .section_info .info_item .btn_more_detail {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 6px;
    font-size: 15px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_info .info_item .btn_more_detail .fn-booking {
    vertical-align: -1px;
    font-size: 13px
}

.biz_item_main .section_info .info_item .btn_popover {
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_info .info_item .btn_popover .fn-booking {
    vertical-align: -3px;
    margin-left: 4px
}

.biz_item_main .section_info .info_item .popover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 29px;
    right: 0;
    left: 0;
    padding: 16px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30);
    z-index: 11
}

.biz_item_main .section_info .info_item .popover .btn_close {
    height: 18px;
    padding: 2px 0;
    margin-left: 8px;
    font-size: 14px;
    line-height: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_info .info_item .btn_help {
    font-size: 15px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.biz_item_main .section_info .info_item .btn_help .fn {
    margin-left: 4px;
    font-size: 16px;
    vertical-align: -3px;
    -webkit-text-stroke: .2px
}

.biz_item_main .section_info .info_tag_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

.biz_item_main .section_info .info_tag_item {
    padding: 5.5px 8px;
    border-radius: 4px;
    background-color: #f4f8fe;
    background-color: var(--booking-color-blue99);
    font-size: 14px;
    line-height: 19px;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

@media screen and (min-width: 720px) {
    .biz_item_main .section_info {
        padding-top:10px
    }

    .biz_item_main .section_info .info_image {
        border-radius: 16px
    }
}

.biz_item_main .section_sold_out .section_inner {
    padding: 16px 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.biz_item_main .section_sold_out .box {
    padding: 12px;
    border-radius: 12px;
    background-color: #fff8f6;
    background-color: var(--booking-color-orange99);
    font-size: 14px;
    line-height: 19px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    text-align: center
}

.biz_item_main .section_open .section_inner {
    padding: 16px 16px 20px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.biz_item_main .section_open .box {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #d7f1e5;
    border-color: var(--booking-color-green90);
    background-color: #e6f7ee;
    background-color: var(--booking-color-green95)
}

.biz_item_main .section_open .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    color: var(--booking-color-gray0)
}

.biz_item_main .section_open .title .d_day {
    margin-left: 8px;
    padding: 0 8px;
    border-radius: 16px;
    background-color: #03aa5a;
    background-color: var(--booking-color-green50);
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    color: #fff
}

.biz_item_main .section_open .date {
    margin-top: 4px;
    font-size: 15px;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

.biz_item_main .section_calendar .certification_guide_area {
    padding: 20px 16px 0
}

.biz_item_main .section_calendar .certification_guide_area .certification_box {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    text-align: center;
    word-break: keep-all
}

.biz_item_main .section_calendar .certification_guide_area .certification_box .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .certification_guide_area .certification_box .ico_certification {
    width: 21px;
    height: 20px;
    background-position: -373px -197px;
    margin-right: 2px;
    vertical-align: top
}

.biz_item_main .section_calendar .certification_guide_area .certification_box .text {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.biz_item_main .section_calendar .certification_guide_area .certification_box .link_certify {
    padding-left: 4px;
    color: #444447;
    color: var(--booking-color-gray20);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.biz_item_main .section_calendar .certification_guide_area .certification_box .link_certify .fn-booking {
    font-size: 12px;
    vertical-align: -2px
}

.biz_item_main .section_calendar .pay_guide_area {
    padding: 16px 20px 0;
    text-align: center
}

.biz_item_main .section_calendar .pay_guide_area+.booking_guide_area {
    padding-top: 16px
}

.biz_item_main .section_calendar .pay_guide_area+.section_title {
    padding: 40px 0 0;
    margin: 0 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_calendar .pay_guide_area .box {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_calendar .pay_guide_area .title {
    font-size: 15px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .pay_guide_area .desc {
    font-size: 13px;
    line-height: 21px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_calendar .pay_guide_area .membership {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #f4f8fe;
    background-color: var(--booking-color-blue99);
    font-size: 13px;
    line-height: 15px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: left
}

.biz_item_main .section_calendar .pay_guide_area .membership .ico_membership {
    margin: 1px 8px 0 0;
    width: 48px;
    height: 12px;
    background-position: -496px -413px
}

.biz_item_main .section_calendar .pay_guide_area .membership .point {
    margin: 0 3px;
    font-weight: 600;
    color: #03aa5a
}

.biz_item_main .section_calendar .booking_guide_area {
    margin: 0 16px -20px;
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_calendar .booking_guide_area .guide_item {
    position: relative;
    padding-left: 9px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.type_green::before {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.type_green .label {
    font-weight: 700;
    color: #03aa5a;
    color: var(--booking-color-green50)
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.ellipsis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.ellipsis .label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.ellipsis .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    margin-right: 4px
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.ellipsis .btn_more {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 15px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-decoration: underline
}

.biz_item_main .section_calendar .booking_guide_area .guide_item.ellipsis .btn_more .fn-booking-forward1 {
    margin-left: 2px;
    font-size: 12px
}

.biz_item_main .section_calendar .booking_guide_area .guide_item::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    background-color: #fc4c4e;
    background-color: var(--booking-color-emphasis)
}

.biz_item_main .section_calendar .booking_guide_area .guide_item+.guide_item {
    margin-top: 4px
}

.biz_item_main .section_calendar .booking_guide_area .label {
    margin-right: 4px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.biz_item_main .section_calendar .booking_guide_area .label .icon {
    vertical-align: -2px;
    width: 15px;
    height: 16px;
    margin-right: 4px;
    fill: #03aa5a;
    fill: var(--booking-color-green50)
}

.biz_item_main .section_calendar .person_count_area {
    margin: 0 16px -20px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_calendar .person_count_area .section_title {
    padding: 40px 0 0 0
}

.biz_item_main .section_calendar .person_count_area .section_content {
    position: relative;
    padding: 4px 0 0 0
}

.biz_item_main .section_calendar .person_count_area .guide {
    font-size: 14px;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .person_count_area .count_list_area {
    margin: 16px -20px 0
}

.biz_item_main .section_calendar .person_count_area .count_list {
    -ms-overflow-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.biz_item_main .section_calendar .person_count_area .count_list::-webkit-scrollbar {
    display: none
}

.biz_item_main .section_calendar .person_count_area .count_list .count_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2px
}

.biz_item_main .section_calendar .person_count_area .count_list .count_item:first-child {
    padding-left: 20px
}

.biz_item_main .section_calendar .person_count_area .count_list .count_item:last-child {
    padding-right: 20px
}

.biz_item_main .section_calendar .person_count_area .count_btn {
    width: 100%;
    min-width: 57px;
    height: 40px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .person_count_area .count_btn.selected {
    background-color: #03aa5a;
    border-color: #03aa5a;
    font-weight: 600;
    color: #fff
}

.biz_item_main .section_calendar .person_count_area .count_input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    overflow: hidden
}

.biz_item_main .section_calendar .person_count_area .count_input.active .btn_apply {
    font-weight: 600;
    color: #03aa5a
}

.biz_item_main .section_calendar .person_count_area .count_input.active .btn_cancel {
    display: block
}

.biz_item_main .section_calendar .person_count_area .count_input.applyed {
    border-color: #03aa5a
}

.biz_item_main .section_calendar .person_count_area .count_input.applyed .input {
    font-weight: 600;
    color: #03aa5a;
    background: rgba(3,170,90,.08)
}

.biz_item_main .section_calendar .person_count_area .count_input.applyed .btn_apply {
    font-weight: 400;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .person_count_area .count_input.applyed .btn_cancel {
    display: none
}

.biz_item_main .section_calendar .person_count_area .count_input .input {
    width: 70px;
    padding: 0 12px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 14px;
    line-height: 17px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_calendar .person_count_area .count_input .input::-webkit-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.biz_item_main .section_calendar .person_count_area .count_input .input::-moz-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.biz_item_main .section_calendar .person_count_area .count_input .input:-ms-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.biz_item_main .section_calendar .person_count_area .count_input .input::-ms-input-placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.biz_item_main .section_calendar .person_count_area .count_input .input::placeholder {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.biz_item_main .section_calendar .person_count_area .count_input .input:focus {
    outline: none
}

.biz_item_main .section_calendar .person_count_area .count_input .btn_apply {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 17px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .person_count_area .count_input .btn_cancel {
    display: none;
    position: absolute;
    top: 12px;
    left: 42px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    text-align: center
}

.biz_item_main .section_calendar .person_count_area .count_input .btn_cancel .fn-booking-close2 {
    font-size: 8px;
    vertical-align: 2px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .person_count_area .tooltip {
    position: absolute;
    top: 88px;
    left: 0;
    width: 158px;
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #03aa5a;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1);
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    z-index: 10
}

.biz_item_main .section_calendar .person_count_area .tooltip::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 16px;
    border: 4px solid rgba(0,0,0,0);
    border-bottom-color: #03aa5a
}

.biz_item_main .section_calendar .calendar_area {
    margin-top: 4px
}

.biz_item_main .section_calendar .legend_area {
    margin-top: 10px
}

.biz_item_main .section_calendar .time_area {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_main .section_calendar .count_area {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_main .section_calendar .count_area .count_total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 2px solid;
    border-color: #222225;
    border-color: var(--booking-color-gray10);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_calendar .count_area .count_total .price {
    font-weight: 400;
    font-size: 20px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.biz_item_main .section_calendar .count_area .count_total .price .num {
    font-weight: 600
}

.biz_item_main .section_calendar .alert_area {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_main .section_calendar .alert_area .alert_box {
    padding: 20px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center
}

.biz_item_main .section_calendar .loading_area {
    min-height: 100px
}

.biz_item_main .section_calendar .vacancy_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_calendar .vacancy_area .text {
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .vacancy_area .text strong {
    display: block;
    font-weight: 600
}

.biz_item_main .section_calendar .vacancy_area .btn_alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-gray100);
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .vacancy_area .ico_alert {
    width: 16px;
    height: 18px;
    margin-right: 6px;
    fill: #03aa5a
}

.biz_item_main .section_calendar .selected_time_slider .slider_bar_pin_wrap {
    position: relative;
    margin: 0 14px;
    padding: 40px 0
}

.biz_item_main .section_calendar .selected_time_slider .bar {
    overflow: hidden;
    position: relative;
    height: 32px;
    border-radius: 6px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.biz_item_main .section_calendar .selected_time_slider .bar_item {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #e9f0fc;
    background-color: var(--booking-color-blue95)
}

.biz_item_main .section_calendar .selected_time_slider .bar_item.disabled {
    background-color: #939396;
    background-color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .selected_time_slider .bar_item.selected {
    background-color: #206ae5;
    background-color: var(--booking-color-blue50)
}

.biz_item_main .section_calendar .selected_time_slider .bar_item.disabled_selected {
    background-color: #77777a;
    background-color: var(--booking-color-gray40)
}

.biz_item_main .section_calendar .selected_time_slider .bar_text {
    position: relative;
    padding-top: 6px
}

.biz_item_main .section_calendar .selected_time_slider .bar_text .text {
    position: absolute;
    top: 6px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20);
    white-space: nowrap
}

.biz_item_main .section_calendar .selected_time_slider .bar_text .text.date {
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin {
    position: absolute;
    top: 44px;
    left: 0
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin.not_available .time {
    background-color: #939396;
    background-color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin.not_available .time::before {
    border-top-color: #939396;
    border-top-color: var(--booking-color-gray50)
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin .time {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 14px;
    padding: 3px 4px 2px 6px;
    border-radius: 6px;
    background-color: #5e94ec;
    background-color: var(--booking-color-blue60);
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    color: #fff;
    color: var(--booking-color-gray100);
    white-space: nowrap
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin .time::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 4px solid;
    border-top-color: #5e94ec;
    border-top-color: var(--booking-color-blue60);
    border-right: 3.5px solid rgba(0,0,0,0);
    border-left: 3.5px solid rgba(0,0,0,0)
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin .btn_pin {
    position: relative;
    width: 1px;
    height: 55px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.06),0px 2px 6px 0px rgba(0,0,0,.09);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.06),0px 2px 6px 0px rgba(0,0,0,.09);
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin .btn_pin::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.06),0px 2px 6px 0px rgba(0,0,0,.09);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.06),0px 2px 6px 0px rgba(0,0,0,.09);
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.biz_item_main .section_calendar .selected_time_slider .slider_pin .text {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 8px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.06),0px 2px 6px 0px rgba(0,0,0,.09);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.06),0px 2px 6px 0px rgba(0,0,0,.09);
    background-color: #fff;
    background-color: var(--booking-color-gray100);
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10);
    white-space: nowrap
}

.biz_item_main .section_calendar .selected_time_slider .slider_alert {
    padding: 16px 0 12px
}

.biz_item_main .section_calendar .selected_time_slider .slider_alert .alert {
    padding: 12px;
    border-radius: 12px;
    background-color: #fef4f4;
    background-color: var(--booking-color-red99);
    font-size: 14px;
    line-height: 19px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    text-align: center
}

.biz_item_main .section_calendar .selected_time_slider .slider_alert .alert.blue {
    background-color: #f4f8fe;
    background-color: var(--booking-color-blue99);
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.biz_item_main .section_detail .detail_info+.detail_info {
    margin-top: 34px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_main .section_detail .detail_title {
    display: block;
    font-weight: 600;
    font-size: 18px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_detail .detail_title.guide {
    font-size: 20px
}

.biz_item_main .section_detail .detail_image {
    width: 100%;
    margin-top: 18px;
    border-radius: 12px
}

.biz_item_main .section_detail .detail_desc {
    margin-top: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_detail .room_icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-bottom: 3px;
    fill: #939396;
    fill: var(--booking-color-gray50)
}

.biz_item_main .section_detail .composition_tit {
    display: block;
    margin: 18px 0 12px;
    padding-top: 18px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 16px;
    line-height: 24px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_detail .composition_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 18px
}

.biz_item_main .section_detail .composition_item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px;
    padding: 12px 16px
}

.biz_item_main .section_detail .composition_item+.composition_item {
    margin-left: 8px
}

.biz_item_main .section_detail .composition_item .title {
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_detail .composition_item .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.biz_item_main .section_detail .composition_item .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.biz_item_main .section_detail .composition_item .item+.item {
    margin-left: 16px
}

.biz_item_main .section_detail .composition_item .text {
    margin-top: 4px;
    font-size: 15px;
    line-height: 21px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_detail .photo_area {
    padding-top: 0;
    border-top: none;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.biz_item_main .section_detail .photo_area .photo_tit {
    font-size: 18px
}

.biz_item_main .section_detail .photo_area .photo_box {
    margin-bottom: 0
}

.biz_item_main .section_detail .extra_desc_item {
    margin-top: 20px
}

.biz_item_main .section_detail .extra_desc_item+.extra_desc_item {
    margin-top: 18px
}

.biz_item_main .section_detail .extra_desc_item .extra_detail_title {
    font-size: 16px;
    font-weight: 600
}

.biz_item_main .section_option.only {
    margin-top: -12px !important
}

.biz_item_main .section_option.only .section_content {
    margin: 0 16px;
    padding: 20px 0 40px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_option .option_guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 20px;
    color: #0091ff
}

.biz_item_main .section_option .option_guide .fn-info1 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 3px 8px 0 0
}

.biz_item_main .section_option .option_category {
    position: relative;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_option .option_category+.option_list {
    margin-top: 0
}

.biz_item_main .section_option .option_category .category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: auto hidden;
    padding: 0 20px 12px;
    margin: 0 -20px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.biz_item_main .section_option .option_category .category_list::-webkit-scrollbar {
    display: none
}

.biz_item_main .section_option .option_category .category_item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 15px;
    border-radius: 18px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 36px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_option .option_category .category_item+.category_item {
    margin-left: 6px
}

.biz_item_main .section_option .option_category .category_item.active {
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    font-weight: bold;
    color: #fff
}

.biz_item_main .section_option .option_category .slick-arrow {
    margin-top: -6px
}

.biz_item_main .section_option .option_category .slick-arrow.slick-prev {
    left: -12px
}

.biz_item_main .section_option .option_category .slick-arrow.slick-next {
    right: -12px
}

.biz_item_main .section_option .option_list {
    margin-top: -20px
}

.biz_item_main .section_option .option_item {
    position: relative;
    padding: 20px 0
}

.biz_item_main .section_option .option_item+.option_item {
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_main .section_option .option_item:last-child {
    padding-bottom: 0
}

.biz_item_main .section_option .option_item.soldout {
    opacity: .4
}

.biz_item_main .section_option .option_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.biz_item_main .section_option .option_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.biz_item_main .section_option .checkbox_icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 1px 8px 0 0
}

.biz_item_main .section_option .checkbox_icon.type_square .ico_check {
    border-radius: 4px
}

.biz_item_main .section_option .checkbox_icon .ico_check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60)
}

.biz_item_main .section_option .checkbox_icon .ico_check .fn-booking-check2 {
    display: none;
    font-size: 12px;
    color: #fff
}

.biz_item_main .section_option .checkbox_icon .input:checked+.ico_check {
    background-color: #03aa5a;
    border-color: #03aa5a
}

.biz_item_main .section_option .checkbox_icon .input:checked+.ico_check .fn-booking-check2 {
    display: block
}

.biz_item_main .section_option .checkbox_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.biz_item_main .section_option .info_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px
}

.biz_item_main .section_option .info_text .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 48px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 18px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_option .info_text .title .ico_soldout {
    vertical-align: 3px;
    margin-right: 4px;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #000;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.4px;
    color: #fff;
    font-style: normal
}

.biz_item_main .section_option .info_text .desc {
    margin-top: 3px;
    font-size: 15px;
    line-height: 21px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_option .info_text .price {
    margin-top: 4px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_option .info_text .discount {
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_option .info_text .price_desc {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_main .section_option .info_image {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 98px;
    height: 98px;
    border-radius: 12px;
    overflow: hidden
}

.biz_item_main .section_option .info_image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.03)
}

.biz_item_main .section_option .info_image .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.biz_item_main .section_option .option_count {
    padding-top: 12px
}

.biz_item_main .section_option .option_total {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 2px solid;
    border-color: #222225;
    border-color: var(--booking-color-gray10)
}

.biz_item_main .section_option .option_total .total_desc {
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_option .option_total .total_desc+.total_price {
    margin-top: 8px
}

.biz_item_main .section_option .option_total .total_desc b {
    font-weight: 600
}

.biz_item_main .section_option .option_total .total_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_option .option_total .total_price .price {
    font-weight: 400;
    font-size: 20px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.biz_item_main .section_option .option_total .total_price .price .num {
    font-weight: 600
}

.biz_item_main .section_option .membership {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px 0 -20px;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #f4f8fe;
    background-color: var(--booking-color-blue99);
    font-size: 13px;
    line-height: 15px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: left
}

.biz_item_main .section_option .membership .ico_membership {
    margin-right: 8px;
    width: 52px;
    height: 17px;
    background-position: -260px -258px
}

.biz_item_main .section_option .membership .point {
    margin: 0 3px;
    font-weight: 600;
    color: #03aa5a
}

.biz_item_main .section_coupon .section_inner {
    position: relative
}

.biz_item_main .section_coupon .coupon_discount {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_coupon .coupon_discount::before {
    content: "";
    display: inline-block;
    vertical-align: 4px;
    width: 3px;
    height: 3px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.biz_item_main .section_coupon .coupon_discount em {
    display: inline-block;
    color: #03aa5a
}

.biz_item_main .section_coupon .coupon_guide {
    font-size: 15px;
    line-height: 20px;
    color: #0091ff
}

.biz_item_main .section_coupon .coupon_guide+.coupon_list {
    margin-top: 12px
}

.biz_item_main .section_coupon .coupon_item {
    position: relative
}

.biz_item_main .section_coupon .coupon_item+.coupon_item {
    margin-top: 12px
}

.biz_item_main .section_coupon .btn_detail {
    position: absolute;
    top: 45px;
    right: 20px;
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_main .section_coupon .btn_detail .fn-booking {
    margin-left: 2px;
    vertical-align: -2px
}

.biz_item_main .section_coupon .btn_detail .fn-booking::before {
    font-weight: bold
}

.biz_item_main .section_location .location_area+.location_area {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.biz_item_main .section_location .location_title {
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_location .booking_common_map {
    margin-top: 12px
}

.biz_item_main .section_notice {
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_main .section_notice .notice_list {
    margin-top: 4px
}

.biz_item_main .section_notice .notice_item {
    padding: 16px 0;
    border-bottom: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_main .section_notice .notice_item.open {
    padding: 16px 0 24px
}

.biz_item_main .section_notice .notice_item.open .notice_summary .fn-booking-down1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.biz_item_main .section_notice .notice_item:first-child {
    padding: 0 0 16px
}

.biz_item_main .section_notice .notice_item:first-child.open {
    padding: 0 0 24px
}

.biz_item_main .section_notice .notice_item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.biz_item_main .section_notice .notice_item:last-child.open {
    padding-bottom: 0
}

.biz_item_main .section_notice .notice_summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_notice .notice_summary .fn-booking-down1 {
    font-size: 13px
}

.biz_item_main .section_notice .notice_summary+.compo_more_link {
    margin-top: 12px
}

.biz_item_main .section_notice .notice_detail {
    margin-top: 12px;
    padding: 16px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.biz_item_main .section_notice .notice_detail+.notice_summary {
    margin-top: 24px
}

.biz_item_main .section_notice .notice_detail .detail_item {
    position: relative;
    padding-left: 11px;
    font-size: 15px
}

.biz_item_main .section_notice .notice_detail .detail_item+.detail_item {
    margin-top: 8px
}

.biz_item_main .section_notice .notice_detail .detail_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.biz_item_main .section_notice .btn_more {
    position: relative;
    margin-top: 4px;
    width: 100%
}

.biz_item_main .section_notice .btn_more .text {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    height: 36px;
    border-radius: 18px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    line-height: 36px;
    color: #444447;
    color: var(--booking-color-gray20);
    z-index: 10
}

.biz_item_main .section_notice .btn_more .fn-booking-forward1 {
    vertical-align: -1px;
    margin-left: 2px;
    font-size: 12px
}

.biz_item_main .section_notice .btn_more::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.biz_item_main .section_deposit .deposit_title {
    padding: 20px 20px 0;
    line-height: 30px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_deposit .deposit_title .point {
    color: #03aa5a
}

.biz_item_main .section_deposit .deposit_desc {
    padding: 4px 20px 20px;
    font-size: 14px;
    line-height: 21px;
    color: #555558;
    color: var(--booking-color-gray30);
    word-break: keep-all
}

.biz_item_main .section_facility .facility_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -15px
}

.biz_item_main .section_facility .facility_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 51px;
    margin: 15px 7px 0;
    font-size: 12px;
    line-height: 15px;
    color: #555558;
    color: var(--booking-color-gray30);
    word-break: keep-all;
    text-align: center
}

.biz_item_main .section_facility .facility_item .room_icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-bottom: 3px;
    fill: #555558;
    fill: var(--booking-color-gray30)
}

.biz_item_main .section_facility .facility_more {
    position: relative;
    margin-top: 20px;
    width: 100%
}

.biz_item_main .section_facility .facility_more .text {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    height: 36px;
    border-radius: 18px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    line-height: 36px;
    color: #444447;
    color: var(--booking-color-gray20);
    z-index: 10
}

.biz_item_main .section_facility .facility_more .fn-booking {
    vertical-align: -1px;
    margin-left: 2px;
    font-size: 12px
}

.biz_item_main .section_facility .facility_more::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.biz_item_main .section_footer {
    margin-top: 10px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.biz_item_main .section_footer .footer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.biz_item_main .section_footer .footer_btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background-color: #03aa5a;
    font-size: 15px;
    line-height: 44px;
    color: #fff
}

.biz_item_main .section_footer .footer_btn.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    color: #fff
}

.biz_item_main .section_footer .footer_btn.type_white {
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #444447;
    color: var(--booking-color-gray20);
    background-color: rgba(0,0,0,0)
}

.biz_item_main .section_footer .footer_btn.type_white .fn-forward1 {
    margin-left: 5px;
    font-size: 11px
}

.biz_item_main .section_footer .footer_btn.type_white .fn-forward1::before {
    font-weight: bold
}

.biz_item_main .section_footer .btn_talktalk {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-right: 6px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.biz_item_main .section_footer .btn_talktalk .fn-talktalk-line {
    vertical-align: -3px;
    font-size: 18px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_main .section_service_stop {
    padding: 0 6px
}

.biz_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    vertical-align: top
}

.biz_image.middle {
    -o-object-position: center;
    object-position: center
}

.biz_image.type_image {
    height: 190px
}

.inspection_form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    overflow-y: auto
}

.inspection_form .form_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background-color: var(--booking-color-surface);
    border-bottom: 1px solid rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 8000
}

.inspection_form .form_header .title {
    font-size: 20px;
    line-height: 56px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.inspection_form .form_header .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    padding: 17px 0 16px 18px;
    font-size: 20px;
    line-height: 20px
}

.inspection_form .form_header .btn_back .fn-backward1::before {
    font-weight: bold
}

.inspection_form .form_main {
    padding-top: 56px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.inspection_form .form_main .question {
    padding: 36px 18px
}

.inspection_form .form_main .question+.question {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.inspection_form .form_main .question .question_inner {
    max-width: 720px;
    margin: 0 auto
}

.inspection_form .form_main .question_tit {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.inspection_form .form_main .question_tit .num {
    margin-right: 5px;
    font-weight: 700;
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_options {
    margin-top: 20px
}

.inspection_form .form_main .question_options .item+.item {
    margin-top: 14px
}

.inspection_form .form_main .question_options .check_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inspection_form .form_main .question_options .input:checked+.check_icon {
    background-color: #03c95b;
    border-color: #03c95b
}

.inspection_form .form_main .question_options .input:checked+.check_icon .fn-booking-check2 {
    color: #fff
}

.inspection_form .form_main .question_options .input:checked+.check_icon+.check_txt {
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.inspection_form .form_main .question_options .check_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.04);
    box-shadow: 0px 2px 3px rgba(0,0,0,.04)
}

.inspection_form .form_main .question_options .check_icon .fn-booking-check2 {
    font-size: 12px;
    color: rgba(0,0,0,0)
}

.inspection_form .form_main .question_options .check_txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 2px;
    font-size: 16px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.inspection_form .form_main .question_options .check_input {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    border-radius: 8px;
    border: none;
    font-size: 15px;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.inspection_form .form_main .question_options .check_input::-webkit-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_options .check_input::-moz-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_options .check_input:-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_options .check_input::-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_options .check_input::placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_options .check_input:focus {
    outline: none
}

.inspection_form .form_main .question_guide {
    margin-top: 20px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3;
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_text {
    width: 100%;
    height: 140px;
    margin-top: 20px;
    padding: 13px 14px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    border-radius: 8px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.inspection_form .form_main .question_text::-webkit-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_text::-moz-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_text:-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_text::-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_text::placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.inspection_form .form_main .question_text:focus {
    outline: none
}

.inspection_form .form_footer {
    padding: 0 18px 18px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.inspection_form .form_footer .btn {
    display: block;
    width: 100%;
    max-width: 720px;
    height: 52px;
    margin: 0 auto;
    background-color: #03aa5a;
    border-radius: 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.inspection_form .form_footer .btn.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.page_queue_list {
    min-height: calc(100vh - 82px);
    padding-top: 82px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_queue_list .page_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px
}

.page_queue_list .page_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_list .list_queue_product {
    padding: 16px 0
}

.page_queue_list .list_queue_product .item_queue_product+.item_queue_product {
    margin-top: 16px
}

.page_queue_list .link_queue_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.page_queue_list .link_queue_product.off .queue_product .left .label,.page_queue_list .link_queue_product.off .queue_product .left .label.color_blue {
    border-color: #939396;
    border-color: var(--booking-color-gray50);
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_list .link_queue_product.off .queue_product .right .ico_alert {
    vertical-align: bottom;
    width: 28px;
    height: 28px;
    fill: #d9d9dc;
    fill: var(--booking-color-gray70)
}

.page_queue_list .link_queue_product.off .queue_product .right .text1 {
    margin-top: 8px
}

.page_queue_list .queue_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_queue_list .queue_product .left {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.page_queue_list .queue_product .left .title {
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_list .queue_product .left .label {
    display: inline-block;
    vertical-align: 2px;
    margin-right: 8px;
    padding: 2px 4px;
    border-radius: 90px;
    border: 1px solid #03aa5a;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    color: #03aa5a
}

.page_queue_list .queue_product .left .label.color_blue {
    border-color: #206ae5;
    border-color: var(--booking-color-blue50);
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.page_queue_list .queue_product .left .text {
    margin-top: 4px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_list .queue_product .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-left: 12px;
    padding: 0 12px;
    letter-spacing: -0.2px;
    text-align: center
}

.page_queue_list .queue_product .right::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 54px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.page_queue_list .queue_product .right .text1 {
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_queue_list .queue_product .right .text2 {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_list .queue_product .ico_arrow_right {
    margin-left: auto;
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 8px;
    height: 14px
}

.page_queue_list .queue_product .ico_arrow_right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -3px;
    border-top: 1px solid var(--booking-color-gray40);
    border-right: 1px solid var(--booking-color-gray40)
}

.page_queue_list .alert_info {
    margin-top: 12px;
    padding: 6px 8px;
    border-radius: 8px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_queue_list .alert_info .ico_alert {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: #fc4c4e;
    fill: var(--booking-color-emphasis);
    vertical-align: -3px
}

.page_queue_request {
    padding-top: 50px
}

.page_queue_request.bottom_alert_shown {
    padding-bottom: 94px
}

.page_queue_request .queue_title_wrapper {
    padding-top: 30px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_queue_request .wrapper_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page_queue_request .queue_bizitem_title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_queue_request .queue_bizitem_title.disabled .label {
    border-color: #939396;
    border-color: var(--booking-color-gray50);
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_request .queue_bizitem_title.disabled .title {
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_queue_request .queue_bizitem_title .label {
    display: inline-block;
    vertical-align: 2px;
    margin-right: 4px;
    padding: 2px 4px;
    border-radius: 90px;
    border: 1px solid #03aa5a;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    color: #03aa5a;
    white-space: nowrap
}

.page_queue_request .queue_bizitem_title .label.color_blue {
    border-color: #206ae5;
    border-color: var(--booking-color-blue50);
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.page_queue_request .queue_bizitem_title .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_request .queue_bizitem_title .title .ico_arrow {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 12px;
    margin-left: 4px
}

.page_queue_request .queue_bizitem_title .title .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -2px;
    border-top: 1px solid var(--booking-color-gray50);
    border-right: 1px solid var(--booking-color-gray50)
}

.page_queue_request .queue_bizitem_title .layer_description {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 360px;
    margin-top: 4px;
    padding: 16px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    line-height: 19px;
    text-align: left;
    z-index: 10
}

.page_queue_request .queue_bizitem_title .layer_description .layer_title {
    font-size: 15px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_request .queue_bizitem_title .layer_description .layer_text {
    margin-top: 4px;
    margin-right: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_queue_request .queue_bizitem_title .layer_description .button_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 16px;
    line-height: 14px
}

.page_queue_request .queue_bizitem_title .layer_description .button_close .fn-booking-close1 {
    vertical-align: top;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_request .queue_bizitem_title .layer_description .button_close .fn-booking-close1::before {
    font-weight: bold
}

.page_queue_request .queue_bizitem_title .tooltip {
    position: relative;
    margin-left: 4px;
    padding: 3px 9px;
    border-radius: 28px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.04);
    box-shadow: 0px 2px 10px rgba(0,0,0,.04);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    white-space: nowrap
}

.page_queue_request .queue_bizitem_title .tooltip .color_green {
    color: #03aa5a
}

.page_queue_request .queue_bizitem_title .tooltip::before {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -1px;
    border-radius: 3px;
    border-style: solid;
    border-width: 0 9px 4px 5px;
    border-color: rgba(0,0,0,0);
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.page_queue_request .queue_bizitem_title .tooltip::after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0;
    border-style: solid;
    border-width: 0 9px 4px 5px;
    border-color: rgba(0,0,0,0);
    border-bottom-color: #fff;
    border-bottom-color: var(--booking-color-elevated-surface)
}

.page_queue_request [class^=section_queue] {
    padding: 40px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_queue_request [class^=section_queue]+[class^=section_queue] {
    margin-top: 10px
}

.page_queue_request [class^=section_queue] .section_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page_queue_request [class^=section_queue] .section_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_request [class^=section_queue] .section_title .icon {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.page_queue_request [class^=section_queue] .section_title .required {
    display: inline-block;
    vertical-align: 1px;
    padding-left: 5px;
    font-size: 13px;
    color: #03aa5a
}

.page_queue_request [class^=section_queue] .section_title .required .fn-booking-check1 {
    vertical-align: -2px;
    margin-right: 3px;
    color: #03aa5a
}

.page_queue_request [class^=section_queue] .section_title .required .fn-booking-check1::before {
    font-weight: bold
}

.page_queue_request .section_queue_status {
    padding: 16px 0 20px
}

.page_queue_request .section_queue_status+.queue_error_wrapper .error_contents {
    margin-top: 0
}

.page_queue_request .section_queue_status+.queue_error_wrapper .error_buttons {
    margin-top: 24px
}

.page_queue_request .section_queue_status+.queue_error_wrapper .error_buttons .link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 12px;
    border-radius: 8px;
    border: 0;
    background-color: #03aa5a;
    color: #fff
}

.page_queue_request .section_queue_status+.queue_error_wrapper .error_buttons .link_to_place {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 9px 23px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 15px;
    line-height: 20px;
    word-break: keep-all
}

.page_queue_request .section_queue_status .queue_status_box {
    padding: 18px 22px;
    border-radius: 12px;
    border: 2px solid;
    border-color: #77777a;
    border-color: var(--booking-color-gray40)
}

.page_queue_request .section_queue_status .queue_status_area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_queue_request .section_queue_status .queue_status_area .status {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    letter-spacing: -0.2px;
    text-align: center
}

.page_queue_request .section_queue_status .queue_status_area .status+.status {
    position: relative;
    margin-left: 20px
}

.page_queue_request .section_queue_status .queue_status_area .status+.status::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -10px;
    width: 1px;
    height: 40px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.page_queue_request .section_queue_status .queue_status_area .top {
    font-size: 14px;
    line-height: 16px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_queue_request .section_queue_status .queue_status_area .bottom {
    margin-top: 4px;
    font-size: 22px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_request .section_queue_status .queue_status_area .info_button {
    padding-left: 2px;
    line-height: 16px;
    vertical-align: top
}

.page_queue_request .section_queue_status .queue_status_area .info_button .fn-booking-m-info1 {
    font-size: 16px;
    color: #939396;
    color: var(--booking-color-gray50);
    vertical-align: top
}

.page_queue_request .section_queue_status .queue_status_area .info_tooltip {
    position: absolute;
    top: 20px;
    right: 0;
    max-width: 360px;
    padding: 16px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    line-height: 19px;
    text-align: left;
    z-index: 10
}

.page_queue_request .section_queue_status .queue_status_area .info_tooltip .tooltip_title {
    font-size: 15px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_request .section_queue_status .queue_status_area .info_tooltip .tooltip_text {
    margin-top: 4px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_queue_request .section_queue_status .queue_status_area .info_tooltip .button_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 16px;
    line-height: 14px
}

.page_queue_request .section_queue_status .queue_status_area .info_tooltip .button_close .fn-booking-close1 {
    vertical-align: top;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_request .section_queue_status .queue_status_area .info_tooltip .button_close .fn-booking-close1::before {
    font-weight: bold
}

.page_queue_request .section_queue_status .queue_history_area {
    margin: 24px 2px 0
}

.page_queue_request .section_queue_status .queue_history_area .queue_history_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_queue_request .section_queue_status .queue_history_area .queue_history_title .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_request .section_queue_status .queue_history_area .queue_history_title .updated_time {
    margin-left: auto;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_request .section_queue_status .queue_history_area .queue_history {
    position: relative;
    margin: 10px -20px 0
}

.page_queue_request .section_queue_status .queue_history_area .list_queue_history {
    overflow: auto hidden;
    padding: 0 20px;
    white-space: nowrap
}

.page_queue_request .section_queue_status .queue_history_area .item_queue_history {
    display: inline-block;
    vertical-align: top;
    padding: 12px 16px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.page_queue_request .section_queue_status .queue_history_area .item_queue_history+.item_queue_history {
    margin-left: 5px
}

.page_queue_request .section_queue_status .queue_history_area .waiting_time {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_queue_request .section_queue_status .queue_history_area .waiting_time .point {
    color: #03aa5a
}

.page_queue_request .section_queue_status .queue_history_area .entering_time {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_queue_request .section_queue_status .queue_history_area .num::before {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    width: 3px;
    height: 3px;
    margin: 0 4px;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.page_queue_request .section_queue_status .alert_location_info {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 12px;
    background-color: #fef4f4;
    background-color: var(--booking-color-red99)
}

.page_queue_request .section_queue_status .alert_location_info .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    color: #e61e1e;
    color: var(--booking-color-red50)
}

.page_queue_request .section_queue_status .alert_location_info .fn-presentlocation {
    margin-top: 1px;
    margin-right: 4px;
    font-size: 17px
}

.page_queue_request .section_queue_option .list_option_counter {
    margin-top: 28px
}

.page_queue_request .section_queue_option .item_option_counter+.item_option_counter {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95)
}

.page_queue_request .section_queue_option .biz_item_count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_queue_request .section_queue_option .biz_item_count .info_tit {
    font-size: 16px
}

.page_queue_request .section_queue_option .biz_item_count .info_desc {
    margin-top: 3px;
    line-height: 18px
}

.page_queue_request .section_queue_option .list_option_radio,.page_queue_request .section_queue_option .list_option_checkbox {
    margin-top: 16px
}

.page_queue_request .section_queue_option .item_option+.item_option {
    margin-top: 20px
}

.page_queue_request .section_queue_option .input:checked+.label .ico_radio {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #03aa5a;
    background-color: #03aa5a
}

.page_queue_request .section_queue_option .input:checked+.label .ico_radio::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-radius: 50%;
    background-color: #fff
}

.page_queue_request .section_queue_option .input:checked+.label .ico_check {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #03aa5a;
    background-color: #03aa5a
}

.page_queue_request .section_queue_option .input:checked+.label .ico_check::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 9px;
    height: 5px;
    border-radius: 1px;
    border: 1px solid #fff;
    border-width: 0px 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.page_queue_request .section_queue_option .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_queue_request .section_queue_option .ico_radio {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-gray100)
}

.page_queue_request .section_queue_option .ico_check {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-gray100)
}

.page_queue_request .section_queue_option .input_box {
    margin-top: 16px
}

.page_queue_request .section_queue_option .textarea_text {
    display: block;
    width: 100%;
    height: auto;
    padding: 12px 15px;
    border-radius: 8px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--booking-color-gray100);
    font-size: 15px;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10);
    resize: none
}

.page_queue_request .section_queue_option .textarea_text::-moz-placeholder {
    color: var(--booking-color-gray50);
    opacity: 1;
    font-size: 15px
}

.page_queue_request .section_queue_option .textarea_text:-ms-input-placeholder {
    color: var(--booking-color-gray50);
    font-size: 15px
}

.page_queue_request .section_queue_option .textarea_text::-webkit-input-placeholder {
    color: var(--booking-color-gray50);
    font-size: 15px
}

.page_queue_request .section_queue_option .word_limit {
    padding-top: 3px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #77777a;
    color: var(--booking-color-gray40);
    text-align: right
}

.page_queue_request .section_queue_option .word_limit .num {
    font-weight: 400;
    color: #000;
    color: var(--booking-color-gray0)
}

.page_queue_request .section_queue_precautions .text {
    margin-top: 20px;
    white-space: pre-line;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_queue_request .section_queue_userform .section_title {
    font-size: 16px;
    line-height: 22px
}

.page_queue_request .section_queue_userform .input_box {
    margin-top: 10px
}

.page_queue_request .section_queue_userform .input_text {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--booking-color-gray100);
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 15px;
    line-height: 18px
}

.page_queue_request .section_queue_userform .input_text::-moz-placeholder {
    color: var(--booking-color-gray50);
    opacity: 1;
    font-size: 15px
}

.page_queue_request .section_queue_userform .input_text:-ms-input-placeholder {
    color: var(--booking-color-gray50);
    font-size: 15px
}

.page_queue_request .section_queue_userform .input_text::-webkit-input-placeholder {
    color: var(--booking-color-gray50);
    font-size: 15px
}

.page_queue_request .section_foot_button {
    margin-top: 20px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_queue_request .section_foot_button .section_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page_queue_request .section_foot_button .btn_complete {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #03aa5a;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}

.page_queue_request .section_foot_button .btn_complete.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    cursor: default
}

.queue_cancellation_modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

.queue_cancellation_modal.show .dimmed {
    opacity: 1
}

.queue_cancellation_modal.show .modal_layout {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.queue_cancellation_modal .dimmed {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.queue_cancellation_modal .modal_layout {
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-height: calc(100% - 44px);
    border-radius: 24px 24px 0 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: 10000
}

.queue_cancellation_modal .modal_header {
    position: relative;
    padding: 20px 50px 16px 16px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 18px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.queue_cancellation_modal .modal_header .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 60px
}

.queue_cancellation_modal .modal_header .btn_close .fn-booking-close1 {
    vertical-align: -5px;
    font-size: 20px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.queue_cancellation_modal .modal_body {
    position: relative;
    overflow-y: auto;
    padding: 30px 16px
}

.queue_cancellation_modal .queue_cancellation_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #222225;
    color: var(--booking-color-gray10)
}

.queue_cancellation_modal .queue_cancellation_text {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.4;
    color: #444447;
    color: var(--booking-color-gray20)
}

.queue_cancellation_modal .list_queue_cancellation {
    margin-top: 16px
}

.queue_cancellation_modal .item_queue_cancellation+.item_queue_cancellation {
    margin-top: 8px
}

.queue_cancellation_modal .item_queue_cancellation .input:checked+.label {
    border-color: #03aa5a;
    background-color: #f2fbf7;
    background-color: var(--booking-color-green99)
}

.queue_cancellation_modal .item_queue_cancellation .input:checked+.label .ico_check_round {
    width: 24px;
    height: 24px;
    fill: #03aa5a
}

.queue_cancellation_modal .item_queue_cancellation .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 26px 16px 16px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.queue_cancellation_modal .item_queue_cancellation .img_area {
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 68px;
    height: 68px;
    margin-right: 12px;
    border-radius: 12px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.queue_cancellation_modal .item_queue_cancellation .img {
    -o-object-fit: cover;
    object-fit: cover
}

.queue_cancellation_modal .item_queue_cancellation .ico_store {
    width: 32px;
    height: 32px;
    margin: auto;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60)
}

.queue_cancellation_modal .item_queue_cancellation .text_area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.queue_cancellation_modal .item_queue_cancellation .business {
    display: block;
    font-weight: 600;
    line-height: 21px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.queue_cancellation_modal .item_queue_cancellation .order {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.queue_cancellation_modal .item_queue_cancellation .order .point {
    margin-left: 2px;
    color: #03aa5a
}

.queue_cancellation_modal .item_queue_cancellation .details {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.queue_cancellation_modal .item_queue_cancellation .details .product::before {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    width: 3px;
    height: 3px;
    margin: 0 4px;
    background-color: #939396;
    background-color: var(--booking-color-gray50)
}

.queue_cancellation_modal .item_queue_cancellation .ico_check_round {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    fill: #77777a;
    fill: var(--booking-color-gray40)
}

.queue_cancellation_modal .modal_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.queue_cancellation_modal .modal_footer .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 44px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.queue_cancellation_modal .modal_footer .btn+.btn {
    margin-left: 8px
}

.queue_cancellation_modal .modal_footer .btn.type_green {
    border-color: #03aa5a;
    background-color: #03aa5a;
    color: #fff
}

.queue_cancellation_modal .modal_footer .btn.disabled {
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.page_ticket_my {
    min-height: calc(100vh - 50px);
    padding-top: 50px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.page_ticket_my.page_expired {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page_ticket_my .wrap_transform_section .booking_common_handlebar {
    padding-bottom: 12px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_ticket_my .wrap_transform_section .booking_common_handlebar+.section_details {
    padding-top: 0
}

.page_ticket_my .wrap_footer .gototop {
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.page_ticket_my .section_inner {
    max-width: 720px;
    margin: 0 auto
}

.page_ticket_my .section_etc {
    padding: 10px
}

.page_ticket_my .section_etc .go_menu_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    margin: 0 auto;
    padding: 0 20px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 3px 5px rgba(36,36,36,.08);
    box-shadow: 0px 3px 5px rgba(36,36,36,.08);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.page_ticket_my .section_etc .go_menu_link .ico_menu {
    width: 26px;
    height: 26px;
    background-position: -662px -84px;
    margin-right: 5px
}

.page_ticket_my .section_etc .go_menu_link .tit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_etc .go_menu_link .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_etc .go_menu_link .fn-booking-forward1 {
    margin-left: 5px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_etc .go_menu_link .fn-booking-forward1::before {
    font-weight: bold
}

.page_ticket_my .section_alarm {
    overflow: hidden;
    max-height: 130px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: all ease-out .3s .2s;
    transition: all ease-out .3s .2s
}

.page_ticket_my .section_alarm.hide_alarm {
    max-height: 0;
    opacity: 0
}

.page_ticket_my .section_alarm .agreeing_talk_alarm_switch {
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 14px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.page_ticket_my .section_alarm .agreeing_talk_alarm_switch .txt {
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_business_map .section_inner {
    position: relative
}

.page_ticket_my .section_business_map .link_map {
    position: relative;
    display: block;
    height: 260px
}

.page_ticket_my .section_business_map .img_map {
    -o-object-fit: cover;
    object-fit: cover
}

.page_ticket_my .section_business_map [class*=marker_] {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.page_ticket_my .section_business_map [class*=marker_] .marker {
    position: relative;
    vertical-align: top
}

.page_ticket_my .section_business_map [class*=marker_] .text {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.3px;
    text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff
}

.page_ticket_my .section_business_map .marker_store .marker {
    display: inline-block
}

.page_ticket_my .section_business_map .marker_store .marker::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 16px;
    width: 11px;
    height: 8px;
    background-position: -387px -346px
}

.page_ticket_my .section_business_map .marker_store .img {
    width: 36px;
    height: 36px;
    border-radius: 14px;
    border: 3px solid #fff;
    -o-object-fit: cover;
    object-fit: cover
}

.page_ticket_my .section_business_map .marker_store .wrap_icon {
    position: absolute;
    top: -4px;
    right: -4px;
    border-radius: 2px;
    border: solid #fff;
    border-width: 1px 2px 1px 2px;
    background-color: #fff
}

.page_ticket_my .section_business_map .marker_store .ico_coupon_percent {
    width: 13px;
    height: 13px;
    background-position: -433px -522px;
    display: block;
    border-radius: 2px
}

.page_ticket_my .section_business_map .marker_store .text {
    margin-top: 6px;
    color: #424242
}

.page_ticket_my .section_business_map .marker_store .text_promotion {
    margin-top: 3px;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: -0.3px;
    color: #424242;
    text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff
}

.page_ticket_my .section_business_map .marker_my .marker {
    width: 48px;
    height: 56px;
    background-position: -323px 0px
}

.page_ticket_my .section_business_map .marker_my .img {
    position: absolute;
    left: 11px;
    top: 11px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.page_ticket_my .section_business_map .marker_my .text {
    color: #000
}

.page_ticket_my .section_business_map .buttons_area {
    position: absolute;
    top: 43px;
    right: 15px;
    width: 48px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.05);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.15);
    box-shadow: 0px 2px 5px rgba(0,0,0,.15);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.page_ticket_my .section_business_map .btn_transport {
    display: block;
    padding: 11px 0;
    text-align: center
}

.page_ticket_my .section_business_map .btn_transport+.btn_transport {
    position: relative
}

.page_ticket_my .section_business_map .btn_transport+.btn_transport::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0;
    width: 32px;
    height: 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.page_ticket_my .section_business_map .btn_transport [class*=ico_] {
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.page_ticket_my .section_business_map .btn_transport .ico_walking {
    width: 11px;
    height: 20px
}

.page_ticket_my .section_business_map .btn_transport .ico_metro {
    width: 14px;
    height: 17px
}

.page_ticket_my .section_business_map .btn_transport .ico_car {
    width: 18px;
    height: 15px
}

.page_ticket_my .section_business_map .btn_transport .text {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .display_ad_area {
    border-top: 1px solid rgba(0,0,0,.05)
}

.page_ticket_my .display_ad_area+.section_booking_info .booking_inner {
    padding-top: 16px
}

.page_ticket_my .section_booking_info {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_ticket_my .section_booking_info .booking_inner {
    max-width: 720px;
    margin: 0 auto
}

.page_ticket_my .status_card .card_info_list {
    border-spacing: 8px 12px;
    margin: -12px -8px
}

.page_ticket_my .section_details {
    padding: 12px 20px 32px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_ticket_my .section_details .share_alert_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0 16px
}

.page_ticket_my .section_details .share_alert_info .icon {
    width: 64px;
    height: 30px;
    background-position: -223px -225px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 10px;
    vertical-align: top
}

.page_ticket_my .section_details .share_alert_info .tit {
    font-size: 14px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 800;
    line-height: 18px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .share_alert_info .tit .color_blue {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.page_ticket_my .section_details .share_alert_info .txt {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .delay_alert_info {
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .delay_alert_info::before {
    content: "";
    width: 21px;
    height: 20px;
    background-position: -373px -219px;
    margin-right: 4px;
    vertical-align: top
}

.page_ticket_my .section_details .queue_button_area {
    padding-top: 16px
}

.page_ticket_my .section_details .queue_button_area .button_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_ticket_my .section_details .queue_button_area .button_row+.button_row {
    margin-top: 10px
}

.page_ticket_my .section_details .queue_button_area .button {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 15px 0;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.page_ticket_my .section_details .queue_button_area .button.type_blue {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,.04);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,.04);
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.page_ticket_my .section_details .queue_button_area .button.disabled {
    border: 0;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background);
    color: #c5c5c7;
    color: var(--booking-color-gray60);
    cursor: default
}

.page_ticket_my .section_details .queue_button_area .button+.button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 5px
}

.page_ticket_my .section_details .queue_button_area .button .ico_close {
    width: 10px;
    height: 10px;
    margin-right: 7px;
    fill: #287cff;
    fill: var(--booking-color-myplace-blue)
}

.page_ticket_my .section_details .queue_button_area .button .fn-share1 {
    font-size: 18px;
    vertical-align: -3px;
    margin-right: 7px
}

.page_ticket_my .section_details .charge_area {
    position: relative;
    margin-top: 15px
}

.page_ticket_my .section_details .charge_area .charge_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0
}

.page_ticket_my .section_details .charge_area .charge_title .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .charge_area .charge_title .num {
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_details .charge_area .charge_title .num+.num::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .charge_area .charge_list {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .charge_area .charge_list .charge_item {
    padding: 12px 0
}

.page_ticket_my .section_details .charge_area .charge_list .charge_item:first-child {
    padding: 20px 0 12px
}

.page_ticket_my .section_details .charge_area .charge_list .charge_item:last-child {
    padding: 12px 0 20px
}

.page_ticket_my .section_details .charge_area .charge_list .charge_item+.charge_item {
    border-top: 1px dashed;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row+.menu_row {
    margin-top: 4px
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row:nth-child(2) {
    margin-top: 8px
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .menu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .menu+.price .count {
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .menu .ico_cancel {
    vertical-align: 2px;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 20px;
    background-color: rgba(178,178,178,.2);
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    text-align: left;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .option::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    margin: 8px 5px 0 0;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .option .btn_help {
    padding: 1px 0 0 2px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .option .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .option .icon {
    width: 15px;
    height: 15px;
    margin-right: 6px
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .price {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .price.free {
    color: #d2d2d2
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .price.discount {
    font-weight: 500;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .count {
    display: inline-block;
    width: 25px;
    color: #939396;
    color: var(--booking-color-gray50);
    white-space: nowrap
}

.page_ticket_my .section_details .charge_area .charge_list .menu_row .sum {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: right
}

.page_ticket_my .section_details .charge_area .charge_list .sum_row {
    margin-top: 7px;
    text-align: right
}

.page_ticket_my .section_details .charge_area .charge_list .sum_row .sum {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .charge_area .charge_total {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-top: 22px;
    border-top: 2px solid;
    border-top-color: #444447;
    border-top-color: var(--booking-color-gray20);
    font-size: 18px
}

.page_ticket_my .section_details .charge_area .charge_total .title {
    display: table-cell;
    letter-spacing: -0.1px;
    border-top-color: #222225;
    border-top-color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .charge_area .charge_total .price {
    display: table-cell;
    width: 40%;
    font-weight: bold;
    text-align: right;
    color: #fc4c4e
}

.page_ticket_my .section_details .charge_area .refund_total {
    padding-top: 13px
}

.page_ticket_my .section_details .charge_area .refund_total .cancel_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 12px
}

.page_ticket_my .section_details .charge_area .refund_total .cancel_info .title {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .charge_area .refund_total .cancel_info .price {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .charge_area .refund_total .refund_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px dashed;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .charge_area .refund_total .refund_info .title {
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .charge_area .refund_total .refund_info .price {
    font-weight: 700;
    font-size: 20px;
    color: #fc4c4e
}

.page_ticket_my .section_details .charge_area .refund_total .refund_guide {
    margin-top: 13px;
    padding: 12px 15px;
    border-radius: 6px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.page_ticket_my .section_details .charge_area .refund_total .refund_guide .em {
    font-weight: 700;
    margin-left: 4px
}

.page_ticket_my .section_details .charge_area .refund_total .guide {
    font-size: 14px;
    line-height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -0.3px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_details .charge_area .refund_total .guide+.guide {
    margin-top: 3px
}

.page_ticket_my .section_details .charge_area .refund_total .guide::before {
    content: "";
    width: 3px;
    height: 3px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.page_ticket_my .section_details .queue_charge_area {
    margin-top: 17px
}

.page_ticket_my .section_details .queue_charge_area .charge_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0
}

.page_ticket_my .section_details .queue_charge_area .charge_title .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .queue_charge_area .charge_title .num {
    font-size: 14px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.page_ticket_my .section_details .queue_charge_area .charge_list {
    padding-top: 20px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .queue_charge_area .charge_item+.charge_item {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .queue_charge_area .charge_item .option_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px
}

.page_ticket_my .section_details .queue_charge_area .charge_item .option_row .title {
    margin-right: 6px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .queue_charge_area .charge_item .option_row .text {
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .queue_charge_area .charge_item .option_item {
    position: relative;
    margin-top: 8px;
    margin-left: 11px;
    font-size: 14px;
    line-height: 19px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .queue_charge_area .charge_item .option_item::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #dfe2e7
}

.page_ticket_my .section_details .queue_charge_area .charge_item .option_textarea {
    margin-top: 8px;
    padding: 11px 13px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .queue_charge_area+.common_alert_info_wrap {
    margin-top: 16px;
    padding-top: 4px;
    border-top: 1px dashed;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .reorder_area {
    position: relative;
    margin: 26px 0 63px;
    text-align: center
}

.page_ticket_my .section_details .reorder_area .btn_reorder {
    padding: 15px 60px;
    border-radius: 42px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #000;
    color: var(--booking-color-gray0)
}

.page_ticket_my .section_details .reorder_area .btn_reorder::before {
    content: "";
    display: inline-block;
    vertical-align: -3px;
    margin-right: 6px;
    width: 14px;
    height: 19px;
    background-position: -675px -199px
}

.page_ticket_my .section_details .address_area {
    position: relative;
    max-width: 720px;
    padding: 60px 8px 18px;
    margin: 0 auto
}

.page_ticket_my .section_details .address_area+.request_area {
    margin-top: 0
}

.page_ticket_my .section_details .address_area::before {
    content: "";
    position: absolute;
    top: 30px;
    left: -20px;
    right: -20px;
    height: 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .address_area .title {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.1;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_details .address_area .desc {
    margin-top: 15px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.1;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .address_area .btn_copy {
    vertical-align: 2px;
    margin-left: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.1px;
    color: #03c75a
}

.page_ticket_my .section_details .address_area .btn_copy .fn-copy3 {
    vertical-align: -4px;
    margin-right: 1px;
    font-size: 15px
}

.page_ticket_my .section_details .request_area {
    max-width: 720px;
    margin: 20px auto 0;
    padding: 18px 8px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.page_ticket_my .section_details .request_area+.request_area {
    border-top: 0
}

.page_ticket_my .section_details .request_area .title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_details .request_area .desc {
    margin-top: 5px;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.4px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.page_ticket_my .section_details .request_area .desc+.desc {
    margin-top: 0
}

.page_ticket_my .section_details .pickup_area {
    max-width: 720px;
    margin: 30px auto 0;
    padding: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fef4f4;
    background-color: var(--booking-color-red99)
}

.page_ticket_my .section_details .pickup_area .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #fc4c42
}

.page_ticket_my .section_details .pickup_area .title::before {
    content: "";
    margin: 3px 4px 0 0;
    width: 14px;
    height: 14px;
    background-position: -278px -302px
}

.page_ticket_my .section_details .pickup_area .desc {
    margin-top: 8px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_ticket_my .section_foldable_card {
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.page_ticket_my .section_foldable_card>.section_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page_ticket_my .section_foldable_card .booking_common_map+.compo_location_guide {
    margin-top: 16px;
    padding-top: 4px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.page_ticket_my .section_foldable_card .section_refund_rules {
    padding: 12px 0 0
}

.page_ticket_my .section_foldable_card .tit_confirm_item {
    display: none
}

.page_ticket_my .section_foldable_card .complete_code_wrap {
    margin-top: 0
}

.page_ticket_my .section_foldable_card .section_coupon_list .list_coupon {
    padding: 0
}

.page_ticket_my .section_foldable_card .menu_list_area {
    overflow-x: auto;
    margin: 0 -16px;
    -ms-overflow-style: none
}

.page_ticket_my .section_foldable_card .menu_list_area::-webkit-scrollbar {
    display: none
}

.page_ticket_my .section_foldable_card .menu_list_area .slick-arrow {
    top: 75px
}

.page_ticket_my .section_foldable_card .horizontal_menu_list.no_img .menu_item .menu_box {
    text-align: center
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .menu_item {
    width: 110px
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .menu_item .img_box {
    height: 110px
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .menu_item .menu_box {
    text-align: left
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more {
    display: table-cell;
    padding: 0 20px 0 16px;
    vertical-align: middle
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more .btn_more {
    position: relative;
    width: auto;
    height: auto;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more .btn_more::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
    border-radius: 50%;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more .btn_more::after {
    content: none
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more .btn_more .ico_arrow {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 10px;
    position: absolute;
    left: 13px;
    top: 15px
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more .btn_more .ico_arrow:before {
    content: "";
    position: absolute;
    border-top: 1.5px solid var(--booking-color-gray20);
    border-left: 1.5px solid var(--booking-color-gray20);
    top: 50%;
    width: 6px;
    height: 6px;
    right: 5px;
    -webkit-transform: translate(50%, -50%) rotate(135deg);
    transform: translate(50%, -50%) rotate(135deg)
}

.page_ticket_my .section_foldable_card .horizontal_menu_list .more .btn_more .ico_arrow:after {
    content: "";
    position: absolute;
    background-color: var(--booking-color-gray20);
    top: 50%;
    right: 1px;
    width: 12px;
    height: 1.5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.page_ticket_my .section_foldable_card .loading_box {
    position: relative;
    height: 100px
}

.page_ticket_my .section_foldable_card .btn_view_all {
    display: block;
    width: 100%;
    margin: 16px 0 -30px;
    padding: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 15px;
    font-weight: 600;
    color: #555558;
    color: var(--booking-color-gray30)
}

.page_ticket_my .section_foldable_card .btn_view_all .ico_arrow {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 5px
}

.page_ticket_my .section_foldable_card .btn_view_all .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -2px;
    border-top: 1px solid var(--booking-color-gray30);
    border-right: 1px solid var(--booking-color-gray30)
}

.page_ticket_my .section_foldable_card .btn_ticket_delete {
    display: block;
    margin: 28px auto 0;
    padding: 11px 23px;
    border-radius: 24px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_ticket_my .section_foldable_card .btn_ticket_delete .fn-delete1 {
    display: inline-block;
    content: "";
    vertical-align: -2px;
    margin-left: 5px;
    font-size: 16px
}

.page_ticket_my .section_foldable_card .banner_area {
    padding: 16px 0 4px
}

@media screen and (max-width: 375px) {
    .page_ticket_my .section_foldable_card .banner_area {
        margin:0 -12px
    }
}

.page_ticket_my .place_recommendation_contents {
    margin-top: 12px;
    border-radius: 8px
}

.foldable_card {
    margin-top: 12px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.foldable_card .card_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px
}

.foldable_card .card_header .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.foldable_card .card_header .fn-down2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.foldable_card .card_header .fn-down2::before {
    font-weight: bold
}

.foldable_card .card_header.open .fn-down2 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.foldable_card .card_body {
    margin: 0 16px;
    padding-bottom: 28px
}

.seller_info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.seller_info .item .item_title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 102px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.seller_info .item .item_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #444447;
    color: var(--booking-color-gray20)
}

.seller_info .item .item_text .desc {
    margin-top: 8px;
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.seller_info .item .item_text .phone {
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.seller_info .item .item_text .link_detail {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-size: 13px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.seller_info .item .item_text .link_detail .fn-booking-forward1 {
    vertical-align: -1px;
    margin-left: 3px;
    font-size: 12px
}

.seller_info .item .item_text .link_detail .fn-booking-forward1::before {
    font-weight: bold
}

.seller_info .item .item_text .btn_receipt {
    display: block;
    margin-top: 16px;
    padding: 8px 44px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.04);
    box-shadow: 0px 2px 3px rgba(0,0,0,.04);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.queue_share_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.queue_share_wrapper.type_queue_cancel .icon {
    width: 160px;
    height: 144px;
    background-position: 0px 0px
}

.queue_share_wrapper .share_contents {
    padding-top: 69px;
    text-align: center
}

.queue_share_wrapper .icon {
    width: 160px;
    height: 144px;
    background-position: -162px 0px;
    vertical-align: top
}

.queue_share_wrapper .share_title {
    margin-top: 30px;
    font-size: 18px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 900;
    line-height: 22px;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.queue_share_wrapper .share_text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.list_pay_time_table .item_pay_time_table {
    position: relative;
    padding-left: 13px
}

.list_pay_time_table .item_pay_time_table+.item_pay_time_table {
    margin-top: 8px
}

.list_pay_time_table .item_pay_time_table:first-child::before {
    top: 10px
}

.list_pay_time_table .item_pay_time_table:first-child::after {
    background-color: #222225;
    background-color: var(--booking-color-gray10)
}

.list_pay_time_table .item_pay_time_table:last-child::before {
    bottom: auto;
    height: 18px
}

.list_pay_time_table .item_pay_time_table::before {
    content: "";
    position: absolute;
    left: 2px;
    top: -8px;
    bottom: 0;
    width: 1px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.list_pay_time_table .item_pay_time_table::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.list_pay_time_table .item_pay_time_table:only-child::before {
    content: none
}

.list_pay_time_table .item_pay_time_table .pay_time {
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.list_pay_time_table .item_pay_time_table .emphasis {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.list_pay_time_table .item_pay_time_table .pay_detail {
    font-size: 14px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.list_pay_time_table .item_pay_time_table .pay_detail .price {
    margin-right: 8px;
    font-weight: 600
}

.list_pay_time_table .item_pay_time_table .pay_detail .text {
    margin-right: 4px
}

.list_pay_time_table .item_pay_time_table .pay_detail .btn_detail {
    font-size: 14px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.list_pay_time_table .item_pay_time_table .pay_detail .btn_detail .ico_arrow {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 7px;
    margin-left: 2px;
    vertical-align: 1px
}

.list_pay_time_table .item_pay_time_table .pay_detail .btn_detail .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -2px;
    border-right: 1px solid var(--booking-color-blue-link);
    border-bottom: 1px solid var(--booking-color-blue-link)
}

.list_pay_time_table .layer_pay_detail {
    position: absolute;
    top: 100%;
    right: -8px;
    left: -8px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #939396;
    border-color: var(--booking-color-gray50);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 9002
}

.list_pay_time_table .layer_pay_detail .booking_charge {
    padding: 0 19px
}

.list_pay_time_table .layer_pay_detail .booking_charge .booking_price_info:first-child {
    margin-top: 23px
}

.list_pay_time_table .layer_pay_detail .link_area {
    margin-top: 20px;
    padding: 12px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.list_pay_time_table .layer_pay_detail .link_detail {
    display: block;
    padding: 7px 15px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.list_pay_time_table .layer_pay_detail .link_detail .fn-booking-forward1 {
    margin-left: 2px;
    font-size: 12px;
    vertical-align: -1px
}

.list_pay_time_table .layer_pay_detail .link_detail .fn-booking-forward1::before {
    font-weight: bold
}

.user_info_table .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.user_info_table .item+.item {
    margin-top: 4px
}

.user_info_table .item .item_title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 70px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.user_info_table .item .item_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #444447;
    color: var(--booking-color-gray20)
}

.user_info_table .item .item_text .desc {
    margin-top: 8px;
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.complete_code_wrap {
    margin-top: 10px
}

.complete_code_wrap .complete_code_text {
    font-size: 14px;
    line-height: 21px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.complete_code_wrap .complete_code_text+.complete_code_msg {
    margin-top: 9px
}

.complete_code_wrap .complete_code_text .green {
    font-weight: 500;
    color: #03aa5a !important
}

.complete_code_wrap .complete_code_text .fn-booking-caution {
    margin-right: 4px;
    font-size: 15px;
    vertical-align: -2px
}

.complete_code_wrap .complete_code_text .fn-booking-caution::before {
    font-weight: bold
}

.complete_code_wrap .complete_code_msg {
    padding: 20px 10px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 15px;
    line-height: 21px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center
}

.complete_code_wrap .complete_code_msg strong {
    font-weight: 600
}

.complete_code_wrap .complete_code_button {
    display: block;
    padding: 15px 0;
    border-radius: 12px;
    border: 1px solid;
    border-color: #222225;
    border-color: var(--booking-color-gray10);
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

.complete_code_wrap .complete_code_button strong {
    font-weight: 600
}

.complete_code_wrap .complete_code_button .ico_arrow {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px
}

.complete_code_wrap .complete_code_button .ico_arrow:before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--booking-color-gray10);
    border-left: 1px solid var(--booking-color-gray10);
    top: 50%;
    width: 6px;
    height: 6px;
    right: 5px;
    -webkit-transform: translate(50%, -50%) rotate(135deg);
    transform: translate(50%, -50%) rotate(135deg)
}

.complete_code_wrap .complete_code_button .ico_arrow:after {
    content: "";
    position: absolute;
    background-color: var(--booking-color-gray10);
    top: 50%;
    right: 1px;
    width: 9px;
    height: 1px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.complete_code_wrap .complete_code_button+.complete_code_text {
    margin-top: 12px
}

.page_queue_change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 50px);
    padding-top: 50px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.page_queue_change .scroll_area {
    overflow-y: auto
}

.page_queue_change .page_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 18px
}

.page_queue_change .queue_change_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_queue_change .estimated_waiting_time {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.page_queue_change .estimated_waiting_time .title {
    padding-bottom: 4px;
    font-weight: 700
}

.page_queue_change .estimated_waiting_time .text {
    display: inline-block
}

.page_queue_change .estimated_waiting_time .text+.text::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 3px;
    height: 3px;
    margin: 0 8px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.page_queue_change .estimated_waiting_time .text .color_blue {
    margin-left: 5px;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.page_queue_change .common_alert_info {
    margin-top: 20px;
    padding: 12px 18px
}

.page_queue_change .common_alert_info .title {
    font-size: 14px;
    font-weight: 500
}

.page_queue_change .list_queue_change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px 31px;
    margin-top: 32px;
    padding: 0 2px
}

.page_queue_change .item_queue_change .input:checked+.label {
    border-width: 2px;
    border-color: #0385ff;
    background-color: rgba(40,124,255,.1);
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.page_queue_change .item_queue_change .input:checked+.label .top_label {
    top: -2px;
    right: -2px;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, right top, from(#0385FF), to(#42A4FF));
    background-image: linear-gradient(90deg, #0385FF, #42A4FF)
}

.page_queue_change .item_queue_change .input:disabled+.label {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #77777a;
    color: var(--booking-color-gray40)
}

.page_queue_change .item_queue_change .label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 80px;
    border-radius: 41px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.page_queue_change .item_queue_change .top_label {
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 0 5px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    color: #fff
}

.page_queue_change .item_queue_change .top_label .fn-booking-check2 {
    padding: 5px;
    font-size: 10px;
    color: #fff
}

.page_queue_change .item_queue_change .num {
    display: block;
    font-size: 22px;
    line-height: 26px
}

.page_queue_change .footer_area {
    margin-top: auto;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.page_queue_change .footer_area .page_inner {
    padding: 18px
}

.page_queue_change .footer_area .agreement_info {
    margin-top: 0;
    margin-bottom: 13px
}

.page_queue_change .footer_area .btn {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    font-size: 15px;
    line-height: 20px;
    color: #fff
}

.page_queue_change .footer_area .btn.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.error_jp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0)
}

.error_jp .error_icon {
    width: 110px;
    height: 120px;
    background-image: url("/public/assets/ico_error.png");
    background-size: contain
}

.error_jp .error_tit {
    display: block;
    margin-top: 16px;
    font-size: 16px;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.error_jp .error_desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    color: #777;
    color: var(--yahoo-color-text-secondary)
}

.error_jp .error_btn {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    color: #fff
}

@media(prefers-color-scheme: dark) {
    body.is_dark .error_jp .error_icon {
        background-image:url("/public/assets/ico_error_darkmode.png")
    }
}

.error_jp.viewer {
    background-color: #000
}

.error_jp.viewer .error_icon {
    background-image: url("/public/assets/ico_error_darkmode.png")
}

.error_jp.viewer .error_tit {
    color: #d7d7d7
}

.error_jp.viewer .error_desc {
    color: #a7a7a7
}

.error_jp.viewer .error_btn {
    background-color: #4f96ff
}

.vacancy_notification_apply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh
}

@supports(-webkit-touch-callout: none) {
    .vacancy_notification_apply {
        height: -webkit-fill-available
    }
}

.vacancy_notification_apply .vacancy_header {
    height: 51px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.vacancy_notification_apply .vacancy_header .header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 720px;
    margin: 0 auto;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vacancy_notification_apply .vacancy_header .btn_close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 51px;
    height: 51px
}

.vacancy_notification_apply .vacancy_header .ico_close {
    width: 18px;
    height: 18px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.vacancy_notification_apply .vacancy_main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    overflow-y: auto
}

.vacancy_notification_apply .vacancy_section {
    max-width: 720px;
    margin: 0 auto;
    padding: 20px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vacancy_notification_apply .vacancy_section+.vacancy_section {
    position: relative;
    margin-top: 8px
}

.vacancy_notification_apply .vacancy_section+.vacancy_section::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.vacancy_notification_apply .vacancy_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.vacancy_notification_apply .vacancy_footer .btn_request {
    width: 100%;
    max-width: 720px;
    height: 44px;
    padding: 0px 12px;
    margin: 12px 16px;
    border-radius: 8px;
    background-color: #03aa5a;
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.vacancy_notification_apply .vacancy_footer .btn_request.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.vacancy_notification_apply .guide_list {
    padding: 8px 0
}

.vacancy_notification_apply .guide_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vacancy_notification_apply .guide_item+.guide_item {
    margin-top: 12px
}

.vacancy_notification_apply .guide_item .num {
    width: 18px;
    height: 18px;
    margin: 1px 6px 0 0;
    border-radius: 4px;
    background-color: #e6f7ee;
    background-color: var(--booking-color-green95);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #03aa5a;
    text-align: center
}

.vacancy_notification_apply .guide_item .text {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    color: var(--booking-color-gray0)
}

.vacancy_notification_apply .guide_item .point {
    font-weight: 700;
    color: #03aa5a
}

.vacancy_notification_apply .detail_area {
    position: relative;
    margin-top: 8px
}

.vacancy_notification_apply .btn_more {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.vacancy_notification_apply .modal_detail {
    position: absolute;
    top: 24px;
    left: 0;
    bottom: 20px;
    z-index: 100
}

.vacancy_notification_apply .modal_detail .modal_layout {
    width: 100%;
    max-width: 361px;
    padding: 16px;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05)
}

.vacancy_notification_apply .modal_detail .modal_item {
    margin-bottom: 16px
}

.vacancy_notification_apply .modal_detail .modal_item .item_title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.vacancy_notification_apply .modal_detail .modal_item .item_desc {
    margin-top: 4px;
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.vacancy_notification_apply .modal_detail .modal_item .item_desc .link_my {
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.vacancy_notification_apply .modal_detail .modal_image {
    width: 100%
}

.vacancy_notification_apply .modal_detail .btn_modal_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    font-size: 12px;
    line-height: 19px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.vacancy_notification_apply .card_info {
    padding: 20px 24px;
    border-radius: 15px;
    border: 2px solid;
    border-color: #77777a;
    border-color: var(--booking-color-gray40);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05),0px 0px 6px 0px rgba(0,0,0,.05)
}

.vacancy_notification_apply .card_info .name {
    font-size: 21px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.vacancy_notification_apply .card_info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.vacancy_notification_apply .card_info .item+.item {
    margin-top: 4px
}

.vacancy_notification_apply .card_info .text {
    width: 60px;
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.vacancy_notification_apply .card_info .text+.text {
    width: auto;
    margin-left: 8px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.vacancy_notification_apply .card_info .text.bold {
    font-weight: 600
}

.vacancy_notification_apply .time_title {
    margin-top: 24px;
    font-size: 19px;
    font-weight: 600;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.vacancy_notification_apply .time_title .fn-time2 {
    vertical-align: -1px;
    margin-right: 6px;
    font-size: 18px
}

.vacancy_notification_apply .time_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 12px -4px 0
}

.vacancy_notification_apply .time_item {
    width: 33.33%;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vacancy_notification_apply .btn_time {
    width: 100%;
    height: 75px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.vacancy_notification_apply .btn_time.selected {
    border-color: #03aa5a;
    background-color: #03aa5a;
    color: #fff
}

.vacancy_notification_apply .btn_time.selected .info {
    color: #fff
}

.vacancy_notification_apply .btn_time.disabled {
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #939396;
    color: var(--booking-color-gray50)
}

.vacancy_notification_apply .btn_time.disabled .info {
    color: #939396;
    color: var(--booking-color-gray50)
}

.vacancy_notification_apply .btn_time .info {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #03aa5a
}

.vacancy_notification_history {
    min-height: calc(100vh - 57px)
}

.vacancy_notification_history .no_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 280px
}

.vacancy_notification_history .no_list .fn-board1 {
    font-size: 49px;
    color: #e9e9ec;
    color: var(--booking-color-gray80)
}

.vacancy_notification_history .no_list .fn-board1+.text {
    margin-top: 14px
}

.vacancy_notification_history .no_list .text {
    font-size: 16px;
    line-height: 22px;
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.vacancy_notification_history .item_bizitem {
    padding: 24px 20px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.vacancy_notification_history .item_bizitem+.item_bizitem {
    margin-top: 20px
}

.vacancy_notification_history .bizitem_notification {
    max-width: 720px;
    margin: 0 auto
}

.vacancy_notification_history .bizitem_notification .title {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.vacancy_notification_history .bizitem_notification .ico_arrow {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 6px
}

.vacancy_notification_history .bizitem_notification .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -2px;
    border-top: 1.5px solid var(--booking-color-gray30);
    border-right: 1.5px solid var(--booking-color-gray30)
}

.vacancy_notification_history .item_notification {
    padding-top: 13px;
    display: block
}

.vacancy_notification_history .notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.vacancy_notification_history .notification .bizitem_title {
    font-size: 15px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.vacancy_notification_history .notification .text_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px
}

.vacancy_notification_history .notification .text_table .tit {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.vacancy_notification_history .notification .text_table .txt {
    color: #222225;
    color: var(--booking-color-gray10)
}

.vacancy_notification_history .notification .text_table .color_blue {
    font-weight: 600;
    letter-spacing: -1px;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.vacancy_notification_history .notification .text {
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.2px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.vacancy_notification_history .notification .ico_person {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    fill: #77777a;
    fill: var(--booking-color-gray40);
    vertical-align: -2px
}

.vacancy_notification_history .notification .button_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    padding-left: 8px
}

.vacancy_notification_history .notification .btn_cancel {
    padding: 7px 11px;
    border-radius: 32px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 13px;
    line-height: 16px
}

.vacancy_notification_history .btn_cancel_all {
    width: 100%;
    margin-top: 13px;
    padding: 9px 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f0f0f3;
    background-color: var(--booking-color-background);
    font-size: 14px;
    line-height: 20px
}

.vacancy_notification_history .btn_cancel_all .ico_cancel {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: -1px;
    margin-right: 6px
}

.vacancy_notification_history .btn_cancel_all .ico_cancel:before,.vacancy_notification_history .btn_cancel_all .ico_cancel:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 1px;
    background-color: var(--booking-color-gray40)
}

.vacancy_notification_history .btn_cancel_all .ico_cancel:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.vacancy_notification_history .btn_cancel_all .ico_cancel:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.page_queue_list.page_error,.page_queue_request.page_error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.queue_error_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.queue_error_wrapper .error_contents {
    margin-top: 136px;
    text-align: center
}

.queue_error_wrapper .fn-booking-caution {
    vertical-align: top;
    font-size: 56px;
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.queue_error_wrapper .error_title {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.queue_error_wrapper .error_text {
    margin-top: 8px;
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.queue_error_wrapper .error_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 70px
}

.queue_error_wrapper .error_buttons .link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 9px 11px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    font-size: 15px;
    line-height: 20px;
    word-break: keep-all
}

.queue_error_wrapper .error_buttons .link:only-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 9px 23px
}

.queue_error_wrapper .error_buttons .link+.link {
    margin-left: 6px
}

.page_naver_app_bridge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 800;
    letter-spacing: -0.5px;
    word-break: keep-all
}

.page_naver_app_bridge .page_inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 393px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_naver_app_bridge .bridge_title_wrap {
    text-align: left
}

.page_naver_app_bridge .bridge_logo {
    font-size: 28px;
    line-height: normal;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_naver_app_bridge .bridge_logo .ico_naver {
    width: 27px;
    height: 27px;
    margin-right: 7.5px;
    fill: #00cf5b;
    vertical-align: -5px
}

.page_naver_app_bridge .bridge_title {
    margin-top: 20px;
    font-size: 28px;
    font-weight: 800;
    line-height: 42px;
    letter-spacing: -0.4px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.page_naver_app_bridge .bridge_image {
    margin-top: 64px;
    margin-left: auto
}

.page_naver_app_bridge .bridge_image .img {
    display: inline-block;
    max-width: 366px;
    vertical-align: top
}

.page_naver_app_bridge .bridge_tooltip {
    position: relative;
    margin-top: 63px;
    padding: 9px;
    border-radius: 39px;
    border: 2px solid #03aa5a;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-weight: 700;
    line-height: 18px;
    text-align: center
}

.page_naver_app_bridge .bridge_tooltip::before {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -11px;
    border-top: 10px solid #03aa5a;
    border-left: 10px solid rgba(0,0,0,0)
}

.page_naver_app_bridge .bridge_tooltip::after {
    content: "";
    position: absolute;
    left: 26px;
    bottom: -6px;
    border-top: 6px solid;
    border-top-color: #fff;
    border-top-color: var(--booking-color-elevated-surface);
    border-left: 6px solid rgba(0,0,0,0)
}

.page_naver_app_bridge .bridge_button {
    display: inline-block;
    margin-top: 15px;
    padding: 20px 21px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 8px 16.6px 0px rgba(130,162,199,.3);
    box-shadow: 0px 8px 16.6px 0px rgba(130,162,199,.3);
    background-color: #03aa5a;
    font-size: 22px;
    color: #fff;
    vertical-align: top
}

body.en .calendar .tb_calendar .tb_header th,body.ja .calendar .tb_calendar .tb_header th {
    font-size: 11px;
    font-weight: 500
}

body.en .section_green .desc_left,body.ja .section_green .desc_left {
    float: none;
    padding-bottom: 5px
}

body.en .section_green .ico_green_pass,body.ja .section_green .ico_green_pass {
    width: 74px;
    height: 15px;
    background-position: -155px -358px
}

body.en .section_green .ico_green_ticket,body.ja .section_green .ico_green_ticket {
    width: 78px;
    height: 15px;
    background-position: -242px -204px
}

body.en .entery_info .ico_green_pass,body.ja .entery_info .ico_green_pass {
    width: 74px;
    height: 15px;
    background-position: -155px -358px
}

body.en .green_ticket_banner .ico_green_ticket,body.ja .green_ticket_banner .ico_green_ticket {
    width: 49px;
    height: 51px;
    background-position: -51px -305px
}

body.en .seat_price_wrap .section_select_info .title .date,body.ja .seat_price_wrap .section_select_info .title .date {
    padding: 2px 76px 0 0
}

body.en .section_summary .summary_detail_area .green_ticket,body.ja .section_summary .summary_detail_area .green_ticket {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

body.en .section_summary .summary_detail_area .green_ticket .ticket_logo,body.ja .section_summary .summary_detail_area .green_ticket .ticket_logo {
    width: 62px
}

body.en .section_summary .summary_detail_area .green_ticket .ticket_logo .logo,body.ja .section_summary .summary_detail_area .green_ticket .ticket_logo .logo {
    width: 50px;
    height: 36px;
    background-position: -102px -305px
}

body.en .section_contents .order_area .order_list .order_list_tit .title,body.ja .section_contents .order_area .order_list .order_list_tit .title {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,sans-serif
}

.user_app.default .section_summary .summary_detail_area .business_links .link {
    color: #03c75a
}

.user_app.default .section_summary .summary_detail_area .business_links .link+.link::before {
    background-color: #03c75a
}

.user_app.default .section_event .event_info .btn_more .txt {
    color: #03c75a
}

.user_app.default .section_home.type_booking {
    background-color: #03c75a
}

.user_app.default .section_booking_list .booking_list .item_desc .desc_area .desc_price,.user_app.default .section_booking_list .booking_list .item_desc .desc_area .desc_txt {
    color: #03c75a
}

.user_app.default .section_booking_list .booking_list .item_desc .desc_area .box_bottom .btn_book {
    background: #03c75a
}

.user_app.default .section_menu_list .menu_price {
    color: #03c75a
}

.user_app.default .photo_review .renewal_tit .num {
    color: #03c75a
}

.user_app.default .section_review .layer_filter .item.checked {
    color: #03c75a
}

.user_app.default .section_review .layer_filter .item.checked::after {
    border-color: #03c75a
}

.user_app.default .section_review .short_review_filter .num {
    color: #03c75a
}

.user_app.default .section_review .short_review_filter input[type=checkbox]:checked+.checkbox .ico_check {
    background-color: #03c75a;
    border-color: #03c75a
}

.user_app.default .section_review .filter_area .tab_area .tab_inner .tab_btn.active {
    background: #03c75a
}

.user_app.default .section_review .layer_select .list_select .item.checked {
    color: #03c75a
}

.user_app.default .section_review .layer_select .list_select .item.checked::after {
    content: "";
    border-color: #03c75a
}

.user_app.default .section_review .short_review_area .reply_area {
    background-color: rgba(3,199,90,.04)
}

.user_app.default .section_review .short_review_area .review_translation_btn {
    color: #03c75a
}

.user_app.default .section_contact .link_contact {
    color: #03c75a
}

.user_app.default .btn_booking_fixed .btn_booking {
    background-color: #03c75a
}

.user_app.default .popup_summary {
    background-color: #03c75a
}

.user_app.default .popup_select.type_line .select_area .people_content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user_app.default .popup_select.type_line .select_area .people_content .counter {
    border-color: rgba(27,204,215,.4)
}

.user_app.default .popup_select.type_line .select_area .people_content .counter.minus_disabled .minus::before {
    background: rgba(27,204,215,.15)
}

.user_app.default .popup_select.type_line .select_area .people_content .counter.plus_disabled .plus::before,.user_app.default .popup_select.type_line .select_area .people_content .counter.plus_disabled .plus::after {
    background: rgba(27,204,215,.15)
}

.user_app.default .popup_select.type_line .select_area .people_content .counter .num {
    color: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .people_content .counter .button::before {
    background: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .people_content .counter .button::after {
    background: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .calendar_content .calendar_top {
    background: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.start-day .calendar-date {
    background-color: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.end-day .calendar-date {
    background-color: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.calendar-gap .calendar-date {
    background-color: #ecffff
}

.user_app.default .popup_select.type_line .select_area .bottom_btns {
    background-color: #f0feff
}

.user_app.default .popup_select.type_line .select_area .bottom_btns .btn {
    border-radius: 24px
}

.user_app.default .popup_select.type_line .select_area .bottom_btns .btn.confirm {
    background: #1bccd7
}

.user_app.default .popup_select.type_line .select_area .bottom_btns .btn.confirm.inactivate {
    background: #adf0f3
}

.user_app.default .popup_select .select_area .calendar_content .calendar_top {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.start-day .calendar-date {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.calendar-gap .calendar-date {
    background: rgba(3,199,90,.08)
}

.user_app.default .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.end-day .calendar-date {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.calendar-selected .calendar-date {
    -webkit-box-shadow: 0 2px 4px 0 rgba(67,54,199,.23);
    box-shadow: 0 2px 4px 0 rgba(67,54,199,.23);
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.start_time .item_box .btn {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.start_time .item_box .btn::after {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.time_gap .btn {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.end_time .btn {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.end_time .btn::after {
    background: #03c75a
}

.user_app.default .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .item_box .btn {
    background-color: #03c75a
}

.user_app.default .popup_select .select_area .people_content .counter {
    border-color: rgba(3,199,90,.4)
}

.user_app.default .popup_select .select_area .people_content .counter .num {
    color: #03c75a
}

.user_app.default .popup_select .select_area .people_content .counter .button::before,.user_app.default .popup_select .select_area .people_content .counter .button::after {
    background: #03c75a
}

.user_app.default .popup_select .select_area .people_content .counter.minus_disabled .minus::before {
    background: rgba(3,199,90,.15)
}

.user_app.default .popup_select .select_area .people_content .counter.plus_disabled .plus::before,.user_app.default .popup_select .select_area .people_content .counter.plus_disabled .plus::after {
    background: rgba(3,199,90,.15)
}

.user_app.default .popup_select .select_area .bottom_btns {
    background-color: #03c75a
}

.user_app.default .popup_select .select_area .bottom_btns .btn.confirm {
    background: #03c75a
}

.user_app.default .popup_select .select_area .bottom_btns .btn.confirm.inactivate {
    background: rgba(3,199,90,.1)
}

.user_app.default .photo_layer .photo_tab .tab_item.on {
    background: #03c75a
}

.user_app.default .footer .layer_select .list_select .item.checked {
    color: #03c75a
}

.user_app.default .footer .layer_select .list_select .item.checked::after {
    border-color: #03c75a
}

.user_app.global .section_summary .summary_detail_area .business_links .link {
    color: #4336c7
}

.user_app.global .section_summary .summary_detail_area .business_links .link+.link::before {
    background-color: #4336c7
}

.user_app.global .section_summary .summary_detail_area .business_links .link .ico_map {
    width: 11px;
    height: 14px;
    background-position: -359px -305px
}

.user_app.global .section_summary .summary_detail_area .business_links .link .ico_home {
    width: 15px;
    height: 14px;
    background-position: -245px -398px
}

.user_app.global .section_summary .summary_detail_area .business_links .link .ico_talk {
    width: 13px;
    height: 13px;
    background-position: -386px -398px
}

.user_app.global .section_summary .summary_detail_area .business_links .link .ico_phone {
    width: 13px;
    height: 13px;
    background-position: -341px -398px
}

.user_app.global .section_event .event_info .btn_more .txt {
    color: #4336c7
}

.user_app.global .section_home.type_booking {
    background-color: #f8f7fd
}

.user_app.global .section_booking_list .booking_list .item_desc .desc_area .desc_price,.user_app.global .section_booking_list .booking_list .item_desc .desc_area .desc_txt {
    color: #4336c7
}

.user_app.global .section_booking_list .booking_list .item_desc .desc_area .box_bottom .btn_book {
    background: #4336c7
}

.user_app.global .section_menu_list .menu_price {
    color: #4336c7
}

.user_app.global .photo_review .renewal_tit .num {
    color: #4336c7
}

.user_app.global .section_review .layer_filter .item.checked {
    color: #4336c7
}

.user_app.global .section_review .layer_filter .item.checked::after {
    border-color: #4336c7
}

.user_app.global .section_review .short_review_filter .num {
    color: #4336c7
}

.user_app.global .section_review .short_review_filter input[type=checkbox]:checked+.checkbox .ico_check {
    background-color: #4336c7;
    border-color: #4336c7
}

.user_app.global .section_review .filter_area .tab_area .tab_inner .tab_btn.active {
    background: #4336c7
}

.user_app.global .section_review .layer_select .list_select .item.checked {
    color: #4336c7
}

.user_app.global .section_review .layer_select .list_select .item.checked::after {
    content: "";
    border-color: #4336c7
}

.user_app.global .section_review .short_review_area .reply_area {
    background-color: rgba(67,54,199,.04)
}

.user_app.global .section_review .short_review_area .review_translation_btn {
    color: #4336c7
}

.user_app.global .section_contact .link_contact {
    color: #4336c7
}

.user_app.global .btn_booking_fixed .btn_booking {
    background-color: #4336c7
}

.user_app.global .popup_summary {
    background-color: #f8f7fd
}

.user_app.global .popup_select.type_line .select_area .people_content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user_app.global .popup_select.type_line .select_area .people_content .counter {
    border-color: rgba(27,204,215,.4)
}

.user_app.global .popup_select.type_line .select_area .people_content .counter.minus_disabled .minus::before {
    background: rgba(27,204,215,.15)
}

.user_app.global .popup_select.type_line .select_area .people_content .counter.plus_disabled .plus::before,.user_app.global .popup_select.type_line .select_area .people_content .counter.plus_disabled .plus::after {
    background: rgba(27,204,215,.15)
}

.user_app.global .popup_select.type_line .select_area .people_content .counter .num {
    color: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .people_content .counter .button::before {
    background: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .people_content .counter .button::after {
    background: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .calendar_content .calendar_top {
    background: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.start-day .calendar-date {
    background-color: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.end-day .calendar-date {
    background-color: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.calendar-gap .calendar-date {
    background-color: #ecffff
}

.user_app.global .popup_select.type_line .select_area .bottom_btns {
    background-color: #f0feff
}

.user_app.global .popup_select.type_line .select_area .bottom_btns .btn {
    border-radius: 24px
}

.user_app.global .popup_select.type_line .select_area .bottom_btns .btn.confirm {
    background: #1bccd7
}

.user_app.global .popup_select.type_line .select_area .bottom_btns .btn.confirm.inactivate {
    background: #adf0f3
}

.user_app.global .popup_select .select_area .calendar_content .calendar_top {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.start-day .calendar-date {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.calendar-gap .calendar-date {
    background: rgba(67,54,199,.08)
}

.user_app.global .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.end-day .calendar-date {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_body .calendar .calendar_table .tb_body>tr>td.calendar-selected .calendar-date {
    -webkit-box-shadow: 0 2px 4px 0 rgba(67,54,199,.23);
    box-shadow: 0 2px 4px 0 rgba(67,54,199,.23);
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom {
    background: #f8f7fd
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.start_time .item_box .btn {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.start_time .item_box .btn::after {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.time_gap .btn {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.end_time .btn {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .time_item.end_time .btn::after {
    background: #4336c7
}

.user_app.global .popup_select .select_area .calendar_content .calendar_bottom .bottom_content .content_time_range .item_box .btn {
    background-color: #e5e2f7
}

.user_app.global .popup_select .select_area .people_content .counter {
    border-color: rgba(67,54,199,.4)
}

.user_app.global .popup_select .select_area .people_content .counter .num {
    color: #4336c7
}

.user_app.global .popup_select .select_area .people_content .counter .button::before,.user_app.global .popup_select .select_area .people_content .counter .button::after {
    background: #4336c7
}

.user_app.global .popup_select .select_area .people_content .counter.minus_disabled .minus::before {
    background: rgba(67,54,199,.15)
}

.user_app.global .popup_select .select_area .people_content .counter.plus_disabled .plus::before,.user_app.global .popup_select .select_area .people_content .counter.plus_disabled .plus::after {
    background: rgba(67,54,199,.15)
}

.user_app.global .popup_select .select_area .bottom_btns {
    background-color: #f8f7fd
}

.user_app.global .popup_select .select_area .bottom_btns .btn.confirm {
    background: #4336c7
}

.user_app.global .popup_select .select_area .bottom_btns .btn.confirm.inactivate {
    background: rgba(67,54,199,.1)
}

.user_app.global .photo_layer .photo_tab .tab_item.on {
    background: #4336c7
}

.user_app.global .footer .layer_select .list_select .item.checked {
    color: #4336c7
}

.user_app.global .footer .layer_select .list_select .item.checked::after {
    border-color: #4336c7
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-slider.flick {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    will-change: transform
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    height: 100%;
    min-height: 1px;
    vertical-align: top;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: inline-block;
    vertical-align: top
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0,0,0,0)
}

.slick-arrow.slick-disabled {
    display: none
}

.slick-arrow {
    display: none !important;
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 100
}

.slick-arrow .fn-booking {
    font-size: 13px
}

.slick-arrow .fn-booking::before {
    font-weight: bold
}

.slick-arrow .ico_arrow {
    width: 10px;
    height: 12px;
    fill: #77777a;
    fill: var(--booking-color-gray40)
}

.slick-arrow .ico_arrow.left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-arrow.slick-prev {
    left: 4px
}

.slick-arrow.slick-prev .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-arrow.slick-next {
    right: 4px
}

.slick-slider:hover .slick-arrow {
    display: block !important
}

.slick-slider:hover .slick-arrow.slick-disabled {
    display: none !important
}

.place_hide_parent_layout .user_app {
    visibility: hidden !important;
    overflow: hidden !important;
    opacity: 0 !important;
    height: 0 !important
}