.media_viewer_jp .viewer_more_modal .modal_layout {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    z-index: 10000
}

.media_viewer_jp .viewer_more_modal .modal_header {
    height: 56px;
    border-bottom: 1px solid #ddd
}

.media_viewer_jp .viewer_more_modal .modal_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 23px 17px 19px;
    line-height: 14px
}

.media_viewer_jp .viewer_more_modal .modal_close .icon {
    width: 14px;
    height: 14px;
    fill: #999
}

.media_viewer_jp .viewer_more_modal .modal_body {
    height: 116px;
    padding: 16px 16px 34px
}

.media_viewer_jp .viewer_more_modal .modal_body .btn {
    width: 100%;
    padding: 14px 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #444;
    text-align: left
}

.media_viewer_jp .viewer_media_list {
    height: 100%
}

.media_viewer_jp .viewer_media_list .slick-slider {
    height: 100%
}

.media_viewer_jp .viewer_media_list .slick-list {
    overflow: hidden
}

.media_viewer_jp .viewer_media_list .slick-arrow {
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
    box-shadow: 0px 1px 4px rgba(0,0,0,.3)
}

.media_viewer_jp .viewer_media_list .slick-arrow .icon {
    width: 24px;
    height: 24px;
    fill: rgba(255,255,255,.85)
}

.media_viewer_jp .viewer_media_list .slick-arrow.prev {
    left: 15px
}

.media_viewer_jp .viewer_media_list .slick-arrow.prev .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.media_viewer_jp .viewer_media_list .slick-arrow.next {
    right: 15px
}

.media_viewer_jp .viewer_image {
    height: 100vh
}

.media_viewer_jp .viewer_image .image {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.media_viewer_jp .viewer_video {
    position: relative;
    height: 100vh
}

.media_viewer_jp .viewer_video .video {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.media_viewer_jp .viewer_video .control_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10
}

.media_viewer_jp .viewer_video .btn_play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media_viewer_jp .viewer_video .btn_play .icon {
    width: 64px;
    height: 64px
}

.media_viewer_jp .viewer_video .progress_bar {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 72px;
    height: 2px;
    background-color: rgba(255,255,255,.3);
    border-radius: 5px;
    background-size: 0% 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
    background-image: linear-gradient(#eee, #eee);
    background-repeat: no-repeat;
    z-index: 1000
}

.media_viewer_jp .viewer_video .btn_sound {
    position: absolute;
    right: 16px;
    bottom: 90px;
    width: 32px;
    height: 32px;
    line-height: 18px;
    z-index: 1000
}

.media_viewer_jp .viewer_video .btn_sound .icon {
    width: 18px;
    height: 18px
}

.media_viewer_jp .viewer_loading {
    height: 100vh
}

.media_viewer_jp .viewer_loading .loading {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.media_viewer_jp .viewer_footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 74px;
    z-index: 1000
}

.media_viewer_jp .viewer_footer .info {
    padding: 16px;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.book_daterange_jp {
    position: relative
}

.book_daterange_jp .modal_layout {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 21px 16px 16px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    z-index: 10000
}

.book_daterange_jp .title {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_daterange_jp .date_area {
    margin-top: 16px;
    border-radius: 30px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    background-color: #f7f7f7;
    background-color: var(--yahoo-color-gray10)
}

.book_daterange_jp .date_area .btn_date {
    display: inline-block;
    width: 50%;
    height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_daterange_jp .date_area .btn_date.active {
    border-radius: 30px;
    border: 1px solid;
    border-color: #1a75ff;
    border-color: var(--yahoo-color-blue100);
    background-color: #e5f0ff;
    background-color: var(--yahoo-color-blue10);
    color: #1a75ff;
    color: var(--yahoo-color-blue100)
}

.book_daterange_jp .date_area .btn_date.active .ico_calendar {
    fill: #1a75ff;
    fill: var(--yahoo-color-blue100)
}

.book_daterange_jp .date_area .ico_calendar {
    vertical-align: -3px;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    fill: #444;
    fill: var(--yahoo-color-text-primary)
}

.book_daterange_jp .select_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px
}

.book_daterange_jp .select_area .select_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.book_daterange_jp .select_area .select_box+.select_box {
    margin-left: 8px
}

.book_daterange_jp .select_area .btn_select {
    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%;
    padding: 9px 12px 9px 16px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_daterange_jp .select_area .btn_select.active {
    border-color: #1a75ff;
    border-color: var(--yahoo-color-blue100);
    color: #1a75ff;
    color: var(--yahoo-color-blue100)
}

.book_daterange_jp .select_area .btn_select.active .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #1a75ff;
    fill: var(--yahoo-color-blue100)
}

.book_daterange_jp .select_area .btn_select .ico_arrow {
    width: 8px;
    height: 5px;
    fill: #999;
    fill: var(--yahoo-color-gray60)
}

.book_daterange_jp .select_area .option_list {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    height: 200px;
    overflow-y: auto;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.15);
    box-shadow: 0px 3px 6px rgba(0,0,0,.15);
    border-radius: 4px;
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    z-index: 100
}

.book_daterange_jp .select_area .option_list .option_item+.option_item {
    border-top: 1px solid;
    border-color: #eee;
    border-color: var(--yahoo-color-gray20)
}

.book_daterange_jp .select_area .option_list .btn_option {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #444;
    color: var(--yahoo-color-text-primary);
    text-align: center
}

.book_daterange_jp .btn_area {
    margin-top: 24px
}

.book_daterange_jp .btn_area .btn {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    color: #fff
}

.book_daterange_jp .btn_area .btn:disabled {
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    background-color: #eee;
    background-color: var(--yahoo-color-gray20);
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

.book_daterange_jp .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 23px 17px 5px 5px;
    line-height: 14px
}

.book_daterange_jp .btn_close .ico_close {
    width: 14px;
    height: 14px;
    fill: #999;
    fill: var(--yahoo-color-gray60)
}

.book_modal_jp .modal_layout {
    position: fixed;
    left: 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;
    max-height: calc(100% - 43px);
    border-radius: 16px 16px 0px 0px;
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    z-index: 9999
}

.book_modal_jp .modal_header {
    position: relative;
    padding: 21px 0 16px;
    border-bottom: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    font-weight: 700;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary);
    text-align: center
}

.book_modal_jp .modal_header .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 12px 14px
}

.book_modal_jp .modal_header .btn_close .icon {
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 4px;
    fill: #999;
    fill: var(--yahoo-color-gray60)
}

.book_modal_jp .modal_body {
    overflow-y: auto
}

.book_modal_jp .modal_inner {
    max-width: 1024px;
    margin: 0 auto
}

.book_modal_jp .modal_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-shadow: 0px -4px 6px rgba(0,0,0,.16);
    box-shadow: 0px -4px 6px rgba(0,0,0,.16)
}

.book_modal_jp .modal_footer .btn {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: 40px;
    margin: 0 auto;
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100);
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.book_modal_jp .modal_footer .btn.type_border_gray {
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    background-color: #fff;
    background-color: var(--yahoo-color-gray0);
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_modal_jp .modal_footer .btn:disabled {
    border: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30);
    background-color: #eee;
    background-color: var(--yahoo-color-gray20);
    color: #aaa;
    color: var(--yahoo-color-text-disabled)
}

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

.book_modal_jp.filter_modal.show .dimmed {
    opacity: 1
}

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

.book_modal_jp.filter_modal .dimmed {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.book_modal_jp.filter_modal .modal_layout {
    -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
}

.book_modal_jp.filter_modal .filter_list {
    padding: 30px 0
}

.book_modal_jp.filter_modal .filter_item {
    padding: 0 18px
}

.book_modal_jp.filter_modal .filter_item+.filter_item {
    margin-top: 30px
}

.book_modal_jp.filter_modal .filter_check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.book_modal_jp.filter_modal .filter_check .input:checked+.check_box {
    border-color: #1a75ff;
    border-color: var(--yahoo-color-blue100);
    background-color: #1a75ff;
    background-color: var(--yahoo-color-blue100)
}

.book_modal_jp.filter_modal .filter_check .input:checked+.check_box .check_icon {
    display: block
}

.book_modal_jp.filter_modal .filter_check .check_box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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
}

.book_modal_jp.filter_modal .filter_check .check_icon {
    display: none;
    width: 18px;
    height: 18px;
    fill: #fff
}

.book_modal_jp.filter_modal .filter_check .check_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    margin-left: 10px;
    line-height: 18px;
    color: #444;
    color: var(--yahoo-color-text-primary)
}

.book_modal_jp.filter_modal .filter_check .check_text .position {
    color: #00ab3f;
    color: var(--yahoo-color-green90)
}

.book_modal_jp.filter_modal .filter_check .check_text .position::before {
    content: "/";
    margin: 0 4px;
    color: #ccc;
    color: var(--yahoo-color-text-delimiter)
}

.book_modal_jp.filter_modal .modal_footer {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid;
    border-color: #ddd;
    border-color: var(--yahoo-color-gray30)
}

.biz_item_count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.biz_item_count .count_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px
}

.biz_item_count .count_info .info_tit {
    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: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_count .count_info .info_tit .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_count .count_info .info_price {
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_count .count_info .info_price .num {
    font-weight: 600
}

.biz_item_count .count_info .info_discount {
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_count .count_info .info_desc {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_count .count_control {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.biz_item_count .count_control .control_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 122px;
    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)
}

.biz_item_count .count_control .control_wrap.max {
    border-color: #939396;
    border-color: var(--booking-color-gray50)
}

.biz_item_count .count_control .control_wrap.disabled button[class*=btn_] .fn-booking {
    display: none
}

.biz_item_count .count_control .btn_minus,.biz_item_count .count_control .btn_plus {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_count .count_control .btn_minus.disabled,.biz_item_count .count_control .btn_plus.disabled {
    opacity: .2
}

.biz_item_count .count_control .btn_minus .fn-booking,.biz_item_count .count_control .btn_plus .fn-booking {
    vertical-align: -2px
}

.biz_item_count .count_control .btn_minus .fn-booking::before,.biz_item_count .count_control .btn_plus .fn-booking::before {
    font-weight: bold
}

.biz_item_count .count_control .num {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    font-size: 15px;
    line-height: 44px;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center
}

.biz_item_count .count_control .num.disabled {
    opacity: .2
}

.biz_item_count .count_control .total_price {
    display: block;
    margin-top: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: right
}

.biz_item_count .count_control .total_discount {
    font-size: 15px;
    text-align: right;
    color: #939396;
    color: var(--booking-color-gray50)
}

.biz_item_tab {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.biz_item_tab .tab_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 16px 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.biz_item_tab.fixed {
    position: fixed;
    top: 39px;
    width: 100%;
    padding-top: 1px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 7901
}

.biz_item_tab.fixed .tab_inner {
    padding: 8px 16px 16px
}

.biz_item_tab .tab_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border-radius: 8px;
    overflow: hidden
}

.biz_item_tab .tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.biz_item_tab .tab.active {
    border-radius: 8px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    font-weight: 600;
    color: #fff;
    color: var(--booking-color-surface)
}

.biz_item_tab .tab .count {
    margin-left: 4px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #03aa5a
}

.biz_item_menu_modal {
    -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;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100% - 150px);
    border-radius: 24px 24px 0px 0px;
    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;
    overflow: hidden
}

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

.biz_item_menu_modal .modal_header {
    position: relative;
    height: 53px;
    padding: 0 54px 0 18px;
    font-weight: 600;
    font-size: 18px;
    line-height: 53px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_menu_modal .modal_header .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 53px;
    font-size: 18px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.biz_item_menu_modal .modal_header .btn_close .fn-booking::before {
    font-weight: bold
}

.biz_item_menu_modal .modal_body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    overflow-y: auto
}

.biz_item_menu_modal .menu_filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 16px 0;
    overflow: auto hidden
}

.biz_item_menu_modal .menu_filters .menu_filter {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.biz_item_menu_modal .menu_filters .menu_filter+.menu_filter {
    margin-left: 6px
}

.biz_item_menu_modal .menu_filters .btn_filter {
    padding: 0px 12px;
    border-radius: 18px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 14px;
    line-height: 36px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.biz_item_menu_modal .menu_filters .btn_filter.active {
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    font-weight: 700;
    color: #fff;
    color: var(--booking-color-gray100)
}

.biz_item_menu_modal .menu_list {
    padding: 4px 18px 0
}

.biz_item_menu_modal .menu_item {
    position: relative;
    padding: 16px 0
}

.biz_item_menu_modal .menu_item+.menu_item {
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.biz_item_menu_modal .menu_item .item_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.biz_item_menu_modal .menu_item .item_image {
    position: relative;
    width: 84px;
    height: 84px;
    margin-left: 12px;
    border-radius: 12px;
    overflow: hidden
}

.biz_item_menu_modal .menu_item .item_image .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.biz_item_menu_modal .menu_item .item_image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.03)
}

.biz_item_menu_modal .menu_item .unexposed_area {
    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;
    right: 0;
    bottom: 0;
    z-index: 1
}

.biz_item_menu_modal .menu_item .unexposed_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    opacity: .5
}

.biz_item_menu_modal .menu_item .unexposed_area .text {
    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;
    font-size: 15px;
    line-height: 22px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    text-align: center
}

.biz_item_menu_modal .menu_item .unexposed_area .fn-info1 {
    margin-bottom: 4px;
    font-size: 19px
}

.biz_item_menu_modal .menu_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.biz_item_menu_modal .menu_title .title {
    margin-right: 4px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.biz_item_menu_modal .menu_title .ico_npay_plus_s {
    vertical-align: -3px
}

.biz_item_menu_modal .menu_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: 4px
}

.biz_item_menu_modal .menu_detail {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 14px;
    line-height: 19px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.phone_auth_modal .modal_layout {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 12px 12px 0px 0px;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    z-index: 10000
}

.phone_auth_modal .modal_header {
    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
}

.phone_auth_modal .modal_header .title {
    padding-left: 18px;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    color: var(--booking-color-gray0)
}

.phone_auth_modal .modal_header .btn_close {
    width: 53px;
    height: 53px
}

.phone_auth_modal .modal_header .btn_close .fn-booking-close1 {
    font-size: 14px;
    color: #000;
    color: var(--booking-color-gray0)
}

.phone_auth_modal .modal_header .btn_close .fn-booking-close1::before {
    font-weight: bold
}

.phone_auth_modal .modal_body {
    max-width: 720px;
    margin: 0 auto;
    padding: 5px 18px 66px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.phone_auth_modal .guide {
    font-size: 15px;
    line-height: 25px;
    color: #000;
    color: var(--booking-color-gray0)
}

.phone_auth_modal .input_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.phone_auth_modal .input_wrap.alert {
    border: 1px solid #fc4c42
}

.phone_auth_modal .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 13px 14px;
    border: none;
    background-color: rgba(0,0,0,0);
    font-size: 15px;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.phone_auth_modal .input::-webkit-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.phone_auth_modal .input::-moz-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.phone_auth_modal .input:-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.phone_auth_modal .input::-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.phone_auth_modal .input::placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.phone_auth_modal .input:focus {
    outline: none
}

.phone_auth_modal .time {
    padding-right: 12px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.35px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.phone_auth_modal .input_message {
    position: relative;
    padding-right: 100px;
    margin-top: 4px
}

.phone_auth_modal .input_message .alert {
    font-size: 13px;
    line-height: 20px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.phone_auth_modal .input_message .btn_send {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 13px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-decoration: underline
}

.popup_cancel_booking {
    z-index: 9100;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    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
}

.popup_cancel_booking .bg_dimm {
    z-index: 9100
}

.popup_cancel_booking .popup_content {
    z-index: 9101;
    overflow: hidden;
    width: 335px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.1),0px 0px 6px 0px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.popup_cancel_booking .scroll_area {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 482px;
    padding: 36px 20px 28px
}

.popup_cancel_booking .popup_tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

.popup_cancel_booking .popup_txt {
    margin-top: 6px;
    font-size: 15px;
    line-height: 21px;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center
}

.popup_cancel_booking .pop_payrule_tit {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.popup_cancel_booking .pop_payrule_tit:before,.popup_cancel_booking .pop_payrule_tit:after {
    content: " ";
    display: table
}

.popup_cancel_booking .pop_payrule_tit:after {
    clear: both
}

.popup_cancel_booking .pop_payrule_tit .btn_toggle_pay {
    float: right
}

.popup_cancel_booking .pop_payrule_tit .btn_toggle_pay .fn-booking {
    vertical-align: -2px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.popup_cancel_booking .pop_payrule_tit .btn_toggle_pay .fn-booking::before {
    font-weight: 700
}

.popup_cancel_booking .message_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    padding: 8px 10px;
    border-radius: 5px;
    background-color: #fef4f4;
    background-color: var(--booking-color-red99);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    word-break: keep-all
}

.popup_cancel_booking .message_box.type_green {
    background-color: #f2fbf7;
    background-color: var(--booking-color-green99);
    color: #03aa5a
}

.popup_cancel_booking .message_box.type_green .ico_alert {
    fill: #03aa5a
}

.popup_cancel_booking .message_box .ico_alert {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 3px;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    fill: #fc4c4e;
    fill: var(--booking-color-emphasis)
}

.popup_cancel_booking .message_box .txt_gray {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.popup_cancel_booking .pop_payrule {
    position: relative;
    padding-top: 6px
}

.popup_cancel_booking .pop_payrule .dsc {
    font-size: 14px;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.popup_cancel_booking .pop_payrule .dsc .emphasis {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_cancel_booking .pop_payrule .pay_rule_view {
    padding-top: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.popup_cancel_booking .pop_payrule .pay_rule_view .line_table {
    margin: 16px 0 10px;
    table-layout: auto
}

.popup_cancel_booking .pop_payrule .pay_rule_view .line_table table {
    border-right: none
}

.popup_cancel_booking .pop_payrule .pay_rule_view .line_table td {
    padding: 8px 0;
    border-left: none;
    line-height: 16px;
    color: #555558;
    color: var(--booking-color-gray30);
    word-break: keep-all
}

.popup_cancel_booking .pop_payrule .pay_rule_view .line_table td.pink {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_cancel_booking .pop_payrule .pay_rule_view .line_table td:nth-child(2) {
    text-align: right
}

.popup_cancel_booking .pop_payrule .pay_rule_view .line_table td .number_data {
    display: inline-block;
    font-size: 14px;
    font-weight: 400
}

.popup_cancel_booking .pop_payrule .refund_table {
    margin-top: 16px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px
}

.popup_cancel_booking .pop_payrule .refund_table .table_area {
    width: 100%;
    table-layout: fixed;
    border-style: hidden
}

.popup_cancel_booking .pop_payrule .refund_table .table_area tr {
    font-size: 14px
}

.popup_cancel_booking .pop_payrule .refund_table .table_area tr td {
    padding: 12px 16px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #222225;
    color: var(--booking-color-gray10);
    word-break: keep-all
}

.popup_cancel_booking .pop_payrule .refund_table .table_area tr .alert {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_cancel_booking .pop_payrule .refund_link {
    display: block;
    margin-top: 12px;
    padding: 11px 0;
    border-radius: 12px;
    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);
    text-align: center
}

.popup_cancel_booking .pop_payrule .refund_link .fn-forward1 {
    margin-left: 8px;
    font-size: 11px
}

.popup_cancel_booking .pop_payrule .refund_link .fn-forward1::before {
    font-weight: bold
}

.popup_cancel_booking .pop_payrule_green {
    padding-top: 15px;
    padding-bottom: 10px
}

.popup_cancel_booking .cancel_price {
    padding-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #444447;
    color: var(--booking-color-gray20)
}

.popup_cancel_booking .cancel_price:before,.popup_cancel_booking .cancel_price:after {
    content: " ";
    display: table
}

.popup_cancel_booking .cancel_price:after {
    clear: both
}

.popup_cancel_booking .cancel_price .price {
    float: right;
    font-weight: 600;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_cancel_booking .cancel_price .price .em {
    display: inline-block;
    margin-right: 2px;
    font-weight: bold
}

.popup_cancel_booking .refund_area {
    padding: 20px 0 13px;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.popup_cancel_booking .refund_area input[type=radio] {
    position: absolute;
    left: -9999px
}

.popup_cancel_booking .refund_area .refund_box {
    display: table;
    width: 100%
}

.popup_cancel_booking .refund_area .refund_box .box {
    display: table-cell;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.popup_cancel_booking .refund_area input[type=radio]:checked+.refund_label:before {
    border-color: #03aa5a;
    background: #03aa5a
}

.popup_cancel_booking .refund_area input[type=radio]:checked+.refund_label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%
}

.popup_cancel_booking .refund_area .refund_label {
    position: relative;
    padding-left: 25px
}

.popup_cancel_booking .refund_area .refund_label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 50%
}

.popup_cancel_booking .refund_area .refund_list {
    margin-top: 15px
}

.popup_cancel_booking .refund_area .refund_list .item {
    padding: 13px 0 10px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.popup_cancel_booking .refund_area .refund_list .item:last-child {
    padding-bottom: 0
}

.popup_cancel_booking .refund_area .refund_list .item .item_box {
    display: table;
    width: 100%
}

.popup_cancel_booking .refund_area .refund_list .item .product_tit {
    display: table-cell;
    width: 70%;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-weight: 500
}

.popup_cancel_booking .refund_area .refund_list .item .product_tit .product_box {
    display: inline-block;
    vertical-align: top
}

.popup_cancel_booking .refund_area .refund_list .item .product_tit .product_box .chk_txt {
    padding-left: 30px;
    font-size: 16px
}

.popup_cancel_booking .refund_area .refund_list .item .product_tit .product_box .chk_txt:before {
    position: absolute;
    top: 1px;
    left: 0;
    margin: 0
}

.popup_cancel_booking .refund_area .refund_list .item .product_price {
    display: table-cell;
    font-size: 14px;
    text-align: right
}

.popup_cancel_booking .refund_area .refund_list .item .product_info {
    padding-left: 30px;
    font-size: 13px;
    color: #888
}

.popup_cancel_booking .refund_area .refund_list .item .product_info:before,.popup_cancel_booking .refund_area .refund_list .item .product_info:after {
    content: " ";
    display: table
}

.popup_cancel_booking .refund_area .refund_list .item .product_info:after {
    clear: both
}

.popup_cancel_booking .refund_area .refund_list .item .product_info .text {
    float: right;
    color: #000
}

.popup_cancel_booking .pay_list {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.popup_cancel_booking .pay_list .item {
    display: table;
    width: 100%;
    line-height: 21px
}

.popup_cancel_booking .pay_list .item+.item {
    margin-top: 6px
}

.popup_cancel_booking .pay_list .item .block_left {
    display: table-cell
}

.popup_cancel_booking .pay_list .item .block_left .small {
    display: block;
    margin-top: -1px;
    width: 120%;
    font-size: 11px
}

.popup_cancel_booking .pay_list .item .block_right {
    display: table-cell;
    text-align: right;
    white-space: nowrap
}

.popup_cancel_booking .pay_list .item .block_right.emphasis {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_cancel_booking .pay_list .item.sub {
    font-weight: 400;
    color: #939396;
    color: var(--booking-color-gray50)
}

.popup_cancel_booking .pay_list .item.sub .block_left::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 3px;
    height: 3px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.popup_cancel_booking .pay_list .item.all {
    margin-top: 20px;
    padding-top: 8px;
    border-top: 1px solid;
    border-top-color: #444447;
    border-top-color: var(--booking-color-gray20);
    font-size: 18px;
    line-height: 25px
}

.popup_cancel_booking .pay_list .item.all .block_left {
    font-weight: 700
}

.popup_cancel_booking .pay_list .item.all .block_right {
    font-weight: 600;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_cancel_booking .pay_list .item.all .block_right .normal {
    display: inline-block;
    margin-top: -3px;
    font-weight: 500;
    font-size: 17px;
    vertical-align: middle
}

.popup_cancel_booking .pay_list .item.all .block_right .day {
    color: #000;
    font-size: 14px
}

.popup_cancel_booking .pay_list .item.all .block_right .bank {
    font-size: 16px;
    color: #3266c4
}

.popup_cancel_booking .pay_list .item.all .block_right .bank .name {
    font-size: 14px
}

.popup_cancel_booking .pay_rule_alert {
    margin-top: 8px;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center;
    word-break: keep-all
}

.popup_cancel_booking .pay_rule_alert .desc .point {
    color: #03aa5a
}

.popup_cancel_booking .pop_inputbox {
    margin-top: 20px
}

.popup_cancel_booking .pop_inputbox .input_textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    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: 19px;
    color: #444447;
    color: var(--booking-color-gray20);
    resize: none
}

.popup_cancel_booking .pop_inputbox .input_textarea::-moz-placeholder {
    color: var(--booking-color-gray50);
    opacity: 1;
    font-size: 15px
}

.popup_cancel_booking .pop_inputbox .input_textarea:-ms-input-placeholder {
    color: var(--booking-color-gray50);
    font-size: 15px
}

.popup_cancel_booking .pop_inputbox .input_textarea::-webkit-input-placeholder {
    color: var(--booking-color-gray50);
    font-size: 15px
}

.popup_cancel_booking .pop_inputbox .input_textarea:focus::-webkit-input-placeholder {
    color: rgba(0,0,0,0)
}

.popup_cancel_booking .popup_bottom_btnarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 20px
}

.popup_cancel_booking .popup_bottom_btnarea .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup_cancel_booking .popup_bottom_btnarea .btn+.btn {
    margin-left: 6px
}

.popup_cancel_booking .popup_bottom_btnarea .btn.confirm .btn_bottom {
    border-color: #03aa5a;
    background-color: #03aa5a;
    color: #fff
}

.popup_cancel_booking .popup_bottom_btnarea .btn .btn_bottom {
    display: block;
    padding: 8px 15px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center;
    text-decoration: none
}

@media screen and (min-width: 355px) {
    .popup_cancel_booking .ly_info {
        width:335px
    }
}

.popup_booking_completion {
    z-index: 9100;
    position: fixed;
    left: 0;
    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
}

.popup_booking_completion.bg_gradient .popup_layer {
    max-height: calc(100% - 54px);
    border-radius: 24px 24px 0 0;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.popup_booking_completion.bg_gradient .popup_layer.scroll .booking_common_handlebar {
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.popup_booking_completion.bg_gradient .popup_layer.scroll .popup_header {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, var(--booking-color-background)), to(transparent));
    background-image: linear-gradient(180deg, var(--booking-color-background) 80%, transparent)
}

.popup_booking_completion.bg_gradient .booking_common_handlebar {
    border-radius: 24px 24px 0 0;
    background-color: rgba(40,124,255,.18)
}

.popup_booking_completion.bg_gradient .booking_common_handlebar .handlebar {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.popup_booking_completion.bg_gradient .popup_content {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 124, 255, 0.18)), to(rgba(40, 124, 255, 0)));
    background: linear-gradient(180deg, rgba(40, 124, 255, 0.18) 0%, rgba(40, 124, 255, 0) 100%)
}

.popup_booking_completion.bg_gradient .popup_ad {
    border-top: 0
}

.popup_booking_completion.bg_gradient .popup_ad .content_inner {
    padding-top: 0
}

.popup_booking_completion.bg_gradient .booking_details_area {
    border: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.popup_booking_completion.bg_gradient .place_recommendation_contents+.popup_ad .content_inner {
    padding: 12px 0
}

.popup_booking_completion .dimmed {
    z-index: 9100
}

.popup_booking_completion .popup_layer {
    z-index: 9101;
    position: relative;
    width: 100%;
    max-height: calc(100% - 45px);
    margin-top: auto;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.popup_booking_completion .popup_layer.scroll .popup_header {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, var(--booking-color-elevated-surface)), to(transparent));
    background-image: linear-gradient(180deg, var(--booking-color-elevated-surface) 80%, transparent)
}

.popup_booking_completion .scroll_area {
    overflow: hidden auto;
    max-height: calc(100% - 25px)
}

.popup_booking_completion .popup_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1
}

.popup_booking_completion .popup_header .btn_close {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    padding: 21px 14px 17px;
    line-height: 17px
}

.popup_booking_completion .popup_header .btn_close .fn-booking-close1 {
    font-size: 22px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.popup_booking_completion .popup_content:last-child .content_inner {
    padding-bottom: 40px
}

.popup_booking_completion .popup_content:last-child .popup_txt:last-child {
    margin-bottom: 18px
}

.popup_booking_completion .popup_ad {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.popup_booking_completion .popup_ad.is_hidden {
    height: 0px;
    overflow: hidden
}

.popup_booking_completion .popup_ad .content_inner {
    padding: 20px 0
}

.popup_booking_completion .content_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup_booking_completion .content_inner .popup_ad {
    margin: 0 -16px
}

.popup_booking_completion .popup_icon {
    text-align: center
}

.popup_booking_completion .popup_icon .icon {
    display: inline-block;
    vertical-align: top;
    width: 92px;
    height: 92px;
    background-size: contain
}

.popup_booking_completion .popup_tit {
    display: block;
    margin-top: 14px;
    font-size: 26px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 900;
    line-height: 35px;
    letter-spacing: -0.2px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center;
    word-break: keep-all
}

.popup_booking_completion .popup_txt {
    margin-top: 8px;
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center;
    word-break: keep-all
}

.popup_booking_completion .btn_more {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #555558;
    color: var(--booking-color-gray30);
    text-decoration: underline
}

.popup_booking_completion .btn_more::after {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    width: 4px;
    height: 4px;
    margin-left: 1px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #555558;
    border-color: var(--booking-color-gray30);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup_booking_completion .time_required_area {
    margin-top: 8px;
    text-align: center
}

.popup_booking_completion .time_required_area .inner {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    border-radius: 15px;
    background-color: #fff;
    background-color: var(--booking-color-gray100);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #555558;
    color: var(--booking-color-gray30);
    letter-spacing: -0.5px
}

.popup_booking_completion .time_required_area .fn-time1 {
    margin-right: 3px;
    color: #555558;
    color: var(--booking-color-gray30);
    vertical-align: -1px
}

.popup_booking_completion .time_required_area .fn-time1::before {
    font-weight: bold
}

.popup_booking_completion .booking_details_area {
    display: block;
    margin-top: 14px;
    padding: 16px 20px;
    border-radius: 20px;
    border: 2px solid;
    border-color: #287cff;
    border-color: var(--booking-color-myplace-blue);
    text-align: center;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,.05);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,.05)
}

.popup_booking_completion .booking_details_area .title {
    font-weight: 700;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.popup_booking_completion .booking_details_area .date_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 4px;
    margin-top: 4px;
    font-size: 15px;
    line-height: 22px
}

.popup_booking_completion .booking_details_area .date {
    font-weight: 600;
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.popup_booking_completion .booking_details_area .days {
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.popup_booking_completion .booking_details_area .details_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 8px;
    font-size: 15px;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.popup_booking_completion .booking_details_area .price::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 11px;
    margin-right: 8px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.popup_booking_completion .booking_details_area .facesign_info {
    margin-top: 12px
}

.popup_booking_completion .booking_details_area .facesign_info .facesign_info_box {
    padding: 24px 20px;
    border-radius: 12px;
    background-color: #eff6fe;
    background-color: var(--booking-color-myplace-bg2)
}

.popup_booking_completion .booking_details_area .facesign_info .ico_facesign {
    width: 35px;
    height: 34px;
    background-position: -401px 0px;
    vertical-align: top
}

.popup_booking_completion .booking_details_area .facesign_info .facesign_tit {
    display: block;
    margin-top: 12px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 900;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.popup_booking_completion .booking_details_area .facesign_info .facesign_txt {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.popup_booking_completion .booking_details_area .facesign_info .register_btn {
    width: 100%;
    margin-top: 10px;
    padding: 9px 0;
    border-radius: 8px;
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    font-size: 15px;
    font-weight: bold;
    color: #fff
}

.popup_booking_completion .pay_list {
    font-size: 15px;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.popup_booking_completion .pay_list .pay_item+.pay_item {
    margin-top: 4px
}

.popup_booking_completion .pay_list .left {
    display: table-cell;
    padding-right: 12px;
    white-space: nowrap
}

.popup_booking_completion .pay_list .right {
    display: table-cell;
    word-break: keep-all
}

.popup_booking_completion .pay_list .color_blue {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.popup_booking_completion .agreeing_talk_alarm_switch {
    margin-top: 18px
}

.popup_booking_completion .vacancy_noti_area {
    padding-top: 14px
}

.popup_booking_completion .vacancy_noti_area .link_cancel {
    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
}

.popup_booking_completion .vacancy_noti_area .link_cancel .icon_area {
    margin-right: 5px
}

.popup_booking_completion .vacancy_noti_area .link_cancel .ico_alarm {
    width: 13px;
    height: 13px;
    fill: #287cff;
    fill: var(--booking-color-myplace-blue);
    vertical-align: -1px
}

.popup_booking_completion .vacancy_noti_area .link_cancel .text_area {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.4px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.popup_booking_completion .vacancy_noti_area .link_cancel .text_area em {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.popup_booking_completion .vacancy_noti_area .link_cancel .ico_arrow {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 12px;
    margin-left: 3px
}

.popup_booking_completion .vacancy_noti_area .link_cancel .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-gray40);
    border-right: 1px solid var(--booking-color-gray40)
}

.place_recommendation_contents {
    padding: 30px 20px;
    border-radius: 20px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,.08);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,.08)
}

.place_recommendation_contents.search {
    padding: 0
}

.place_recommendation_contents.search .search_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 20px 22px
}

.place_recommendation_contents.search .ico_search_board {
    width: 28px;
    height: 36px;
    background-position: -401px -36px;
    margin: 0 19px 0 7px
}

.place_recommendation_contents.search .info_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.place_recommendation_contents.search .info_text .text1 {
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_recommendation_contents.search .info_text .text2 {
    display: block;
    padding-top: 4px;
    font-size: 18px;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_recommendation_contents.search .fn-booking-forward1 {
    color: #939396;
    color: var(--booking-color-gray50)
}

.place_recommendation_contents.search .fn-booking-forward1::before {
    font-weight: bold
}

.place_recommendation_contents+.place_recommendation_contents {
    margin-top: 12px
}

.place_recommendation_contents+.popup_ad.is_hidden {
    margin-top: 12px
}

.place_recommendation_contents+.popup_ad .content_inner {
    padding: 12px 0
}

.place_recommendation_contents .place_contents_title {
    display: block;
    font-size: 19px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 900;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

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

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

.place_recommendation_contents .slick-slider {
    margin: 11px -20px 0
}

.place_recommendation_contents .slick-slider .slick-arrow {
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.place_recommendation_contents .place_scroll_area {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.place_recommendation_contents .place_scroll_area::-webkit-scrollbar {
    display: none
}

.place_recommendation_contents .place_scroll_area .item:first-child {
    padding-left: 20px
}

.place_recommendation_contents .place_scroll_area .item:last-child {
    padding-right: 20px
}

.place_recommendation_contents .place_tab_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px
}

.place_recommendation_contents .place_tab_list .item.selected .tab_btn {
    border-color: rgba(0,0,0,0);
    background-color: #222225;
    background-color: var(--booking-color-gray10);
    font-weight: 700;
    color: #fff;
    color: var(--booking-color-gray100)
}

.place_recommendation_contents .place_tab_list .tab_btn {
    padding: 8px 15px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 19px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.place_recommendation_contents .place_recommendation {
    margin-top: 20px
}

.place_recommendation_contents .place_recommendation .place_info {
    display: block
}

.place_recommendation_contents .place_recommendation .place_info+.slick-slider {
    margin-top: 8px
}

.place_recommendation_contents .place_recommendation .place_info .title_area {
    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;
    line-height: 22px
}

.place_recommendation_contents .place_recommendation .place_info .title_area .title {
    margin-right: 4px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_recommendation_contents .place_recommendation .place_info .title_area .title_sub {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.place_recommendation_contents .place_recommendation .place_info .text_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.place_recommendation_contents .place_recommendation .place_info .text_area .text {
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_recommendation_contents .place_recommendation .place_info .text_area .text+.text::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    vertical-align: 4px
}

.place_recommendation_contents .place_recommendation .place_info .ico_label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 2px 4px 0 0
}

.place_recommendation_contents .place_recommendation .place_info .ico_label [class*=path_label_bg] {
    fill: #e5f9ee
}

.place_recommendation_contents .place_recommendation .place_info .ico_label [class*=path_label_icon_inner] {
    fill: #fff
}

@media(prefers-color-scheme: dark) {
    body.is_dark .place_recommendation_contents .place_recommendation .ico_label [class*=path_label_bg] {
        fill:#4d4d51
    }

    body.is_dark .place_recommendation_contents .place_recommendation .ico_label [class*=path_label_icon_inner] {
        fill: #e6f9ee
    }
}

.place_recommendation_contents .place_recommendation .place_scroll_area {
    margin-top: 6px
}

.place_recommendation_contents .place_recommendation .place_img_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px
}

.place_recommendation_contents .place_recommendation .place_img_list .item:first-child .img_link {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.place_recommendation_contents .place_recommendation .place_img_list .item:last-child .img_link {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.place_recommendation_contents .place_recommendation .place_img_list .img_link {
    overflow: hidden;
    display: block;
    width: 98px;
    height: 130px
}

.place_recommendation_contents .place_recommendation .place_img_list .img_link.no_img {
    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;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.place_recommendation_contents .place_recommendation .place_img_list .img_link.no_img .ico_n {
    width: 24px;
    height: 24px;
    fill: #d9d9dc
}

.place_recommendation_contents .place_recommendation .place_img_list .img {
    width: 98px;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.place_recommendation_contents .place_recent_review {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 20px;
    border-radius: 16px
}

.place_recommendation_contents .place_recent_review .recent_review {
    position: relative;
    width: calc(50% - 2px)
}

.place_recommendation_contents .place_recent_review .recent_review .img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.place_recommendation_contents .place_recent_review .recent_review .name {
    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;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62px;
    padding: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.place_recommendation_contents .more_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;
    gap: 4px;
    margin-top: 20px;
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #eff6fe;
    background-color: var(--booking-color-myplace-bg2);
    font-size: 14px;
    line-height: 17px;
    color: #555558;
    color: var(--booking-color-gray30);
    word-break: keep-all
}

.place_recommendation_contents .more_link.add .point {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    font-weight: 500
}

.place_recommendation_contents .more_link .area_name {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.place_recommendation_contents .more_link .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    margin-right: 4px
}

.place_recommendation_contents .more_link .total_num {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.place_recommendation_contents .more_link .total {
    color: #939396;
    color: var(--booking-color-gray50)
}

.place_recommendation_contents .more_link .fn-booking-forward1 {
    font-size: 12px;
    border-color: #555558;
    border-color: var(--booking-color-gray30)
}

.place_recommendation_contents .more_link .fn-booking-forward1::before {
    font-weight: bold
}

.place_recommendation_contents .more_link .fn-refresh {
    font-size: 17px
}

.place_recommendation_contents .more_link .fn-booking-plus1 {
    margin-right: 4px;
    font-size: 12px;
    vertical-align: -1px
}

@media screen and (max-width: 320px) {
    .popup_booking_completion .popup_tit {
        font-size:24px;
        line-height: 32px
    }

    .popup_booking_completion .popup_txt {
        font-size: 13px;
        line-height: 18px
    }

    .popup_booking_completion .booking_details_area {
        padding: 16px 18px
    }

    .popup_booking_completion .booking_details_area .title {
        font-size: 14px;
        line-height: 18px
    }

    .popup_booking_completion .booking_details_area .date_text,.popup_booking_completion .booking_details_area .details_text,.popup_booking_completion .booking_details_area .pay_list {
        font-size: 13px;
        line-height: 20px
    }

    .popup_booking_completion .booking_details_area .days {
        font-size: 12px
    }

    .popup_booking_completion .booking_details_area .pay_list {
        margin-top: 7px
    }
}

@media screen and (max-width: 250px) {
    .popup_booking_completion .popup_tit {
        font-size:20px;
        line-height: 27px
    }

    .popup_booking_completion .popup_txt {
        font-size: 11px;
        line-height: 16px
    }

    .popup_booking_completion .booking_details_area {
        margin-top: 10px;
        padding: 14px 16px
    }

    .popup_booking_completion .booking_details_area .title {
        font-size: 12px;
        line-height: 16px
    }

    .popup_booking_completion .booking_details_area .date_text,.popup_booking_completion .booking_details_area .details_text,.popup_booking_completion .booking_details_area .pay_list {
        font-size: 11px;
        line-height: 16px
    }

    .popup_booking_completion .booking_details_area .days {
        font-size: 10px
    }
}

.status_card {
    position: relative
}

.status_card.type_booking .card_border.type_black {
    border-color: #77777a;
    border-color: var(--booking-color-gray40);
    -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)
}

.status_card.type_queue .card_inner.type_link {
    padding: 18px 20px 28px
}

.status_card.type_queue .card_inner.type_link .card_header .title {
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

.status_card.type_queue .card_inner.type_link .fn-forward2::before {
    font-weight: bold
}

.status_card.type_queue .card_process {
    padding-top: 6px
}

.status_card.type_parcel .card_info_list {
    width: 100%
}

.status_card.type_parcel .card_info_item.has_border {
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.status_card.type_parcel .card_info_item.has_border::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.status_card.type_parcel .card_info_item.has_border .cell {
    padding-top: 12px
}

.status_card.type_parcel .card_info_item.has_border .cell:first-child {
    min-width: 76px
}

.status_card.type_parcel .card_info_item.has_border .cell:last-child {
    width: 100%
}

.status_card.type_parcel .card_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
}

.status_card.type_parcel .card_header .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;
    margin-right: 0
}

.status_card .card_border {
    max-width: 720px;
    margin: 0 auto;
    border: 2px solid rgba(0,0,0,0);
    border-radius: 15px;
    -webkit-box-shadow: 0px 3px 5px rgba(0,137,140,.08);
    box-shadow: 0px 3px 5px rgba(0,137,140,.08);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#0064ff), to(#24a3ff));
    background-image: linear-gradient(#fff, #fff),linear-gradient(0deg, #0064ff, #24a3ff);
    background-origin: border-box;
    background-clip: content-box,border-box
}

@media(prefers-color-scheme: dark) {
    body.is_dark .status_card .card_border {
        background-image:-webkit-gradient(linear, left top, left bottom, from(#39393c), to(#39393c)),-webkit-gradient(linear, left bottom, left top, from(#0064ff), to(#24a3ff));
        background-image: linear-gradient(#39393c, #39393c),linear-gradient(0deg, #0064ff, #24a3ff)
    }
}

.status_card .card_border.type_black {
    border-color: #555558;
    border-color: var(--booking-color-gray30);
    -webkit-box-shadow: 0px 3px 5px rgba(77,77,94,.08);
    box-shadow: 0px 3px 5px rgba(77,77,94,.08)
}

.status_card .card_border.type_black .card_label .label {
    background-color: #222225;
    background-color: var(--booking-color-gray10)
}

.status_card .card_border.type_black~.charge_area .charge_list .menu_row .option .icon [class*=bg] {
    fill: #b2b2b2
}

.status_card .card_border.type_black~.charge_area .charge_list .menu_row .option .icon [class*=bg2] {
    fill: #a6a6a6
}

.status_card .card_border.type_black~.charge_area .charge_list .menu_row .option .icon [class*=bg3] {
    fill: #c4c4c4
}

.status_card .card_border.type_black~.charge_area .charge_list .menu_row .option .icon [class*=bg4] {
    fill: #dadada
}

.status_card .card_border.type_black~.charge_area .charge_list .menu_row .option .icon [class*=bg5] {
    fill: #919192
}

.status_card .card_border.type_black~.charge_area .charge_list .menu_row .price.discount {
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_border.type_black~.charge_area .charge_total .title {
    font-size: 17px
}

.status_card .card_border.type_black~.charge_area .charge_total .price {
    font-size: 17px;
    color: #000;
    color: var(--booking-color-gray0)
}

.status_card .card_inner {
    position: relative;
    padding: 18px 20px
}

.status_card .card_inner.type_link {
    position: relative;
    display: block;
    padding-bottom: 0
}

.status_card .card_inner.type_link .fn-forward2 {
    position: absolute;
    top: 21px;
    right: 19px;
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .btn_refresh {
    position: absolute;
    top: 16px;
    right: 25px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.status_card .btn_refresh+.card_label {
    padding-right: 34px
}

.status_card .btn_refresh .fn-refresh {
    font-size: 16px;
    vertical-align: -2px
}

.status_card .btn_refresh .fn-refresh::before {
    font-weight: bold
}

.status_card .card_label [class*=label] {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

.status_card .card_label [class*=label]+[class*=label] {
    margin-left: 6px
}

.status_card .card_label .label {
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue)
}

.status_card .card_label .time_label {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_label .time_label .ico_clock {
    width: 11px;
    height: 11px;
    margin-right: 3px;
    vertical-align: -1px;
    fill: #555558;
    fill: var(--booking-color-gray30)
}

.status_card .card_parcel_info {
    padding: 16px 0;
    border-bottom: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.status_card .card_parcel_info .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_parcel_info .number {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_parcel_info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_parcel_info .call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_parcel_info .call .fn-call2 {
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.status_card .card_parcel_info .call::before {
    content: "";
    margin: 0 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.status_card .card_parcel_info .delivery_link {
    display: block;
    margin: 24px 0 8px;
    padding: 12px 0;
    border-radius: 8px;
    background-color: #287cff;
    background-color: var(--booking-color-myplace-blue);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,.05),0px 2px 4px 0px rgba(0,0,0,.05);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.05),0px 2px 4px 0px rgba(0,0,0,.05);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.4px;
    color: #fff;
    text-align: center
}

.status_card .card_parcel_info .barcode_area {
    padding: 23px 0 12px
}

.status_card .card_parcel_info .barcode_area .barcode_guide {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_parcel_info .barcode_area .barcode_wrap {
    position: relative;
    height: 148px;
    margin-top: 12px;
    padding: 16px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,.05),0px 3px 6px 0px rgba(0,0,0,.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.05),0px 3px 6px 0px rgba(0,0,0,.1);
    background-color: #fff;
    background-color: var(--booking-color-gray100);
    text-align: center
}

.status_card .card_title {
    font-size: 21px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_tooltip {
    position: absolute;
    bottom: -65px;
    left: 0;
    padding: 8px 12px;
    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
}

.status_card .card_tooltip::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 12px;
    width: 7px;
    height: 7px;
    background-color: #03aa5a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.status_card .card_header .title_with_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.status_card .card_header .title_with_img .title_area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.status_card .card_header .title_with_img .title {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px
}

.status_card .card_header .title_with_img .title .link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.status_card .card_header .title_with_img .text {
    margin-top: 4px
}

.status_card .card_header .title_with_img .img_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 98px;
    height: 60px;
    margin-left: 12px;
    padding: 6px 0
}

.status_card .card_header .title_with_img .img {
    -o-object-fit: cover;
    object-fit: cover
}

.status_card .card_header .no {
    margin-top: 12px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_header .title {
    margin-top: 13px;
    font-size: 21px;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_header .title .link {
    display: block
}

.status_card .card_header .text {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -1px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_header .text .car_num {
    display: inline-block;
    font-weight: 600;
    color: #206ae5;
    color: var(--booking-color-blue50);
    vertical-align: top
}

.status_card .card_header .text .txt {
    display: inline-block;
    vertical-align: top
}

.status_card .card_header .text .txt:first-child .dividing_dot {
    display: none
}

.status_card .card_header .text .dividing_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    display: inline-block;
    margin: 0 4px;
    vertical-align: 3px
}

.status_card .card_header .text .ico_refuel {
    width: 18px;
    height: 18px;
    fill: #555558;
    fill: var(--booking-color-gray30);
    vertical-align: -3px
}

.status_card .card_header .order_number {
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_header .order_menu {
    margin-top: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_header .order_menu .price {
    color: #77777a;
    color: var(--booking-color-gray40)
}

.status_card .card_header .order_menu .price::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 0 8px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.status_card .card_header .date_time {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_header .date_time .text:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.status_card .card_header .queue_text {
    margin-top: 24px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #939396;
    color: var(--booking-color-gray50);
    text-align: center
}

.status_card .card_header .queue_text strong {
    display: block;
    margin-top: 2px;
    font-size: 32px;
    line-height: 38px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_header .queue_number {
    margin-top: 6px;
    line-height: 19px;
    letter-spacing: -0.2px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.status_card .card_header .queue_number .color_blue {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.status_card .card_header .queue_announced {
    margin-top: 24px;
    font-size: 20px;
    letter-spacing: -0.2px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.status_card .card_header .queue_announced .color_blue {
    color: #287cff;
    color: var(--booking-color-myplace-blue)
}

.status_card .card_header .queue_announced .desc {
    display: block;
    margin-top: 8px;
    font-size: 32px;
    line-height: 38px
}

@media screen and (min-width: 720px) {
    .status_card .card_header .title {
        display:inline-block;
        margin-right: 8px
    }

    .status_card .card_header .order_number {
        display: inline-block
    }
}

.status_card .card_info_list {
    display: table;
    border-spacing: 8px 12px;
    margin: -12px -8px;
    padding-top: 12px
}

.status_card .card_info_list .card_info_item {
    display: table-row
}

.status_card .card_info_list .cell {
    display: table-cell;
    font-size: 15px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50);
    word-break: keep-all
}

.status_card .card_info_list .desc {
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_info_list .desc.date {
    font-weight: 600
}

.status_card .card_info_list .desc.date .time::before {
    content: "";
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.status_card .card_info_list .desc+.desc {
    margin-top: 4px
}

.status_card .card_info_list .desc .name {
    font-weight: 600
}

.status_card .card_info_list .desc .name::after {
    content: "";
    display: inline-block;
    vertical-align: 4px;
    margin: 0 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.status_card .card_info_list .desc .address {
    margin-top: 4px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_info_list .desc .guide {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.status_card .card_info_list .btn_write_calendar {
    display: table-cell;
    padding-left: 8px;
    font-size: 15px;
    line-height: 20px;
    color: #885bdd
}

.status_card .card_info_list .btn_write_calendar .ico_calendar {
    width: 18px;
    height: 18px;
    margin-right: 2px;
    fill: #885bdd;
    vertical-align: -4px
}

.status_card .card_process {
    padding: 22px 0 5px
}

.status_card .card_process.type_4steps.step2 .process_status {
    margin-left: 36%
}

.status_card .card_process.type_4steps.step2 .active_bar {
    width: 36%
}

.status_card .card_process.type_4steps.step3 .process_status {
    margin-left: 65%
}

.status_card .card_process.type_4steps.step3 .active_bar {
    width: 66%
}

.status_card .card_process.type_4steps.step3 .process_text .text:nth-child(2) {
    font-weight: 600;
    opacity: .7
}

.status_card .card_process.type_4steps.step3 .process_text .text:nth-child(3) {
    font-weight: 800;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_process.type_4steps.step4 .active_bar {
    width: 100%
}

.status_card .card_process.type_4steps.step4 .process_text .text {
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_process.type_4steps.step4 .process_text .text:not(:nth-child(4)) {
    font-weight: 600;
    opacity: .7
}

.status_card .card_process.type_4steps.step4 .process_text .text:nth-child(4) {
    font-weight: 800
}

.status_card .card_process.step2 .process_status,.status_card .card_process.step3 .process_status {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.status_card .card_process.step2 .process_status .ico_triangle,.status_card .card_process.step3 .process_status .ico_triangle {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.status_card .card_process.step2 .active_bar,.status_card .card_process.step3 .active_bar {
    width: 51%
}

.status_card .card_process.step2 .process_text .text:first-child,.status_card .card_process.step3 .process_text .text:first-child {
    font-weight: 600;
    opacity: .7
}

.status_card .card_process.step2 .process_text .text:nth-child(2),.status_card .card_process.step3 .process_text .text:nth-child(2) {
    font-weight: 800;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_process .process_status {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 22px 5px 14px;
    border-radius: 30px;
    background-color: #f0f9ff;
    background-color: var(--booking-color-bg229);
    white-space: nowrap
}

.status_card .card_process .process_status .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-right: 2px;
    background-size: contain
}

.status_card .card_process .process_status .icon.ico_step_order {
    background-image: url("/public/assets/icons/order_steps/ico_step_order.gif")
}

.status_card .card_process .process_status .icon.ico_step_cooking {
    background-image: url("/public/assets/icons/order_steps/ico_step_cooking.gif")
}

.status_card .card_process .process_status .icon.ico_step_cooking_cafe {
    background-image: url("/public/assets/icons/order_steps/ico_step_cooking_cafe.gif")
}

.status_card .card_process .process_status .icon.ico_step_preparing_cvs {
    background-image: url("/public/assets/icons/order_steps/ico_step_preparing_cvs.gif")
}

.status_card .card_process .process_status .icon.ico_step_delivery {
    background-image: url("/public/assets/icons/order_steps/ico_step_delivery.gif")
}

.status_card .card_process .process_status .icon.ico_step_robot_delivery {
    background-image: url("/public/assets/icons/order_steps/ico_step_robot_delivery.gif")
}

.status_card .card_process .process_status .icon.ico_step_robot_arrived {
    background-image: url("/public/assets/icons/order_steps/ico_step_robot_arrived.gif")
}

.status_card .card_process .process_status .icon.ico_step_ready {
    background-image: url("/public/assets/icons/order_steps/ico_step_ready.gif")
}

.status_card .card_process .process_status .icon.ico_step_ready_cafe {
    background-image: url("/public/assets/icons/order_steps/ico_step_ready_cafe.gif")
}

.status_card .card_process .process_status .icon.ico_step_packing {
    background-image: url("/public/assets/icons/order_steps/ico_step_packing.gif")
}

.status_card .card_process .process_status .icon.ico_step_packing_cvs {
    background-image: url("/public/assets/icons/order_steps/ico_step_packing_cvs.gif")
}

@media(prefers-color-scheme: dark) {
    body.is_dark .status_card .card_process .process_status .icon.ico_step_order {
        background-image:url("/public/assets/icons/order_steps/ico_step_order_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_cooking {
        background-image: url("/public/assets/icons/order_steps/ico_step_cooking_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_cooking_cafe {
        background-image: url("/public/assets/icons/order_steps/ico_step_cooking_cafe_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_preparing_cvs {
        background-image: url("/public/assets/icons/order_steps/ico_step_preparing_cvs_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_delivery {
        background-image: url("/public/assets/icons/order_steps/ico_step_delivery_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_robot_delivery {
        background-image: url("/public/assets/icons/order_steps/ico_step_robot_delivery_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_robot_arrived {
        background-image: url("/public/assets/icons/order_steps/ico_step_robot_arrived_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_ready {
        background-image: url("/public/assets/icons/order_steps/ico_step_ready_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_ready_cafe {
        background-image: url("/public/assets/icons/order_steps/ico_step_ready_cafe_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_packing {
        background-image: url("/public/assets/icons/order_steps/ico_step_packing_dark.gif")
    }

    body.is_dark .status_card .card_process .process_status .icon.ico_step_packing_cvs {
        background-image: url("/public/assets/icons/order_steps/ico_step_packing_cvs_dark.gif")
    }
}

.status_card .card_process .process_status .text {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-family: NanumSquareRound,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 800;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_process .process_status .ico_triangle {
    position: absolute;
    left: 33px;
    top: 100%;
    margin-top: -1px;
    width: 13px;
    height: 11px;
    fill: #f0f9ff;
    fill: var(--booking-color-bg229)
}

.status_card .card_process .process_bar {
    margin: 18px 8px 0;
    height: 7px;
    border-radius: 4px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.status_card .card_process .active_bar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 7px;
    border-radius: 11.5px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(31.48%, #29a5ff), color-stop(140.74%, #915eff));
    background-image: linear-gradient(90deg, #29a5ff 31.48%, #915eff 140.74%)
}

.status_card .card_process .active_bar::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #5866fa
}

.status_card .card_process .process_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px 8px 0
}

.status_card .card_process .process_text .text {
    font-size: 13px;
    line-height: 18px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.status_card .card_process .process_text .text:first-child {
    font-weight: 800;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_process_2 {
    padding: 16px;
    border-radius: 16px;
    background-color: #f4f8fe;
    background-color: var(--booking-color-blue99)
}

.status_card .card_process_2.type_warning {
    background-color: #fef4f4;
    background-color: var(--booking-color-red99)
}

.status_card .card_process_2.type_warning .process_status {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.status_card .card_process_2.type_warning .active_bar {
    background: #fc4c4e;
    background: var(--booking-color-emphasis)
}

.status_card .card_process_2.type_warning .active_bar::after {
    content: none
}

.status_card .card_process_2 .process_status {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.status_card .card_process_2 .process_bar {
    height: 7px;
    margin-top: 4px;
    border-radius: 4px;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.status_card .card_process_2 .active_bar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 7px;
    border-radius: 11.5px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(31.48%, #29a5ff), color-stop(140.74%, #915eff));
    background-image: linear-gradient(90deg, #29a5ff 31.48%, #915eff 140.74%)
}

.status_card .card_process_2 .active_bar::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #5866fa
}

.status_card .card_process_2 .process_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4px
}

.status_card .card_process_2 .process_text .text {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.status_card .card_process_2 .process_text .text:last-child {
    text-align: right
}

.status_card .card_info {
    margin-top: 15px;
    padding: 16px;
    border-radius: 10px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center;
    word-break: keep-all
}

.status_card .card_info.type_red {
    background-color: #fef4f4;
    background-color: var(--booking-color-red99);
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.status_card .card_info .red {
    color: #ff5757
}

.status_card .card_info .black {
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_option_info {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 15px
}

.status_card .card_option_info .title {
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_option_info .text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_option_info .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.status_card .card_option_info .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;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_option_info .btn_more_detail .fn-booking {
    vertical-align: -1px;
    font-size: 13px
}

.status_card .card_request {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    line-height: 20px
}

.status_card .card_request .title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_request .text {
    margin-top: 4px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_extra_info {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.status_card .card_extra_info .expand_button {
    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-bottom: 8px
}

.status_card .card_extra_info .expand_button[aria-expanded=true] .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.status_card .card_extra_info .expand_button .title {
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_extra_info .expand_button .ico_arrow {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px
}

.status_card .card_extra_info .expand_button .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-top: -3px;
    border-right: 1px solid var(--booking-color-gray40);
    border-bottom: 1px solid var(--booking-color-gray40)
}

.status_card .card_extra_info .item_extra_info {
    font-size: 14px;
    line-height: 20px
}

.status_card .card_extra_info .item_extra_info+.item_extra_info {
    margin-top: 8px
}

.status_card .card_extra_info .item_extra_info .title {
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_extra_info .item_extra_info .text {
    color: #555558;
    color: var(--booking-color-gray30)
}

.status_card .card_beauty_style {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.status_card .card_beauty_style .style {
    padding: 16px;
    border-radius: 10px;
    background-color: #f9f5fc;
    background-color: var(--booking-color-violet99);
    line-height: 20px
}

.status_card .card_beauty_style .title {
    font-size: 15px;
    font-weight: 600;
    color: #ea37a7
}

.status_card .card_beauty_style .ico_mystyle {
    width: 17px;
    height: 17px;
    background-position: -118px -49px;
    margin-right: 4px;
    vertical-align: -2px
}

.status_card .card_beauty_style .text {
    margin-top: 4px;
    font-size: 14px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.status_card .card_owner_noti {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.status_card .card_owner_noti .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_owner_noti .noti {
    margin-top: 8px;
    padding: 16px;
    border-radius: 10px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    font-size: 14px;
    line-height: 20px;
    color: #77777a;
    color: var(--booking-color-gray40);
    white-space: pre-wrap
}

.status_card .card_bottom_button {
    margin-top: 18px;
    text-align: center
}

.status_card .card_bottom_button .button_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.status_card .card_bottom_button .button_group [class*=button] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.status_card .card_bottom_button .button_group [class*=button]+[class*=button] {
    margin-top: 0
}

.status_card .card_bottom_button [class*=button]+[class*=button] {
    margin-top: 8px
}

.status_card .card_bottom_button .button {
    width: 100%;
    padding: 11px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_bottom_button .button_open_robot,.status_card .card_bottom_button .button_smart_key {
    position: relative;
    width: 100%;
    padding: 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: #287cff;
    background-color: var(--booking-color-myplace-blue);
    font-weight: 600;
    line-height: 26px;
    color: #fff
}

.status_card .card_bottom_button .button_open_robot.disabled,.status_card .card_bottom_button .button_smart_key.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.status_card .card_bottom_button .button_open_robot .tooltip,.status_card .card_bottom_button .button_smart_key .tooltip {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 10px;
    padding: 8px 12px;
    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;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.status_card .card_bottom_button .button_open_robot .tooltip::before,.status_card .card_bottom_button .button_smart_key .tooltip::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    border-left: 4.5px solid rgba(0,0,0,0);
    border-right: 4.5px solid rgba(0,0,0,0);
    border-bottom: 6px solid #03aa5a;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.status_card .card_bottom_button .ico_smart_key {
    width: 18px;
    height: 21px;
    margin-right: 4px;
    fill: #fff;
    vertical-align: -2px
}

.status_card .card_bottom_button .button_cancel {
    padding: 9px 17px 8px;
    border-radius: 9px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.05);
    box-shadow: 0px 1px 4px rgba(0,0,0,.05);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_bottom_button .button_cancel .fn-booking-forward1 {
    margin-left: 4px;
    font-size: 11px
}

.status_card .card_bottom_button .button_cancel .fn-booking-forward1::before {
    font-weight: bold
}

.status_card .card_bottom_button .bottom_text {
    margin-top: 11px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30);
    word-break: keep-all
}

.status_card .card_review_before {
    margin-top: 18px
}

.status_card .card_review_before .review_text {
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_review_before .review_text+.review_button_area {
    margin-top: 12px
}

.status_card .card_review_before .review_button_area {
    position: relative
}

.status_card .card_review_before .review_button {
    width: 100%;
    padding: 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: #287cff;
    background-color: var(--booking-color-myplace-blue);
    font-weight: 600;
    line-height: 26px;
    color: #fff
}

.status_card .card_review_before .review_button .fn-write2 {
    margin-right: 5px;
    vertical-align: -3px
}

.status_card .card_review_before+.card_bottom_button {
    margin-top: 8px
}

.status_card .card_review {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.status_card .card_review .review_area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.status_card .card_review .review_area .thumb_area {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 7px;
    margin-right: 14px;
    width: 84px;
    height: 84px;
    border-radius: 10px
}

.status_card .card_review .review_area .thumb_area .thumb {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.status_card .card_review .review_area .thumb_area .thumb_num {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-color: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #fff
}

.status_card .card_review .review_area .thumb_area .ico_play_video {
    position: absolute;
    left: 6px;
    bottom: 4px;
    width: 28px;
    height: 31px
}

.status_card .card_review .review_area .review_rating_area {
    overflow: hidden;
    font-size: 14px
}

.status_card .card_review .review_area .review_rating_area .score::before {
    content: "";
    width: 13px;
    height: 13px;
    background-position: -296px -398px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 2px
}

.status_card .card_review .review_area .title {
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_review .review_area .link_review_modify {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.04);
    box-shadow: 1px 1px 3px rgba(0,0,0,.04);
    line-height: 12px
}

.status_card .card_review .review_area .link_review_modify .fn-write-noline2 {
    vertical-align: top;
    font-size: 12px;
    color: #c5c5c7;
    color: var(--booking-color-gray60)
}

.status_card .card_review .review_area .review {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 63px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 7px;
    font-size: 15px;
    line-height: 21px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.status_card .card_review .review_area .link_review_more {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 0 8px 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.status_card .card_review .review_area .link_review_more .fn-booking-forward1 {
    margin-left: 2px;
    vertical-align: -2px
}

.status_card .card_review .review_area .link_review_more .fn-booking-forward1::before {
    font-weight: bold
}

.status_card .card_review .reply_area {
    margin-top: 20px;
    padding: 15px 16px 14px;
    border-radius: 10px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.status_card .card_review .reply_area .owner {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .card_review .reply_area .date {
    padding-left: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.status_card .card_review .reply_area .date::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-right: 5px;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.status_card .card_review .reply_area .reply {
    margin-top: 7px;
    font-size: 15px;
    line-height: 21px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.status_card .card_review .reply_area .reply.blocked {
    color: #939396;
    color: var(--booking-color-gray50)
}

.status_card .card_review .reply_area .reply.blocked .fn-info1 {
    margin-right: 4px;
    vertical-align: -3px
}

.status_card .card_qr {
    padding: 25px 0 10px;
    text-align: center
}

.status_card .card_qr .qr_title {
    font-weight: 600
}

.status_card .card_qr .qr_title .highlight {
    font-weight: 700;
    color: #0074fd
}

.status_card .card_qr .qr_code {
    margin-top: 15px
}

.status_card .card_qr .qr_code .qr_time {
    margin-bottom: 20px;
    padding: 6px 16px 5px;
    border-radius: 8px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    line-height: 1.64;
    font-weight: bold;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.status_card .card_qr .qr_code .qr_time .time {
    padding-left: 4px;
    font-weight: 900
}

.status_card .card_qr .qr_code .qr_box {
    position: relative
}

.status_card .card_qr .qr_code .qr_box .qr_dimmed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.2px;
    text-align: center;
    color: #242424
}

.status_card .card_qr .qr_code .qr_box .qr_dimmed.cancel .qr_check {
    background-color: #424242
}

.status_card .card_qr .qr_code .qr_box .qr_dimmed .qr_check {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45px;
    height: 45px;
    margin-top: 32px;
    border-radius: 50%;
    background-color: #0074fd
}

.status_card .card_qr .qr_code .qr_box .qr_dimmed .qr_check .fn-booking-check2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff
}

.status_card .card_qr .qr_code .qr_box .qr_dimmed .check_text {
    margin-top: 12px
}

.status_card .card_qr .qr_code .item {
    list-style: none
}

.status_card .card_qr .qr_code .code_txt_number {
    display: block;
    font-size: 16px;
    line-height: 1.44;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.status_card .booking_common_map {
    padding: 16px 18px 0
}

.horizontal_menu_list {
    padding: 0 13px;
    border-spacing: 6px 0
}

.horizontal_menu_list .menu_item {
    position: relative;
    display: table-cell;
    width: 130px;
    vertical-align: top;
    text-align: center
}

.horizontal_menu_list .menu_item:last-child {
    padding-right: 13px
}

.horizontal_menu_list .menu_item.ready .img_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    border-radius: 5px;
    z-index: 10
}

.horizontal_menu_list .menu_item .menu_link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: inherit;
    z-index: 5
}

.horizontal_menu_list .menu_item .img_box {
    position: relative;
    width: inherit;
    height: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.horizontal_menu_list .menu_item .img_box .img_link {
    height: inherit
}

.horizontal_menu_list .menu_item .wrap_img {
    position: relative;
    width: inherit;
    height: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgba(43,29,0,.05)
}

.horizontal_menu_list .menu_item .wrap_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(43,29,0,.1);
    border-radius: 5px
}

.horizontal_menu_list .menu_item .wrap_img.no_menu {
    border: solid 1px #f1f1f1
}

.horizontal_menu_list .menu_item .wrap_img.no_menu::before {
    background-color: #f5f9fc
}

.horizontal_menu_list .menu_item .wrap_img.no_menu::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #f0f6fb;
    z-index: 5
}

.horizontal_menu_list .menu_item .wrap_img.no_menu .icon {
    position: relative;
    width: 44px;
    height: 44px;
    padding: 33px;
    z-index: 10
}

.horizontal_menu_list .menu_item .wrap_img.no_img {
    border: solid 1px #f1f1f1;
    background-color: #fff
}

.horizontal_menu_list .menu_item .wrap_img.no_img::before {
    background-color: rgba(43,29,0,.05)
}

.horizontal_menu_list .menu_item .wrap_img.no_img::after {
    content: "";
    width: 28px;
    height: 28px;
    background-position: -401px -106px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.horizontal_menu_list .menu_item .wrap_img .my_doctor_badge {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 18px;
    padding: 2px 6px 1px;
    border-radius: 9px;
    background-color: #1b80ff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.28px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.horizontal_menu_list .menu_item .wrap_img .img {
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover
}

.horizontal_menu_list .menu_item .label {
    position: absolute;
    height: 16px;
    top: 8px;
    left: 8px;
    padding: 2px;
    border-radius: 13px;
    z-index: 20
}

.horizontal_menu_list .menu_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
}

.horizontal_menu_list .menu_item .label.best {
    background-color: #ff5b8b
}

.horizontal_menu_list .menu_item .label.best .label_txt {
    color: #ff5b8b
}

.horizontal_menu_list .menu_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)
}

.horizontal_menu_list .menu_item .label.owner_recommend .label_txt {
    color: #ee8700
}

.horizontal_menu_list .menu_item .btn_cart {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #e5e5e5;
    border-radius: 5px 0 5px 0;
    background-color: #fff;
    line-height: 17px;
    z-index: 10
}

.horizontal_menu_list .menu_item .btn_cart .ico_cart {
    vertical-align: top;
    width: 25px;
    height: 25px
}

.horizontal_menu_list .menu_item .btn_cart .num {
    position: absolute;
    top: 8px;
    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
}

.horizontal_menu_list .menu_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
}

.horizontal_menu_list .menu_item .btn_cart .txt {
    font-size: 14px;
    color: #8f8f8f
}

.horizontal_menu_list .menu_item .btn_booking {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 33px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #e5e5e5;
    border-radius: 5px 0 5px 0;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    z-index: 10
}

.horizontal_menu_list .menu_item .btn_booking .ico_booking {
    width: 16px;
    height: 16px;
    background-position: -356px -375px;
    margin-right: 4px;
    vertical-align: -2px
}

.horizontal_menu_list .menu_item .menu_box {
    width: inherit;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.horizontal_menu_list .menu_item .menu_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding-top: 10px;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.horizontal_menu_list .menu_item .menu_name+.store_etc {
    padding-top: 4px
}

.horizontal_menu_list .menu_item .menu_desc {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 36px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 36px;
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.horizontal_menu_list .menu_item .menu_desc+.store_etc {
    margin-top: 4px
}

.horizontal_menu_list .menu_item .menu_review {
    padding-top: 4px;
    line-height: 19px;
    white-space: nowrap
}

.horizontal_menu_list .menu_item .menu_review:empty {
    display: none
}

.horizontal_menu_list .menu_item .menu_review .text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: -0.4px
}

.horizontal_menu_list .menu_item .menu_review .text .title {
    font-weight: normal;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.horizontal_menu_list .menu_item .menu_review .text .count {
    font-weight: 600;
    margin-left: 4px
}

.horizontal_menu_list .menu_item .menu_review .text .ico_star_red {
    width: 13px;
    height: 13px;
    background-position: -356px -398px;
    vertical-align: -1px;
    margin-right: 2px
}

.horizontal_menu_list .menu_item .menu_review .text+.text {
    margin-left: 7px
}

.horizontal_menu_list .menu_item .menu_review .text+.text::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-right: 7px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    vertical-align: -1px
}

.horizontal_menu_list .menu_item .menu_price {
    padding-top: 4px;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.horizontal_menu_list .menu_item .origin_price {
    padding-top: 2px;
    font-size: 14px;
    line-height: 17px;
    text-decoration: line-through;
    color: #939396;
    color: var(--booking-color-gray50)
}

.horizontal_menu_list .more {
    display: table-cell;
    padding: 0 17px 0 13px;
    vertical-align: middle;
    border: none
}

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

.horizontal_menu_list .more .btn_more::after {
    width: 17px;
    height: 14px;
    background-position: -299px -186px;
    content: "";
    display: block;
    margin: 6px auto 0
}

.horizontal_menu_list.no_img .menu_item .img_box {
    border: solid 1px #e7e7e7;
    border-radius: 5px;
    background-color: #fff
}

.horizontal_menu_list.no_img .menu_item .menu_box {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -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
}

.horizontal_menu_list.no_img .menu_item .menu_box .menu_name {
    padding-top: 0
}

.horizontal_menu_list.no_img .btn_cart {
    bottom: -1px;
    right: -1px
}

.agreeing_talk_alarm_switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    border-radius: 12px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.agreeing_talk_alarm_switch.type_na {
    padding: 10px 16px
}

.agreeing_talk_alarm_switch.type_na .ico_na {
    width: 26px;
    height: 27px;
    background-position: -401px -251px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 10px;
    vertical-align: top
}

.agreeing_talk_alarm_switch.type_na .na {
    display: inline-block;
    vertical-align: top;
    font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;
    font-weight: 900
}

.agreeing_talk_alarm_switch.type_na .ico_na2 {
    width: 55px;
    height: 56px;
    background-position: -242px -146px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto
}

.agreeing_talk_alarm_switch+.agreeing_talk_alarm_switch {
    margin-top: 8px
}

.agreeing_talk_alarm_switch .alarm_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.agreeing_talk_alarm_switch .ico_alarm {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 2px 10px 0 2px;
    fill: #03aa5a
}

.agreeing_talk_alarm_switch .tit {
    font-size: 15px;
    font-family: NanumSquareNeo,NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-weight: 800;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.agreeing_talk_alarm_switch .txt {
    margin-top: 2px;
    font-size: 14px;
    line-height: 18px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.agreeing_talk_alarm_switch .switch_toggle {
    margin-left: auto
}

.agreeing_talk_alarm_switch .switch {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 31px;
    vertical-align: top
}

.agreeing_talk_alarm_switch .switch .switch_input {
    display: none
}

.agreeing_talk_alarm_switch .switch .switch_input:checked+.switch_slider {
    background-color: #03aa5a
}

.agreeing_talk_alarm_switch .switch .switch_input:checked+.switch_slider::before {
    -webkit-transform: translateX(31px);
    transform: translateX(31px)
}

.agreeing_talk_alarm_switch .switch .switch_input:checked~.switch_text {
    display: none
}

.agreeing_talk_alarm_switch .switch .switch_input:checked~.switch_text.on {
    display: block
}

.agreeing_talk_alarm_switch .switch .switch_slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    background-color: #939396;
    background-color: var(--booking-color-gray50)
}

.agreeing_talk_alarm_switch .switch .switch_slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    margin: 3px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.agreeing_talk_alarm_switch .switch .switch_text {
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.33px;
    text-align: center;
    color: #fff
}

.agreeing_talk_alarm_switch .switch .switch_text.on {
    display: none;
    left: 14px;
    right: auto
}

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

@-webkit-keyframes modal_show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes modal_show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.review_reaction_modal .modal_layout {
    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;
    width: 100%;
    height: 50%;
    border-radius: 15px 15px 0 0;
    -webkit-animation: modal_show .2s ease-in-out;
    animation: modal_show .2s ease-in-out;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.review_reaction_modal .modal_layout .close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px
}

.review_reaction_modal .modal_title {
    padding: 18px 70px 18px 18px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.review_reaction_modal .modal_header {
    position: relative;
    border-radius: 15px 15px 0 0
}

.review_reaction_modal .modal_body {
    height: 100%;
    padding: 0 20px;
    overflow-y: auto
}

.review_reaction_modal .filter_area {
    position: relative;
    padding: 0 20px 16px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    white-space: nowrap;
    -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,.08);
    box-shadow: 0px 4px 6px rgba(0,0,0,.08);
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.review_reaction_modal .filter_area::-webkit-scrollbar {
    display: none
}

.review_reaction_modal .filter_area .btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 3px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    z-index: 1;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.review_reaction_modal .filter_area .btn.prev_btn {
    left: 15px
}

.review_reaction_modal .filter_area .btn.next_btn {
    right: 15px
}

.review_reaction_modal .filter_area .tab {
    position: relative;
    margin-right: 7px;
    padding: 5px 15px;
    border: 1px solid #eaeef2;
    border-radius: 19px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.review_reaction_modal .filter_area .tab+.tab {
    padding-left: 10px
}

.review_reaction_modal .filter_area .tab .emoji {
    position: relative;
    display: inline-block;
    margin-right: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: -4px
}

.review_reaction_modal .filter_area .tab .count {
    margin-left: 3px;
    font-size: 15px;
    font-weight: 700
}

.review_reaction_modal .filter_area .tab[aria-selected=true] {
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-color: #444447;
    border-color: var(--booking-color-gray20)
}

.review_reaction_modal .filter_area .tab[aria-selected=true] .name_area {
    font-weight: 700;
    color: #fff;
    color: var(--booking-color-gray100)
}

.review_reaction_modal .filter_area .count {
    font-weight: 500;
    line-height: 19px;
    color: #03aa5a
}

.review_reaction_modal .filter_area .name_area {
    font-size: 15px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.review_reaction_modal .review_list .review_user {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: auto !important
}

.review_reaction_modal .review_list .review_user+.review_user {
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.review_reaction_modal .review_list .review_user .user_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review_reaction_modal .review_list .review_user .thumb {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 11px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.1)
}

.review_reaction_modal .review_list .review_user .thumb.following {
    border: 1px solid rgba(0,0,0,0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#2d8Dee), to(#7de7ff));
    background-image: linear-gradient(#fff, #fff),linear-gradient(to top, #2d8Dee, #7de7ff);
    background-origin: border-box;
    background-clip: content-box,border-box
}

.review_reaction_modal .review_list .review_user .thumb::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 2px solid;
    border-radius: 50%;
    z-index: 10;
    border-color: #fff;
    border-color: var(--booking-color-gray100)
}

.review_reaction_modal .review_list .select_emoji {
    overflow: hidden;
    position: absolute;
    top: 42px;
    left: 26px;
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    z-index: 11;
    border-color: #fff;
    border-color: var(--booking-color-gray100)
}

.review_reaction_modal .review_list .profile {
    display: inline-block
}

.review_reaction_modal .review_list .profile .name {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.2px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.review_reaction_modal .review_list .profile .user_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review_reaction_modal .review_list .profile .info {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.22px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.review_reaction_modal .review_list .profile .info+.info {
    margin-left: 5px
}

.review_reaction_modal .review_list .profile .info+.info::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.review_reaction_modal .review_list .follow_btn {
    width: 72px;
    padding: 7px 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    color: #287cff;
    color: var(--booking-color-myplace-blue);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.review_reaction_modal .review_list .follow_btn.following {
    color: #939396;
    color: var(--booking-color-gray50)
}

.review_reaction_modal .review_list .follow_btn .fn-booking-check1 {
    margin-right: 2px
}

.display_ad_area {
    overflow: hidden;
    background-color: #f5f7f9;
    background-color: var(--booking-color-ad)
}

.display_ad_area.is_pc {
    background-color: #f1f3f9
}

.display_ad_area.is_hidden {
    height: 0 !important
}

.display_ad_area+.section_order_extra {
    margin-top: 10px
}

.display_ad_area .ad_img_area {
    padding-top: 5px
}

.banner_group_area {
    max-width: 720px;
    margin: 0 auto
}

.banner_group_area:empty {
    display: none
}

.banner_group_area .link_banner {
    display: table;
    width: 100%
}

.banner_group_area .link_banner+.link_banner {
    margin-top: 10px
}

.banner_group_area .banner_cont {
    display: table-cell;
    position: relative;
    min-width: 175px;
    height: 114px;
    padding: 14px 15px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner_group_area .banner_cont .title {
    padding-bottom: 5px;
    font-size: 17px;
    letter-spacing: -1px;
    color: #fff
}

.banner_group_area .banner_cont .text {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -1px;
    color: #fff;
    opacity: .6
}

.banner_group_area .banner_img {
    display: table-cell;
    overflow: hidden;
    width: auto
}

.banner_group_area .banner_img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 114px;
    vertical-align: top
}

.banner_area.is_pc .link_banner {
    background-color: #f1f3f9
}

.banner_area .link_banner {
    overflow: hidden;
    display: block;
    max-width: 720px;
    margin: 0 auto;
    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: #f5f7f9;
    background-color: var(--booking-color-ad);
    text-align: center
}

.banner_area img {
    height: 85px;
    vertical-align: top
}

@media screen and (max-width: 375px) {
    .banner_area .link_banner {
        border-radius:0
    }
}

.section_seller_info {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.section_seller_info .section_inner {
    border-radius: 8px;
    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);
    overflow: hidden
}

.section_seller_info .seller_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 18px;
    color: #222225;
    color: var(--booking-color-gray10);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    text-align: left
}

.section_seller_info .seller_title .fn-booking {
    font-size: 13px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_seller_info .seller_title .fn-booking::before {
    font-weight: bold
}

.section_seller_info .seller_box {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 16px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_seller_info .box_row {
    display: table-row
}

.section_seller_info .box_row .tit,.section_seller_info .box_row .txt {
    display: table-cell;
    line-height: 26px
}

.section_seller_info .box_row .tit {
    width: 30%;
    padding-right: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_seller_info .box_row .txt {
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_seller_info .box_row .phone {
    color: #0069c2
}

.section_seller_info .box_row .home {
    color: #0abe16
}

.section_seller_info .box_row+.box_row {
    margin-top: 1px
}

.section_service_agreement {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_service_agreement.unfoldable .section_title {
    pointer-events: none
}

.section_service_agreement.unfoldable .section_title .fn-booking {
    display: none
}

.section_service_agreement .section_inner {
    border-radius: 8px;
    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);
    overflow: hidden
}

.section_service_agreement .section_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 18px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: left
}

.section_service_agreement .section_title .ico_socar {
    width: 26px;
    height: 26px;
    background-position: -401px -280px;
    vertical-align: -7px
}

.section_service_agreement .section_title .input:checked+.ico_check {
    fill: #03aa5a
}

.section_service_agreement .section_title .ico_check {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: #77777a;
    fill: var(--booking-color-gray40);
    vertical-align: -3px
}

.section_service_agreement .section_title .fn-booking {
    margin-left: 8px;
    font-size: 13px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_service_agreement .section_title .fn-booking::before {
    font-weight: bold
}

.section_service_agreement .section_content {
    padding: 0 16px 16px
}

.section_service_agreement .agreement_checkbox .input:checked+.label .ico_check {
    fill: #03aa5a
}

.section_service_agreement .agreement_checkbox .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.section_service_agreement .agreement_checkbox .ico_check {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    fill: #77777a;
    fill: var(--booking-color-gray40)
}

.section_service_agreement .agreement_checkbox .text1 {
    font-weight: 600;
    line-height: 21px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_service_agreement .agreement_checkbox .text2 {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.section_service_agreement .agreement_checkbox+.agreement_checkbox {
    margin-top: 20px
}

.section_service_agreement .agreement_checkbox+.agreement_table {
    margin-top: 8px
}

.agreement_table {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px;
    line-height: 22px
}

.agreement_table .agreement_item {
    position: relative
}

.agreement_table .agreement_item+.agreement_item {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.agreement_table .agreement_item.open .agreement_title .expand_button .ico_expand {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.agreement_table .agreement_item.open .agreement_content,.agreement_table .agreement_item.open .useragreement_details {
    display: block;
    border-radius: 0 0 8px 8px
}

.agreement_table .agreement_item .agreement_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0 12px 16px;
    font-size: 14px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.agreement_table .agreement_item .agreement_title .point {
    color: #ff5658
}

.agreement_table .agreement_item .agreement_title .expand_button {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    padding: 0 16px
}

.agreement_table .agreement_item .agreement_title .expand_button .ico_expand {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px;
    vertical-align: 2px
}

.agreement_table .agreement_item .agreement_title .expand_button .ico_expand: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-top: -3px;
    border-right: 1px solid var(--booking-color-gray50);
    border-bottom: 1px solid var(--booking-color-gray50)
}

.agreement_table .agreement_item .agreement_title .expand_button .ico_arrow_right {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 12px;
    vertical-align: -1px
}

.agreement_table .agreement_item .agreement_title .expand_button .ico_arrow_right: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)
}

.agreement_table .agreement_item .agreement_title .label .input:checked+.fn-booking-check1 {
    color: #03aa5a
}

.agreement_table .agreement_item .agreement_title .label .fn-booking-check1 {
    vertical-align: -2px;
    margin-right: 8px;
    font-size: 14px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.agreement_table .agreement_item .agreement_title .label .fn-booking-check1::before {
    font-weight: bold
}

.agreement_table .agreement_item .agreement_content {
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 200px;
    padding: 13px 17px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.agreement_table .agreement_item .agreement_content .agreement_buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.agreement_table .agreement_item .agreement_content .agreement_buttons .btn_tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    color: #222225;
    color: var(--booking-color-gray10)
}

.agreement_table .agreement_item .agreement_content .agreement_buttons .btn_tab.active {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.agreement_table .agreement_item .agreement_content em {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.agreement_table .agreement_item .agreement_content .emphasis {
    font-size: 16px;
    font-weight: bold
}

.agreement_area {
    position: relative
}

.agreement_area.my_coupon {
    margin: 0 18px;
    padding-top: 5px
}

.agreement_area.my_coupon .agreement_check_all {
    margin-top: 20px
}

.agreement_area.my_coupon .agreement_check_all .check:checked+.label {
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760 0%);
    border-color: rgba(0,0,0,0);
    color: #fff
}

.agreement_area.my_coupon .agreement_check_all .check:checked+.label .ico_check {
    width: 13px;
    height: 9px;
    background-position: -565px -347px
}

.agreement_area.my_coupon .agreement_check_all .ico_check {
    position: absolute;
    top: 16px;
    left: 17px;
    width: 13px;
    height: 9px;
    background-position: -550px -347px
}

.agreement_area.my_coupon .agreement_check_all .label {
    position: relative;
    display: block;
    width: 102px;
    height: 41px;
    margin: 0 auto;
    padding-left: 56px;
    border: solid 1px #ebebeb;
    border-radius: 21px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    color: #333;
    font-size: 15px;
    line-height: 41px;
    white-space: nowrap
}

.agreement_area.my_coupon .agreement_check_all .label::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 42px;
    width: 1px;
    height: 15px;
    background-color: #ecf0f2
}

.agreement_area.my_coupon .agreement_table {
    margin-top: 10px
}

.agreement_area .agreement_table {
    margin-top: 20px
}

.section_agreement_info {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 12px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.45px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_agreement_info .section_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border-radius: 8px;
    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);
    overflow: hidden
}

.section_agreement_info .ico_check {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 12px;
    height: 20px;
    margin-right: 4px;
    fill: #03aa5a;
    fill: var(--booking-color-green50)
}

.agreement_info {
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.45px
}

.agreement_info::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0px;
    bottom: 1px;
    width: 3px;
    border-radius: 3px;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.booking_common_map .map_area .link_map {
    overflow: hidden;
    position: relative;
    display: block;
    height: 160px;
    border-radius: 12px
}

.booking_common_map .map_area .link_map .img_map {
    -o-object-fit: cover;
    object-fit: cover
}

.booking_common_map .map_area .link_map .ico_expand {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 38px;
    background-position: -40px -358px
}

.booking_common_map .map_area+.transport_btns_area {
    margin-top: 8px
}

.booking_common_map .location_info_area .info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    line-height: 20px
}

.booking_common_map .location_info_area .info .icon_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px
}

.booking_common_map .location_info_area .info .icon {
    width: 18px;
    height: 18px;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60);
    vertical-align: -3px
}

.booking_common_map .location_info_area .info [class*=text] {
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.booking_common_map .location_info_area .info [class*=text]+[class*=text] {
    margin-top: 4px
}

.booking_common_map .location_info_area .info strong {
    font-weight: 600
}

.booking_common_map .location_info_area .info .dividing_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    display: inline-block;
    margin: 0 5px;
    vertical-align: 3px
}

.booking_common_map .location_info_area .info .text_table {
    display: table
}

.booking_common_map .location_info_area .info .text_table .row {
    display: table-row
}

.booking_common_map .location_info_area .info .text_table .row+.row .tit,.booking_common_map .location_info_area .info .text_table .row+.row .txt {
    padding-top: 4px
}

.booking_common_map .location_info_area .info .text_table .tit {
    display: table-cell;
    padding-right: 4px;
    color: #939396;
    color: var(--booking-color-gray50);
    white-space: nowrap
}

.booking_common_map .location_info_area .info .text_table .txt {
    display: table-cell
}

.booking_common_map .location_info_area .info .link_address[aria-expanded=true] .ico_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.booking_common_map .location_info_area .info .link_address .icon_wrap {
    margin-left: 4px
}

.booking_common_map .location_info_area .info .link_address .ico_arrow {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px;
    margin-right: 8px;
    vertical-align: 1px
}

.booking_common_map .location_info_area .info .link_address .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-top: -3px;
    border-right: 1px solid var(--booking-color-gray40);
    border-bottom: 1px solid var(--booking-color-gray40)
}

.booking_common_map .location_info_area .info .layer_address {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 10px;
    padding: 16px 32px 16px 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-surface)
}

.booking_common_map .location_info_area .info .layer_address .address_item {
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.booking_common_map .location_info_area .info .layer_address .address_item .label {
    display: inline-block;
    vertical-align: 1px;
    margin-right: 4px;
    padding: 0 4px;
    border-radius: 2px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.booking_common_map .location_info_area .info .layer_address .address_item .label.type_zipcode {
    padding: 0 5px;
    border: none;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    color: #555558;
    color: var(--booking-color-gray30)
}

.booking_common_map .location_info_area .info .layer_address .address_item .btn_copy {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.booking_common_map .location_info_area .info .layer_address .address_item+.address_item {
    margin-top: 4px
}

.booking_common_map .location_info_area .info .layer_address .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 16px 10px 4px;
    line-height: 12px
}

.booking_common_map .location_info_area .info .layer_address .ico_close {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px
}

.booking_common_map .location_info_area .info .layer_address .ico_close:before,.booking_common_map .location_info_area .info .layer_address .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1px;
    background-color: var(--booking-color-gray40)
}

.booking_common_map .location_info_area .info .layer_address .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.booking_common_map .location_info_area .info .layer_address .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.booking_common_map .location_info_area .info .map_link_wrap .link {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.booking_common_map .location_info_area .info .map_link_wrap .link+.link::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    vertical-align: 4px
}

.booking_common_map .location_info_area .info .subway_line {
    display: inline-block;
    vertical-align: 1px;
    margin-right: 4px;
    padding: 0 5px;
    border-radius: 18px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    color: #fff
}

.booking_common_map .location_info_area .info .link_tel.type_pc {
    pointer-events: none
}

.booking_common_map .location_info_area .info .link_tel strong {
    font-weight: 500
}

.booking_common_map .transport_btns_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    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)
}

.booking_common_map .transport_btns_area .btn_transport {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 38px;
    text-align: center
}

.booking_common_map .transport_btns_area .btn_transport .icon {
    vertical-align: -3px;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    fill: #555558;
    fill: var(--booking-color-gray30)
}

.booking_common_map .transport_btns_area .btn_transport+.btn_transport {
    border-left: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_booking_payment_method {
    margin-top: 10px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_booking_payment_method .section_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_payment_method .section_sub_title {
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_booking_payment_method .section_sub_title+.section_title {
    margin-top: 8px
}

.section_booking_payment_method .section_title {
    font-size: 20px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment_method .section_title .ico_npay {
    width: 58px;
    height: 20px;
    fill: #000;
    fill: var(--booking-color-gray0);
    vertical-align: -3px
}

.section_booking_payment_method .section_title .highlight {
    color: #03aa5a
}

.section_booking_payment_method .section_desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_payment_method .payment_driving_fare {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.section_booking_payment_method .payment_driving_fare .driving_fare_title {
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment_method .payment_driving_fare .driving_fare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px
}

.section_booking_payment_method .payment_driving_fare .driving_fare .left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_payment_method .payment_driving_fare .driving_fare .btn_help {
    line-height: 18px;
    color: #0068c3;
    color: var(--booking-color-blue-link);
    vertical-align: top
}

.section_booking_payment_method .payment_driving_fare .driving_fare .btn_help .fn {
    margin-left: 4px;
    font-size: 16px;
    vertical-align: -2px;
    -webkit-text-stroke: .2px
}

.section_booking_payment_method .payment_driving_fare .driving_fare .right {
    color: #77777a;
    color: var(--booking-color-gray40)
}

.section_booking_payment_method .payment_driving_fare+.payment_desc {
    margin-top: 6px
}

.section_booking_payment_method .payment_guide {
    margin-top: 12px;
    padding: 28px 0;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    text-align: center
}

.section_booking_payment_method .payment_guide .guide_image {
    max-width: 329px
}

.section_booking_payment_method .payment_guide .guide_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
    padding: 0 18px
}

.section_booking_payment_method .payment_guide .step {
    font-size: 12px;
    line-height: 15px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment_method .payment_guide .step+.step {
    margin-left: 38px
}

.section_booking_payment_method .payment_guide .step .highlight {
    color: #03aa5a
}

.section_booking_payment_method .payment_button {
    display: block;
    margin-top: 12px;
    padding: 11px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

.section_booking_payment_method .payment_button .ico_arrow {
    margin-left: 8px;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: 1px
}

.section_booking_payment_method .payment_button .ico_arrow:before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--booking-color-gray20);
    border-left: 1px 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)
}

.section_booking_payment_method .payment_button .ico_arrow:after {
    content: "";
    position: absolute;
    background-color: var(--booking-color-gray20);
    top: 50%;
    right: 1px;
    width: 9px;
    height: 1px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.section_booking_payment_method .payment_info {
    padding-top: 4px
}

.section_booking_payment_method .payment_info+.label_text {
    margin-top: 13px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_booking_payment_method .payable_card_info {
    margin-top: 12px;
    line-height: 20px
}

.section_booking_payment_method .payable_card_info .title {
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_payment_method .payable_card_info .text {
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_booking_payment_method .label_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    font-weight: 600;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment_method .label_text .ico_npay {
    width: 52px;
    height: 18px;
    margin-right: 4px;
    fill: #000;
    fill: var(--booking-color-gray0)
}

.section_booking_payment_method .label_text .point {
    margin-left: 4px;
    padding: 0 8px;
    border-radius: 15px;
    background-color: #222225;
    background-color: var(--booking-color-gray10);
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    color: var(--booking-color-surface)
}

.section_booking_payment_method .label_text .point em {
    font-weight: 400
}

.section_booking_payment_method .payment_radio .radio_item {
    padding-top: 20px
}

.section_booking_payment_method .payment_radio .radio_item+.radio_item {
    margin-top: 20px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.section_booking_payment_method .payment_radio .label .label_text {
    padding-top: 0
}

.section_booking_payment_method .payment_radio .label .label_text .icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05))
}

.section_booking_payment_method .payment_radio .label .input:checked+.label_text {
    border-color: #03aa5a
}

.section_booking_payment_method .payment_radio .label .input:checked+.label_text .icon {
    position: relative;
    border-color: #03aa5a
}

.section_booking_payment_method .payment_radio .label .input:checked+.label_text .icon::before {
    content: "";
    position: absolute;
    top: 3.5px;
    left: 3.5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #03aa5a
}

.section_booking_payment_method .payment_point_method_card {
    margin-top: 20px;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.section_booking_payment_method .payment_point_method_card.has_method {
    margin-top: 12px;
    padding: 19px;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_booking_payment_method .payment_point_method_card .card_content+.card_content {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_booking_payment_method .payment_point_method_card .card_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment_method .payment_point_method_card .card_title .title {
    font-weight: 600
}

.section_booking_payment_method .payment_point_method_card .card_title .ico_npay {
    width: 52px;
    height: 18px;
    margin-right: 4px;
    fill: #000;
    fill: var(--booking-color-gray0);
    vertical-align: -3px
}

.section_booking_payment_method .payment_point_method_card .card_title .point {
    margin-left: auto;
    text-align: right
}

.section_booking_payment_method .payment_point_method_card .card_title .point strong {
    font-weight: 600
}

.section_booking_payment_method .payment_point_method_card .card_title .link_change {
    margin-left: auto;
    font-size: 13px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.section_booking_payment_method .payment_point_method_card .list_accumulate_point {
    margin-top: 8px
}

.section_booking_payment_method .payment_point_method_card .item_accumulate_point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_booking_payment_method .payment_point_method_card .item_accumulate_point::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    display: inline-block;
    margin-right: 4px
}

.section_booking_payment_method .payment_point_method_card .item_accumulate_point .title {
    margin-right: 4px
}

.section_booking_payment_method .payment_point_method_card .item_accumulate_point .ico_plus_membership {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 30px;
    height: 16px;
    background-position: -289px -225px
}

.section_booking_payment_method .payment_point_method_card .item_accumulate_point .price {
    margin-left: auto;
    text-align: right
}

.section_booking_payment_method .payment_point_method_card .use_npay_point {
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    border-color: #444447;
    border-color: var(--booking-color-gray20)
}

.section_booking_payment_method .payment_point_method_card .use_npay_point .point {
    display: inline-block;
    vertical-align: top;
    color: #03aa5a
}

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

.section_booking_payment_method .payment_point_method_card .payment_method_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .img_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    margin-right: 12px
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .img {
    border-radius: 2px;
    vertical-align: top;
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05))
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .img.rotate {
    -webkit-transform: rotate(90deg) translateX(-28px);
    transform: rotate(90deg) translateX(-28px);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .ico_naver {
    width: 24px;
    height: 24px;
    fill: #000;
    fill: var(--booking-color-gray0);
    vertical-align: top
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .default_img {
    border-radius: 2px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05))
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .default_img .ico_naver_n {
    width: 10px;
    height: 10px;
    padding: 13px 7px;
    fill: #d9d9dc;
    vertical-align: top
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .text_area {
    font-size: 13px
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .title {
    font-weight: 700;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .title .ico_npay {
    width: 34px;
    height: 12px;
    fill: #000;
    fill: var(--booking-color-gray0);
    vertical-align: -1px
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .text {
    line-height: 16px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_booking_payment_method .payment_point_method_card .payment_method_item .text.invalid {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.section_booking_payment_method .payment_desc {
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #939396;
    color: var(--booking-color-gray50);
    padding-left: 20px;
    text-indent: -10px
}

.section_booking_payment_method .payment_desc .fn-info1 {
    margin-right: 4px;
    font-size: 16px;
    vertical-align: -3px
}

.compo_car_details .title_with_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compo_car_details .title_with_img .title_area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.compo_car_details .title_with_img .title {
    font-size: 20px;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.compo_car_details .title_with_img .text {
    margin-top: 6px;
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_car_details .title_with_img .img_area {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 98px;
    height: 72px
}

.compo_car_details .title_with_img .img {
    -o-object-fit: cover;
    object-fit: cover
}

.compo_car_details .title_with_img+.detail_table {
    margin-top: 20px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.compo_car_details .details_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px 4px;
    padding-top: 20px
}

.compo_car_details .details_table .cell {
    -ms-flex-preferred-size: calc(50% - 2px);
    flex-basis: calc(50% - 2px)
}

.compo_car_details .details_table .title {
    font-weight: 600;
    line-height: 21px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.compo_car_details .details_table .text {
    margin-top: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_car_details .details_info {
    padding-top: 20px
}

.compo_car_details .details_info+.details_info {
    margin-top: 20px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.compo_car_details .details_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.compo_car_details .details_title .link_more {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    padding-left: 8px;
    font-size: 15px;
    font-weight: 400;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_car_details .details_title .link_more .fn-booking-forward1 {
    margin-left: 3px;
    font-size: 12px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_car_details .details_desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_car_details .tag_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px
}

.compo_car_details .tag_item {
    padding: 5.5px 8px;
    border-radius: 4px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_car_details .btn_help {
    font-size: 15px;
    line-height: 19px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.compo_car_details .btn_help .fn {
    margin-left: 4px;
    font-size: 16px;
    vertical-align: -3px;
    -webkit-text-stroke: .2px
}

.compo_location_guide .location_desc_list {
    margin-top: 16px
}

.compo_location_guide .location_desc_list+.biz_item_tab {
    margin-top: 8px
}

.compo_location_guide .location_desc_item {
    position: relative;
    padding-left: 11px;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_location_guide .location_desc_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)
}

.compo_location_guide .location_desc_item+.location_desc_item {
    margin-top: 8px
}

.compo_location_guide .biz_item_tab .tab_inner {
    padding: 12px 0 0
}

.compo_location_guide .biz_item_tab+.location_faq {
    border-top: none;
    padding-top: 0
}

.compo_location_guide .location_guide_item .guide_title {
    margin-top: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_location_guide .location_guide_item .guide_title+.img_wrap {
    margin-top: 12px
}

.compo_location_guide .location_guide_item .img_wrap {
    overflow: hidden;
    margin-top: 16px;
    border-radius: 12px;
    height: 168px
}

.compo_location_guide .location_guide_item .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.compo_location_guide .location_guide_item .text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 12px
}

.compo_location_guide .location_guide_item .text_wrap .num {
    margin-top: 1.5px;
    margin-right: 6px;
    padding: 2px 5px;
    border-radius: 6px;
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
    color: #fff;
    color: var(--booking-color-gray100)
}

.compo_location_guide .location_guide_item .text_wrap .text {
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_location_guide .btn_more {
    position: relative;
    margin-top: 16px;
    width: 100%
}

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

.compo_location_guide .btn_more .fn-booking {
    vertical-align: -1px;
    margin-left: 4px;
    font-size: 12px
}

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

.compo_location_guide .location_faq {
    margin-top: 16px;
    padding-top: 20px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.compo_location_guide .location_faq .faq_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_location_guide .location_faq .faq_box {
    margin-top: 12px;
    padding: 16px;
    border-radius: 12px;
    background-color: #fafafb;
    background-color: var(--booking-color-gray99);
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_location_guide .location_faq .faq_box .question {
    position: relative;
    padding-left: 11px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.compo_location_guide .location_faq .faq_box .question::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.compo_location_guide .location_faq .faq_box .answer {
    margin-top: 8px;
    padding-left: 11px
}

.compo_location_guide .location_faq .faq_box .link {
    display: block;
    margin-top: 8px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 14px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: center
}

.compo_location_guide .location_faq .faq_box .link .icon {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60);
    vertical-align: top
}

.compo_more_link .desc {
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_more_link .link_more {
    display: block;
    margin-top: 12px;
    padding: 11px 4px;
    border-radius: 12px;
    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);
    text-align: center
}

.compo_more_link .link_more .fn-forward1 {
    margin-left: 8px;
    font-size: 11px;
    -webkit-text-stroke: .5px
}

.compo_list_box {
    padding: 16px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.compo_list_box .item {
    position: relative;
    padding-left: 11px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.compo_list_box .item+.item {
    margin-top: 8px
}

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

.driving_fare_modal .driving_fare_guide {
    padding: 28px 16px
}

.driving_fare_modal .driving_fare_guide .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.driving_fare_modal .driving_fare_guide .title em {
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.driving_fare_modal .driving_fare_guide .desc {
    margin-top: 12px;
    font-size: 15px;
    line-height: 23px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.driving_fare_modal .driving_fare_list {
    margin-top: 20px;
    padding: 16px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.driving_fare_modal .driving_fare_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.driving_fare_modal .driving_fare_item::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 10px
}

.driving_fare_modal .driving_fare_item .right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    color: #222225;
    color: var(--booking-color-gray10)
}

.driving_fare_modal .driving_fare_item+.driving_fare_item {
    margin-top: 4px
}

.electric_vehicle_guide_modal .electric_vehicle_guide {
    padding: 28px 16px
}

.electric_vehicle_guide_modal .electric_vehicle_guide .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.electric_vehicle_guide_modal .electric_vehicle_guide .desc {
    margin-top: 12px;
    font-size: 15px;
    line-height: 23px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.electric_vehicle_guide_modal .list_title {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.electric_vehicle_guide_modal .electric_vehicle_item {
    position: relative;
    margin-top: 6px;
    padding-left: 11px;
    font-size: 15px;
    line-height: 22px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.electric_vehicle_guide_modal .electric_vehicle_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)
}

.vehicle_option_guide_modal .vehicle_option_guide {
    padding: 28px 16px
}

.vehicle_option_guide_modal .vehicle_option_guide .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.vehicle_option_guide_modal .vehicle_option_guide .desc {
    margin-top: 12px;
    font-size: 15px;
    line-height: 23px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.vehicle_option_guide_modal .vehicle_option_guide .desc.list_style {
    position: relative;
    padding-left: 11px
}

.vehicle_option_guide_modal .vehicle_option_guide .desc.list_style::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    background-color: #555558;
    background-color: var(--booking-color-gray30)
}

.car_details_modal .section_detail {
    padding: 20px 0
}

.car_details_modal .section_detail .section_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.time_picker_modal .selected_time_box {
    position: relative;
    padding: 16px;
    border-radius: 12px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    color: #222225;
    color: var(--booking-color-gray10)
}

.time_picker_modal .selected_time_box .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px
}

.time_picker_modal .selected_time_box .text {
    margin-top: 4px;
    font-size: 15px;
    line-height: 20px
}

.compo_date_time_picker {
    margin-top: 16px
}

.compo_date_time_picker .set_time_item {
    border-bottom: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.compo_date_time_picker .set_time_item.open .summary .right_text {
    color: #03aa5a
}

.compo_date_time_picker .set_time_item.open .summary .dividing_dot {
    background-color: #03aa5a
}

.compo_date_time_picker .set_time_item.open .summary .fn-booking-down1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.compo_date_time_picker .set_time_item.open .detail {
    padding-bottom: 16px
}

.compo_date_time_picker .summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    font-weight: 600;
    line-height: 23px
}

.compo_date_time_picker .summary .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 17px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.compo_date_time_picker .summary .right_text {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #939396;
    color: var(--booking-color-gray50)
}

.compo_date_time_picker .summary .dividing_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    display: inline-block;
    margin: 4px;
    background-color: #939396;
    background-color: var(--booking-color-gray50)
}

.compo_date_time_picker .summary .fn-booking-down1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 12.5px;
    font-size: 13px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_date_time_picker .date_time_picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 205px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 20px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.compo_date_time_picker .date_time_picker .picker {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.compo_date_time_picker .date_time_picker .picker+.picker {
    border-left: 2px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.compo_date_time_picker .date_time_picker .title_area {
    padding: 10px 0;
    border-bottom: 1px solid;
    border-bottom-color: #f0f0f3;
    border-bottom-color: var(--booking-color-gray90);
    text-align: center
}

.compo_date_time_picker .date_time_picker .option_area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.compo_date_time_picker .date_time_picker .option {
    width: 100%;
    padding: 9px 0 7px;
    border-bottom: 1px solid;
    border-bottom-color: #f0f0f3;
    border-bottom-color: var(--booking-color-gray90);
    color: #939396;
    color: var(--booking-color-gray50)
}

.compo_date_time_picker .date_time_picker .option[aria-selected=true] {
    background-color: rgba(3,170,90,.05);
    font-weight: 600;
    color: #03aa5a
}

.compo_book_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;
    color: #222225;
    color: var(--booking-color-gray10);
    white-space: pre-wrap
}

.compo_book_price .discount_rate {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.compo_book_price .dividing_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    margin: 0 2px
}

.compo_book_price .time_unit {
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.compo_book_price .original {
    font-size: 16px;
    color: #c5c5c7;
    color: var(--booking-color-gray60);
    text-decoration: line-through
}

.compo_accommodation_label {
    padding: 0 5px;
    border-radius: 9px;
    background-color: #03aa5a;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    color: #fff
}

.compo_accommodation_label.red {
    background-color: #fc4c4e;
    background-color: var(--booking-color-emphasis)
}

.ico_npay_plus_s {
    width: 45px;
    height: 16px;
    background-position: -155px -375px
}

.home_container {
    min-height: 100vh;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.home_container .section_home [class^=section_] {
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.home_container .section_home .section_info {
    margin: 0 auto 40px
}

.section_home {
    margin-top: 10px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

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

.section_home:after {
    clear: both
}

.section_home .section_header {
    padding: 36px 20px 20px;
    font-size: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_home .section_inner {
    max-width: 720px;
    margin: 0 auto
}

.section_home.type_show .section_info {
    max-height: 1120px
}

.section_home.type_booking {
    margin: 0 0 -10px 0;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_home.type_booking .btn_more_area {
    margin-top: -5px;
    padding-top: 0
}

.section_home.type_booking .btn_more_area::before {
    display: none
}

.section_home.type_booking .btn_more_area .btn_more {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_home.type_booking+.type_booking {
    margin-top: 10px
}

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

.section_home.unfold .section_header {
    position: relative;
    max-width: none;
    padding: 12px 38px 11px;
    border-bottom: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    font-size: 18px;
    text-align: center
}

.section_home.unfold .section_header .link_back {
    position: absolute;
    top: 0;
    left: 0;
    padding: 13px 0 11px 17px
}

.section_home.unfold .section_header .link_back .fn-backward1 {
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 22px
}

.section_home.unfold .section_header .link_back .fn-backward1::before {
    font-weight: bold
}

.section_home.unfold .section_info {
    overflow-y: scroll;
    max-width: none;
    max-height: 100%
}

.section_home.unfold .section_info>div:first-child {
    padding-top: 25px
}

.section_home.unfold .section_info>div:last-child {
    padding-bottom: 80px
}

.section_home .home_inner {
    max-width: 720px;
    margin: 0 auto
}

.section_home .btn_more_area {
    position: relative;
    padding-bottom: 40px;
    text-align: center
}

.section_home .btn_more_area::before {
    content: "";
    display: block;
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    height: 17px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
    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))
}

.section_home .btn_more_area .btn_more {
    display: inline-block;
    vertical-align: top;
    padding: 11px 24px 11px 26px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius: 22px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_home .btn_more_area .btn_more .fn-booking-forward2 {
    margin-left: 4px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 12px
}

.section_home .btn_more_area .btn_more .ico_arrow_down {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 8px;
    vertical-align: 0
}

.section_home .btn_more_area .btn_more .ico_arrow_down: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 var(--booking-color-gray10);
    border-bottom: 1px solid var(--booking-color-gray10)
}

.section_coupon_list {
    position: relative
}

.section_coupon_list .link_all {
    position: absolute;
    top: -43px;
    right: 0;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_coupon_list .link_all .fn-booking {
    margin-left: 2px;
    vertical-align: -2px
}

.section_coupon_list .link_all .fn-booking::before {
    font-weight: bold
}

.section_coupon_list .list_coupon {
    padding: 0 20px
}

.section_coupon_list .list_coupon.disabled .coupon_my {
    opacity: .5
}

.section_coupon_list .list_coupon.disabled .coupon_my .coupon_state {
    cursor: default
}

.section_coupon_list .item_coupon+.item_coupon {
    margin-top: 12px
}

.section_coupon_list .btn_more {
    width: 100%;
    margin-top: 12px;
    padding: 12px 0;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_coupon_list .btn_more .fn-down2 {
    vertical-align: -2px;
    margin-left: 8px;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

@media screen and (min-width: 720px) {
    .home_container {
        padding-top:50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .section_summary {
        padding-top: 10px;
        background-color: #fff;
        background-color: var(--booking-color-surface)
    }

    .section_summary .business_summary_area {
        border-radius: 16px
    }

    .section_summary .business_summary_area::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.03);
        z-index: 10
    }

    .section_summary .summary_detail_area {
        margin-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }
}

.group_home_tit_bar {
    position: relative;
    border-bottom: 1px solid #0c9a36
}

.wrap_ct_home {
    position: relative;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.wrap_ct_home.ie8fix .group_section_home {
    height: 100%
}

.wrap_ct_home.ie8fix .group_home_tit_bar {
    position: relative
}

.wrap_ct_home.ie8fix .group_home_tit_bar .home_tit_bar {
    display: none
}

.wrap_ct_home.ie8fix .group_home_tit_bar .home_tit_bar.last {
    display: block
}

.wrap_ct_home.ie8fix .txt_overlay {
    opacity: 1 !important
}

.home_tit_bar {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    padding: 11px 5px 6px;
    width: 100%;
    background: #0dab3c;
    border-top: 1px solid #0c9a36;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 1px rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.home_tit_bar [class*=ico_] {
    margin: 2px 1px 0 0;
    text-shadow: none;
    vertical-align: -4px
}

.home_tit_bar .ico_n {
    width: 20px;
    height: 19px;
    background-position: -128px -32px;
    margin-right: 4px
}

.home_tit_bar .ico_pay {
    width: 25px;
    height: 20px;
    background-position: -101px -32px;
    margin-right: 5px
}

.home_tit_bar .ico_pencil {
    width: 18px;
    height: 19px;
    background-position: -175px -60px;
    margin-right: 6px
}

.home_tit_bar .fn-nbooking-calender2 {
    font-size: 21px;
    vertical-align: -5px;
    margin-right: 3px
}

.group_section_home {
    overflow: scroll;
    position: relative;
    height: 464px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.group_section_home::-webkit-scrollbar {
    display: none
}

.group_section_home .wrap_section_home {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,opacity
}

.group_section_home .section_home {
    margin-top: 0;
    overflow: hidden;
    position: relative;
    padding-top: 70px;
    height: 382px;
    text-align: center;
    background-image: url("https://booking.pstatic.net/shared/images/im/top/bg_home_book.jpg?1509171500");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_book.jpg?1509171500", sizingMethod="scale");
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_book.jpg?1509171500", sizingMethod="scale");
    text-align: center;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.group_section_home .section_home .txt_overlay {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.group_section_home .section_home.home_book .txt_overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.group_section_home .section_home.home_book .txt_overlay .fn-nbooking-calender2 {
    color: #fff;
    font-size: 70px
}

.group_section_home .section_home.home_book.before_login {
    padding-top: 65px
}

.group_section_home .section_home.home_n {
    padding-top: 74px;
    background-image: url("https://booking.pstatic.net/shared/images/im/top/bg_home_n.jpg?1509171500");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_n.jpg?1509171500", sizingMethod="scale");
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_n.jpg?1509171500", sizingMethod="scale")
}

.group_section_home .section_home.home_pay {
    padding-top: 75px;
    background-image: url("https://booking.pstatic.net/shared/images/im/top/bg_home_pay.jpg?1509171500");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_pay.jpg?1509171500", sizingMethod="scale");
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_pay.jpg?1509171500", sizingMethod="scale")
}

.group_section_home .section_home.home_review {
    padding-top: 78px;
    height: 342px;
    background-image: url("https://booking.pstatic.net/shared/images/im/top/bg_home_review.jpg?1509171500");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_review.jpg?1509171500", sizingMethod="scale");
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://booking.pstatic.net/shared/images/im/top/bg_home_review.jpg?1509171500", sizingMethod="scale")
}

.group_section_home .section_home .ico_n_b {
    margin-top: 6px;
    margin-bottom: 4px;
    width: 63px;
    height: 60px;
    background-position: 0px -60px
}

.group_section_home .section_home .ico_pay_b {
    margin-top: 4px;
    margin-bottom: 5px;
    width: 72px;
    height: 58px;
    background-position: 0px 0px
}

.group_section_home .section_home .ico_pencil_b {
    margin: -2px 0 4px 7px;
    width: 58px;
    height: 61px;
    background-position: 0px -122px
}

.group_section_home .section_home .home_tit_bar {
    position: absolute;
    top: 8px;
    left: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box
}

.group_section_home .section_home .home_tit {
    position: relative;
    padding: 0 50px 8px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    line-height: 29px;
    word-break: keep-all
}

.group_section_home .section_home .home_tit .ico_double_quotation {
    margin-right: 6px;
    margin-left: -27px;
    margin-top: -5px;
    width: 26px;
    height: 22px;
    background-position: -74px -32px
}

.group_section_home .section_home .home_dsc {
    padding: 0 20px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    word-break: keep-all
}

.group_section_home .section_home .btn_login {
    position: relative;
    bottom: 0;
    display: block;
    margin: 10px auto 0;
    padding: 14px 0 13px 0;
    width: 242px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 15px;
    color: #fff
}

.group_section_home .section_home .btn_login .ico_naver_b {
    margin-right: 4px;
    vertical-align: -1.5px
}

.group_section_home .section_home .btn_login .logo_text {
    vertical-align: middle
}

.group_section_home .section_home .btn_next {
    display: block;
    padding-top: 4px;
    padding-bottom: 30px
}

.group_section_home .section_home .btn_next .ico_circle_down {
    width: 28px;
    height: 28px;
    background-position: -65px -92px
}

.group_section_home .section_home .btn_next .ico_circle_up {
    width: 28px;
    height: 28px;
    background-position: -145px -60px
}

.group_section_home .section_home .btn_next_first {
    padding-top: 24px
}

.group_home_tit_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.group_home_tit_bar .home_tit_bar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.section_contents {
    position: relative;
    min-height: 100vh;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_contents .contents_area {
    padding-bottom: 9px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_contents .contents_area.multi {
    padding-bottom: 6px
}

.section_contents .contents_area.multi .content_box {
    margin-bottom: 3px;
    border-bottom: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25)
}

.section_contents .contents_area .bg_summary_item {
    position: relative;
    height: 210px;
    background-size: cover;
    background-position: 50% 50%
}

.section_contents .contents_area .bg_summary_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(216, 216, 216, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(216, 216, 216, 0) 100%)
}

.section_contents .contents_area .bg_summary_item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.04)
}

.section_contents .content_box {
    position: relative;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 14px;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 16px;
    line-height: 19px;
    white-space: normal
}

@media screen and (max-width: 320px) {
    .section_contents .content_box {
        padding:0 10px 14px
    }
}

.section_contents .content_box.bottom_padding {
    padding-bottom: 62px
}

.section_contents .content_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39px;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 39px
}

.section_contents .content_bottom:empty {
    display: none
}

.section_contents .content_bottom .status_review {
    overflow: hidden;
    margin: 0 20px;
    padding-top: 2px;
    border-top: 1px solid;
    text-align: center;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

@media screen and (max-width: 320px) {
    .section_contents .content_bottom .status_review {
        margin:0 10px
    }
}

.section_contents .content_bottom .status_review .star_rating {
    float: left;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_contents .content_bottom .status_review .star_rating::before {
    content: "";
    width: 13px;
    height: 13px;
    background-position: -296px -398px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: -1px;
    margin-right: 2px
}

.section_contents .content_bottom .status_review .star_rating+.review {
    float: right;
    margin-left: 5px
}

.section_contents .content_bottom .status_review .review {
    color: #555558;
    color: var(--booking-color-gray30);
    text-decoration: none
}

.section_contents .content_bottom .status_review .review .num {
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_contents .content_bottom .status_review .review .ico_right {
    margin-left: 3px;
    vertical-align: -1px;
    position: relative;
    display: inline-block;
    width: 7px;
    height: 12px
}

.section_contents .content_bottom .status_review .review .ico_right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -2px;
    border-top: 2px solid #666;
    border-right: 2px solid #666
}

.section_contents .content_bottom .write_review {
    overflow: hidden;
    float: none;
    margin-right: auto
}

.section_contents .content_bottom .write_review .point {
    color: #0abe16
}

.section_contents .content_bottom .write_review .fn-forward2 {
    float: right;
    margin-right: -13px;
    padding: 14px 10px
}

.section_contents .content_bottom .write_review:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    background-image: url("../assets/spr_comment.png");
    background-repeat: no-repeat;
    background-size: 110px auto;
    background-position: 0 -270px
}

.section_contents .content_bottom .status_sold_out {
    position: relative;
    margin: 0 20px;
    background-color: #e7e7e7;
    color: #666;
    text-align: center
}

.section_contents .content_bottom .status_sold_out:before {
    position: absolute;
    top: -6px;
    left: -3px;
    width: 9px;
    height: 15px;
    background-color: #fff;
    border-radius: 11px 0 0 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.section_contents .content_bottom .status_sold_out:after {
    position: absolute;
    bottom: -6px;
    right: -3px;
    width: 9px;
    height: 15px;
    background-color: #fff;
    border-radius: 0 11px 11px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.section_contents .content_bottom .status_open {
    background-color: #f1f1f1;
    color: #242424;
    font-weight: bold;
    text-align: center;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.15);
    letter-spacing: -0.5px;
    white-space: nowrap
}

.section_contents .content_bottom .status_open .ico_clock {
    margin-right: 9px;
    vertical-align: -6px;
    width: 25px;
    height: 22px;
    background-position: -401px -360px
}

.section_contents .content_bottom .status_open .dday {
    color: #ff5658
}

.sect_header {
    margin: 0 19px;
    padding-bottom: 9px;
    border-bottom: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.sect_title {
    font-size: 20px;
    line-height: 1.5;
    color: #222225;
    color: var(--booking-color-gray10);
    letter-spacing: -1px
}

.sect_title .ico_circle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #222225;
    background-color: var(--booking-color-gray10);
    text-align: center
}

.sect_title .ico_circle .fn-booking {
    color: #fff;
    color: var(--booking-color-gray100);
    font-size: 30px;
    vertical-align: -2px
}

.sect_cont {
    margin: 0 19px
}

.alert_text {
    position: relative;
    padding-left: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.alert_text .fn-info1 {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 17px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.alert_text .text {
    font-size: 15px;
    line-height: 1.4
}

.alert_text .text+.text {
    padding-top: 7px
}

.alert_text.info {
    color: #3787ff
}

.alert_text.info .fn-info1 {
    color: #3787ff
}

.alert_text.danger {
    color: #ff5658
}

.section_unbook {
    padding: 30px 50px;
    text-align: center;
    font-size: 16px;
    color: #222225;
    color: var(--booking-color-gray10);
    word-break: keep-all
}

.section_unbook .danger_text {
    color: #ff5658
}

.section_unbook .text a {
    color: #000;
    color: var(--booking-color-gray0)
}

.section_entery .entery_tit {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-bottom-width: 0;
    margin: 0 19px;
    padding: 18px 0 0;
    font-size: 17px
}

.section_entery .entery_info {
    padding-top: 8px
}

.section_entery .ico_green_pass {
    margin-bottom: 0
}

.section_change_reserv {
    height: 357px;
    padding: 60px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_change_reserv .fn-booking-caution {
    font-size: 52px;
    color: #d7dadc
}

.section_change_reserv .change_reserv_desc {
    padding: 14px 0 40px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
    color: #242424
}

.section_change_reserv .change_reserv_desc .point {
    color: #03c75a
}

.section_change_reserv .change_reserv_link {
    display: inline-block;
    padding: 10px 15px 8px;
    border-radius: 5px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.27;
    text-align: right;
    color: #242424
}

.section_change_reserv .change_reserv_link i {
    margin-left: 6px;
    font-size: 12px
}

.tooltip_coupon_comment {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -6px);
    transform: translate(-50%, -6px);
    padding: 10px 15px 9px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.15);
    box-shadow: 0px 4px 4px rgba(0,0,0,.15);
    background-image: -webkit-gradient(linear, left top, right top, from(#1fd775), color-stop(87.84%, #14d2d1));
    background-image: linear-gradient(90deg, #1fd775 0%, #14d2d1 87.84%);
    z-index: 100
}

.tooltip_coupon_comment::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 6px solid #37ceac;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0)
}

.tooltip_coupon_comment .text {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    white-space: nowrap
}

.popup_apply_coupon {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9900;
    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: #f0f0f3;
    background-color: var(--booking-color-background)
}

.popup_apply_coupon .popup_header {
    position: relative;
    padding: 20px 50px 16px 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.popup_apply_coupon .popup_header .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 16px 16px 16px
}

.popup_apply_coupon .popup_header .btn_close .fn-booking {
    font-size: 18px;
    vertical-align: -2px;
    color: #77777a;
    color: var(--booking-color-gray40)
}

.popup_apply_coupon .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.popup_apply_coupon .content_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup_apply_coupon .notice_area {
    padding: 16px;
    border-radius: 12px;
    background-color: #fafafb;
    background-color: var(--booking-color-gray99)
}

.popup_apply_coupon .notice_area .text {
    font-size: 14px;
    line-height: 19px;
    color: #444447;
    color: var(--booking-color-gray20);
    word-break: keep-all
}

.popup_apply_coupon .notice_area .text .point {
    font-weight: 600
}

.popup_apply_coupon .list_coupon {
    padding-top: 16px
}

.popup_apply_coupon .item_coupon+.item_coupon {
    margin-top: 12px
}

.popup_apply_coupon .btn_more {
    width: 100%;
    margin: 20px 0;
    padding-top: 15px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    line-height: 19px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.popup_apply_coupon .btn_more .fn-booking {
    margin-left: 8px;
    vertical-align: -2px
}

.popup_apply_coupon .bottom_result {
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.popup_apply_coupon .bottom_result_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 16px
}

.popup_apply_coupon .result {
    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-bottom: 10px
}

.popup_apply_coupon .result .price_wrap {
    text-align: left
}

.popup_apply_coupon .result .price_wrap strong {
    font-weight: 600
}

.popup_apply_coupon .result .text {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.popup_apply_coupon .result .price {
    display: block;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.popup_apply_coupon .result .price.discount {
    color: #03aa5a
}

.popup_apply_coupon .result .price.final {
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.popup_apply_coupon .result .operator {
    padding: 0 23px;
    font-size: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.popup_apply_coupon .btn_apply {
    width: 100%;
    padding: 10px 0;
    border-radius: 8px;
    background-color: #03aa5a;
    font-size: 15px;
    color: #fff
}

.popup_apply_coupon .btn_apply.disabled {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70);
    color: #fff;
    color: var(--booking-color-gray100)
}

.panel_area>.detail_wrap {
    background-color: #f0f0f3;
    background-color: var(--booking-color-background)
}

.panel_area>.detail_wrap>div:first-child {
    margin-top: 0
}

.panel_area>.detail_wrap .detail_info,.panel_area>.detail_wrap .detail_seller,.panel_area>.detail_wrap .detail_direction {
    margin-top: 9px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.panel_area>.detail_wrap .detail_inner {
    max-width: 720px;
    margin: 0 auto
}

.panel_area .detail_tit {
    margin: 0 21px;
    padding: 17px 0 14px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #222225;
    color: var(--booking-color-gray10);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.panel_area .detail_tit .num {
    font-weight: bold;
    color: #0abe16
}

.panel_area .detail_num {
    font-size: 16px;
    font-weight: bold
}

.panel_area .detail_info .info_wrap {
    overflow: hidden;
    margin: 0 21px;
    padding: 15px 0 24px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.panel_area .detail_info .info_wrap.close {
    max-height: 1200px
}

.panel_area .detail_info .info_main {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 23px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.panel_area .detail_info .info_main:last-child {
    margin: 0;
    padding: 0;
    border: 0
}

.panel_area .detail_info .info_main .main_tit {
    display: block;
    padding-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.5px
}

.panel_area .detail_info .info_main .main_txt {
    padding-top: 7px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.panel_area .detail_info .info_main .main_txt+.main_img {
    margin-top: 15px
}

.panel_area .detail_info .info_main .sub_tit {
    display: block;
    margin-top: 20px;
    font-size: 18px
}

.panel_area .detail_info .info_main .main_img.no_spacing+.main_img {
    margin-top: 0
}

.panel_area .detail_info .info_main .main_img+.main_img {
    margin-top: 15px
}

.panel_area .detail_info .info_main .main_img .desc_link {
    display: block
}

.panel_area .detail_info .info_main .main_img .img {
    vertical-align: top
}

.panel_area .detail_info .info_main .banner_link {
    display: block
}

.panel_area .detail_info .info_main .banner_link .img {
    vertical-align: top
}

.panel_area .detail_info .info_txt2 {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.panel_area .detail_info .info_guide {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.panel_area .detail_info .info_guide.ico_ticket_arrow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px -15px;
    width: 29px;
    height: 25px;
    background-position: -401px -224px;
    content: ""
}

.panel_area .detail_info .info_guide .guide_area {
    float: left;
    width: 50%
}

.panel_area .detail_info .info_guide .guide_area+.guide_area .guide_box {
    padding: 0 0 0 30px
}

.panel_area .detail_info .info_guide .guide_box {
    padding-right: 30px
}

.panel_area .detail_info .info_guide .guide_box .box_tit {
    font-size: 15px;
    font-weight: 600
}

.panel_area .detail_info .info_guide .guide_box .box_txt {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.panel_area .detail_info .info_guide .guide_box .box_ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    height: 50px;
    margin: 7px 0 12px
}

.panel_area .detail_info .info_box .tit {
    display: block;
    font-size: 17px;
    letter-spacing: -0.5px
}

.panel_area .detail_info .info_box .txt {
    position: relative;
    margin-top: 5px;
    padding-left: 20px
}

.panel_area .detail_info .info_box .txt:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #242424
}

.panel_area .detail_info .info_box+.info_box {
    margin-top: 15px
}

.panel_area .detail_info .photo_area {
    margin: 0;
    padding: 0;
    border: 0
}

.panel_area .detail_info .photo_area .photo_box {
    margin-bottom: 0
}

.section_review {
    position: relative;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.25em;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.ct .section_review {
    border: 0
}

.section_review [class$=inner] {
    max-width: 720px;
    margin: 0 auto
}

.section_review.type_home .photo_review {
    padding: 0 0 20px
}

.section_review.type_home .renewal_tit {
    display: none
}

.section_review.type_home .short_review_area {
    position: relative;
    border-top: 0
}

.section_review.type_home .tab_area.type_pc .tab_inner {
    padding: 18px 20px 8px
}

.section_review.type_home .tab_area.type_pc .tab_inner .tab_btn.more {
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_review.type_home .tab_area .tab_inner {
    padding: 26px 0 8px;
    background-color: rgba(0,0,0,0)
}

.section_review.type_home .tab_area .tab_inner .tab_btn {
    padding: 4px 13px 5px;
    border-color: rgba(0,0,0,0);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #777
}

.section_review.type_home .tab_area .tab_inner .tab_btn.active {
    color: #fff
}

.section_review.type_home .header_area .filter_language .filter_btn {
    border: 0
}

.section_review.type_home .header_area {
    display: block;
    padding-bottom: 20px
}

.section_review.type_home .header_area+.short_review_area .list_short_review:first-child .list_item:first-child {
    padding-top: 0
}

.section_review.type_home .header_area+.rating_area {
    padding-top: 0
}

.section_review.type_home+.section_review.type_home {
    margin-top: 0
}

.section_review .header_area {
    display: none;
    padding: 30px 24px 0 22px;
    color: #222225;
    color: var(--booking-color-gray10);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_review .header_area:before,.section_review .header_area:after {
    content: " ";
    display: table
}

.section_review .header_area:after {
    clear: both
}

.section_review .header_area .title {
    float: left;
    padding-top: 8px;
    font-size: 22px
}

.section_review .header_area .filter_language {
    position: relative;
    float: right
}

.section_review .header_area .filter_language.open .layer_filter {
    display: block
}

.section_review .header_area .filter_language.open .ico_down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section_review .header_area .filter_language .filter_btn {
    display: block;
    padding: 3px 6px 3px 7px;
    background-color: rgba(0,0,0,0);
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    color: #333;
    font-size: 15px;
    font-weight: 600
}

.section_review .header_area .filter_language .filter_btn:focus,.section_review .header_area .filter_language .filter_btn:active {
    outline: none
}

.section_review .header_area .filter_language .filter_btn .ico_down {
    margin-left: 5px;
    vertical-align: 2px;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px
}

.section_review .header_area .filter_language .filter_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
}

.section_review .header_area .filter_language .layer_filter {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    min-width: 132px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    white-space: nowrap;
    z-index: 9999
}

.section_review .header_area .filter_language .layer_filter .item {
    display: block;
    padding: 11px 12px;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    font-weight: 600
}

.section_review .header_area .filter_language .layer_filter .item.checked {
    color: #03c75a
}

.section_review .header_area .filter_language .layer_filter .item.checked::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    margin: 0px 0px 3px 7px;
    border: 2px solid #03c75a;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.section_review .header_area .filter_language .layer_filter .item+.item {
    border-top: 1px solid #e9e9e9
}

.section_review .guide {
    position: relative;
    padding: 13px 0 13px 20px;
    border-top: 1px solid #eceded;
    font-weight: 400;
    font-size: 13px;
    color: #888;
    word-break: keep-all;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.section_review .guide .ico_bell {
    position: absolute;
    top: 17px;
    left: 0
}

.section_review .loading_area {
    padding: 12px;
    height: 20px;
    border-top: 1px solid #eceded
}

.section_review .loading_area .icon_loading {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-image: url("../assets/img_loading.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    color: rgba(0,0,0,0)
}

.section_review .no_result_area {
    display: table;
    width: 100%;
    height: 239px;
    border-top: 1px solid #ecf0f2;
    text-align: center
}

.section_review .no_result_area .result_text {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #424242
}

.section_review .no_result_area .result_text .ico_no_result {
    display: block;
    margin: 0 auto 20px
}

.section_review .notice2_area {
    padding: 14px 0 17px;
    border-top: 1px solid #eaeaea;
    text-align: center
}

.section_review .notice2_area .text {
    position: relative;
    display: inline-block;
    padding: 0 7px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.3px
}

.section_review .notice2_area .text::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 7px;
    background-position: -684px -271px
}

.section_review .notice2_area .text::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 4px;
    height: 7px;
    background-position: -684px -271px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section_review .notice2_area .text .point {
    color: #03c75a;
    font-weight: bold
}

.section_review .photo_review_area {
    border: 0
}

.review_notice_area {
    padding-top: 48px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.review_notice_area .review_notice {
    padding: 12px 0 13px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    font-weight: 600;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center
}

.filter_area.review {
    margin-top: 10px;
    padding: 18px 20px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.filter_area.review.no_review {
    margin-top: 0;
    padding: 5px 20px 20px
}

.filter_area.review.no_review+.section_keyword {
    margin-top: 10px
}

.filter_area.review+.section_review {
    margin-top: 0
}

.filter_area.review .select_area {
    max-width: 684px;
    margin: 0 auto
}

.food_filter_area {
    padding-bottom: 12px;
    border-bottom: 1px solid;
    border-bottom-color: #f0f0f3;
    border-bottom-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.food_filter_area .filter_list_area {
    -ms-overflow-style: none;
    position: relative;
    overflow-x: auto;
    white-space: nowrap
}

.food_filter_area .filter_list_area::-webkit-scrollbar {
    display: none
}

.food_filter_area .filter_list {
    position: relative;
    padding: 5px 0
}

.food_filter_area .filter_list .tit {
    display: inline-block;
    padding: 0 15px 0 22px;
    font-weight: 600;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 36px
}

.food_filter_area .filter_list .btn {
    display: inline-block;
    padding: 0 11px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 18px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 34px;
    vertical-align: top
}

.food_filter_area .filter_list .btn+.btn {
    margin-left: 6px
}

.food_filter_area .filter_list .btn:first-child {
    margin-left: 18px
}

.food_filter_area .filter_list .btn:last-child {
    margin-right: 18px
}

.food_filter_area .filter_list .btn.active {
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    color: #fff;
    color: var(--booking-color-surface);
    font-weight: 600
}

.food_filter_area .filter_list .btn.active .count {
    color: #03aa5a
}

.food_filter_area .filter_list .btn .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    max-width: 145px;
    vertical-align: top
}

.food_filter_area .filter_list .btn .count {
    margin-left: 3px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.food_filter_area .slick-arrow {
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.food_filter_area .slick-arrow:hover {
    background-color: rgba(0,0,0,0)
}

.food_filter_area .slick-arrow.slick-prev {
    left: 4px
}

.food_filter_area .slick-arrow.slick-prev .ico_arrow {
    width: 12px;
    height: 12px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.food_filter_area .slick-arrow.slick-next {
    right: 4px
}

.food_filter_area .slick-arrow.slick-next .ico_arrow {
    width: 12px;
    height: 12px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.section_keyword {
    margin-top: 10px;
    padding-bottom: 21px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.ct .section_keyword {
    border: 0
}

.section_keyword.type_home .header_area .title {
    padding-top: 28px
}

.section_keyword.filter {
    margin-top: 0
}

.section_keyword [class*=inner] {
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_keyword .header_area {
    position: relative;
    padding: 0 18px
}

.section_keyword .header_area .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 21px;
    font-size: 18px;
    font-weight: 600
}

.section_keyword .header_area .title .info_btn {
    height: 22px;
    margin-left: 4px;
    font-size: 16px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.section_keyword .header_area .title_info {
    padding: 20px 0 18px;
    font-size: 15px;
    line-height: 21px;
    color: #444447;
    color: var(--booking-color-gray20);
    letter-spacing: -0.3px
}

.section_keyword .header_area .title_info .point {
    font-weight: bold;
    color: #0abe16
}

.section_keyword .header_area .write_link {
    position: absolute;
    top: 21px;
    right: 18px;
    color: #0068c3;
    color: var(--booking-color-blue-link);
    font-size: 15px;
    letter-spacing: -0.4px
}

.section_keyword .header_area .write_link.border {
    top: 23px;
    padding: 5px 10px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px
}

.section_keyword .header_area .write_link .fn-write2 {
    margin-right: 5px;
    color: #0068c3;
    color: var(--booking-color-blue-link);
    vertical-align: -3px
}

.section_keyword .rating_area2 {
    margin-bottom: -21px
}

.section_keyword .rating_area2 .info_btn {
    padding: 0 3px
}

.section_keyword .rating_area2 .info_btn .fn-help1 {
    color: #939396;
    color: var(--booking-color-gray50);
    vertical-align: -3px
}

.section_keyword .rating_area2 .guide_layer {
    top: 40px
}

.section_keyword .guide_layer {
    position: absolute;
    top: 57px;
    right: 17px;
    left: 17px;
    padding: 16px 36px 16px 16px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.1),0 0 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1),0 0 6px 0 rgba(0,0,0,.05);
    border-radius: 12px;
    font-size: 14px;
    line-height: 19px;
    color: #555558;
    color: var(--booking-color-gray30);
    z-index: 1
}

.section_keyword .guide_layer .update {
    margin-top: 4px;
    line-height: 24px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_keyword .guide_layer .update::before {
    content: "";
    width: 14px;
    height: 13px;
    background-position: -280px -398px;
    margin-right: 4px;
    vertical-align: -2px
}

.section_keyword .guide_layer .close_btn {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 28px;
    height: 28px
}

.section_keyword .guide_layer .close_btn .fn-close {
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.keyword_statistics_area {
    padding: 0 18px
}

.keyword_statistics_area .total_area {
    margin: 16px 0 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10);
    letter-spacing: -0.1px
}

.keyword_statistics_area .total_area .fn-booking-check2 {
    margin-right: 3px;
    font-size: 16px;
    color: #07b495;
    vertical-align: -3px
}

.keyword_statistics_area .total_area em {
    font-weight: bold;
    color: #07b495
}

.keyword_statistics_area .total_area .participant {
    margin-left: 5px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.keyword_statistics_area .keyword_blind_area {
    position: relative;
    padding: 22px 0 13px
}

.keyword_statistics_area .keyword_blind_area .keyword_list {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: .5
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 23px;
    width: 225px;
    margin: 0 auto;
    padding: 22px 0 24px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,16,.04);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .point {
    font-weight: bold;
    color: #07b495
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .status_area {
    font-size: 15px;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10);
    letter-spacing: -0.1px
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .status_area .fn-user-list2 {
    margin-right: 3px;
    font-size: 17px;
    color: #555558;
    color: var(--booking-color-gray30);
    vertical-align: -3px
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .txt_area {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10);
    letter-spacing: -0.1px
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .btn_area {
    margin-top: 9px
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .btn_area .btn {
    display: inline-block;
    padding: 9px 14px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    color: #444447;
    color: var(--booking-color-gray20);
    letter-spacing: -0.4px;
    vertical-align: top
}

.keyword_statistics_area .keyword_blind_area .ly_blind_keyword_guide .btn_area .fn-write2 {
    margin-right: 4px;
    color: #03aa5a;
    vertical-align: -3px
}

.keyword_statistics_area .keyword_list_area {
    position: relative
}

.keyword_statistics_area .keyword_list_area .btn_more {
    position: relative;
    width: 100%;
    height: 27px
}

.keyword_statistics_area .keyword_list_area .btn_more::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
    height: 42px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 32px);
    background-image: linear-gradient(to bottom, var(--booking-color-surface-rgb), var(--booking-color-surface) 32px)
}

.keyword_statistics_area .keyword_list_area .btn_more .fn-booking-down1 {
    font-size: 18px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: middle
}

.keyword_statistics_area .keyword_list_area .btn_more .fn-booking-down1::before {
    font-weight: bold
}

.keyword_statistics_area .keyword_list_area .btn_fold {
    width: 100%;
    padding: 4px 3px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 19px;
    text-align: right;
    color: #444447;
    color: var(--booking-color-gray20)
}

.keyword_statistics_area .keyword_list_area .btn_more+.btn_fold {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    margin-top: 0;
    padding: 5px 3px
}

.keyword_statistics_area .keyword_list .list_item {
    position: relative;
    height: 44px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    border-radius: 5px;
    line-height: 44px
}

.keyword_statistics_area .keyword_list .list_item+.list_item {
    margin-top: 3px
}

.keyword_statistics_area .keyword_list .list_item:nth-child(1) .value {
    background: rgba(0,180,155,.35)
}

.keyword_statistics_area .keyword_list .list_item:nth-child(2) .value {
    background: rgba(0,180,155,.2)
}

.keyword_statistics_area .keyword_list .list_item:nth-child(3) .value {
    background: rgba(0,180,155,.1)
}

.keyword_statistics_area .keyword_list .value {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0 13px;
    background: rgba(0,180,155,.05);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.keyword_statistics_area .keyword_list .keyword {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 18px 0 13px
}

.keyword_statistics_area .keyword_list .emoji_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 11px 9px 0 0;
    vertical-align: top
}

.keyword_statistics_area .keyword_list .emoji_icon.dessert_good_blur {
    width: 24px;
    height: 24px;
    background-position: 0px 0px
}

.keyword_statistics_area .keyword_list .emoji_icon.price_cheap_blur {
    width: 24px;
    height: 24px;
    background-position: 0px -26px
}

.keyword_statistics_area .keyword_list .emoji_icon.talk_good_blur {
    width: 24px;
    height: 24px;
    background-position: -26px -26px
}

.keyword_statistics_area .keyword_list .emoji_icon.parking_easy_blur {
    width: 24px;
    height: 24px;
    background-position: -26px 0px
}

.keyword_statistics_area .keyword_list .emoji_icon .img {
    vertical-align: top
}

.keyword_statistics_area .keyword_list .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bold;
    color: #222225;
    color: var(--booking-color-gray10);
    letter-spacing: -0.3px
}

.keyword_statistics_area .keyword_list .participant {
    margin-left: 7px;
    font-size: 13px;
    font-weight: bold;
    color: #07b495;
    letter-spacing: -0.2px
}

.review_header .top_title {
    position: relative;
    height: 50px;
    border-bottom: none
}

.review_header .top_title.gr {
    border-bottom: none !important
}

.review_header .top_title.gr .title {
    color: #fff
}

.review_header .top_title.gr .btn_back {
    color: #fff
}

.review_header .top_title.gr .btn_back .fn-backward1 {
    color: #fff
}

.review_header .top_title.shadow {
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,.1)
}

.review_header .top_title.shadow .btn_back {
    padding: 13px 14px 10px 12px;
    font-size: 24px
}

.review_header .top_title.shadow .btn_back .fn-booking-backward1::before {
    font-weight: bold
}

.review_header .top_title .title {
    padding: 12px 0;
    font-size: 21px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #222225;
    color: var(--booking-color-gray10)
}

.review_header .top_title .title.write {
    margin-left: 48px
}

.review_header .top_title .btn_back {
    right: auto;
    left: 0;
    padding: 12px 14px 10px 12px;
    font-size: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.review_header .top_title .btn_close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 12px 9px;
    font-size: 22px;
    color: #fff
}

.review_header .review_sub_title {
    margin-top: 7px;
    padding: 13px 20px;
    border-top: 1px solid #e2e5e8;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    font-size: 18px;
    color: #000;
    font-weight: 600
}

.review_header.write .top_title {
    height: 50px;
    max-width: none
}

.review_header.write .top_title .btn_back {
    padding: 18px 11px 6px 17px
}

.review_header.write .top_title .title {
    margin-right: 18px;
    padding-top: 19px;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -0.35px;
    text-align: left;
    color: #444447;
    color: var(--booking-color-gray20)
}

.review_header.write .top_title .title .ico_review_point {
    width: 19px;
    height: 19px;
    background-position: -373px -305px;
    vertical-align: -4px;
    margin-right: 7px
}

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

.header_fixed .review_header {
    position: relative
}

.header_fixed .review_header .top_title .title {
    margin: 0 0 0 100px;
    padding-right: 100px;
    letter-spacing: normal
}

.header_fixed .filter_language {
    position: absolute;
    right: 0;
    top: 0
}

.header_fixed .filter_language.open .layer_filter {
    display: block
}

.header_fixed .filter_language.open .ico_down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header_fixed .filter_language .filter_btn {
    display: block;
    padding: 12px 20px 12px 10px;
    background-color: rgba(0,0,0,0);
    color: #333;
    font-size: 15px;
    font-weight: 600
}

.header_fixed .filter_language .filter_btn:focus,.header_fixed .filter_language .filter_btn:active {
    outline: none
}

.header_fixed .filter_language .filter_btn .ico_down {
    margin-left: 5px;
    vertical-align: 2px;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 8px
}

.header_fixed .filter_language .filter_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
}

.header_fixed .filter_language .layer_filter {
    display: none;
    position: absolute;
    top: 38px;
    right: 20px;
    min-width: 132px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    white-space: nowrap;
    z-index: 9999
}

.header_fixed .filter_language .layer_filter .item {
    display: block;
    padding: 11px 12px;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    font-weight: 600
}

.header_fixed .filter_language .layer_filter .item.checked {
    color: #4336c7
}

.header_fixed .filter_language .layer_filter .item.checked::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    margin: 0px 0px 3px 6px;
    border: 2px solid #4336c7;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header_fixed .filter_language .layer_filter .item+.item {
    border-top: 1px solid #e9e9e9
}

.load_area_wrapper .loading_content {
    z-index: 20000 !important;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 290px;
    margin-left: -145px;
    padding: 30px 0 25px;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box
}

.load_area_wrapper .loading_content .loading_bar {
    position: relative;
    overflow: hidden;
    width: 55px;
    height: 8px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: rgba(0,180,155,.1);
    -webkit-animation: loadingBar 1.5s linear infinite;
    animation: loadingBar 1.5s linear infinite
}

.load_area_wrapper .loading_content .loading_icon {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 8px;
    border-radius: 4px;
    background-color: #00b49b;
    -webkit-animation: imgLoading 1.5s linear infinite;
    animation: imgLoading 1.5s linear infinite
}

.load_area_wrapper .loading_content .desc {
    margin-top: 14px;
    font-weight: 500;
    line-height: 23px;
    color: #444447;
    color: var(--booking-color-gray20)
}

@-webkit-keyframes loadingBar {
    0% {
        background: rgba(0,180,155,.1)
    }

    100% {
        background: rgba(0,180,155,.15)
    }
}

@keyframes loadingBar {
    0% {
        background: rgba(0,180,155,.1)
    }

    100% {
        background: rgba(0,180,155,.15)
    }
}

@-webkit-keyframes imgLoading {
    0% {
        left: -15px
    }

    100% {
        left: 100%
    }
}

@keyframes imgLoading {
    0% {
        left: -15px
    }

    100% {
        left: 100%
    }
}

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

.booking_form_wrap:after {
    clear: both
}

.booking_form_wrap section[class*=section_] {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.booking_form_wrap section[class*=section_]+section[class*=section_] {
    margin-top: 10px
}

.booking_form_wrap .booking_inner {
    max-width: 720px;
    margin: 0 auto
}

.booking_form_wrap .booking_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: 600;
    line-height: 30px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.booking_form_wrap .booking_title .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.booking_form_wrap .booking_title .required {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #03aa5a
}

.booking_form_wrap .booking_title .required .fn-booking-check2 {
    margin-right: 3px;
    font-size: 10px
}

.section_booking_extra .booking_inner {
    padding: 40px 20px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_extra .extra_form {
    margin-top: 20px
}

.section_booking_extra .extra_form .form_item {
    padding-bottom: 28px
}

.section_booking_extra .extra_form .info_text {
    margin-top: -5px;
    padding-bottom: 8px;
    color: #666;
    font-size: 15px
}

.section_booking_extra .extra_form .input_num {
    padding-bottom: 6px;
    color: #242424;
    font-weight: bold
}

.section_booking_extra .extra_form .tit_bx {
    position: relative;
    display: block;
    padding-bottom: 8px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_extra .extra_form .tit_bx .nessasary_text {
    margin-left: 8px;
    font-size: 13px;
    color: #03aa5a
}

.section_booking_extra .extra_form .tit_bx .fn-booking-check2 {
    margin-right: 3px;
    font-size: 11px
}

.section_booking_extra .extra_form .input_bx {
    position: relative
}

.section_booking_extra .extra_form .input_bx .ico_down {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 19px;
    right: 16px;
    font-size: 19px
}

.section_booking_extra .extra_form .input_bx .ico_down: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 #939396;
    border-bottom: 1px solid #939396
}

.section_booking_extra .extra_form .input_bx .select:focus,.section_booking_extra .extra_form .input_bx .select:focus-visible,.section_booking_extra .extra_form .input_bx .text:focus,.section_booking_extra .extra_form .input_bx .text:focus-visible,.section_booking_extra .extra_form .input_bx .textarea:focus,.section_booking_extra .extra_form .input_bx .textarea:focus-visible {
    outline: 0
}

.section_booking_extra .extra_form .input_bx .select::-webkit-input-placeholder, .section_booking_extra .extra_form .input_bx .text::-webkit-input-placeholder, .section_booking_extra .extra_form .input_bx .textarea::-webkit-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_extra .extra_form .input_bx .select::-moz-placeholder, .section_booking_extra .extra_form .input_bx .text::-moz-placeholder, .section_booking_extra .extra_form .input_bx .textarea::-moz-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_extra .extra_form .input_bx .select:-ms-input-placeholder, .section_booking_extra .extra_form .input_bx .text:-ms-input-placeholder, .section_booking_extra .extra_form .input_bx .textarea:-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_extra .extra_form .input_bx .select::-ms-input-placeholder, .section_booking_extra .extra_form .input_bx .text::-ms-input-placeholder, .section_booking_extra .extra_form .input_bx .textarea::-ms-input-placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_extra .extra_form .input_bx .select::placeholder,.section_booking_extra .extra_form .input_bx .text::placeholder,.section_booking_extra .extra_form .input_bx .textarea::placeholder {
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_extra .extra_form .input_bx .select {
    display: block;
    width: 100%;
    height: 42px;
    padding-left: 16px;
    padding-right: 30px;
    border-radius: 8px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_extra .extra_form .input_bx .text {
    display: block;
    width: 100%;
    height: 42px;
    padding: 12px 15px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 15px;
    color: #222225;
    color: var(--booking-color-gray10);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.section_booking_extra .extra_form .input_bx .textarea {
    display: block;
    width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 15px;
    color: #222225;
    color: var(--booking-color-gray10);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_extra .extra_form .check_bx:first-child {
    margin-top: 9px
}

.section_booking_extra .extra_form .check_bx+.check_bx {
    margin-top: 7px
}

.section_booking_extra .extra_form .check_bx .check:checked+.check_txt .check_icon {
    border: 0;
    background-color: #03aa5a;
    color: #fff
}

.section_booking_extra .extra_form .check_bx .check:checked+.check_txt .check_icon .fn-booking {
    display: block
}

.section_booking_extra .extra_form .check_bx .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;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

.section_booking_extra .extra_form .check_bx .check_icon .fn-booking {
    display: none
}

.section_booking_extra .extra_form .check_bx .check_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment .booking_inner {
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_payment .payment_radio {
    margin-top: 20px
}

.section_booking_payment .payment_radio .label {
    display: block
}

.section_booking_payment .payment_radio .label+.label {
    margin-top: 8px
}

.section_booking_payment .payment_radio .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment .payment_radio .text .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    -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);
    font-size: 11px;
    color: #fff
}

.section_booking_payment .payment_radio .text .fn-booking-check2 {
    display: none
}

.section_booking_payment .payment_radio .text .ico_npay {
    width: 41px;
    height: 17px;
    background-position: -94px -398px;
    margin-right: 2px
}

.section_booking_payment .payment_radio .text .point {
    font-weight: 700;
    color: #03aa5a
}

.section_booking_payment .payment_radio .input:checked+.text {
    border-width: 1.5px;
    border-color: #0ad18e;
    background-color: #f2fbf7;
    background-color: var(--booking-color-green99)
}

.section_booking_payment .payment_radio .input:checked+.text .icon {
    border-color: #03aa5a;
    background-color: #03aa5a
}

.section_booking_payment .payment_radio .input:checked+.text .fn-booking-check2 {
    display: block
}

.section_booking_payment .payment_guide {
    margin-top: 20px;
    padding: 20px;
    border-radius: 8px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_booking_payment .payment_guide .guide_title {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    font-size: 14px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_payment .payment_guide .guide_title .ico_npay {
    vertical-align: -3px;
    width: 41px;
    height: 17px;
    background-position: -94px -398px;
    margin-right: 2px
}

.section_booking_payment .payment_guide .guide_images {
    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: 295px;
    margin: 0 auto
}

.section_booking_payment .payment_guide .guide_step {
    width: 105px;
    text-align: center
}

.section_booking_payment .payment_guide .guide_step .text {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_payment .payment_guide .fn-forward1 {
    margin: 0 10px;
    font-size: 25px;
    color: #bbb
}

.section_booking_payment .payment_guide .ico_post_npay1 {
    width: 63px;
    height: 89px;
    background-position: 0px 0px
}

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

.section_booking_user .booking_inner {
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_user .user_form {
    margin-top: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_user .user_form .item {
    overflow: hidden
}

.section_booking_user .user_form .item+.item {
    margin-top: 8px
}

.section_booking_user .user_form .item .label {
    float: left;
    position: relative;
    width: 73px;
    font-size: 15px;
    line-height: 45px
}

.section_booking_user .user_form .item .input_bx {
    position: relative;
    overflow: hidden
}

.section_booking_user .user_form .item .input_bx.error .text {
    color: #fc4c42
}

.section_booking_user .user_form .item .input_bx.focus .text {
    border-color: #222225;
    border-color: var(--booking-color-gray10)
}

.section_booking_user .user_form .item .input_bx.focus .delete_btn {
    display: block
}

.section_booking_user .user_form .item .input_bx .delete_btn {
    position: absolute;
    display: none;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_booking_user .user_form .item .input_bx .delete_btn .fn-booking-close1 {
    font-size: 11px;
    vertical-align: 4px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_user .user_form .item .input_bx .nessasary_text {
    position: absolute;
    top: 7px;
    right: 12px;
    font-size: 12px;
    color: #03aa5a
}

.section_booking_user .user_form .item .input_bx .nessasary_text+.text {
    padding-right: 46px
}

.section_booking_user .user_form .item .input_bx .edit_text {
    position: absolute;
    top: 7px;
    right: 12px;
    font-size: 12px;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.section_booking_user .user_form .item .input_bx .edit_text+.text {
    padding-right: 46px
}

.section_booking_user .user_form .item .input_bx .text {
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding-left: 14px;
    border-radius: 8px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_user .user_form .item .input_bx .text:focus-visible {
    outline: 0
}

.section_booking_user .user_form .item .input_bx .textarea {
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 90px;
    padding: 14px;
    border-radius: 8px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    line-height: 1.4;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_user .user_form .item .input_bx .tel_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section_booking_user .user_form .item .input_bx .tel_area+.tel_area {
    margin-top: 10px
}

.section_booking_user .user_form .item .input_bx .tel_area .phone {
    position: relative;
    width: 100%
}

.section_booking_user .user_form .item .input_bx .tel_area .phone .text {
    padding-right: 30px
}

.section_booking_user .user_form .item .input_bx .tel_area .text:focus {
    border: 1px solid #03c75a;
    outline: none
}

.section_booking_user .user_form .item .input_bx .tel_area .delete_btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    border-radius: 50%
}

.section_booking_user .user_form .item .input_bx .tel_area .delete_btn .fn-booking-close1 {
    color: #bbb;
    font-size: 12px;
    vertical-align: 4px
}

.section_booking_user .user_form .item .input_bx .tel_area .confirm_btn {
    margin-left: 6px;
    padding: 0 14px;
    background-color: #03c75a;
    border: solid 1px rgba(0,0,0,.06);
    color: #fff;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.section_booking_user .user_form .item .input_bx .tel_area .confirm_btn:disabled {
    background-color: #f8f8f8;
    color: #aeaeae
}

.section_booking_user .user_form .item .input_bx .info_txt {
    padding: 8px 0 7px;
    color: #ff5658;
    font-size: 15px;
    line-height: 23px;
    word-break: keep-all
}

.section_booking_user .user_form .item .input_bx .error_msg {
    margin: 8px 0 4px;
    font-size: 14px;
    line-height: 1.43;
    color: #fc4c42
}

.section_booking_user .visitor_info {
    position: relative;
    margin-top: 20px;
    height: 36px
}

.section_booking_user .visitor_info::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_booking_user .visitor_info_btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    padding: 9px 20px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_user .visitor_info_btn .fn-booking {
    margin-left: 4px;
    vertical-align: -2px
}

.visitor_text {
    margin-bottom: 20px;
    line-height: 24px;
    font-weight: 500
}

.section_booking_car .booking_inner {
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_car .booking_tit {
    font-size: 18px;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_car .booking_desc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_booking_car .booking_info {
    margin-top: 19px;
    padding-top: 15px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_booking_car .info_date {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.5px;
    color: #03aa5a
}

.section_booking_car .info_inspection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

.section_booking_car .info_inspection .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_car .info_inspection .txt+.txt::before {
    content: "";
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_booking_car .info_discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    padding: 12px 0;
    border-top: 1px dashed;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_booking_car .info_discount+.info_discount {
    margin-top: 0
}

.section_booking_car .info_discount .tit {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_car .info_discount .price {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_car .info_discount .minus {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.section_booking_car .info_discount .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_car .info_discount .discount::before {
    content: "";
    width: 3px;
    height: 3px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_booking_car .info_total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 23px;
    border-top: 2px solid;
    border-color: #444447;
    border-color: var(--booking-color-gray20)
}

.section_booking_car .info_total .tit {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_car .info_total .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis)
}

.section_booking_car .info_total .price .discount {
    margin-right: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #c5c5c7;
    color: var(--booking-color-gray60);
    text-decoration: line-through
}

.section_booking_car .info_price {
    margin-top: 15px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_car .booking_guide {
    margin-top: 30px;
    padding: 18px;
    border-radius: 5px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_booking_car .booking_guide .tit {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_car .booking_guide .desc {
    font-size: 15px;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_phone .booking_inner {
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_booking_phone .input_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    border-radius: 5px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    overflow: hidden
}

.section_booking_phone .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 13px 14px;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: 15px;
    line-height: 19px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_booking_phone .input:focus {
    outline: none
}

.section_booking_phone .btn_cancel {
    position: relative;
    padding-right: 15px
}

.section_booking_phone .btn_cancel::before {
    content: "";
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.section_booking_phone .btn_cancel .fn-cancel {
    vertical-align: top;
    position: relative;
    font-size: 10px;
    color: #fff
}

.section_booking_phone .btn_cancel .fn-cancel::before {
    font-weight: bold
}

.section_booking_phone .btn_edit {
    padding-right: 15px;
    font-size: 14px;
    line-height: 19px;
    text-decoration: underline;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_booking_phone .btn_send {
    width: 100%;
    height: 52px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #03aa5a;
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.section_booking_phone .btn_send.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    cursor: default
}

.section_booking_phone .btn_send.completed {
    background-color: rgba(0,215,128,.08);
    color: #00d780;
    cursor: default
}

.section_booking_phone .btn_send .fn-booking-check2 {
    vertical-align: -2px;
    margin-right: 5px;
    font-size: 17px
}

.section_booking_address {
    position: relative
}

.section_booking_address .booking_inner {
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.section_booking_address .agreement_nessasary {
    position: absolute;
    top: 40px;
    right: 20px;
    margin-bottom: auto;
    font-size: 14px;
    color: #666
}

.section_booking_address .address_btn {
    position: absolute;
    top: 40px;
    right: 21px;
    height: 28px;
    padding: 0 10px;
    background-color: #3787ff;
    border-radius: 3px;
    line-height: 28px;
    color: #fff;
    font-weight: bold
}

.section_booking_address .address_area {
    margin-top: 11px
}

.section_booking_address .address_area .address {
    color: #333;
    line-height: 23px
}

.section_booking_address .address_area .address .post {
    display: block;
    color: #999
}

.section_booking_address .address_area .recipient {
    margin-top: 5px;
    color: #999
}

.section_booking_address .address_area .recipient .tel:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 6px;
    background-color: #eee;
    vertical-align: -1px
}

.section_booking_address .register_area {
    margin-top: 14px;
    border-top: 1px solid #e7e7e7;
    text-align: center
}

.section_booking_address .register_area .register_txt {
    padding-top: 20px;
    color: #242424;
    line-height: 24px
}

.section_booking_address .register_area .register_txt .link {
    display: inline-block;
    color: #999;
    text-decoration: underline
}

.section_booking_address .register_area .register_txt .link .fn-booking-forward1 {
    font-size: 14px;
    vertical-align: -1px
}

.section_booking_address .register_area .register_link {
    display: inline-block;
    height: 38px;
    margin-top: 16px;
    padding: 0 19px;
    background-color: #00cf5b;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    line-height: 38px
}

.section_booking_footer {
    margin-top: 40px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_booking_footer.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.section_booking_footer .booking_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
}

.section_booking_footer .link_back {
    width: 96px;
    height: 44px;
    margin-right: 7px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 8px;
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    text-align: center;
    font-size: 15px;
    line-height: 44px;
    letter-spacing: -0.4px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_booking_footer .btn_request {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 44px;
    background-color: #03aa5a;
    border-radius: 8px;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.4px;
    color: #fff
}

.section_booking_footer .btn_request.disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60);
    cursor: default
}

.section_booking_footer .btn_request .ico_npay {
    vertical-align: -4px;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    fill: #fff
}

.register_address {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #e9ecef;
    font-size: 16px;
    z-index: 9900
}

.register_address {
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.register_address .btn_back {
    float: left;
    position: relative;
    width: 45px;
    height: 50px;
    color: rgba(0,0,0,0)
}

.register_address .btn_back+h1 {
    padding-left: 0
}

.register_address .btn_back .ico_arrow {
    position: absolute;
    top: 14px;
    left: 18px;
    width: 12px;
    height: 21px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.register_address h1 {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 18px;
    font-size: 21px;
    font-weight: 600;
    line-height: 48px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.register_address .btn_register_address {
    display: block;
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    z-index: 10;
    height: 32px;
    margin: auto;
    padding: 0 12px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30);
    line-height: 30px;
    text-decoration: none
}

.register_address .btn_register_address .fn-booking-plus1 {
    vertical-align: -2px;
    margin-right: 5px
}

.register_address #content {
    padding-top: 50px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address #content .input_text,.register_address #content select {
    border-radius: 0;
    outline: none
}

.register_address .content {
    overflow-y: auto;
    padding-bottom: 60px;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.register_address .list_content {
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.register_address .d_shipping_list .place_address_tab_area {
    position: relative;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    background-clip: content-box
}

.register_address .d_shipping_list .place_address_tab {
    display: table;
    width: 100%
}

.register_address .d_shipping_list .place_address_tab .list_item {
    display: table-cell;
    text-align: center
}

.register_address .d_shipping_list .place_address_tab .tab {
    display: block
}

.register_address .d_shipping_list .place_address_tab .tab.active .tab_inner {
    position: relative;
    font-weight: 600;
    color: #000;
    color: var(--booking-color-gray0)
}

.register_address .d_shipping_list .place_address_tab .tab.active .tab_inner:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: 10;
    height: 2px;
    background-color: #000;
    background-color: var(--booking-color-gray0)
}

.register_address .d_shipping_list .place_address_tab .tab_inner {
    display: inline-block;
    margin: 0 10px 0 9px;
    padding: 0 3px;
    color: #222225;
    color: var(--booking-color-gray10);
    line-height: 47px
}

.register_address .d_shipping_list .list_address {
    max-width: 720px;
    margin: 0 auto
}

.register_address .d_shipping_list .list_address .list_item {
    margin-top: 9px;
    border: 1px solid;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.register_address .d_shipping_list .list_address .tit {
    position: relative;
    height: 48px;
    padding: 15px 101px 13px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address .d_shipping_list .list_address .tit .tit_inner {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    font-weight: normal
}

.register_address .d_shipping_list .list_address .tit .label_shipping {
    float: right;
    height: 21px;
    margin: 1px 0 0 6px;
    padding: 2px 6px 1px;
    border: 1px solid #d1d3d5;
    border-radius: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #939396;
    color: var(--booking-color-gray50);
    line-height: 15px
}

.register_address .d_shipping_list .list_address .tit .label_shipping.type_base {
    border-color: #0abe16;
    color: #0abe16
}

.register_address .d_shipping_list .list_address .tit .name {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444447;
    color: var(--booking-color-gray20)
}

.register_address .d_shipping_list .list_address .tit .btn_area {
    position: absolute;
    top: 0;
    right: 8px
}

.register_address .d_shipping_list .list_address .tit .btn_area .btn_type {
    display: inline-block;
    font-size: 15px;
    color: #939396;
    color: var(--booking-color-gray50);
    vertical-align: top;
    font-weight: normal
}

.register_address .d_shipping_list .list_address .tit .btn_area .btn_type .btn_link {
    display: inline-block;
    padding: 15px 10px 13px;
    text-decoration: none;
    color: #000;
    color: var(--booking-color-gray0)
}

.register_address .d_shipping_list .list_address .tit .btn_area .btn_type+.btn_type:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #e1e1e1;
    content: "";
    vertical-align: -1px
}

.register_address .d_shipping_list .list_address .txt {
    padding: 17px 18px;
    border-top: 1px soli;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #444447;
    color: var(--booking-color-gray20);
    line-height: 23px
}

.register_address .d_shipping_list .list_address .txt .recipient_info {
    margin-top: 5px
}

.register_address .d_shipping_list .list_address .txt .recipient_info .item {
    margin-right: 6px;
    font-size: 15px;
    color: #939396;
    color: var(--booking-color-gray50);
    line-height: 20px
}

.register_address .d_shipping_list .list_address .txt .recipient_info .item+.item:before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 3px 8px 0;
    background: #eee;
    content: ""
}

.register_address .d_shipping_list .list_address .btn_select_area {
    padding: 0 18px 18px
}

.register_address .d_shipping_list .list_address .btn_select_area .btn_select {
    display: block;
    height: 42px;
    padding: 8px 0 12px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20)
}

.register_address .d_shipping_list .list_address .btn_select_area .btn_select .fn-booking-check2 {
    margin-right: 6px;
    color: #0abe16;
    vertical-align: -2px
}

.register_address .address_info {
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.register_address .address_info .address_regist_area {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address .address_info .address_regist_area .form_area {
    position: relative;
    padding-left: 66px
}

.register_address .address_info .address_regist_area .form_area+.form_area {
    margin-top: 9px
}

.register_address .address_info .address_regist_area .form_area .input_label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    line-height: 36px;
    color: #000;
    color: var(--booking-color-gray0)
}

.register_address .address_info .address_regist_area .form_area .input_label.required::after {
    display: inline;
    color: #fc4c4e;
    content: "*"
}

.register_address .address_info .address_regist_area .form_area .set_base_address {
    margin-top: 12px
}

.register_address .address_info .address_regist_area .form_area .set_base_address .input_label {
    position: relative;
    width: 100%;
    padding-left: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #444447;
    color: var(--booking-color-gray20);
    line-height: inherit
}

.register_address .address_info .address_regist_area .form_area .set_base_address .input_label .check_icon {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    text-align: center
}

.register_address .address_info .address_regist_area .form_area .set_base_address .input_label .check_icon .fn-booking-check2 {
    font-size: 14px;
    color: #bcbcbc
}

.register_address .address_info .address_regist_area .form_area .set_base_address .input_checkbox {
    position: absolute;
    top: 0;
    left: -50px
}

.register_address .address_info .address_regist_area .form_area .set_base_address .input_checkbox:checked+.input_label .check_icon {
    border-color: #00bb38;
    background: #0abe16
}

.register_address .address_info .address_regist_area .form_area .set_base_address .input_checkbox:checked+.input_label .check_icon .fn-booking-check2 {
    color: #fff
}

.register_address .address_info .address_regist_area .input_box {
    overflow: hidden
}

.register_address .address_info .address_regist_area .input_box+.input_box {
    margin-top: 9px
}

.register_address .address_info .address_regist_area .input_text {
    width: 100%;
    height: 36px;
    padding: 0 12px;
    border: 1px solid;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #444447;
    color: var(--booking-color-gray20);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px
}

.register_address .address_info .address_regist_area .input_text.error {
    border-color: #fc4c4e
}

.register_address .address_info .tel_input_box_area {
    display: table;
    width: 100%;
    table-layout: fixed
}

.register_address .address_info .tel_input_box_area .input_box {
    display: table-cell;
    position: relative;
    white-space: nowrap;
    text-align: center;
    vertical-align: top
}

.register_address .address_info .tel_input_box_area .input_box.type_selectbox select {
    width: 100%;
    height: 36px;
    padding: 0 12px;
    border: 1px solid;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20);
    -webkit-appearance: none
}

.register_address .address_info .tel_input_box_area .input_box.type_selectbox:after {
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-top: 5px solid #8f8f8f;
    content: ""
}

.register_address .address_info .tel_input_box_area .input_box+.input_box {
    margin-top: 0;
    padding-left: 14px
}

.register_address .address_info .tel_input_box_area .input_box+.input_box:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    width: 6px;
    height: 1px;
    margin: auto;
    background: #bbb;
    content: ""
}

.register_address .address_info .btn_area {
    overflow: hidden;
    margin-top: 9px
}

.register_address .address_info .btn_area .btn_search {
    float: left;
    width: 50%;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address .address_info .btn_area .btn_search .search_link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 9px 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #07be16;
    font-size: 14px;
    line-height: 17px;
    color: #0abe16;
    text-align: center;
    text-decoration: none
}

.register_address .address_info .notice_area {
    max-width: 720px;
    margin: 0 auto;
    padding: 15px 18px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95);
    line-height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address .address_info .notice_area .fn-info1 {
    vertical-align: -1px
}

.register_address .address_info .notice_area .tit {
    font-size: 15px;
    color: #555558;
    color: var(--booking-color-gray30);
    font-weight: normal
}

.register_address .address_info .notice_area .txt {
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.register_address .fixed_bottom_btn_area {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    z-index: 10
}

.register_address .fixed_bottom_btn_area .btn_link {
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    color: var(--booking-color-gray100);
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.register_address .fixed_bottom_btn_area .btn_link.active {
    background: #0abe16;
    color: #fff
}

.register_address .address_inner {
    max-width: 720px;
    margin: 0 auto
}

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

.register_address .d_address_search .search_area {
    padding: 14px 18px 0
}

.register_address .d_address_search .search_area .form_area {
    position: relative;
    padding-bottom: 15px
}

.register_address .d_address_search .search_area .input_text {
    width: 100%;
    height: 42px;
    padding-right: 66px;
    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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-indent: 4px
}

.register_address .d_address_search .search_area .input_text:focus {
    border-color: #07be16
}

.register_address .d_address_search .search_area .btn_reset_address {
    position: absolute;
    top: 0;
    right: 42px;
    height: 42px;
    padding: 11px 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address .d_address_search .search_area .btn_reset_address .reset_icon {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    text-align: center
}

.register_address .d_address_search .search_area .btn_reset_address .reset_icon .fn-close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 8px;
    color: #000;
    color: var(--booking-color-gray0)
}

.register_address .d_address_search .search_area .btn_search {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 9px;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register_address .d_address_search .search_area .btn_search .fn-search {
    font-size: 22px;
    color: #0abe16
}

.register_address .d_address_search .search_area+.address_area .list_address {
    border-top: 1px soli;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.register_address .d_address_search .address_area {
    padding: 0 18px
}

.register_address .d_address_search .address_area .no_data {
    padding: 40px 0 44px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    text-align: center
}

.register_address .d_address_search .address_area .no_data .fn-booking-caution {
    font-size: 40px;
    color: #c4c4c4
}

.register_address .d_address_search .address_area .no_data .txt {
    color: #939396;
    color: var(--booking-color-gray50);
    line-height: 23px
}

.register_address .d_address_search .list_address .list_item {
    overflow: hidden;
    position: relative;
    padding: 20px 0 20px 32px
}

.register_address .d_address_search .list_address .list_item+.list_item {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.register_address .d_address_search .list_address .input_radio {
    position: absolute;
    top: 0;
    left: -50px
}

.register_address .d_address_search .list_address .input_radio:checked+.input_label:before {
    border-color: #07be16
}

.register_address .d_address_search .list_address .input_radio:checked+.input_label:after {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: #07be16;
    border-radius: 50%;
    content: ""
}

.register_address .d_address_search .list_address .input_label {
    display: block
}

.register_address .d_address_search .list_address .input_label:before {
    position: absolute;
    top: 25px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 50%;
    content: ""
}

.register_address .d_address_search .list_address .address {
    color: #000;
    color: var(--booking-color-gray0);
    line-height: 23px
}

.register_address .d_address_search .list_address mark {
    color: inherit;
    font-weight: 700;
    background: 0 0
}

.register_address .d_address_search .list_address .addr {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    color: #939396;
    color: var(--booking-color-gray50);
    line-height: 22px
}

.register_address .d_address_search .list_address .addr .label_address_delivery {
    padding: 0 3px;
    margin: 1px 7px 0 0;
    padding: 0 3px;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #939396;
    color: var(--booking-color-gray50)
}

.register_address .d_address_detail {
    margin-top: 9px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.register_address .d_address_detail h2 {
    padding: 15px 18px 13px;
    font-size: 17px;
    line-height: 22px;
    color: #000;
    color: var(--booking-color-gray0)
}

.register_address .d_address_detail .address_area {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #222225;
    color: var(--booking-color-gray10);
    padding: 18px;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 23px
}

.register_address .d_address_detail .address_area .form_area {
    margin-top: 9px
}

.register_address .d_address_detail .input_text {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #000;
    color: var(--booking-color-gray0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .register_address .d_address_detail {
        padding-bottom: 60px
    }
}

.register_address .btn_select_address {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 720px;
    margin: 9px auto 0;
    padding: 17px 0 13px;
    background: #0abe16;
    font-size: 17px;
    color: #fff;
    color: var(--booking-color-gray100);
    font-weight: 600;
    text-align: center
}

.register_address .btn_select_address.active {
    color: #fff
}

.register_address .btn_select_address.disabled {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.gnb {
    position: relative;
    height: 48px;
    background: #03c75a
}

.gnb .link_naver {
    display: inline-block;
    overflow: hidden;
    width: 26px;
    padding: 11px 0 11px 12px
}

.gnb .link_naver .logo_naver {
    width: 66px;
    height: 26px;
    background-position: -205px -305px
}

.gnb .link_booking {
    display: inline-block;
    padding: 0 7px;
    font-size: 19px;
    font-weight: 400;
    line-height: 47px;
    color: #fff;
    vertical-align: top
}

.gnb .link_translate {
    position: absolute;
    top: 0;
    right: 63px;
    padding: 12px 0 12px 17px;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.gnb .link_translate .ico_angle {
    margin-left: 5px;
    vertical-align: 3px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 7px
}

.gnb .link_translate .ico_angle: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-top: -3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.gnb .link_my {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 17px 12px 0;
    font-size: 21px;
    font-weight: 300;
    color: #fff
}

.gnb .logo_line {
    width: 122px;
    height: 17px;
    background-position: -136px -258px;
    margin: 17px 0 14px 18px
}

.sub_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center;
    z-index: 8000
}

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

.sub_header .link_back {
    position: relative;
    width: 45px;
    height: 50px;
    color: rgba(0,0,0,0)
}

.sub_header .link_back .ico_arrow {
    position: absolute;
    top: 50%;
    left: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 21px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.sub_header .link_home {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.sub_header .link_home .fn-home1 {
    margin-right: 6px;
    vertical-align: -1px;
    font-size: 18px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.sub_header .link_home .fn-home1:before {
    font-weight: bold
}

.sub_header .link_my {
    position: relative;
    width: 34px;
    height: 34px;
    margin: 6px 15px 0 0;
    padding: 2px
}

.sub_header .link_my .profile_area {
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid;
    border-color: #fff;
    border-color: var(--booking-color-surface);
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,.1);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.1)
}

.sub_header .link_my .profile_area::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 50%
}

.sub_header .link_my .profile_area .img {
    border-radius: 50%
}

.sub_header .link_my .ico_label {
    position: absolute;
    top: 2px;
    right: -1px;
    width: 19px;
    height: 12px
}

.dimmed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999
}

.cancel_layer {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 12px;
    z-index: 3001;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cancel_layer .cancel_layer_in {
    position: relative;
    width: 268px;
    padding: 40px 28px 50px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.cancel_layer .title_area {
    padding-bottom: 12px;
    border-bottom: 1px solid #5d5d5d
}

.cancel_layer .title {
    font-size: 23px;
    font-weight: normal;
    line-height: 28px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.cancel_layer .text {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.4;
    color: #555558;
    color: var(--booking-color-gray30)
}

.cancel_layer .input_area {
    margin: 10px 0
}

.cancel_layer .textarea {
    display: block;
    width: 100%;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.5;
    color: #999;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.cancel_layer .alert {
    margin-top: 10px;
    padding: 16px 0;
    border-top: 1px solid;
    border-top-color: #d9d9dc;
    border-top-color: var(--booking-color-gray70);
    font-size: 16px;
    text-align: center;
    color: #000;
    color: var(--booking-color-gray0)
}

.cancel_layer .btn_area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid;
    border-top-color: #d9d9dc;
    border-top-color: var(--booking-color-gray70)
}

.cancel_layer .btn_area .btn {
    display: table-cell;
    padding: 13px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 16px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.cancel_layer .btn_area .btn+.btn {
    border-left: 1px solid;
    border-left-color: #d9d9dc;
    border-left-color: var(--booking-color-gray70);
    color: #0abe16
}

.cancel_layer .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px
}

.cancel_layer .btn_close .ico_close {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px
}

.cancel_layer .btn_close .ico_close:before,.cancel_layer .btn_close .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 27px;
    height: 1px;
    background-color: var(--booking-color-gray0)
}

.cancel_layer .btn_close .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.cancel_layer .btn_close .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.popup_booking_wrapper {
    z-index: 9999;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.popup_booking_wrapper .pop_bottom_btnarea {
    border-top: 1px solid;
    border-top-color: #d9d9dc;
    border-top-color: var(--booking-color-gray70)
}

.popup_booking_wrapper .pop_bottom_btnarea .btn+.btn {
    border-left: 1px solid;
    border-left-color: #d9d9dc;
    border-left-color: var(--booking-color-gray70)
}

.popup_booking_wrapper .pop_bottom_btnarea .btn.confirm .btn_bottom {
    background-image: none;
    font-weight: 400;
    color: #0abe16
}

.popup_booking_wrapper .pop_bottom_btnarea .btn .btn_bottom {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 16px;
    text-align: center
}

.popup_booking {
    z-index: 9200;
    position: absolute;
    left: 50%;
    top: 60px;
    width: 310px;
    margin-left: -155px;
    padding: 36.5px 25px 54px;
    margin-bottom: 20px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.popup_booking.mybooking {
    position: relative;
    top: 60px;
    padding: 30px 30px 0;
    text-align: center
}

.popup_booking.mybooking .pop_tit_mybooking {
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(13%, #00c73c), color-stop(81%, #16c2b0));
    background: linear-gradient(to right, #00c73c 13%, #16c2b0 81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    font-size: 20px;
    line-height: 28px;
    color: #00c73c
}

.popup_booking.mybooking .pop_tit_mybooking .point {
    font-size: 24px
}

.popup_booking.mybooking .pop_subscribe {
    padding: 20px 0 30px
}

.popup_booking.subscribe_mini {
    overflow: visible;
    position: fixed;
    top: 50%;
    margin-top: -225px;
    padding: 0;
    border-radius: 3px
}

.popup_booking.subscribe_mini .btn_close {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: -40px;
    right: -10px;
    padding: 10px
}

.popup_booking.subscribe_mini .btn_close:before,.popup_booking.subscribe_mini .btn_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 1px;
    background-color: #eee
}

.popup_booking.subscribe_mini .btn_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.popup_booking.subscribe_mini .btn_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.popup_booking .pop_tit {
    padding: 0 2px 12px;
    border-bottom: 1px solid #5d5d5d;
    font-size: 23px;
    line-height: 28px;
    font-weight: 400;
    color: #222225;
    color: var(--booking-color-gray10)
}

.popup_booking .nomember_dsc_review {
    padding-top: 14px;
    font-size: 16px;
    line-height: 23px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.popup_booking .nomember_dsc_review.sm {
    padding-top: 4px;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
    color: #989898
}

.popup_booking .pay_rule_alert {
    margin-top: 11px;
    padding: 16px 0;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    color: #000;
    color: var(--booking-color-gray0);
    text-align: center
}

.popup_booking .subscribe_slider {
    overflow: hidden;
    border-radius: 3px
}

.popup_booking .subscribe_slider .img_box {
    height: 292px;
    padding-top: 20px
}

.popup_booking .subscribe_slider .slick-list:before,.popup_booking .subscribe_slider .slick-list:after {
    content: " ";
    display: table
}

.popup_booking .subscribe_slider .slick-list:after {
    clear: both
}

.popup_booking .subscribe_slider .slick-list .item {
    padding-top: 34px;
    padding-bottom: 14px;
    background: #fff;
    text-align: center
}

.popup_booking .subscribe_slider .slick-list .item .tit {
    position: relative;
    padding: 0 4px 1px;
    font-size: 17px;
    font-weight: 600;
    color: #242424;
    background: #e6e9ed;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(248, 250, 251)), color-stop(49%, rgb(248, 250, 251)), color-stop(50%, rgb(230, 233, 237)), to(rgb(230, 233, 237)));
    background: linear-gradient(180deg, rgb(248, 250, 251) 0%, rgb(248, 250, 251) 49%, rgb(230, 233, 237) 50%, rgb(230, 233, 237) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#a6000000", GradientType=1)
}

.popup_booking .subscribe_slider .slick-list .item .tit .inclination {
    font-style: normal;
    font-weight: normal
}

.popup_booking .subscribe_slider .slick-list .item .desc {
    padding-top: 8px;
    font-size: 15px;
    color: #8f8f8f
}

.popup_booking .subscribe_slider .slick-list .item .link {
    display: block;
    padding-top: 11px;
    font-size: 14px;
    color: #0068c3;
    text-decoration: underline
}

.popup_booking .subscribe_slider .slick-list .item .img {
    margin: 0 auto
}

.popup_booking .subscribe_slider .slick-list .item .img .thumb {
    vertical-align: top
}

.popup_booking .subscribe_slider .dot_nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 0;
    background-color: #fff;
    text-align: center
}

.popup_booking .subscribe_slider .dot_nav .dot_list {
    overflow: hidden;
    display: inline-block;
    vertical-align: 0
}

.popup_booking .subscribe_slider .dot_nav .dot_list li {
    position: relative;
    float: left;
    margin: 0 5px;
    width: 9px;
    height: 9px;
    cursor: pointer
}

.popup_booking .subscribe_slider .dot_nav .dot_list li .dot_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ccc
}

.popup_booking .subscribe_slider .dot_nav .dot_list li.slick-active .dot_link {
    background-color: #00c73c
}

.popup_booking .subscribe_slider .btn_prev,.popup_booking .subscribe_slider .btn_next {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    padding: 0 8px;
    font-size: 32px;
    color: #9b9b9b
}

.popup_booking .subscribe_slider .btn_prev {
    left: 0;
    z-index: 1
}

.popup_booking .subscribe_slider .btn_next {
    right: 0
}

.notice_popup_wrapper {
    overflow: auto;
    z-index: 2147483646;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.notice_popup_wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.notice_popup_wrapper .notice {
    position: relative;
    z-index: 9200
}

.notice_popup_wrapper .notice .inside {
    margin: 15px 15px 0;
    padding: 40px 30px 0;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
}

.notice_popup_wrapper .center {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.notice_popup_wrapper .title {
    padding: 0 0 15px 0;
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 24px;
    color: #222225;
    color: var(--booking-color-gray10);
    letter-spacing: -1px;
    font-weight: 600
}

.notice_popup_wrapper .title .sm {
    display: block;
    padding-top: 9px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30);
    font-weight: normal;
    line-height: 23px
}

.notice_popup_wrapper .sub_title {
    padding: 13px 0 9px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #242424
}

.notice_popup_wrapper .content {
    padding-bottom: 25px;
    font-size: 14px
}

.notice_popup_wrapper .content .text {
    padding-top: 4px;
    color: #242424
}

.notice_popup_wrapper .content .anchor {
    margin-bottom: 15px;
    display: inline-block;
    color: #0069c2
}

.notice_popup_wrapper .content .anchor .fn-forward2 {
    vertical-align: -2px
}

.notice_popup_wrapper .content .anchor+.text {
    padding-top: 1px
}

.notice_popup_wrapper .d_list {
    padding: 0 6px 9px;
    line-height: 21px
}

.notice_popup_wrapper .d_list .d_tit {
    position: relative;
    padding-bottom: 1px;
    color: #0abe16;
    font-size: 14px;
    font-weight: bold
}

.notice_popup_wrapper .d_list .d_tit:before {
    content: "";
    position: absolute;
    top: 9.5px;
    left: -6px;
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    background-color: #0abe16
}

.notice_popup_wrapper .d_list .d_desc {
    color: #242424
}

.notice_popup_wrapper .button_ok {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 7px 0;
    background-color: #0abe16;
    border: solid 1px rgba(0,0,0,.03);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none
}

.notice_popup_wrapper .foot {
    padding: 10px;
    margin: 0 -30px;
    border-top: 1px solid #e9e9e9;
    line-height: 20px;
    color: #424242;
    font-size: 14px
}

.notice_popup_wrapper .foot:before,.notice_popup_wrapper .foot:after {
    content: " ";
    display: table
}

.notice_popup_wrapper .foot:after {
    clear: both
}

.notice_popup_wrapper .foot .check {
    float: left;
    width: 50%
}

.notice_popup_wrapper .foot .check .input_check {
    position: absolute;
    z-index: 10;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    opacity: 0
}

.notice_popup_wrapper .foot .check .input_check[type=checkbox]+.text {
    position: relative;
    display: inline-block;
    padding-left: 22px
}

.notice_popup_wrapper .foot .check .input_check[type=checkbox]+.text:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    border: solid 1px rgba(0,0,0,.15)
}

.notice_popup_wrapper .foot .check .input_check[type=checkbox]+.text .fn-booking-check1 {
    position: absolute;
    top: 4px;
    left: 2px;
    color: #0abe16;
    font-size: 12px;
    opacity: 0
}

.notice_popup_wrapper .foot .check .input_check[type=checkbox]:checked+.text .fn-booking-check1,.notice_popup_wrapper .foot .check .input_check[type=checkbox][checked]+.text .fn-booking-check1 {
    opacity: 1
}

.notice_popup_wrapper .foot .close {
    float: right;
    background-color: rgba(0,0,0,0);
    line-height: 20px;
    color: #424242;
    font-size: 14px
}

.notice_popup_wrapper .foot .close .fn-close {
    vertical-align: -2px
}

.first_visit_popup {
    z-index: 9200;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.first_visit_contents {
    position: relative;
    min-height: 100%;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.first_visit_contents .popup_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    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)
}

.first_visit_contents .popup_header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    padding: 0px 83px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.first_visit_contents .popup_content {
    position: relative;
    padding-top: 50px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.first_visit_contents .popup_content .first_booking_area {
    padding: 0 18px 40px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    text-align: center
}

.first_visit_contents .popup_content .first_booking_area .booking_inner {
    max-width: 720px;
    margin: 0 auto;
    color: #444447;
    color: var(--booking-color-gray20)
}

.first_visit_contents .popup_content .first_booking_area .img_wrap {
    display: inline-block;
    margin-top: 24px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    overflow: hidden
}

.first_visit_contents .popup_content .first_booking_area .img_wrap .img {
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover
}

.first_visit_contents .popup_content .first_booking_area .title {
    margin-top: 8px;
    font-size: 24px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    line-height: 32px
}

.first_visit_contents .popup_content .first_booking_area .title .text {
    position: relative
}

.first_visit_contents .popup_content .first_booking_area .title .text:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -5px;
    right: -5px;
    height: 16px;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, right top, left top, from(#4bcdcc), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #4bcdcc, #01d760 0%);
    opacity: .15
}

.first_visit_contents .popup_content .first_booking_area .desc {
    margin-top: 14px;
    font-size: 17px;
    line-height: 26px
}

.first_visit_contents .popup_content .first_booking_area .desc2 {
    margin-top: 24px;
    font-weight: bold
}

.first_visit_contents .popup_content .first_booking_area .input_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.first_visit_contents .popup_content .first_booking_area .input_user .ico_box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 22px;
    padding: 0 20px 0 26px
}

.first_visit_contents .popup_content .first_booking_area .input_user .ico_box .ico_naver_n {
    position: absolute;
    top: 24px;
    left: 28px;
    width: 18px;
    height: 18px;
    fill: #03c75a
}

.first_visit_contents .popup_content .first_booking_area .input_user .ico_box:after {
    content: "";
    position: absolute;
    display: block;
    top: 18px;
    right: 0;
    height: 30px;
    border-right: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.first_visit_contents .popup_content .first_booking_area .input_user .id_box {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 21px 20px;
    border-radius: 15px;
    font-size: 20px;
    text-align: left
}

.first_visit_contents .popup_content .first_info_area {
    margin-top: 10px;
    padding: 24px 18px 0;
    background-color: #fff
}

.first_visit_contents .popup_content .first_info_area .info_inner {
    max-width: 720px;
    margin: 0 auto
}

.first_visit_contents .popup_content .first_info_area .agreement_area {
    padding-top: 13px
}

.first_visit_contents .popup_content .first_info_area .desc {
    margin-top: 8px;
    color: #333;
    font-weight: bold;
    text-align: center
}

.first_visit_contents .popup_content .first_info_area .naver_login {
    display: block;
    margin: 22px;
    padding: 26px 0 24px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760 0%);
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center
}

.first_visit_contents .popup_content .first_info_area .naver_login .ico_naver_n {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    fill: #fff;
    vertical-align: -1px
}

.first_visit_contents .popup_content .alert_info {
    padding: 15px 18px;
    background-color: #fff4f4;
    border-radius: 5px
}

.first_visit_contents .popup_content .alert_info .fn-booking-caution {
    margin-right: 5px;
    vertical-align: -2px
}

.first_visit_contents .popup_content .alert_info .fn-booking-caution::before {
    font-weight: bold
}

.first_visit_contents .popup_content .alert_info .title {
    color: #fc4c42;
    font-size: 15px;
    font-weight: bold
}

.first_visit_contents .popup_content .alert_info .text {
    padding-top: 4px;
    color: #333;
    font-size: 15px;
    line-height: 20px
}

.first_visit_contents .popup_content .alert_info .text+.text {
    padding-top: 20px
}

.first_visit_contents .login_btns {
    padding: 30px 18px 26px
}

.first_visit_contents .login_btns .btns_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin: 0 auto
}

.first_visit_contents .login_btns .btn {
    width: 35%;
    height: 52px;
    background-color: #c9c9c9;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 52px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    text-align: center
}

.first_visit_contents .login_btns .register_btn {
    width: 65%;
    height: 52px;
    margin-left: 6px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #0ad18e, #01d760 0%);
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
    text-align: center
}

.err {
    padding: 153px 20px 104px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center
}

.err.full_page {
    min-height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.err .tit {
    padding-top: 17px;
    padding-bottom: 7px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 20px;
    font-weight: normal
}

.err .dsc {
    margin: 7px 0 17px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.err .btn_goback {
    display: inline-block;
    margin-top: 25px;
    padding: 8px 15px;
    background-color: #0abe16;
    border: 1px solid #07ad39;
    color: #fff
}

.error_wrapper {
    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: #fff;
    background-color: var(--booking-color-surface)
}

.error_wrapper .error_contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 24px;
    text-align: center;
    z-index: 7001
}

.error_wrapper .fn-warning2 {
    vertical-align: top;
    font-size: 48px;
    color: #cf2e1a
}

.error_wrapper .error_title {
    margin-top: 24px;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.3
}

.error_wrapper .error_text {
    margin-top: 24px;
    line-height: 1.6;
    color: #444447;
    color: var(--booking-color-gray20)
}

.error_wrapper .error_info {
    max-width: 360px;
    margin: 24px auto 0;
    padding: 16px 24px;
    border-radius: 16px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    text-align: left
}

.error_wrapper .info_text {
    font-size: 14px;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.error_wrapper .info_text.txt_blue {
    font-weight: 500;
    color: #206ae5;
    color: var(--booking-color-blue50)
}

.error_wrapper .info_text.txt_small {
    font-size: 12px;
    line-height: 19px
}

.error_wrapper .info_text .fn-booking-check1 {
    margin-right: 8px;
    color: #939396;
    color: var(--booking-color-gray50);
    vertical-align: -2px
}

.error_wrapper .info_text .ico_star {
    margin-right: 8px;
    width: 8px;
    height: 9px;
    fill: #939396;
    fill: var(--booking-color-gray50)
}

.error_wrapper .info_text+.info_text {
    margin-top: 10px
}

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

.error_wrapper .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    max-width: 236px;
    height: 54px;
    border-radius: 8px;
    border: 1.5px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.error_wrapper .button+.button {
    margin-left: 8px
}

.error_wrapper .button.type_green {
    border: none;
    background-color: #03aa5a;
    color: #fff
}

.error_wrapper .logo_naver {
    width: 85px;
    margin-top: 24px;
    fill: #b6b6b6
}

.place_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.place_header .btn_back {
    position: relative;
    width: 45px;
    height: 50px;
    color: rgba(0,0,0,0)
}

.place_header .btn_back .ico_arrow {
    position: absolute;
    top: 50%;
    left: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 21px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.place_header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 6px 0 18px;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_header .btn_back+.title {
    padding-left: 0
}

.place_header .btn_benefit {
    width: 44px;
    font-size: 15px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_header .btn_order_history {
    position: relative;
    width: 71px;
    font-size: 15px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: #555558;
    color: var(--booking-color-gray30)
}

.place_header .btn_benefit+.btn_order_history::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.place_header .btn_place_my {
    position: relative;
    width: 34px;
    height: 34px;
    margin: 6px 15px 0 0;
    padding: 2px
}

.place_header .btn_place_my .profile_area {
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid;
    border-color: #fff;
    border-color: var(--booking-color-surface);
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,.1);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.1)
}

.place_header .btn_place_my .profile_area::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 50%
}

.place_header .btn_place_my .profile_area .img {
    border-radius: 50%
}

.place_header .btn_place_my .ico_label {
    position: absolute;
    top: 2px;
    right: -1px;
    width: 19px;
    height: 12px
}

.place_header .btn_close {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 10px 12px 0 0;
    font-size: 18px;
    line-height: 48px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.place_header .btn_close .ico_close {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.place_header.type_nmap .btn_back {
    width: 30px;
    height: 30px;
    margin: 10px 0 0 12px
}

.place_header.type_nmap .btn_back .ico_arrow {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.place_header.type_nmap .btn_back+.title {
    padding-left: 6px
}

.place_header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    z-index: 100
}

.place_header.fixed+.booking_form_wrap {
    padding-top: 50px
}

.section_contents.local_pay {
    min-height: auto;
    margin-top: -18px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.section_contents.place {
    margin-top: 0
}

.section_contents.place .order_area {
    border-top: 10px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.section_contents.place .order_area .order_menu_search {
    padding-top: 20px
}

.section_contents .order_area {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_contents .order_area.added {
    padding-bottom: 73px
}

.section_contents .order_area .slick-list {
    overflow: hidden
}

.section_contents .order_area .order_list .blank {
    height: 73px;
    width: 100%
}

.section_contents .order_area .order_filter {
    overflow: hidden;
    padding-bottom: 15px
}

.section_contents .order_area .order_filter .filter_category {
    float: left
}

.section_contents .order_area .order_filter .filter_view {
    float: right
}

.section_contents .order_area .order_filter .filter_view .view_box {
    display: inline-block;
    vertical-align: top
}

.section_contents .order_area .order_filter .filter_view .view_box .label {
    display: inline-block;
    vertical-align: top
}

.section_contents .order_area .order_filter .filter_view .view_box:first-child .label {
    padding-right: 9px
}

.section_contents .order_area .order_filter .filter_view .view_box:first-child .label::before {
    content: "";
    width: 14px;
    height: 14px;
    background-position: -310px -302px
}

.section_contents .order_area .order_filter .filter_view .view_box:first-child input[type=radio].check:checked+.label::before {
    width: 14px;
    height: 14px;
    background-position: -326px -302px
}

.section_contents .order_area .order_filter .filter_view .view_box:last-child .label {
    padding-left: 9px
}

.section_contents .order_area .order_filter .filter_view .view_box:last-child .label::before {
    content: "";
    width: 14px;
    height: 14px;
    background-position: -385px -522px
}

.section_contents .order_area .order_filter .filter_view .view_box:last-child input[type=radio].check:checked+.label::before {
    width: 14px;
    height: 14px;
    background-position: -401px -522px
}

.section_contents .order_area .banner_promotion {
    position: relative;
    padding: 18px 18px 0
}

.section_contents .order_area .banner_promotion .banner_box {
    border: solid 1px #f0f3f4;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.03);
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,.03);
    border-radius: 5px;
    margin-left: 37px;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.section_contents .order_area .banner_promotion .banner_box::before {
    content: "";
    width: 24px;
    height: 24px;
    background-position: -662px -127px;
    position: absolute;
    top: 30px;
    left: 18px
}

.section_contents .order_area .banner_promotion .banner_box.open .banner_top .btn_banner .ico_angle {
    vertical-align: 0
}

.section_contents .order_area .banner_promotion .banner_box.open .banner_top .btn_banner .ico_angle::before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.section_contents .order_area .banner_promotion .banner_box.open .banner_bottom {
    display: block
}

.section_contents .order_area .banner_promotion .banner_top {
    position: relative;
    display: block;
    padding: 11px 35px 10px 15px
}

.section_contents .order_area .banner_promotion .banner_top::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 15px;
    left: -7px;
    border-right: 7px solid #fff;
    border-top: 6px solid rgba(0,0,0,0);
    border-bottom: 6px solid rgba(0,0,0,0)
}

.section_contents .order_area .banner_promotion .banner_top::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 14px;
    left: -8px;
    border-right: 8px solid #eef1f2;
    border-top: 7px solid rgba(0,0,0,0);
    border-bottom: 7px solid rgba(0,0,0,0)
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    padding: 0 14px;
    background-color: rgba(0,0,0,0)
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_close {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: 0
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_close:before,.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 1px;
    background-color: #c9c9c9
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_angle {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 7px;
    vertical-align: 2px
}

.section_contents .order_area .banner_promotion .banner_top .btn_banner .ico_angle: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 #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

.section_contents .order_area .banner_promotion .banner_bottom {
    display: none;
    background-color: #f8fafb;
    padding: 10px 13px 12px;
    color: #333
}

.section_contents .order_area .order_menu_search {
    max-width: 720px;
    margin: 0 auto;
    padding-top: 26px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_contents .order_area .order_menu_search .btn_search {
    display: block;
    margin: 0 18px;
    padding: 0 18px;
    border-radius: 2px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    line-height: 47px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_contents .order_area .order_menu_search .btn_search .ico_order_search {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    fill: #555558;
    fill: var(--booking-color-gray30);
    vertical-align: -2px
}

.section_contents .order_area .recent_order_area {
    padding: 22px 0;
    border-bottom: 11px solid #f4f7f9
}

.section_contents .order_area .recent_order_area .title {
    position: relative;
    left: 23px;
    color: #333;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold
}

.section_contents .order_area .recent_order_area .title::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -5px;
    right: -5px;
    height: 13px;
    border-radius: 6px;
    background-image: -webkit-gradient(linear, right top, left top, from(#4bcdcc), color-stop(0%, #01d760));
    background-image: linear-gradient(to left, #4bcdcc, #01d760 0%);
    opacity: .15;
    z-index: -1
}

.section_contents .order_area .recent_order_area .list_wrap {
    overflow: hidden;
    height: 80px;
    padding-top: 8px
}

.section_contents .order_area .recent_order_area .recent_order_list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding-bottom: 17px
}

.section_contents .order_area .recent_order_area .recent_order_list .item {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
}

.section_contents .order_area .recent_order_area .recent_order_list .item:first-child {
    margin-left: 17px
}

.section_contents .order_area .recent_order_area .recent_order_list .item:last-child {
    margin-right: 18px
}

.section_contents .order_area .recent_order_area .recent_order_list .order_item {
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.05);
    border-radius: 5px;
    border: solid 1px #ececec
}

.section_contents .order_area .recent_order_area .recent_order_list .img_wrap {
    position: relative;
    float: left;
    width: 72px;
    height: 72px
}

.section_contents .order_area .recent_order_area .recent_order_list .img_wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.06)
}

.section_contents .order_area .recent_order_area .recent_order_list .img_wrap img {
    -o-object-fit: cover;
    object-fit: cover
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap {
    position: relative;
    overflow: hidden;
    width: 91px;
    height: 72px;
    padding: 0 55px 0 12px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .info_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -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
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    color: #333;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .price {
    padding-top: 2px;
    color: #fc4c42;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .original_price {
    color: #8f8f8f;
    font-size: 12px;
    line-height: 15px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop {
    position: absolute;
    top: 11px;
    right: 0;
    width: 46px;
    height: 50px;
    text-align: center
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop.disabled_ani .ico_cart {
    width: 20px;
    height: 20px;
    background-position: -662px -271px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop.disabled_ani .num {
    opacity: 1
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: #f6f6f6
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .ico_cart {
    width: 20px;
    height: 20px;
    background-position: -662px -247px;
    margin-top: 14px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .ico_cart.full {
    width: 20px;
    height: 20px;
    background-position: -662px -271px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .txt_unable {
    display: block;
    padding: 10px 8px;
    color: #8f8f8f;
    font-size: 12px;
    line-height: 15px;
    white-space: normal
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .txt_soldout {
    display: block;
    padding-top: 12px;
    color: #8f8f8f;
    font-size: 14px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .num {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fc4c4e;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    opacity: .9;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .num.digits {
    top: 8px;
    right: 3px;
    padding: 1px 3px;
    border-radius: 9px;
    line-height: 16px
}

.section_contents .order_area .recent_order_area .recent_order_list .info_wrap .btn_shop .num.ani {
    -webkit-animation: scaleCount .3s linear;
    animation: scaleCount .3s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.section_contents .order_area .order_list {
    position: relative
}

.section_contents .order_area .order_list.loading {
    height: 100vh
}

.section_contents .order_area .order_list.loading .goto_top {
    display: none
}

.section_contents .order_area .order_list .order_list_filter {
    max-width: 720px;
    margin: 0 auto;
    padding-top: 20px;
    padding-right: 18px;
    text-align: right
}

.section_contents .order_area .order_list .order_list_filter+.order_list_wrap .order_list_tit {
    padding-top: 10px
}

.section_contents .order_area .order_list .order_list_filter+.order_list_wrap.store_delivery .btn_fold {
    top: 2px
}

.section_contents .order_area .order_list .order_list_filter+.order_list_wrap.store_delivery.fold .order_list_tit {
    padding: 10px 18px 22px
}

.section_contents .order_area .order_list .order_list_filter+.order_list_wrap.store_delivery.fold .order_list_tit .btn_fold {
    top: 2px
}

.section_contents .order_area .order_list .checkbox_sold_out {
    display: inline-block;
    vertical-align: top
}

.section_contents .order_area .order_list .checkbox_sold_out .check:checked+.label .fn-booking-check1 {
    background-color: #00d780
}

.section_contents .order_area .order_list .checkbox_sold_out .label {
    font-size: 15px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_contents .order_area .order_list .checkbox_sold_out .label .fn-booking-check1 {
    vertical-align: -1px;
    margin-right: 6px;
    padding: 4px;
    border-radius: 50%;
    background-color: #c9c9c9;
    font-size: 14px;
    color: #fff
}

.section_contents .order_area .order_list .checkbox_sold_out .label .fn-booking-check1::before {
    font-weight: bold
}

.section_contents .order_area .order_list .order_list_wrap {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_contents .order_area .order_list .order_list_wrap .order_list_inner {
    max-width: 720px;
    margin: 0 auto
}

.section_contents .order_area .order_list .order_list_wrap+.order_list_wrap {
    border-top: 11px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.section_contents .order_area .order_list .order_list_wrap+.order_list_wrap.no_border {
    border-top: none
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery .order_list_tit .period,.section_contents .order_area .order_list .order_list_wrap.store_delivery .order_list_tit .adult {
    position: relative;
    float: initial;
    display: block;
    right: auto;
    margin-top: 8px;
    padding-left: 0
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery .btn_fold {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 10px 18px;
    background: rgba(0,0,0,0);
    color: #000;
    color: var(--booking-color-gray0)
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .order_list_tit {
    padding: 23px 18px 22px
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .order_list_tit .btn_fold {
    top: 16px
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .order_list_tit .btn_fold .fn-booking {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .period,.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .adult,.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .order_list_area,.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold .order_promotion_wrap {
    display: none
}

.section_contents .order_area .order_list .order_list_wrap.store_delivery.fold+.store_delivery.fold {
    border-width: 1px;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.section_contents .order_area .order_list .order_list_inner+.order_list_inner {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_contents .order_area .order_list .order_list_inner+.order_list_inner .order_list_tit {
    padding-top: 30px
}

.section_contents .order_area .order_list .order_list_area+.goto_top {
    padding-top: 10px
}

.section_contents .order_area .order_list .order_list_tit {
    position: relative;
    padding: 28px 18px 0
}

.section_contents .order_area .order_list .order_list_tit:before,.section_contents .order_area .order_list .order_list_tit:after {
    content: " ";
    display: table
}

.section_contents .order_area .order_list .order_list_tit:after {
    clear: both
}

.section_contents .order_area .order_list .order_list_tit .title {
    z-index: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_contents .order_area .order_list .order_list_tit .period {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_contents .order_area .order_list .order_list_tit .period::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #ededed
}

.section_contents .order_area .order_list .order_list_tit .period .ico_period {
    width: 14px;
    height: 16px;
    background-position: -675px -220px;
    margin-right: 5px;
    vertical-align: -3px
}

.section_contents .order_area .order_list .order_list_tit .adult {
    padding-left: 20px;
    font-size: 14px;
    color: #666
}

.section_contents .order_area .order_list .order_list_tit .adult::before {
    content: "";
    display: inline-block;
    vertical-align: 3px;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #ededed
}

.section_contents .order_area .order_list .order_list_tit .adult .ico_adult {
    width: 16px;
    height: 16px;
    background-position: -573px -235px;
    margin-right: 5px;
    vertical-align: -3px
}

.section_contents .order_area .order_list .order_list_tit .ico_new {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background-position: -573px -287px
}

.section_contents .order_area .order_list .order_list_tit .num {
    padding-left: 5px;
    font-weight: bold;
    color: #03c75a
}

.section_contents .order_area .order_list .order_list_tit+.order_list_area {
    margin-top: 8px
}

.section_contents .order_area .order_list .order_list_item+.order_list_item {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_contents .order_area .order_list .order_list_item:last-child {
    padding-bottom: 10px
}

.section_contents .order_area .order_list .order_more_area {
    padding: 2px 18px 30px 18px
}

.section_contents .order_area .order_list .order_list_more {
    display: block;
    -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;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_contents .order_area .order_list .order_list_more .fn-booking {
    margin-left: 4px;
    font-size: 12px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_contents .order_area .order_list .order_list_more .fn-booking-forward1 {
    color: #ccc;
    vertical-align: -1px
}

.section_contents .order_area .order_list .order_list_more .fn-booking-forward1::before {
    font-weight: bold
}

.section_contents .order_area .order_list .item_info {
    position: relative;
    margin: 0 18px
}

.section_contents .order_area .order_list .info_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-right: 60px;
    padding: 18px 0
}

.section_contents .order_area .order_list .info_link.no_btn {
    margin-right: 0
}

.section_contents .order_area .order_list .info_link.no_btn+.btn_shop {
    display: none
}

.section_contents .order_area .order_list .info_img {
    position: relative;
    min-width: 100px;
    min-height: 50px;
    margin-right: 12px
}

.section_contents .order_area .order_list .info_img .img_box {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100px;
    height: 110px;
    border-radius: 3px;
    text-align: center;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_contents .order_area .order_list .info_img .img_box.full_frame .img {
    -o-object-fit: contain;
    object-fit: contain
}

.section_contents .order_area .order_list .info_img .img_box.full_frame::after {
    display: none
}

.section_contents .order_area .order_list .info_img .img_box.no_img {
    height: auto
}

.section_contents .order_area .order_list .info_img .img_box.no_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 58px;
    height: 58px;
    margin: auto;
    border-radius: 50%;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.section_contents .order_area .order_list .info_img .img_box.no_img::after {
    display: none
}

.section_contents .order_area .order_list .info_img .img_box.no_img .icon {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 12px;
    margin: auto;
    z-index: 10
}

.section_contents .order_area .order_list .info_img .img_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.06)
}

.section_contents .order_area .order_list .info_img .img_box .img {
    position: relative;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.section_contents .order_area .order_list .info_img .img_box .img.full_frame {
    -o-object-fit: contain;
    object-fit: contain
}

.section_contents .order_area .order_list .info_detail {
    overflow: hidden;
    width: 100%
}

.section_contents .order_area .order_list .info_detail .tit {
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_contents .order_area .order_list .info_detail .tit .highlight {
    color: #03c75a
}

.section_contents .order_area .order_list .info_detail .tit .ico_group {
    display: inline-block;
    vertical-align: middle
}

.section_contents .order_area .order_list .info_detail .tit .ico_pepper1 {
    margin-left: 5px;
    vertical-align: 2px;
    width: 18px;
    height: 14px;
    background-position: -258px -302px
}

.section_contents .order_area .order_list .info_detail .tit .ico_pepper2 {
    margin-left: 5px;
    vertical-align: 2px;
    width: 29px;
    height: 14px;
    background-position: -660px -517px
}

.section_contents .order_area .order_list .info_detail .tit .ico_pepper3 {
    margin-left: 5px;
    vertical-align: 2px;
    width: 40px;
    height: 14px;
    background-position: -216px -302px
}

.section_contents .order_area .order_list .info_detail .tit .ico_new {
    margin-left: 4px;
    vertical-align: 1px;
    width: 16px;
    height: 16px;
    background-position: -573px -287px
}

.section_contents .order_area .order_list .info_detail .tit .ico_default {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    padding: 0 5px;
    border-radius: 10px;
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    color: #fff
}

.section_contents .order_area .order_list .info_detail .tit .ico_default.signature {
    background-color: #ffaf3b
}

.section_contents .order_area .order_list .info_detail .tit .ico_default.popular {
    background-color: #ff61a7
}

.section_contents .order_area .order_list .info_detail .tit .ico_default.bogo {
    background-color: #1b80ff
}

.section_contents .order_area .order_list .info_detail .tit .ico_alcohol {
    display: inline-block;
    vertical-align: 2px;
    margin-left: 4px;
    padding: 0 5px;
    background-color: #fc4c4e;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.section_contents .order_area .order_list .info_detail .price {
    margin-top: 4px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    color: #fc4c42
}

.section_contents .order_area .order_list .info_detail .price .original_price {
    padding-left: 4px;
    font-size: 13px;
    font-weight: normal;
    color: #8f8f8f
}

.section_contents .order_area .order_list .info_detail .detail {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 4px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.4px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_contents .order_area .order_list .info_detail .detail span+span::before {
    content: "";
    display: inline-block;
    vertical-align: 0;
    width: 1px;
    height: 12px;
    margin: 0 7px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_contents .order_area .order_list .info_detail .detail .detail_star {
    font-weight: bold;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_contents .order_area .order_list .info_detail .detail .detail_star::before {
    content: "";
    width: 12px;
    height: 11px;
    background-position: -677px -112px;
    vertical-align: 0;
    margin-right: 2px
}

.section_contents .order_area .order_list .info_detail .detail .detail_order .num {
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_contents .order_area .order_list .btn_shop {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_contents .order_area .order_list .btn_shop.disabled_ani .num {
    opacity: 1
}

.section_contents .order_area .order_list .btn_shop.disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.section_contents .order_area .order_list .btn_shop.disabled .fn-buy1,.section_contents .order_area .order_list .btn_shop.disabled .fn-buy2,.section_contents .order_area .order_list .btn_shop.disabled .num {
    display: none
}

.section_contents .order_area .order_list .btn_shop .btn_box {
    position: relative;
    height: 100%
}

.section_contents .order_area .order_list .btn_shop .btn_box .ico_cart {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    margin: auto
}

.section_contents .order_area .order_list .btn_shop .btn_box .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    line-height: 14px
}

.section_contents .order_area .order_list .btn_shop .num {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    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
}

.section_contents .order_area .order_list .btn_shop .num.digits {
    top: 4px;
    right: 3px;
    padding: 1px
}

.section_contents .order_area .order_list .btn_shop .num.ani {
    -webkit-animation: scaleCount .3s linear;
    animation: scaleCount .3s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.section_contents .order_area .order_list .promotion_info {
    margin: -4px 18px 18px 34px;
    border-radius: 20px;
    background-color: #fff5f5
}

.section_contents .order_area .order_list .promotion_info .text {
    font-size: 14px;
    line-height: 40px;
    color: #333
}

.section_contents .order_area .order_list .promotion_info .text>strong {
    font-weight: bold;
    color: #ff3d3b
}

.section_contents .order_area .order_list .promotion_info .image_wrap {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.section_contents .order_area .order_list .promotion_info .image_wrap::before {
    content: "";
    position: absolute;
    top: 16px;
    left: -16px;
    width: 5px;
    height: 5px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.section_contents .order_area .order_list .promotion_info .image_wrap .ico_plus {
    position: absolute;
    top: 12px;
    left: -8px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #333
}

.section_contents .order_area .order_list .promotion_info .image_wrap .ico_plus::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    width: 1px;
    height: 9px;
    background-color: #fff
}

.section_contents .order_area .order_list .promotion_info .image_wrap .ico_plus::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 9px;
    height: 1px;
    background-color: #fff
}

.section_contents .order_area .order_list .promotion_info .image_inner {
    position: relative;
    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;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden
}

.section_contents .order_area .order_list .promotion_info .image_inner.no_img {
    border: 2px solid;
    border-image-source: linear-gradient(39deg, #ff6571 28%, #ffdcdc 52%, #ff6571 73%);
    background-image: linear-gradient(to bottom, #fff, #fff),linear-gradient(39deg, #ff6571 28%, #ffdcdc 52%, #ff6571 73%);
    background-clip: content-box,border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_contents .order_area .order_list .promotion_info .image_inner.no_img .ico_gift {
    width: 18px;
    height: 18px
}

.section_contents .order_area .order_list .promotion_info .image_inner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.05)
}

.section_contents .order_area .order_list .promotion_info .image_inner .img {
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.section_contents .order_area .order_list .sold_out_area {
    padding: 90px 0 200px;
    text-align: center;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_contents .order_area .order_list .sold_out_area .sold_out_title {
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.section_contents .order_area .order_list .sold_out_area .sold_out_title::before {
    content: "";
    display: block;
    margin: 0 auto 16px;
    width: 100px;
    height: 80px;
    background-image: url("/public/assets/ico_soldout.png");
    background-size: contain
}

@media(prefers-color-scheme: dark) {
    body.is_dark .order_area .order_list .sold_out_area .sold_out_title::before {
        background-image:url("/public/assets/ico_soldout_darkmode.png")
    }
}

.section_contents .order_area .order_list .sold_out_area .sold_out_text {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.section_contents .order_area .goto_top {
    background-color: #fff;
    background-color: var(--booking-color-surface);
    padding: 16px 0 30px
}

.section_contents .order_more {
    margin-bottom: 13px
}

.section_contents .order_more .btn_more {
    display: block;
    -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: solid 1px #e5e5e5;
    line-height: 49px;
    text-align: center;
    color: #424242
}

.section_contents .order_more .btn_more .num {
    font-weight: bold;
    color: #03c75a
}

.section_contents .order_more .btn_more .ico_right {
    margin-left: 4px;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 7px;
    vertical-align: 2px
}

.section_contents .order_more .btn_more .ico_right: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-top: -3px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333
}

.order_close_wrap {
    z-index: 9000;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_close_wrap .order_close_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    padding: 13px 39px 12px 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.order_close_wrap .order_close_inner::before {
    content: "";
    width: 18px;
    height: 18px;
    background-position: -662px -415px;
    position: absolute;
    top: 16px;
    left: 18px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.order_close_wrap .text {
    font-size: 15px;
    letter-spacing: -0.32px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_close_wrap .point {
    font-weight: bold
}

.order_close_wrap .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 15px 16px;
    line-height: 14px
}

.order_close_wrap .btn_close .ico_close {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px
}

.order_close_wrap .btn_close .ico_close:before,.order_close_wrap .btn_close .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 1px;
    background-color: #c9c9c9
}

.order_close_wrap .btn_close .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.order_close_wrap .btn_close .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.order_flow_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.03);
    box-shadow: 0 0 6px 4px rgba(0,0,0,.03);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 9100
}

.order_flow_wrap.option {
    top: 0;
    background-color: rgba(0,0,0,0)
}

.order_flow_wrap .order_btn_area {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.order_flow_wrap .order_box1 {
    padding: 12px 18px
}

.order_flow_wrap .order_box1 .message_box {
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 6px;
    line-height: 20px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    text-align: center;
    word-break: keep-all
}

.order_flow_wrap .order_box1 .message_box.type_green {
    background-color: #f4fbfb;
    background-color: var(--booking-color-turquoise99);
    color: #03aa5a
}

.order_flow_wrap .order_box1 .message_box .ico_alert {
    vertical-align: -1px;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    fill: #fc4c4e;
    fill: var(--booking-color-emphasis)
}

.order_flow_wrap .order_box1 .message_box .font_weight_normal {
    display: inline-block;
    vertical-align: top;
    font-weight: 400
}

.order_flow_wrap .order_box1 .order_info_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order_flow_wrap .order_box1 .order_info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.order_flow_wrap .order_box1 .order_info .info_tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_flow_wrap .order_box1 .order_info .info_tit .total {
    float: right;
    padding-left: 4px
}

.order_flow_wrap .order_box1 .order_info .info_price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 18px;
    font-weight: bold;
    color: #ff3d3b
}

.order_flow_wrap .order_box1 .order_info .info_price .discount_price {
    margin-left: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #8f8f8f
}

.order_flow_wrap .order_box1 .order_info .info_price .discount_price+.delivery_price {
    display: block;
    margin-left: 0
}

.order_flow_wrap .order_box1 .order_info .info_price .delivery_price {
    margin-left: 5px;
    font-size: 13px;
    font-weight: normal;
    color: #fc4c42
}

.order_flow_wrap .order_box1 .order_info .info_price .delivery_price .discount {
    text-decoration: line-through
}

.order_flow_wrap .order_box1 .btn_order {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
    height: 46px;
    margin-left: 18px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), to(#01d760)),-webkit-gradient(linear, right top, left top, from(#53fffd), to(#00ff71));
    background-image: linear-gradient(to left, #0ad18e, #01d760),linear-gradient(to left, #53fffd, #00ff71);
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    color: #fff;
    -webkit-transition: background-image .1s linear;
    transition: background-image .1s linear
}

.order_flow_wrap .order_box1 .btn_order.disabled_ani .btn_box .num {
    opacity: 1
}

.order_flow_wrap .order_box1 .btn_order.ani {
    background-image: -webkit-gradient(linear, right top, left top, from(#4bcdcc), to(#01d760));
    background-image: linear-gradient(to left, #4bcdcc, #01d760);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.order_flow_wrap .order_box1 .btn_order.ani .ico_cart {
    -webkit-animation: scaleCart .4s linear;
    animation: scaleCart .4s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.order_flow_wrap .order_box1 .btn_order.inactive {
    background: #c9c9c9
}

.order_flow_wrap .order_box1 .btn_order.inactive .btn_box .ico_cart [class*=path_plus] {
    stroke: #c9c9c9
}

.order_flow_wrap .order_box1 .btn_order .btn_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px
}

.order_flow_wrap .order_box1 .btn_order .btn_box .ico_cart {
    vertical-align: -6px;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 25px;
    height: 25px;
    fill: #fff
}

.order_flow_wrap .order_box1 .btn_order .btn_box .ico_cart [class*=path_circle] {
    fill: #fff
}

.order_flow_wrap .order_box1 .btn_order .btn_box .ico_cart [class*=path_plus] {
    stroke: #0ad289
}

.order_flow_wrap .order_box1 .btn_order .btn_box .num {
    position: absolute;
    top: 11px;
    right: 0px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fc4c4e;
    font-size: 10px;
    line-height: 14px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear
}

.order_flow_wrap .order_box1 .btn_order .btn_box .num.digits {
    top: 9px;
    right: -6px;
    padding: 1px 3px;
    border-radius: 9px
}

.order_flow_wrap .order_box1 .btn_order .btn_box .num.show_up {
    -webkit-animation: showUp .4s linear;
    animation: showUp .4s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.order_flow_wrap .order_box2 {
    padding: 12px 14px 12px 18px
}

.order_flow_wrap .order_box2 .qr_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order_flow_wrap .order_box2 .qr_area .point {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 1.36;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_flow_wrap .order_box2 .qr_area .point em {
    font-weight: bold
}

.order_flow_wrap .order_box2 .qr_area .btn_qr {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 126px;
    height: 37px;
    margin-right: 13px;
    border-radius: 5px;
    background-image: linear-gradient(264deg, #3accff 9%, #2cec88 93%);
    font-weight: bold;
    color: #f8fafb
}

.order_flow_wrap .order_box2 .qr_area .btn_qr::before {
    content: "";
    width: 16px;
    height: 16px;
    background-position: -575px -428px;
    margin-right: 6px;
    vertical-align: -2px
}

.order_flow_wrap .order_box2 .qr_area .btn_close {
    width: 14px;
    height: 14px;
    padding: 12px 4px;
    color: rgba(0,0,0,0)
}

.order_flow_wrap .order_box2 .qr_area .btn_close .ico_close {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px
}

.order_flow_wrap .order_box2 .qr_area .btn_close .ico_close:before,.order_flow_wrap .order_box2 .qr_area .btn_close .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #c9c9c9
}

.order_flow_wrap .order_box2 .qr_area .btn_close .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.order_flow_wrap .order_box2 .qr_area .btn_close .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.order_flow_wrap .order_option_area {
    height: 100%
}

.order_flow_wrap .order_option_area.show .option_dimmed {
    opacity: 1
}

.order_flow_wrap .order_option_area.show .option_content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.order_flow_wrap .order_option_area .option_dimmed {
    height: 100%;
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.order_flow_wrap .order_option_area .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;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content.brand .content_top_wrap .btn_close {
    position: absolute;
    top: 3px;
    z-index: 2;
    white-space: nowrap
}

.order_flow_wrap .order_option_area .option_content.brand .content_top {
    white-space: initial;
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    z-index: 1
}

.order_flow_wrap .order_option_area .option_content.brand .content_top .text {
    padding: 0 18px
}

.order_flow_wrap .order_option_area .option_content.brand .content_body_wrap .list_wrap {
    padding-bottom: 62px;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 62px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 62px)
}

.order_flow_wrap .order_option_area .option_content.brand .content_body_wrap .scroll_notice {
    bottom: 0;
    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%);
    pointer-events: none
}

.order_flow_wrap .order_option_area .option_content.brand .content_body_wrap .scroll_notice .scroll_arr {
    background-color: #333;
    opacity: .8
}

.order_flow_wrap .order_option_area .option_content.brand .content_body_wrap .scroll_notice .ico_arr {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px
}

.order_flow_wrap .order_option_area .option_content.brand .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)
}

.order_flow_wrap .order_option_area .option_content.brand .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)
}

.order_flow_wrap .order_option_area .option_content.brand .content_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--booking-color-surface)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--booking-color-surface));
    z-index: 7000
}

.order_flow_wrap .order_option_area .option_content.brand .content_bottom .bottom_inner {
    padding: 0 10px calc(constant(safe-area-inset-bottom) + 10px);
    padding: 0 10px calc(env(safe-area-inset-bottom) + 10px)
}

.order_flow_wrap .order_option_area .option_content.brand .content_bottom .bottom_info {
    display: none
}

.order_flow_wrap .order_option_area .option_content.brand .content_bottom .bottom_btn {
    margin: 0
}

.order_flow_wrap .order_option_area .option_content.none .content_top {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order_flow_wrap .order_option_area .option_content.none .content_top .text {
    padding-bottom: 10px
}

.order_flow_wrap .order_option_area .option_content.none .content_top .bottom_txt {
    padding-bottom: 19px
}

.order_flow_wrap .order_option_area .option_content.none .content_body_wrap .list_wrap {
    padding-bottom: 0
}

.order_flow_wrap .order_option_area .option_content.none .content_bottom {
    position: static;
    background-image: none
}

.order_flow_wrap .order_option_area .option_content .count_alert {
    position: absolute;
    top: -54px;
    right: 0;
    padding: 12px 36px 12px 15px;
    background-color: #14a0fa;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.order_flow_wrap .order_option_area .option_content .count_alert::after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 15px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #14a0fa;
    border-radius: 0px 10px 0 0
}

.order_flow_wrap .order_option_area .option_content .count_alert .alert_txt {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px
}

.order_flow_wrap .order_option_area .option_content .count_alert .point {
    color: #fef88a;
    font-weight: bold
}

.order_flow_wrap .order_option_area .option_content .count_alert .close_btn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 2px 8px
}

.order_flow_wrap .order_option_area .option_content .count_alert .ico_close {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px
}

.order_flow_wrap .order_option_area .option_content .count_alert .ico_close:before,.order_flow_wrap .order_option_area .option_content .count_alert .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1px;
    background-color: rgba(255,255,255,.8)
}

.order_flow_wrap .order_option_area .option_content .count_alert .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.order_flow_wrap .order_option_area .option_content .count_alert .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.order_flow_wrap .order_option_area .option_content .content_top_wrap.promotion .content_pattern {
    fill: #fff5f5 !important
}

.order_flow_wrap .order_option_area .option_content .content_top_wrap.promotion .content_top {
    padding: 0 52px 0 18px;
    background-color: #fff5f5
}

.order_flow_wrap .order_option_area .option_content .content_top_wrap .btn_close {
    position: absolute;
    top: 7px;
    right: 3px;
    padding: 15px
}

.order_flow_wrap .order_option_area .option_content .content_top_wrap .btn_close .fn-booking-close1 {
    font-size: 16px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: top
}

.order_flow_wrap .order_option_area .option_content .content_top_wrap .btn_close .fn-booking-close1::before {
    font-weight: 700
}

@media screen and (min-width: 720px) {
    .order_flow_wrap .order_option_area .option_content .content_top_wrap .btn_close {
        right:calc((100% - 720px)/2)
    }
}

.order_flow_wrap .order_option_area .option_content .content_pattern {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    fill: #fff;
    fill: var(--booking-color-surface);
    height: 11px;
    z-index: 2
}

.order_flow_wrap .order_option_area .option_content .content_pattern>svg {
    display: block
}

.order_flow_wrap .order_option_area .option_content .content_tag {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    padding: 18px 34px 15px 18px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.order_flow_wrap .order_option_area .option_content .content_tag .ico_group {
    display: inline-block;
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .content_tag .ico_default {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    line-height: 21px;
    color: #fff
}

.order_flow_wrap .order_option_area .option_content .content_tag .ico_default.bogo {
    background-color: #1b80ff
}

.order_flow_wrap .order_option_area .option_content .content_tag .text {
    display: inline-block;
    vertical-align: -1px;
    font-size: 18px;
    line-height: 21px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    color: #1b80ff
}

.order_flow_wrap .order_option_area .option_content .content_tag .count_alert {
    left: 18px;
    right: auto;
    top: 6px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-right: 18px;
    padding: 9px 32px 9px 14px;
    z-index: 10
}

.order_flow_wrap .order_option_area .option_content .content_tag .count_alert:after {
    left: 13px;
    right: auto
}

.order_flow_wrap .order_option_area .option_content .content_tag .count_alert .close_btn {
    padding: 7px 8px
}

.order_flow_wrap .order_option_area .option_content .content_tag+.content_top .menu_info {
    padding-right: 0
}

.order_flow_wrap .order_option_area .option_content .content_top {
    position: relative;
    font-size: 19px;
    font-weight: 800;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #444447;
    color: var(--booking-color-gray20);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.order_flow_wrap .order_option_area .option_content .content_top .selected_menu_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    max-width: 720px;
    margin: 0 auto;
    padding: 18px 50px 19px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.order_flow_wrap .order_option_area .option_content .content_top .selected_menu_name .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
}

.order_flow_wrap .order_option_area .option_content .content_top .menu_info {
    padding: 18px 18px 20px
}

.order_flow_wrap .order_option_area .option_content .content_top .menu_info .info_count .title_wrap {
    width: calc(100% - 29px)
}

.order_flow_wrap .order_option_area .option_content .content_top .bottom_txt {
    max-width: 720px;
    padding: 0 18px 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 15px 0 13px
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_thumb {
    position: relative;
    min-width: 46px;
    margin-right: 9px
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 11px;
    height: 46px;
    background-position: -662px -199px
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .thumb_wrap {
    overflow: hidden;
    position: relative;
    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: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #fff
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .thumb_wrap.no_img {
    border: 2px solid;
    border-image-source: linear-gradient(39deg, #ff6571 28%, #ffdcdc 52%, #ff6571 73%);
    background-image: linear-gradient(to bottom, #fff, #fff),linear-gradient(39deg, #ff6571 28%, #ffdcdc 52%, #ff6571 73%);
    background-clip: content-box,border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .thumb_wrap.no_img .ico_gift {
    width: 18px;
    height: 18px
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .thumb_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.05)
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .thumb_wrap .thumnail {
    -o-object-fit: cover;
    object-fit: cover
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_menu {
    width: calc(100% - 55px)
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_menu .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_menu .menu {
    color: #fc4c42;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_menu .txt {
    padding-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.order_flow_wrap .order_option_area .option_content .promotion_menu_info .info_menu .desc {
    font-size: 15px;
    line-height: 20px
}

.order_flow_wrap .order_option_area .option_content .menu_group {
    padding: 2px 18px
}

.order_flow_wrap .order_option_area .option_content .menu_group .menu_info:only-child {
    padding-bottom: 28px
}

.order_flow_wrap .order_option_area .option_content .menu_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    padding: 18px 0
}

.order_flow_wrap .order_option_area .option_content .menu_info+.menu_info {
    border-top: 1px solid;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb {
    position: relative;
    min-width: 70px;
    margin-right: 14px
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap {
    overflow: hidden;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap.full_frame {
    border-radius: 0
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap.full_frame::after {
    display: none
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap.full_frame .thumnail {
    -o-object-fit: contain;
    object-fit: contain
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap.no_img .icon {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 15px;
    z-index: 10
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap.no_img::after {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_flow_wrap .order_option_area .option_content .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)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap .thumnail {
    -o-object-fit: cover;
    object-fit: cover
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_thumb .thumb_wrap .thumnail.full_frame {
    -o-object-fit: contain;
    object-fit: contain
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count {
    width: 100%
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .title_wrap {
    display: table;
    width: 100%;
    table-layout: fixed
}

.order_flow_wrap .order_option_area .option_content .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)
}

.order_flow_wrap .order_option_area .option_content .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
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .title_wrap .btn_open {
    display: none
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .title_wrap.fold .title_menu {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .title_wrap.fold .btn_open {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 7px;
    display: table-cell;
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .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 #333;
    border-bottom: 1px solid #333
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .title_wrap.fold .btn_open::before,.order_flow_wrap .order_option_area .option_content .menu_info .info_count .title_wrap.fold .btn_open::after {
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #222225;
    border-color: var(--booking-color-gray10)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter {
    position: relative;
    margin-top: 13px
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter {
    display: inline-block;
    margin-right: 14px;
    vertical-align: top;
    white-space: nowrap
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .num {
    width: 49px;
    height: 33px;
    font-size: 16px;
    background-color: #fafafb;
    background-color: var(--booking-color-gray99)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .num.disabled {
    font-weight: normal;
    color: #c9c9c9
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .button {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .button::before,.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .button::after {
    width: 12px;
    height: 1px;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .button.disabled {
    width: 33px;
    height: 33px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .button.disabled::before,.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .section_counter .button.disabled::after {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .txt {
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    color: #fc4c42;
    vertical-align: -3px;
    white-space: nowrap
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .count_alert {
    left: 0;
    right: auto;
    top: -12px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 9px 34px 9px 14px
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .count_alert:after {
    right: 54px
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .count_alert .text {
    font-weight: normal
}

.order_flow_wrap .order_option_area .option_content .menu_info .info_count .wrap_counter .count_alert .close_btn {
    padding: 6px 7px
}

.order_flow_wrap .order_option_area .option_content .set_menu_group {
    padding: 2px 18px 20px
}

.order_flow_wrap .order_option_area .option_content .set_menu_group .menu_info+.set_menu {
    padding-top: 6px;
    border-top: 1px solid;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95)
}

.order_flow_wrap .order_option_area .option_content .set_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order_flow_wrap .order_option_area .option_content .set_menu+.set_menu {
    margin-top: 2px
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb {
    position: relative;
    min-width: 54px;
    margin-right: 22px;
    padding: 6px 0
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb .thumb_wrap {
    overflow: hidden;
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb .thumb_wrap.full_frame {
    border-radius: 3px
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb .thumb_wrap.no_img::after {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb .thumb_wrap.no_img .icon {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 10px;
    z-index: 10
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb .thumb_wrap::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: rgba(43,29,0,.1)
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_thumb .thumb_wrap .thumnail {
    -o-object-fit: cover;
    object-fit: cover
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_title {
    width: 100%
}

.order_flow_wrap .order_option_area .option_content .set_menu .info_title .title_menu {
    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;
    font-size: 15px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    line-height: 1.5;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .content_body_wrap {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_flow_wrap .order_option_area .option_content .content_body_wrap .scroll_notice {
    position: fixed;
    left: 0;
    bottom: 139px;
    width: 100%;
    padding: 19px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: 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));
    text-align: center
}

.order_flow_wrap .order_option_area .option_content .content_body_wrap .scroll_notice .scroll_arr {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: #000;
    border-radius: 50%;
    text-align: center
}

.order_flow_wrap .order_option_area .option_content .content_body_wrap .scroll_notice .ico_arr {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 12px;
    vertical-align: -2px
}

.order_flow_wrap .order_option_area .option_content .content_body_wrap .scroll_notice .ico_arr:before {
    content: "";
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 50%;
    width: 6px;
    height: 6px;
    bottom: 5px;
    -webkit-transform: translate(-50%, 50%) rotate(-135deg);
    transform: translate(-50%, 50%) rotate(-135deg)
}

.order_flow_wrap .order_option_area .option_content .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)
}

.order_flow_wrap .order_option_area .option_content .content_body {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .content_body+.content_body {
    margin-top: 11px
}

.order_flow_wrap .order_option_area .option_content .content_body+.content_body.gray_theme {
    margin-top: 0;
    padding: 0 10px
}

.order_flow_wrap .order_option_area .option_content .content_body>div {
    max-width: 720px;
    margin: 0 auto
}

.order_flow_wrap .order_option_area .option_content .content_body>div+div {
    margin-top: 18px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap {
    padding: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap .menu_tit {
    font-size: 18px;
    font-weight: 800
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap .ico_label {
    display: inline-block;
    margin-right: 8px;
    padding: 0 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    vertical-align: 2px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap .ico_label.require {
    background-color: #000;
    background-color: var(--booking-color-gray0)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap .ico_label.option {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap .info_txt {
    padding-top: 1px;
    font-size: 15px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_tit_wrap .info_txt.pink {
    color: #ff3d3b
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_option {
    padding: 23px 18px 22px 27px;
    border-top: 1px dashed;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_option .section_counter_wrap {
    display: table-cell;
    width: 110px;
    vertical-align: middle;
    white-space: nowrap
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_option .section_counter .num {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_option .section_counter .button {
    background-color: #03aa5a
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_option .section_counter .button.disabled {
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_option .section_counter .button.disabled::before,.order_flow_wrap .order_option_area .option_content .content_body .menu_option .section_counter .button.disabled::after {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item+.menu_item {
    margin-top: 14px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item.counter {
    display: table;
    width: 100%
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item.counter+.menu_item {
    margin-top: 20px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item.counter .label_check {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding-right: 18px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item.counter .item_tit {
    display: inline-block;
    padding-right: 6px
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item.active .item_tit {
    font-weight: 800
}

.order_flow_wrap .order_option_area .option_content .content_body .menu_item.active .item_price {
    font-weight: 600;
    color: #fc4c42
}

.order_flow_wrap .order_option_area .option_content .content_body .label_check {
    position: relative;
    display: table;
    width: 100%;
    line-height: 20px
}

.order_flow_wrap .order_option_area .option_content .content_body .label_check.sold_out .item_tit {
    color: #d9d9dc;
    color: var(--booking-color-gray70)
}

.order_flow_wrap .order_option_area .option_content .content_body .label_check.sold_out .ico_radio {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_flow_wrap .order_option_area .option_content .content_body .label_check.sold_out .ico_check {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_flow_wrap .order_option_area .option_content .content_body .check:checked+.label_check .input_ico .ico_radio {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #03aa5a;
    background-color: #03aa5a
}

.order_flow_wrap .order_option_area .option_content .content_body .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;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .content_body .check:checked+.label_check .input_ico .ico_check {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #03aa5a;
    background-color: #03aa5a
}

.order_flow_wrap .order_option_area .option_content .content_body .check:checked+.label_check .input_ico .ico_check::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 7px;
    border: 1px solid;
    border-color: #fff;
    border-color: var(--booking-color-surface);
    border-width: 0px 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.order_flow_wrap .order_option_area .option_content .content_body .check:checked+.label_check .item_tit {
    font-weight: 800
}

.order_flow_wrap .order_option_area .option_content .content_body .check:checked+.label_check .item_price,.order_flow_wrap .order_option_area .option_content .content_body .check:checked+.label_check .item_limit {
    font-weight: 600;
    color: #fc4c42
}

.order_flow_wrap .order_option_area .option_content .content_body .input_ico {
    display: table-cell;
    width: 26px;
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .content_body .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;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .content_body .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;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .content_body .item_tit {
    display: table-cell;
    font-size: 17px;
    vertical-align: middle;
    color: #000;
    color: var(--booking-color-gray0)
}

.order_flow_wrap .order_option_area .option_content .content_body .item_tit .fn-help1 {
    margin-left: 3px;
    vertical-align: -2px
}

.order_flow_wrap .order_option_area .option_content .content_body .item_price,.order_flow_wrap .order_option_area .option_content .content_body .item_limit {
    display: inline-block;
    padding-left: 6px
}

.order_flow_wrap .order_option_area .option_content .content_body .item_info {
    display: inline-block;
    color: #8f8f8f;
    font-size: 14px
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    overflow: hidden
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme+.content_body.gray_theme .wrap_option {
    margin-top: 0
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .wrap_option {
    margin: 16px auto;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.04);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.04);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .menu_tit_wrap {
    padding: 18px 18px 14px 18px
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .menu_tit_wrap .menu_tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .menu_tit_wrap .info_txt {
    margin-top: 6px;
    font-size: 14px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .menu_option {
    padding: 18px;
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .input_ico .ico_radio {
    border-color: #4c4c4c;
    background-color: #4c4c4c;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .input_ico .ico_radio:before {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .input_ico .ico_check {
    border-color: #4c4c4c;
    background-color: #4c4c4c;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .input_ico .ico_check:before {
    border-color: #fff;
    border-color: var(--booking-color-surface)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .item_tit {
    font-weight: 900
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .item_price,.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .check:checked+.label_check .item_limit {
    font-weight: normal
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .item_tit {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.6px;
    color: #000;
    color: var(--booking-color-gray0)
}

.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .item_price,.order_flow_wrap .order_option_area .option_content .content_body.gray_theme .item_limit {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.25px;
    color: #555558;
    color: var(--booking-color-gray30);
    word-break: keep-all
}

.order_flow_wrap .order_option_area .option_content .alert_area {
    position: absolute;
    padding: 2px 14px 14px;
    top: 30px;
    left: -12px;
    width: 321px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid #e5e5e5;
    -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
}

.order_flow_wrap .order_option_area .option_content .alert_area .alert_list {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_flow_wrap .order_option_area .option_content .alert_area .alert_list .point {
    color: #03aa5a
}

.order_flow_wrap .order_option_area .option_content .alert_area .title_text {
    margin: 12px 0 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_flow_wrap .order_option_area .option_content .alert_area .title_text .fn-booking-caution::before {
    margin-right: 3px;
    vertical-align: bottom
}

.order_flow_wrap .order_option_area .option_content .alert_area .alert_close {
    position: absolute;
    top: 12px;
    right: 12px
}

.order_flow_wrap .order_option_area .option_content .content_bottom {
    border-top: 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 rgba(0,0,0,.04);
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.04)
}

.order_flow_wrap .order_option_area .option_content .content_bottom .bottom_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 16px 18px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.order_flow_wrap .order_option_area .option_content .content_bottom .option_alert {
    position: fixed;
    bottom: 150px;
    left: 30px;
    right: 30px;
    padding: 12px 0;
    background-color: rgba(51,51,51,.85);
    border-radius: 34px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.14);
    z-index: 1
}

.order_flow_wrap .order_option_area .option_content .content_bottom .option_alert.brand {
    bottom: 82px;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom)
}

.order_flow_wrap .order_option_area .option_content .content_bottom .option_alert .text {
    padding: 0 25px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-align: center
}

.order_flow_wrap .order_option_area .option_content .content_bottom .option_alert .ico_info {
    width: 15px;
    height: 15px;
    background-position: -368px -522px;
    margin-right: 6px;
    vertical-align: -2px
}

.order_flow_wrap .order_option_area .option_content .content_bottom .bottom_btn {
    margin: 18px -8px 0
}

.order_flow_wrap .order_option_area .option_content .content_bottom .bottom_btn.disabled .btn_shop {
    background: #c9c9c9 !important
}

.order_flow_wrap .order_option_area .option_content .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
}

.order_flow_wrap .order_option_area .option_content .content_bottom .bottom_info {
    display: table;
    width: 100%;
    height: 40px;
    table-layout: fixed
}

.order_flow_wrap .order_option_area .option_content .content_bottom .bottom_txt {
    margin: 9px 0 -9px;
    font-size: 14px;
    color: #666
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_txt {
    display: table-cell;
    width: 61px;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_count {
    position: relative;
    display: table-cell;
    width: 124px;
    vertical-align: middle;
    line-height: 40px;
    white-space: nowrap
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_count .section_counter {
    display: inline-block;
    vertical-align: top
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_count .section_counter .num {
    width: 44px;
    height: 38px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 17px;
    line-height: 38px
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_count .section_counter .button {
    width: 40px;
    height: 40px;
    background-color: #03aa5a
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_count .section_counter .button.disabled {
    width: 38px;
    height: 38px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_count .section_counter .button.disabled::before,.order_flow_wrap .order_option_area .option_content .content_bottom .info_count .section_counter .button.disabled::after {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_price {
    display: table-cell;
    line-height: 19px;
    vertical-align: middle
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_price .discount {
    font-size: 14px;
    color: #8f8f8f
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_price .total {
    font-size: 18px;
    font-weight: bold;
    color: #fc4c42
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_price .total .discount_red {
    margin-left: 5px;
    vertical-align: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #fc4c4e
}

.order_flow_wrap .order_option_area .option_content .content_bottom .info_price .min_order_price {
    margin-top: 2px;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    color: #333
}

.order_flow_wrap .order_option_area .option_content.no_sub .content_top {
    -webkit-box-shadow: none;
    box-shadow: none
}

.order_flow_wrap .order_option_area .option_content.no_sub .content_top .text {
    padding: 25px 50px 0 18px
}

.order_flow_wrap .order_option_area .option_content.no_sub .content_top .btn_close {
    top: 12px
}

.order_flow_wrap .order_option_area .option_content.no_sub .content_body {
    display: none
}

.order_flow_wrap .order_option_area .option_content.no_sub .content_bottom {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.local_switch_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    border-radius: 20px 20px 0 0;
    z-index: 9990;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.local_switch_area.fade_out {
    opacity: 0
}

.local_switch_area .bg_dimm {
    position: absolute !important;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    opacity: .95
}

.local_switch_area .switch_ico {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.local_switch_area .switch_ico i[class^=ico_] {
    display: block;
    position: absolute;
    height: 1.3px;
    background-color: #04d664;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0
}

.local_switch_area .switch_ico .ico_top {
    top: 40px;
    right: 12px;
    width: 10px;
    -webkit-transition: -webkit-transform .6s ease-out;
    transition: -webkit-transform .6s ease-out;
    transition: transform .6s ease-out;
    transition: transform .6s ease-out, -webkit-transform .6s ease-out
}

.local_switch_area .switch_ico .ico_bottom {
    top: 43px;
    right: 10px;
    width: 8px;
    -webkit-transition: -webkit-transform .8s ease-out;
    transition: -webkit-transform .8s ease-out;
    transition: transform .8s ease-out;
    transition: transform .8s ease-out, -webkit-transform .8s ease-out
}

.local_switch_area .switch_ico.show i[class^=ico_] {
    opacity: 1
}

.local_switch_area .switch_ico.ani i[class^=ico_] {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.local_switch_area .switch_ico.reverse::before,.local_switch_area .switch_ico.reverse::after {
    content: "";
    -webkit-transform-origin: right;
    transform-origin: right
}

.local_switch_area .switch_ico.reverse::before {
    left: 12px;
    right: auto;
    -webkit-transition: -webkit-transform .8s ease-out;
    transition: -webkit-transform .8s ease-out;
    transition: transform .8s ease-out;
    transition: transform .8s ease-out, -webkit-transform .8s ease-out
}

.local_switch_area .switch_ico.reverse::after {
    left: 10px;
    right: auto;
    -webkit-transition: -webkit-transform .6s ease-out;
    transition: -webkit-transform .6s ease-out;
    transition: transform .6s ease-out;
    transition: transform .6s ease-out, -webkit-transform .6s ease-out
}

.local_switch_area .switch_box {
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 86px;
    height: 86px;
    -webkit-box-shadow: 0 1px 10px 0 var(--booking-color-gray80);
    box-shadow: 0 1px 10px 0 var(--booking-color-gray80);
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.local_switch_area .switch_box::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.local_switch_area .animation_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 194px;
    height: 86px;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.local_switch_area .animation_box:before,.local_switch_area .animation_box:after {
    content: " ";
    display: table
}

.local_switch_area .animation_box:after {
    clear: both
}

.local_switch_area .animation_box.ani_move {
    -webkit-transform: translateX(-108px);
    transform: translateX(-108px)
}

.local_switch_area .animation_box.ani_rotate_left div[class^=box_] {
    -webkit-animation: rotateL .6s ease-out;
    animation: rotateL .6s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.local_switch_area .animation_box.ani_rotate_right div[class^=box_] {
    -webkit-animation: rotateR .6s ease-out;
    animation: rotateR .6s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.local_switch_area div[class^=box_] {
    overflow: hidden;
    position: relative;
    width: 86px;
    height: 86px;
    border-radius: 50%
}

.local_switch_area div[class^=box_] .ico_switch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    margin: auto
}

.local_switch_area .box_left {
    float: left
}

.local_switch_area .box_right {
    float: right
}

@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)
    }
}

@-webkit-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)
    }
}

@keyframes scaleCart {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5)
    }

    75% {
        -webkit-transform: scaleY(1.2);
        transform: scaleY(1.2)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes scaleCart {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5)
    }

    75% {
        -webkit-transform: scaleY(1.2);
        transform: scaleY(1.2)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes showUp {
    0% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    25% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes showUp {
    0% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    25% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes rotateR {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    75% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotateR {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    75% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotateL {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    75% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotateL {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.section_local_option {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: calc(100vh - 87px);
    padding-bottom: 87px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

@supports(-webkit-touch-callout: none) {
    .section_local_option {
        min-height: -webkit-fill-available
    }
}

.section_local_option.only_no_review {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_local_option.smart_order_detail {
    z-index: 9000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 87px)
}

@supports(-webkit-touch-callout: none) {
    .section_local_option.smart_order_detail {
        height: -webkit-fill-available
    }
}

.section_local_option .back_button {
    position: absolute;
    top: 8px;
    padding: 11px 10px 11px 18px;
    z-index: 10
}

.section_local_option .back_button .ico_back {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: top
}

.section_local_option .back_button .ico_back:before {
    content: "";
    position: absolute;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 50%;
    width: 11px;
    height: 11px;
    left: 9px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.section_local_option .back_button .ico_back:after {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 1px;
    width: 19px;
    height: 2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.section_local_option .header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background: linear-gradient(249deg, #4cd1ff, #21e780);
    text-align: center;
    z-index: 9000
}

.section_local_option .header_wrap .back_button {
    top: 0;
    left: 0;
    padding: 19px 10px 13px 18px
}

.section_local_option .header_wrap .title_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 0 49px;
    color: #f9f9f9;
    font-size: 20px;
    font-weight: bold;
    line-height: 56px
}

.section_local_option .short_review_area {
    min-height: 0;
    border-top: 0
}

.section_local_option .short_review_area.type_no_text {
    margin-top: -8px
}

.section_local_option .short_review_area .review_inner {
    max-width: 720px;
    margin: 0 auto
}

.section_local_option .short_review_area .short_review_filter {
    padding: 16px 0 15px
}

.section_local_option .short_review_area .short_review_filter+.list_short_review {
    margin-top: 0;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_local_option .short_review_area .list_short_review {
    margin-top: 0
}

.section_local_option .short_review_area .list_short_review>li:only-child {
    min-height: auto
}

.section_local_option .short_review_area .list_short_review .list_item {
    margin: 0;
    padding: 15px 20px
}

.section_local_option .short_review_area .list_short_review .list_item .star_area .num {
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_img_slider {
    position: relative;
    min-height: 85px;
    background: linear-gradient(249deg, #4cd1ff, #21e780)
}

.section_img_slider.no_image {
    background-color: #e9f0fc;
    background-color: var(--booking-color-blue95);
    min-height: 51px
}

.section_img_slider .slick-list {
    overflow: hidden
}

.section_img_slider .slide_item {
    vertical-align: top
}

.section_img_slider .img_wrap {
    position: relative;
    background-color: #f8fafb;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.03)
}

.section_img_slider .img_wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 130px;
    opacity: .2;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(to top, rgba(0, 0, 0, 0), #000);
    z-index: 1;
    content: ""
}

.section_img_slider .img_wrap::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    opacity: .15;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
    z-index: 1;
    content: ""
}

.section_img_slider .img_wrap .img {
    position: relative;
    width: 100%;
    height: 300px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.section_img_slider .img_wrap .img.full_frame {
    background-size: contain
}

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

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

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

.section_img_slider .dot_nav .dot_list>li .dot_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff
}

.section_img_slider .dot_nav .dot_list>li.slick-active .dot_link {
    background-color: #03c75a
}

.section_menu_detail {
    padding: 0 18px 21px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_menu_detail .menu_card {
    position: relative;
    max-width: 720px;
    margin: -20px auto 0;
    padding: 17px 18px 14px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,.04);
    box-shadow: 0 0 4px 3px rgba(0,0,0,.04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_menu_detail .menu_card .menu {
    display: block;
    font-size: 20px;
    line-height: 24px
}

.section_menu_detail .menu_card .ico_group [class*=ico_]+[class*=ico_] {
    margin-left: 4px
}

.section_menu_detail .menu_card .ico_default {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 8px;
    padding: 0 5px;
    border-radius: 10px;
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    color: #fff
}

.section_menu_detail .menu_card .ico_default.signature {
    background-color: #ffaf3b
}

.section_menu_detail .menu_card .ico_default.popular {
    background-color: #ff61a7
}

.section_menu_detail .menu_card .ico_default.bogo {
    background-color: #1b80ff
}

.section_menu_detail .menu_card .ico_new {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background-position: -573px -287px
}

.section_menu_detail .menu_card .ico_alcohol {
    display: inline-block;
    vertical-align: 4px;
    margin-left: 8px;
    padding: 0 5px;
    background-color: #fc4c4e;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.section_menu_detail .menu_card .ico_pepper1 {
    margin-left: 8px;
    width: 18px;
    height: 14px;
    background-position: -258px -302px
}

.section_menu_detail .menu_card .ico_pepper2 {
    margin-left: 8px;
    width: 29px;
    height: 14px;
    background-position: -660px -517px
}

.section_menu_detail .menu_card .ico_pepper3 {
    margin-left: 8px;
    width: 40px;
    height: 14px;
    background-position: -216px -302px
}

.section_menu_detail .menu_card .new {
    display: inline-block;
    vertical-align: 3px;
    width: 17px;
    height: 17px;
    margin-right: 4px;
    border-radius: 50%;
    background-color: #fc4c4e;
    font-style: italic;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #fff
}

.section_menu_detail .menu_card .price {
    display: inline-block;
    padding-top: 5px;
    color: #fc4c42;
    font-size: 19px;
    line-height: 23px;
    font-weight: bold
}

.section_menu_detail .menu_card .original_price {
    margin-left: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    vertical-align: 1px;
    color: #8f8f8f
}

.section_menu_detail .menu_card .discount {
    margin-left: 5px;
    color: #8f8f8f;
    font-size: 14px;
    line-height: 20px
}

.section_menu_detail .menu_card .price_desc {
    padding-top: 6px;
    color: #666;
    font-size: 15px;
    line-height: 20px
}

.section_menu_detail .menu_card .star_rating {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    padding-left: 9px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    vertical-align: 1px
}

.section_menu_detail .menu_card .star_rating::before {
    content: "";
    width: 12px;
    height: 11px;
    background-position: -677px -112px;
    margin-right: 3px
}

.section_menu_detail .menu_card .star_rating::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.section_menu_detail .menu_card .order_num {
    display: inline-block;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 14px;
    line-height: 20px;
    vertical-align: 1px
}

.section_menu_detail .menu_card .order_num::before {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 7px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    vertical-align: -1px;
    content: ""
}

.section_menu_detail .menu_card .order_num .num {
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #000;
    color: var(--booking-color-gray0)
}

.section_menu_detail .menu_card .text {
    padding: 12px 0 3px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    line-height: 22px
}

.section_menu_detail .menu_card .text>span {
    margin-right: 8px
}

.section_menu_detail .menu_card .text+.text {
    margin-top: 0;
    padding: 8px 0 3px
}

.section_menu_detail .menu_card .menu_detail {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_menu_detail .menu_card .menu_detail .detail_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section_menu_detail .menu_card .menu_detail .select_text {
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 37px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_menu_detail .menu_card .menu_detail .select_text .ico_n_logo {
    display: inline-block;
    vertical-align: -4px;
    width: 21px;
    height: 21px;
    margin-right: 8px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.section_menu_detail .menu_card .menu_detail .select_line {
    display: none
}

.section_menu_detail .menu_card .menu_detail .select_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    text-align: right
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: rgba(0,0,0,.06);
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 37px;
    color: #555558;
    color: var(--booking-color-gray30);
    text-align: center
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active {
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.05);
    border-radius: 3px;
    border: 1px solid;
    border-color: #222225;
    border-color: var(--booking-color-gray10);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active .tab_text .ico_takeout {
    width: 18px;
    height: 18px;
    background-position: -462px -475px;
    vertical-align: -4px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active .tab_text .ico_dine {
    width: 18px;
    height: 18px;
    background-position: -573px -195px;
    vertical-align: -4px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active .tab_text .ico_dt {
    width: 18px;
    height: 18px;
    background-position: -573px -215px;
    vertical-align: -4px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active .tab_text .ico_delivery {
    width: 18px;
    height: 18px;
    background-position: -573px -175px;
    vertical-align: -4px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab.active .tab_text .ico_robot {
    width: 18px;
    height: 18px;
    background-position: -422px -475px;
    vertical-align: -4px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 17px;
    background-color: #e7e7e7
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:last-child::before {
    display: none
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:only-child {
    width: 120px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child:nth-last-child(2),.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child:nth-last-child(2)~.box_tab {
    width: 81px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child:nth-last-child(3),.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child:nth-last-child(3)~.box_tab {
    width: 33.33%
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child:nth-last-child(4),.section_menu_detail .menu_card .menu_detail .select_box .box_tab:first-child:nth-last-child(4)~.box_tab {
    width: 25%
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text {
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    position: relative;
    display: block
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text .ico_takeout {
    width: 15px;
    height: 15px;
    background-position: -351px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text .ico_dine {
    width: 15px;
    height: 15px;
    background-position: -283px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text .ico_dt {
    width: 15px;
    height: 15px;
    background-position: -300px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text .ico_delivery {
    width: 15px;
    height: 15px;
    background-position: -266px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text .ico_robot {
    width: 15px;
    height: 15px;
    background-position: -317px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.section_menu_detail .menu_card .menu_detail .select_box .box_tab .tab_text .ico_beta {
    vertical-align: 5px;
    width: 19px;
    height: 11px;
    margin-right: 2px;
    fill: #fc4c4e
}

@media only screen and (max-width: 320px) {
    .section_menu_detail .menu_card .menu_detail .detail_select {
        position:relative
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_line {
        display: block;
        position: absolute;
        top: 35px;
        left: 0;
        height: 1px;
        width: 100%
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_line::before,.section_menu_detail .menu_card .menu_detail .detail_select .select_line::after {
        content: "";
        position: absolute;
        top: 50%;
        height: 1px;
        width: 40%;
        background-color: #e7e7e7;
        opacity: .5
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_line::before {
        left: 10px
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_line::after {
        right: 10px
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4),.section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4)~.box_tab {
        width: 50%
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4):first-child,.section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4)~.box_tab:first-child {
        border-bottom-left-radius: 0
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4):nth-child(2),.section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4)~.box_tab:nth-child(2) {
        border-top-right-radius: 3px
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4):nth-child(2)::before,.section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4)~.box_tab:nth-child(2)::before {
        display: none
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4):nth-child(3),.section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4)~.box_tab:nth-child(3) {
        border-bottom-left-radius: 3px
    }

    .section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4):last-child,.section_menu_detail .menu_card .menu_detail .detail_select .select_box .box_tab:first-child:nth-last-child(4)~.box_tab:last-child {
        border-top-right-radius: 0
    }
}

.section_menu_detail .menu_card .menu_detail .detail_quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 22px
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_text {
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 35px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box {
    text-align: right
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter {
    white-space: nowrap
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .num {
    width: 49px;
    height: 33px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .num.disabled {
    font-weight: normal;
    color: #c9c9c9
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .button {
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .button::before,.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .button::after {
    width: 12px;
    height: 1px;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .button.disabled {
    width: 33px;
    height: 33px
}

.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .button.disabled::before,.section_menu_detail .menu_card .menu_detail .detail_quantity .quantity_box .section_counter .button.disabled::after {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.section_menu_detail .menu_card .menu_detail .detail_text {
    margin-top: 12px;
    line-height: 1.21;
    font-size: 14px;
    font-weight: 500;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_menu_detail .menu_card .menu_detail .detail_link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    margin-top: 18px;
    border-radius: 3px;
    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: 16px;
    line-height: 46px;
    font-weight: bold;
    text-align: center;
    color: #fff
}

.section_menu_detail .menu_card .menu_detail .detail_link.disabled {
    background: #c9c9c9;
    color: #fff;
    color: var(--booking-color-gray100)
}

.section_menu_detail .menu_card .menu_detail .detail_link .ico_my_qr {
    display: inline-block;
    margin-right: 7px;
    vertical-align: -2px;
    width: 16px;
    height: 16px;
    fill: #fff
}

.section_menu_detail .menu_all {
    margin-top: 28px
}

.section_menu_detail .menu_all .btn_all {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    border-radius: 3px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_menu_detail .menu_all .btn_all .point {
    font-weight: bold
}

.section_menu_detail .menu_all .btn_all .fn-booking-forward1 {
    padding-left: 4px;
    vertical-align: -2px
}

.no_menu_review {
    padding: 6px 18px 22px 18px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center
}

.no_menu_review.delivery .text_box {
    padding-right: 130px
}

.no_menu_review.delivery .text_box::after {
    width: 84px;
    height: 71px;
    background-position: -496px -102px;
    bottom: 0
}

.no_menu_review.pickup .text_box {
    padding-right: 125px
}

.no_menu_review.pickup .text_box::after {
    width: 75px;
    height: 76px;
    background-position: -496px -175px;
    bottom: 0
}

.no_menu_review .no_menu_review_inner {
    max-width: 720px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no_menu_review .text_box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 20px 142px 18px 20px;
    line-height: 1.5;
    word-break: keep-all;
    color: #555558;
    color: var(--booking-color-gray30)
}

.no_menu_review .text_box::after {
    content: "";
    width: 96px;
    height: 53px;
    background-position: -593px 0px;
    position: absolute;
    bottom: 15px;
    right: 20px
}

.section_user_imgs {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_user_imgs .imgs_inner {
    max-width: 720px;
    margin: 0 auto
}

.section_user_imgs .photo_review {
    padding: 0 0 20px
}

.section_user_imgs .photo_review .renewal_tit {
    padding: 6px 18px 11px;
    font-size: 17px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_user_imgs .photo_review .renewal_tit .num {
    padding-left: 6px;
    font-weight: bold
}

.section_blog {
    margin-top: 10px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_blog .title_wrap {
    padding: 17px 18px 15px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 17px;
    line-height: 22px
}

.section_blog .title_wrap .count {
    margin-left: 6px;
    color: #03c75a;
    font-weight: bold
}

.section_blog .list_blog {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_blog .list_blog .list_item+.list_item {
    border-top: 1px solid #f2f4f6;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.section_blog .list_blog .list_link {
    overflow: hidden;
    display: block;
    padding: 14px 18px 15px
}

.section_blog .list_blog .thumb_area {
    position: relative;
    float: right;
    width: 87px;
    height: 87px;
    margin: 4px 0 0 18px
}

.section_blog .list_blog .thumb_area::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.06);
    content: ""
}

.section_blog .list_blog .thumb_area .thumb {
    display: inline-block;
    vertical-align: top
}

.section_blog .list_blog .thumb_area .count {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.4)
}

.section_blog .list_blog .info_area {
    overflow: hidden;
    min-height: 95px;
    font-weight: 500
}

.section_blog .list_blog .info_area .tit {
    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;
    max-height: 48px;
    color: #0068c3;
    font-size: 18px;
    line-height: 24px
}

.section_blog .list_blog .info_area .txt {
    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;
    max-height: 44px;
    margin-top: 2px;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    line-height: 22px
}

.section_blog .list_blog .author_area {
    clear: both;
    padding-top: 11px;
    color: #939396;
    color: var(--booking-color-gray50);
    line-height: 20px
}

.section_blog .list_blog .author_area .author_img {
    overflow: hidden;
    position: relative;
    float: left;
    width: 27px;
    height: 27px;
    margin: -3px 6px 3px 0;
    border-radius: 50%
}

.section_blog .list_blog .author_area .author_img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 50%;
    content: ""
}

.section_blog .list_blog .author_area .author_img .thumb {
    display: inline-block;
    vertical-align: top
}

.section_blog .list_blog .author_area .author_img .ico_thumb {
    width: 27px;
    height: 27px;
    background-position: -662px -55px
}

.section_blog .list_blog .author_area .author_info {
    overflow: hidden;
    display: block
}

.section_blog .list_blog .author_area .author_info .author_info_inner {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.section_blog .list_blog .author_area .author_info .time {
    float: right;
    font-size: 14px
}

.section_blog .list_blog .author_area .author_info .time::before {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 4px 8px 0 7px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    vertical-align: top;
    content: ""
}

.section_blog .list_blog .author_area .author_info .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block;
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 15px
}

.section_blog .list_blog .author_area .channel {
    float: right;
    margin-left: 20px;
    color: #03c75a;
    font-size: 15px;
    font-weight: bold
}

.section_blog .link_more {
    display: block;
    padding: 12px 0;
    border-top: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #424242
}

.section_blog .link_more .ico_angle {
    margin-left: 2px;
    vertical-align: 2px;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 7px
}

.section_blog .link_more .ico_angle: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-top: -3px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222
}

.section_recommendation {
    margin-top: 10px;
    background-color: #fff
}

.section_recommendation .title_wrap {
    position: relative;
    padding: 17px 18px 15px;
    color: #242424;
    font-size: 17px;
    line-height: 22px
}

.section_recommendation .content_wrap {
    border-top: 1px solid #f2f2f2
}

.section_recommendation .content_wrap .menu_list {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 20px 0
}

.section_recommendation .content_wrap .menu_item {
    display: inline-block;
    vertical-align: top;
    width: 81px
}

.section_recommendation .content_wrap .menu_item:first-child {
    margin-left: 18px
}

.section_recommendation .content_wrap .menu_item:last-child {
    margin-right: 18px
}

.section_recommendation .content_wrap .menu_item+.menu_item {
    margin-left: 12px
}

.section_recommendation .content_wrap .menu_item .menu_link {
    display: block
}

.section_recommendation .content_wrap .menu_item .menu_link .menu_thumb {
    overflow: hidden;
    position: relative;
    width: 81px;
    height: 81px;
    border-radius: 50%
}

.section_recommendation .content_wrap .menu_item .menu_link .menu_thumb::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(43,29,0,.1)
}

.section_recommendation .content_wrap .menu_item .menu_link .menu_desc {
    margin-top: 9px;
    text-align: center
}

.section_recommendation .content_wrap .menu_item .menu_link .menu_desc .desc_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    color: #333
}

.section_recommendation .content_wrap .menu_item .menu_link .menu_desc .desc_price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    opacity: .9;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.23;
    color: #fc4c42
}

.section_table {
    margin-top: 10px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_table .table_inner {
    max-width: 720px;
    margin: 0 auto
}

.section_table .title_wrap {
    position: relative;
    padding: 17px 18px 15px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 17px;
    line-height: 22px
}

.section_table .title_wrap .expand_button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 17px
}

.section_table .title_wrap .expand_button .ico_down {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 9px
}

.section_table .title_wrap .expand_button .ico_down: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)
}

.section_table .title_wrap .expand_button .ico_up {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 9px
}

.section_table .title_wrap .expand_button .ico_up: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-top: 2px solid var(--booking-color-gray20);
    border-left: 2px solid var(--booking-color-gray20)
}

.section_table .content_wrap {
    padding: 16px 0;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_table .content_wrap .content_area+.content_area {
    margin-top: 30px
}

.section_table .content_wrap .content_area .table.table_origin {
    margin-top: 11px
}

.section_table .content_wrap .content_title {
    padding: 0 18px;
    font-weight: bold;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_table .content_wrap .content_text {
    padding: 4px 18px 7px;
    font-size: 15px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_table .content_wrap .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_table .content_wrap .table .text {
    display: table-cell;
    padding-right: 16px;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    vertical-align: middle
}

.section_table .content_wrap .table .text:first-child {
    padding-left: 12px
}

.section_table .content_wrap .table .category {
    display: table-row;
    height: 40px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 14px;
    font-weight: bold
}

.section_table .content_wrap .table .category .text {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80);
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.section_table .content_wrap .table .content {
    display: table-row;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_table .content_wrap .table_origin .text {
    padding: 9px 16px 9px 0
}

.section_table .content_wrap .table_origin .content {
    font-size: 14px;
    line-height: 20px
}

.section_table .content_wrap .table_nutrient {
    display: block;
    overflow-x: auto;
    margin-top: 11px;
    white-space: nowrap;
    -ms-overflow-style: none
}

.section_table .content_wrap .table_nutrient::-webkit-scrollbar {
    display: none
}

.section_table .content_wrap .table_nutrient+.content_title {
    padding-top: 22px
}

.section_table .content_wrap .table_nutrient .table_nutrient_inner {
    display: inline-block;
    vertical-align: top
}

.section_table .content_wrap .table_nutrient .content {
    height: 36px;
    font-size: 13px
}

.section_table .content_image {
    display: block;
    margin: 4px 18px
}

.section_table .content_image .image {
    vertical-align: top
}

.section_table .content_link {
    display: block;
    margin: 6px 18px;
    padding: 12px 0;
    -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;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    font-weight: 500;
    line-height: 1.25;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

.section_table .content_link .ico_order_link {
    display: inline-block;
    vertical-align: -2px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.section_order_error {
    z-index: 90;
    position: relative;
    background-color: #fff
}

.section_order_error .error_header {
    position: relative;
    height: 48px;
    background-image: -webkit-gradient(linear, right top, left top, from(#4bcdcc), to(#01d760));
    background-image: linear-gradient(to left, #4bcdcc, #01d760);
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    z-index: 1
}

.section_order_error .error_content {
    position: relative;
    min-height: calc(100vh - 48px);
    background-color: #fff;
    text-align: center
}

.section_order_error .error_content .error_content_inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section_order_error .error_content .ico_out_of_service {
    width: 117px;
    height: 63px;
    background-position: -113px -475px
}

.section_order_error .error_content .ico_out_of_menu {
    width: 111px;
    height: 71px;
    background-position: 0px -475px
}

.section_order_error .error_content .text {
    padding-top: 12px;
    color: #333;
    font-size: 20px;
    font-weight: bold
}

.section_order_error .error_content .sub_text {
    padding-top: 6px;
    color: #666
}

.section_place_error {
    position: relative;
    min-height: calc(100vh - 153px);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center
}

.section_place_error .error_content {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0
}

.section_place_error .ico_out_of_service {
    width: 117px;
    height: 63px;
    background-position: -113px -475px
}

.section_place_error .text {
    padding-top: 6px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-weight: bold
}

.section_place_error .sub_text {
    padding-top: 2px;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 15px;
    line-height: 22px
}

.section_place_error .button_area {
    padding-top: 20px
}

.section_place_error .button_area .button {
    display: inline-block;
    height: 36px;
    padding: 0 24px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 15px;
    line-height: 36px
}

.section_place_error .button_area .button+.button {
    margin-left: 6px
}

.section_place_error .button_area .ico_back {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 13px;
    margin-right: 5px
}

.section_place_error .button_area .ico_back:before {
    content: "";
    position: absolute;
    border-top: 1px solid #03c75a;
    border-left: 1px solid #03c75a;
    top: 50%;
    width: 8px;
    height: 8px;
    left: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.section_place_error .button_area .ico_back:after {
    content: "";
    position: absolute;
    background-color: #03c75a;
    top: 50%;
    left: 1px;
    width: 15px;
    height: 1px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.section_place_error .button_area .ico_refresh {
    width: 13px;
    height: 13px;
    background-position: -478px -522px;
    margin-right: 5px;
    vertical-align: -1px
}

.order_form {
    min-height: 100vh;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_form .order_inner {
    max-width: 720px;
    margin: 0 auto
}

.order_form .order_inner+.page_confirm {
    padding-top: 0
}

.order_form .section_order_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1200
}

.order_form .section_order_header.fixed {
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.07);
    box-shadow: 0px 2px 6px rgba(0,0,0,.07);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .section_order_header .order_header_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.order_form .section_order_header .header_title {
    display: block;
    padding: 12px 0;
    font-size: 21px;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center
}

.order_form .section_order_header .button_close {
    z-index: 1300;
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 19px
}

.order_form .section_order_header .button_close .ico_close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -4px
}

.order_form .section_order_header .button_close .ico_close:before,.order_form .section_order_header .button_close .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 2px;
    background-color: var(--booking-color-gray10)
}

.order_form .section_order_header .button_close .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.order_form .section_order_header .button_close .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.order_form .wrap_sections {
    margin-bottom: 10px;
    padding: 56px 16px 30px;
    -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,.05);
    box-shadow: 0px 1px 8px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .info_main_tab {
    margin: 0 4px
}

.order_form .info_main_tab+.info_weather {
    margin-top: 14px
}

.order_form .info_main_tab+.section_order_menu {
    margin-top: 16px
}

.order_form .info_main_tab .tab_switch_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px
}

.order_form .info_main_tab .tab_switch_box .tab_switch {
    padding: 9px 0;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.order_form .info_main_tab .tab_switch_box .tab_switch:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.order_form .info_main_tab .tab_switch_box .tab_switch:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.order_form .info_main_tab .tab_switch_box .tab_switch.active {
    margin: -1px 0;
    padding: 9px 0;
    border-radius: 3px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .info_main_tab .tab_switch_box .tab_switch.active::after {
    content: none
}

.order_form .info_main_tab .tab_switch_box .tooltip {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 2px);
    transform: translate(-50%, 2px);
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.03);
    background-image: -webkit-gradient(linear, left top, right top, from(#62d389), to(#71cbc9));
    background-image: linear-gradient(90deg, #62d389 0%, #71cbc9 100%);
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    white-space: nowrap
}

.order_form .info_main_tab .tab_switch_box .tooltip::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    margin-left: -7px;
    width: 15px;
    height: 7px;
    background-position: -660px -533px
}

.order_form .info_main_tab .tab_switch_box .tooltip em {
    color: #fef888
}

.order_form .info_weather {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px;
    padding: 17px 23px 13px;
    border-radius: 8px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .info_weather .ico_weather {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 16px;
    width: 31px;
    height: 32px;
    background-position: -453px -249px;
    vertical-align: top
}

.order_form .info_weather .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #000;
    color: var(--booking-color-gray0)
}

.order_form .info_weather .text {
    margin-top: 2px;
    font-size: 12px;
    line-height: 17px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.order_form .section_order_menu {
    position: relative;
    border-radius: 6px;
    -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)
}

.order_form .section_order_menu+.section_order_menu {
    margin-top: 12px
}

.order_form .section_order_menu .top_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 18px 12px;
    border-bottom: 1px dashed;
    border-color: #dbf1f3;
    border-color: var(--booking-color-turquoise90)
}

.order_form .section_order_menu .top_info .text_area {
    margin-right: 16px
}

.order_form .section_order_menu .top_info .title {
    margin-right: 3px;
    font-size: 17px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.order_form .section_order_menu .top_info .title::before {
    content: "";
    display: inline-block;
    vertical-align: -2px;
    margin-right: 6px;
    width: 21px;
    height: 18px;
    background-position: -662px -343px
}

.order_form .section_order_menu .top_info .label {
    display: inline-block;
    vertical-align: 2px;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #000;
    font-size: 11px;
    font-weight: 800;
    line-height: 13px;
    color: #fff
}

.order_form .section_order_menu .top_info .label.drivethru {
    font-weight: 700
}

.order_form .section_order_menu .top_info .order_desc {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .section_order_menu .top_info .order_desc em {
    color: #03c75a
}

.order_form .section_order_menu .top_info .icon_area {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58px;
    height: 58px;
    margin-left: auto;
    border-radius: 50%;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_form .section_order_menu .top_info [class*=ico_type] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.order_form .section_order_menu .top_info .ico_type_visit {
    width: 21px;
    height: 31px
}

.order_form .section_order_menu .top_info .ico_type_pickup {
    width: 35px;
    height: 34px
}

.order_form .section_order_menu .top_info .ico_type_delivery {
    width: 36px;
    height: 32px
}

.order_form .section_order_menu .top_info .ico_type_delivery_robot {
    width: 38px;
    height: 38px
}

.order_form .section_order_menu .top_info .ico_type_dt {
    width: 36px;
    height: 32px
}

.order_form .section_order_menu .message_box {
    margin: 10px 16px 0;
    padding: 8px;
    border-radius: 6px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #fc4c4e;
    color: var(--booking-color-emphasis);
    text-align: center;
    word-break: keep-all
}

.order_form .section_order_menu .message_box.type_green {
    background-color: #f4fbfb;
    background-color: var(--booking-color-turquoise99);
    color: #03aa5a
}

.order_form .section_order_menu .message_box .ico_alert {
    vertical-align: -2px;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    fill: #fc4c4e;
    fill: var(--booking-color-emphasis)
}

.order_form .section_order_menu .radio_disposables {
    overflow: hidden;
    float: left;
    width: 148px;
    margin-top: 7px
}

.order_form .section_order_menu .radio_disposables .disposables_box {
    float: left;
    width: 50%
}

.order_form .section_order_menu .radio_disposables .disposables_box:first-child .label {
    border-radius: 5px 0 0 5px
}

.order_form .section_order_menu .radio_disposables .disposables_box+.disposables_box .label {
    margin-left: -1px
}

.order_form .section_order_menu .radio_disposables .disposables_box .label {
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 33px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    color: #939396;
    color: var(--booking-color-gray50);
    border-radius: 0 5px 5px 0;
    font-size: 14px;
    text-align: center;
    line-height: 31px
}

.order_form .section_order_menu .radio_disposables .disposables_box .label.active {
    position: relative;
    color: #fff;
    background-color: #00d780;
    border: none;
    font-weight: bold
}

.order_form .section_order_menu .button_add {
    display: block;
    width: 100%;
    padding: 11px 0;
    border-radius: 0 0 6px 6px;
    border-width: 1px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center
}

.order_form .menu_list_wrap {
    padding: 5px 0
}

.order_form .menu_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 18px;
    padding: 20px 0 8px;
    border-bottom: 1px solid #8f8f8f;
    font-size: 18px;
    line-height: 1.28;
    font-weight: bold
}

.order_form .menu_title .title_left {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.order_form .menu_title .title_left .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .menu_title .title_left .title .ico_group .ico_default {
    display: inline-block;
    vertical-align: 2px;
    margin-right: 6px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: -0.28px;
    color: #fff
}

.order_form .menu_title .title_left .title .ico_group .ico_default.bogo {
    background-color: #1b80ff
}

.order_form .menu_title .title_right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.order_form .menu_title .title_right .price {
    font-size: 17px
}

.order_form .menu_list {
    margin: 0 20px
}

.order_form .menu_list li+li {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.order_form .menu_list .menu {
    position: relative;
    padding: 20px 0
}

.order_form .menu_list .menu:before,.order_form .menu_list .menu:after {
    content: " ";
    display: table
}

.order_form .menu_list .menu:after {
    clear: both
}

.order_form .menu_list .menu.is_dimmed .info_wrap .title,.order_form .menu_list .menu.is_dimmed .info_wrap .option {
    opacity: .3
}

.order_form .menu_list .menu.is_dimmed .figure_area .price .text {
    opacity: .3
}

.order_form .menu_list .menu+.order_toast {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.order_form .menu_list .menu .img_wrap {
    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;
    float: left;
    position: relative;
    width: 64px;
    height: 64px;
    margin-right: 14px;
    border-radius: 6px
}

.order_form .menu_list .menu .img_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.06);
    border-radius: 6px
}

.order_form .menu_list .menu .img_wrap.no_img {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_form .menu_list .menu .img_wrap.no_img::before {
    content: none
}

.order_form .menu_list .menu .img_wrap.no_img .coupon {
    width: 40px;
    height: 40px;
    background-position: -550px -305px
}

.order_form .menu_list .menu .img_wrap.no_img .default,.order_form .menu_list .menu .img_wrap.no_img .packaging {
    width: 40px;
    height: 40px
}

.order_form .menu_list .menu .img_wrap .img {
    border-radius: 6px;
    vertical-align: top;
    -o-object-fit: contain;
    object-fit: contain
}

.order_form .menu_list .menu .img_wrap .label {
    overflow: hidden;
    position: absolute;
    left: -7px;
    top: -4px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 29px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
    box-shadow: 0px 1px 3px rgba(0,0,0,.2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#48cec7), to(#17d480));
    background-image: linear-gradient(#fff, #fff),linear-gradient(0deg, #48cec7, #17d480);
    background-origin: border-box;
    background-clip: content-box,border-box
}

.order_form .menu_list .menu .img_wrap .label .label_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4px;
    background-color: #fff;
    line-height: 16px
}

.order_form .menu_list .menu .img_wrap .label .icon {
    width: 11px
}

.order_form .menu_list .menu .img_wrap .label .text {
    margin-left: 2px;
    font-size: 10px;
    font-weight: 800;
    color: #07b495
}

.order_form .menu_list .menu .info_wrap {
    overflow: hidden
}

.order_form .menu_list .menu .info_wrap .title {
    display: block;
    padding-right: 20px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 18px;
    line-height: 23px
}

.order_form .menu_list .menu .info_wrap .title .coupon {
    color: #03c75a
}

.order_form .menu_list .menu .info_wrap .text_box {
    padding-right: 20px
}

.order_form .menu_list .menu .info_wrap .text_box .text1 {
    line-height: 1.44;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .menu_list .menu .info_wrap .text_box .text2 {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.36;
    color: #939396;
    color: var(--booking-color-gray50)
}

.order_form .menu_list .menu .info_wrap .option {
    padding: 6px 20px 0 0;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px
}

.order_form .menu_list .menu .info_wrap .sold_out {
    position: relative;
    margin-top: 4px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.36;
    color: #fc4c42
}

.order_form .menu_list .menu .info_wrap .sold_out::before {
    content: "";
    width: 14px;
    height: 14px;
    background-position: -278px -302px;
    position: absolute;
    top: 3px;
    left: 0
}

.order_form .menu_list .menu .info_wrap .change_button {
    display: inline-block;
    margin-top: 4px;
    padding: 0 8px;
    border-radius: 3px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.5px
}

.order_form .menu_list .menu .info_wrap .delete_button {
    position: absolute;
    top: 16px;
    right: -8px;
    padding: 5px 10px
}

.order_form .menu_list .menu .info_wrap .delete_button .fn-booking-close1 {
    color: #939396;
    color: var(--booking-color-gray50)
}

.order_form .menu_list .menu .info_wrap .delete_button .fn-booking-close1::before {
    font-weight: bold
}

.order_form .menu_list .menu .menu_dimmed {
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    background-color: var(--booking-color-bg233)
}

.order_form .menu_list .menu .re_contain_menu {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.order_form .menu_list .menu .re_contain_menu .btn_re_contain {
    padding: 10px 18px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-weight: 500;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.order_form .menu_list .menu .re_contain_menu .ico_cart {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: top
}

.order_form .no_menu_list {
    padding: 60px 0;
    text-align: center
}

.order_form .no_menu_list .ico_soldout {
    display: inline-block;
    width: 100px;
    height: 80px;
    background-image: url("/public/assets/ico_soldout.png");
    background-size: contain
}

@media(prefers-color-scheme: dark) {
    body.is_dark .no_menu_list .ico_soldout {
        background-image:url("/public/assets/ico_soldout_darkmode.png")
    }
}

.order_form .no_menu_list .text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_form .figure_area {
    overflow: hidden;
    margin: 7px 0 0 0px
}

.order_form .figure_area .section_counter {
    float: left;
    margin-top: 7px
}

.order_form .figure_area .section_counter .button {
    width: 30px;
    height: 30px
}

.order_form .figure_area .section_counter .button.disabled {
    width: 28px;
    height: 28px
}

.order_form .figure_area .section_counter .num {
    width: 42px;
    height: 28px;
    line-height: 28px
}

.order_form .figure_area .price {
    float: right;
    text-align: right
}

.order_form .figure_area .price .origin {
    display: block;
    margin-bottom: -15px;
    color: #8f8f8f;
    font-size: 14px;
    line-height: 20px
}

.order_form .figure_area .price .text {
    margin-top: 12px;
    color: #222225;
    color: var(--booking-color-gray10);
    font-size: 18px;
    font-weight: bold
}

.order_form .figure_area .price .popover_event {
    position: relative;
    margin-top: 8px;
    padding: 4px 16px;
    background: linear-gradient(262deg, #3accff 0%, #23e580 100%);
    border-radius: 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: -0.1px;
    text-align: center;
    color: #fff
}

.order_form .figure_area .price .popover_event::before {
    width: 18px;
    height: 8px;
    background-position: -662px -404px;
    content: "";
    position: absolute;
    top: -8px;
    right: 20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order_form .button_add_area {
    position: relative;
    margin-top: 15px;
    text-align: center
}

.order_form .button_add_area .green_tooltip {
    font-weight: 400
}

.order_form .button_add {
    display: inline-block;
    vertical-align: top;
    padding: 11px 30px;
    border-radius: 24.5px;
    border: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    color: #222225;
    color: var(--booking-color-gray10);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    font-weight: 500
}

.order_form .button_add .fn-booking-plus2 {
    margin-right: 6px;
    font-size: 14px;
    color: #03c75a;
    vertical-align: -1px
}

.order_form .button_add .ico_home {
    width: 15px;
    height: 14px;
    background-position: -228px -398px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: -1px
}

.order_form .section_coupon_list {
    margin-top: 40px;
    padding: 0 4px
}

.order_form .section_coupon_list .coupon_list_title {
    position: relative;
    display: block;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    color: var(--booking-color-gray0)
}

.order_form .section_coupon_list .coupon_list_title .num {
    display: inline-block;
    margin-left: 5px;
    color: #03aa5a
}

.order_form .section_coupon_list .list_coupon {
    padding: 0
}

.order_form .section_coupon_list .list_coupon+.coupon_list_title {
    padding-top: 20px
}

.order_form .section_coupon_list .coupon_list_button {
    display: block;
    padding: 20px 0 30px;
    line-height: 10px;
    text-align: center
}

.order_form .section_coupon_list .coupon_list_button .ico_folder {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 10px
}

.order_form .section_coupon_list .coupon_list_button .ico_folder: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-top: 3px;
    border-top: 1.5px solid var(--booking-color-gray30);
    border-left: 1.5px solid var(--booking-color-gray30)
}

.order_form .section_coupon_list .coupon_list_button.fold {
    position: relative;
    margin: -66px -20px 0;
    padding-top: 47px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--booking-color-surface-rgb)), color-stop(38%, var(--booking-color-surface)));
    background-image: linear-gradient(180deg, var(--booking-color-surface-rgb) 0%, var(--booking-color-surface) 38%);
    z-index: 100
}

.order_form .section_coupon_list .coupon_list_button.fold .ico_folder {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order_form .section_coupon_list .coupon_ticket {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order_form .section_coupon_list .coupon_ticket .ticket_info {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-left: none;
    border-right: none
}

.order_form .section_coupon_list .coupon_ticket .ticket_use {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-left: none
}

.order_form .section_coupon_list .coupon_ticket::before,.order_form .section_coupon_list .coupon_ticket::after {
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .section_coupon_list .coupon_ticket::before {
    border-top: none
}

.order_form .section_coupon_list .coupon_ticket::after {
    border-bottom: none
}

.order_form .section_order_price {
    margin-bottom: 10px;
    padding: 30px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .section_order_price .order_title {
    display: block;
    margin-bottom: 22px;
    padding-bottom: 15px;
    border-bottom: 1px dashed;
    border-color: #dbf1f3;
    border-color: var(--booking-color-turquoise90);
    font-size: 20px;
    color: #000;
    color: var(--booking-color-gray0)
}

.order_form .section_order_price .order_title+.discount_price_area {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.order_form .section_order_price .info_button {
    line-height: 18px
}

.order_form .section_order_price .info_button .fn-help1 {
    vertical-align: -2px;
    padding-left: 3px;
    padding-right: 10px;
    font-size: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .section_order_price .info_button .fn-booking-m-info1 {
    vertical-align: -1px;
    padding-left: 3px;
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .section_order_price .info_tooltip {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    max-width: 420px;
    margin-top: 10px;
    padding: 14px;
    border-radius: 5px;
    border: 1px solid;
    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);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 13px;
    z-index: 10
}

.order_form .section_order_price .info_tooltip .tooltip_title {
    font-weight: 700;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .section_order_price .info_tooltip .tooltip_text {
    margin-top: 4px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_form .section_order_price .info_tooltip .button_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px
}

.order_form .section_order_price .info_tooltip .button_close .fn-booking-close1 {
    vertical-align: top;
    font-size: 16px;
    color: #c9c9c9
}

.order_form .section_order_price .info_tooltip .button_close .fn-booking-close1::before {
    font-weight: bold
}

.order_form .price_row {
    position: relative;
    line-height: 20px
}

.order_form .price_row:before,.order_form .price_row:after {
    content: " ";
    display: table
}

.order_form .price_row:after {
    clear: both
}

.order_form .price_row.unable .price {
    opacity: .4
}

.order_form .price_row.unable+.detail_price_list .item {
    opacity: .4
}

.order_form .price_row+.price_row {
    padding-top: 10px
}

.order_form .price_row .title {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.order_form .price_row .btn_title {
    position: relative;
    vertical-align: top;
    background-color: rgba(0,0,0,0);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: left
}

.order_form .price_row .btn_title .ico_order_discount {
    vertical-align: -2px;
    margin-right: 5px;
    width: 15px;
    height: 15px
}

.order_form .price_row .btn_title .ico_order_arrow {
    display: inline-block;
    vertical-align: 3px;
    width: 9px;
    height: 5px;
    margin-left: 5px;
    fill: #444447;
    fill: var(--booking-color-gray20);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order_form .price_row .btn_title.active .ico_order_arrow {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.order_form .price_row .price {
    float: right;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20);
    text-align: right
}

.order_form .price_row .price.txt_red {
    color: #fc4c42
}

.order_form .price_row .min_order_price {
    margin-top: 7px;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .price_row .min_order_price .ico_alert {
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    fill: #fc4c42
}

.order_form .price_row .min_order_price span+span {
    display: block
}

.order_form .detail_price_list+.price_row {
    padding-top: 10px
}

.order_form .detail_price_list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    line-height: 18px
}

.order_form .detail_price_list .item .title {
    font-size: 14px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .detail_price_list .item .cancel_button {
    padding: 0 8px
}

.order_form .detail_price_list .item .cancel_button .ico_close {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: 1px
}

.order_form .detail_price_list .item .cancel_button .ico_close:before,.order_form .detail_price_list .item .cancel_button .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 1px;
    background-color: #8f8f8f
}

.order_form .detail_price_list .item .cancel_button .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.order_form .detail_price_list .item .cancel_button .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.order_form .detail_price_list .item .price {
    margin-left: auto;
    font-size: 13px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_form .detail_price_list .item.used .title {
    color: #8f8f8f
}

.order_form .detail_price_list .item.used .price {
    color: #8f8f8f
}

.order_form .discount_price_area {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1.5px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.order_form .discount_price_area .price_row .price {
    font-weight: 700;
    color: #ff3d3b
}

.order_form .total_price_area {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1.5px solid;
    border-color: #222225;
    border-color: var(--booking-color-gray10)
}

.order_form .total_price_area .price_row {
    line-height: 22px
}

.order_form .total_price_area .price_row .title {
    font-size: 20px;
    font-weight: bold
}

.order_form .total_price_area .price_row .price {
    overflow: hidden
}

.order_form .total_price_area .price_row .price .origin {
    float: right;
    margin-right: 8px;
    color: #939396;
    color: var(--booking-color-gray50);
    font-size: 15px;
    font-weight: 600;
    vertical-align: 2px
}

.order_form .total_price_area .price_row .price .text {
    float: right;
    color: #fc4c42;
    font-size: 20px;
    font-weight: bold
}

.order_form .total_price_area .guide_text {
    margin-top: 3px;
    text-align: right;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_form .total_price_area .guide_text:before {
    width: 15px;
    height: 15px;
    background-position: -265px -281px;
    content: "";
    margin-right: 6px;
    vertical-align: -2px
}

.order_form .total_price_area .message_box {
    position: relative;
    margin-top: 13px;
    padding: 12px 11px;
    border-radius: 5px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.order_form .total_price_area .message_box.type_green {
    background-color: #f4fbfb;
    background-color: var(--booking-color-turquoise99)
}

.order_form .total_price_area .message_box.type_green .ico_toast_arrow {
    fill: #f4fbfb;
    fill: var(--booking-color-turquoise99)
}

.order_form .total_price_area .message_box.type_green .text>strong {
    color: #03c75a
}

.order_form .total_price_area .message_box .ico_toast_arrow {
    position: absolute;
    right: 18px;
    top: -8px;
    width: 18px;
    height: 9px;
    fill: #f7f7f9;
    fill: var(--booking-color-gray95)
}

.order_form .total_price_area .message_text {
    text-align: center
}

.order_form .total_price_area .message_text .text {
    font-size: 14px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .total_price_area .message_text .text>strong {
    color: #fc4c42
}

.order_form .total_price_area .message_text .text.font_gray {
    color: #555558;
    color: var(--booking-color-gray30)
}

.order_form .point_accumulation_area {
    margin-top: 22px
}

.order_form .point_accumulation_area.multiple_child {
    padding: 14px;
    border-radius: 5px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.order_form .point_accumulation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 14px
}

.order_form .point_accumulation.plus_membership .text::before {
    content: "";
    margin-right: 7px;
    width: 48px;
    height: 12px;
    background-position: -496px -413px
}

.order_form .point_accumulation+.point_accumulation {
    margin-top: 7px
}

.order_form .point_accumulation .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 12px;
    letter-spacing: -0.2px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .point_accumulation .text::before {
    content: "";
    vertical-align: -2px;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    background-position: -448px -522px
}

.order_form .point_accumulation .text em {
    font-weight: 700;
    color: #03c75a
}

.order_form .point_accumulation .link {
    margin-left: auto
}

.order_form .point_accumulation .link .link_text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-decoration: underline;
    color: #989898;
    white-space: nowrap
}

.order_form .point_accumulation .link .fn-booking-forward1 {
    font-size: 8px;
    vertical-align: 0
}

.order_form .section_order_together {
    margin-bottom: 10px;
    padding: 30px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .section_order_together .order_title {
    display: block;
    margin-bottom: 20px;
    padding: 0 18px;
    font-size: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.order_form .section_order_together .list_order_together {
    overflow-x: auto;
    padding-left: 34px;
    padding-right: 18px;
    white-space: nowrap
}

.order_form .section_order_together .item_order_together {
    display: inline-block;
    vertical-align: top
}

.order_form .section_order_together .item_order_together+.item_order_together {
    margin-left: 22px
}

.order_form .section_order_together .item_order_together .menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 216px;
    padding: 8px 16px 8px 8px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.order_form .section_order_together .item_order_together .menu .image_area {
    position: relative;
    margin-right: 10px
}

.order_form .section_order_together .item_order_together .menu .image_area::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.06);
    border-radius: 6px
}

.order_form .section_order_together .item_order_together .menu .img {
    vertical-align: top;
    border-radius: 6px;
    -o-object-fit: contain;
    object-fit: contain
}

.order_form .section_order_together .item_order_together .menu .text_area {
    min-width: 0;
    font-weight: 700
}

.order_form .section_order_together .item_order_together .menu .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 15px;
    line-height: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.order_form .section_order_together .item_order_together .menu .price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    margin-top: 3px;
    font-size: 14px;
    line-height: 17px;
    color: #fc4c42
}

.order_form .section_order_together .item_order_together .btn_add {
    position: absolute;
    left: -17px;
    top: 26px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.order_form .section_order_together .item_order_together .btn_add .ico_plus {
    position: relative;
    display: block
}

.order_form .section_order_together .item_order_together .btn_add .ico_plus::before,.order_form .section_order_together .item_order_together .btn_add .ico_plus::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 1.5px;
    margin: auto;
    border-radius: 2px;
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.order_form .section_order_together .item_order_together .btn_add .ico_plus::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.order_form .agreement_check {
    position: absolute;
    top: 30px;
    right: 0
}

.order_form .agreement_check .check:checked+.label .ico_check {
    border: 1px solid #00d780;
    background-color: #00d780
}

.order_form .agreement_check .ico_check {
    display: inline-block;
    vertical-align: -7px;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    border: 1px solid #d5dadd;
    border-radius: 50%;
    background-color: #dbdbdb
}

.order_form .agreement_check .ico_check::before {
    content: "";
    position: absolute;
    top: 7px;
    right: 6px;
    width: 10px;
    height: 5px;
    border: 1px solid #fff;
    border-width: 0px 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.order_form .agreement_check .label {
    display: block;
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px;
    line-height: 19px
}

.order_form .agreement_check .label em {
    color: #fc4c42;
    font-weight: bold
}

.order_form .section_booking_npay {
    position: relative;
    margin-top: 10px;
    background-color: rgba(0,0,0,0);
    border: solid 1px;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    border-radius: 5px;
    min-height: 43px
}

.order_form .section_booking_npay .npay_total {
    margin: 0;
    padding: 0 47px 0 13px;
    border-bottom: 0;
    font-size: 15px
}

.order_form .section_booking_npay .npay_total .title {
    overflow: hidden;
    padding: 9px 0
}

.order_form .section_booking_npay .npay_total .count {
    float: left;
    height: 23px;
    margin-right: 8px;
    padding: 0 7px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    color: #444447;
    color: var(--booking-color-gray20);
    line-height: 23px
}

.order_form .section_booking_npay .npay_total .text {
    overflow: hidden;
    padding: 2px 0;
    line-height: 20px
}

.order_form .section_booking_npay .npay_total .expand_button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 18px
}

.order_form .section_booking_npay .npay_total .expand_button .ico_up {
    vertical-align: 2px;
    position: relative;
    display: inline-block;
    width: 11px;
    height: 6px
}

.order_form .section_booking_npay .npay_total .expand_button .ico_up: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-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9
}

.order_form .section_booking_npay .npay_total .expand_button .ico_down {
    vertical-align: 2px;
    position: relative;
    display: inline-block;
    width: 11px;
    height: 6px
}

.order_form .section_booking_npay .npay_total .expand_button .ico_down: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 #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

.order_form .section_booking_npay .npay_list {
    padding: 13px 13px 12px;
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border-radius: 0 0 5px 5px
}

.order_form .section_booking_npay .layer_npay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: initial;
    transform: initial;
    background: rgba(0,0,0,0);
    z-index: 1300
}

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

.order_form .section_booking_npay .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
}

.order_form .section_booking_npay .layer_npay_header {
    border-bottom: 1px solid #ecf0f2
}

.order_form .section_booking_npay .layer_npay_footer {
    border-radius: 0 0 5px 5px
}

.order_form .foldable_card {
    margin-top: 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order_form .foldable_card .card_header {
    padding: 20px 18px
}

.order_form .foldable_card .card_header.open {
    padding-bottom: 11px
}

.order_form .foldable_card .card_header .title {
    font-size: 20px;
    line-height: 23px
}

.order_form .foldable_card .card_header .fn-down2 {
    top: 23px
}

.order_form .foldable_card .card_body {
    margin: 0 18px;
    padding: 20px 0
}

.order_form .button_pay {
    display: block;
    height: 50px;
    margin: 20px 18px 0;
    background-color: #00d780;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    text-align: center
}

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

.order_form .button_pay .ico_npay {
    vertical-align: -3px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    fill: #fff
}

.order_form .location_info {
    margin-top: 16px;
    text-align: center
}

.order_form .location_info .info_title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33;
    color: #006f49
}

.order_form .location_info .info_title .ico_location_circle {
    display: inline-block;
    vertical-align: -1px;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    fill: #006f49
}

.order_form .location_info .info_text {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.43;
    color: #666
}

.order_form .adult_certified_text {
    display: block;
    margin-top: 10px;
    color: #e73836;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.section_counter {
    -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)
}

.section_counter .button {
    display: inline-block;
    position: relative;
    width: 33px;
    height: 33px;
    background-color: #00d780;
    vertical-align: top
}

.section_counter .button::before,.section_counter .button::after {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 1.5px;
    margin: auto;
    border-radius: 2px;
    background: #fff;
    content: ""
}

.section_counter .button.disabled {
    width: 31px;
    height: 31px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    cursor: pointer
}

.section_counter .button.disabled::before,.section_counter .button.disabled::after {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.section_counter .button.minus {
    border-radius: 3px 0 0 3px
}

.section_counter .button.minus::after {
    content: none
}

.section_counter .button.plus {
    border-radius: 0 3px 3px 0
}

.section_counter .button.plus::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.section_counter .num {
    display: inline-block;
    width: 44px;
    height: 31px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-weight: bold;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    color: #222225;
    color: var(--booking-color-gray10);
    line-height: 33px;
    text-align: center;
    vertical-align: top
}

.section_counter.counter {
    color: #fc4c42
}

.goto_top {
    padding: 26px 0;
    text-align: center
}

.goto_top .top_link {
    display: inline-block;
    height: 33px;
    padding: 0 20px 0 21px;
    border-radius: 20px;
    -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;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    color: #555558;
    color: var(--booking-color-gray30);
    font-size: 14px;
    font-weight: bold;
    line-height: 33px
}

.goto_top .top_link .ico_arrow {
    margin-left: 4px;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px
}

.goto_top .top_link .ico_arrow:before {
    content: "";
    position: absolute;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    left: 50%;
    width: 5px;
    height: 5px;
    top: 5px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.goto_top .top_link .ico_arrow:after {
    content: "";
    position: absolute;
    background-color: #666;
    top: 1px;
    left: 50%;
    width: 2px;
    height: 9px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.section_confirm_toast {
    position: fixed;
    bottom: 10px;
    opacity: 0;
    width: calc(100% - 44px);
    max-width: 370px;
    margin: 0 10px;
    padding: 16px 0 12px 24px;
    background-image: -webkit-gradient(linear, right top, left top, from(#01d760), to(#4bcdcc));
    background-image: linear-gradient(to left, #01d760, #4bcdcc);
    border-radius: 10px;
    color: #fff;
    -webkit-transform: translateY(86px);
    transform: translateY(86px)
}

.section_confirm_toast.open {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.section_confirm_toast.close {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.section_confirm_toast .ico_info_toast {
    width: 28px;
    height: 28px;
    background-position: -660px -487px;
    float: left;
    margin: 8px 16px 0 0
}

.section_confirm_toast .text {
    overflow: hidden;
    font-size: 17px;
    font-weight: bold
}

.section_confirm_toast .sub_text {
    overflow: hidden;
    font-size: 14px
}

.green_tooltip {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);
    padding: 7px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, right top, from(#04c85b), to(#01c89a));
    background-image: linear-gradient(to right, #04c85b, #01c89a);
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    white-space: nowrap
}

.green_tooltip.type_red {
    background: #ff5757
}

.green_tooltip.type_red::before {
    border-bottom-color: #ff5757
}

.green_tooltip::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -4px;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-bottom: 6px solid #02c877
}

.green_tooltip .ico_alert {
    vertical-align: -2px;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    fill: #fff
}

.green_tooltip strong {
    color: #fef888
}

.section_order_extra {
    padding: 0 18px 40px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_order_extra.parcel_delivery .delivery_store_area {
    max-width: 720px;
    margin: 0 auto
}

.section_order_extra.parcel_delivery .delivery_store_area .section_home .section_map {
    padding-bottom: 0;
    border-bottom: 0
}

.section_order_extra+.section_order_extra {
    margin-top: 10px
}

.section_order_extra .delivery_store_area .store_list {
    margin-top: 10px
}

.section_order_extra .delivery_store_area .store_list .store_item .item_title .title {
    font-size: 19px;
    color: #0068c3
}

.section_order_extra .delivery_store_area .store_list .store_item .item_title .num {
    color: #fc4c4e
}

.section_order_extra .delivery_store_area .store_list .store_item .item_title .num::before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 1px;
    height: 13px;
    margin: 0 7px;
    background-color: #eee
}

.section_order_extra .delivery_store_area .store_list .store_item .item_text {
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .delivery_store_area .store_list .store_item+.store_item {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ecf0f2
}

.section_order_extra .delivery_store_area .store_list+.order_title {
    margin-top: 24px;
    border-top: 1px solid #d5dadd
}

.section_order_extra .delivery_store_area .store_more_box {
    padding-top: 26px
}

.section_order_extra .delivery_store_area .store_more_box .link_more {
    display: block;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 6px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .delivery_store_area .store_more_box .link_more .fn-booking-forward1 {
    vertical-align: -1px;
    margin-left: 2px;
    font-size: 12px
}

.section_order_extra .delivery_store_area .section_home {
    margin-top: 0
}

.section_order_extra .delivery_store_area .section_home .section_header {
    display: none
}

.section_order_extra .delivery_store_area .section_home .section_map {
    padding: 15px 0 24px 0;
    border-bottom: 1px solid #d5dadd
}

.section_order_extra .delivery_guide_area {
    max-width: 720px;
    margin: 0 auto
}

.section_order_extra .delivery_guide_area .guide_list {
    counter-reset: guide-counter;
    margin-top: 12px;
    padding-top: 19px;
    border-top: 1px solid;
    border-top-color: #f0f0f3;
    border-top-color: var(--booking-color-gray90)
}

.section_order_extra .delivery_guide_area .guide_list .guide_item {
    position: relative;
    counter-increment: guide-counter;
    padding-left: 18px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .delivery_guide_area .guide_list .guide_item::before {
    content: counter(guide-counter) ". ";
    position: absolute;
    top: 0;
    left: 0;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .delivery_guide_area .guide_list .guide_item+.guide_item {
    margin-top: 13px
}

.section_order_extra .delivery_guide_area .guide_list .guide_detail_list {
    margin-top: 13px;
    counter-reset: guide-datail-counter;
    counter-increment: guide-counter
}

.section_order_extra .delivery_guide_area .guide_list .guide_detail_list .guide_item {
    position: relative;
    padding-left: 32px;
    counter-increment: guide-detail-counter
}

.section_order_extra .delivery_guide_area .guide_list .guide_detail_list .guide_item::before {
    content: counter(guide-counter) "-" counter(guide-detail-counter) ". ";
    position: absolute;
    top: 0;
    left: 0
}

.section_order_extra .delivery_guide_area .guide_notice {
    position: relative;
    margin-top: 18px;
    padding-left: 18px;
    color: #03c55a
}

.section_order_extra .delivery_guide_area .guide_notice::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #03c55a
}

.section_order_extra .info_area {
    padding-top: 30px
}

.section_order_extra .info_area .red_info_box {
    padding: 18px;
    border-radius: 5px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    font-size: 15px
}

.section_order_extra .info_area .info_title {
    font-weight: 600;
    line-height: 20px;
    color: #fc4c42
}

.section_order_extra .info_area .info_title .ico_alert {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: -1px;
    fill: #fc4c42
}

.section_order_extra .info_area .info_text {
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .order_title {
    display: block;
    padding-top: 30px;
    font-size: 20px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_order_extra .order_title .point {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #fc4c42;
    vertical-align: 1px
}

.section_order_extra .order_sub_title {
    display: inline-block;
    padding-top: 30px;
    font-weight: 700;
    line-height: 22px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .order_sub_title+.input_box {
    margin-top: 10px
}

.section_order_extra .order_sub_title .required {
    display: inline-block;
    vertical-align: 1px;
    padding-left: 5px;
    font-size: 13px;
    color: #03c75a
}

.section_order_extra .order_sub_title .required .fn-booking-check1 {
    vertical-align: -2px;
    margin-right: 3px;
    color: #03c75a
}

.section_order_extra .order_sub_title .required .fn-booking-check1::before {
    font-weight: bold
}

.section_order_extra .order_sub_text {
    margin-top: 2px;
    font-size: 14px;
    line-height: 21px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_order_extra .order_sub_text+.input_box {
    margin-top: 10px
}

.section_order_extra .input_box {
    margin-top: 20px
}

.section_order_extra .input_box .input_text {
    display: block;
    width: 100%;
    height: 45px;
    padding: 0 13px;
    border-radius: 5px;
    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-surface);
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20);
    outline: none
}

.section_order_extra .input_box .input_text::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
    font-size: 15px
}

.section_order_extra .input_box .input_text:-ms-input-placeholder {
    color: #c9c9c9;
    font-size: 15px
}

.section_order_extra .input_box .input_text::-webkit-input-placeholder {
    color: #c9c9c9;
    font-size: 15px
}

.section_order_extra .input_box .textarea_text {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 13px 9px;
    border-radius: 5px;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 15px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_order_extra .input_box .textarea_text::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
    font-size: 15px
}

.section_order_extra .input_box .textarea_text:-ms-input-placeholder {
    color: #c9c9c9;
    font-size: 15px
}

.section_order_extra .input_box .textarea_text::-webkit-input-placeholder {
    color: #c9c9c9;
    font-size: 15px
}

.section_order_extra .num_area {
    position: relative
}

.section_order_extra .num_area .tooltip_button {
    display: inline-block;
    padding: 0 8px
}

.section_order_extra .num_area .tooltip_button .ico_info {
    width: 15px;
    height: 15px;
    background-position: -249px -522px;
    vertical-align: -2px
}

.section_order_extra .num_area .tooltip_layer {
    position: absolute;
    top: 63px;
    left: 0;
    right: 0;
    padding: 10px 45px 11px 16px;
    background-color: #fff;
    border: 1px solid #cadeed;
    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: 10
}

.section_order_extra .num_area .tooltip_layer .tooltip_text {
    color: #444447;
    color: var(--booking-color-gray20);
    font-size: 15px
}

.section_order_extra .num_area .tooltip_layer .close_button {
    position: absolute;
    top: 0;
    right: 8px;
    padding: 11px
}

.section_order_extra .num_area .tooltip_layer .close_button .ico_close {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px
}

.section_order_extra .num_area .tooltip_layer .close_button .ico_close:before,.section_order_extra .num_area .tooltip_layer .close_button .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background-color: #424242
}

.section_order_extra .num_area .tooltip_layer .close_button .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.section_order_extra .num_area .tooltip_layer .close_button .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.section_order_extra .num_area .figure_area {
    margin-top: 3px;
    margin-left: 0
}

.section_order_extra .num_area .figure_area .section_counter {
    float: none;
    position: relative
}

.section_order_extra .num_area .figure_area .section_counter .button {
    position: absolute;
    width: 45px;
    height: 45px
}

.section_order_extra .num_area .figure_area .section_counter .button.disabled {
    width: 43px;
    height: 43px
}

.section_order_extra .num_area .figure_area .section_counter .button.minus {
    top: 0;
    left: 0
}

.section_order_extra .num_area .figure_area .section_counter .button.plus {
    top: 0;
    right: 0
}

.section_order_extra .num_area .figure_area .section_counter .num {
    display: block;
    width: auto;
    margin: 0 45px;
    height: 43px;
    font-size: 17px;
    line-height: 44px
}

.section_order_extra .delivery_info_box {
    margin-top: 12px;
    padding: 13px 14px;
    border-radius: 5px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.section_order_extra .delivery_info_box.warning .ico_delivery,.section_order_extra .delivery_info_box.warning .ico_store,.section_order_extra .delivery_info_box.warning .ico_alert {
    fill: #fc4c4e
}

.section_order_extra .delivery_info_box.warning .text {
    color: #fc4c4e
}

.section_order_extra .delivery_info_box.warning .desc {
    color: #fc4c4e
}

.section_order_extra .delivery_info_box .info_location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section_order_extra .delivery_info_box .info_location .right_btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 13px
}

.section_order_extra .delivery_info_box .info_location .right_btn .btn_change {
    display: inline-block;
    padding: 8px 13px 7px;
    border: 1px solid;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    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);
    line-height: 20px
}

.section_order_extra .delivery_info_box .icon_text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section_order_extra .delivery_info_box .ico_store,.section_order_extra .delivery_info_box .ico_alert {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 17px;
    height: 21px;
    margin-right: 8px;
    fill: #03c75a
}

.section_order_extra .delivery_info_box .text {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .delivery_info_box .desc {
    margin-top: 3px;
    font-size: 14px;
    line-height: 18px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_order_extra .delivery_info_box .bottom_btn {
    margin-top: 11px;
    text-align: center
}

.section_order_extra .delivery_info_box .bottom_btn .btn_possible_store {
    display: inline-block;
    padding: 11px 22px 11px 26px;
    border: 1px solid #e5e5e5;
    border-radius: 25px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    background-color: #fff;
    font-weight: 500;
    line-height: 20px;
    color: #242424
}

.section_order_extra .delivery_info_box .bottom_btn .btn_possible_store .fn-booking-forward1 {
    padding-left: 1px;
    font-size: 14px;
    color: #666;
    vertical-align: -1px
}

.section_order_extra .delivery_info_text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.43;
    color: #fc4c42
}

.section_order_extra .delivery_seat_info_area .multi_select_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px -2px 0
}

.section_order_extra .delivery_seat_info_area .multi_select_box {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2px;
    font-size: 15px;
    line-height: 20px
}

.section_order_extra .delivery_seat_info_area .multi_select {
    position: relative;
    display: block;
    padding: 12px 30px 11px 13px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.08);
    box-shadow: 0px 1px 4px rgba(0,0,0,.08);
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20);
    text-decoration: none
}

.section_order_extra .delivery_seat_info_area .multi_select .placeholder {
    font-weight: 400;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_order_extra .delivery_seat_info_area .multi_select .fn-booking-down1 {
    position: absolute;
    top: 17px;
    right: 15px;
    color: #c9c9c9
}

.section_order_extra .delivery_seat_info_area .multi_select .fn-booking-down1::before {
    font-weight: bold
}

.section_order_extra .delivery_seat_info_area .multi_options {
    overflow-y: auto;
    position: absolute;
    top: 100%;
    left: 2px;
    right: 2px;
    max-height: 254px;
    margin-top: 6px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.15);
    box-shadow: 0px 10px 20px rgba(0,0,0,.15);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 1
}

.section_order_extra .delivery_seat_info_area .multi_options .option+.option {
    border-top: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_order_extra .delivery_seat_info_area .multi_options .option.selected a {
    font-weight: 700;
    color: #03c75a
}

.section_order_extra .delivery_seat_info_area .multi_options .option>a {
    display: block;
    padding: 15px 14px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_order_extra .delivery_seat_info_area .multi_input_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.section_order_extra .delivery_seat_info_area .multi_input_box {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    color: #242424
}

.section_order_extra .delivery_seat_info_area .multi_input_box+.multi_input_box {
    margin-left: 4px
}

.section_order_extra .delivery_seat_info_area .multi_input_box .text {
    position: absolute;
    top: 0;
    right: 18px;
    line-height: 45px
}

.section_order_extra .delivery_seat_info_area .multi_input_text {
    display: block;
    width: 100%;
    height: 45px;
    padding: 0 37px 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.section_order_extra .delivery_seat_info_area .multi_input_text::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
    font-size: 15px
}

.section_order_extra .delivery_seat_info_area .multi_input_text:-ms-input-placeholder {
    color: #c9c9c9;
    font-size: 15px
}

.section_order_extra .delivery_seat_info_area .multi_input_text::-webkit-input-placeholder {
    color: #c9c9c9;
    font-size: 15px
}

.section_order_extra .delivery_seat_info_area .multi_input_text.error {
    border-color: #fc4c42;
    color: #fc4c42
}

.section_order_extra .delivery_seat_info_area .multi_input_error {
    margin-top: 6px;
    font-size: 14px;
    color: #fc4c42
}

.section_order_extra .delivery_seat_info_area .input_box {
    position: relative;
    margin-top: 10px
}

.section_order_extra .delivery_seat_info_area .input_box.read_only .input_text {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.section_order_extra .delivery_seat_info_area .input_box .label_seat_info {
    position: absolute;
    left: 15px;
    top: 18px;
    vertical-align: top;
    margin-right: 8px;
    width: 15px;
    height: 10px;
    background-position: -662px -475px
}

.section_order_extra .delivery_seat_info_area .input_box .label_seat_info+.input_text {
    padding-left: 38px
}

.section_order_extra .gray_info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 5px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    font-size: 14px;
    line-height: 20px;
    word-break: keep-all
}

.section_order_extra .gray_info_box .ico_alert {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    padding-top: 2px;
    fill: #939396;
    fill: var(--booking-color-gray50)
}

.section_order_extra .gray_info_box .desc_text1 {
    font-weight: 700;
    color: #444447;
    color: var(--booking-color-gray20)
}

.section_order_extra .gray_info_box .desc_text2 {
    font-weight: 500;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_order_extra .checkbox_disposables {
    margin-top: 20px;
    padding: 14px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.section_order_extra .checkbox_disposables+.checkbox_disposables {
    margin-top: 10px
}

.section_order_extra .checkbox_disposables .input:checked+.label .state_icon {
    background-image: -webkit-gradient(linear, right top, left top, from(#0ad18e), to(#01d760));
    background-image: linear-gradient(270deg, #0ad18e 0%, #01d760 100%)
}

.section_order_extra .checkbox_disposables .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section_order_extra .checkbox_disposables .state_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.section_order_extra .checkbox_disposables .state_icon .fn-booking-check2 {
    vertical-align: -1px;
    margin-left: 5px;
    font-size: 14px;
    color: #fff
}

.section_order_extra .checkbox_disposables .text_wrap {
    line-height: 20px
}

.section_order_extra .checkbox_disposables .text1 {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_order_extra .checkbox_disposables .text2 {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_order_extra .map_area .order_map {
    overflow: hidden;
    margin-top: 20px;
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    border-radius: 5px
}

.section_order_extra .map_area .map_info {
    position: relative;
    padding: 10px 14px
}

.section_order_extra .map_area .map_info .store {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_order_extra .map_area .map_info .address {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.3;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_order_extra .map_area .map_info .address_detail {
    overflow: hidden;
    position: relative;
    margin-top: 7px;
    height: 20px
}

.section_order_extra .map_area .map_info .address_detail.show {
    height: auto
}

.section_order_extra .map_area .map_info .address_detail .detail_text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #006f49
}

.section_order_extra .map_area .map_info .address_detail .btn_arrow {
    position: absolute;
    right: -8px;
    top: -6px;
    width: 40px;
    height: 30px;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--booking-color-gray95-rgb)), color-stop(35%, var(--booking-color-gray95)));
    background-image: linear-gradient(to right, var(--booking-color-gray95-rgb), var(--booking-color-gray95) 35%)
}

.section_order_extra .map_area .map_info .address_detail .btn_arrow .ico_down {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 6px;
    position: absolute;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 0;
    margin: auto
}

.section_order_extra .map_area .map_info .address_detail .btn_arrow .ico_down: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 #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

.section_order_extra .map_area .map_location {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    border-top: solid 1px #e9eef0;
    border-radius: 0 0 5px 5px
}

.section_order_extra .map_area .map_location img {
    vertical-align: top
}

.section_order_extra .map_area .map_location .btn_expand {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.08);
    border: solid 1px rgba(0,0,0,.05);
    background-color: #fff
}

.section_order_extra .map_area .map_location .btn_expand .ico_expand {
    width: 14px;
    height: 14px;
    background-position: -294px -302px;
    vertical-align: -1px
}

.section_order_extra .payment_options_area .payment_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95);
    line-height: 20px
}

.section_order_extra .payment_options_area .payment_option .option_title {
    font-size: 15px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.section_order_extra .payment_options_area .payment_option .option_desc {
    margin-left: auto;
    padding-left: 4px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.section_order_extra .payment_options_area .guide_text {
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.section_order_extra .payment_options_area .guide_text .fn-info1 {
    margin-right: 4px;
    font-size: 16px;
    vertical-align: -3px
}

.section_order_extra .payment_options_area .list_payment_options {
    overflow: hidden;
    margin-top: 20px
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option {
    float: left;
    width: 50%
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option:first-child .label {
    border-radius: 5px 0 0 5px
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option+.item_payment_option .label {
    margin-left: -1px
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option.disabled {
    opacity: .5;
    cursor: default
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option .radio:checked+.label {
    position: relative;
    border: none;
    background-color: #03c75a;
    color: #fff
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option .label {
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 66px;
    padding: 13px 0 11px;
    background-color: #f8fafb;
    border: 1px solid #e7e7e7;
    border-radius: 0 5px 5px 0;
    color: #8f8f8f;
    text-align: center;
    line-height: 20px
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option .title {
    display: block;
    font-weight: bold
}

.section_order_extra .payment_options_area .list_payment_options .item_payment_option .text {
    font-size: 13px
}

.section_order_extra .payment_options_area .tooltip {
    position: relative;
    margin-top: 12px;
    padding: 10px 12px 8px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-32.2%, #15d1d0), to(#1ed675));
    background: linear-gradient(270deg, #15d1d0 -32.2%, #1ed675 100%);
    -webkit-box-shadow: 1px 4px 7px rgba(0,0,0,.13);
    box-shadow: 1px 4px 7px rgba(0,0,0,.13);
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #fff
}

.section_order_extra .payment_options_area .tooltip::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 20px;
    width: 5px;
    height: 5px;
    background: #1ed675;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.section_order_extra .payment_options_area .tooltip .point {
    color: #fdf279
}

@media screen and (max-width: 320px) {
    .order_request_form .menu_list .figure_area {
        float:left;
        width: 100%;
        margin-left: 0
    }
}

.naver_order {
    background-color: #f4fbfb;
    background-color: var(--booking-color-order1)
}

.naver_order.hub {
    background-color: #e4e3ff
}

.naver_order .order_header_area {
    position: relative;
    height: 48px
}

.naver_order .order_header_area::before {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 0;
    right: 18px;
    height: 1px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.naver_order .order_header_area.fixed {
    z-index: 6000;
    position: fixed;
    top: 0;
    left: auto;
    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;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.naver_order .order_header_area.fixed.ani {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.naver_order .order_header_area.fixed::before {
    left: 0;
    right: 0
}

.naver_order .order_header_area.fixed [class^=box_] .link_text {
    line-height: 50px
}

.naver_order .order_header_area.fixed [class^=box_] .link_text .num {
    background-color: #333;
    color: #fff
}

.naver_order .order_header_area .header_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 18px
}

.naver_order .order_header_area .box_left {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.naver_order .order_header_area .box_right {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.naver_order .order_header_area [class^=box_] {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.naver_order .order_header_area [class^=box_] .link_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 48px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_header_area [class^=box_] .link_text+.link_text {
    margin-left: 8px;
    padding-left: 8px
}

.naver_order .order_header_area [class^=box_] .link_text+.link_text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70)
}

.naver_order .order_header_area [class^=box_] .link_text .ico_n_logo {
    display: inline-block;
    vertical-align: -4px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.naver_order .order_header_area [class^=box_] .link_text .ico_order_home {
    display: inline-block;
    vertical-align: -4px;
    width: 16px;
    height: 18px;
    margin-right: 6px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.naver_order .order_header_area [class^=box_] .link_text .num {
    display: inline-block;
    vertical-align: 1px;
    margin-left: 4px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    text-align: center
}

.naver_order .order_header_area [class^=box_]+.box_right {
    white-space: nowrap;
    text-align: right
}

.naver_order .order_info_area {
    max-width: 720px;
    margin: 0 auto;
    padding: 15px 18px 25px;
    border-bottom: 1px solid rgba(0,0,0,.04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.naver_order .order_info_area+.order_info_area {
    border-top: 10px solid #ecf0f2
}

.naver_order .order_info_area .info_main .info_main_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.naver_order .order_info_area .info_main .info_main_title+.info_main_tab {
    margin-top: 12px
}

.naver_order .order_info_area .info_main .info_main_title .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 39px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_title .title .title_link {
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_title .title .ico_n_logo {
    display: inline-block;
    vertical-align: -6px;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_title .title .ico_rectangle {
    width: 6px;
    height: 15px;
    margin: 0 4px;
    vertical-align: -2px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_title .title_logo {
    overflow: hidden;
    position: relative;
    width: 75px;
    margin-left: auto
}

.naver_order .order_info_area .info_main .info_main_title .title_logo::before {
    content: "";
    width: 28px;
    height: 25px;
    background-position: -453px -283px;
    position: absolute;
    right: 36px;
    bottom: 3px
}

.naver_order .order_info_area .info_main .info_main_title .title_logo.type_delivery::before {
    width: 35px;
    height: 29px;
    background-position: -453px -218px;
    right: 34px
}

.naver_order .order_info_area .info_main .info_main_title .title_logo .logo_thumb {
    z-index: 1;
    overflow: hidden;
    position: relative;
    float: right;
    width: 39px;
    height: 39px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.05);
    border-radius: 2px;
    background-color: #fff
}

.naver_order .order_info_area .info_main .info_main_title .title_logo .logo_thumb .ico_cu {
    width: 42px;
    height: 45px;
    background-position: -531px -428px;
    position: absolute;
    top: -3px;
    left: -3px
}

.naver_order .order_info_area .info_main .info_main_title .title_logo .logo_thumb .thumb_circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 31px;
    height: 31px;
    margin: auto;
    border-radius: 50%;
    background-color: #30b4b3
}

.naver_order .order_info_area .info_main .info_main_title .title_logo .logo_thumb .thumb_circle.hub {
    background-color: #5c47cb
}

.naver_order .order_info_area .info_main .info_main_title .title_logo .logo_thumb .thumb_circle .thumb_ico {
    width: 15px;
    height: 17px;
    background-position: -52px -548px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.naver_order .order_info_area .info_main .info_main_title .title_logo .logo_thumb .thumb_circle .fn-booking-reserve {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    font-size: 15px;
    color: #fff
}

.naver_order .order_info_area .info_main .info_main_location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 9px 0 20px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: rgba(0,0,0,.03);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 30px
}

.naver_order .order_info_area .info_main .info_main_location .location_box {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.naver_order .order_info_area .info_main .info_main_location .location_box .box_text {
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_location .location_box .box_text+.box_text::before {
    content: "";
    display: inline-block;
    margin: 0 6px;
    width: 1px;
    height: 12px;
    background-color: rgba(0,0,0,.2);
    vertical-align: -2px
}

.naver_order .order_info_area .info_main .info_main_location .location_box .box_text .fn-pin4 {
    margin-right: 5px;
    vertical-align: -1px
}

.naver_order .order_info_area .info_main .info_main_location .location_change {
    display: inline-block;
    margin-left: 7px;
    vertical-align: top;
    white-space: nowrap
}

.naver_order .order_info_area .info_main .info_main_location .location_change .button_change {
    display: block;
    color: #30b4b3
}

.naver_order .order_info_area .info_main .info_main_location .location_change .button_change::after {
    content: "";
    width: 9px;
    height: 5px;
    background-position: -675px -238px;
    margin-left: 4px;
    vertical-align: 2px
}

.naver_order .order_info_area .info_main .info_main_address {
    position: relative;
    margin-top: 10px;
    border-radius: 2px;
    -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: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.naver_order .order_info_area .info_main .info_main_address.impossible {
    border-color: #fc4c42
}

.naver_order .order_info_area .info_main .info_main_address+.info_main_notice {
    margin-top: 6px
}

.naver_order .order_info_area .info_main .info_main_address::before,.naver_order .order_info_area .info_main .info_main_address::after {
    content: "";
    position: absolute;
    bottom: -7px;
    width: 1px;
    height: 6px;
    background-color: #333
}

.naver_order .order_info_area .info_main .info_main_address::before {
    left: 8px
}

.naver_order .order_info_area .info_main .info_main_address::after {
    right: 8px
}

.address_wrap.impossible .address_box {
    background-color: #fff2f1
}

.address_wrap.impossible .address_box::before {
    display: none
}

.address_wrap.impossible .address_text {
    color: #fc4c42
}

.address_wrap .address_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 15px 12px 40px;
    min-height: 21px
}

.address_wrap .address_box::before {
    content: "";
    width: 15px;
    height: 16px;
    background-position: -467px -495px;
    position: absolute;
    top: 14px;
    left: 16px
}

.address_wrap .address_box .fn-booking-caution {
    position: absolute;
    top: 13px;
    left: 15px;
    font-size: 17px;
    color: #fc4c42
}

.address_wrap .address_box .fn-booking-caution::before {
    font-weight: bold
}

.address_wrap .address_alert_box {
    padding: 10px 16px 12px;
    font-size: 14px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.address_wrap .address_alert_box .point {
    font-weight: bold
}

.address_wrap .address_alert_box .link_more {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    font-weight: 600;
    line-height: 1.43;
    color: #0068c3;
    color: var(--booking-color-blue-link)
}

.address_wrap .address_alert_box .link_more .fn-forward2 {
    margin-left: 4px;
    font-size: 8px
}

.address_wrap .address_alert_box .link_more .fn-forward2::before {
    font-weight: bold
}

.address_wrap .address_text {
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    color: #444447;
    color: var(--booking-color-gray20)
}

.address_wrap .btn_change {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    padding-left: 14px;
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #555558;
    color: var(--booking-color-gray30)
}

.address_wrap .btn_change .text {
    display: block;
    height: 100%
}

.naver_order .order_info_area .info_main .info_main_notice {
    margin-top: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc {
    min-height: 44px;
    padding: 13px 15px 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.43;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 2px 0 4px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type::before {
    content: "";
    vertical-align: -3px;
    margin-right: 7px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type.ico_takeout::before {
    width: 18px;
    height: 18px;
    background-position: -462px -475px;
    vertical-align: -4px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type.ico_dine::before {
    width: 18px;
    height: 18px;
    background-position: -573px -195px;
    vertical-align: -4px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type.ico_dt::before {
    width: 18px;
    height: 18px;
    background-position: -573px -215px;
    vertical-align: -4px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type.ico_delivery::before {
    width: 18px;
    height: 18px;
    background-position: -573px -175px;
    vertical-align: -4px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type.ico_robot::before {
    width: 18px;
    height: 18px;
    background-position: -422px -475px;
    vertical-align: -4px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type.ico_robot .ico_beta {
    vertical-align: top;
    width: 19px;
    height: 11px;
    margin-left: 2px;
    fill: #fc4c4e
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_type+.desc_alert {
    margin-top: 7px;
    padding-top: 13px;
    border-top: solid 1px;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert {
    font-weight: bold;
    color: #fc4c4e
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert .fn-time1 {
    margin-right: 4px;
    font-size: 13px;
    vertical-align: -1px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert .fn-time1::before {
    font-weight: bold
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert .hours {
    color: #444447;
    color: var(--booking-color-gray20);
    font-weight: normal
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert .desc_text {
    position: relative;
    display: block;
    padding-right: 12px;
    font-weight: 400;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert .ico_arrow_down {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 9px;
    height: 5px;
    fill: #444447;
    fill: var(--booking-color-gray20);
    cursor: pointer
}

.naver_order .order_info_area .info_main .info_main_notice .notice_desc .desc_alert+.desc_alert {
    margin-top: 12px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list {
    margin: 0 15px;
    padding: 12px 0;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list:first-child {
    border: none
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .notice_item+.notice_item {
    padding-top: 12px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box {
    position: relative;
    font-size: 14px;
    line-height: 20px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box:before,.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box:after {
    content: " ";
    display: table
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box:after {
    clear: both
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip {
    z-index: 11;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 16px 38px 16px 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
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .title {
    font-size: 15px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .text {
    margin-top: 4px;
    font-size: 14px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    line-height: 19px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .btn_close .ico_close {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .btn_close .ico_close:before,.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .btn_close .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 1px;
    background-color: var(--booking-color-gray50)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .btn_close .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .item_box .tooltip .btn_close .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title {
    float: left;
    margin-right: 8px;
    font-weight: bold;
    color: #30b4b3
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 3px 5px 0 0;
    background-size: 14px;
    background-repeat: no-repeat
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.info::before {
    background-image: url("/public/assets/coupon/ico_info.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.benefit::before {
    background-image: url("/public/assets/coupon/ico_benefit.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.reward::before {
    background-image: url("/public/assets/coupon/ico_reward.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.saving::before {
    background-image: url("/public/assets/coupon/ico_saving.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.gift::before {
    background-image: url("/public/assets/coupon/ico_gift.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.coupon::before {
    background-image: url("/public/assets/coupon/ico_coupon.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.delivery::before {
    background-image: url("/public/assets/coupon/ico_delivery.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_title.pickup::before {
    background-image: url("/public/assets/coupon/ico_pickup.png")
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text {
    overflow: hidden
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 5px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .text:not(:only-child) {
    padding-left: 10px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .text:not(:only-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .text+.text {
    margin-top: 5px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text a.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-right: 12px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .btn_info_popup {
    vertical-align: -1px;
    padding-left: 4px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .btn_info_popup .fn-info1 {
    vertical-align: -2px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .text2 {
    position: relative;
    display: inline-block;
    padding-left: 8px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .text2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_text .ico_arrow_down {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 9px;
    height: 5px;
    fill: #444447;
    fill: var(--booking-color-gray20);
    cursor: pointer
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp {
    position: relative;
    margin: 5px 0 0 35px;
    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)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp {
    position: relative;
    display: block
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp+.stamp {
    border-top: 1px solid #f2f2f2
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_info {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 10px 18px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb {
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    width: 39px;
    height: 39px;
    border-radius: 9px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb .thumb_img {
    -o-object-fit: cover;
    object-fit: cover
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb .stamp_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb .stamp_icon.discount {
    width: 23px;
    height: 23px;
    background-position: 0px -108px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb .stamp_icon.gift {
    width: 23px;
    height: 23px;
    background-position: -25px -108px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.02)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb .stamp_used {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    text-align: center
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_thumb .stamp_used .fn-booking-check2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #fff
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    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;
    line-height: 1.54;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_stamp .stamp .stamp_ico {
    position: absolute;
    top: 12px;
    left: -16px;
    width: 23px;
    height: 16px;
    background: url("/public/assets/coupon/ico_stamp_plus.png") no-repeat;
    background-size: contain
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_coupon_list {
    margin: 8px 0 0 19px
}

.naver_order .order_info_area .info_main .info_main_notice .notice_list .box_coupon_list .box_coupon_item+.box_coupon_item {
    margin-top: 6px
}

.naver_order .order_info_area .info_main+.info_menu {
    margin-top: 16px
}

.naver_order .order_info_area .info_menu {
    position: relative;
    border-radius: 2px;
    -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: #fafafb;
    border-color: var(--booking-color-gray99);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.naver_order .order_info_area .info_menu+.info_coupon {
    margin-top: -28px
}

.naver_order .order_info_area .info_menu .menu_scroll {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 18px 0;
    -ms-overflow-style: none
}

.naver_order .order_info_area .info_menu .menu_scroll::-webkit-scrollbar {
    display: none
}

.naver_order .order_info_area .info_menu .menu_scroll .slick-prev {
    left: 44px
}

.naver_order .order_info_area .info_menu .menu_scroll .menu_list {
    white-space: nowrap
}

.naver_order .order_info_area .info_menu .menu_scroll .menu_item {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.naver_order .order_info_area .info_menu .menu_scroll .menu_item:first-child {
    margin-left: 15px
}

.naver_order .order_info_area .info_menu .menu_scroll .menu_item:last-child {
    margin-right: 15px
}

.naver_order .order_info_area .info_menu .menu_scroll .menu_item.recent_order .item_box {
    padding-right: 16px;
    border-right: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.naver_order .order_info_area .info_menu .menu_scroll .item_box {
    display: block;
    width: 81px
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top {
    position: relative
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .ico_default {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .ico_default.signature {
    background-color: #ffaf3b
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .ico_default.popular {
    background-color: #ff61a7
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .ico_default.recommend {
    background-color: #1a7fff
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .ico_default.count {
    background-color: #30b4b3
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 50%;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(255,255,255,.08)
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart.sold_out {
    width: 36px;
    border-radius: 14px;
    text-align: center
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart.sold_out::before {
    border-radius: 14px
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart .cart_text {
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart .num {
    z-index: 10;
    position: absolute;
    top: -1px;
    right: -2px;
    width: 17px;
    height: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fc4c4e;
    font-size: 12px;
    line-height: 14px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart .num.digits {
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    line-height: 18px
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_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
}

.naver_order .order_info_area .info_menu .menu_scroll .box_top .top_cart .ico_cart {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 19px;
    height: 19px;
    margin: auto
}

.naver_order .order_info_area .info_menu .menu_scroll .top_img {
    overflow: hidden;
    display: block;
    width: 81px;
    height: 81px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.naver_order .order_info_area .info_menu .menu_scroll .top_img .img {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #fff
}

.naver_order .order_info_area .info_menu .menu_scroll .top_img .img.full_frame {
    -o-object-fit: contain;
    object-fit: contain
}

.naver_order .order_info_area .info_menu .menu_scroll .top_img .noimg {
    width: 50px;
    height: 50px;
    padding: 15px
}

.naver_order .order_info_area .info_menu .menu_scroll .box_info {
    margin-top: 8px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .info_menu .menu_scroll .box_info .info_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 14px;
    line-height: 1.29;
    font-weight: 600
}

.naver_order .order_info_area .info_menu .menu_scroll .box_info .info_price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 13px;
    line-height: 1.23;
    font-weight: bold;
    color: #fc4c4e
}

.naver_order .order_info_area .info_menu .menu_scroll .box_info .info_original {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 12px;
    line-height: 1.25;
    text-decoration: line-through
}

.naver_order .order_info_area .menu_title {
    position: relative;
    margin: 0 15px;
    padding-top: 18px;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.42;
    color: #444447;
    color: var(--booking-color-gray20)
}

.naver_order .order_info_area .menu_title .point {
    color: #03c75a
}

.naver_order .order_info_area .menu_title .ico_clock {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.naver_order_contents {
    position: relative
}

.naver_order_contents.no_contents {
    height: 100vh
}

.info_main_tab {
    margin-top: 15px
}

.info_main_tab+.info_main_notice {
    margin-top: 16px
}

.info_main_tab+.info_main_address {
    margin-top: 16px
}

.info_main_tab .tab_switch_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px
}

.info_main_tab .tab_switch_box .tab_switch {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 8px 0 7px;
    background-color: #e8f6f7;
    background-color: var(--booking-color-order2);
    text-align: center
}

.info_main_tab .tab_switch_box .tab_switch:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.info_main_tab .tab_switch_box .tab_switch:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.info_main_tab .tab_switch_box .tab_switch:not(.active)+.tab_switch:not(.active) {
    margin-left: 1px
}

.info_main_tab .tab_switch_box .tab_switch.active {
    -webkit-box-flex: 1.2;
    -ms-flex-positive: 1.2;
    flex-grow: 1.2;
    margin: -3px 0;
    padding: 11px 0 8px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.05);
    border: 1px solid;
    border-radius: 2px;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface)
}

.info_main_tab .tab_switch_box .tab_switch.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid;
    border-width: 0 1px 1px 0;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    background-color: #fff;
    background-color: var(--booking-color-elevated-surface);
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text {
    font-size: 15px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text .fn-booking-check2 {
    display: inline-block
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text .ico_takeout {
    width: 18px;
    height: 18px;
    background-position: -462px -475px;
    vertical-align: -4px
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text .ico_dine {
    width: 18px;
    height: 18px;
    background-position: -573px -195px;
    vertical-align: -4px
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text .ico_dt {
    width: 18px;
    height: 18px;
    background-position: -573px -215px;
    vertical-align: -4px
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text .ico_delivery {
    width: 18px;
    height: 18px;
    background-position: -573px -175px;
    vertical-align: -4px
}

.info_main_tab .tab_switch_box .tab_switch.active .tab_text .ico_robot {
    width: 18px;
    height: 18px;
    background-position: -422px -475px;
    vertical-align: -4px
}

.info_main_tab .tab_switch_box .tab_switch .tab_text {
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 13px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .fn-booking-check2 {
    display: none;
    margin-left: 4px;
    vertical-align: -2px;
    font-size: 14px;
    color: #03c75a
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .ico_takeout {
    width: 15px;
    height: 15px;
    background-position: -351px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .ico_dine {
    width: 15px;
    height: 15px;
    background-position: -283px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .ico_dt {
    width: 15px;
    height: 15px;
    background-position: -300px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .ico_delivery {
    width: 15px;
    height: 15px;
    background-position: -266px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .ico_robot {
    width: 15px;
    height: 15px;
    background-position: -317px -522px;
    vertical-align: -3px;
    margin-right: 5px
}

.info_main_tab .tab_switch_box .tab_switch .tab_text .ico_beta {
    vertical-align: top;
    width: 19px;
    height: 11px;
    margin-right: 2px;
    fill: #fc4c4e
}

.coupon_root {
    min-height: 100vh
}

.coupon_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-bottom: 1px solid;
    border-bottom-color: #e9e9ec;
    border-bottom-color: var(--booking-color-gray80)
}

.coupon_header.place {
    border-bottom: none
}

.coupon_header .header_gnb {
    position: relative;
    max-width: 720px;
    padding: 0 50px 0 45px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 50px;
    z-index: 10
}

.coupon_header .header_gnb.center .header_title {
    text-align: center
}

.coupon_header .header_gnb .header_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_header .header_gnb .header_link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    display: block
}

.coupon_header .header_gnb .header_link .fn-home1 {
    vertical-align: -2px;
    margin-right: 10px;
    font-size: 20px
}

.coupon_header .header_gnb .btn_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 50px
}

.coupon_header .header_gnb .btn_back .ico_back {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.coupon_header .header_gnb .btn_back .ico_back:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: 4px;
    border-left: 2px solid var(--booking-color-gray10);
    border-bottom: 2px solid var(--booking-color-gray10)
}

.coupon_header .header_gnb .btn_back .ico_back::before {
    border-color: #444447;
    border-color: var(--booking-color-gray20)
}

.coupon_header .header_gnb .btn_back .ico_back::after {
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.coupon_header .header_gnb .btn_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px
}

.coupon_header .header_gnb .btn_close .ico_close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.coupon_header .header_gnb .btn_close .ico_close:before,.coupon_header .header_gnb .btn_close .ico_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 2px;
    background-color: #000
}

.coupon_header .header_gnb .btn_close .ico_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.coupon_header .header_gnb .btn_close .ico_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.coupon_header .header_gnb .btn_close .ico_close::before,.coupon_header .header_gnb .btn_close .ico_close::after {
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.coupon_header .header_gnb .btn_more {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    outline: none;
    font-size: 24px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_header .header_gnb .box_more {
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    position: absolute;
    top: 45px;
    right: 18px;
    min-width: 159px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.coupon_header .header_gnb .box_more .more_link {
    display: block;
    padding: 0 36px 0 16px;
    line-height: 42px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_header .header_gnb .box_more .more_link+.more_link {
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90)
}

.coupon_header .header_gnb .box_more .more_link .ico_disconnect {
    width: 17px;
    height: 17px;
    background-position: -430px -495px;
    margin-right: 7px;
    vertical-align: -2px
}

.coupon_header .header_gnb .box_more .more_link .ico_ticket {
    width: 18px;
    height: 18px;
    background-position: -389px -495px;
    margin-right: 7px;
    vertical-align: -2px
}

.coupon_header .header_tab {
    position: relative;
    display: table;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed
}

.coupon_header .header_tab .tab_item[aria-selected=true] .item_text {
    position: relative;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_header .header_tab .tab_item[aria-selected=true] .item_text::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #222225;
    background-color: var(--booking-color-gray10)
}

.coupon_header .header_tab .tab_item.disabled {
    display: none
}

.coupon_header .header_tab .tab_item .item_text {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    line-height: 46px;
    letter-spacing: -0.5px;
    color: #939396;
    color: var(--booking-color-gray50);
    white-space: nowrap
}

.coupon_container {
    padding: 50px 0 20px
}

.coupon_container.tab {
    padding-top: 97px
}

.coupon_container.tab .coupon_list_filter.fixed {
    top: 97px
}

.coupon_container.place {
    padding-top: 97px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.coupon_container.place .coupon_list_filter.fixed {
    top: 97px
}

.coupon_container .coupon_container_inner {
    max-width: 720px;
    margin: 0 auto
}

.coupon_container .coupon_guide {
    height: 48px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 14px;
    line-height: 48px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_container .coupon_guide .guide_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.coupon_container .coupon_guide .link_guide {
    vertical-align: -4px;
    padding: 5px;
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_container .coupon_stamp:last-child {
    margin-bottom: 26px
}

.coupon_container .link_more {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    display: block;
    width: 175px;
    margin: 30px auto 0;
    border-radius: 21.5px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-size: 15px;
    line-height: 43px;
    text-align: center;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_container .link_more .fn-booking-forward1 {
    margin-left: 2px;
    font-size: 11px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_container .place_login_area {
    padding: 30px 18px
}

.coupon_container .place_login_area .box {
    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: 19px 16px 17px;
    border-radius: 12px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.coupon_container .place_login_area .txt {
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_container .place_login_area .txt .point {
    font-weight: 700;
    color: #03aa5a
}

.coupon_container .place_login_area .btn_login {
    padding: 6px 13px;
    border-radius: 4px;
    background-color: #03aa5a;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    color: #fff
}

.coupon_list_area {
    margin: 0 16px
}

.coupon_list_area.gift {
    margin-top: 20px
}

.coupon_list_area.gift .coupon_list {
    margin-top: 16px
}

.coupon_list_area.gift .coupon_list+.coupon_list_title {
    margin-top: 40px
}

.coupon_list_area.coupon {
    margin-top: 16px
}

.coupon_list_area.my {
    margin: 15px 0 0 0
}

.coupon_list_area.stamp {
    margin: 18px 0 0
}

.coupon_list_area.stamp .coupon_list_title {
    margin: 0 16px
}

.coupon_list_area.stamp .coupon_list {
    margin: 15px 16px 0
}

.coupon_list_area.stamp .btn_more {
    border-bottom: 1px solid #e2e5e8
}

.coupon_list_area.stamp+.coupon_list_title {
    margin: 20px 16px 0
}

.coupon_list_area.stamp+.coupon_stamp {
    margin-top: 30px
}

.coupon_list_area .coupon_list .list_item+.list_item {
    margin-top: 12px
}

.coupon_list_area .btn_more {
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 12px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_list_area .btn_more .fn-down2 {
    vertical-align: -2px;
    margin-left: 8px;
    font-size: 15px
}

.coupon_list_area .btn_more.open .fn-down2 {
    translate: rotate(180deg)
}

.coupon_list_title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_list_filter {
    position: relative
}

.coupon_list_filter.fixed {
    position: fixed;
    left: 0;
    top: 50px;
    right: 0;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.05);
    box-shadow: 1px 1px rgba(0,0,0,.05);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 1000
}

.coupon_list_filter.fixed .filter_fixed_inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.coupon_list_filter.fixed+.coupon_list_edit {
    margin-top: 68px
}

.coupon_list_filter.fixed+.coupon_list_area.coupon {
    margin-top: 76px
}

.coupon_list_filter .filter_inner {
    overflow: auto hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px;
    -ms-overflow-style: none
}

.coupon_list_filter .filter_inner::-webkit-scrollbar {
    display: none
}

.coupon_list_filter .filter_select,.coupon_list_filter .filter_item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.coupon_list_filter .filter_select {
    margin-right: 6px
}

.coupon_list_filter .filter_select.disabled button {
    background-color: var(--booking-color-gray90);
    color: #b4b4b4;
    border-color: var(--booking-color-gray80)
}

.coupon_list_filter .filter_select .btn_select {
    display: block;
    padding: 0px 15px;
    height: 36px;
    border-radius: 18px;
    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-surface);
    font-size: 14px;
    line-height: 36px;
    font-weight: 500;
    color: #555558;
    color: var(--booking-color-gray30);
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    font-weight: 600;
    color: #fff;
    color: var(--booking-color-gray100)
}

.coupon_list_filter .filter_select .btn_select .fn-booking-down2 {
    font-size: 11px;
    margin-left: 3px
}

.coupon_list_filter .filter_select .btn_select.open .fn-booking-down2 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coupon_list_filter .filter_select .select_list {
    position: absolute;
    top: 52px;
    left: 18px;
    width: 130px;
    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 1px 10px rgba(0,0,0,.15);
    box-shadow: 0px 1px 10px rgba(0,0,0,.15);
    border-radius: 4px;
    overflow: hidden;
    z-index: 100
}

.coupon_list_filter .filter_select .select_list .btn_option {
    width: 100%;
    padding: 13px 0 12px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.39px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_list_filter .filter_select .select_list .btn_option+.btn_option {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.coupon_list_filter .filter_select .select_list .btn_option.active {
    font-weight: bold;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_list_filter .filter_item {
    margin-right: 6px
}

.coupon_list_filter .filter_item .check {
    position: absolute
}

.coupon_list_filter .filter_item .check:checked+.label {
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    font-weight: 600;
    color: #fff;
    color: var(--booking-color-gray100)
}

.coupon_list_filter .filter_item .check:checked+.label .num {
    color: #03aa5a
}

.coupon_list_filter .filter_item .label {
    display: block;
    padding: 0px 15px;
    height: 36px;
    border-radius: 18px;
    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-surface);
    font-size: 14px;
    line-height: 36px;
    font-weight: 500;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_list_filter .filter_item .label .num {
    margin-left: 4px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_list_filter .filter_item:last-child {
    margin-right: 0
}

.coupon_list_edit {
    position: relative;
    height: 20px;
    margin: 8px 20px 0
}

.coupon_list_edit .btn_location {
    display: inline-block;
    background-color: rgba(0,0,0,0);
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.38px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_list_edit .btn_location .fn-presentlocation {
    vertical-align: -2px;
    margin-left: 5px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_list_edit .btn_location .fn-presentlocation::before {
    font-weight: bold
}

.coupon_list_edit .btn_edit {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_edit_area .fix_area {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 12px 16px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 100
}

.coupon_edit_area .txt_area {
    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
}

.coupon_edit_area .txt_area .btn_all {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.28px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_edit_area .txt_area .btn_all .fn-booking-check1 {
    margin-right: 4px;
    font-size: 13px;
    vertical-align: -2px
}

.coupon_edit_area .txt_area .btn_all .fn-booking-check1::before {
    font-weight: bold
}

.coupon_edit_area .txt_area .txt {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.28px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_edit_area .btns_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin: 12px auto 0
}

.coupon_edit_area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 11px 15px;
    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)
}

.coupon_edit_area .btn+.btn {
    margin-left: 8px;
    border: 0;
    background-color: #03aa5a;
    color: #fff
}

.coupon_edit_area .btn+.btn:disabled {
    background-color: #d9d9dc;
    background-color: var(--booking-color-gray70);
    color: #fff;
    color: var(--booking-color-gray100)
}

.coupon_smart_message {
    position: relative;
    padding: 15px;
    border: 1px solid rgba(0,0,0,.05);
    -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,.05);
    box-shadow: 0px 4px 10px rgba(0,0,0,.05);
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.coupon_smart_message .gift_from {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    padding: 0 22px 10px 0;
    border-bottom: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.5px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_smart_message .gift_from .from {
    margin-right: 3px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_smart_message .btn_delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    font-size: 14px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_smart_message .gift_message {
    padding-top: 15px
}

.coupon_smart_message .gift_message .message_img {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    overflow: hidden
}

.coupon_smart_message .gift_message .message_img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.coupon_smart_message .gift_message .message_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;
    margin-top: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_smart_message .gift_message .message_text {
    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;
    margin: 6px 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_bookmark_add {
    overflow: hidden;
    position: relative;
    margin: 24px 18px;
    padding-top: 24px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.06)
}

.coupon_bookmark_add::before {
    width: 117px;
    height: 150px;
    background-position: 0px -174px;
    content: "";
    position: absolute;
    top: -33px;
    right: 0
}

.coupon_bookmark_add .br {
    display: inline-block;
    vertical-align: top
}

.coupon_bookmark_add .title {
    padding: 0 117px 0 26px;
    color: #03c75a;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.coupon_bookmark_add .text {
    padding: 5px 117px 0 26px;
    color: #666;
    font-size: 14px;
    line-height: 20px
}

.coupon_bookmark_add .text .br {
    display: block
}

.coupon_bookmark_add .add_btn {
    display: block;
    width: 100%;
    height: 52px;
    margin-top: 23px;
    background-color: #0ad18e;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px
}

.coupon_bookmark_add .add_btn::before {
    width: 13px;
    height: 13px;
    background-position: -463px -522px;
    content: "";
    margin-right: 8px
}

.coupon_bookmark_add .add_btn.disabled {
    background-image: none;
    background-color: #c9c9c9
}

.coupon_bookmark_add.agreement {
    margin: -46px 0 0;
    padding: 72px 0 20px;
    border-radius: 0
}

.coupon_bookmark_add.agreement::before {
    top: 15px
}

.coupon_bookmark_add.agreement .add_btn {
    width: calc(100% - 36px);
    margin: 23px 18px 0;
    border-radius: 5px
}

.coupon_regulation {
    border-radius: 0 0 3px 3px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_regulation .regulation_header {
    position: relative;
    width: 100%;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    text-align: left
}

.coupon_regulation .regulation_header .title {
    font-size: 14px;
    font-weight: 600;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_regulation .regulation_header .ico_folder {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 8px;
    position: absolute;
    top: 19px;
    right: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_regulation .regulation_header .ico_folder: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 #666;
    border-bottom: 1px solid #666
}

.coupon_regulation .regulation_header.open+.regulation_detail {
    display: block
}

.coupon_regulation .regulation_header.open .ico_folder {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coupon_regulation .regulation_header+.regulation_detail {
    border-top: 1px solid;
    border-top-color: #e9e9ec;
    border-top-color: var(--booking-color-gray80)
}

.coupon_regulation .regulation_detail {
    display: none;
    padding: 10px 0 16px;
    margin: 0 20px;
    font-size: 14px;
    line-height: 23px
}

.coupon_regulation .regulation_detail .detail_item {
    padding-left: 10px;
    text-indent: -10px
}

.coupon_regulation .regulation_detail .detail_item:before {
    content: "";
    display: inline-block;
    margin-right: 7px;
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background-color: #a8a8a8;
    vertical-align: 4px
}

.coupon_complete {
    position: relative;
    display: block;
    height: 24px;
    font-size: 14px;
    text-align: center;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_complete.more {
    padding: 20px 0 10px
}

.coupon_complete.more::before {
    display: none
}

.coupon_complete .text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    background-color: #f4f7f9
}

.coupon_complete::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 18px;
    right: 18px;
    height: 1px;
    background-color: #dde5ea
}

.coupon_complete .ico_arrow {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 12px;
    margin-left: 5px;
    vertical-align: -1px
}

.coupon_complete .ico_arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -2px;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

.stamp_no_list {
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);
    overflow: hidden;
    margin: 20px 18px 0;
    border-radius: 10px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.stamp_no_list .message_info {
    position: relative;
    padding: 24px 26px 18px 26px
}

.stamp_no_list .message_info::before {
    width: 117px;
    height: 150px;
    background-position: 0px -174px;
    content: "";
    position: absolute;
    top: -22px;
    right: 0
}

.stamp_no_list .message_info .info_title {
    font-size: 18px;
    font-weight: bold;
    color: #03c75a
}

.stamp_no_list .message_info .info_text {
    margin-top: 8px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.stamp_no_list .message_link {
    position: relative;
    display: block;
    margin: 0 18px;
    border-top: 1px solid;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    border-color: #444447;
    border-color: var(--booking-color-gray20)
}

.stamp_no_list .message_link .highlight {
    color: #18c85a
}

.stamp_no_list .message_link .fn-booking-forward1 {
    margin-left: 5px;
    font-size: 14px;
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    vertical-align: -2px
}

.stamp_no_list .message_link.add_customer {
    margin: 0;
    border-top: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#0cc586), color-stop(0%, #03c75a));
    background-image: linear-gradient(to left, #0cc586, #03c75a 0%);
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.stamp_no_list .message_link.add_customer::before {
    width: 13px;
    height: 13px;
    background-position: -463px -522px;
    content: "";
    margin-right: 5px;
    vertical-align: 0
}

.coupon_no_list {
    margin-top: 145px;
    text-align: center
}

.coupon_no_list .icon_coupon {
    display: inline-block;
    width: 146px
}

.coupon_no_list .info_title {
    display: block;
    margin-top: 36px;
    font-size: 20px;
    line-height: 26px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_no_list .info_text {
    margin-top: 9px;
    line-height: 24px;
    color: #a5a5a7
}

.coupon_customer_wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 74px 18px 18px;
    background-color: #f4f7f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.coupon_customer_wrap .customer_filter .filter_item+.filter_item {
    margin-left: 11px
}

.coupon_customer_wrap .customer_filter .filter_item .label::before {
    content: "";
    display: inline-block;
    vertical-align: 2px;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #d8d8d8
}

.coupon_customer_wrap .customer_filter .filter_item input[type=radio].check:checked+.label {
    color: #424242
}

.coupon_customer_wrap .customer_filter .filter_item input[type=radio].check:checked+.label::before {
    background-color: #03c75a
}

.coupon_customer_wrap .customer_filter .label {
    font-size: 15px;
    letter-spacing: -0.2px;
    color: #888
}

.coupon_customer_wrap .customer_list {
    margin: 18px 0 0
}

.coupon_customer_wrap .customer_item+.customer_item {
    margin-top: 16px
}

.coupon_customer_wrap .customer_info {
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 32px 18px 18px;
    border-radius: 10px;
    background-color: #fff
}

.coupon_customer_wrap .customer_info .info_thumb {
    min-width: 48px;
    height: 48px;
    margin-right: 12px
}

.coupon_customer_wrap .customer_info .info_thumb .thumb {
    overflow: hidden;
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.coupon_customer_wrap .customer_info .info_thumb .thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50%
}

.coupon_customer_wrap .customer_info .info_detail {
    overflow: hidden
}

.coupon_customer_wrap .customer_info .detail_name {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    color: #242424
}

.coupon_customer_wrap .customer_info .detail_name .ico_arrow {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 5px;
    vertical-align: 1px
}

.coupon_customer_wrap .customer_info .detail_name .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 #333;
    border-right: 1px solid #333
}

.coupon_customer_wrap .customer_info .detail_text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 34px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 2px;
    font-size: 13px;
    line-height: 17px;
    color: #8f8f8f
}

.coupon_customer_wrap .customer_info .detail_text .text+.text::before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 1px;
    height: 12px;
    margin: 0 9px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80)
}

.coupon_customer_wrap .customer_info .detail_text .number {
    font-weight: bold;
    color: #18c85a
}

.coupon_customer_wrap .customer_info .btn_more {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0 18px;
    background-color: rgba(0,0,0,0);
    outline: none
}

.coupon_customer_wrap .customer_info .btn_more .ico_more {
    width: 3px;
    height: 15px;
    background-position: -684px -247px;
    color: rgba(0,0,0,0)
}

.coupon_customer_wrap .customer_info .box_more {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    position: absolute;
    top: 49px;
    right: 18px;
    min-width: 159px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #fff
}

.coupon_customer_wrap .customer_info .box_more .more_link {
    display: block;
    padding: 0 36px 0 16px;
    line-height: 42px;
    color: #666
}

.coupon_customer_wrap .customer_info .box_more .more_link .ico_disconnect {
    width: 17px;
    height: 17px;
    background-position: -430px -495px;
    margin-right: 7px;
    vertical-align: -2px
}

.coupon_customer_wrap .customer_info .box_more .more_link .ico_arrow {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 11px;
    position: absolute;
    top: 15px;
    right: 16px
}

.coupon_customer_wrap .customer_info .box_more .more_link .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 #333;
    border-right: 1px solid #333
}

.coupon_menu_link {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    z-index: 8000;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.coupon_menu_link .link {
    display: block;
    margin: 10px;
    border-radius: 5px;
    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: 17px;
    line-height: 52px;
    font-weight: bold;
    text-align: center;
    color: #fff
}

@media screen and (min-width: 720px) {
    .coupon_menu_link .link {
        max-width:720px;
        margin: 10px auto
    }
}

.coupon_menu_link+.coupon_container {
    padding-bottom: 90px
}

@media screen and (max-width: 320px) {
    .header_gnb .header_title {
        font-size:18px
    }

    .coupon_container .coupon_guide {
        font-size: 13px
    }

    .coupon_bookmark_add .br {
        display: block
    }

    .coupon_bookmark_add .text {
        padding-right: 20px
    }

    .coupon_bookmark_add .text .br {
        display: none
    }
}

.coupon_detail_wrap {
    height: calc(100vh - 50px);
    margin-top: 50px;
    overflow-y: auto
}

.coupon_detail_wrap.disabled .detail_coupon_section::before {
    background: #888
}

.coupon_detail_wrap.disabled .detail_coupon_top .coupon_thumb::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 9px;
    background: rgba(255,255,255,.4);
    content: ""
}

.coupon_detail_wrap.disabled .detail_coupon_top .icon [class*=icon_coupon_gradient_area] {
    fill: #8f8f8f
}

.coupon_detail_wrap.disabled .detail_coupon_top .coupon_info_area .text_type {
    border-color: #8f8f8f;
    color: #8f8f8f
}

.coupon_detail_wrap.disabled .detail_coupon_top .coupon_info_area .text_type .icon_naver {
    fill: #8f8f8f
}

.coupon_detail_wrap.disabled .detail_coupon_bottom .coupon_label {
    font-weight: 500;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_detail_wrap.info {
    text-align: center
}

.coupon_detail_wrap.info .ico_coupon {
    margin-top: 107px;
    width: 146px;
    height: 102px
}

.coupon_detail_wrap.info .info_tit {
    display: block;
    margin-top: 36px;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_detail_wrap.info .info_desc {
    margin-top: 9px;
    font-size: 16px;
    line-height: 24px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_detail_wrap.info .info_link {
    display: inline-block;
    width: 167px;
    height: 44px;
    margin-top: 36px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,.03);
    box-shadow: 0px 1px 6px rgba(0,0,0,.03);
    border-radius: 22px;
    font-size: 16px;
    line-height: 44px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_detail_wrap .coupon_detail_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.coupon_detail_wrap .detail_coupon_section {
    position: relative;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 7px
}

.coupon_detail_wrap .detail_coupon_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#01d760), to(#4bcdcc)) no-repeat;
    background: linear-gradient(90deg, #01d760 0%, #4bcdcc 100%) no-repeat;
    border-radius: 6px 6px 0 0
}

.coupon_detail_wrap .detail_coupon_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 35px 20px 30px
}

.coupon_detail_wrap .detail_coupon_top::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-bottom: 1px dashed;
    border-color: #d9d9dc;
    border-color: var(--booking-color-gray70)
}

.coupon_detail_wrap .detail_coupon_top .coupon_thumb_area .thumb,.coupon_detail_wrap .detail_coupon_top .coupon_thumb_area .icon {
    width: 50px;
    height: 50px
}

.coupon_detail_wrap .detail_coupon_top .coupon_info_area {
    margin-left: 15px
}

.coupon_detail_wrap .detail_coupon_top .coupon_info_area .text_top {
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_detail_wrap .detail_coupon_top .coupon_info_area .text {
    margin-top: 5px;
    font-weight: 700;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: -0.2px
}

.coupon_detail_wrap .detail_coupon_top .coupon_info_area .text_type {
    display: inline-block;
    vertical-align: 1px;
    margin-right: 5px;
    padding: 2px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #03aa5a;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 4px rgba(0,182,81,.07);
    box-shadow: 0px 2px 4px rgba(0,182,81,.07);
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #03aa5a
}

.coupon_detail_wrap .detail_coupon_top .coupon_info_area .text_type .icon_naver {
    margin-right: 1px;
    width: 9px;
    height: 9px;
    fill: #03aa5a
}

.coupon_detail_wrap .detail_coupon_bottom {
    position: relative;
    padding: 20px
}

.coupon_detail_wrap .detail_coupon_bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.coupon_detail_wrap .detail_coupon_bottom::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .info_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .info_item+.info_item {
    margin-top: 7px
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .item_title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-width: 53px;
    color: #222225;
    color: var(--booking-color-gray10)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .item_info {
    margin-left: 10px
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .item_info .btn_info {
    vertical-align: bottom;
    margin-left: 2px;
    font-size: 16px;
    line-height: 20px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .item_info .btn_info .fn-help1 {
    vertical-align: -2px
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label {
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding: 14px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #03aa5a;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label.is_disabled {
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label.is_added {
    font-size: 15px;
    letter-spacing: -0.6px;
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label.is_added .ico_check {
    width: 18px;
    height: 12px;
    margin-right: 4px;
    fill: #c5c5c7;
    fill: var(--booking-color-gray60)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label.is_added .btn_cancel {
    position: absolute;
    top: 15px;
    right: 13px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label .ico_download {
    vertical-align: -2px;
    width: 16px;
    height: 14px;
    margin-right: 5px;
    fill: #fff
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label .tooltip {
    position: absolute;
    left: 50%;
    bottom: -46px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 15px 9px;
    background: -webkit-gradient(linear, left top, right top, from(#1fd775), color-stop(87.84%, #14d2d1));
    background: linear-gradient(90deg, #1fd775 0%, #14d2d1 87.84%);
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.15);
    box-shadow: 0px 4px 4px rgba(0,0,0,.15);
    border-radius: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    white-space: nowrap
}

.coupon_detail_wrap .detail_coupon_bottom .coupon_label .tooltip::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid #37ceac;
    border-right: 5px solid rgba(0,0,0,0)
}

.coupon_detail_wrap .detail_info_section {
    margin-top: 18px;
    padding: 16px;
    background-color: #fafafb;
    background-color: var(--booking-color-gray99);
    border-radius: 12px
}

.coupon_detail_wrap .detail_info_section .detail_info_title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_detail_wrap .detail_info_section .detail_info_list {
    margin-top: 4px
}

.coupon_detail_wrap .detail_info_section .detail_info_list+.detail_info_title {
    margin-top: 16px
}

.coupon_detail_wrap .detail_info_section .detail_info_list .detail_list_item {
    position: relative;
    margin-top: 4px;
    padding-left: 11px;
    font-size: 15px;
    line-height: 20px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_detail_wrap .detail_info_section .detail_info_list .detail_list_item+.detail_list_item {
    margin-top: 5px
}

.coupon_detail_wrap .detail_info_section .detail_info_list .detail_list_item::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #c5c5c7;
    background-color: var(--booking-color-gray60)
}

@media screen and (max-width: 320px) {
    .coupon_detail_wrap .detail_coupon_top {
        padding:29px 20px 25px
    }

    .coupon_detail_wrap .detail_coupon_top .coupon_thumb_area .thumb,.coupon_detail_wrap .detail_coupon_top .coupon_thumb_area .icon {
        width: 40px;
        height: 40px
    }

    .coupon_detail_wrap .detail_coupon_top .coupon_info_area {
        margin-left: 10px
    }

    .coupon_detail_wrap .detail_coupon_top .coupon_info_area .text_top {
        font-size: 12px
    }

    .coupon_detail_wrap .detail_coupon_top .coupon_info_area .text {
        margin-top: 2px;
        font-size: 15px
    }

    .coupon_detail_wrap .detail_coupon_bottom {
        padding: 20px 16px 16px
    }

    .coupon_detail_wrap .detail_coupon_bottom .coupon_info_list .info_item {
        font-size: 12px;
        line-height: 15px
    }

    .coupon_detail_wrap .detail_info_section .detail_info_title {
        font-size: 13px
    }

    .coupon_detail_wrap .detail_info_section .detail_info_list .detail_list_item {
        font-size: 13px
    }
}

.coupon_guide_wrap {
    padding-top: 98px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.coupon_guide_wrap .guide_sub_tab {
    max-width: 720px;
    margin: 10px auto 0;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto hidden;
    text-align: center;
    white-space: nowrap
}

.coupon_guide_wrap .guide_sub_tab .tab_item {
    display: inline-block;
    padding: 0px 15px;
    height: 36px;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.03);
    box-shadow: 0px 3px 3px rgba(0,0,0,.03);
    border-radius: 18px;
    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: 36px;
    font-weight: 500;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_guide_wrap .guide_sub_tab .tab_item+.tab_item {
    margin-left: 8px
}

.coupon_guide_wrap .guide_sub_tab .tab_item .icon {
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    fill: #03aa5a
}

.coupon_guide_wrap .guide_sub_tab .tab_item.active {
    background-color: #444447;
    background-color: var(--booking-color-gray20);
    border-color: #444447;
    border-color: var(--booking-color-gray20);
    font-weight: 700;
    color: #fff;
    color: var(--booking-color-gray100)
}

.coupon_guide_wrap .guide_sub_tab .tab_item.active .icon {
    fill: #fff;
    fill: var(--booking-color-gray100)
}

.coupon_guide_wrap .guide_sub_tab+.guide_content {
    padding-top: 20px
}

.coupon_guide_wrap .guide_content {
    padding: 30px 33px 72px
}

.coupon_guide_wrap .guide_content .guide_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 310px;
    margin: 0 auto
}

.coupon_guide_wrap .guide_content .guide_step+.guide_step {
    margin-top: 40px
}

.coupon_guide_wrap .guide_content .step_img {
    width: 165px
}

.coupon_guide_wrap .guide_content .step_text {
    margin-left: 18px
}

.coupon_guide_wrap .guide_content .step_text .number {
    display: block;
    width: 23px;
    height: 18px;
    border-radius: 9px;
    background-color: #4d4d51;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: -0.38px;
    color: #fff;
    text-align: center
}

.coupon_guide_wrap .guide_content .step_text .text {
    margin-top: 10px;
    line-height: 22px;
    letter-spacing: -0.38px;
    color: #222225;
    color: var(--booking-color-gray10);
    word-break: keep-all
}

.coupon_guide_wrap .guide_content .step_text .text .highlight {
    font-weight: 900;
    color: #03c75a
}

.coupon_guide_wrap .guide_content .step_text .sub_text {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.38px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_guide_wrap .guide_content .step_slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 165px;
    padding-bottom: 20px;
    overflow: hidden
}

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

.coupon_guide_wrap .guide_content .step_slide .dot_nav .dot_list {
    overflow: hidden;
    display: inline-block
}

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

.coupon_guide_wrap .guide_content .step_slide .dot_nav .dot_list>li .dot_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #e2e5e8
}

.coupon_guide_wrap .guide_content .step_slide .dot_nav .dot_list>li.slick-active .dot_link {
    background-color: #03c75a
}

@media screen and (max-width: 320px) {
    .coupon_guide_wrap .guide_content .step_img,.coupon_guide_wrap .guide_content .step_slide {
        width:120px
    }
}

.coupon_password_wrap {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100vh - 50px);
    margin-top: 50px
}

.coupon_password_wrap .coupon_password_display {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    position: relative
}

.coupon_password_wrap .coupon_password_display .password_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #222225;
    color: var(--booking-color-gray10);
    text-align: center;
    white-space: pre
}

.coupon_password_wrap .coupon_password_display .password_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.coupon_password_wrap .coupon_password_display .password_area .input_password {
    width: 46px;
    height: 46px;
    padding-top: 3px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #c5c5c7;
    border-color: var(--booking-color-gray60);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    font-weight: 600;
    font-size: 21px;
    line-height: 46px;
    color: #c5c5c7;
    color: var(--booking-color-gray60);
    text-align: center
}

.coupon_password_wrap .coupon_password_display .password_area .input_password+.input_password {
    margin-left: 9px
}

.coupon_password_wrap .coupon_password_display .password_area .input_password.focus {
    padding-top: 0;
    border-color: #03aa5a;
    outline: none;
    color: #444447;
    color: var(--booking-color-gray20)
}

.coupon_password_wrap .coupon_password_display .password_coupon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -33px;
    width: 249px
}

.coupon_password_wrap .coupon_password_keypad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 44px 18px 16px;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.coupon_password_wrap .coupon_password_keypad .btn_keypad {
    width: 33.33%;
    height: 63px;
    font-weight: 700;
    font-size: 25px;
    color: #555558;
    color: var(--booking-color-gray30)
}

.coupon_password_wrap .coupon_password_keypad .btn_keypad .ico_back {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 20px
}

.coupon_password_wrap .coupon_password_keypad .btn_keypad .ico_back:before {
    content: "";
    position: absolute;
    border-top: 2px solid var(--booking-color-gray30);
    border-left: 2px solid var(--booking-color-gray30);
    top: 50%;
    width: 12px;
    height: 12px;
    left: 10px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.coupon_password_wrap .coupon_password_keypad .btn_keypad .ico_back:after {
    content: "";
    position: absolute;
    background-color: var(--booking-color-gray30);
    top: 50%;
    left: 1px;
    width: 23px;
    height: 2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width: 320px) {
    .coupon_password_wrap .coupon_password_display .password_title {
        font-size:18px;
        line-height: 22px
    }

    .coupon_password_wrap .coupon_password_display .password_area {
        margin-top: 15px
    }

    .coupon_password_wrap .coupon_password_display .password_area .input_password {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

.hub_page_wrap {
    background-color: #fff
}

.hub_page_wrap+.gototop {
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90)
}

.hub_page_wrap.type_order .smart_order .smart_header .header_area [class^=header_]::before {
    display: none
}

.hub_page_wrap.type_order .smart_order .smart_info .info_area .info_title {
    text-align: left
}

.hub_page_wrap.type_order .page_contents .merge_store_list .horizontal_menu_list.no_img .menu_item .menu_box {
    text-align: center
}

.hub_page_wrap.type_order .page_contents .merge_store_list .horizontal_menu_list .menu_item {
    width: 110px
}

.hub_page_wrap.type_order .page_contents .merge_store_list .horizontal_menu_list .menu_item .img_box {
    height: 110px
}

.hub_page_wrap.type_order .page_contents .merge_store_list .horizontal_menu_list .menu_item .menu_box {
    text-align: left
}

.hub_page_wrap.type_order .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name::before {
    background-color: #e8f6f7;
    background-color: var(--booking-color-turquoise95)
}

.hub_page_wrap.type_order .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name .store_name_txt {
    -webkit-box-shadow: inset 0 -16px 0 var(--booking-color-turquoise95);
    box-shadow: inset 0 -16px 0 var(--booking-color-turquoise95)
}

.hub_page_wrap.type_order .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name .store_name_txt::after {
    background-color: #e8f6f7;
    background-color: var(--booking-color-turquoise95)
}

.hub_page_wrap .smart_order .smart_info .info_area .info_title .main_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;
    white-space: normal
}

.hub_page_wrap .smart_category .category_box .category_list .category_item:first-child .tab {
    margin-left: 18px
}

.hub_page_wrap .smart_category .category_box .category_list .category_item:nth-child(2) .tab {
    margin-left: 0
}

.hub_page_wrap .smart_category .category_box .category_list .category_item .tab .tab_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    max-width: 130px
}

.hub_page_wrap .smart_category .category_box .category_list .category_item .tab.active .tab_text {
    background-color: #444447;
    background-color: var(--booking-color-gray20)
}

.hub_page_wrap .page_header {
    position: relative;
    min-height: 206px;
    background-image: url("../../../public//assets/bg_hub_top.png");
    background-size: cover
}

.hub_page_wrap .page_header .img_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hub_page_wrap .page_header .img_wrap::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
    background-color: #000;
    content: ""
}

.hub_page_wrap .page_header .img_wrap .bg_img {
    width: auto;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover
}

.hub_page_wrap .page_header .info_wrap {
    position: relative;
    padding: 40px 0 56px;
    color: #000
}

.hub_page_wrap .page_header .service_area {
    text-align: center
}

.hub_page_wrap .page_header .service_area .btn_home {
    display: inline-block;
    vertical-align: top
}

.hub_page_wrap .page_header .service_area .btn_home .ico_n_logo {
    display: inline-block;
    vertical-align: top;
    width: 95px;
    height: 20px;
    background-position: -247px -276px
}

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

.hub_page_wrap .page_header .title_area {
    margin: 0 20px;
    padding-top: 16px;
    text-align: center
}

.hub_page_wrap .page_header .title_area .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 60px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 26px;
    line-height: 30px
}

.hub_page_wrap .page_header .seat_area {
    margin: 0 18px;
    padding-top: 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.hub_page_wrap .page_header .seat_area::before {
    content: "";
    display: inline-block;
    vertical-align: -3px;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background-position: -575px -446px
}

.hub_page_wrap .page_header .seat_area .seat_num::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 6px;
    background-color: #000;
    opacity: .3;
    vertical-align: -1px
}

.hub_page_wrap .page_header .button_my {
    position: absolute;
    top: 18px;
    right: 0;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    z-index: 10
}

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

.hub_page_wrap .page_header.img_type .info_wrap,.hub_page_wrap .page_header.img_type .button_my,.hub_page_wrap .page_header.img_type .btn_promotion {
    color: #fff
}

.hub_page_wrap .page_header.img_type .btn_home .ico_n_logo {
    width: 95px;
    height: 20px;
    background-position: -119px -302px
}

.hub_page_wrap .page_header.img_type .button_my::before {
    width: 13px;
    height: 15px;
    background-position: -84px -548px
}

.hub_page_wrap .page_header.img_type .btn_promotion::after {
    width: 9px;
    height: 5px;
    background-position: -679px -475px
}

.hub_page_wrap .page_header.img_type .seat_area::before {
    width: 16px;
    height: 16px;
    background-position: -449px -495px
}

.hub_page_wrap .page_header.img_type .seat_area .seat_num::before {
    background-color: #ededed
}

.hub_page_wrap .page_header.seat_type {
    height: 244px
}

.hub_page_wrap .page_contents {
    position: relative;
    min-height: calc(100vh - 60px);
    margin-top: -18px;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.hub_page_wrap .page_contents .sort_area {
    position: relative;
    border-bottom: 1px solid #f2f2f2
}

.hub_page_wrap .page_contents .sort_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    border-radius: 15px 0 0 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
    z-index: 999
}

.hub_page_wrap .page_contents .sort_area::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border-radius: 15px 15px 0 0;
    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);
    pointer-events: none
}

.hub_page_wrap .page_contents .sort_list {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 18px;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    -ms-overflow-style: none
}

.hub_page_wrap .page_contents .sort_list::-webkit-scrollbar {
    display: none
}

.hub_page_wrap .page_contents .sort_list .sort_item {
    position: relative;
    display: inline-block
}

.hub_page_wrap .page_contents .sort_list .sort_item.on .link {
    font-weight: bold;
    color: #04ad75
}

.hub_page_wrap .page_contents .sort_list .sort_item.on .link::before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background-image: linear-gradient(266deg, #3accff 0%, #2cec88 100%)
}

.hub_page_wrap .page_contents .sort_list .sort_item .link {
    position: relative;
    display: block;
    padding: 0 10px;
    line-height: 52px;
    font-family: NanumSquareB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 16px;
    color: #000
}

.hub_page_wrap .page_contents .info_menu {
    position: relative;
    padding-top: 25px;
    border-bottom: solid 10px;
    border-color: #f0f0f3;
    border-color: var(--booking-color-gray90);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.hub_page_wrap .page_contents .info_menu .info_layout {
    max-width: 720px;
    margin: 0 auto
}

.hub_page_wrap .page_contents .info_menu .menu_title {
    display: block;
    margin-bottom: 15px;
    padding: 0 19px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.4px;
    color: #000;
    color: var(--booking-color-gray0)
}

.hub_page_wrap .page_contents .info_menu .menu_title .name {
    color: #03aa5a
}

.hub_page_wrap .page_contents .info_menu .menu_scroll {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 18px 0;
    -ms-overflow-style: none
}

.hub_page_wrap .page_contents .info_menu .menu_scroll::-webkit-scrollbar {
    display: none
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .menu_list {
    margin: 0 19px;
    white-space: nowrap
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .menu_item {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .menu_item:last-child {
    margin-right: 14px
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .menu_item.recent_order .item_box {
    padding-right: 16px;
    border-right: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .item_box {
    display: block;
    width: 81px
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top {
    position: relative
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .ico_default {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .ico_default.signature {
    background-color: #ffaf3b
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .ico_default.popular {
    background-color: #ff61a7
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .ico_default.recommend {
    background-color: #1a7fff
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .ico_default.count {
    background-color: #30b4b3
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 50%;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f7f7f9;
    background-color: var(--booking-color-gray95)
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(255,255,255,.08)
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart.sold_out {
    width: 36px;
    border-radius: 14px;
    text-align: center
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart.sold_out::before {
    border-radius: 14px
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart .cart_text {
    font-size: 13px;
    color: #939396;
    color: var(--booking-color-gray50)
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart .num {
    z-index: 10;
    position: absolute;
    top: -1px;
    right: -2px;
    width: 17px;
    height: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fc4c4e;
    font-size: 12px;
    line-height: 14px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart .num.digits {
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    line-height: 18px
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_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
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_top .top_cart .ico_cart {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 19px;
    height: 19px;
    margin: auto
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .top_img {
    overflow: hidden;
    display: block;
    width: 81px;
    height: 81px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid;
    border-color: #f7f7f9;
    border-color: var(--booking-color-gray95);
    background-color: #f5f9fc
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .top_img .img {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #fff
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .top_img .img.full_frame {
    -o-object-fit: contain;
    object-fit: contain
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .top_img .noimg {
    width: 50px;
    height: 50px;
    padding: 15px
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_info {
    margin-top: 8px;
    text-align: center;
    color: #444447;
    color: var(--booking-color-gray20)
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_info .info_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 14px;
    line-height: 1.29;
    font-weight: 600
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_info .info_price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 13px;
    line-height: 1.23;
    font-weight: bold;
    color: #fc4c4e
}

.hub_page_wrap .page_contents .info_menu .menu_scroll .box_info .info_original {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-size: 12px;
    line-height: 1.25;
    text-decoration: line-through
}

.hub_page_wrap .page_contents .filter_area {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    border-bottom: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

.hub_page_wrap .page_contents .filter_area.is_gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
    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: 999
}

.hub_page_wrap .page_contents .filter_area.is_gradient::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: 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)), 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;
    z-index: 999
}

.hub_page_wrap .page_contents .filter_scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 10px 18px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.hub_page_wrap .page_contents .filter_scroll:before,.hub_page_wrap .page_contents .filter_scroll:after {
    content: " ";
    display: table
}

.hub_page_wrap .page_contents .filter_scroll:after {
    clear: both
}

.hub_page_wrap .page_contents .filter_scroll::-webkit-scrollbar {
    display: none
}

.hub_page_wrap .page_contents .filter_scroll:empty {
    display: none
}

.hub_page_wrap .page_contents .filter_tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.hub_page_wrap .page_contents .filter_tags.show {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hub_page_wrap .page_contents .filter_tags.show .btn_show .ico_arrow {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.hub_page_wrap .page_contents .filter_tags .tag {
    margin: 5px 5px 5px 0;
    padding: 10px 15px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #f0f0f3;
    background-color: var(--booking-color-gray90);
    color: #000;
    color: var(--booking-color-gray0);
    border-radius: 20px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_page_wrap .page_contents .filter_tags .tag::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%;
    background-color: #03c75a;
    vertical-align: 2px
}

.hub_page_wrap .page_contents .filter_tags .tag.orange::before {
    background-color: #ff7f56
}

.hub_page_wrap .page_contents .filter_tags .tag.orange .point {
    color: #ff7f56
}

.hub_page_wrap .page_contents .filter_tags .tag.red::before {
    background-color: #e75a4c
}

.hub_page_wrap .page_contents .filter_tags .tag.red .point {
    color: #e75a4c
}

.hub_page_wrap .page_contents .filter_tags .tag .point {
    margin-left: 3px;
    color: #03c75a
}

.hub_page_wrap .page_contents .filter_tags .tag .name {
    margin-right: 4px
}

.hub_page_wrap .page_contents .filter_tags .btn_show {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.hub_page_wrap .page_contents .filter_tags .btn_show::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: 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)), color-stop(30%, var(--booking-color-surface)));
    background-image: linear-gradient(to right, var(--booking-color-surface-rgb), var(--booking-color-surface) 30%);
    pointer-events: none
}

.hub_page_wrap .page_contents .filter_tags .btn_show .ico_arrow {
    position: absolute;
    right: 10px;
    bottom: 25px;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #222225;
    fill: var(--booking-color-gray10)
}

.hub_page_wrap .page_contents .filter_switch {
    float: left;
    margin-right: 16px
}

.hub_page_wrap .page_contents .filter_switch .selection_box {
    position: relative;
    text-align: center
}

.hub_page_wrap .page_contents .filter_switch .selection_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 37px;
    z-index: 11
}

.hub_page_wrap .page_contents .filter_switch .selection_box.on::before {
    left: auto;
    right: 0
}

.hub_page_wrap .page_contents .filter_switch .selection_box .selection-switch {
    position: relative;
    display: inline-block;
    min-width: 102px;
    height: 37px;
    line-height: 34px;
    cursor: pointer
}

.hub_page_wrap .page_contents .filter_switch .selection_box .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: inherit;
    opacity: 0;
    z-index: 10
}

.hub_page_wrap .page_contents .filter_switch .selection_box .checkbox:checked+.state .txt {
    left: calc(100% - 51px - 2px)
}

.hub_page_wrap .page_contents .filter_switch .selection_box .state {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: top;
    height: 37px;
    -webkit-box-shadow: 0 1px 0 0 #e2e5e8;
    box-shadow: 0 1px 0 0 #e2e5e8;
    border: solid 1px #e2e5e8;
    background-color: #fff;
    border-radius: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #000
}

.hub_page_wrap .page_contents .filter_switch .selection_box .state .txt {
    position: absolute;
    top: 2px;
    left: 2px;
    min-width: 51px;
    height: 31px;
    padding: 0 8px;
    border-radius: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: linear-gradient(246deg, #3accff 0%, #2cec88 100%);
    -webkit-transition: left .2s ease,opacity .4s ease;
    transition: left .2s ease,opacity .4s ease;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    color: #fff;
    z-index: 10
}

.hub_page_wrap .page_contents .filter_switch .selection_box .state .on,.hub_page_wrap .page_contents .filter_switch .selection_box .state .off {
    min-width: 51px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: left .2s ease,opacity .4s ease;
    transition: left .2s ease,opacity .4s ease;
    font-family: NanumSquareB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 37px
}

.hub_page_wrap .page_contents .filter_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.hub_page_wrap .page_contents .filter_select::after {
    content: "";
    display: block;
    min-width: 20px;
    height: 37px
}

.hub_page_wrap .page_contents .filter_select .select_box {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    height: 37px;
    margin-right: 7px;
    border: 1px solid;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80);
    background-color: #fff;
    background-color: var(--booking-color-surface);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_page_wrap .page_contents .filter_select .select_box i[class^=ico_] {
    position: absolute;
    top: 9px;
    left: 12px;
    color: rgba(0,0,0,0)
}

.hub_page_wrap .page_contents .filter_select .select_box i[class^=ico_]+.select {
    padding-left: 36px
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_select {
    position: absolute;
    top: 9px;
    left: 12px;
    width: 16px;
    height: 16px;
    fill: #1ba5b3;
    fill: var(--booking-color-turquoise50)
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_select+.select {
    padding-left: 36px
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_order {
    width: 18px;
    height: 18px;
    background-position: -522px -475px
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_price {
    width: 18px;
    height: 18px;
    background-position: -542px -475px
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_seat {
    width: 18px;
    height: 18px;
    background-position: -562px -475px
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_wait {
    width: 18px;
    height: 18px;
    background-position: -502px -475px
}

.hub_page_wrap .page_contents .filter_select .select_box .ico_arrow_down {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 9px;
    height: 5px;
    fill: #000;
    fill: var(--booking-color-gray0)
}

.hub_page_wrap .page_contents .filter_select .select {
    width: 100%;
    height: inherit;
    padding: 0 24px 0 10px;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: 14px;
    font-family: NanumSquareB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    line-height: 37px;
    letter-spacing: -0.28px;
    color: #444447;
    color: var(--booking-color-gray20);
    vertical-align: top
}

.hub_page_wrap .page_contents .filter_select .select::-ms-expand {
    display: none
}

.hub_page_wrap .page_contents .filter_no_content {
    padding: 140px 0;
    background-color: #fff;
    background-color: var(--booking-color-surface);
    text-align: center
}

.hub_page_wrap .page_contents .filter_no_content .title {
    font-size: 18px;
    text-align: center
}

.hub_page_wrap .page_contents .filter_no_content .title::before {
    width: 138px;
    height: 114px;
    background-position: -356px 0px;
    content: "";
    display: block;
    margin: 0 auto 24px
}

.hub_page_wrap .page_contents .filter_no_content .text {
    margin-top: 6px;
    font-size: 16px;
    line-height: 1.38;
    text-align: center;
    color: #666
}

.hub_page_wrap .page_contents .store_area {
    padding: 24px 18px
}

.hub_page_wrap .page_contents .store_list .store_link {
    display: block
}

.hub_page_wrap .page_contents .store_list .store_item {
    padding-top: 24px
}

.hub_page_wrap .page_contents .store_list .store_item:first-child {
    padding-top: 0
}

.hub_page_wrap .page_contents .store_list .store_box {
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    background-color: #fff
}

.hub_page_wrap .page_contents .store_list .img_box {
    position: relative;
    overflow: hidden;
    height: 150px
}

.hub_page_wrap .page_contents .store_list .img_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.05)
}

.hub_page_wrap .page_contents .store_list .img_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hub_page_wrap .page_contents .store_list .info_box {
    padding: 18px;
    color: #333
}

.hub_page_wrap .page_contents .store_list .info_box .store_name {
    display: block;
    font-size: 20px;
    line-height: 24px
}

.hub_page_wrap .page_contents .store_list .info_box .store_info {
    padding-top: 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -0.4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hub_page_wrap .page_contents .store_list .info_box .menu_info {
    position: relative;
    padding: 8px 0 0 19px;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hub_page_wrap .page_contents .store_list .info_box .menu_info::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 13px;
    height: 13px;
    background-position: -493px -522px
}

.hub_page_wrap .page_contents .store_list .info_box .menu_info .menu_item {
    color: #666;
    letter-spacing: -0.4px
}

.hub_page_wrap .page_contents .store_list .info_box .menu_info .menu_item+.menu_item {
    position: relative;
    padding-left: 15px
}

.hub_page_wrap .page_contents .store_list .info_box .menu_info .menu_item+.menu_item::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 6px;
    width: 3px;
    height: 3px;
    background-color: #dedede;
    border-radius: 50%
}

.hub_page_wrap .page_contents .merge_store_area {
    padding: 0 0 74px 0
}

.hub_page_wrap .page_contents .merge_store_area.type_list {
    padding-bottom: 0
}

.hub_page_wrap .page_contents .merge_store_area.type_list .merge_store_list {
    max-width: 720px;
    margin: 0 auto
}

.hub_page_wrap .page_contents .merge_store_area .category_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    padding: 19px 18px 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hub_page_wrap .page_contents .merge_store_area .category_title .title {
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif
}

.hub_page_wrap .page_contents .merge_store_area .category_title .txt {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    max-width: 130px;
    color: #333;
    vertical-align: top
}

.hub_page_wrap .page_contents .merge_store_area .category_title .num {
    margin-left: 4px;
    color: #03c75a;
    vertical-align: top
}

.hub_page_wrap .page_contents .merge_store_area .category_title .expand_btn {
    margin-left: auto;
    color: #333;
    font-size: 15px
}

.hub_page_wrap .page_contents .merge_store_area .category_title .expand_btn .fn-booking {
    margin-left: 6px;
    padding: 3px;
    background-color: #575757;
    border-radius: 50%;
    color: #fff;
    font-size: 10px
}

.hub_page_wrap .page_contents .merge_store_list .store_item {
    background-color: #fff;
    background-color: var(--booking-color-surface)
}

@media(prefers-color-scheme: dark) {
    body.is_dark .store_item {
        background-image:none;
        background: #39393c !important
    }
}

.hub_page_wrap .page_contents .merge_store_list .store_item+.store_item {
    border-top: solid 1px;
    border-color: #e9e9ec;
    border-color: var(--booking-color-gray80)
}

.hub_page_wrap .page_contents .merge_store_list .store_item:first-child {
    padding-top: 0
}

.hub_page_wrap .page_contents .merge_store_list .list_item {
    background-color: #fff
}

.hub_page_wrap .page_contents .merge_store_list .list_item:not(.open)+.list_item {
    border-top: 1px solid #f2f2f2
}

.hub_page_wrap .page_contents .merge_store_list .list_item.open .expand_btn .fn-booking-down1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hub_page_wrap .page_contents .merge_store_list .list_item.open .title_info {
    padding: 22px 0
}

.hub_page_wrap .page_contents .merge_store_list .list_item.open .product_list {
    display: block;
    margin-bottom: 11px
}

.hub_page_wrap .page_contents .merge_store_list .list_item:last-child .product_list {
    margin-bottom: 0
}

.hub_page_wrap .page_contents .merge_store_list .list_item .list_box {
    padding: 0 18px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .img_area {
    overflow: hidden;
    position: relative;
    margin-right: 14px;
    border-radius: 2px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .img_area::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid rgba(0,0,0,.02);
    border-radius: 2px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .img_area .img {
    vertical-align: top
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area {
    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
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .tit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    color: #333
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    color: #666;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.4px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .product {
    display: block;
    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;
    margin-top: -2px;
    color: #333;
    line-height: 20px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .price {
    padding-top: 4px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .price .sale {
    margin-right: 1px;
    color: #fc4c4e
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .price .unit {
    font-weight: normal
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .price .max {
    display: inline-block;
    margin-right: 3px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .info_area .price .ico_pay_point {
    width: 48px;
    height: 13px;
    vertical-align: -2px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .title_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0
}

.hub_page_wrap .page_contents .merge_store_list .list_item .title_info .img_area {
    border-radius: 50%
}

.hub_page_wrap .page_contents .merge_store_list .list_item .title_info .img_area::before {
    border-radius: 50%
}

.hub_page_wrap .page_contents .merge_store_list .list_item .title_info .ico_arrow {
    padding: 10px 0 9px 16px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .title_info .ico_arrow .fn-booking {
    font-size: 20px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .title_info .ico_arrow .fn-booking::before {
    font-weight: bold
}

.hub_page_wrap .page_contents .merge_store_list .list_item .product_list {
    display: none;
    padding-bottom: 8px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .list_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 0
}

.hub_page_wrap .page_contents .merge_store_list .list_item .list_link:first-child {
    padding-top: 3px
}

.hub_page_wrap .page_contents .merge_store_list .list_item .list_link+.list_link {
    border-top: 1px solid #f2f2f2
}

.hub_page_wrap .page_contents .merge_store_list .list_item .more_btn {
    display: block;
    margin-bottom: 14px;
    padding: 6px 0 8px;
    border: solid 1px #e5e5e5;
    border-radius: 2px;
    color: #242424;
    font-size: 15px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.04);
    text-align: center
}

.hub_page_wrap .page_contents .merge_store_list .list_item .more_btn .fn-booking-down1 {
    margin-left: 5px;
    font-size: 14px;
    vertical-align: -2px
}

.hub_page_wrap .page_contents .merge_store_list .store_box {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    white-space: nowrap;
    color: #555558;
    color: var(--booking-color-gray30)
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text {
    display: inline-block
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text.open {
    letter-spacing: -0.4px;
    font-weight: 600;
    color: #444447;
    color: var(--booking-color-gray20)
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text.open .ico_clock {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: -1px;
    fill: #444447;
    fill: var(--booking-color-gray20)
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text.open.no {
    color: #fc4c4e
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text.open.no .ico_clock {
    fill: #fc4c4e
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text+.text {
    margin-left: 7px
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text+.text::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-right: 7px;
    background-color: #e9e9ec;
    background-color: var(--booking-color-gray80);
    vertical-align: -1px
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text .title {
    color: #555558;
    color: var(--booking-color-gray30)
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text .ico_star_red {
    width: 13px;
    height: 13px;
    background-position: -356px -398px;
    vertical-align: -1px;
    margin-right: 2px
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text .count {
    margin-left: 2px;
    color: #444447;
    color: var(--booking-color-gray20)
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text .waiting_count {
    margin-left: 2px;
    color: #03c75a
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text .waiting_count.orange {
    color: #ff7f56
}

.hub_page_wrap .page_contents .merge_store_list .store_box .store_etc .text .waiting_count.red {
    color: #fc4c4e
}

.hub_page_wrap .page_contents .merge_store_list .info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 18px 0;
    color: #333
}

.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link {
    display: block
}

.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 81px;
    overflow-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding: 0 8px
}

.hub_page_wrap .page_contents .merge_store_list .info_box .store_info .store_link .wrap_store_name::before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 8px;
    margin-left: -4px;
    vertical-align: -5px;
    border-radius: 8px 0 0 8px;
    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 .store_name_txt {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #000;
    color: var(--booking-color-gray0);
    font-family: NanumSquareEB,"Apple SD Gothic Neo",Helvetica Nenu,Helvetica,sans-serif;
    -webkit-box-shadow: inset 0 -16px 0 var(--booking-color-turquoise90);
    box-shadow: inset 0 -16px 0 var(--booking-color-turquoise90);
    word-break: break-all
}