body.scroll-hidden { overflow-y: hidden !important; width:100% !important; height: 100% !important; }
.new-reserv-wrap { width: 100%; max-width: 1320px; height:72px; position:fixed; bottom:-80px; left:50%; transform: translateX(-50%); z-index: 10001; border-radius: 12px;
    overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); transition: bottom 0.5s, height 0.5s;
}
.new-reserv-wrap.positioning { bottom:50px; }
.new-reserv-wrap * { box-sizing: border-box; overflow: visible;}
.new-reserv-wrap.show { height: 612px; }
.new-reserv-wrap.member-wrap.show { height: 522px; }
.new-reserv-wrap.member-wrap.next-wrap.show { height: 632px; }
.new-reserv-wrap.bottom { bottom:0; width:100%; max-width: 100%; border-radius: 0; box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.10); background:#fff; transition: all 0.5s;  z-index: 10001; }
.new-reserv-wrap.bottom.show { height: 630px;}
.new-reserv-wrap.member-wrap.bottom.show { height: 540px; }
.new-reserv-wrap.bottom.member-wrap.next-wrap.show { height: 660px; }
.new-reserv-wrap.bottom .reserv-form { width:100%; max-width:1320px; left:50%; transform: translate3d(-50%, 0, 0); padding: 55px 24px 55px 24px; bottom:auto; top:0; }
.new-reserv-wrap.bottom .reserv-item { /*width:1320px; left:50%; transform: translate3d(-50%, 0, 0); border-top:#EAECF0 1px solid;*/}
.new-reserv-wrap.bottom .reserv-item > ul { width:1320px; margin:0 auto; }
.new-reserv-wrap.bottom .reserv-item > ul > li { flex-direction: row; justify-content: flex-start; align-items: center; }
.new-reserv-wrap.bottom .reserv-item > ul > li:not(:last-child) { border-top:#EAECF0 0 solid !important; }
.new-reserv-wrap.bottom .reserv-item > ul > li:first-child { padding-left:0; }
.new-reserv-wrap.bottom .reserv-item .btn_reserv { height:46px; font-size: 15px; border-radius: 50px; }
.new-reserv-wrap.bottom .reserv-form .reserv-detail-wrap > ul { width:1320px; overflow-x: visible;}
.new-reserv-wrap.bottom .reserv-form .reserv-detail-wrap > ul > li { width: 368px; flex:0 0 1430px; height: 355px;  }
.new-reserv-wrap.bottom .reserv-item > ul > li > h3 { margin-left:13px; }
/* .new-reserv-wrap.bottom .reserv-form.show { height: 520px; overflow-y: auto; } */

.new-reserv-wrap .reserv-item { width:100%; height:72px; z-index: 9; position:absolute; left:0; bottom:0; cursor: pointer; }
.new-reserv-wrap.bottom.show  .reserv-item{ border-top: 1px solid #EAECF0;}
.new-reserv-wrap .reserv-item > ul { width:100%; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.new-reserv-wrap .reserv-item > ul > li { width:20%; height:100%; position:relative; display:flex; flex-direction: column; justify-content: center;
    transition: width 0.5s; overflow: hidden; }
.new-reserv-wrap .reserv-item > ul > li:not(:last-child) { padding: 12px 26px; border-top: #eaeaea 1px solid; background:#fff; }
.new-reserv-wrap .reserv-item > ul > li:not(:first-child, :last-child):before { content:""; width:1px; height:66%; top:15%; position:absolute; left:0; background: #D1D4DA; transition: height 0.3s ease, top 0.3s ease, transform 0.3s ease;}
.new-reserv-wrap.show .reserv-item > ul > li:not(:last-child) { border-top: #D1D4DA 1px solid; }
.new-reserv-wrap.bottom .reserv-item > ul > li:not(:first-child) { flex-direction: column; justify-content: center; align-items: flex-start; }
.new-reserv-wrap .reserv-item .btn_reserv { width:100%; height:100%; display:flex; justify-content: center; align-items: center; color:#fff; font-size: 18px;
    background:#4A515F; font-weight: 700; border-radius: 0; transition: all 0.5s; position:relative;
}
.new-reserv-wrap .reserv-item .btn_reserv.done { background:#431F88; }
.new-reserv-wrap .reserv-item .btn_reserv:disabled { background:#4A515F; color:rgba(255,255,255,.2); }
.new-reserv-wrap .reserv-item > ul > li > h2 { font-size: 18px; color:#431F88; font-weight: 700; margin: 0 0 2px 0; word-break: keep-all; white-space: nowrap; }
.new-reserv-wrap.bottom .reserv-item > ul > li:first-child { width: 307px; }
.new-reserv-wrap.bottom .reserv-item > ul > li:not(:first-child) { width:calc((100% - 307px) / 4); }
.new-reserv-wrap.bottom .reserv-item > ul > li > h2 { font-size:23px; }

.new-reserv-wrap.bottom .reserv-item > ul > li:not(:first-child, :last-child):before {height:32%; top: 53%; transform: translateY(-50%);}
.new-reserv-wrap .reserv-item > ul > li > h3 { font-size: 15px; color:#1F222D; font-weight: 400; margin: 0 0 0 0; word-break: keep-all; white-space: nowrap; }
.new-reserv-wrap .reserv-item > ul > li > span { font-size: 14px; height:20px; overflow: hidden; transition: height 0.7s; display:flex; color:#4A515F; font-weight: 400; margin: 0 0 4px 0; }
.new-reserv-wrap.bottom .reserv-item > ul > li > span { animation: delayedHeightZero 0.5s forwards; }
@keyframes delayedHeightZero {
    0% { height: 20px; }
    100% { height: 0; }
}

.new-reserv-wrap .reserv-item > ul > li > strong { font-size: 15px; color:#2A303C; font-weight: 700; margin: 0 0 0 0; }
.new-reserv-wrap .reserv-form { width:100%; height: 540px; position:absolute; left:0; bottom:-540px; background:#fff; z-index: 8;
    transition: bottom 0.5s, opacity 0.5s, height 0.5s, padding 0.5s; padding: 40px 60px; opacity: 0; }
.new-reserv-wrap .reserv-form.show { bottom:72px; opacity: 1; z-index: 8; transition: bottom 0.5s, opacity 0.5s, height 0.5s, padding 0.5s; }

.new-reserv-wrap.member-wrap .reserv-form.show { height: 450px; }
.new-reserv-wrap.member-wrap.next-wrap .reserv-form.show { height: 560px; }
.new-reserv-wrap .reserv-form > h2 { font-size: 20px; color:#000000; font-weight: 700; margin: 0 0 6px 0; position:relative; }
.new-reserv-wrap .reserv-form > h2 > em { font-weight: 700; }
.new-reserv-wrap .reserv-form > h3 { font-size: 11px; color:#EC696B; font-weight: 400; margin: 0 0 6px 0; }
.new-reserv-wrap .reserv-form > h4 { font-size: 12px; color:#2A303C; font-weight: 400; margin: 0 0 0 0; }
.new-reserv-wrap .reserv-form .reserv-step { position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; justify-content: flex-end; align-items: center; }
.new-reserv-wrap .reserv-form .reserv-step:after { content:""; width:100%; height:1px; background:#EAECF0; position:absolute; right:0; top:50%; transform: translateY(-50%); }
.new-reserv-wrap .reserv-form .reserv-step > span { width:8px; height:8px; display:inline-block; border-radius: 100%; background:#EAECF0; }
.new-reserv-wrap .reserv-form .reserv-step > span:not(:first-child) { margin-left:10px; }
.new-reserv-wrap .reserv-form .reserv-step > span.on { background:#431F88; position:relative; z-index: 1; }

.new-reserv-wrap .reserv-form .reserv-detail-wrap { width:100%; height:auto; margin: 30px 0 0 0; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; -webkit-overflow-scrolling: touch;  }
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul { width: 1320px; height:100%; display:flex; justify-content: flex-start; align-items: flex-start;
    flex-wrap: nowrap; position:relative; left:0; transition: transform 0.5s; }
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li { flex:0 0 1310px; margin-left:-55px; position:relative;
    display: flex;
    width: 100%;
    height: 355px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; transition: opacity 0.5s, height 0.5s; opacity: 0;
}
.new-reserv-wrap.member-wrap .reserv-form .reserv-detail-wrap > ul > li { height:270px; }
.new-reserv-wrap.member-wrap.next-wrap .reserv-form .reserv-detail-wrap > ul > li { height:360px; }
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:first-child { z-index: 1; }
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:last-child { z-index: 2; }
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:before { content:""; width:1px; height:100%; background:#EAECF0;
    position:absolute; left:33.333%; top:0;
}
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:after { content:""; width:1px; height:100%; background:#EAECF0;
    position:absolute; left:66.666%; top:0;
}
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li > label {
    width:33.3%;
}
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li[data-step='2'] { opacity: 0; }
.new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li.opacity { opacity: 1 !important; }

.new-reserv-wrap .reserv-form .btn-next-step { width:calc(33.3% - 110px); height:56px; background-color: #431F88; color: #ffffff; font-size: 15px; font-weight: 700; margin-top:auto; margin-left:auto; margin-right: 55px; margin-bottom: 12px;
    transition: background-color 0.4s; justify-content: center; align-items: center;
}
.new-reserv-wrap .reserv-form .btn-next-step:disabled { background-color: #f1f2f3; color: #BBC0C9; }

.reserv-detail-wrap > ul > li > label { width:100%; display:flex; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; position:relative; padding-top:26px;
    margin-bottom: 16px; padding-left:55px; padding-right:55px; }
.reserv-detail-wrap > ul > li > label[for='mb_phone'] { }
.reserv-detail-wrap > ul > li > label.empty_label { min-height: 50px; }
.reserv-detail-wrap > ul > li > label.phone_check_li { }
.reserv-detail-wrap > ul > li > label.phone_check_li:before { content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; background:#fff; z-index: 8; transition: height 0.5s; }
.reserv-detail-wrap > ul > li > label.phone_check_li.show:before { height:0; }
.reserv-detail-wrap > ul > li > label:last-child { margin-bottom:0; }

.reserv-detail-wrap > ul > li.btn_modif{margin-bottom: 0}
.reserv-detail-wrap > ul > li > label > span { font-size:14px; margin:0 0 0 0; font-weight: 400; position:absolute; left:55px; top:0; line-height: 20px; color: #2A303C !important;
    display:flex; width:calc(100% - 110px); word-break: keep-all; white-space: nowrap;
}
.reserv-detail-wrap > ul > li > label > span > p { color: #431F88; margin-left: 4px; }
.reserv-detail-wrap input[type='text'], .reserv-detail-wrap input[type='email'],.reserv-detail-wrap input[type='number'], .reserv-detail-wrap input[type='password'], .reserv-detail-wrap select, .reserv-detail-wrap textarea {
    width:100%; height:56px; padding:0 15px; border:#BBC0C9 1px solid; font-size:16px; font-weight: 400; border-radius: 2px; transition: border-color 0.3s;
}
.reserv-detail-wrap input::placeholder { color:#BBC0C9 !important; }
.reserv-detail-wrap input[type='text']:read-only { border-color:#BBC0C9 !important; background-color: #F6F7F8 !important; color: #5C6272 !important; }
.reserv-detail-wrap .veriMsg { width:100%; display:flex; margin:5px 0 0 0; font-size:10px; color:#431F88; font-weight: 400; }
.reserv-detail-wrap .is_session { width: 100%;
    display: flex;
    margin: 7px 0 0 0;
    font-size: 10px;
    font-weight: 400;
    color: #EC696B; }
.reserv-detail-wrap .veriMsg.error { color:#EC696B; }
.reserv-detail-wrap .veriResult { display:flex;width:100%; margin:7px 0 0 0; font-size:10px; font-weight: 400; }
.reserv-detail-wrap .veriResult > i { color:#BBC0C9; margin:0 10px 0 0; padding:0 0 0 10px; background:url('../img/common_input_ic_check_done.png') no-repeat left center; background-size:6px; color: #EC696B; font-weight: 400}
.reserv-detail-wrap .veriResult > i.done { color:#431F88; background:url('../svg/icon_veri_done.svg') no-repeat left center; background-size:6px; }
.reserv-detail-wrap .veriResult > i.error { color:#EC696B !important; background:url('../svg/icon_veri_error.svg') no-repeat left center; background-size:6px; }
input.error, select.error, .custom_select.error { border-color:#EC696B !important; }

.reserv-detail-wrap .custom_select_option_wrap { width:100%; }
.reserv-detail-wrap .custom_select_option_wrap > li { width:100%; }
.reserv-detail-wrap .custom_select {width: 100%; position: relative; height: 56px; padding: 0 15px; border: 1px solid #BBC0C9; border-radius: 2px; transition: border-color 0.3s; font-size: 16px; color: #BBC0C9; background: url("../svg/icon_select_drop.svg") no-repeat right 26px center; display: block; text-align: left}
.reserv-detail-wrap .custom_select[data-veri-done='1'] { color:#2A303C; }
.reserv-detail-wrap .custom_select_option {
    border: 1px solid #BBC0C9;
    border-radius: 2px;
    transition: border-color 0.3s;
    position: absolute;
    width: calc(100% - 110px);
    background-color: #FFFFFF;
    z-index: 9999;
    display:none;
}
.reserv-detail-wrap .custom_select_option > li > button {
    background: white;
    font-size: 16.5px;
    border: none;
    display: block;
    padding: 0;
    height: 40px;
    padding-left: 22.97px;
    width: 100%;
    text-align: left;
}

.reserv-detail-wrap .sub_gust_agree > li > h4 { font-size: 14px; font-weight: 400; margin:0 0 12px 0; }
.reserv-detail-wrap .terms_ul { width: 33.3%; padding-left: 55px; padding-right: 55px; position:relative; bottom:auto; }
.reserv-detail-wrap .sub_gust_agree > li { margin-bottom:10px !important; }
.reserv-detail-wrap .sub_gust_agree > li:not(:first-child) { padding-left: 8px; }

.PetKind {  font-size:14px; }

.nonMember { padding-bottom:0; }
.nonMember h1 { font-size:25px; }
.nonMember p { font-size:11px; margin:0 0 5px 12px; font-weight: 400; }

.nonMember .nonmemberInfo > div { display:flex; flex-direction: column; height:480px; }
.nonMember .nonmemberInfo > div:first-of-type { padding-bottom:0; }
.nonMember .nonmemberInfo > div:last-of-type > ul:first-of-type { padding:0; }
.nonMember .nonmemberInfo .nonmemberButton { margin-top: auto; }

.nonMember .terms_ul { bottom:0; }

.pcReservEasy .pcResizeUseReserv5.userResevChoose { display:flex; }
.serviceList > ul > li > div.title-easy-box{margin-bottom: 6px}
.userReservWrap.userReservLast h3.pc-reserv-notice{ display: block}
.etc-input > li > input{max-width: 233px; width: 100%;box-sizing: border-box; height: 52px;}
.etc-span{margin-right: 10px}
.fixedButton { position:relative; margin:20px 0 0 0;}
.quickReservWrap .reserv-detail-wrap { width:100%; height:452px; background:#ffffff; border:#EAECF0 1px solid; border-radius: 12px; position:absolute; left:0; top:-440px;
    box-shadow: rgba(0,0,0,0.07) 2px 2px 10px; z-index: 999; padding:0px 0; display:none; opacity: 0; transition: opacity 0.5s, top 0.3s;
}
.quickReservWrap .reserv-detail-wrap.show { display:block; }
.quickReservWrap .reserv-detail-wrap.show2 { opacity: 1; top:-452px; }
.quickReservWrap .reserv-detail-wrap > ul { width:100%; height:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.quickReservWrap .reserv-detail-wrap > ul > li { flex: 1 1; padding:0 50px; position:relative; height:100%; }
.quickReservWrap .reserv-detail-wrap > ul > li:not(:last-child):after { content:""; position: absolute; right:0; top:0; width:1px; height:100%; background:#EAECF0; }
.quickReservWrap .reserv-detail-wrap > ul > li > h3 { width:100%; display:flex; justify-content: flex-start; align-items: center; }
.quickReservWrap .reserv-detail-wrap > ul > li > h3 > span { font-size:10px; color:#5C6272; font-weight: 400; margin:0 10px 0 0; }
.quickReservWrap .reserv-detail-wrap > ul > li > h3 > strong { font-size:11px; color:#2A303C; font-weight: 700; margin:0 0 0 0; }

.reserv-detail-wrap .userReserv { display:flex; flex-direction: column; justify-content: flex-start; padding:0 0; position:relative; height:100%;

}
.reserv-detail-wrap .userReserv > .reserv-time-wrap { width:50%; position:relative; padding: 0 55px; }

.reserv-detail-wrap .userReserv > .reserv-time-wrap .reserv-detail-wrap .timeList > ul > li { margin:0; }
.reserv-detail-wrap .userReserv > .reserv-time-wrap > h2, .reserv-detail-wrap .userReserv > h2 { margin-bottom: 14px; }


.reserv-detail-wrap .pcReservEasy .pcResizeUseReserv5 { display:none; }
.reserv-detail-wrap .userReserv .reserv-detail-wrap #calendarList { margin-bottom:0; }
.reserv-detail-wrap .userReserv.show { display: flex !important; }
.reserv-detail-wrap .userReserv.hide { display: none !important; }
.reserv-detail-wrap .userReserv.active { display: flex !important; }

.reserv-detail-wrap .userReserv[data-reserv-step='1'] { width:66.6666%; display:flex; flex-direction: row;
    justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.reserv-detail-wrap .userReserv[data-reserv-step='2'] { width:33.3333%; padding: 0 55px; }
.reserv-detail-wrap .userReserv[data-reserv-step='3'] { position:absolute; right:0; bottom:0px; flex: 1 1 33.333%; width:33.333%; height:auto; padding:0 55px; }
.reserv-detail-wrap .userReserv[data-reserv-step='2'].disabled > h2 > strong,
.reserv-detail-wrap .userReserv[data-reserv-step='3'].disabled > h2 > strong,
.reserv-detail-wrap .userReserv[data-reserv-step='2'].disabled > h2 > strong:before,
.reserv-detail-wrap .userReserv[data-reserv-step='3'].disabled > h2 > strong:before,
.reserv-detail-wrap .userReserv[data-reserv-step='3'].disabled > h2 > strong * { color:#BBC0C9; }
.reserv-detail-wrap .userReserv[data-reserv-step='4'] { width:100%; padding-right:50px; }
.reserv-detail-wrap .userReserv[data-reserv-step='5'],
.reserv-detail-wrap .userPhone.newUserPhone {
    display:none;
}
.reserv-detail-wrap .userReserv[data-reserv-step='4'] { *margin-left:261px; *width:calc(100% - 250px); }
.reserv-detail-wrap .userReserv[data-reserv-step='4'] > h2,
.reserv-detail-wrap .userReserv[data-reserv-step='4'] > h3 { display:none; }
.etcServiceWrap.horiWrap > ul { flex-direction: row; align-items: center;}
.etcServiceWrap.horiWrap > ul > li { width:auto; margin:0 32px 0 0; }
.etcServiceWrap.horiWrap > ul > li:last-of-type{margin-right: 0; flex-wrap:nowrap; width: 50%; align-items: center; position: relative; width: 31%}
.reserv-detail-wrap .serviceList { margin:0 0 0 0; }
.reserv-detail-wrap .serviceList > ul > li > h5 > i { display:inline-block; margin:0 0 0 10px; color:#EC696B; font-size:10px; }
.serviceList > ul > li > div > h5 { font-size:11px;  font-weight: 700; }
.reserv-detail-wrap .userReserv[data-reserv-step='5'] {
    width:382px;  position:fixed; left:50%; top:0px; transform: translate(-50%, -100%); height: 512px; overflow-y: auto;
    background:#fff; z-index: 999; display:none; padding: 40px 40px 87px 40px; overflow: hidden;
}
.reserv-detail-wrap .userReserv[data-reserv-step='5'] h2 > strong {
    font-size: 18px;
}
.reserv-detail-wrap .userReserv[data-reserv-step='5'] h2 > strong:before { display:none; }

.reserv-detail-wrap .subPickupWrap { width:100%; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;  padding-bottom: 0}
.reserv-detail-wrap .subPickupWrap > li { width:300px; float: left; margin : 0 15px 2px 0; }
.reserv-detail-wrap .subPickupWrap > li.reservAddrWrap { width:calc(100% - 330px); position: relative; }
.reserv-detail-wrap .subPickupWrap > li.accompanyWrap{margin-bottom: 2px}
.reserv-detail-wrap .subWrap > li > .btn_pickup_addr { width:300px; background-color: #4A515F }
.subWrap > li > .btn_pickup_addr.done,
.reserv-detail-wrap .subWrap > li > .btn_pickup_addr.done { position: absolute; top:0; right:0; background:#5C6272; color:#fff;
    font-size:10px; height:18px; line-height: 18px; padding:0 0; border:0; width:42px; text-align: center;
}
.subWrap > li > .btn_pickup_addr.done{width: 42px !important;}

.btn_desktop_reserv_confirm { position:relative; height: 47px; margin-top:15px; width:100%;
    line-height: 47px;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 700;
    background: #431F88;
    color: #ffffff;
    z-index: 1;
}
.btn_desktop_reserv_confirm:disabled { background: #F1F2F3; color: #BBC0C9; }
.btn_desktop_reserv_confirm.show{z-index: 9;  background: #431F88; color: #fff; }

.reserv-detail-wrap .userReserv h2 > span { display:none; }
.reserv-detail-wrap .userReserv h2 > strong { font-size:11px; color:#2A303C; font-weight: 700; margin:0 0 0 0; width:100%; }
.reserv-detail-wrap .userReserv h2 > strong:before { content:attr(data-this-step); font-size:10px; color:#5C6272; font-weight: 400; margin:0 7px 0 0; }
.reserv-detail-wrap .userReserv h2 > strong > em { font-size:10px; color:#EC696B; margin-left:8px; font-weight: 400; width:auto; display:inline-block; margin-top:0; }
.reserv-detail-wrap .selectedPlace { padding:10px 0 0 0; position:relative; }
.reserv-detail-wrap .selectedPlace > ul { padding:0; }
.reserv-detail-wrap .selectedPlace > ul > li.placeName, a.placeLink { display:none; }
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo { margin:0; display:none; }
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo.show, a.placeLink.show { display:flex; }
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo > span,
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo > strong { font-size:10px; }
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo > span { width:50px; }
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo > strong { width:calc(100% - 50px); }
.reserv-detail-wrap .selectedPlace > ul > li.placeInfo > * { }
.reserv-detail-wrap .selectedPlace .imgWrap { min-height: 152px; max-height: 152px; margin:0 0 7px 0; overflow: visible !important; position: relative;}
.reserv-detail-wrap .selectedPlace .imgWrap .wrapEvent { position: absolute; right: -15px; top: -10px; display: block; border-radius: 20px; background: #FFDA79; padding: 4px 10px; font-weight: 700; line-height: 17px; font-size: 12.5px; width: auto; height: auto}
.reserv-detail-wrap .selectedPlace .imgWrap .wrapEvent:after{content: ""; width: 0px; height: 0px; position: absolute; left: 0; bottom: -5px; left: 13%; transform: translateX(-50%); border-bottom: 14px solid #FFDA79; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 9; transform: rotate(60deg)}
.wrapEvent:after{content: ""; width: 0px; height: 0px; position: absolute; left: 0; bottom: -5px; left: 13%; transform: translateX(-50%); border-bottom: 14px solid #FFDA79; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 9; transform: rotate(60deg)}
.reserv-detail-wrap .selectedPlace > a { position:absolute; right:0; bottom:5px; margin:0; font-size:10px; }
.reserv-detail-wrap .placeList > ul { width:calc(100% + 8px); margin-left:-4px; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.reserv-detail-wrap .placeList > ul > li { width:49%; margin: 0 0 8px 0; padding:0 4px;}
.reserv-detail-wrap .placeList > ul > li > button { width:100%; text-align: center; height:47px; color:#2A303c; border:#BBC0C9 1px solid; border-radius: 2px; font-size:15px; font-weight: 500; background:#fff; }
.reserv-detail-wrap .placeList > ul > li > button:disabled { color:#BBC0C9 !important; background:#F6F7F8 !important; }
.reserv-detail-wrap .placeList > ul > li > button.selected { border-color:#431F88; background-color:#431F88; color:#fff; }
.reserv-detail-wrap .placeList > ul > li > button.not:disabled{background:#F6F7F8 !important;}

.reserv-detail-wrap .placeList > ul > li > button.btn_choose_place:disabled { color:#BBC0C9 !important; background:#ffffff !important; border-color:#BBC0C9 !important; }
.reserv-detail-wrap .placeList > ul > li > button.not:disabled { color:#BBC0C9 !important; background:#F6F7F8 !important; }

.reserv-detail-wrap .reservTimer > ul { width:calc(100% + 10px); margin-left:-5px; flex-direction: row; flex-wrap: wrap; display:none; }
.reserv-detail-wrap .reservTimer > ul.show { display:flex; }
.reserv-detail-wrap .reservTimer > ul.show > li { display:inline-block !important; }
.reserv-detail-wrap .reservTimer > ul > li { flex: 1 1 calc(100% / 4); padding:0 5px; }
.reserv-detail-wrap .reservTimer > ul > li:nth-child(-n+4) button { margin-top:0 !important; }
.reserv-detail-wrap .reservTimer > ul > li:not(:first-child) { /*display:none;*/ }
.reserv-detail-wrap .reservTimer > ul > li button { width:100%; height:40px; line-height: 40px; margin:10px 0 0 0 !important; padding:0; color:#2A303c; position:relative;
    display:flex !important; align-items: center; justify-content: center;
}
.reserv-detail-wrap .reservTimer > ul.show > li button { display:flex !important; }

.reserv-detail-wrap .userReserv .renewalService > ul > li { width:100%; margin-left:0; }

.reserv-detail-wrap .reserv-detail-wrap #calendarList { position:relative; width:100%; overflow: hidden; }
.reserv-detail-wrap .reserv-detail-wrap #calendarList .ui-widget.ui-widget-content { display:flex !important; flex-direction: row !important;
    justify-content: center; align-items: flex-start; flex-wrap: wrap; }
.reserv-detail-wrap .reserv-detail-wrap #calendarList .ui-datepicker-multi .ui-datepicker-group { width:100% !important; min-width: 390px;  float: none; margin:0px 0; }

.reserv-detail-wrap .fixedButtonWrap { position:relative; display:none; }

.reserv-detail-wrap .reserv-detail-wrap .timeList { margin:0; display:flex; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; }
.reserv-detail-wrap .reserv-detail-wrap .timeList > ul { min-height: 337px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.reserv-detail-wrap .reserv-detail-wrap .timeList > ul > li:last-child { margin:auto 0 0 0; text-align: right; }
.reserv-detail-wrap .reserv-detail-wrap .timeList .btn_desktop_reserv_next { height: 47px; line-height: 47px; padding:0 40px; font-size:15px; font-weight: 700; background:#431F88; color:#fff; }
.reserv-detail-wrap .reserv-detail-wrap .timeList .btn_desktop_reserv_next:disabled { background:#F1F2F3; color:#BBC0C9; }

.reserv-detail-wrap .desktopTimeWrap > li:first-child { margin:0 0 8px 0; }
.reserv-detail-wrap .userResevChoose { width:261px; height:100%; border-radius: 10px 0 0 10px}
.reserv-detail-wrap .userResevChoose > ul { display: flex; flex-direction: column;
    justify-content: flex-start; align-items: start; flex-wrap: wrap; padding:25px; height: 100%; }
.reserv-detail-wrap .userResevChoose > ul > li { margin:0 0 0 0; height:45px; align-items: center; }
.reserv-detail-wrap .userResevChoose > ul > li > *  {height:45px; display:flex; align-items: center; }
.reserv-detail-wrap .userResevChoose > ul > li.is_desktop_wrap{height: 16px}
.reserv-detail-wrap .userResevChoose > ul > li > button{height: 16px}
.reserv-detail-wrap .userResevChoose > ul > li > span { font-size:11px; color:#798493; width:60px; }
.reserv-detail-wrap .userResevChoose > ul > li > strong { font-size:14px; color:#5C6272; }
.reserv-detail-wrap .userResevChoose > ul > li.is_desktop_wrap { margin-top:auto; }
.reserv-detail-wrap .userResevChoose .btn_desktop_reserv_back {
    color:#5C6272; font-size:11px; font-weight: 400; position:relative; padding-left:22px; background:transparent;
}
.reserv-detail-wrap .userResevChoose .btn_desktop_reserv_back:before {
    content:""; width:20px; height:20px; position:absolute; left:0; top:50%; transform: translateY(-50%) rotate(-180deg);
    background:url('../svg/icon_arrow_right_gray.svg') no-repeat center center; background-size:10px 10px;
}
.reserv-detail-wrap .reserv-detail-wrap .etcServiceWrap > ul > li { align-items: flex-start; margin:2px 0; }
.reserv-detail-wrap .reserv-detail-wrap .etcServiceWrap > ul > li > label > span { font-size:14px; }

.reserv-detail-wrap .userReserv .renewalService > ul > li { margin:0;}

.reserv-detail-wrap .is_desktop_button { display: block !important;  }
.wrapEvent > br{display: none}

.desktopTimeWrap { width:100%; display:flex; flex-wrap: wrap; justify-content: flex-start; }
.desktopTimeWrap > li { width:100%; margin:0 0 0 0; }
.desktopTimeWrap > li > h4 { font-size: 14px; font-weight: 500; margin:20px 0 10px 0; }
.desktopTimeWrap > li > h4:first-child { margin-top:0; }
.desktopTimeWrap .matter-radio { margin:0 20px 0 0; }

.PcUserPhone{position: fixed; bottom: 0; left: 0; z-index: 998; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; width: 100% ; height: 100vh; display: none}
.PcUserPhone.show{display: flex}
div.PcUserEdit{width: 100%; max-width: 382px; height: 512px !important; transform: none;  position: fixed; padding: 40px 39px; left: calc(50% - 191px); top: 20%; display: none}
div.PcUserEdit.show{ display: block !important;  }
div.PcUserEdit h2{font-size: 18px; font-weight: 700; line-height: 26.5px; margin-bottom: 16px}
div.PcUserEdit .petsWrap > ul > li > label > span{font-size: 14px; font-weight: 400; line-height: 22px}
div.PcUserEdit .petsWrap input[type='text']{padding: 0 24px}
div.PcUserEdit .userPhoneButtonWrap > ul > li > * {height: 47px; font-size: 14px; line-height: 22.5px; font-weight: 500}

.RestyleQuickResWrap{ left: calc(50% - 600px); transform: none}
.reserv-detail-wrap .resizeUseReserv5{left: calc(50% - 190px) !important; top: 0px !important; position: absolute !important; transform: none !important; }
.pickupCustom > ul{padding: 0}
.pickupCustom > ul > li > button{height: 40px; font-size: 16.5px; line-height: 23.89px}
.pickupCustom > ul > li:hover > button{background-color: #431F88; color: #FFFFFF}

.selectedList > ul > li > strong{font-size: 14px; font-weight: 700; letter-spacing: -0.5px; line-height: 22px;}
.reStyleSelectedList{margin-top: 0}
.reStyleSelectedList > ul > li{margin: 0 0 10px 0;}
.reStyleSelectedList > ul > li:last-of-type{margin-bottom: 0}
.reStyleSelectedList > ul.user_info{padding-bottom: 16px; margin-bottom: 16px}
.selectedList > ul.reStyleSelectedinfo{margin-bottom: 16px}
.selectedList > ul.reStyleSelectedinfo > li:nth-of-type(4){margin-bottom: 0}
.reStyleSelectedList .notice2{margin-bottom: 0;}
.userReservWrap.userReservLast .resizeUseReserv5 h2{margin-bottom: 16px;  line-height: 26.5px; color: #2A303C; font-weight: 700; display: block}
.restyleBtn > ul > li > button{height: 47px; line-height: 22.5px; font-size: 14px; font-weight: 500; color: #2A303C}
.userReservWrap.userReservLast h3.mb-infotext{font-size: 15px; line-height: 21px; font-weight: 400; color: #2A303C; margin: 0 0 30px 0}
.pcUserReservWrap{max-width: 327px; width: 100%; margin: 0 auto}
.pcUserReservWrap.isBig { max-width:782px; padding: 100px 0 160px 0; }
.userReservWrap.userReservLast.isBig .userReserv { padding-top:0; }
.petsWrap .NonMembers-btn-reserv {position: static; margin-top: 32px}
.pcUserReservWrap .petsWrap > ul > li:nth-of-type(3){margin-bottom: 20px;}
.isBig .petsWrap { width:100%; display:flex; flex-wrap: wrap; }
.isBig .petsWrap > ul { display:flex; flex-direction: column; flex-wrap: wrap; height:calc(118px * 3); justify-content: flex-start; position:relative; }
.isBig .petsWrap > ul:before { content:""; width:1px; height:calc(100% + 92px); position:absolute; left:50%;  top:0; background: #EAECF0; }
.isBig .petsWrap > ul > li { width:50%; height:106px; margin-bottom: 12px !important; position:relative; padding-bottom:22px; }
.isBig .petsWrap > ul > li .veriMsg { position:absolute; left:0; bottom:0; }
.isBig .petsWrap > ul > li:nth-child(-n+3) { padding-right:64px; }
.isBig .petsWrap > ul > li:nth-child(n+4) { padding-left:64px; }
.isBig .petsWrap > ul > li:nth-child(n+4) .veriMsg { margin-left:64px; }
.isBig .petsWrap > ul > li.phone_check_li { height:0; overflow: hidden; visibility: hidden; transition: height 0.5s; }
.isBig .petsWrap > ul > li.phone_check_li.show { height:106px; visibility: visible;  }
.isBig .petsWrap .btn_submit.NonMembers-btn-reserv { width:calc(50% - 64px); margin-left:auto; }

.pcUserReservWrap .userReserv h2{font-size: 25px; font-weight: 700; line-height: 37px; margin-bottom: 4px}
.pcUserReservWrap h3{font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.5px; margin-bottom: 4px}
.pcUserReservWrap h3.notice2{font-size: 11px; line-height: 18px; letter-spacing: -0.5px; color: #EC696B; font-weight: 400; margin-bottom: 20px}
.resizeUseReserv1{max-width: 100%;}
.reserv-detail-wrap .etcServiceWrap > ul > li > i:hover:after{width: 218px}
.reserv-detail-wrap .etcServiceWrap > ul > li { width:100%; margin:6px 0; display:flex; align-items: center; flex-wrap: wrap; }
.etc-input{padding: 0; position: absolute; width: auto; right: 0}
.etc-input > li > input{max-width: 233px; width: 100%;box-sizing: border-box; height: 52px; margin-bottom: 0}
.close-reserv-detail-wrap{display: block}
.default{padding-top: 10px}
#EasyReservationBack{display: none; background: rgba(0,0,0,0.3); position: fixed; width: 100%; height: 100vh; z-index: 9; left: 0; top: 0}
#EasyReservationBack.show{display: block}

.serviceList > ul > li > div.reStyleEtcService{margin-bottom: 38px}
.finishBlade{padding-top: 100px}
.finishBlade > h2{font-size: 25px; line-height: 37px; margin-bottom: 16px}
.finishBlade > p:first-of-type{font-size: 14px; line-height: 22px; margin-bottom: 8px}
.finishBlade > p:last-of-type{font-size: 11px; line-height: 16px; margin-bottom: 40px}
.finishInfo{ /*background-color:#F6F7F8; padding: 35px 38px; */}
.finishInfo > ul > li > strong{font-size: 14px; line-height: 22px}
.finishInfo > ul > li > button{display: none}
.finishInfo > ul:last-of-type > li:last-of-type{margin-bottom: 0}
/*간편예약 */
.pcReservEasy{ width:100%; height: auto; display:flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }

#place_visit_time { margin-left:0; }
.pcReservEasy .pcResizeUseReserv5{ position: sticky; -webkit-position:sticky; top: 115px; left: 50%;  width: 226px; background-color: #fff; height: 393px;
    display:flex; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: flex-start;
}
/*.pcReservEasy .pcResizeUseReserv5.fixed { top: 110px; position:sticky;  z-index: 9; }*/
.pcReservEasy .pcResizeUseReserv5 > div:not(.fixedButtonWrap) { padding: 24px; }
.pcReservEasy .pcResizeUseReserv5 > div:not(.fixedButtonWrap) > h2 { color: rgb(74, 81, 95);
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 16px; }
.pcReservEasy .pcResizeUseReserv5 > div:not(.fixedButtonWrap) > ul > li { display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: rgb(92, 98, 114);
    line-height: 19px;
    margin-bottom: 12px; }
.pcReservEasy .pcResizeUseReserv5 > div:not(.fixedButtonWrap) > ul > li > strong { font-weight: 700; display: inline-block; margin-left: 6px; }
.pcReservEasy .pcResizeUseReserv5 > .fixedButtonWrap { position:relative !important; }
.pcReservEasy .pcResizeUseReserv5 > .fixedButtonWrap > ul { display:flex !important; }
.pcReservEasy .pcResizeUseReserv5 .nextStep > li > button{width: 100%; border-radius: 0; height: 47px; line-height: 47px; font-size: 14px; color: #fff}
.pcReservEasy .pcResizeUseReserv5 .nextStep > li:first-of-type > button{color: #BBC0C9;}
.pcReservEasy .pcResizeUseReserv5 .nextStep > li > button:disabled{color: #BBC0C9; font-weight: 500; background-color: #FFFFFF !important; border: 1px solid #BBC0C9}
.pcReservEasy .pcResizeUseReserv5 .nextStep > li > button.btn_prev { position:relative; z-index: 2; }
.pcReservEasy .pcResizeUseReserv5 .nextStep > li > button.btn_next { position:relative; z-index: 1; margin-left:-1px; width:calc(100% + 1px);}

.btn_prev.btn_reserv_step { border: #2A303C 1px solid !important; color: #2A303C !important; font-weight: 500 !important; }
.btn_prev.btn_reserv_step:disabled { border: 1px solid #BBC0C9 !important; color: #BBC0C9 !important; }

.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-header{width: 100%; max-width: 140px; margin: 0 auto}

.reserv-is-desktop .reserv-detail-wrap .reservTimer > ul{display: flex !important;  flex-wrap: wrap}
.reserv-is-desktop .reserv-detail-wrap .reservTimer > ul.show{display: flex}
.userReservWrap.userReservLast .fixedButtonWrap > ul > li .btn_prev{border: 1px solid #BBC0C9}
/*간편예약 */
.etcServiceWrap{padding-left: 0}
.reserv-detail-wrap .renewalService > ul > li{width: auto; margin-left: 32px}
.reserv-detail-wrap .renewalService > ul > li:first-of-type{margin-left: 0}
.etcServiceWrap.horiWrap > ul > li{margin-right: 16px}
.serviceList > ul > li > div.renewalService{position: relative; margin-bottom: 38px}
.reserv-detail-wrap .subPickupWrap{position: absolute; left: -24px; top: 29px}
.etcRefererContent{max-width: 300px;}
.etcRefererContent .etc-list{padding-top: 11px; padding-bottom: 11px; max-height: 180px}
.etcRefererContent .etc-list > li{margin-bottom: 4px}
.etcRefererContent .etc-list > li > button{color: #2A303C; font-size: 16.5px; line-height: 35px; height: 35px}
.etcRefererContent .etc-list > li > button > span{display: inline-block; font-size: 12px; line-height: 16px; color: #5C6272; margin-left: 4px; font-weight: 400}
.etc-choose-box{display: flex; margin-bottom: 0}
.etc-choose-box .etc-input{position: inherit; margin: 0 0 0 13px}
.etc-choose-box .etc-input > li > input{height: 56px; max-width: 300px; min-width: 300px; color:#BBC0C9; font-weight: 400}
.serviceList > ul > li > div.horiWrap{margin-top: 12px}

.reserv-detail-wrap #calendarList { width:100%; color:#2A303C; font-family: 'Roboto', 'Noto Sans KR','맑은 고딕','Malgun Gothic',sans-serif !important;  }
.reserv-detail-wrap #calendarList .ui-widget.ui-widget-content { width:100% !important; padding:0; border:0; }
.reserv-detail-wrap #calendarList .ui-datepicker-multi .ui-datepicker-group { width:100% !important; margin:10px 0 30px 0; }
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-prev,
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-next { display:block !important; }
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-header { width: 100%;
    max-width: 140px;
    margin: 0 auto; }
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-title { margin:0; }

.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-prev, #calendarList .ui-datepicker .ui-datepicker-next {
    display: block !important; border:0 !important; top:50% !important; transform: translateY(-50%);
}
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-prev { width:20px; height:20px; left:0; background:url('../svg/icon_arrow_right_block.svg') no-repeat center center;
    background-size:30px 30px; transform: translateY(-50%) rotate(-180deg);
}
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-next { width:20px; height:20px; right:0; background:url('../svg/icon_arrow_right_block.svg') no-repeat center center; background-size:30px 30px; }
.reserv-detail-wrap #calendarList .ui-datepicker table { margin:20px 0 0 0; }

.reserv-detail-wrap #calendarList .ui-datepicker-multi .ui-datepicker-group table { width:100%; margin:0; }
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-header { padding:0; margin:0 auto; border:0; background:#ffffff; }
.reserv-detail-wrap #calendarList .ui-datepicker td { padding:0; border:0; position:relative; }
.reserv-detail-wrap #calendarList .ui-datepicker td.ui-datepicker-today .ui-state-default { font-weight: 600; color:#431F88; }
.reserv-detail-wrap #calendarList .ui-datepicker td.ui-datepicker-today .ui-state-default:before { content:"오늘"; position:absolute; left:0; top:-3px; height:15px; line-height: 15px; color:#BBC0C9; font-size:10px;
    font-weight: 400; left:50%; transform: translateX(-50%); }
.reserv-detail-wrap #calendarList .ui-state-default, .reserv-detail-wrap #calendarList .ui-widget-content .ui-state-default { width:100%; min-height: 50px; border:0; padding:0; margin:0; display:flex; justify-content: center; align-items: center;
    position:relative; z-index: 2; font-size:16px; font-weight: 400; color:#2A303C; background:transparent; font-family: 'Roboto', 'Noto Sans KR','맑은 고딕','Malgun Gothic',sans-serif !important; }
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-title { margin:0 0 0 0; width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;
    font-size:17.5px; font-weight: 700; height:25px; line-height: 25px;
}
.reserv-detail-wrap #calendarList .ui-datepicker .ui-datepicker-title > * { font-size:17.5px; font-weight: 700; display: flex; align-items: center; height: 25px}
.reserv-detail-wrap #calendarList .ui-datepicker th { font-size:15px; font-weight: 400; color:#5C6272; }
.reserv-detail-wrap #calendarList .ui-state-default, .reserv-detail-wrap #calendarList .ui-widget-content .ui-state-active { color:#fff; }
.reserv-detail-wrap #calendarList .ui-datepicker-current-day:after { content:""; width:28px; height:28px; background:#431F88; border-radius: 100%;
    left:50%; top:50%; transform: translate(-50%,-50%); position:absolute; z-index: 1; }
.reserv-detail-wrap #calendarList .ui-datepicker td.ui-datepicker-current-day .ui-state-default { color:#fff; }

.reserv-detail-wrap .timeList { width:100%; margin:0 0 0 0; }
.reserv-detail-wrap .timeList > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
.reserv-detail-wrap .timeList > ul > li { width:100%; margin:0 0 0 0; }
.reserv-detail-wrap .timeList > ul > li > h4 { font-size:15px; margin:0 0 10px 0; font-weight: 400; }
.reserv-detail-wrap .timeList > ul > li.reserv-is-desktop { display:none !important; }

.reserv-detail-wrap .reservTimer { width:100%; margin:0px 0 0 0; }
.reserv-detail-wrap .reservTimer > ul > li { width:auto; flex:1 1 calc(100% / 4); margin:0 0 10px 0; }
.reserv-detail-wrap .reservTimer > ul > li button { width:100%; height:42px; line-height: 42px; border:#BBC0C9 1px solid; font-size:16px; font-weight: 400;
    font-family: 'Roboto', 'Noto Sans KR','맑은 고딕','Malgun Gothic',sans-serif !important;
    border-radius: 2px; background:#fff; margin:0 0 0 0 !important;
}
.reserv-detail-wrap .reservTimer > ul > li button.on { background-color:#431F88; color:#fff; border-color:#431F88; }
.reserv-detail-wrap .reservTimer > ul > li button:disabled { color:#BBC0C9 !important; background:#F6F7F8 !important; }

.reserv-detail-wrap .etcServiceWrap { width:100%; margin:0 0 0 0; padding-left:0; }
.reserv-detail-wrap .etcServiceWrap > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
.reserv-detail-wrap .etcServiceWrap > ul > li { width:100%; margin:5px 0; display:flex; justify-content: flex-start; align-items: center; }
.reserv-detail-wrap .etcServiceWrap > ul > li > label > span { font-size:14px; font-weight: 400; white-space: nowrap}
.reserv-detail-wrap .etcServiceWrap > ul > li > label > span > i { font-size:12px; margin:0 0 0 3px; }
.reserv-detail-wrap .etcServiceWrap > ul > li > i { width:12px; height:12px; display:inline-block; background:#d1d4da; margin:0 0 0 5px; border-radius: 100%;
    position:relative; color:#fff; text-align: center; line-height: 12px; font-size:11px; font-weight: 400; cursor: pointer; }
.reserv-detail-wrap .etcServiceWrap > ul > li > i:hover:after { content:attr(data-this-info); background:#2A303C; color:#fff; font-size:11px; font-weight: 400; padding: 4px 8px; border-radius: 2px;
    width:218px; height:auto; display:inline-block; position:absolute; line-height: 16px; left:25px; top:-5px; text-align: left; z-index: 99;
}
.reserv-detail-wrap .etcServiceWrap > ul > li > i:hover:before { content:""; width:0; height:0; border-right:#2A303C 5px solid; border-top:transparent 3px solid; border-bottom:transparent 3px solid;
    position:absolute; line-height: normal; left:20px; top:2px;
}

.reserv-detail-wrap .etcServiceWrap > ul > .service_check {width: auto !important;  }
.reserv-detail-wrap .etcServiceWrap > ul > .service_check:not(.last) {margin-right: 11px !important;}

.reserv-detail-wrap .btn-first-step { color:#2A303C; font-size: 14px; font-weight: 500;  padding-right: 16px;
    background:url('../svg/icon_arrow_right_b.svg') no-repeat right center; background-size:10px 10px; }
.reserv-detail-wrap .userReserv .renewalService > ul > li.is_desktop_button { width:auto; margin-left:auto; margin-top:12px; }

.RestyleQuickResWrap { display:none !important; }

.userReservWrap.userReservLast { width: 100%; height:100%; position:fixed; left:0; bottom:-100%; background:rgba(0,0,0,.4); z-index: 999999; transition: bottom 0.5s; }
.userReservWrap.userReservLast.show { bottom:0; }
.userReservWrap.userReservLast .userReserv { padding: 40px 40px 87px; width: 382px; min-height: 530px; left:50%; top:50%; transform: translate(-50%, -50%); position:absolute; background:#fff; }
.userReservWrap.userReservLast.show .userReserv { display:inline-block; }
.userReservWrap.userReservLast h2{ font-size:20px; margin-bottom: 8px;  line-height: 29px; color: #2A303C; font-weight: 700; display: block}
.userReservWrap.userReservLast .selectedList {
    width: 100%;
    margin: 0 0 0 0;
}
.userReservWrap.userReservLast .selectedList > ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.userReservWrap.userReservLast .selectedList > ul > li {
    width: 100%;
    margin: 0 0 12px 0; line-height: 22px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.userReservWrap.userReservLast .selectedList > ul > li > span { width:86px; display:inline-block; margin:0 0 0 0; font-size:13px; line-height: 21px; font-weight: 400; color:#798493; }
.userReservWrap.userReservLast .selectedList > ul > li > strong { font-size:13px; font-weight: 700; line-height: 17px; color:#5C6272; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.userReservWrap.userReservLast .selectedList > ul > li > strong > i { font-size:14px; font-weight: 700; color:#5C6272; line-height: 22px; }
.userReservWrap.userReservLast .selectedList > ul > li > strong > .btn_modify_phone { padding:2px 6px; border-radius: 2px; background:#B59C8E; line-height: 18px; color:#fff; font-size:11px; font-weight: 400;    margin-left:7px;}
.userReservWrap.userReservLast .selectedList > ul > li > strong > b{margin-left: 4px; display: block}
.userReservWrap.userReservLast .selectedList > ul.user_info { padding-bottom:8px; margin-bottom:20px; position: relative; }
.userReservWrap.userReservLast .selectedList > ul.user_info:after { content:""; width:100%; height:1px; background:#EAECF0; position:absolute; left:0; bottom:0; }
.userReservWrap.userReservLast .selectedList > ul.selected_info { margin:0 0 0 0; }

.userReservWrap.userReservLast .selectedList > ul > li.selected_service { display:none; margin-top:0; }
.userReservWrap.userReservLast .selectedList > ul > li.selected_service.show { display: flex; }
.userReservWrap.userReservLast h3 { font-size:10px; font-weight: 400; margin: 0px 0 20px 0; }
.userReservWrap.userReservLast h3.mb-logged{margin-bottom: 4px}
.userReservWrap.userReservLast h3.notice { color:#EC696B;}
.userReservWrap.userReservLast h3.notice2 {margin: 13px 0 8px; display: block; width: 100%; padding: 10px 18px; background: #F6F7F8; border-radius: 5px; color: #431F88; font-size: 11px; font-weight: 400; line-height: 17px; word-break: keep-all;}

.userReservWrap.userReservLast .userPhoneButtonWrap { width:100%; position: absolute; left:0; bottom:0;  z-index: 99; }
.userReservWrap.userReservLast .userPhoneButtonWrap > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.userReservWrap.userReservLast .userPhoneButtonWrap > ul > li { flex: 1 1; }
.userReservWrap.userReservLast .userPhoneButtonWrap > ul > li > * { width:100%; height:60px; line-height: 60px; border-radius: 0; font-size:15px; font-weight: 700; }
.userReservWrap.userReservLast .userPhoneButtonWrap > ul > li > *:disabled { color:#BBC0C9 !important; background:#F6F7F8 !important; }
.userReservWrap.userReservLast .userPhoneButtonWrap > ul > li:last-child > * { background-color:#431F88; border-color:#431F88; color:#fff; }
.userReservWrap.userReservLast .userPhoneButtonWrap > ul > li .btn-cancel { background:#fff; color:#5C6272; border-top: 1px solid #BBC0C9; }

.is-desktop { display: flex !important; }
.is-mobile { display: none !important; }
.new-reserv-wrap .reserv-item .reserv-item-button-wrap { display:none !important; }
.new-reserv-wrap .loader {width: 20px; height: 20px; border: 2px solid #FFF; border-bottom-color: transparent;
    border-radius: 50%; display: inline-block; box-sizing: border-box;
    animation: rotation 1s linear infinite; position:relative;}

.userPhoneWrap { width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: -100%;
    background: rgba(0, 0, 0, .4);
    z-index: 999999;
    transition: bottom 0.5s;  }
.userPhoneWrap.show { bottom:0; }

.userPhone.newUserPhone {
    padding: 40px 40px 87px;
    width: 382px;
    height: 530px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: #fff;
}

.userPhone.newUserPhone.show { bottom:0; width:100%; height:100%; background:#fff; z-index: 9999;}
.userPhone.newUserPhone h2 { font-size:20px; font-weight: 700; margin:0 0 20px 0; width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.userPhone.newUserPhone h2 > strong { font-weight: 700; }
.userPhone.newUserPhone h3 { font-size:10px; font-weight: 400; margin:-10px 0 20px 0; }

.userPhone.newUserPhone .userPhoneButtonWrap { width:100%; position: absolute; left:0; bottom:0;  z-index: 99; }
.userPhone.newUserPhone .userPhoneButtonWrap > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.userPhone.newUserPhone .userPhoneButtonWrap > ul > li { flex: 1 1; }
.userPhone.newUserPhone .userPhoneButtonWrap > ul > li > * { width:100%; height:60px; line-height: 60px; border-radius: 0; font-size:15px; font-weight: 700; border-top:rgba(0,0,0,.1) 1px solid; }
.userPhone.newUserPhone .userPhoneButtonWrap > ul > li > *:disabled { color:#BBC0C9 !important; background:#F6F7F8 !important; border-top:rgba(0,0,0,.1) 1px solid; }
.userPhone.newUserPhone .userPhoneButtonWrap > ul > li:last-child > * { background-color:#431F88; color:#fff; }
.userPhone.newUserPhone .userPhoneButtonWrap > ul > li .btn_cancel { background:#fff; color:#5C6272; }

.userPhone.newUserPhone .reservInputWrap > ul > li.modify_mb_phone { margin-bottom:0; }
.userPhone.newUserPhone .reservInputWrap > ul > li.modify_mb_phone_re { display:none; }
.userPhone.newUserPhone .reservInputWrap > ul > li.modify_mb_phone_re > label { padding-top:0; }

.userPhone.newUserPhone .reservInputWrap { width:100%; margin:20px 0 0 0; }
.userPhone.newUserPhone .reservInputWrap > ul { width:100%; display:flex; flex-direction: column; }
.userPhone.newUserPhone .reservInputWrap > ul > li { width:100%; margin:0 0 16px 0; }
.userPhone.newUserPhone .reservInputWrap > ul > li > label { width:100%; display:flex; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; position:relative; padding-top:28px; }
.userPhone.newUserPhone .reservInputWrap > ul > li:nth-of-type(2){margin-bottom: 10px}
.userPhone.newUserPhone .reservInputWrap > ul > li:nth-of-type(3){margin-bottom: 12px}
.userPhone.newUserPhone .reservInputWrap > ul > li.btn_modif{margin-bottom: 0}
.userPhone.newUserPhone .reservInputWrap > ul > li > label > span { font-size:12.5px; margin:0 0 0 0; font-weight: 400; position:absolute; left:0; top:0; line-height: 20px; color: #2A303C !important;
    display:flex; width:100%; word-break: keep-all; white-space: nowrap;
}
.userPhone.newUserPhone .reservInputWrap input[type='text'],.userPhone.newUserPhone .reservInputWrap input[type='email'],.userPhone.newUserPhone .reservInputWrap input[type='number'], .userPhone.newUserPhone .reservInputWrap input[type='password'], .userPhone.newUserPhone .reservInputWrap select, .userPhone.newUserPhone .reservInputWrap textarea {
    width:100%; height:56px; padding:0 15px; border:#BBC0C9 1px solid; font-size:16px; font-weight: 500; border-radius: 2px; transition: border-color 0.3s;
}
.userPhone.newUserPhone .veriMsg {
    width: 100%;
    display: flex;
    margin: 5px 0 0 0;
    font-size: 10px;
    color: #EC696B;
    font-weight: 400;
}

.new-reserv-wrap.bottom.reservButtonHide:not(.show) {  bottom:-72px !important; }
.new-reserv-wrap.bottom.reservButtonHide.show { }
.new-reserv-wrap.reservButtonHide .reserv-item { }

@media only screen and (max-width: 767px) {
    .is-desktop { display: none !important; }
    .is-mobile { display: flex !important; }

    #container .finishBlade {
        padding: 32px 24px;
        width: 100% ;
        max-width: 100%;
        margin: 0 auto;
    }

    .reserv-detail-wrap .userReserv[data-reserv-step='1'] { /*padding-left: 15px !important;*/ }

    .new-reserv-wrap { width: calc(100% - 48px); height: 44px; border-radius: 30px; transition: width 0.5s, height 0.5s, bottom 0.5s;  }
    .new-reserv-wrap.positioning { bottom: 20px; }
    .new-reserv-wrap.positioning.bottom { bottom: 0; }
    .new-reserv-wrap .reserv-item { height:44px; }
    .new-reserv-wrap .reserv-item > ul > li:first-child { width:100%; padding:0 24px; flex-direction: row; justify-content: flex-start; align-items: center; position:relative; }
    .new-reserv-wrap .reserv-item > ul > li:first-child:after { content:""; width: 20px;height:20px; position:absolute; right:18px; top:50%; transform: translateY(-50%); background:url('../svg/icon_arrow_lower.svg') no-repeat center center; background-size:20px 20px;  }
    .new-reserv-wrap .reserv-item > ul > li:first-child > * { display:flex; align-items: center; }
    .new-reserv-wrap .reserv-item > ul > li:first-child > h2 { font-size: 16px;  }
    .new-reserv-wrap .reserv-item > ul > li:first-child > h3 { margin-left:10px; height: 18px; line-height: 18px; font-size: 14px; }
    .new-reserv-wrap .reserv-item > ul > li:not(:first-child) { display:none; }

    .new-reserv-wrap.show { width:100%; height:537px; bottom:0 !important; border-radius: 8px 8px 0 0; }
    .new-reserv-wrap .reserv-form { position:fixed; height:537px; left:0; bottom:-537px; padding: 28px 24px 28px 24px; }
    .new-reserv-wrap .reserv-form.show { bottom: 0; z-index: 10 !important; overflow-x: visible;}

    .new-reserv-wrap .reserv-form .reserv-detail-wrap { /*height:400px;*/ position:relative; overflow-y: auto !important; overflow-x: hidden; padding: 0 24px; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul { height:auto; /*height:100%; overflow-y: auto; overflow-x: hidden;*/ }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li { height: auto; flex: 0 0 100%; margin-left:0; padding-bottom: 40px; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li.m_li { flex-wrap: nowrap; overflow-y: auto; overflow-x: visible; /*height:400px;*/ }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:after,
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:before { display:none; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li > label,
    .reserv-detail-wrap .terms_ul,
    .new-reserv-wrap .reserv-form .btn-next-step { width:100%; padding-left:0; padding-right:0; }
    .new-reserv-wrap .reserv-form > h3,
    .new-reserv-wrap .reserv-form > h2{margin: 0 24px;}
    .m-button-wrap.is-mobile { display:flex !important; justify-content: center; align-items: center; flex-wrap: wrap;
        position:absolute; left:0; bottom:0; z-index: 99; width:calc(100%);
    }
    .m-button-wrap > button { flex: 1 1 50%; height: 56px; border:0; background:#ffffff; color:#4A515F; border-top:rgba(0,0,0,.1) 1px solid;
        font-size: 15px;
        font-weight: 700;transition: background-color 0.4s;
        justify-content: center;
        align-items: center;
    }
    .m-button-wrap > button.hide { display:none !important; }

    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li > label { margin-bottom: 24px; }
    .reserv-detail-wrap > ul > li > label > span { left:0; }
    .new-reserv-wrap .reserv-form .btn-next-step { border-radius: 0;
        margin:0; background:#431F88; color:#fff;
    }
    .new-reserv-wrap .reserv-form .btn-next-step:disabled {
        color: #BBC0C9;
        background-color: #F6F7F8;
        box-shadow: none;
        cursor: initial;
    }
    .new-reserv-wrap.member-wrap .reserv-form .reserv-detail-wrap > ul { height: 100%; }
    .new-reserv-wrap.member-wrap .reserv-form .reserv-detail-wrap > ul > li { height:100%; flex-wrap: nowrap; }
    .new-reserv-wrap.show { /*height: 620px !important;*/ }
    .new-reserv-wrap.member-wrap.show { /*height: 620px !important;*/ }
    .new-reserv-wrap .reserv-form { padding: 28px 0 !important; }
    .new-reserv-wrap.show .reserv-form.show { /*height:620px !important;*/ }
    /* .new-reserv-wrap.member-wrap.show .reserv-form.show { height:620px !important; } */
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul { width:100%; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li {
        width: 100% !important;
        flex: 0 0 100% !important;
        height: 100%; flex-wrap: nowrap; 
    }
    .reserv-detail-wrap .terms_ul { margin-bottom: 24px; }
    .new-reserv-wrap.bottom .reserv-item > ul { width:100%; }
    .new-reserv-wrap.bottom .reserv-item > ul > li:first-child { width:100%; padding:0 0; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    .new-reserv-wrap.bottom .reserv-item > ul > li > h2,
    .new-reserv-wrap.bottom .reserv-item > ul > li > h3 { display:none !important; }
    .new-reserv-wrap.bottom .reserv-item > ul > li > { }
    .new-reserv-wrap.bottom .reserv-item .reserv-item-button-wrap { display:flex !important; width:100%; height: 100%; justify-content: space-evenly;  }
    .new-reserv-wrap.bottom .reserv-item .reserv-item-button-wrap > * {flex:1; height: 100%; font-size: 14px; font-weight: 700; color:#2A303C; background:#fff; border:0;display:flex; line-height: 20px; align-items: center; justify-content: center;}
    .new-reserv-wrap.bottom .reserv-item .reserv-item-button-wrap .reserv_btn .reserv_ico { display: none;}
    .new-reserv-wrap.bottom .reserv-item > ul > li:first-child:after { display:none; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li[data-step='2'] { display:none; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li.show { display:flex; }

    .new-reserv-wrap.bottom.is-store-page,
    .new-reserv-wrap.bottom.is-store-page .reserv-item { height:60px; padding:0; }
    .new-reserv-wrap.bottom.is-store-page .reserv-item .reserv-item-button-wrap > a { display:none; }
    .new-reserv-wrap.bottom.is-store-page .reserv-item .reserv-item-button-wrap > a:first-child { display:flex !important; animation: none;}

    .new-reserv-wrap.bottom.is-store-page .reserv-item .reserv-item-button-wrap > a .reserv_ico { display: none !important;}

    .new-reserv-wrap.bottom .reserv-form .reserv-detail-wrap > ul > li { height:100%; }

    .new-reserv-wrap.bottom.is-store-page #btn-reserv { width:100%; flex:1; height: 60px; background:#431F88; color:#fff; justify-content: center; font-size: 15px; }

    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li > label.phone_check_li { display:none; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li > label[for='custom_title'] { margin-bottom: 50px !important; }
    .new-reserv-wrap .reserv-form .reserv-detail-wrap > ul > li:first-child {  }

    .reserv-detail-wrap .userReserv { width:100% !important; padding-left:0 !important; padding-right:0 !important; }
    .reserv-detail-wrap .userReserv.disabled { display:none; }
    .reserv-detail-wrap .userReserv > .reserv-time-wrap { width:100%; padding:0; }
    .reserv-detail-wrap .custom_select_option { width:100%; position:relative; }

    .reserv-detail-wrap .is_mobile_wrap .reservTimer > ul { display:flex; }
    .reserv-detail-wrap .userReserv[data-reserv-step='3'] {
        position: relative;
        right: 0;
        bottom: 0;
        flex: 1 1 100%;
        width: 100%;
        height: auto;
        padding: 0 55px;
    }
    .reserv-detail-wrap .timeList > ul > li { margin-bottom: 20px; }
    #calendarList { padding-bottom: 20px; margin-bottom: 30px; position:relative; }
    #calendarList:after { content:""; width:100%; height:1px; background:#EAECF0; position:absolute; left:0; bottom:0; }

    #footer .f_help { bottom: 80px; right: 24px; }
    #footer .f_help.fixed { bottom: 57px !important; }
    #footer .f_help .helpButtonWrap > ul > li > a { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); }

    .new-reserv-wrap.bottom.member-wrap.next-wrap.show { height: 560px; }
    .userReservWrap.userReservLast .userReserv { width:100%; height: 620px; left:0; top:auto; bottom:0; transform: translate(0,0); border-radius: 8px 8px 0 0; padding: 28px 24px; }
    .userPhone.newUserPhone { width:100%; height: 460px; left:0; top:auto; bottom:0; transform: translate(0,0); border-radius: 8px 8px 0 0; padding: 28px 24px; }
    .nonMember .nonmemberInfo > div{height: auto;}
    .reserv-detail-wrap .etcServiceWrap > ul {flex-direction: column; gap: 6px;}
    .reserv-detail-wrap .userReserv .renewalService > ul > li.is_desktop_button {margin-left: 0;}
    .reserv-detail-wrap .btn-first-step {padding-left: 0;}


    .new-reserv-wrap.bottom .reserv-item .reserv-item-button-wrap .reserv_btn {display: flex; flex-direction: column; align-items: center; justify-content: center; color: #431F88; position: relative; background: #F7EEBB; flex: 0.8; animation: reserv_bg_ani 1s step-start infinite;}
    .new-reserv-wrap.bottom .reserv-item .reserv-item-button-wrap .reserv_btn .reserv_ico {width: 9px !important; height: auto; display: block; animation: reserv_ico_ani 1.3s infinite cubic-bezier(0.46, 0.03, 0.52, 0.96); position: absolute; top: 8px; left: 50%; transform: translate(-50%, 0);}
    @keyframes reserv_bg_ani {
        50%  {  background-color: transparent; }
    }
    @keyframes reserv_ico_ani {
        0%  {  transform: translate(-50%, 0); }
        50% {  transform: translate(-50%, -6px); }
        100%  { transform: translate(-50%, 0); }
    }
}


@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .new-reserv-wrap.bottom .reserv-item > ul{width: 100%;}
    .new-reserv-wrap.bottom .reserv-form .reserv-detail-wrap > ul > li{width: 100%; flex: 0 0 100%; margin-left: 0;}
    .new-reserv-wrap.bottom .reserv-form .reserv-detail-wrap > ul{width: 100%;}
    .new-reserv-wrap.bottom .reserv-form{max-width: 100%;}
    .new-reserv-wrap.bottom .reserv-form > h2{margin-left: 55px; margin-right: 55px;}
    .new-reserv-wrap.bottom .reserv-form > h3{margin-left: 55px; margin-right: 55px;}
    /* .new-reserv-wrap .reserv-item{padding-left: 30px; padding-right: 30px;} */
    .new-reserv-wrap.bottom .reserv-item{padding-left: 30px; padding-right: 30px;}

}

@media (max-height: 700px) {
    .new-reserv-wrap.show{height: 586px;}
    .new-reserv-wrap.show .reserv-form.show{height: 500px;}
    .new-reserv-wrap.bottom.show{height: 586px;}
    .userReservWrap.userReservLast .userReserv{height: calc(100% - 40px);}
  }