@charset "utf-8";

.hr {
    height: 1px;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

.hr1200 {
    height: 1px;
    border-bottom: 1px solid #dddddd;
    width: 1200px;
    margin: 0 auto;
}

.hrblack {
    height: 1px;
    border-bottom: 1px solid #000;
    width: 100%;
}

.border {
    border-bottom: 1px solid #ddd;
}

.bt1 {
    border-top: 1px solid #ddd;
}

.btm1 {
    border-bottom: 1px solid #ddd;
}

.displayB {
    display: block;
}

.displayIB {
    display: inline-block;
}

.displayN {
    display: none;
}

/* font color, style */
.orange {
    color: #ff970f;
}

.blue {
    color: #3e8ddc;
}

.red {
    color: #cc1c1c !important;
}

.yellow {
    color: #e2af00;
}

.darkGray {
    color: #58585a;
}

.white {
    color: #fff !important;
}

.en {
    font-family: 'neue' !important;
}

.center {
    text-align: center !important;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.marginA {
    margin: auto !important;
}

.fl-l {
    float: left !important;
}

.fl-r {
    float: right !important;
}


.font14 {
    font-size: 0.875em !important;
}

.font16 {
    font-size: 1.0em !important;
}

.font18 {
    font-size: 1.125em !important;
}

.font20 {
    font-size: 1.250em !important;
}

.font24 {
    font-size: 1.500em !important;
}

.preLine {
    white-space: pre-line;
}


.thin {
    font-weight: 200 !important;
}

.light {
    font-weight: 300 !important;
}

.bold {
    font-weight: 700 !important;
}

.nomal {
    font-weight: 400 !important;
}

.through {
    text-decoration: line-through !important;
}

.wp10 {
    width: 10% !important;
}

.wp15 {
    width: 15% !important;
}

.wp20 {
    width: 20% !important;
}

.wp25 {
    width: 25% !important;
}

.wp27 {
    width: 27% !important;
}

.wp28 {
    width: 28% !important;
}

.wp30 {
    width: 30% !important;
}

.wp32 {
    width: 32% !important;
}

.wp33 {
    width: 33% !important;
}

.wp34 {
    width: 34% !important;
}

.wp35 {
    width: 35% !important;
}

.wp40 {
    width: 40% !important;
}

.wp45 {
    width: 45% !important;
}

.wp50 {
    width: 50% !important;
}

.wp60 {
    width: 60% !important;
}

.wp70 {
    width: 70% !important;
}

.wp80 {
    width: 80% !important;
}

.wp90 {
    width: 90% !important;
}

.wp97 {
    width: 97% !important;
}

.wp100 {
    width: 100% !important;
}

.height100 {
    height: 100px !important;
}

.height200 {
    height: 200px !important;
}

.height300 {
    height: 300px !important;
}

.height400 {
    height: 400px !important;
}

.height500 {
    height: 500px !important;
}


.margin0 {
    margin: 0px auto !important;
}

.margin5 {
    margin: 5px auto;
}

.margin10 {
    margin: 10px auto;
}

.margin15 {
    margin: 15px auto;
}

.margin20 {
    margin: 20px auto;
}

.margin25 {
    margin: 25px auto;
}

.margin30 {
    margin: 30px auto !important;
}

.margin40 {
    margin: 40px auto;
}

.margin50 {
    margin: 50px auto;
}

.padding0 {
    padding: 0 !important;
}

.padding5 {
    padding: 5px 0 !important;
}

.padding10 {
    padding: 10px 0 !important;
}

.padding15 {
    padding: 15px 0 !important;
}

.padding20 {
    padding: 20px 0 !important;
}

.padding30 {
    padding: 30px 0 !important;
}

.padding50 {
    padding: 50px 0 !important;
}

.padding70 {
    padding: 70px 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb250 {
    margin-bottom: 250px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.fontsmall {
    font-size: 0.813em !important;
}

.fontmedium {
    font-size: 0.938em !important;
}

/*-------  section-06 reser-pop -------*/
#section-06 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.not_scroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.reser-pop-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
}

.reser-pop-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.reser-pop-con {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 3% auto;
}

.reser-pop-con h2 {
    font-size: 1.0em;
    color: #000;
    line-height: 1;
    font-weight: 400;
    margin: 0 16px;
    padding: 10px 0;
}

.reser-closed {
    position: absolute;
    right: 20px;
    top: 10px;
}

.reser-tab {
    width: 96%;
    height: 35px;
    position: relative;
    font-size: 0;
    margin: 0 auto;
}

.reser-tab a {
    height: auto;
    font-size: 14px;
    position: relative;
    width: 20%;
    display: inline-block;
    float: left;
    padding: 0 10px;
}

.reser-tab a::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    left: 0;
    bottom: -18px;
    height: 2px;
    width: 100%;
}

.reser-tab .on {
    color: #b1886f !important;
}

.reser-tab .on::after {
    background-color: #b1886f !important;
}

.step-content {
    width: 100%;
    height: 100%;
    position: relative;
    top: 5px;
    display: none;
    background-color: #fff;
}

.reser-step-95 {
    width: 90%;
    margin: 0 auto;
    height: auto;
    overflow: auto;
}

.mobileHeight {
    height: 70vh !important;
}

.mobileHeight02 {
    height: 50vh !important;
}

.reser-tit {
    font-size: 18px;
    color: #000;
    line-height: 1;
    font-weight: 400;
    margin: 30px 0 9px;
}

.tit-text-pc {
    display: none;
}

.tit-text {
    width: 100%;
    font-size: 0.750em;
    color: #000;
    font-weight: 300;
    margin-bottom: 7px;
    word-break: keep-all;
    line-height: 1.5em;
    display: inline-block;
}

.tit-text-mobile {
    width: 100%;
    font-size: 0.750em;
    color: #000;
    font-weight: 300;
    margin-bottom: 20px;
    word-break: keep-all;
    line-height: 1.5em;
    display: inline-block;
}

.tit-text-sub {
    font-size: 0.750em;
    color: #033f64;
    font-weight: 200;
    margin-bottom: 20px;
    word-break: keep-all;
    line-height: 1.5em;
    display: inline-block;
    margin-right: 20px;
}

.reser-calendar {
    width: 100%;
    height: 38px;
    background-color: #f4f4f4;
}

.reser-calendar ul {
    font-size: 0.938em;
    color: #777777;
    text-align: center;
    padding: 10px 0;
    font-weight: 300;
    width: 100%;
    height: 100%;
}

.reser-calendar ul .on {
    color: #000 !important;
}

.reser-calendar ul .arrow {
    width: 10% !important;
    cursor: default;
}

/* .reser-calendar ul .arrow img {padding: 0 !important;} */
.reser-calendar ul li {
    width: 45%;
    float: left;
    height: 100%;
    cursor: pointer;
    position: relative;
    font-family: 'nenu';
    font-weight: 500;
}

.reser-calendar ul img {
    display: inline-block;
    padding-right: 14px;
    vertical-align: middle;
    width: 33px;
    height: 20px;
}

.reser-calendar ul .cla-date::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    left: 0;
    bottom: -9px;
    height: 1px;
    width: 100%;
}

.reser-calendar ul .on::after {
    background-color: #c4987c !important;
}

.cla-pop-layer {
    width: 100%;
    height: 75%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    background-color: #fff;
    display: none;
    position: relative;
    top: 7px;
}

.cal-all-content {
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    font-family: 'neue';
    overflow: hidden;
}

.cal-01 {
    width: 100%;
    height: 100%;
    float: left;
    margin-right: 8px;
}

.cal-01 .month-choice-pc {
    display: none;
}

.cal-01 {
    display: none;
}

.cal-02 {
    display: none;
}

.cal-03 .month-choice-mobile {
    padding-bottom: 15px;
    text-align: center;
}

.cal-03 .month-choice-mobile li {
    display: inline-block;
}

.cal-03 .month-choice-mobile .arrow-prev.none::after {
    background: url(/images/reservation/main_cal_prev_none.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 19px;
    left: 20px;
    cursor: pointer;
}

.cal-03 .month-choice-mobile .arrow-prev.be::after {
    background: url(/images/reservation/main_cal_prev_be.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 19px;
    left: 20px;
    cursor: pointer;
}

.cal-03 .month-choice-mobile .arrow-next.be::after {
    background: url(/images/reservation/main_cal_next_be.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 19px;
    right: 20px;
    cursor: pointer;
}

.cal-03 .month-choice-mobile .arrow-next.none::after {
    background: url(/images/reservation/main_cal_next_none.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 19px;
    right: 20px;
    cursor: pointer;
}

.cal-03 .month-choice-mobile p {
    display: inline-block;
}

.m_calendar {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-family: 'neue', noto;
}

.m_calendar thead th {
    font-size: 0.625em;
    color: #000;
    padding: 5.5% 0;
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e8;
}

.m_calendar thead th:nth-of-type(1) {
    color: #d57878;
}

.m_calendar thead th:nth-of-type(7) {
    color: #4e85aa;
}

.m_calendar tbody tr {
    border-bottom: 1px solid #e8e8e8;
}

.m_calendar tbody .none {
	color: #aaa !important; /* 또는 #999, #888 등 좀 더 진한 회색 */
    cursor: default;
}

@supports (-webkit-touch-callout: none) {
  .m_calendar tbody .none {
    color: #999 !important;
  }
}

.m_calendar tbody td {
    font-size: 0.813em;
    padding: 5.5% 0;
    vertical-align: middle;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 300;
}

.m_calendar tbody td:nth-of-type(1) {
    color: #d57878;
}

.m_calendar tbody td:nth-of-type(7) {
    color: #4e85aa;
}

.m_calendar tbody tr:last-child {
    border-style: none !important;
}

.m_calendar tbody .none {
    /*color: #e8e8e8 !important;*/
	color: #000 !important;
}

.m_calendar tbody .choice {
    background-color: #c4987c;
    color: #fff !important;
    border-top: 1px solid #c4987c;
    border-bottom: 1px solid #c4987c;
}

.m_calendar tbody .choice02 {
    background-color: #f4f1ec;
    border-top: 1px solid #f4f1ec;
    border-bottom: 1px solid #f4f1ec;
}

/*------- step-02 -------*/
.reser-type-box-mobile {
    width: 100%;
    margin: 15px auto;
}

.reser-type-box-pc {
    display: none;
}

.reser-type {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.reser-type li {
    display: inline-block;
}

.reser-type .naming {
    font-size: 1.125em;
    font-weight: 300;
}

.reser-type .add {
    display: inline-flex;
    align-items: center;
}

.reser-type .add a {}

.reser-type .add .minus-on {
    margin-right: 10px;
}

.reser-type .add .minus-on {
    background: url(/images/reservation/circle_minus.svg) no-repeat;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .minus-on:hover {
    background: url(/images/reservation/circle_minus_on.svg) no-repeat;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .minus-on2 {
    background: url(/images/reservation/circle_minus.svg) no-repeat;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .minus-on2:hover {
    background: url(/images/reservation/circle_minus_on.svg) no-repeat;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .plus-on {
    margin-left: 10px;
}

.reser-type .add .plus-on {
    background: url(/images/reservation/circle_plus.svg) no-repeat;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .plus-on:hover {
    background: url(/images/reservation/circle_plus_on.svg) no-repeat;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .number-box {
    width: 80px;
    height: 38px;
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px 0;
    font-size: 1.250em;
}

.reser-type .showme {
    list-style: none;
    width: 20%;
}

.reser-type .showme-mobile {
    list-style: none;
    width: 20%;
}

.reser-type .showme-pc {
    display: none;
}

.reser-type .showme-02 {
    list-style: none;
    width: 65%;
}

.reser-type .showme::after {
    width: 100%;
    content: "";
    display: block;
    clear: both;
}

.room-box {
    position: relative;
    text-align: center;
    height: 48px;
    width: 112% !important;
    text-align: left;
}

.room-box-big {
    position: relative;
    text-align: center;
    height: 48px;
    width: 115px !important;
    text-align: left;
}

.room-box-mobile {
    position: relative;
    text-align: center;
    height: 48px;
    width: 112% !important;
    text-align: left;
}

.room-box-pc {
    display: none;
}

.input-room-field .option-selected-big {
    display: inline-block;
    padding: 17px 0;
    font-size: 0.75em;
    width: 100%;
    background: url(/images/reservation/reser_select_more.svg)no-repeat;
    background-size: 10px;
    background-position: 105px 19px;
    font-weight: 300;
    color: #000;
}

.input-room-field .select-options-big {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 45px;
    margin: 0;
    box-sizing: border-box;
    z-index: 10;
}

.input-room-field .select-options-big li {
    font-size: 0.75em;
    padding: 12px 8px;
    transition: all .4s;
    cursor: pointer;
    color: #000;
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    font-weight: 300;
    text-align: left;
}

.input-room-field .select-options-big li:last-child {
    border-bottom: 1px solid #e8e8e8;
}

.input-room-field .option-selected {
    display: inline-block;
    padding: 14px 0;
    font-size: 0.813em;
    width: 100%;
    background: url(/images/reservation/reser_select_more.svg)no-repeat;
    background-size: 10px;
    background-position: 55px 17px;
    font-weight: 300;
    color: #000;
}

.input-room-field .select-options {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 87%;
    height: 210%;
    top: 40px;
    margin: 0;
    box-sizing: border-box;
    z-index: 10;
    overflow-y: scroll;
    overflow-x: hidden;
}

.input-room-field .select-options li {
    font-size: 0.750em;
    padding: 12px 8px;
    transition: all .4s;
    cursor: pointer;
    color: #000;
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    font-weight: 300;
    text-align: left;
}

.input-room-field .select-options li:last-child {
    border-bottom: 1px solid #e8e8e8;
}

.input-room-field .select-options li:hover {
    background: #f4f4f4;
    color: #000;
}

.room-fee {
    border-radius: 4px;
    border: 1px solid #dddddd;
    padding: 7px 11px;
    font-size: 0.750em;
    color: #5f6668;
    position: absolute;
    left: 0px;
    top: 45px;
}

.room-fee-table {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-top: 1px solid #000;
    margin-bottom: 30px;
}

.room-fee-table tbody tr th {
    font-size: 0.625em;
    background-color: #f9f9f9;
    color: #000;
    font-weight: 500;
    vertical-align: middle;
    text-align: center;
    padding: 11px 0;
    line-height: 1.5em;
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.3px;
}

.room-fee-table tbody tr td {
    font-size: 0.625em;
    color: #000;
    font-weight: 300;
    vertical-align: middle;
    text-align: center;
    padding: 11px 0;
    line-height: 1.5em;
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.3px;
}

.room-fee-table tbody tr span {
    font-weight: 300 !important;
}

.room-fee-list {
    width: 70%;
    height: 100%;
    border: none;
    margin-bottom: 30px;
    float: right;
}

.room-fee-list tbody tr td {
    font-size: 0.750em;
    color: #000;
    font-weight: 300;
    vertical-align: middle;
    text-align: right;
    padding-bottom: 10px;
    line-height: 1.5em;
    letter-spacing: -0.3px;
    width: 60%;
}

.room-fee-list tbody tr span {
    font-size: 1.375em;
    font-weight: 600 !important;
    font-family: 'nenu';
}

.room-fee-list tbody .fee-list-sub {
    font-size: 0.625em !important;
}



/*------- step-03 Login-------*/
.reser-type .add .check-on {
    margin-right: 10px;
}

.reser-type .add .check-on {
    background: url(/images/reservation/login_check.svg) no-repeat 0px 0px;
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.reser-type .add .check-on:hover {
    background: url(/images/reservation/login_check_on.svg) no-repeat 0px 0px;
    background-size: 30px 30px;
    content: "";
}

.login-wrap-02 {
    width: 100%;
    margin: auto;
}

.login-wrap-02 ul li input[type="text"]::placeholder {
    font-size: 1.000em;
    color: #000;
}

.login-wrap-02 ul li input[type="password"]::placeholder {
    font-size: 1.000em;
    color: #000;
}

.login-wrap-02 ul li input[type="number"]::placeholder {
    font-size: 1.000em;
    color: #000;
}

.login-wrap-02 input[type="text"],
input[type="password"],
input[type="number"] {
    width: 100%;
    height: 48px !important;
    background-color: #f4f4f4 !important;
    border: 0;
    text-indent: 12px !important;
    font-size: 1.000em !important;
    font-weight: 300 !important;
}

.reser-type-box .login-txt-sub {
    font-size: 0.750em;
    color: #033f64;
    font-weight: 300;
    text-indent: 12px;
    line-height: 1.5em;
    position: relative;
    padding-left: 15px;
    word-break: keep-all;
}

.reser-type-box .login-txt-sub:after {
    position: absolute;
    top: 0;
    left: -3px;
    content: '※';
    display: block;
}

.login-wrap-02 .pin-code {
    width: 100%;
    border: 1px solid #c4987c;
    height: 32px;
    text-align: center;
    padding: 8px 0;
    font-size: 0.875em;
    color: #b1886f;
    cursor: pointer;
}

.login-wrap-02 .btn-idpw-02 {
    width: 100%;
    text-align: right;
}

.login-wrap-02 .btn-idpw-02 a {
    color: #000000;
    position: relative;
    font-size: 0.750em;
    margin: 0 10px;
}

.login-wrap-02 .btn-idpw-02 a::after {
    content: '';
    width: 1px;
    height: 0.750em;
    background-color: #000000;
    position: absolute;
    right: 0;
    top: 5px;
    right: -9px;
}

.login-wrap-02 .btn-idpw-02 a:last-child::after {
    display: none;
    margin-right: 0 !important;
}

.login-wrap-02 .id-check {
    width: 100%;
    height: 90px;
    background-color: #f4f4f4;
    font-size: 1.000em;
    color: #000;
    text-align: center;
    font-weight: 500;
    padding: 35px 0;
}

.reser-check-box {
    width: 100%;
    height: 300px;
    background-color: #f4f4f4;
    padding: 10px 0;
}

.reser-check-table {
    width: 85%;
    height: 100%;
    margin: 0 auto;
    word-break: break-all;
}

.reser-check-table tbody tr th {
    font-size: 0.750em;
    color: #2f3334;
    font-weight: 300;
    text-align: left;
    vertical-align: middle;
}

.reser-check-table tbody tr .blue-font {
    color: #033f64 !important;
}

.reser-check-table tbody tr td {
    font-size: 0.750em;
    color: #2f3334;
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
}

.reser-check-table tbody tr span {
    font-size: 1.375em !important;
}

/*------- step-03 Breakfast / Dinner / Activity --------*/
.reser-type-02 {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

.reser-type-02 li {
    display: inline-block;
}

.reser-type-02 .naming {
    font-size: 1.125em;
    font-weight: 300;
}

.add-list-nav {
    width: 70%;
    overflow: hidden;
}

.nav-scroller-btn-left {
    display: none;
}

.nav-scroller-btn-right {
    display: none;
}

.add-list {
    overflow: hidden;
    white-space: nowrap;
    border-collapse: collapse;
    overflow-x: scroll;
    position: relative;
    width: 100%;
    height: 40px;
    float: left;
}

.add-list ul li {
    width: 35%;
    border: 1px solid #dddddd;
    color: #5f6668;
    font-size: 0.750em;
    text-align: center;
    border-radius: 4px;
    padding: 8px 0;
    margin: 0 3px;
}

.add-list ul li:hover {
    background-color: #c4987c;
    color: #fff;
    border: 1px solid #c4987c;
    transition: 0.3s;
}

.add-list ul .on {
    background-color: #c4987c;
    color: #fff;
    border: 1px solid #c4987c;
}

.nav-scroller-btn--left {
    display: none;
}

.nav-scroller-btn--right {
    display: none;
}

.add-list-01 {
    overflow: hidden;
    white-space: nowrap;
    border-collapse: collapse;
    overflow-x: scroll;
    position: relative;
    width: 100%;
    height: 40px;
    float: left;
}

.add-list-01 ul li {
    width: 35%;
    border: 1px solid #dddddd;
    color: #5f6668;
    font-size: 0.750em;
    text-align: center;
    border-radius: 4px;
    padding: 8px 0;
    margin: 0 3px;
}

.add-list-01 ul .on {
    background-color: #c4987c;
    color: #fff;
    border: 1px solid #c4987c;
}

.add-list-01 ul li:hover {
    background-color: #c4987c;
    color: #fff;
    border: 1px solid #c4987c;
    transition: 0.3s;
}

/* 스크롤바 none */
.add-list {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.add-list::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

.add-list-01 {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.add-list-01::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

.reser-type-02 .reser-txt {
    width: 100%;
    height: 30px;
    background-color: #f4f4f4;
    font-size: 0.750em;
    line-height: 1.5em;
    color: #000;
    letter-spacing: -0.38px;
    border: none;
    text-indent: 12px !important;
    font-weight: 100;
}

.showme-02 .reser-txt-02 {
    width: 100%;
    height: 30px;
    background-color: #f4f4f4;
    font-size: 0.750em;
    line-height: 1.5em;
    color: #000;
    letter-spacing: -0.38px;
    border: none;
    text-indent: 12px !important;
}


.showme-02 .reser-txt-02 input[type="text"]::placeholder {
    font-size: 0.750em !important;
    padding-bottom: 20px;
}


/*------- step-04 Pay (230303)--------*/
.reser-type-box-100 {
    width: 100%;
    margin: 20px auto;
}

.pay-type {
    width: 100%;
    margin-bottom: 15px;
}

.pay-type li {
    display: inline-block;
}

.pay-type .naming {
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 10px;
}

.pay-type .info {
    display: flex;
    width: 100%;
}

.pay-type .enter-pay {
    width: 23%;
    margin-right: 2%;
    height: 40px !important;
    text-align: center;
    text-indent: 0 !important;
    font-size: 14px !important;
}

.pay-type .enter-pay:last-child {
    margin-right: 0;
}

.pay-type .enter-pay-02 {
    width: 48%;
    margin-right: 2%;
    height: 40px !important;
    text-align: center;
    text-indent: 0 !important;
    font-size: 14px !important;
}

.pay-type .enter-pay-02:last-child {
    margin-right: 0;
}

.pay-type .error {
    border: 1px solid #d57878;
    background-color: #fff;
}

.pay-type .enter-pay input[type="number"] {
    width: 20% !important;
    background-color: #f4f4f4;
    border: 0;
}

.pay-type input[type="number"]::placeholder {
    color: #000 !important;
    font-size: 16px !important;
    text-align: center !important;
    text-indent: 0 !important;
    vertical-align: middle;
}

.reser-type-box-100 .login-txt-sub {
    font-size: 12px;
    color: #000;
    font-weight: 300;
    text-indent: 12px;
    line-height: 1.5em;
    position: relative;
    padding-left: 7px;
    word-break: keep-all;
}

.reser-type-box-100 .login-txt-sub span {
    color: #033f64;
}

.reser-type-box-100 .login-txt-sub:after {
    position: absolute;
    top: 0;
    left: -7px;
    content: '※';
    display: block;
}

.reser-type-box-100 .login-txt-basic {
    font-size: 15px;
    color: #000;
    font-weight: 300;
    text-indent: 12px;
    line-height: 1.5em;
    position: relative;
    padding-left: 7px;
    word-break: keep-all;
}

.reser-agree-box {
    width: 100%;
    height: 150px;
    border: 1px solid #e8e8e8;
    background-color: #f4f4f4;
    font-size: 0.750em;
    font-weight: 300;
    padding: 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-y: scroll;
    white-space: pre-line;
    line-height: 16px;
}

.reser-step-95 h2.title {
    font-size: 1.125em;
    text-align: left;
    color: #000000;
    font-weight: 300;
    position: relative;
    padding: 20px 20px;
}

.check-select-01 {
    position: absolute;
    right: 20px;
    top: 14px;
}

.check-select-01 input[type=checkbox] {
    display: none;
}

.check-select-01 input[type=checkbox]+label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/images/reservation/login_check.svg');
    background-size: 30px 30px;
    font-size: 0;
    padding: 20px;
}

.check-select-01 input[type=checkbox]:checked+label {
    background-image: url('/images/reservation/login_check_on.svg');
    background-size: 30px 30px;
}

/*------- reser-basic-btn -------*/
.reser-step-btn {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    padding: 5px 0 15px;
}

.reser-step-btn a {
    width: 140px;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    color: #b1886f;
    line-height: 38px;
    font-size: 0.813em;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
}

.reser-step-btn a.on {
    background-color: #c4987c;
    color: #fff;
}

.reser-step-btn a:last-child {
    margin-left: 10px;
}

.reser-check-btn {
    width: 100%;
    text-align: right;
}

.reser-check-btn a {
    width: 135px;
    border: 1px solid #c4987c;
    color: #b1886f;
    line-height: 38px;
    font-size: 0.813em;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.m_calendar td {
  font-family: sans-serif !important;
  color: #000 !important;
  font-size: 16px !important;
  opacity: 1 !important;
  visibility: visible !important;
}