/* ========================================
jQuery UI Datepicker Base
======================================== */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    }
    
    .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
    }
    
    .ui-datepicker .ui-datepicker-prev {
    left: 2px;
    }
    
    .ui-datepicker .ui-datepicker-next {
    right: 2px;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
    }
    
    .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
    }
    
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    }
    
    .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    }
    
    .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    }
    
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    }
    
    .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    }
    
    .ui-datepicker th {font-weight: 700;border: 0;height: 40px;background: #af9d92;color: #fff !important;text-align: center;vertical-align: middle;}
    
    .ui-datepicker td {border: 0;padding: 10px 5px;background: #ece7e4;color: #a08e86;border-left: 1px solid #d3c6b8;}
    .ui-datepicker td:first-child{border:0}
    .ui-datepicker td span,
    .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
    }
    
    .ui-datepicker.ui-datepicker-multi {
    width: auto;
    }
    
    .ui-datepicker-multi .ui-datepicker-group {
    float: left;
    }
    
    .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
    }
    
    .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
    .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
    .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
    
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
    }
    
    .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
    }
    
    .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
    }
    
    .ui-datepicker-rtl { direction: rtl; }
    .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
    .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
    .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
    .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
    }
    
    .ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
    }
    
    /* ========================================
        jQuery UI Helpers
        ======================================== */
    .ui-helper-hidden { display: none; }
    
    .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
    
    .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    }
    
    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    }
    
    .ui-helper-clearfix:after {
    clear: both;
    }
    
    .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    }
    
    .ui-front { z-index: 100; }
    .ui-state-disabled { cursor: default !important; pointer-events: none; }
    
    .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    }
    
    .ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
    }
    
    .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    
    /* ========================================
        jQuery UI Button
        ======================================== */
    .ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    }
    
    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
    text-decoration: none;
    }
    
    .ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
    }
    
    input.ui-button.ui-button-icon-only { text-indent: 0; }
    
    .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    }
    
    .ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
    }
    
    input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
    }
    
    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
    }
    
    /* ========================================
        jQuery UI Control Group
        ======================================== */
    .ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
    }
    
    .ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
    }
    
    .ui-controlgroup > .ui-controlgroup-item:focus,
    .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
    }
    
    .ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    }
    
    .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; }
    .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; }
    .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; }
    .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; }
    .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; }
    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; }
    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; }
    
    .ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
    }
    
    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; }
    
    .ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
    }
    
    .ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
    }
    
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
    }
    
    .ui-checkboxradio-disabled { pointer-events: none; }
    
    /* ========================================
        jQuery UI Menu
        ======================================== */
    .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
    }
    
    .ui-menu .ui-menu { position: absolute; }
    
    .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    }
    
    .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
    }
    
    .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
    }
    
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
    margin: -1px;
    }
    
    .ui-menu-icons { position: relative; }
    .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }
    
    .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
    }
    
    .ui-menu .ui-menu-icon { left: auto; right: 0; }
    
    /* ========================================
        jQuery UI Select Menu
        ======================================== */
    .ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    }
    
    .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
    }
    
    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0;
    }
    
    .ui-selectmenu-open { display: block; }
    
    .ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    
    .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
    }
    
    .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; }
    
    /* ========================================
        jQuery UI Slider
        ======================================== */
    .ui-slider {
    position: relative;
    text-align: left;
    }
    
    .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    }
    
    .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    }
    
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
    }
    
    .ui-slider-horizontal { height: .8em; }
    .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
    .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
    .ui-slider-horizontal .ui-slider-range-min { left: 0; }
    .ui-slider-horizontal .ui-slider-range-max { right: 0; }
    
    .ui-slider-vertical { width: .8em; height: 100px; }
    .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
    .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
    .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
    .ui-slider-vertical .ui-slider-range-max { top: 0; }
    
    /* ========================================
        jQuery UI Spinner
        ======================================== */
    .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    }
    
    .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
    }
    
    .ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
    }
    
    .ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    }
    
    .ui-spinner-up { top: 0; }
    .ui-spinner-down { bottom: 0; }
    
    /* ========================================
        jQuery UI Widget / Theme
        ======================================== */
    .ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    }
    
    .ui-widget .ui-widget { font-size: 1em; }
    
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    }
    
    .ui-widget.ui-widget-content {}
    .ui-widget-content {background: transparent;color: #333;}
    .ui-widget-content a { color: #333; }
    
    .ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700;
    }
    
    .ui-widget-header a { color: #333; }
    
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: 400;color: rgb(160 142 134);}
    
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
    color: #454545;
    text-decoration: none;
    }
    
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b;
    }
    
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
    }
    
    .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; }
    
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff;
    }
    
    .ui-icon-background,
    .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff;
    }
    
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
    }
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
    }
    
    .ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
    }
    
    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
    color: #777620;
    }
    
    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
    }
    
    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
    }
    
    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
    }
    
    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
    font-weight: 700;
    }
    
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
    }
    
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {/* opacity: .35; */filter: Alpha(Opacity=35);background-image: none;}
    
    .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); }
    .ui-icon { width: 16px; height: 16px; }
    
    /* ========================================
        Datepicker Custom Theme
        ======================================== */
    .ui-widget {
    font-family: inherit;
    }
    
    .ui-datepicker {border: 0;}
    
    .ui-datepicker table { border: none; }
    .ui-datepicker table tr { border: none; }
    
    .ui-datepicker .ui-state-default {
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    border: none;
    font-size: 14px;
    line-height: 30px;
    border-radius: 50em;
    text-align: center;
    }
    
    .ui-datepicker .ui-state-default:hover {
    background-color: var(--color-primary);
    color: #fff;
    }
    
    .ui-datepicker .ui-state-active,
    .ui-datepicker .ui-state-highlight {
    color: #fff;
    }
    
    .ui-datepicker .ui-state-highlight { background-color: #666; }
    .ui-datepicker .ui-state-active { background-color: var(--color-primary); }
    .ui-datepicker .ui-state-active { box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12); }
    .ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-state-disabled *
{color: rgba(160,142,134,0.35);}
    .ui-datepicker-header {
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    background: none;
    }
    
    .ui-datepicker-prev,
    .ui-datepicker-next {
    top: 2px !important;
    border: none !important;
    background: none !important;
    cursor: pointer;
    font-weight: 400;
    }
    
    .ui-datepicker-prev span,
    .ui-datepicker-next span {
    position: relative;
    background: none !important;
    font-size: 12px;
    transition: transform 0.3s;
    }
    
    .ui-datepicker-prev span:before,
    .ui-datepicker-next span:before {
    display: inline-flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: xeicon;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    }
    
    .ui-datepicker-prev { left: 2px !important; }
    .ui-datepicker-prev span:before { content: "\e906"; }
    .ui-datepicker-prev:hover span { transform: translateX(-2px); }
    
    .ui-datepicker-next { right: 2px !important; }
    .ui-datepicker-next span:before { content: "\e907"; }
    .ui-datepicker-next:hover span { transform: translateX(2px); }
    
    /* ========================================
        Datepicker Project Override
        ======================================== */
    .ui-widget.ui-widget-content {
    width: 100%;
    padding: 0;
    }
    
    .ui-datepicker table {height: auto;margin: 10px auto 0;}
    
    .ui-datepicker .ui-datepicker-header {height: 50px;padding: 0;border: 0;}
    
    .ui-datepicker .ui-state-default {
    position: relative;
    width: auto;
    height: auto;
    }
    
    .ui-datepicker .ui-state-active:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 2px solid #351e09;
    width: 30px;
    height: 30px;
    pointer-events: none;
    border-radius: 100%;
    }
    
    .ui-datepicker .ui-state-active {
    box-shadow: none;
    color: #333;
    }
    
    .ui-datepicker .ui-state-default:hover {
    color: inherit !important;
    }
    
    .ui-datepicker .ui-datepicker-title {margin: 0;line-height: 1;height: 100%;display: flex;align-items: center;justify-content: center;color: #794911;}
    
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
    width: 70px;
    font-size: 15px;
    text-align-last: center;
    margin: 0;
    font-family: 'Noto Sans', 'Nanum Gothic', 'Malgun Gothic', sans-serif;
    font-weight: 500;
    margin-left: 5px;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {top: 50% !important;transform: translateY(-50%);width: 30px;height: 30px;color: #794911;border: 1px solid #794911 !important;border-radius: 100% !important;display: flex;align-items: center;justify-content: center;}
    
    .ui-datepicker .ui-datepicker-next {right: 0 !important;}
    .ui-datepicker .ui-datepicker-prev {left: 0 !important;}
    .ui-datepicker th:first-of-type span {}
    .ui-datepicker th:last-of-type span {}
    
    
    .reserve-wrap{
        padding:120px 0;
    }
    .reserve-wrap .step .step-title{
        display: block;
        font-size: 33px;
        font-weight: 700;
        color:#351e03;
        text-align: center;
        margin-bottom: 70px
    }
    .date-time{
        display: flex;
        align-items: flex-start;
        gap: 60px;
    }
    .date-time>*{
        width: calc(50% - 30px);
    }
    .schedule_wrap { width: 100%; }
    .ui-datepicker select.ui-datepicker-month {font-weight: bold;background: transparent;border: 1px solid #794911;color: #794911;}
    .sec_contact_area { margin-bottom: 0 !important; }
    .calendar_area #datepicker { width: 100%; }
    
    
    /* ========================================
        Reserve Area
        ======================================== */
    .reserve_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    
    /* 예약일자 선택 타이틀 */
    .reserve_area .title_area { text-align: center; }
    
    .reserve_area .title_area .caution {
    font-size: 15px;
    margin-top: 20px;
    }
    
    .reserve_area .title_area .caution > span:first-of-type { margin: 0 0 5px 0; }
    .reserve_area .title_area .caution > span { margin: 0 5px; display: inline-block; }
    
    /* 예약일자 선택 슬라이드 */
    .reserve_area .res_time {width: 100%;height: 160px;overflow: hidden;padding: 0 40px;position: relative;margin: 0 0 30px 0;}
    
    .reserve_area .res_time > div {
    height: 100%;
    overflow: hidden;
    width: calc(100% / 3);
    float: left;
    }
    
    .reserve_area .res_time .swiper-slide {
    line-height: 53px;
    text-align: center;
    color: #000;
    transition: opacity .3s linear 0s;
    font-size: 15px;
    opacity: 0;
    }
    
    .reserve_area .res_time .swiper-slide-prev {
    transform: rotateX(0deg) translateZ(40px);
    opacity: 0.3;
    }
    
    .reserve_area .res_time .swiper-slide-next {
    transform: rotateX(0deg) translateZ(40px);
    opacity: 0.3;
    }
    
    .reserve_area .res_time .swiper-slide-active {
    transform: rotateX(0deg) translateZ(85px);
    opacity: 1;
    }
    
    .reserve_area .res_time .select_box {width: 100%;height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;background: #af9d92;}
    
    /* 오전/오후 슬라이드 설정 */
    .reserve_area .res_time .ap_wrap { pointer-events: none; }
    .reserve_area .res_time .ap_wrap .swiper-slide-next { opacity: 0 !important; }
    .reserve_area .res_time .ap_wrap .swiper-slide-prev { opacity: 0 !important; }
    
    /* 예약일자 선택 버튼 */
    .reserve_area .select_date_area .select_btn {color: #fff;height: 40px;line-height: 1;width: 250px;background: #351e03;font-size: 14px;transition: all 0.2s ease-in-out;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;}
    
    .reserve_area .select_date_area .select_btn:hover { box-shadow: none; }
    
    /* 예약일자 선택 버튼 선택시 문구 */
    .reserve_area .select_date_area > span {
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: #000;
    }
    
    .reserve_area .select_date_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    
    .reserve_area .select_date_area .select_date {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    }
    
    .reserve_area .select_date .date_comment {font-size: 17px;display: block;text-align: center;}
    
    .reserve_area .add_text {
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
    background: #ece7e4;
    padding: 10px 20px;
    word-break: keep-all;
    line-height: 1.4em;
    width: 100%;
    box-sizing: border-box;
    }
    
    .reserve_info_area { width: 100%; }
    .reserve_info_area .write { width: 100%; }

    
    .reserve_form {/* max-width: 600px; */margin: 50px auto 0;}
    .reserve_form .form_row { margin-bottom: 20px; }
    .reserve_form .form_row label {display: block;font-size: 14px;font-weight: 600;margin-bottom: 8px;color: #351e03;}
    .reserve_form .form_row label .required {color: #cc3333;margin-left: 2px;background: none !important;}
    .reserve_form .form_row input[type="text"],
    .reserve_form .form_row select {width: 100%;height: 48px;padding: 0 15px;border-radius: 4px;font-size: 15px;box-sizing: border-box;transition: border-color 0.2s;font-family: inherit;background: #ece7e4;border: 0;}
    .reserve_form .form_row input[type="text"]:focus,
    .reserve_form .form_row select:focus {
    border-color: var(--color-primary, #cc3333);
    outline: none;
    }
    .reserve_form .form_row .rv_selected_datetime {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    line-height: 48px;
    background: #f9f9f9;
    color: #999;
    box-sizing: border-box;
    }
    .reserve_form .form_row .rv_selected_datetime.has_value { color: #333; background: #fff; }
    .reserve_form .rv_submit_btn {display: block;width: 100%;height: 50px;background: #351e09;color: #fff;font-size: 15px;font-weight: 600;border: none;cursor: pointer;transition: background 0.2s;margin-top: 30px;}
    .reserve_form .rv_submit_btn:hover { background: #333; }


    @media (max-width:1400px){
        .reserve-wrap{
            padding:100px 0;
        }
        .reserve-wrap .step .step-title{
            font-size: 28px;
            margin-bottom: 50px;
        }
        .date-time{
            gap: 40px;
        }
        .date-time>*{
            width: calc(50% - 20px);
        }
        .reserve_area{
            padding-top: 17px;
        }
        .reserve_area .res_time{
            height: 126px;
        }
        .reserve_area .res_time .swiper-slide{
            line-height: 42px;
        }
        .reserve_area .add_text{
            font-size: 14px;
            margin-top: 24px;
        }
    }
    @media (max-width:1024px){
        .reserve-wrap{
            padding:80px 0;
        }
    }
    @media (max-width:768px){
        .date-time{
            flex-direction: column;
            gap: 20px;
        }
        .date-time>*{
            width: 100%;
        }
        .reserve-wrap .step .step-title{
            font-size: 20px;
            margin-bottom: 1em;
        }
        .ui-datepicker .ui-datepicker-header{
            height: 40px;
        }
        .res_title_area .reserve_title {
            font-size: 4.5vw;
            margin-bottom: 3vw;
        }
        
        .reserve_area .res_title_area .caution {
            font-size: 3.5vw;
            margin-top: 2vw;
        }
        
        .reserve_area .res_title_area .caution > span:first-of-type { margin: 0 0 1vw 0; }
        .reserve_area .res_title_area .caution > span { margin: 0 1vw; display: inline-block; }
        
        .ui-datepicker .ui-state-default{
            font-size: 13px;
        }
        .reserve_area .res_time {
            width: 100%;
            height: 105px;
            overflow: hidden;
            position: relative;
        }
        
        .reserve_area .res_time .swiper-slide {
            line-height: 35px;
            font-size: 13px;
        }
        
        .reserve_area .res_time .select_box {
            /* height: 10vw; */
            /* border: 0.1vw solid #000; */
        }
        
        .reserve_area .select_date_area .select_btn {
            height: 10vw;
            width: 35vw;
            background: #000;
            font-size: 3.5vw;
        }
        
        .reserve_area .select_date_area > span {
            margin-right: 1vw;
            font-size: 3.5vw;
        }
        
        .reserve_area .select_date_area .select_date {
            font-size: 15px;
            margin-bottom: 10px;
            line-height: 1.4em;
        }
        
        .reserve_area .select_date_area .select_date .last_comment { display: block; }
        
        .reserve_area .select_date .date_comment {font-size: 15px;}
        
        .reserve_area .add_text {
            font-size: 12px;
            margin-top: 15px;
        }
        .reserve_form{
            margin-top: 35px;
        }
        .reserve_form .form_row input[type="text"],
        .reserve_form .form_row select,
        .reserve_form .form_row .rv_selected_datetime {height: 40px;font-size: 13px;}
        .reserve_form .rv_submit_btn {height: 45px;font-size: 15px;}
        .reserve_form .form_row label {font-size: 12px;}
    }